[is=list-collection]{display:grid;grid-template-columns:1fr;gap:24px}[is=list-collection] .item{position:relative}[is=list-collection] .link{display:block;text-decoration:none;color:inherit}[is=list-collection] .image-wrapper{position:relative;margin:0;overflow:hidden}[is=list-collection] .hover-image,[is=list-collection] .main-image{width:100%;height:100%}[is=list-collection] .hover-image{position:absolute;top:0;left:0;z-index:1}[is=list-collection] .main-image{position:relative;z-index:2;transition:opacity .4s ease-in-out}[is=list-collection] .title{position:absolute;bottom:16px;left:16px;right:16px;margin:0;z-index:3;pointer-events:none;transition:opacity .4s ease-in-out}[is=list-collection] .title h3{margin:0}[is=list-collection] .button{position:absolute;bottom:0;left:50%;transform:translate(-50%);z-index:4;opacity:0;transition:opacity .4s ease-in-out;width:calc(100% - 64px)}[is=list-collection] .link:hover .main-image,[is=list-collection] .link:hover .title{opacity:0}[is=list-collection] .link:hover .button{opacity:1}[is=list-collection] .link:hover img{transform:scale(1.03)}[is=list-collection] img{transition:transform .4s ease-in-out;width:100%;height:100%;object-fit:cover}[is=list-collection] .button-mobile{display:none}@media (max-width: 767px){[is=list-collection]{gap:16px}[is=list-collection] .button .button-primary{display:none}[is=list-collection] .button-mobile{display:flex;margin-bottom:0;position:absolute;z-index:2;bottom:16px;right:16px}[is=list-collection] .filler{display:none}}@media (min-width: 768px){[is=list-collection]{grid-template-columns:repeat(2,1fr);gap:24px}[is=list-collection] .title{bottom:32px;left:32px;right:32px}[is=list-collection] .button-mobile{display:none}}@media (min-width: 768px) and (max-width: 1023px){[is=list-collection] .filler-tablet-1{grid-column:span 1}[is=list-collection] .filler-tablet-0{display:none}}@media (min-width: 1024px){[is=list-collection]{grid-template-columns:repeat(3,1fr);gap:32px}[is=list-collection] .filler-desktop-0{display:none}[is=list-collection] .filler-desktop-1{grid-column:span 2}[is=list-collection] .filler-desktop-2{grid-column:span 1}}@media (hover: none){[is=list-collection] .main-image,[is=list-collection] .title{opacity:1!important}[is=list-collection] .button{opacity:0!important}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-list-collection.css.map */