/* DuiLink Design System 2026 — public commercial layer.
   Loaded after the legacy theme only on homepage, product pages and shop. */
:root{
  --dl26-brand:#72d9bd;
  --dl26-brand-strong:#147d69;
  --dl26-ink:#101820;
  --dl26-muted:#5d6874;
  --dl26-canvas:#f4f6f4;
  --dl26-surface:#ffffff;
  --dl26-surface-soft:#edf2ef;
  --dl26-line:rgba(16,24,32,.11);
  --dl26-gold:#b88a38;
  --dl26-gold-soft:#f3ead8;
  --dl26-shadow-sm:0 8px 24px rgba(18,30,38,.07);
  --dl26-shadow-md:0 20px 55px rgba(18,30,38,.12);
  --dl26-radius-sm:12px;
  --dl26-radius-md:18px;
  --dl26-radius-lg:28px;
  --dl26-container:1200px;
  --dl26-section:clamp(52px,8vw,104px);
}
body.duilink-theme{
  --dui-bg:var(--dl26-canvas);
  --dui-surface:var(--dl26-surface);
  --dui-surface-2:var(--dl26-surface-soft);
  --dui-text:var(--dl26-ink);
  --dui-muted:var(--dl26-muted);
  --dui-border:var(--dl26-line);
  --dui-accent:var(--dl26-brand);
  --dui-accent-hover:var(--dl26-brand-strong);
  --dui-accent-rgb:114,217,189;
  font-family:Inter,"Avenir Next","Segoe UI",system-ui,-apple-system,sans-serif;
  font-size:16px;
  line-height:1.6;
  background:
    radial-gradient(circle at 10% -5%,rgba(114,217,189,.14),transparent 29rem),
    linear-gradient(180deg,#fbfcfb 0%,var(--dl26-canvas) 38%,#f8faf9 100%);
}
body.duilink-theme .container{max-width:var(--dl26-container);padding-inline:clamp(18px,3vw,32px)}
body.duilink-theme .section{padding-block:var(--dl26-section)}
body.duilink-theme h1,body.duilink-theme h2,body.duilink-theme h3{
  font-weight:780;letter-spacing:-.035em;text-wrap:balance
}
body.duilink-theme p{max-width:68ch}
body.duilink-theme .h1{font-size:clamp(42px,7vw,76px);line-height:.98;margin:18px 0 24px}
body.duilink-theme .h2{font-size:clamp(30px,4.4vw,48px);line-height:1.08;margin:0 0 18px}
body.duilink-theme .heroLead,body.duilink-theme .productLead{
  font-size:clamp(18px,2.2vw,22px);line-height:1.55;color:var(--dl26-muted)
}
body.duilink-theme .topbar{
  position:sticky;top:0;z-index:45;border-bottom:1px solid var(--dl26-line);
  background:rgba(250,252,251,.84);backdrop-filter:blur(18px) saturate(150%)
}
body.duilink-theme .topbarInner{max-width:var(--dl26-container);min-height:72px;padding-inline:clamp(18px,3vw,32px)}
body.duilink-theme .topbar .brandLogo{width:145px}
body.duilink-theme .topbarActions{gap:9px}
body.duilink-theme .loginBtn,body.duilink-theme .langBtn{
  min-height:40px;padding:8px 13px;border-radius:var(--dl26-radius-sm);box-shadow:none;background:transparent
}
body.duilink-theme .langBtn{min-width:62px}
body.duilink-theme .duiTopNav{
  position:sticky;top:73px;z-index:39;max-width:var(--dl26-container);width:100%;margin:0 auto;
  padding:8px clamp(18px,3vw,32px);border:0;border-bottom:1px solid var(--dl26-line);
  border-radius:0;background:rgba(250,252,251,.9);box-shadow:none
}
body.duilink-theme .duiNav{
  min-height:38px;padding:7px 12px;border:0;border-radius:10px;background:transparent;box-shadow:none;font-size:14px
}
body.duilink-theme .btn{
  min-height:48px;padding:12px 20px;border-radius:var(--dl26-radius-sm);
  border:1px solid var(--dl26-line);background:var(--dl26-surface);box-shadow:none;
  font-weight:760;letter-spacing:-.01em
}
body.duilink-theme .btn:hover{
  transform:translateY(-2px);background:var(--dl26-surface-soft);border-color:rgba(20,125,105,.28);
  box-shadow:var(--dl26-shadow-sm)
}
body.duilink-theme .btn.primary{
  background:var(--dl26-ink)!important;border-color:var(--dl26-ink)!important;color:#fff!important;
  box-shadow:0 10px 26px rgba(16,24,32,.18)!important
}
body.duilink-theme .btn.primary:hover,body.duilink-theme .btn.primary:focus-visible{
  background:#203039!important;border-color:#203039!important;color:#fff!important
}
body.duilink-theme :focus-visible{outline:3px solid rgba(114,217,189,.68);outline-offset:3px}
body.duilink-theme .pillTag,body.duilink-theme .productEyebrow,body.duilink-theme .shopTag{
  display:inline-flex;align-items:center;width:max-content;padding:6px 11px;border:0;border-radius:999px;
  background:rgba(114,217,189,.16);color:var(--dl26-brand-strong);font-size:12px;font-weight:820;
  letter-spacing:.075em;text-transform:uppercase
}
body.duilink-theme .hero{padding-top:clamp(44px,7vw,92px)}
body.duilink-theme .heroMedia{
  margin-top:34px;padding:0;border:0;border-radius:var(--dl26-radius-lg);overflow:hidden;
  background:#07100f;box-shadow:var(--dl26-shadow-md)
}
body.duilink-theme .heroVideoStack{border-radius:inherit}
body.duilink-theme .microChecklist{gap:10px 22px;margin-top:20px;font-size:14px}
body.duilink-theme .offerGrid{gap:18px;margin-top:30px}
body.duilink-theme .offerCard{
  padding:0;overflow:hidden;border:1px solid var(--dl26-line);border-radius:var(--dl26-radius-lg);
  background:var(--dl26-surface);box-shadow:var(--dl26-shadow-sm);transition:transform .22s ease,box-shadow .22s ease
}
body.duilink-theme .offerCard:hover{transform:translateY(-5px);box-shadow:var(--dl26-shadow-md)}
body.duilink-theme .offerCard.isFeatured{border-color:rgba(184,138,56,.36);box-shadow:0 20px 54px rgba(87,67,31,.14)}
body.duilink-theme .offerCard .featureMedia{margin:0;border-radius:0;aspect-ratio:16/10;background:#0b1212}
body.duilink-theme .offerCard .featureMedia img{background:#0b1212}
body.duilink-theme .offerBody{padding:24px}
body.duilink-theme .offerCard h3{font-size:26px;margin-top:13px}
body.duilink-theme .offerPrice{font-size:38px;letter-spacing:-.045em}
body.duilink-theme .offerCard .btn{width:100%;margin-top:auto}
body.duilink-theme .comparison{
  border:1px solid var(--dl26-line);border-radius:var(--dl26-radius-md);overflow:hidden;
  background:var(--dl26-surface);box-shadow:var(--dl26-shadow-sm)
}
body.duilink-theme .comparison th{background:var(--dl26-surface-soft);font-size:14px}
body.duilink-theme .comparison th,body.duilink-theme .comparison td{padding:16px;border-color:var(--dl26-line)}
body.duilink-theme .kpiGrid,body.duilink-theme .quickStart,body.duilink-theme .hubGrid{gap:18px}
body.duilink-theme .kpi,body.duilink-theme .stepCard,body.duilink-theme .hubCard,body.duilink-theme .productBox{
  border:1px solid var(--dl26-line);border-radius:var(--dl26-radius-md);background:var(--dl26-surface);
  box-shadow:var(--dl26-shadow-sm)
}
body.duilink-theme .kpi,body.duilink-theme .stepCard,body.duilink-theme .hubCard{padding:24px}
body.duilink-theme .flowLine{border-radius:var(--dl26-radius-md);overflow:hidden;background:var(--dl26-surface)}
body.duilink-theme .productPage{max-width:var(--dl26-container);padding:clamp(32px,6vw,78px) clamp(18px,3vw,32px) 80px}
body.duilink-theme .productHero{gap:clamp(28px,6vw,72px)}
body.duilink-theme .productMedia{border:0;border-radius:var(--dl26-radius-lg);box-shadow:var(--dl26-shadow-md);background:#0b1212}
body.duilink-theme .productMedia > img{background:#0b1212}
body.duilink-theme .productHero h1{font-size:clamp(44px,6vw,72px);line-height:.98;margin:16px 0 22px}
body.duilink-theme .productPrice{font-size:clamp(38px,5vw,54px);letter-spacing:-.05em}
body.duilink-theme .productSections{gap:20px;margin-top:clamp(50px,8vw,96px)}
body.duilink-theme .productBox{padding:clamp(22px,3vw,32px)}
body.duilink-theme .productStep{border-color:var(--dl26-line);border-radius:var(--dl26-radius-md);background:var(--dl26-surface-soft)}
body.duilink-theme .productStep:before{background:var(--dl26-ink);color:#fff}
body.duilink-theme .orderFab{right:22px;bottom:22px;border-radius:14px;background:var(--dl26-ink);color:#fff;box-shadow:var(--dl26-shadow-md)}
body.duilink-theme .orderDrawer{
  padding:clamp(24px,4vw,38px);border-left:1px solid var(--dl26-line);background:var(--dl26-surface);
  box-shadow:-24px 0 70px rgba(16,24,32,.22)
}
body.duilink-theme .orderSummary{border-color:var(--dl26-line);border-radius:var(--dl26-radius-md)}
body.duilink-theme .duilinkShop{max-width:var(--dl26-container);padding-top:clamp(28px,5vw,64px)}
body.duilink-theme .shopIntro{max-width:780px;margin-bottom:42px}
body.duilink-theme .shopIntro h1{font-size:clamp(42px,6vw,68px);line-height:.98}
body.duilink-theme .shopGrid{gap:20px}
body.duilink-theme .shopProduct{
  padding:0;border-color:var(--dl26-line);border-radius:var(--dl26-radius-lg);box-shadow:var(--dl26-shadow-sm)
}
body.duilink-theme .shopProduct>div:not(.shopMedia){padding-inline:24px}
body.duilink-theme .shopProduct .shopMedia{margin:0 0 8px;border-radius:0;background:#0b1212}
body.duilink-theme .shopMedia>img{background:#0b1212}
body.duilink-theme .shopProduct .shopAction{padding:8px 24px 24px}
body.duilink-theme .shopProduct.isBasic{padding:28px}
body.duilink-theme .shopProduct.isBasic>div{padding-inline:0}
body.duilink-theme .shopNotice{border:1px solid var(--dl26-line);border-radius:var(--dl26-radius-md);background:var(--dl26-surface)}
body.duilink-theme .footer{margin-top:0;padding:36px 0;background:#0e1719;border:0;color:#c8d2d2}
body.duilink-theme .footer::before{display:none}
body.duilink-theme .footer a{color:#f0f6f4;font-weight:650}
body.duilink-theme .footerCopyright,body.duilink-theme .footerMeta{color:#9eacab}
@media(prefers-color-scheme:dark){
  :root{
    --dl26-ink:#f4f7f6;--dl26-muted:#bac5c3;--dl26-canvas:#091011;--dl26-surface:#111a1c;
    --dl26-surface-soft:#172224;--dl26-line:rgba(240,247,245,.12);--dl26-shadow-sm:0 10px 30px rgba(0,0,0,.22);
    --dl26-shadow-md:0 24px 65px rgba(0,0,0,.38)
  }
  body.duilink-theme{background:radial-gradient(circle at 10% -5%,rgba(114,217,189,.12),transparent 28rem),#091011}
  body.duilink-theme .topbar,body.duilink-theme .duiTopNav{background:rgba(9,16,17,.84)}
  body.duilink-theme .btn.primary{background:#eaf2f0!important;border-color:#eaf2f0!important;color:#0d1516!important}
  body.duilink-theme .btn.primary:hover,body.duilink-theme .btn.primary:focus-visible{background:#fff!important;color:#0d1516!important}
  body.duilink-theme .pillTag,body.duilink-theme .productEyebrow,body.duilink-theme .shopTag{color:#9de6d2}
}
@media(max-width:719px){
  body.duilink-theme .topbarInner{display:flex;grid-template-columns:none;justify-content:space-between;min-height:64px}
  body.duilink-theme .topbarActions{display:flex;width:auto;grid-template-columns:none}
  body.duilink-theme .langSwitch{display:none}
  body.duilink-theme .loginBtn{width:auto}
  body.duilink-theme .duiTopNav{top:65px;display:flex;overflow-x:auto;flex-wrap:nowrap}
  body.duilink-theme .duiNav{flex:0 0 auto}
  body.duilink-theme .section{padding-block:58px}
  body.duilink-theme .heroActions,body.duilink-theme .productActions{display:grid}
  body.duilink-theme .heroActions .btn,body.duilink-theme .productActions .btn{width:100%}
  body.duilink-theme .offerBody{padding:21px}
  body.duilink-theme .comparison{min-width:620px}
  body.duilink-theme .orderDrawer{top:auto;bottom:0;width:100%;height:auto;max-height:88dvh;border-left:0;border-top:1px solid var(--dl26-line);border-radius:24px 24px 0 0;transform:translateY(105%)}
  body.duilink-theme .orderDrawer.isOpen{transform:translateY(0)}
  body.duilink-theme .shopProduct.isBasic{display:flex;padding:24px}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
}
/* Critical shell normalization: survives legacy renderer order while migration is incremental. */
body.duilink-theme .topbar .loginBtn,
body.duilink-theme .topbar .langBtn{
  border-radius:var(--dl26-radius-sm)!important;
  box-shadow:none!important;
  background:transparent!important;
}
body.duilink-theme .duiTopNav{
  width:100%!important;
  max-width:var(--dl26-container)!important;
  margin:0 auto!important;
  padding:8px clamp(18px,3vw,32px)!important;
  border:0!important;
  border-bottom:1px solid var(--dl26-line)!important;
  border-radius:0!important;
  background:rgba(250,252,251,.9)!important;
  box-shadow:none!important;
}
body.duilink-theme .duiTopNav .duiNav{
  min-height:38px!important;
  padding:7px 12px!important;
  border:0!important;
  border-radius:10px!important;
  background:transparent!important;
  box-shadow:none!important;
}
@media(prefers-color-scheme:dark){
  body.duilink-theme .duiTopNav{background:rgba(9,16,17,.9)!important}
}