@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:400;font-display:swap;src:url("/assets/fonts/plex-sans-400-b5ad7bd39f99.woff2") format("woff2");unicode-range:U+0000, U+000D, U+0020-007E, U+00A0-00A3, U+00A4-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+2074, U+20AC, U+2122, U+2212, U+FB01-FB02}
  @font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:500;font-display:swap;src:url("/assets/fonts/plex-sans-500-b5610af04d0d.woff2") format("woff2");unicode-range:U+0000, U+000D, U+0020-007E, U+00A0-00A3, U+00A4-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+2074, U+20AC, U+2122, U+2212, U+FB01-FB02}
  @font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:600;font-display:swap;src:url("/assets/fonts/plex-sans-600-fff0ab3a88b0.woff2") format("woff2");unicode-range:U+0000, U+000D, U+0020-007E, U+00A0-00A3, U+00A4-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+2074, U+20AC, U+2122, U+2212, U+FB01-FB02}
  @font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:700;font-display:swap;src:url("/assets/fonts/plex-sans-700-914f1400f363.woff2") format("woff2");unicode-range:U+0000, U+000D, U+0020-007E, U+00A0-00A3, U+00A4-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+2074, U+20AC, U+2122, U+2212, U+FB01-FB02}
  @font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:400;font-display:swap;src:url("/assets/fonts/plex-mono-400-e8993d946649.woff2") format("woff2");unicode-range:U+0000, U+000D, U+0020-007E, U+00A0-00A3, U+00A4-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+2074, U+20AC, U+2122, U+2212, U+FB01-FB02}
  @font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:500;font-display:swap;src:url("/assets/fonts/plex-mono-500-41201b658a32.woff2") format("woff2");unicode-range:U+0000, U+000D, U+0020-007E, U+00A0-00A3, U+00A4-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+2074, U+20AC, U+2122, U+2212, U+FB01-FB02}
  @font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:600;font-display:swap;src:url("/assets/fonts/plex-mono-600-b7acd05041ab.woff2") format("woff2");unicode-range:U+0000, U+000D, U+0020-007E, U+00A0-00A3, U+00A4-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+2044, U+2074, U+20AC, U+2122, U+2212, U+FB01-FB02}
  @font-face{font-family:"IBM Plex Sans Fallback Segoe";font-style:normal;font-weight:400;src:local("Segoe UI"),local("SegoeUI");size-adjust:102.15%;ascent-override:100.34%;descent-override:26.92%;line-gap-override:0%}
  @font-face{font-family:"IBM Plex Sans Fallback Segoe";font-style:normal;font-weight:500;src:local("Segoe UI Semibold"),local("SegoeUI-Semibold");size-adjust:101.27%;ascent-override:101.22%;descent-override:27.16%;line-gap-override:0%}
  @font-face{font-family:"IBM Plex Sans Fallback Segoe";font-style:normal;font-weight:600;src:local("Segoe UI Semibold"),local("SegoeUI-Semibold");size-adjust:102.93%;ascent-override:99.58%;descent-override:26.72%;line-gap-override:0%}
  @font-face{font-family:"IBM Plex Sans Fallback Segoe";font-style:normal;font-weight:700;src:local("Segoe UI Bold"),local("SegoeUI-Bold");size-adjust:100.18%;ascent-override:102.32%;descent-override:27.45%;line-gap-override:0%}
  @font-face{font-family:"IBM Plex Sans Fallback Roboto";font-style:normal;font-weight:400;src:local("Roboto"),local("Roboto-Regular");size-adjust:101.41%;ascent-override:101.07%;descent-override:27.12%;line-gap-override:0%}
  @font-face{font-family:"IBM Plex Sans Fallback Roboto";font-style:normal;font-weight:500;src:local("Roboto Medium"),local("Roboto-Medium");size-adjust:102.52%;ascent-override:99.98%;descent-override:26.82%;line-gap-override:0%}
  @font-face{font-family:"IBM Plex Sans Fallback Roboto";font-style:normal;font-weight:600;src:local("Roboto Bold"),local("Roboto-Bold");size-adjust:103.36%;ascent-override:99.17%;descent-override:26.61%;line-gap-override:0%}
  @font-face{font-family:"IBM Plex Sans Fallback Roboto";font-style:normal;font-weight:700;src:local("Roboto Bold"),local("Roboto-Bold");size-adjust:104.46%;ascent-override:98.12%;descent-override:26.32%;line-gap-override:0%}
  @font-face{font-family:"IBM Plex Sans Fallback Arial";font-style:normal;font-weight:400;src:local("Arial"),local("ArialMT"),local("Helvetica Neue"),local("HelveticaNeue"),local("Helvetica"),local("Liberation Sans");size-adjust:100.99%;ascent-override:101.49%;descent-override:27.23%;line-gap-override:0%}
  @font-face{font-family:"IBM Plex Sans Fallback Arial";font-style:normal;font-weight:500;src:local("Arial"),local("ArialMT"),local("Helvetica Neue"),local("HelveticaNeue"),local("Helvetica"),local("Liberation Sans");size-adjust:103.17%;ascent-override:99.35%;descent-override:26.66%;line-gap-override:0%}
  @font-face{font-family:"IBM Plex Sans Fallback Arial";font-style:normal;font-weight:600;src:local("Arial Bold"),local("Arial-BoldMT"),local("Helvetica Neue Bold"),local("HelveticaNeue-Bold"),local("Helvetica Bold"),local("Liberation Sans Bold");size-adjust:97.56%;ascent-override:105.07%;descent-override:28.19%;line-gap-override:0%}
  @font-face{font-family:"IBM Plex Sans Fallback Arial";font-style:normal;font-weight:700;src:local("Arial Bold"),local("Arial-BoldMT"),local("Helvetica Neue Bold"),local("HelveticaNeue-Bold"),local("Helvetica Bold"),local("Liberation Sans Bold");size-adjust:98.53%;ascent-override:104.03%;descent-override:27.91%;line-gap-override:0%}
  @font-face{font-family:"IBM Plex Mono Fallback Consolas";font-style:normal;font-weight:400;src:local("Consolas");size-adjust:109.13%;ascent-override:93.93%;descent-override:25.2%;line-gap-override:0%}
  @font-face{font-family:"IBM Plex Mono Fallback Consolas";font-style:normal;font-weight:500;src:local("Consolas");size-adjust:109.13%;ascent-override:93.93%;descent-override:25.2%;line-gap-override:0%}
  @font-face{font-family:"IBM Plex Mono Fallback Consolas";font-style:normal;font-weight:600;src:local("Consolas Bold"),local("Consolas-Bold");size-adjust:109.13%;ascent-override:93.93%;descent-override:25.2%;line-gap-override:0%}
  @font-face{font-family:"IBM Plex Mono Fallback Consolas";font-style:normal;font-weight:700;src:local("Consolas Bold"),local("Consolas-Bold");size-adjust:109.13%;ascent-override:93.93%;descent-override:25.2%;line-gap-override:0%}
  @font-face{font-family:"IBM Plex Mono Fallback Menlo";font-style:normal;font-weight:400;src:local("Menlo"),local("Menlo-Regular"),local("Roboto Mono"),local("RobotoMono-Regular"),local("DejaVu Sans Mono"),local("Courier New"),local("CourierNewPSMT"),local("Liberation Mono");size-adjust:99.98%;ascent-override:102.52%;descent-override:27.5%;line-gap-override:0%}
  @font-face{font-family:"IBM Plex Mono Fallback Menlo";font-style:normal;font-weight:500;src:local("Menlo"),local("Menlo-Regular"),local("Roboto Mono Medium"),local("RobotoMono-Medium"),local("DejaVu Sans Mono"),local("Courier New"),local("CourierNewPSMT"),local("Liberation Mono");size-adjust:99.98%;ascent-override:102.52%;descent-override:27.5%;line-gap-override:0%}
  @font-face{font-family:"IBM Plex Mono Fallback Menlo";font-style:normal;font-weight:600;src:local("Menlo Bold"),local("Menlo-Bold"),local("Roboto Mono Bold"),local("RobotoMono-Bold"),local("DejaVu Sans Mono Bold"),local("Courier New Bold"),local("CourierNewPS-BoldMT"),local("Liberation Mono Bold");size-adjust:99.98%;ascent-override:102.52%;descent-override:27.5%;line-gap-override:0%}
  @font-face{font-family:"IBM Plex Mono Fallback Menlo";font-style:normal;font-weight:700;src:local("Menlo Bold"),local("Menlo-Bold"),local("Roboto Mono Bold"),local("RobotoMono-Bold"),local("DejaVu Sans Mono Bold"),local("Courier New Bold"),local("CourierNewPS-BoldMT"),local("Liberation Mono Bold");size-adjust:99.98%;ascent-override:102.52%;descent-override:27.5%;line-gap-override:0%}
  :root{
    --ink:#0a1017; --ink2:#22303c; --muted:#5b6875; --faint:#5f6c7a;
    --line:#dbe1e8; --line2:#bcc7d2; --hair:#eef2f6;
    --bg:#e9edf1; --ground:#e4e9ee; --panel:#fff; --band:#f4f7f9; --stripe:#fbfcfd; --hover:#f2f7fc;
    --white:#fff;
    --accent:#0d3a63; --accent-dk:#092845; --accent-soft:#e4edf5; --accent-line:#cfdcea; --accent-glow:rgba(13,58,99,.16);
    --pos:#0a6b46; --pos-soft:#e8f4ed; --warn:#8a5a00; --warn-soft:#fdf4e3; --warn-line:#ecd9a8; --neg:#a3231f; --neg-soft:#fdf0ef; --neg-line:#f0cfcd; --lead:#3a5b6b; --lead-soft:#eef3f5;
    --nav:#0a1017; --navtxt:#aebbc8; --nav-txt2:#c9d4de; --nav-muted:#9fb0c0; --nav-muted2:#8b98a6;
    --nav-line:#2a3846; --nav-line2:#48586a; --nav-sep:#3a4753; --nav-btn:#2f3e4d;
    --nav-chip:#141d27; --nav-chip2:#1a2733; --nav-panel:#070c12; --nav-panel-line:#22303f;
    --nav-hover:rgba(255,255,255,.05); --nav-on:rgba(255,255,255,.07); --nav-on2:rgba(255,255,255,.06);
    --mark:#4a9bd0;                       
    --ovl:rgba(15,21,27,.55);
    --fade:linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,.75) 45%,var(--panel) 100%);
    --print-ink:#000; --print-muted:#444; --print-line:#bbb;
    --lift:0 1px 2px rgba(16,26,38,.05), 0 1px 1px rgba(16,26,38,.04);
    --lift-2:0 2px 6px rgba(16,26,38,.07), 0 1px 2px rgba(16,26,38,.05);
    --shadow-pop:0 12px 34px rgba(15,21,27,.16); --shadow-modal:0 24px 70px rgba(15,21,27,.34); --shadow-toast:0 10px 30px rgba(15,21,27,.3);
    --fs-1:11px; --fs-2:12px; --fs-3:13px; --fs-4:15px; --fs-5:18px; --fs-6:22px; --fs-7:30px;
    --fs-touch:16px;                      
    --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:20px; --s6:24px; --s7:32px; --s8:40px;
    --r:3px; --r-lg:4px;                  
    --ctl:36px; --ctl-sm:32px;            
    --tap:44px; --tap-sm:40px;            
    --tools-h:50px;                       
    --mono:"IBM Plex Mono","IBM Plex Mono Fallback Consolas","IBM Plex Mono Fallback Menlo",ui-monospace,"SFMono-Regular","Cascadia Mono","Consolas",monospace;
    --sans:"IBM Plex Sans","IBM Plex Sans Fallback Segoe","IBM Plex Sans Fallback Roboto","IBM Plex Sans Fallback Arial",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  }
  *{box-sizing:border-box;margin:0;padding:0}
  html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
  body{font-family:var(--sans);background:var(--ground);color:var(--ink);font-size:var(--fs-3);line-height:1.45;-webkit-font-smoothing:antialiased}
  a{color:var(--accent);text-decoration:none}
  p a:not(.btn),.legal a,.hint a,.lede a,.pdlede a,.faq a,dd a,.card-bd li a,.paynote a,#h-contact a{text-decoration:underline;text-underline-offset:.12em}
  .toast .btn:focus-visible{outline:2px solid #fff;outline-offset:2px}
  label.btn:has(> #qo-file:focus-visible){outline:2px solid var(--accent);outline-offset:2px}
  #main:focus{outline:none}
  .spectbl td a{text-decoration:underline;text-underline-offset:.12em}
  footer .fgrid a{text-decoration:none}
  footer .legal a{text-decoration:underline;text-underline-offset:.12em}
  #pd-allsizes{color:var(--muted)}
  a:hover{text-decoration:underline}
  input,select,button,textarea{font-family:inherit;font-size:inherit;color:inherit}
  h1,h2,h3,h4,h5,h6{font-weight:700}
  .num{font-family:var(--mono);font-variant-numeric:tabular-nums}
  [hidden]{display:none!important}
  .flg{display:block}
  .topbar{background:var(--ink);color:var(--nav-txt2);font-size:var(--fs-2)}
  .topbar .in{max-width:1580px;margin:0 auto;padding:var(--s2) var(--s5);display:flex;align-items:center;gap:var(--s4);flex-wrap:wrap;min-height:38px}
  .topbar a{color:var(--nav-txt2)}
  .topbar a:hover{color:var(--white)}
  .topbar .sep{width:1px;height:13px;background:var(--nav-sep)}
  .topbar .r{margin-left:auto;display:flex;align-items:center;gap:var(--s4);flex-wrap:wrap}
  @media(min-width:821px){
    .topbar .in{flex-wrap:nowrap}
    .topbar .in > b,.topbar .r{flex:none;white-space:nowrap}
    .topbar b + .sep + span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  }
  @media(min-width:821px) and (max-width:1099px){ .topbar b + .sep,.topbar b + .sep + span{display:none} }
  .nav{background:var(--nav);border-bottom:3px solid var(--accent)}
  .nav .in{max-width:1580px;margin:0 auto;padding:0 var(--s5);display:flex;align-items:center;gap:var(--s5);position:relative}
  .brand{display:flex;align-items:center;gap:var(--s2);padding:var(--s3) 0;font-weight:700;letter-spacing:-.015em;font-size:var(--fs-4);color:var(--white);white-space:nowrap}
  .brand:hover{text-decoration:none}
  .brand .mk{width:46px;height:42px;display:block;flex:0 0 auto}
  .brand .mk svg{width:100%;height:100%;display:block}
  .brand .mk svg [stroke="#1f5f8f"]{stroke:var(--mark)}
  .brand .mk svg [fill="#1f5f8f"]{fill:var(--mark)}
  .nlinks{display:flex;gap:2px}
  .nav-acct{display:none}
  .nlink{padding:var(--s4) var(--s3);font-size:var(--fs-3);font-weight:600;color:var(--navtxt);border-bottom:3px solid transparent;white-space:nowrap;letter-spacing:.01em}
  .nlink:hover{color:var(--white);text-decoration:none;background:var(--nav-hover)}
  .nlink.on{color:var(--white);border-bottom-color:var(--white);background:var(--nav-on)}
  .nlink-chat{display:none}
  .bdg{display:inline-block;min-width:17px;padding:0 var(--s1);height:17px;line-height:17px;border-radius:9px;background:var(--accent);color:var(--white);font-size:var(--fs-1);font-family:var(--mono);text-align:center;margin-left:var(--s1)}
  .nav .r{margin-left:auto;display:flex;align-items:center;gap:var(--s2)}
  .who{display:flex;align-items:center;gap:var(--s2);padding:var(--s1) var(--s2);border:1px solid var(--nav-line);border-radius:var(--r);background:var(--nav-chip);cursor:pointer;font-size:var(--fs-3);color:var(--white)}
  .who:hover{border-color:var(--nav-line2);background:var(--nav-chip2)}
  .who .av{width:25px;height:25px;border-radius:var(--r);background:var(--panel);color:var(--nav);display:grid;place-items:center;font-size:var(--fs-1);font-weight:700;flex:none}
  .who .nm{font-weight:600;display:block;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .who .tr{font-size:var(--fs-1);color:var(--nav-muted2);text-transform:uppercase;letter-spacing:.08em}
  .menu{position:absolute;right:0;top:100%;background:var(--panel);border:1px solid var(--line2);border-radius:var(--r-lg);box-shadow:var(--shadow-pop);min-width:220px;z-index:70;overflow:hidden}
  .menu a,.menu button{display:block;width:100%;text-align:left;padding:var(--s2) var(--s3);font-size:var(--fs-3);color:var(--ink2);border:0;background:none;cursor:pointer}
  .menu a:hover,.menu button:hover{background:var(--band);color:var(--accent);text-decoration:none}
  .menu .hd{padding:var(--s3) var(--s3);border-bottom:1px solid var(--line);background:var(--band)}
  .menu .hd b{display:block;font-size:var(--fs-3)}
  .menu .hd span{font-size:var(--fs-1);color:var(--muted)}
  .menu .div{height:1px;background:var(--line)}
  @media(max-width:1080px){
    .nav .in{flex-wrap:wrap;gap:var(--s2) var(--s3);padding-bottom:0}
    .nlinks{order:3;width:100%;overflow-x:auto;border-top:1px solid var(--line);gap:0}
    .nlink{padding:var(--s3) var(--s2);font-size:var(--fs-3)}
    .nav .r{margin-left:auto}
    .menu{right:20px;top:auto;margin-top:var(--s1)}
  }
  @media(max-width:1080px){
    .nav .r{position:relative}
    .menu{top:100%;right:0}
  }
  @media(max-width:860px){
    .btn,.btn.sm,.tbtn{min-height:var(--tap)}
    .nav .r .btn{min-height:var(--tap-sm)}
    .cat td.avail .stk::after{font-size:var(--fs-2)}
    .card-hd{font-size:var(--fs-2)}
    .ln .d .sp,.ln .c{font-size:var(--fs-2)}
  }
  .navtog{display:none}
  .flagbtn,.topbar a.flagbtn{display:inline-flex;align-items:center;gap:var(--s2);
    text-decoration:none;line-height:0;border-radius:3px;padding:12px 10px;
    margin:-12px 0}
  .flagbtn svg{display:block;width:26px;height:17px;border-radius:2px;
    box-shadow:0 0 0 1px rgba(255,255,255,.35)}
  .flagbtn .fl-w{line-height:1.2;font-size:var(--fs-2)}
  .regionpick{position:relative;display:inline-block}
  .regionpick>summary{list-style:none;cursor:pointer}
  .regionpick>summary::-webkit-details-marker{display:none}
  .regionpick .rcaret{font-size:.7em;opacity:.85;margin-left:2px}
  .regionmenu{position:absolute;right:0;top:100%;margin-top:6px;background:var(--panel);border:1px solid var(--line2);border-radius:var(--r-lg);box-shadow:var(--shadow-pop);min-width:214px;z-index:70;overflow:hidden;padding:var(--s1) 0}
  .regopt{display:flex;align-items:center;gap:var(--s2);padding:var(--s2) var(--s3);font-size:var(--fs-3);color:var(--ink2);white-space:nowrap}
  a.regopt:hover{background:var(--band);color:var(--accent);text-decoration:none}
  .regopt.cur{font-weight:700;color:var(--ink);opacity:.6}
  .topbar a.regopt{color:var(--ink2)}
  .topbar a.regopt:hover{color:var(--accent)}
  .topbar a.regopt.cur{color:var(--ink)}
  .regopt svg{width:22px;height:14px;border-radius:2px;flex:none;box-shadow:0 0 0 1px rgba(0,0,0,.08)}
  @media(max-width:860px){
    .flagbtn,.topbar a.flagbtn{margin:0}
    .topbar .in{min-height:41px;padding-top:0;padding-bottom:0}
    .nav .r #btn-signin,.nav .r #btn-register{display:none}
    .navtog{order:3}
    .nav-acct{display:flex;flex-direction:column;gap:var(--s2);padding:var(--s3) var(--s5);
      border-top:1px solid var(--nav-panel-line);margin:var(--s1) 0 0}
    .nav-acct .btn{width:100%;height:44px}
    .navtog{display:inline-flex;align-items:center;gap:var(--s2);position:relative;
      height:40px;padding:0 var(--s3) 0 var(--s3);margin-left:auto;border:1px solid var(--nav-line);border-radius:var(--r);
      background:var(--nav-chip);color:var(--white);font-size:var(--fs-3);font-weight:600;font-family:inherit;cursor:pointer}
    .navtog .w{letter-spacing:.02em}
    .navtog .bars{width:16px;height:11px;position:relative;display:block}
    .navtog .bars::before,.navtog .bars::after,.navtog .bars>i{content:"";position:absolute;left:0;right:0;
      height:2px;background:var(--panel);border-radius:var(--r)}
    .navtog .bars>i{top:50%;margin-top:-1px}
    .navtog .bars::before{top:0}
    .navtog .bars::after{bottom:0}
    .navtog[aria-expanded="true"]{background:var(--accent);border-color:var(--accent)}
    .navtog .bdg{position:absolute;top:-6px;right:-6px}
    .nav .in{flex-wrap:wrap;row-gap:var(--s2)}
    .nav .r{order:2}
    .nlinks{order:4;display:none;width:calc(100% + 40px);overflow:visible;flex-direction:column;gap:0;
      border-top:1px solid var(--nav-panel-line);margin:0 calc(-1*var(--s5));padding:var(--s1) 0 var(--s1);background:var(--nav-panel)}
    .nlinks.open{display:flex}
    .nlink{padding:0 var(--s5);height:48px;display:flex;align-items:center;font-size:var(--fs-4);
      border-bottom:0;border-left:3px solid transparent;color:var(--nav-txt2)}
    .nlink.on{border-left-color:var(--white);background:var(--nav-on2);color:var(--white)}
    .nlink .bdg{margin-left:var(--s2)}
    .nlinks .nlink-chat{display:flex;width:100%;margin:0;border-top:0;border-right:0;border-radius:0;background:none;
      font-family:inherit;font-weight:600;line-height:inherit;text-align:left;cursor:pointer;-webkit-appearance:none;appearance:none}
  }
  @media(max-width:620px){
    .who{max-width:172px;padding:var(--s1) var(--s2)}
    .who .nm{max-width:104px;font-size:var(--fs-2)}
    .who .tr{font-size:var(--fs-1)}
  }
  @media(max-width:430px){
    .brand{font-size:var(--fs-3);gap:var(--s2)}
    .brand .mk{width:38px;height:35px}
    .topbar .in{gap:var(--s2)}
  }
  .lbl-long{display:inline}
  .lbl-short{display:none}
  @media(max-width:560px){ .lbl-long{display:none} .lbl-short{display:inline} }
  .btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);height:var(--ctl);padding:0 var(--s4);border:1px solid transparent;border-radius:var(--r);background:var(--accent);color:var(--white);font-weight:700;font-size:var(--fs-3);cursor:pointer;white-space:nowrap}
  .btn:hover{background:var(--accent-dk);text-decoration:none;color:var(--white)}
  .btn:disabled{background:var(--bg);color:var(--muted);border-color:var(--line);cursor:not-allowed}
  .btn.sec:disabled{background:var(--band);color:var(--muted)}
  .btn.sec{background:var(--panel);color:var(--ink2);border-color:var(--line2);font-weight:600}
  .nav .btn.sec{background:transparent;color:var(--navtxt);border-color:var(--nav-btn)}
  .nav .btn.sec:hover{background:var(--nav-chip2);color:var(--white);border-color:var(--nav-line2)}
  .btn.sec:hover{border-color:var(--accent);color:var(--accent);background:var(--panel)}
  .btn.sm{height:var(--ctl-sm);padding:0 var(--s3);font-size:var(--fs-3)}
  .btn.blk{width:100%}
  .btn.dgr{background:var(--panel);color:var(--neg);border-color:var(--line2)}
  .btn.dgr:hover{border-color:var(--neg);background:var(--neg-soft)}
  .tb-short{display:none}
  .tools{position:sticky;top:0;z-index:40;background:var(--panel);border-top:1px solid var(--line);border-bottom:1px solid var(--line2)}
  .tools .in{max-width:1580px;margin:0 auto;padding:var(--s2) var(--s5);display:flex;align-items:center;gap:var(--s2);flex-wrap:wrap}
  .fld{display:flex;align-items:center;border:1px solid var(--line2);border-radius:var(--r);background:var(--panel);height:var(--ctl-sm)}
  .fld label{padding:0 var(--s2);font-size:var(--fs-1);text-transform:uppercase;letter-spacing:.07em;color:var(--faint);font-weight:600;border-right:1px solid var(--line);height:100%;display:flex;align-items:center;background:var(--band)}
  .fld input,.fld select{border:0;outline:0;background:transparent;padding:0 var(--s2);height:100%}
  .fld input{width:230px}
  .fld:focus-within{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}
  .fld:has(:focus-visible){outline:2px solid var(--accent);outline-offset:1px}
  .tbtn{height:var(--ctl-sm);padding:0 var(--s3);border:1px solid var(--line2);background:var(--panel);border-radius:var(--r);cursor:pointer;font-size:var(--fs-3);font-weight:600;color:var(--ink2)}
  .tbtn:hover{border-color:var(--accent);color:var(--accent)}
  .tbtn.on{background:var(--accent);border-color:var(--accent);color:var(--white)}
  .curchip{flex:0 0 auto;display:inline-flex;align-items:center;white-space:nowrap;
    height:var(--ctl-sm);padding:0 var(--s2);border:1px solid var(--line2);
    border-radius:var(--r);background:var(--band);font-family:var(--sans);
    font-size:var(--fs-1);font-weight:600;letter-spacing:.07em;
    text-transform:uppercase;color:var(--ink2)}
  .count{margin-left:auto;font-size:var(--fs-2);color:var(--muted);font-family:var(--sans)}
  .count b{font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--ink2);font-weight:600}
  .count b{color:var(--ink);font-family:var(--mono)}
  .t-rest{display:contents}
  .shell{max-width:1580px;margin:0 auto;padding:var(--s3) var(--s5) 90px;display:grid;
          grid-template-columns:212px minmax(0,1fr) 316px;gap:var(--s4);align-items:start}
  @media(max-width:1340px){.shell{grid-template-columns:minmax(0,1fr) 300px}.crail{display:none}}
  @media(max-width:1180px){.shell{grid-template-columns:minmax(0,1fr)}.crail{display:none}}
  .crail{position:sticky;top:calc(var(--tools-h) + var(--s4));background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden}
  .cr-hd{padding:0 var(--s3);min-height:34px;display:flex;align-items:center;background:var(--accent);color:var(--white);font-size:var(--fs-2);text-transform:uppercase;letter-spacing:.15em;font-weight:600}
  .cr-i{display:flex;align-items:center;gap:var(--s2);padding:var(--s2) var(--s3);border-bottom:1px solid var(--line);font-size:var(--fs-3);color:var(--ink2);cursor:pointer;width:100%;text-align:left;background:none;border-left:0;border-right:0;border-top:0;line-height:1.3}
  .cr-i:hover{background:var(--band);color:var(--accent)}
  .cr-i.on{background:var(--accent-soft);color:var(--accent);font-weight:600;box-shadow:inset 3px 0 0 var(--accent)}
  .cr-i .n{margin-left:auto;font-family:var(--mono);font-size:var(--fs-1);color:var(--faint);flex:none}
  .cr-i.on .n{color:var(--accent)}
  .cr-ft{padding:var(--s3) var(--s3);background:var(--band);border-top:1px solid var(--line)}
  .cr-k{font-size:var(--fs-1);text-transform:uppercase;letter-spacing:.11em;color:var(--faint);font-weight:600}
  .cr-v{font-size:var(--fs-3);font-weight:600;color:var(--ink2);margin-top:2px}
  .page{max-width:1580px;margin:0 auto;padding:var(--s5) var(--s5) 80px}
  .page.narrow{max-width:1140px}
  .ptitle{font-size:var(--fs-7);letter-spacing:-.024em;margin-bottom:var(--s1);font-weight:600;line-height:1.15}
  .psub{color:var(--muted);font-size:var(--fs-4);margin-bottom:var(--s5);max-width:74ch;line-height:1.55}
  .ordinfo{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r-lg);margin-bottom:var(--s3)}
  @media(max-width:900px){.ordinfo{grid-template-columns:1fr 1fr}}
  @media(max-width:520px){.ordinfo{grid-template-columns:1fr}}
  .oi{background:var(--panel);padding:var(--s3) var(--s3)}
  .oi .k{font-size:var(--fs-1);text-transform:uppercase;letter-spacing:.13em;color:var(--muted);font-weight:600}
  .oi .v{font-size:var(--fs-4);font-weight:600;margin:var(--s1) 0 var(--s1);letter-spacing:-.01em}
  .oi .n{font-size:var(--fs-1);color:var(--muted);line-height:1.45}
  .ct-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;margin-bottom:var(--s3)}
  .ct-grid .v{overflow-wrap:anywhere}
  .ct-grid .v a{display:inline-block;padding:14px 0;margin:-14px 0}
  @media(max-width:620px){.ct-grid{grid-template-columns:1fr}.ct-grid .v{font-size:var(--fs-3)}}
  .ct-note{color:var(--muted);font-size:var(--fs-2);max-width:74ch}
  .cat{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);margin-bottom:var(--s3)}
  .cat-hd{display:flex;align-items:center;gap:var(--s2);padding:var(--s1) var(--s3);background:var(--accent);color:var(--white);
          cursor:pointer;user-select:none;border-radius:var(--r-lg) var(--r-lg) 0 0;letter-spacing:.02em}
  .cat-hd h2{font-size:var(--fs-2);letter-spacing:.15em;text-transform:uppercase;font-weight:600}
  .cat-hd .n{font-size:var(--fs-1);color:var(--nav-muted);font-family:var(--mono)}
  .cat-hd .n{white-space:nowrap}
  .cat-hd .tw{margin-left:auto;font-size:var(--fs-1);color:var(--nav-muted);font-family:var(--mono)}
  .cat-hd .car{font-size:var(--fs-1);color:var(--nav-muted);width:10px}
  .cat-tgl{all:unset;cursor:pointer;display:inline-flex;gap:var(--s2);align-items:center;
    align-self:stretch;min-height:34px}
  .cat-tgl:focus-visible{outline:2px solid var(--white);outline-offset:2px}
  .cat.closed .tbl-wrap{display:none}
  .tbl-wrap{overflow-x:auto;max-width:100%}
  .cat .tbl-wrap{overflow-x:visible}
  table{width:100%;border-collapse:separate;border-spacing:0}
  thead th{background:var(--band);border-bottom:2px solid var(--line2);
           padding:var(--s2) var(--s2);text-align:left;font-size:var(--fs-1);text-transform:uppercase;letter-spacing:.12em;
           color:var(--ink2);font-weight:600;white-space:nowrap}
  .cat thead th{position:sticky;top:var(--tools-h);z-index:20}
  .cat tbody tr,.cat tbody tr a,.cat tbody tr .qty{scroll-margin-top:120px;scroll-margin-bottom:76px}
  thead th.r{text-align:right}
  tbody td{padding:0 var(--s2);height:36px;border-bottom:1px solid var(--hair);font-size:var(--fs-3);white-space:nowrap}
  tbody tr:last-child td{border-bottom:0}
  tbody tr:nth-child(even) td{background:var(--stripe)}
  @media(max-width:700px){
    .cat tbody tr:nth-child(even) td{background:none}
    .cat tbody tr:nth-child(even){background:var(--stripe)}
  }
  tbody tr:hover td{background:var(--hover)}
  tbody tr.has td{background:var(--pos-soft);box-shadow:inset 2px 0 0 var(--pos)}
  tbody tr.has td + td{box-shadow:none}
  td.code{font-family:var(--mono);font-size:var(--fs-2);font-weight:600;color:var(--accent);width:1%;letter-spacing:-.01em}
  td.prod{width:29%;white-space:normal;min-width:220px;font-weight:600;letter-spacing:-.005em}
  .cat tbody td{height:34px}
  .cat tbody tr.rep td.prod a{font-weight:400;color:var(--ink2)}
  .cat tbody tr.fam td{border-top:1px solid var(--line2)}
  .cat tbody tr.fam:first-child td{border-top:0}
  .cat thead th:nth-child(1){width:8%}
  .cat thead th:nth-child(2){width:23%}
  .cat thead th:nth-child(3){width:16%}
  .cat thead th:nth-child(4){width:11%}
  .cat thead th:nth-child(5){width:10%}
  .cat thead th:nth-child(6){width:14%}
  .cat thead th:nth-child(7){width:9%}
  .cat thead th:nth-child(8){width:9%}
  @media(min-width:1001px){ .cat table{table-layout:fixed} }
  td.spec{color:var(--ink2);font-family:var(--mono);font-size:var(--fs-2)}
  td.r{text-align:right;font-family:var(--mono);font-variant-numeric:tabular-nums}
  .cat td.r:nth-of-type(4){font-size:var(--fs-3);font-weight:600;color:var(--ink);letter-spacing:-.01em}
  td.unit{color:var(--muted);font-size:var(--fs-1)}
  .uprice{display:block;font-size:var(--fs-2);color:var(--muted);
    margin-top:0;line-height:1.1;white-space:nowrap}
  td.unit{line-height:1.15}
  .uprice:empty{display:none}
  td.tot{font-weight:700;color:var(--accent)}
  .qty{width:62px;height:var(--ctl-sm);border:1px solid var(--line2);border-radius:var(--r);text-align:right;padding:0 var(--s2);font-family:var(--mono);background:var(--panel)}
  .qty:focus{outline:0;border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}
  .qty:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
  .qty.set{border-color:var(--pos);background:var(--pos-soft);font-weight:700}
  .nores{padding:var(--s6);text-align:center;color:var(--muted);font-size:var(--fs-3)}
  @media(max-width:1000px){
    .tbl-wrap,.cat .tbl-wrap{overflow-x:auto;max-width:100%}
    thead th,.cat thead th{position:static}
    .card,.card-bd,.grp{min-width:0}
    #acct-body,#acct-body>*{min-width:0;max-width:100%}
    .acct-main{min-width:0}
  }
  .card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);margin-bottom:var(--s3);box-shadow:var(--lift)}
  .card-hd{padding:var(--s3) var(--s3) var(--s2);border-bottom:1px solid var(--hair);background:none;font-size:var(--fs-1);
           text-transform:uppercase;letter-spacing:.11em;font-weight:600;color:var(--ink);
           display:flex;align-items:center;gap:var(--s2)}
  .card-hd .x{font-weight:400;letter-spacing:0;text-transform:none;color:var(--muted);font-size:var(--fs-2)}
  .card-hd .x{margin-left:auto;font-size:var(--fs-1);color:var(--muted);font-family:var(--mono);text-transform:none;letter-spacing:0}
  aside .card-hd{background:var(--accent);color:var(--white);border-bottom:0;padding:0 var(--s3);min-height:34px;
    font-size:var(--fs-2);letter-spacing:.15em;border-radius:var(--r-lg) var(--r-lg) 0 0}
  aside .card-hd .x{color:var(--nav-muted)}
  aside .card-hd a,aside .card-hd button{color:var(--white)}
  aside .card-hd a:focus-visible,aside .card-hd button:focus-visible{outline:2px solid var(--white);outline-offset:2px}
  .card-bd{padding:var(--s3) var(--s3)}
  .rail{position:sticky;top:calc(var(--tools-h) + var(--s4))}
  @media(max-width:1180px){.rail{position:static}}
  .lines{max-height:270px;overflow-y:auto;margin:calc(-1*var(--s3)) calc(-1*var(--s3)) var(--s2);border-bottom:1px solid var(--line)}
  @media(min-width:1181px){.rail{max-height:calc(100vh - var(--tools-h) - var(--s4) - 72px);overflow-y:auto;scrollbar-width:thin}}
  @media(min-width:1181px) and (max-height:900px){.lines{max-height:150px}}
  @media(min-width:1181px) and (max-height:700px){.lines{max-height:110px} .rail .hint.keys{display:none}}
  .ln{display:flex;align-items:baseline;gap:var(--s2);padding:var(--s1) var(--s3);border-bottom:1px solid var(--hair);font-size:var(--fs-2)}
  .ln:last-child{border-bottom:0}
  .ln .c{font-family:var(--mono);font-weight:600;color:var(--accent);font-size:var(--fs-1);flex:none;width:60px;overflow:hidden}
  .ln .d{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink2)}
  .ln .d .sp{display:block;font-size:var(--fs-1);color:var(--muted);overflow:hidden;text-overflow:ellipsis}
  .ln .q{font-family:var(--mono);color:var(--muted);flex:none}
  .ln .s{flex:0 1 auto;min-width:0;overflow:hidden;white-space:nowrap}
  #qo-preview .ln .d{min-width:96px}
  @media(max-width:900px){
    #qo-preview .ln{flex-wrap:wrap}
    #qo-preview .ln .s{flex:1 0 100%;order:9;margin-top:2px}
  }
  .ln .v{font-family:var(--mono);font-weight:600;flex:none;text-align:right;min-width:62px}
  .rm{border:0;background:none;color:var(--faint);cursor:pointer;font-size:var(--fs-5);line-height:1;
      min-width:32px;min-height:32px;border-radius:var(--r);padding:0}
  .rm:hover{color:var(--neg);background:var(--neg-soft)}
  .ln .rm{flex:none}
  @media(max-width:900px){ .rm{min-width:34px;min-height:34px;font-size:var(--fs-5)} }
  .empty{padding:var(--s5) var(--s1);text-align:center;color:var(--faint);font-size:var(--fs-3);line-height:1.7}
  .srow{display:flex;justify-content:space-between;padding:var(--s1) 0;font-size:var(--fs-3)}
  .srow .l{color:var(--muted)}
  .srow .v{font-family:var(--mono)}
  .srow.tot{border-top:1.5px solid var(--ink);margin-top:var(--s2);padding-top:var(--s3);font-size:var(--fs-4);font-weight:600}
  .srow.tot .v{font-size:var(--fs-5);letter-spacing:-.02em;color:var(--ink)}
  .srow.tot .v{font-size:var(--fs-5)}
  .terms{font-size:var(--fs-1);color:var(--muted);line-height:1.55}
  .terms b{color:var(--ink2)}
  .terms p{margin-bottom:var(--s2)}
  .terms p:last-child{margin-bottom:0}
  .terms a{display:inline-block;padding:var(--s2) 0;margin:calc(-1*var(--s2)) 0}
  @media (max-width:820px),(hover:none) and (pointer:coarse){
    .gd-index li > a:first-child,#gd-more li > a,#home-guides li > a{display:block;padding:13px 0}
    .gd-index .gd-blurb{display:block;margin:0 0 8px}
    .terms a{padding:13px 0;margin:-13px 0}
  }
  .grp{margin-bottom:var(--s4)}
  #co-2-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,320px);
             gap:var(--s4);align-items:start}
  #co-2-body .co-main{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,260px);
                      gap:var(--s6);align-items:start}
  #co-2-body .co-main .addrs{grid-template-columns:1fr}
  #co-2-body .co-main .ff{grid-template-columns:1fr}
  #co-2-body .co-main .grp{margin-bottom:0}
  @media(max-width:1180px){#co-2-body .co-main{grid-template-columns:1fr}}
  #co-2-body .co-side .card{margin-bottom:0;background:var(--band)}
  .co-acts{display:flex;flex-wrap:wrap;gap:var(--s2);margin-top:var(--s3)}
  .co-acts .btn{flex:1 1 160px;height:44px}
  .co-keep{margin-top:var(--s4)} .co-keep .btn{flex:0 0 auto}
  .co-pulse{animation:coPulse 1.4s ease-out 1}
  @keyframes coPulse{0%{box-shadow:0 0 0 0 var(--accent)}100%{box-shadow:0 0 0 14px transparent}}
  @media(prefers-reduced-motion:reduce){.co-pulse{animation:none}}
  @media(max-width:1000px),(hover:none) and (pointer:coarse){ .paynote a{padding:9px 0} }
  #co-2-body .co-side .terms p{margin:0 0 var(--s2)}
  #co-2-body .co-side .terms p:last-child{margin-bottom:0}
  @media(max-width:900px){#co-2-body{grid-template-columns:1fr}}
  .grp>h4{font-size:var(--fs-1);text-transform:uppercase;letter-spacing:.13em;color:var(--muted);font-weight:600;margin-bottom:var(--s2);padding-bottom:var(--s1);border-bottom:1px solid var(--line)}
  .ff{display:grid;grid-template-columns:1fr 1fr;gap:var(--s2)}
  .ff .w{grid-column:1/-1}
  @media(max-width:560px){.ff{grid-template-columns:1fr}}
  .f label{display:block;font-size:var(--fs-1);text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:600;margin-bottom:var(--s1)}
  .f input,.f select,.f textarea{width:100%;height:var(--ctl);border:1px solid var(--line2);border-radius:var(--r);padding:0 var(--s2);background:var(--panel)}
  .f textarea{height:64px;padding:var(--s2) var(--s2);resize:vertical}
  .f input:focus,.f select:focus,.f textarea:focus{outline:0;border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}
  .f input:focus-visible,.f select:focus-visible,.f textarea:focus-visible{
    outline:2px solid var(--accent);outline-offset:1px}
  .f input.bad,.f select.bad{border-color:var(--neg);background:var(--neg-soft)}
  .f.req > label::after{content:"erforderlich";content:"erforderlich" / "";font-size:var(--fs-1);letter-spacing:.06em;
    color:var(--muted);font-weight:600;text-transform:uppercase;margin-left:var(--s1)}
  .f.req > input.bad ~ label::after,
  .f.req:has(input.bad) > label::after{color:var(--neg)}
  .addr-sugg{position:absolute;z-index:40;left:0;right:0;top:100%;margin:4px 0 0;padding:4px;
    list-style:none;background:var(--card,#fff);border:1px solid var(--line,#d8dee6);
    border-radius:8px;box-shadow:0 10px 28px rgba(10,16,23,.14);max-height:280px;overflow:auto}
  .addr-sugg li{padding:10px 12px;border-radius:6px;cursor:pointer;font-size:15px;line-height:1.35}
  .addr-sugg li:hover,.addr-sugg li[aria-selected="true"]{background:var(--tint,#eef3f8)}
  .addr-sugg li .m{font-weight:700}
  .addr-sugg .none{color:var(--muted,#5d6c7b);cursor:default;font-size:14px}
  .addr-sugg .none:hover{background:none}
  @media(hover:none) and (pointer:coarse){
    .addr-sugg li{padding:12px;min-height:44px}
    .modal .m-hd .cl{width:44px;height:44px}
  }
  .modal .err.on{position:sticky;bottom:76px;z-index:3;box-shadow:0 6px 18px rgba(10,16,23,.14)}
  #m-signin .err.on{position:static;box-shadow:none}
  .modal{overscroll-behavior:contain}
  @media(hover:none) and (pointer:coarse){
    .modal.kb .m-ft{position:static}
    .modal.kb .err.on{position:static;box-shadow:none}
    #rg-si{position:relative}
    #rg-si::after{content:"";position:absolute;left:-10px;right:-10px;top:-13px;bottom:-13px}
  }
  .hint{font-size:var(--fs-2);color:var(--faint);margin-top:var(--s1)}
  .err{color:var(--neg);font-size:var(--fs-2);margin-top:var(--s2);display:none;background:var(--neg-soft);border:1px solid var(--neg-line);border-radius:var(--r);padding:var(--s2) var(--s2)}
  .err.on{display:block}
  .ovl{position:fixed;inset:0;background:var(--ovl);z-index:80;opacity:0;pointer-events:none;transition:.16s}
  .ovl.on{opacity:1;pointer-events:auto}
  .ovl{touch-action:none;overscroll-behavior:contain}
  .modal{position:fixed;z-index:90;top:50%;left:50%;transform:translate(-50%,-48%);width:min(660px,calc(100vw - 28px));max-height:88vh;overflow-y:auto;background:var(--panel);border-radius:var(--r-lg);box-shadow:var(--shadow-modal);opacity:0;pointer-events:none;
    transition:opacity .16s ease, transform .16s ease}
  .modal.sm{width:min(440px,calc(100vw - 28px))}
  .modal:not(.on){visibility:hidden}
  .modal.on{opacity:1;pointer-events:auto;transform:translate(-50%,-50%)}
  .m-hd{position:sticky;top:0;background:var(--panel);border-bottom:1px solid var(--line);padding:var(--s3) var(--s4);display:flex;align-items:center;gap:var(--s2);z-index:2}
  .m-hd h3{font-size:var(--fs-4)}
  .m-hd .cl{margin-left:auto;border:0;background:none;font-size:var(--fs-5);color:var(--muted);cursor:pointer;line-height:1;width:var(--ctl-sm);height:var(--ctl-sm);border-radius:var(--r)}
  .m-hd .cl:hover{background:var(--band);color:var(--ink)}
  .m-bd{padding:var(--s4) var(--s4)}
  .pwbox{position:relative;display:block}
  .pwbox input{width:100%;padding-right:72px}
  .pwbox .pwshow{position:absolute;right:3px;top:3px;bottom:3px;min-width:60px;padding:0 var(--s3);border:0;border-radius:var(--r);background:transparent;color:var(--accent);font:inherit;font-size:var(--fs-2);font-weight:700;cursor:pointer}
  .pwbox .pwshow:hover{background:var(--band)}
  .pwbox .pwshow:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
  .m-ft{position:sticky;bottom:0;background:var(--band);border-top:1px solid var(--line);padding:var(--s3) var(--s4)}
  .ok{text-align:center;padding:var(--s6) var(--s5)}
  .ok .ic{width:46px;height:46px;border-radius:50%;background:var(--pos-soft);color:var(--pos);display:grid;place-items:center;margin:0 auto var(--s3);font-size:var(--fs-6)}
  .ok h3{font-size:var(--fs-5);margin-bottom:var(--s2)}
  .ok p{color:var(--muted);font-size:var(--fs-3);margin-bottom:var(--s1)}
  .steps{display:flex;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--panel);overflow:hidden;margin-bottom:var(--s4)}
  .step{flex:1;padding:var(--s3) var(--s3);border-right:1px solid var(--line);display:flex;align-items:center;gap:var(--s2);font-size:var(--fs-3);color:var(--muted)}
  .step:last-child{border-right:0}
  .step .n{width:21px;height:21px;border-radius:50%;background:var(--line);color:var(--muted);display:grid;place-items:center;font-size:var(--fs-1);font-weight:700;flex:none}
  .step.on{background:var(--accent-soft);color:var(--accent);font-weight:700}
  .step.on .n{background:var(--accent);color:var(--white)}
  .step.done{color:var(--pos)}
  .step.done .n{background:var(--pos);color:var(--white)}
  @media(max-width:720px){
    .step .t{display:none}
    .step{justify-content:center;flex:0 0 auto;padding:var(--s3) var(--s2)}
    .step.on{flex:1 1 auto}
    .step.on .t{display:inline}
  }
  .padbtns{display:flex;flex-wrap:wrap;gap:var(--s2);margin-top:var(--s3)}
  .cogrid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:var(--s4);align-items:start}
  #v-quick .cogrid{grid-template-columns:minmax(0,1fr) 420px}
  @media(max-width:900px){#v-quick .cogrid{grid-template-columns:1fr}}
  .coagrid{grid-template-columns:340px minmax(0,1fr)}
  @media(max-width:1000px){.coagrid{grid-template-columns:minmax(0,1fr)}}
  .cogrid>*{min-width:0}
  .acct>*{min-width:0}
  .shell>*{min-width:0}
  .toast.ask{display:flex;flex-direction:column;gap:var(--s2);align-items:flex-start}
  .toast.ask .ask-row{display:flex;gap:var(--s2);flex-wrap:wrap}
  .toast.ask{pointer-events:auto}
  .catskel{border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;background:var(--panel)}
  .catskel .cs-hd{height:34px;background:var(--accent);opacity:.85}
  .catskel .cs-row{display:flex;align-items:center;gap:var(--s3);
    padding:var(--s3) var(--s4);border-bottom:1px solid var(--line)}
  .catskel .cs-row:last-child{border-bottom:0}
  .catskel .b{background:var(--line);border-radius:var(--r);height:12px;flex:0 0 auto}
  .catskel .b.w1{width:64px}
  .catskel .b.w2{flex:1 1 auto;max-width:220px}
  .catskel .b.w3{width:72px;margin-left:auto}
  .catskel .b.tall{height:34px;width:96px}
  .catskel .cs-row .b{animation:csfade 1.1s ease-in-out infinite alternate}
  @keyframes csfade{from{opacity:.55}to{opacity:1}}
  @media(prefers-reduced-motion:reduce){.catskel .cs-row .b{animation:none;opacity:.7}}
  .card,.card-bd{min-width:0}
  @media(max-width:1000px){.cogrid{grid-template-columns:minmax(0,1fr)}}
  .acct{display:grid;grid-template-columns:224px minmax(0,1fr);gap:var(--s4);align-items:start}
  .acct-main{min-width:0}
  .fresh{display:flex;align-items:center;justify-content:flex-end;gap:var(--s2);
    margin:0 0 var(--s2);font-size:var(--fs-1);color:var(--muted);font-family:var(--mono)}
  .fresh .btn{font-size:var(--fs-1);padding:var(--s1) var(--s2)}
  .fresh.old{color:var(--warn);font-weight:600}
  @media(max-width:700px){.fresh{justify-content:space-between;margin-bottom:var(--s3)}}
  @media(max-width:860px){.acct{grid-template-columns:minmax(0,1fr)}}
  .side{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden}
  .side a{display:flex;align-items:center;justify-content:space-between;padding:var(--s2) var(--s3);font-size:var(--fs-3);color:var(--ink2);border-bottom:1px solid var(--line);font-weight:500}
  .side a:last-child{border-bottom:0}
  .side a:hover{background:var(--band);text-decoration:none;color:var(--accent)}
  .side a.on{background:var(--accent-soft);color:var(--accent);font-weight:700;box-shadow:inset 3px 0 0 var(--accent)}
  .side a .c{font-family:var(--mono);font-size:var(--fs-1);color:var(--faint)}
  .tag{display:inline-block;padding:2px var(--s2);border-radius:var(--r);font-size:var(--fs-1);font-weight:700;text-transform:uppercase;letter-spacing:.05em}
  .tag.ok{background:var(--pos-soft);color:var(--pos)}
  .tag.pend{background:var(--warn-soft);color:var(--warn)}
  .tag.info{background:var(--accent-soft);color:var(--accent)}
  .tag.off{background:var(--bg);color:var(--muted)}
  .tag.bad{background:var(--neg-soft);color:var(--neg)}
  .kv{display:grid;grid-template-columns:160px 1fr;gap:var(--s2) var(--s3);font-size:var(--fs-3)}
  .kv dt{color:var(--muted)}
  .kv dd{font-weight:500}
  .addr{border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--s3) var(--s3);font-size:var(--fs-3);line-height:1.55;background:var(--panel);display:block}
  .addr.on{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}
  .addr b{display:block;margin-bottom:var(--s1)}
  .addr .acts{margin-top:var(--s2);display:flex;gap:var(--s2);flex-wrap:wrap}
  .addrs{display:grid;grid-template-columns:1fr 1fr;gap:var(--s3)}
  @media(max-width:700px){.addrs{grid-template-columns:1fr}}
  .banner{border:1px solid var(--line2);border-left:3px solid var(--accent);background:var(--panel);border-radius:var(--r);padding:var(--s3) var(--s3);font-size:var(--fs-3);color:var(--ink2);margin-bottom:var(--s3);line-height:1.6}
  .banner.warn{border-left-color:var(--warn);background:var(--warn-soft)}
  .banner.bad{border-left-color:var(--neg);background:var(--neg-soft)}
  .banner.bad b{color:var(--neg)}
  .banner b{display:block;margin-bottom:2px}
  .toasts{position:fixed;right:16px;bottom:16px;z-index:120;display:flex;flex-direction:column;gap:var(--s2);
           max-width:calc(100vw - 32px);pointer-events:none}
  @media(max-width:1180px){ body.has-order .toasts{bottom:80px} }
  .toast{background:var(--ink);color:var(--white);border-radius:var(--r-lg);padding:var(--s3) var(--s4);font-size:var(--fs-3);box-shadow:var(--shadow-toast);max-width:340px}
  .toast.good{background:var(--pos)}
  .toast.bad{background:var(--neg)}
  .mbar{position:fixed;left:0;right:0;bottom:0;z-index:60;background:var(--ink);color:var(--white);padding:var(--s2) var(--s4);display:none;align-items:center;gap:var(--s3)}
  .mbar .t{font-size:var(--fs-1);color:var(--nav-muted)}
  .mbar .v{font-family:var(--mono);font-size:var(--fs-5);font-weight:700}
  .mbar button{margin-left:auto;height:44px;padding:0 var(--s4);border:0;border-radius:var(--r);background:var(--panel);color:var(--ink);font-weight:700;font-size:var(--fs-3);cursor:pointer}
  .mbar .m-chat{display:none;width:44px;padding:0;background:transparent;color:var(--white);border:1px solid rgba(255,255,255,.35);align-items:center;justify-content:center}
  .mbar .m-chat svg{width:20px;height:20px}
  @media(max-width:1000px){ .mbar .m-chat{display:inline-flex} .mbar .m-chat + button{margin-left:var(--s2)} }
  body.dk-open .mbar{display:none !important}
  @media(max-width:1180px){.mbar.on{display:flex}
    body.has-order .shell{padding-bottom:86px}}
  @media(max-width:900px),(max-height:760px){
    #v-checkout .padbtns{position:fixed;left:0;right:0;bottom:0;z-index:60;
      margin:0;padding:var(--s2) var(--s4) calc(var(--s2) + env(safe-area-inset-bottom));
      background:var(--panel);border-top:1px solid var(--line);
      box-shadow:0 -6px 18px rgba(0,0,0,.10);flex-wrap:nowrap}
    #v-checkout .padbtns .btn{flex:1 1 auto;min-height:46px}
    #v-checkout .padbtns .btn.sec{flex:0 0 auto}
    #v-checkout .padbtns .btn{min-width:0;white-space:normal;line-height:1.2;height:auto;padding-top:6px;padding-bottom:6px;text-align:center}
    #v-checkout .padbtns .co-bartot{flex:1 1 auto;display:flex;align-items:center;justify-content:flex-end;gap:var(--s2);min-height:46px;white-space:nowrap}
    #v-checkout .padbtns .co-bartot .l{font-size:var(--fs-2);color:var(--muted)}
    #v-checkout .padbtns .co-bartot b{font-size:var(--fs-4)}
    body.on-checkout{padding-bottom:calc(86px + env(safe-area-inset-bottom))}
    #v-checkout .co-next2:not([hidden]){display:block;width:100%;min-height:48px;margin-top:var(--s3);white-space:normal;line-height:1.2}
    #v-checkout .padbtns #co-back[disabled]{display:none}
    #v-checkout .padbtns{padding-bottom:calc(var(--s3) + env(safe-area-inset-bottom))}
    #co-sum .srow:has(#co-ship-opt){flex-wrap:wrap;gap:var(--s1)}
    #co-sum .srow:has(#co-ship-opt) .v{flex:1 1 100%}
    #co-ship-opt{width:100%;max-width:none!important;min-height:44px;font-size:16px!important;font-family:var(--sans)}
    #v-checkout .padbtns{transition:transform .18s ease}
    #v-checkout .padbtns.co-tuck{transform:translateY(110%);pointer-events:none}
    #v-checkout .padbtns.co-solo #co-next{display:none}
    #v-checkout .co-next-note:not([hidden]){display:block;margin:var(--s2) 2px 0;font-size:var(--fs-2);line-height:1.4;color:var(--muted)}
  }
  @media(max-width:900px){
    #v-checkout[data-co="1"] .cogrid>aside{order:-1}
    #v-checkout[data-co="1"] #co-sum .lines,#v-checkout[data-co="1"] #co-paynote,#v-checkout[data-co="1"] #co-sum .co-vials{display:none}
  }
  @media(min-width:901px) and (min-height:761px){ #v-checkout .co-next2,#v-checkout .co-next-note{display:none!important} }
  footer{border-top:1px solid var(--line);background:var(--panel)}
  footer .in{max-width:1580px;margin:0 auto;padding:var(--s5) var(--s5)}
  .fgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--s6);margin-bottom:var(--s4)}
  @media(max-width:1180px){.fgrid{grid-template-columns:repeat(3,1fr);gap:var(--s5)}}
  @media(max-width:820px){.fgrid{grid-template-columns:1fr 1fr;gap:var(--s5)}}
  @media(max-width:520px){.fgrid{grid-template-columns:1fr}}
  .fgrid h3{font-size:var(--fs-1);text-transform:uppercase;letter-spacing:.09em;color:var(--ink2);margin-bottom:var(--s2)}
  .fgrid p,.fgrid a{font-size:var(--fs-2);color:var(--muted);line-height:1.75;display:block}
  .fgrid p [data-site="hours"]{display:block}
  .legal{border-top:1px solid var(--line);padding-top:var(--s3);font-size:var(--fs-1);line-height:1.65;color:var(--muted)}
  .skip{position:absolute;left:-9999px;top:0;z-index:200;background:var(--accent);color:var(--white);
        padding:var(--s2) var(--s4);border-radius:0 0 var(--r-lg) 0;font-weight:700;font-size:var(--fs-3)}
  .skip:focus{left:0;text-decoration:none}
  :focus-visible{outline:2px solid var(--accent);outline-offset:2px}
  .topbar :focus-visible,.nav :focus-visible{outline-color:var(--white)}
  [tabindex="-1"]:focus{outline:0}
  .vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
      clip:rect(0 0 0 0);white-space:nowrap;border:0}
  thead th.sortable{cursor:pointer;user-select:none}
  thead th.sortable button{all:unset;cursor:pointer;display:block;width:100%;
    padding:var(--s2) var(--s2);margin:calc(-1*var(--s2)) calc(-1*var(--s2));box-sizing:content-box}
  thead th.sortable.r button{text-align:right}
  thead th.sortable button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
  thead th.sortable:hover{color:var(--accent)}
  thead th.sortable button::after{content:"";display:inline-block;width:0;height:0;margin-left:var(--s1);vertical-align:middle;
    border-left:3.5px solid transparent;border-right:3.5px solid transparent;border-bottom:4px solid var(--line2)}
  thead th.sortable.asc button::after{border-bottom:4px solid var(--accent)}
  thead th.sortable.desc button::after{border-bottom:0;border-top:4px solid var(--accent)}
  .fuzzy{background:var(--warn-soft);border:1px solid var(--warn-line);border-left:3px solid var(--warn);
         border-radius:var(--r);padding:var(--s2) var(--s3);font-size:var(--fs-3);color:var(--ink2);margin-bottom:var(--s3)}
  .dash{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s3);margin-bottom:var(--s3)}
  @media(max-width:1100px){.dash{grid-template-columns:1fr 1fr}}
  @media(max-width:520px){.dash{grid-template-columns:1fr}}
  .dcard{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--s3) var(--s4)}
  .dcard .k{font-size:var(--fs-1);text-transform:uppercase;letter-spacing:.13em;color:var(--muted);font-weight:600}
  .dcard .v{font-size:var(--fs-6);font-weight:600;margin-top:var(--s1);letter-spacing:-.02em}
  .dcard .n{font-size:var(--fs-1);color:var(--faint);margin-top:2px}
  .dcard.alert{border-left:3px solid var(--neg)}
  .dcard.alert .v{color:var(--neg)}
  .dgrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s3);align-items:start}
  @media(max-width:1000px){.dgrid{grid-template-columns:minmax(0,1fr)}}
  .buy{display:flex;align-items:center;gap:var(--s2);padding:var(--s2) var(--s3);border-bottom:1px solid var(--line);font-size:var(--fs-3)}
  .buy:last-child{border-bottom:0}
  .buy .c{font-family:var(--mono);font-weight:600;color:var(--accent);font-size:var(--fs-1);width:58px;flex:none}
  .buy.ref .c{width:auto;min-width:88px}
  .qterms{margin-top:var(--s2);padding:var(--s2) var(--s3);border-left:3px solid var(--accent);
          background:var(--band);border-radius:0 var(--r) var(--r) 0;line-height:1.6;color:var(--ink2)}
  .qterms b{display:block;color:var(--ink);margin-bottom:2px}
  .qterms.lapsed{border-left-color:var(--neg)}
  .qterms.lapsed b{color:var(--neg)}
  .agerow{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1px;
          background:var(--line);border:1px solid var(--line);border-radius:var(--r-lg);
          overflow:hidden;margin-top:var(--s3)}
  .agecell{background:var(--panel);padding:var(--s2) var(--s3)}
  .agecell .k{font-size:var(--fs-1);text-transform:uppercase;letter-spacing:.1em;
              color:var(--muted);font-weight:600;margin-bottom:var(--s1)}
  .agecell .v{font-family:var(--mono);font-size:var(--fs-3);font-weight:600}
  .agecell.on{background:var(--warn-soft)}
  .agecell.on .v{color:var(--warn)}
  .agecell.tot{background:var(--band)}
  .agecell.tot .v{color:var(--ink)}
  @media(max-width:820px){.agerow{grid-template-columns:repeat(2,minmax(0,1fr))}}
  .stand{border-left:3px solid var(--line2);background:var(--band);padding:var(--s3) var(--s3);
         margin:0 0 var(--s3);font-size:var(--fs-3);line-height:1.55;border-radius:0 var(--r) var(--r) 0}
  .stand b{display:block;font-size:var(--fs-3);margin-bottom:var(--s1)}
  .stand.ok{border-left-color:var(--pos)}
  .stand.ok b{color:var(--pos)}
  .stand.warn{border-left-color:var(--warn)}
  .stand.warn b{color:var(--warn)}
  .stand.bad{border-left-color:var(--neg)}
  .stand.bad b{color:var(--neg)}
  .coacert{border:1px solid var(--line2);border-radius:var(--r-lg);overflow:hidden;
    background:var(--panel);margin:0 0 var(--s4)}
  .cc-band{background:var(--ink);color:var(--white);display:flex;align-items:center;
    justify-content:space-between;gap:var(--s3);padding:var(--s2) var(--s4);flex-wrap:wrap}
  .cc-k{font-size:var(--fs-2);font-weight:700;letter-spacing:.14em;text-transform:uppercase}
  .cc-lot{font-size:var(--fs-2);opacity:.9}
  .cc-lot .num,.cc-lot b{color:var(--white);font-weight:700}
  .cc-body{display:flex;gap:var(--s4);padding:var(--s4);align-items:flex-start;flex-wrap:wrap}
  .cc-head{flex:1 1 240px;min-width:0}
  .cc-prod{font-size:var(--fs-5);font-weight:700;color:var(--ink);line-height:1.2}
  .cc-sub{color:var(--muted);font-size:var(--fs-3);margin-top:2px}
  .cc-facts{display:grid;grid-template-columns:1fr 1fr;gap:var(--s2) var(--s4);margin:var(--s3) 0 0}
  .cc-facts dt{font-size:var(--fs-1);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:600}
  .cc-facts dd{margin:1px 0 0;font-size:var(--fs-3);color:var(--ink2)}
  .cc-qr{flex:0 0 auto;width:186px;max-width:100%;text-align:center;border:1px solid var(--line);
    border-radius:var(--r);padding:var(--s3);background:var(--band)}
  .cc-qr svg{width:150px;height:150px;display:block;margin:0 auto var(--s2);background:#fff;border-radius:4px}
  .cc-qr-say b{display:block;font-size:var(--fs-2);color:var(--ink);margin-bottom:3px}
  .cc-qr-say span{display:block;font-size:var(--fs-1);color:var(--ink2);line-height:1.5}
  .cc-qr-say a{display:inline-block;margin-top:4px;font-size:var(--fs-1);word-break:break-all}
  .cc-foot{border-top:1px solid var(--line);padding:var(--s2) var(--s4);font-size:var(--fs-1);
    color:var(--muted);background:var(--band)}
  .coacert.past .cc-band{background:var(--neg)}
  .buy .d{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .buy .f{font-family:var(--mono);font-size:var(--fs-1);color:var(--faint);flex:none}
  .buy .p{font-family:var(--mono);font-weight:600;flex:none;min-width:74px;text-align:right}
  .buy .n{display:flex;align-items:center;gap:var(--s2);flex:none}
  @media(max-width:560px){
    .buy{flex-wrap:wrap;row-gap:6px}
    .buy .d{white-space:normal;overflow:visible;text-overflow:clip}
    .buy .n{flex:1 0 100%;justify-content:flex-end}
  }
  .stk{display:inline-flex;align-items:center;gap:var(--s1);font-size:var(--fs-2);font-weight:600;white-space:nowrap}
  #qo-text{font-family:var(--mono);font-size:var(--fs-3)}
  .rail .btn.blk+.btn.blk{margin-top:var(--s2)}
  .rail .btn.dgr.blk+.btn.blk,.rail .btn.blk+.btn.dgr.blk{margin-top:var(--s5)}
  .stk:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--line2);flex:none}
  .stk.in{color:var(--pos);font-weight:700} .stk.in:before{background:var(--pos)}
  .stk.low{color:var(--warn);font-weight:700} .stk.low:before{background:var(--warn)}
  .stk.out{color:var(--lead)} .stk.out:before{background:var(--lead)}
  .stk.gap{color:var(--neg)} .stk.gap:before{background:var(--neg)}
  .stk.ask{color:var(--muted)}
  .stk.moq{color:var(--lead)} .stk.moq:before{background:var(--accent)}
  span.stk.moq{margin-left:0} span.stk.moq::after{content:none}
  .moq{position:relative;display:inline-flex;align-items:center;margin-left:6px;padding:0 6px;height:16px;font-family:inherit;font-size:10px;font-weight:800;letter-spacing:.03em;line-height:1;text-transform:uppercase;color:var(--accent);background:var(--accent-soft);border:1px solid transparent;border-radius:999px;cursor:pointer;-webkit-appearance:none;appearance:none;vertical-align:middle}
  .moq:hover{border-color:var(--accent)}
  .moq:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
  .moq-tip{position:absolute;bottom:calc(100% + 8px);right:-2px;z-index:60;width:max-content;max-width:212px;white-space:normal;text-align:left;font-size:11.5px;font-weight:500;line-height:1.35;letter-spacing:0;text-transform:none;color:#fff;background:#1c2230;padding:8px 10px;border-radius:9px;box-shadow:0 8px 24px rgba(20,24,34,.28);opacity:0;visibility:hidden;transform:translateY(4px);transition:opacity .14s ease,transform .14s ease;pointer-events:none}
  .moq-tip:after{content:"";position:absolute;top:100%;right:12px;border:6px solid transparent;border-top-color:#1c2230}
  .moq:focus-visible .moq-tip,.moq.open .moq-tip{opacity:1;visibility:visible;transform:translateY(0)}
  @media(hover:hover){.moq:hover .moq-tip{opacity:1;visibility:visible;transform:translateY(0)}}
  .moqline{display:block;margin-top:3px;line-height:1}
  .moqline .moq{margin-left:0}
  .minnote{display:block;margin-top:4px;max-width:30ch;font-size:11.5px;font-weight:500;line-height:1.35;color:var(--muted);white-space:normal}
  .mem{display:flex;align-items:center;gap:var(--s3);padding:var(--s3) 0;border-bottom:1px solid var(--line)}
  .mem:last-child{border-bottom:0}
  .mem .av{width:32px;height:32px;border-radius:var(--r-lg);background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;font-size:var(--fs-1);font-weight:700;flex:none}
  .mem .i{flex:1;min-width:0}
  .mem .i b{display:block;font-size:var(--fs-3)}
  .mem .i span{font-size:var(--fs-1);color:var(--muted)}
  .mem .i b,.mem .i span{overflow-wrap:anywhere}
  @media(max-width:620px){
    .mem{flex-wrap:wrap;row-gap:var(--s2)}
    .mem .i{flex:1 1 auto;min-width:150px}
    .mem .tag,.mem .btn{order:5}
    .mem .btn{margin-left:auto}
  }
  .crumb{font-size:var(--fs-2);color:var(--muted);margin-bottom:var(--s3)}
  .crumb a{color:var(--muted)}
  .crumb a:hover{color:var(--accent)}
  .crumb span{margin:0 var(--s2);color:var(--line2)}
  .flow{display:flex;flex-wrap:wrap;gap:0;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--panel);overflow:hidden;margin-bottom:var(--s4)}
  .fl{flex:1 1 0;min-width:118px;padding:var(--s3) var(--s3);border-right:1px solid var(--line);position:relative}
  .fl:last-child{border-right:0}
  .fl .d{width:12px;height:12px;border-radius:50%;background:var(--line2);margin-bottom:var(--s2)}
  .fl .s{font-size:var(--fs-1);font-weight:600;color:var(--muted);line-height:1.3}
  .fl .w{font-size:var(--fs-1);color:var(--faint);font-family:var(--mono);margin-top:var(--s1);min-height:14px}
  .fl.done .d{background:var(--pos)}
  .fl.done .s{color:var(--ink2)}
  .fl.now{background:var(--accent-soft)}
  .fl.now .d{background:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}
  .fl.now .s{color:var(--accent);font-weight:700}
  .tl{list-style:none;margin:0;padding:0;text-align:left}
  .tl li{position:relative;padding:0 0 var(--s4) var(--s6);border-left:2px solid var(--line);margin-left:var(--s1)}
  .tl li:last-child{border-left-color:transparent;padding-bottom:0}
  .tl li:before{content:"";position:absolute;left:-6px;top:3px;width:10px;height:10px;border-radius:50%;background:var(--line2);border:2px solid var(--panel)}
  .tl li.done:before{background:var(--pos)}
  .tl .h{font-size:var(--fs-3);font-weight:600}
  .tl .m{font-size:var(--fs-1);color:var(--muted);font-family:var(--mono);margin-top:1px}
  .tl .n{font-size:var(--fs-2);color:var(--muted);margin-top:var(--s1)}
  .tl li.hid{display:none}
  .hist-open .tl li.hid{display:block}
  .lnk{background:none;border:0;padding:0;margin:0;font:inherit;color:var(--accent);text-decoration:underline;text-underline-offset:2px;cursor:pointer}
  .lnk.more{display:flex;align-items:center;justify-content:space-between;gap:var(--s2);width:100%;
            margin-top:var(--s1);padding:var(--s2) var(--s3);background:var(--band);border:1px solid var(--line);
            border-radius:var(--r-lg);font-size:var(--fs-3);font-weight:600;color:var(--ink);cursor:pointer;
            font-family:inherit;text-align:left}
  .lnk.more:hover{background:var(--panel);border-color:var(--line2)}
  .lnk.more .cnt{font-family:var(--mono);font-size:var(--fs-1);color:var(--muted);font-weight:400}
  .hist-open .lnk.more .cnt{display:none}
  .pdgrid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:var(--s4);align-items:start}
  @media(max-width:1000px){.pdgrid{grid-template-columns:minmax(0,1fr)}}
  @media(max-width:1000px){
    .pdgrid:has(> aside > .card #pd-add){row-gap:0}
    .pdgrid:has(> aside > .card #pd-add) > aside{display:contents}
    .pdgrid > aside > .card:has(#pd-add){order:-1}
  }
  .pdhead{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--s5) var(--s5);margin-bottom:var(--s3)}
  .pdhead .eyebrow{font-size:var(--fs-1);text-transform:uppercase;letter-spacing:.15em;color:var(--accent);font-weight:600}
  .pdhead h1{font-size:var(--fs-7);letter-spacing:-.022em;margin:var(--s1) 0 var(--s2);font-weight:600}
  .pdhead h1 .pdpres{font-weight:400;color:var(--ink2);white-space:nowrap}
  @media(max-width:620px){
    .who .tr{display:block;max-width:104px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  }
  @media(max-width:339px){
    .who .av + span{display:none}
    .who{padding:var(--s1)}
  }
  @media(max-width:400px){
    .pdhead h1 .pdpres{white-space:normal}
    .cat-hd{flex-wrap:wrap}
    .fresh{flex-wrap:wrap}
    .fresh .btn{margin-left:auto}
  }
  @media(max-width:360px){
    .pdhead{padding:var(--s4)}
  }
  .kv dd{min-width:0;overflow-wrap:anywhere}
  .btn.wlt{white-space:normal;height:auto;min-height:var(--ctl);line-height:1.25;padding-top:var(--s2);padding-bottom:var(--s2);text-align:center;max-width:100%}
  @media(max-width:860px){ .btn.wlt{min-height:var(--tap)} }
  .coa-grid{grid-template-columns:repeat(auto-fill,minmax(min(200px,100%),1fr))}
  @media(max-width:340px){
    .kv{grid-template-columns:minmax(0,1fr);row-gap:0}
    .kv dt{margin-top:var(--s2)}
    .kv dt:first-child{margin-top:0}
    #o-lines-box .ln{flex-wrap:wrap}
    #o-lines-box .ln .c{width:auto}
    #o-lines-box .ln .q{margin-left:auto}
    #o-lines-box .ln .d{flex:1 0 100%;order:9}
    #v-checkout .padbtns .btn{min-width:0;white-space:normal;line-height:1.2}
    #v-checkout .padbtns .co-bartot{flex-direction:column;align-items:flex-end;justify-content:center;gap:0;min-width:0}
  }
  @media(max-width:300px){
    #v-checkout .padbtns{padding-left:var(--s3);padding-right:var(--s3)}
    #v-checkout .padbtns .btn{padding-left:var(--s3);padding-right:var(--s3)}
  }
  @media screen and (max-width:1000px){
    .cat tbody tr{content-visibility:auto;contain-intrinsic-size:auto 144px}
    .cat .moq-tip{bottom:auto;top:calc(100% + 8px);max-width:min(212px,calc(100vw - 64px));transform:translateY(-4px)}
    .cat .moq-tip:after{top:auto;bottom:100%;border-top-color:transparent;border-bottom-color:#1c2230}
  }
  .pdimg{display:block;width:100%;height:auto;border-radius:var(--r);border:1px solid var(--line);margin-bottom:var(--s3);background:#fff}
  .pdhead .codes{display:flex;gap:var(--s5);flex-wrap:wrap;font-size:var(--fs-3);color:var(--muted);padding-top:var(--s3);margin-top:var(--s3);border-top:1px solid var(--line)}
  .pdhead .codes b{color:var(--ink2);font-family:var(--mono)}
  .pdhead .codes .pdprice{order:-1;color:var(--ink2)}
  .pdhead .codes .pdprice b{color:var(--ink);font-size:var(--fs-4)}
  @media screen and (max-width:1000px){
    table.cards[aria-label="Presentations and prices"] tbody{display:flex;flex-direction:column}
    table.cards[aria-label="Presentations and prices"] tbody tr.here{order:-1}
  }
  .tbd{color:var(--faint);font-style:italic}
  .pdhead .pdlede{font-size:var(--fs-3);color:var(--muted);max-width:640px}
  @media(max-width:620px),((max-width:1000px) and (max-height:500px)){
    .pdhead:has(+ .pdgrid #pd-add){padding:var(--s4)}
    .pdhead:has(+ .pdgrid #pd-add) .eyebrow{display:none}
    .pdhead:has(+ .pdgrid #pd-add) h1{font-size:var(--fs-6);margin-top:0}
    .pdhead:has(+ .pdgrid #pd-add) .pdlede{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
    .pdhead:has(+ .pdgrid #pd-add) .codes{padding-top:var(--s2);margin-top:var(--s2)}
    .pdhead:has(+ .pdgrid #pd-add) .codes > span:not(.pdprice):not(:first-child){display:none}
    .pdgrid > aside > .card:has(#pd-add) > .card-hd{display:none}
  }
  .lede{font-size:var(--fs-3);color:var(--ink2);margin:0 0 var(--s3);line-height:1.6}
  .mt{margin-top:var(--s3)}
  .seqnote{font-size:var(--fs-1);color:var(--muted);margin-top:var(--s1)}
  .lotsum{font-size:var(--fs-2);color:var(--muted);margin-bottom:var(--s1)}
  .empty.pad{padding:var(--s3) 0}
  .qty.w{width:100%;height:var(--ctl)}
  #pd-host aside .btn.blk+.btn.blk{margin-top:var(--s2)}
  .cards tr.here td:first-child{box-shadow:inset 3px 0 0 var(--accent)}
  .cr-i:hover{text-decoration:none}
  @media(max-width:1000px){
    .cat .tbl-wrap{overflow-x:visible}
    .cat table,.cat tbody,.cat tr,.cat td{display:block;width:auto}
    .cat thead{display:none}
    .cat tbody tr{
      position:relative;
      display:grid;
      grid-template-columns:minmax(0,1fr) minmax(0,auto);
      grid-template-areas:"code  stock"
        "prod  stock"
        "spec  spec"
        "price qty"
        "unit  qty"
        "tot   tot";
      gap:1px var(--s2);
      padding:var(--s2) var(--s3) var(--s2);
      border-bottom:1px solid var(--line);
      height:auto;
    }
    .cat tbody tr.has{background:var(--accent-soft)}
    .cat tbody td{border:0;height:auto;padding:0;white-space:normal;font-size:var(--fs-3);min-width:0;overflow-wrap:anywhere}
    .cat td.code{grid-area:code;font-size:var(--fs-1)}
    .cat td.prod{grid-area:prod;font-weight:600}
    .cat td.prod a{display:block;padding:var(--s1) 0;margin:calc(-1*var(--s1)) 0}
    .cat td.spec{grid-area:spec;color:var(--muted);font-size:var(--fs-2);margin-bottom:var(--s1)}
    .cat td.box{grid-area:price;text-align:left;font-weight:600;font-size:var(--fs-4)}
    .cat td.unit{grid-area:unit;text-align:left;font-size:var(--fs-1);color:var(--muted)}
    .cat td.avail{grid-area:stock;text-align:right;align-self:start}
    .cat td.avail .stk{display:block;max-width:104px;white-space:normal;text-align:right}
    .cat td.qc{grid-area:qty;text-align:right;align-self:center;justify-self:end}
    .cat td.qc:not(:empty)::before{content:"Schachteln";display:block;text-align:center;
      font-size:var(--fs-1);text-transform:uppercase;letter-spacing:.11em;font-weight:600;
      color:var(--muted);margin-bottom:var(--s1)}
    .cat td.tot{grid-area:tot;text-align:right;font-size:var(--fs-2)}
    .cat td.tot:empty{display:none}
    .cat td.qc input.qty{width:92px;height:var(--tap);font-size:var(--fs-touch);text-align:center}
    .cat td.r:nth-of-type(4)::after{content:" pro Schachtel";font-size:var(--fs-1);font-weight:400;color:var(--muted)}
    .cat td.unit{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 var(--s1)}
    .cat td.unit::after{content:"pro Fläschchen";order:1}
    .cat td.unit .uprice{order:2;flex-basis:100%;margin-top:0}
    .cat td.tot:not(:empty)::before{content:"Zeilensumme ";color:var(--muted)}
    .cat td.avail .stk::after{display:block;font-weight:400;text-transform:none;
      letter-spacing:0;font-size:var(--fs-1);color:var(--muted);margin-top:2px}
    .cat td.avail .stk.low::after{content:"teilweise verfügbar"}
    .cat td.avail .stk.out::after{content:none}
    .cat td.avail .stk.out.soon::after{content:"arriving"}
    .cat td.avail .stk.out.coming::after{content:"on order"}
    .cat td.avail .stk.ask::after{content:"noch keine Charge"}
    .cat .cat-hd{position:sticky;top:var(--tools-h,0px);z-index:5}
    .cat .cat-hd{transition:top .18s ease}
  }
  @media(min-width:701px) and (max-width:1000px){
    .cat tbody{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));column-gap:var(--s5);align-items:start}
    .cat tbody tr{border-bottom:1px solid var(--line)}
  }
  @media(max-width:1000px) and (max-height:500px){
    .tools{position:static;top:auto}
  }
  @media(min-width:701px) and (max-width:1000px){
    .tools .fld label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;
      overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
    .tools .fld:first-child{flex:1 1 240px}
    .tools .fld:first-child input{width:100%;min-width:0}
    .cat tbody{align-items:stretch}
    .cat tbody tr{align-content:start}
  }
  @media screen and (max-width:1000px){
    .cat tbody tr.fam td{border-top:0}
    .cat tbody tr:nth-child(even) td,.cat tbody tr:hover td{background:none}
    .cat tbody tr:nth-child(even){background:var(--stripe)}
    .cat tbody tr.has td{background:none;box-shadow:none}
    .cat tbody tr.has{background:var(--accent-soft);box-shadow:inset 3px 0 0 var(--pos)}
    .cat tbody td.prod > a{position:relative;z-index:1}
  }
  @media print,(min-width:1001px){ td.uprice,td.uprice:empty{display:table-cell} }
  @media(max-width:700px){
    .tools{position:static;top:auto}
    .tools .in{flex-wrap:wrap;padding:var(--s2) var(--s3);gap:var(--s2)}
    .fld label kbd{display:none}
    .tools .fld label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;
      overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
    .tools .fld:first-child{flex:1 1 100%}
    .tools .fld:first-child input{width:100%;min-width:0}
    .t-rest{flex:1 1 100%;display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2)}
    .t-rest::-webkit-scrollbar{display:none}
    .t-rest.more-right{
      -webkit-mask-image:linear-gradient(to right,#000 calc(100% - 34px),transparent);
      mask-image:linear-gradient(to right,#000 calc(100% - 34px),transparent)}
    .t-rest.more-left{
      -webkit-mask-image:linear-gradient(to left,#000 calc(100% - 34px),transparent);
      mask-image:linear-gradient(to left,#000 calc(100% - 34px),transparent)}
    .t-rest.more-left.more-right{
      -webkit-mask-image:linear-gradient(to right,transparent,#000 34px,#000 calc(100% - 34px),transparent);
      mask-image:linear-gradient(to right,transparent,#000 34px,#000 calc(100% - 34px),transparent)}
    .t-rest:focus-visible{outline:2px solid var(--focus,#2f6f9e);outline-offset:2px}
    .t-rest .fld,.t-rest .tbtn,.t-rest .count{flex:0 0 auto}
    .t-rest .fld select{min-width:132px}
  }
  #t-more{display:none}
  .qpeek{display:none}
  @media(max-width:700px){
    .qpeek{position:fixed;left:0;right:0;top:0;z-index:45;display:flex;align-items:center;gap:var(--s2);width:100%;margin:0;
      padding:var(--s2) var(--s3);background:var(--panel);border:0;border-bottom:1px solid var(--line2);border-radius:0;
      box-shadow:0 4px 14px rgba(0,0,0,.10);font:inherit;color:var(--muted);text-align:left;cursor:pointer;
      transform:translateY(-110%);transition:transform .18s ease}
    .qpeek.on{transform:none}
    .qpeek .qp-find{position:relative;flex:1;min-width:0;display:flex;align-items:center;margin:0;padding:0;border:0;background:none;
      font:inherit;color:inherit;text-align:left;cursor:pointer}
    .qpeek .ico{position:absolute;left:12px;color:var(--muted)}
    .qpeek .qp-menu{flex:none;display:inline-flex;align-items:center;gap:var(--s2);height:44px;margin:0;padding:0 var(--s3);
      border:1px solid var(--line2);border-radius:var(--r);background:var(--panel);color:var(--ink);font:inherit;
      font-size:var(--fs-3);font-weight:600;cursor:pointer}
    .qpeek .qp-menu .bars{width:16px;height:11px;position:relative;display:block}
    .qpeek .qp-menu .bars::before,.qpeek .qp-menu .bars::after,.qpeek .qp-menu .bars>i{content:"";position:absolute;left:0;right:0;
      height:2px;background:currentColor;border-radius:var(--r)}
    .qpeek .qp-menu .bars>i{top:50%;margin-top:-1px}
    .qpeek .qp-menu .bars::before{top:0}
    .qpeek .qp-menu .bars::after{bottom:0}
    .qpeek .qp-menu[aria-expanded="true"]{background:var(--accent);border-color:var(--accent);color:var(--white)}
    .nlinks.peek.open{position:fixed;left:0;right:0;top:0;z-index:46;width:100%;margin:0;
      max-height:100vh;max-height:100dvh;overflow-y:auto;overscroll-behavior:contain;box-shadow:0 12px 28px rgba(0,0,0,.28)}
    .qpeek .ph{flex:1;display:flex;align-items:center;min-height:44px;padding:0 var(--s3) 0 38px;border:1px solid var(--line2);
      border-radius:var(--r);background:var(--panel);font-size:var(--fs-touch);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  }
  @media(prefers-reduced-motion:reduce){ .qpeek,.cat .cat-hd{transition:none} }
  @media(max-width:700px){
    .t-rest{display:contents}
    .tools .t-rest .fld:first-child{order:1;flex:1 1 150px;min-width:0}
    .t-rest .fld select{width:100%;min-width:0}
    .tools .curchip{order:2}
    .tools .in::after{content:"";order:2;flex:1 0 100%;height:0}
    .tools.more-open .in::before{content:"";order:4;flex:1 0 100%;height:0}
    #t-stock,#t-order{order:3;flex:1 1 0;min-width:0;white-space:normal;line-height:1.15;text-align:center}
    #t-more{order:3;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:var(--s2)}
    #t-more::after{content:"";flex:none;width:6px;height:6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg)}
    .tools.more-open #t-more{border-color:var(--accent);color:var(--accent)}
    .tools.more-open #t-more::after{transform:translateY(2px) rotate(-135deg)}
    #t-fold,#t-pdf,#t-csv{order:5;flex:1 1 auto;display:none}
    .tools.more-open #t-fold,.tools.more-open #t-pdf,.tools.more-open #t-csv{display:inline-flex;align-items:center;justify-content:center}
  }
  @media(max-width:300px){
    #t-stock,#t-order,#t-more{padding-left:var(--s1);padding-right:var(--s1);height:auto;min-height:var(--tap)}
  }
  @media(max-width:820px),(hover:none) and (pointer:coarse){
    input,select,textarea,.f input,.f select,.f textarea,.fld input,.fld select{font-size:var(--fs-touch)}
    .qty{font-size:var(--fs-touch)}
    .qty.w{height:var(--tap)}
    #qo-text{font-size:var(--fs-touch)}
  }
  .mbar{padding-bottom:calc(10px + env(safe-area-inset-bottom))}
  body.has-order{padding-bottom:calc(74px + env(safe-area-inset-bottom))}
  td.prod a,td.code a,.buy .c a{display:block;padding:var(--s2) 0;margin:calc(-1*var(--s2)) 0}
  .kv dd a.trk{display:inline-block;padding:var(--s2) 0;margin:calc(-1*var(--s2)) 0}
  .code,td.code,.buy .c,.ln .c{white-space:nowrap}
  .mov{margin:var(--s2) 0 2px;font-size:var(--fs-1)}
  .mov .l{display:flex;justify-content:space-between;gap:var(--s2);color:var(--muted);margin-bottom:var(--s1)}
  .mov .l b{font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--ink2);font-weight:600}
  .mov .bar{height:4px;border-radius:var(--r);background:var(--line);overflow:hidden}
  .mov .bar i{display:block;height:100%;background:var(--accent);width:0;transition:width .18s ease}
  .mov.met .bar i{background:var(--pos)}
  .mov.met .l b{color:var(--pos)}
  .mov-first{margin:var(--s1) 0 0;font-size:var(--fs-1);color:var(--muted);line-height:1.45}
  .payguide{margin:var(--s2) 0 0;padding-left:var(--s5);font-size:var(--fs-3);line-height:1.5}
  .payguide li{margin:0 0 var(--s2)}
  .paynote .paysteps .payguide{margin-top:var(--s2);font-size:var(--fs-2)}
  .paynote .paysteps .payguide li:last-child{margin-bottom:0}
  .payguide-box{margin-top:var(--s3);border:1px solid var(--line);border-radius:var(--r-lg);background:var(--band);padding:var(--s2) var(--s3)}
  .payguide-box summary{cursor:pointer;font-weight:700;font-size:var(--fs-3);color:var(--accent)}
  .payguide-box{padding:0 var(--s3)}
  .payguide-box summary{margin:0 calc(-1*var(--s3));padding:var(--s3);min-height:44px;box-sizing:border-box}
  .payguide-box[open]{padding-bottom:var(--s2)}
  .paynote{margin-top:var(--s3);padding:var(--s2) var(--s3);background:var(--band);border-radius:var(--r);font-size:var(--fs-2);line-height:1.5;color:var(--ink2)}
  .paynote b{display:block;font-size:var(--fs-1);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:2px}
  .again{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);margin-bottom:var(--s3)}
  .again .hd{padding:var(--s2) var(--s3);border-bottom:1px solid var(--line);background:var(--band);
             font-size:var(--fs-1);text-transform:uppercase;letter-spacing:.13em;font-weight:600;color:var(--ink2);
             display:flex;align-items:center;gap:var(--s2);flex-wrap:wrap}
  .again .hd .x{margin-left:auto;text-transform:none;letter-spacing:0;font-weight:400;color:var(--muted);font-size:var(--fs-1)}
  .again .bd{padding:var(--s2) var(--s3);display:flex;gap:var(--s2);flex-wrap:wrap;align-items:center}
  @media(max-width:1340px){ .topbar .tb-wider{display:none} }
  @media(max-width:820px){
    .topbar a{display:inline-block;padding:var(--s2) 0}
    .topbar a.regopt{display:flex;padding:var(--s2) var(--s3)}
    .topbar .tb-wide{display:none}
    .topbar .tb-long{display:none}
    .topbar .tb-short{display:inline}
    .topbar .in{flex-wrap:nowrap;white-space:nowrap}
    .topbar .r{display:flex;align-items:center;gap:var(--s3);min-width:0}
    .topbar .sep{display:none}
    .nav .r .btn{height:30px;padding:0 var(--s2);font-size:var(--fs-2)}
    .topbar b,.topbar b + .sep,.topbar b + .sep + span{display:none}
    .topbar b{font-size:var(--fs-1)}
    .topbar .in{gap:var(--s2);padding-top:0;padding-bottom:0;min-height:41px}
    footer a{display:inline-block;padding:var(--s1) 0}
    .dcard a,.rec a{display:inline-block;padding:var(--s1) 0}
    .print-only-desktop{display:none}
    .side a{padding-top:var(--s2);padding-bottom:var(--s2)}
  }
  .again .chip.more{display:none}
  @media(max-width:820px){
    .again .bd{flex-wrap:wrap;padding:var(--s2) var(--s3)}
    .again .chip{max-width:100%;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-height:var(--tap-sm)}
    .again .chip[data-againall]{order:-1}
    .again:not(.all) .chip.xtra{display:none}
    .again:not(.all) .chip.more{display:inline-flex}
    .again .hd .x{display:none}
  }
  .again .chip{display:inline-flex;align-items:center;gap:var(--s2);border:1px solid var(--line2);border-radius:var(--r);
               padding:var(--s1) var(--s2);font-size:var(--fs-2);background:var(--panel);cursor:pointer;text-align:left}
  .again .chip:hover{border-color:var(--accent);color:var(--accent)}
  .again .chip b{font-family:var(--mono);font-size:var(--fs-1);color:var(--accent)}
  .again .chip .n{color:var(--muted);font-size:var(--fs-1)}
  .nores .act{margin-top:var(--s3);display:flex;gap:var(--s2);justify-content:center;flex-wrap:wrap}
  kbd{font-family:var(--mono);font-size:var(--fs-1);border:1px solid var(--line2);border-bottom-width:2px;
      border-radius:var(--r);padding:1px var(--s1);background:var(--panel);color:var(--muted)}
  .seq{font-family:var(--mono);font-size:var(--fs-1);line-height:1.85;letter-spacing:.06em;
       word-break:break-all;background:var(--band);border:1px solid var(--line);
       border-radius:var(--r);padding:var(--s2) var(--s3);color:var(--ink)}
  .seq b{color:var(--accent);font-weight:600}
  .spectbl{width:100%;border-collapse:collapse;font-size:var(--fs-3)}
  .spectbl th,.spectbl td{border-bottom:1px solid var(--line);padding:var(--s2) var(--s2);text-align:left;
       vertical-align:top;white-space:normal;height:auto;overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}
  .spectbl th{width:180px;color:var(--muted);font-weight:500;background:var(--band)}
  .spectbl tr:last-child th,.spectbl tr:last-child td{border-bottom:0}
  @media(max-width:560px){.spectbl th{width:120px}}
  .coa-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--s3);margin-top:var(--s3)}
  .coa-fig{margin:0;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--band)}
  .coa-fig .coa-open{display:block;width:100%;padding:0;border:0;background:#fff;cursor:zoom-in;line-height:0}
  .coa-fig img{display:block;width:100%;height:auto;border-bottom:1px solid var(--line)}
  .coa-fig figcaption{padding:var(--s2);font-size:var(--fs-3)}
  .coa-fig figcaption b{display:block;font-weight:600;color:var(--ink)}
  .coa-fig figcaption>span{display:block;color:var(--muted);overflow-wrap:anywhere}
  .coa-fig .coa-pur{display:inline-block;color:var(--pos,#16a34a);font-weight:600;margin-right:8px}
  .coa-modal-pur{color:var(--pos,#16a34a);font-weight:600;margin-left:8px;white-space:nowrap}
  .coa-fig .coa-prod{display:inline-block;margin-top:4px;color:var(--accent);text-decoration:none;font-weight:500}
  .coa-fig .coa-prod:hover{text-decoration:underline}
  .coa-fig-solo{max-width:360px}
  .coa-fig-solo a{display:block;background:#fff;line-height:0}
  .coa-modal{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:16px}
  .coa-modal[hidden]{display:none}
  .coa-modal-bg{position:absolute;inset:0;background:rgba(0,0,0,.62);cursor:pointer}
  .offbar{position:fixed;left:0;right:0;top:0;z-index:2147482000;background:#7a2318;color:#fff;padding:calc(8px + env(safe-area-inset-top,0px)) 14px 8px;font-size:14px;line-height:1.4;text-align:center;box-shadow:0 4px 14px rgba(0,0,0,.25);cursor:pointer}
  .coa-modal-box{position:relative;background:#fff;border-radius:10px;max-width:780px;width:100%;max-height:93vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 12px 44px rgba(0,0,0,.34)}
  .coa-modal-x{position:absolute;top:4px;right:6px;z-index:2;border:0;background:rgba(255,255,255,.9);border-radius:6px;width:44px;height:44px;font-size:24px;line-height:1;cursor:pointer;color:var(--ink)}
  .coa-modal-hd{padding:12px 56px 12px 16px;border-bottom:1px solid var(--line)}
  .coa-modal-hd b{font-weight:600;color:var(--ink)}
  .coa-modal-hd span{color:var(--muted);margin-left:8px}
  .coa-modal-scroll{overflow:auto;background:#f3f4f6;padding:10px;text-align:center}
  .coa-modal-scroll img{max-width:100%;height:auto;box-shadow:0 1px 8px rgba(0,0,0,.16)}
  .coa-modal-ft{padding:12px 16px;border-top:1px solid var(--line);display:flex;gap:14px;align-items:center;flex-wrap:wrap}
  .coa-modal-ft .hint{margin:0}
  #pd-more,#cat-more,#cp-more,#home-more,#pg-more{margin-top:var(--s3)}
  #sk-host .codes b{color:var(--pos)}
  #pg-more .pd-qa h4{font-size:var(--fs-3);font-weight:600;margin:0 0 var(--s1);color:var(--ink)}
  #pd-more .card,#cat-more .card,#cp-more .card,#pd-more h2,#cat-more h2,#cp-more h2,#pd-more h3,#cat-more h3,#cp-more h3{scroll-margin-top:170px}
  .stamp{font-size:var(--fs-2);color:var(--muted);margin:0 0 var(--s2)}
  .stamp time{font-family:var(--mono)}
  .pd-qa{padding:var(--s2) 0;border-bottom:1px solid var(--hair)}
  .pd-qa:last-child{border-bottom:0;padding-bottom:0}
  .pd-qa h3{font-size:var(--fs-3);font-weight:600;margin:0 0 var(--s1);color:var(--ink)}
  .pd-qa p{margin:0;font-size:var(--fs-3);line-height:1.6;color:var(--ink2)}
  .certlist{margin:var(--s2) 0 0;padding-left:1.2em;font-size:var(--fs-3);line-height:1.6}
  .certlist li{margin-bottom:var(--s1)}
  .gd-index,#gd-more ul,#home-guides ul,.gd-body ul,.gd-body ol{padding-left:1.2em}
  #pd-more .card-bd>p,#cat-more .card-bd>p,#cp-more .card-bd>p,#home-more .card-bd>p{font-size:var(--fs-3);line-height:1.6;color:var(--ink2)}
  #pd-more .card-bd>p+p,#cat-more .card-bd>p+p,#cp-more .card-bd>p+p,#home-more .card-bd>p+p{margin-top:var(--s2)}
  .mx{width:100%;border-collapse:collapse;font-size:var(--fs-3)}
  .gtab{width:100%;border-collapse:collapse;font-size:var(--fs-3);margin:var(--s2) 0}
  .gtab th,.gtab td{border-bottom:1px solid var(--line);padding:var(--s1) var(--s2);text-align:left;vertical-align:top}
  .gtab thead th{font-weight:600;color:var(--ink);white-space:nowrap}
  .gtab td+td,.gtab th+th{text-align:right;white-space:nowrap}
  .gtab tr.best td{background:var(--band)}
  @media(max-width:560px){ .gtab{font-size:var(--fs-2)} .gtab.wtb th:nth-child(4),.gtab.wtb td:nth-child(4){display:none} .gtab th,.gtab td{padding:var(--s1) 6px} }
  .gtab.stack thead{display:none}
  .gtab.stack,.gtab.stack tbody,.gtab.stack tr,.gtab.stack td{display:block;width:100%}
  .gtab.stack tr{padding:var(--s2) 0;border-bottom:1px solid var(--line)}
  .gtab.stack td,.gtab.stack td+td{border:0;padding:3px 0;text-align:left;white-space:normal;display:flex;justify-content:space-between;align-items:baseline;gap:var(--s3)}
  .gtab.stack td *{white-space:normal;overflow-wrap:anywhere}
  .gtab.stack td::before{content:attr(data-label);color:var(--muted);font-size:var(--fs-1);letter-spacing:.06em;text-transform:uppercase;flex:none}
  .gtab.stack td:first-child{font-weight:600}
  .gtab.stack td:first-child::before{content:none}
  .gtab.stack tr.best{background:var(--band)}
  .gtab.stack tr.best td{background:transparent}
  .gd-body h2{margin-top:var(--s4)} .gd-body table a{white-space:nowrap}
  .mx th,.mx td{border-bottom:1px solid var(--line);padding:var(--s1) var(--s2);vertical-align:top}
  .mx th[scope=row]{white-space:nowrap;color:var(--muted);font-weight:500;background:var(--band);text-align:left;position:sticky;left:0;z-index:1;box-shadow:1px 0 0 var(--line)}
  .mx td a{display:inline-block;padding:4px 0;min-height:24px;line-height:1.2}
  .mx thead th{text-align:right;font-weight:600;color:var(--ink)}
  .mx thead th:first-child{text-align:left}
  .mx td.r{text-align:right;font-family:var(--mono)}
  .mx td.in{background:var(--pos-soft)} .mx td.low{background:var(--warn-soft)}
  .mx td .mx-code{display:block;font-size:var(--fs-1);color:var(--faint)}
  .mx tfoot th,.mx tfoot td{border-top:2px solid var(--line);border-bottom:0;font-weight:600}
  @media(max-width:1000px){
    .tbl-wrap:has(> table.mx){display:none}
    .lede:has(+ .tbl-wrap > table.mx){display:none}
    .card:has(> .card-bd > .tbl-wrap > table.mx){display:none}
  }
  .lotline{display:grid;grid-template-columns:1fr auto;gap:2px var(--s3);border-bottom:1px solid var(--line);padding:var(--s2) 0}
  .lotline:last-child{border-bottom:0}
  .lotline .n{font-family:var(--mono);font-size:var(--fs-2);font-weight:600}
  .lotline .b{font-size:var(--fs-2);color:var(--ink2);text-align:right;white-space:nowrap}
  .lotline .m{grid-column:1/-1;font-size:var(--fs-1);color:var(--muted)}
  .qgrid{display:grid;grid-template-columns:1fr 1fr;gap:var(--s3)}
  @media(max-width:820px){.qgrid{grid-template-columns:1fr}}
  .stepn{display:grid;grid-template-columns:26px 1fr;gap:0 var(--s3);align-items:start;padding:var(--s3) 0;border-bottom:1px solid var(--line)}
  .stepn:last-child{border-bottom:0}
  .stepn .i{width:22px;height:22px;border-radius:var(--r);background:var(--ink);color:var(--bg);
            display:flex;align-items:center;justify-content:center;font-size:var(--fs-1);font-weight:600;
            font-family:var(--mono)}
  .stepn b{display:block;font-size:var(--fs-3);margin-bottom:2px}
  .stepn p{font-size:var(--fs-3);color:var(--ink2);line-height:1.6;margin:0}
  .docgrid{display:grid;grid-template-columns:200px minmax(0,1fr);gap:var(--s4);align-items:start}
  .docgrid>*{min-width:0}
  .docidx{position:sticky;top:var(--s4);background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden}
  .di-hd{padding:var(--s2) var(--s3);background:var(--accent);color:var(--white);font-size:var(--fs-1);text-transform:uppercase;letter-spacing:.13em;font-weight:600}
  .docidx a{display:flex;gap:var(--s2);align-items:baseline;padding:var(--s2) var(--s3);border-bottom:1px solid var(--line);font-size:var(--fs-2);color:var(--ink2);line-height:1.35;min-height:var(--ctl-sm)}
  .docidx a:last-child{border-bottom:0}
  .docidx a:hover{background:var(--band);color:var(--accent);text-decoration:none}
  .docidx a .n{font-family:var(--mono);color:var(--faint);flex:none;width:20px;font-size:var(--fs-1)}
  .docbody .card:last-child{margin-bottom:0}
  .docbody .terms{color:var(--ink2);font-size:var(--fs-3);line-height:1.6}
  .docbody .terms b{color:var(--ink)}
  .card-hd .no{font-family:var(--mono);color:var(--accent);letter-spacing:0;margin-right:2px}
  .terms ul{margin:0 0 var(--s2) var(--s4)}
  .terms li{margin-bottom:3px}
  .terms li:last-child{margin-bottom:0}
  @media(max-width:1000px){.docgrid{grid-template-columns:minmax(0,1fr)}.docidx{position:static}}
  @media(max-width:860px){.docidx{display:none}}
  .mt{margin-top:var(--s3)} .mt-1{margin-top:var(--s1)} .mt-2{margin-top:var(--s2)} .mt-4{margin-top:var(--s4)}
  .mb-0{margin-bottom:0}
  .m-lede{font-size:var(--fs-3);color:var(--muted);line-height:1.6;margin-bottom:var(--s4)}
  .rf-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s3);margin-bottom:var(--s3)}
  .rf-row .f select,.rf-dom select{width:100%;height:var(--ctl);border:1px solid var(--line2);border-radius:var(--r);background:var(--panel);font:inherit;padding:0 var(--s2)}
  .rf-dom{display:grid;grid-template-columns:auto minmax(220px,340px) 1fr;gap:var(--s2) var(--s3);align-items:center;margin-bottom:var(--s3);font-size:var(--fs-2)}
  .rf-dom label{font-size:var(--fs-1);text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:700}
  .rf-who td:nth-child(3){white-space:normal;min-width:140px} .rf-who td .rf-lbl{font-family:var(--sans);white-space:normal} .rf-who td .rf-lbl.num{font-family:var(--mono);overflow-wrap:anywhere} .rf-who td:first-child{max-width:230px}
  .rf-bal{display:grid;gap:var(--s2);margin-bottom:var(--s4)} .rf-balrow{display:flex;justify-content:space-between;align-items:center;gap:var(--s3);flex-wrap:wrap;border:1px solid var(--line);border-radius:var(--r);padding:var(--s3);background:var(--band)}
  .rf-balrow b{display:block;font-size:20px;line-height:1.25} .rf-balrow span{display:block;font-size:var(--fs-2);color:var(--muted);line-height:1.5} .rf-balrow .tag{display:inline-block}
  .rf-asked{text-align:right;max-width:420px} .rf-asked .btn{min-height:40px;margin-top:4px} @media(max-width:700px){.rf-asked{text-align:left;max-width:none;width:100%}}
  .rf-funnel{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s2);margin-bottom:var(--s3)} .rf-funnel>div{border:1px solid var(--line);border-radius:var(--r);padding:var(--s2) var(--s3);background:var(--band)}
  .rf-funnel b{display:block;font-size:20px;line-height:1.25} .rf-funnel span{font-size:var(--fs-2);color:var(--muted)} .rf-funnel i{font-style:normal;float:right;font-size:var(--fs-2);color:var(--accent);font-weight:700}
  @media(max-width:700px){.rf-funnel{grid-template-columns:repeat(2,minmax(0,1fr))}}
  .rf-hint{font-size:var(--fs-2);color:var(--muted);line-height:1.5} .rf-payhint{margin:-4px 0 var(--s3)} #rf-pay .btn{margin-top:4px}
  .rf-paylbl{font-size:var(--fs-1);text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:700;margin-bottom:6px} .rf-paylbl span{text-transform:none;letter-spacing:0;font-weight:400}
  .rf-paycards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--s2);margin-bottom:var(--s3);max-width:920px}
  .rf-paycard{display:flex;align-items:center;gap:var(--s2);padding:10px 12px;border:1px solid var(--line2);border-radius:var(--r);background:var(--panel);font:inherit;font-weight:700;font-size:var(--fs-3);color:var(--ink);cursor:pointer;text-align:left;min-height:48px}
  .rf-paycard img{height:28px;width:auto;flex:none;border-radius:6px} .rf-paycard:hover{background:var(--band)} .rf-paycard.on{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);background:var(--accent-soft)}
  @media(max-width:860px){.rf-paycards{grid-template-columns:repeat(2,minmax(0,1fr))}}
  @media(max-width:380px){.rf-paycards{grid-template-columns:1fr}}
  .rf-check{font-size:var(--fs-2);color:var(--muted);margin-top:4px;min-height:1.4em;word-break:break-all} .rf-check.good{color:var(--pos)} .rf-check.bad{color:var(--neg)}
  .rf-err{color:var(--neg);font-size:var(--fs-3);margin:0 0 var(--s3)}
  .rf-new{margin-top:var(--s4);padding-top:var(--s4);border-top:1px solid var(--hair)}
  .rf-tbl .rf-url{word-break:break-all} .rf-tbl .rf-lbl{font-size:var(--fs-2);color:var(--muted);margin-top:2px} .rf-tbl tr.off td{color:var(--muted)}
  .rf-tbl td{height:auto;padding-top:8px;padding-bottom:8px;vertical-align:top} .rf-tbl td:first-child{white-space:normal;max-width:340px;min-width:230px} .rf-tbl td:nth-child(2){white-space:normal;overflow-wrap:anywhere;min-width:96px;max-width:200px} .rf-tbl td:last-child{white-space:nowrap}
  .rf-tbl th.r,.rf-tbl td.r,.tbl td.r,.tbl th.r{text-align:right}
  .rf-spark{display:flex;align-items:flex-end;gap:3px;height:52px;margin-bottom:var(--s2)} .rf-spark span{flex:1 1 0;background:var(--accent);border-radius:1px;min-width:3px} .rf-spark span.z{background:var(--line2)}
  .rf-terms{margin:0 0 var(--s3) 1.2em;padding:0;font-size:var(--fs-3);line-height:1.6;color:var(--ink2)} .rf-terms li{margin-bottom:6px}
  .rf-agree{display:flex;gap:var(--s2);align-items:center;margin:0 0 var(--s3);font-size:var(--fs-3)}
  @media(hover:none) and (pointer:coarse){ .rf-agree{min-height:44px;cursor:pointer} .rf-agree input{width:20px;height:20px;flex:0 0 auto} }
  .rf-det{margin-top:var(--s3);font-size:var(--fs-3)} .rf-det summary{cursor:pointer;color:var(--accent);font-weight:700;margin-bottom:var(--s2)}
  .acct.solo{grid-template-columns:minmax(0,1fr)} .acct.solo .acct-tabs{display:none} .acct.solo .acct-main{max-width:1080px}
  .rf-cta{display:flex;gap:var(--s2);flex-wrap:wrap;margin:0 0 var(--s4)} .rf-cta .btn{min-height:44px;height:auto;max-width:100%;white-space:normal;line-height:1.3;padding-top:10px;padding-bottom:10px;text-align:center}
  .rf-calc-in,.rf-calc-out{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s3);max-width:660px;margin-bottom:var(--s3)} .rf-calc-in input{width:100%}
  .rf-calc-out>div{border:1px solid var(--line);border-radius:var(--r);padding:var(--s2) var(--s3);background:var(--band)} .rf-calc-out span{display:block;font-size:var(--fs-2);color:var(--muted)} .rf-calc-out b{display:block;font-size:22px;line-height:1.3;overflow-wrap:anywhere}
  .rf-how{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s3);margin-bottom:var(--s4)} .rf-how>div{border:1px solid var(--line);border-radius:var(--r);padding:var(--s3);background:var(--panel)}
  .rf-how i{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--accent);color:#fff;font-style:normal;font-weight:700;font-size:var(--fs-3);margin-bottom:var(--s2)}
  .rf-how b{display:block;margin-bottom:4px} .rf-how span{display:block;font-size:var(--fs-3);line-height:1.6;color:var(--ink2);overflow-wrap:anywhere}
  .rf-see{margin:0 0 0 1.2em;padding:0;font-size:var(--fs-3);line-height:1.6;color:var(--ink2)} .rf-see li{margin-bottom:6px} .rf-see b{color:var(--ink)}
  .rf-q{border-bottom:1px solid var(--hair)} .rf-q:last-child{border-bottom:0} .rf-q summary{cursor:pointer;font-weight:700;padding:12px 0;min-height:44px;box-sizing:border-box} .rf-q p{margin:0 0 var(--s3);font-size:var(--fs-3);line-height:1.6;color:var(--ink2);max-width:760px}
  .rf-detbox{margin:0 0 var(--s4)} .rf-detbox summary{min-height:44px;box-sizing:border-box;padding:10px 0}
  @media(max-width:520px){.dash.rf-dash{grid-template-columns:1fr 1fr;gap:var(--s2)} .rf-dash .dcard{padding:var(--s2) var(--s3)} .rf-dash .dcard .v{font-size:19px}}
  @media(max-width:700px){.rf-how{grid-template-columns:1fr}.rf-calc-in{grid-template-columns:1fr}.rf-cta .btn{flex:1 1 100%}}
  @media(max-width:860px){.rf-row{grid-template-columns:1fr}.rf-dom{grid-template-columns:1fr}.rf-dom select{height:44px;font-size:16px}}
  @media(max-width:700px){
    .rf-tbl thead{display:none}
    .rf-tbl,.rf-tbl tbody,.rf-tbl tr,.rf-tbl td{display:block;width:auto;max-width:none;min-width:0}
    .rf-tbl tr{padding:var(--s3) 0;border-bottom:1px solid var(--hair)} .rf-tbl tr:last-child{border-bottom:0}
    .rf-tbl td{border:0;padding:3px 0;height:auto;white-space:normal;text-align:left}
    .rf-tbl td:first-child,.rf-tbl td:nth-child(2){max-width:none;min-width:0}
    .rf-tbl td[data-th]{display:flex;justify-content:space-between;align-items:baseline;gap:var(--s3);text-align:right}
    .rf-tbl td[data-th]::before{content:attr(data-th);font-family:var(--sans);font-size:var(--fs-2);color:var(--muted);text-align:left;flex:none}
    .rf-tbl td:last-child{padding-top:var(--s2);white-space:normal} .rf-tbl td:last-child .btn{min-height:40px}
    .rf-tbl .cpy{padding:6px 12px;margin-top:4px}
    .rf-act,.rf-act tbody{display:block}
    .rf-act tr{display:grid;grid-template-columns:1fr auto;gap:2px var(--s3);padding:var(--s3) 0;border-bottom:1px solid var(--hair)} .rf-act tr:last-child{border-bottom:0}
    .rf-act td{display:block;border:0;padding:0;height:auto;white-space:normal}
    .rf-act td:nth-child(1){grid-column:1;grid-row:1;color:var(--muted);font-size:var(--fs-2)}
    .rf-act td:nth-child(4){grid-column:2;grid-row:1;text-align:right}
    .rf-act td:nth-child(2){grid-column:1 / -1} .rf-act td:nth-child(3){grid-column:1 / -1;color:var(--muted);font-size:var(--fs-2)}
  }
  .m-foot{font-size:var(--fs-3);margin:var(--s3) 0 0}
  .hint.warn{color:var(--warn)}
  .hint.keys{margin:0 0 var(--s2);line-height:1.8}
  .hint.keys kbd{font-size:var(--fs-1);padding:0 var(--s1)}
  @media(hover:none) and (pointer:coarse){.hint.keys{display:none}}
  .seq.plain{letter-spacing:normal}
  textarea.tall{height:240px}
  .anatomy{display:flex;gap:var(--s3);flex-wrap:wrap;margin:var(--s2) 0 0}
  .anatomy>div{flex:1 1 140px;border-left:2px solid var(--accent-line);padding-left:var(--s2)}
  .anatomy .num{display:block;font-family:var(--mono);font-weight:600;color:var(--accent);font-size:var(--fs-3)}
  .anatomy span:not(.num){font-size:var(--fs-2);color:var(--muted);line-height:1.4}
  .aged{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r-lg);margin-bottom:var(--s3)}
  @media(max-width:640px){.aged{grid-template-columns:1fr 1fr}}
  .ag{background:var(--panel);padding:var(--s3) var(--s3)}
  .ag .k{font-size:var(--fs-1);text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-weight:600}
  .ag .v{font-size:var(--fs-5);font-weight:600;margin-top:var(--s1);font-family:var(--mono)}
  .ag.due .v{color:var(--neg)}
  .payqr{display:flex;gap:var(--s4);align-items:center;margin:var(--s3) 0;
    padding:var(--s3);border:1px solid var(--line2);border-radius:var(--r);background:var(--panel)}
  .payqr svg{flex:0 0 auto;width:150px;height:150px;display:block;border-radius:4px}
  .payqr-say{font-size:var(--fs-2);color:var(--ink2);line-height:1.5}
  .payqr-say b{display:block;font-size:var(--fs-3);color:var(--ink);margin:0 0 3px}
  @media(max-width:640px){
    .payqr{flex-direction:column;align-items:flex-start;gap:var(--s2)}
    .payqr svg{width:190px;height:190px;align-self:center}
  }
  .cpy{border:1px solid var(--line2);background:var(--band);color:var(--ink2);
    font:600 var(--fs-1)/1 var(--sans);letter-spacing:.04em;text-transform:uppercase;
    padding:5px 9px;border-radius:var(--r);cursor:pointer;margin-left:6px;vertical-align:middle}
  .cpy:hover{background:var(--hover);color:var(--ink)}
  .cpy.done{background:var(--ok-bg,#e6f6ec);border-color:var(--ok,#2f9e63);color:var(--ok,#2f9e63)}
  @media(max-width:1000px){
    .cpy{min-height:44px;padding:0 var(--s4);margin-top:var(--s1)}
    .gb-t{min-height:44px}
    .gb-who,.gb-leave,#dl-price{position:relative}
    .gb-who::after,.gb-leave::after,#dl-price::after{content:"";position:absolute;left:-6px;right:-6px;top:-13px;bottom:-13px}
    .cat tbody td.prod > a{padding:13px 0;margin:-13px 0}
  }
  .moq::after{content:"";position:absolute;left:-10px;right:-10px;top:-16px;bottom:-16px}
  .empty-act{margin-top:var(--s3)}
  @media(max-width:1000px){
    .crumb a,.coa-prod,#si-forgot{position:relative}
    #si-forgot::after{content:"";position:absolute;left:-4px;right:-4px;top:-13px;bottom:-13px}
    .crumb a::after,.coa-prod::after{content:"";position:absolute;left:-4px;right:-4px;top:-13px;bottom:-13px}
  }
  .empty-act .btn{min-height:44px;display:inline-flex;align-items:center}
  @media(max-width:860px){ .topbar a[data-site="phone"]{display:flex;align-items:center;min-height:41px} }
  .payblk{background:var(--band);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--s4) var(--s4);margin-bottom:var(--s3)}
  .payblk h4{font-size:var(--fs-1);text-transform:uppercase;letter-spacing:.13em;color:var(--muted);margin-bottom:var(--s3)}
  .payrow{display:grid;grid-template-columns:190px 1fr;gap:var(--s1) var(--s3);font-size:var(--fs-3);padding:var(--s1) 0;border-bottom:1px solid var(--line)}
  .payrow:last-child{border-bottom:0}
  .payrow dt{color:var(--muted)}
  .payrow dd{font-family:var(--mono);font-weight:500;word-break:break-all}
  .payrow dd.tbd{font-family:inherit;font-weight:400;word-break:normal;overflow-wrap:anywhere}
  @media(max-width:560px){.payrow{grid-template-columns:1fr}}
  .paynetwarn{margin:var(--s2) 0;padding:var(--s2) var(--s3);border:1px solid var(--warn);
    border-left:4px solid var(--warn);border-radius:var(--r);background:var(--warn-soft);
    font-size:var(--fs-3);line-height:1.5;color:var(--ink2)}
  .paynetwarn b{color:var(--warn);display:block;margin-bottom:2px}
  .sim{border:1px dashed var(--warn);background:var(--warn-soft);border-radius:var(--r-lg);padding:var(--s3) var(--s3);margin-bottom:var(--s3)}
  .sim .h{font-size:var(--fs-1);text-transform:uppercase;letter-spacing:.12em;color:var(--warn);font-weight:700;margin-bottom:var(--s1)}
  .sim p{font-size:var(--fs-2);color:var(--ink2);margin-bottom:var(--s2);line-height:1.5}
  .inv{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--s7) var(--s8);max-width:920px;margin:0 auto}
  .inv-hd{display:flex;justify-content:space-between;gap:var(--s6);padding-bottom:var(--s5);border-bottom:2px solid var(--ink);flex-wrap:wrap}
  .inv-hd h2{font-size:var(--fs-6);letter-spacing:-.025em;font-weight:600}
  .inv-hd .meta{text-align:right;font-size:var(--fs-2);color:var(--muted);line-height:1.7}
  .inv-hd .meta b{color:var(--ink);font-family:var(--mono)}
  .inv-party{display:grid;grid-template-columns:1fr 1fr;gap:var(--s7);padding:var(--s5) 0;border-bottom:1px solid var(--line);font-size:var(--fs-3);line-height:1.6}
  @media(max-width:620px){.inv-party{grid-template-columns:1fr;gap:var(--s4)}}
  .inv-party h6{font-size:var(--fs-1);text-transform:uppercase;letter-spacing:.09em;color:var(--faint);margin-bottom:var(--s1)}
  .inv table{margin-top:var(--s4)}
  .inv thead th{position:static;background:none;border-bottom:1.5px solid var(--ink);color:var(--ink);font-size:var(--fs-1);padding:var(--s1) var(--s2)}
  .inv tbody td{height:29px;padding:0 var(--s2);font-size:var(--fs-3)}
  .inv tbody tr:nth-child(even) td{background:none}
  .inv tfoot td{padding:var(--s1) var(--s2);font-size:var(--fs-3);font-family:var(--mono);text-align:right}
  .inv tfoot tr.g td{border-top:1.5px solid var(--ink);font-weight:700;font-size:var(--fs-4)}
  .inv-note{margin-top:var(--s5);padding-top:var(--s4);border-top:1px solid var(--line);font-size:var(--fs-1);color:var(--muted);line-height:1.65}
  .acct-eyebrow{font-size:var(--fs-1);text-transform:uppercase;letter-spacing:.14em;color:var(--accent);font-weight:600;margin-bottom:var(--s1)}
  .acct-top .psub{margin-bottom:var(--s4)}
  .msg{border-bottom:1px solid var(--hair)}
  .msg:last-child{border-bottom:0}
  .msg summary{display:grid;grid-template-columns:128px minmax(0,1fr) auto;gap:var(--s3);align-items:baseline;
               padding:var(--s2) var(--s3);cursor:pointer;list-style:none;font-size:var(--fs-3)}
  .msg summary::-webkit-details-marker{display:none}
  .msg summary:hover{background:var(--band)}
  .msg .k{font-size:var(--fs-1);text-transform:uppercase;letter-spacing:.08em;font-weight:600;color:var(--muted);white-space:nowrap}
  .msg .s{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink2)}
  .msg .t{font-family:var(--mono);font-size:var(--fs-1);color:var(--faint);white-space:nowrap}
  .msg.unread{box-shadow:inset 3px 0 0 var(--accent)}
  .msg.unread .s{font-weight:600;color:var(--ink)}
  .msg.unread .k{color:var(--accent)}
  .msg .b{padding:2px var(--s3) var(--s3) 153px;font-size:var(--fs-3);color:var(--ink2);line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}
  .msg .b .acts{margin-top:var(--s2);white-space:normal}
  @media(max-width:700px){
    .msg summary{grid-template-columns:minmax(0,1fr) auto;gap:var(--s1) var(--s2)}
    .msg .k{grid-column:1/-1}
    .msg .b{padding-left:var(--s3)}
  }
  @media(max-width:560px){
    .msg .k{grid-column:1;grid-row:1}
    .msg .t{grid-column:2;grid-row:1}
    .msg .s{grid-column:1/-1;grid-row:2;white-space:normal;overflow:visible;text-overflow:clip}
  }
  .who .bdg.msg{background:var(--neg);margin-left:0}
  .restore{margin:0 0 var(--s3);padding:var(--s2) var(--s3);border:1px solid var(--accent-line);border-left:3px solid var(--accent);
           background:var(--accent-soft);border-radius:0 var(--r) var(--r) 0;font-size:var(--fs-3);color:var(--ink2);line-height:1.5}
  .restore b{display:block;color:var(--accent);margin-bottom:1px}
  .restore .acts{display:flex;gap:var(--s2);margin-top:var(--s2)}
  @media(max-width:860px){
    .acct-tabs{position:relative}
    .acct-tabs::after{content:none}
    .side{display:flex;flex-wrap:wrap}
    .side a{flex:0 0 auto;border-bottom:0;border-right:1px solid var(--line);padding:var(--s3) var(--s3);gap:var(--s2);white-space:nowrap}
    .side a:last-child{border-right:0}
    .side a.on{box-shadow:inset 0 -3px 0 var(--accent)}
    .side a .c{font-size:var(--fs-1)}
  }
  .side-tog{display:none}
  @media(max-width:860px){
    .side-tog{display:flex;align-items:center;justify-content:space-between;gap:var(--s2);width:100%;min-height:48px;
      padding:0 var(--s3);background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);
      font:inherit;font-size:var(--fs-4);font-weight:600;color:var(--ink);cursor:pointer;text-align:left}
    .side-tog .car{flex:0 0 auto;width:9px;height:9px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;
      transform:translateY(-2px) rotate(45deg);transition:transform .15s}
    .side-tog:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
    .acct-tabs.open .side-tog{border-radius:var(--r-lg) var(--r-lg) 0 0}
    .acct-tabs.open .side-tog .car{transform:translateY(2px) rotate(-135deg)}
    .acct-tabs .side{display:none}
    .acct-tabs.open .side{display:block;border-top:0;border-radius:0 0 var(--r-lg) var(--r-lg)}
    .acct-tabs.open .side a{display:flex;border-right:0;border-bottom:1px solid var(--line);min-height:48px;padding:0 var(--s3);white-space:normal}
    .acct-tabs.open .side a:last-child{border-bottom:0}
    .acct-tabs.open .side a.on{box-shadow:inset 3px 0 0 var(--accent)}
  }
  @media print{
    .topbar,.nav,.tools,.rail,.mbar,.toasts,.noprint,.steps,footer,#again-host,.side,.fresh,.btn,button:not(.cat-tgl),.crumb,.skip,.cat-hd .car,.docidx{display:none!important}
    body{background:var(--panel)}
    .page,.shell{padding:0}
    .inv{border:0;padding:0;max-width:none}
    .cat{break-inside:auto;border:0}
    .cat-hd,aside .card-hd{background:var(--panel);color:var(--print-ink);border-bottom:2px solid var(--print-ink)}
    aside .card-hd .x{color:var(--print-muted)}
    .cat-hd .n,.cat-hd .tw{color:var(--print-muted)}
    th.qh,td.qc,td.tot[data-t]{display:none!important}
    .cat.closed .tbl-wrap{display:block}
    thead th.sortable button{display:none}
    thead th.sortable button::after{content:none}
    thead th[data-sort="code"]::before{content:"Code"}
    thead th[data-sort="name"]::before{content:"Wirkstoff"}
    thead th[data-sort="price"]::before{content:"Pro Schachtel"}
    thead th[data-sort="vial"]::before{content:"Pro Fläschchen"}
    #v-catalogue h1.vh{position:static;width:auto;height:auto;margin:0 0 var(--s1);clip:auto;overflow:visible;font-size:var(--fs-6)}
    #v-catalogue h1.vh::after{content:" (Peptides Wholesale, prices per box)";font-size:var(--fs-2);font-weight:400}
    #tables a{text-decoration:none}
    tbody tr{break-inside:avoid}
    .tl li,.kv{break-inside:avoid}
    .tbl-wrap{overflow:visible!important}
    .card:has(> .card-bd > #st-pdf){display:none}
    @page{margin:16mm}
    .terms,.psub,.card-bd{color:var(--print-ink);font-size:var(--fs-2)}
    .card{break-inside:avoid;box-shadow:none;border:1px solid var(--print-line)}
    #v-order .card,#v-account .card{break-inside:auto}
    .card-hd{break-after:avoid}
    a{color:var(--print-ink);text-decoration:underline}
    a[href^="http"]:after{content:" (" attr(href) ")";font-size:var(--fs-1)}
    .ptitle{font-size:var(--fs-6)}
  }
  @media(hover:none) and (pointer:coarse){
    .btn{height:var(--tap)}
    .btn.sm{height:var(--tap-sm)}
    .rm,.ln .rm{min-width:var(--tap-sm);min-height:var(--tap-sm);font-size:var(--fs-5)}
    .m-hd .cl{width:var(--tap-sm);height:var(--tap-sm);font-size:var(--fs-6)}
    td.qc .qty{height:var(--tap-sm)}
    .f input,.f select,.fld,.tbtn{height:var(--tap)}
  }
  @media(hover:none) and (pointer:coarse){
    .mx th a,.mx td a{display:inline-flex;align-items:center;min-height:40px}
    .regopt{min-height:44px}
    .topbar a[data-site="email"]{padding-top:12px;padding-bottom:12px}
    .srow:has(> .l a){position:relative;min-height:44px;align-items:center}
    .srow > .l a::after{content:"";position:absolute;inset:0}
    .menu a,.menu button{display:flex;align-items:center;min-height:44px}
  }
  @media(min-width:1001px) and (hover:none) and (pointer:coarse){
    table.cards td.code a,table.cards td.prod a{display:block;padding:12px 0;margin:0}
  }
  @media screen and (max-width:1000px){
    .cat tbody tr.has td{background:none;box-shadow:none}
    .cat tbody tr.has{box-shadow:inset 3px 0 0 var(--pos)}
    .cards tr.here td:first-child{box-shadow:none}
    table.cards tbody tr.here{box-shadow:inset 3px 0 0 var(--accent)}
    table.cards,table.cards tbody,table.cards tr,table.cards td{display:block;width:auto}
    table.cards thead{display:none}
    table.cards tbody tr{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,auto);
      grid-template-areas:"code money" "prod money" "spec spec" "m1 m2" "m3 m4" "act act";
      gap:1px var(--s2);padding:var(--s2) var(--s3) var(--s2);border-bottom:1px solid var(--line);height:auto}
    table.cards tbody tr:last-child{border-bottom:0}
    table.cards tbody tr:nth-child(even){background:var(--stripe)}
    table.cards tbody tr td{border:0;height:auto;
      padding:0;width:auto;min-width:0;white-space:normal;overflow-wrap:anywhere;font-size:var(--fs-3);background:none;text-align:left}
    table.cards tbody tr:nth-child(even) td,table.cards tbody tr:hover td{border:0;background:none}
    table.cards td.code{grid-area:code;font-size:var(--fs-1);white-space:nowrap}
    table.cards td.prod{grid-area:prod;font-weight:600}
    table.cards td.spec{grid-area:spec;color:var(--muted);font-size:var(--fs-2)}
    table.cards td.tot{grid-area:money;text-align:right;align-self:start;font-size:var(--fs-4)}
    table.cards td::before{font-size:var(--fs-1);text-transform:uppercase;letter-spacing:.11em;font-weight:600;color:var(--muted)}
    table.cards td.tot::before{display:block}
    table.cards td::after{font-size:var(--fs-1);font-weight:400;color:var(--muted)}
    table.cards td:last-child:not(.tot){grid-area:act;justify-self:end;padding-top:var(--s1)}
    table.cards td:last-child:empty{display:none}
    table.cards .qty{width:92px;height:var(--tap);font-size:var(--fs-touch);text-align:center}
    .card-bd>.tbl-wrap:has(>table.cards){margin:0 calc(-1*var(--s3));max-width:none}
    table.cards[aria-label="Saved order lists"] td:first-child{grid-area:code}
    table.cards[aria-label="Saved order lists"] td.spec::before{content:"Gespeichert "}
    table.cards[aria-label="Saved order lists"] td:nth-child(3){grid-area:m1}
    table.cards[aria-label="Saved order lists"] td:nth-child(3)::before{content:"Positionen "}
    table.cards[aria-label="Saved order lists"] td:nth-child(5){grid-area:m2;text-align:right}
    table.cards[aria-label="Presentations and prices"] td:nth-child(4)::after{content:" pro Schachtel"}
    table.cards[aria-label="Presentations and prices"] td.unit::after{content:" pro Fläschchen"}
    table.cards[aria-label="Presentations and prices"] td.qc::before{content:"Schachteln";display:block;margin-bottom:4px;text-align:center}
    table.cards td.prod a,table.cards td.code a{padding:14px 0;margin:-14px 0;position:relative;z-index:1}
    .cat tbody td.prod > a{position:relative;z-index:1}
    table.cards[aria-label="Saved order lists"] td.tot::before{content:"Heutige Preise"}
    table.cards[aria-label="Proforma invoices"] td.code:first-child{white-space:normal}
    table.cards[aria-label="Proforma invoices"] td.code+td.code{grid-area:prod}
    table.cards[aria-label="Proforma invoices"] td.code+td.code::before{content:"Bestellung "}
    table.cards[aria-label="Proforma invoices"] td.tot::before{content:"Betrag"}
    table.cards[aria-label="Packing lists"] td.spec+td.spec{grid-area:m1}
    table.cards[aria-label="Packing lists"] td.spec+td.spec::before{content:"Chargen "}
    table.cards[aria-label="Packing lists"] td:nth-child(4){grid-area:m2;text-align:right}
    table.cards[aria-label="Packing lists"] td:nth-child(4)::before{content:"Schachteln "}
    #inv-host .cards tbody td:nth-child(2){grid-area:prod;font-weight:600}
    #inv-host .cards tbody td:nth-child(4){grid-area:m3}
    #inv-host .cards tbody td:nth-child(4)::before{content:"Schachteln "}
    #inv-host .cards tbody td:nth-child(5){grid-area:m4;text-align:right}
    #inv-host .cards tbody td:nth-child(5)::after{content:" pro Schachtel"}
    #inv-host .cards tbody td:nth-child(6){grid-area:money;text-align:right;align-self:start;font-size:var(--fs-4);font-weight:700}
    #inv-host .cards tbody td:nth-child(6)::before{content:"Betrag";display:block}
    #inv-host .cards tfoot{display:block}
    #inv-host .cards tfoot tr{display:flex;justify-content:space-between;gap:var(--s2);padding:0 var(--s3)}
    #inv-host .cards tfoot td[colspan="4"]{display:none}
    #inv-host .cards tfoot tr.g{border-top:1.5px solid var(--ink)}
    #inv-host .cards tfoot tr.g td{border-top:0}
    #pd-host .cards td:nth-child(3){grid-area:m1}
    #pd-host .cards td:nth-child(4){grid-area:m2;text-align:right}
    #pd-host .cards td:nth-child(4)::after{content:" pro Schachtel"}
    #pd-host .cards td.unit{grid-area:m3}
    #pd-host .cards td.unit::after{content:" pro Fläschchen"}
    #pd-host .cards td.uprice{grid-area:m4;text-align:right}
    #pd-host .cards td.qc{grid-area:act;justify-self:end;text-align:center}
    #pd-host .cards td.qc::before{content:"Schachteln";display:block;margin-bottom:var(--s1)}
    #pd-host .cards td.tot::before{content:"Zeilensumme"}
    table.cards[aria-label="Quotes and requests"] td:nth-child(3){grid-area:m1}
    table.cards[aria-label="Quotes and requests"] td:nth-child(4){grid-area:m2;text-align:right}
    table.cards[aria-label="Quotes and requests"] td:nth-child(4):not(:empty)::before{content:"Benötigt bis "}
    table.cards[aria-label="Quotes and requests"] td.tot:not(:empty)::before{content:"Angeboten"}
    table.cards[aria-label="Quotes and requests"] tbody td[colspan]{grid-area:spec;justify-self:stretch;padding:2px 0 0!important}
    table.cards[aria-label="Quotes and requests"] tbody td:first-child:empty{display:none}
    table.cards[aria-label="Quotes and requests"] tbody tr:nth-child(odd){border-bottom:0;padding-bottom:0}
    table.cards[aria-label="Quotes and requests"] tbody tr:nth-child(even){background:none;padding-top:0}
    #co-1-body td.avail{grid-area:m1}
    #co-1-body td:nth-child(5){grid-area:m2;text-align:right}
    #co-1-body td:nth-child(5)::after{content:" pro Schachtel"}
    #co-1-body td:nth-child(6){grid-area:m3}
    #co-1-body td:nth-child(6)::before{content:"Schachteln "}
    #co-1-body td:nth-child(8){grid-area:m4;justify-self:end;align-self:center;padding-top:0}
    #co-1-body td.tot::before{content:"Zeilensumme"}
    table.cards[aria-label="Order history"] td:nth-child(3){grid-area:m1}
    table.cards[aria-label="Order history"] td:nth-child(4){grid-area:m3}
    table.cards[aria-label="Order history"] td:nth-child(4)::before{content:"Positionen "}
    table.cards[aria-label="Order history"] td:nth-child(5){grid-area:m4;text-align:right}
    table.cards[aria-label="Order history"] td:nth-child(5)::before{content:"Schachteln "}
    table.cards[aria-label="Order history"] td.tot::before{content:"Gesamt"}
    #od-host .cards td.spec+td.spec{grid-area:m1}
    #od-host .cards td.spec+td.spec::before{content:"Batch "}
    #od-host .cards td.spec+td.r{grid-area:m3}
    #od-host .cards td.spec+td.r::before{content:"Schachteln "}
    #od-host .cards td.spec+td.r+td.r{grid-area:m4;text-align:right}
    #od-host .cards td.spec+td.r+td.r::after{content:" pro Schachtel"}
    #od-host .cards td.tot::before{content:"Betrag"}
    table.cards[aria-label="Open items"] td:nth-child(2)::before{content:"Aufgegeben "}
    table.cards[aria-label="Open items"] td:nth-child(3){grid-area:m1}
    table.cards[aria-label="Open items"] td:nth-child(3)::before{content:"Fällig "}
    table.cards[aria-label="Open items"] td:nth-child(4){grid-area:m2;text-align:right}
    table.cards[aria-label="Open items"] td:nth-child(4)::before{content:"Alter "}
    table.cards[aria-label="Open items"] td:nth-child(5){grid-area:m3}
    table.cards[aria-label="Open items"] td.tot::before,table.cards[aria-label="Settled orders"] td.tot::before{content:"Betrag"}
    table.cards[aria-label="Settled orders"] td:nth-child(3){grid-area:m1}
    .tbl-wrap{scrollbar-width:thin}
    .tools .count{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
    table.cards[aria-label$=" compounds"] tbody tr{grid-template-areas:"prod money" "m1 m2" "spec spec"}
    table.cards[aria-label$=" compounds"] td:nth-child(2){grid-area:m1}
    table.cards[aria-label$=" compounds"] td:nth-child(2)::before{content:"Sizes "}
    table.cards[aria-label$=" compounds"] td:nth-child(3){grid-area:money;text-align:right;font-weight:600}
    table.cards[aria-label$=" compounds"] td:nth-child(3)::before{content:"From "}
    table.cards[aria-label$=" compounds"] td.uprice{grid-area:m2;text-align:right}
    table.cards[aria-label$=" compounds"] td.uprice::before{content:"Best "}
    table.cards[aria-label$=" compounds"] td.spec{grid-area:spec;justify-self:stretch;text-align:left;padding-top:var(--s1)}
    table.cards td .stk{white-space:normal}
  }
  @media(max-width:430px){ .who{max-width:150px} .who .nm{max-width:82px} }
  @media(max-width:430px){ .who{max-width:164px} .who .tr{white-space:nowrap;letter-spacing:.02em} }
  .rg-back{display:block;margin-top:6px;color:var(--ink2)}
  .rg-back a{font-weight:600}
  .rg-lede{margin:0 0 var(--s4);font-size:var(--fs-3);line-height:1.55;color:var(--muted)}
  @media(max-width:860px){
    :root{--fs-1:12px}
    footer a{display:inline-block;min-height:36px;line-height:36px}
    .fgrid a{display:block;min-height:36px;line-height:36px}
    .fgrid p,.fgrid a,.fgrid h3{font-size:var(--fs-3)}
    .legal{font-size:var(--fs-2);line-height:1.7}
    footer .legal a{display:inline;min-height:0;line-height:inherit;padding:7px 0}
    .hint,.listnote,.psub{font-size:var(--fs-3)}
    .cat td.avail .stk::after{font-size:var(--fs-2)}
    .card-hd{font-size:var(--fs-2)}
    .ln .d .sp,.ln .c{font-size:var(--fs-2)}
    .cat td.prod a{display:block;padding:var(--s2) 0;margin:calc(-1*var(--s2)) 0}
    .cat .cat-hd{min-height:44px}
    .cat-tgl{min-height:44px;width:100%}
    .qhelp,.qhelp *,.stk::after{font-size:var(--fs-2)}
    .lead-sm,.small,.tiny,.k,.cr-k{font-size:var(--fs-2)}
    .moq{height:20px;padding:0 8px;font-size:var(--fs-2)}
    .moq .moq-tip{font-size:var(--fs-2)}
    .btn,.btn.sm,.tbtn{min-height:44px}
    .nav .r .btn{min-height:40px}
  }
  .page.start{max-width:1080px}
  .start-eyebrow{font-family:var(--mono);font-size:var(--fs-1);text-transform:uppercase;letter-spacing:.14em;color:var(--accent);font-weight:600;margin-bottom:var(--s2)}
  .page.start .ptitle{font-size:var(--fs-7)}
  .start-feature{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s3);margin:var(--s5) 0}
  .feat{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--panel);padding:var(--s4);display:flex;flex-direction:column;gap:var(--s1);box-shadow:var(--lift)}
  .feat-hd{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s2)}
  .feat-name{font-weight:700;font-size:var(--fs-4);letter-spacing:-.01em}
  .feat-code{font-family:var(--mono);font-size:var(--fs-1);color:var(--accent);font-weight:600}
  .feat-spec{font-family:var(--mono);font-size:var(--fs-2);color:var(--muted)}
  .feat-vial{margin-top:var(--s2);display:flex;align-items:baseline;gap:var(--s1)}
  .feat-vialp{font-size:var(--fs-7);font-weight:700;letter-spacing:-.02em;color:var(--ink);font-variant-numeric:tabular-nums;line-height:1}
  .feat-vialu{font-size:var(--fs-3);color:var(--muted)}
  .feat-box{font-size:var(--fs-2);color:var(--muted);font-family:var(--mono)}
  .feat-avail{margin-top:var(--s2)}
  .feat-act{margin-top:var(--s2)}
  .feat-act .btn{width:100%}
  .start-cta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s3);margin:var(--s5) 0 var(--s3)}
  .btn.lg{height:48px;padding:0 var(--s6);font-size:var(--fs-4)}
  .start-cta-note{flex-basis:100%;font-size:var(--fs-2);color:var(--muted);margin-top:var(--s1);max-width:70ch;line-height:1.5}
  .start-facts{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:var(--s2) var(--s5);margin:var(--s5) 0;padding:var(--s4) 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
  .start-facts li{font-size:var(--fs-3);color:var(--ink2);line-height:1.5}
  .start-facts b{color:var(--ink)}
  .start-foot{font-size:var(--fs-2);color:var(--muted);line-height:1.7}
  @media(max-width:760px){
    .start-feature{grid-template-columns:1fr;gap:var(--s2)}
    .start-facts{grid-template-columns:1fr;gap:var(--s2)}
    .start-cta .btn.lg{width:100%}
  }
  .mov-sug{margin:var(--s2) 0 0;padding:var(--s2) var(--s3);background:var(--accent-soft);border:1px solid var(--accent-line);border-radius:var(--r);font-size:var(--fs-2)}
  .mov-sug .ms-t{color:var(--ink2);line-height:1.45;margin-bottom:var(--s2)}
  .mov-sug .ms-t b{color:var(--ink)}
  .mov-sug .btn{width:100%}
  .mov-sug.co{max-width:460px}
  .acct-nudge{margin-top:var(--s3);padding-top:var(--s3);border-top:1px solid var(--hair);font-size:var(--fs-2);color:var(--muted);line-height:1.5;display:flex;flex-direction:column;gap:var(--s2)}
  .rg-more{margin:var(--s1) 0 var(--s2);border-top:1px solid var(--hair);padding-top:var(--s3)}
  .rg-more>summary{cursor:pointer;font-size:var(--fs-2);color:var(--accent);font-weight:600;list-style:none;display:inline-flex;align-items:center;gap:var(--s2);user-select:none;padding:var(--s1) 0}
  .rg-more>summary::-webkit-details-marker{display:none}
  @media(hover:none) and (pointer:coarse){ .rg-more>summary{min-height:44px} }
  .rg-more>summary::before{content:"+";font-family:var(--mono);font-weight:700;font-size:var(--fs-4);line-height:1}
  .rg-more[open]>summary::before{content:"\2212"}
  .rg-more>summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r)}
  .rg-more .ff{margin-top:var(--s3)}
  .rg-more:not([open]) .ff{display:none}
.mailwarn{margin:0;padding:var(--s3) var(--s4);background:#3a1d1d;border-bottom:2px solid var(--bad);
  color:#ffd9d9;font-size:var(--fs-1);line-height:1.5}
.mailwarn .in{max-width:var(--maxw);margin:0 auto}
.mailwarn b{display:block;color:#fff;font-size:var(--fs0);margin-bottom:4px}
.mailwarn .num{font-family:var(--mono);color:#fff}
.mailwarn a{color:#fff;text-decoration:underline}
  .dk-fab{position:fixed;right:16px;bottom:16px;z-index:70;height:48px;padding:0 var(--s4) 0 var(--s3);border:0;border-radius:24px;
    background:var(--accent);color:var(--white);font-weight:700;font-size:var(--fs-3);box-shadow:var(--shadow-pop);cursor:pointer;
    display:inline-flex;align-items:center;gap:var(--s2);font-family:inherit;
    transition:transform .28s ease,opacity .28s ease,width .2s ease,right .2s ease,border-radius .2s ease}
  .dk-fab:hover{background:var(--accent-dk)}
  .dk-fab.fab-tuck{transform:translateY(170%);opacity:0;pointer-events:none}
  @media(max-width:1180px){
    .dk-fab:not(.fab-ready){transform:translateY(170%);opacity:0;pointer-events:none}
  }
  .dk-fab.fab-still{transition:none}
  .dk-fab.fab-edge{right:0;width:24px;padding:0;gap:0;justify-content:center;border-radius:24px 0 0 24px}
  .dk-fab.fab-edge>span:not(.dk-badge){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  .dk-fab.fab-edge svg{width:16px;height:16px}
  .dk-fab.fab-edge .dk-badge{position:absolute;top:-4px;right:auto;left:-8px}
  .dk-fab svg{width:18px;height:18px;flex:none}
  .dk-badge{background:var(--neg);color:var(--white);border-radius:10px;min-width:20px;height:20px;line-height:20px;text-align:center;font-size:var(--fs-1);font-family:var(--mono);padding:0 5px}
  @media(max-width:1180px){ body.has-order .dk-fab{bottom:84px} }
  @media(max-width:1180px){ body.has-order .dk-fab{display:none} }
  @media(max-width:900px),(max-height:760px){ body:has(#v-checkout:not([hidden])) .dk-fab{display:none} }
  @media(max-width:560px),(max-height:500px){
    .dk-fab{width:52px;padding:0;border-radius:26px;justify-content:center;gap:0}
    .dk-fab>span:not(.dk-badge){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
    .dk-fab svg{width:22px;height:22px}
    .dk-badge{position:absolute;top:-4px;right:-4px}
  }
  @media screen{ footer .in{padding-bottom:calc(var(--s5) + 60px)} }
  @media screen and (max-width:1000px){ body.has-order footer .in{padding-bottom:var(--s5)} }
  @media screen and (max-width:900px),screen and (max-height:760px){ body:has(#v-checkout:not([hidden])) footer .in{padding-bottom:var(--s5)} }
  .toasts{bottom:76px}
  @media(max-width:1180px){ body.has-order .toasts{bottom:144px} }
  .dk-panel{position:fixed;right:16px;bottom:76px;z-index:71;width:min(380px,calc(100vw - 32px));height:min(600px,calc(100vh - 100px));
    display:none;flex-direction:column;background:var(--panel);border:1px solid var(--line2);border-radius:var(--r-lg);
    box-shadow:var(--shadow-modal);overflow:hidden}
  .dk-panel.on{display:flex}
  @media(max-width:600px){
    .dk-panel{inset:0;width:auto;height:auto;border-radius:0;border:0;bottom:0}
    body.dk-open .dk-fab{display:none}
  }
  .dk-hd{display:flex;align-items:center;gap:var(--s2);padding:var(--s2) var(--s2) var(--s2) var(--s3);background:var(--nav);color:var(--white);min-height:52px;flex:none}
  .dk-hd b{font-size:var(--fs-2);letter-spacing:.08em;text-transform:uppercase}
  .dk-hd .dk-sub{display:block;font-size:var(--fs-1);color:var(--nav-muted);margin-top:2px}
  .dk-hd .dk-sub.dk-online{color:var(--white)}
  .dk-hd .dk-sub.dk-online::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--pos);margin-right:6px;vertical-align:middle}
  .dk-hd button{margin-left:auto;width:var(--tap);height:var(--tap);flex-shrink:0;border:0;background:transparent;color:var(--nav-txt2);font-size:24px;line-height:1;cursor:pointer;border-radius:var(--r)}
  .dk-hd button:hover{background:var(--nav-hover)}
  .dk-choice{display:grid;gap:var(--s2);padding:var(--s3)}
  .dk-choice button{text-align:left;padding:var(--s3);border:1px solid var(--line2);border-radius:var(--r-lg);background:var(--panel);cursor:pointer;min-height:var(--tap);font-family:inherit}
  .dk-choice button:hover{border-color:var(--accent);background:var(--hover)}
  .dk-choice b{display:block;font-size:var(--fs-4);color:var(--ink)}
  .dk-choice span{display:block;font-size:var(--fs-2);color:var(--muted);margin-top:3px;line-height:1.45}
  .dk-note{font-size:var(--fs-2);color:var(--muted);padding:0 var(--s3) var(--s3);line-height:1.5}
  .dk-callnow{display:block;margin:var(--s3) 0;padding:var(--s3);background:var(--band);border:1px solid var(--line);border-radius:var(--r);line-height:1.6}
  .dk-callnow b{display:block;margin-bottom:2px} .dk-callnow a{font-size:var(--fs-4);font-weight:700;text-decoration:none;color:var(--accent)} .dk-callnow span{color:var(--muted);font-size:var(--fs-2)}
  .dk-callnow .dk-hours{display:block;margin-top:4px;font-size:var(--fs-1)}
  .dk-chat{display:flex;flex-direction:column;flex:1 1 auto;min-height:0}
  .dk-log{flex:1 1 auto;overflow-y:auto;padding:var(--s3);background:var(--band)}
  .dk-msg{max-width:88%;margin:0 0 var(--s2);padding:var(--s2) var(--s3);border-radius:var(--r-lg);font-size:var(--fs-3);line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}
  .dk-msg.me{margin-left:auto;background:var(--accent);color:var(--white)}
  .dk-msg.them{background:var(--panel);border:1px solid var(--line);color:var(--ink)}
  .dk-msg.them a{color:var(--accent);text-decoration:underline;overflow-wrap:anywhere}
  .co-ask{margin:var(--s2) 2px 0;font-size:var(--fs-3);color:var(--muted)}
  .co-ask .lnk{min-height:44px;padding:0;text-align:left}
  .dk-pay-wrap{margin:0 0 var(--s2)}
  a.dk-pay{display:block;width:100%;box-sizing:border-box;text-align:center;text-decoration:none;padding:var(--s3);border-radius:var(--r-lg);background:var(--accent);color:var(--white);font-weight:800;font-size:var(--fs-3);box-shadow:0 2px 8px rgba(0,0,0,.14)}
  a.dk-pay:hover{filter:brightness(1.05)}
  a.dk-pay:active{transform:translateY(1px)}
  .dk-typing{flex:none;color:var(--muted);font-size:var(--fs-2);padding:var(--s1) var(--s3);background:var(--band)}
  .dk-foot{flex:none;display:flex;gap:var(--s2);padding:var(--s2) var(--s3);border-top:1px solid var(--line);background:var(--panel);align-items:flex-end}
  .dk-foot textarea{flex:1 1 auto;min-height:44px;max-height:120px;resize:none;padding:var(--s2) var(--s3);border:1px solid var(--line2);border-radius:var(--r);font:inherit;font-size:var(--fs-touch);line-height:1.4}
  .dk-foot .btn{height:var(--tap)}
  .dk-links{flex:none;padding:var(--s2) var(--s3);font-size:var(--fs-2);color:var(--muted);border-top:1px solid var(--hair);background:var(--panel)}
  @media (max-width:600px),(hover:none) and (pointer:coarse){
    .dk-links{padding-top:0;padding-bottom:0}
    .dk-links a{display:flex;align-items:center;min-height:44px}
    .dk-callnow a{display:inline-flex;align-items:center;min-height:44px}
    #dk-again{display:inline-flex;align-items:center;min-height:44px}
    .dk-note a{padding:14px 0}
  }
  .dk-form{padding:var(--s3);display:grid;gap:var(--s2);overflow-y:auto}
  .dk-form label{display:block;font-size:var(--fs-1);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:3px}
  .dk-form input,.dk-form select,.dk-form textarea{width:100%;padding:var(--s2) var(--s3);border:1px solid var(--line2);border-radius:var(--r);font:inherit;font-size:var(--fs-touch);min-height:var(--tap);background:var(--panel)}
  .dk-form .dk-actions{display:flex;gap:var(--s2);margin-top:var(--s1)}
  .dk-form .dk-actions .btn{height:var(--tap);flex:1 1 auto}
  .dk-err{font-size:var(--fs-2);color:var(--neg);background:var(--neg-soft);border:1px solid var(--neg-line);border-radius:var(--r);padding:var(--s2) var(--s3)}
  .dk-ok{padding:var(--s4) var(--s3);font-size:var(--fs-3);line-height:1.55}
  .dk-ok b{display:block;font-size:var(--fs-4);margin-bottom:var(--s1)}
  @media print{ .dk-fab,.dk-panel{display:none!important} }
  .gb{margin:0 0 var(--s3)}
  .gb-tog{display:flex;gap:4px;background:var(--band);border:1px solid var(--line2);border-radius:8px;padding:3px;margin-bottom:var(--s2)}
  .gb-t{flex:1;border:0;background:transparent;color:var(--muted);font:inherit;font-size:var(--fs-1);font-weight:600;padding:7px 6px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:5px}
  .gb-t.on{background:var(--accent);color:var(--white)}
  .gb-n{background:var(--accent-soft);color:var(--accent);border-radius:20px;font-size:11px;padding:0 6px;line-height:16px}
  .gb-t.on .gb-n{background:rgba(255,255,255,.24);color:var(--white)}
  .gb-ban{border:1px solid var(--accent-line);border-radius:8px;padding:var(--s3);background:var(--accent-soft)}
  .gb-h{display:flex;align-items:baseline;justify-content:space-between;gap:8px}
  .gb-h b{font-size:var(--fs1,16px)}
  .gb-code{font-size:var(--fs-1);color:var(--muted,#8fa1b3);font-variant:all-small-caps;letter-spacing:.05em}
  .gb-sub{color:var(--muted,#8fa1b3);font-size:var(--fs-1);margin:3px 0 8px}
  .gb-who{background:none;border:0;color:var(--accent,#4ade9b);font:inherit;font-size:var(--fs-1);cursor:pointer;padding:0;text-decoration:underline;margin-bottom:6px}
  .gb-list{margin:0 0 8px;font-size:var(--fs-1)}
  .gb-wr{padding:4px 0;border-top:1px solid var(--line,#1e2a36);color:var(--muted,#8fa1b3)}
  .gb-wr b{color:var(--ink);margin-right:6px;display:block;margin-bottom:3px}
  .gb-it,.gb-rm{display:inline-block;margin:2px 4px 2px 0;font-size:var(--fs-1)}
  .gb-it{color:var(--muted,#8fa1b3)}
  .gb-rm{background:var(--panel);border:1px solid var(--line2);border-radius:5px;color:var(--ink);padding:2px 7px;cursor:pointer;font:inherit;font-size:var(--fs-1)}
  .gb-rm:hover{border-color:#ff6b6b;color:#ff6b6b}
  #gb-top .gb{margin:0 0 var(--s4)}
  @media(max-width:820px),(hover:none) and (pointer:coarse){ #gb-box .gb-f input{font-size:var(--fs-touch)} }
  @media(hover:none) and (pointer:coarse){ .gb-rm{min-height:44px;padding:0 12px} .gb-f input{min-height:44px} }
  .gb-co{margin-top:6px}
  .gb-note{font-size:var(--fs-1);color:var(--muted,#8fa1b3);margin-top:7px}
  .gb-leave{background:none;border:0;color:var(--muted,#8fa1b3);font:inherit;font-size:var(--fs-1);cursor:pointer;padding:7px 0 0;text-decoration:underline}
  .gb-hint{font-size:var(--fs-1);color:var(--accent,#4ade9b);margin-top:6px;font-weight:600}
  .gb-pick{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;text-align:left;background:var(--panel);border:1px solid var(--line,#1e2a36);border-radius:6px;padding:8px 10px;margin-bottom:6px;cursor:pointer;color:inherit;font:inherit}
  .gb-pick span{font-size:var(--fs-1);color:var(--muted,#8fa1b3)}
  .gb-forms{margin-top:8px;display:flex;flex-direction:column;gap:6px}
  .gb-f{display:flex;gap:6px}
  .gb-f input{flex:1;min-width:0;background:var(--panel);border:1px solid var(--line2);border-radius:6px;padding:8px;color:inherit;font:inherit}