.banner-grid-section{overflow-x:clip}.banner-grid__layout{display:grid;grid-template-columns:repeat(var(--banner-grid-columns, 2),minmax(0,1fr));gap:var(--banner-grid-gap, 1.6rem)}.banner-grid__item{position:relative;display:block;border-radius:var(--banner-grid-radius, 16px);overflow:hidden;background:#0000000a;aspect-ratio:var(--banner-grid-ratio, 4 / 3)}.banner-grid__item img,.banner-grid__item svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.banner-grid__item:hover img{transform:scale(1.03)}@media(prefers-reduced-motion:reduce){.banner-grid__item img{transition:none}}.banner-grid__carousel{display:none}@media screen and (min-width:750px){.banner-grid--feature .banner-grid__layout{grid-template-columns:var(--banner-grid-feature-width, 1.78fr) 1fr;grid-template-rows:1fr 1fr}.banner-grid--feature .banner-grid__item:first-child{grid-row:1 / span 2;aspect-ratio:var(--banner-grid-feature-ratio, 1 / 1)}.banner-grid--feature .banner-grid__item:not(:first-child){aspect-ratio:auto;height:100%}}@media screen and (max-width:749px){.banner-grid__layout{display:none}.banner-grid__carousel{display:block}.banner-grid__carousel .swiper{margin-inline:calc(var(--page-gutter, 1.5rem) * -1);padding-inline:var(--page-gutter, 1.5rem);overflow:hidden}.banner-grid__carousel .banner-grid__item{aspect-ratio:var(--banner-grid-ratio-mobile, 4 / 3);height:auto}}.banner-grid__dots{display:flex;justify-content:center;align-items:center;gap:.8rem;margin-top:1.6rem}.banner-grid__dot{-webkit-appearance:none;appearance:none;width:8px;height:8px;padding:0;border:0;border-radius:999px;background:rgba(var(--color-foreground),.25);cursor:pointer;transition:width .25s ease,background .25s ease}.banner-grid__dot--active{width:22px;background:rgb(var(--color-foreground))}.banner-grid__dot:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}@media(prefers-reduced-motion:reduce){.banner-grid__dot{transition:none}}.banner-grid__carousel .swiper-pagination-lock,.banner-grid__carousel .swiper-pagination-hidden{display:none}
/*# sourceMappingURL=/cdn/shop/t/29/assets/section-banner-grid.css.map */