/* GlobiSupply theme — front styles (ported from prototype) */
:root{
    color-scheme:light;
    --ink:#0F2A3F;--ink-2:#173a54;--navy-deep:#0B2233;--blue:#1677D2;--blue-dark:#0E5FAE;--blue-soft:#EAF4FF;--blue-pale:#F5FAFF;
    --accent:#E0762C;--accent-dark:#C4631F;--accent-soft:#FBEEE1;
    --text:#213040;--muted:#5B6B7A;--faint:#8A99A8;
    --bg:#FFFFFF;--surface:#F8FAFC;--surface-2:#F1F5F8;
    --line:#DDE8F2;--line-strong:#C4D6E6;--green:#1f8a5b;
    --font-display:'Sora',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
    --font-body:'IBM Plex Sans',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
    --radius:5px;--shadow:0 18px 46px -24px rgba(15,42,63,.35);--shadow-soft:0 10px 30px -18px rgba(15,42,63,.28);
    --maxw:1800px;
  }
  *{box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{margin:0;font-family:var(--font-body);color:var(--text);background:var(--bg);line-height:1.7;-webkit-font-smoothing:antialiased;}
  h1,h2,h3,h4{font-family:var(--font-display);color:var(--ink);margin:0;line-height:1.15;letter-spacing:-.01em;}
  p{margin:0;} a{color:inherit;text-decoration:none;}
  svg{display:block;}
  .wrap{max-width:var(--maxw);margin:0 auto;padding:0 40px;}
  .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;border:none;font-family:var(--font-body);font-size:.95rem;font-weight:600;padding:12px 22px;border-radius:5px;transition:transform .15s,background .2s,box-shadow .2s;white-space:nowrap;}
  .btn-primary{background:var(--accent);color:#fff;box-shadow:0 8px 20px -10px rgba(224,118,44,.7);}
  .btn-primary:hover{background:var(--accent-dark);transform:translateY(-1px);}
  .btn-ghost{background:#fff;color:var(--ink);border:1px solid var(--line-strong);}
  .btn-ghost:hover{border-color:var(--ink);}
  .btn-light{background:#fff;color:var(--ink);}
  .btn-light:hover{transform:translateY(-1px);box-shadow:var(--shadow-soft);}
  .btn-lg{padding:14px 26px;font-size:1rem;}

  /* ---- top + header ---- */
  .topline{background:var(--navy-deep);color:#c6d3de;font-size:.8rem;}
  .topline .wrap{display:flex;justify-content:space-between;align-items:center;height:38px;}
  .topline a{color:#c6d3de;opacity:.85;} .topline a:hover{opacity:1;color:#fff;}
  .topline .tl-right{display:flex;gap:20px;align-items:center;}
  header{position:sticky;top:0;z-index:60;background:#fff;box-shadow:0 1px 3px rgba(20,28,36,.05);}
  .hrow1{display:flex;align-items:center;gap:26px;height:88px;}
  .logo{display:flex;align-items:center;gap:11px;font-family:var(--font-display);font-weight:800;font-size:1.34rem;color:var(--ink);letter-spacing:-.02em;flex-shrink:0;}
  .logo .mark{width:38px;height:38px;border-radius:50%;background:transparent;display:grid;place-items:center;color:#fff;font-size:1.05rem;flex-shrink:0;overflow:hidden;}
.logo .mark svg{width:100%;height:100%;display:block;}
  .logo .sub{font-family:var(--font-body);font-weight:600;font-size:.6rem;color:var(--faint);letter-spacing:.14em;margin-top:1px;display:block;}
  .hsearch{flex:1;display:flex;align-items:center;gap:10px;background:#fff;border:1.5px solid var(--line-strong);border-radius:100px;height:52px;padding:0 6px 0 24px;min-width:0;max-width:none;}
  .hsearch input{flex:1;border:none;outline:none;font-family:var(--font-body);font-size:1rem;color:var(--text);background:transparent;min-width:0;}
  .hsearch .hs-go{width:40px;height:40px;border-radius:50%;background:var(--accent);color:#fff;border:none;display:grid;place-items:center;cursor:pointer;flex-shrink:0;transition:.15s;}
  .hsearch .hs-go:hover{background:var(--accent-dark);}
  .hsearch .hs-go svg{width:19px;height:19px;stroke:currentColor;stroke-width:2.4;fill:none;}
  .hutil{display:flex;align-items:center;gap:22px;flex-shrink:0;}
  .lang{display:flex;align-items:center;gap:8px;border:1px solid var(--line-strong);border-radius:5px;padding:9px 14px;font-weight:600;font-size:.9rem;color:var(--ink);cursor:pointer;white-space:nowrap;}
  .lang .flag{font-size:1.05rem;line-height:1;} .lang svg{width:11px;height:11px;stroke:currentColor;stroke-width:2.6;fill:none;}
.lang{position:relative;}
.lang .flag{display:inline-flex;align-items:center;}
.lang .flag svg,.lang-menu .flag svg{width:20px;height:14px;border-radius:2px;box-shadow:0 0 0 1px rgba(0,0,0,.1);display:block;stroke:none;}
.lang .chev{width:11px;height:11px;}
.lang-menu{position:absolute;top:calc(100% + 8px);left:0;min-width:184px;max-height:360px;overflow-y:auto;background:#fff;border:1px solid var(--line);border-radius:5px;box-shadow:var(--shadow);padding:6px;opacity:0;visibility:hidden;transform:translateY(6px);transition:.15s;z-index:80;}
.lang:hover .lang-menu{opacity:1;visibility:visible;transform:none;}
.lang-menu a{display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:5px;font-size:.9rem;font-weight:500;color:var(--text);cursor:pointer;white-space:nowrap;}
.lang-menu a:hover{background:var(--accent-soft);color:var(--accent-dark);}
  .uinfo{display:flex;flex-direction:column;line-height:1.3;white-space:nowrap;}
  .uinfo .ut{font-size:.82rem;font-weight:700;color:var(--ink);}
  .uinfo .uv{font-size:.82rem;color:var(--muted);}
  .uinfo .uv.link{color:var(--accent);font-weight:600;cursor:pointer;}

  .hnav{background:linear-gradient(90deg,var(--blue-pale),#fff 52%,var(--blue-soft));border-top:1px solid #d8e8f7;border-bottom:1px solid #cfe1f2;}
  .hrow2{display:flex;align-items:center;gap:6px;height:62px;}
  .allcat{position:relative;flex-shrink:0;margin-right:14px;}
  .allcat>.trigger{display:flex;align-items:center;gap:12px;background:#fff;border-radius:100px;padding:6px 22px 6px 6px;font-family:var(--font-display);font-weight:700;font-size:.95rem;color:var(--ink);cursor:pointer;box-shadow:0 1px 2px rgba(20,28,36,.06);}
  .allcat .cat-ic{width:40px;height:40px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;flex-shrink:0;}
  .allcat .cat-ic svg{width:20px;height:20px;stroke:currentColor;stroke-width:2.2;fill:none;}
  .mega{position:absolute;top:calc(100% + 12px);left:0;width:660px;background:#fff;border:1px solid var(--line);border-radius:5px;box-shadow:var(--shadow);padding:22px;opacity:0;visibility:hidden;transform:translateY(6px);transition:.16s;z-index:70;}
  .allcat:hover .mega{opacity:1;visibility:visible;transform:none;}
  .mega-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px 10px;}
  .mega-grid a{display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:5px;font-size:.9rem;color:var(--text);transition:.15s;cursor:pointer;}
  .mega-grid a:hover{background:var(--accent-soft);color:var(--accent-dark);}
  .mega-grid a svg{width:19px;height:19px;stroke:currentColor;stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round;color:var(--muted);flex-shrink:0;}
  .mega-grid a:hover svg{color:var(--accent-dark);}
  .mainnav{display:flex;align-items:center;gap:4px;flex-shrink:0;}
  .mainnav li{list-style:none;display:contents;}
  .mainnav a{padding:8px 16px;border-radius:100px;font-size:.94rem;font-weight:600;color:var(--text);cursor:pointer;white-space:nowrap;}
  .mainnav a:hover{background:var(--blue-soft);color:var(--blue-dark);}
  .mainnav a.on{background:var(--blue);color:#fff;box-shadow:0 8px 18px -13px rgba(22,119,210,.85);}
  .hnav-right{margin-left:auto;display:flex;align-items:center;gap:18px;flex-shrink:0;}
  .hnr-link{font-size:.9rem;font-weight:600;color:var(--text);cursor:pointer;white-space:nowrap;} .hnr-link:hover{color:var(--accent);}
  .hicons{display:flex;align-items:center;gap:12px;}
  .hicon{position:relative;width:40px;height:40px;border-radius:50%;background:#fff;display:grid;place-items:center;color:var(--ink);cursor:pointer;border:1px solid var(--line);transition:.15s;}
  .hicon:hover{color:var(--accent);border-color:var(--accent);}
  .hicon svg{width:19px;height:19px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round;}
  .hbadge{position:absolute;top:-4px;right:-4px;min-width:16px;height:16px;padding:0 4px;border-radius:5px;background:var(--ink);color:#fff;font-size:.62rem;font-weight:700;display:grid;place-items:center;font-family:var(--font-display);}
  .hicon.cart{width:auto;height:auto;border:none;background:none;display:flex;align-items:center;gap:10px;}
  .cart-ring{position:relative;width:44px;height:44px;border-radius:50%;background:var(--accent);display:grid;place-items:center;}
  .cart-ring svg{width:20px;height:20px;stroke:#fff;stroke-width:1.9;fill:none;}
  .hicon.cart:hover .cart-ring{background:var(--accent-dark);}
  .cart-total{font-family:var(--font-display);font-weight:700;color:var(--ink);font-size:.95rem;white-space:nowrap;}
  .cart-badge{position:absolute;top:-3px;right:-3px;min-width:17px;height:17px;padding:0 5px;border-radius:5px;background:var(--ink);color:#fff;font-size:.64rem;font-weight:700;display:grid;place-items:center;font-family:var(--font-display);}
  .menu-toggle{display:none;}

  /* ---- hero + mall rail ---- */
  .hero{background:linear-gradient(180deg,#fff,#FBF3EA);border-bottom:1px solid var(--line);}
  .hero-shell{display:grid;grid-template-columns:272px minmax(0,1fr) 400px;gap:26px;position:relative;padding:40px 0 50px;align-items:stretch;}
  .cat-rail{position:relative;background:#fff;border:1px solid var(--line);border-radius:5px;display:flex;flex-direction:column;box-shadow:var(--shadow-soft);}
  .rail-head{display:flex;align-items:center;gap:10px;background:var(--ink);color:#fff;font-family:var(--font-display);font-weight:600;font-size:1rem;padding:15px 18px;border-radius:5px 5px 0 0;}
  .rail-head svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.8;fill:none;}
  .cat-row{flex:1;display:flex;align-items:center;gap:12px;padding:0 18px;color:var(--text);font-size:.92rem;font-weight:500;border-top:1px solid var(--line);transition:.16s;cursor:pointer;}
  .cat-row .rico{width:20px;height:20px;color:var(--muted);flex-shrink:0;} .cat-row .rico svg{width:19px;height:19px;stroke:currentColor;stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round;}
  .cat-row .chev{margin-left:auto;color:var(--faint);width:15px;} .cat-row .chev svg{width:15px;height:15px;stroke:currentColor;stroke-width:2;fill:none;}
  .cat-row:hover{background:var(--accent-soft);color:var(--accent-dark);} .cat-row:hover .rico,.cat-row:hover .chev{color:var(--accent-dark);}
  .cat-row.all{justify-content:center;color:var(--accent);font-weight:600;font-size:.86rem;}
  .flyout{position:absolute;left:290px;right:auto;width:min(680px,calc(100vw - 360px));top:0;bottom:0;background:#fff;border:1px solid var(--line);border-radius:5px;box-shadow:var(--shadow);padding:24px 28px;opacity:0;visibility:hidden;pointer-events:none;transform:translateX(8px);transition:.16s;z-index:60;overflow:auto;}
  .cat-row:hover .flyout{pointer-events:auto;}
  .cat-row:hover .flyout{opacity:1;visibility:visible;transform:none;}
  .fly-h{font-family:var(--font-display);font-weight:600;font-size:1.05rem;margin-bottom:18px;}
  .fly-cols{display:grid;grid-template-columns:1.55fr 1fr;gap:28px;}
  .fly-subs{display:grid;grid-template-columns:1fr 1fr;gap:2px 22px;align-content:start;}
  .fly-subs a{font-size:.88rem;color:var(--muted);padding:6px 0;cursor:pointer;} .fly-subs a:hover{color:var(--accent);}
  .fly-side{border-left:1px solid var(--line);padding-left:26px;}
  .fly-side .lbl{font-size:.8rem;font-weight:600;color:var(--faint);margin-bottom:14px;}
  .merchant{display:flex;align-items:center;gap:11px;margin-bottom:13px;cursor:pointer;}
  .merchant .ml{width:36px;height:36px;border-radius:5px;background:linear-gradient(135deg,var(--ink),var(--ink-2));color:#fff;display:grid;place-items:center;font-family:var(--font-display);font-weight:700;font-size:.9rem;flex-shrink:0;}
  .merchant .mn{font-size:.87rem;font-weight:600;color:var(--ink);line-height:1.25;} .merchant .mm{font-size:.75rem;color:var(--faint);}
  .fly-feat{margin-top:16px;padding-top:16px;border-top:1px solid var(--line);display:flex;gap:13px;align-items:center;cursor:pointer;}
  .fly-feat .fimg{width:56px;height:56px;border-radius:5px;flex-shrink:0;display:grid;place-items:center;color:rgba(15,42,63,.25);} .fly-feat .fimg svg{width:26px;height:26px;stroke:currentColor;stroke-width:1.4;fill:none;}
  .fly-feat .fn{font-size:.85rem;font-weight:600;color:var(--ink);} .fly-feat .fp{font-size:.83rem;color:var(--accent-dark);font-weight:700;font-family:var(--font-display);}

  .hero-main{align-self:center;}
  .eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:.82rem;font-weight:600;color:var(--ink-2);background:#fff;border:1px solid var(--line);padding:6px 14px;border-radius:100px;box-shadow:var(--shadow-soft);}
  .eyebrow .dot{width:7px;height:7px;border-radius:50%;background:var(--accent);}
  .hero-main h1{font-size:clamp(2.2rem,3.2vw,3.4rem);font-weight:800;margin:22px 0 18px;letter-spacing:-.03em;}
  .hero-main h1 .line2{color:var(--accent);}
  .hero-main .lead{font-size:1.08rem;color:var(--muted);max-width:52ch;margin-bottom:28px;}
  .poplinks{margin-top:6px;font-size:.86rem;color:var(--faint);display:flex;flex-wrap:wrap;gap:8px;align-items:center;}
  .poplinks b{color:var(--muted);font-weight:600;} .poplinks a{padding:4px 12px;border:1px solid var(--line);border-radius:100px;color:var(--muted);background:#fff;cursor:pointer;} .poplinks a:hover{border-color:var(--accent);color:var(--accent);}

  .rfq{align-self:start;background:#fff;border:1px solid var(--line);border-radius:5px;box-shadow:var(--shadow);padding:26px 26px 24px;position:relative;}
  .rfq::before{content:"";position:absolute;inset:0 0 auto 0;height:4px;border-radius:5px 5px 0 0;background:linear-gradient(90deg,var(--accent),var(--accent-dark));}
  .rfq h3{font-size:1.2rem;margin-bottom:4px;} .rfq .rfq-sub{font-size:.85rem;color:var(--muted);margin-bottom:20px;}
  .field{margin-bottom:14px;} .field label{display:block;font-size:.8rem;font-weight:600;color:var(--ink-2);margin-bottom:6px;}
  .field input,.field select,.field textarea{width:100%;border:1px solid var(--line-strong);border-radius:5px;padding:11px 13px;font-family:var(--font-body);font-size:.92rem;color:var(--text);outline:none;transition:.2s;background:#fff;}
  .field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);}
  .field .row{display:flex;gap:10px;} .field .row input{flex:1.4;} .field .row select{flex:1;cursor:pointer;}
  .rfq .btn-primary{width:100%;margin-top:6px;padding:13px;}
  .rfq .assure{display:flex;align-items:center;gap:7px;justify-content:center;font-size:.78rem;color:var(--faint);margin-top:14px;}

  .strip{border-bottom:1px solid var(--line);background:#fff;}
  .strip .wrap{display:flex;align-items:center;gap:44px;padding:22px 40px;flex-wrap:wrap;}
  .strip .lbl{font-size:.82rem;color:var(--faint);white-space:nowrap;}
  .strip .brands{display:flex;gap:44px;flex-wrap:wrap;align-items:center;flex:1;}
  .strip .brands span{font-family:var(--font-display);font-weight:700;color:#aab6c1;font-size:1.05rem;}

  section{padding:66px 0;}
  .sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:34px;}
  .sec-head h2{font-size:clamp(1.5rem,2.2vw,2.1rem);font-weight:700;}
  .sec-head p{color:var(--muted);font-size:1rem;margin-top:8px;max-width:60ch;}
  .sec-head .more{font-weight:600;color:var(--accent);font-size:.92rem;white-space:nowrap;cursor:pointer;}

  /* categories grid */
  .cats{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;}
  .cat{border:1px solid var(--line);border-radius:var(--radius);padding:24px 18px;background:#fff;display:flex;flex-direction:column;gap:12px;transition:.22s;cursor:pointer;}
  .cat:hover{border-color:var(--accent);transform:translateY(-3px);box-shadow:var(--shadow-soft);}
  .cat .ic{width:46px;height:46px;border-radius:5px;background:var(--blue-soft);display:grid;place-items:center;color:var(--blue-dark);transition:.22s;} .cat:hover .ic{background:var(--blue);color:#fff;}
  .cat .ic svg{width:24px;height:24px;stroke:currentColor;stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round;}
  .cat .nm{font-family:var(--font-display);font-weight:600;font-size:.96rem;} .cat .ct{font-size:.78rem;color:var(--faint);}

  .process{background:linear-gradient(180deg,var(--blue-pale),#fff);border-top:1px solid #d7e8f7;border-bottom:1px solid #d7e8f7;}
  .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
  .step{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:30px 28px;}
  .step .no{font-family:var(--font-display);font-weight:800;font-size:1.05rem;color:var(--accent);width:42px;height:42px;border-radius:5px;background:var(--accent-soft);display:grid;place-items:center;margin-bottom:18px;}
  .step h3{font-size:1.18rem;margin-bottom:10px;} .step p{color:var(--muted);font-size:.95rem;}

  /* product cards */
  .grid-p{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;}
  .prod{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#fff;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;display:flex;flex-direction:column;cursor:pointer;}
  .prod:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:var(--line-strong);}
  /* interactions & polish */
  header{transition:box-shadow .25s ease;}
  header.scrolled{box-shadow:0 8px 26px -16px rgba(15,42,63,.42);}
  .btn:active{transform:translateY(1px) scale(.995);}
  .cat,.sup,.step,.promo-col{transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;}
  .price,.ci-total,.pd-buy .unit,.tier .p,.ci-unit,.sum-total .t{font-variant-numeric:tabular-nums;}
  .reveal{opacity:0;transform:translateY(18px);transition:opacity .55s ease,transform .55s ease;will-change:opacity,transform;}
  .reveal.in{opacity:1;transform:none;}
  h1,h2,h3{text-wrap:balance;}
  .sec-head h2{letter-spacing:-.02em;}
  ::selection{background:var(--accent);color:#fff;}
  a,button{-webkit-tap-highlight-color:transparent;}
  /* ---- new pages ---- */
  .btn-sm{padding:8px 15px;font-size:.85rem;}
  .about-hero{display:grid;grid-template-columns:1.4fr 1fr;gap:36px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:34px;margin-bottom:36px;}
  .about-lead h2{font-size:1.5rem;margin-bottom:12px;} .about-lead p{color:var(--muted);line-height:1.8;} .about-cta{display:flex;gap:12px;margin-top:20px;flex-wrap:wrap;}
  .about-stats{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
  .about-stats div{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px;text-align:center;}
  .about-stats b{display:block;font-family:var(--font-display);font-weight:800;font-size:1.55rem;color:var(--ink);} .about-stats span{font-size:.82rem;color:var(--muted);}
  .about-h{font-size:1.3rem;margin-bottom:20px;}
  .about-vals{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
  .aval{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px;display:flex;gap:14px;}
  .aval .ai{font-size:1.6rem;line-height:1;} .aval b{display:block;font-family:var(--font-display);margin-bottom:6px;color:var(--ink);} .aval p{font-size:.86rem;color:var(--muted);line-height:1.6;}
  .contact-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:30px;align-items:start;}
  .contact-info{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px;display:flex;flex-direction:column;gap:20px;}
  .ci-row{display:flex;gap:14px;align-items:flex-start;} .ci-row .cic{width:40px;height:40px;border-radius:5px;background:var(--accent-soft);display:grid;place-items:center;font-size:1.1rem;flex-shrink:0;}
  .ci-row b{display:block;color:var(--ink);font-size:.92rem;} .ci-row p{color:var(--muted);font-size:.9rem;}
  .contact-form textarea{width:100%;border:1px solid var(--line-strong);border-radius:5px;padding:11px 13px;font-family:var(--font-body);font-size:.92rem;color:var(--text);outline:none;resize:vertical;} .contact-form textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);}
  .contact-form .btn{margin-top:16px;}
  .faq{max-width:820px;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#fff;}
  .faq-item{border-bottom:1px solid var(--line);} .faq-item:last-child{border-bottom:none;}
  .faq-q{width:100%;display:flex;justify-content:space-between;align-items:center;gap:16px;background:none;border:none;text-align:left;font-family:var(--font-display);font-weight:600;font-size:1rem;color:var(--ink);padding:18px 22px;cursor:pointer;}
  .faq-q svg{width:18px;height:18px;stroke:var(--muted);stroke-width:2;fill:none;flex-shrink:0;transition:transform .25s;}
  .faq-item.open .faq-q svg{transform:rotate(180deg);}
  .faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease;} .faq-item.open .faq-a{max-height:260px;}
  .faq-a p{padding:0 22px 20px;color:var(--muted);line-height:1.7;font-size:.92rem;}
  .faq-more{margin-top:22px;color:var(--muted);} .faq-more a{color:var(--accent);font-weight:600;cursor:pointer;}
  .track-box{max-width:820px;}
  .track-form{display:flex;gap:10px;margin-bottom:26px;} .track-form input{flex:1;border:1px solid var(--line-strong);border-radius:5px;padding:13px 16px;font-family:var(--font-body);font-size:.95rem;outline:none;} .track-form input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);}
  .track-result{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px;}
  .track-head{font-size:1.05rem;color:var(--ink);margin-bottom:26px;} .track-status{color:var(--accent-dark);font-weight:600;}
  .track-line{display:flex;justify-content:space-between;position:relative;}
  .track-line::before{content:"";position:absolute;top:9px;left:5%;right:5%;height:2px;background:var(--line);}
  .tstep{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:8px;flex:1;text-align:center;}
  .tdot{width:18px;height:18px;border-radius:50%;background:#fff;border:2px solid var(--line-strong);}
  .tstep.done .tdot{background:var(--green);border-color:var(--green);} .tstep.now .tdot{background:var(--accent);border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft);}
  .tlbl{font-size:.76rem;color:var(--muted);max-width:9ch;} .tstep.now .tlbl{color:var(--ink);font-weight:600;}
  .track-eta{margin-top:22px;font-size:.86rem;color:var(--faint);}
  .proc-list{display:flex;flex-direction:column;gap:14px;}
  .proc{display:flex;align-items:center;gap:20px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px 24px;transition:.2s;} .proc:hover{box-shadow:var(--shadow-soft);border-color:var(--line-strong);}
  .proc-main{flex:1;min-width:0;} .proc-title{font-family:var(--font-display);font-weight:600;color:var(--ink);font-size:1.02rem;margin-bottom:4px;} .proc-meta{font-size:.85rem;color:var(--muted);}
  .proc-tags{display:flex;gap:8px;align-items:center;flex-wrap:wrap;} .proc-cat{font-size:.76rem;color:var(--muted);background:var(--surface);border:1px solid var(--line);padding:4px 11px;border-radius:100px;} .proc-time{font-size:.76rem;color:var(--accent-dark);font-weight:600;}
  .proc-cta{margin-top:24px;color:var(--muted);} .proc-cta a{color:var(--accent);font-weight:600;cursor:pointer;}
  .doc{max-width:840px;}
  .doc .updated{font-size:.85rem;color:var(--faint);margin-bottom:18px;}
  .doc-intro{color:var(--muted);line-height:1.8;margin-bottom:28px;font-size:1.04rem;}
  .doc-sec{margin-bottom:26px;}
  .doc-sec h3{font-size:1.14rem;margin-bottom:10px;}
  .doc-sec p{color:var(--muted);line-height:1.8;}
  .doc-sec ul{margin:8px 0 0;padding-left:20px;color:var(--muted);line-height:1.85;}
  .doc-sec li{margin-bottom:4px;}
  .doc-link{color:var(--accent);font-weight:600;cursor:pointer;}
  @media(max-width:900px){ .about-hero,.contact-grid{grid-template-columns:1fr;} .about-vals{grid-template-columns:1fr 1fr;} .proc{flex-wrap:wrap;} }
  @media(max-width:560px){ .about-vals,.about-stats{grid-template-columns:1fr;} .track-line{flex-direction:column;gap:14px;} .track-line::before{display:none;} .tstep{flex-direction:row;flex:none;width:100%;justify-content:flex-start;} .tlbl{max-width:none;} }
  .prod .ph{aspect-ratio:4/3;position:relative;display:grid;place-items:center;color:rgba(15,42,63,.22);overflow:hidden;}
  .prod .ph svg{width:58px;height:58px;stroke:currentColor;stroke-width:1.3;fill:none;stroke-linecap:round;stroke-linejoin:round;}
  .prod .tag{position:absolute;top:12px;left:12px;font-size:.72rem;font-weight:600;color:#fff;background:rgba(15,42,63,.72);padding:4px 10px;border-radius:100px;}
  .prod .body{padding:15px 15px 16px;display:flex;flex-direction:column;gap:6px;flex:1;}
  .prod .nm{font-weight:600;font-size:.94rem;color:var(--ink);line-height:1.4;min-height:2.6em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
  .prod .price{font-family:var(--font-display);font-weight:700;color:var(--accent-dark);font-size:1.02rem;}
  .prod .price small{font-family:var(--font-body);font-weight:500;color:var(--faint);font-size:.76rem;}
  .prod .moq{font-size:.76rem;color:var(--faint);}
  .prod .price-row{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;}
  .prod .price-row s{color:var(--faint);font-size:.8rem;}
  .prod .rate-line{display:flex;align-items:center;gap:7px;font-size:.75rem;color:var(--faint);flex-wrap:wrap;}
  .prod .rate-line .stars{color:var(--accent-dark);font-weight:600;}
  .prod .rate-line .sold{color:var(--muted);}
  .prod .disc{position:absolute;top:12px;right:12px;background:var(--accent);color:#fff;font-size:.74rem;font-weight:700;font-family:var(--font-display);padding:3px 8px;border-radius:5px;}
  .prod .meta{margin-top:auto;padding-top:11px;border-top:1px solid var(--line);display:flex;align-items:center;gap:8px;}
  .prod .sup2{display:flex;align-items:center;gap:8px;min-width:0;flex:1;}
  .prod .cert.cv{flex-shrink:0;}
  .prod .sup2-logo{width:22px;height:22px;border-radius:5px;background:linear-gradient(135deg,var(--ink),var(--ink-2));color:#fff;font-family:var(--font-display);font-weight:700;font-size:.72rem;display:grid;place-items:center;flex-shrink:0;}
  .prod .sup2-name{font-size:.86rem;font-weight:600;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .prod .sup2:hover .sup2-name{color:var(--accent);}
  .prod .certs{display:flex;flex-wrap:wrap;gap:5px;}
  .prod .cert{display:inline-flex;align-items:center;gap:4px;font-size:.68rem;font-weight:600;padding:2px 7px;border-radius:4px;white-space:nowrap;line-height:1.6;}
  .prod .cert svg{width:11px;height:11px;stroke:currentColor;stroke-width:2;fill:none;}
  .prod .cert.cv{background:rgba(14,159,91,.12);color:#0E7A46;}
  .prod .cert.ca{background:rgba(40,70,90,.10);color:#2A4660;}
  .prod .cert.cy{background:rgba(197,138,20,.16);color:#8A5E10;}
  .prod .sup-sub{font-size:.72rem;color:var(--faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  .badge-v{display:inline-flex;align-items:center;gap:3px;color:var(--green);font-weight:600;font-size:.74rem;}
  .badge-v svg{width:13px;height:13px;stroke:currentColor;stroke-width:2;fill:none;}

  /* suppliers */
  .sups{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
  .sup{border:1px solid var(--line);border-radius:var(--radius);padding:24px;background:#fff;transition:.2s;cursor:pointer;} .sup:hover{box-shadow:var(--shadow-soft);border-color:var(--line-strong);}
  .sup-top{display:flex;gap:14px;align-items:center;margin-bottom:16px;}
  .sup-logo{width:52px;height:52px;border-radius:5px;background:linear-gradient(135deg,var(--ink),var(--ink-2));color:#fff;display:grid;place-items:center;font-family:var(--font-display);font-weight:700;font-size:1.2rem;flex-shrink:0;}
  .sup-name{font-family:var(--font-display);font-weight:600;font-size:1.02rem;} .sup-loc{font-size:.82rem;color:var(--faint);}
  .sup-tags{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:16px;} .sup-tags span{font-size:.76rem;color:var(--muted);background:var(--surface);border:1px solid var(--line);padding:3px 10px;border-radius:100px;}
  .sup-foot{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:14px;font-size:.82rem;color:var(--muted);} .sup-foot a{color:var(--accent);font-weight:600;}

  .stats{background:var(--navy-deep);color:#fff;position:relative;overflow:hidden;}
  .stats::after{content:"";position:absolute;right:-140px;top:-140px;width:460px;height:460px;border-radius:50%;background:radial-gradient(circle,rgba(224,118,44,.22),transparent 62%);}
  .stats .wrap{position:relative;z-index:1;}
  .stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;text-align:center;}
  .stat .big{font-family:var(--font-display);font-weight:800;font-size:clamp(2rem,3vw,3rem);color:#fff;} .stat .big i{color:var(--accent);font-style:normal;} .stat .lbl{color:#9fb2c1;font-size:.92rem;margin-top:6px;}
  .stats h2{color:#fff;text-align:center;margin-bottom:12px;} .stats .sub{text-align:center;color:#9fb2c1;max-width:64ch;margin:0 auto 44px;}

  .cta-final .wrap{background:linear-gradient(120deg,var(--ink),var(--ink-2));border-radius:5px;padding:54px 58px;display:flex;justify-content:space-between;align-items:center;gap:34px;position:relative;overflow:hidden;}
  .cta-final .glow{position:absolute;left:-80px;bottom:-120px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(224,118,44,.28),transparent 60%);}
  .cta-final h2{color:#fff;position:relative;z-index:1;} .cta-final p{color:#c4d2dd;margin-top:12px;position:relative;z-index:1;max-width:56ch;}
  .cta-final .acts{display:flex;gap:14px;position:relative;z-index:1;flex-shrink:0;}

  footer{position:relative;background:linear-gradient(180deg,var(--ink),var(--navy-deep));color:#fff;overflow:hidden;}
  .foot-glow{position:absolute;top:-130px;right:-90px;width:440px;height:440px;border-radius:50%;background:radial-gradient(circle,rgba(224,118,44,.18),transparent 62%);pointer-events:none;}
  .foot-news{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:30px;padding:40px 0;border-bottom:1px solid rgba(255,255,255,.1);flex-wrap:wrap;}
  .fn-text h3{color:#fff;font-size:1.35rem;margin-bottom:5px;} .fn-text p{color:rgba(255,255,255,.9);font-size:.92rem;}
  .fn-form{display:flex;gap:10px;flex:1;max-width:480px;min-width:280px;}
  .fn-form input{flex:1;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.08);border-radius:5px;padding:13px 16px;color:#fff;font-family:var(--font-body);font-size:.92rem;outline:none;}
  .fn-form input::placeholder{color:rgba(255,255,255,.5);} .fn-form input:focus{border-color:var(--accent);background:rgba(255,255,255,.12);}
  .foot-main{position:relative;z-index:1;display:grid;grid-template-columns:1.6fr 3fr;gap:56px;padding:50px 0 42px;}
  .foot-brand .logo{color:#fff;margin-bottom:16px;} .foot-brand .logo .mark{background:transparent;}
  .fb-desc{color:rgba(255,255,255,.9);font-size:.9rem;max-width:40ch;margin-bottom:20px;line-height:1.7;}
  .foot-contact{display:flex;flex-direction:column;gap:10px;font-size:.86rem;color:rgba(255,255,255,.95);margin-bottom:22px;}
  .foot-contact a,.foot-contact span{display:flex;align-items:center;gap:9px;} .foot-contact a{cursor:pointer;} .foot-contact a:hover{color:#fff;}
  .foot-contact svg{width:16px;height:16px;stroke:var(--accent);stroke-width:1.8;fill:none;flex-shrink:0;}
  .foot-soc{display:flex;gap:10px;}
  .foot-soc a{width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);display:grid;place-items:center;color:#fff;cursor:pointer;transition:.15s;}
  .foot-soc a:hover{background:var(--accent);border-color:var(--accent);transform:translateY(-2px);}
  .foot-soc svg{width:17px;height:17px;stroke:currentColor;stroke-width:1.7;fill:none;}
  .foot-links{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;}
  .fl-col h4{color:#fff;font-size:.95rem;font-family:var(--font-display);font-weight:600;margin-bottom:16px;padding-left:11px;position:relative;}
  .fl-col h4::before{content:"";position:absolute;left:0;top:3px;bottom:3px;width:3px;border-radius:2px;background:var(--accent);}
  .fl-col a{display:block;font-size:.88rem;color:#fff;margin-bottom:11px;cursor:pointer;transition:.15s;} .fl-col a:hover{color:var(--accent);}
  .foot-strip{position:relative;z-index:1;display:flex;align-items:center;gap:34px;flex-wrap:wrap;padding:24px 0;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);}
  .fs-block{display:flex;align-items:center;gap:12px;flex-wrap:wrap;} .fs-lbl{font-size:.8rem;color:rgba(255,255,255,.85);}
  .chips{display:flex;gap:8px;flex-wrap:wrap;align-items:center;}
  .chips .pay{height:30px;display:inline-flex;border-radius:5px;overflow:hidden;box-shadow:0 0 0 1px rgba(255,255,255,.14);transition:transform .15s;}
  .chips .pay:hover{transform:translateY(-2px);}
  .chips .pay svg{height:30px;width:auto;display:block;}
  .fs-lang{margin-left:auto;display:flex;gap:12px;} .fs-lang label{display:flex;align-items:center;gap:6px;font-size:.82rem;color:rgba(255,255,255,.8);}
  .fs-lang select{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);color:#fff;border-radius:5px;padding:8px 11px;font-family:var(--font-body);font-size:.82rem;cursor:pointer;outline:none;} .fs-lang select option{color:#111;}
  .foot-base{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:24px 0 36px;flex-wrap:wrap;font-size:.83rem;color:rgba(255,255,255,.9);}
  .fb-legal{display:flex;gap:22px;flex-wrap:wrap;} .fb-legal a{color:rgba(255,255,255,.9);cursor:pointer;} .fb-legal a:hover{color:#fff;}
  .to-top{display:flex;align-items:center;gap:7px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);color:#fff;font-family:var(--font-body);font-weight:600;font-size:.82rem;padding:8px 15px;border-radius:100px;cursor:pointer;transition:.15s;} .to-top:hover{background:var(--accent);border-color:var(--accent);} .to-top svg{width:14px;height:14px;stroke:currentColor;stroke-width:2.2;fill:none;}

  /* ---- inner pages ---- */
  .page{padding:30px 0 70px;}
  .crumb{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--faint);margin-bottom:22px;flex-wrap:wrap;}
  .crumb a{color:var(--muted);cursor:pointer;} .crumb a:hover{color:var(--accent);} .crumb span.sep{color:var(--line-strong);}
  .page-title{font-size:1.9rem;font-weight:700;margin-bottom:6px;} .page-sub{color:var(--muted);margin-bottom:26px;}

  /* listing */
  .listing{display:grid;grid-template-columns:280px minmax(0,1fr);gap:30px;align-items:start;}
  .filters{border:1px solid var(--line);border-radius:5px;background:#fff;overflow:hidden;position:sticky;top:96px;}
  .filters .fhead{background:var(--surface);padding:14px 18px;font-family:var(--font-display);font-weight:600;font-size:.95rem;border-bottom:1px solid var(--line);}
  .fgroup{padding:16px 18px;border-bottom:1px solid var(--line);}
  .fgroup h4{font-size:.86rem;margin-bottom:12px;font-family:var(--font-body);font-weight:600;color:var(--ink);}
  .fgroup .fitem{display:flex;align-items:center;gap:9px;font-size:.87rem;color:var(--muted);padding:5px 0;cursor:pointer;} .fgroup .fitem:hover{color:var(--accent);}
  .fgroup .fitem input{accent-color:var(--accent);width:15px;height:15px;}
  .fgroup .flink{display:flex;justify-content:space-between;font-size:.87rem;color:var(--muted);padding:5px 0;cursor:pointer;} .fgroup .flink:hover{color:var(--accent);} .fgroup .flink.active{color:var(--accent);font-weight:600;} .fgroup .flink b{color:var(--faint);font-weight:500;}
  .toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;background:#fff;border:1px solid var(--line);border-radius:5px;padding:12px 18px;margin-bottom:20px;flex-wrap:wrap;}
  .toolbar .res{font-size:.88rem;color:var(--muted);} .toolbar .res b{color:var(--ink);}
  .sortbar{display:flex;gap:6px;align-items:center;font-size:.85rem;}
  .sortbar button{background:var(--surface);border:1px solid var(--line);color:var(--muted);font-family:var(--font-body);font-size:.83rem;padding:7px 13px;border-radius:5px;cursor:pointer;} .sortbar button.on{background:var(--ink);color:#fff;border-color:var(--ink);}
  .grid-listing{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;}
  .pager{display:flex;justify-content:center;gap:8px;margin-top:36px;}
  .pager button{min-width:40px;height:40px;border:1px solid var(--line);background:#fff;border-radius:5px;cursor:pointer;font-family:var(--font-body);font-weight:600;color:var(--muted);} .pager button.on{background:var(--accent);color:#fff;border-color:var(--accent);} .pager button:hover:not(.on){border-color:var(--ink);}

  /* product detail */
  .gs-product-page section{padding:0;}
  .pd{display:grid;grid-template-columns:600px minmax(0,1fr) 340px;gap:34px;align-items:start;}
  .pd-gallery .pd-main{aspect-ratio:1;border:1px solid var(--line);border-radius:5px;display:grid;place-items:center;color:rgba(15,42,63,.2);}
  .pd-gallery .pd-main{position:relative;overflow:hidden;background:#fff;}
  .pd-gallery .pd-main .pimg{width:100%;height:100%;object-fit:contain;padding:8px;transform:scale(1.08);transform-origin:center;}
  .pd-sale{position:absolute;z-index:2;top:16px;left:16px;background:var(--accent);color:#fff;font-family:var(--font-display);font-weight:700;font-size:.78rem;padding:6px 12px;border-radius:100px;box-shadow:var(--shadow-soft);}
  .pd-gallery .pd-main svg{width:120px;height:120px;stroke:currentColor;stroke-width:1.1;fill:none;stroke-linecap:round;stroke-linejoin:round;}
  .pd-thumbs{display:flex;gap:12px;margin-top:14px;}
  .pd-thumbs button{width:74px;height:74px;border:1px solid var(--line);border-radius:5px;display:grid;place-items:center;color:rgba(15,42,63,.22);cursor:pointer;background:#fff;padding:4px;overflow:hidden;} .pd-thumbs button.on{border:2px solid var(--accent);} .pd-thumbs button .pimg{width:100%;height:100%;object-fit:contain;}
  .pd-info h1{font-size:1.5rem;font-weight:700;margin-bottom:12px;line-height:1.3;}
  .pd-rate{display:flex;align-items:center;gap:14px;font-size:.85rem;color:var(--muted);margin-bottom:20px;flex-wrap:wrap;}
  .pd-rate .star{color:var(--accent);font-weight:600;}
  .tier{display:flex;border:1px solid var(--line);border-radius:5px;overflow:hidden;margin-bottom:8px;background:var(--surface);}
  .tier div{flex:1;padding:14px 12px;text-align:center;border-right:1px solid var(--line);} .tier div:last-child{border-right:none;}
  .tier .q{font-size:.76rem;color:var(--muted);margin-bottom:4px;} .tier .p{font-family:var(--font-display);font-weight:700;color:var(--ink);font-size:1.15rem;}
  .pd-line{display:flex;gap:10px;font-size:.88rem;color:var(--muted);padding:9px 0;border-bottom:1px solid var(--line);} .pd-line b{color:var(--ink);min-width:130px;font-weight:600;}
  .pd-buy{border:1px solid var(--line);border-radius:5px;padding:22px;position:sticky;top:96px;box-shadow:var(--shadow-soft);}
  .pd-buy .unit{font-family:var(--font-display);font-weight:800;color:var(--accent-dark);font-size:1.8rem;margin-bottom:4px;} .pd-buy .unit small{font-family:var(--font-body);font-weight:500;font-size:.8rem;color:var(--faint);}
  .qty{display:inline-flex;border:1px solid var(--line-strong);border-radius:5px;overflow:hidden;margin:6px 0 4px;}
  .qty button{width:40px;height:42px;background:#fff;border:none;cursor:pointer;font-size:1.2rem;color:var(--ink);} .qty input{width:90px;text-align:center;border:none;border-left:1px solid var(--line);border-right:1px solid var(--line);outline:none;font-family:var(--font-body);font-size:.95rem;}
  .pd-buy .btn{width:100%;margin-top:10px;}
  .pd-buy form.cart{margin:0;display:block;}
  .pd-buy form.cart label{display:block;font-size:.82rem;font-weight:600;color:var(--ink-2);margin-top:12px;}
  .pd-buy form.cart::before,.pd-buy form.cart::after{display:none!important;}
  .pd-buy .quantity{float:none!important;margin:0!important;display:contents;}
  .pd-buy .quantity .qty{width:90px!important;min-height:42px!important;padding:0 8px!important;border:0!important;border-radius:0!important;box-shadow:none!important;text-align:center!important;-moz-appearance:textfield;}
  .pd-buy .quantity .qty::-webkit-inner-spin-button,.pd-buy .quantity .qty::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;}
  .pd-unit-note{font-size:.82rem;color:var(--faint);margin-bottom:8px;}
  .pd-stock{font-size:.82rem;font-weight:600;margin-bottom:4px;}.pd-stock.in{color:var(--green);}.pd-stock.out{color:#b13b2e;}
  .pd-inquiry{border:1px solid var(--line-strong);}
  .pd-buy .sup-mini{text-decoration:none;}
  .pd-buy .sup-mini span:last-child{min-width:0;}
  .pd-buy .sup-mini strong{display:block;font-weight:600;color:var(--ink);font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .pd-buy .sup-mini small{display:block;font-size:.78rem;color:var(--faint);}
  .pd-tier-note{font-size:.8rem;color:var(--faint);margin-bottom:20px;}
  .pd-description{max-width:950px;color:var(--muted);margin-bottom:44px;}
  .pd-copy{line-height:1.8;margin-bottom:24px;}.pd-copy p{margin-bottom:14px;}
  .related .sec-head{margin-bottom:24px;}.related .sec-head h2{font-size:1.4rem;}.related .sec-head p{color:var(--muted);font-size:.9rem;margin-top:5px;}
  .gs-product-page .woocommerce-message,.gs-product-page .woocommerce-error,.gs-product-page .woocommerce-info{border:1px solid var(--line);border-top:3px solid var(--accent);background:var(--surface);color:var(--ink);margin:0 0 24px;padding:14px 18px 14px 44px;border-radius:5px;}
  .gs-product-page .woocommerce-message::before,.gs-product-page .woocommerce-info::before{color:var(--green);top:14px;}
  .gs-product-page .woocommerce-message .button{float:right;background:var(--ink);color:#fff;border-radius:5px;padding:7px 12px;}
  .gs-native-cart table.variations{width:100%;margin:10px 0;}.gs-native-cart table.variations td{padding:5px 0;}.gs-native-cart select{width:100%;padding:10px;border:1px solid var(--line-strong);border-radius:5px;}
  .pd-buy .sup-mini{display:flex;gap:12px;align-items:center;margin-top:18px;padding-top:18px;border-top:1px solid var(--line);cursor:pointer;}
  .pd-buy .sup-mini .l{width:44px;height:44px;border-radius:5px;background:linear-gradient(135deg,var(--ink),var(--ink-2));color:#fff;display:grid;place-items:center;font-family:var(--font-display);font-weight:700;flex-shrink:0;}
  .tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin:44px 0 24px;}
  .tabs button{background:none;border:none;padding:12px 20px;font-family:var(--font-body);font-weight:600;font-size:.95rem;color:var(--muted);cursor:pointer;border-bottom:2px solid transparent;} .tabs button.on{color:var(--ink);border-color:var(--accent);}
  .spec-table{width:100%;border-collapse:collapse;max-width:820px;} .spec-table td{padding:12px 16px;border:1px solid var(--line);font-size:.9rem;} .spec-table td:first-child{background:var(--surface);font-weight:600;color:var(--ink);width:220px;}

  /* store */
  .store-banner{background:linear-gradient(120deg,var(--ink),var(--ink-2));border-radius:5px;padding:34px 36px;color:#fff;display:flex;align-items:center;gap:24px;position:relative;overflow:hidden;margin-bottom:8px;}
  .store-banner .glow{position:absolute;right:-90px;top:-90px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(224,118,44,.28),transparent 62%);}
  .store-banner .slogo{width:84px;height:84px;border-radius:5px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);display:grid;place-items:center;font-family:var(--font-display);font-weight:800;font-size:2rem;color:#fff;flex-shrink:0;position:relative;z-index:1;}
  .store-banner .sinfo{position:relative;z-index:1;flex:1;}
  .store-banner h1{color:#fff;font-size:1.7rem;margin-bottom:6px;}
  .store-banner .smeta{display:flex;gap:18px;flex-wrap:wrap;color:#c4d2dd;font-size:.88rem;margin-top:8px;}
  .store-banner .sbadges{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap;} .store-banner .sbadges span{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.16);padding:5px 12px;border-radius:100px;font-size:.78rem;display:flex;align-items:center;gap:6px;} .store-banner .sbadges svg{width:13px;height:13px;stroke:currentColor;stroke-width:2;fill:none;}
  .store-banner .sact{position:relative;z-index:1;display:flex;flex-direction:column;gap:10px;}
  .store-nav{display:flex;gap:26px;border-bottom:1px solid var(--line);margin:26px 0 30px;} .store-nav a{padding:14px 0;font-weight:600;font-size:.95rem;color:var(--muted);border-bottom:2px solid transparent;cursor:pointer;} .store-nav a.on{color:var(--ink);border-color:var(--accent);}

  /* cart / checkout */
  .cart-wrap{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:30px;align-items:start;}
  .cart-group{border:1px solid var(--line);border-radius:5px;background:#fff;margin-bottom:18px;overflow:hidden;}
  .cart-group .cg-head{background:var(--surface);padding:13px 20px;font-weight:600;font-size:.92rem;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--line);cursor:pointer;}
  .cart-item{display:grid;grid-template-columns:88px minmax(0,1fr) auto auto auto;gap:18px;align-items:center;padding:18px 20px;border-bottom:1px solid var(--line);}
  .cart-item:last-child{border-bottom:none;}
  .ci-img{width:88px;height:88px;border-radius:5px;display:grid;place-items:center;color:rgba(15,42,63,.22);} .ci-img svg{width:40px;height:40px;stroke:currentColor;stroke-width:1.3;fill:none;}
  .ci-name{font-weight:600;color:var(--ink);font-size:.96rem;margin-bottom:4px;cursor:pointer;} .ci-name:hover{color:var(--accent);}
  .ci-sub{font-size:.8rem;color:var(--faint);}
  .ci-unit{font-family:var(--font-display);font-weight:600;color:var(--ink);font-size:.95rem;white-space:nowrap;}
  .ci-qty{display:inline-flex;border:1px solid var(--line-strong);border-radius:5px;overflow:hidden;} .ci-qty button{width:32px;height:34px;background:#fff;border:none;cursor:pointer;font-size:1rem;color:var(--ink);} .ci-qty input{width:70px;text-align:center;border:none;border-left:1px solid var(--line);border-right:1px solid var(--line);outline:none;font-size:.88rem;}
  .ci-total{font-family:var(--font-display);font-weight:700;color:var(--accent-dark);font-size:1.02rem;white-space:nowrap;min-width:90px;text-align:right;}
  .ci-rm{background:none;border:none;color:var(--faint);cursor:pointer;font-size:.8rem;} .ci-rm:hover{color:#c0392b;}
  .summary{border:1px solid var(--line);border-radius:5px;background:#fff;padding:24px;position:sticky;top:96px;box-shadow:var(--shadow-soft);}
  .summary h3{font-size:1.15rem;margin-bottom:18px;}
  .sum-line{display:flex;justify-content:space-between;font-size:.92rem;color:var(--muted);padding:8px 0;} .sum-line b{color:var(--ink);}
  .sum-total{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid var(--line);margin-top:8px;padding-top:16px;}
  .sum-total .t{font-family:var(--font-display);font-weight:800;font-size:1.6rem;color:var(--ink);}
  .summary .btn{width:100%;margin-top:16px;}
  .empty{text-align:center;padding:70px 20px;} .empty svg{width:70px;height:70px;stroke:var(--line-strong);stroke-width:1.3;fill:none;margin:0 auto 18px;} .empty h3{margin-bottom:8px;} .empty p{color:var(--muted);margin-bottom:20px;}

  .checkout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:30px;align-items:start;}
  .co-card{border:1px solid var(--line);border-radius:5px;background:#fff;padding:24px 26px;margin-bottom:20px;}
  .co-card h3{font-size:1.1rem;margin-bottom:18px;display:flex;align-items:center;gap:10px;}
  .co-card h3 .n{width:26px;height:26px;border-radius:5px;background:var(--accent-soft);color:var(--accent-dark);display:grid;place-items:center;font-family:var(--font-display);font-weight:700;font-size:.85rem;}
  .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;} .form-grid .full{grid-column:1/-1;}
  .pay-opt{display:flex;align-items:center;gap:13px;border:1px solid var(--line);border-radius:5px;padding:15px 16px;cursor:pointer;margin-bottom:11px;transition:.15s;}
  .pay-opt:hover{border-color:var(--line-strong);} .pay-opt.sel{border-color:var(--accent);background:var(--accent-soft);}
  .pay-opt .dot{width:18px;height:18px;border-radius:50%;border:2px solid var(--line-strong);flex-shrink:0;display:grid;place-items:center;} .pay-opt.sel .dot{border-color:var(--accent);} .pay-opt.sel .dot::after{content:"";width:9px;height:9px;border-radius:50%;background:var(--accent);}
  .pay-opt .pi{font-weight:600;color:var(--ink);font-size:.95rem;} .pay-opt .pd2{font-size:.8rem;color:var(--faint);}
  .pay-opt .picon{margin-left:auto;color:var(--muted);} .pay-opt .picon svg{width:26px;height:26px;stroke:currentColor;stroke-width:1.5;fill:none;}
  #cardForm{grid-template-columns:1fr 1fr;gap:14px;margin-top:6px;}

  .success{text-align:center;max-width:560px;margin:40px auto;padding:50px 40px;border:1px solid var(--line);border-radius:5px;box-shadow:var(--shadow-soft);}
  .success .chk{width:76px;height:76px;border-radius:50%;background:var(--accent-soft);display:grid;place-items:center;margin:0 auto 22px;} .success .chk svg{width:38px;height:38px;stroke:var(--green);stroke-width:2.4;fill:none;}
  .success h2{margin-bottom:10px;} .success p{color:var(--muted);margin-bottom:6px;}
  .success .ord{font-family:var(--font-display);font-weight:700;color:var(--ink);font-size:1.1rem;margin:14px 0 24px;}

  .related{margin-top:20px;}

  /* toast */
  .toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%) translateY(20px);background:var(--ink);color:#fff;padding:13px 22px;border-radius:5px;font-size:.9rem;font-weight:500;box-shadow:var(--shadow);opacity:0;pointer-events:none;transition:.25s;z-index:200;display:flex;align-items:center;gap:9px;}
  .toast.show{opacity:1;transform:translateX(-50%) translateY(0);} .toast svg{width:17px;height:17px;stroke:#7ee0b0;stroke-width:2.4;fill:none;}

  /* trust bar */
  .trustbar{border-bottom:1px solid var(--line);background:#fff;}
  .trustbar .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:22px 40px;}
  .tb{display:flex;align-items:center;gap:13px;} .tb .ti{font-size:1.5rem;line-height:1;}
  .tb b{display:block;font-size:.92rem;color:var(--ink);font-family:var(--font-display);} .tb i{font-style:normal;font-size:.8rem;color:var(--faint);}

  /* flash deals */
  .flash{background:linear-gradient(180deg,#FBEEE1,#fff);border-top:1px solid var(--line);}
  .flash-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap;gap:14px;}
  .fh-left{display:flex;align-items:center;gap:12px;} .fh-left .bolt{font-size:1.7rem;} .fh-left h2{font-size:clamp(1.5rem,2.2vw,2rem);} .fh-left .fh-sub{color:var(--muted);font-size:.9rem;}
  .flash-timer{font-size:.92rem;color:var(--ink);font-weight:600;display:flex;align-items:center;}
  .flash-timer span{font-family:var(--font-display);background:var(--ink);color:#fff;padding:6px 12px;border-radius:5px;margin-left:8px;letter-spacing:.06em;}

  /* live chat */
  .chat-fab{position:fixed;right:26px;bottom:26px;width:60px;height:60px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:0 12px 30px -8px rgba(224,118,44,.7);z-index:150;transition:.2s;}
  .chat-fab:hover{transform:translateY(-3px);} .chat-fab.hide{transform:scale(0);opacity:0;pointer-events:none;}
  .chat-fab svg{width:28px;height:28px;stroke:#fff;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round;}
  .chat-dot{position:absolute;top:1px;right:1px;width:15px;height:15px;background:#e0392c;border:2px solid #fff;border-radius:50%;}
  .chat-panel{position:fixed;right:26px;bottom:26px;width:372px;max-width:calc(100vw - 32px);height:544px;max-height:calc(100vh - 52px);background:#fff;border:1px solid var(--line);border-radius:5px;box-shadow:0 30px 70px -20px rgba(15,42,63,.5);z-index:151;display:flex;flex-direction:column;overflow:hidden;opacity:0;visibility:hidden;transform:translateY(20px) scale(.98);transition:.2s;}
  .chat-panel.open{opacity:1;visibility:visible;transform:none;}
  .chat-head{background:linear-gradient(120deg,var(--ink),var(--ink-2));color:#fff;padding:15px 18px;display:flex;align-items:center;justify-content:space-between;}
  .ch-agent{display:flex;align-items:center;gap:11px;}
  .ch-av{width:40px;height:40px;border-radius:50%;background:var(--accent);display:grid;place-items:center;font-family:var(--font-display);font-weight:700;font-size:1.1rem;color:#fff;}
  .ch-name{font-family:var(--font-display);font-weight:600;font-size:1rem;}
  .ch-status{font-size:.75rem;color:#bcd0dd;display:flex;align-items:center;gap:6px;}
  .ch-status i{width:8px;height:8px;border-radius:50%;background:#4ade80;display:inline-block;}
  .ch-close{background:rgba(255,255,255,.14);border:none;color:#fff;width:30px;height:30px;border-radius:5px;cursor:pointer;font-size:.9rem;}
  .chat-body{flex:1;overflow-y:auto;padding:18px;background:var(--surface);display:flex;flex-direction:column;gap:11px;}
  .cmsg{display:flex;max-width:84%;}
  .cmsg.agent{align-self:flex-start;} .cmsg.user{align-self:flex-end;justify-content:flex-end;}
  .cmsg .bub{padding:10px 14px;border-radius:5px;font-size:.88rem;line-height:1.55;}
  .cmsg.agent .bub{background:#fff;border:1px solid var(--line);color:var(--text);border-bottom-left-radius:4px;}
  .cmsg.user .bub{background:var(--ink);color:#fff;border-bottom-right-radius:4px;}
  .cmsg.typing .bub{display:flex;gap:4px;align-items:center;} .cmsg.typing span{width:7px;height:7px;border-radius:50%;background:var(--faint);animation:blink 1.2s infinite;} .cmsg.typing span:nth-child(2){animation-delay:.2s;} .cmsg.typing span:nth-child(3){animation-delay:.4s;}
  @keyframes blink{0%,60%,100%{opacity:.3;}30%{opacity:1;}}
  .chat-quick{display:flex;gap:7px;padding:11px 14px 2px;flex-wrap:wrap;background:#fff;}
  .chat-quick button{background:var(--accent-soft);color:var(--accent-dark);border:none;font-family:var(--font-body);font-size:.79rem;font-weight:600;padding:7px 12px;border-radius:100px;cursor:pointer;transition:.15s;} .chat-quick button:hover{background:var(--accent);color:#fff;}
  .chat-input{display:flex;gap:8px;padding:12px 14px;background:#fff;border-top:1px solid var(--line);}
  .chat-input input{flex:1;border:1px solid var(--line-strong);border-radius:100px;padding:10px 15px;font-family:var(--font-body);font-size:.9rem;outline:none;} .chat-input input:focus{border-color:var(--accent);}
  .chat-input button{width:42px;height:42px;border-radius:50%;background:var(--accent);color:#fff;border:none;cursor:pointer;font-size:1.05rem;flex-shrink:0;}
  @media(max-width:560px){.chat-panel{right:12px;bottom:12px;} .chat-fab{right:18px;bottom:18px;}}

  /* responsive */
  @media(max-width:1500px){ .pd{grid-template-columns:500px minmax(0,1fr) 320px;} }
  @media(max-width:1300px){
    .grid-p,.grid-listing{grid-template-columns:repeat(4,minmax(0,1fr));}
    .pd{grid-template-columns:minmax(420px,.9fr) minmax(0,1.1fr);} .pd-buy{position:static;grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:0 14px;align-items:end}.pd-buy .unit,.pd-buy .pd-unit-note,.pd-buy .pd-stock,.pd-buy .sup-mini,.pd-buy .gs-native-cart{grid-column:1/-1}.pd-buy form.cart{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.pd-buy form.cart label,.pd-buy form.cart .qty{grid-column:1/-1}.pd-buy form.cart .btn{grid-column:1/-1}
  }
  @media(max-width:1280px){ .hnr-link{display:none;} .hutil{gap:16px;} .hsearch{max-width:none;} }
  @media(max-width:1200px){ .hero-shell{grid-template-columns:minmax(0,1fr) 380px;} .cat-rail,.flyout{display:none;} }
  @media(max-width:1080px){
    .cats{grid-template-columns:repeat(4,1fr);} .grid-p{grid-template-columns:repeat(3,1fr);} .grid-listing{grid-template-columns:repeat(3,1fr);} .sups{grid-template-columns:repeat(2,1fr);}
    .listing{grid-template-columns:1fr;} .filters{position:static;display:none;}
    .cart-wrap,.checkout{grid-template-columns:1fr;} .summary{position:static;}
    .foot-main{grid-template-columns:1fr;gap:36px;} .foot-links{grid-template-columns:1fr 1fr 1fr;gap:30px;} .fs-lang{margin-left:0;width:100%;}
  }
  @media(max-width:860px){
    .hutil .uinfo{display:none;} .hrow1{gap:16px;height:74px;} .logo .sub{display:none;} .hnav{overflow-x:auto;} .hrow2{gap:10px;}
    .hero-shell{grid-template-columns:1fr;gap:34px;} .steps{grid-template-columns:1fr;}
    .stats-grid{grid-template-columns:repeat(2,1fr);gap:32px 20px;} .cta-final .wrap{flex-direction:column;align-items:flex-start;padding:38px 30px;}
    .foot-links{grid-template-columns:1fr 1fr;gap:26px 30px;} .foot-news{gap:18px;} .store-banner{flex-direction:column;text-align:center;} .store-banner .smeta,.store-banner .sbadges{justify-content:center;}
    .cart-item{grid-template-columns:64px 1fr;gap:12px;} .cart-item .ci-img{width:64px;height:64px;} .ci-unit,.ci-qty,.ci-total{grid-column:2;justify-self:start;}
    .pd{grid-template-columns:1fr;}.pd-buy{grid-column:auto;display:block;}.pd-buy form.cart{display:block;}.pd-gallery{max-width:680px;width:100%;margin:0 auto;}.tabs{overflow-x:auto;}.tabs button{white-space:nowrap;}
  }
  @media(max-width:560px){
    .wrap{padding:0 18px;} section{padding:48px 0;}
    body{overflow-x:hidden;}.topline .wrap{height:34px;}.topline .tl-right{display:none;}.hrow1{height:68px;gap:10px;}.hrow1 .logo{font-size:1.08rem;gap:8px;}.hrow1 .logo .mark{width:34px;height:34px;}.hsearch{flex:0 0 44px;width:44px;height:44px;padding:2px;margin-left:auto;}.hsearch input{display:none;}.hsearch .hs-go{width:38px;height:38px;}.hutil{display:none;}.hrow2{height:56px;min-width:max-content;}.allcat{margin-right:4px;}.allcat>.trigger{padding-right:15px;font-size:.88rem;}.allcat .cat-ic{width:36px;height:36px;}.mainnav a{padding:7px 11px;font-size:.86rem;}.hnav-right{display:none;}
    .cats,.grid-p,.grid-listing{grid-template-columns:repeat(2,1fr);} .sups{grid-template-columns:1fr;} .stats-grid{grid-template-columns:1fr 1fr;}
    .form-grid,#cardForm{grid-template-columns:1fr;}
    .gs-product-page{padding-top:20px;}.gs-product-page .crumb{font-size:.78rem;margin-bottom:15px;}.pd{gap:24px;}.pd-gallery .pd-main .pimg{padding:8px;}.pd-info h1{font-size:1.3rem;}.pd-rate{gap:8px 10px;margin-bottom:15px;}.tier{display:grid;grid-template-columns:1fr;}.tier div{border-right:0;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;text-align:left;padding:10px 13px;}.tier div:last-child{border-bottom:0;}.tier .q{margin:0;}.pd-line{display:grid;grid-template-columns:110px 1fr;}.pd-line b{min-width:0;}.pd-buy{padding:18px;}.pd-buy .unit{font-size:1.55rem;}.tabs{margin-top:34px;}.tabs button{padding:10px 13px;font-size:.86rem;}.spec-table td{padding:10px;font-size:.82rem;}.spec-table td:first-child{width:110px;}.related .grid-p{grid-template-columns:1fr 1fr;gap:12px;}.related .prod .body{padding:11px;}.related .prod .nm{font-size:.84rem;}
  }
  @media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important;}}

  /* ===== MIC home modules ===== */
  .trending-wrap{background:#fff;border:1px solid var(--line);border-radius:5px;box-shadow:var(--shadow-soft);padding:32px 34px 30px;}
  .trending-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:30px 16px;}
  .tcircle{display:flex;flex-direction:column;align-items:center;gap:15px;cursor:pointer;}
  .tcircle .disc{width:150px;height:150px;max-width:100%;border-radius:50%;background:var(--blue-pale);display:grid;place-items:center;color:var(--blue-dark);transition:.2s;}
  .tcircle:hover .disc{background:var(--accent-soft);color:var(--accent-dark);transform:translateY(-4px);box-shadow:var(--shadow-soft);}
  .tcircle .disc svg{width:58px;height:58px;stroke:currentColor;stroke-width:1.3;fill:none;stroke-linecap:round;stroke-linejoin:round;}
  .tcircle .tlbl{font-size:.94rem;color:var(--text);text-align:center;line-height:1.3;} .tcircle:hover .tlbl{color:var(--accent-dark);}

  .mic-block{display:grid;grid-template-columns:300px minmax(0,1fr);border:1px solid var(--line);border-radius:5px;overflow:hidden;background:#fff;margin-bottom:22px;}
  .mic-side{padding:32px 30px;display:flex;flex-direction:column;}
  .mic-side h3{font-size:1.55rem;font-weight:700;line-height:1.15;margin-bottom:20px;color:var(--ink);}
  .mic-side .src{display:inline-flex;align-self:flex-start;align-items:center;gap:7px;background:#fff;border:1px solid var(--line-strong);border-radius:100px;padding:9px 20px;font-family:var(--font-body);font-weight:600;font-size:.9rem;color:var(--ink);cursor:pointer;transition:.15s;}
  .mic-side .src svg{width:14px;height:14px;stroke:currentColor;stroke-width:2;fill:none;}
  .mic-side .src:hover{border-color:var(--accent);color:var(--accent);}
  .mic-side .hero-ic{margin-top:auto;padding-top:26px;display:flex;justify-content:center;color:rgba(15,42,63,.15);}
  .mic-side .hero-ic svg{width:118px;height:118px;stroke:currentColor;stroke-width:1;fill:none;stroke-linecap:round;stroke-linejoin:round;}
  .mic-cells{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border-left:1px solid var(--line);}
  .mic-cell{background:#fff;padding:16px 20px 12px;display:flex;flex-direction:column;min-height:172px;cursor:pointer;transition:.15s;}
  .mic-cell:hover{background:var(--blue-pale);}
  .mic-cell .cl{font-size:.98rem;color:var(--text);} .mic-cell:hover .cl{color:var(--blue-dark);}
  .mic-cell .ci{flex:1;display:grid;place-items:center;color:rgba(15,42,63,.2);}
  .mic-cell .ci svg{width:62px;height:62px;stroke:currentColor;stroke-width:1.2;fill:none;stroke-linecap:round;stroke-linejoin:round;}
  .mic-cell:hover .ci{color:var(--blue-dark);}
  @media(max-width:1200px){ .trending-grid{grid-template-columns:repeat(4,1fr);} }
  @media(max-width:1080px){ .mic-block{grid-template-columns:1fr;} .mic-cells{border-left:none;border-top:1px solid var(--line);} .mic-side .hero-ic{display:none;} .mic-side{flex-direction:row;align-items:center;justify-content:space-between;} .mic-side h3{margin-bottom:0;} }
  @media(max-width:820px){ .mic-cells{grid-template-columns:repeat(2,1fr);} .mic-cell{min-height:150px;} }
  @media(max-width:560px){ .trending-grid{grid-template-columns:repeat(3,1fr);gap:20px 10px;} .tcircle .disc{width:104px;height:104px;} .tcircle .disc svg{width:44px;height:44px;} }

  /* ===== hero banner carousel ===== */
  .hero-main{display:flex;flex-direction:column;gap:14px;align-self:stretch;}
  .hero-carousel{position:relative;flex:1;min-height:404px;border-radius:5px;overflow:hidden;box-shadow:var(--shadow-soft);}
  .hslides{display:flex;height:100%;transition:transform .55s cubic-bezier(.4,0,.2,1);}
  .hslide{min-width:100%;height:100%;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:46px 52px;color:#fff;position:relative;overflow:hidden;}
  .hs-txt{max-width:60%;position:relative;z-index:1;}
  .hs-eye{display:inline-block;font-size:.82rem;font-weight:600;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.24);padding:5px 13px;border-radius:100px;margin-bottom:16px;}
  .hslide h2{color:#fff;font-size:clamp(1.9rem,2.8vw,2.9rem);font-weight:800;line-height:1.1;letter-spacing:-.02em;margin-bottom:14px;}
  .hslide p{color:rgba(255,255,255,.9);font-size:1.05rem;max-width:44ch;margin-bottom:26px;}
  .hs-cta{display:inline-flex;align-items:center;gap:9px;background:#fff;color:#1b2530;font-family:var(--font-display);font-weight:700;font-size:1rem;padding:12px 22px;border-radius:100px;cursor:pointer;transition:.18s;}
  .hs-cta:hover{transform:translateY(-2px);box-shadow:0 12px 26px -12px rgba(0,0,0,.5);}
  .hs-cta svg{width:17px;height:17px;stroke:currentColor;stroke-width:2.2;fill:none;}
  .hs-art{position:absolute;right:-12px;bottom:-24px;color:rgba(255,255,255,.13);pointer-events:none;}
  .hs-art svg{width:238px;height:238px;stroke:currentColor;stroke-width:.9;fill:none;stroke-linecap:round;stroke-linejoin:round;}
  .hs-arrow{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.3);color:#fff;font-size:1.4rem;line-height:1;cursor:pointer;display:grid;place-items:center;opacity:0;transition:.2s;z-index:2;}
  .hero-carousel:hover .hs-arrow{opacity:1;}
  .hs-arrow.prev{left:16px;} .hs-arrow.next{right:16px;}
  .hs-arrow:hover{background:rgba(255,255,255,.34);}
  .hs-dots{position:absolute;left:52px;bottom:22px;display:flex;gap:8px;z-index:2;}
  .hs-dots i{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.45);cursor:pointer;transition:.2s;}
  .hs-dots i.on{background:#fff;width:24px;border-radius:100px;}
  @media(max-width:1200px){ .hero-carousel{min-height:340px;} .hs-txt{max-width:80%;} }
  @media(max-width:860px){ .hslide{padding:32px 30px;} .hs-art{display:none;} .hs-dots{left:30px;} }

  /* ===== real product photos in home modules ===== */
  .tcircle .disc{background:var(--blue-pale);border:1px solid #dbeaf7;overflow:hidden;}
  .tcircle .disc img{width:82%;height:82%;object-fit:contain;mix-blend-mode:multiply;}
  .tcircle:hover .disc{background:#fff;border-color:var(--accent);}
  .mic-cell .ci img{max-width:84%;max-height:108px;object-fit:contain;mix-blend-mode:multiply;}
  .mic-side .hero-ph{margin-top:auto;padding-top:20px;display:flex;justify-content:center;}
  .mic-side .hero-ph img{width:100%;max-width:210px;height:130px;object-fit:contain;border-radius:5px;}

  /* product photos */
  .prod .ph .pimg{width:100%;height:100%;object-fit:contain;padding:6px;display:block;transition:transform .45s ease;} .prod:hover .ph .pimg{transform:scale(1.06);}
  .pd-main .pimg{width:100%;height:100%;object-fit:contain;padding:26px;}
  .pd-thumbs div .pimg{width:100%;height:100%;object-fit:contain;padding:7px;}

  /* right-column promo tiles */
  .promo-col{display:flex;flex-direction:column;gap:16px;align-self:stretch;min-height:404px;}
  .promo-tile{flex:1;min-height:0;border-radius:5px;overflow:hidden;box-shadow:var(--shadow-soft);cursor:pointer;display:block;transition:.2s;}
  .promo-tile:hover{transform:translateY(-2px);box-shadow:var(--shadow);}
  .promo-tile img{width:100%;height:100%;object-fit:cover;display:block;}
  @media(max-width:1200px){ .promo-col{min-height:0;} .promo-tile{aspect-ratio:16/7;} }

  /* carousel real-photo slides */
  .hslide{background-size:cover;background-repeat:no-repeat;background-position:center;}
  .hslide::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,23,30,.9),rgba(15,23,30,.62) 42%,rgba(15,23,30,.2) 74%,rgba(15,23,30,.04));z-index:0;}
  .hslide .hs-txt{position:relative;z-index:1;}

/* ===== WordPress theme adjustments ===== */
.cat-row .rico{font-size:1.15rem;width:22px;text-align:center;color:var(--muted);}
.cat .ic{font-size:1.4rem;}
.mega-grid a .mgi{font-size:1.1rem;width:22px;text-align:center;display:inline-block;}
.promo-col .promo-fallback{display:flex;flex-direction:column;justify-content:center;gap:10px;padding:26px;border-radius:5px;overflow:hidden;position:relative;text-decoration:none;min-height:190px;box-shadow:var(--shadow-soft);}
.promo-fallback .pf-tag{font-size:.8rem;font-weight:600;opacity:.85;}
.promo-fallback .pf-title{font-family:var(--font-display);font-weight:700;font-size:1.45rem;line-height:1.2;}
.promo-fallback .pf-btn{align-self:flex-start;margin-top:8px;background:rgba(255,255,255,.92);color:var(--ink);font-weight:600;font-size:.85rem;padding:9px 18px;border-radius:100px;}
.prod .meta .sup{color:var(--muted);}
.prod .addmini{cursor:pointer;}
/* blog / pages */
.gs-posts{display:flex;flex-direction:column;gap:22px;max-width:840px;}
.gs-post{border:1px solid var(--line);border-radius:var(--radius);padding:24px;background:#fff;}
.gs-post h2{font-size:1.25rem;margin-bottom:6px;} .gs-post h2 a:hover{color:var(--accent);}
.gs-post-meta{font-size:.82rem;color:var(--faint);margin-bottom:10px;}
.gs-post-ex{color:var(--muted);line-height:1.8;}
.gs-content{max-width:840px;} .gs-content h2{margin:22px 0 10px;} .gs-content h3{margin:18px 0 8px;}
.gs-content p{margin-bottom:14px;color:var(--muted);line-height:1.85;} .gs-content a{color:var(--accent);font-weight:600;}
.gs-content ul,.gs-content ol{margin:0 0 14px 20px;color:var(--muted);line-height:1.85;}
.gs-pagination{margin-top:30px;}
.promo-fallback.pf-light .pf-btn{background:var(--accent);color:#fff;}

/* Bright UI and readable text on every light surface. */
body,.page,.gs-wc,.gs-content,.listing{background:#fff;color:#172838;}
.prod,.cat,.sup,.step,.toolbar,.filters,.pd-gallery .pd-main,.pd-buy,.cart-group,.summary,.co-card,.success,.faq,.track-form,.store-nav,.about-hero,.aval,.contact-info,.proc{background-color:#fff;color:#172838;}
.prod .nm,.prod .sup2-name,.cat .nm,.sup h3,.pd-info h1,.pd-line b,.pd-buy label,.toolbar b,.filters h4,.co-card h3,.summary h3,.success h2{color:var(--ink);}
input,select,textarea,.hsearch input,.chat-input input{background-color:#fff;color:#172838;}
input::placeholder,textarea::placeholder{color:#6f7e8c;opacity:1;}
.page-title,.page-sub,.crumb,.store-nav a{color:var(--ink);}

@media(max-width:700px){
  .grid-p,.grid-listing{gap:12px;}
  .prod .body{padding:12px;gap:5px;}
  .prod .nm{font-size:.86rem;}
  .prod .meta{gap:5px;padding-top:8px;}
  .prod .sup2-name{font-size:.76rem;}
  .prod .cert{padding:2px 5px;font-size:.62rem;}
  .toolbar{align-items:flex-start;padding:11px 13px;}
  .sortbar{width:100%;overflow-x:auto;padding-bottom:2px;}
}

/* ===== WooCommerce (match theme) ===== */
.gs-wc{padding-top:24px;padding-bottom:60px;}
.woocommerce .button,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit,.woocommerce a.button.alt,.woocommerce button.button.alt{background:var(--accent)!important;color:#fff!important;border-radius:5px!important;font-family:var(--font-body)!important;font-weight:600!important;}
.woocommerce .button:hover,.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce a.button.alt:hover{background:var(--accent-dark)!important;}
.woocommerce span.price,.woocommerce div.product p.price,.woocommerce ul.products li.product .price{color:var(--accent-dark);font-weight:700;}
.woocommerce ul.products li.product .price{font-family:var(--font-display);}
.woocommerce .woocommerce-message,.woocommerce .woocommerce-info{border-top-color:var(--accent);}
.woocommerce .woocommerce-message::before,.woocommerce .woocommerce-info::before{color:var(--accent);}
.woocommerce ul.products li.product a img{border-radius:5px;}
.woocommerce-store-notice,p.demo_store{background:var(--ink);}
.gs-wc .woocommerce-breadcrumb{color:var(--faint);margin-bottom:18px;}

/* WooCommerce Blocks cart — full-width B2B layout. */
.woocommerce-cart .wrap.page{width:100%;max-width:1800px;padding:34px 40px 90px;}
.woocommerce-cart .page-title{margin:0 0 30px;font-size:2rem;}
.woocommerce-cart .doc,.woocommerce-cart .gs-content{width:100%;max-width:none;}
.woocommerce-cart .gs-content>p:empty{display:none;}
.woocommerce-cart .wp-block-woocommerce-cart,
.woocommerce-cart .wc-block-cart{width:100%;max-width:none!important;margin:0!important;padding:0!important;}
.woocommerce-cart .wc-block-components-sidebar-layout{display:grid!important;width:100%!important;max-width:none!important;grid-template-columns:minmax(0,1fr) minmax(360px,420px);gap:42px;align-items:start;}
.woocommerce-cart .wc-block-cart__main,
.woocommerce-cart .wc-block-components-main{width:auto!important;min-width:0;margin:0!important;padding:0!important;}
.woocommerce-cart .wc-block-cart__sidebar,
.woocommerce-cart .wc-block-components-sidebar{width:auto!important;min-width:0;margin:0!important;padding:0!important;}
.woocommerce-cart .wc-block-cart__sidebar{position:sticky;top:108px;border:1px solid var(--line);border-radius:9px;background:#fff;box-shadow:0 16px 42px -30px rgba(15,42,63,.46);overflow:hidden;}
.woocommerce-cart .wc-block-cart-items{width:100%!important;margin:0!important;border:1px solid var(--line)!important;border-radius:9px;background:#fff;border-collapse:separate!important;border-spacing:0;overflow:hidden;}
.woocommerce-cart .wc-block-cart-items thead th{padding:16px 20px!important;border-bottom:1px solid var(--line)!important;color:var(--muted);font-size:.75rem;font-weight:700;letter-spacing:.04em;}
.woocommerce-cart .wc-block-cart-items__row td{padding:22px 20px!important;border-bottom:1px solid var(--line)!important;vertical-align:top!important;}
.woocommerce-cart .wc-block-cart-items__row:last-child td{border-bottom:0!important;}
.woocommerce-cart .wc-block-cart-item__image{width:112px!important;padding-right:0!important;}
.woocommerce-cart .wc-block-cart-item__image img{width:92px!important;height:92px!important;border-radius:7px;object-fit:contain;background:var(--surface);}
.woocommerce-cart .wc-block-components-product-name{display:block;margin-bottom:7px!important;color:var(--ink)!important;font-family:var(--font-display);font-size:1rem!important;font-weight:700!important;line-height:1.4;overflow-wrap:anywhere;}
.woocommerce-cart .wc-block-components-product-price{font-weight:700;color:var(--ink);}
.woocommerce-cart .wc-block-components-product-metadata{max-width:70ch;margin-top:8px!important;color:var(--muted);font-size:.83rem;line-height:1.55;}
.woocommerce-cart .wc-block-components-product-metadata p{margin:0!important;color:inherit;line-height:inherit;}
.woocommerce-cart .wc-block-components-quantity-selector{border-color:var(--line-strong)!important;border-radius:6px!important;}
.woocommerce-cart .wc-block-components-quantity-selector input{min-width:44px;color:var(--ink);font-weight:600;}
.woocommerce-cart .wc-block-cart-item__total{min-width:120px;text-align:right;}
.woocommerce-cart .wc-block-cart-item__total-price-and-sale-badge-wrapper{align-items:flex-end!important;}
.woocommerce-cart .wc-block-cart-item__total .wc-block-components-product-price{font-family:var(--font-display);font-size:1rem;}
.woocommerce-cart .wc-block-components-sale-badge{border:0!important;border-radius:4px!important;background:var(--surface-2);color:var(--muted);font-size:.7rem!important;}
.woocommerce-cart .wc-block-components-totals-wrapper{padding:18px 22px!important;border-color:var(--line)!important;}
.woocommerce-cart .wc-block-components-totals-item__label{color:var(--muted);}
.woocommerce-cart .wc-block-components-totals-footer-item .wc-block-components-totals-item__label,
.woocommerce-cart .wc-block-components-totals-footer-item .wc-block-components-totals-item__value{font-family:var(--font-display);font-size:1.15rem!important;font-weight:800!important;color:var(--ink);}
.woocommerce-cart .wc-block-cart__submit-container{padding:18px 22px 22px!important;}
.woocommerce-cart .wc-block-cart__submit-button{min-height:54px;border:0!important;border-radius:6px!important;background:var(--accent)!important;color:#fff!important;font-family:var(--font-display);font-weight:700;text-decoration:none;box-shadow:0 12px 24px -16px rgba(224,118,44,.9);}
.woocommerce-cart .wc-block-cart__submit-button:hover{background:var(--accent-dark)!important;}
.woocommerce-cart .wc-block-components-totals-coupon__button{color:var(--accent-dark)!important;font-weight:700!important;}
.woocommerce-cart .wc-block-components-text-input input{border-color:var(--line-strong)!important;border-radius:5px!important;}
.woocommerce-cart .wc-block-cart__empty-cart__title{padding:70px 20px 30px;color:var(--ink);}

@media(max-width:1180px){
  .woocommerce-cart .wc-block-components-sidebar-layout{grid-template-columns:minmax(0,1fr) 340px;gap:26px;}
  .woocommerce-cart .wc-block-cart-item__image{width:92px!important;}
  .woocommerce-cart .wc-block-cart-item__image img{width:72px!important;height:72px!important;}
}
@media(max-width:900px){
  .woocommerce-cart .wrap.page{padding-top:24px;padding-bottom:64px;}
  .woocommerce-cart .page-title{margin-bottom:22px;font-size:1.65rem;}
  .woocommerce-cart .wc-block-components-sidebar-layout{display:flex!important;flex-direction:column!important;gap:22px;}
  .woocommerce-cart .wc-block-cart__main,.woocommerce-cart .wc-block-cart__sidebar{width:100%!important;}
  .woocommerce-cart .wc-block-cart__sidebar{position:static;}
}
@media(max-width:560px){
  .woocommerce-cart .wrap.page{padding:20px 14px 54px;}
  .woocommerce-cart .crumb{margin-bottom:15px;}
  .woocommerce-cart .page-title{font-size:1.45rem;}
  .woocommerce-cart .wc-block-cart-items thead th{padding:12px!important;}
  .woocommerce-cart .wc-block-cart-items__row td{padding:16px 12px!important;}
  .woocommerce-cart .wc-block-cart-item__image{width:76px!important;}
  .woocommerce-cart .wc-block-cart-item__image img{width:60px!important;height:60px!important;}
  .woocommerce-cart .wc-block-components-product-name{font-size:.9rem!important;}
  .woocommerce-cart .wc-block-components-product-metadata{font-size:.76rem;}
  .woocommerce-cart .wc-block-components-totals-wrapper{padding:15px 16px!important;}
  .woocommerce-cart .wc-block-cart__submit-container{padding:16px!important;}
}

/* WooCommerce Blocks checkout — GlobiSupply B2B layout. */
.woocommerce-checkout .wrap.page{max-width:1440px;padding:34px 40px 90px;}
.woocommerce-checkout .page-title{font-size:2rem;margin:0 0 30px;}
.woocommerce-checkout .gs-content{max-width:none;}
.woocommerce-checkout .gs-content>p:empty{display:none;}
.woocommerce-checkout .wc-block-checkout{margin:0!important;padding:0!important;max-width:none!important;}
.woocommerce-checkout .wc-block-checkout__main{width:calc(100% - 410px)!important;padding-right:42px!important;}
.woocommerce-checkout .wc-block-checkout__sidebar{width:410px!important;padding-left:0!important;}
.woocommerce-checkout .wc-block-components-sidebar-layout{align-items:flex-start;gap:0;}
.woocommerce-checkout .wc-block-checkout__sidebar .wc-block-components-totals-wrapper:first-child,
.woocommerce-checkout .wc-block-components-sidebar{border-color:var(--line)!important;}
.woocommerce-checkout .wc-block-checkout__sidebar{
  position:sticky;top:108px;background:#fff;border:1px solid var(--line);border-radius:7px;
  box-shadow:0 16px 42px -30px rgba(15,42,63,.46);overflow:hidden;
}
.woocommerce-checkout .wc-block-components-checkout-step{margin-bottom:24px!important;padding:24px 26px!important;border:1px solid var(--line);border-radius:7px;background:#fff;}
.woocommerce-checkout .wc-block-components-checkout-step__heading{margin-bottom:18px!important;}
.woocommerce-checkout .wc-block-components-checkout-step__title{font-family:var(--font-display);font-size:1.13rem!important;font-weight:700!important;color:var(--ink);}
.woocommerce-checkout .wc-block-components-checkout-step__description{color:var(--muted);font-size:.86rem;line-height:1.55;}
.woocommerce-checkout .wc-block-components-address-card,
.woocommerce-checkout .wc-block-components-text-input input,
.woocommerce-checkout .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input{border-color:var(--line-strong)!important;border-radius:5px!important;}
.woocommerce-checkout .wc-block-components-text-input input:focus,
.woocommerce-checkout .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input:focus{border-color:var(--accent)!important;box-shadow:0 0 0 1px var(--accent)!important;}
.woocommerce-checkout .wc-block-components-radio-control-accordion-option{border:1px solid var(--line)!important;border-radius:6px;margin-bottom:10px;background:#fff;overflow:hidden;}
.woocommerce-checkout .wc-block-components-radio-control-accordion-option--checked-option-highlighted{border-color:var(--accent)!important;box-shadow:0 0 0 1px var(--accent)!important;background:var(--accent-soft)!important;}
.woocommerce-checkout .wc-block-components-radio-control__label{font-weight:600;color:var(--ink);}
.woocommerce-checkout .wc-block-components-payment-method-label{font-weight:700;color:var(--ink);}
.woocommerce-checkout .wc-block-components-payment-method-content{font-size:.88rem;line-height:1.65;color:var(--muted);}
.woocommerce-checkout .wc-block-components-checkout-place-order-button{min-height:52px;border:0!important;border-radius:5px!important;background:var(--accent)!important;color:#fff!important;font-family:var(--font-display)!important;font-weight:700!important;box-shadow:0 12px 24px -16px rgba(224,118,44,.9);}
.woocommerce-checkout .wc-block-components-checkout-place-order-button:hover{background:var(--accent-dark)!important;}
.woocommerce-checkout .wc-block-components-order-summary{padding:0 20px;}
.woocommerce-checkout .wc-block-components-order-summary__button-text,
.woocommerce-checkout .wc-block-components-title{font-family:var(--font-display);font-weight:700;color:var(--ink);}
.woocommerce-checkout .wc-block-components-order-summary-item__description{padding-right:8px;}
.woocommerce-checkout .wc-block-components-order-summary-item__image>img{border-radius:5px;}
.woocommerce-checkout .wc-block-components-totals-wrapper{border-color:var(--line)!important;padding:16px 20px!important;}
.woocommerce-checkout .wc-block-components-totals-footer-item .wc-block-components-totals-item__label,
.woocommerce-checkout .wc-block-components-totals-footer-item .wc-block-components-totals-item__value{font-family:var(--font-display);font-size:1.15rem!important;font-weight:800!important;color:var(--ink);}
.woocommerce-checkout .wc-block-components-notice-banner{border-radius:6px!important;}

@media(max-width:1080px){
  .woocommerce-checkout .wc-block-checkout__main{width:calc(100% - 340px)!important;padding-right:24px!important;}
  .woocommerce-checkout .wc-block-checkout__sidebar{width:340px!important;}
}
@media(max-width:820px){
  .woocommerce-checkout .wrap.page{padding-top:22px;padding-bottom:64px;}
  .woocommerce-checkout .page-title{font-size:1.65rem;margin-bottom:22px;}
  .woocommerce-checkout .wc-block-components-sidebar-layout{display:flex!important;flex-direction:column!important;}
  .woocommerce-checkout .wc-block-checkout__main,.woocommerce-checkout .wc-block-checkout__sidebar{width:100%!important;padding:0!important;}
  .woocommerce-checkout .wc-block-checkout__sidebar{position:static;margin-bottom:24px;order:-1;}
  .woocommerce-checkout .wc-block-components-checkout-step{padding:20px!important;}
}
@media(max-width:560px){
  .woocommerce-checkout .wrap.page{padding-left:18px;padding-right:18px;}
  .woocommerce-checkout .crumb{margin-bottom:15px;}
  .woocommerce-checkout .page-title{font-size:1.45rem;}
  .woocommerce-checkout .wc-block-components-checkout-step{padding:17px 14px!important;margin-bottom:14px!important;}
  .woocommerce-checkout .wc-block-components-order-summary{padding:0 14px;}
  .woocommerce-checkout .wc-block-components-totals-wrapper{padding:14px!important;}
}