.banner-grid-extend{--vertical-gap: 48px;--horizontal-gap: 48px}.banner-grid-extend__wrapper--narrow{max-width:960px;margin:0 auto}.banner-grid-extend__wrapper{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--grid-gap);grid-auto-rows:var(--row-height, 150px);grid-auto-flow:dense}.banner-grid-extend__card.col-1{grid-column:span 1}.banner-grid-extend__card.col-2{grid-column:span 2}.banner-grid-extend__card.col-3{grid-column:span 3}.banner-grid-extend__card.col-4{grid-column:span 4}.banner-grid-extend__card.col-5{grid-column:span 5}.banner-grid-extend__card.col-6{grid-column:span 6}.banner-grid-extend__card.col-7{grid-column:span 7}.banner-grid-extend__card.col-8{grid-column:span 8}.banner-grid-extend__card.col-9{grid-column:span 9}.banner-grid-extend__card.col-10{grid-column:span 10}.banner-grid-extend__card.col-11{grid-column:span 11}.banner-grid-extend__card.col-12{grid-column:span 12}.banner-grid-extend__card.row-1{grid-row:span 1}.banner-grid-extend__card.row-2{grid-row:span 2}.banner-grid-extend__card.row-3{grid-row:span 3}.banner-grid-extend__card.row-4{grid-row:span 4}.banner-grid-extend__card.row-5{grid-row:span 5}.banner-grid-extend__card.row-6{grid-row:span 6}.banner-grid-extend__card.row-7{grid-row:span 7}.banner-grid-extend__card.row-8{grid-row:span 8}.banner-grid-extend__card.row-9{grid-row:span 9}.banner-grid-extend__card.row-10{grid-row:span 10}.banner-grid-extend__card.row-11{grid-row:span 11}.banner-grid-extend__card.row-12{grid-row:span 12}.banner-grid-extend__card{display:flex;overflow:clip;position:relative;border-radius:var(--image-radius);-webkit-border-radius:var(--image-radius);z-index:1}.banner-grid-extend__wrapper--radius{border-radius:var(--container-radius);-webkit-border-radius:var(--container-radius);overflow:clip}.banner-grid-extend__media{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.banner-grid-extend__media:after{content:"";display:flex;position:absolute;top:0;left:0;height:100%;width:100%;z-index:2;opacity:var(--overlay-opacity)}.banner-grid-extend__media .banner-grid-extend__image,.banner-grid-extend__media .placeholder-svg,.banner-grid-extend__media video{width:100%;height:100%;object-fit:cover}.banner-grid-extend__card--gallery .banner-grid-extend__media{cursor:zoom-in}.banner-grid-extend__gallery-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background:#0c0c0ce6;display:flex;align-items:center;justify-content:center;padding:24px;opacity:0;transition:opacity .22s ease}.banner-grid-extend__gallery-modal[hidden]{display:none}.banner-grid-extend__gallery-modal.is-open{opacity:1}.banner-grid-extend__gallery-figure{margin:0;width:min(92vw,1400px);height:min(88vh,900px);position:relative;z-index:31;display:flex;align-items:center;justify-content:center;transform:scale(.96);transition:transform .24s ease;--gallery-image-ratio: 16 / 9}.banner-grid-extend__gallery-modal.is-open .banner-grid-extend__gallery-figure{transform:scale(1)}.banner-grid-extend__gallery-figure img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;aspect-ratio:var(--gallery-image-ratio);object-fit:contain;border-radius:10px}.banner-grid-extend__gallery-count{position:absolute;left:50%;bottom:-34px;transform:translate(-50%);color:#fff;font-size:14px;letter-spacing:.08em}.banner-grid-extend__gallery-nav,.banner-grid-extend__gallery-close{position:absolute;z-index:32;border:0;background:#ffffff2e;color:#fff;cursor:pointer;pointer-events:auto;line-height:1;display:grid;place-items:center;transition:background-color .2s ease}.banner-grid-extend__gallery-nav:hover,.banner-grid-extend__gallery-close:hover{background:#ffffff4d}.banner-grid-extend__gallery-nav{width:52px;height:52px;border-radius:50%;top:50%;transform:translateY(-50%);font-size:30px}.banner-grid-extend__gallery-nav--prev{left:24px}.banner-grid-extend__gallery-nav--next{right:24px}.banner-grid-extend__gallery-close{top:20px;right:20px;width:44px;height:44px;border-radius:50%;font-size:34px}.banner-grid-extend__info{display:flex;flex-direction:column;gap:16px;position:absolute;top:0;left:0;height:100%;width:100%;justify-content:var(--vertical-position);z-index:3;background-color:transparent;padding:var(--vertical-gap) var(--horizontal-gap)}.banner-grid-extend__info.center-content{align-items:center;text-align:center}.banner-grid-extend__info--narrow{max-width:80%;margin:0 auto}.banner-grid-extend__info--wide{max-width:100%}.banner-grid-extend__title{margin:0}.banner-grid-extend__button{display:flex}.banner-grid-extend__button.disabled{pointer-events:none}.banner-grid-extend__info.center-content .banner-grid-extend__button{justify-content:center}.banner-grid-extend__card.hover-content .banner-grid-extend__info{transform:translateY(20px);opacity:0;transition:all .3s ease}.banner-grid-extend__card.hover-content:hover .banner-grid-extend__info{transform:translateY(0);opacity:1}.banner-grid-extend__media .lazy-image,.banner-grid-extend__media .lazy-video{width:100%;height:100%}.banner-grid-extend__media .lazy-image img,.banner-grid-extend__media .lazy-video video{width:100%;height:100%;object-fit:cover}.banner-grid-extend--spacious{--horizontal-gap: 48px;--vertical-gap: 48px}.banner-grid-extend--compact{--horizontal-gap: 24px;--vertical-gap: 32px}.banner-grid-extend__wrapper.gap-one{--desktop-height: 270px}.banner-grid-extend__wrapper.gap-two{--desktop-height: 260px}.banner-grid-extend__wrapper.gap-three{--desktop-height: 245px}.banner-grid-extend__wrapper.gap-four{--desktop-height: 230px}@media screen and (min-width:769px)and (max-width:1024px){.banner-grid-extend__wrapper{grid-template-columns:repeat(6,1fr)}.banner-grid-extend__card.col-1,.banner-grid-extend__card.col-2{grid-column:span 1}.banner-grid-extend__card.col-3,.banner-grid-extend__card.col-4{grid-column:span 2}.banner-grid-extend__card.col-5,.banner-grid-extend__card.col-6{grid-column:span 3}.banner-grid-extend__card.col-7,.banner-grid-extend__card.col-8{grid-column:span 4}.banner-grid-extend__card.col-9,.banner-grid-extend__card.col-10{grid-column:span 5}.banner-grid-extend__card.col-11,.banner-grid-extend__card.col-12{grid-column:span 6}}@media screen and (max-width:768px){.banner-grid-extend--spacious,.banner-grid-extend--compact{--horizontal-gap: 16px;--vertical-gap: 24px}.banner-grid-extend__button:not(.show-on-mobile){display:none}.banner-grid-extend__wrapper{grid-template-columns:repeat(2,1fr);grid-auto-rows:var(--mobile-row-height, 120px);gap:var(--mobile-grid-gap)}.banner-grid-extend__card.mobile-col-1{grid-column:span 1}.banner-grid-extend__card.mobile-col-2,.banner-grid-extend__card.mobile-col-3{grid-column:span 2}.banner-grid-extend__card.mobile-row-1{grid-row:span 1}.banner-grid-extend__card.mobile-row-2{grid-row:span 2}.banner-grid-extend__card.mobile-row-3{grid-row:span 3}.banner-grid-extend__info{padding:16px}.banner-grid-extend__wrapper.mobile-gap-one{--mobile-height: 235px}.banner-grid-extend__wrapper.mobile-gap-two{--mobile-height: 225px}.banner-grid-extend__wrapper.mobile-gap-three{--mobile-height: 216px}.banner-grid-extend__gallery-modal{padding:12px}.banner-grid-extend__gallery-nav{width:44px;height:44px;font-size:24px}.banner-grid-extend__gallery-nav--prev{left:10px}.banner-grid-extend__gallery-nav--next{right:10px}.banner-grid-extend__gallery-close{top:12px;right:12px}.banner-grid-extend__gallery-count{bottom:-28px;font-size:12px}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/section-banner-grid-extend.css.map */