.smart-banner-grid{padding-top:var(--sbg-padding-top-mobile, 0);padding-bottom:var(--sbg-padding-bottom-mobile, 0)}.smart-banner-grid__grid{display:grid;grid-template-columns:repeat(var(--sbg-cols-mobile, 1),minmax(0,1fr));gap:var(--sbg-gap-mobile, 0)}.smart-banner-grid__item{min-width:0;grid-column:span var(--sbg-col-span-mobile, 1);aspect-ratio:1 / 1;overflow:hidden}.smart-banner-grid__media,.smart-banner-grid__text-card{height:100%;border-radius:var(--sbg-radius-tl, 0) var(--sbg-radius-tr, 0) var(--sbg-radius-br, 0) var(--sbg-radius-bl, 0);overflow:hidden}.smart-banner-grid__media{position:relative}.smart-banner-grid__media-slides{position:absolute;top:0;right:0;bottom:0;left:0}.smart-banner-grid__media-slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transform:translate(100%);will-change:transform,opacity}.smart-banner-grid__media-slide.is-active{opacity:1;transform:translate(0)}.smart-banner-grid__media-slide .media,.smart-banner-grid__media-slide .media img,.smart-banner-grid__media-slide .media svg,.smart-banner-grid__media-slide .placeholder-svg{width:100%;height:100%}.smart-banner-grid__media-slide .media img{object-fit:cover;transform:scale(var(--sbg-media-zoom, 1));transform-origin:center}.smart-banner-grid__item--image .media img,.smart-banner-grid__item--video .media video{transform:scale(var(--sbg-media-zoom, 1));transform-origin:center}.smart-banner-grid__overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;padding:var(--sbg-overlay-edge-top-mobile, var(--sbg-padding-mobile, 22px)) var(--sbg-overlay-edge-right-mobile, var(--sbg-padding-mobile, 22px)) var(--sbg-overlay-edge-bottom-mobile, var(--sbg-padding-mobile, 22px)) var(--sbg-overlay-edge-left-mobile, var(--sbg-padding-mobile, 22px));z-index:6;pointer-events:none}.smart-banner-grid__overlay--top-left{align-items:flex-start;justify-content:flex-start}.smart-banner-grid__overlay--top-center{align-items:flex-start;justify-content:center}.smart-banner-grid__overlay--top-right{align-items:flex-start;justify-content:flex-end}.smart-banner-grid__overlay--center-left{align-items:center;justify-content:flex-start}.smart-banner-grid__overlay--center-center{align-items:center;justify-content:center}.smart-banner-grid__overlay--center-right{align-items:center;justify-content:flex-end}.smart-banner-grid__overlay--bottom-left{align-items:flex-end;justify-content:flex-start}.smart-banner-grid__overlay--bottom-center{align-items:flex-end;justify-content:center}.smart-banner-grid__overlay--bottom-right{align-items:flex-end;justify-content:flex-end}.smart-banner-grid__overlay-inner{background:var(--sbg-overlay-bg, transparent);color:var(--sbg-overlay-text-color, var(--color-foreground));border-radius:var(--sbg-overlay-radius-tl, 0) var(--sbg-overlay-radius-tr, 0) var(--sbg-overlay-radius-br, 0) var(--sbg-overlay-radius-bl, 0);padding:max(8px,calc(var(--sbg-overlay-inner-padding-mobile, var(--sbg-padding-mobile, 22px)) * .4)) max(10px,calc(var(--sbg-overlay-inner-padding-mobile, var(--sbg-padding-mobile, 22px)) * .6));max-width:100%}.smart-banner-grid__overlay-title,.smart-banner-grid__overlay-text,.smart-banner-grid__text-1,.smart-banner-grid__text-2,.smart-banner-grid__text-3{margin:0;font-family:var(--sbg-font-family, inherit);font-weight:var(--sbg-font-weight, inherit);font-style:var(--sbg-font-style, normal);line-height:var(--sbg-line-height, 1.25);letter-spacing:var(--sbg-letter-spacing, 0);text-transform:var(--sbg-text-transform, none)}.smart-banner-grid__overlay-title,.smart-banner-grid__text-1{font-size:clamp(14px,calc(var(--sbg-heading-size, 38px) * .3 + .8vw),var(--sbg-heading-size, 38px))}.smart-banner-grid__overlay-text,.smart-banner-grid__text-2,.smart-banner-grid__text-3{font-size:clamp(12px,calc(var(--sbg-body-size, 22px) * .45 + .5vw),var(--sbg-body-size, 22px))}.smart-banner-grid__text-1+.smart-banner-grid__text-2,.smart-banner-grid__text-2+.smart-banner-grid__text-3,.smart-banner-grid__overlay-title+.smart-banner-grid__overlay-text{margin-top:.25em}.smart-banner-grid__text-card{display:flex;flex-direction:column;justify-content:center;gap:.15em;padding:var(--sbg-padding-mobile, 22px);background:var(--sbg-bg, transparent);color:var(--sbg-text-color, var(--color-foreground));min-height:0;overflow:hidden;word-break:break-word;overflow-wrap:anywhere}.smart-banner-grid__text-card.vertical-top{justify-content:flex-start}.smart-banner-grid__text-card.vertical-center{justify-content:center}.smart-banner-grid__text-card.vertical-bottom{justify-content:flex-end}.smart-banner-grid .text-left{text-align:left}.smart-banner-grid .text-center{text-align:center}.smart-banner-grid .text-right{text-align:right}.smart-banner-grid__media-link,.smart-banner-grid__text-card-link{display:block;color:inherit;text-decoration:none;height:100%}@media (min-width: 768px){.smart-banner-grid{padding-top:var(--sbg-padding-top-desktop, 0);padding-bottom:var(--sbg-padding-bottom-desktop, 0)}.smart-banner-grid__grid{grid-template-columns:repeat(var(--sbg-cols-tablet, 2),minmax(0,1fr));gap:var(--sbg-gap-desktop, 0)}.smart-banner-grid__item{grid-column:span var(--sbg-col-span-tablet, 1)}.smart-banner-grid__overlay{padding:var(--sbg-overlay-edge-top-desktop, var(--sbg-padding-desktop, 40px)) var(--sbg-overlay-edge-right-desktop, var(--sbg-padding-desktop, 40px)) var(--sbg-overlay-edge-bottom-desktop, var(--sbg-padding-desktop, 40px)) var(--sbg-overlay-edge-left-desktop, var(--sbg-padding-desktop, 40px))}.smart-banner-grid__text-card{padding:var(--sbg-padding-desktop, 40px)}.smart-banner-grid__overlay-inner{padding:max(8px,calc(var(--sbg-overlay-inner-padding-desktop, var(--sbg-padding-desktop, 40px)) * .24)) max(10px,calc(var(--sbg-overlay-inner-padding-desktop, var(--sbg-padding-desktop, 40px)) * .34))}}@media (min-width: 1024px){.smart-banner-grid__grid{grid-template-columns:repeat(var(--sbg-cols-desktop, 4),minmax(0,1fr))}.smart-banner-grid__item{grid-column:span var(--sbg-col-span-desktop, 1)}}@media (min-width: 768px){.smart-banner-grid--desktop-full .smart-banner-grid__width.container,.smart-banner-grid--desktop-full{max-width:none!important;width:100vw!important;width:100dvw!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;padding-left:0!important;padding-right:0!important;box-sizing:border-box}}@media (max-width: 767.98px){.smart-banner-grid--mobile-full .smart-banner-grid__width.container,.smart-banner-grid--mobile-full{max-width:none!important;width:100vw!important;width:100dvw!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;padding-left:0!important;padding-right:0!important;box-sizing:border-box}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/section-smart-banner-grid.css.map */