/* GSM Grid THEME 3 "New Zealand" — built by gsmgrid-ops/theme3-build.py; do not edit by hand, edit theme3-extra.css and rebuild */
/* [A] auto layer: Theme 1 blue/indigo -> NZ black/silver (230 rules from 26 files) */
html body{background:#f7f7f8}
html body .ck-top{background:#323437}
html body .ck-in:focus-within{border-color:#323437;box-shadow:0 0 0 2px rgba(50,52,55,0.18)}
html body .ck-login{color:#141516}
html body .ck-dark{background:#141516}
html body .ck-pm input[type=radio]{accent-color:#323437}
html body .ck-logo{color:#0f1011}
html body .ck-logo svg{color:#0f1011}
html body .ck-lb{border:.625px solid #141516;color:#141516}
html body .ck-th{background:#f6f6f7;color:#323437}
html body .ck-offers > summary{color:#141516}
html body .ck-offers > summary:focus-visible{outline:2px solid #323437}
html body .ck-coupon-form button{background:#141516}
html body .ck-coupon-applied{background:#f6f6f7}
html body .ck-modern .ck{border-color:#edeeef;box-shadow:0 1px 2px rgba(20,21,22,0.04), 0 10px 28px rgba(20,21,22,0.06)}
html body .ck-modern .ck-r{background:#fcfcfd}
html body .ck-modern .ck-grand{background:#f6f6f7}
html body .ck-modern .ck-grand h2{color:#2d2f31}
html body .ck-modern .ck-dark{background:#323437;box-shadow:0 6px 16px rgba(50,52,55,0.28)}
html body .ck-modern .ck-dark:hover:not([disabled]){background:#2d2f31}
html body .ck-modern .ck-lb{border-color:#323437;color:#323437}
html body .ck-modern .ck-coupon-form button{background:#323437}
html:root{--p:#323437;--a:#27292b;--s:#0f1011;--bg:#f7f7f8;--ink:#141516;--line:#e8e9ea}
html body .btn.p{box-shadow:0 6px 18px rgba(50,52,55,0.3)}
html body .btn.p:hover{box-shadow:0 8px 22px rgba(50,52,55,0.38)}
html body .ticker b{color:#0f1011}
html body nav.menu{background:#2d2f31;background:linear-gradient(90deg,#1d1f20,#323437 55%,#212224)}
html body .tag{color:#0f1011}
html body .s1{background:radial-gradient(circle at 85% 30%, rgba(39,41,43,0.45), transparent 45%), linear-gradient(135deg,#0f1011,#1d1f20)}
html body .s2{background:radial-gradient(circle at 80% 70%, rgba(50,52,55,0.45), transparent 45%), linear-gradient(135deg,#0f1011,#26282a)}
html body .s3{background:radial-gradient(circle at 85% 25%, rgba(50,52,55,0.35), transparent 45%), linear-gradient(135deg,#0f1011,#2b2d30)}
html body .side a:nth-child(1){background:linear-gradient(135deg,#323437,#27292b)}
html body .side a:nth-child(2){background:linear-gradient(135deg,#0f1011,#1d1f20)}
html body .cta{background:linear-gradient(135deg,#0f1011,#1d1f20 70%,#1b1c1e)}
html body .gx-tk{background:linear-gradient(90deg,#0f1011,#26282a)}
html body .gx-tk .nw{background:linear-gradient(135deg,#323437,#27292b)}
html body .gx-tk .it a{color:#424549}
html body .gx-tk .st{color:#424549}
html body .gx-card{box-shadow:0 1px 2px rgba(20,21,22,0.04)}
html body .gx-main{background:#0f1011}
html body .gx-ic{border:1.5px solid var(--ac,#393b3f);color:var(--ac,#414448);background:rgba(50,52,55,0.08)}
html body .gx-ob{border:1.5px solid var(--ac,#393b3f)}
html body .gx-ph{background:radial-gradient(circle at 45% 42%, var(--gl,#393b3f) 0, rgba(29,31,32,0.9) 32%, #0f1011 72%);box-shadow:0 0 60px rgba(57,59,63,0.25), inset 0 0 0 6px rgba(0,0,0,.35)}
html body .gx-ring{border:1px solid rgba(65,68,72,0.35)}
html body .gx-c1{--ac:#484c50;--gl:#3e4144;background:linear-gradient(115deg,#0d0e0f 0%,#2a2c2e 55%,#242528 100%)}
html body .gx-c3{--ac:#2f3134;--gl:#242628;background:linear-gradient(115deg,#0a0b0b 0%,#232426 55%,#2f3134 100%)}
html body .gx-dots button{background:#d4d6d8}
html body .gx-dots button.on{background:linear-gradient(90deg,#323437,#27292b)}
html body .gx-qi{border:1px solid #e8e9ea;color:#202123}
html body .gx-qi:hover{border-color:#ced0d3;box-shadow:0 8px 22px rgba(47,49,52,0.1)}
html body .gx-qic{background:#f6f6f7;border:1px solid #efeff0;color:#2f3134}
html body .gx-qtx b{color:#202123}
html body .gx-qi:hover .gx-qar{color:#2f3134}
html body .gf{border:1px solid #e8e9ea}
html body .gf-pill{color:#2f3134;background:#f6f6f7;border:1px solid #e1e2e4}
html body .gf-hd h2{color:#141516}
html body .gf-all{background:linear-gradient(135deg,#2f3134,#2d2f32);box-shadow:0 6px 16px rgba(47,49,52,0.25)}
html body .gf-q input{border:1px solid #e8e9ea;color:#141516}
html body .gf-q input:focus{border-color:#404246;box-shadow:0 0 0 3px rgba(64,66,70,0.15)}
html body .gf-pop button{border:1px solid #e8e9ea;background:#fafafa;color:#303336}
html body .gf-pop button:hover{border-color:#ced0d3;color:#2f3134}
html body .gf-g{border:1px solid #efeff0;background:#fbfbfb}
html body .gf-gh{color:#141516}
html body .gf-gi{border:1px solid #efeff0;color:#2f3134}
html body .gf-n{border:1px solid #e1e2e4;color:#202123}
html body .gf-ch{color:#2f3134}
html body .gf-g.open{border-color:#e1e2e4}
html body .gf-g.open .gf-gh{background:linear-gradient(120deg,#1f2022,#2f3134 55%,#2d2f32)}
html body .gf-t{border:1px solid #e8e9ea;color:#202123}
html body .gf-t:hover{border-color:#ced0d3;box-shadow:0 6px 16px rgba(47,49,52,0.08)}
html body .gf-more{border:1px solid #ced0d3;color:#1f2022}
html body .gf-more:hover{background:#f6f6f7}
html:root body.gx-home .cta{background:radial-gradient(circle at 92% 15%, rgba(45,47,50,0.35), transparent 42%), linear-gradient(120deg, #242628, #1f2022 45%, #2f3134);box-shadow:0 14px 34px rgba(31,32,34,0.25)}
html:root body.gx-home .cta p{color:#e1e2e4}
html:root body.gx-home .cta .btn{border-color:rgba(225,226,228,0.55)}
html:root body.gx-home .cta .btn.p{color:#1f2022}
html:root body.gx-home .cta .btn.p:hover{background:#f6f6f7}
html:root body.gx-home .about{border-color:#efeff0;background:linear-gradient(180deg, #fafafa, #fff 60%)}
html:root body.gx-home .about::before{background:linear-gradient(90deg, #1f2022, #2f3134 55%, #2d2f32)}
html:root body.gx-home .about h2{color:#1f2022}
html:root body.gx-home .about p{color:#1f2022}
html:root body.gx-home .about a{color:#2f3134}
html:root body.gx-home .gg-cta-band h2{color:#1f2022}
html:root body.gx-home .gg-cta-band .lc{background:linear-gradient(120deg, #1f2022, #2f3134 55%, #2d2f32)}
html:root body.gx-home .gg-f{background:linear-gradient(160deg, #242628, #1f2022 70%);color:#efeff0}
html:root body.gx-home .gg-f a:not(.logo){color:#e1e2e4}
html:root body.gx-home .gg-f .logo i{background:linear-gradient(135deg, #2f3134, #2d2f32)}
html:root body.gx-home .gg-f .tg, html:root body.gx-home .gg-f li a.bot{background:#2f3134}
html:root body.gx-home .gg-f .social a:hover, html:root body.gx-home .gg-f .social a:focus-visible{background:#2f3134;border-color:#2f3134}
html:root body.gx-home .gg-f .strip{background:#1c1e20;color:#ced0d3}
html body .gg-cartb .bd{color:#323437}
html body .gg-cd .ln + .ln{border-top:.625px solid #f4f5f6}
html body .gg-cd .ln .im{background:#f6f6f7;color:#323437}
html body .gg-cd .ln .ed{color:#141516}
html body .gg-cd .ln .ed:hover{background:rgba(20,21,22,0.08)}
html body .gg-cd .go{background:#141516}
html body .gg-cd .go:hover{background:#202123}
html body .gg-cf .ac .no{color:#141516}
html body .gg-cf .ac .no:hover{background:rgba(20,21,22,0.08)}
html body #gg-cw{--c1:#2f3134;--c2:#2d2f32;--nv:#1a1c1d}
html body #gg-cw-btn{box-shadow:0 10px 26px rgba(47,49,52,0.42)}
html body #gg-cw-panel{background:#fafafa;box-shadow:0 20px 50px rgba(20,21,22,0.28)}
html body #gg-cw-close{color:#303336}
html body #gg-cw-close:hover{background:rgba(20,21,22,0.08)}
html body .cw-card{border:1px solid #e8e9ea;box-shadow:0 4px 14px rgba(20,21,22,0.06);color:#141516}
html body button.cw-card:hover{border-color:#ced0d3}
html body .cw-q{border:1px solid #e8e9ea;background:#fafafa}
html body .cw-q:focus{border-color:#404246;box-shadow:0 0 0 3px rgba(64,66,70,0.18)}
html body .cw-faq a{color:#1f2022;border-bottom:1px solid #f4f5f6}
html body .cw-faq a::after{color:#3e4144}
html body .cw-bar{border-bottom:1px solid #e8e9ea;color:#141516}
html body .cw-empty{color:#141516}
html body .cw-pill{box-shadow:0 8px 18px rgba(47,49,52,0.3)}
html body .cw-chead{border-bottom:1px solid #e8e9ea}
html body .cw-back{color:#303336}
html body .cw-back:hover{background:#f4f5f6}
html body .cw-chead b{color:#141516}
html body .gg-cw-msg.team{background:#f4f5f6;color:#141516}
html body .cw-by{color:#3e4144}
html body .cw-chips button{border:1px solid #e8e9ea;color:#141516}
html body .cw-chips button:hover{border-color:#ced0d3}
html body #gg-cw-start, html body #gg-cw-reply{border:1px solid #d4d6d8}
html body #gg-cw-start:focus-within, html body #gg-cw-reply:focus-within{border-color:#404246;box-shadow:0 0 0 3px rgba(64,66,70,0.15)}
html body .cw-row input{border:1px solid #e8e9ea;background:#fafafa}
html body .cw-row input:focus{border-color:#404246}
html body .gg-cw-send{box-shadow:0 6px 14px rgba(47,49,52,0.28)}
html body .cw-nav{border-top:1px solid #e8e9ea}
html body .cw-nav button.on{color:#141516}
html body .cw-peek{border:1px solid #e8e9ea;box-shadow:0 12px 30px rgba(20,21,22,0.18);color:#141516}
html body .cw-typing i{background:#3e4144}
html body .cw-status{color:#3e4144}
html body .cw-day{background:#f4f5f6}
html body .cw-ask{background:#f6f6f7;border:1px solid #e1e2e4;color:#242628}
html body .cw-ask input{border:1px solid #e1e2e4}
html body #gg-cw.away .gg-cw-dot{background:#3e4144;box-shadow:0 0 0 3px rgba(62,65,68,0.25)}
html body #gg-cw.away:not(.open) #gg-cw-btn::after{background:#3e4144}
html body .gt4 div{border:1px solid #e8e9ea}
html body .gt4 i{background:linear-gradient(135deg,#2f3134,#2d2f32)}
html body .gt4 b{color:#141516}
html body .gp-hd h2{color:#141516}
html body .gp-hd a{color:#2f3134}
html body .gb-h{color:#202123}
html body .gb-h i{box-shadow:0 0 0 3px rgba(64,66,70,0.15)}
html body .gp-c{border:1px solid #e8e9ea;color:#202123}
html body .gp-c:hover{border-color:#ced0d3;box-shadow:0 10px 24px rgba(20,21,22,0.1)}
html body .gp-im{background:radial-gradient(120% 90% at 85% 60%,var(--h2) 0%,transparent 58%),linear-gradient(150deg,#1a1c1d 0%,var(--h1) 100%)}
html body .gp-imx{background-color:#0a0b0b!important}
html body .gp-vs{color:#2f3134}
html body .gr{border:1px solid #e8e9ea}
html body .gr-h{color:#141516}
html body .gr-tabs{border-bottom:1px solid #e8e9ea}
html body .gr-tl button.on{color:#141516;border-bottom-color:#1f2022}
html body .gr-va{border:1px solid #d4d6d8;color:#303336}
html body .gr-va:hover{border-color:#ced0d3;color:#2f3134}
html body .gr-p{border:1px solid #e8e9ea;color:#202123}
html body .gr-p:hover{border-color:#ced0d3;box-shadow:0 8px 20px rgba(20,21,22,0.08)}
html body .gr-im{background:#1a1c1d}
html body .gr-ft b{color:#141516}
html body .gr-cart{background:#e8e9ea;color:#202123}
html body .gr-p:hover .gr-cart{background:linear-gradient(135deg,#2f3134,#2d2f32)}
html body .gr-nx{border:1px solid #d4d6d8;box-shadow:0 4px 12px rgba(20,21,22,0.12);color:#303336}
html body .gr-b.b1{background:radial-gradient(70% 120% at 85% 20%,rgba(45,47,50,0.55),transparent 60%),linear-gradient(120deg,#1a1c1d,#242628)}
html body .gr-b.b2{background:radial-gradient(70% 120% at 85% 30%,rgba(45,47,50,0.55),transparent 60%),linear-gradient(120deg,#1a1c1d,#1f2022)}
html body .gr-b em{background:linear-gradient(135deg,#404246,#2d2f32)}
html body .gg-lp{background:rgba(48,51,54,0.62)}
html body .gg-f{background:#323437}
html body .gg-f .logo i{color:#323437}
html body .gg-f .tg{background:#141516}
html body .gg-f .social a:hover, html body .gg-f .social a:focus-visible{background:#141516;border-color:#141516}
html body .gg-f li a.bot{background:#141516}
html body .gg-f .strip{background:#1d1f20}
html body .gg-cta-band h2{color:#323437}
html body .gg-cta-band .row a:hover{box-shadow:0 6px 16px rgba(20,21,22,0.25)}
html body .gg-cta-band .tg{background:#2f3134}
html body .gg-cta-band .wa{background:#242628}
html body .gg-cta-band .lc{background:#323437}
html body .gg-h{background:#1d1f20}
html body .gg-h.sc{background:rgba(29,31,32,0.9)}
html body .gg-brand i{color:#323437}
html body .gg-btn.p{color:#323437 !important}
html body .gg-dd{color:#141516}
html body .gg-dd .hd{border-bottom:1px solid #e8e9ea}
html body .gg-dd a, html body .gg-dd button{color:#141516 !important}
html body .gg-dd a:hover, html body .gg-dd button:hover{background:#f7f7f7}
html body .gg-dd .wl.on{background:#f7f7f7;color:#2d2f31}
html body .gg-dd .af{background:#141516}
html body .gg-qd{color:#141516}
html body .gg-qd h5{border-bottom:1px solid #e8e9ea}
html body .gg-qd h5 button{color:#141516}
html body .gg-qd .rc{color:#141516 !important}
html body .gg-qd .rc:hover{background:#f7f7f7}
html body .gg-qd .it{color:#141516 !important}
html body .gg-qd .it:hover{background:#f7f7f7}
html body .gg-qd .th{background:linear-gradient(135deg,#1d1f20,#212224)}
html body .gg-qd .all{color:#323437 !important;border-top:1px solid #e8e9ea}
html body .gg-m{background:#323437}
html body .gg-dr .bg{background:rgba(20,21,22,0.45)}
html body .gg-dr .pn{box-shadow:8px 0 30px rgba(20,21,22,0.2)}
html body .gg-dr .top{background:linear-gradient(90deg,#1d1f20,#323437)}
html body .gg-dr .sq{border-bottom:1px solid var(--line,#e8e9ea)}
html body .gg-dr .sq input{border:1px solid var(--line,#e8e9ea);background:var(--bg,#f7f7f8);color:var(--ink,#141516)}
html body .gg-dr .ls a{color:var(--ink,#141516)}
html body .gg-dr .ls a:hover{background:#f7f7f7;color:#323437}
html body .gg-pf .pn{color:#141516}
html body .gg-pf select{color:#141516}
html body .gg-pf .ac button{background:#141516}
html body .gg-pf .ac button:hover{background:#202123}
html body .gg-gs .pn{color:#141516}
html body .gg-gs select{color:#141516}
html body .gg-gs .ac button{background:#141516}
html body .pd-guide{border:1px solid #efeff0;background:linear-gradient(180deg,#fafafa,#fff)}
html body .pd-guide h2{color:#1f2022}
html body .pd-guide p{color:#303336}
html body .pd-guide ul{color:#303336}
html body .pd-guide a{color:#2f3134}
html body .pl-cmp .plc-w{border:1px solid #e8e9ea}
html body .pl-cmp .plc th{background:#f6f6f7;color:#1f2022}
html body .pl-cmp .plc td{border-top:1px solid #e8e9ea;color:#141516}
html body .pl-cmp .plc tr.cur td{background:#fafafa}
html body .pl-cmp .plc a{color:#2f3134}
html body .pl-cmp .plc .you{background:#2f3134}
html:root body .gg-h{background:linear-gradient(90deg, #1d1f20 0%, #252628 60%, #2d2f31 100%)}
html:root body .gg-h.sc{background:rgba(29,31,32,0.92)}
html:root body .gg-m{background:linear-gradient(90deg, #323437 0%, #212224 70%, #27292b 100%)}
html:root body .btn.p, html:root body .search button{background:linear-gradient(135deg, #323437, #27292b)}
html:root body .btn.p{box-shadow:0 6px 18px rgba(39,41,43,0.28)}
html:root body .dots button.on{background:linear-gradient(90deg, #323437, #27292b)}
@media (prefers-color-scheme: dark){html:root{--p:#393b3f;--a:#323437;--bg:#0e0e0f;--paper:#161719;--ink:#e8e9ea;--mut:#3e4144;--line:#232527}}
@media (max-width:1200px){html body .gg-mb{border-top:1px solid var(--line,#e8e9ea);box-shadow:0 -4px 16px rgba(20,21,22,0.06)}html body .gg-mb a.on{color:#323437}}

/* ==========================================================================================
   GSM Grid — THEME 3 "New Zealand" (built from Theme 2) (owner 14 Nov 2026): the unlocktool.tools palette.
   Loaded AFTER Theme 1 (the original blue styles, which stay untouched as the backup).
   Switch: Settings > General > Theme.  Preview without switching: add ?preview_theme=2 to any store URL
   (?preview_theme=1 ends the preview).  Every rule is prefixed "html body" so it wins over Theme 1.
   Built section by section: [1] header + menu + categories drawer.
   ========================================================================================== */
:root {
    --t2-orange: #5f6873; --t2-gold: #c0c5cc; --t2-gold-l: #e3e6ea; --t2-cyan: #c0c5cc;
    --t2-head: #0b0b0c; --t2-foot: #000000; --t2-foot-link: #c0c5cc;
    --t2-bg: #f2f3f5; --t2-surface: #fff; --t2-alt: #eef1f4; --t2-border: #d8dee6;
    --t2-text: #17202b; --t2-soft: #667382; --t2-muted: #536171; --t2-link: #315fc4;
    --t2-ink-on-gold: #0b0b0c; --t2-hover: #f2f3f5; --t2-orange-dark: #0b0b0c;
    --t2-grad: linear-gradient(90deg, #5f6873, #c0c5cc);
    --t2-grad-d: linear-gradient(135deg, #5f6873, #c0c5cc);
}

/* [1] header row 1 (dark slate, like unlocktool.tools) */
html body .gg-h { background: var(--t2-head); }
html body .gg-h.sc { background: rgba(11, 11, 12, .92); }
html body .gg-brand i { color: var(--t2-orange); }
html body .gg-btn.p { background: var(--t2-grad); border-color: transparent; color: var(--t2-ink-on-gold) !important; font-weight: 700; }
html body .gg-dd a:hover, html body .gg-dd button:hover,
html body .gg-qd .rc:hover, html body .gg-qd .it:hover { background: var(--t2-hover); }
html body .gg-dd .wl.on { background: var(--t2-hover); color: var(--t2-orange-dark); }
html body .gg-qd .th { background: var(--t2-grad-d); color: var(--t2-ink-on-gold); }
html body .gg-qd .all { color: var(--t2-orange-dark) !important; }

/* [1] header row 2 — the "double shade" orange -> gold menu bar */
html body .gg-m { background: var(--t2-grad); color: var(--t2-ink-on-gold); }
html body .gg-m a { color: var(--t2-ink-on-gold); }
html body .gg-m a:hover { background: rgba(23, 19, 10, .10); }

/* [1] All Categories drawer */
html body .gg-dr .top { background: var(--t2-head); }
html body .gg-dr .ls a:hover { background: var(--t2-hover); color: var(--t2-orange-dark); }

/* [2] home page (store/home.blade.php) + store pages that use the same tokens. Theme 2 is light only, like unlocktool.tools. */
html body {
    --p: #5f6873; --pt: #0b0b0c; --a: #c0c5cc; --s: #0b0b0c; --st: #ffffff;
    --bg: #f2f3f5; --paper: #ffffff; --ink: #17202b; --mut: #667382; --line: #d8dee6;
    background: var(--t2-bg); color: var(--t2-text);
}
html body .btn.p { background: var(--t2-grad); border-color: transparent; color: var(--t2-ink-on-gold); box-shadow: 0 6px 18px rgba(95, 104, 115, .28); }
html body .btn.p:hover { box-shadow: 0 8px 22px rgba(95, 104, 115, .36); }
html body .btn.d { background: var(--t2-head); border-color: var(--t2-head); color: #fff; }
html body .ticker { background: var(--t2-foot); color: #fff; }
html body .ticker b { background: var(--t2-gold); color: var(--t2-ink-on-gold); }
html body nav.menu { background: var(--t2-grad); color: var(--t2-ink-on-gold); }
html body .slides { background: var(--t2-head); }
html body .s1 { background: radial-gradient(circle at 85% 30%, rgba(192, 197, 204, .35), transparent 45%), linear-gradient(135deg, #000000, #0b0b0c); }
html body .s2 { background: radial-gradient(circle at 80% 70%, rgba(95, 104, 115, .40), transparent 45%), linear-gradient(135deg, #000000, #2a2c33); }
html body .s3 { background: radial-gradient(circle at 85% 25%, rgba(130, 231, 242, .25), transparent 45%), linear-gradient(135deg, #000000, #0b0b0c); }
html body .tag { background: var(--t2-gold); color: var(--t2-ink-on-gold); }
html body .dots button.on { background: var(--t2-gold); }
html body .side a:nth-child(1) { background: var(--t2-grad-d); color: var(--t2-ink-on-gold); }
html body .side a:nth-child(1) span { opacity: .8; }
html body .side a:nth-child(2) { background: linear-gradient(135deg, #0b0b0c, #000000); color: #fff; }
html body .tabs button.on { background: var(--t2-head); border-color: var(--t2-head); color: #fff; }
html body .quick a:hover, html body .pop a:hover, html body .clist a:hover { border-color: var(--t2-orange); }
html body .quick em { background: var(--t2-hover); }
html body .card { border-color: var(--t2-border); }
html body .cta { background: radial-gradient(circle at 90% 20%, rgba(192, 197, 204, .30), transparent 40%), linear-gradient(135deg, #000000, #0b0b0c 70%); }
html body .hd a:hover { color: var(--t2-orange-dark); }

/* [3] footer (dark like unlocktool.tools, gold links), CTA band, mobile bar, chat widget, cart badges */
html body .gg-f { background: var(--t2-foot); color: #e8edf2; }
html body .gg-f a:not(.logo) { color: var(--t2-foot-link); }
html body .gg-f a:not(.logo):hover { color: var(--t2-gold-l); }
html body .gg-f .logo i { background: var(--t2-grad-d); color: var(--t2-ink-on-gold); }
html body .gg-f .strip { background: #0b1320; color: #9aa6b3; }
html body .gg-cta-band h2 { color: var(--t2-orange); }
html body .gg-cta-band .lc { background: var(--t2-grad); }
html body .gg-mb a.on { color: var(--t2-orange); }
html body #gg-cw-btn { background: var(--t2-grad-d); color: var(--t2-ink-on-gold); box-shadow: 0 8px 20px rgba(95, 104, 115, .35); }
html body #gg-cw-head { background: var(--t2-head); color: #fff; }
html body .gg-cw-msg.you { background: var(--t2-orange); color: #fff; }
html body .gg-cw-send { background: var(--t2-grad); color: var(--t2-ink-on-gold); }
html body .gg-cartb .bd { background: var(--t2-gold); color: var(--t2-ink-on-gold); }
html body .gg-cd .ln .im { background: var(--t2-hover); color: var(--t2-orange-dark); }

/* [4] store / category / product / products list / memberships / esim / faq */
html body .st-bar, html body .cg-bar { background: var(--t2-grad); color: var(--t2-ink-on-gold); }
html body .st-c .im, html body .cg-c .im, html body .pl-r .th { background: linear-gradient(135deg, #0b0b0c, #000000); color: var(--t2-gold); }
html body .pd .crumbs a { color: var(--t2-link); }
html body .pd-im .ph { color: var(--t2-orange); }
html body .pd-chip.t.imei { background: var(--t2-orange); }
html body .pd-chip.t.remote { background: #b96500; }
html body .pd-fld input:focus, html body .pd-fld select:focus, html body .pd-fld textarea:focus { border-color: var(--t2-orange); box-shadow: 0 0 0 2px rgba(95, 104, 115, .18); }
html body .pd-cart { border-color: var(--t2-orange); color: var(--t2-orange); }
html body .pd-cart:hover { background: rgba(95, 104, 115, .08); }
html body .pd-tabs span { color: var(--t2-orange-dark); border-bottom-color: var(--t2-orange); }
html body .mb-c .chip { color: var(--t2-orange-dark); background: rgba(192, 197, 204, .18); }
html body .es-c .buy { background: var(--t2-grad); color: var(--t2-ink-on-gold); }
html body .es-c .buy:hover { background: var(--t2-orange); color: #fff; }
html body .fq .more { background: var(--t2-hover); }

/* [5] checkout */
html body .ck-top { background: var(--t2-head); }
html body .ck-in:focus-within { border-color: var(--t2-orange); box-shadow: 0 0 0 2px rgba(95, 104, 115, .18); }
html body .ck-pm input[type=radio] { accent-color: var(--t2-orange); }
html body .ck-th { background: var(--t2-hover); color: var(--t2-orange-dark); }
html body .ck-coupon-applied, html body .ck-modern .ck-grand { background: var(--t2-hover); }
html body .ck-modern .ck-grand h2 { color: var(--t2-orange-dark); }
html body .ck-modern .ck-dark { background: var(--t2-grad); color: var(--t2-ink-on-gold); box-shadow: 0 6px 16px rgba(95, 104, 115, .28); }
html body .ck-modern .ck-dark:hover:not([disabled]) { background: var(--t2-orange); color: #fff; }
html body .ck-modern .ck-lb { border-color: var(--t2-orange); color: var(--t2-orange-dark); }
html body .ck-modern .ck-coupon-form button { background: var(--t2-orange); }

/* [6] client panel (Filament): primary color -> orange scale, dashboard, place order, orders, date range, login */
html body {
    --primary-50: #f4f5f7; --primary-100: #eceef1; --primary-200: #d5d9de; --primary-300: #fdba74; --primary-400: #fb923c;
    --primary-500: #5f6873; --primary-600: #ea580c; --primary-700: #0b0b0c; --primary-800: #9a3412; --primary-900: #7c2d12; --primary-950: #431407;
}
html body [style*="background:#0b0b0c"], html body [style*="background: #0b0b0c"] { background: var(--t2-orange) !important; }
html body [style*="color:#0b0b0c"] { color: var(--t2-orange) !important; }
html body [style*="background:rgba(37,99,235"] { background: rgba(95, 104, 115, .1) !important; }
html body .gg-db .wel { background: linear-gradient(110deg, #f2f3f5, #e9ebee 60%, #f4f5f7); }
html body .gg-db .wel h2, html body .gg-db .wel p, html body .gg-db .art, html body .gg-db .ses .ic,
html body .gg-db .h2fa h3, html body .gg-db .h2fa p, html body .gg-db .h2fa .art2 { color: var(--t2-orange-dark); }
html body .gg-db .btn.d { background: var(--t2-head); border-color: var(--t2-head); color: #fff; }
html body .gg-db .sl { background: radial-gradient(circle at 80% 20%, rgba(192, 197, 204, .40), transparent 45%), linear-gradient(135deg, #000000, #0b0b0c); }
html body .gg-db .tl .e::before, html body .gg-pop .e::before, html body .gg-tk .it i { background: var(--t2-orange); box-shadow: 0 0 0 3px #e3e6ea; }
html body .gg-db .h2fa { background: linear-gradient(135deg, rgba(95, 104, 115, .18), rgba(192, 197, 204, .07)); }
html body .gg-tk .it a { color: var(--t2-orange-dark); }
html body .gg-pop .a { border-color: rgba(95, 104, 115, .5); color: var(--t2-orange-dark); }
html body .gg-pop .a:hover { background: var(--t2-hover); }
html body .po-vbtn.on { background: var(--t2-orange); border-color: var(--t2-orange); color: #fff; }
html body .po-card:hover { background: rgba(95, 104, 115, .04); border-color: #d5d9de; }
html body .po-card.on { border-color: var(--t2-orange); box-shadow: 0 0 0 2px rgba(95, 104, 115, .25); }
html body .po-thumb { color: var(--t2-orange); }
html body .po-price { background: var(--t2-grad); color: var(--t2-ink-on-gold); }
html body .pom-btn { background: var(--t2-head); }
html body .pom-chip { background: rgba(95, 104, 115, .12); color: var(--t2-orange-dark); }
html body .fz-myorders td:has(.fz-imei):hover { background: rgba(95, 104, 115, .05); }
html body .fz-myorders td.fz-imei-td-on, html body .fz-myorders td.fz-imei-td-on:hover { background: var(--t2-hover); box-shadow: inset 0 0 0 1px rgba(95, 104, 115, .35); }
html body .fz-reply .fz-r-info { color: var(--t2-orange-dark); }
html body .fz-dr-pre button:hover, html body .fz-dr-d:hover:not(:disabled) { background: var(--t2-hover); }
html body .fz-dr-d.t { box-shadow: inset 0 0 0 1px var(--t2-orange); }
html body .fz-dr-d.in { background: #e3e6ea; }
html body .fi-simple-main .fi-sc-actions .fi-btn.fi-color-primary { background: var(--t2-grad) !important; color: var(--t2-ink-on-gold) !important; }
html body .fi-simple-main .fi-sc-actions .fi-btn.fi-color-primary:hover { background: var(--t2-orange) !important; color: #fff !important; }
html body .ca-btn-outline { border-color: var(--t2-orange); color: var(--t2-orange-dark); }
html body .ca-art { background: linear-gradient(160deg, #f2f3f5, #f4f5f7) !important; }
html body .ctg-code { background: rgba(95, 104, 115, .08); border-color: rgba(95, 104, 115, .35); }

/* [7] small leftovers: text on the orange store/category bars uses the Theme 2 ink */
html body .st-bar h1, html body .cg-bar h2, html body .st-sort-b, html body .cg-sort-b, html body .st-fopen, html body .cg-fopen,
html body .st-vt button, html body .cg-vt button { color: var(--t2-ink-on-gold); }
html body .st-vt button, html body .cg-vt button { background: rgba(23, 19, 10, .14); }

/* [8] website builder (editor panel) */
html body .gg-ed-dev button.active { background: var(--t2-orange); border-color: var(--t2-orange); color: #fff; }
html body .gg-ed-rail .soon { background: rgba(95, 104, 115, .1); color: var(--t2-orange-dark); }

/* 9. Logo size (owner 14 Nov 2026: new logo with tagline, make it bigger) */
html body .gg-brand { max-width: 320px; }
html body .gg-brand img { height: 62px; width: auto; max-width: 320px; }
html body .brand img { height: 54px; width: auto; }
@media (max-width: 760px) {
  html body .gg-brand { max-width: 170px; }
  html body .gg-brand img { height: auto; width: auto; max-width: 160px; max-height: 46px; }
  html body .brand img { height: 44px; }
}


/* ==========================================================================================
   THEME 3 — "New Zealand" (owner 15 Nov 2026): black / white / silver (All Blacks, silver fern).
   Header/menu/drawer rules above are Theme 2's, recoloured. Below: home top (GsmGenesis-style layout) + page reskin.
   ========================================================================================== */
:root { --nz-k:#0b0b0c; --nz-k2:#17191c; --nz-k3:#24272b; --nz-s:#c0c5cc; --nz-s2:#e3e6ea; --nz-st:#5f6873; --nz-bg:#f2f3f5; --nz-b:#dfe2e6; --nz-t:#111214; --nz-m:#5b626b; }
html body.gx-home { background: var(--nz-bg); }
html body .gx-tkw, html body .gx-hero { display: none !important; }

/* ---- home top ---- */
.h3 { padding: 16px 0 6px; }
.h3-grid { display: grid; grid-template-columns: 230px minmax(0,1fr) 250px; gap: 14px; align-items: start; }
.h3-side, .h3-wb, .h3-ql, .h3-blk { background: #fff; border: 1px solid var(--nz-b); border-radius: 12px; }
.h3-sh { font-size: 13px; font-weight: 700; color: #fff; background: var(--nz-k); padding: 10px 14px; border-radius: 11px 11px 0 0; letter-spacing: .02em; }
.h3-side nav a { display: flex; align-items: center; gap: 10px; padding: 7px 12px; color: var(--nz-t); text-decoration: none; font-size: 13.5px; border-bottom: 1px solid #f0f1f3; }
.h3-side nav a:hover { background: #f6f7f8; }
.h3-side nav img, .h3-side nav i { width: 30px; height: 24px; border-radius: 5px; object-fit: cover; flex: none; background: var(--nz-k); color: #fff; display: grid; place-items: center; font-style: normal; font-size: 12px; }
.h3-side nav span { flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.h3-side nav em { font-style: normal; color: #9aa1a9; }
.h3-all { display: block; padding: 10px 14px; font-size: 13px; font-weight: 600; color: var(--nz-st); text-decoration: none; }
.h3-hero { position: relative; height: 340px; border-radius: 14px; overflow: hidden; background: radial-gradient(80% 120% at 80% 10%, rgba(192,197,204,.18), transparent 60%), linear-gradient(120deg, var(--nz-k), var(--nz-k3)); }
.h3-sl { position: absolute; inset: 0; display: grid; grid-template-columns: 1fr 1.05fr; align-items: center; gap: 10px; padding: 0 26px; color: #fff; text-decoration: none; opacity: 0; visibility: hidden; transition: opacity .5s; }
.h3-sl.on { opacity: 1; visibility: visible; }
.h3-tx { display: flex; flex-direction: column; gap: 10px; align-items: flex-start; }
.h3-tag { display: inline-block; font-size: 10.5px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--nz-k); background: var(--nz-s); border-radius: 999px; padding: 4px 11px; }
.h3-tx b { font-size: 30px; line-height: 1.12; font-weight: 700; }
.h3-tx small { font-size: 13.5px; color: #c9cdd2; line-height: 1.45; }
.h3-btn { margin-top: 6px; background: #fff; color: var(--nz-k); font-weight: 700; font-size: 14px; padding: 10px 16px; border-radius: 9px; }
.h3-im img { width: 100%; height: auto; aspect-ratio: 4/3; object-fit: cover; border-radius: 10px; box-shadow: 0 14px 34px rgba(0,0,0,.45); display: block; }
.h3-dots { position: absolute; left: 26px; bottom: 14px; display: flex; gap: 6px; }
.h3-dots button { width: 8px; height: 8px; border-radius: 8px; border: 0; padding: 0; background: #4b5057; cursor: pointer; }
.h3-dots button.on { width: 26px; background: var(--nz-s); }
.h3-quick { display: grid; grid-template-columns: repeat(4,1fr); gap: 8px; margin-top: 10px; }
.h3-quick a, .h3-ql a { display: flex; align-items: center; gap: 10px; text-decoration: none; color: var(--nz-t); }
.h3-quick a { background: #fff; border: 1px solid var(--nz-b); border-radius: 10px; padding: 10px 12px; transition: border-color .15s, box-shadow .15s; }
.h3-quick a:hover, .h3-ql a:hover { border-color: var(--nz-k); box-shadow: 0 6px 16px rgba(11,11,12,.10); }
.h3-quick i, .h3-ql i { width: 32px; height: 32px; border-radius: 8px; background: var(--nz-k); color: var(--nz-s2); display: grid; place-items: center; font-style: normal; font-size: 15px; flex: none; }
.h3-quick b, .h3-ql b { display: block; font-size: 13.5px; }
.h3-quick small, .h3-ql small { display: block; font-size: 11.5px; color: var(--nz-m); }
.h3-wel { display: flex; flex-direction: column; gap: 12px; }
.h3-wb { padding: 16px; display: flex; flex-direction: column; gap: 8px; }
.h3-wb > b { font-size: 16px; } .h3-wb > b span { color: var(--nz-st); }
.h3-wb > small { font-size: 12.5px; color: var(--nz-m); }
.h3-wa { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 4px; }
.h3-wa a { flex: 1; text-align: center; padding: 9px 12px; border-radius: 9px; border: 1px solid var(--nz-k); color: var(--nz-k); font-weight: 700; font-size: 13.5px; text-decoration: none; white-space: nowrap; }
.h3-wa a.p { background: var(--nz-k); color: #fff; }
.h3-ql a { padding: 9px 12px; border-top: 1px solid #f0f1f3; border-left: 1px solid transparent; }
.h3-blk { margin-top: 16px; padding: 0 0 14px; overflow: hidden; }
.h3-bh { display: flex; align-items: center; justify-content: space-between; gap: 10px; background: var(--nz-k); color: #fff; padding: 12px 16px; }
.h3-bh b { display: block; font-size: 17px; } .h3-bh small { display: block; font-size: 12px; color: #aab0b7; }
.h3-bh a { background: #fff; color: var(--nz-k); font-size: 12.5px; font-weight: 700; padding: 6px 12px; border-radius: 8px; text-decoration: none; white-space: nowrap; }
.h3-tiles { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap: 12px; padding: 14px 16px 0; }
.h3-tiles a { text-decoration: none; color: var(--nz-t); text-align: center; }
.h3-tiles span { display: block; border-radius: 10px; overflow: hidden; border: 1px solid var(--nz-b); transition: transform .15s, box-shadow .15s; }
.h3-tiles a:hover span { transform: translateY(-2px); box-shadow: 0 10px 22px rgba(11,11,12,.15); }
.h3-tiles img { width: 100%; height: auto; aspect-ratio: 4/3; object-fit: cover; display: block; }
.h3-tiles b { display: block; font-size: 12.5px; font-weight: 600; margin-top: 6px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.h3-how { margin-top: 16px; display: grid; grid-template-columns: 1.2fr 1fr; gap: 20px; align-items: center; padding: 28px; border-radius: 14px; color: #fff; background: radial-gradient(60% 120% at 90% 0%, rgba(192,197,204,.16), transparent 60%), linear-gradient(120deg, var(--nz-k), var(--nz-k3)); }
.h3-hl { display: flex; flex-direction: column; gap: 10px; align-items: flex-start; }
.h3-hl > b { font-size: 30px; line-height: 1.15; } .h3-hl > b em { font-style: normal; color: var(--nz-s); }
.h3-hl > small { color: #c9cdd2; font-size: 14px; line-height: 1.5; max-width: 520px; }
.h3-how .h3-wa a { border-color: #fff; color: #fff; flex: none; } .h3-how .h3-wa a.p { background: #fff; color: var(--nz-k); }
.h3-steps { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.h3-steps li { display: flex; align-items: center; gap: 12px; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.12); border-radius: 10px; padding: 12px 14px; font-weight: 600; }
.h3-steps b { width: 30px; height: 30px; border-radius: 50%; background: var(--nz-s); color: var(--nz-k); display: grid; place-items: center; flex: none; }
@media (max-width: 1100px) { .h3-grid { grid-template-columns: 200px minmax(0,1fr); } .h3-wel { display: none; } .h3-tiles { grid-template-columns: repeat(4,1fr); } }
@media (max-width: 800px) { .h3-grid { grid-template-columns: 1fr; } .h3-side { display: none; } .h3-hero { height: auto; min-height: 420px; } .h3-sl { grid-template-columns: 1fr; padding: 20px; align-content: start; } .h3-quick { grid-template-columns: repeat(2,1fr); } .h3-tiles { grid-template-columns: repeat(3,1fr); } .h3-how { grid-template-columns: 1fr; padding: 20px; } .h3-hl > b { font-size: 24px; } .h3-tx b { font-size: 24px; } }

/* ---- rest of the home page in NZ colours ---- */
html body .gr-tl button.on { border-bottom-color: var(--nz-k); }
html body .gr-p:hover { border-color: var(--nz-k); }
html body .gr-p:hover .gr-cart { background: var(--nz-k); color: #fff; }
html body .gr-im { background: var(--nz-k); }
html body .gr-b.b1 { background: radial-gradient(70% 120% at 85% 20%, rgba(192,197,204,.30), transparent 60%), linear-gradient(120deg, var(--nz-k), var(--nz-k3)); }
html body .gr-b.b2 { background: radial-gradient(70% 120% at 85% 30%, rgba(255,255,255,.18), transparent 60%), linear-gradient(120deg, var(--nz-k2), #000); }
html body .gr-b em { background: #fff; color: var(--nz-k); }
html body .gr-va:hover { border-color: var(--nz-k); color: var(--nz-k); }

/* Theme 3 logo (owner 15 Nov 2026): the dark logo turned silver-white on the black header and footer (file itself unchanged) */
/* logo: public/themes/logo-t3.png */
/* inline palettes (owner 15 Nov 2026): cards whose colours are written in the HTML (style="--h1:..;--h2:..") -> NZ black/charcoal */
html body [style*="--h1"] { --h1: #0b0b0c !important; --h2: #3a3f45 !important; }
/* Latest Tool Updates (owner 15 Nov 2026) */
.h3-ug { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; padding: 14px 16px 0; }
.h3-u { display: grid; grid-template-columns: 74px minmax(0,1fr); grid-template-rows: 1fr auto; gap: 8px 12px; border: 1px solid var(--nz-b); border-radius: 10px; padding: 12px; background: #fff; }
.h3-u > img, .h3-u > i { width: 74px; height: 56px; object-fit: cover; border-radius: 8px; background: var(--nz-k); color: #fff; display: grid; place-items: center; font-style: normal; font-weight: 700; }
.h3-ut { min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.h3-um { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; font-size: 11px; color: var(--nz-m); }
.h3-new { background: var(--nz-k); color: #fff; font-weight: 800; letter-spacing: .06em; border-radius: 4px; padding: 1px 6px; font-size: 10px; }
.h3-ver { background: var(--nz-s2); color: var(--nz-k); font-weight: 700; border-radius: 4px; padding: 1px 6px; }
.h3-ut b { font-size: 14.5px; color: var(--nz-t); }
.h3-ut p { margin: 0; font-size: 12.5px; color: var(--nz-t); line-height: 1.35; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.h3-ut small { font-size: 11.5px; color: var(--nz-m); line-height: 1.35; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.h3-uo { grid-column: 1 / -1; justify-self: end; background: var(--nz-k); color: #fff; font-size: 12.5px; font-weight: 700; padding: 7px 14px; border-radius: 8px; text-decoration: none; }
.h3-uo:hover { background: var(--nz-st); }
@media (max-width: 1000px) { .h3-ug { grid-template-columns: repeat(2,1fr); } }
@media (max-width: 640px) { .h3-ug { grid-template-columns: 1fr; } }
/* contrast fixes 1 (owner 15 Nov 2026, from contrast-audit): nothing black-on-black or white-on-grey */
html body nav.gg-m:has(a.cat) { background: linear-gradient(180deg, #eceef1, #cfd3d8) !important; border-bottom: 1px solid #b9bec5; }
html body div.rw:has(> a.cat) { background: transparent !important; }
html body div.rw:has(> a.cat) > a, html body div.rw:has(> a.cat) a.cat, html body div.rw:has(> a.cat) a.cat > span { color: #0b0b0c !important; }
html body div.rw:has(> a.cat) > a:hover { color: #000 !important; text-decoration: underline; text-underline-offset: 4px; }
html body div.rw:has(> a.cat) svg { color: #0b0b0c; fill: currentColor; }
html body a.lc { background: #0b0b0c !important; color: #fff !important; }
html body .cg-bar { background: linear-gradient(120deg, #0b0b0c, #24272b) !important; color: #fff !important; }
html body .cg-bar .cg-t, html body .cg-bar .cg-t small, html body .cg-bar summary, html body .cg-bar button { color: #fff !important; }
html body .cg-bar .cg-sort-b, html body .cg-bar .cg-fopen { background: rgba(255,255,255,.10) !important; border-color: rgba(255,255,255,.35) !important; }
html body .pd-chip.t { background: #3a3f45 !important; color: #fff !important; }
html body .vg-cta a.btn.p { background: #fff !important; color: #0b0b0c !important; }

/* align 1 (owner 15 Nov 2026): page content exactly as wide as the header row (1264 px inside), so every left/right edge lines up */
html body .wrap { max-width: 1300px; }
/* store page 3 (owner 15 Nov 2026): big banners, little text */
.s3 { background: #fff; border: 1px solid var(--nz-b); border-radius: 12px; overflow: hidden; margin: 6px 0 16px; padding-bottom: 14px; }
.s3-g { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 12px; padding: 14px 16px 0; }
.s3-g a { text-decoration: none; color: var(--nz-t); display: flex; flex-direction: column; gap: 2px; }
.s3-g a.s3-more { display: none; } .s3-g.all a.s3-more { display: flex; }
.s3-g span { display: block; border-radius: 10px; overflow: hidden; border: 1px solid var(--nz-b); transition: transform .15s, box-shadow .15s; margin-bottom: 4px; }
.s3-g a:hover span { transform: translateY(-2px); box-shadow: 0 10px 22px rgba(11,11,12,.15); }
.s3-g img { width: 100%; height: auto; aspect-ratio: 4/3; object-fit: cover; display: block; }
.s3-g b { font-size: 13px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.s3-g small { font-size: 11.5px; color: var(--nz-m); }
.s3-btn { display: block; margin: 14px auto 0; background: var(--nz-k); color: #fff; border: 0; border-radius: 9px; padding: 10px 18px; font: 700 13.5px Inter, sans-serif; cursor: pointer; }
html body .st-g.st-list { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 12px !important; }
html body .st-g.st-list .st-c { position: relative; display: flex !important; flex-direction: column !important; background: #fff; border: 1px solid var(--nz-b) !important; border-radius: 10px !important; overflow: hidden; padding: 0 !important; transition: box-shadow .15s, border-color .15s; }
html body .st-g.st-list .st-c:hover { border-color: var(--nz-k) !important; box-shadow: 0 10px 22px rgba(11,11,12,.12); }
html body .st-g.st-list .st-c-lnk { display: flex !important; flex-direction: column !important; align-items: stretch !important; gap: 0 !important; padding: 0 !important; text-decoration: none; }
html body .st-g.st-list .st-c .im { width: 100% !important; height: auto !important; aspect-ratio: 1 / 1; border-radius: 0 !important; flex: none !important; font-size: 2rem; }
html body .st-g.st-list .st-c .im img { width: 100% !important; height: 100% !important; object-fit: cover; }
html body .st-g.st-list .st-c .tx { display: flex !important; flex-direction: column !important; gap: 6px; padding: 10px 12px 12px !important; }
html body .st-g.st-list .st-c .nm { font-size: 13.5px; line-height: 1.35; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 2.7em; white-space: normal !important; }
html body .st-g.st-list .st-c .pr { font-size: 16px; font-weight: 700; color: var(--nz-k); padding-right: 44px; }
html body .st-g.st-list .st-qa { position: absolute !important; right: 10px; bottom: 10px; top: auto !important; width: 36px; height: 36px; border-radius: 9px; background: var(--nz-k) !important; color: #fff !important; border: 0 !important; }
html body .st-vt { display: none !important; }
@media (max-width: 1100px) { .s3-g { grid-template-columns: repeat(4, minmax(0, 1fr)); } html body .st-g.st-list { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } }
@media (max-width: 700px) { .s3-g { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; padding: 12px 10px 0; } html body .st-g.st-list { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px !important; } }
/* ===== DOUBLE SHADE v1 (owner 15 Nov 2026): chrome buttons, two-tone headings, menu sheen ===== */
html body .btn.p { background: linear-gradient(180deg, #4a4d52 0%, #2d2f31 48%, #141516 52%, #26282b 100%) !important; color: #fff !important; border: 1px solid #0f1011 !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.22), 0 6px 18px rgba(20,21,22,.28) !important; }
html body .btn.p:hover { background: linear-gradient(180deg, #5a5d63 0%, #36383b 48%, #1d1e20 52%, #2d2f31 100%) !important; }
html body .btn.d { background: linear-gradient(180deg, #ffffff 0%, #eceef0 48%, #dcdfe3 52%, #f1f2f4 100%) !important; color: #141516 !important; border: 1px solid #c9ccd1 !important; box-shadow: inset 0 1px 0 #fff, 0 2px 6px rgba(20,21,22,.08) !important; }
html body main h1, html body main h2, html body .sec-h h2, html body section > h2 { background: linear-gradient(180deg, #141516 0%, #2d2f31 50%, #6b7078 51%, #3a3c40 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: #141516; }
html body nav.menu { position: relative; background: linear-gradient(180deg, #3a3c40 0%, #2d2f31 48%, #1d1e20 52%, #232427 100%) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.14), inset 0 -1px 0 rgba(0,0,0,.5); }
html body nav.menu::after { content: ""; position: absolute; inset: 0 0 50% 0; background: linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,0)); pointer-events: none; }
/* ===== SHINE DEFAULT v1 (owner 15 Nov 2026): things that only lit up on hover now shine from the start ===== */
html body a.btn.p[href*="t.me"] { background: linear-gradient(180deg, #ffffff 0%, #e4e7ea 46%, #c3c7cd 54%, #eef0f2 100%) !important; color: #141516 !important; border: 1px solid #aeb3ba !important; box-shadow: inset 0 1px 0 #fff, 0 0 0 3px rgba(201,204,209,.35), 0 8px 22px rgba(20,21,22,.25) !important; font-weight: 700; }
html body a.btn.p[href*="t.me"] svg, html body a.btn.p[href*="t.me"] i { color: #141516 !important; fill: currentColor; }
html body a.btn.p[href*="t.me"]:hover { background: linear-gradient(180deg, #4a4d52 0%, #2d2f31 48%, #141516 52%, #26282b 100%) !important; color: #fff !important; }
html body a.btn.p[href*="t.me"]:hover svg { color: #fff !important; }
html body .gg-f .social a, html:root body.gx-home .gg-f .social a { background: linear-gradient(180deg, #ffffff 0%, #dfe2e6 50%, #c3c7cd 51%, #eceef0 100%) !important; border-color: #c3c7cd !important; color: #141516 !important; box-shadow: inset 0 1px 0 #fff, 0 0 10px rgba(236,239,242,.45) !important; }
html body .gg-f .social a svg { color: #141516 !important; fill: currentColor; }
html body .gg-f .social a:hover, html:root body.gx-home .gg-f .social a:hover { background: linear-gradient(180deg, #4a4d52, #141516) !important; border-color: #141516 !important; color: #fff !important; }
html body .gg-f .social a:hover svg { color: #fff !important; }
html body .gg-f a.tg, html body .gg-f a.bot { background: linear-gradient(180deg, #ffffff 0%, #e4e7ea 48%, #c9ccd1 52%, #f1f2f4 100%) !important; color: #141516 !important; border: 1px solid #c3c7cd !important; border-radius: 10px; box-shadow: inset 0 1px 0 #fff, 0 0 12px rgba(236,239,242,.40) !important; }
html body .gg-f a.tg *, html body .gg-f a.bot * { color: #141516 !important; }
/* ===== SHINE v2: glossy top + diagonal streak + glow ===== */
html body a.btn.p[href*="t.me"], html body .gg-f .social a, html body .gg-f a.tg, html body .gg-f a.bot, html body .btn.p { position: relative; overflow: hidden; isolation: isolate; }
html body a.btn.p[href*="t.me"]::before, html body .gg-f .social a::before, html body .gg-f a.tg::before, html body .gg-f a.bot::before, html body .btn.p::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 50%; background: linear-gradient(180deg, rgba(255,255,255,.75), rgba(255,255,255,.12)); border-radius: inherit; pointer-events: none; z-index: 0; }
html body .btn.p::before { background: linear-gradient(180deg, rgba(255,255,255,.28), rgba(255,255,255,.04)); }
html body a.btn.p[href*="t.me"]::after, html body .gg-f .social a::after, html body .gg-f a.tg::after, html body .gg-f a.bot::after, html body .btn.p::after { content: ""; position: absolute; top: -60%; left: 18%; width: 22%; height: 220%; background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.85), rgba(255,255,255,0)); transform: rotate(25deg); pointer-events: none; z-index: 0; }
html body .btn.p::after { background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.30), rgba(255,255,255,0)); }
html body a.btn.p[href*="t.me"] > *, html body .gg-f .social a > *, html body .gg-f a.tg > *, html body .gg-f a.bot > *, html body .btn.p > * { position: relative; z-index: 1; }
html body a.btn.p[href*="t.me"] { box-shadow: inset 0 1px 0 #fff, 0 0 0 3px rgba(236,239,242,.55), 0 0 22px rgba(255,255,255,.55), 0 8px 22px rgba(20,21,22,.25) !important; }
html body .gg-f .social a { box-shadow: inset 0 1px 0 #fff, 0 0 14px rgba(255,255,255,.65) !important; }
/* ===== FOOTER BRIGHT v1: footer links shine by default (was only on hover) ===== */
html body .gg-f a:not(.logo):not(.tg):not(.bot), html body.gx-home .gg-f a:not(.logo):not(.tg):not(.bot) { color: #ffffff !important; opacity: 1 !important; text-shadow: 0 0 8px rgba(255,255,255,.35); }
html body .gg-f a:not(.logo):not(.tg):not(.bot):hover, html body.gx-home .gg-f a:not(.logo):not(.tg):not(.bot):hover { color: #dfe2e6 !important; text-shadow: 0 0 12px rgba(255,255,255,.6); }
html body .gg-f .logo, html body .gg-f .logo img { opacity: 1 !important; filter: drop-shadow(0 0 6px rgba(255,255,255,.25)); }
/* ===== NO GLOW + HOVER ANIM v1 (owner: no glow behind; bright from start; small animation on hover) ===== */
html body .gg-f a:not(.logo):not(.tg):not(.bot), html body.gx-home .gg-f a:not(.logo):not(.tg):not(.bot) { text-shadow: none !important; display: inline-block; transition: transform .2s ease, color .2s ease; }
html body .gg-f a:not(.logo):not(.tg):not(.bot):hover, html body.gx-home .gg-f a:not(.logo):not(.tg):not(.bot):hover { text-shadow: none !important; color: #fff !important; transform: translateX(4px); }
html body .gg-f .logo, html body .gg-f .logo img { filter: none !important; }
html body a.btn.p[href*="t.me"] { box-shadow: inset 0 1px 0 #fff, 0 4px 12px rgba(20,21,22,.18) !important; }
html body .gg-f .social a { box-shadow: inset 0 1px 0 #fff !important; }
html body .gg-f a.tg, html body .gg-f a.bot { box-shadow: inset 0 1px 0 #fff !important; }
html body a.btn.p[href*="t.me"], html body .gg-f .social a, html body .gg-f a.tg, html body .gg-f a.bot, html body .btn.p { transition: transform .2s ease, box-shadow .2s ease, background .2s ease; }
html body a.btn.p[href*="t.me"]:hover, html body .gg-f .social a:hover, html body .gg-f a.tg:hover, html body .gg-f a.bot:hover, html body .btn.p:hover { transform: translateY(-2px); }
html body a.btn.p[href*="t.me"]::after, html body .gg-f .social a::after, html body .gg-f a.tg::after, html body .gg-f a.bot::after, html body .btn.p::after { left: -45%; transition: left .55s ease; }
html body a.btn.p[href*="t.me"]:hover::after, html body .gg-f .social a:hover::after, html body .gg-f a.tg:hover::after, html body .gg-f a.bot:hover::after, html body .btn.p:hover::after { left: 125%; }
/* ===== CIRCLE HOVER v1: social circles grow, icon spins, one ripple ring ===== */
@keyframes t3ripple { 0% { box-shadow: inset 0 1px 0 #fff, 0 0 0 0 rgba(201,204,209,.75); } 100% { box-shadow: inset 0 1px 0 #fff, 0 0 0 12px rgba(201,204,209,0); } }
html body .gg-f .social a { transition: transform .25s cubic-bezier(.34,1.56,.64,1), background .25s ease !important; }
html body .gg-f .social a svg { transition: transform .5s ease; }
html body .gg-f .social a:hover, html:root body.gx-home .gg-f .social a:hover { transform: translateY(-3px) scale(1.15) !important; animation: t3ripple .7s ease-out 1; }
html body .gg-f .social a:hover svg { transform: rotate(360deg); }
/* ===== CIRCLE HOVER v2: works even with !important shadows (ripple via outline), transform-safe display ===== */
@keyframes t3ring { 0% { outline: 2px solid rgba(201,204,209,.9); outline-offset: 0; } 100% { outline: 2px solid rgba(201,204,209,0); outline-offset: 10px; } }
html body .gg-f .social a { display: inline-flex !important; align-items: center; justify-content: center; will-change: transform; }
html body .gg-f .social a:hover, html:root body.gx-home .gg-f .social a:hover { animation: t3ring .7s ease-out 1 !important; }
html body .gg-f .social { overflow: visible !important; }
/* ===== LOGO HOVER v1: footer + header logo - light sweep + slight grow on hover ===== */
html body .gg-f a.logo, html body a.gg-brand { position: relative; display: inline-block; overflow: hidden; border-radius: 12px; }
html body .gg-f a.logo img, html body a.gg-brand img { transition: transform .35s cubic-bezier(.34,1.56,.64,1); }
html body .gg-f a.logo:hover img, html body a.gg-brand:hover img { transform: scale(1.05); }
html body .gg-f a.logo::after, html body a.gg-brand::after { content: ""; position: absolute; top: -20%; left: -60%; width: 35%; height: 140%; background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.55), rgba(255,255,255,0)); transform: skewX(-20deg); pointer-events: none; transition: left .7s ease; }
html body .gg-f a.logo:hover::after, html body a.gg-brand:hover::after { left: 130%; }
/* ===== AUTH T3 v1 (register/login): graphite backdrop, chrome Next, silver art, dark strip; audit fixes ===== */
html body.fi-panel-client { background: #0b0c0e !important; }
html body.fi-panel-client .fi-simple-layout { background: radial-gradient(120% 90% at 50% 0%, #3a3c40 0%, #1d1e20 55%, #111214 100%) !important; }
html body .fi-simple-page .fi-btn.fi-ac-btn-action, html body .fi-simple-page .fi-btn.fi-color-primary { background: linear-gradient(180deg, #4a4d52 0%, #2d2f31 48%, #141516 52%, #26282b 100%) !important; color: #fff !important; border: 1px solid #0f1011 !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.22), 0 6px 16px rgba(20,21,22,.25) !important; }
html body .fi-simple-page .fi-btn.fi-ac-btn-action *, html body .fi-simple-page .fi-btn.fi-color-primary * { color: #fff !important; }
html body .fi-simple-page .fi-btn.fi-ac-btn-action:hover { background: linear-gradient(180deg, #5a5d63 0%, #36383b 48%, #1d1e20 52%, #2d2f31 100%) !important; }
html body .ca-art img { content: url('/images/auth-art-t3.svg?v=1'); }
html body .gg-f a.tg, html body .gg-f a.bot { color: #141516 !important; }
html body .h3-dots button { background: #c9ccd1 !important; border-color: #c9ccd1 !important; }
html body .h3-dots button.on, html body .h3-dots button[aria-current="true"], html body .h3-dots button.active { background: #ffffff !important; }
/* ===== GRAD VARS v1: theme-wide gradient = chrome black double shade, white text on it ===== */
html:root body { --t2-grad: linear-gradient(180deg, #4a4d52 0%, #2d2f31 48%, #141516 52%, #26282b 100%); --t2-grad-d: linear-gradient(180deg, #4a4d52 0%, #2d2f31 48%, #141516 52%, #26282b 100%); --t2-ink-on-gold: #ffffff; }
/* ===== TG TEXT v1 ===== */
html:root body.gx-home .gg-f .brand a.tg, html:root body .gg-f .brand a.tg, html:root body.gx-home .gg-f a.tg, html:root body .gg-f a.bot { color: #141516 !important; -webkit-text-fill-color: #141516; }
/* ===== BRAND CTA v1: contact buttons in their brand colours ===== */
html:root body .gg-cta-band a[href*="t.me"], html:root body .gg-cta-band a[href*="telegram"] { background: linear-gradient(180deg, #37b5f0 0%, #229ED9 100%) !important; border-color: #1c8cc2 !important; color: #fff !important; }
html:root body .gg-cta-band a[href*="wa.me"], html:root body .gg-cta-band a[href*="whatsapp"] { background: linear-gradient(180deg, #25D366 0%, #128C7E 100%) !important; border-color: #128C7E !important; color: #fff !important; }
html:root body .gg-cta-band a[href^="mailto"], html:root body .gg-cta-band a.ml { background: linear-gradient(180deg, #ef4444 0%, #dc2626 100%) !important; border-color: #b91c1c !important; color: #fff !important; }
html:root body .gg-cta-band a * { color: #fff !important; }
html:root body .gg-cta-band a { transition: transform .2s ease, filter .2s ease; }
html:root body .gg-cta-band a:hover { transform: translateY(-2px); filter: brightness(1.08); }