/* UGQ Outdoor · Sale Countdown 1.3 | isolated premium split-flap layout */
#ugqsc3-slot, #ugqsc3-slot * { box-sizing: border-box !important; }
#ugqsc3-slot { position:relative!important; display:block!important; width:100%!important; height:120px; isolation:isolate; z-index:2147481000!important; }
#ugqsc3-slot .ugqsc3-banner { --ugqsc3-orange:#ff641c; --ugqsc3-white:#f9f9fa; position:fixed!important; top:0!important; left:0!important; right:0!important; bottom:auto!important; width:100%!important; margin:0!important; padding:0!important; color:var(--ugqsc3-white)!important; border:0!important; border-radius:0!important; background-color:#08090b!important; background-image:linear-gradient(90deg,rgba(7,8,10,.17),rgba(7,8,10,.75) 84%),url('topo.svg')!important; background-size:auto,850px 215px!important; background-position:center,12% 50%!important; background-repeat:no-repeat,repeat!important; box-shadow:0 8px 25px rgba(0,0,0,.26)!important; z-index:2147481000!important; -webkit-font-smoothing:antialiased; }
body.admin-bar #ugqsc3-slot .ugqsc3-banner { top:32px!important; }
#ugqsc3-slot .ugqsc3-banner__inner { display:flex!important; flex-direction:row!important; align-items:center!important; justify-content:space-between!important; max-width:1800px!important; min-height:120px!important; padding:13px 60px 13px 50px!important; margin:0 auto!important; gap:30px!important; position:relative!important; }
#ugqsc3-slot .ugqsc3-banner__offer { display:flex!important; flex:1 1 auto!important; min-width:0!important; justify-content:flex-start!important; align-items:flex-start!important; gap:17px!important; margin:0!important; padding:0!important; }
#ugqsc3-slot .ugqsc3-banner__slashes { flex:0 0 auto!important; display:block!important; font:900 32px/1 'Russo One','Arial Black','DejaVu Sans',sans-serif!important; letter-spacing:-.16em!important; color:var(--ugqsc3-orange)!important; transform:skewX(-12deg)!important; margin:1px 9px 0 0!important; padding:0!important; }
#ugqsc3-slot .ugqsc3-banner__offer-copy { display:flex!important; flex:0 1 auto!important; flex-direction:column!important; align-items:flex-start!important; gap:10px!important; min-width:0!important; margin:0!important; padding:0!important; }
#ugqsc3-slot .ugqsc3-banner__headline-row { display:flex!important; flex-direction:row!important; align-items:center!important; gap:20px!important; margin:0!important; padding:0!important; min-width:0!important; }
#ugqsc3-slot .ugqsc3-banner__headline { display:block!important; margin:0!important; padding:0!important; font:900 clamp(24px,2.55vw,42px)/1.05 'Russo One','Arial Black','DejaVu Sans',sans-serif!important; white-space:nowrap!important; letter-spacing:0!important; text-transform:uppercase!important; color:var(--ugqsc3-white)!important; }
#ugqsc3-slot .ugqsc3-banner__discount { color:var(--ugqsc3-orange)!important; margin-right:.16em!important; }
#ugqsc3-slot .ugqsc3-banner__slashes--end { margin:0!important; font-size:30px!important; }
#ugqsc3-slot .ugqsc3-banner__tagline { display:block!important; font:900 clamp(10px,1.05vw,15px)/1.22 'Russo One','DejaVu Sans',sans-serif!important; letter-spacing:.015em!important; text-transform:uppercase!important; color:#f3f3f4!important; white-space:nowrap!important; margin:0!important; padding:0!important; }
#ugqsc3-slot .ugqsc3-banner__details { display:flex!important; flex:0 0 auto!important; align-items:center!important; justify-content:flex-end!important; border-left:2px solid rgba(255,255,255,.26)!important; padding:0 0 0 31px!important; margin:0!important; gap:26px!important; min-width:0!important; }
#ugqsc3-slot .ugqsc3-banner__timing { display:flex!important; flex:0 0 auto!important; flex-direction:column!important; align-items:center!important; justify-content:center!important; text-align:center!important; gap:7px!important; min-width:156px!important; margin:0!important; padding:0!important; }
#ugqsc3-slot .ugqsc3-banner__status { display:block!important; color:#fff!important; font:900 clamp(13px,1.22vw,19px)/1.05 'Russo One','DejaVu Sans',sans-serif!important; white-space:nowrap!important; letter-spacing:0!important; margin:0!important; padding:0!important; }
#ugqsc3-slot .ugqsc3-banner__date { display:block!important; color:#e1e1e3!important; font:400 clamp(10px,.94vw,14px)/1.2 Arial,Helvetica,sans-serif!important; white-space:nowrap!important; letter-spacing:.035em!important; margin:0!important; padding:0!important; }
#ugqsc3-slot .ugqsc3-banner__clock { display:flex!important; align-items:center!important; gap:12px!important; flex:0 0 auto!important; font-variant-numeric:tabular-nums!important; margin:0!important; padding:0!important; }
#ugqsc3-slot .ugqsc3-card { --digit-h:56px; --card-w:76px; width:var(--card-w)!important; height:91px!important; flex:0 0 var(--card-w)!important; display:flex!important; flex-direction:column!important; overflow:visible!important; color:white!important; margin:0!important; padding:0!important; text-align:center!important; perspective:500px!important; position:relative!important; filter:drop-shadow(0 3px 2px rgba(0,0,0,.25)); }
#ugqsc3-slot .ugqsc3-card__counter { height:var(--digit-h)!important; width:100%!important; position:relative!important; flex:0 0 var(--digit-h)!important; overflow:visible!important; border-radius:9px 9px 0 0!important; transform:translateZ(0); }
#ugqsc3-slot .ugqsc3-card__half { position:absolute!important; width:100%!important; height:50%!important; left:0!important; margin:0!important; padding:0!important; overflow:hidden!important; backface-visibility:hidden!important; -webkit-backface-visibility:hidden!important; }
#ugqsc3-slot .ugqsc3-card__half--top { top:0!important; border-radius:9px 9px 0 0!important; background:linear-gradient(180deg,#ff7525,#fa5b12)!important; }
#ugqsc3-slot .ugqsc3-card__half--bottom { top:50%!important; border-radius:0!important; background:linear-gradient(180deg,#e94809,#d43a00)!important; }
#ugqsc3-slot .ugqsc3-card__half--flip-top { transform-origin:bottom center; z-index:3!important; }
#ugqsc3-slot .ugqsc3-card__half--flip-bottom { transform-origin:top center; transform:rotateX(90deg); z-index:4!important; }
#ugqsc3-slot .ugqsc3-card__half--flip-top,#ugqsc3-slot .ugqsc3-card__half--flip-bottom { display:none!important; }
#ugqsc3-slot .ugqsc3-card.is-flipping .ugqsc3-card__half--flip-top,#ugqsc3-slot .ugqsc3-card.is-flipping .ugqsc3-card__half--flip-bottom { display:block!important; }
#ugqsc3-slot .ugqsc3-card.is-flipping .ugqsc3-card__half--flip-top { animation:ugqsc3-fold-up .24s cubic-bezier(.38,.04,.74,.48) forwards!important; }
#ugqsc3-slot .ugqsc3-card.is-flipping .ugqsc3-card__half--flip-bottom { animation:ugqsc3-fold-down .26s cubic-bezier(.22,.62,.36,1) .24s forwards!important; }
#ugqsc3-slot .ugqsc3-card__value { position:absolute!important; display:block!important; top:0!important; left:0!important; width:100%!important; height:var(--digit-h)!important; white-space:nowrap!important; font:900 39px/var(--digit-h) 'Russo One','Arial Black','DejaVu Sans',sans-serif!important; color:#fff!important; text-align:center!important; text-shadow:0 1px 0 rgba(0,0,0,.14)!important; letter-spacing:0!important; margin:0!important; padding:0!important; }
#ugqsc3-slot .ugqsc3-card__half--bottom .ugqsc3-card__value { top:calc(var(--digit-h) / -2)!important; }
#ugqsc3-slot .ugqsc3-card__hinge { position:absolute!important; top:calc(50% - 1px)!important; left:0!important; right:0!important; height:2px!important; background:rgba(29,9,0,.55)!important; z-index:5!important; pointer-events:none!important; }
#ugqsc3-slot .ugqsc3-card__hinge::before,#ugqsc3-slot .ugqsc3-card__hinge::after { content:''; position:absolute; top:-3px; width:5px; height:8px; background:#282624; border-radius:2px; }
#ugqsc3-slot .ugqsc3-card__hinge::before { left:-2px; } #ugqsc3-slot .ugqsc3-card__hinge::after { right:-2px; }
#ugqsc3-slot .ugqsc3-card__label { display:flex!important; align-items:center!important; justify-content:center!important; height:35px!important; flex:1 0 35px!important; width:100%!important; color:#fff!important; background:linear-gradient(180deg,#c23c06 0%,#a72d02 100%)!important; border-radius:0 0 8px 8px!important; margin:0!important; padding:0!important; font:900 12px/1 'Russo One','DejaVu Sans',sans-serif!important; letter-spacing:.01em!important; }
#ugqsc3-slot .ugqsc3-banner__live { color:var(--ugqsc3-orange)!important; font:900 22px/1.15 'Russo One','DejaVu Sans',sans-serif!important; white-space:nowrap!important; margin:0!important; padding:0!important; }
#ugqsc3-slot .ugqsc3-banner__live[hidden],#ugqsc3-slot .ugqsc3-banner__clock[hidden]{display:none!important}
#ugqsc3-slot .ugqsc3-banner__close { display:flex!important; align-items:center!important; justify-content:center!important; flex:none!important; position:absolute!important; top:50%!important; right:12px!important; transform:translateY(-50%)!important; width:38px!important; height:38px!important; padding:0!important; margin:0!important; border:1px solid transparent!important; border-radius:50%!important; background:transparent!important; color:#d9d9dc!important; box-shadow:none!important; cursor:pointer!important; appearance:none!important; transition:background .2s ease,color .2s ease!important; }
#ugqsc3-slot .ugqsc3-banner__close svg { width:22px!important; height:22px!important; display:block!important; }
#ugqsc3-slot .ugqsc3-banner__close:hover { background:rgba(255,255,255,.09)!important; color:#fff!important; }
#ugqsc3-slot .ugqsc3-banner__close:focus-visible { outline:2px solid var(--ugqsc3-orange)!important; outline-offset:2px!important; }
@keyframes ugqsc3-fold-up { from{transform:rotateX(0)} to{transform:rotateX(-90deg)} }
@keyframes ugqsc3-fold-down { from{transform:rotateX(90deg)} to{transform:rotateX(0)} }
/* Desktop midrange: shrink cleanly, without crushing the headline into the timer. */
@media(max-width:1480px) {
 #ugqsc3-slot .ugqsc3-banner__inner { gap:23px!important; padding-left:31px!important; padding-right:52px!important; }
 #ugqsc3-slot .ugqsc3-banner__offer { gap:11px!important; }
 #ugqsc3-slot .ugqsc3-banner__slashes { font-size:24px!important; margin-right:6px!important; }
 #ugqsc3-slot .ugqsc3-banner__slashes--end { font-size:22px!important; }
 #ugqsc3-slot .ugqsc3-banner__headline-row { gap:12px!important; }
 #ugqsc3-slot .ugqsc3-banner__headline { font-size:clamp(21px,2.42vw,35px)!important; }
 #ugqsc3-slot .ugqsc3-banner__tagline { font-size:clamp(10px,1vw,13px)!important; }
 #ugqsc3-slot .ugqsc3-banner__details { padding-left:23px!important; gap:17px!important; }
 #ugqsc3-slot .ugqsc3-banner__timing { min-width:126px!important; }
 #ugqsc3-slot .ugqsc3-banner__status { font-size:14px!important; }
 #ugqsc3-slot .ugqsc3-banner__date { font-size:11px!important; }
 #ugqsc3-slot .ugqsc3-banner__clock { gap:8px!important; }
 #ugqsc3-slot .ugqsc3-card { --digit-h:50px; --card-w:62px; height:79px!important; }
 #ugqsc3-slot .ugqsc3-card__value { font-size:33px!important; }
 #ugqsc3-slot .ugqsc3-card__label { height:29px!important; flex-basis:29px!important; font-size:10px!important; }
}
@media(max-width:1100px) {
 #ugqsc3-slot {height:142px;}
 #ugqsc3-slot .ugqsc3-banner__inner { flex-direction:column!important; justify-content:center!important; gap:10px!important; min-height:142px!important; padding:12px 40px 12px 16px!important; }
 #ugqsc3-slot .ugqsc3-banner__offer { flex:0 0 auto!important; justify-content:center!important; width:100%!important; gap:12px!important; }
 #ugqsc3-slot .ugqsc3-banner__offer-copy { align-items:center!important; gap:5px!important; }
 #ugqsc3-slot .ugqsc3-banner__headline { font-size:clamp(23px,3.4vw,32px)!important; }
 #ugqsc3-slot .ugqsc3-banner__tagline { font-size:10px!important; }
 #ugqsc3-slot .ugqsc3-banner__details { flex:0 0 auto!important; width:100%!important; border-left:0!important; padding-left:0!important; justify-content:center!important; gap:18px!important; }
 #ugqsc3-slot .ugqsc3-banner__timing { min-width:137px!important; }
 #ugqsc3-slot .ugqsc3-banner__clock { gap:7px!important; }
 #ugqsc3-slot .ugqsc3-card { --digit-h:43px; --card-w:55px; height:69px!important; }
 #ugqsc3-slot .ugqsc3-card__value { font-size:29px!important; }
 #ugqsc3-slot .ugqsc3-card__label { height:26px!important; flex-basis:26px!important; font-size:9px!important; }
 #ugqsc3-slot .ugqsc3-banner__close { right:6px!important; top:19px!important; transform:none!important; }
}
@media(max-width:620px) {
 #ugqsc3-slot {height:132px;}
 #ugqsc3-slot .ugqsc3-banner__inner { min-height:132px!important; gap:9px!important; padding:9px 31px 9px 8px!important; }
 #ugqsc3-slot .ugqsc3-banner__offer { gap:6px!important; }
 #ugqsc3-slot .ugqsc3-banner__slashes { font-size:17px!important; margin:1px 4px 0 0!important; }
 #ugqsc3-slot .ugqsc3-banner__slashes--end { font-size:17px!important; }
 #ugqsc3-slot .ugqsc3-banner__headline-row { gap:6px!important; }
 #ugqsc3-slot .ugqsc3-banner__headline { font-size:clamp(15px,4.2vw,23px)!important; }
 #ugqsc3-slot .ugqsc3-banner__tagline { font-size:clamp(7px,1.95vw,9px)!important; letter-spacing:0!important; white-space:nowrap!important; }
 #ugqsc3-slot .ugqsc3-banner__details { gap:10px!important; }
 #ugqsc3-slot .ugqsc3-banner__timing { gap:5px!important; min-width:100px!important; }
 #ugqsc3-slot .ugqsc3-banner__status { font-size:10px!important; }
 #ugqsc3-slot .ugqsc3-banner__date { font-size:8.5px!important; letter-spacing:0!important; }
 #ugqsc3-slot .ugqsc3-banner__clock { gap:5px!important; }
 #ugqsc3-slot .ugqsc3-card { --digit-h:34px; --card-w:43px; height:54px!important; }
 #ugqsc3-slot .ugqsc3-card__counter { border-radius:6px 6px 0 0!important; }
 #ugqsc3-slot .ugqsc3-card__half--top { border-radius:6px 6px 0 0!important; }
 #ugqsc3-slot .ugqsc3-card__value { font-size:23px!important; }
 #ugqsc3-slot .ugqsc3-card__label { height:20px!important; flex-basis:20px!important; font-size:8px!important; border-radius:0 0 6px 6px!important; }
 #ugqsc3-slot .ugqsc3-banner__close { right:2px!important; top:7px!important; width:29px!important; height:29px!important; }
 #ugqsc3-slot .ugqsc3-banner__close svg { width:17px!important; height:17px!important; }
}
@media(max-width:389px) {
 #ugqsc3-slot {height:146px;}
 #ugqsc3-slot .ugqsc3-banner__inner { min-height:146px!important; gap:10px!important; padding:9px 28px 8px 6px!important; }
 #ugqsc3-slot .ugqsc3-banner__slashes { display:none!important; }
 #ugqsc3-slot .ugqsc3-banner__headline { font-size:clamp(14px,4.35vw,17px)!important; }
 #ugqsc3-slot .ugqsc3-banner__tagline { font-size:7.1px!important; }
 #ugqsc3-slot .ugqsc3-banner__details { flex-direction:column!important; gap:6px!important; }
 #ugqsc3-slot .ugqsc3-banner__timing { flex-direction:row!important; gap:9px!important; }
 #ugqsc3-slot .ugqsc3-banner__status { font-size:9px!important; }
 #ugqsc3-slot .ugqsc3-banner__date { font-size:8px!important; }
 #ugqsc3-slot .ugqsc3-card { --card-w:48px; }
}
@media(max-width:782px){body.admin-bar #ugqsc3-slot .ugqsc3-banner{top:46px!important}}
@media(prefers-reduced-motion:reduce){#ugqsc3-slot .ugqsc3-card.is-flipping .ugqsc3-card__half--flip-top,#ugqsc3-slot .ugqsc3-card.is-flipping .ugqsc3-card__half--flip-bottom{animation:none!important;display:none!important}#ugqsc3-slot .ugqsc3-banner__close{transition:none!important}}

/* v1.4: visitor dismissal hides the banner, without preventing auto reappearance at the next phase. */
#ugqsc3-slot[hidden] { display:none!important; }