.ds-grid-collection{display:flex;flex-direction:column;gap:var(--section-stack-gap)}.ds-grid-collection__featured{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center;background:rgb(var(--background-without-opacity));border-radius:var(--input-border-radius);overflow:hidden;box-shadow:var(--shadow);min-height:var(--ds-featured-height, 500px);background:var(--featured-bg-color)}.ds-grid-collection__featured-image{height:100%;overflow:hidden}.ds-grid-collection__featured-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.ds-grid-collection__featured:hover .ds-grid-collection__featured-image img{transform:scale(1.05)}.ds-grid-collection__featured-content{padding:3rem}.ds-grid-collection__featured-title{font-family:var(--heading-font-family);font-weight:var(--heading-font-weight);font-size:var(--text-h3);color:rgb(var(--text-color));text-transform:var(--heading-text-transform);letter-spacing:var(--heading-letter-spacing);margin:0 0 1rem}.ds-grid-collection__featured-description{font-size:var(--text-base);color:rgb(var(--text-color) / .75);line-height:1.6;margin-bottom:1.5rem}.ds-grid-collection__grid{display:grid;gap:var(--ds-grid-gap);grid-template-columns:repeat(var(--ds-grid-columns),1fr)}.ds-grid-collection__item{position:relative;display:flex;flex-direction:column;border-radius:var(--input-border-radius);overflow:hidden;transition:transform .3s ease;background:var(--item-bg-color, rgb(var(--background-without-opacity)))}.ds-grid-collection__item:hover{transform:translateY(-2px)}.ds-grid-collection__image{position:relative;aspect-ratio:var(--ds-grid-aspect-ratio);overflow:hidden}.ds-grid-collection__image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.ds-grid-collection__item:hover .ds-grid-collection__image img{transform:scale(1.05)}.ds-grid-collection__content{padding:1.5rem;flex-grow:1;display:flex;flex-direction:column;gap:.75rem}.ds-grid-collection__title{font-family:var(--heading-font-family);font-weight:var(--heading-font-weight);font-size:var(--text-lg);color:rgb(var(--text-color));text-transform:var(--heading-text-transform);letter-spacing:var(--heading-letter-spacing);margin:0}.ds-grid-collection__description{font-size:var(--text-sm);color:rgb(var(--text-color) / .75);line-height:1.6;flex-grow:1}.ds-grid-collection__link{display:inline-flex;align-items:center;gap:.5rem;font-size:var(--text-sm);font-weight:500;color:rgb(var(--accent));text-decoration:none;margin-top:auto;transition:color .2s ease}.ds-grid-collection__link:hover{color:rgb(var(--accent) / .8)}.ds-grid-collection__link-icon{width:1rem;height:1rem;transition:transform .2s ease}.ds-grid-collection__link:hover .ds-grid-collection__link-icon{transform:translate(2px)}.ds-grid-collection__cta-wrapper{text-align:center;margin-top:var(--section-stack-gap)}.ds-grid-collection__cta{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 2rem;background:rgb(var(--button-background));color:rgb(var(--button-text-color));text-decoration:none;border-radius:var(--button-border-radius);font:var(--button-font);text-transform:var(--button-text-transform);letter-spacing:var(--button-letter-spacing);transition:opacity .2s ease}.ds-grid-collection__cta:hover{opacity:.9}@media screen and (max-width: 699px){.ds-grid-collection__featured{grid-template-columns:1fr}.ds-grid-collection__featured-content{padding:2rem 1.5rem}.ds-grid-collection__grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:1.5rem;padding-bottom:1rem;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.ds-grid-collection__grid::-webkit-scrollbar{display:none}.ds-grid-collection__item{flex:0 0 280px;scroll-snap-align:start}.ds-grid-collection__image{aspect-ratio:4/3}}@media screen and (min-width: 700px) and (max-width: 999px){.ds-grid-collection__featured-content{padding:2.5rem}.ds-grid-collection__grid{--ds-grid-columns: 2;--ds-grid-gap: 2rem;--ds-grid-aspect-ratio: 3/2}}@media screen and (min-width: 1000px){.ds-grid-collection__grid{--ds-grid-columns: 3;--ds-grid-gap: 2.5rem;--ds-grid-aspect-ratio: var(--ds-desktop-aspect-ratio)}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/component.ds-grid-collection.css.map */