/* VirtGold Flash Sale 1.2.0. Fonts are declared once; the browser downloads only the ones the shown styles use. */
@font-face{font-family:"VGFS Sora";src:url(fonts/sora.woff2) format("woff2");font-weight:800;font-display:swap}
@font-face{font-family:"VGFS Bricolage";src:url(fonts/bricolage.woff2) format("woff2");font-weight:800;font-display:swap}
@font-face{font-family:"VGFS Space";src:url(fonts/space-grotesk.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"VGFS Unbounded";src:url(fonts/unbounded.woff2) format("woff2");font-weight:800;font-display:swap}
@font-face{font-family:"VGFS Jakarta";src:url(fonts/jakarta.woff2) format("woff2");font-weight:500 800;font-display:swap}
@font-face{font-family:"VGFS Anton";src:url(fonts/anton.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"VGFS Archivo";src:url(fonts/archivo-black.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"VGFS Mono";src:url(fonts/jetbrains-mono.woff2) format("woff2");font-weight:800;font-display:swap}
@font-face{font-family:"VGFS Orbitron";src:url(fonts/orbitron.woff2) format("woff2");font-weight:800;font-display:swap}
@font-face{font-family:"VGFS Shoulders";src:url(fonts/big-shoulders.woff2) format("woff2");font-weight:900;font-display:swap}
@font-face{font-family:"VGFS Fraunces";src:url(fonts/fraunces.woff2) format("woff2");font-weight:700;font-display:swap}

/* ---------- Base ---------- */
.vgfs-bar{--fs-bg:#111214;--fs-fg:#fff;--fs-mut:rgba(255,255,255,.74);--fs-ac:#ffb238;--fs-em:#ffb238;--fs-ul:var(--fs-ac);--fs-btn:#fff;--fs-btnc:#111;--fs-chip:rgba(255,255,255,.09);--fs-chipb:rgba(255,255,255,.16);--fs-num:#fff;--fs-tag:#fff;--fs-tagc:#111;--fs-panel:rgba(0,0,0,.28);--fs-cut:#111214;--fs-head:inherit;--fs-hw:800;--fs-hs:14.5px;--fs-ms:12.5px;--fs-h:44px;--fs-r:999px;--fs-up:none;--fs-ls:.1px;
 position:relative;z-index:60;overflow:hidden;color:var(--fs-fg);background:var(--fs-bg);isolation:isolate;line-height:1.2;font-synthesis:none;-webkit-font-smoothing:antialiased}
.vgfs-bar__fx{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden;transition:opacity .3s}
.vgfs-bar__fx i{position:absolute;display:none}
.vgfs-bar:not(.vgfs-motion) .vgfs-bar__fx{display:none}
.vgfs-bar::before,.vgfs-bar::after{content:"";position:absolute;pointer-events:none;z-index:-1}
.vgfs-bar__inner{position:relative;display:flex;align-items:center;justify-content:center;gap:14px;min-height:var(--fs-h);padding:0 46px;max-width:1320px;margin:0 auto;box-sizing:border-box;white-space:nowrap;transition:opacity .3s,transform .3s}
.vgfs-bar__lead{display:flex;align-items:center;gap:10px;min-width:0;flex:0 1 auto}
.vgfs-bar__meta{display:flex;align-items:center;gap:12px;flex:0 0 auto}
.vgfs-bar__text{font-family:var(--fs-head);font-weight:var(--fs-hw);font-size:var(--fs-hs);letter-spacing:var(--fs-ls);text-transform:var(--fs-up);overflow:hidden;text-overflow:ellipsis;min-width:0;padding:6px 3px 8px;margin:-6px -3px -8px}
.vgfs-bar__text em{font-style:normal;color:var(--fs-em);position:relative}
.vgfs-bar__tag{position:relative;flex:0 0 auto;font-family:var(--fs-head);font-weight:var(--fs-hw);font-size:11px;line-height:1;letter-spacing:.08em;text-transform:uppercase;padding:5px 8px;border-radius:5px;background:var(--fs-tag);color:var(--fs-tagc)}
.vgfs-bar__more,.vgfs-bar__btn,.vgfs-bar__clock,.vgfs-bar__ends{font-family:var(--fs-head);font-weight:var(--fs-hw);text-transform:var(--fs-up)}
.vgfs-bar__more{display:inline-flex;align-items:center;gap:3px;border:0;background:none;color:var(--fs-mut);font-size:var(--fs-ms);cursor:pointer;padding:4px 2px;letter-spacing:.02em;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;line-height:1.1}
.vgfs-bar__more:hover{color:var(--fs-fg)}.vgfs-bar__more svg{transition:transform .2s}.vgfs-bar__more[aria-expanded=true] svg{transform:rotate(180deg)}
.vgfs-bar__clock{display:inline-flex;align-items:center;gap:7px;font-size:calc(var(--fs-ms) - .5px);color:var(--fs-mut);letter-spacing:.02em}
.vgfs-bar__clock b{display:inline-flex;gap:3px;font-weight:inherit;color:var(--fs-num);font-variant-numeric:tabular-nums}
.vgfs-u{display:inline-flex;align-items:baseline;gap:1px;min-width:30px;justify-content:center;padding:4px 6px;border-radius:6px;background:var(--fs-chip);border:1px solid var(--fs-chipb);font-size:var(--fs-ms);line-height:1;box-sizing:border-box}
.vgfs-u i{font-style:normal;font-size:.78em;opacity:.65}
.vgfs-bar__btn{text-decoration:none!important;display:inline-flex;align-items:center;gap:5px;height:29px;padding:0 14px;border-radius:var(--fs-r);background:var(--fs-btn);color:var(--fs-btnc)!important;font-size:var(--fs-ms);letter-spacing:.02em;transition:transform .15s,filter .15s;flex:0 0 auto;box-sizing:border-box;line-height:1}
.vgfs-bar__btn:hover{transform:translateX(2px);filter:brightness(1.06)}
.vgfs-bar__x{position:absolute;right:8px;top:calc(var(--fs-h) / 2);margin-top:-13px;width:26px;height:26px;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;color:var(--fs-mut);cursor:pointer;padding:0;z-index:2}
.vgfs-bar__x:hover{background:rgba(127,127,127,.18);color:var(--fs-fg)}
[dir=rtl] .vgfs-bar__x{right:auto;left:8px}
.vgfs-panel{position:relative;border-top:1px solid var(--fs-chipb);background:var(--fs-panel)}
.vgfs-panel__inner{max-width:880px;margin:0 auto;padding:12px 20px 14px;display:flex;align-items:flex-end;gap:20px;white-space:normal}
.vgfs-panel__list{list-style:none;margin:0;padding:0;display:grid;gap:7px;flex:1}
.vgfs-panel__list li{display:flex;gap:9px;align-items:flex-start;font-size:13px;line-height:1.45;color:var(--fs-fg);opacity:.92}
.vgfs-panel__list svg{flex:0 0 16px;margin-top:2px;color:var(--fs-ac)}
.vgfs-bar[hidden]{display:none}.vgfs-bar__short{display:none}
.vgfs-bar svg[hidden]{display:none}
body.vgfs-hide-topbar .vg-topbar{display:none!important}
.vgfs-bar.vgfs-out .vgfs-bar__inner{opacity:0;transform:translateY(-6px)}.vgfs-bar.vgfs-out .vgfs-bar__fx{opacity:0}
.vgfs-bar__icon{width:22px;height:22px;flex:0 0 22px;filter:drop-shadow(0 0 6px rgba(255,122,24,.55))}

/* Marked words: a hand drawn line is drawn under them */
.vgfs-mk{position:relative;display:inline-block;white-space:nowrap}
.vgfs-ul{position:absolute;left:-3%;width:106%;top:100%;margin-top:-.16em;height:.42em;overflow:visible;pointer-events:none;display:none}
.vgfs-ul path{fill:none;stroke:var(--fs-ul);stroke-width:3;stroke-linecap:round;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:0}
.vgfs-lines .vgfs-ul{display:block}
.vgfs-lines.vgfs-motion .vgfs-ul path{animation:vgfs-draw 6s cubic-bezier(.6,.1,.3,1) infinite}
@keyframes vgfs-draw{0%{stroke-dashoffset:1;opacity:1}14%,82%{stroke-dashoffset:0;opacity:1}94%,100%{stroke-dashoffset:0;opacity:0}}

/* Typed words */
.vgfs-bar__typing{display:inline-flex;align-items:center;font-family:var(--fs-head);font-weight:var(--fs-hw);font-size:var(--fs-hs);text-transform:var(--fs-up);color:var(--fs-ac);min-width:0;letter-spacing:var(--fs-ls)}
.vgfs-bar__typing::before{content:"";width:1px;height:16px;background:var(--fs-chipb);margin-right:12px;flex:0 0 1px}
.vgfs-caret{display:inline-block;width:2px;height:1.05em;margin-left:2px;background:currentColor;animation:vgfs-blink 1s steps(1) infinite}
@keyframes vgfs-blink{50%{opacity:0}}

/* Animated icons (inline SVG moved by CSS: no player and no file to download) */
.vgfs-ai{width:21px;height:21px;flex:0 0 21px;overflow:visible}
.vgfs-ai *{transform-box:fill-box;transform-origin:center}
.vgfs-ai .i-a{fill:var(--fs-ac)}
.vgfs-ai .i-b{fill:var(--fs-ac2,var(--fs-fg))}
.vgfs-ai .i-ln{fill:none;stroke:var(--fs-ac2,var(--fs-fg));stroke-width:1.6;stroke-linecap:round}
.vgfs-ai .i-cut{fill:none;stroke:var(--fs-cut);stroke-width:2;stroke-linecap:round}
.vgfs-ai .i-hole{fill:var(--fs-cut)}
.vgfs-ai{filter:drop-shadow(0 0 6px color-mix(in srgb,var(--fs-ac) 55%,transparent))}
.vgfs-motion .i-pulse{animation:vgfs-i-pulse 1.8s ease-in-out infinite}
.vgfs-motion .i-spark{animation:vgfs-i-spark 1.8s ease-in-out infinite}
.vgfs-motion .i-flick{transform-origin:50% 100%;animation:vgfs-i-flick 1.1s ease-in-out infinite alternate}
.vgfs-motion .i-flick2{transform-origin:50% 100%;animation:vgfs-i-flick .7s ease-in-out infinite alternate-reverse}
.vgfs-motion .i-lid{animation:vgfs-i-lid 2.6s ease-in-out infinite}
.vgfs-motion .i-swing{transform-origin:15% 15%;animation:vgfs-i-swing 2.4s ease-in-out infinite}
.vgfs-motion .i-tw1{animation:vgfs-i-tw 2.2s ease-in-out infinite}
.vgfs-motion .i-tw2{animation:vgfs-i-tw 2.2s ease-in-out .7s infinite}
.vgfs-motion .i-tw3{animation:vgfs-i-tw 2.2s ease-in-out 1.4s infinite}
.vgfs-motion .i-spin{animation:vgfs-spin 9s linear infinite}
.vgfs-motion .i-pop{animation:vgfs-i-pulse 1.6s ease-in-out infinite}
.vgfs-motion .i-bob{animation:vgfs-i-bob 2s ease-in-out infinite}
.vgfs-motion .i-flame{transform-origin:50% 0;animation:vgfs-i-flame .35s ease-in-out infinite alternate}
.vgfs-motion .i-hand{transform-box:view-box;transform-origin:12px 12px;animation:vgfs-spin 4s linear infinite}
@keyframes vgfs-i-pulse{0%,100%{transform:scale(1)}45%{transform:scale(1.14)}}
@keyframes vgfs-i-spark{0%,100%{opacity:0;transform:scale(.4)}50%{opacity:1;transform:scale(1)}}
@keyframes vgfs-i-flick{0%{transform:scale(1,1) skewX(0)}100%{transform:scale(.94,1.08) skewX(-4deg)}}
@keyframes vgfs-i-lid{0%,60%,100%{transform:none}70%{transform:translateY(-3px) rotate(-8deg)}80%{transform:translateY(-1px) rotate(4deg)}}
@keyframes vgfs-i-swing{0%,100%{transform:rotate(-8deg)}50%{transform:rotate(10deg)}}
@keyframes vgfs-i-tw{0%,100%{transform:scale(.55) rotate(0);opacity:.55}50%{transform:scale(1.1) rotate(25deg);opacity:1}}
@keyframes vgfs-spin{to{transform:rotate(360deg)}}
@keyframes vgfs-i-bob{0%,100%{transform:translateY(1px)}50%{transform:translateY(-2px)}}
@keyframes vgfs-i-flame{0%{transform:scaleY(.7);opacity:.75}100%{transform:scaleY(1.15);opacity:1}}

/* Shared moving shapes */
@keyframes vgfs-shine{0%,55%{left:-30%}100%{left:130%}}
@keyframes vgfs-drift{0%{transform:translateX(-6%)}100%{transform:translateX(6%)}}
@keyframes vgfs-metal{to{background-position:-200% 0}}
@keyframes vgfs-flow{0%{background-position:0 0}100%{background-position:100% 0}}
@keyframes vgfs-ticker{to{transform:translate(-50%,-50%)}}
@keyframes vgfs-flicker{0%,18%,22%,62%,64%,100%{opacity:1}20%,63%{opacity:.55}}
@keyframes vgfs-twinkle{0%,100%{opacity:0;transform:scale(.3) rotate(0)}50%{opacity:1;transform:scale(1) rotate(45deg)}}
@keyframes vgfs-float{0%{transform:translateY(30px) scale(.6);opacity:0}20%{opacity:1}100%{transform:translateY(-40px) scale(1);opacity:0}}
@keyframes vgfs-sweep{0%{left:-20%}100%{left:120%}}
@keyframes vgfs-blob{0%{transform:translate(0,0) scale(1)}50%{transform:translate(120px,-6px) scale(1.25)}100%{transform:translate(-60px,4px) scale(.9)}}
.vgfs-star{clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%)}

/* ---------- Everyday ---------- */
/* Aurora: deep navy with moving color light and twinkling stars */
.vgfs-bar--aurora{--fs-bg:#070817;--fs-head:"VGFS Sora",system-ui,sans-serif;--fs-ac:#8be9ff;--fs-ac2:#d9ccff;--fs-btnc:#0b0b1e;--fs-chip:rgba(255,255,255,.07);--fs-chipb:rgba(255,255,255,.14);--fs-tag:rgba(255,255,255,.1);--fs-tagc:#fff;--fs-panel:rgba(7,8,23,.5);--fs-cut:#070817;--fs-ul:#ff8bd8}
.vgfs-bar--aurora::before{inset:-60% -10%;background:radial-gradient(28% 70% at 18% 50%,rgba(124,92,255,.75),transparent 70%),radial-gradient(26% 70% at 50% 60%,rgba(255,77,196,.45),transparent 70%),radial-gradient(28% 70% at 82% 40%,rgba(0,200,255,.6),transparent 70%);filter:blur(8px);animation:vgfs-drift 14s ease-in-out infinite alternate}
.vgfs-bar--aurora .vgfs-bar__text em{background:linear-gradient(90deg,#8be9ff,#c7a6ff 50%,#ff8bd8);-webkit-background-clip:text;background-clip:text;color:transparent}
.vgfs-bar--aurora .vgfs-bar__tag{border:1px solid rgba(255,255,255,.22)}
.vgfs-bar--aurora .vgfs-bar__btn{box-shadow:0 6px 20px rgba(124,92,255,.45)}
.vgfs-bar--aurora .vgfs-bar__fx i:nth-child(-n+4),.vgfs-bar--gold .vgfs-bar__fx i:nth-child(-n+4),.vgfs-bar--champagne .vgfs-bar__fx i:nth-child(-n+5),.vgfs-bar--bf-spotlight .vgfs-bar__fx i:nth-child(n+3){display:block;width:9px;height:9px;background:#fff;clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%);animation:vgfs-twinkle 3s ease-in-out infinite}
.vgfs-bar__fx i:nth-child(1){left:7%;top:20%}.vgfs-bar__fx i:nth-child(2){left:31%;top:62%}.vgfs-bar__fx i:nth-child(3){left:69%;top:18%}.vgfs-bar__fx i:nth-child(4){left:92%;top:58%}.vgfs-bar__fx i:nth-child(5){left:50%;top:70%}.vgfs-bar__fx i:nth-child(6){left:82%;top:30%}
.vgfs-bar--aurora .vgfs-bar__fx i:nth-child(2),.vgfs-bar--gold .vgfs-bar__fx i:nth-child(2),.vgfs-bar--champagne .vgfs-bar__fx i:nth-child(2),.vgfs-bar--bf-spotlight .vgfs-bar__fx i:nth-child(2){animation-delay:.8s}.vgfs-bar--aurora .vgfs-bar__fx i:nth-child(3),.vgfs-bar--gold .vgfs-bar__fx i:nth-child(3),.vgfs-bar--champagne .vgfs-bar__fx i:nth-child(3),.vgfs-bar--bf-spotlight .vgfs-bar__fx i:nth-child(3){animation-delay:1.6s}.vgfs-bar--aurora .vgfs-bar__fx i:nth-child(4),.vgfs-bar--gold .vgfs-bar__fx i:nth-child(4),.vgfs-bar--champagne .vgfs-bar__fx i:nth-child(4),.vgfs-bar--bf-spotlight .vgfs-bar__fx i:nth-child(4){animation-delay:2.3s}.vgfs-bar--aurora .vgfs-bar__fx i:nth-child(5),.vgfs-bar--gold .vgfs-bar__fx i:nth-child(5),.vgfs-bar--champagne .vgfs-bar__fx i:nth-child(5),.vgfs-bar--bf-spotlight .vgfs-bar__fx i:nth-child(5){animation-delay:1.2s}.vgfs-bar--aurora .vgfs-bar__fx i:nth-child(6),.vgfs-bar--gold .vgfs-bar__fx i:nth-child(6),.vgfs-bar--champagne .vgfs-bar__fx i:nth-child(6),.vgfs-bar--bf-spotlight .vgfs-bar__fx i:nth-child(6){animation-delay:.4s}

/* Gold Luxe: matte black, gold hairlines, metallic text and sparkles */
.vgfs-bar--gold{--fs-bg:linear-gradient(90deg,#0b0906,#1b150b 50%,#0b0906);--fs-head:"VGFS Bricolage",system-ui,sans-serif;--fs-hs:15px;--fs-ac:#f5c451;--fs-ac2:#fff1c1;--fs-mut:rgba(255,236,200,.72);--fs-btn:linear-gradient(180deg,#ffe7a3,#f5c451 45%,#c9952b);--fs-btnc:#1d1404;--fs-chip:transparent;--fs-chipb:rgba(245,196,81,.38);--fs-num:#ffe3a1;--fs-tag:transparent;--fs-tagc:#f5c451;--fs-panel:rgba(0,0,0,.35);--fs-cut:#120e07;box-shadow:inset 0 1px 0 rgba(245,196,81,.35),inset 0 -1px 0 rgba(245,196,81,.25)}
.vgfs-bar--gold .vgfs-bar__text em{background:linear-gradient(100deg,#c9952b,#fff1c1 30%,#f5c451 50%,#fff1c1 70%,#c9952b);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:vgfs-metal 5s linear infinite}
.vgfs-bar--gold .vgfs-bar__tag{border:1px solid rgba(245,196,81,.5)}
.vgfs-bar--gold::after{top:0;bottom:0;left:-30%;width:25%;background:linear-gradient(100deg,transparent,rgba(255,225,150,.10),transparent);animation:vgfs-shine 7s ease-in-out infinite}
.vgfs-bar--gold .vgfs-bar__fx i{background:#f5c451!important}

/* Midnight Lime: black grid, lime marker and a scanning light */
.vgfs-bar--dark{--fs-bg:#0a0a0a;--fs-head:"VGFS Space",system-ui,sans-serif;--fs-hw:700;--fs-hs:15px;--fs-ac:#c8ff3d;--fs-em:#0a0a0a;--fs-btn:#c8ff3d;--fs-btnc:#0a0a0a;--fs-r:8px;--fs-chip:#171717;--fs-chipb:#2a2a2a;--fs-num:#c8ff3d;--fs-tag:#c8ff3d;--fs-tagc:#0a0a0a;--fs-panel:#111;--fs-cut:#0a0a0a}
.vgfs-bar--dark::before{inset:0;background:repeating-linear-gradient(90deg,rgba(255,255,255,.045) 0 1px,transparent 1px 28px),radial-gradient(40% 120% at 50% 100%,rgba(200,255,61,.12),transparent 70%)}
.vgfs-bar--dark .vgfs-bar__text em{background:#c8ff3d;padding:1px 6px;border-radius:4px;display:inline-block;transform:rotate(-2deg)}
.vgfs-bar--dark .vgfs-bar__fx i:nth-child(1){display:block;top:auto;bottom:0;left:-20%;width:18%;height:2px;background:linear-gradient(90deg,transparent,#c8ff3d,transparent);animation:vgfs-sweep 3.5s linear infinite}

/* Sunset Pop: bold moving gradient and rising bubbles */
.vgfs-bar--sunset{--fs-bg:linear-gradient(90deg,#ff6a3d,#ff2e88 45%,#8b3dff 100%);--fs-head:"VGFS Unbounded",system-ui,sans-serif;--fs-hs:13px;--fs-ms:11.5px;--fs-ac:#fff;--fs-ac2:#ffe14d;--fs-mut:rgba(255,255,255,.88);--fs-em:#ff2e88;--fs-ul:#ffe14d;--fs-btn:#14081f;--fs-btnc:#fff;--fs-chip:rgba(20,8,31,.25);--fs-chipb:rgba(255,255,255,.22);--fs-tag:#14081f;--fs-tagc:#fff;--fs-panel:rgba(20,8,31,.22);--fs-cut:#ff2e88;background-size:200% 100%;animation:vgfs-flow 10s ease-in-out infinite alternate}
.vgfs-bar--sunset .vgfs-bar__text em{background:#fff;padding:2px 7px;border-radius:999px}
.vgfs-bar--sunset .vgfs-bar__fx i,.vgfs-bar--ocean .vgfs-bar__fx i{display:block;bottom:0;width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.28);animation:vgfs-float 5s ease-in infinite}
.vgfs-bar--sunset .vgfs-bar__fx i:nth-child(2n),.vgfs-bar--ocean .vgfs-bar__fx i:nth-child(2n){width:6px;height:6px;animation-duration:4s}
.vgfs-bar--sunset .vgfs-bar__fx i,.vgfs-bar--ocean .vgfs-bar__fx i,.vgfs-bar--confetti .vgfs-bar__fx i,.vgfs-bar--halloween .vgfs-bar__fx i{top:auto}

/* Clean Light: for light stores */
.vgfs-bar--ivory{--fs-bg:#fffaf0;--fs-fg:#16161a;--fs-mut:#5d5d67;--fs-head:"VGFS Jakarta",system-ui,sans-serif;--fs-ac:#e0901a;--fs-ac2:#16161a;--fs-em:#16161a;--fs-ul:#e0901a;--fs-btn:#16161a;--fs-btnc:#fff;--fs-chip:#fff;--fs-chipb:#eadfca;--fs-num:#16161a;--fs-tag:#f4a622;--fs-tagc:#1c1300;--fs-panel:#fff6e4;--fs-cut:#fffaf0;border-bottom:1px solid #efe4cf}
.vgfs-bar--ivory .vgfs-bar__text em{background:linear-gradient(180deg,transparent 55%,#ffd56b 55%);padding:0 2px}
.vgfs-bar--ivory .vgfs-ai{filter:none}

/* Frosted Glass: color blobs moving behind frosted glass */
.vgfs-bar--glass{--fs-bg:#f3f0ff;--fs-fg:#17172b;--fs-mut:#4c4c66;--fs-head:"VGFS Sora",system-ui,sans-serif;--fs-ac:#6d5ae6;--fs-ac2:#ff6fb5;--fs-em:#6d5ae6;--fs-ul:#ff6fb5;--fs-btn:#17172b;--fs-btnc:#fff;--fs-chip:rgba(255,255,255,.7);--fs-chipb:rgba(23,23,43,.1);--fs-num:#17172b;--fs-tag:rgba(255,255,255,.75);--fs-tagc:#6d5ae6;--fs-panel:rgba(255,255,255,.6);--fs-cut:#fff;border-bottom:1px solid rgba(23,23,43,.08)}
.vgfs-bar--glass::before{inset:0;background:radial-gradient(30% 140% at 12% 50%,rgba(255,111,181,.55),transparent 70%),radial-gradient(30% 140% at 88% 50%,rgba(122,215,255,.65),transparent 70%)}
.vgfs-bar--glass::after{inset:0;background:rgba(255,255,255,.38);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.vgfs-bar--glass .vgfs-bar__fx i:nth-child(-n+3){display:block;top:-30px;width:130px;height:100px;border-radius:50%;background:#a78bfa;animation:vgfs-blob 11s ease-in-out infinite alternate}
.vgfs-bar--glass .vgfs-bar__fx i:nth-child(1){left:18%}.vgfs-bar--glass .vgfs-bar__fx i:nth-child(2){left:48%;background:#ff8fc8;animation-duration:13s;animation-direction:alternate-reverse}.vgfs-bar--glass .vgfs-bar__fx i:nth-child(3){left:72%;background:#5fd4ff;animation-duration:9s}
.vgfs-bar--glass .vgfs-bar__text em{background:linear-gradient(90deg,#6d5ae6,#ff4fa3);-webkit-background-clip:text;background-clip:text;color:transparent}
.vgfs-bar--glass .vgfs-bar__tag{border:1px solid rgba(109,90,230,.25);box-shadow:0 2px 10px rgba(109,90,230,.12)}
.vgfs-bar--glass .vgfs-bar__btn{box-shadow:0 6px 18px rgba(23,23,43,.22)}
.vgfs-bar--glass .vgfs-ai{filter:none}

/* Terminal: green on black, scan lines and a command prompt */
.vgfs-bar--terminal{--fs-bg:#050805;--fs-fg:#d7ffe2;--fs-mut:rgba(160,255,190,.72);--fs-head:"VGFS Mono",ui-monospace,monospace;--fs-hs:14px;--fs-ms:12px;--fs-ls:0;--fs-ac:#3dff7a;--fs-ac2:#b6ffcb;--fs-em:#3dff7a;--fs-btn:#3dff7a;--fs-btnc:#031006;--fs-r:3px;--fs-chip:rgba(61,255,122,.07);--fs-chipb:rgba(61,255,122,.35);--fs-num:#3dff7a;--fs-tag:transparent;--fs-tagc:#3dff7a;--fs-panel:#071007;--fs-cut:#050805;border-bottom:1px solid rgba(61,255,122,.25)}
.vgfs-bar--terminal::before{inset:0;background:repeating-linear-gradient(0deg,rgba(61,255,122,.06) 0 1px,transparent 1px 3px),radial-gradient(50% 140% at 50% 50%,rgba(61,255,122,.10),transparent 70%)}
.vgfs-bar--terminal .vgfs-bar__text::before{content:"$ ";color:var(--fs-ac)}
.vgfs-bar--terminal .vgfs-bar__text em{text-shadow:0 0 10px rgba(61,255,122,.75)}
.vgfs-bar--terminal .vgfs-bar__tag{border:1px solid #3dff7a;border-radius:2px}
.vgfs-bar--terminal .vgfs-bar__tag::before{content:"[ "}.vgfs-bar--terminal .vgfs-bar__tag::after{content:" ]"}
.vgfs-bar--terminal .vgfs-caret{width:.55em;opacity:.85}
.vgfs-bar--terminal .vgfs-bar__fx i:nth-child(1){display:block;left:0;right:0;top:-10%;height:30%;background:linear-gradient(180deg,transparent,rgba(61,255,122,.16),transparent);animation:vgfs-scan 3.2s linear infinite}
@keyframes vgfs-scan{to{transform:translateY(420%)}}

/* Confetti Party: colorful pieces falling across a cream bar */
.vgfs-bar--confetti{--fs-bg:#fffaf0;--fs-fg:#1d1b2c;--fs-mut:#5d5b6e;--fs-head:"VGFS Bricolage",system-ui,sans-serif;--fs-hs:15px;--fs-ac:#ff4f8b;--fs-ac2:#ffb000;--fs-em:#ff4f8b;--fs-ul:#ffb000;--fs-btn:#1d1b2c;--fs-btnc:#fff;--fs-chip:#fff;--fs-chipb:#f0e2cf;--fs-num:#1d1b2c;--fs-tag:#ff4f8b;--fs-tagc:#fff;--fs-panel:#fff4e5;--fs-cut:#fffaf0;border-bottom:1px solid #f1e6d6}
.vgfs-bar--confetti .vgfs-bar__fx i{display:block;top:-12px!important;width:6px;height:10px;border-radius:1px;background:#ffd23f;animation:vgfs-fall 3.6s linear infinite}
.vgfs-bar--confetti .vgfs-bar__fx i:nth-child(2){background:#3ec5ff;animation-duration:4.2s}.vgfs-bar--confetti .vgfs-bar__fx i:nth-child(3){background:#ff4f8b;animation-duration:3.1s}.vgfs-bar--confetti .vgfs-bar__fx i:nth-child(4){background:#7c5cff;animation-duration:4.6s}.vgfs-bar--confetti .vgfs-bar__fx i:nth-child(5){background:#27c47a;width:8px;height:8px;border-radius:50%;animation-duration:3.8s}.vgfs-bar--confetti .vgfs-bar__fx i:nth-child(6){background:#ff8a3d;animation-duration:4s}
@keyframes vgfs-fall{0%{transform:translateY(0) rotate(0)}100%{transform:translateY(70px) rotate(540deg)}}
.vgfs-bar--confetti .vgfs-bar__text em{color:#ff4f8b;background:linear-gradient(180deg,transparent 58%,rgba(255,210,63,.55) 58%);padding:0 2px}
.vgfs-bar--confetti .vgfs-bar__tag{transform:rotate(-3deg)}
.vgfs-bar--confetti .vgfs-ai{filter:none}

/* Electric Ocean: deep blue, a rolling wave and bubbles */
.vgfs-bar--ocean{--fs-bg:linear-gradient(90deg,#071a3d,#0a2a6b 50%,#071a3d);--fs-head:"VGFS Jakarta",system-ui,sans-serif;--fs-ac:#22d3ee;--fs-ac2:#a5f3fc;--fs-em:#67e8f9;--fs-btn:#22d3ee;--fs-btnc:#04131f;--fs-chip:rgba(34,211,238,.08);--fs-chipb:rgba(34,211,238,.32);--fs-num:#cffafe;--fs-tag:rgba(34,211,238,.14);--fs-tagc:#a5f3fc;--fs-panel:rgba(4,19,31,.45);--fs-cut:#071a3d}
.vgfs-bar--ocean::after{left:0;right:0;bottom:-1px;height:14px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 14'%3E%3Cpath d='M0 8c20 0 20-6 40-6s20 6 40 6 20-6 40-6v12H0z' fill='%2322d3ee' fill-opacity='.22'/%3E%3C/svg%3E") 0 0/120px 14px repeat-x;animation:vgfs-wave 6s linear infinite}
@keyframes vgfs-wave{to{background-position:120px 0}}
.vgfs-bar--ocean .vgfs-bar__fx i{background:transparent;border:1px solid rgba(165,243,252,.55)}
.vgfs-bar--ocean .vgfs-bar__text em{background:linear-gradient(90deg,#22d3ee,#a5f3fc);-webkit-background-clip:text;background-clip:text;color:transparent}
.vgfs-bar--ocean .vgfs-bar__tag{border:1px solid rgba(34,211,238,.4)}
.vgfs-bar--ocean .vgfs-bar__btn{box-shadow:0 0 18px rgba(34,211,238,.45)}

/* Candy Stripes: moving stripes and a bubblegum badge */
.vgfs-bar--candy{--fs-bg:#2a0a35;--fs-head:"VGFS Unbounded",system-ui,sans-serif;--fs-hs:13px;--fs-ms:11.5px;--fs-ac:#ff4fd8;--fs-ac2:#ffe14d;--fs-em:#fff;--fs-ul:#ffe14d;--fs-btn:#ff4fd8;--fs-btnc:#fff;--fs-chip:rgba(255,255,255,.08);--fs-chipb:rgba(255,79,216,.4);--fs-tag:#ffe14d;--fs-tagc:#2a0a35;--fs-panel:rgba(20,4,26,.5);--fs-cut:#2a0a35}
.vgfs-bar--candy::before{inset:0;background:repeating-linear-gradient(135deg,rgba(255,79,216,.28) 0 12px,transparent 12px 24px);background-size:34px 34px;-webkit-mask:linear-gradient(90deg,#000,transparent 28%,transparent 72%,#000);mask:linear-gradient(90deg,#000,transparent 28%,transparent 72%,#000)}
.vgfs-motion.vgfs-bar--candy::before{animation:vgfs-stripes 1.4s linear infinite}
@keyframes vgfs-stripes{to{background-position:34px 0}}
.vgfs-bar--candy .vgfs-bar__text em{background:#ff4fd8;padding:2px 8px;border-radius:999px;box-shadow:0 0 16px rgba(255,79,216,.6)}
.vgfs-bar--candy .vgfs-bar__fx i:nth-child(-n+3){display:block;width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff 0 2px,#ffe14d 3px);top:30%;animation:vgfs-i-bob 2.4s ease-in-out infinite}
.vgfs-bar--candy .vgfs-bar__fx i:nth-child(1){left:22%}.vgfs-bar--candy .vgfs-bar__fx i:nth-child(2){left:76%;background:radial-gradient(circle at 35% 35%,#fff 0 2px,#5fd4ff 3px)}.vgfs-bar--candy .vgfs-bar__fx i:nth-child(3){left:88%;width:9px;height:9px}

/* Champagne: cream and gold, serif italic headline and twinkles */
.vgfs-bar--champagne{--fs-bg:linear-gradient(90deg,#f7ecd6,#fbf4e6 50%,#f7ecd6);--fs-fg:#2b1d0e;--fs-mut:#6e5a43;--fs-head:"VGFS Fraunces",Georgia,serif;--fs-hw:700;--fs-hs:16px;--fs-ms:13px;--fs-ac:#b8862b;--fs-ac2:#2b1d0e;--fs-em:#a87516;--fs-ul:#b8862b;--fs-btn:#2b1d0e;--fs-btnc:#fbe9c4;--fs-chip:rgba(255,255,255,.7);--fs-chipb:#e3cfa6;--fs-num:#2b1d0e;--fs-tag:transparent;--fs-tagc:#8a6420;--fs-panel:#f6ead2;--fs-cut:#fbf4e6;border-bottom:1px solid #e8d6b4}
.vgfs-bar--champagne .vgfs-bar__text em{background:linear-gradient(100deg,#8a6420,#d9a94a 30%,#f3d58c 50%,#d9a94a 70%,#8a6420);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:vgfs-metal 6s linear infinite}
.vgfs-bar--champagne .vgfs-bar__tag{border:1px solid #c9a35a;font-family:system-ui,sans-serif;font-weight:700}
.vgfs-bar--champagne::after{top:0;bottom:0;left:-30%;width:25%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.7),transparent);animation:vgfs-shine 6s ease-in-out infinite}
.vgfs-bar--champagne .vgfs-bar__fx i{background:#c9a35a!important}
.vgfs-bar--champagne .vgfs-ai{filter:none}

/* ---------- Black Friday ---------- */
/* Black Friday Noir: pure black and white */
.vgfs-bar--bf-noir{--fs-bg:#000;--fs-head:"VGFS Anton",Impact,sans-serif;--fs-hw:400;--fs-hs:18px;--fs-ms:14px;--fs-up:uppercase;--fs-ls:.03em;--fs-ac:#fff;--fs-ac2:#bdbdbd;--fs-em:#000;--fs-btn:#fff;--fs-btnc:#000;--fs-r:4px;--fs-chip:#fff;--fs-chipb:#fff;--fs-num:#000;--fs-tag:#fff;--fs-tagc:#000;--fs-panel:#0d0d0d;--fs-cut:#000;border-bottom:1px solid #222}
.vgfs-bar--bf-noir .vgfs-bar__text em{background:#fff;padding:1px 7px;border-radius:3px}
.vgfs-bar--bf-noir .vgfs-bar__fx i:nth-child(1){display:block;top:0;bottom:0;left:-20%;width:14%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.12),transparent);animation:vgfs-sweep 5s ease-in-out infinite}
.vgfs-bar--bf-noir .vgfs-bar__tag,.vgfs-bar--bf-gold .vgfs-bar__tag,.vgfs-bar--bf-tape .vgfs-bar__tag{font-size:14px;letter-spacing:.06em;padding:6px 9px;border-radius:3px}
.vgfs-bar--bf-noir .vgfs-u,.vgfs-bar--bf-gold .vgfs-u,.vgfs-bar--bf-tape .vgfs-u{border-radius:3px}
.vgfs-bar--bf-noir .vgfs-bar__btn,.vgfs-bar--bf-red .vgfs-bar__btn,.vgfs-bar--bf-gold .vgfs-bar__btn,.vgfs-bar--bf-tape .vgfs-bar__btn,.vgfs-bar--bf-spotlight .vgfs-bar__btn,.vgfs-bar--bf-lava .vgfs-bar__btn,.vgfs-bar--bf-glitch .vgfs-bar__btn{letter-spacing:.06em;height:30px}
.vgfs-bar--bf-noir .vgfs-ai{filter:none}

/* Black Friday Red: black with moving hazard stripes */
.vgfs-bar--bf-red{--fs-bg:#0b0b0b;--fs-head:"VGFS Archivo",system-ui,sans-serif;--fs-hw:400;--fs-hs:15px;--fs-ms:12px;--fs-up:uppercase;--fs-ls:.03em;--fs-ac:#ff3b30;--fs-ac2:#fff;--fs-em:#ff3b30;--fs-btn:#e10600;--fs-btnc:#fff;--fs-r:4px;--fs-chip:#161616;--fs-chipb:rgba(255,59,48,.55);--fs-tag:#e10600;--fs-tagc:#fff;--fs-panel:#121212;--fs-cut:#0b0b0b}
.vgfs-bar--bf-red::before,.vgfs-bar--bf-red::after{top:0;bottom:0;width:120px;background:repeating-linear-gradient(-45deg,#e10600 0 9px,transparent 9px 18px);background-size:25.5px 25.5px;opacity:.9}
.vgfs-motion.vgfs-bar--bf-red::before,.vgfs-motion.vgfs-bar--bf-red::after{animation:vgfs-hazard 1.2s linear infinite}
@keyframes vgfs-hazard{to{background-position:25.5px 0}}
.vgfs-bar--bf-red::before{left:0;-webkit-mask:linear-gradient(90deg,#000,transparent);mask:linear-gradient(90deg,#000,transparent)}
.vgfs-bar--bf-red::after{right:0;-webkit-mask:linear-gradient(270deg,#000,transparent);mask:linear-gradient(270deg,#000,transparent)}
.vgfs-bar--bf-red .vgfs-bar__tag{font-size:11.5px;transform:skew(-8deg)}
.vgfs-bar--bf-red .vgfs-bar__btn{box-shadow:0 4px 16px rgba(225,6,0,.45)}

/* Black Friday Neon: glowing pink and cyan with running light */
.vgfs-bar--bf-neon{--fs-bg:#06010f;--fs-head:"VGFS Unbounded",system-ui,sans-serif;--fs-hs:13px;--fs-ms:11.5px;--fs-ac:#2ef2ff;--fs-ac2:#ff3df2;--fs-em:#ff3df2;--fs-ul:#2ef2ff;--fs-btn:linear-gradient(90deg,#ff3df2,#8b5cff);--fs-btnc:#fff;--fs-chip:rgba(46,242,255,.06);--fs-chipb:rgba(46,242,255,.45);--fs-num:#bffbff;--fs-tag:transparent;--fs-tagc:#2ef2ff;--fs-panel:rgba(10,2,25,.6);--fs-cut:#06010f}
.vgfs-bar--bf-neon::before{inset:0;background:radial-gradient(30% 120% at 20% 100%,rgba(255,61,242,.30),transparent 70%),radial-gradient(30% 120% at 80% 0%,rgba(46,242,255,.25),transparent 70%)}
.vgfs-bar--bf-neon::after{left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,#ff3df2,#2ef2ff,transparent)}
.vgfs-bar--bf-neon .vgfs-bar__text em{text-shadow:0 0 8px rgba(255,61,242,.9),0 0 22px rgba(255,61,242,.55)}
.vgfs-bar--bf-neon .vgfs-bar__tag{border:1px solid #2ef2ff;box-shadow:0 0 10px rgba(46,242,255,.55),inset 0 0 8px rgba(46,242,255,.3);text-shadow:0 0 8px rgba(46,242,255,.9);animation:vgfs-flicker 4s infinite}
.vgfs-bar--bf-neon .vgfs-u{box-shadow:0 0 8px rgba(46,242,255,.18)}
.vgfs-bar--bf-neon .vgfs-bar__btn{box-shadow:0 0 18px rgba(255,61,242,.55)}
.vgfs-bar--bf-neon .vgfs-bar__fx i:nth-child(-n+2){display:block;top:0;left:-25%;width:22%;height:1px;background:linear-gradient(90deg,transparent,#2ef2ff,transparent);box-shadow:0 0 8px #2ef2ff;animation:vgfs-sweep 4s linear infinite}
.vgfs-bar--bf-neon .vgfs-bar__fx i:nth-child(2){top:auto;bottom:0;background:linear-gradient(90deg,transparent,#ff3df2,transparent);box-shadow:0 0 8px #ff3df2;animation-direction:reverse;animation-duration:5s}

/* Black Friday Gold Ticker: black with a moving outlined ticker */
.vgfs-bar--bf-gold{--fs-bg:#0a0907;--fs-head:"VGFS Anton",Impact,sans-serif;--fs-hw:400;--fs-hs:18px;--fs-ms:14px;--fs-up:uppercase;--fs-ls:.03em;--fs-ac:#f5c451;--fs-ac2:#fff1c1;--fs-em:#f5c451;--fs-mut:rgba(255,240,210,.74);--fs-btn:linear-gradient(180deg,#ffe7a3,#f5c451 50%,#d29d32);--fs-btnc:#1a1204;--fs-r:4px;--fs-chip:rgba(245,196,81,.1);--fs-chipb:rgba(245,196,81,.4);--fs-num:#ffe3a1;--fs-tag:#f5c451;--fs-tagc:#140e02;--fs-panel:rgba(0,0,0,.45);--fs-cut:#0a0907}
.vgfs-bar--bf-gold::before{content:"BLACK FRIDAY \2022  BLACK FRIDAY \2022  BLACK FRIDAY \2022  BLACK FRIDAY \2022  BLACK FRIDAY \2022  BLACK FRIDAY \2022  BLACK FRIDAY \2022  BLACK FRIDAY \2022  BLACK FRIDAY \2022  BLACK FRIDAY \2022  BLACK FRIDAY \2022  BLACK FRIDAY \2022  ";white-space:pre;top:50%;left:0;transform:translate(0,-50%);font:400 44px/1 "VGFS Anton",Impact,sans-serif;letter-spacing:.04em;color:transparent;-webkit-text-stroke:1px rgba(245,196,81,.16);animation:vgfs-ticker 40s linear infinite}
.vgfs-bar--bf-gold .vgfs-bar__text{text-shadow:0 1px 12px rgba(0,0,0,.8)}

/* Black Friday Glitch: digital glitch on the discount */
.vgfs-bar--bf-glitch{--fs-bg:#050505;--fs-head:"VGFS Archivo",system-ui,sans-serif;--fs-hw:400;--fs-hs:15px;--fs-ms:12px;--fs-up:uppercase;--fs-ls:.04em;--fs-ac:#ff2d55;--fs-ac2:#2ef2ff;--fs-em:#ff2d55;--fs-ul:#2ef2ff;--fs-btn:#fff;--fs-btnc:#050505;--fs-r:2px;--fs-chip:#121212;--fs-chipb:#2a2a2a;--fs-tag:#fff;--fs-tagc:#050505;--fs-panel:#0d0d0d;--fs-cut:#050505}
.vgfs-bar--bf-glitch::before{inset:0;background:repeating-linear-gradient(0deg,rgba(255,255,255,.04) 0 1px,transparent 1px 3px)}
.vgfs-bar--bf-glitch .vgfs-bar__text em::before,.vgfs-bar--bf-glitch .vgfs-bar__text em::after,.vgfs-bar--bf-glitch .vgfs-bar__tag::before,.vgfs-bar--bf-glitch .vgfs-bar__tag::after{content:attr(data-text);position:absolute;inset:0;pointer-events:none}
.vgfs-bar--bf-glitch .vgfs-bar__tag::before,.vgfs-bar--bf-glitch .vgfs-bar__tag::after{padding:inherit;background:inherit;border-radius:inherit}
.vgfs-bar--bf-glitch .vgfs-bar__text em::before,.vgfs-bar--bf-glitch .vgfs-bar__tag::before{color:#2ef2ff;clip-path:inset(0 0 60% 0);transform:translate(-2px,0);opacity:0}
.vgfs-bar--bf-glitch .vgfs-bar__text em::after,.vgfs-bar--bf-glitch .vgfs-bar__tag::after{color:#ff2d55;clip-path:inset(55% 0 0 0);transform:translate(2px,0);opacity:0}
.vgfs-motion.vgfs-bar--bf-glitch .vgfs-bar__text em::before,.vgfs-motion.vgfs-bar--bf-glitch .vgfs-bar__tag::before{animation:vgfs-glitch 2.6s steps(1) infinite}
.vgfs-motion.vgfs-bar--bf-glitch .vgfs-bar__text em::after,.vgfs-motion.vgfs-bar--bf-glitch .vgfs-bar__tag::after{animation:vgfs-glitch 2.6s steps(1) .12s infinite reverse}
.vgfs-motion.vgfs-bar--bf-glitch .vgfs-bar__text em{animation:vgfs-jolt 2.6s steps(1) infinite}
@keyframes vgfs-glitch{0%,62%,100%{opacity:0}64%{opacity:1;clip-path:inset(10% 0 55% 0);transform:translate(-3px,0)}68%{opacity:1;clip-path:inset(60% 0 8% 0);transform:translate(3px,0)}72%{opacity:1;clip-path:inset(30% 0 40% 0);transform:translate(-2px,0)}76%{opacity:0}88%{opacity:1;clip-path:inset(0 0 70% 0);transform:translate(2px,0)}90%{opacity:0}}
@keyframes vgfs-jolt{0%,63%,100%{transform:none}64%{transform:translate(1px,-1px) skewX(-6deg)}70%{transform:translate(-1px,1px)}74%{transform:none}}
.vgfs-bar--bf-glitch .vgfs-bar__fx i:nth-child(-n+3){display:block;left:0;height:2px;width:100%;background:rgba(46,242,255,.35);opacity:0;animation:vgfs-bars 2.6s steps(1) infinite}
.vgfs-bar--bf-glitch .vgfs-bar__fx i:nth-child(1){top:22%}.vgfs-bar--bf-glitch .vgfs-bar__fx i:nth-child(2){top:58%;background:rgba(255,45,85,.4);animation-delay:.1s}.vgfs-bar--bf-glitch .vgfs-bar__fx i:nth-child(3){top:80%;width:40%;left:30%;animation-delay:.2s}
@keyframes vgfs-bars{0%,62%,100%{opacity:0}64%,70%{opacity:1;transform:translateX(-8px)}66%{transform:translateX(10px)}}

/* Black Friday Spotlight: two stage lights sweep over the bar */
.vgfs-bar--bf-spotlight{--fs-bg:#060606;--fs-head:"VGFS Shoulders",Impact,sans-serif;--fs-hw:900;--fs-hs:20px;--fs-ms:14.5px;--fs-up:uppercase;--fs-ls:.04em;--fs-ac:#ffd34d;--fs-ac2:#fff6d6;--fs-em:#ffd34d;--fs-btn:#ffd34d;--fs-btnc:#111;--fs-r:4px;--fs-chip:#141414;--fs-chipb:rgba(255,211,77,.35);--fs-num:#fff1bf;--fs-tag:#ffd34d;--fs-tagc:#111;--fs-panel:#0e0e0e;--fs-cut:#060606}
.vgfs-bar--bf-spotlight .vgfs-bar__fx i:nth-child(-n+2){display:block;top:-60px;left:30%;width:110px;height:160px;background:linear-gradient(180deg,rgba(255,236,170,.32),transparent 85%);clip-path:polygon(42% 0,58% 0,100% 100%,0 100%);transform-origin:50% 0;animation:vgfs-spot 6s ease-in-out infinite alternate}
.vgfs-bar--bf-spotlight .vgfs-bar__fx i:nth-child(2){left:62%;animation-delay:-3s;animation-direction:alternate-reverse}
.vgfs-bar--bf-spotlight .vgfs-bar__fx i:nth-child(n+3){width:6px;height:6px;background:#ffd34d}
@keyframes vgfs-spot{0%{transform:rotate(-38deg)}100%{transform:rotate(38deg)}}
.vgfs-bar--bf-spotlight .vgfs-bar__text em{text-shadow:0 0 14px rgba(255,211,77,.65)}
.vgfs-bar--bf-spotlight .vgfs-bar__tag{font-size:14px;letter-spacing:.08em;padding:5px 9px;border-radius:3px}

/* Black Friday Caution Tape: moving tapes on the edges */
.vgfs-bar--bf-tape{--fs-bg:#0b0b0b;--fs-head:"VGFS Anton",Impact,sans-serif;--fs-hw:400;--fs-hs:18px;--fs-ms:14px;--fs-up:uppercase;--fs-ls:.03em;--fs-ac:#ffd400;--fs-ac2:#fff;--fs-em:#0b0b0b;--fs-btn:#ffd400;--fs-btnc:#0b0b0b;--fs-r:3px;--fs-chip:#161616;--fs-chipb:rgba(255,212,0,.4);--fs-num:#ffe866;--fs-tag:#ffd400;--fs-tagc:#0b0b0b;--fs-panel:#121212;--fs-cut:#0b0b0b}
.vgfs-bar--bf-tape::before,.vgfs-bar--bf-tape::after{left:0;right:0;height:5px;background:repeating-linear-gradient(-45deg,#ffd400 0 7px,#111 7px 14px);background-size:19.8px 19.8px}
.vgfs-bar--bf-tape::before{top:0}.vgfs-bar--bf-tape::after{bottom:0}
.vgfs-motion.vgfs-bar--bf-tape::before{animation:vgfs-tape 1s linear infinite}.vgfs-motion.vgfs-bar--bf-tape::after{animation:vgfs-tape 1s linear infinite reverse}
@keyframes vgfs-tape{to{background-position:19.8px 0}}
.vgfs-bar--bf-tape .vgfs-bar__text em{background:#ffd400;padding:1px 7px;border-radius:2px;display:inline-block;transform:skew(-8deg)}
.vgfs-bar--bf-tape .vgfs-bar__tag{transform:skew(-8deg)}
.vgfs-bar--bf-tape .vgfs-bar__fx i:nth-child(-n+2){display:block;top:50%;width:150px;height:14px;margin-top:-7px;background:repeating-linear-gradient(-45deg,#ffd400 0 7px,#111 7px 14px);background-size:19.8px 19.8px;opacity:.85;animation:vgfs-tape 1s linear infinite}
.vgfs-bar--bf-tape .vgfs-bar__fx i:nth-child(1){left:-30px;transform:rotate(-8deg);-webkit-mask:linear-gradient(90deg,#000 50%,transparent);mask:linear-gradient(90deg,#000 50%,transparent)}
.vgfs-bar--bf-tape .vgfs-bar__fx i:nth-child(2){right:-30px;transform:rotate(8deg);animation-direction:reverse;-webkit-mask:linear-gradient(270deg,#000 50%,transparent);mask:linear-gradient(270deg,#000 50%,transparent)}

/* Black Friday Lava: glowing blobs rise like a lava lamp */
.vgfs-bar--bf-lava{--fs-bg:#0c0303;--fs-head:"VGFS Shoulders",Impact,sans-serif;--fs-hw:900;--fs-hs:20px;--fs-ms:14.5px;--fs-up:uppercase;--fs-ls:.04em;--fs-ac:#ff7a1f;--fs-ac2:#ffd36b;--fs-em:#ffb02e;--fs-btn:linear-gradient(180deg,#ffb02e,#ff5a1f);--fs-btnc:#1a0500;--fs-r:999px;--fs-chip:rgba(255,90,31,.1);--fs-chipb:rgba(255,90,31,.45);--fs-num:#ffd9b0;--fs-tag:#ff5a1f;--fs-tagc:#fff;--fs-panel:rgba(12,3,3,.6);--fs-cut:#0c0303}
.vgfs-bar--bf-lava::before{inset:0;background:radial-gradient(40% 140% at 50% 140%,rgba(255,60,0,.45),transparent 70%)}
.vgfs-bar--bf-lava .vgfs-bar__fx{filter:blur(6px)}
.vgfs-bar--bf-lava .vgfs-bar__fx i{display:block;top:auto;bottom:-30px;width:46px;height:46px;border-radius:50%;background:radial-gradient(circle at 40% 40%,#ffb02e,#ff3c00 70%);opacity:.75;animation:vgfs-lava 7s ease-in-out infinite}
.vgfs-bar--bf-lava .vgfs-bar__fx i:nth-child(1){left:6%}.vgfs-bar--bf-lava .vgfs-bar__fx i:nth-child(2){left:20%;width:30px;height:30px;animation-delay:-2s;animation-duration:6s}.vgfs-bar--bf-lava .vgfs-bar__fx i:nth-child(3){left:37%;animation-delay:-4s;animation-duration:8s}.vgfs-bar--bf-lava .vgfs-bar__fx i:nth-child(4){left:63%;width:36px;height:36px;animation-delay:-1s}.vgfs-bar--bf-lava .vgfs-bar__fx i:nth-child(5){left:80%;animation-delay:-3s;animation-duration:9s}.vgfs-bar--bf-lava .vgfs-bar__fx i:nth-child(6){left:93%;width:28px;height:28px;animation-delay:-5s}
@keyframes vgfs-lava{0%,100%{transform:translateY(0) scale(1);border-radius:50%}50%{transform:translateY(-44px) scale(1.2,.9);border-radius:42% 58% 55% 45%}}
.vgfs-bar--bf-lava .vgfs-bar__text em{background:linear-gradient(180deg,#ffe08a,#ff7a1f);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 8px rgba(255,90,31,.7))}
.vgfs-bar--bf-lava .vgfs-bar__tag{font-size:14px;letter-spacing:.08em;padding:5px 10px;border-radius:999px}
.vgfs-bar--bf-lava .vgfs-bar__btn{box-shadow:0 0 20px rgba(255,90,31,.55)}

/* ---------- Seasonal ---------- */
/* Cyber Monday Grid: moving neon floor grid and a scanner */
.vgfs-bar--cyber{--fs-bg:#060a24;--fs-head:"VGFS Orbitron",system-ui,sans-serif;--fs-hs:13px;--fs-ms:11px;--fs-up:uppercase;--fs-ls:.06em;--fs-ac:#2ef2ff;--fs-ac2:#ff3df2;--fs-em:#2ef2ff;--fs-ul:#ff3df2;--fs-btn:#2ef2ff;--fs-btnc:#04101a;--fs-r:3px;--fs-chip:rgba(46,242,255,.07);--fs-chipb:rgba(46,242,255,.4);--fs-num:#c9fbff;--fs-tag:transparent;--fs-tagc:#2ef2ff;--fs-panel:rgba(6,10,36,.7);--fs-cut:#060a24}
.vgfs-bar--cyber::before{left:-50%;right:-50%;top:40%;height:200%;background:linear-gradient(rgba(46,242,255,.35) 1px,transparent 1px) 0 0/100% 16px,linear-gradient(90deg,rgba(46,242,255,.35) 1px,transparent 1px) 0 0/36px 100%;transform:perspective(120px) rotateX(62deg);transform-origin:50% 0;-webkit-mask:linear-gradient(180deg,transparent,#000 40%);mask:linear-gradient(180deg,transparent,#000 40%)}
.vgfs-motion.vgfs-bar--cyber::before{animation:vgfs-grid 1.2s linear infinite}
@keyframes vgfs-grid{to{background-position:0 16px,0 0}}
.vgfs-bar--cyber::after{inset:0;background:radial-gradient(50% 140% at 50% 120%,rgba(255,61,242,.25),transparent 70%)}
.vgfs-bar--cyber .vgfs-bar__text em{text-shadow:0 0 10px rgba(46,242,255,.85)}
.vgfs-bar--cyber .vgfs-bar__tag{border:1px solid #2ef2ff;border-radius:2px;box-shadow:inset 0 0 8px rgba(46,242,255,.35)}
.vgfs-bar--cyber .vgfs-bar__btn{box-shadow:0 0 16px rgba(46,242,255,.5)}
.vgfs-bar--cyber .vgfs-bar__fx i:nth-child(1){display:block;top:0;bottom:0;left:-10%;width:2px;background:#ff3df2;box-shadow:0 0 12px 2px rgba(255,61,242,.7);animation:vgfs-sweep 4s linear infinite}

/* Halloween */
.vgfs-bar--halloween{--fs-bg:linear-gradient(100deg,#12081f 0%,#2b0f4a 32%,#4a1670 50%,#2b0f4a 68%,#12081f 100%);--fs-ac:#ff9a3c;--fs-ac2:#ffd27a;--fs-btn:linear-gradient(180deg,#ff9a3c,#ff6a00);--fs-btnc:#1a0b00;--fs-tag:#ff7a18;--fs-tagc:#1a0b00;--fs-panel:rgba(10,5,18,.35);--fs-cut:#2b0f4a}
.vgfs-bar--halloween::before{inset:0;background:radial-gradient(60% 140% at 50% 120%,rgba(255,122,24,.38),transparent 70%),radial-gradient(30% 120% at 8% -20%,rgba(255,170,60,.22),transparent 70%),radial-gradient(30% 120% at 92% -20%,rgba(168,85,247,.35),transparent 70%)}
.vgfs-bar--halloween::after{top:0;bottom:0;left:-30%;width:30%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.10),transparent);animation:vgfs-shine 6s ease-in-out infinite}
.vgfs-bar--halloween .vgfs-bar__text em{background:linear-gradient(180deg,#ffd27a,#ff7a18);-webkit-background-clip:text;background-clip:text;color:transparent}
.vgfs-bar--halloween .vgfs-bar__fx i{display:block;bottom:0;width:4px;height:4px;border-radius:50%;background:#ffb257;box-shadow:0 0 8px 2px rgba(255,140,40,.7);animation:vgfs-float 6s ease-in-out infinite}
.vgfs-bar--halloween .vgfs-bar__fx i:nth-child(2n){animation-duration:7.5s}

/* Rising pieces start at different times */
.vgfs-bar__fx i:nth-child(1){animation-delay:0s}
.vgfs-bar--sunset .vgfs-bar__fx i:nth-child(2),.vgfs-bar--ocean .vgfs-bar__fx i:nth-child(2),.vgfs-bar--confetti .vgfs-bar__fx i:nth-child(2),.vgfs-bar--halloween .vgfs-bar__fx i:nth-child(2){left:22%;animation-delay:-1.4s!important}
.vgfs-bar--sunset .vgfs-bar__fx i:nth-child(3),.vgfs-bar--ocean .vgfs-bar__fx i:nth-child(3),.vgfs-bar--confetti .vgfs-bar__fx i:nth-child(3),.vgfs-bar--halloween .vgfs-bar__fx i:nth-child(3){left:41%;animation-delay:-2.9s!important}
.vgfs-bar--sunset .vgfs-bar__fx i:nth-child(4),.vgfs-bar--ocean .vgfs-bar__fx i:nth-child(4),.vgfs-bar--confetti .vgfs-bar__fx i:nth-child(4),.vgfs-bar--halloween .vgfs-bar__fx i:nth-child(4){left:60%;animation-delay:-.7s!important}
.vgfs-bar--sunset .vgfs-bar__fx i:nth-child(5),.vgfs-bar--ocean .vgfs-bar__fx i:nth-child(5),.vgfs-bar--confetti .vgfs-bar__fx i:nth-child(5),.vgfs-bar--halloween .vgfs-bar__fx i:nth-child(5){left:79%;animation-delay:-2.2s!important}
.vgfs-bar--sunset .vgfs-bar__fx i:nth-child(6),.vgfs-bar--ocean .vgfs-bar__fx i:nth-child(6),.vgfs-bar--confetti .vgfs-bar__fx i:nth-child(6),.vgfs-bar--halloween .vgfs-bar__fx i:nth-child(6){left:94%;animation-delay:-3.4s!important}
.vgfs-bar--sunset .vgfs-bar__fx i:nth-child(1),.vgfs-bar--ocean .vgfs-bar__fx i:nth-child(1),.vgfs-bar--confetti .vgfs-bar__fx i:nth-child(1),.vgfs-bar--halloween .vgfs-bar__fx i:nth-child(1){left:6%}

/* ---------- Medium screens ---------- */
@media (max-width:1279px){.vgfs-bar__typing{display:none}}
@media (max-width:960px) and (min-width:761px){.vgfs-bar__ends{display:none}.vgfs-bar__tag{display:none}}

/* ---------- Phones ---------- */
@media (max-width:760px){
 .vgfs-bar__inner{padding:0 12px;gap:8px}
 .vgfs-bar__icon{width:19px;height:19px;flex-basis:19px}
 .vgfs-ai{width:19px;height:19px;flex-basis:19px}
 .vgfs-bar__full,.vgfs-bar__x,.vgfs-bar__ends{display:none}
 .vgfs-bar__short{display:inline}
 .vgfs-u{min-width:0;padding:3px 5px}
 .vgfs-panel__inner{flex-direction:column;align-items:stretch;gap:12px;padding:12px 16px 14px}
 .vgfs-panel__btn{justify-content:center;height:36px}
 .vgfs-bar--bf-red::before,.vgfs-bar--bf-red::after{width:40px}
 .vgfs-bar--bf-tape .vgfs-bar__fx i{display:none!important}
 /* Two lines: the headline gets the whole first line, then Details, countdown and button */
 .vgfs-m2 .vgfs-bar__inner{flex-wrap:wrap;justify-content:center;row-gap:6px;padding:8px 12px 9px}
 .vgfs-m2 .vgfs-bar__lead{flex:0 1 100%;justify-content:center;gap:8px}
 .vgfs-m2 .vgfs-bar__text{font-size:calc(var(--fs-hs) + .5px)}
 .vgfs-m2 .vgfs-bar__tag{font-size:10px;padding:4px 6px}
 .vgfs-m2.vgfs-bar--bf-noir .vgfs-bar__tag,.vgfs-m2.vgfs-bar--bf-gold .vgfs-bar__tag,.vgfs-m2.vgfs-bar--bf-tape .vgfs-bar__tag,.vgfs-m2.vgfs-bar--bf-spotlight .vgfs-bar__tag,.vgfs-m2.vgfs-bar--bf-lava .vgfs-bar__tag{font-size:12.5px;padding:4px 7px}
 .vgfs-m2 .vgfs-bar__meta{flex:0 0 100%;justify-content:center;gap:10px}
 .vgfs-m2 .vgfs-bar__btn{height:27px;padding:0 12px}
 .vgfs-m2 .vgfs-bar__more{padding:4px 0}
 .vgfs-m2.vgfs-bar--bf-tape .vgfs-bar__inner{padding:10px 12px 11px}
 /* One line: headline and countdown only */
 .vgfs-m1 .vgfs-bar__inner{justify-content:flex-start}
 .vgfs-m1 .vgfs-bar__lead{flex:1 1 auto}
 .vgfs-m1 .vgfs-bar__tag,.vgfs-m1 .vgfs-bar__meta .vgfs-bar__btn,.vgfs-m1 .vgfs-bar__more{display:none}
 .vgfs-m1 .vgfs-bar__text{font-size:calc(var(--fs-hs) - 1px)}
}
@media (max-width:360px){.vgfs-m2 .vgfs-bar__tag{display:none}.vgfs-m1 .vgfs-ai,.vgfs-m1 .vgfs-bar__icon{display:none}.vgfs-m2 .vgfs-bar__meta{gap:7px}}
@media (prefers-reduced-motion:reduce){.vgfs-bar,.vgfs-bar *,.vgfs-bar::before,.vgfs-bar::after,.vgfs-bar *::before,.vgfs-bar *::after{animation:none!important;transition:none!important}.vgfs-bar__fx{display:none}.vgfs-ul path{stroke-dashoffset:0}}

.vgfs-note{display:flex;align-items:center;gap:8px;margin:6px 0 12px;font-size:14px}
.vgfs-note__tag{display:inline-block;padding:2px 8px;border-radius:6px;background:#ff7a18;color:#1a0f05;font-weight:700;font-size:12.5px}
.vgfs-note--off{opacity:.7;font-size:13px}
