.collection-grid{--gap: 1.6rem;--grid-width: 100%}.collection-grid.collection-grid-one{--grid-width: 100%}@media screen and (min-width:576px){.collection-grid{--grid-width: calc(50% - (var(--gap) * (1 - 1 / var(--per-row))))}}@media screen and (min-width:1100px){.collection-grid{--gap: 3.2rem;--grid-width: calc( 100% / var(--per-row) - (var(--gap) * (1 - 1 / var(--per-row))) )}}.collection-grid__list{display:flex;gap:var(--gap);flex:1 1 auto;flex-wrap:wrap;padding:0;margin:0;list-style:none;align-self:flex-start}.collection-grid__list li{width:var(--grid-width);position:relative;z-index:1}.collection-grid__list li img,.collection-grid__list li svg{transition:transform var(--duration-long) ease}.collection-grid__list li:hover img,.collection-grid__list li:hover svg{transform:scale(1.12)}@media screen and (min-width:576px)and (max-width:1100px){.collection-grid__list li:not(.collection-grid-one):not(:nth-child(2n)):not(:last-child) .collection-grid__item{position:relative}.collection-grid__list li:not(.collection-grid-one):not(:nth-child(2n)):not(:last-child) .collection-grid__item:before{content:"";position:absolute;width:1px;height:100%;background:rgb(var(--color-border));right:calc(var(--gap) / -2);pointer-events:none}}@media screen and (min-width:1100px){.collection-grid__list li:not(.hide_border):not(:last-child) .collection-grid__item{position:relative}.collection-grid__list li:not(.hide_border):not(:last-child) .collection-grid__item:before{content:"";position:absolute;width:1px;height:100%;background:rgb(var(--color-border));right:calc(var(--gap) / -2);pointer-events:none}}.collection-grid__slider{display:block;position:relative}.collection-grid__list.collection-grid__list--carousel{flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.collection-grid__list.collection-grid__list--carousel::-webkit-scrollbar{display:none}.collection-grid__list.collection-grid__list--carousel li{flex:0 0 auto;scroll-snap-align:start}@media screen and (max-width:575px){.collection-grid__list.collection-grid__list--carousel li{width:calc(100% - 4rem)}.collection-grid__nav{display:none}}.collection-grid__nav-spacer{position:absolute;top:0;left:0;width:100%;pointer-events:none}@media screen and (min-width:576px)and (max-width:1099px){.collection-grid__nav-spacer{aspect-ratio:200 / var(--media-ratio)}}@media screen and (min-width:1100px){.collection-grid__nav-spacer{aspect-ratio:calc(100 * var(--per-row)) / var(--media-ratio)}}.collection-grid__nav.swiper-buttons__wrapper .swiper-button span{opacity:1}.collection-grid__nav .swiper-buttons__box{width:100%}.collection-grid__nav .swiper-button{position:relative}.collection-grid__nav .swiper-button span{position:absolute;top:50%;transform:translateY(-50%)}.collection-grid__nav .swiper-button-prev span{right:calc(100% + 1rem);transform:translateY(-50%) rotate(-180deg)}.collection-grid__nav .swiper-button-next span{left:calc(100% + 1rem)}@media screen and (min-width:576px){.collection-grid__nav .swiper-button{width:auto;height:auto;border-radius:0;padding:.8rem 1.2rem;background-color:#b281e3;color:rgb(var(--color-button-text));display:flex;align-items:center;justify-content:center}.collection-grid__nav .swiper-button span{position:static;top:auto;transform:none}.collection-grid__nav .swiper-button-prev span{right:auto;transform:rotate(-180deg)}.collection-grid__nav .swiper-button-next span{left:auto}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-collection-grid.css.map */