/* ============================================================
   business.css — layout + component cho business.dezon.vn
   Yêu cầu: nạp SAU tokens.css (dùng biến --dz-*).
   ============================================================ */
*{ box-sizing:border-box; }
html{ scroll-behavior:smooth; }
body{ margin:0; -webkit-font-smoothing:antialiased; }
img{ max-width:100%; display:block; }
ul{ margin:0; padding:0; list-style:none; }

/* Helpers */
.muted{ color:var(--dz-text-muted); }
.accent{ color:var(--dz-accent); }
.center{ text-align:center; }
.eyebrow{ font-family:var(--dz-font-display); font-weight:600; font-size:.8125rem; letter-spacing:.08em; text-transform:uppercase; color:var(--dz-accent); margin:0 0 .75rem; }
.lead{ font-size:var(--dz-fs-lead); color:var(--dz-text-muted); line-height:1.5; }
.grid{ display:grid; gap:var(--dz-space-6); }
h2.section-title{ font-size:var(--dz-fs-h2); letter-spacing:-.01em; margin:0; }
.section-head{ max-width:52ch; margin-bottom:var(--dz-space-12); }
.section-head.center{ margin-inline:auto; }
.badge{ display:inline-block; background:var(--dz-accent-soft); color:var(--dz-accent); font-weight:600; font-size:.75rem; padding:.25rem .625rem; border-radius:var(--dz-radius-pill); }

/* ===== Header / mega-menu ===== */
.site-header{ position:sticky; top:0; z-index:50; background:rgba(255,255,255,.9); backdrop-filter:saturate(1.2) blur(8px); border-bottom:1px solid var(--dz-divider); }
.nav{ display:flex; align-items:center; gap:var(--dz-space-8); height:72px; }
.brand{ font-family:var(--dz-font-display); font-weight:700; font-size:1.375rem; color:var(--dz-text); letter-spacing:-.02em; white-space:nowrap; }
.brand span{ color:var(--dz-accent); }
.nav-actions{ margin-left:auto; display:flex; align-items:center; gap:var(--dz-space-4); }
.nav-actions .login{ color:var(--dz-text); font-weight:500; font-size:.9375rem; }
.nav-toggle{ display:none; background:none; border:0; font-size:1.5rem; cursor:pointer; color:var(--dz-text); margin-left:auto; }

/* ===== Mega-menu (theo cấu trúc archipro) ===== */
.mega{ display:flex; align-items:center; gap:var(--dz-space-2); margin-left:var(--dz-space-4); }
.mega-item{ position:relative; }
.mega-top{ display:flex; align-items:center; gap:.25rem; color:var(--dz-text); font-weight:500; font-size:.9375rem; padding:.6rem .5rem; white-space:nowrap; cursor:pointer; }
.mega-top i{ font-style:normal; font-size:.7em; color:var(--dz-text-subtle); transition:transform var(--dz-dur); }
.mega-item:hover > .mega-top, .mega-top.active{ color:var(--dz-accent); }
.mega-item.has-mega:hover .mega-top i{ transform:rotate(180deg); }
.mega-panel{ position:absolute; top:calc(100% - 4px); left:0; min-width:300px; background:#fff; border:1px solid var(--dz-border);
  border-radius:var(--dz-radius-lg); box-shadow:var(--dz-shadow-lg); padding:.5rem; display:none; flex-direction:column; z-index:60; }
.mega-panel.wide{ min-width:560px; display:none; grid-template-columns:1fr 1fr; }
.mega-item.has-mega:hover .mega-panel{ display:flex; }
.mega-item.has-mega:hover .mega-panel.wide{ display:grid; }
.mega-panel a{ display:block; padding:.6rem .75rem; border-radius:var(--dz-radius); }
.mega-panel a:hover{ background:var(--dz-grey-50); }
.mega-panel a b{ display:block; font-family:var(--dz-font-display); font-weight:600; font-size:.9375rem; color:var(--dz-text); }
.mega-panel a span{ display:block; color:var(--dz-text-subtle); font-size:.8125rem; margin-top:.1rem; }
.mega-mobile-actions{ display:none; }

/* ===== Funnel tabs (Awareness/Consideration/Conversion) ===== */
.funnel-tabs{ display:flex; gap:.5rem; justify-content:center; flex-wrap:wrap; margin:var(--dz-space-8) 0 var(--dz-space-8); }
.funnel-tab{ border:1.5px solid var(--dz-border); background:#fff; color:var(--dz-text-muted); font-family:var(--dz-font-display); font-weight:500;
  padding:.6rem 1.5rem; border-radius:var(--dz-radius-pill); cursor:pointer; transition:all var(--dz-dur) var(--dz-ease); }
.funnel-tab.active{ background:var(--dz-accent); border-color:var(--dz-accent); color:#fff; }
.funnel-panel{ display:none; grid-template-columns:1.1fr .9fr; align-items:center; gap:var(--dz-space-16); }
.funnel-panel.active{ display:grid; }
.funnel-panel .stage-label{ font-family:var(--dz-font-display); font-weight:600; font-size:.8125rem; letter-spacing:.08em; text-transform:uppercase; color:var(--dz-accent); margin:0 0 .75rem; }
.funnel-panel h3{ font-size:var(--dz-fs-h2); margin:0 0 var(--dz-space-4); }
.funnel-panel p{ color:var(--dz-text-muted); margin:0 0 var(--dz-space-6); }
.funnel-visual{ aspect-ratio:4/3; border-radius:var(--dz-radius-2xl); border:1px solid var(--dz-border); display:grid; place-items:center; color:var(--dz-grey-300); font-weight:500;
  background:radial-gradient(120% 120% at 80% 10%, var(--dz-accent-soft) 0%, transparent 55%), linear-gradient(160deg,#f5f5f5,#fafafa); }

/* ===== Hero (trang chủ) ===== */
.hero{ padding-block:var(--dz-space-24) var(--dz-space-16); }
.hero-grid{ grid-template-columns:1.1fr .9fr; align-items:center; gap:var(--dz-space-16); }
.hero h1{ font-size:var(--dz-fs-hero); letter-spacing:-.02em; margin:0 0 var(--dz-space-6); }
.hero .lead{ margin:0 0 var(--dz-space-8); max-width:34ch; }
.hero-cta{ display:flex; gap:var(--dz-space-4); flex-wrap:wrap; }
.hero-visual{ aspect-ratio:4/3; border-radius:var(--dz-radius-2xl); border:1px solid var(--dz-border); display:grid; place-items:center; color:var(--dz-grey-300); font-weight:500; box-shadow:var(--dz-shadow-lg);
  background:radial-gradient(120% 120% at 80% 10%, #e8eeff 0%, transparent 55%), linear-gradient(160deg,#f5f5f5,#fafafa); }

/* ===== Page hero (trang con) ===== */
.page-hero{ padding-block:var(--dz-space-16); text-align:center; background:radial-gradient(80% 120% at 50% -10%, #e8eeff 0%, transparent 55%); }
.page-hero h1{ font-size:var(--dz-fs-h1); letter-spacing:-.02em; margin:.75rem 0 var(--dz-space-4); }
.page-hero .lead{ max-width:56ch; margin:0 auto var(--dz-space-8); }

/* ===== Funnel ===== */
.funnel-grid{ grid-template-columns:repeat(3,1fr); }
.funnel-card{ background:#fff; border:1px solid var(--dz-border); border-radius:var(--dz-radius-xl); padding:var(--dz-space-8); transition:box-shadow var(--dz-dur) var(--dz-ease), transform var(--dz-dur) var(--dz-ease); }
.funnel-card:hover{ box-shadow:var(--dz-shadow); transform:translateY(-3px); }
.funnel-step{ display:inline-grid; place-items:center; width:2.5rem; height:2.5rem; border-radius:var(--dz-radius-pill); background:var(--dz-accent-soft); color:var(--dz-accent); font-family:var(--dz-font-display); font-weight:700; margin-bottom:var(--dz-space-4); }
.funnel-card h3{ font-size:1.25rem; margin:0 0 .5rem; }
.funnel-card p{ margin:0 0 var(--dz-space-4); color:var(--dz-text-muted); }
.link-arrow{ font-weight:600; font-family:var(--dz-font-display); }

/* ===== Stats ===== */
.stats{ background:var(--dz-black); color:#fff; border-radius:var(--dz-radius-2xl); padding:var(--dz-space-16) var(--dz-space-8); }
.stats h2{ color:#fff; }
.stats-grid{ grid-template-columns:repeat(3,1fr); text-align:center; margin-top:var(--dz-space-8); }
.stat-value{ font-family:var(--dz-font-display); font-weight:700; font-size:clamp(2.25rem,4vw,3.25rem); color:var(--dz-accent); line-height:1; }
.stat-label{ color:var(--dz-grey-300); margin-top:.5rem; }
.stat-label em{ color:var(--dz-grey-500); font-style:normal; font-size:.75rem; }

/* ===== Pillars (3 cột số liệu) ===== */
.pillars{ grid-template-columns:repeat(3,1fr); }
.pillar{ background:#fff; border:1px solid var(--dz-border); border-radius:var(--dz-radius-xl); padding:var(--dz-space-8); }
.pillar .num{ font-family:var(--dz-font-display); font-weight:700; font-size:2rem; color:var(--dz-text); }
.pillar h3{ margin:.25rem 0 var(--dz-space-4); font-size:1.125rem; }
.pillar li{ color:var(--dz-text-muted); padding:.25rem 0; }

/* ===== Logo wall ===== */
.logos{ display:grid; grid-template-columns:repeat(6,1fr); gap:var(--dz-space-8); align-items:center; margin-top:var(--dz-space-8); }
.logo-chip{ height:44px; border-radius:var(--dz-radius); background:var(--dz-grey-50); border:1px solid var(--dz-border); display:grid; place-items:center; color:var(--dz-grey-400); font-weight:600; font-size:.8125rem; filter:grayscale(1); transition:filter var(--dz-dur), color var(--dz-dur); }
.logo-chip:hover{ filter:none; color:var(--dz-text); }

/* ===== Feature cards ===== */
.features-grid{ grid-template-columns:repeat(2,1fr); }
.features-grid.cols-3{ grid-template-columns:repeat(3,1fr); }
.feature{ background:#fff; border:1px solid var(--dz-border); border-radius:var(--dz-radius-xl); padding:var(--dz-space-8); display:flex; gap:var(--dz-space-6); transition:box-shadow var(--dz-dur) var(--dz-ease); }
.feature:hover{ box-shadow:var(--dz-shadow); }
.feature-ic{ flex:0 0 auto; width:3rem; height:3rem; border-radius:var(--dz-radius-lg); background:var(--dz-accent-soft); color:var(--dz-accent); display:grid; place-items:center; font-size:1.375rem; }
.feature h3{ font-size:1.1875rem; margin:0 0 .375rem; }
.feature p{ margin:0; color:var(--dz-text-muted); }

/* ===== Feature media (text/ảnh xen kẽ) ===== */
.fmedia{ grid-template-columns:1fr 1fr; align-items:center; gap:var(--dz-space-16); }
.fmedia + .fmedia{ margin-top:var(--dz-space-16); }
.fmedia.reverse .fmedia-text{ order:2; }
.fmedia h2{ font-size:var(--dz-fs-h2); margin:0 0 var(--dz-space-4); }
.fmedia p{ color:var(--dz-text-muted); margin:0 0 var(--dz-space-6); }
.fmedia ul li{ padding:.375rem 0 .375rem 1.75rem; position:relative; color:var(--dz-text); }
.fmedia ul li::before{ content:"✓"; position:absolute; left:0; color:var(--dz-accent); font-weight:700; }
.fmedia-visual{ aspect-ratio:4/3; border-radius:var(--dz-radius-2xl); border:1px solid var(--dz-border); display:grid; place-items:center; color:var(--dz-grey-300); font-weight:500;
  background:linear-gradient(160deg,#f5f5f5,#fafafa); }

/* ===== Steps (quy trình đánh số) ===== */
.steps{ grid-template-columns:repeat(3,1fr); counter-reset:step; }
.step{ background:#fff; border:1px solid var(--dz-border); border-radius:var(--dz-radius-xl); padding:var(--dz-space-8); position:relative; }
.step .n{ font-family:var(--dz-font-display); font-weight:700; color:var(--dz-accent); font-size:2rem; line-height:1; }
.step h3{ margin:.5rem 0 .375rem; font-size:1.125rem; }
.step p{ margin:0; color:var(--dz-text-muted); }

/* ===== Testimonials ===== */
.tst-grid{ grid-template-columns:repeat(3,1fr); }
.tst{ background:#fff; border:1px solid var(--dz-border); border-radius:var(--dz-radius-xl); padding:var(--dz-space-8); }
.tst blockquote{ margin:0 0 var(--dz-space-6); font-size:1.0625rem; line-height:1.55; }
.tst .who{ display:flex; align-items:center; gap:.75rem; }
.tst .avatar{ width:2.5rem; height:2.5rem; border-radius:var(--dz-radius-pill); background:var(--dz-grey-100); }
.tst .who b{ font-family:var(--dz-font-display); }
.tst .who small{ display:block; color:var(--dz-text-subtle); }

/* ===== Testimonials carousel + video ===== */
.tst-carousel{ position:relative; }
.tst-track{ display:flex; gap:var(--dz-space-6); overflow-x:auto; scroll-snap-type:x mandatory; padding-bottom:var(--dz-space-4); scroll-behavior:smooth; }
.tst-track::-webkit-scrollbar{ height:6px; }
.tst-track::-webkit-scrollbar-thumb{ background:var(--dz-grey-200); border-radius:99px; }
.tst-track .tst{ flex:0 0 clamp(280px, 32%, 380px); scroll-snap-align:start; display:flex; flex-direction:column; }
.tst-video-thumb{ position:relative; aspect-ratio:16/9; border-radius:var(--dz-radius-lg); overflow:hidden; margin-bottom:var(--dz-space-6); cursor:pointer;
  background:linear-gradient(160deg,#e5e5e5,#f5f5f5); display:grid; place-items:center; color:var(--dz-grey-400); font-weight:500; }
.tst-video-thumb .play{ position:absolute; width:3.25rem; height:3.25rem; border-radius:var(--dz-radius-pill); background:rgba(255,255,255,.92); color:var(--dz-accent);
  display:grid; place-items:center; font-size:1.1rem; box-shadow:var(--dz-shadow); transition:transform var(--dz-dur); }
.tst-video-thumb:hover .play{ transform:scale(1.08); }
.tst-btn-row{ display:flex; gap:var(--dz-space-4); margin-top:auto; padding-top:var(--dz-space-4); }
.tst-link{ font-size:.8125rem; font-weight:600; font-family:var(--dz-font-display); color:var(--dz-accent); display:inline-flex; gap:.3rem; align-items:center; cursor:pointer; }
.tst-link:hover{ color:var(--dz-accent-hover); }
.tst-nav{ display:flex; gap:var(--dz-space-3); justify-content:flex-end; margin-top:var(--dz-space-6); }
.tst-nav button{ width:2.75rem; height:2.75rem; border-radius:var(--dz-radius-pill); border:1.5px solid var(--dz-border); background:#fff; cursor:pointer; font-size:1.1rem; color:var(--dz-text); transition:all var(--dz-dur); }
.tst-nav button:hover{ border-color:var(--dz-accent); color:var(--dz-accent); }

/* Video lightbox */
.vlb{ position:fixed; inset:0; background:rgba(9,9,11,.82); display:none; place-items:center; z-index:100; padding:var(--dz-space-6); }
.vlb.open{ display:grid; }
.vlb-inner{ width:min(920px, 94vw); aspect-ratio:16/9; position:relative; }
.vlb-inner iframe{ width:100%; height:100%; border:0; border-radius:var(--dz-radius-lg); background:#000; }
.vlb-close{ position:absolute; top:-2.75rem; right:0; background:none; border:0; color:#fff; font-size:1.75rem; cursor:pointer; line-height:1; }

/* ===== Plans / Pricing ===== */
.billing-toggle{ display:inline-flex; gap:.25rem; background:var(--dz-grey-100); border-radius:var(--dz-radius-pill); padding:.25rem; margin:var(--dz-space-6) auto 0; }
.billing-toggle button{ border:0; background:none; padding:.5rem 1.25rem; border-radius:var(--dz-radius-pill); font-family:var(--dz-font-display); font-weight:500; cursor:pointer; color:var(--dz-text-muted); }
.billing-toggle button.active{ background:#fff; color:var(--dz-text); box-shadow:var(--dz-shadow-sm); }
.plans-grid{ grid-template-columns:repeat(2,1fr); margin-top:var(--dz-space-8); }
.plan{ background:#fff; border:1px solid var(--dz-border); border-radius:var(--dz-radius-2xl); padding:var(--dz-space-12); }
.plan.featured{ border-color:var(--dz-accent); box-shadow:var(--dz-shadow); position:relative; }
.plan.featured::after{ content:"Phổ biến"; position:absolute; top:var(--dz-space-6); right:var(--dz-space-6); background:var(--dz-accent); color:#fff; font-size:.75rem; font-weight:600; padding:.25rem .625rem; border-radius:var(--dz-radius-pill); }
.plan h3{ font-size:1.375rem; margin:0 0 .5rem; }
.plan .price{ font-family:var(--dz-font-display); font-weight:700; font-size:2rem; margin:var(--dz-space-4) 0; }
.plan .price small{ font-size:.875rem; color:var(--dz-text-muted); font-weight:500; }
.plan ul{ margin:var(--dz-space-6) 0; }
.plan ul li{ padding:.375rem 0 .375rem 1.75rem; position:relative; color:var(--dz-text); }
.plan ul li::before{ content:"✓"; position:absolute; left:0; color:var(--dz-accent); font-weight:700; }
.shared-features{ margin-top:var(--dz-space-8); background:var(--dz-grey-50); border:1px solid var(--dz-border); border-radius:var(--dz-radius-xl); padding:var(--dz-space-8); }
.shared-features h3{ margin:0 0 var(--dz-space-4); font-size:1.125rem; }
.shared-features .cols{ columns:2; column-gap:var(--dz-space-8); }
.shared-features li{ padding:.3rem 0 .3rem 1.5rem; position:relative; break-inside:avoid; color:var(--dz-text-muted); }
.shared-features li::before{ content:"✓"; position:absolute; left:0; color:var(--dz-accent); font-weight:700; }

/* ===== CTA band ===== */
.cta-band{ background:linear-gradient(135deg,var(--dz-accent),#3f74ff); color:#fff; border-radius:var(--dz-radius-2xl); padding:var(--dz-space-16); text-align:center; }
.cta-band h2{ color:#fff; font-size:var(--dz-fs-h1); margin:0 0 var(--dz-space-4); }
.cta-band p{ color:rgba(255,255,255,.9); max-width:52ch; margin:0 auto var(--dz-space-8); }
.cta-band .dz-btn--primary{ background:#fff; color:var(--dz-accent); }
.cta-band .dz-btn--primary:hover{ background:var(--dz-grey-50); color:var(--dz-accent-hover); }
.cta-band .dz-btn--outline{ color:#fff; border-color:rgba(255,255,255,.6); }
.cta-band .dz-btn--outline:hover{ border-color:#fff; }

/* ===== FAQ ===== */
.faq-wrap{ max-width:820px; margin-inline:auto; margin-top:var(--dz-space-8); }
.faq-item{ border-bottom:1px solid var(--dz-border); }
.faq-q{ width:100%; background:none; border:0; text-align:left; cursor:pointer; padding:var(--dz-space-6) 0; font-family:var(--dz-font-display); font-weight:600; font-size:1.0625rem; color:var(--dz-text); display:flex; justify-content:space-between; gap:1rem; align-items:center; }
.faq-q .chev{ transition:transform var(--dz-dur) var(--dz-ease); color:var(--dz-accent); flex:0 0 auto; }
.faq-q[aria-expanded="true"] .chev{ transform:rotate(180deg); }
.faq-a{ display:none; padding:0 0 var(--dz-space-6); color:var(--dz-text-muted); line-height:1.6; }
.faq-q[aria-expanded="true"] + .faq-a{ display:block; }

/* ===== Newsletter ===== */
.news{ background:var(--dz-grey-50); border:1px solid var(--dz-border); border-radius:var(--dz-radius-2xl); padding:var(--dz-space-16); text-align:center; }
.news form{ display:flex; gap:.75rem; max-width:480px; margin:var(--dz-space-6) auto 0; }
.news input{ flex:1; padding:.75rem 1rem; border:1.5px solid var(--dz-border); border-radius:var(--dz-radius-pill); font-size:1rem; font-family:var(--dz-font-body); }
.news input:focus{ outline:none; border-color:var(--dz-accent); box-shadow:0 0 0 3px var(--dz-accent-soft); }

/* ===== Lead form ===== */
.lead-form{ max-width:640px; margin-inline:auto; background:#fff; border:1px solid var(--dz-border); border-radius:var(--dz-radius-2xl); padding:var(--dz-space-12); box-shadow:var(--dz-shadow); }
.field{ margin-bottom:var(--dz-space-6); }
.field label{ display:block; font-family:var(--dz-font-display); font-weight:500; font-size:.9375rem; margin-bottom:.375rem; }
.field .req{ color:var(--dz-accent); }
.field input, .field select, .field textarea{ width:100%; padding:.75rem 1rem; border:1.5px solid var(--dz-border); border-radius:var(--dz-radius-lg); font-size:1rem; font-family:var(--dz-font-body); background:#fff; }
.field textarea{ min-height:120px; resize:vertical; }
.field input:focus, .field select:focus, .field textarea:focus{ outline:none; border-color:var(--dz-accent); box-shadow:0 0 0 3px var(--dz-accent-soft); }
.field .err{ display:none; color:var(--dz-danger); font-size:.8125rem; margin-top:.375rem; }
.field.invalid input, .field.invalid select, .field.invalid textarea{ border-color:var(--dz-danger); }
.field.invalid .err{ display:block; }
.field.two{ display:grid; grid-template-columns:1fr 1fr; gap:var(--dz-space-6); }
.field.two > div{ margin:0; }
.hp{ position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden; }
.consent{ display:flex; gap:.625rem; align-items:flex-start; font-size:.875rem; color:var(--dz-text-muted); }
.consent input{ width:auto; margin-top:.2rem; }
.form-msg{ display:none; padding:var(--dz-space-4); border-radius:var(--dz-radius-lg); margin-bottom:var(--dz-space-6); font-weight:500; }
.form-msg.ok{ display:block; background:#e8f6ee; color:var(--dz-success); }
.form-msg.bad{ display:block; background:#fdecee; color:var(--dz-danger); }

/* ===== Footer ===== */
.site-footer{ background:var(--dz-black); color:var(--dz-grey-300); padding-block:var(--dz-space-16) var(--dz-space-8); margin-top:var(--dz-space-24); }
.foot-grid{ display:grid; grid-template-columns:1.4fr repeat(4,1fr); gap:var(--dz-space-8); }
.site-footer .brand{ color:#fff; }
.foot-col h4{ color:#fff; font-size:.875rem; letter-spacing:.04em; text-transform:uppercase; margin:0 0 var(--dz-space-4); }
.foot-col a{ color:var(--dz-grey-300); display:block; padding:.3rem 0; font-size:.9375rem; }
.foot-col a:hover{ color:#fff; }
.foot-bottom{ display:flex; justify-content:space-between; gap:1rem; flex-wrap:wrap; border-top:1px solid var(--dz-grey-700); margin-top:var(--dz-space-12); padding-top:var(--dz-space-6); font-size:.875rem; }
.foot-bottom a{ color:inherit; }

/* ===== Responsive ===== */
@media (max-width: 992px){
  .hero-grid, .fmedia{ grid-template-columns:1fr; gap:var(--dz-space-8); }
  .fmedia.reverse .fmedia-text{ order:0; }
  .funnel-grid, .stats-grid, .features-grid, .features-grid.cols-3, .tst-grid, .pillars, .steps, .plans-grid{ grid-template-columns:1fr; }
  .shared-features .cols{ columns:1; }
  .logos{ grid-template-columns:repeat(3,1fr); }
  .foot-grid{ grid-template-columns:1fr 1fr; }
  .nav-actions{ display:none; }
  .nav-toggle{ display:block; }
  .funnel-panel.active{ grid-template-columns:1fr; gap:var(--dz-space-8); }
  /* mega-menu → off-canvas, xổ hết panel */
  .mega{ display:none; }
  .mega.open{ display:flex; position:absolute; top:72px; left:0; right:0; flex-direction:column; align-items:stretch; gap:0;
    background:#fff; border-bottom:1px solid var(--dz-divider); padding:var(--dz-space-2) var(--dz-space-4) var(--dz-space-6);
    max-height:calc(100vh - 72px); overflow:auto; box-shadow:var(--dz-shadow-lg); }
  .mega.open .mega-item{ width:100%; }
  .mega.open .mega-top{ justify-content:space-between; padding:var(--dz-space-4) 0; border-bottom:1px solid var(--dz-divider); font-size:1rem; }
  .mega.open .mega-panel, .mega.open .mega-panel.wide{ position:static; display:flex; grid-template-columns:1fr; box-shadow:none; border:0; padding:.25rem 0 var(--dz-space-4) var(--dz-space-4); min-width:0; }
  .mega.open .mega-mobile-actions{ display:flex; gap:var(--dz-space-4); padding-top:var(--dz-space-6); }
  .mega.open .mega-mobile-actions .dz-btn{ flex:1; justify-content:center; }
}
@media (max-width: 560px){
  .logos{ grid-template-columns:repeat(2,1fr); }
  .foot-grid{ grid-template-columns:1fr; }
  .news form, .field.two{ grid-template-columns:1fr; }
  .news form{ flex-direction:column; }
  .dz-section{ padding-block:var(--dz-space-16); }
  .lead-form, .plan{ padding:var(--dz-space-8); }
}

/* ===== Nav fit fixes (chống nút "Nhận tư vấn" vỡ do tràn hàng) ===== */
.site-header .dz-container{ max-width:1360px; }   /* header rộng hơn 1200 để đủ 7 mục */
.nav{ gap:var(--dz-space-4); }
.brand{ flex-shrink:0; }
.mega{ gap:2px; margin-left:var(--dz-space-2); flex-wrap:nowrap; }
.mega-top{ padding:.55rem .45rem; }
.nav-actions{ flex-shrink:0; }
.nav-actions .login{ white-space:nowrap; }
.dz-btn{ white-space:nowrap; }                    /* nút không xuống dòng */
@media (max-width: 1200px){                        /* dưới 1200: thu gọn để không chật */
  .mega{ gap:0; }
  .mega-top{ padding:.55rem .35rem; font-size:.875rem; }
  .nav-actions .login{ display:none; }
}