.collection-grid{width:100%;box-sizing:border-box}.collection-grid__header{text-align:center;margin-bottom:24px;padding:0 16px}.collection-grid__title{font-size:clamp(1.4rem,3vw,2rem);font-weight:700;letter-spacing:-.02em;color:#1a1a1a;margin:0}.collection-grid__wrapper{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:0 12px;max-width:1200px;margin:0 auto;grid-auto-rows:200px}.collection-grid__item{position:relative;display:block;text-decoration:none;border-radius:20px;overflow:hidden;cursor:pointer;background:#e0ddd4;transition:transform .22s cubic-bezier(.25,.8,.25,1),box-shadow .22s cubic-bezier(.25,.8,.25,1);-webkit-tap-highlight-color:transparent}.collection-grid__item:hover{transform:scale(1.02);box-shadow:0 8px 30px #00000021}.collection-grid__item:active{transform:scale(.98)}.collection-grid__item--square{grid-column:span 1;grid-row:span 1}.collection-grid__item--vertical{grid-column:span 1;grid-row:span 2}.collection-grid__item--horizontal{grid-column:span 2;grid-row:span 1}.collection-grid__image-wrap{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.collection-grid__image{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform .4s cubic-bezier(.25,.8,.25,1)}.collection-grid__item:hover .collection-grid__image{transform:scale(1.05)}.collection-grid__image-wrap--placeholder{background:#d8d4c8}.collection-grid__image--placeholder{opacity:.35}.collection-grid__label{position:absolute;top:14px;left:14px;z-index:2;background:none;padding:0;border-radius:0;backdrop-filter:none;-webkit-backdrop-filter:none}.collection-grid__label-text{font-size:13px;font-weight:900;letter-spacing:.06em;color:#fff;text-transform:uppercase;line-height:1;text-shadow:0px 2px 6px rgba(0,0,0,.7)}.collection-grid__arrow{font-size:13px;color:#555;line-height:1}.collection-grid__item:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#0000;border-radius:20px;transition:background .22s ease;pointer-events:none;z-index:1}.collection-grid__item:hover:after{background:#0000000f}@media(min-width:768px){.collection-grid__wrapper{grid-template-columns:repeat(4,1fr);gap:16px;padding:0 24px;grid-auto-rows:240px}.collection-grid__item--horizontal{grid-column:span 2}.collection-grid__label{top:16px;left:16px}.collection-grid__label-text{font-size:13px}}@media(min-width:1200px){.collection-grid__wrapper{grid-auto-rows:280px;gap:20px;padding:0 40px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-collection-grid.css.map */