.collection-grid{--gap: 1rem;--grid-width: calc((100% - (var(--gap) * (var(--per-row) - 1))) / var(--per-row))}.collection-grid__wrapper{max-width:1840px;margin:0 auto;padding:0 2rem}.collection-grid__list{display:flex;gap:var(--gap);flex-wrap:wrap;padding:0;margin:0;list-style:none;justify-content:center}.collection-grid__list li{width:var(--grid-width);position:relative;z-index:1;border-radius:12px;height:290px}.collection-grid__item{position:relative;height:100%;display:flex;flex-direction:column}.collection-grid__list li .media{position:relative;width:100%;background-color:#fff;border-radius:0;overflow:hidden;transition:transform .3s ease;aspect-ratio:2/3;min-height:400px}.collection-grid__list li img,.collection-grid__list li svg{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.collection-grid__list li:hover img,.collection-grid__list li:hover svg{transform:scale(1.08)}.collection-grid__content{position:absolute;bottom:0;left:0;right:0;padding:2rem;z-index:2;text-align:center;background:linear-gradient(to top,rgba(0,0,0,.5),transparent)}.collection-grid__title{color:#fff;font-size:24px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.3)}.collection-grid.collection-grid-one{--grid-width: 100%}@media screen and (min-width: 576px){.collection-grid__list li{min-height:550px}}@media screen and (min-width: 990px){.collection-grid__list li{min-height:700px}}@media screen and (min-width: 1200px){.collection-grid__wrapper{max-width:1160px}.collection-grid{--gap: 3.2rem}.collection-grid__list li .media{min-height:680px;aspect-ratio:1/2}.collection-grid__title{font-size:36px}.collection-grid__content{padding:3rem}}@media screen and (min-width: 1400px){.collection-grid__wrapper{max-width:1320px}.collection-grid__list li .media{min-height:750px}.collection-grid__title{font-size:40px}}@media screen and (min-width: 576px){.collection-grid__list li:not(:nth-child(2n)):not(:last-child) .collection-grid__item{position:relative}.collection-grid__list li:not(:nth-child(2n)):not(:last-child) .collection-grid__item:before{content:"";position:absolute;width:1px;height:100%;background:rgba(var(--color-border),.2);right:calc(var(--gap) / -2);pointer-events:none}}@media screen and (max-width: 575px){.collection-grid__title{font-size:20px}.collection-grid__content{padding:1.5rem}.collection-grid__list li .media{min-height:350px}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/section-collection-grid.css.map */