.collection-banner-grid{width:100%;position:relative;overflow:hidden}.collection-banner-grid:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;opacity:1;z-index:0;pointer-events:none}.collection-banner-grid__container{position:relative;z-index:1;width:100%;padding:0}.collection-banner-grid__header{text-align:center;margin-bottom:3rem;position:relative;z-index:2}.collection-banner-grid__heading{margin:0 0 1rem;font-weight:700;letter-spacing:-.02em;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.5)}.collection-banner-grid__subheading{font-size:1.125rem;color:#fffffff2;margin:0;line-height:1.6;text-shadow:0 2px 8px rgba(0,0,0,.4)}.collection-banner-grid__wrapper{position:relative;width:100%;max-width:100%;padding:0 2rem}@media screen and (min-width: 750px){.collection-banner-grid__wrapper{padding:0 3rem}}@media screen and (min-width: 990px){.collection-banner-grid__wrapper{padding:0 5rem}}.collection-banner-grid__grid{display:grid;gap:1.5rem;grid-template-columns:repeat(var(--grid-mobile-columns, 2),1fr)}.collection-banner-grid__grid--2-col{--grid-desktop-columns: 2}.collection-banner-grid__grid--3-col{--grid-desktop-columns: 3}.collection-banner-grid__grid--4-col{--grid-desktop-columns: 4}.collection-banner-grid__grid--mobile-1-col{--grid-mobile-columns: 1}.collection-banner-grid__grid--mobile-2-col{--grid-mobile-columns: 2}@media screen and (min-width: 750px){.collection-banner-grid__grid{grid-template-columns:repeat(var(--grid-desktop-columns, 4),1fr);gap:2rem}}@media screen and (min-width: 990px){.collection-banner-grid__grid{gap:2.5rem;transform:scale(.85);transform-origin:top center}}.collection-banner-card{position:relative;overflow:hidden;background:transparent;transition:transform .4s cubic-bezier(.34,1.56,.64,1),box-shadow .4s ease}.collection-banner-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 16px 40px #0000004d}.collection-banner-card__link{display:block;text-decoration:none;color:inherit}.collection-banner-card__media{position:relative;overflow:hidden}.collection-banner-card__image-wrapper{position:relative;width:100%;overflow:hidden;background:linear-gradient(135deg,#667eea,#764ba2)}.collection-banner-card__image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.34,1.56,.64,1)}.collection-banner-card:hover .collection-banner-card__image{transform:scale(1.1)}.collection-banner-card__placeholder{width:100%;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2)}.collection-banner-card__placeholder svg{width:40%;height:40%;opacity:.3;fill:#fff}.collection-banner-card__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#0000,#0003 70%,#00000080);transition:opacity .3s ease}.collection-banner-card:hover .collection-banner-card__overlay{opacity:.8}.collection-banner-card__content{position:absolute;bottom:0;left:0;width:100%;padding:1.5rem;text-align:center;z-index:2;background:linear-gradient(to top,rgba(0,0,0,.8) 0%,rgba(0,0,0,.4) 50%,transparent 100%);transition:background .3s ease}.collection-banner-card:hover .collection-banner-card__content{background:linear-gradient(to top,rgba(0,0,0,.95) 0%,rgba(0,0,0,.6) 50%,transparent 100%)}.collection-banner-card__title{font-size:1.25rem;font-weight:700;margin:0 0 .5rem;line-height:1.3;letter-spacing:-.01em;color:#fff;text-transform:uppercase;transition:transform .3s ease}.collection-banner-card:hover .collection-banner-card__title{transform:translateY(-4px)}.collection-banner-card__count{font-size:.8125rem;font-weight:600;color:#ffffffd9;text-transform:uppercase;letter-spacing:.1em;margin:0;opacity:0;transform:translateY(10px);transition:opacity .3s ease,transform .3s ease}.collection-banner-card:hover .collection-banner-card__count{opacity:1;transform:translateY(0)}@media screen and (max-width: 749px){.collection-banner-grid__header{margin-bottom:2rem}.collection-banner-grid__grid{gap:1rem;transform:scale(.85);transform-origin:top center}.collection-banner-card__content{padding:1.25rem 1rem}.collection-banner-card__title{font-size:1.125rem}.collection-banner-card__count{opacity:.8;transform:translateY(0)}}@media screen and (min-width: 750px) and (max-width: 989px){.collection-banner-card__title{font-size:1.1875rem}}@media (prefers-reduced-motion: no-preference){.scroll-trigger.animate--fade-in{animation:fadeInUp .6s ease-out forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}}.collection-banner-card__link:focus-visible{outline:3px solid rgba(255,255,255,.8);outline-offset:4px}@media (prefers-reduced-motion: reduce){.collection-banner-card,.collection-banner-card__image,.collection-banner-card__overlay,.collection-banner-card__content,.collection-banner-card__title,.collection-banner-card__count{transition:none}.collection-banner-card:hover,.collection-banner-card:hover .collection-banner-card__image,.collection-banner-card:hover .collection-banner-card__title{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/46/assets/section-collection-banner-grid.css.map */