:root{
    --page:#F4F7F8; --paper:#FFFFFF; --panel:#EBF0F2;
    --ink:#0B1F1A; --ink-2:#123028;
    --text:#1E262B; --muted:#5A686F; --faint:#8996A0;
    --gold:#0FBCC4; --gold-2:#0A9BA2; --gold-soft:#DEF6F7; --on-gold:#FFFFFF;
    --green:#1FA971; --green-soft:#DDF3E9;
    --red:#D0453A; --red-soft:#FBE6E3;
    --amber:#96650B; --amber-soft:#FBEFD8;
    --line:#E1E7EA; --line-2:#C8D2D7;
    --radius:16px;
    --font:'Vazirmatn','IRANSansWeb','IRANSans','Shabnam','IRANYekan',Tahoma,system-ui,sans-serif;
  }
  @media (prefers-color-scheme: dark){
    :root:not([data-theme="light"]){
      --page:#0D1416; --paper:#131C1F; --panel:#182226;
      --ink:#0F1719; --ink-2:#1A2528;
      --text:#E6EEF0; --muted:#9BADB3; --faint:#7C8C93;
      --gold:#22CFD6; --gold-2:#3FDCE2; --gold-soft:#0E2C2E;
      --green:#48C48F; --green-soft:#122C22;
      --red:#E4796B; --red-soft:#2E1917;
      --amber:#DDAE55; --amber-soft:#2A2214;
      --line:#222E32; --line-2:#2E3D42;
    }
  }
  :root[data-theme="dark"]{
    --page:#0D1416; --paper:#131C1F; --panel:#182226;
      --ink:#0F1719; --ink-2:#1A2528;
    --text:#E6EEF0; --muted:#9BADB3; --faint:#7C8C93;
    --gold:#22CFD6; --gold-2:#3FDCE2; --gold-soft:#0E2C2E;
    --green:#48C48F; --green-soft:#122C22;
    --red:#E4796B; --red-soft:#2E1917;
    --amber:#DDAE55; --amber-soft:#2A2214;
    --line:#222E32; --line-2:#2E3D42;
  }
  *{box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{margin:0;background:var(--page);color:var(--text);font-family:var(--font);line-height:1.85;font-size:15px;
    font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;}
  h1,h2,h3,h4{font-weight:800;line-height:1.6;letter-spacing:-.01em;margin-top:0;}
  p{margin-top:0;}
  b,strong{font-weight:700;}
  small{font-size:.82em;}
  a{color:inherit;text-decoration:none;}
  button,input,select,textarea{font-family:inherit;color:inherit;}
  button{cursor:pointer;}
  svg{display:block;}
  .wrap{max-width:1240px;margin:0 auto;padding:0 22px;}
  .price,.bigprice,.dprice,.srow,.sum-row,.kpibox b,.timer b,table.dt td,table.inv-t td,.badge-dot,.pill,.p-price,
  .stat b,.miniline,.mini-line,.cnt,.result-count{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;}
  .display{font-family:var(--font);font-weight:800;line-height:1.55;letter-spacing:-.015em;}

  /* ===== storefront header ===== */
  .topbar{background:var(--gold);color:#F2FEFE;font-size:12.5px;}
  .topbar .wrap{display:flex;align-items:center;justify-content:space-between;height:38px;gap:14px;}
  .topbar a{opacity:.8;}
  .topbar a:hover{opacity:1;color:#fff;text-decoration:underline;}
  .topbar .links{display:flex;gap:18px;}
  header.site{background:var(--paper);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50;}
  .head-main{display:flex;align-items:center;gap:22px;padding:16px 0;}
  .brand{display:flex;align-items:center;gap:11px;flex-shrink:0;}
  .brand .mono{width:44px;height:44px;border-radius:12px;background:var(--ink);display:flex;align-items:center;justify-content:center;}
  .brand .mono svg{width:24px;height:24px;color:var(--gold);}
  .brand b{display:block;font-size:19px;font-weight:800;line-height:1.35;letter-spacing:-.02em;}
  .brand small{display:block;font-size:10px;color:var(--faint);letter-spacing:.18em;font-weight:500;}
  .searchwrap{flex:1;position:relative;max-width:520px;}
  .searchbar{display:flex;align-items:center;gap:10px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:0 14px;height:46px;}
  .searchbar input{flex:1;background:none;border:none;outline:none;font-size:14px;}
  .searchbar svg{width:18px;height:18px;color:var(--faint);flex-shrink:0;}
  .suggest{position:absolute;top:52px;right:0;left:0;background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:6px;box-shadow:0 18px 44px rgba(11,31,26,.14);display:none;z-index:60;max-height:340px;overflow:auto;}
  .suggest.open{display:block;}
  .suggest a{display:flex;gap:10px;align-items:center;padding:8px 10px;border-radius:9px;font-size:13.5px;}
  .suggest a:hover{background:var(--panel);}
  .suggest .thumb{width:38px;height:38px;border-radius:8px;background:var(--panel);flex-shrink:0;overflow:hidden;}
  .head-actions{display:flex;align-items:center;gap:10px;margin-right:auto;}
  .hbtn{position:relative;width:44px;height:44px;border-radius:12px;border:1px solid var(--line);background:var(--paper);display:flex;align-items:center;justify-content:center;}
  .hbtn svg{width:19px;height:19px;}
  .hbtn:hover{border-color:var(--gold);color:var(--gold-2);}
  .badge-dot{position:absolute;top:-6px;left:-6px;min-width:19px;height:19px;padding:0 5px;border-radius:10px;background:var(--gold);color:var(--on-gold);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;}
  .cta-rx{background:var(--ink);color:#F3F1E9;border:none;border-radius:12px;height:46px;padding:0 20px;font-weight:700;font-size:14px;display:flex;align-items:center;gap:8px;white-space:nowrap;}
  .cta-rx svg{width:17px;height:17px;color:var(--gold);}
  .cta-rx:hover{background:var(--ink-2);}
  nav.mainnav{border-top:1px solid var(--line);}
  nav.mainnav .wrap{display:flex;align-items:center;gap:26px;height:50px;font-size:14px;font-weight:500;}
  nav.mainnav a{color:var(--muted);font-weight:500;height:50px;display:flex;align-items:center;border-bottom:2px solid transparent;}
  nav.mainnav a:hover,nav.mainnav a.on{color:var(--text);border-color:var(--gold);}
  .navdrop{position:relative;}
  .navdrop>a{gap:6px;}
  .navdrop>a svg{width:14px;height:14px;}
  .drop{position:absolute;top:50px;right:0;background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:10px;min-width:262px;box-shadow:0 20px 46px rgba(11,31,26,.15);display:none;z-index:60;}
  .navdrop:hover .drop{display:block;}
  .drop a{height:auto;padding:9px 12px;border-radius:9px;border:none;font-size:13.5px;gap:10px;color:var(--muted);}
  .drop a:hover{background:var(--panel);color:var(--text);}
  .drop a i{width:26px;height:26px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
  .drop a i svg{width:15px;height:15px;}

  /* ===== buttons ===== */
  .btn{border:none;border-radius:12px;font-weight:700;font-size:14.5px;letter-spacing:-.005em;padding:13px 24px;display:inline-flex;align-items:center;justify-content:center;gap:8px;}
  .btn svg{width:17px;height:17px;}
  .btn-gold{background:var(--gold);color:var(--on-gold);}
  .btn-gold:hover{background:var(--gold-2);}
  .btn-ink{background:var(--ink);color:#F3F1E9;}
  .btn-ink:hover{background:var(--ink-2);}
  .btn-line{background:transparent;border:1.5px solid var(--line-2);color:var(--text);}
  .btn-line:hover{border-color:var(--gold);color:var(--gold-2);}
  .btn-sm{padding:9px 16px;font-size:13px;border-radius:10px;}
  .btn:disabled{opacity:.45;cursor:not-allowed;}
  .mini{border:1px solid var(--line);background:var(--paper);color:var(--muted);font-size:12px;font-weight:600;padding:6px 11px;border-radius:9px;white-space:nowrap;}
  .mini:hover{border-color:var(--gold);color:var(--gold-2);}
  .mini.warn:hover{border-color:var(--red);color:var(--red);}

  /* ===== hero ===== */
  .hero{background:var(--gold-2);color:#F2FEFE;overflow:hidden;}
  .hslide{display:none;padding:56px 0 60px;}
  .hslide.on{display:block;}
  .hgrid{display:grid;grid-template-columns:1.02fr .98fr;gap:46px;align-items:center;}
  .kicker{display:inline-flex;align-items:center;gap:9px;font-size:12.5px;color:var(--gold);border:1px solid rgba(200,162,74,.4);border-radius:999px;padding:5px 14px;margin-bottom:20px;}
  .kicker b{width:6px;height:6px;border-radius:50%;background:#fff;}
  .hslide h1{font-size:clamp(27px,3.6vw,42px);margin:0 0 16px;max-width:18ch;line-height:1.5;color:#FFFFFF;}
  .hslide p.lead{font-size:16px;line-height:1.9;color:rgba(255,255,255,.88);max-width:47ch;margin:0 0 28px;}
  .hero-cta{display:flex;gap:12px;flex-wrap:wrap;}
  .hero-stats{display:flex;gap:34px;margin-top:36px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1);}
  .hero-stats b{display:block;font-size:23px;color:var(--gold);font-weight:800;}
  .hero-stats span{font-size:12.5px;color:#96A69E;}
  .hero-art{border-radius:22px;overflow:hidden;border:1px solid rgba(255,255,255,.08);}
  .hdots{display:flex;gap:8px;justify-content:center;padding-bottom:26px;}
  .hdots button{width:30px;height:4px;border-radius:2px;border:none;background:rgba(255,255,255,.35);padding:0;}
  .hdots button.on{background:#fff;}

  .assure{background:var(--paper);border-bottom:1px solid var(--line);}
  .assure .wrap{display:grid;grid-template-columns:repeat(4,1fr);}
  .assure-i{display:flex;gap:12px;align-items:center;padding:22px 20px;border-left:1px solid var(--line);}
  .assure-i:last-child{border-left:none;}
  .assure-i .ic{width:42px;height:42px;border-radius:11px;background:var(--gold-soft);color:var(--gold-2);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
  .assure-i .ic svg{width:21px;height:21px;}
  .assure-i b{display:block;font-size:14px;}
  .assure-i span{font-size:12.5px;color:var(--muted);}

  section.blk{padding:52px 0;}
  section.blk.tint{background:var(--panel);border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
  .shead{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:26px;flex-wrap:wrap;}
  .shead h2{font-size:clamp(20px,2.2vw,25px);margin:0 0 5px;}
  .shead p{margin:0;color:var(--muted);font-size:13.5px;line-height:1.8;}
  .shead .more{font-size:13.5px;color:var(--gold-2);font-weight:700;display:inline-flex;gap:6px;align-items:center;}
  .shead .more svg{width:15px;height:15px;}

  .cats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}
  .cat{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:16px;display:flex;align-items:center;gap:13px;transition:border-color .15s;}
  .cat:hover{border-color:var(--gold);}
  .cat .ic{width:48px;height:48px;border-radius:13px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
  .cat .ic svg{width:24px;height:24px;}
  .cat b{font-size:14px;font-weight:600;display:block;}
  .cat span{font-size:11.5px;color:var(--faint);}

  .banners{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
  .banner{border-radius:18px;overflow:hidden;position:relative;min-height:170px;display:flex;align-items:center;padding:24px;border:1px solid var(--line);}
  .banner .bg{position:absolute;inset:0;z-index:0;}
  .banner .txt{position:relative;z-index:2;max-width:66%;}
  .banner h3{font-size:17px;margin:0 0 6px;}
  .banner p{font-size:12.5px;margin:0 0 12px;opacity:.85;}
  .banner .go{font-size:12.5px;font-weight:700;display:inline-flex;gap:5px;align-items:center;}
  .banner .go svg{width:14px;height:14px;}

  .pgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
  .pcard{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:14px;display:flex;flex-direction:column;gap:8px;position:relative;transition:border-color .15s,transform .15s;}
  .pcard:hover{border-color:var(--gold);transform:translateY(-3px);box-shadow:0 10px 26px rgba(15,188,196,.13);}
  .pmedia{border-radius:11px;overflow:hidden;background:var(--panel);position:relative;aspect-ratio:1.12;}
  .flags{position:absolute;top:9px;right:9px;display:flex;flex-direction:column;gap:5px;align-items:flex-end;z-index:2;}
  .flag{font-size:11px;font-weight:700;padding:3px 9px;border-radius:7px;}
  .f-off{background:var(--green);color:#fff;border-radius:999px;padding:5px 9px;}
  .f-rx{background:var(--red-soft);color:var(--red);}
  .f-new{background:#1E88C8;color:#fff;}
  .f-out{background:var(--line-2);color:var(--paper);}
  .pbrand{font-size:11.5px;color:var(--faint);font-weight:500;letter-spacing:.01em;}
  .pname{font-size:13.8px;font-weight:600;margin:0;min-height:44px;line-height:1.75;letter-spacing:-.005em;}
  .prow{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;margin-top:auto;}
  .price b{font-size:16.5px;font-weight:800;letter-spacing:-.01em;}
  .price small{font-size:11px;color:var(--muted);font-weight:500;}
  .price del{display:block;font-size:12px;color:var(--faint);}
  .addb{background:var(--gold-soft);color:var(--gold-2);border:none;width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
  .addb svg{width:17px;height:17px;}
  .addb:hover{background:var(--gold);color:var(--on-gold);}
  .addb.in{background:var(--ink);color:var(--gold);}
  .addb:disabled{background:var(--panel);color:var(--faint);cursor:not-allowed;}
  .empty{grid-column:1/-1;text-align:center;padding:56px 20px;color:var(--muted);background:var(--paper);border:1px dashed var(--line-2);border-radius:var(--radius);}
  .empty b{display:block;color:var(--text);font-size:16px;margin-bottom:5px;}

  .brands{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;}
  .brandbox{background:var(--paper);border:1px solid var(--line);border-radius:12px;height:72px;display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--muted);font-size:14px;}
  .brandbox:hover{border-color:var(--gold);color:var(--gold-2);}

  .crumbs{font-size:12.5px;color:var(--faint);padding:16px 0 0;}
  .crumbs a:hover{color:var(--gold-2);}
  .shop{display:grid;grid-template-columns:262px 1fr;gap:26px;align-items:start;}
  .aside{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:20px;position:sticky;top:120px;}
  .aside h4{font-size:14px;margin:0 0 12px;}
  .aside h4.mt{margin-top:24px;}
  .flist{display:flex;flex-direction:column;gap:2px;}
  .flist a{font-size:13.5px;padding:7px 11px;border-radius:9px;color:var(--muted);display:flex;justify-content:space-between;}
  .flist a:hover{background:var(--panel);}
  .flist a.on{background:var(--ink);color:var(--gold);font-weight:700;}
  input[type=range]{width:100%;accent-color:var(--gold-2);}
  .rout{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin-top:5px;}
  .cbx{display:flex;align-items:center;gap:9px;font-size:13.5px;color:var(--muted);margin-bottom:9px;cursor:pointer;}
  .cbx input{accent-color:var(--gold-2);width:16px;height:16px;}
  .toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:12px 16px;margin-bottom:18px;}
  .toolbar .cnt{font-size:13px;color:var(--muted);}
  .toolbar select{margin-right:auto;background:var(--panel);border:1px solid var(--line);border-radius:9px;padding:8px 12px;font-size:13px;}
  .pager{display:flex;gap:6px;justify-content:center;margin-top:28px;}
  .pager button{width:38px;height:38px;border-radius:10px;border:1px solid var(--line);background:var(--paper);font-size:13px;font-weight:600;}
  .pager button.on{background:var(--ink);color:var(--gold);border-color:var(--ink);}

  .pdp{display:grid;grid-template-columns:.92fr 1.08fr;gap:40px;align-items:start;}
  .gallery{position:sticky;top:120px;}
  .gmain{background:var(--paper);border:1px solid var(--line);border-radius:18px;overflow:hidden;aspect-ratio:1;}
  .gthumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px;}
  .gthumb{background:var(--paper);border:1px solid var(--line);border-radius:11px;overflow:hidden;aspect-ratio:1;padding:0;}
  .gthumb.on{border-color:var(--gold);}
  .pdp h1{font-size:clamp(21px,2.4vw,27px);margin:0 0 10px;line-height:1.65;}
  .metarow{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px;}
  .tagpill{font-size:12px;font-weight:600;padding:4px 11px;border-radius:8px;background:var(--panel);color:var(--muted);}
  .buybox{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:22px;margin:20px 0;}
  .bigprice{font-size:clamp(23px,2.6vw,29px);font-weight:800;letter-spacing:-.015em;}
  .bigprice small{font-size:13px;color:var(--muted);font-weight:500;}
  .oldprice{color:var(--faint);text-decoration:line-through;font-size:14px;margin-inline-start:10px;}
  .stepper{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:11px;padding:6px 12px;}
  .stepper button{width:28px;height:28px;border-radius:8px;border:1px solid var(--line);background:var(--paper);font-size:16px;display:flex;align-items:center;justify-content:center;}
  .tabs{display:flex;gap:24px;border-bottom:1px solid var(--line);margin:30px 0 18px;}
  .tabs button{background:none;border:none;padding:0 0 12px;font-size:14.5px;font-weight:600;color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-1px;}
  .tabs button.on{color:var(--text);border-color:var(--gold);}
  .spec{width:100%;border-collapse:collapse;font-size:14px;}
  .spec td{padding:11px 0;border-bottom:1px solid var(--line);}
  .spec td:first-child{color:var(--muted);width:38%;}
  .note-rx{background:var(--red-soft);color:var(--red);font-size:13px;padding:12px 15px;border-radius:11px;margin-top:14px;}
  .review{border-bottom:1px solid var(--line);padding:14px 0;}
  .review .stars{color:var(--gold-2);font-size:13px;}
  .review p{margin:4px 0 0;font-size:13.5px;color:var(--muted);}

  .fld{margin-bottom:15px;}
  .fld label{display:block;font-size:13px;font-weight:600;margin-bottom:7px;color:var(--text);}
  .fld input,.fld select,.fld textarea{width:100%;background:var(--paper);border:1px solid var(--line);border-radius:11px;padding:11px 14px;font-size:14px;outline:none;}
  .fld input:focus,.fld select:focus,.fld textarea:focus{border-color:var(--gold);}
  .fld textarea{min-height:90px;resize:vertical;}
  .fld .er{color:var(--red);font-size:12px;margin-top:4px;display:none;}
  .fld.bad input,.fld.bad textarea{border-color:var(--red);}
  .fld.bad .er{display:block;}
  .g2{display:grid;grid-template-columns:1fr 1fr;gap:0 16px;}
  .g3{display:grid;grid-template-columns:repeat(3,1fr);gap:0 16px;}
  .card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:22px;}
  .infogrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}

  .colayout{display:grid;grid-template-columns:1.35fr .65fr;gap:24px;align-items:start;}
  .sumbox{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:20px;position:sticky;top:120px;}
  .srow{display:flex;justify-content:space-between;gap:10px;font-size:13.5px;color:var(--muted);margin-bottom:7px;}
  .srow.tot{font-size:16px;font-weight:800;color:var(--text);border-top:1px solid var(--line);padding-top:12px;margin-top:12px;}
  .miniline{display:flex;gap:9px;align-items:center;padding:9px 0;border-bottom:1px solid var(--line);font-size:12.5px;}
  .miniline .th{width:40px;height:40px;border-radius:9px;overflow:hidden;background:var(--panel);flex-shrink:0;}
  .miniline .nm{flex:1;}
  .coupon{display:flex;gap:8px;margin:14px 0;}
  .coupon input{flex:1;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-size:13px;outline:none;}
  .steps{display:flex;gap:8px;margin-bottom:22px;flex-wrap:wrap;}
  .step{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--faint);background:var(--paper);border:1px solid var(--line);border-radius:999px;padding:7px 15px;}
  .step.on{border-color:var(--gold);color:var(--text);}
  .step i{width:20px;height:20px;border-radius:50%;background:var(--panel);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;font-style:normal;}
  .step.on i{background:var(--gold);color:var(--on-gold);}
  .payopt{display:flex;gap:12px;flex-wrap:wrap;}
  .payopt label{flex:1;min-width:190px;border:1.5px solid var(--line);border-radius:12px;padding:14px;display:flex;gap:10px;align-items:flex-start;cursor:pointer;font-size:13.5px;}
  .payopt label.on{border-color:var(--gold);background:var(--gold-soft);}
  .payopt input{accent-color:var(--gold-2);margin-top:4px;}
  .payopt b{display:block;font-size:14px;}
  .payopt span{color:var(--muted);font-size:12.5px;}

  .inv{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:34px;max-width:900px;margin:0 auto;}
  .inv-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;border-bottom:2px solid var(--ink);padding-bottom:18px;margin-bottom:20px;flex-wrap:wrap;}
  .inv-head h2{margin:0;font-size:21px;}
  .inv-meta{font-size:13px;color:var(--muted);text-align:left;}
  .inv-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:22px;}
  .inv-box{background:var(--panel);border-radius:12px;padding:16px;font-size:13.5px;}
  .inv-box h4{margin:0 0 8px;font-size:13px;color:var(--muted);}
  table.inv-t{width:100%;border-collapse:collapse;font-size:13.5px;}
  table.inv-t th{background:var(--panel);text-align:right;padding:11px;font-size:12.5px;color:var(--muted);}
  table.inv-t td{padding:11px;border-bottom:1px solid var(--line);}
  table.inv-t tfoot td{border:none;padding:6px 11px;}
  .inv-sign{display:flex;justify-content:space-between;margin-top:34px;font-size:12.5px;color:var(--muted);gap:20px;flex-wrap:wrap;}
  .inv-sign div{border-top:1px dashed var(--line-2);padding-top:8px;min-width:180px;text-align:center;}

  .track-line{display:flex;margin:24px 0;}
  .tstep{flex:1;text-align:center;font-size:12.5px;color:var(--faint);}
  .tstep i{width:34px;height:34px;border-radius:50%;background:var(--panel);border:2px solid var(--line);display:flex;align-items:center;justify-content:center;margin:0 auto 8px;font-style:normal;}
  .tstep i svg{width:15px;height:15px;}
  .tstep.done i{background:var(--gold);border-color:var(--gold);color:var(--on-gold);}
  .tstep.done{color:var(--text);font-weight:600;}

  .arts{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
  .artc{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;}
  .artc:hover{border-color:var(--gold);}
  .artc .top{height:130px;overflow:hidden;}
  .artc .bd{padding:16px;display:flex;flex-direction:column;gap:7px;flex:1;}
  .artc h3{font-size:15px;margin:0;line-height:1.8;font-weight:700;}
  .artc p{font-size:12.5px;color:var(--muted);margin:0;}
  .artc .tg{margin-top:auto;font-size:11.5px;color:var(--gold-2);font-weight:700;}
  .prose{max-width:70ch;}
  .prose h1{font-size:clamp(23px,2.8vw,32px);margin:0 0 16px;line-height:1.55;}
  .prose h2{font-size:18.5px;margin:30px 0 10px;}
  .prose p{color:var(--muted);font-size:15.5px;line-height:2.05;margin-bottom:16px;}
  .faq{background:var(--paper);border:1px solid var(--line);border-radius:12px;margin-bottom:10px;overflow:hidden;}
  .faq>button{width:100%;background:none;border:none;text-align:right;padding:16px 18px;font-size:14.5px;font-weight:600;display:flex;justify-content:space-between;align-items:center;gap:12px;}
  .faq>button svg{width:16px;height:16px;flex-shrink:0;transition:transform .2s;color:var(--gold-2);}
  .faq .ans{display:none;padding:0 18px 16px;font-size:13.5px;color:var(--muted);}
  .faq.open .ans{display:block;}
  .faq.open>button svg{transform:rotate(180deg);}

  footer.site{background:var(--ink);color:#B7C5BE;padding:52px 0 22px;margin-top:12px;}
  .fgrid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:30px;padding-bottom:28px;border-bottom:1px solid rgba(255,255,255,.09);}
  .fgrid h4{color:#F4F1E8;font-size:14px;margin:0 0 14px;font-weight:700;}
  .fgrid ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px;font-size:13px;line-height:1.9;}
  .fgrid ul a:hover{color:var(--gold);}
  .fbrand{display:flex;align-items:center;gap:11px;margin-bottom:12px;}
  .fbrand .mono{width:42px;height:42px;border-radius:11px;background:rgba(255,255,255,.06);display:flex;align-items:center;justify-content:center;}
  .fbrand .mono svg{width:22px;height:22px;color:var(--gold);}
  .fbrand b{color:#F4F1E8;font-size:17px;}
  .fbrand small{display:block;color:#7E8F87;font-size:10.5px;letter-spacing:.14em;}
  .seals{display:flex;gap:10px;margin-top:16px;}
  .seal{width:62px;height:62px;border-radius:11px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);display:flex;align-items:center;justify-content:center;color:var(--gold);}
  .seal svg{width:26px;height:26px;}
  .fbot{display:flex;justify-content:space-between;padding-top:18px;font-size:12px;color:#7E8F87;flex-wrap:wrap;gap:8px;}

  /* ===== overlays ===== */
  .veil{position:fixed;inset:0;background:rgba(8,20,17,.55);z-index:80;opacity:0;pointer-events:none;transition:opacity .25s;}
  .veil.open{opacity:1;pointer-events:auto;}
  .drawer{position:fixed;top:0;bottom:0;left:0;width:410px;max-width:93vw;background:var(--paper);z-index:81;display:flex;flex-direction:column;transform:translateX(-102%);transition:transform .3s;}
  .drawer.open{transform:translateX(0);}
  .dhead{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--line);}
  .dhead h3{margin:0;font-size:17px;}
  .xbtn{background:none;border:none;color:var(--muted);width:34px;height:34px;border-radius:9px;font-size:18px;}
  .xbtn:hover{background:var(--panel);}
  .dbody{flex:1;overflow-y:auto;padding:10px 22px;}
  .dfoot{border-top:1px solid var(--line);padding:16px 22px 20px;}
  .cline{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid var(--line);}
  .cline .th{width:60px;height:60px;border-radius:10px;overflow:hidden;background:var(--panel);flex-shrink:0;}
  .cline .inf{flex:1;min-width:0;}
  .cline .inf b{font-size:13.5px;display:block;}
  .cline .inf span{font-size:12.5px;color:var(--muted);}
  .cqty{display:flex;align-items:center;gap:8px;margin-top:8px;}
  .cqty button{width:26px;height:26px;border-radius:7px;border:1px solid var(--line);background:var(--paper);display:flex;align-items:center;justify-content:center;}
  .rmv{background:none;border:none;color:var(--faint);font-size:12px;text-decoration:underline;}
  .alert-rx{background:var(--red-soft);color:var(--red);font-size:12.5px;padding:10px 13px;border-radius:10px;margin-bottom:12px;}
  .modal{position:fixed;inset:0;z-index:90;display:flex;align-items:center;justify-content:center;background:rgba(8,20,17,.6);opacity:0;pointer-events:none;transition:opacity .2s;padding:20px;}
  .modal.open{opacity:1;pointer-events:auto;}
  .mbox{background:var(--paper);border-radius:18px;padding:28px;max-width:470px;width:100%;max-height:88vh;overflow-y:auto;}
  .mbox.wide{max-width:640px;}
  .mbox h3{margin:0 0 10px;font-size:18px;}
  .mbox p{margin:0 0 18px;font-size:14px;color:var(--muted);}
  .mic{width:58px;height:58px;border-radius:50%;margin:0 auto 14px;display:flex;align-items:center;justify-content:center;}
  .mic svg{width:27px;height:27px;}
  .mic.g{background:var(--gold-soft);color:var(--gold-2);}
  .mic.k{background:var(--green-soft);color:var(--green);}
  .drop-file{border:1.5px dashed var(--line-2);border-radius:12px;padding:15px;display:flex;gap:11px;align-items:center;font-size:13px;color:var(--muted);margin-bottom:16px;}
  .drop-file.has{border-style:solid;border-color:var(--gold);color:var(--text);}
  .drop-file input{display:none;}
  .drop-file label{background:var(--gold-soft);color:var(--gold-2);font-weight:700;font-size:12.5px;padding:8px 14px;border-radius:9px;cursor:pointer;flex-shrink:0;}
  .macts{display:flex;gap:10px;}
  .macts .btn{flex:1;}
  .toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(18px);background:var(--ink);color:#F2F0E8;padding:13px 22px;border-radius:12px;font-size:13.5px;z-index:95;opacity:0;pointer-events:none;transition:all .25s;display:flex;gap:10px;align-items:center;max-width:92vw;}
  .toast.show{opacity:1;transform:translateX(-50%) translateY(0);}
  .toast svg{width:16px;height:16px;color:var(--gold);flex-shrink:0;}

  .deal{display:grid;grid-template-columns:.85fr 1.15fr;gap:26px;align-items:center;background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:22px;}
  .deal .dmedia{border-radius:14px;overflow:hidden;background:var(--panel);}
  .deal h3{font-size:20px;margin:0 0 8px;}
  .deal p{color:var(--muted);font-size:14px;margin:0 0 14px;}
  .deal .dprice{display:flex;align-items:baseline;gap:12px;margin-bottom:6px;}
  .deal .dprice b{font-size:25px;font-weight:800;}
  .deal .dprice del{color:var(--faint);font-size:14px;}
  .timer{display:flex;gap:8px;margin:14px 0 18px;flex-wrap:wrap;}
  .timer div{background:var(--gold-soft);color:var(--gold-2);border-radius:11px;min-width:62px;padding:8px 6px;text-align:center;}
  .timer b{display:block;font-size:19px;font-weight:800;line-height:1.3;}
  .timer span{font-size:11px;color:var(--muted);}
  .chips{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-bottom:22px;}
  .chips button{background:var(--paper);border:1px solid var(--line);border-radius:11px;padding:9px 18px;font-size:13.5px;font-weight:600;color:var(--muted);}
  .chips button:hover{border-color:var(--gold);color:var(--gold-2);}
  .chips button.on{background:var(--gold);border-color:var(--gold);color:#fff;}
  @media (max-width:820px){ .deal{grid-template-columns:1fr;} }

  @media print{
    .topbar,header.site,footer.site,.crumbs,.noprint,.veil,.drawer,.modal,.toast{display:none !important;}
    body{background:#fff;}
    .inv{border:none;padding:0;max-width:100%;}
    section.blk{padding:0;}
  }

  @media (max-width:1040px){
    nav.mainnav .wrap{overflow-x:auto;gap:18px;}
    .cats{grid-template-columns:repeat(2,1fr);}
    .pgrid{grid-template-columns:repeat(3,1fr);}
    .banners,.brands{grid-template-columns:1fr;}
    .brands{grid-template-columns:repeat(3,1fr);}
    .hgrid,.shop,.pdp,.colayout,.arts,.infogrid,.inv-grid{grid-template-columns:1fr;}
    .aside,.sumbox,.gallery{position:static;}
    .assure .wrap{grid-template-columns:1fr 1fr;}
    .assure-i{border-left:none;border-bottom:1px solid var(--line);}
    .hslide h1{font-size:31px;}
    .fgrid{grid-template-columns:1fr 1fr;}
  }
  @media (max-width:680px){
    .searchwrap{display:none;}
    .cta-rx span{display:none;}
    .cta-rx{padding:0 14px;}
    .pgrid,.brands{grid-template-columns:1fr 1fr;}
    .g2,.g3{grid-template-columns:1fr;}
    .fgrid{grid-template-columns:1fr;}
    .drawer{width:100%;}
  }