.collection-grid--inner{display:flex;flex-direction:column}.collection-grid--hero{position:relative}.collection-grid--image{position:relative;width:100%;aspect-ratio:2 / 3}.collection-grid--image:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:color-mix(in srgb,var(--color-taupe-light) 50%,transparent);mix-blend-mode:multiply}.collection-grid--content{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column}.collection-grid--text{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:1rem;height:100%;padding:var(--header-height) 0;color:var(--color-accent)}.collection-grid--grid{display:block;width:100%;position:relative}.collection-grid--views{position:absolute;top:-3rem;right:var(--container-gutter);display:flex;align-items:center;gap:.75rem;color:var(--color-accent)}.collection-grid--views-label{position:relative;display:block;width:1rem;height:1rem;flex-shrink:0;border:1px solid}.collection-grid--views input:checked+label{background:color-mix(in srgb,var(--color-accent) 50%,transparent)}.collection-grid--views-label.grid:before{content:"";display:block;width:100%;height:1px;background:currentColor;position:absolute;top:50%;left:0;transform:translateY(-50%)}.collection-grid--views-label.grid:after{content:"";display:block;width:1px;height:100%;background:currentColor;position:absolute;left:50%;top:0;transform:translate(-50%)}.collection-grid--products{display:grid;grid-template-columns:repeat(var(--columns),1fr);transition:opacity var(--transition-duration) var(--transition-ease);width:100%;min-width:0;max-width:100vw}collection-grid.loading .collection-grid--products{opacity:0;pointer-events:none}.collection-grid--products .product-card--content:has(.product-card--image.background){min-height:100vw}@media(min-width:768px){.collection-grid--image{aspect-ratio:12 / 5}.collection-grid--views{display:none}.collection-grid--products{grid-template-columns:repeat(var(--desktop-columns),1fr)}.collection-grid--products .product-card--content:has(.product-card--image.background){min-height:calc(100vw / var(--desktop-columns))}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/collection-grid.css.map */