.ab-banner-section{margin-top:var(--section-margin-top);margin-bottom:var(--section-margin-bottom);margin-left:var(--section-margin-h);margin-right:var(--section-margin-h);overflow:hidden;border-radius:var(--section-radius);position:relative}.ab-banner-padding{margin:0 auto;padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);padding-left:var(--padding-h);padding-right:var(--padding-h);position:relative;height:100%}.ab-banner-images{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;overflow-x:scroll;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.ab-banner-images::-webkit-scrollbar{display:none}.ab-banner-image-panel{flex:0 0 100%;scroll-snap-align:start;position:relative;overflow:hidden;opacity:var(--bg-opacity);border-radius:var(--image-radius);display:flex;flex-direction:column}.ab-banner-image-panel .ab-banner-image{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0}.ab-banner-image-panel .ab-banner-image--desktop{display:none}.ab-banner-dots{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:3}.ab-banner-dot{width:8px;height:8px;border-radius:50%;background:#ffffff80;border:none;padding:0;cursor:pointer;transition:background .3s}.ab-banner-dot--active{background:#fff}.ab-banner-video-wrap{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;opacity:var(--bg-opacity)}.ab-banner-video-wrap video{width:100%;height:100%;object-fit:cover;display:block}.ab-banner-video-desktop{display:none}.ab-banner-content--video{position:absolute;top:0;left:0;width:100%;height:100%;flex:none;padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);padding-left:var(--padding-h);padding-right:var(--padding-h)}.ab-banner-grid{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:var(--grid-gap);width:var(--grid-width);margin:auto}.ab-banner-grid--desktop{display:none}.ab-banner-grid-item{display:block;background-color:var(--grid-card-bg);border-radius:var(--grid-card-radius);overflow:hidden;padding-left:var(--grid-card-padding-h);padding-right:var(--grid-card-padding-h);padding-top:var(--grid-card-padding-v);padding-bottom:var(--grid-card-padding-v);aspect-ratio:1 / 1}.ab-banner-grid-item img{width:100%;height:100%;object-fit:contain;display:block}.ab-banner-content{position:relative;z-index:2;width:100%;flex:1;display:flex;flex-direction:column;justify-content:var(--vertical-alignment);align-items:var(--horizontal-alignment);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);padding-left:var(--padding-h);padding-right:var(--padding-h);line-height:1;pointer-events:none}.ab-banner-content a,.ab-banner-content button{pointer-events:auto}.ab-banner-title{text-align:var(--text-align)}.ab-banner-title *{margin:0;font-size:var(--title-size);color:var(--title-color);line-height:var(--title-height);text-transform:unset}.ab-banner-subtitle{margin-top:var(--subtitle-mt);text-align:var(--text-align)}.ab-banner-subtitle *{margin:0;font-size:var(--subtitle-size);color:var(--subtitle-color);line-height:var(--subtitle-height);text-transform:unset}.ab-banner-button-wrapper{margin-top:var(--buttons-mt);display:flex;flex-direction:row;gap:var(--buttons-gap);width:100%}.ab-banner-button{display:flex;align-items:center;justify-content:center;width:100%;max-width:fit-content;font-size:var(--btn-size);color:var(--btn-color);line-height:var(--btn-height);text-align:center;text-transform:unset;text-decoration:none;padding:var(--btn-padding-v) var(--btn-padding-h);border-radius:var(--btn-radius);background-color:var(--btn-bg);border:var(--btn-border-w) solid var(--btn-border);transition:all .25s ease 0s;position:relative;font-weight:700;z-index:2}.ab-banner-button:hover{background-color:var(--btn-bg-hover);border-color:var(--btn-border-hover);color:var(--btn-color-hover)}.ab-banner-button-second{display:flex;align-items:center;justify-content:center;width:100%;max-width:fit-content;font-size:var(--btn-size);color:var(--btn2-color);line-height:var(--btn-height);text-align:center;text-transform:unset;text-decoration:none;padding:var(--btn-padding-v) var(--btn-padding-h);border-radius:var(--btn-radius);background-color:var(--btn2-bg);border:var(--btn-border-w) solid var(--btn2-border);transition:all .25s ease 0s;position:relative;font-weight:700;z-index:2}.ab-banner-button-second:hover{background-color:var(--btn2-bg-hover);border-color:var(--btn2-border-hover);color:var(--btn2-color-hover)}@media screen and (min-width:750px){.ab-banner-image-panel .ab-banner-image--desktop{display:block}.ab-banner-image-panel .ab-banner-image--mobile{display:none}.ab-banner-images{overflow-x:hidden;scroll-snap-type:none}.ab-banner-image-panel{flex:0 0 50%}.ab-banner-video-desktop{display:block}.ab-banner-video-mobile,.ab-banner-dots,.ab-banner-grid{display:none}.ab-banner-grid--desktop{display:grid;position:absolute;z-index:1;top:50%;max-width:500px;width:var(--grid-width);gap:var(--grid-gap);left:var(--grid-pos-left);right:var(--grid-pos-right);transform:var(--grid-pos-transform)}.ab-banner-content{position:absolute;top:0;left:0;width:100%;height:100%;flex:none}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/section-hero-banner.css.map */