/* Nệm Trung Sơn — main.css. Ghép từ: design tokens (Brand v3.3) → base → site.css (khung/thành phần dùng chung) → theme.css (thành phần của template). */
/* ===== 1. Design tokens ===== */
/* Nệm Trung Sơn — generated from tokens.json */
:root, [data-theme="light"] {
  --nts-logo-navy: #1e3470;
  --nts-logo-green: #64bc44;
  --nts-green-50: #f1f9eb;
  --nts-green-100: #e1f3d6;
  --nts-green-200: #c5e8b0;
  --nts-green-300: #9fd884;
  --nts-green-400: #7fcb62;
  --nts-green-500: var(--nts-logo-green);
  --nts-green-700: #2f7d2a;
  --nts-green-800: #245f20;
  --nts-navy-950: #0b1530;
  --nts-navy-900: #12214a;
  --nts-navy-800: #1a2c5e;
  --nts-navy-700: #1e3470;
  --nts-navy-600: #2c4a8f;
  --nts-navy-500: #4a66a8;
  --nts-navy-200: #c9d3e6;
  --nts-navy-100: #e6ebf4;
  --nts-navy-50: #f3f5fa;
  --nts-gold-500: #cfba8d;
  --nts-gold-100: #f4eedf;
  --text-premium: #7a5f2d;
  --nts-stone-900: #1c1f24;
  --nts-stone-700: #3a4049;
  --nts-stone-500: #5f6672;
  --nts-stone-300: #b9bec6;
  --nts-stone-200: #dadde2;
  --nts-stone-100: #eceef1;
  --nts-stone-50: #f6f7f8;
  --nts-success: #256b45;
  --success-100: #eaf4ee;
  --nts-warning: #8a5a12;
  --nts-danger: #b3402f;
  --surface-page: #ffffff;
  --surface-tint: var(--nts-green-50);
  --surface-brand: var(--nts-green-500);
  --surface-inverse: var(--nts-navy-700);
  --surface-footer: var(--nts-green-100);
  --text-strong: var(--nts-navy-600);
  --text-body: var(--nts-stone-700);
  --text-muted: var(--nts-stone-500);
  --text-brand: var(--nts-navy-600);
  --text-accent: var(--nts-green-700);
  --text-on-brand: var(--nts-navy-950);
  --text-on-brand-strong: var(--nts-navy-700);
  --text-inverse: #ffffff;
  --text-inverse-muted: var(--nts-navy-200);
  --border-hairline: var(--nts-stone-200);
  --border-strong: var(--nts-stone-300);
  --border-brand: var(--nts-green-200);
  --border-inverse: rgba(255,255,255,.36);
  --action-primary: var(--nts-green-500);
  --action-primary-hover: var(--nts-green-400);
  --on-primary: var(--nts-navy-950);
  --action-navy: var(--nts-navy-700);
  --action-navy-hover: var(--nts-navy-800);
  --on-navy: #ffffff;
  --focus-ring: var(--nts-navy-900);
  --overlay: rgba(18,33,74,.48);
  --action-accent: var(--action-primary);
  --action-accent-hover: var(--action-primary-hover);
  --on-accent: var(--on-primary);
  --surface-subtle: var(--nts-stone-50);
  --surface-cream: var(--nts-green-50);
  --nts-cream-100: var(--nts-green-100);
  --surface-inverse-raised: rgba(255,255,255,.10);
  --success-700: var(--nts-success);
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;
  --space-10: 128px;
  --gutter: 24px;
  --container: 1240px;
  --container-wide: 1392px;
  --container-narrow: 880px;
  --header-h: 72px;
  --cut: 20px;
  --tap: 44px;
  --radius-0: 0px;
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 24px;
  --shadow-1: 0 1px 2px rgba(18,33,74,.06);
  --shadow-3: 0 24px 60px -20px rgba(18,33,74,.30);
  --font-display: "Lexend", "Be Vietnam Pro", system-ui, sans-serif;
  --font-sans: "Be Vietnam Pro", "Segoe UI", system-ui, -apple-system, sans-serif;
}
.display { font-family: var(--font-display); font-size: 56px; line-height: 1.15; font-weight: 700; }
.h1 { font-family: var(--font-display); font-size: 44px; line-height: 1.18; font-weight: 700; }
.h2 { font-family: var(--font-display); font-size: 34px; line-height: 1.22; font-weight: 600; }
.h3 { font-family: var(--font-display); font-size: 24px; line-height: 1.3; font-weight: 600; }
.numeral { font-family: var(--font-display); font-size: 60px; line-height: 1.05; font-weight: 700; }
.price { font-family: var(--font-display); font-size: 22px; line-height: 1.2; font-weight: 600; }
.h4 { font-family: var(--font-sans); font-size: 19px; line-height: 1.35; font-weight: 600; }
.body-l { font-family: var(--font-sans); font-size: 19px; line-height: 1.6; font-weight: 400; }
.body { font-family: var(--font-sans); font-size: 17px; line-height: 1.6; font-weight: 400; }
.small { font-family: var(--font-sans); font-size: 14px; line-height: 1.55; font-weight: 400; }
.caption { font-family: var(--font-sans); font-size: 13px; line-height: 1.5; font-weight: 500; }
.label { font-family: var(--font-sans); font-size: 15px; line-height: 1.3; font-weight: 600; }

/* ===== 2. Base ===== */
/* Nệm Trung Sơn v3.3 — biến chữ dùng chung, nhịp chuyển động, base.
   HAI họ chữ, vai trò cố định: Lexend (thiết kế cho dễ đọc, nét mở, dấu tiếng Việt rõ) cho tiêu đề, số, giá; Be Vietnam Pro cho đọc và giao diện. */
:root{
  --fs-display: clamp(34px, 1.9rem + 2.4vw, 56px);
  --fs-h1: clamp(30px, 1.65rem + 1.4vw, 44px);
  --fs-h2: clamp(26px, 1.4rem + 0.9vw, 34px);
  --fs-h3: clamp(21px, 1.2rem + 0.4vw, 24px);
  --fs-numeral-lg: clamp(52px, 2.8rem + 2.2vw, 80px);
  --ls-tight: -0.01em; --ls-snug: 0em;
  --t-display: 700 var(--fs-display)/1.15 var(--font-display);
  --t-h1: 700 var(--fs-h1)/1.18 var(--font-display);
  --t-h2: 600 var(--fs-h2)/1.22 var(--font-display);
  --t-h3: 600 var(--fs-h3)/1.3 var(--font-display);
  --t-numeral: 700 60px/1.05 var(--font-display);
  --t-price: 600 22px/1.2 var(--font-display);
  --t-h4: 600 19px/1.35 var(--font-sans);
  --t-body-l: 400 19px/1.6 var(--font-sans);
  --t-body: 400 17px/1.6 var(--font-sans);
  --t-small: 400 14px/1.55 var(--font-sans);
  --t-caption: 500 13px/1.5 var(--font-sans);
  --t-label: 600 15px/1.3 var(--font-sans);
  --border-input: #868c96;
  --ease-standard: cubic-bezier(.2,.7,.2,1);
  --dur-fast: 140ms; --dur-base: 240ms; --dur-slow: 520ms;
  --section-y: 112px; --section-y-mobile: 64px;
}
html{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;}
body{margin:0;font:var(--t-body);color:var(--text-body);background:var(--surface-page);}
h1,h2,h3{font-family:var(--font-display);color:var(--text-strong);text-wrap:balance;}
h4{color:var(--text-strong);}
a{color:var(--text-brand);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;}
a:hover{color:var(--nts-navy-900);text-decoration-color:var(--nts-green-500);text-decoration-thickness:2px;}
:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;}
::selection{background:var(--nts-green-200);color:var(--nts-navy-950);}
.nts-cut{clip-path:polygon(0 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% 100%, 0 100%);}
@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important;}}

/* ===== 3. Site (khung, nút, thẻ, form, timeline, mobile…) ===== */
/* Nệm Trung Sơn — CSS dùng chung cho mọi trang canvas (Brand v3.3) */
body{margin:0;background:#ffffff;color:#3A4049;font-family:"Be Vietnam Pro",system-ui,sans-serif}
a{color:#2F7D2A}a:hover{color:#245F20}
h1,h2,h3{font-family:"Lexend","Be Vietnam Pro",sans-serif;color:#2C4A8F;margin:0}
p{margin:0}
:root{
/* Khung hiển thị — chỉnh 3 biến này là đổi lề toàn site */
--nts-content:1160px;               /* bề rộng tối đa của nội dung chữ + lưới */
--nts-gutter:clamp(20px,4vw,48px);  /* lề trong 2 bên: 20 px mobile → 48 px desktop */
--nts-frame:calc(var(--nts-content) + 2 * var(--nts-gutter) + 48px); /* khối nền bo góc: rộng hơn nội dung 24 px mỗi bên */
--nts-page:1440px;                  /* trần cho ảnh tràn viền (hero, banner ảnh) trên màn rộng */
}
.wrap{max-width:calc(var(--nts-content) + 2 * var(--nts-gutter));margin:0 auto;padding-left:var(--nts-gutter);padding-right:var(--nts-gutter);box-sizing:border-box}
.wide{max-width:var(--nts-frame);margin:0 auto;padding-left:var(--nts-gutter);padding-right:var(--nts-gutter);box-sizing:border-box}
.sec{padding-top:clamp(64px,8vw,112px);padding-bottom:clamp(64px,8vw,112px)}
.tint{background:#F1F9EB}
.h2{font-size:clamp(28px,2.6vw,36px);line-height:1.22;font-weight:600}
.lede{font-size:18px;line-height:1.6}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 24px;border-radius:8px;font:600 16px/1 "Be Vietnam Pro",sans-serif;text-decoration:none;box-sizing:border-box;border:1.5px solid transparent;white-space:nowrap;cursor:pointer}
.btn-lg{min-height:56px;padding:0 30px;font-size:17px}
.btn-p{background:#64BC44;color:#0B1530}.btn-p:hover{background:#7FCB62;color:#0B1530}
.btn-o{background:#ffffff;color:#2C4A8F;border-color:#2C4A8F}.btn-o:hover{background:#F3F5FA;color:#2C4A8F}
.btn-n{background:#1E3470;color:#ffffff}.btn-n:hover{background:#2C4A8F;color:#ffffff}
.btn-w{background:#ffffff;color:#1E3470}.btn-w:hover{background:#F3F5FA;color:#1E3470}
.nav a{color:#1C1F24;text-decoration:none;font-weight:500;font-size:15px;display:inline-flex;align-items:center;min-height:44px}
.nav a:hover,.nav a.on{color:#2F7D2A}
.nav a.on{font-weight:600}
.kicker{display:inline-flex;align-items:center;gap:10px;font-size:15px;font-weight:600;color:#2F7D2A}
.kicker::before{content:"";width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:10px solid #64BC44}
.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.card{display:flex;flex-direction:column;color:inherit;text-decoration:none;border:1px solid #ECEEF1;border-radius:12px;overflow:hidden;background:#ffffff;transition:border-color 140ms}
.card:hover{border-color:#64BC44}
.card:hover h3{color:#2F7D2A}
.card .body{display:flex;flex-direction:column;gap:8px;padding:20px 22px 24px;flex:1}
.card .name{font-family:"Be Vietnam Pro",sans-serif;font-size:19px;line-height:1.35;font-weight:600}
.cut{clip-path:polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,0 100%)}
.photo{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;background:#F6F7F8}
.tag{align-self:flex-start;font-size:13px;font-weight:600;color:#245F20;background:#E1F3D6;border-radius:4px;padding:4px 10px}
.tag-warn{color:#8A5A12;background:#FBF1DE}
.price{font-family:"Lexend",sans-serif;font-size:22px;font-weight:600;color:#1E3470}
.muted{color:#5F6672}
.small{font-size:14px}
.chip{min-height:44px;padding:0 18px;border-radius:8px;font:500 15px/1 "Be Vietnam Pro",sans-serif;cursor:pointer;background:#ffffff;color:#1C1F24;border:1.5px solid #868C96}
.chip.on{background:#1E3470;color:#ffffff;border-color:#1E3470}
.opt{min-height:48px;padding:10px 16px;border-radius:8px;font:500 15px/1.2 "Be Vietnam Pro",sans-serif;cursor:pointer;background:#ffffff;color:#1C1F24;border:1.5px solid #B9BEC6;text-align:left}
.opt.on{border:2px solid #1E3470;background:#F3F5FA;color:#1E3470;font-weight:600}
.subnav{position:sticky;top:0;z-index:20;background:#F3F5FA;border-bottom:1px solid #E6EBF4}
.subnav a{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:8px;color:#2C4A8F;text-decoration:none;font-weight:500;font-size:15px}
.subnav a:hover{background:#E6EBF4}
.acc{border-top:1px solid #DADDE2}
.acc:last-child{border-bottom:1px solid #DADDE2}
.acc button{width:100%;display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:60px;background:none;border:0;padding:0;font:600 17px/1.3 "Be Vietnam Pro",sans-serif;color:#1E3470;cursor:pointer;text-align:left}
.acc .panel{padding:0 0 20px;font-size:16px;line-height:1.6}
table.t{width:100%;border-collapse:collapse;font-size:15px}
table.t th,table.t td{padding:12px 14px;text-align:left;border-bottom:1px solid #ECEEF1}
table.t th{font-weight:600;color:#1E3470;background:#F6F7F8}
table.t td.num{font-family:"Lexend",sans-serif;font-weight:600;color:#1E3470;white-space:nowrap}
label{font-size:15px;font-weight:600;color:#1C1F24}
input,select,textarea{font:400 16px/1.4 "Be Vietnam Pro",sans-serif;color:#1C1F24;border:1.5px solid #868C96;border-radius:8px;padding:12px 14px;min-height:48px;box-sizing:border-box;width:100%;background:#ffffff}
input:focus,select:focus,textarea:focus,button:focus-visible,a:focus-visible{outline:3px solid #12214A;outline-offset:2px}
.prose{font-size:17px;line-height:1.7;max-width:760px}
.prose h2{font-size:24px;line-height:1.3;font-weight:600;margin:32px 0 10px}
.prose p{margin:0 0 14px}
.prose li{margin-bottom:8px}
.band{background:#64BC44;border-radius:24px;overflow:hidden}
.hero{position:relative;background:#F1F9EB;overflow:hidden;display:flex;align-items:center}
.hero-img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}
.hero-txt{position:relative;width:100%}
.stickybar{position:sticky;bottom:0;z-index:30;background:#ffffff;border-top:1px solid #DADDE2;box-shadow:0 -8px 24px -12px rgba(18,33,74,.18)}
.foot a{color:#245F20;text-decoration:none;display:inline-flex;min-height:36px;align-items:center}
.foot a:hover{text-decoration:underline;color:#245F20}
.ftab{background:#ffffff;color:#2C4A8F;border-color:#C9D3E6}
.ftab-on{background:#1E3470;color:#ffffff;border-color:#1E3470}
.cmp{border-color:#ECEEF1;background:#ffffff}
.cmp-on{border-color:#1E3470;background:#F3F5FA}
.thumb-on{border-color:#1E3470}
.thumb-off{border-color:#ECEEF1}
.m-only{display:none !important}
.m-drawer{display:none}
@media (max-width:900px){
.grid3{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px){
.grid3,.grid2{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.grid2.stack{grid-template-columns:1fr}
.card .body{padding:14px 14px 16px}
.card .name{font-size:16px}
.price{font-size:18px}
.hero{display:flex;flex-direction:column;min-height:0 !important}
.hero-img{position:static;height:auto;aspect-ratio:16/9;order:2}
.hero-txt{padding-top:36px !important;padding-bottom:24px !important}
.nav,.hdr-act,.topbar-links,.d-only{display:none !important}
.m-only{display:inline-flex !important}
.subnav a{padding:0 10px;font-size:14px}
.tb-msg{font-size:12px}
.lang button{min-height:32px !important}
.m-drawer{display:block;border-top:1px solid #ECEEF1;padding:8px var(--nts-gutter) 24px;background:#ffffff}
.m-drawer nav a{display:flex;align-items:center;min-height:52px;border-bottom:1px solid #ECEEF1;color:#1C1F24;text-decoration:none;font:600 17px "Be Vietnam Pro",sans-serif}
.m-drawer .btn{white-space:normal}
.ovh{flex-direction:column !important;align-items:stretch !important;min-height:0 !important}
.ovh>img{position:relative !important;inset:auto !important;height:auto !important;aspect-ratio:4/3;order:-1}
.ovh>.ovh-shade{display:none !important}
.ovh>.wrap,.ovh>div:not(.ovh-shade):not(.ovh-seal){padding-top:28px !important;padding-bottom:28px !important}
.ovh .ovh-seal{position:static !important;padding:0 var(--nts-gutter) 28px}
.subnav-in{flex-wrap:nowrap !important;justify-content:flex-start !important;overflow-x:auto;-webkit-overflow-scrolling:touch}
.subnav-in a{flex:0 0 auto;white-space:nowrap}
.buycol{position:static !important}
.stickybar .btn{padding:0 16px}
.dock{right:12px !important;bottom:88px !important;gap:10px !important}
.dock a{width:48px !important;height:48px !important}
.btn{white-space:normal;text-align:center;line-height:1.2}
.sec{padding-top:56px;padding-bottom:56px}
}

/* Timeline ngang (desktop) / dọc (mobile) — dùng ở trang OEM */
.tl{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;position:relative}
.tl::before{content:"";position:absolute;left:calc(100% / 12);right:calc(100% / 12);top:27px;height:3px;background:linear-gradient(90deg,#64BC44,#1E3470);border-radius:2px}
.tl-item{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:18px;padding:0 10px}
.tl-dot{position:relative;z-index:1;width:56px;height:56px;border-radius:50%;background:#ffffff;border:3px solid #64BC44;color:#1E3470;font:700 18px Lexend,sans-serif;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 6px #F1F9EB}
.tl-item:last-child .tl-dot{background:#1E3470;border-color:#1E3470;color:#ffffff}
.tl-body{display:flex;flex-direction:column;gap:6px}
@media (max-width:1000px){
.tl{grid-template-columns:1fr;gap:0}
.tl::before{left:27px;right:auto;top:28px;bottom:28px;width:3px;height:auto;background:linear-gradient(180deg,#64BC44,#1E3470)}
.tl-item{flex-direction:row;align-items:flex-start;text-align:left;gap:18px;padding:0 0 28px}
.tl-item:last-child{padding-bottom:0}
.tl-dot{flex:0 0 56px}
.tl-body{padding-top:6px}
}
@media (max-width:760px){.stack1{grid-template-columns:1fr !important}}
@media (max-width:760px){.card .pmeta{font-size:12px;line-height:1.4}.card .tag{font-size:11px;padding:3px 8px}}
/* Footer gọn trên mobile */
@media (max-width:760px){
.foot{padding:40px 0 calc(24px + 72px) !important}
.foot .wrap{gap:24px !important}
.foot-grid{grid-template-columns:1fr 1fr !important;gap:24px 16px !important}
.foot-brand{grid-column:1/-1;display:grid !important;grid-template-columns:1fr auto;align-items:center;gap:10px 16px !important;padding-bottom:20px;border-bottom:1px solid #C5E8B0}
.foot-brand>x-import,.foot-brand>*:first-child{grid-column:1/-1}
.foot-brand .foot-legal{font-size:12px !important;line-height:1.5 !important;color:#5F6672}
.foot-brand img{width:104px !important}
.foot-col{font-size:14px}
.foot-col>span{padding-bottom:4px !important;font-size:15px}
.foot a{min-height:32px}
.foot-col:nth-of-type(4){grid-column:1/-1;display:grid !important;grid-template-columns:1fr 1fr;column-gap:16px}
.foot-col:nth-of-type(4)>span{grid-column:1/-1}
.foot-contact{grid-column:1/-1;background:#ffffff;border-radius:12px;padding:16px;font-size:13px !important;gap:4px !important}
.foot-contact .foot-cta{display:flex !important;gap:8px;padding:8px 0 6px}
.foot-contact .foot-cta .btn{flex:1;min-height:44px;padding:0 12px;font-size:15px;color:inherit}
.foot-contact .foot-cta .btn-n{color:#ffffff}
.foot-contact .foot-cta .btn-w{border-color:#C5E8B0;color:#1E3470}
.foot-bottom{flex-direction:column;align-items:center;text-align:center;font-size:12px !important;padding-top:16px !important}
}
/* Mobile: gọn các khối theo comment 30/10 */
@media (max-width:760px){
.oem-figsec{padding:48px 0 0 !important}
.oem-fig{border-radius:0 !important}
.oem-fig img{aspect-ratio:4/3 !important}
.oem-fig figcaption{position:static !important;background:#0B1530 !important;padding:18px var(--nts-gutter) 22px !important}
.caps-grid{grid-template-columns:1fr 1fr !important;gap:10px !important}
.caps-grid>div{padding:16px !important;gap:6px !important}
.caps-grid>div h3{font-size:16px !important}
.caps-grid>div p{font-size:13px !important;line-height:1.45 !important}
.caps-grid>div>span:last-child{font-size:12px !important}
.caps-grid>div:last-child{grid-column:1/-1}
.spec4{grid-template-columns:1fr 1fr !important;gap:4px 8px !important;padding:16px 16px 20px !important}
.spec4>div{padding:10px 12px !important}
.spec4>div>span:first-child{font-size:20px !important}
.spec4>div>span:last-child{font-size:12px !important}
.cmp-row{display:flex !important;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px !important;margin:0 calc(-1 * var(--nts-gutter));padding:0 var(--nts-gutter) 8px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.cmp-row::-webkit-scrollbar{display:none}
.cmp-row>*{flex:0 0 78%;scroll-snap-align:start}
}

/* Thang chữ mobile — tinh, gọn (30/10) */
@media (max-width:760px){
body{font-size:15px}
h1{font-size:clamp(28px,8vw,34px) !important;line-height:1.15 !important;letter-spacing:-0.3px !important}
h2{font-size:clamp(22px,6.2vw,26px) !important;line-height:1.25 !important}
h3:not(.name){font-size:18px !important;line-height:1.3 !important}
.lp-hero h1{font-size:clamp(48px,14vw,56px) !important;line-height:0.95 !important;letter-spacing:-1px !important}
.ovh h2{font-size:clamp(44px,12vw,52px) !important;line-height:0.95 !important}
p:not(.small):not(.pmeta):not(.foot-legal){font-size:15px !important;line-height:1.55 !important}
.lede{font-size:15px !important}
li{font-size:15px;line-height:1.5}
.kicker{font-size:13px}
.small{font-size:13px}
.btn{font-size:15px;min-height:46px;padding:0 18px}
.btn-lg{min-height:50px;padding:0 22px;font-size:15px}
.sec{padding-top:48px !important;padding-bottom:48px !important}
.price{font-size:17px}
.card .name{font-size:15px}
table.t{font-size:13px}
table.t th,table.t td{padding:10px 8px}
.acc button{font-size:15px;min-height:52px}
.acc .panel{font-size:14px}
input,select,textarea{font-size:16px}
label{font-size:14px}
}
@media (max-width:760px){
.stats4{grid-template-columns:1fr 1fr !important;gap:16px 12px !important;padding-top:20px !important;padding-bottom:20px !important}
.stats4>div>span:first-child{font-size:22px !important}
.stats4>div>span:last-child{font-size:12px !important}
.trust3{grid-template-columns:repeat(3,1fr) !important;gap:8px !important}
.trust3>div{padding:0 !important;gap:8px !important}
.trust3 img{width:76px !important;height:76px !important}
.trust3 h3{font-size:12px !important;line-height:1.3 !important}
.trust3 p{display:none}
.trust3 span{font-size:10px !important}
.mat3{gap:12px !important}
.mat3 .card{flex-direction:row !important}
.mat3 .card img{width:38% !important;aspect-ratio:1/1 !important;flex:0 0 38%;height:auto}
.mat3 .card .body{padding:12px 14px !important;gap:4px !important;justify-content:center}
.mat3 .card h3{font-size:16px !important}
.mat3 .card p{font-size:13px !important;line-height:1.45 !important}
.mat3 .card span{font-size:13px !important}
.hscroll{display:flex !important;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px !important;margin:0 calc(-1 * var(--nts-gutter));padding:0 var(--nts-gutter) 6px;scrollbar-width:none}
.hscroll::-webkit-scrollbar{display:none}
.hscroll>*{flex:0 0 72%;scroll-snap-align:start}
}
/* Trang sản phẩm mobile — sắp xếp phần giữa (30/10) */
@media (max-width:760px){
.pp-bandsec{padding:0 !important}
.pp-bandsec .band{border-radius:0}
.pp-band{align-items:flex-start !important;text-align:left !important;gap:10px !important;padding-top:32px !important;padding-bottom:32px !important}
.pp-band h2{font-size:22px !important}
.pp-band p{font-size:14px !important}
#cau-tao .wrap{gap:20px !important}
#cau-tao h2,.pp-tabs+*{text-align:left}
.pp-layers{gap:16px !important}
.pp-illu{order:-1}
.pp-illu img{border-radius:16px !important}
.pp-illu p{font-size:12px !important;text-align:left !important}
.pp-acc{padding:4px 16px !important;border-radius:16px !important}
.pp-acc button{min-height:50px !important;font-size:15px !important}
.pp-acc p{padding-left:36px !important;font-size:14px !important}
.pp-tabs{justify-content:flex-start !important;flex-wrap:nowrap !important;overflow-x:auto;gap:8px !important;margin:0 calc(-1 * var(--nts-gutter));padding:0 var(--nts-gutter) 4px;scrollbar-width:none}
.pp-tabs::-webkit-scrollbar{display:none}
.pp-tabs button{flex:0 0 auto;min-height:40px !important;padding:0 14px !important;border-radius:999px;white-space:nowrap;max-width:none !important;font-size:14px !important}
.pp-panel{gap:16px !important;padding:12px !important;border-radius:16px !important}
.pp-panel>div{padding:4px !important;gap:8px !important}
}
/* Thẳng hàng trên mobile (30/10) */
@media (max-width:760px){
.pp-page .sec h2,.pp-page .sec h2+p,.pp-page .sec div[style*="text-align: center"]{text-align:left !important}
.pp-page .sec div[style*="text-align: center"]{align-items:flex-start !important}
.pp-page .cmp-row>*{text-align:left}
.pp-page .cmp-row>* *{text-align:left !important;justify-content:flex-start}
.pp-page .cmp-row>* .btn{justify-content:center !important;text-align:center !important}
.foot-brand{grid-template-columns:1fr auto !important;align-items:center !important}
.foot-brand>*:first-child{grid-column:1 !important;grid-row:1;justify-self:start}
.foot-brand>a{grid-column:2;grid-row:1;justify-self:end;align-self:center}
.foot-brand .foot-legal{grid-column:1/-1 !important;grid-row:2}
}
/* Màn rộng (>1440): ảnh tràn viền không kéo dài vô hạn — đóng khung 1440 px, bo góc */
@media (min-width:1441px){
.bleed{max-width:var(--nts-page);margin-left:auto !important;margin-right:auto !important;border-radius:0 0 28px 28px;overflow:hidden}
.bleed:not(:first-of-type){border-radius:28px}
}


/* ===== 4. Theme ===== */
/* ==========================================================================
   Phần riêng của theme WordPress: tiện ích bố cục + thành phần dùng trong template.
   Quy ước màu/chữ lấy từ tokens ở đầu file (Brand v3.3).
   ========================================================================== */

html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
img{max-width:100%;height:auto}
.skip-link{position:absolute;left:-9999px;top:8px;z-index:100;background:#fff;color:#1E3470;padding:12px 16px;border-radius:8px;font-weight:600}
.skip-link:focus{left:8px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

/* Link dạng nút/thẻ không gạch chân */
.nav a,.brand,.hdr-phone,.card,.card-duo,.chip,.thumb,.dock a,.post-nav-a,.policy-nav a,.big-phone,.band-phone,.page-numbers,.more,.topbar a,.m-drawer a.btn,.lang a{text-decoration:none}
.topbar a:hover{color:#C5E8B0;text-decoration:underline}

/* ---------- Tiện ích ---------- */
.fc{display:flex;flex-direction:column}
.ai-c{align-items:center}.ai-e{align-items:flex-end}.ai-b{align-items:baseline}.jc-c{justify-content:center}
.g2{gap:2px}.g4{gap:4px}.g8{gap:8px}.g10{gap:10px}.g12{gap:12px}.g14{gap:14px}.g16{gap:16px}.g18{gap:18px}.g20{gap:20px}.g24{gap:24px}.g28{gap:28px}.g32{gap:32px}.g36{gap:36px}.g40{gap:40px}.g48{gap:48px}
.gap32{gap:32px}
.center{text-align:center}.center-self{align-self:center}
.w100{width:100%}
.b{font-weight:600}.b-navy{color:#1E3470}
.num{font-family:Lexend,sans-serif;font-weight:600;color:#1E3470}
.tiny{font-size:13px}
.block{display:block}
.r12{border-radius:12px}
.btn-row{display:flex;flex-wrap:wrap;gap:12px}
.link-b{font-weight:600;display:inline-flex;min-height:44px;align-items:center}
.split-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px}
.crumbs{font-size:14px;display:flex;flex-wrap:wrap;gap:8px;color:#5F6672}
.btn-ghost{border:1.5px solid #ffffff;color:#ffffff;background:transparent}
.btn-ghost:hover{background:rgba(255,255,255,.12);color:#ffffff}
.full{grid-column:1/-1}

/* ---------- Ảnh giữ chỗ (khi chưa tải ảnh lên) ---------- */
.ph{display:flex;align-items:center;justify-content:center;width:100%;min-height:96px;box-sizing:border-box;background:linear-gradient(135deg,#F3F5FA,#E6EBF4);color:#9FB0D3}
.media-sq{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;background:#F6F7F8}
.media-54{display:block;width:100%;aspect-ratio:5/4;object-fit:cover;background:#F6F7F8}
.hero-img.ph,.ovh>.ph,.sig-img.ph{position:absolute;inset:0;height:100%}

/* ---------- Thanh trên cùng + header ---------- */
.topbar{background:#1E3470;color:#ffffff}
.topbar a{color:#ffffff}
.topbar-in{display:flex;flex-wrap:wrap;gap:4px 24px;justify-content:space-between;align-items:center;min-height:40px;font-size:14px}
.topbar-right{display:flex;flex-wrap:wrap;gap:8px 20px;align-items:center}
.topbar-links{display:flex;flex-wrap:wrap;gap:20px;align-items:center}
.lang ul{list-style:none;display:inline-flex;align-items:center;gap:2px;margin:0;padding:2px;border:1px solid rgba(255,255,255,.35);border-radius:999px}
.lang a{display:inline-flex;align-items:center;min-height:28px;padding:0 12px;border-radius:999px;font:600 13px Lexend,sans-serif;text-transform:uppercase}
.lang .current-lang a{background:#ffffff;color:#1E3470}
.site-header{background:#ffffff;border-bottom:1px solid #ECEEF1}
.hdr-in{display:flex;flex-wrap:wrap;align-items:center;gap:8px 36px;min-height:72px;padding-top:10px;padding-bottom:10px}
.brand{display:flex;align-items:center;min-height:48px}
.nav{display:flex;flex:1 1 440px}
.nav-list,.m-list,.foot-list{list-style:none;margin:0;padding:0}
.nav-list{display:flex;flex-wrap:wrap;gap:0 26px}
.nav .current-menu-item>a,.nav .current-menu-ancestor>a,.nav .current_page_item>a{color:#2F7D2A;font-weight:600}
.hdr-act{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-left:auto}
.hdr-phone{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:#1E3470;font:600 17px Lexend,sans-serif}
.menu-btn{width:48px;height:48px;margin-left:auto;border:1.5px solid #DADDE2;border-radius:8px;background:#ffffff;align-items:center;justify-content:center;cursor:pointer}
.m-drawer[hidden]{display:none !important}
.m-actions{display:flex;flex-direction:column;gap:10px;padding-top:16px}
.m-links{display:flex;justify-content:space-between;gap:12px;padding-top:8px;font-size:14px}

/* ---------- Khung nền bo góc ---------- */
.frame-sec{padding:48px 24px 0}
.frame-sec--top{padding:24px 24px 0}
.frame-sec--end{padding:0 24px clamp(64px,8vw,112px)}
.frame{max-width:var(--nts-frame,1296px);margin:0 auto;border-radius:24px}
.tint-box{background:#F1F9EB}
.navy-box{background:#1E3470;position:relative;overflow:hidden}
.sec-end{padding-bottom:clamp(64px,8vw,112px)}

/* ---------- Hero ---------- */
.hero-copy{max-width:540px;display:flex;flex-direction:column;gap:20px}
.hero-copy--sm{max-width:520px;gap:14px}
.hero-h1{font-size:clamp(38px,4.4vw,64px);line-height:1.1;font-weight:700;color:#1E3470;text-wrap:balance}
.hero-h1--sm{font-size:clamp(34px,3.8vw,52px);line-height:1.12}
.hero-card{max-width:560px;display:flex;flex-direction:column;gap:18px;background:rgba(255,255,255,.92);border-radius:24px;padding:36px}
.page-hero{padding:56px 0}
.page-h1{font-size:clamp(34px,3.6vw,50px);line-height:1.12;font-weight:700;color:#1E3470;text-wrap:balance}

/* ---------- Trang chủ ---------- */
.promise{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:24px;padding-top:32px;padding-bottom:32px}
.promise-item{display:flex;gap:16px;align-items:flex-start}
.promise-item>div{display:flex;flex-direction:column;gap:4px}
.promise-t{font:600 18px Lexend,sans-serif;color:#2C4A8F}
.navy-in{display:flex;flex-direction:column;gap:36px;padding-top:56px;padding-bottom:56px;position:relative}
.eyebrow{font-size:14px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:#64BC44}
.h2-inv{font-size:clamp(28px,3vw,40px);line-height:1.18;font-weight:700;color:#ffffff}
.badges{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:32px}
.badge{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;padding:8px}
.badge-img{width:148px;height:148px;object-fit:contain;display:block}
.badge h3{font:600 21px/1.3 Lexend,sans-serif;color:#ffffff}
.badge p{font-size:15px;line-height:1.55;color:#D7DEEC;max-width:300px}
.badge p.tiny{font-size:12px;color:#9FB0D3}
.statline{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 32px;border-top:1px solid rgba(255,255,255,.16);padding-top:24px;color:#ffffff}
.statline b{font:700 22px Lexend,sans-serif;color:#64BC44}
.card-h{font-size:22px;font-weight:600}
.card-h--s{font-size:20px}
.card .body p{font-size:16px;line-height:1.55}
.card .body p.small{font-size:14px}
.card-price{display:flex;flex-direction:column;gap:2px;margin-top:auto;padding-top:6px}
.card-meta{display:flex;justify-content:space-between;gap:8px;align-items:center}
.post-title{font-size:20px;line-height:1.35;font-weight:600;color:#1E3470}
.more{font-size:15px;font-weight:600;color:#2F7D2A;padding-top:4px}
.fig{margin:0;display:flex;flex-direction:column;gap:10px}
.info-card{background:#ffffff;border-radius:12px;padding:22px;display:flex;gap:16px;align-items:flex-start}
.info-card--col{flex-direction:column;gap:6px;padding:20px}
.info-card>div{display:flex;flex-direction:column;gap:4px}
.info-t{font-family:Lexend,sans-serif;font-weight:600;color:#2C4A8F}
.split{display:flex;flex-wrap:wrap;gap:56px;align-items:flex-start}
.split--center{align-items:center}
.split-media{flex:1 1 520px;min-width:0}
.split-text{flex:1 1 420px;min-width:0}
.illu-sq{width:100%;aspect-ratio:1/1;object-fit:contain;background:#F1F9EB;padding:40px;box-sizing:border-box;display:block;border-radius:24px}
.rows{list-style:none;margin:0;padding:0}
.rows li{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-top:1px solid #ECEEF1}
.rows li:last-child{border-bottom:1px solid #ECEEF1}
.rows .b{color:#1C1F24}
.split-card{display:flex;flex-wrap:wrap;border-radius:24px;overflow:hidden;background:#F3F5FA;padding:0}
.split-card-img{flex:1 1 560px;min-width:0;width:100%;aspect-ratio:16/10;object-fit:cover;display:block}
.split-card-text{flex:1 1 380px;min-width:0;padding:48px;display:flex;flex-direction:column;gap:16px;justify-content:center;box-sizing:border-box}
.band-kicker{font-size:15px;font-weight:600;color:#0B1530}
.band-h{font-size:clamp(30px,3.2vw,44px);line-height:1.18;font-weight:700;color:#1E3470;max-width:760px}
.band-h--l{font-size:clamp(30px,3vw,42px)}
.band-p{font-size:18px;line-height:1.6;color:#0B1530;max-width:620px}
.band-phone{color:#0B1530;font:700 28px Lexend,sans-serif;display:inline-flex;min-height:48px;align-items:center}
.band-addr{font-size:15px;color:#0B1530;line-height:1.6}
.band-addr a{color:#0B1530}

/* ---------- Danh mục / thẻ sản phẩm ---------- */
.grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
@media (max-width:1000px){.grid4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.grid4{grid-template-columns:1fr}}
.price-lg{font-size:26px;font-weight:700}
.card-duo{display:flex;flex-direction:column;color:inherit;background:#ffffff;border-radius:24px;overflow:hidden;box-shadow:0 1px 0 #ECEEF1,0 18px 40px -24px rgba(18,33,74,.35)}
.card-duo:hover{color:inherit}
.card-duo-body{display:flex;flex-direction:column;gap:14px;padding:32px 36px 36px}
.card-duo-top{display:flex;justify-content:space-between;align-items:center;gap:12px}
.card-duo-name{font:600 clamp(24px,2.2vw,32px)/1.2 Lexend,sans-serif;color:#1E3470}
.card-duo-tag{font-size:17px;line-height:1.6;color:#3A4049}
.card-duo-foot{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;border-top:1px solid #ECEEF1;padding-top:18px;margin-top:4px}
.card--row{flex-direction:row;flex-wrap:wrap}
.card-row-img{flex:1 1 220px;min-width:0}
.checks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;font-size:16px;line-height:1.5}
.checks li{display:flex;gap:10px;align-items:flex-start}
.checks li>span:first-child{color:#64BC44;font-weight:700}
.checks strong{color:#1E3470}
.body-p{font-size:17px;line-height:1.6}
.h3-s{font-size:24px;font-weight:600}
.feature-card{display:flex;flex-wrap:wrap;background:#ffffff;border-radius:24px;overflow:hidden;box-shadow:0 1px 0 #ECEEF1,0 18px 40px -24px rgba(18,33,74,.3)}
.feature-img{flex:1 1 620px;min-width:0;width:100%;aspect-ratio:16/11;object-fit:cover;display:block}
.feature-text{flex:1 1 380px;min-width:0;padding:clamp(28px,3.5vw,48px);display:flex;flex-direction:column;gap:18px;justify-content:center;box-sizing:border-box}
.feature-text .tag{align-self:flex-start}
.feature-h{font:600 clamp(26px,2.4vw,34px)/1.2 Lexend,sans-serif;color:#1E3470}
.callout{display:flex;flex-wrap:wrap;gap:24px;align-items:center;justify-content:space-between;background:#F1F9EB;border-radius:24px;padding:32px}
.callout-l{display:flex;gap:16px;align-items:center;flex:1 1 420px}
.callout-t{font:600 20px Lexend,sans-serif;color:#2C4A8F}
.callout--sm{padding:24px;border-radius:12px;margin-top:24px;gap:16px}
.callout--sm .callout-t{font:600 16px "Be Vietnam Pro",sans-serif;color:#1E3470}
.tile{background:#F1F9EB;border-radius:12px;padding:24px;display:flex;flex-direction:column;gap:10px}
.tile--w{background:#ffffff}
.tile h3{font-size:20px;font-weight:600}
.tile p{font-size:15px;line-height:1.55}

/* Khối Signature (navy) */
.sig-sec{padding:clamp(48px,6vw,88px) 24px}
.sig{max-width:var(--nts-frame,1296px);margin:0 auto;border-radius:28px;overflow:hidden;background:#12214A;color:#ffffff}
.ovh{position:relative;display:flex;align-items:flex-end;background:#12214A;color:#ffffff}
.ovh>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ovh-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(18,33,74,.92) 0%,rgba(18,33,74,.72) 38%,rgba(18,33,74,0) 68%)}
.sig-hero{min-height:clamp(420px,42vw,640px)}
.sig-img{object-position:70% center}
.sig-copy{position:relative;padding:clamp(32px,5vw,72px);max-width:620px;display:flex;flex-direction:column;gap:16px}
.pill{align-self:flex-start;display:inline-flex;gap:8px;align-items:center;background:#64BC44;color:#0B1530;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase}
.sig-eyebrow{font-size:14px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:#C5E8B0}
.sig-name{font:700 clamp(56px,7vw,104px)/.95 Lexend,sans-serif;color:#ffffff;letter-spacing:-1px;overflow-wrap:anywhere}
.sig-sub{font:500 clamp(20px,1.8vw,26px) Lexend,sans-serif;color:#ffffff}
.sig-p{font-size:18px;line-height:1.6;color:#D7DEEC}
.sig-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px;padding:28px clamp(24px,4vw,56px);border-bottom:1px solid rgba(255,255,255,.12)}
.sig-stat{display:flex;flex-direction:column;gap:4px;padding:20px 24px;border-left:2px solid #64BC44}
.sig-num{font:700 clamp(22px,2.2vw,30px)/1.1 Lexend,sans-serif;color:#ffffff}
.sig-lab{font-size:14px;color:#C9D3E6}
.sig-body{display:flex;flex-wrap:wrap;gap:clamp(32px,4vw,56px);padding:clamp(32px,4vw,56px);align-items:flex-start}
.sig-gal{flex:1 1 460px;min-width:0;display:grid;grid-template-columns:1fr 1fr;gap:16px}
.sig-g1{grid-column:1/-1;width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:16px;display:block}
.sig-g2{width:100%;aspect-ratio:1/1;object-fit:contain;border-radius:16px;background:#F1F9EB;display:block}
.sig-g3{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:16px;display:block}
.sig .ph{background:#1A2C5E;color:#4A66A8;border-radius:16px}
.sig-info{flex:1 1 400px;min-width:0;display:flex;flex-direction:column;gap:24px}
.sig-h3{font:600 clamp(24px,2.2vw,32px)/1.2 Lexend,sans-serif;color:#ffffff}
.sig-list{list-style:none;margin:0;padding:0}
.sig-list li{display:flex;gap:16px;align-items:flex-start;padding:16px 0;border-top:1px solid rgba(255,255,255,.14)}
.sig-n{font:700 15px Lexend,sans-serif;color:#64BC44;min-width:28px}
.sig-lt{font-weight:600;color:#ffffff;font-size:17px}
.sig-ld{color:#C9D3E6;font-size:15px;line-height:1.55}
.sig-cta{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;padding-top:8px}
.sig-price{font:700 34px Lexend,sans-serif;color:#ffffff}
.sig .sig-lab.tiny{font-size:13px}

/* ---------- Chi tiết sản phẩm ---------- */
.buy{padding:20px 0 72px}
.buy-in{display:flex;flex-wrap:wrap;gap:48px;align-items:flex-start}
.buy-gal{flex:1 1 600px;min-width:0;display:flex;flex-direction:column;gap:16px}
.gal-img{width:100%;aspect-ratio:1/1;object-fit:cover;background:#F6F7F8;border-radius:12px;display:block}
.gal-img.contain{object-fit:contain}
.thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:10px}
.thumb{display:block;border:2px solid #ECEEF1;border-radius:8px;overflow:hidden;background:#F6F7F8;aspect-ratio:1/1}
.thumb img{width:100%;height:100%;object-fit:cover;display:block}
.thumb-on{border-color:#1E3470}
.buycol{flex:1 1 440px;min-width:0;position:sticky;top:72px;display:flex;flex-direction:column;gap:20px}
.pd-h1{font-size:clamp(30px,3vw,42px);line-height:1.15;font-weight:700;color:#1E3470}
.pd-price{font:700 34px Lexend,sans-serif;color:#1E3470}
.pd-tag{font-size:17px;font-weight:600;color:#1E3470;line-height:1.5}
.pd-intro{font-size:16px;line-height:1.65}
.field-l{font-weight:600;color:#1C1F24}
.opts{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}
.opt{display:flex;flex-direction:column;gap:4px}
.opt-t{font:600 18px Lexend,sans-serif}
.chips{display:flex;flex-wrap:wrap;gap:8px}
a.chip,button.chip{display:inline-flex;align-items:center;gap:4px}
.chip .op{opacity:.7}
.accd{border-bottom:1px solid #DADDE2}
.acc-list{border-top:1px solid #DADDE2}
.accd summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:56px;padding:0;font:600 16px/1.35 "Be Vietnam Pro",sans-serif;color:#1E3470;cursor:pointer}
.accd summary::-webkit-details-marker{display:none}
.accd summary::after{content:"+";font:400 20px Lexend,sans-serif;flex:none}
.accd[open]>summary::after{content:"−"}
.accd>p{padding:0 0 16px;font-size:15px;line-height:1.6}
.accd>ul{margin:0;padding:0 0 20px 20px;font-size:15px;line-height:1.6}
.accd>ul li{margin-bottom:6px}
.spec-box .accd summary,.layers .accd summary{min-height:64px;font-size:17px}
.accd--layer>p{padding:0 0 18px 42px}
.advice{background:#F1F9EB;border-radius:12px;padding:22px 24px;display:flex;flex-direction:column;gap:10px}
.advice-t{font:600 19px Lexend,sans-serif;color:#2C4A8F}
.advice-p{font-size:15px;line-height:1.55}
.advice-links{display:flex;flex-wrap:wrap;gap:8px 20px}
.advice-links a{font-weight:600;display:inline-flex;gap:8px;align-items:center;min-height:44px}
.trust{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.trust>div{border:1px solid #ECEEF1;border-radius:12px;padding:14px 10px;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}
.trust span{font-size:13px;font-weight:600;color:#1E3470}
.h2-xl{font-size:clamp(30px,3.2vw,44px);line-height:1.15;font-weight:700;color:#1E3470}
.layers{flex:1 1 460px;min-width:0;background:#F3F5FA;border-radius:24px;padding:12px 28px}
.layer-n{display:inline-flex;gap:14px;align-items:center}
.layer-no{font:400 14px Lexend,sans-serif;width:28px;height:28px;border-radius:50%;background:#ffffff;display:inline-flex;align-items:center;justify-content:center}
.illu-wide{width:100%;aspect-ratio:900/640;object-fit:contain;border-radius:24px;display:block;background:#F1F9EB}
.ftabs{display:flex;justify-content:center;flex-wrap:wrap}
.ftab-btn{min-height:56px;padding:0 22px;font:600 15px/1.25 "Be Vietnam Pro",sans-serif;cursor:pointer;border-width:1.5px;border-style:solid;max-width:240px}
.fpanel{display:flex;flex-wrap:wrap;gap:40px;align-items:center;background:#ffffff;border-radius:24px;padding:24px}
.fpanel[hidden]{display:none}
.fpanel-img{flex:1 1 420px;min-width:0;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px;display:block}
.fpanel-text{flex:1 1 360px;min-width:0;display:flex;flex-direction:column;gap:12px;padding:8px}
.fpanel-text h3{font-size:26px;line-height:1.25;font-weight:600}
.fpanel-text p{font-size:17px;line-height:1.65}
.lede.b-navy{font-weight:600}
.cmpc{display:flex;flex-direction:column;border-radius:12px;overflow:hidden;border-width:1px;border-style:solid}
.cmpc .photo{aspect-ratio:4/3}
.cmpc-body{display:flex;flex-direction:column;gap:10px;padding:18px 20px 22px;text-align:center;align-items:center}
.cmpc-badge{font-weight:600;color:#2F7D2A}
.cmpc-name{font:600 20px Lexend,sans-serif;color:#1E3470}
.cmpc-dl{margin:0;width:100%;display:flex;flex-direction:column;font-size:14px;text-align:left}
.cmpc-dl>div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid #ECEEF1}
.cmpc-dl dd{margin:0;font-weight:600;text-align:right}
.narrow{max-width:880px;margin:0 auto;padding:0 24px;box-sizing:border-box}
.narrow-l{max-width:calc(880px + 2 * var(--nts-gutter))}
.spec-box{background:#ffffff;border-radius:24px;padding:8px 32px}
.table-scroll{overflow-x:auto;padding-bottom:20px}
.stickybar-in{display:flex;align-items:center;gap:16px;min-height:76px;padding-top:8px;padding-bottom:8px}
.sb-thumb{width:64px;height:64px;object-fit:cover;border-radius:8px;background:#F6F7F8}
.sb-text{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}
.sb-name{font-weight:600;color:#1E3470;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sb-price{font:600 14px Lexend,sans-serif;color:#1E3470}

/* ---------- Tin tức, bài viết, chính sách ---------- */
.pills{display:flex;flex-wrap:wrap;gap:10px;padding-top:6px}
.pill-w{background:#ffffff;border-radius:999px;padding:8px 16px;font-weight:600;color:#1E3470}
.pill-w b{font-family:Lexend,sans-serif}
.filter-bar{padding:32px 0 24px;border-bottom:1px solid #ECEEF1}
.filter-in{display:flex;flex-wrap:wrap;gap:16px 24px;align-items:center;justify-content:space-between}
.news-search input{min-height:44px;width:240px;max-width:100%;border:1.5px solid #DADDE2;border-radius:999px;padding:0 18px;font:400 15px "Be Vietnam Pro",sans-serif;color:#1C1F24;background:#ffffff}
.empty{background:#F6F7F8;border-radius:24px;padding:48px 24px;text-align:center;display:flex;flex-direction:column;gap:12px;align-items:center}
.empty-t{font:600 20px Lexend,sans-serif;color:#1E3470}
.pagination{padding-top:8px}
.pagination .nav-links{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap}
.page-numbers{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;padding:0 18px;border-radius:8px;font:500 15px "Be Vietnam Pro",sans-serif;background:#ffffff;color:#1C1F24;border:1.5px solid #868C96;box-sizing:border-box}
.page-numbers.current{background:#1E3470;color:#ffffff;border-color:#1E3470}
.page-numbers.dots{border-color:transparent}
.article-head{max-width:880px;margin:0 auto;padding:56px 24px 32px;display:flex;flex-direction:column;gap:16px}
.article-h1{font-size:clamp(32px,3.6vw,48px);line-height:1.15;font-weight:700;color:#1E3470}
.meta-line{display:flex;gap:10px;flex-wrap:wrap}
.article-img{max-width:1240px;margin:0 auto;padding:0 24px}
.article-hero{width:100%;aspect-ratio:16/8;object-fit:cover;border-radius:24px;display:block}
.article-body{margin:0 auto;padding:48px 24px 56px;box-sizing:content-box}
.post-nav{max-width:880px;margin:0 auto;padding:0 24px 96px;display:flex;flex-direction:column;gap:20px}
.post-nav-row{display:flex;flex-wrap:wrap;gap:12px}
.post-nav-a{flex:1 1 280px;border:1px solid #DADDE2;border-radius:12px;padding:18px 20px;display:flex;flex-direction:column;gap:4px;color:inherit}
.post-nav-a.right{text-align:right}
.post-nav-a--empty{border:0}
.post-nav-t{font-weight:600;color:#1E3470}
.prose img{border-radius:12px}
.prose a{color:#245F20}
.prose .alignleft{float:left;margin:0 20px 12px 0}
.prose .alignright{float:right;margin:0 0 12px 20px}
.prose .aligncenter{display:block;margin:0 auto 14px}
.prose figure{margin:8px 0 16px}
.prose figcaption{font-size:14px;color:#5F6672}
.prose--wide{max-width:880px;margin:0 auto}
.policy{display:flex;flex-wrap:wrap;gap:56px;align-items:flex-start}
.policy-nav{flex:0 1 240px;display:flex;flex-direction:column;gap:4px;position:sticky;top:24px}
.policy-nav a{min-height:44px;display:flex;align-items:center;padding:0 14px;border-radius:8px;color:#3A4049}
.policy-nav a.on{font-weight:600;color:#1E3470;background:#F3F5FA}
.policy-body{flex:1 1 560px;min-width:0}

/* ---------- Form, đại lý, liên hệ ---------- */
.stat-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}
.stat-tile{background:#F1F9EB;border-radius:12px;padding:28px;display:flex;flex-direction:column;gap:6px}
.stat-n{font:700 44px/1.05 Lexend,sans-serif;color:#1E3470}
.form-band{display:flex;flex-wrap:wrap;gap:48px;padding-top:72px;padding-bottom:72px;align-items:flex-start}
.form-card{flex:1 1 520px;min-width:0;background:#ffffff;border-radius:12px;padding:32px;box-sizing:border-box}
.form-card--lg{flex:1 1 480px;border-radius:24px}
.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}
.field{display:flex;flex-direction:column;gap:8px}
.form-h{font-size:24px;font-weight:600}
.form-done{display:flex;flex-direction:column;gap:12px;align-items:flex-start;padding:24px 0}
.form-done h2,.form-done h3{font-size:24px;font-weight:600}
.form-done p{font-size:17px;line-height:1.6}
.form-note{grid-column:1/-1;margin:0;padding:12px 14px;border-radius:8px;font-size:15px}
.form-note--err{background:#FBEDEA;color:#8F2F20}
.contact-grid{display:flex;flex-wrap:wrap;gap:48px;align-items:flex-start}
.big-phone{font:700 34px Lexend,sans-serif;color:#1E3470;display:inline-flex;min-height:48px;align-items:center}
.body-p.fc{font-size:16px}
.map-grid{display:flex;flex-wrap:wrap;gap:32px;align-items:stretch}
.map-addr{display:flex;gap:12px;align-items:flex-start}
.map-frame{flex:1 1 560px;min-width:0;border-radius:24px;overflow:hidden;background:#F6F7F8;min-height:420px;position:relative}
.map-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.plain-list{margin:0;padding-left:20px;line-height:1.7}

/* ---------- Về công ty ---------- */
.g-text{color:#2F7D2A}
.values{display:flex;flex-wrap:wrap;gap:12px 28px}
.values>div{display:flex;gap:10px;align-items:center;font-weight:600;color:#1E3470}
.values-n{font:700 15px Lexend,sans-serif;color:#64BC44}
.about-hero{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;border-radius:24px}
.sec-badges{padding-bottom:clamp(48px,6vw,88px)}
.badge-row{display:flex;flex-wrap:wrap;gap:24px 48px;justify-content:center;align-items:center;border-top:1px solid #ECEEF1;border-bottom:1px solid #ECEEF1;padding-top:28px;padding-bottom:28px}
.badge-item{display:flex;align-items:center;gap:16px;font-weight:600;color:#1E3470}
.badge-s{width:88px;height:88px;object-fit:contain;flex:none}

/* ---------- OEM ---------- */
.oem-hero{min-height:clamp(520px,50vw,700px)}
.oem-hero-in{position:relative;width:100%;padding-top:clamp(40px,6vw,80px);padding-bottom:clamp(40px,6vw,80px)}
.oem-hero-copy{max-width:640px;display:flex;flex-direction:column;gap:16px}
.oem-hero .crumbs{color:#C9D3E6}
.oem-hero .crumbs a{color:#ffffff}
.oem-h1{font-size:clamp(34px,4.2vw,56px);line-height:1.1;letter-spacing:0}
.cap-strip{background:#F3F5FA}
.cap-in{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;padding-top:28px;padding-bottom:28px}
.cap-in>div{display:flex;flex-direction:column;gap:2px}
.cap-n{font:700 26px Lexend,sans-serif;color:#1E3470}
.coop{background:#ffffff;border:1px solid #ECEEF1;border-radius:24px;padding:32px;display:flex;flex-direction:column;gap:14px}
.coop h3{font-size:24px;font-weight:600}
.coop .tag{align-self:flex-start}
.cap-card{background:#ffffff;border-radius:12px;padding:24px;display:flex;flex-direction:column;gap:10px}
.cap-card h3{font-size:20px;font-weight:600}
.cap-no{font:700 15px Lexend,sans-serif;color:#64BC44}
.fig-wide{margin:0;position:relative}
.fig-wide-img{width:100%;aspect-ratio:21/9;max-height:640px;object-fit:cover;display:block}
.fig-wide figcaption{position:absolute;left:clamp(16px,4vw,48px);bottom:24px;background:rgba(18,33,74,.88);color:#ffffff;padding:16px 24px;border-radius:12px;display:flex;flex-direction:column;gap:4px;max-width:calc(100% - 32px)}
.opt-list{list-style:none;margin:0;padding:0}
.opt-list li{display:flex;gap:16px;align-items:flex-start;border:1px solid #ECEEF1;border-radius:12px;padding:20px}
.opt-n{flex:none;width:36px;height:36px;border-radius:50%;background:#1E3470;color:#ffffff;font:700 16px Lexend,sans-serif;display:flex;align-items:center;justify-content:center}
.tl-time{font-size:13px;font-weight:600;color:#2F7D2A}
.qc{background:#ffffff;border-radius:24px;padding:24px;gap:40px}
.qc-img{flex:1 1 380px;min-width:0;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px;display:block}
.export{background:#12214A;color:#ffffff;padding:clamp(56px,7vw,96px) 0}
.export-in{display:flex;flex-direction:column;gap:40px}
.export-p{font-size:17px;line-height:1.6;color:#D7DEEC}
.export-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}
.export-grid>div{border-left:2px solid #64BC44;padding:4px 0 4px 20px}
.export-t{font:600 20px Lexend,sans-serif;color:#ffffff}
.export-grid p{font-size:15px;line-height:1.6;color:#C9D3E6;padding-top:6px}

/* ---------- Chân trang + nút nổi ---------- */
.foot{background:#E1F3D6;color:#3A4049;padding:64px 0 28px}
.foot-in{display:flex;flex-direction:column;gap:40px}
.foot-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:32px}
.foot-col{display:flex;flex-direction:column;gap:2px}
.foot-brand{gap:14px}
.foot-brand p{line-height:1.6}
.foot-contact{gap:6px;line-height:1.55}
.foot-h{font:600 16px Lexend,sans-serif;color:#1E3470;padding-bottom:8px}
.foot-list{display:flex;flex-direction:column;gap:2px}
.foot-phone{font:600 17px Lexend,sans-serif}
.foot-bottom{border-top:1px solid #C5E8B0;padding-top:20px;display:flex;flex-wrap:wrap;gap:8px 24px;justify-content:space-between}
.foot a.inline{display:inline;min-height:0}
.gov-badge{display:inline-flex;min-height:0 !important}
.gov-badge img{width:150px;height:auto;display:block}
.dock{position:fixed;right:20px;bottom:96px;z-index:50;display:flex;flex-direction:column;gap:12px;align-items:flex-end}
.dock a{width:56px;height:56px;border-radius:50%;border:2px solid #ffffff;box-sizing:border-box;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px rgba(18,33,74,.22)}
.dock-zalo{background:#1E3470;color:#ffffff;font:700 15px/1 "Be Vietnam Pro",Arial,sans-serif;letter-spacing:-.2px}
.dock-zalo:hover{color:#ffffff;background:#2C4A8F}
.dock-call{background:#64BC44;color:#0B1530}
.dock-call:hover{color:#0B1530;background:#7FCB62}

@media (max-width:760px){
.card-duo-body{padding:22px 20px 24px}
.spec-box{padding:8px 18px}
.layers{padding:8px 18px}
.form-card{padding:22px}
.split-card-text{padding:28px}
.stat-n{font-size:34px}
.fig-wide figcaption{position:static;max-width:none;border-radius:0}
.sig-gal{grid-template-columns:1fr}
.trust{grid-template-columns:1fr}
.hero-card{padding:24px}
}

/* Trang sản phẩm mobile: căn trái các tiêu đề giữa (tương ứng .pp-page trong thiết kế) */
@media (max-width:760px){
.pp-page .sec .center{text-align:left !important;align-items:flex-start !important}
.pp-page .cmp-row .btn{justify-content:center !important;text-align:center !important}
.foot-contact .foot-cta a{text-decoration:none}
}

/* ---------- Giá khuyến mại: giá gốc gạch ngang + nhãn % ---------- */
.price-wrap{display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:2px 10px}
.price-old{font:400 .72em/1.2 "Be Vietnam Pro",sans-serif;color:#5F6672;text-decoration:line-through;white-space:nowrap}
.pd-price-wrap .price-old{font-size:20px}
.sale-tag{display:inline-flex;align-items:center;align-self:center;font:700 12px/1 "Be Vietnam Pro",sans-serif;color:#8F2F20;background:#FBEDEA;border-radius:4px;padding:4px 7px;white-space:nowrap}
.sale-tag[hidden],.price-old[hidden]{display:none}
.card-price .price-wrap{flex-direction:column;gap:0}
.card-price .sale-tag{align-self:flex-start;margin-top:4px}
.sig .price-old,.sig-cta .price-old{color:#C9D3E6}
.sig .sale-tag{color:#0B1530;background:#C5E8B0}
.from-line{font-size:15px;color:#5F6672;display:inline-flex;align-items:baseline;gap:8px;flex-wrap:wrap}
table.t td.num .price-wrap{flex-direction:column;gap:2px;align-items:flex-start}
table.t td.num .price-old{font-size:13px}
.num-cur{font:inherit}
.stickybar .price-old{display:none}

/* ===== Landing cao su thiên nhiên (VinLatex, Relax) ===== */
.lp-hero{position:relative;min-height:clamp(560px,44vw,720px);display:flex;align-items:center;overflow:hidden;background:#F1F9EB}
.lp-hero-img,.lp-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.lp-hero-img{object-position:72% center}
.lp-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.9) 34%,rgba(255,255,255,.35) 56%,rgba(255,255,255,0) 72%)}
.lp-hero-in{position:relative;width:100%;padding-top:72px;padding-bottom:72px}
.lp-hero-col{max-width:600px;display:flex;flex-direction:column;gap:18px}
.lp-pill{align-self:flex-start;background:#1E3470;color:#fff;border-radius:999px;padding:7px 16px;font-size:13px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase}
.lp-h1{font-family:Lexend,sans-serif;font-size:clamp(64px,8.6vw,132px);line-height:.92;font-weight:700;color:#1E3470;letter-spacing:-2px}
.lp-claim{font-family:Lexend,sans-serif;font-size:clamp(22px,2vw,30px);font-weight:500;color:#2F7D2A;line-height:1.25}
.lp-lead{font-size:19px;line-height:1.6;color:#3A4049;max-width:520px}
.lp-chips{display:flex;flex-wrap:wrap;gap:10px}
.lp-chips span{background:#fff;border:1.5px solid #C5E8B0;color:#245F20;border-radius:999px;padding:8px 14px;font-size:14px;font-weight:600}
.lp-cta-row{display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px;padding-top:6px}
.lp-from{display:flex;flex-direction:column}
.lp-from-p,.lp-from-n{font-family:Lexend,sans-serif;font-size:26px;font-weight:700;color:#1E3470}
.lp-seal{position:absolute;right:clamp(96px,9vw,150px);bottom:clamp(16px,4vw,56px);display:flex;gap:12px}
.lp-seal img{width:clamp(84px,9vw,128px);height:auto;filter:drop-shadow(0 8px 18px rgba(18,33,74,.25))}
.lp-subnav{justify-content:center}
.lp-forest{position:relative;min-height:clamp(460px,40vw,640px);display:flex;align-items:flex-end;overflow:hidden;background:#12214A;scroll-margin-top:64px}
.lp-forest-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(11,21,48,.92) 0%,rgba(11,21,48,.62) 55%,rgba(11,21,48,.2) 100%)}
.lp-forest-in{position:relative;width:100%;padding-top:64px;padding-bottom:56px;display:flex;flex-direction:column;gap:28px}
.lp-forest-head{max-width:760px;display:flex;flex-direction:column;gap:12px}
.lp-kick-w{font-size:14px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;color:#9FDB82}
.lp-h2-w{font-family:Lexend,sans-serif;font-size:clamp(34px,4vw,60px);line-height:1.08;font-weight:700;color:#fff}
.lp-h2-m{font-size:clamp(32px,3.4vw,48px);line-height:1.12}
.lp-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.lp-stats>div{border-left:2px solid #64BC44;padding:6px 20px;display:flex;flex-direction:column;gap:4px}
.lp-stats b{font-family:Lexend,sans-serif;font-size:clamp(28px,3vw,40px);font-weight:700;color:#fff;line-height:1;white-space:nowrap}
.lp-stats span{color:#D7DEEC;font-size:15px}
.lp-note{font-size:12px;color:#9FB0D3}
.lp-head-row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px}
.lp-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}
.lp-step{display:flex;flex-direction:column;gap:14px}
.lp-step-img{position:relative}
.lp-step-img img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:16px;display:block}
.lp-step-img span{position:absolute;left:14px;top:12px;font-family:Lexend,sans-serif;font-size:44px;font-weight:700;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.35)}
.lp-step h3{font-family:Lexend,sans-serif;font-size:20px;font-weight:600;color:#1E3470}
.lp-step p{font-size:15px;line-height:1.6}
.lp-bigwrap{padding:0 24px}
.lp-big{max-width:var(--nts-frame,1296px);margin:0 auto;border-radius:28px;background:#E1F3D6;display:flex;flex-wrap:wrap;align-items:center;overflow:hidden}
.lp-big-t{flex:1 1 520px;padding:clamp(36px,5vw,80px);display:flex;flex-direction:column;gap:12px}
.lp-bignum{font-family:Lexend,sans-serif;font-size:clamp(56px,8vw,128px);line-height:.9;font-weight:700;color:#2F7D2A;letter-spacing:-3px;white-space:nowrap}
.lp-big-p{font-family:Lexend,sans-serif;font-size:clamp(22px,2.2vw,32px);line-height:1.25;font-weight:600;color:#1E3470;max-width:560px}
.lp-big-s{font-size:16px;line-height:1.6;color:#245F20;max-width:520px}
.lp-big-img{flex:1 1 420px;min-width:0;width:100%;aspect-ratio:1/1;object-fit:cover;display:block}
.lp-split{display:flex;flex-wrap:wrap;gap:56px;align-items:center}
.lp-col{flex:1 1 420px;min-width:0}
.lp-col-s{flex-basis:380px}
.lp-unique-img{flex:1 1 480px;min-width:0;width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:24px;display:block}
.lp-points{list-style:none;margin:0;padding:0}
.lp-points li{display:flex;gap:14px;padding:16px 0;border-top:1px solid #ECEEF1;font-size:16px;line-height:1.55}
.lp-points li span:first-child{width:28px;height:28px;flex:none;border-radius:50%;background:#E1F3D6;color:#2F7D2A;display:flex;align-items:center;justify-content:center;font-weight:700}
.lp-navy{scroll-margin-top:64px;background:#1E3470;padding:clamp(64px,8vw,112px) 0}
.lp-layers{list-style:none;margin:0;padding:0}
.lp-layers li{display:flex;gap:16px;padding:16px 0;border-top:1px solid rgba(255,255,255,.15)}
.lp-layers b{font-weight:600;color:#fff;font-size:17px}
.lp-layers li span span{color:#C9D3E6;font-size:15px}
.lp-no{width:32px;height:32px;flex:none;border-radius:50%;background:#64BC44;color:#0B1530;font-family:Lexend,sans-serif;font-weight:700;display:flex;align-items:center;justify-content:center}
.lp-illu{flex:1 1 560px;min-width:0;width:100%;aspect-ratio:900/640;object-fit:contain;border-radius:24px;background:#F1F9EB;display:block}
.lp-ben{display:flex;flex-wrap:wrap;gap:24px;align-items:stretch}
.lp-ben-img{flex:1 1 380px;min-width:0;width:100%;object-fit:cover;border-radius:24px;display:block;min-height:420px}
.lp-ben-grid{flex:2 1 560px;min-width:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.lp-card{background:#fff;border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:8px}
.lp-card span{font-family:Lexend,sans-serif;font-size:15px;font-weight:700;color:#64BC44}
.lp-card h3{font-family:Lexend,sans-serif;font-size:19px;font-weight:600;color:#1E3470}
.lp-card p{font-size:15px;line-height:1.55}
.lp-cmp{width:100%;min-width:680px;border-collapse:separate;border-spacing:0;font-size:15px}
.lp-cmp th,.lp-cmp td{padding:16px;text-align:left;border-top:1px solid #ECEEF1}
.lp-cmp thead th{border-top:0;color:#1E3470;font-family:Lexend,sans-serif}
.lp-cmp thead th:first-child{color:#5F6672;font-weight:600;font-family:inherit}
.lp-cmp tbody th{font-weight:600;color:#1C1F24}
.lp-cmp .lp-cmp-on{background:#1E3470;color:#fff;font-weight:600;border-top-color:rgba(255,255,255,.15)}
.lp-cmp thead .lp-cmp-on{border-radius:16px 16px 0 0}
.lp-cmp-end th,.lp-cmp-end td{padding:0;border:0}
.lp-cmp-end .lp-cmp-on{height:16px;border-radius:0 0 16px 16px}
.lp-duo{gap:24px}
.lp-duo-c{background:#fff;border-radius:24px;overflow:hidden;display:flex;flex-direction:column;border:2px solid #ECEEF1}
.lp-duo-c.on{border-color:#64BC44}
.lp-duo-img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block}
.lp-duo-b{padding:28px 32px 32px;display:flex;flex-direction:column;gap:14px}
.lp-duo-top{display:flex;justify-content:space-between;align-items:center;gap:12px}
.lp-duo-n{font-family:Lexend,sans-serif;font-size:34px;font-weight:700;color:#1E3470}
.lp-duo-badge{font-size:13px;font-weight:700;color:#5F6672}
.lp-duo-c.on .lp-duo-badge{color:#2F7D2A}
.lp-duo-b dl{margin:0;display:flex;flex-direction:column}
.lp-duo-b dl>div{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-top:1px solid #ECEEF1}
.lp-duo-b dd{margin:0;font-weight:600;text-align:right;color:#1C1F24}
.lp-duo-b .btn{align-self:flex-start}
.lp-gia{scroll-margin-top:64px;padding-bottom:clamp(64px,8vw,112px)}
.lp-gia-in{display:flex;flex-wrap:wrap;gap:48px;align-items:flex-start}
.lp-thick{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.lp-thick .opt{display:flex;flex-direction:column;gap:4px}
.lp-thick .opt-t{font-family:Lexend,sans-serif;font-size:20px;font-weight:600}
.lp-pricecard{flex:1 1 380px;min-width:0;position:sticky;top:80px;background:#12214A;color:#fff;border-radius:24px;padding:36px;display:flex;flex-direction:column;gap:18px}
.lp-pc-s{font-size:14px;color:#C9D3E6}
.lp-pc-l{font-family:Lexend,sans-serif;font-size:22px;font-weight:600}
.lp-pc-p{font-family:Lexend,sans-serif;font-size:clamp(36px,3.4vw,48px);font-weight:700;color:#fff;line-height:1.05}
.lp-pc-n{font-size:13px;color:#9FB0D3}
.lp-pc-pw .price-old{color:#9FB0D3}
.lp-pricecard ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;font-size:15px;color:#D7DEEC}
.lp-btn-ghost{border:1.5px solid #fff;color:#fff;background:transparent}
.lp-warr-wrap{scroll-margin-top:64px;padding:0 24px clamp(64px,8vw,112px)}
.lp-warr{max-width:var(--nts-frame,1296px);margin:0 auto;border-radius:28px;background:#64BC44;display:flex;flex-wrap:wrap;align-items:center;gap:32px;padding:clamp(36px,5vw,72px);color:#0B1530}
.lp-warr-n{flex:0 0 auto;display:flex;align-items:baseline;gap:12px;font-family:Lexend,sans-serif;font-weight:700}
.lp-warr-n span:first-child{font-size:clamp(120px,14vw,220px);line-height:.85;letter-spacing:-6px}
.lp-warr-n span:last-child{font-size:clamp(28px,3vw,44px)}
.lp-warr-t h2{font-family:Lexend,sans-serif;font-size:clamp(28px,3vw,40px);line-height:1.15;font-weight:700}
.lp-warr-t p{font-size:17px;line-height:1.6}
.lp-warr-seal{flex:0 0 auto;width:160px;height:160px}
.lp-faq{max-width:880px;margin:0 auto;padding:0 24px;display:flex;flex-direction:column;gap:28px}
.lp-faq-box{background:#fff;border-radius:24px;padding:8px 32px}
.lp-faq-box .accd:last-child{border-bottom:0}
.lp-final{position:relative;overflow:hidden;background:#12214A}
.lp-final .lp-cover{opacity:.45}
.lp-final-in{position:relative;padding-top:clamp(72px,9vw,128px);padding-bottom:clamp(72px,9vw,128px);display:flex;flex-direction:column;gap:18px;align-items:center;text-align:center}
.lp-final-in h2{font-family:Lexend,sans-serif;font-size:clamp(34px,4vw,60px);line-height:1.08;font-weight:700;color:#fff;max-width:820px}
.lp-final-in>p:not(.lp-note){font-size:18px;color:#D7DEEC;max-width:560px}
.lp-final-btns{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
@media (max-width:720px){
.lp-hero{align-items:flex-end;min-height:0}
.lp-hero-shade{background:linear-gradient(0deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.92) 55%,rgba(255,255,255,.2) 100%)}
.lp-hero-in{padding-top:220px;padding-bottom:36px}
.lp-seal{right:16px;top:16px;bottom:auto}
.lp-seal img{width:72px}
.lp-lead{font-size:16px}
.lp-split{gap:28px}
.lp-duo-b{padding:20px}
.lp-pricecard{position:static;padding:24px}
.lp-faq-box{padding:4px 18px}
.lp-warr-seal{width:96px;height:96px}
.lp-final .lp-note{text-align:center}
}