/* Footer participates in layout: long translations and larger fonts cannot overlap the CTA. */
.ttbc-root.brxc-refined .brxc-footer{position:relative;display:flex;flex:0 0 auto;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px 24px;width:100%;margin:var(--brxc-footer-gap,36px) auto 0!important;padding:0 0 var(--brxc-footer-bottom,16px);color:inherit;font-size:12px;line-height:1.5;z-index:4}
.ttbc-root.brxc-refined .brxc-footer .ttbc-collectionScrollNote,.ttbc-root.brxc-refined .brxc-footer .ttbc-collectionContinue{position:static!important;inset:auto!important;margin:0!important;font:inherit!important;line-height:inherit!important;color:inherit;max-width:100%}
.ttbc-root.brxc-refined .ttbc-showcase-learn{margin-top:var(--brxc-learn-gap,18px)!important}
.ttbc-root.brxc-refined .ttbc-collectionContinue:focus-visible{outline:2px solid currentColor;outline-offset:5px}
.ttbc-root.brxc-refined .ttbc-showcase-arrow{display:grid!important;place-items:center!important;line-height:1!important}
.ttbc-root.brxc-refined .ttbc-showcase-arrow svg{display:block;margin:0!important;vertical-align:middle}
@media(max-width:760px){
 .ttbc-root.brxc-refined .brxc-footer{padding-left:24px;padding-right:24px;gap:12px 20px}
 .ttbc-root.brxc-refined[data-brxc-mode=swipe] .brxc-footer .ttbc-scroll-ui{display:flex!important}
 .ttbc-root.brxc-refined[data-brxc-mode=swipe] .ttbc-bottle-carousel,.ttbc-root.brxc-refined[data-brxc-mode=swipe] [data-slot=carousel-content]{touch-action:pan-y pinch-zoom!important;overscroll-behavior-x:contain}
 .ttbc-root.brxc-refined[data-brxc-mode=swipe] .ttbc-showcase-all{display:none}
 .ttbc-root.brxc-refined[data-brxc-mode=swipe] .ttbc-bottle-showcase{height:auto!important;min-height:0!important;padding-bottom:16px!important}
 .ttbc-root.brxc-refined[data-brxc-mode=swipe] .ttbc-showcase-bottom{width:100%;min-width:0}
}
@media(prefers-reduced-motion:reduce){.ttbc-root.brxc-refined *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Original 1.8.8 absolutely positions slides, so non-pinned mode needs a real viewport height. */
.ttbc-root.brxc-refined[data-scrub=false] [data-slot=carousel-content]{height:var(--brxc-bottle-height,360px)!important;min-height:180px!important}
.ttbc-root.brxc-refined[data-scrub=false] .ttbc-bottle-track{height:100%!important}
@media(max-width:760px){.ttbc-root.brxc-refined[data-scrub=false] [data-slot=carousel-content]{height:var(--brxc-bottle-height,300px)!important}.ttbc-root.brxc-refined[data-scrub=false] .ttbc-showcase-product-copy{min-height:0!important}.ttbc-root.brxc-refined[data-scrub=false] .ttbc-showcase-description{min-height:0!important}}
@media(min-width:761px) and (max-height:700px){.ttbc-root.brxc-refined.ttbc-collectionRunway[data-scrub=true][data-pin-engine=fixed] .ttbc-bottle-carousel,.ttbc-root.brxc-refined.ttbc-collectionRunway[data-scrub=true][data-pin-engine=fixed] [data-slot=carousel-content]{min-height:100px!important}}
/* Keep footer controls visible in Elementor's non-pinned preview too. */
.ttbc-root.brxc-refined .brxc-footer .ttbc-scroll-ui{display:flex!important}
/* Keep transparent PNG/WebP edges and CSS drop shadows intact. The section
   contains off-screen neighbours; the inner viewport must not slice the glow. */
.ttbc-root.brxc-refined .ttbc-bottle-carousel [data-slot=carousel-content],
.ttbc-root.brxc-refined .ttbc-bottle-track,
.ttbc-root.brxc-refined .ttbc-bottle-slide,
.ttbc-root.brxc-refined .ttbc-showcase-bottle{overflow:visible!important}
.ttbc-root.brxc-refined .ttbc-bottle-float{box-sizing:border-box!important;padding:8px!important;overflow:visible!important}
.ttbc-root.brxc-refined .ttbc-bottle-float img{object-fit:contain!important;object-position:center!important;max-height:100%;width:100%;height:100%;border:0!important}

/* Reserve shadow room outside the picture box, rather than shrinking the image. */
.ttbc-root.brxc-refined .ttbc-bottle-carousel{margin-bottom:var(--brxc-image-space,32px)!important;overflow:visible!important}
.ttbc-root.brxc-refined .ttbc-bottle-slide{width:auto!important;flex-basis:var(--brxc-bottle-width,26%)!important}
@media(max-width:760px){.ttbc-root.brxc-refined .ttbc-bottle-slide{width:auto!important;flex-basis:var(--brxc-bottle-width,52%)!important}}
.ttbc-root.brxc-refined.ttbc-collectionRunway[data-scrub=true][data-pin-engine=fixed] .ttbc-bottle-carousel,
.ttbc-root.brxc-refined.ttbc-collectionRunway[data-scrub=true][data-pin-engine=fixed] [data-slot=carousel-content]{min-height:180px!important}
@media(min-width:761px) and (max-height:650px){.ttbc-root.brxc-refined.ttbc-collectionRunway[data-scrub=true][data-pin-engine=fixed] .ttbc-bottle-carousel,.ttbc-root.brxc-refined.ttbc-collectionRunway[data-scrub=true][data-pin-engine=fixed] [data-slot=carousel-content]{min-height:100px!important}}

/* Embla owns horizontal motion. Keep the saved image sizing and footer controls. */
.ttbc-root.brxc-refined[data-scrub=false] .ttbc-bottle-slide{height:100%}
.ttbc-root.brxc-refined .ttbc-bottle-carousel [data-slot=carousel-content]{overflow:hidden!important}
.ttbc-root.brxc-refined[data-scrub=true] .ttbc-bottle-carousel{flex:1 1 0;min-height:80px}
.ttbc-root.brxc-refined[data-scrub=true] .ttbc-bottle-showcase{padding-bottom:0}
.ttbc-root.brxc-refined .ttbc-bottle-carousel [data-slot=carousel-content]{padding-top:12px;padding-bottom:32px}
.ttbc-root.brxc-refined[data-single=true] .ttbc-showcase-arrow{display:none!important}