/* CHANNMAS Top Bar Studio 1.1 — all selectors scoped; preserves theme/commerce components. */
.chma-bar{--chma-bg:#c8efda;--chma-fg:#103d31;--chma-line:rgba(16,61,49,.17);--chma-cta:#075941;--chma-pill:#0e573f;--chma-pill-fg:#fff;display:block;position:relative;z-index:101;background:var(--chma-bg);color:var(--chma-fg);border-bottom:1px solid var(--chma-line);font-family:'DM Sans',system-ui,-apple-system,sans-serif;font-size:12px;line-height:1.3;box-sizing:border-box;transition:background-color .18s ease,border-color .18s ease,color .18s ease}
.chma-bar *, .chma-bar *::before,.chma-bar *::after{box-sizing:border-box}
.chma-bar.chma-palette-jade{--chma-bg:#a5ddc5;--chma-fg:#0e352b;--chma-cta:#064e3b;--chma-pill:#0c593f;--chma-pill-fg:#fff}
.chma-bar.chma-palette-ink{--chma-bg:#153f33;--chma-fg:#e4f8ea;--chma-line:rgba(213,251,230,.19);--chma-cta:#bcf2d6;--chma-pill:#bcefd2;--chma-pill-fg:#153f33}
.chma-bar.chma-palette-forest{--chma-bg:#143f32;--chma-fg:#fff;--chma-line:rgba(255,255,255,.16);--chma-cta:#bdf2d4;--chma-pill:#bdf2d4;--chma-pill-fg:#143f32}
.chma-bar.chma-palette-glow{--chma-bg:#bdf2d4;--chma-fg:#143f32;--chma-cta:#18533e;--chma-pill:#18533e;--chma-pill-fg:#fff}
.chma-bar.chma-palette-gold{--chma-bg:#fbefcf;--chma-fg:#593b22;--chma-cta:#49392a;--chma-pill:#49392a;--chma-pill-fg:#fff}
.chma-bar.chma-palette-midnight{--chma-bg:#172548;--chma-fg:#fff;--chma-line:rgba(255,255,255,.2);--chma-cta:#cae5ff;--chma-pill:#cae5ff;--chma-pill-fg:#172548}
.chma-bar.chma-palette-coral{--chma-bg:#a93f45;--chma-fg:#fff;--chma-line:rgba(255,255,255,.2);--chma-cta:#ffe7c6;--chma-pill:#ffe7c6;--chma-pill-fg:#673329}
.chma-bar.chma-palette-violet{--chma-bg:#4a2d81;--chma-fg:#fff;--chma-line:rgba(255,255,255,.2);--chma-cta:#e6dbff;--chma-pill:#e6dbff;--chma-pill-fg:#34205c}
html[data-theme="dark"] .chma-bar.chma-palette-mint{--chma-bg:#173e32;--chma-fg:#dbf7e8;--chma-line:rgba(214,247,227,.14);--chma-cta:#9deac3;--chma-pill:#a9edcb;--chma-pill-fg:#11392d}
html[data-theme="dark"] .chma-bar.chma-palette-jade{--chma-bg:#0a5842;--chma-fg:#edfff6;--chma-line:rgba(214,247,227,.14);--chma-cta:#c3ffe4;--chma-pill:#c3ffe4;--chma-pill-fg:#0c4232}
html[data-theme="dark"] .chma-bar.chma-palette-ink{--chma-bg:#102820;--chma-fg:#e6fff1;--chma-line:rgba(214,247,227,.16);--chma-cta:#bcefd2}
html[data-theme="dark"] .chma-bar.chma-palette-glow{--chma-bg:#174633;--chma-fg:#eafff2;--chma-cta:#bdf2d4;--chma-pill:#bdf2d4;--chma-pill-fg:#143f32}
html[data-theme="dark"] .chma-bar.chma-palette-gold{--chma-bg:#553c25;--chma-fg:#fff0d2;--chma-cta:#ffe1a0;--chma-pill:#ffe1a0;--chma-pill-fg:#3f2c20}
@media(prefers-color-scheme:dark){html:not([data-theme="light"]):not([data-theme="dark"]) .chma-bar.chma-palette-mint{--chma-bg:#173e32;--chma-fg:#dbf7e8;--chma-cta:#9deac3;--chma-pill:#a9edcb;--chma-pill-fg:#11392d}html:not([data-theme="light"]):not([data-theme="dark"]) .chma-bar.chma-palette-jade{--chma-bg:#0a5842;--chma-fg:#edfff6;--chma-cta:#c3ffe4;--chma-pill:#c3ffe4;--chma-pill-fg:#0c4232}html:not([data-theme="light"]):not([data-theme="dark"]) .chma-bar.chma-palette-glow{--chma-bg:#174633;--chma-fg:#eafff2;--chma-cta:#bdf2d4;--chma-pill:#bdf2d4;--chma-pill-fg:#143f32}html:not([data-theme="light"]):not([data-theme="dark"]) .chma-bar.chma-palette-gold{--chma-bg:#553c25;--chma-fg:#fff0d2;--chma-cta:#ffe1a0;--chma-pill:#ffe1a0;--chma-pill-fg:#3f2c20}}
.chma-bar[hidden],.chma-slide[hidden],.chma-dot[hidden],.chma-countdown[hidden]{display:none!important}
.chma-bar-inner{width:min(100% - 44px,1320px);min-height:42px;margin:0 auto;display:flex;justify-content:center;align-items:center;gap:12px;padding:5px 0;position:relative}
.chma-bar.chma-layout-promo .chma-bar-inner,.chma-bar.chma-layout-countdown .chma-bar-inner{min-height:52px;padding:7px 0}
.chma-announcement-icon{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;color:var(--chma-cta)}
.chma-messages{min-width:0;max-width:calc(100% - 150px);text-align:center;transition:opacity .16s ease,transform .16s ease}
.chma-messages.chma-changing{opacity:0;transform:translateY(3px)}
.chma-bar.chma-effect-slide .chma-messages.chma-changing{transform:translateY(-7px)}
.chma-slide{display:flex;align-items:center;justify-content:center;gap:10px 12px;flex-wrap:wrap;min-width:0}
.chma-message{font-weight:650;letter-spacing:-.008em;line-height:1.35;color:var(--chma-fg)}
.chma-layout-promo .chma-message,.chma-layout-countdown .chma-message{font-size:13px;font-weight:750}
.chma-badge{font-size:9px;font-weight:850;letter-spacing:.1em;text-transform:uppercase;border:1px solid currentColor;border-radius:999px;padding:3px 7px;white-space:nowrap;opacity:.9}
.chma-cta{display:inline-flex;align-items:center;gap:4px;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;font-weight:800;color:var(--chma-cta);white-space:nowrap;border-radius:5px;transition:opacity .16s ease}
.chma-cta:hover{opacity:.75;color:var(--chma-cta)}
.chma-cta.chma-cta-pill{padding:8px 13px;text-decoration:none;color:var(--chma-pill-fg);background:var(--chma-pill);border-radius:7px}
.chma-cta.chma-cta-pill:hover{color:var(--chma-pill-fg);opacity:.9}
.chma-cta:focus-visible,.chma-bar button:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.chma-countdown{display:inline-flex;align-items:center;gap:3px;color:var(--chma-fg);font-weight:850;font-variant-numeric:tabular-nums;font-size:16px;letter-spacing:.05em;white-space:nowrap}
.chma-countdown i{font-style:normal;opacity:.5}
.chma-controls{position:absolute;right:0;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:9px}
.chma-dots{display:flex;gap:6px;align-items:center}
.chma-dot{border:0;border-radius:50%;padding:0;width:5px;height:5px;background:currentColor;opacity:.35;cursor:pointer;color:var(--chma-fg);transition:opacity .15s,transform .15s}
.chma-dot.is-active{opacity:1;transform:scale(1.35)}
.chma-close{appearance:none;display:flex;align-items:center;justify-content:center;width:27px;height:27px;padding:4px;border:0;border-radius:50%;background:transparent;color:var(--chma-fg);cursor:pointer;opacity:.8}
.chma-close:hover{background:var(--chma-line);opacity:1}
@media(max-width:700px){.chma-bar-inner{width:calc(100% - 28px);padding:6px 32px 6px 0;min-height:44px;gap:8px}.chma-announcement-icon{display:none}.chma-controls{right:0}.chma-dots{display:none}.chma-messages{max-width:100%;text-align:center;flex:1}.chma-slide{gap:4px 8px}.chma-message,.chma-layout-promo .chma-message,.chma-layout-countdown .chma-message{font-size:11px;line-height:1.35}.chma-cta{font-size:11px}.chma-cta.chma-cta-pill{padding:5px 9px}.chma-countdown{font-size:12px}.chma-badge{font-size:8px;padding:2px 6px}}
@media(max-width:390px){.chma-bar-inner{width:calc(100% - 22px);min-height:46px}.chma-slide{gap:3px 6px}.chma-message,.chma-cta,.chma-layout-promo .chma-message,.chma-layout-countdown .chma-message{font-size:10.5px}}
@media(prefers-reduced-motion:reduce){.chma-messages,.chma-dot,.chma-bar{transition:none!important}}

.chma-countdown .chma-time-unit{display:flex;flex-direction:column;align-items:center;gap:1px;line-height:1.1}.chma-countdown .chma-time-unit strong{font-size:inherit}.chma-countdown .chma-time-unit small{font-size:8px;font-weight:600;letter-spacing:.02em;opacity:.8}.chma-countdown i{align-self:flex-start;margin-top:2px}