:root{
  --navy:#0b1220;
  --navy2:#111b2e;
  --ink:#111827;
  --muted:#64748b;
  --line:#e5e7eb;
  --soft:#f6f8fb;
  --white:#fff;
  --orange:#f7941e;
  --orange2:#e7830d;
  --green:#39b54a;
  --green2:#249b35;
  --red:#b91c1c;
  --shadow:0 20px 60px rgba(15,23,42,.10);
  --radius:22px;
  --container:1180px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:96px}
body{
  margin:0;color:var(--ink);background:#fff;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button,a{-webkit-tap-highlight-color:transparent}
:focus-visible{outline:3px solid rgba(247,148,30,.55);outline-offset:3px}
section[id],div[id]{scroll-margin-top:96px}

.skip-link{
  position:fixed;left:12px;top:12px;z-index:9999;
  transform:translateY(-160%);background:#fff;color:#111827;
  padding:10px 14px;border-radius:10px;box-shadow:var(--shadow);font-weight:800
}
.skip-link:focus{transform:none}

.container{width:min(var(--container),calc(100% - 40px));margin-inline:auto}
.center{text-align:center}
.lead{font-size:1.08rem;color:#475569;max-width:780px}
.section{padding:88px 0}
.section--soft{background:var(--soft)}
.section--dark{background:var(--navy);color:#fff}
.section-head{max-width:860px;margin-bottom:42px}
.section-head.center{margin-inline:auto;margin-bottom:44px}
.section-head h2,.legal-layout h2,.b2b-grid h2,.order-grid h2,.final-cta h2{
  font-size:clamp(2rem,4vw,3.3rem);line-height:1.08;
  margin:.5rem 0 1rem;letter-spacing:-.035em
}
.section-head p{color:var(--muted);font-size:1.05rem}
.kicker{color:#fbbf75;font-weight:700;font-size:.77rem;letter-spacing:.13em}
.kicker--light{color:var(--orange2)}
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.5rem;
  min-height:46px;padding:0 20px;border-radius:12px;border:1px solid transparent;
  font-weight:700;cursor:pointer;transition:transform .2s ease,background-color .2s ease,border-color .2s ease
}
.btn:hover{transform:translateY(-1px)}
.btn--lg{min-height:56px;padding:0 26px;font-size:1rem}
.btn--block{width:100%}
.btn--primary{background:var(--orange);color:#111827;box-shadow:0 14px 30px rgba(247,148,30,.25)}
.btn--primary:hover{background:#ffa62f}
.btn--secondary{background:#fff;color:var(--navy);border-color:#fff}
.btn--outline{border-color:#cbd5e1;background:#fff}
.btn--dark{background:var(--navy);color:#fff}
.btn--ghost{background:transparent;border-color:#94a3b8;color:inherit}

.topbar{background:#07101d;color:#dbeafe;font-size:.86rem}
.topbar__inner{min-height:38px;display:flex;justify-content:space-between;align-items:center;gap:20px}
.topbar strong{color:#fff}
.site-header{
  position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);
  border-bottom:1px solid rgba(226,232,240,.9);backdrop-filter:blur(14px)
}
.site-header.is-scrolled{box-shadow:0 8px 30px rgba(15,23,42,.08)}
.nav{height:74px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand img{height:46px;width:auto}
.desktop-nav{display:flex;gap:24px;font-weight:750;font-size:.91rem;color:#334155}
.desktop-nav a:hover{color:var(--orange2)}
.header-call{white-space:nowrap}

.hero{
  background:
    radial-gradient(circle at 80% 10%,rgba(57,181,74,.14),transparent 28%),
    radial-gradient(circle at 20% 20%,rgba(247,148,30,.17),transparent 30%),
    linear-gradient(135deg,#07101d 0%,#111b2e 56%,#0c1625 100%);
  color:#fff;padding:72px 0 64px;overflow:hidden
}
.hero__grid{display:grid;grid-template-columns:1.05fr .95fr;gap:58px;align-items:center}
.hero h1{
  font-size:clamp(2.65rem,5.1vw,4.95rem);
  line-height:.99;letter-spacing:-.052em;margin:.7rem 0 1.4rem;max-width:780px
}
.hero h1 span{color:#ffad47}
.hero__lead{color:#d7dee9;font-size:1.11rem;max-width:720px}

.quick-facts{
  display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 0;padding:0
}
.quick-facts>div{
  border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.055);
  border-radius:12px;padding:8px 11px
}
.quick-facts dt{font-size:.65rem;color:#91a0b4;text-transform:uppercase;font-weight:800;letter-spacing:.06em}
.quick-facts dd{margin:1px 0 0;font-size:.82rem;font-weight:800;color:#fff}

.price-card{
  display:grid;grid-template-columns:1fr 1.15fr auto;gap:16px;align-items:end;
  margin-top:26px;padding:18px;border-radius:18px;
  border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.07)
}
.price-card small{display:block;color:#b6c2d1;margin-bottom:3px}
.price-card del{display:block;font-size:1.25rem;color:#aab5c3}
.price-card__main strong{display:block;color:#fff;font-size:clamp(2rem,4vw,3.15rem);line-height:1}
.price-card__main small{color:#f5c58c;font-weight:700}
.price-card__save{background:rgba(57,181,74,.16);border:1px solid rgba(57,181,74,.35);padding:11px 13px;border-radius:12px;color:#d9ffe1;font-size:.88rem}
.hero__actions{display:flex;gap:12px;margin-top:20px}
.hero__proof{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px 18px;margin:22px 0 0;color:#dce4ee;font-size:.9rem}
.hero__proof li{position:relative;padding-left:22px}
.hero__proof li::before{content:"✓";position:absolute;left:0;color:#7ce78b;font-weight:700}
.updated{font-size:.76rem;color:#8795a8;margin-top:18px}
.hero__visual{min-width:0}
.visual-card{
  border-radius:28px;padding:12px;background:linear-gradient(145deg,rgba(255,255,255,.18),rgba(255,255,255,.045));
  border:1px solid rgba(255,255,255,.15);box-shadow:0 30px 100px rgba(0,0,0,.34);
  position:relative;transform:perspective(1200px) rotateY(-2deg)
}
.visual-card img{border-radius:20px;width:100%;height:auto}
.visual-card__label{
  position:absolute;left:26px;top:26px;background:rgba(7,16,29,.88);
  border:1px solid rgba(255,255,255,.17);padding:8px 11px;border-radius:999px;
  font-size:.68rem;font-weight:700;letter-spacing:.1em
}
.visual-note{font-size:.78rem;color:#9eabbb;margin:12px 8px 0}

.trust-strip{border-bottom:1px solid var(--line);background:#fff}
.trust-strip__grid{display:grid;grid-template-columns:repeat(5,1fr)}
.trust-strip__grid>div{padding:22px 16px;border-right:1px solid var(--line)}
.trust-strip__grid>div:first-child{padding-left:0}
.trust-strip__grid>div:last-child{border-right:0}
.trust-strip b{display:block;font-size:.76rem;color:#0f172a;letter-spacing:.06em}
.trust-strip span{display:block;color:#64748b;font-size:.84rem;margin-top:2px}

.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.feature-card{border:1px solid var(--line);background:#fff;border-radius:18px;padding:24px;box-shadow:0 12px 34px rgba(15,23,42,.045)}
.feature-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#fff4e5;color:var(--orange2);font-weight:700}
.feature-card h3{margin:16px 0 8px;font-size:1.18rem}
.feature-card p{color:var(--muted);margin:0;font-size:.94rem}
.spec-table-wrap{margin-top:28px;border:1px solid var(--line);border-radius:18px;overflow:auto;background:#fff}
.spec-table{border-collapse:collapse;width:100%;min-width:620px}
.spec-table caption{text-align:left;padding:18px 20px;font-weight:700;font-size:1.03rem;background:#f8fafc}
.spec-table th,.spec-table td{padding:14px 20px;border-top:1px solid var(--line);text-align:left;vertical-align:top}
.spec-table th{width:250px;color:#475569;background:#fbfcfd}
.source-note{font-size:.83rem;color:#64748b}
.source-note a{color:var(--orange2);font-weight:800;text-decoration:underline;text-underline-offset:3px}

.calc-grid{display:grid;grid-template-columns:1fr auto 1fr auto 1.25fr;gap:16px;align-items:center;max-width:1000px;margin:0 auto}
.calc-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:var(--shadow)}
.calc-card span{display:inline-grid;place-items:center;width:34px;height:34px;background:#fff4e5;color:var(--orange2);border-radius:50%;font-weight:700}
.calc-card small{display:block;margin:14px 0 6px;color:#64748b;font-weight:700}
.calc-card strong{font-size:1.8rem}
.calc-card--result{background:var(--navy);color:#fff;border-color:var(--navy)}
.calc-card--result small{color:#c8d2df}
.calc-card--result strong{color:#ffad47}
.calc-op{font-size:2rem;font-weight:700;color:#94a3b8}
.fine-print{max-width:860px;margin:22px auto 0;color:#64748b;font-size:.86rem}

.audience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.audience-card{
  border:1px solid var(--line);border-radius:var(--radius);padding:28px;background:#fff;box-shadow:0 12px 35px rgba(15,23,42,.05)
}
.audience-card--primary{border-color:rgba(247,148,30,.55);box-shadow:0 20px 55px rgba(247,148,30,.10)}
.audience-card__tag{font-size:.7rem;font-weight:700;letter-spacing:.12em;color:var(--orange2)}
.audience-card h3{font-size:1.38rem;margin:.55rem 0}
.audience-card p{color:#64748b}
.audience-card ul{padding-left:20px;margin:20px 0}
.audience-card li{margin:8px 0}
.text-link{font-weight:700;color:var(--orange2)}

.legal-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:start}
.legal-layers{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:28px}
.legal-layers div{border:1px solid var(--line);border-radius:15px;padding:18px}
.legal-layers b{display:block;color:var(--orange2);font-size:.78rem;letter-spacing:.08em}
.legal-layers span{display:block;margin-top:5px;font-weight:750}
.legal-context{margin-top:28px;padding:22px;border-left:4px solid var(--orange);background:#fff8ee;border-radius:0 16px 16px 0}
.legal-context h3{margin:0 0 8px}
.legal-context p{color:#475569}
.legal-panel{
  background:linear-gradient(150deg,#0b1220,#172337);color:#fff;border-radius:24px;padding:30px;box-shadow:var(--shadow)
}
.legal-panel__title{font-weight:700;font-size:.78rem;color:#f7bd78;letter-spacing:.1em}
.check-list{list-style:none;margin:22px 0;padding:0}
.check-list li{position:relative;padding-left:26px;margin:12px 0;color:#334155}
.check-list li::before{content:"✓";position:absolute;left:0;color:var(--green);font-weight:700}
.legal-panel .check-list li,.check-list--light li{color:#dce6f2}

.b2b-grid{display:grid;grid-template-columns:1fr .9fr;gap:58px;align-items:start}
.section--dark .lead{color:#cbd5e1}
.b2b-steps{display:grid;gap:12px;margin-top:28px}
.b2b-steps>div{display:grid;grid-template-columns:44px 150px 1fr;gap:12px;align-items:center;border-bottom:1px solid rgba(255,255,255,.12);padding:12px 0}
.b2b-steps span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:rgba(247,148,30,.15);color:#ffad47;font-weight:700}
.b2b-steps p{margin:0;color:#aeb9c8;font-size:.9rem}

.lead-form{background:#fff;color:var(--ink);border-radius:24px;padding:28px;box-shadow:0 35px 80px rgba(0,0,0,.24)}
.lead-form__head span{font-size:.72rem;font-weight:700;color:var(--orange2);letter-spacing:.12em}
.lead-form__head h3{font-size:1.55rem;margin:.3rem 0}
.lead-form__head p{color:#64748b;margin-top:0}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.form-grid .full{grid-column:1/-1}
label{display:block;margin-bottom:14px}
label span{display:block;font-size:.78rem;font-weight:800;color:#475569;margin-bottom:6px}
input,select,textarea{
  width:100%;border:1px solid #cfd7e3;border-radius:10px;padding:0 13px;background:#fff;color:#111827;outline:none
}
input,select{height:48px}
textarea{padding:11px 13px;resize:vertical;min-height:98px}
input:focus,select:focus,textarea:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(247,148,30,.14)}
.form-privacy{font-size:.75rem;color:#7b8797;margin:10px 0 0}
.form-status{margin-top:12px;font-size:.86rem;font-weight:750;min-height:22px}
.form-status.ok{color:var(--green2)}
.form-status.err{color:#dc2626}
.lead-form--compact{max-width:520px;margin-left:auto}
.hp-field{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}

.doc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.doc-card{margin:0;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 10px 30px rgba(15,23,42,.06)}
.doc-card img{aspect-ratio:4/3;object-fit:cover;width:100%}
.doc-card figcaption{padding:15px}
.doc-card figcaption b,.doc-card figcaption span{display:block}
.doc-card figcaption span{font-size:.82rem;color:#64748b;margin-top:3px}

.payment-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}
.bank-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:26px;box-shadow:var(--shadow)}
.bank-card small{font-weight:700;color:#64748b}
.bank-card>strong{display:block;margin:6px 0 20px;font-size:1.18rem}
.bank-row{display:flex;justify-content:space-between;gap:20px;padding:11px 0;border-top:1px solid var(--line)}
.bank-row span{color:#64748b}
.payment-qr{max-width:420px;margin:auto;text-align:center}
.payment-qr img{border-radius:22px;box-shadow:var(--shadow);width:100%;aspect-ratio:1/1;object-fit:cover}
.payment-qr p{color:#64748b}

.brand-facts{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line);border-radius:18px;overflow:hidden;margin-bottom:24px}
.brand-facts>div{padding:22px;border-right:1px solid var(--line);background:#fff}
.brand-facts>div:last-child{border-right:0}
.brand-facts b{display:block;font-size:1.35rem;color:var(--navy)}
.brand-facts span{color:#64748b;font-size:.82rem}
.gallery-grid{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:250px 250px;gap:12px}
.gallery-grid img{width:100%;height:100%;object-fit:cover;border-radius:16px}
.gallery-grid img:first-child{grid-row:1/3}
.company-card{
  margin-top:24px;background:var(--navy);color:#fff;border-radius:22px;padding:28px;
  display:grid;grid-template-columns:.9fr 1.1fr;gap:30px
}
.company-card small{color:#f3bd79;font-weight:700;letter-spacing:.1em}
.company-card h3{font-size:1.45rem;margin:.5rem 0}
.company-card dl{margin:0}
.company-card dl>div{display:grid;grid-template-columns:130px 1fr;gap:14px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.1)}
.company-card dt{color:#9fb0c4}
.company-card dd{margin:0}

.section--press{background:#fff}
.press-links{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.press-links a{
  display:flex;align-items:center;justify-content:center;min-height:86px;
  border:1px solid var(--line);border-radius:16px;background:#fff;font-weight:700;
  color:#334155;box-shadow:0 8px 24px rgba(15,23,42,.04)
}
.press-links a:hover{border-color:#f4c27c;color:var(--orange2)}

.order-grid{display:grid;grid-template-columns:1fr .8fr;gap:60px;align-items:center}
.faq-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:50px}
.faq-list details{border-top:1px solid var(--line);padding:18px 0}
.faq-list details:last-child{border-bottom:1px solid var(--line)}
.faq-list summary{cursor:pointer;font-weight:700;font-size:1.05rem}
.faq-list p{color:#64748b;margin-bottom:0}

.references{background:#fbfcfe;border-top:1px solid var(--line)}
.reference-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.reference-grid a{border:1px solid var(--line);border-radius:16px;padding:18px;background:#fff}
.reference-grid b,.reference-grid span{display:block}
.reference-grid b{color:var(--orange2)}
.reference-grid span{font-size:.88rem;color:#64748b;margin-top:4px}

.final-cta{background:linear-gradient(90deg,#fff3e0,#f3fff5);padding:52px 0}
.final-cta__inner{display:flex;justify-content:space-between;align-items:center;gap:30px}
.final-cta small{color:var(--orange2);font-weight:700;letter-spacing:.1em}
.final-cta h2{margin:.35rem 0}
.final-cta p{color:#64748b;max-width:680px}
.final-cta__actions{display:flex;gap:10px;white-space:nowrap}

.footer{background:#07101d;color:#c5d0df;padding:42px 0 100px}
.footer__grid{display:grid;grid-template-columns:1fr 1.1fr .7fr;gap:36px}
.footer__logo{height:48px;width:auto;margin-bottom:12px}
.footer b,.footer strong{color:#fff}
.footer p{margin:.45rem 0}
.footer a{color:#fff}
.mobile-cta{display:none}

@media (max-width:1100px){
  .desktop-nav{display:none}
  .hero__grid,.legal-layout,.b2b-grid,.payment-grid,.order-grid,.faq-layout{grid-template-columns:1fr}
  .hero__copy{max-width:820px}
  .hero__visual{max-width:760px;margin:auto}
  .feature-grid{grid-template-columns:1fr 1fr}
  .audience-grid{grid-template-columns:1fr 1fr}
  .audience-card--primary{grid-column:1/-1}
  .trust-strip__grid{grid-template-columns:repeat(3,1fr)}
  .doc-grid{grid-template-columns:1fr 1fr}
  .brand-facts{grid-template-columns:repeat(3,1fr)}
  .company-card{grid-template-columns:1fr}
  .press-links{grid-template-columns:repeat(3,1fr)}
  .reference-grid{grid-template-columns:1fr 1fr}
  .lead-form--compact{margin:0;max-width:none}
}

@media (max-width:760px){
  body{padding-bottom:74px}
  .container{width:min(100% - 28px,var(--container))}
  .section{padding:62px 0}
  .topbar__inner{min-height:44px;justify-content:center;text-align:center;font-size:.78rem}
  .topbar__right{display:none}
  .nav{height:64px}
  .brand img{height:38px}
  .header-call{font-size:.78rem;padding:0 12px;min-height:40px}
  .hero{padding:48px 0 42px}
  .hero__grid{gap:30px}
  .hero h1{font-size:clamp(2.25rem,11.5vw,3.55rem)}
  .hero__lead{font-size:1rem}
  .quick-facts{display:grid;grid-template-columns:1fr 1fr}
  .price-card{grid-template-columns:1fr;padding:16px}
  .price-card__main strong{font-size:2.45rem}
  .hero__actions{display:grid}
  .hero__proof{grid-template-columns:1fr}
  .visual-card{transform:none;border-radius:20px;padding:8px}
  .visual-card img{border-radius:14px}
  .visual-card__label{left:18px;top:18px;font-size:.58rem}
  .trust-strip__grid{grid-template-columns:1fr 1fr}
  .trust-strip__grid>div{padding:16px 10px;border-top:1px solid var(--line)}
  .trust-strip__grid>div:nth-child(2n){border-right:0}
  .feature-grid,.audience-grid{grid-template-columns:1fr}
  .audience-card--primary{grid-column:auto}
  .calc-grid{grid-template-columns:1fr}
  .calc-op{text-align:center;line-height:1}
  .legal-layers{grid-template-columns:1fr}
  .b2b-steps>div{grid-template-columns:38px 1fr}
  .b2b-steps p{grid-column:2}
  .form-grid{grid-template-columns:1fr}
  .form-grid .full{grid-column:auto}
  .doc-grid{grid-template-columns:1fr 1fr}
  .brand-facts{grid-template-columns:1fr 1fr}
  .gallery-grid{grid-template-columns:1fr 1fr;grid-template-rows:220px 180px 180px}
  .gallery-grid img:first-child{grid-column:1/-1;grid-row:auto}
  .company-card dl>div{grid-template-columns:1fr}
  .press-links{grid-template-columns:1fr 1fr 1fr}
  .reference-grid{grid-template-columns:1fr}
  .final-cta__inner{display:block}
  .final-cta__actions{display:grid;margin-top:22px}
  .footer__grid{grid-template-columns:1fr}
  .mobile-cta{
    display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:8px;
    position:fixed;left:0;right:0;bottom:0;z-index:100;
    padding:10px max(10px,env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));
    background:rgba(7,16,29,.97);color:#fff;border-top:1px solid rgba(255,255,255,.12);backdrop-filter:blur(12px)
  }
  .mobile-cta small{display:block;font-size:.62rem;color:#94a3b8}
  .mobile-cta strong{font-size:1rem}
  .mobile-cta a{min-height:44px;padding:0 13px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700}
  .mobile-cta__call{border:1px solid rgba(255,255,255,.23)}
  .mobile-cta__buy{background:var(--orange);color:#111827}
}

@media (max-width:480px){
  .container{width:min(100% - 22px,var(--container))}
  .quick-facts{grid-template-columns:1fr}
  .doc-grid{grid-template-columns:1fr}
  .gallery-grid{grid-template-columns:1fr;grid-template-rows:auto}
  .gallery-grid img,.gallery-grid img:first-child{height:auto;aspect-ratio:4/3}
  .brand-facts{grid-template-columns:1fr 1fr}
  .press-links{grid-template-columns:1fr 1fr}
  .mobile-cta{grid-template-columns:1fr auto}
  .mobile-cta__call{display:none!important}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}


/* === V4: BUSINESS VISUAL SYSTEM — CAM + XANH THƯƠNG HIỆU === */
:root{
  --orange:#f7941e;
  --orange2:#dd7b08;
  --green:#39b54a;
  --green2:#238f33;
  --brand-gradient:linear-gradient(90deg,var(--orange) 0 50%,var(--green) 50% 100%);
}
body{font-weight:400}
h1,h2,h3,h4,strong,b{font-weight:700}
.section-head h2,.legal-layout h2,.b2b-grid h2,.order-grid h2,.final-cta h2,.hero h1{font-weight:700}
.kicker,.audience-card__tag,.legal-panel__title,.lead-form__head span{font-weight:700}
.btn{font-weight:700}
.price-card__main strong{font-weight:750}
.quick-facts dd{font-weight:650}
.desktop-nav{font-weight:650}
.text-link{font-weight:700}

.site-header::after{
  content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;
  background:var(--brand-gradient);opacity:.92
}
.btn--brand-green{
  background:var(--green);color:#fff;border-color:var(--green);
  box-shadow:0 14px 30px rgba(57,181,74,.20)
}
.btn--brand-green:hover{background:#31a742}
.kicker--green{color:var(--green2)}
.feature-card:nth-child(even) .feature-icon{background:#ebfaee;color:var(--green2)}
.audience-card:nth-child(2){border-top:3px solid rgba(57,181,74,.75)}
.audience-card:nth-child(3){border-top:3px solid rgba(247,148,30,.75)}
.legal-panel{border-top:4px solid var(--green)}
.bank-card{border-top:4px solid var(--orange)}
.company-card{border-top:4px solid var(--green)}
.final-cta{border-top:4px solid transparent;border-image:var(--brand-gradient) 1}

.breadcrumb-wrap{background:#fff;border-bottom:1px solid var(--line)}
.breadcrumb{
  min-height:42px;display:flex;align-items:center;gap:8px;
  overflow:auto;white-space:nowrap;font-size:.78rem;color:#64748b
}
.breadcrumb a{color:#475569}
.breadcrumb a:hover{color:var(--orange2)}

.section--brand-soft{
  background:
    radial-gradient(circle at 8% 18%,rgba(247,148,30,.09),transparent 28%),
    radial-gradient(circle at 92% 86%,rgba(57,181,74,.09),transparent 30%),
    #fbfcfe
}
.media-split{
  display:grid;grid-template-columns:.95fr 1.05fr;gap:56px;align-items:center
}
.media-split--reverse .media-split__image{order:2}
.media-split--reverse .media-split__content{order:1}
.media-split__image{
  position:relative;border-radius:24px;padding:10px;background:#fff;
  border:1px solid var(--line);box-shadow:var(--shadow)
}
.media-split__image::before{
  content:"";position:absolute;left:22px;right:22px;bottom:-7px;height:7px;
  background:var(--brand-gradient);border-radius:99px
}
.media-split__image img{width:100%;aspect-ratio:10/7;object-fit:cover;border-radius:17px}
.media-split__content h2{
  font-size:clamp(2rem,3.6vw,3.1rem);line-height:1.08;letter-spacing:-.033em;
  margin:.55rem 0 1rem;font-weight:700
}
.intent-tags{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}
.intent-tags span{
  padding:7px 10px;border-radius:999px;background:#fff;border:1px solid var(--line);
  color:#475569;font-size:.79rem;font-weight:600
}
.intent-tags span:nth-child(even){border-color:rgba(57,181,74,.35);background:#f4fff6}
.intent-tags span:nth-child(odd){border-color:rgba(247,148,30,.35);background:#fff9f0}
.proof-points{display:grid;gap:11px;margin:22px 0}
.proof-points>div{padding:13px 15px;border-left:3px solid var(--green);background:#fff;border-radius:0 12px 12px 0}
.proof-points>div:nth-child(even){border-left-color:var(--orange)}
.proof-points b,.proof-points span{display:block}
.proof-points span{color:#64748b;font-size:.9rem;margin-top:2px}
.number-list{margin:24px 0;padding-left:22px}
.number-list li{margin:12px 0;color:#475569}
.number-list b{color:#111827}

.campaign-urgency{
  margin-top:18px;border:1px solid rgba(247,148,30,.35);
  background:linear-gradient(100deg,rgba(247,148,30,.10),rgba(57,181,74,.08));
  border-radius:17px;padding:15px 16px
}
.campaign-urgency[hidden]{display:none!important}
.campaign-urgency__head{display:flex;justify-content:space-between;gap:16px;align-items:end}
.campaign-urgency__head b{display:block;margin-top:4px;color:#fff;font-size:.92rem}
.campaign-urgency__head small{color:#cbd5e1;text-align:right}
.urgency-badge{display:inline-flex;padding:5px 8px;border-radius:999px;background:var(--orange);color:#111827;font-size:.66rem;font-weight:700;letter-spacing:.06em}
.countdown{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}
.countdown>div{padding:10px 8px;border-radius:12px;text-align:center;background:rgba(5,12,23,.46);border:1px solid rgba(255,255,255,.12)}
.countdown strong{display:block;color:#fff;font-size:1.4rem;line-height:1.05}
.countdown span{display:block;color:#9eacbd;font-size:.68rem;margin-top:4px}
.urgency-note{margin:9px 0 0;color:#98a7ba;font-size:.68rem}
.stock-meter{margin-top:12px}
.stock-meter__row{display:flex;justify-content:space-between;color:#d6e0ec;font-size:.78rem}
.stock-meter__track{height:7px;background:rgba(255,255,255,.13);border-radius:99px;margin-top:7px;overflow:hidden}
.stock-meter__track i{display:block;height:100%;width:0;background:var(--brand-gradient);border-radius:inherit}

.bank-legal-note{
  margin:16px 0 0;padding:11px 13px;border-radius:11px;background:#f2fff4;
  border:1px solid rgba(57,181,74,.25);color:#35543b;font-size:.82rem
}
.address-media{
  display:grid;grid-template-columns:.9fr 1.1fr;gap:28px;align-items:center;
  margin:28px 0;padding:18px;border:1px solid var(--line);border-radius:20px;background:#fff
}
.address-media img{width:100%;aspect-ratio:10/7;object-fit:cover;border-radius:14px}
.address-media h3{font-size:1.5rem;line-height:1.18;margin:.5rem 0}
.address-media p{color:#64748b}
.internal-link-box{
  margin-top:22px;display:flex;flex-wrap:wrap;gap:10px;align-items:center;
  padding:16px;border:1px solid var(--line);border-radius:14px;background:#fff
}
.internal-link-box b{margin-right:4px}
.internal-link-box a{padding:6px 9px;border-radius:999px;background:#f8fafc;border:1px solid var(--line);color:#475569;font-size:.82rem}
.internal-link-box a:hover{border-color:var(--green);color:var(--green2)}

@media(max-width:1100px){
  .media-split{grid-template-columns:1fr;gap:30px}
  .media-split--reverse .media-split__image,.media-split--reverse .media-split__content{order:initial}
  .address-media{grid-template-columns:1fr}
}
@media(max-width:760px){
  .breadcrumb{min-height:38px}
  .media-split__content h2{font-size:2.05rem}
  .campaign-urgency__head{display:block}
  .campaign-urgency__head small{display:block;text-align:left;margin-top:5px}
  .countdown strong{font-size:1.18rem}
  .address-media{padding:12px}
}


/* =========================
   V5 — CONVERSION / TONE
   ========================= */
.home-arrow{
  display:inline-flex;align-items:center;gap:6px;color:#475569;font-size:.8rem;
  font-weight:600;white-space:nowrap
}
.home-arrow span:first-child{font-size:1.05rem;color:var(--green2)}
.home-arrow:hover{color:var(--orange2)}

.calc-grid{grid-template-columns:repeat(3,1fr)!important;max-width:1050px}
.calc-note{margin:8px 0 0;color:#64748b;font-size:.82rem}
.calc-card--result{transform:translateY(-4px);border-top:4px solid var(--green)}
.calc-card--result strong{color:#fff}

.contact-band{
  padding:58px 0;background:
    radial-gradient(circle at 15% 15%,rgba(247,148,30,.10),transparent 25%),
    radial-gradient(circle at 85% 85%,rgba(57,181,74,.10),transparent 27%),
    #f8fafc;
  border-top:1px solid var(--line)
}
.contact-band__head{
  display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:24px
}
.contact-band__head span{font-size:.72rem;letter-spacing:.1em;color:var(--green2);font-weight:700}
.contact-band__head h2{margin:.35rem 0 0;font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.1}
.contact-band__head p{max-width:520px;color:#64748b;margin:0}
.contact-band__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.contact-chip{
  min-height:132px;padding:20px;border-radius:18px;background:#fff;border:1px solid var(--line);
  display:flex;flex-direction:column;justify-content:center;box-shadow:0 10px 28px rgba(15,23,42,.05);
  transition:.2s
}
.contact-chip:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(15,23,42,.08)}
.contact-chip small{font-size:.66rem;letter-spacing:.07em;color:#64748b}
.contact-chip strong{font-size:1.25rem;margin:4px 0;color:#0f172a}
.contact-chip span{font-size:.78rem;color:#64748b}
.contact-chip--main{border-top:4px solid var(--orange)}
.contact-chip--zalo{border-top:4px solid #0b8ff7}
.contact-chip--viettel{border-top:4px solid var(--green)}
.contact-chip--landline{border-top:4px solid #64748b}

.footer{padding:58px 0 100px}
.footer-enterprise__intro{max-width:920px;margin-bottom:34px}
.footer-enterprise__intro h2{font-size:1.55rem;margin:.7rem 0 .4rem;color:#fff}
.footer-enterprise__intro p{color:#aeb9c8;max-width:800px}
.footer-legal{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.footer-legal span{
  padding:7px 10px;border:1px solid rgba(255,255,255,.12);border-radius:999px;
  font-size:.78rem;color:#b8c4d2
}
.footer-legal strong{color:#fff;font-weight:600}
.footer-departments{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.footer-dept{
  border:1px solid rgba(255,255,255,.11);border-radius:17px;padding:20px;
  background:rgba(255,255,255,.035)
}
.footer-dept__icon{
  display:grid;place-items:center;width:34px;height:34px;border-radius:10px;
  background:rgba(57,181,74,.12);color:#77df84;font-size:.72rem;font-weight:700
}
.footer-dept:nth-child(odd) .footer-dept__icon{background:rgba(247,148,30,.12);color:#ffb65f}
.footer-dept h3{color:#fff;margin:12px 0 7px;font-size:1.05rem;font-weight:650}
.footer-dept p{font-size:.82rem;color:#9faebe;min-height:62px}
.footer-dept a{display:block;margin-top:6px;font-size:.86rem;color:#fff}
.footer-dept a:hover{color:#ffb65f}
.footer-bottom{
  margin-top:30px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);
  display:flex;gap:18px;align-items:center;flex-wrap:wrap;color:#8795a8;font-size:.78rem
}
.footer-bottom a{color:#dbe4ef}
.footer-bottom span{margin-left:auto}


.faq-list summary{
  font-weight:600!important;
  font-size:1rem!important;
  color:#243247;
}
.faq-list p{font-size:.94rem;line-height:1.7}
.faq-list details{padding:16px 0}
.faq-list summary::marker{color:var(--green2)}

@media(max-width:1100px){
  .home-arrow span:last-child{display:none}
  .contact-band__grid{grid-template-columns:1fr 1fr}
  .footer-departments{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  .contact-band{padding:44px 0}
  .contact-band__head{display:block}
  .contact-band__head p{margin-top:10px}
  .contact-band__grid{grid-template-columns:1fr 1fr}
  .contact-chip{min-height:112px;padding:16px}
  .footer-departments{grid-template-columns:1fr}
  .footer-dept p{min-height:0}
  .footer-bottom span{margin-left:0;width:100%}
  .mobile-cta{grid-template-columns:1fr auto auto auto!important}
}
@media(max-width:480px){
  .contact-band__grid{grid-template-columns:1fr}
  .mobile-cta{grid-template-columns:1fr auto auto!important}
  .mobile-cta a:nth-of-type(2){display:none}
}


/* ================================================================
   V6 — SMART MEDIA SYSTEM
   Thay ảnh bất kỳ tỷ lệ nào mà không làm vỡ layout.
   ================================================================ */

.smart-frame{
  --smart-radius:16px;
  --smart-bg:#eef2f6;
  --media-bg:none;
  position:relative;
  display:block;
  width:100%;
  height:100%;
  min-width:0;
  min-height:0;
  overflow:hidden;
  border-radius:var(--smart-radius);
  background:
    linear-gradient(135deg,rgba(247,148,30,.035),rgba(57,181,74,.04)),
    var(--smart-bg);
  isolation:isolate;
}
.smart-frame::before{
  content:"";
  position:absolute;
  inset:-18px;
  z-index:-2;
  background-image:var(--media-bg);
  background-position:center;
  background-size:cover;
  filter:blur(22px) saturate(.78);
  transform:scale(1.08);
  opacity:0;
}
.smart-frame::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:rgba(255,255,255,.16);
  opacity:0;
}
.smart-frame > img.smart-media{
  display:block;
  width:100%!important;
  height:100%!important;
  max-width:none;
  margin:0;
  object-position:center;
  object-fit:cover;
}
.smart-frame[data-position="top"] > img.smart-media{
  object-position:center top;
}

/* Product, document, QR: never crop information. */
.smart-frame[data-fit="contain"] > img.smart-media{
  object-fit:contain;
  padding:clamp(4px,.65vw,10px);
}
.smart-frame[data-fit="contain"]{
  background:linear-gradient(145deg,#fafbfc,#edf1f5);
}

/* Photo: normally full-bleed. */
.smart-frame[data-fit="adaptive"] > img.smart-media{
  object-fit:cover;
}

/* Very tall / very wide source: keep whole image and use a soft backdrop. */
.smart-frame.media-extreme::before,
.smart-frame.media-extreme::after{
  opacity:1;
}
.smart-frame.media-extreme > img.smart-media{
  object-fit:contain!important;
  padding:6px;
}
.smart-frame.media-portrait:not(.media-extreme) > img.smart-media{
  object-position:center 34%;
}

/* Stable visual ratios */
.visual-card .smart-frame{aspect-ratio:4/3;--smart-radius:20px}
.doc-card .smart-frame{aspect-ratio:3/4;--smart-radius:0}
.payment-qr .smart-frame{aspect-ratio:1/1;--smart-radius:22px}
.media-split__image .smart-frame{aspect-ratio:10/7;--smart-radius:17px}
.address-media .smart-frame{aspect-ratio:10/7;--smart-radius:14px}
.gallery-grid .smart-frame{--smart-radius:16px}

/* Existing legacy rules must not impose a second ratio on wrapped images. */
.visual-card .smart-frame img,
.doc-card .smart-frame img,
.payment-qr .smart-frame img,
.media-split__image .smart-frame img,
.address-media .smart-frame img,
.gallery-grid .smart-frame img{
  aspect-ratio:auto!important;
  border-radius:inherit!important;
}

/* Gallery grid with wrappers instead of direct img children */
.gallery-grid > .smart-frame:first-child{grid-row:1/3}
.gallery-grid > .smart-frame{width:100%;height:100%}

/* Documents: vertical invoices remain readable and aligned. */
.doc-card figcaption{
  display:grid;
  grid-template-columns:1fr auto;
  gap:4px 12px;
  align-items:center;
}
.doc-card figcaption b,
.doc-card figcaption span{grid-column:1}
.doc-view-btn{
  grid-column:2;
  grid-row:1/3;
  align-self:center;
  border:1px solid var(--line);
  background:#fff;
  color:#334155;
  border-radius:9px;
  padding:8px 11px;
  font-weight:600;
  cursor:pointer;
}
.doc-view-btn:hover{border-color:var(--green);color:var(--green2)}

.doc-dialog{
  width:min(980px,calc(100% - 28px));
  max-height:92vh;
  padding:0;
  border:0;
  border-radius:18px;
  box-shadow:0 35px 100px rgba(0,0,0,.30);
  overflow:hidden;
}
.doc-dialog::backdrop{background:rgba(4,10,20,.76);backdrop-filter:blur(4px)}
.doc-dialog__bar{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  padding:13px 16px;
  background:#fff;
  border-bottom:1px solid var(--line);
}
.doc-dialog__bar strong{font-size:.94rem;font-weight:600}
.doc-dialog__close{
  border:0;
  width:38px;
  height:38px;
  border-radius:50%;
  background:#f1f5f9;
  color:#334155;
  font-size:1.4rem;
  cursor:pointer;
}
.doc-dialog__body{
  max-height:calc(92vh - 64px);
  overflow:auto;
  background:#e9eef3;
  padding:18px;
}
.doc-dialog__body img{
  width:auto;
  max-width:100%;
  height:auto;
  margin:auto;
  background:#fff;
  box-shadow:0 10px 35px rgba(15,23,42,.14);
}


.faq-list summary{
  font-weight:540!important;
  font-size:.98rem!important;
  color:#2f3d50;
}

/* Contact is a service utility, not a credibility claim. */
.contact-band__head h2{font-weight:650}
.contact-chip strong{font-weight:650}

@media(max-width:1100px){
  .gallery-grid > .smart-frame:first-child{grid-row:1/3}
}
@media(max-width:760px){
  .visual-card .smart-frame{aspect-ratio:4/3}
  .media-split__image .smart-frame,
  .address-media .smart-frame{aspect-ratio:4/3}
  .gallery-grid > .smart-frame:first-child{grid-column:1/-1;grid-row:auto}
  .doc-card .smart-frame{aspect-ratio:3/4}
}
@media(max-width:480px){
  .gallery-grid .smart-frame{aspect-ratio:4/3}
  .gallery-grid > .smart-frame:first-child{grid-column:auto}
}


/* ================================================================
   V7 — BALANCED MEDIA / LIGHTBOX / STICKY CONVERSION
   Học cấu trúc từ landing page Final bán nhà, giữ nguyên content SEO V6.
   ================================================================ */

/* Header home is an in-page anchor, not an outbound back arrow. */
.home-arrow{display:none!important}
.home-anchor{
  width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;
  border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--navy);
  box-shadow:0 7px 20px rgba(15,23,42,.05);transition:.2s
}
.home-anchor:hover{border-color:rgba(57,181,74,.45);color:var(--green2);transform:translateY(-1px)}
.home-anchor svg,.footer-home svg,.back-home svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* Any two-column media section must visually occupy the same vertical rhythm as its content. */
.media-split{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:clamp(30px,4vw,52px);align-items:stretch
}
.media-split__image{min-height:520px;height:100%;padding:10px}
.media-split__content{align-self:center;min-width:0}
.media-collage{
  display:grid;grid-template-columns:minmax(0,1.7fr) minmax(150px,.75fr);
  grid-template-rows:1fr 1fr;gap:10px
}
.media-collage::before{z-index:3}
.media-collage > button{
  min-width:0;min-height:0;padding:0;border:0;background:transparent;border-radius:17px;
  overflow:hidden;cursor:zoom-in;position:relative
}
.media-collage__main{grid-row:1/3}
.media-collage > button::after,.gallery-item::after,.address-media__image::after{
  content:"Xem ảnh";position:absolute;right:10px;bottom:10px;padding:6px 9px;border-radius:999px;
  background:rgba(7,16,29,.78);color:#fff;font-size:.68rem;font-weight:700;letter-spacing:.02em;
  opacity:0;transform:translateY(4px);transition:.18s;pointer-events:none
}
.media-collage > button:hover::after,.media-collage > button:focus-visible::after,
.gallery-item:hover::after,.gallery-item:focus-visible::after,
.address-media__image:hover::after,.address-media__image:focus-visible::after{opacity:1;transform:none}
.media-collage .smart-frame{aspect-ratio:auto!important;height:100%}
.media-collage > button:hover img,.gallery-item:hover img,.address-media__image:hover img{transform:scale(1.025)}
.media-collage img,.gallery-item img,.address-media__image img{transition:transform .28s ease}

/* Gallery now uses semantic buttons and one shared lightbox. */
.gallery-grid > .gallery-item{
  min-width:0;min-height:0;width:100%;height:100%;padding:0;border:0;background:transparent;
  border-radius:16px;overflow:hidden;cursor:zoom-in;position:relative
}
.gallery-grid > .gallery-item:first-child{grid-row:1/3}
.gallery-grid .gallery-item .smart-frame{width:100%;height:100%}
.address-media__image{display:block;min-width:0;padding:0;border:0;background:transparent;border-radius:14px;overflow:hidden;cursor:zoom-in;position:relative}

/* Improved footer navigation. */
.footer-nav{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px;padding-top:24px;border-top:1px solid rgba(255,255,255,.10)}
.footer-nav a{padding:8px 11px;border:1px solid rgba(255,255,255,.10);border-radius:999px;color:#dbe4ef;font-size:.8rem;background:rgba(255,255,255,.025)}
.footer-nav a:hover{border-color:rgba(247,148,30,.38);color:#ffb65f}
.footer-bottom{margin-top:18px;padding-top:18px}
.footer-home{display:inline-flex;align-items:center;gap:8px}
.footer-home svg{width:18px;height:18px}

/* Desktop floating conversion dock. */
.desktop-dock{
  position:fixed;right:18px;bottom:92px;z-index:85;width:156px;display:grid;gap:8px;
  padding:9px;border:1px solid rgba(226,232,240,.95);border-radius:17px;background:rgba(255,255,255,.95);
  box-shadow:0 18px 55px rgba(15,23,42,.16);backdrop-filter:blur(12px)
}
.desktop-dock a{min-height:46px;padding:9px 11px;border-radius:11px;display:flex;flex-direction:column;justify-content:center;font-size:.76rem;font-weight:700;line-height:1.2;border:1px solid var(--line);background:#fff}
.desktop-dock a b{font-size:.8rem;margin-top:3px}
.desktop-dock__buy{background:#fff7ec!important;border-color:rgba(247,148,30,.35)!important}
.desktop-dock__quote{background:#f2fff4!important;border-color:rgba(57,181,74,.30)!important}
.desktop-dock__zalo{color:#0868b9}
.desktop-dock a:hover{transform:translateX(-2px)}

.back-home{
  position:fixed;right:24px;bottom:28px;z-index:90;width:48px;height:48px;display:grid;place-items:center;
  border:1px solid rgba(255,255,255,.16);border-radius:50%;background:#0b1220;color:#fff;
  box-shadow:0 14px 38px rgba(15,23,42,.25);cursor:pointer;opacity:0;visibility:hidden;transform:translateY(8px);
  transition:.2s
}
.back-home.visible{opacity:1;visibility:visible;transform:none}
.back-home:hover{background:var(--green2)}

/* Mobile conversion bar: all key actions remain visible, including 360px devices. */
@media(max-width:760px){
  body{padding-bottom:calc(82px + env(safe-area-inset-bottom))}
  .desktop-dock{display:none}
  .mobile-cta{
    grid-template-columns:1fr 1fr 1.22fr!important;gap:7px;
    padding:8px max(8px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))
  }
  .mobile-cta a{display:flex!important;min-width:0;min-height:50px;padding:5px 8px!important;border-radius:11px;text-align:center;flex-direction:column;gap:0;line-height:1.08}
  .mobile-cta a span{font-size:.82rem;line-height:1}
  .mobile-cta a b{font-size:.72rem}
  .mobile-cta a small{font-size:.62rem;color:#fff9;line-height:1.1}
  .mobile-cta__call{border:1px solid rgba(255,255,255,.20)!important}
  .mobile-cta__zalo{background:#0b8ff7;color:#fff}
  .mobile-cta__buy{background:var(--orange);color:#111827}
  .mobile-cta__buy small{color:#111827b8!important}
  .back-home{right:14px;bottom:calc(82px + env(safe-area-inset-bottom));width:46px;height:46px}
  .footer{padding-bottom:126px}
}
@media(max-width:480px){
  .mobile-cta{grid-template-columns:1fr 1fr 1.25fr!important}
  .mobile-cta a:nth-of-type(2){display:flex!important}
}

/* Balanced media collapses without leaving blank height. */
@media(max-width:1100px){
  .media-split{grid-template-columns:1fr;gap:28px;align-items:start}
  .media-split__image{min-height:0;height:auto;max-width:820px;width:100%;margin-inline:auto}
  .media-collage{min-height:520px}
}
@media(max-width:760px){
  .media-collage{min-height:0;grid-template-columns:1.35fr .8fr;grid-template-rows:150px 150px}
  .media-collage__main{grid-row:1/3}
  .media-collage > button::after,.gallery-item::after,.address-media__image::after{opacity:1;transform:none;font-size:.6rem;padding:5px 7px}
  .gallery-grid > .gallery-item:first-child{grid-column:1/-1;grid-row:auto}
  .footer-nav{gap:6px}
}
@media(max-width:480px){
  .media-collage{grid-template-columns:1fr 1fr;grid-template-rows:220px 125px}
  .media-collage__main{grid-column:1/-1;grid-row:auto}
  .media-collage__thumb{grid-row:2}
  .gallery-grid > .gallery-item,.gallery-grid > .gallery-item:first-child{height:auto;aspect-ratio:4/3}
}

/* LIGHTBOX — desktop zoom, touch pinch/drag/swipe on mobile. */
body.lightbox-open{overflow:hidden;touch-action:none}
.lightbox{position:fixed;inset:0;z-index:100000;width:100%;height:100vh;height:100dvh;display:none;overflow:hidden;color:#fff;overscroll-behavior:none;touch-action:none}
.lightbox.active{display:block}
.lightbox-backdrop{position:absolute;inset:0;background:rgba(5,10,18,.965);backdrop-filter:blur(12px)}
.lightbox-shell{position:absolute;inset:0;width:100%;height:100%;min-width:0;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden}
.lightbox-topbar{position:relative;z-index:5;min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:9px 16px;background:linear-gradient(to bottom,rgba(5,10,18,.92),rgba(5,10,18,.18))}
.lightbox-status{display:flex;align-items:center;gap:12px;color:rgba(255,255,255,.72);font-size:.76rem;font-weight:700}
.lightbox-tools{display:flex;align-items:center;gap:7px}
.lightbox-tools button{min-width:40px;height:40px;display:grid;place-items:center;padding:0 9px;border:1px solid rgba(255,255,255,.2);border-radius:11px;background:rgba(255,255,255,.09);color:#fff;font-size:1.05rem;font-weight:800;cursor:pointer}
.lightbox-tools button:hover{background:rgba(255,255,255,.17)}
.lightbox-tools #zoomReset{min-width:60px;font-size:.7rem}
.lightbox-tools .lightbox-close{margin-left:5px;background:rgba(185,28,28,.65);font-size:1.45rem}
.lightbox-viewport{position:relative;width:100%;min-width:0;min-height:0;overflow:hidden;touch-action:none;cursor:grab;user-select:none;overscroll-behavior:contain}
.lightbox-viewport.dragging{cursor:grabbing}
.lightbox-viewport img{position:absolute;top:50%;left:50%;width:auto;height:auto;max-width:calc(100% - 120px);max-height:calc(100% - 24px);object-fit:contain;border-radius:8px;box-shadow:0 20px 70px rgba(0,0,0,.36);transform:translate(-50%,-50%) translate3d(0,0,0) scale(1);transform-origin:center center;will-change:transform;pointer-events:none;opacity:0;transition:opacity 160ms ease}
.lightbox-viewport img.loaded{opacity:1}
.lightbox-loader{position:absolute;top:50%;left:50%;width:42px;height:42px;margin:-21px 0 0 -21px;border:3px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:v7spin 760ms linear infinite}
.lightbox-loader.hidden{display:none}@keyframes v7spin{to{transform:rotate(360deg)}}
.lightbox-arrow{position:absolute;top:50%;z-index:6;width:48px;height:58px;display:grid;place-items:center;transform:translateY(-50%);border:1px solid rgba(255,255,255,.18);border-radius:15px;background:rgba(7,16,29,.55);color:#fff;font-size:2rem;line-height:1;cursor:pointer;backdrop-filter:blur(8px)}
.lightbox-arrow:hover{background:rgba(35,143,51,.85)}
.lightbox-prev{left:16px}.lightbox-next{right:16px}
.lightbox-bottom{position:relative;z-index:5;padding:9px 16px 13px;background:linear-gradient(to top,rgba(5,10,18,.94),rgba(5,10,18,.32));text-align:center}
.lightbox-bottom p{margin:0}#lightboxCaption{min-height:22px;font-size:.82rem;font-weight:700}.lightbox-help{margin-top:2px!important;color:rgba(255,255,255,.56);font-size:.66rem}
.lightbox-thumbs{width:100%;max-width:860px;min-width:0;display:flex;justify-content:flex-start;gap:7px;margin:9px auto 0;padding:2px 1px 4px;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.28) transparent}
.lightbox-thumb{flex:0 0 62px;width:62px;height:48px;padding:0;overflow:hidden;border:2px solid transparent;border-radius:9px;background:#111827;opacity:.5;cursor:pointer}
.lightbox-thumb:hover,.lightbox-thumb.active{opacity:1}.lightbox-thumb.active{border-color:var(--orange);transform:translateY(-1px)}.lightbox-thumb img{width:100%;height:100%;object-fit:cover}
@media(max-width:700px){
  .lightbox-topbar{min-height:56px;padding:7px 9px}.lightbox-tools{gap:5px}.lightbox-tools button{min-width:36px;height:36px;border-radius:10px}.lightbox-tools #zoomReset{min-width:53px}.lightbox-status #lightboxZoom{display:none}
  .lightbox-arrow{width:38px;height:50px;font-size:1.65rem}.lightbox-prev{left:7px}.lightbox-next{right:7px}.lightbox-viewport img{max-width:calc(100% - 26px);max-height:calc(100% - 12px)}
  .lightbox-bottom{padding:7px 8px calc(9px + env(safe-area-inset-bottom))}.lightbox-help{display:none}.lightbox-thumb{flex-basis:54px;width:54px;height:42px}
}

/* V7.0.1 — desktop dock stays unobtrusive and only appears after the hero. */
.desktop-dock{
  left:50%;right:auto;bottom:18px;width:auto;max-width:calc(100vw - 150px);
  grid-template-columns:repeat(4,minmax(112px,1fr));gap:7px;
  transform:translate(-50%,10px);opacity:0;visibility:hidden;
  transition:opacity .2s ease,transform .2s ease,visibility .2s ease;
}
.desktop-dock.visible{opacity:1;visibility:visible;transform:translate(-50%,0)}
.desktop-dock a{min-width:112px;min-height:48px;padding:8px 12px;text-align:center;align-items:center}
.desktop-dock a:hover{transform:translateY(-1px)}
@media(max-width:1000px){.desktop-dock{display:none}}
/* Ensure real media always paints above the adaptive backdrop. */
.smart-frame > img.smart-media{position:relative;z-index:1}



/* Better title wrapping: no manual line breaks, avoid orphan-looking words. */
h1,h2,h3{text-wrap:pretty;overflow-wrap:normal;word-break:normal}
.section{padding:72px 0}
.section-head{max-width:820px;margin-bottom:32px}
.section-head.center{margin-bottom:34px}
.section-head h2,.legal-layout h2,.b2b-grid h2,.order-grid h2,.final-cta h2,
.media-split__content h2,.contact-band__head h2{
  font-size:clamp(1.95rem,3.25vw,2.85rem);line-height:1.08;letter-spacing:-.032em;
  max-width:22ch
}
.section-head.center h2{margin-inline:auto;max-width:24ch}
.section-head p{margin-top:0;max-width:720px}

/* Hero: shorter first screen and clearer buying decision. */
.hero{padding:58px 0 54px}
.hero__grid{grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr);gap:46px;align-items:center}
.hero h1{font-size:clamp(3rem,4.45vw,4.35rem);line-height:.98;max-width:720px;margin:.6rem 0 1rem}
.hero__lead{font-size:1.04rem;line-height:1.65;max-width:690px;margin-bottom:0}
.quick-facts{margin-top:18px}
.price-card{margin-top:20px}
.hero__actions{margin-top:16px}
.hero__proof{margin-top:18px}
.visual-card{transform:none}

/* New: direct sales-advisor answers. */
.sales-reply{background:#fff}
.sales-reply__head{margin-bottom:24px}
.sales-reply__head h2{max-width:20ch}
.sales-reply__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.sales-answer{
  min-width:0;border:1px solid var(--line);border-radius:18px;background:#fff;padding:22px;
  box-shadow:0 10px 30px rgba(15,23,42,.045);display:flex;flex-direction:column;align-items:flex-start
}
.sales-answer__q{display:block;color:#64748b;font-size:.77rem;font-weight:800;letter-spacing:.035em;margin-bottom:7px}
.sales-answer h3{margin:0 0 8px;font-size:1.2rem;line-height:1.2;letter-spacing:-.015em}
.sales-answer p{margin:0 0 12px;color:#526174;font-size:.94rem;line-height:1.58}
.sales-answer>a:not(.btn),.sales-answer__textlink{margin-top:auto;color:#c96b00;font-weight:800;font-size:.85rem;text-decoration:underline;text-underline-offset:3px}
.sales-answer--product{border-top:3px solid var(--orange)}
.sales-answer--price{border-top:3px solid var(--green)}
.sales-answer--price h3,.sales-answer--bank h3{font-size:1.55rem;color:#0f172a}
.sales-answer--bank{background:#f8fafc}
.sales-answer__warning{font-size:.79rem!important;color:#7c2d12!important;background:#fff7ed;border:1px solid #fed7aa;border-radius:10px;padding:9px 10px;width:100%}
.sales-answer__actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:auto}
.sales-answer__actions .sales-answer__textlink{margin-top:0}
.sales-reply__cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}

/* Compact trust data: high information density without tall cards. */
.trust-strip__grid>div{padding:17px 14px}

/* Two-column media must fill its row instead of producing dead white zones. */
.media-split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:38px;align-items:stretch}
.media-split__image{min-height:0!important;height:auto!important;align-self:stretch}
.media-split__content{align-self:center;padding-block:6px}
.media-collage{height:100%;min-height:420px}
.legal-layout,.b2b-grid,.payment-grid,.order-grid,.faq-layout{gap:38px;align-items:start}
.address-media{gap:24px;align-items:center}
.gallery-grid{grid-template-rows:220px 220px}

/* Reduce visual whitespace on laptop sizes. */
@media(min-width:761px) and (max-width:1280px){
  :root{--container:1100px}
  .section{padding:62px 0}
  .hero{padding:48px 0}
  .hero__grid{grid-template-columns:minmax(0,1fr) minmax(390px,.92fr);gap:34px}
  .hero h1{font-size:clamp(2.8rem,4.3vw,3.75rem)}
  .desktop-nav{gap:15px;font-size:.84rem}
  .nav{gap:16px}
  .media-split,.legal-layout,.b2b-grid,.payment-grid,.order-grid,.faq-layout{gap:30px}
  .media-collage{min-height:390px}
}

/* Mobile is the primary experience. */
@media(max-width:760px){
  html{scroll-padding-top:76px}
  section[id],div[id]{scroll-margin-top:76px}
  .container{width:min(100% - 28px,var(--container))}
  .topbar{font-size:.72rem}
  .topbar__inner{min-height:34px;justify-content:center;text-align:center}
  .topbar__right{display:none}
  .site-header .nav{height:64px;gap:10px}
  .home-anchor{width:38px;height:38px;flex:0 0 38px}
  .brand{min-width:0;flex:1}
  .brand img{height:36px;max-width:174px;object-fit:contain}
  .header-call{min-height:40px;padding:0 11px;font-size:.75rem;white-space:nowrap}
  .breadcrumb-wrap{display:none}

  .hero{padding:38px 0 36px}
  .hero__grid{grid-template-columns:1fr;gap:22px}
  .hero h1{font-size:clamp(2.25rem,10.3vw,2.8rem);line-height:1.01;letter-spacing:-.045em;margin:.5rem 0 .85rem;max-width:100%}
  .hero__lead{font-size:.98rem;line-height:1.58}
  .quick-facts{display:none}
  .price-card{margin-top:17px;padding:14px;gap:9px;border-radius:15px}
  .price-card__market{display:flex;align-items:center;justify-content:space-between;gap:10px}
  .price-card__market small{margin:0;font-size:.69rem}
  .price-card__market del{font-size:.88rem;white-space:nowrap}
  .price-card__main strong{font-size:2.3rem}
  .price-card__save{padding:9px 10px;font-size:.78rem}
  .hero__actions{grid-template-columns:1fr 1fr!important;gap:8px}
  .hero__actions .btn{min-height:50px;padding:0 10px;font-size:.82rem;text-align:center;line-height:1.2}
  .hero__proof,.updated{display:none}
  .visual-card{border-radius:19px;padding:8px}
  .visual-card img{border-radius:13px}
  .visual-card__label{left:16px;top:16px;font-size:.56rem;padding:6px 8px}
  .visual-note{font-size:.7rem;line-height:1.45;margin:8px 3px 0}

  .trust-strip__grid{grid-template-columns:1fr 1fr}
  .trust-strip__grid>div{padding:13px 9px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
  .trust-strip__grid>div:nth-child(2n){border-right:0}
  .trust-strip__grid>div:last-child{grid-column:1/-1;border-bottom:0;text-align:center}
  .trust-strip b{font-size:.66rem}.trust-strip span{font-size:.76rem}

  .section{padding:48px 0}
  .section-head,.section-head.center{margin-bottom:22px;max-width:100%;text-align:left}
  .section-head h2,.section-head.center h2,.legal-layout h2,.b2b-grid h2,.order-grid h2,.final-cta h2,
  .media-split__content h2,.contact-band__head h2{
    font-size:clamp(1.68rem,7.2vw,2.08rem);line-height:1.12;letter-spacing:-.028em;
    max-width:100%;margin:.38rem 0 .7rem;text-align:left
  }
  .section-head p,.lead{font-size:.95rem;line-height:1.58;max-width:100%}
  .kicker{font-size:.68rem;letter-spacing:.095em}

  .sales-reply{padding-top:44px}
  .sales-reply__grid{grid-template-columns:1fr;gap:10px}
  .sales-answer{padding:17px;border-radius:15px;box-shadow:none}
  .sales-answer__q{font-size:.7rem;margin-bottom:5px}
  .sales-answer h3{font-size:1.08rem;margin-bottom:7px}
  .sales-answer--price h3,.sales-answer--bank h3{font-size:1.4rem}
  .sales-answer p{font-size:.9rem;line-height:1.52;margin-bottom:9px}
  .sales-answer>a:not(.btn),.sales-answer__textlink{font-size:.79rem}
  .sales-answer__actions{width:100%;gap:9px}
  .sales-answer__actions .btn{flex:1;min-height:44px;padding:0 12px}
  .sales-reply__cta{display:grid;grid-template-columns:1fr;gap:8px;margin-top:14px}
  .sales-reply__cta .btn{width:100%;min-height:49px}

  .feature-grid,.audience-grid{gap:10px}
  .feature-card,.audience-card{padding:17px;border-radius:15px;box-shadow:none}
  .spec-table-wrap{margin-top:18px}
  .media-split{gap:20px}
  .media-split__image{order:1!important}
  .media-split__content{order:2!important;padding:0}
  .media-collage{min-height:0;height:auto}
  .legal-layout,.b2b-grid,.payment-grid,.order-grid,.faq-layout{gap:24px}
  .proof-points>div{padding:14px}
  .calc-grid{gap:10px!important}
  .calc-card{padding:17px;border-radius:15px;box-shadow:none}
  .doc-grid{gap:10px}
  .brand-facts{margin-bottom:14px}
  .gallery-grid{gap:8px}
  .address-media{gap:14px}
  .contact-band__grid{gap:8px}
}

@media(max-width:390px){
  .container{width:calc(100% - 24px)}
  .header-call{font-size:.69rem;padding:0 9px}
  .brand img{max-width:148px}
  .hero h1{font-size:2.22rem}
  .price-card__main strong{font-size:2.05rem}
  .hero__actions{grid-template-columns:1fr!important}
  .section{padding:44px 0}
  .section-head h2,.section-head.center h2,.legal-layout h2,.b2b-grid h2,.order-grid h2,.final-cta h2,.media-split__content h2,.contact-band__head h2{font-size:1.65rem}
}

/* V7.2.1 — direct answers are shown before secondary trust strip. */
.topbar__mobile{display:none}
.sales-reply__grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.bank-ready-note{margin:0 0 14px;padding:11px 12px;border:1px solid #fed7aa;border-radius:11px;background:#fff7ed;color:#7c2d12;font-size:.84rem;line-height:1.5}
@media(max-width:1000px) and (min-width:761px){.sales-reply__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
  .topbar__desktop{display:none}.topbar__mobile{display:inline}.topbar__right{display:none}
  .trust-strip{display:none}
  .sales-reply__grid{grid-template-columns:1fr}
}


body[data-version="8.0"] .section{padding:64px 0}
body[data-version="8.0"] .section-head{margin-bottom:28px}
body[data-version="8.0"] .hero{padding:48px 0 46px}
body[data-version="8.0"] .hero__grid{gap:38px;align-items:center}
body[data-version="8.0"] .hero h1{max-width:760px}
body[data-version="8.0"] .hero__lead{max-width:720px}
body[data-version="8.0"] .hero__soft-close{margin:15px 0 0;max-width:690px;color:#4b5b6f;font-size:.9rem;line-height:1.55}

/* Price no longer relies on an unsourced market-price anchor. */
body[data-version="8.0"] .price-card--v73{
  display:grid;grid-template-columns:minmax(0,1.05fr) minmax(210px,.95fr);gap:10px;
  padding:12px;background:#fff;border:1px solid var(--line);border-radius:18px
}
body[data-version="8.0"] .price-card--v73 .price-card__main{
  padding:15px 16px;border-radius:13px;background:#fff8ee;border:1px solid #fed7aa
}
body[data-version="8.0"] .price-card--v73 .price-card__main small{display:block;margin-bottom:4px;color:#8a4b08;font-weight:800;letter-spacing:.05em}
body[data-version="8.0"] .price-card--v73 .price-card__main strong{display:block;font-size:2.4rem;line-height:1;color:#111827;letter-spacing:-.04em}
body[data-version="8.0"] .price-card--v73 .price-card__main span{display:block;margin-top:7px;font-size:.8rem;color:#6b7280;font-weight:700}
body[data-version="8.0"] .price-card__trust{display:flex;flex-direction:column;justify-content:center;padding:14px 16px;border-radius:13px;background:#f4faf6;border:1px solid #ccebd3}
body[data-version="8.0"] .price-card__trust b{font-size:.85rem;color:#176d2d;margin-bottom:5px}
body[data-version="8.0"] .price-card__trust span{font-size:.82rem;line-height:1.48;color:#50605a}

/* Early pain-awareness block. */
.activation-story{background:linear-gradient(180deg,#fff 0%,#fbfcfe 100%)}
.activation-story__grid{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(390px,.97fr);gap:34px;align-items:start}
.activation-story__copy h2{font-size:clamp(2rem,3.25vw,2.95rem);line-height:1.07;letter-spacing:-.035em;max-width:21ch;margin:.45rem 0 .85rem}
.activation-story__copy .lead{max-width:720px}
.source-callout{margin-top:18px;padding:18px 20px;border-left:4px solid var(--green);border-radius:0 14px 14px 0;background:#f5fbf6}
.source-callout b{display:block;margin-bottom:6px;color:#174f28}
.source-callout p{margin:0 0 7px;color:#4f6155;font-size:.92rem;line-height:1.58}
.source-callout a{font-size:.82rem;font-weight:800;color:#176d2d;text-decoration:underline;text-underline-offset:3px}
.activation-story__actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.question-stack{display:grid;gap:10px}
.question-stack article{display:grid;grid-template-columns:46px 1fr;gap:13px;align-items:start;padding:17px 18px;border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:0 8px 26px rgba(15,23,42,.04)}
.question-stack article>span{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:#101827;color:#fff;font-size:.76rem;font-weight:800}
.question-stack b{display:block;margin:1px 0 4px;font-size:.98rem;color:#172033}
.question-stack p{margin:0;color:#5f6d7f;font-size:.87rem;line-height:1.5}

/* Buying-proof bridge. */
.sales-bridge{margin:16px 0;padding:13px 14px;border-radius:12px;background:#fff7ed;border:1px solid #fed7aa;color:#7c4215;font-size:.87rem;line-height:1.55}
.trust-choice{display:grid;gap:4px;margin:16px 0;padding:14px 15px;border-radius:12px;background:#f8fafc;border:1px solid var(--line)}
.trust-choice b{color:#0f172a}.trust-choice span{font-size:.87rem;line-height:1.5;color:#596779}

/* Offer/value section. */
.offer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.offer-grid article{position:relative;min-width:0;padding:20px;border:1px solid var(--line);border-radius:16px;background:#fff}
.offer-grid article>span{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#edf2f7;color:#334155;font-size:.72rem;font-weight:800;margin-bottom:16px}
.offer-grid small{display:block;color:#6b7280;font-size:.7rem;font-weight:800;letter-spacing:.08em;margin-bottom:5px}
.offer-grid strong{display:block;font-size:1.35rem;line-height:1.16;color:#111827;letter-spacing:-.02em}
.offer-grid p{margin:8px 0 0;color:#5d6b7c;font-size:.87rem;line-height:1.5}
.offer-grid__price{border-color:#f5bd7a!important;background:#fff9f1!important}
.offer-grid__price strong{font-size:2rem;color:#b85f00}
.offer-close{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-top:16px;padding:17px 18px;border-radius:15px;background:#111827;color:#e5e7eb}
.offer-close p{margin:0;max-width:690px;font-size:.9rem;line-height:1.55}
.offer-close>div{display:flex;gap:8px;flex:0 0 auto}

/* Legal context is authoritative but not fear-heavy. */
.legal-v73{background:#fff}
.legal-message{margin:18px 0;padding:17px 18px;border-radius:14px;background:#fff8ee;border:1px solid #f6d3a4}
.legal-message b{display:block;color:#7a430b;margin-bottom:5px}
.legal-message p{margin:0;color:#684f38;font-size:.9rem;line-height:1.58}
.legal-sources{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:15px}
.legal-sources a{display:grid;gap:4px;padding:13px 14px;border:1px solid var(--line);border-radius:12px;background:#fff;color:inherit}
.legal-sources b{font-size:.82rem;color:#102033}.legal-sources span{font-size:.78rem;line-height:1.45;color:#64748b}
.legal-sources a:hover{border-color:#9fd4aa}
.legal-disclaimer{margin:12px 0 0;color:#7a8795;font-size:.74rem;line-height:1.5}
.legal-panel__note{margin:13px 0;padding:11px 12px;border-radius:10px;background:#f8fafc;color:#526174;font-size:.82rem;line-height:1.5}

/* Choice close. */
.final-cta__inner--choice{align-items:center}
.final-cta__actions--3{display:grid;grid-template-columns:1fr;min-width:min(390px,100%)}
.final-cta__actions--3 .btn{width:100%}

/* Densify media rows. Let content define useful height instead of hard empty space. */
body[data-version="8.0"] .media-collage{min-height:360px}
body[data-version="8.0"] .media-split{gap:32px}
body[data-version="8.0"] .legal-layout,
body[data-version="8.0"] .b2b-grid,
body[data-version="8.0"] .payment-grid,
body[data-version="8.0"] .order-grid,
body[data-version="8.0"] .faq-layout{gap:32px}

@media(max-width:1100px){
  .activation-story__grid{grid-template-columns:1fr;gap:24px}
  .question-stack{grid-template-columns:1fr 1fr}
  .offer-close{align-items:flex-start;flex-direction:column}
}

@media(max-width:760px){
  body[data-version="8.0"] .hero{padding:30px 0 32px}
  body[data-version="8.0"] .hero__grid{gap:18px}
  body[data-version="8.0"] .hero h1{font-size:clamp(2.15rem,9.6vw,2.68rem);line-height:1.01;margin:.45rem 0 .72rem}
  body[data-version="8.0"] .hero__lead{font-size:.94rem;line-height:1.54}
  body[data-version="8.0"] .price-card--v73{grid-template-columns:1fr;padding:9px;margin-top:14px}
  body[data-version="8.0"] .price-card--v73 .price-card__main{padding:13px 14px}
  body[data-version="8.0"] .price-card--v73 .price-card__main strong{font-size:2.1rem}
  body[data-version="8.0"] .price-card__trust{padding:11px 13px}
  body[data-version="8.0"] .hero__actions{margin-top:12px}
  body[data-version="8.0"] .hero__proof{display:grid;gap:5px;margin-top:12px;padding:0;list-style:none}
  body[data-version="8.0"] .hero__proof li{font-size:.75rem;line-height:1.38;color:#556476;padding-left:18px;position:relative}
  body[data-version="8.0"] .hero__proof li::before{content:"✓";position:absolute;left:0;color:#18823b;font-weight:900}
  body[data-version="8.0"] .hero__soft-close{font-size:.77rem;line-height:1.45;margin-top:10px}
  body[data-version="8.0"] .updated{display:none}
  body[data-version="8.0"] .visual-note{margin-top:6px}

  body[data-version="8.0"] .section{padding:42px 0}
  body[data-version="8.0"] .section-head{margin-bottom:18px}
  .activation-story__grid{gap:20px}
  .activation-story__copy h2{font-size:clamp(1.68rem,7.2vw,2.04rem);max-width:100%;line-height:1.11;margin:.38rem 0 .65rem}
  .source-callout{padding:14px 15px;margin-top:14px}
  .source-callout p{font-size:.86rem}
  .activation-story__actions{display:grid;grid-template-columns:1fr;gap:8px;margin-top:14px}
  .question-stack{grid-template-columns:1fr;gap:8px}
  .question-stack article{grid-template-columns:39px 1fr;padding:14px;border-radius:13px;gap:10px;box-shadow:none}
  .question-stack article>span{width:35px;height:35px;font-size:.67rem}
  .question-stack b{font-size:.92rem}.question-stack p{font-size:.82rem}

  .offer-grid{grid-template-columns:1fr;gap:8px}
  .offer-grid article{padding:15px;border-radius:13px}
  .offer-grid article>span{width:28px;height:28px;margin-bottom:10px}
  .offer-grid strong{font-size:1.15rem}.offer-grid__price strong{font-size:1.72rem}
  .offer-close{margin-top:10px;padding:14px;gap:12px;border-radius:13px}
  .offer-close p{font-size:.84rem}.offer-close>div{display:grid;grid-template-columns:1fr;width:100%}

  .legal-message{padding:14px;margin:14px 0}.legal-message p{font-size:.84rem}
  .legal-sources{grid-template-columns:1fr;gap:7px}
  .legal-sources a{padding:11px 12px}
  .legal-panel__note{font-size:.79rem}

  body[data-version="8.0"] .media-collage{min-height:0}
  body[data-version="8.0"] .media-split{gap:17px}
  body[data-version="8.0"] .legal-layout,
  body[data-version="8.0"] .b2b-grid,
  body[data-version="8.0"] .payment-grid,
  body[data-version="8.0"] .order-grid,
  body[data-version="8.0"] .faq-layout{gap:20px}
  .final-cta__actions--3{min-width:0;width:100%}
}

@media(max-width:390px){
  body[data-version="8.0"] .hero h1{font-size:2.08rem}
  body[data-version="8.0"] .price-card--v73 .price-card__main strong{font-size:1.92rem}
  body[data-version="8.0"] .section{padding:38px 0}
}
@media(max-width:390px){
  body[data-version="8.0"] .hero__actions{grid-template-columns:1fr 1fr!important;gap:7px}
  body[data-version="8.0"] .hero__actions .btn{font-size:.74rem;min-height:50px;padding:0 8px}
}

/* ================================================================
   V7.3.1 — visual QA after 390px / 1440px render
   Keep desktop titles complete, top-align two-column hero and preserve
   readable sales proof on the dark hero background.
   ================================================================ */
@media (min-width:1101px){
  body[data-version="8.0"] .hero__grid{align-items:start;grid-template-columns:minmax(0,1.08fr) minmax(430px,.92fr);gap:34px}
  body[data-version="8.0"] .hero h1{font-size:clamp(3.15rem,3.75vw,3.65rem);line-height:1.01;max-width:720px;margin:.55rem 0 .9rem}
  body[data-version="8.0"] .hero h1 span{display:block}
  body[data-version="8.0"] .hero__visual{padding-top:8px}
}
body[data-version="8.0"] .hero__proof{color:#dce4ee}
body[data-version="8.0"] .hero__soft-close{color:#9fb0c4}
body[data-version="8.0"] .hero .updated{color:#8190a5}

@media (max-width:1100px){
  body[data-version="8.0"] .hero h1 span{display:block}
}
@media (max-width:760px){
  body[data-version="8.0"] .hero__proof li{color:#cbd6e5}
  body[data-version="8.0"] .hero__soft-close{color:#9fb0c4}
  body[data-version="8.0"] .hero .updated{color:#8190a5}
}

/* V7.3.2 — H1 is a product promise, price stays in kicker + price card. */
@media (min-width:1101px){
  body[data-version="8.0"] .hero h1{font-size:clamp(3rem,3.45vw,3.35rem);max-width:760px}
}

/* V7.3.3 — critical mobile fix: V7.2 late cascade reopened media-split to 2 columns. */
@media (max-width:1100px){
  body[data-version="8.0"] .media-split{grid-template-columns:1fr;align-items:start}
  body[data-version="8.0"] .media-split--reverse .media-split__image,
  body[data-version="8.0"] .media-split--reverse .media-split__content{order:initial}
}
@media (max-width:760px){
  body[data-version="8.0"] .media-split__content h2{font-size:clamp(1.68rem,7.2vw,2.04rem);line-height:1.11;max-width:100%}
}


/* V7.4 — high-intent opening + buyer-first Q&A */
body[data-version="8.0"] .hero{
  position:relative;
  padding:46px 0 48px;
  background:
    radial-gradient(circle at 82% 12%,rgba(57,181,74,.20),transparent 27%),
    radial-gradient(circle at 16% 18%,rgba(247,148,30,.24),transparent 29%),
    linear-gradient(135deg,#07101d 0%,#0d1b2c 55%,#0a1824 100%);
}
body[data-version="8.0"] .hero::before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.42;
  background:linear-gradient(115deg,transparent 0 40%,rgba(255,255,255,.045) 48%,transparent 56% 100%);
  background-size:220% 100%;animation:v74HeroSweep 8s ease-in-out infinite;
}
body[data-version="8.0"] .hero__grid{position:relative;z-index:1;gap:34px;align-items:center}
.hero-kicker-live{
  display:inline-flex;align-items:center;gap:9px;max-width:100%;
  padding:8px 12px;border:1px solid rgba(255,176,71,.38);border-radius:999px;
  background:rgba(247,148,30,.10);color:#ffd49e;font-size:.76rem;font-weight:900;
  letter-spacing:.085em;line-height:1.25;text-transform:uppercase;box-shadow:0 0 0 1px rgba(247,148,30,.03) inset;
}
.hero-kicker-live__dot{width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:#39b54a;box-shadow:0 0 0 0 rgba(57,181,74,.55);animation:v74DotPulse 1.8s ease-out infinite}
body[data-version="8.0"] .hero h1{margin:.72rem 0 .65rem;max-width:760px;font-size:clamp(3rem,4.75vw,4.6rem);line-height:.94;letter-spacing:-.055em}
body[data-version="8.0"] .hero h1 span{display:block;color:#fff}
body[data-version="8.0"] .hero h1 .hero-title-pre{font-size:.48em;line-height:1.08;letter-spacing:.055em;color:#f7d5a8;margin-bottom:.18em}
body[data-version="8.0"] .hero h1 .hero-title-product{font-size:1em;line-height:.93}
body[data-version="8.0"] .hero h1 em{
  display:block;margin-top:.10em;font-style:normal;font-size:.78em;line-height:.96;
  color:#ffad47;background:linear-gradient(90deg,#ff9d24 0%,#ffc069 48%,#72dc80 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;
}
.hero-deal-line{
  display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 14px;
  color:#f7fafc;font-size:clamp(.98rem,1.4vw,1.12rem);line-height:1.35;
}
.hero-deal-line strong:first-child{color:#ffd096}
.hero-deal-line strong:last-child{color:#a9efb3}
.hero-deal-line>span{color:#708197}
body[data-version="8.0"] .hero__lead{font-size:1rem;line-height:1.58;max-width:700px;color:#d5deea}
body[data-version="8.0"] .price-card--v74{
  display:grid;grid-template-columns:minmax(0,1.02fr) minmax(225px,.98fr);gap:9px;
  padding:10px;margin-top:17px;border:1px solid rgba(255,255,255,.20);border-radius:18px;
  background:rgba(255,255,255,.94);box-shadow:0 20px 50px rgba(0,0,0,.16)
}
body[data-version="8.0"] .price-card--v74 .price-card__main{padding:14px 15px;border-radius:13px;background:#fff7ed;border:1px solid #fdba74}
body[data-version="8.0"] .price-card--v74 .price-card__main small{display:block;margin:0 0 3px;color:#9a5108;font-size:.72rem;font-weight:900;letter-spacing:.08em}
body[data-version="8.0"] .price-card--v74 .price-card__main strong{display:block;color:#101827;font-size:2.4rem;line-height:1;letter-spacing:-.045em}
body[data-version="8.0"] .price-card--v74 .price-card__main span{display:block;margin-top:7px;color:#677386;font-size:.78rem;font-weight:750}
body[data-version="8.0"] .price-card--v74 .price-card__trust{justify-content:center;padding:13px 15px;border-radius:13px;background:#f1fbf3;border:1px solid #bfe8c7}
body[data-version="8.0"] .price-card--v74 .price-card__trust b{color:#18702f;font-size:.73rem;letter-spacing:.07em}
body[data-version="8.0"] .price-card--v74 .price-card__trust span{color:#486153;font-size:.82rem;line-height:1.48}
body[data-version="8.0"] .hero__actions{margin-top:13px}
body[data-version="8.0"] .hero__actions .btn{position:relative;overflow:hidden}
body[data-version="8.0"] .hero__actions .btn--primary::after{
  content:"";position:absolute;top:-20%;left:-36%;width:25%;height:140%;transform:skewX(-20deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.42),transparent);animation:v74ButtonSweep 4.6s ease-in-out infinite;
}
body[data-version="8.0"] .hero__proof{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px 12px;margin-top:14px}
body[data-version="8.0"] .hero__proof li{font-size:.78rem;line-height:1.4;color:#d8e2ed}
body[data-version="8.0"] .hero__soft-close{margin-top:11px;color:#aebbc9;font-size:.79rem}
body[data-version="8.0"] .visual-card{transform:none;box-shadow:0 26px 78px rgba(0,0,0,.32)}

.faq-focus{position:relative;background:linear-gradient(180deg,#fff 0%,#f7f9fc 100%)}
.faq-focus__head{max-width:920px;margin-bottom:22px}
.faq-focus__head .kicker{display:inline-flex;padding:7px 10px;border-radius:999px;background:#fff2df;border:1px solid #ffd09a;font-weight:900;letter-spacing:.09em}
.faq-focus__head h2{max-width:20ch;font-size:clamp(2.15rem,3.6vw,3.25rem);line-height:1.02;margin:.62rem 0 0}
.faq-list--sales{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:start}
.faq-list--sales .faq-item{
  position:relative;overflow:hidden;padding:0;border:1px solid #dfe5ec!important;border-radius:15px;background:#fff;
  box-shadow:0 8px 24px rgba(15,23,42,.04);transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease,background .2s ease;
}
.faq-list--sales .faq-item::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#cbd5e1;transition:width .2s ease,background .2s ease}
.faq-list--sales .faq-item:hover{transform:translateY(-1px);border-color:#cdd6e0!important;box-shadow:0 12px 30px rgba(15,23,42,.07)}
.faq-list--sales .faq-item[open]{border-color:#f5bd7a!important;background:#fffdf9;box-shadow:0 14px 34px rgba(247,148,30,.09)}
.faq-list--sales .faq-item[open]::before{width:5px;background:linear-gradient(180deg,#f7941e,#39b54a)}
.faq-list--sales .faq-item--focus{border-color:#f0c994!important}
.faq-list--sales .faq-item--focus:not([open]){animation:v74FaqFocus 4.4s ease-in-out infinite}
.faq-list--sales summary{
  list-style:none;display:grid;grid-template-columns:auto 1fr 20px;align-items:center;gap:10px;
  min-height:72px;padding:14px 16px 14px 18px;cursor:pointer;color:#152033!important;font-size:1rem!important;font-weight:800!important;line-height:1.35;
}
.faq-list--sales summary::-webkit-details-marker{display:none}
.faq-list--sales summary::after{content:"+";display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#f1f5f9;color:#334155;font-size:1rem;line-height:1;transition:transform .22s ease,background .22s ease,color .22s ease}
.faq-list--sales details[open] summary::after{transform:rotate(45deg);background:#172033;color:#fff}
.faq-tag{display:inline-flex;align-items:center;justify-content:center;min-width:82px;padding:6px 8px;border-radius:999px;background:#eef2f6;color:#455468;font-size:.64rem;font-weight:900;letter-spacing:.055em;white-space:nowrap}
.faq-tag--orange{background:#fff0dc;color:#a65706}
.faq-tag--green{background:#eaf8ed;color:#1d7431}
.faq-tag--blue{background:#eaf3ff;color:#235c9a}
.faq-tag--red{background:#fff0f0;color:#a43d3d}
.faq-question{min-width:0}
.faq-answer{padding:0 18px 16px 110px;border-top:1px solid #eef1f5}
.faq-answer p{margin:12px 0 8px;color:#526174;font-size:.91rem;line-height:1.62}
.faq-answer>a{display:inline-flex;color:#b85f00;font-size:.82rem;font-weight:850;text-decoration:underline;text-underline-offset:3px}
.faq-focus__close{display:flex;align-items:center;gap:16px;margin-top:15px;padding:15px 16px;border-radius:15px;background:#101827;color:#e5edf6}
.faq-focus__close strong{color:#fff}.faq-focus__close>span{font-size:.84rem;color:#aebaca}.faq-focus__close>div{display:flex;gap:8px;margin-left:auto}

@keyframes v74DotPulse{0%{box-shadow:0 0 0 0 rgba(57,181,74,.55)}70%{box-shadow:0 0 0 9px rgba(57,181,74,0)}100%{box-shadow:0 0 0 0 rgba(57,181,74,0)}}
@keyframes v74HeroSweep{0%,70%,100%{background-position:180% 0}40%{background-position:-20% 0}}
@keyframes v74ButtonSweep{0%,68%,100%{left:-36%;opacity:0}72%{opacity:1}88%{left:125%;opacity:0}}
@keyframes v74FaqFocus{0%,100%{box-shadow:0 8px 24px rgba(15,23,42,.04)}50%{box-shadow:0 9px 27px rgba(247,148,30,.13)}}

@media(max-width:1000px){
  .faq-list--sales{grid-template-columns:1fr}
  .faq-focus__head h2{max-width:24ch}
}
@media(max-width:760px){
  body[data-version="8.0"] .hero{padding:24px 0 27px}
  body[data-version="8.0"] .hero__grid{gap:15px}
  .hero-kicker-live{width:100%;border-radius:12px;padding:8px 10px;font-size:.66rem;letter-spacing:.058em}
  body[data-version="8.0"] .hero h1{font-size:clamp(2.25rem,10.2vw,2.85rem);line-height:.94;margin:.58rem 0 .52rem}
  .hero-deal-line{display:grid;grid-template-columns:1fr;gap:2px;margin-bottom:10px;font-size:.9rem}
  .hero-deal-line>span{display:none}
  body[data-version="8.0"] .hero__lead{font-size:.88rem;line-height:1.5}
  body[data-version="8.0"] .price-card--v74{grid-template-columns:1fr;padding:8px;margin-top:12px}
  body[data-version="8.0"] .price-card--v74 .price-card__main{padding:12px 13px}
  body[data-version="8.0"] .price-card--v74 .price-card__main strong{font-size:2.02rem}
  body[data-version="8.0"] .price-card--v74 .price-card__trust{padding:10px 12px}
  body[data-version="8.0"] .hero__actions{grid-template-columns:1fr 1fr!important;gap:7px;margin-top:9px}
  body[data-version="8.0"] .hero__actions .btn{min-height:50px;padding:0 9px;font-size:.75rem;line-height:1.22;text-align:center}
  body[data-version="8.0"] .hero__proof{grid-template-columns:1fr;gap:4px;margin-top:9px}
  body[data-version="8.0"] .hero__proof li{font-size:.71rem;padding-left:17px}
  body[data-version="8.0"] .hero__soft-close{font-size:.72rem;line-height:1.4;margin-top:8px}
  .faq-focus__head{margin-bottom:14px}
  .faq-focus__head .kicker{font-size:.65rem;padding:6px 9px;letter-spacing:.065em}
  .faq-focus__head h2{font-size:clamp(1.82rem,8vw,2.22rem);line-height:1.06;max-width:100%;margin-top:.5rem}
  .faq-list--sales{gap:8px}
  .faq-list--sales summary{grid-template-columns:1fr 22px;gap:8px;min-height:0;padding:13px 14px 13px 16px;font-size:.94rem!important;line-height:1.32}
  .faq-tag{grid-column:1;justify-self:start;min-width:0;margin-bottom:1px;padding:5px 7px;font-size:.58rem}
  .faq-question{grid-column:1;display:block}
  .faq-list--sales summary::after{grid-column:2;grid-row:1/3;align-self:center}
  .faq-answer{padding:0 14px 14px 16px}
  .faq-answer p{font-size:.85rem;line-height:1.55;margin:10px 0 7px}
  .faq-answer>a{font-size:.78rem}
  .faq-focus__close{display:grid;grid-template-columns:1fr;gap:5px;margin-top:10px;padding:13px}
  .faq-focus__close>div{display:grid;grid-template-columns:1fr 1fr;gap:7px;width:100%;margin:6px 0 0}
  .faq-focus__close .btn{min-height:48px;padding-inline:10px;font-size:.8rem}
}
@media(max-width:390px){
  body[data-version="8.0"] .hero h1{font-size:2.2rem}
  .hero-kicker-live{font-size:.62rem}
  body[data-version="8.0"] .price-card--v74 .price-card__main strong{font-size:1.88rem}
}
@media(prefers-reduced-motion:reduce){
  .hero-kicker-live__dot,body[data-version="8.0"] .hero::before,body[data-version="8.0"] .hero__actions .btn--primary::after,.faq-list--sales .faq-item--focus:not([open]){animation:none!important}
}


/* V7.5 — sales pressure without visual shouting; balanced two-column composition. */
body[data-version="8.0"]{
  font-weight:400;
}
body[data-version="8.0"] h1{font-weight:650}
body[data-version="8.0"] h2{font-weight:600}
body[data-version="8.0"] h3,
body[data-version="8.0"] h4{font-weight:600}
body[data-version="8.0"] strong,
body[data-version="8.0"] b{font-weight:600}
body[data-version="8.0"] .btn{font-weight:650}
body[data-version="8.0"] .kicker,
body[data-version="8.0"] .hero-kicker-live,
body[data-version="8.0"] .legal-panel__title,
body[data-version="8.0"] .lead-form__head span{font-weight:600}
body[data-version="8.0"] label span{font-weight:600}
body[data-version="8.0"] .hero h1 .hero-title-pre{font-weight:580}
body[data-version="8.0"] .hero h1 .hero-title-product{font-weight:650}
body[data-version="8.0"] .hero h1 em{font-weight:600}
body[data-version="8.0"] .hero-deal-line strong{font-weight:600}
body[data-version="8.0"] .price-card--v74 .price-card__main small,
body[data-version="8.0"] .price-card--v74 .price-card__main span{font-weight:600}
body[data-version="8.0"] .price-card--v74 .price-card__main strong{font-weight:650}
body[data-version="8.0"] .price-card--v74 .price-card__trust b{font-weight:600}
body[data-version="8.0"] .faq-list--sales summary{font-weight:600!important}
body[data-version="8.0"] .faq-tag{font-weight:600}
body[data-version="8.0"] .faq-answer>a{font-weight:600}
body[data-version="8.0"] .b2b-steps span,
body[data-version="8.0"] .b2b-steps b{font-weight:600}

/* Hero headline remains loud through scale/contrast, not excessive weight. */
body[data-version="8.0"] .hero h1{
  max-width:820px;
  font-size:clamp(3rem,4.55vw,4.45rem);
  line-height:.96;
  letter-spacing:-.047em;
}
body[data-version="8.0"] .hero h1 .hero-title-pre{
  font-size:.46em;
  letter-spacing:.045em;
  color:#f2cf9f;
}
body[data-version="8.0"] .hero h1 .hero-title-product{font-size:.94em}
body[data-version="8.0"] .hero h1 em{font-size:.66em;letter-spacing:-.025em}
body[data-version="8.0"] .hero-deal-line{
  padding:9px 0 2px;
  font-size:clamp(.96rem,1.25vw,1.08rem);
}

/* Product section: use available desktop width before wrapping. */
body[data-version="8.0"] .intent-section .section-head{max-width:1040px}
body[data-version="8.0"] .intent-section .section-head h2{
  max-width:none;
  width:100%;
}
@media(min-width:1101px){
  body[data-version="8.0"] .intent-section .section-head h2{white-space:nowrap;font-size:clamp(2.25rem,3vw,2.75rem)}
}

/* Legal section: proof on the right, never an empty decorative column. */
body[data-version="8.0"] .legal-layout{grid-template-columns:minmax(0,1.06fr) minmax(420px,.94fr);align-items:stretch;gap:34px}
body[data-version="8.0"] .legal-layout>div:first-child{min-width:0;align-self:center}
body[data-version="8.0"] .legal-layout h2{max-width:none}
body[data-version="8.0"] .legal-panel--proof{
  padding:10px;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  min-height:100%;
  border-top:0;
  background:linear-gradient(150deg,#0b1220,#132239);
}
.legal-proof-media{
  position:relative;
  min-height:230px;
  border-radius:18px;
  overflow:hidden;
  background:#08111f;
  border:1px solid rgba(255,255,255,.09);
}
.legal-proof-media .smart-frame{height:100%;min-height:230px;aspect-ratio:16/10;--smart-radius:18px}
.legal-proof-media .smart-frame img{width:100%;height:100%;object-fit:contain}
.legal-proof-media__badge{
  position:absolute;
  left:12px;
  bottom:12px;
  max-width:calc(100% - 24px);
  padding:7px 10px;
  border-radius:999px;
  background:rgba(7,16,29,.84);
  border:1px solid rgba(255,255,255,.14);
  color:#ffd7a6;
  font-size:.68rem;
  font-weight:600;
  letter-spacing:.045em;
  backdrop-filter:blur(8px);
}
.legal-panel__body{padding:18px 18px 16px}
.legal-panel__body h3{margin:7px 0 12px;color:#fff;font-size:1.36rem;line-height:1.25}
body[data-version="8.0"] .legal-panel .check-list{display:grid;grid-template-columns:1fr 1fr;gap:7px 12px;margin:15px 0}
body[data-version="8.0"] .legal-panel .check-list li{margin:0;font-size:.85rem;line-height:1.42;padding-left:21px}
body[data-version="8.0"] .legal-panel__note{margin:14px 0;background:rgba(255,255,255,.07);color:#cbd6e4;border:1px solid rgba(255,255,255,.08)}
body[data-version="8.0"] .legal-message{margin:16px 0}
body[data-version="8.0"] .legal-layers{margin-top:16px}

/* B2B: fill the left column with sales value, not empty background. */
body[data-version="8.0"] .b2b-grid{grid-template-columns:minmax(0,1fr) minmax(460px,.94fr);align-items:stretch;gap:34px}
body[data-version="8.0"] .b2b-grid>div:first-child{display:flex;flex-direction:column;min-width:0}
body[data-version="8.0"] .b2b-grid h2{max-width:none}
body[data-version="8.0"] .b2b-steps{margin-top:20px;gap:4px}
body[data-version="8.0"] .b2b-steps>div{grid-template-columns:42px 145px 1fr;padding:10px 0}
.b2b-assurance{
  margin-top:18px;
  padding:18px 20px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:18px;
  background:linear-gradient(135deg,rgba(255,255,255,.065),rgba(255,255,255,.025));
}
.b2b-assurance>span{display:block;color:#f6bd78;font-size:.7rem;font-weight:600;letter-spacing:.08em;margin-bottom:6px}
.b2b-assurance h3{margin:0 0 8px;color:#fff;font-size:1.28rem;line-height:1.26}
.b2b-assurance p{margin:0;color:#c7d2df;font-size:.9rem;line-height:1.55}
.b2b-assurance ul{display:grid;grid-template-columns:1fr;gap:6px;list-style:none;padding:0;margin:13px 0}
.b2b-assurance li{position:relative;padding-left:20px;color:#e0e8f1;font-size:.84rem}
.b2b-assurance li::before{content:"✓";position:absolute;left:0;color:#75da82}
.b2b-assurance a{display:inline-flex;color:#ffc47d;font-size:.84rem;font-weight:600;text-decoration:underline;text-underline-offset:3px}
body[data-version="8.0"] .lead-form{height:100%;align-self:stretch}

/* Reduce excessive heavy labels/cards across the page. */
body[data-version="8.0"] .legal-layers b,
body[data-version="8.0"] .trust-strip b,
body[data-version="8.0"] .feature-card h3,
body[data-version="8.0"] .audience-card h3,
body[data-version="8.0"] .doc-card b,
body[data-version="8.0"] .bank-card b{font-weight:600}
body[data-version="8.0"] .legal-layers span{font-weight:500}

@media(max-width:1100px){
  body[data-version="8.0"] .legal-layout,
  body[data-version="8.0"] .b2b-grid{grid-template-columns:1fr;align-items:start}
  body[data-version="8.0"] .legal-panel--proof{max-width:820px;width:100%;margin-inline:auto}
  body[data-version="8.0"] .lead-form{height:auto}
}
@media(max-width:760px){
  body[data-version="8.0"] .hero h1{font-size:clamp(2.18rem,9.8vw,2.72rem);line-height:.97;letter-spacing:-.042em}
  body[data-version="8.0"] .hero h1 .hero-title-pre{font-size:.48em;line-height:1.12}
  body[data-version="8.0"] .hero h1 .hero-title-product{font-size:.92em;line-height:1}
  body[data-version="8.0"] .hero h1 em{font-size:.62em;line-height:1.08;margin-top:.14em}
  body[data-version="8.0"] .hero-deal-line{font-size:.88rem;line-height:1.4}
  body[data-version="8.0"] .legal-panel .check-list{grid-template-columns:1fr;gap:8px}
  .legal-proof-media,.legal-proof-media .smart-frame{min-height:190px}
  .legal-panel__body{padding:15px 13px 14px}
  .b2b-assurance{padding:16px;margin-top:14px}
  body[data-version="8.0"] .b2b-steps>div{grid-template-columns:38px 1fr}
  body[data-version="8.0"] .b2b-steps p{grid-column:2}
  body[data-version="8.0"] .faq-list--sales summary{font-size:.92rem!important}
}


/* =========================
   V7.6 — GENUINE ECOMMERCE COUNTDOWN
   One absolute deadline, synced across hero + desktop dock + mobile sticky.
   ========================= */
body[data-version="8.0"] .hero-deal-line__deadline{color:#ffd46f}
body[data-version="8.0"] .campaign-urgency--hero{
  position:relative;overflow:hidden;margin-top:12px;padding:14px;
  border-color:rgba(255,170,52,.52);
  background:linear-gradient(110deg,rgba(247,148,30,.18),rgba(57,181,74,.10)),rgba(8,18,31,.72);
  box-shadow:0 16px 38px rgba(0,0,0,.18),inset 0 0 0 1px rgba(255,255,255,.03)
}
body[data-version="8.0"] .campaign-urgency--hero::after{
  content:"";position:absolute;inset:-80% auto -80% -30%;width:24%;transform:skewX(-18deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);
  animation:v76TimerSweep 5.4s ease-in-out infinite;pointer-events:none
}
body[data-version="8.0"] .campaign-urgency__head{position:relative;z-index:1;align-items:center}
body[data-version="8.0"] .campaign-urgency__head b{font-size:.88rem;font-weight:620;color:#f8fafc}
body[data-version="8.0"] .campaign-urgency__head small{font-size:.72rem;color:#bac7d5}
body[data-version="8.0"] .urgency-badge{
  background:#ff981b;color:#111827;font-weight:650;box-shadow:0 0 0 5px rgba(247,148,30,.10)
}
body[data-version="8.0"] .countdown{position:relative;z-index:1;gap:7px;margin-top:10px}
body[data-version="8.0"] .countdown>div{
  padding:9px 6px;border-color:rgba(255,255,255,.15);background:rgba(3,9,18,.60)
}
body[data-version="8.0"] .countdown strong{
  font-variant-numeric:tabular-nums;font-size:1.3rem;font-weight:620;letter-spacing:.02em
}
body[data-version="8.0"] .countdown span{font-size:.60rem;font-weight:600;letter-spacing:.08em}
body[data-version="8.0"] .urgency-note{
  position:relative;z-index:1;margin-top:8px;color:#aebccd;line-height:1.45;font-size:.69rem
}
body[data-version="8.0"] .desktop-dock{
  grid-template-columns:auto repeat(4,auto);gap:7px;align-items:stretch
}
.desktop-dock__timer{
  min-width:146px;min-height:48px;padding:7px 11px;border-radius:11px;display:flex;
  flex-direction:column;justify-content:center;background:#111827;
  border:1px solid rgba(247,148,30,.50);box-shadow:0 8px 24px rgba(15,23,42,.13)
}
.desktop-dock__timer[hidden]{display:none!important}
.desktop-dock__timer span{
  color:#f3c98f;font-size:.60rem;font-weight:600;line-height:1.1;white-space:nowrap
}
.desktop-dock__timer b{
  margin-top:3px;color:#fff;font-size:.88rem;font-weight:650;
  font-variant-numeric:tabular-nums;letter-spacing:.02em
}
.mobile-promo-countdown{display:none}
@media(max-width:1000px){
  .mobile-promo-countdown{
    position:fixed;z-index:83;left:10px;right:10px;bottom:calc(68px + env(safe-area-inset-bottom));
    min-height:34px;padding:5px 7px 5px 10px;border-radius:12px;display:grid;
    grid-template-columns:auto 1fr auto;align-items:center;gap:7px;background:rgba(11,19,31,.97);
    color:#fff;border:1px solid rgba(247,148,30,.58);box-shadow:0 10px 34px rgba(0,0,0,.24);
    backdrop-filter:blur(12px)
  }
  .mobile-promo-countdown[hidden]{display:none!important}
  .mobile-promo-countdown span{color:#f5c989;font-size:.63rem;font-weight:600;white-space:nowrap}
  .mobile-promo-countdown b{
    min-width:0;color:#fff;font-size:.79rem;font-weight:650;font-variant-numeric:tabular-nums;
    text-align:center;white-space:nowrap
  }
  .mobile-promo-countdown a{
    padding:5px 8px;border-radius:8px;background:#ff981b;color:#111827;
    font-size:.63rem;font-weight:650;white-space:nowrap
  }
  body{padding-bottom:calc(116px + env(safe-area-inset-bottom))}
  .back-home{bottom:calc(116px + env(safe-area-inset-bottom))!important}
}
@media(max-width:760px){
  body[data-version="8.0"] .campaign-urgency--hero{margin-top:10px;padding:11px;border-radius:14px}
  body[data-version="8.0"] .campaign-urgency__head{display:grid;gap:4px}
  body[data-version="8.0"] .campaign-urgency__head b{font-size:.78rem;line-height:1.35}
  body[data-version="8.0"] .campaign-urgency__head small{margin:0;font-size:.64rem}
  body[data-version="8.0"] .urgency-badge{
    width:max-content;max-width:100%;padding:5px 7px;font-size:.58rem;letter-spacing:.045em
  }
  body[data-version="8.0"] .countdown{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}
  body[data-version="8.0"] .countdown>div{min-width:0;padding:7px 3px;border-radius:9px}
  body[data-version="8.0"] .countdown strong{font-size:1.04rem}
  body[data-version="8.0"] .countdown span{font-size:.52rem}
  body[data-version="8.0"] .urgency-note{font-size:.64rem}
}
@media(max-width:370px){
  .mobile-promo-countdown{left:6px;right:6px;grid-template-columns:auto 1fr auto;gap:4px;padding-left:7px}
  .mobile-promo-countdown span{font-size:.56rem}
  .mobile-promo-countdown b{font-size:.70rem}
  .mobile-promo-countdown a{font-size:.57rem;padding:5px 6px}
}
body.campaign-expired .campaign-urgency--hero{
  border-color:rgba(148,163,184,.38);background:rgba(15,23,42,.82)
}
body.campaign-expired .campaign-urgency--hero::after{display:none}
body.campaign-expired .urgency-badge{background:#cbd5e1;color:#334155;box-shadow:none}
body.campaign-expired .desktop-dock__timer,
body.campaign-expired .mobile-promo-countdown{border-color:rgba(148,163,184,.42)}
@keyframes v76TimerSweep{
  0%,70%,100%{left:-30%;opacity:0}
  78%{opacity:1}
  95%{left:120%;opacity:0}
}
@media(prefers-reduced-motion:reduce){
  body[data-version="8.0"] .campaign-urgency--hero::after{animation:none!important}
}

/* =========================
   V7.7 — PRODUCT DETAIL HERO
   Ecommerce-first: product gallery + buy box + high-focus real countdown.
   ========================= */
body[data-version="8.0"] .hero-product-v77{
  padding:26px 0 44px;
  background:
    radial-gradient(circle at 88% 12%,rgba(57,181,74,.17),transparent 30%),
    radial-gradient(circle at 10% 4%,rgba(247,148,30,.20),transparent 27%),
    linear-gradient(145deg,#07101d 0%,#0b1929 54%,#0b1824 100%);
}
body[data-version="8.0"] .hero-product-v77::before{opacity:.24}

.hero-commerce-banner{
  display:grid;
  grid-template-columns:auto 1fr;
  column-gap:18px;
  row-gap:5px;
  align-items:center;
  padding:14px 18px;
  border:1px solid rgba(255,170,66,.55);
  border-radius:18px;
  background:linear-gradient(100deg,rgba(247,148,30,.18),rgba(247,148,30,.07) 48%,rgba(57,181,74,.10));
  box-shadow:0 16px 44px rgba(0,0,0,.16),inset 0 0 0 1px rgba(255,255,255,.025);
}
.hero-commerce-banner__status{
  grid-row:1 / span 2;
  display:flex;align-items:center;gap:8px;
  padding:8px 10px;border-radius:11px;
  background:#ff9b22;color:#111827;
  font-size:.66rem;font-weight:650;letter-spacing:.075em;white-space:nowrap;
}
.hero-commerce-banner__status span{
  width:8px;height:8px;border-radius:50%;background:#1f9d45;
  box-shadow:0 0 0 5px rgba(31,157,69,.14);
}
.hero-commerce-banner>strong{
  color:#fff;font-size:clamp(1.05rem,1.6vw,1.45rem);font-weight:650;line-height:1.18;letter-spacing:.01em;
}
.hero-commerce-banner__benefit{
  display:flex;gap:9px;align-items:center;flex-wrap:wrap;color:#d7e1ec;font-size:.84rem;
}
.hero-commerce-banner__benefit b{font-weight:600;color:#ffd099}
.hero-commerce-banner__benefit b:last-child{color:#a9eeb2}
.hero-commerce-banner__benefit span{color:#71849a}

.hero-product-head{
  display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px;align-items:end;
  padding:22px 2px 16px;
}
.product-eyebrow{color:#ffbd6c;font-size:.72rem;font-weight:600;letter-spacing:.11em;margin-bottom:6px}
body[data-version="8.0"] .hero-product-v77 h1{
  max-width:none;margin:0;color:#fff;font-size:clamp(2.35rem,3.6vw,3.55rem);
  line-height:1.02;letter-spacing:-.04em;font-weight:650;
}
body[data-version="8.0"] .hero-product-v77 h1 span{display:inline;color:#ffad47}
.hero-product-head__copy p{
  max-width:820px;margin:9px 0 0;color:#cbd6e3;font-size:.95rem;line-height:1.55;
}
.hero-product-head__badges{display:flex;justify-content:flex-end;gap:7px;flex-wrap:wrap;max-width:420px}
.hero-product-head__badges span{
  padding:7px 9px;border-radius:999px;border:1px solid rgba(255,255,255,.13);
  background:rgba(255,255,255,.06);color:#dce5ef;font-size:.67rem;font-weight:550;white-space:nowrap;
}

.hero-product-detail{
  display:grid;grid-template-columns:minmax(0,.96fr) minmax(480px,1.04fr);gap:22px;align-items:stretch;
}
.product-gallery,.product-buybox{
  min-width:0;border-radius:22px;background:#fff;border:1px solid rgba(255,255,255,.20);
  box-shadow:0 26px 70px rgba(0,0,0,.26);
}
.product-gallery{padding:12px;display:flex;flex-direction:column}
.product-gallery__main{
  position:relative;display:block;width:100%;padding:0;border:0;border-radius:17px;overflow:hidden;
  background:linear-gradient(145deg,#f8fafc,#eef2f7);cursor:zoom-in;aspect-ratio:4/3;
}
.product-gallery__main::after{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  box-shadow:inset 0 0 0 1px rgba(15,23,42,.07);
}
.product-gallery__main img{
  display:block;width:100%;height:100%;object-fit:contain;object-position:center;
  transition:opacity .18s ease,transform .28s ease;background:#f8fafc;
}
.product-gallery__main:hover img{transform:scale(1.012)}
.product-gallery__main img.is-loading{opacity:.36}
.product-gallery__sale,.product-gallery__zoom{
  position:absolute;z-index:2;top:12px;padding:7px 9px;border-radius:999px;font-size:.62rem;font-weight:650;letter-spacing:.045em;
  box-shadow:0 8px 18px rgba(0,0,0,.14);backdrop-filter:blur(8px);
}
.product-gallery__sale{left:12px;background:#ff9418;color:#111827}
.product-gallery__zoom{right:12px;background:rgba(7,16,29,.84);color:#fff;border:1px solid rgba(255,255,255,.16)}
.product-gallery__thumbs{
  display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:10px;
}
.product-gallery__thumb{
  min-width:0;padding:6px;border:1px solid #dce3ec;border-radius:12px;background:#fff;cursor:pointer;
  transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease;
}
.product-gallery__thumb:hover{transform:translateY(-1px);border-color:#f4b267}
.product-gallery__thumb.is-active{border-color:#f7941e;box-shadow:0 0 0 2px rgba(247,148,30,.13)}
.product-gallery__thumb img{
  display:block;width:100%;aspect-ratio:4/3;object-fit:contain;border-radius:7px;background:#f4f6f9;
}
.product-gallery__thumb span{display:block;margin-top:5px;color:#435166;font-size:.60rem;font-weight:550;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}
.product-gallery__hint{margin:9px 2px 0;color:#78869a;font-size:.67rem;line-height:1.35}
.product-gallery__seeds,.product-gallery__seed{display:none!important}

.product-buybox{padding:18px;color:#152033;display:flex;flex-direction:column}
.product-buybox__availability{display:flex;align-items:center;gap:7px;color:#526174;font-size:.75rem;line-height:1.35}
.product-buybox__availability>span:first-child{width:8px;height:8px;border-radius:50%;background:#34b653;box-shadow:0 0 0 5px rgba(52,182,83,.12)}
.product-buybox__availability b{font-weight:620;color:#1c7a36}
.product-buybox__availability em{font-style:normal;color:#a1adba}
.product-buybox__price-row{
  display:grid;grid-template-columns:minmax(0,1.08fr) minmax(190px,.92fr);gap:9px;margin-top:12px;
}
.product-buybox__price,.product-buybox__volume{border-radius:14px;padding:14px 15px}
.product-buybox__price{background:#fff6eb;border:1px solid #ffbd74}
.product-buybox__price small,.product-buybox__volume small{display:block;font-size:.65rem;font-weight:600;letter-spacing:.085em}
.product-buybox__price small{color:#9c540d}
.product-buybox__price strong{display:block;margin-top:4px;color:#101827;font-size:clamp(2.35rem,3.7vw,3.25rem);font-weight:650;line-height:.95;letter-spacing:-.045em}
.product-buybox__price span{display:block;margin-top:7px;color:#687589;font-size:.73rem}
.product-buybox__volume{display:flex;flex-direction:column;justify-content:center;background:#effaf2;border:1px solid #bce6c5}
.product-buybox__volume small{color:#1c7835}
.product-buybox__volume b{display:block;margin-top:4px;color:#173d22;font-size:.95rem;font-weight:620}
.product-buybox__volume span{display:block;margin-top:5px;color:#53675a;font-size:.74rem;line-height:1.42}

.deal-countdown{
  position:relative;overflow:hidden;margin-top:11px;padding:14px;border-radius:16px;
  border:2px solid #ff8c22;
  background:linear-gradient(115deg,#fff7ed 0%,#fff1dc 60%,#fff8f0 100%);
  box-shadow:0 10px 30px rgba(247,148,30,.20),0 0 0 4px rgba(247,148,30,.06);
  animation:v77DealPulse 2.8s ease-in-out infinite;
}
.deal-countdown[hidden]{display:none!important}
.deal-countdown::after{
  content:"";position:absolute;inset:-70% auto -70% -30%;width:20%;transform:skewX(-18deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),transparent);
  animation:v77DealSweep 4.7s ease-in-out infinite;pointer-events:none;
}
.deal-countdown__top{position:relative;z-index:1;display:flex;justify-content:space-between;gap:12px;align-items:end}
.deal-countdown__top>div>strong{display:block;margin-top:4px;color:#8c350d;font-size:1rem;font-weight:650}
.deal-countdown__top small{color:#8b5b39;font-size:.66rem;text-align:right;white-space:nowrap}
.deal-countdown__live{
  display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border-radius:999px;background:#d9471b;color:#fff;
  font-size:.59rem;font-weight:650;letter-spacing:.08em;box-shadow:0 6px 16px rgba(217,71,27,.20);
}
.deal-countdown__live i{width:7px;height:7px;border-radius:50%;background:#fff;box-shadow:0 0 0 4px rgba(255,255,255,.15)}
.countdown--commerce{position:relative;z-index:1;gap:8px;margin-top:10px}
body[data-version="8.0"] .countdown--commerce>div{
  padding:10px 6px;border:1px solid #253247;border-radius:11px;background:#101827;box-shadow:0 7px 15px rgba(15,23,42,.13);
}
body[data-version="8.0"] .countdown--commerce>div:last-child{background:#b93d1c;border-color:#a83216}
body[data-version="8.0"] .countdown--commerce strong{color:#fff;font-size:1.62rem;font-weight:700;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:.025em}
body[data-version="8.0"] .countdown--commerce span{margin-top:5px;color:#c9d4e2;font-size:.55rem;font-weight:550;letter-spacing:.10em}
.deal-countdown>p{position:relative;z-index:1;margin:9px 1px 0;color:#70442b;font-size:.69rem;line-height:1.42}
.deal-countdown>p b{font-weight:650;color:#9f360e}

.product-buybox__specs{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:11px;
}
.product-buybox__specs>div{padding:9px 10px;border-radius:11px;background:#f5f7fa;border:1px solid #e2e7ee;min-width:0}
.product-buybox__specs span{display:block;color:#7b8797;font-size:.59rem;text-transform:uppercase;letter-spacing:.055em}
.product-buybox__specs b{display:block;margin-top:3px;color:#1d2a3b;font-size:.73rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.product-buybox__benefits{display:grid;gap:5px;list-style:none;padding:0;margin:11px 0 0}
.product-buybox__benefits li{position:relative;padding-left:20px;color:#4d5d70;font-size:.75rem;line-height:1.42}
.product-buybox__benefits li::before{content:"✓";position:absolute;left:0;color:#219542;font-weight:700}
.product-buybox__actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
.product-buybox__actions .btn{min-height:52px;font-size:.82rem;font-weight:650;text-align:center;padding-inline:12px}
.product-buybox__help{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;margin-top:10px;color:#778598;font-size:.69rem}
.product-buybox__help a{color:#1c5d9a;text-decoration:underline;text-underline-offset:2px;font-weight:600}

body.campaign-expired .deal-countdown{border-color:#cbd5e1;background:#f5f7fa;box-shadow:none;animation:none}
body.campaign-expired .deal-countdown::after{display:none}
body.campaign-expired .deal-countdown__live{background:#64748b}
body.campaign-expired .deal-countdown__top>div>strong{color:#475569}

@keyframes v77DealPulse{
  0%,100%{box-shadow:0 10px 30px rgba(247,148,30,.16),0 0 0 4px rgba(247,148,30,.05)}
  50%{box-shadow:0 12px 34px rgba(247,148,30,.25),0 0 0 7px rgba(247,148,30,.085)}
}
@keyframes v77DealSweep{
  0%,68%,100%{left:-30%;opacity:0}
  76%{opacity:.8}
  96%{left:120%;opacity:0}
}

@media(max-width:1100px){
  .hero-product-head{grid-template-columns:1fr;gap:12px;align-items:start}
  .hero-product-head__badges{justify-content:flex-start;max-width:none}
  .hero-product-detail{grid-template-columns:1fr;gap:14px}
  .product-gallery,.product-buybox{max-width:820px;width:100%;margin-inline:auto}
}
@media(max-width:760px){
  body[data-version="8.0"] .hero-product-v77{padding:12px 0 28px}
  .hero-commerce-banner{grid-template-columns:1fr;gap:6px;padding:11px 12px;border-radius:14px}
  .hero-commerce-banner__status{grid-row:auto;width:max-content;max-width:100%;padding:6px 8px;font-size:.57rem}
  .hero-commerce-banner>strong{font-size:1rem;line-height:1.22}
  .hero-commerce-banner__benefit{font-size:.72rem;gap:6px}
  .hero-product-head{padding:15px 1px 11px;gap:8px}
  .product-eyebrow{font-size:.62rem;margin-bottom:5px}
  body[data-version="8.0"] .hero-product-v77 h1{font-size:clamp(1.95rem,8.9vw,2.55rem);line-height:1.02;letter-spacing:-.038em}
  .hero-product-head__copy p{font-size:.81rem;line-height:1.47;margin-top:7px}
  .hero-product-head__badges{gap:5px}
  .hero-product-head__badges span{padding:5px 7px;font-size:.58rem}
  .hero-product-detail{gap:10px}
  .product-gallery{padding:8px;border-radius:17px}
  .product-gallery__main{border-radius:12px}
  .product-gallery__sale,.product-gallery__zoom{top:8px;padding:5px 7px;font-size:.52rem}
  .product-gallery__sale{left:8px}.product-gallery__zoom{right:8px}
  .product-gallery__thumbs{display:flex;overflow-x:auto;scroll-snap-type:x proximity;gap:7px;margin-top:8px;padding-bottom:2px;scrollbar-width:none}
  .product-gallery__thumbs::-webkit-scrollbar{display:none}
  .product-gallery__thumb{flex:0 0 78px;scroll-snap-align:start;padding:4px;border-radius:10px}
  .product-gallery__thumb span{font-size:.53rem;margin-top:3px}
  .product-gallery__hint{font-size:.59rem;margin-top:7px}
  .product-buybox{padding:12px;border-radius:17px}
  .product-buybox__availability{font-size:.67rem;gap:5px}
  .product-buybox__price-row{grid-template-columns:1fr;gap:7px;margin-top:9px}
  .product-buybox__price,.product-buybox__volume{padding:11px 12px;border-radius:12px}
  .product-buybox__price strong{font-size:2.35rem}
  .product-buybox__volume{display:grid;grid-template-columns:auto 1fr;column-gap:8px;align-items:center}
  .product-buybox__volume small{grid-column:1}.product-buybox__volume b{grid-column:2;margin:0}.product-buybox__volume span{grid-column:1 / -1;margin-top:4px}
  .deal-countdown{margin-top:8px;padding:10px;border-radius:13px}
  .deal-countdown__top{align-items:start;gap:7px}
  .deal-countdown__top>div>strong{font-size:.83rem;line-height:1.25}
  .deal-countdown__top small{font-size:.56rem;white-space:normal;max-width:108px}
  .deal-countdown__live{padding:4px 6px;font-size:.50rem}
  .countdown--commerce{gap:5px;margin-top:8px}
  body[data-version="8.0"] .countdown--commerce>div{padding:8px 3px;border-radius:9px}
  body[data-version="8.0"] .countdown--commerce strong{font-size:1.24rem}
  body[data-version="8.0"] .countdown--commerce span{font-size:.46rem;margin-top:4px}
  .deal-countdown>p{font-size:.60rem;margin-top:7px}
  .product-buybox__specs{grid-template-columns:1fr 1fr;gap:5px;margin-top:8px}
  .product-buybox__specs>div{padding:7px 8px}
  .product-buybox__benefits{gap:4px;margin-top:8px}
  .product-buybox__benefits li{font-size:.67rem;line-height:1.38;padding-left:18px}
  .product-buybox__actions{grid-template-columns:1fr 1fr;gap:6px;margin-top:9px}
  .product-buybox__actions .btn{min-height:50px;padding-inline:8px;font-size:.71rem;line-height:1.2}
  .product-buybox__help{font-size:.61rem;margin-top:8px}
}
@media(max-width:390px){
  .hero-commerce-banner__benefit span{display:none}
  .hero-commerce-banner__benefit{display:grid;gap:3px}
  .product-buybox__actions{grid-template-columns:1fr}
  .product-gallery__thumb{flex-basis:72px}
  .product-buybox__price strong{font-size:2.15rem}
}
@media(prefers-reduced-motion:reduce){
  .deal-countdown,.deal-countdown::after{animation:none!important}
  .product-gallery__main img{transition:none!important}
}


/* =========================
   V7.9 — HERO OVERFLOW / GALLERY HEIGHT SAFEGUARD
   Root cause: desktop grid stretched both hero columns to equal height while
   gallery thumbnails had no hard media-height boundary. Keep both columns
   content-sized and cap thumbnail media so intrinsic image dimensions can
   never turn the thumbnail rail into tall cards.
   ========================= */
body[data-version="8.0"] .hero-product-v77{
  overflow:hidden;
  overflow:clip;
}
body[data-version="8.0"] .hero-product-detail{
  align-items:start;
}
body[data-version="8.0"] .hero-product-detail > *{
  min-width:0;
  align-self:start;
}
body[data-version="8.0"] .product-gallery,
body[data-version="8.0"] .product-buybox{
  height:auto;
  min-height:0;
}
body[data-version="8.0"] .product-gallery{
  overflow:hidden;
}
body[data-version="8.0"] .product-gallery__main{
  flex:0 0 auto;
}
body[data-version="8.0"] .product-gallery__thumbs{
  width:100%;
  min-width:0;
  align-items:start;
  grid-auto-rows:92px;
}
body[data-version="8.0"] .product-gallery__thumb{
  width:100%;
  height:92px;
  min-height:0;
  overflow:hidden;
  align-self:start;
  display:grid;
  grid-template-rows:minmax(0,1fr) auto;
  align-content:start;
}
body[data-version="8.0"] .product-gallery__thumb img{
  width:100%;
  height:62px!important;
  min-height:0;
  max-height:62px;
  aspect-ratio:auto;
  object-fit:contain;
}
body[data-version="8.0"] .product-gallery__thumb span{
  min-width:0;
  line-height:1.15;
}
body[data-version="8.0"] .product-gallery__hint{
  flex:0 0 auto;
}

/* Laptop guard: never let min-content width force a horizontal spill. */
@media(min-width:1101px) and (max-width:1280px){
  body[data-version="8.0"] .hero-product-detail{
    grid-template-columns:minmax(0,.94fr) minmax(450px,1.06fr);
    gap:16px;
  }
  body[data-version="8.0"] .product-gallery__thumbs{gap:6px;grid-auto-rows:86px}
  body[data-version="8.0"] .product-gallery__thumb{height:86px;padding:5px}
  body[data-version="8.0"] .product-gallery__thumb img{height:57px!important;max-height:57px}
}

@media(max-width:1100px){
  body[data-version="8.0"] .hero-product-detail{align-items:start}
  body[data-version="8.0"] .product-gallery,
  body[data-version="8.0"] .product-buybox{align-self:start;height:auto}
}

@media(max-width:760px){
  body[data-version="8.0"] .product-gallery__thumbs{
    grid-auto-rows:auto;
    align-items:start;
  }
  body[data-version="8.0"] .product-gallery__thumb{
    flex:0 0 76px;
    width:76px;
    height:78px;
    grid-template-rows:52px auto;
  }
  body[data-version="8.0"] .product-gallery__thumb img{
    height:52px!important;
    max-height:52px;
  }
}
@media(max-width:390px){
  body[data-version="8.0"] .product-gallery__thumb{flex-basis:70px;width:70px;height:74px;grid-template-rows:48px auto}
  body[data-version="8.0"] .product-gallery__thumb img{height:48px!important;max-height:48px}
}

/* V7.9 — sections 2–5 removed; tighten hero-to-proof transition */
body[data-version="8.0"] .hero-product-v77 + #windows-ban-quyen-chinh-hang{border-top:1px solid rgba(148,163,184,.22);}
@media (max-width:1100px){body[data-version="8.0"] .hero-product-v77 + #windows-ban-quyen-chinh-hang{padding-top:36px;}}


/* =========================
   V8.0 — BALANCED FULL-WIDTH HEADINGS + IMAGE PLACEMENT
   ========================= */
body[data-version="8.0"] .section-wide-head{max-width:none;width:100%;margin-bottom:26px}
body[data-version="8.0"] .section-wide-head h2,
body[data-version="8.0"] .section-head--wide h2{max-width:none;width:100%;font-size:clamp(2rem,3.25vw,3rem);line-height:1.08;letter-spacing:-.035em;font-weight:620;margin:.5rem 0 .7rem}
body[data-version="8.0"] .section-wide-head p,
body[data-version="8.0"] .section-head--wide p{max-width:1040px;color:var(--muted);font-size:1rem;line-height:1.65;margin:0}
body[data-version="8.0"] .section-wide-head--dark h2{color:#fff}
body[data-version="8.0"] .section-wide-head--dark p{color:#c8d3e0}
body[data-version="8.0"] .section-head--wide{max-width:none;width:100%}

/* Hero heading always uses the available width before the split begins. */
body[data-version="8.0"] .hero-product-head--full{display:block;padding:20px 2px 16px}
body[data-version="8.0"] .hero-product-head__copy{width:100%}
body[data-version="8.0"] .hero-product-head__copy p{max-width:1040px}
body[data-version="8.0"] .hero-product-head__badges{justify-content:flex-start;max-width:none;margin-top:12px}
body[data-version="8.0"] .hero-product-detail{grid-template-columns:minmax(0,.94fr) minmax(490px,1.06fr);gap:20px;align-items:start}
body[data-version="8.0"] .product-gallery__main{aspect-ratio:1/1}
body[data-version="8.0"] .product-gallery__main img{object-fit:contain}

/* Balanced two-column sections: heading is outside, columns only carry content. */
body[data-version="8.0"] .media-split--balanced{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px;align-items:start}
body[data-version="8.0"] .media-split--balanced .media-split__image,
body[data-version="8.0"] .media-split--balanced .media-split__content{align-self:start;height:auto;min-height:0}
body[data-version="8.0"] .media-split__content--card{padding:22px;border:1px solid #e2e7ed;border-radius:20px;background:#fff;box-shadow:0 16px 36px rgba(15,23,42,.06)}
body[data-version="8.0"] .media-collage--v8{background:#fff}
body[data-version="8.0"] .media-collage .smart-frame{background:#f7f9fc}
body[data-version="8.0"] .media-collage .smart-frame img{object-fit:contain!important}

/* B2B: full-width title + balanced image/form pair. */
body[data-version="8.0"] .b2b-process-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:0 0 18px}
body[data-version="8.0"] .b2b-process-strip>div{display:flex;align-items:center;gap:9px;padding:11px 12px;border:1px solid rgba(255,255,255,.12);border-radius:13px;background:rgba(255,255,255,.05);color:#e8eef5}
body[data-version="8.0"] .b2b-process-strip span{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border-radius:50%;background:#ff981b;color:#101827;font-weight:700}
body[data-version="8.0"] .b2b-process-strip b{font-size:.78rem;font-weight:600;line-height:1.25}
body[data-version="8.0"] .b2b-grid--visual{grid-template-columns:minmax(0,.92fr) minmax(480px,1.08fr);gap:30px;align-items:start}
body[data-version="8.0"] .b2b-grid--visual .lead-form{height:auto;align-self:start}
body[data-version="8.0"] .b2b-visual-card{overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:22px;background:#fff;color:#152033;box-shadow:0 22px 52px rgba(0,0,0,.22)}
body[data-version="8.0"] .b2b-visual-card__image{display:block;width:100%;height:510px;border:0;padding:10px;background:#f6f8fb;cursor:zoom-in}
body[data-version="8.0"] .b2b-visual-card__image img{width:100%;height:100%;object-fit:contain;display:block}
body[data-version="8.0"] .b2b-visual-card__caption{padding:16px 18px 18px}
body[data-version="8.0"] .b2b-visual-card__caption>b{display:block;font-size:1.06rem;font-weight:620}
body[data-version="8.0"] .b2b-visual-card__caption>span{display:block;margin-top:5px;color:#5a6778;font-size:.86rem;line-height:1.5}
body[data-version="8.0"] .b2b-visual-card__caption ul{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;list-style:none;padding:0;margin:12px 0 0}
body[data-version="8.0"] .b2b-visual-card__caption li{padding:8px;border-radius:10px;background:#edf8ef;color:#276d35;font-size:.72rem;text-align:center}

/* Document cards: equal visual area, no intrinsic-height distortion. */
body[data-version="8.0"] .doc-grid--v8{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch}
body[data-version="8.0"] .doc-grid--v8 .doc-card{display:grid;grid-template-rows:340px auto;min-height:0}
body[data-version="8.0"] .doc-grid--v8 .smart-frame{height:340px;aspect-ratio:auto;background:#f6f8fb}
body[data-version="8.0"] .doc-grid--v8 .smart-frame img{width:100%;height:100%;object-fit:contain!important}

/* Payment: proof stack fills the second column with QR + receipt, not empty whitespace. */
body[data-version="8.0"] .payment-grid--v8{grid-template-columns:minmax(0,1.02fr) minmax(400px,.98fr);gap:30px;align-items:start}
body[data-version="8.0"] .payment-proof-stack{display:grid;grid-template-columns:180px minmax(0,1fr);gap:12px;align-items:stretch}
body[data-version="8.0"] .payment-qr--compact{padding:10px;border-radius:18px;background:#fff;border:1px solid #e1e6ec;box-shadow:0 12px 30px rgba(15,23,42,.06)}
body[data-version="8.0"] .payment-qr--compact .smart-frame{height:160px;aspect-ratio:1/1}
body[data-version="8.0"] .payment-qr--compact p{font-size:.72rem;margin:7px 0 0;text-align:center}
body[data-version="8.0"] .payment-receipt{position:relative;overflow:hidden;display:block;width:100%;min-height:230px;padding:0;border:1px solid #e1e6ec;border-radius:18px;background:#fff;cursor:zoom-in;box-shadow:0 12px 30px rgba(15,23,42,.06)}
body[data-version="8.0"] .payment-receipt img{display:block;width:100%;height:230px;object-fit:contain;background:#f7f9fc}
body[data-version="8.0"] .payment-receipt span{display:block;padding:10px 12px;color:#566477;font-size:.75rem;text-align:left}
body[data-version="8.0"] .payment-receipt b{color:#152033;font-weight:620}
body[data-version="8.0"] .payment-after{grid-column:1/-1;margin:0;padding:11px 13px;border-radius:12px;background:#eef8f0;color:#355d3d;font-size:.8rem;text-align:center}

/* Retail order: full heading + intentional product panel opposite the form. */
body[data-version="8.0"] .order-grid--v8{grid-template-columns:minmax(0,.95fr) minmax(460px,1.05fr);gap:30px;align-items:start}
body[data-version="8.0"] .order-grid--v8 .lead-form{height:auto;align-self:start}
body[data-version="8.0"] .order-proof-panel{overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:22px;background:linear-gradient(150deg,#111c2d,#0c1422);box-shadow:0 22px 54px rgba(0,0,0,.22)}
body[data-version="8.0"] .order-proof-panel__image{display:block;width:100%;height:330px;padding:0;border:0;background:#fff;cursor:zoom-in}
body[data-version="8.0"] .order-proof-panel__image img{display:block;width:100%;height:100%;object-fit:contain}
body[data-version="8.0"] .order-proof-panel__body{padding:18px 20px 20px}
body[data-version="8.0"] .order-proof-panel__body>span{color:#f6b765;font-size:.68rem;letter-spacing:.09em;font-weight:600}
body[data-version="8.0"] .order-proof-panel h3{margin:6px 0 12px;color:#fff;font-size:1.35rem;font-weight:620}
body[data-version="8.0"] .order-proof-panel .check-list{margin:0 0 15px}
body[data-version="8.0"] .order-proof-panel__steps{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}
body[data-version="8.0"] .order-proof-panel__steps>div{padding:9px 7px;border:1px solid rgba(255,255,255,.09);border-radius:11px;background:rgba(255,255,255,.04);text-align:center}
body[data-version="8.0"] .order-proof-panel__steps b{display:grid;place-items:center;width:24px;height:24px;margin:0 auto 5px;border-radius:50%;background:#ff981b;color:#111827;font-size:.72rem}
body[data-version="8.0"] .order-proof-panel__steps span{color:#c9d5e2;font-size:.64rem;line-height:1.2}

/* FAQ: independent columns prevent an opened item from creating a blank row in the other column. */
body[data-version="8.0"] .faq-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:start}
body[data-version="8.0"] .faq-column{display:grid;gap:10px;align-content:start;min-width:0}
body[data-version="8.0"] .faq-columns .faq-item{position:relative;overflow:hidden;padding:0;border:1px solid #dfe5ec!important;border-radius:15px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.04)}
body[data-version="8.0"] .faq-columns .faq-item::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#cbd5e1}
body[data-version="8.0"] .faq-columns .faq-item[open]{border-color:#f5bd7a!important;background:#fffdf9;box-shadow:0 14px 34px rgba(247,148,30,.09)}
body[data-version="8.0"] .faq-columns .faq-item[open]::before{width:5px;background:linear-gradient(180deg,#f7941e,#39b54a)}
body[data-version="8.0"] .faq-columns summary{list-style:none;display:grid;grid-template-columns:auto 1fr 20px;align-items:center;gap:10px;min-height:72px;padding:14px 16px 14px 18px;cursor:pointer;color:#152033;font-size:.94rem;font-weight:600;line-height:1.35}
body[data-version="8.0"] .faq-columns summary::-webkit-details-marker{display:none}
body[data-version="8.0"] .faq-columns summary::after{content:"+";display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#f1f5f9;color:#334155;font-size:1rem}
body[data-version="8.0"] .faq-columns details[open] summary::after{transform:rotate(45deg);background:#172033;color:#fff}
body[data-version="8.0"] .faq-columns .faq-answer{padding:0 18px 16px 110px;border-top:1px solid #eef1f5}
body[data-version="8.0"] .faq-columns .faq-answer p{margin:12px 0 8px;color:#526174;font-size:.89rem;line-height:1.62}
body[data-version="8.0"] .faq-columns .faq-answer>a{display:inline-flex;color:#b85f00;font-size:.8rem;font-weight:600;text-decoration:underline;text-underline-offset:3px}

@media(max-width:1100px){
  body[data-version="8.0"] .hero-product-detail,
  body[data-version="8.0"] .media-split--balanced,
  body[data-version="8.0"] .b2b-grid--visual,
  body[data-version="8.0"] .payment-grid--v8,
  body[data-version="8.0"] .order-grid--v8{grid-template-columns:1fr;gap:20px}
  body[data-version="8.0"] .b2b-process-strip{grid-template-columns:repeat(5,minmax(150px,1fr));overflow-x:auto;padding-bottom:4px}
  body[data-version="8.0"] .b2b-visual-card__image{height:520px}
  body[data-version="8.0"] .doc-grid--v8{grid-template-columns:1fr 1fr}
  body[data-version="8.0"] .faq-columns{grid-template-columns:1fr}
  body[data-version="8.0"] .faq-column{gap:8px}
}
@media(max-width:760px){
  body[data-version="8.0"] .section-wide-head{margin-bottom:18px}
  body[data-version="8.0"] .section-wide-head h2,
  body[data-version="8.0"] .section-head--wide h2{font-size:clamp(1.65rem,7.2vw,2.05rem);line-height:1.1}
  body[data-version="8.0"] .section-wide-head p,
  body[data-version="8.0"] .section-head--wide p{font-size:.92rem;line-height:1.58}
  body[data-version="8.0"] .product-gallery__main{aspect-ratio:1/1}
  body[data-version="8.0"] .b2b-visual-card__image{height:auto;max-height:640px}
  body[data-version="8.0"] .b2b-visual-card__image img{height:auto;max-height:620px}
  body[data-version="8.0"] .b2b-visual-card__caption ul{grid-template-columns:1fr}
  body[data-version="8.0"] .doc-grid--v8{grid-template-columns:1fr 1fr;gap:10px}
  body[data-version="8.0"] .doc-grid--v8 .doc-card{grid-template-rows:240px auto}
  body[data-version="8.0"] .doc-grid--v8 .smart-frame{height:240px}
  body[data-version="8.0"] .payment-proof-stack{grid-template-columns:1fr 1fr}
  body[data-version="8.0"] .payment-qr--compact .smart-frame{height:150px}
  body[data-version="8.0"] .payment-receipt,.payment-receipt img{min-height:0;height:190px}
  body[data-version="8.0"] .order-proof-panel__image{height:auto;aspect-ratio:1/1}
  body[data-version="8.0"] .order-proof-panel__steps{grid-template-columns:1fr 1fr}
  body[data-version="8.0"] .faq-columns summary{grid-template-columns:1fr 22px;gap:8px;min-height:0;padding:13px 14px 13px 16px;font-size:.9rem}
  body[data-version="8.0"] .faq-columns .faq-tag{width:max-content;min-width:0;grid-column:1}
  body[data-version="8.0"] .faq-columns .faq-question{grid-column:1}
  body[data-version="8.0"] .faq-columns summary::after{grid-column:2;grid-row:1/3;align-self:center}
  body[data-version="8.0"] .faq-columns .faq-answer{padding:0 14px 14px 16px}
}
@media(max-width:480px){
  body[data-version="8.0"] .doc-grid--v8{grid-template-columns:1fr}
  body[data-version="8.0"] .doc-grid--v8 .doc-card{grid-template-rows:310px auto}
  body[data-version="8.0"] .doc-grid--v8 .smart-frame{height:310px}
  body[data-version="8.0"] .payment-proof-stack{grid-template-columns:1fr}
  body[data-version="8.0"] .payment-after{grid-column:auto}
}

/* ================================================================
   V8.1 — STRICT BALANCE / FULL-WIDTH HEADINGS / CLICK-IMAGE LIGHTBOX
   Desktop rule: any 2-column section must use the full row heading and
   both visual columns must occupy the same grid-row height.
   ================================================================ */
body.v81-strict-balance .product-gallery__hint{display:none!important}

/* Full-row section headings: do not artificially cap the title width. */
body.v81-strict-balance .section-wide-head,
body.v81-strict-balance .faq-focus__head{
  width:100%;max-width:none!important;margin-left:0;margin-right:0
}
body.v81-strict-balance .section-wide-head h2,
body.v81-strict-balance .faq-focus__head h2{
  width:100%;max-width:none!important
}
body.v81-strict-balance .faq-focus__head p{max-width:1100px}

/* Universal strict balance for audited two-column groups. */
body.v81-strict-balance .media-split--balanced,
body.v81-strict-balance .b2b-grid--visual,
body.v81-strict-balance .payment-grid--v8,
body.v81-strict-balance .order-grid--v8,
body.v81-strict-balance .brand-store-layout{
  align-items:stretch!important
}
body.v81-strict-balance .media-split--balanced > *,
body.v81-strict-balance .b2b-grid--visual > *,
body.v81-strict-balance .payment-grid--v8 > *,
body.v81-strict-balance .order-grid--v8 > *,
body.v81-strict-balance .brand-store-layout > *{
  min-width:0;height:100%;align-self:stretch!important
}

/* Buying-proof split: collage grows exactly with the proof card. */
body.v81-strict-balance .media-split--balanced .media-split__image{
  display:grid;height:100%!important;min-height:0!important
}
body.v81-strict-balance .media-split--balanced .media-collage--v8{
  height:100%!important;min-height:560px!important
}
body.v81-strict-balance .media-split--balanced .media-split__content--card{
  display:flex;flex-direction:column;height:100%;justify-content:flex-start
}
body.v81-strict-balance .media-split--balanced .media-split__content--card .btn,
body.v81-strict-balance .media-split--balanced .media-split__content--card .text-link{
  margin-top:auto;align-self:flex-start
}

/* B2B: left sales/price panel grows with the form; no dark void below it. */
body.v81-strict-balance .b2b-grid--visual{
  grid-template-columns:minmax(0,.96fr) minmax(480px,1.04fr)
}
body.v81-strict-balance .b2b-grid--visual .lead-form{
  height:100%!important;align-self:stretch!important
}
body.v81-strict-balance .b2b-visual-card{
  display:flex;flex-direction:column;height:100%!important
}
body.v81-strict-balance .b2b-visual-card__image{
  flex:1 1 auto;height:auto!important;min-height:540px
}
body.v81-strict-balance .b2b-visual-card__caption{flex:0 0 auto}

/* Order: product card and form occupy the same row height. */
body.v81-strict-balance .order-grid--v8 .lead-form{
  height:100%!important;align-self:stretch!important
}
body.v81-strict-balance .order-proof-panel{
  display:flex;flex-direction:column;height:100%!important
}
body.v81-strict-balance .order-proof-panel__image{
  flex:1 1 auto;height:auto!important;min-height:350px
}
body.v81-strict-balance .order-proof-panel__body{flex:0 0 auto}

/* Payment: bank card = proof panel height. Proof media consumes the whole column. */
body.v81-strict-balance .payment-grid--v8{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)
}
body.v81-strict-balance .payment-grid--v8 .bank-card,
body.v81-strict-balance .payment-proof-stack{height:100%!important}
body.v81-strict-balance .payment-proof-stack{
  grid-template-columns:minmax(150px,.42fr) minmax(0,.58fr);
  grid-template-rows:minmax(0,1fr) auto;
  align-content:stretch
}
body.v81-strict-balance .payment-qr--compact{
  display:flex;flex-direction:column;height:100%;min-height:0
}
body.v81-strict-balance .payment-qr__image{
  display:block;flex:1 1 auto;width:100%;min-height:0;padding:0;border:0;background:transparent;cursor:zoom-in
}
body.v81-strict-balance .payment-qr__image .smart-frame{
  width:100%;height:100%!important;min-height:265px;aspect-ratio:auto!important
}
body.v81-strict-balance .payment-receipt{
  display:grid;grid-template-rows:minmax(0,1fr) auto;height:100%;min-height:0
}
body.v81-strict-balance .payment-receipt img{
  width:100%;height:100%!important;min-height:265px;object-fit:contain
}
body.v81-strict-balance .payment-after{align-self:end}

/* Document cards: click the image itself; no separate "Xem lớn" control. */
body.v81-strict-balance .doc-card__media{
  display:block;width:100%;height:340px;padding:0;border:0;background:#f6f8fb;cursor:zoom-in;overflow:hidden
}
body.v81-strict-balance .doc-card__media .smart-frame{width:100%;height:100%!important}
body.v81-strict-balance .doc-card__media:hover img{transform:scale(1.018)}
body.v81-strict-balance .doc-card__media img{transition:transform .24s ease}
body.v81-strict-balance .doc-view-btn{display:none!important}

/* 12-store section: supplied price sheet on left + all branch addresses on right. */
body.v81-strict-balance .brand-store-layout{
  display:grid;grid-template-columns:minmax(360px,.78fr) minmax(0,1.22fr);gap:22px;margin-top:24px
}
body.v81-strict-balance .brand-store-evidence,
body.v81-strict-balance .store-branches{
  border:1px solid #e1e7ee;border-radius:22px;background:#fff;overflow:hidden;box-shadow:0 16px 38px rgba(15,23,42,.055)
}
body.v81-strict-balance .brand-store-evidence{display:flex;flex-direction:column}
body.v81-strict-balance .brand-store-evidence__image{
  display:block;flex:1 1 auto;width:100%;min-height:620px;padding:12px;border:0;background:#f7f9fc;cursor:zoom-in
}
body.v81-strict-balance .brand-store-evidence__image img{
  width:100%;height:100%;object-fit:contain;display:block
}
body.v81-strict-balance .brand-store-evidence__caption{padding:15px 17px 18px;border-top:1px solid #e8edf2}
body.v81-strict-balance .brand-store-evidence__caption b{display:block;font-size:1rem;font-weight:620}
body.v81-strict-balance .brand-store-evidence__caption span{display:block;margin-top:4px;color:#657287;font-size:.83rem;line-height:1.5}
body.v81-strict-balance .store-branches{display:flex;flex-direction:column;padding:20px}
body.v81-strict-balance .store-branches__head h3{margin:0;font-size:1.4rem;font-weight:620;color:#152033}
body.v81-strict-balance .store-branches__head p{margin:6px 0 16px;color:#69768a;font-size:.88rem;line-height:1.5}
body.v81-strict-balance .store-branches__grid{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;flex:1
}
body.v81-strict-balance .store-branch-card{
  display:grid;grid-template-columns:46px 1fr;grid-template-rows:auto auto;column-gap:10px;align-content:center;
  padding:11px 12px;border:1px solid #e5eaf0;border-radius:13px;background:#fbfcfd;min-height:74px
}
body.v81-strict-balance .store-branch-card>span{
  grid-row:1/3;display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:#edf8ef;color:#188436;font-size:.72rem;font-weight:700
}
body.v81-strict-balance .store-branch-card strong{align-self:end;font-size:.84rem;font-weight:620;color:#172033;line-height:1.25}
body.v81-strict-balance .store-branch-card small{align-self:start;color:#69768a;font-size:.72rem;line-height:1.35}

/* FAQ: one open item per column by default, no cross-column blank-row dependency. */
body.v81-strict-balance .faq-columns{align-items:start}
body.v81-strict-balance .faq-column{height:auto!important}

/* Any lightbox-capable media should communicate clickability without a separate CTA button. */
body.v81-strict-balance main .js-lightbox[data-src]{cursor:zoom-in}

@media(max-width:1100px){
  body.v81-strict-balance .media-split--balanced > *,
  body.v81-strict-balance .b2b-grid--visual > *,
  body.v81-strict-balance .payment-grid--v8 > *,
  body.v81-strict-balance .order-grid--v8 > *,
  body.v81-strict-balance .brand-store-layout > *{height:auto!important;align-self:start!important}
  body.v81-strict-balance .media-split--balanced .media-collage--v8{min-height:0!important;height:auto!important;aspect-ratio:4/3}
  body.v81-strict-balance .b2b-grid--visual .lead-form,
  body.v81-strict-balance .order-grid--v8 .lead-form,
  body.v81-strict-balance .b2b-visual-card,
  body.v81-strict-balance .order-proof-panel{height:auto!important}
  body.v81-strict-balance .b2b-visual-card__image{min-height:0;height:auto!important}
  body.v81-strict-balance .order-proof-panel__image{min-height:0;height:auto!important;aspect-ratio:1/1}
  body.v81-strict-balance .payment-grid--v8{grid-template-columns:1fr}
  body.v81-strict-balance .payment-proof-stack{height:auto!important}
  body.v81-strict-balance .brand-store-layout{grid-template-columns:1fr}
  body.v81-strict-balance .brand-store-evidence__image{min-height:0;height:auto;aspect-ratio:3/4}
}
@media(max-width:760px){
  body.v81-strict-balance .doc-card__media{height:240px}
  body.v81-strict-balance .payment-proof-stack{grid-template-columns:1fr 1fr;grid-template-rows:auto auto}
  body.v81-strict-balance .payment-qr__image .smart-frame,
  body.v81-strict-balance .payment-receipt img{min-height:190px}
  body.v81-strict-balance .store-branches__grid{grid-template-columns:1fr}
}
@media(max-width:480px){
  body.v81-strict-balance .doc-card__media{height:310px}
  body.v81-strict-balance .payment-proof-stack{grid-template-columns:1fr}
  body.v81-strict-balance .brand-store-evidence__image{aspect-ratio:auto}
  body.v81-strict-balance .brand-store-evidence__image img{height:auto}
}

/* ================================================================
   V8.2 — BRAND HEADER / STRICT 2-COLUMN BALANCE / BRAND GALLERY
   ================================================================ */
body.v82-strict-balance .site-header .container.nav{
  width:min(1320px,calc(100% - 24px));
  justify-content:flex-start;
  gap:18px;
}
body.v82-strict-balance .site-header .brand{
  flex:0 0 auto;
  margin-right:8px;
}
body.v82-strict-balance .site-header .brand img{height:47px;width:auto}
body.v82-strict-balance .desktop-nav{
  display:flex;
  align-items:center;
  gap:8px;
  margin-right:auto;
  min-width:0;
}
body.v82-strict-balance .desktop-nav a{
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-height:38px;
  padding:0 9px;
  border-radius:10px;
  color:#334155;
  font-size:.82rem;
  font-weight:620;
  white-space:nowrap;
  transition:background-color .18s ease,color .18s ease,transform .18s ease;
}
body.v82-strict-balance .desktop-nav a:hover{
  color:#b85f00;
  background:#fff6ea;
  transform:translateY(-1px);
}
body.v82-strict-balance .nav-icon{
  display:grid;
  place-items:center;
  width:17px;
  height:17px;
  color:#1f8d3b;
  flex:0 0 17px;
}
body.v82-strict-balance .nav-icon svg{
  width:17px;
  height:17px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.75;
  stroke-linecap:round;
  stroke-linejoin:round;
}
body.v82-strict-balance .header-hotline{
  position:relative;
  isolation:isolate;
  display:flex;
  align-items:center;
  gap:9px;
  flex:0 0 auto;
  min-height:48px;
  padding:6px 13px 6px 8px;
  border:1px solid rgba(57,181,74,.5);
  border-radius:14px;
  background:linear-gradient(135deg,#f1fff4,#fffaf3);
  box-shadow:0 10px 26px rgba(35,157,56,.12);
  color:#12351a;
  overflow:visible;
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
body.v82-strict-balance .header-hotline:hover{
  transform:translateY(-1px);
  border-color:#2fa643;
  box-shadow:0 14px 34px rgba(35,157,56,.19);
}
body.v82-strict-balance .header-hotline__icon{
  position:relative;
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  border-radius:50%;
  background:#2fad43;
  color:#fff;
  flex:0 0 34px;
  box-shadow:0 0 0 0 rgba(47,173,67,.34);
  animation:v82HotlinePulse 2.6s ease-out infinite;
}
body.v82-strict-balance .header-hotline__icon svg{
  width:18px;
  height:18px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
body.v82-strict-balance .header-hotline__text{display:grid;line-height:1.05}
body.v82-strict-balance .header-hotline__text b{
  color:#16752b;
  font-size:1rem;
  font-weight:720;
  letter-spacing:.01em;
}
body.v82-strict-balance .header-hotline__text small{
  margin-top:4px;
  color:#b85f00;
  font-size:.69rem;
  font-weight:700;
  letter-spacing:.035em;
}
@keyframes v82HotlinePulse{
  0%{box-shadow:0 0 0 0 rgba(47,173,67,.34)}
  70%{box-shadow:0 0 0 8px rgba(47,173,67,0)}
  100%{box-shadow:0 0 0 0 rgba(47,173,67,0)}
}

/* Full-row headings for every section that introduces a two-column composition. */
body.v82-strict-balance #windows-ban-quyen-chinh-hang .section-wide-head,
body.v82-strict-balance #doanh-nghiep .section-wide-head,
body.v82-strict-balance #thanh-toan .section-wide-head,
body.v82-strict-balance #dat-hang .section-wide-head,
body.v82-strict-balance #thuong-hieu .section-wide-head,
body.v82-strict-balance #thu-vien-thuong-hieu .section-wide-head,
body.v82-strict-balance #bao-chi .section-wide-head,
body.v82-strict-balance #faq .section-wide-head{
  width:100%;
  max-width:none!important;
  margin:0 0 26px;
}
body.v82-strict-balance #windows-ban-quyen-chinh-hang .section-wide-head h2,
body.v82-strict-balance #doanh-nghiep .section-wide-head h2,
body.v82-strict-balance #thanh-toan .section-wide-head h2,
body.v82-strict-balance #dat-hang .section-wide-head h2,
body.v82-strict-balance #thuong-hieu .section-wide-head h2,
body.v82-strict-balance #thu-vien-thuong-hieu .section-wide-head h2,
body.v82-strict-balance #bao-chi .section-wide-head h2,
body.v82-strict-balance #faq .section-wide-head h2{
  width:100%;
  max-width:none!important;
}
body.v82-strict-balance .section-wide-head--center{text-align:center}
body.v82-strict-balance .section-wide-head--center p{margin-inline:auto;max-width:920px}

/* Strict desktop balance: equal grid-row height, then make useful content fill the row. */
@media(min-width:1101px){
  body.v82-strict-balance .media-split--balanced,
  body.v82-strict-balance .b2b-grid--visual,
  body.v82-strict-balance .payment-grid--v8,
  body.v82-strict-balance .order-grid--v8,
  body.v82-strict-balance .brand-store-layout{
    align-items:stretch!important;
    grid-auto-rows:1fr;
  }
  body.v82-strict-balance .media-split--balanced > *,
  body.v82-strict-balance .b2b-grid--visual > *,
  body.v82-strict-balance .payment-grid--v8 > *,
  body.v82-strict-balance .order-grid--v8 > *,
  body.v82-strict-balance .brand-store-layout > *{
    min-width:0;
    height:100%!important;
    align-self:stretch!important;
  }

  /* License proof: distribute proof blocks instead of leaving a blank footer. */
  body.v82-strict-balance .media-split--balanced .media-split__content--card{
    display:grid!important;
    grid-template-rows:minmax(0,1fr) auto auto;
    gap:16px;
    height:100%!important;
  }
  body.v82-strict-balance .media-split--balanced .proof-points{
    display:grid;
    grid-template-rows:repeat(4,minmax(0,1fr));
    gap:10px;
    margin:0;
  }
  body.v82-strict-balance .media-split--balanced .proof-points>div{
    display:flex;
    flex-direction:column;
    justify-content:center;
    min-height:0;
  }
  body.v82-strict-balance .media-split--balanced .media-collage--v8{
    height:100%!important;
    min-height:0!important;
  }

  /* B2B: white visual card fills the full dark-grid column; no navy void under the card. */
  body.v82-strict-balance .b2b-visual-card{
    display:flex!important;
    flex-direction:column;
    height:100%!important;
    background:#fff;
  }
  body.v82-strict-balance .b2b-visual-card__image{
    flex:1 1 auto!important;
    min-height:0!important;
    height:auto!important;
    background:#f7f9fc;
  }
  body.v82-strict-balance .b2b-visual-card__image img{
    width:100%;height:100%;object-fit:contain;
  }
  body.v82-strict-balance .b2b-visual-card__caption{flex:0 0 auto}

  /* Order: proof panel and form share one row height; the product visual absorbs the difference. */
  body.v82-strict-balance .order-proof-panel{
    display:flex!important;
    flex-direction:column;
    height:100%!important;
  }
  body.v82-strict-balance .order-proof-panel__image{
    flex:1 1 auto!important;
    min-height:360px!important;
    height:auto!important;
    background:#fff;
  }
  body.v82-strict-balance .order-proof-panel__image img{width:100%;height:100%;object-fit:contain}
  body.v82-strict-balance .order-proof-panel__body{flex:0 0 auto}

  /* Payment: two complete cards, each uses the whole row height. */
  body.v82-strict-balance .payment-grid--v8{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.v82-strict-balance .payment-grid--v8 .bank-card,
  body.v82-strict-balance .payment-proof-stack{height:100%!important}
  body.v82-strict-balance .payment-proof-stack{
    display:grid!important;
    grid-template-columns:minmax(150px,.38fr) minmax(0,.62fr);
    grid-template-rows:minmax(0,1fr) auto;
    gap:12px;
    align-content:stretch;
    padding:12px;
    border:1px solid #e1e7ee;
    border-radius:22px;
    background:#fff;
    box-shadow:0 18px 44px rgba(15,23,42,.07);
  }
  body.v82-strict-balance .payment-qr--compact,
  body.v82-strict-balance .payment-receipt{height:100%!important;min-height:0}
  body.v82-strict-balance .payment-qr__image .smart-frame,
  body.v82-strict-balance .payment-receipt img{height:100%!important;min-height:260px}
  body.v82-strict-balance .payment-after{grid-column:1/-1}
}

/* Brand image library: files can be overwritten one-for-one without touching HTML/CSS/JS. */
body.v82-brand-header .section--brand-gallery{
  background:linear-gradient(180deg,#f7f9fc 0%,#fff 100%);
}
body.v82-brand-header .brand-gallery{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
body.v82-brand-header .brand-gallery__item{
  position:relative;
  display:block;
  width:100%;
  aspect-ratio:4/3;
  padding:0;
  overflow:hidden;
  border:1px solid #dfe6ed;
  border-radius:18px;
  background:#eef2f6;
  cursor:zoom-in;
  box-shadow:0 12px 30px rgba(15,23,42,.05);
}
body.v82-brand-header .brand-gallery__item img{
  width:100%;height:100%;object-fit:cover;
  transition:transform .25s ease,filter .25s ease;
}
body.v82-brand-header .brand-gallery__item:hover img{transform:scale(1.025);filter:saturate(1.04)}

/* Press logos: visual identity first; exact logo files are replaceable in /images/press/. */
body.v82-brand-header .press-links{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:12px;
}
body.v82-brand-header .press-links a{
  min-width:0;
  min-height:116px;
  padding:14px 12px 10px;
  display:grid;
  grid-template-rows:62px auto;
  place-items:center;
  gap:8px;
  border:1px solid #e2e8f0;
  border-radius:16px;
  background:#fff;
  color:#475569;
  box-shadow:0 10px 26px rgba(15,23,42,.045);
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
body.v82-brand-header .press-links a:hover{
  transform:translateY(-2px);
  border-color:#f1b86f;
  box-shadow:0 15px 34px rgba(15,23,42,.08);
}
body.v82-brand-header .press-links img{
  width:100%;
  height:62px;
  object-fit:contain;
}
body.v82-brand-header .press-links span{font-size:.74rem;font-weight:620;color:#536176}

/* FAQ title is a true full-row heading. */
body.v82-strict-balance .faq-focus__head{max-width:none!important;width:100%!important}
body.v82-strict-balance .faq-focus__head h2{max-width:none!important;width:100%!important}

@media(max-width:1180px) and (min-width:921px){
  body.v82-strict-balance .site-header .container.nav{width:calc(100% - 20px);gap:10px}
  body.v82-strict-balance .desktop-nav{gap:3px}
  body.v82-strict-balance .desktop-nav a{padding:0 6px;font-size:.75rem;gap:4px}
  body.v82-strict-balance .nav-icon,body.v82-strict-balance .nav-icon svg{width:15px;height:15px}
  body.v82-strict-balance .header-hotline{padding-right:9px}
  body.v82-strict-balance .header-hotline__text b{font-size:.9rem}
}
@media(max-width:920px){
  body.v82-strict-balance .site-header .container.nav{width:calc(100% - 20px);gap:10px}
  body.v82-strict-balance .site-header .brand{margin-right:auto}
  body.v82-strict-balance .desktop-nav{display:none!important}
  body.v82-strict-balance .header-hotline{min-height:42px;padding:4px 10px 4px 6px;border-radius:12px}
  body.v82-strict-balance .header-hotline__icon{width:30px;height:30px;flex-basis:30px}
  body.v82-strict-balance .header-hotline__text b{font-size:.86rem}
  body.v82-strict-balance .header-hotline__text small{font-size:.62rem;margin-top:3px}
  body.v82-brand-header .brand-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  body.v82-brand-header .press-links{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
}
@media(max-width:560px){
  body.v82-strict-balance .site-header .brand img{height:39px}
  body.v82-strict-balance .header-hotline{padding-right:8px}
  body.v82-strict-balance .header-hotline__text b{font-size:.8rem}
  body.v82-strict-balance .header-hotline__text small{font-size:.58rem}
  body.v82-brand-header .brand-gallery{grid-template-columns:1fr 1fr}
  body.v82-brand-header .press-links{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.v82-brand-header .press-links a{min-height:102px;grid-template-rows:54px auto;padding:11px 9px 8px}
  body.v82-brand-header .press-links img{height:54px}
}
@media(max-width:380px){
  body.v82-strict-balance .header-hotline__text small{display:none}
  body.v82-brand-header .brand-gallery{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
  body.v82-strict-balance .header-hotline__icon{animation:none}
  body.v82-brand-header .brand-gallery__item img{transition:none}
}

/* ==========================================================
   V8.3 — transparent quantity pricing + legal/security reason
   ========================================================== */
body.v83-transparent-pricing #ly-do-mua-ban-quyen .section-wide-head{
  width:100%;max-width:none!important;margin:0 0 28px;
}
body.v83-transparent-pricing #ly-do-mua-ban-quyen .section-wide-head h2{
  width:100%;max-width:none!important;
}
body.v83-transparent-pricing .reason-section{
  background:linear-gradient(180deg,#ffffff 0%,#f6faff 100%);
}
body.v83-transparent-pricing .reason-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:28px;
  align-items:stretch;
}
body.v83-transparent-pricing .reason-media{
  position:relative;
  display:block;
  width:100%;height:100%;min-height:620px;
  padding:0;overflow:hidden;
  border:1px solid #dce5ef;
  border-radius:24px;
  background:#fff;
  box-shadow:0 22px 54px rgba(15,23,42,.09);
  cursor:zoom-in;
}
body.v83-transparent-pricing .reason-media:after{
  content:"Xem ảnh lớn";
  position:absolute;right:14px;bottom:14px;
  padding:8px 11px;border-radius:999px;
  background:rgba(11,18,32,.82);color:#fff;
  font-size:.72rem;font-weight:650;letter-spacing:.02em;
  backdrop-filter:blur(8px);
}
body.v83-transparent-pricing .reason-media img{
  width:100%;height:100%;object-fit:cover;object-position:center;
}
body.v83-transparent-pricing .reason-content{
  display:grid;
  grid-template-rows:repeat(4,minmax(0,1fr)) auto;
  gap:12px;
  min-width:0;height:100%;
}
body.v83-transparent-pricing .reason-item{
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  gap:14px;
  align-items:start;
  padding:16px 18px;
  border:1px solid #dfe7ef;
  border-radius:17px;
  background:#fff;
  box-shadow:0 10px 28px rgba(15,23,42,.045);
}
body.v83-transparent-pricing .reason-item>span{
  display:grid;place-items:center;
  width:38px;height:38px;border-radius:12px;
  background:#eef4fa;color:#17324f;
  font-size:.78rem;font-weight:750;
}
body.v83-transparent-pricing .reason-item--legal{border-left:4px solid #e24c2a}
body.v83-transparent-pricing .reason-item--price{border-left:4px solid #ff9418}
body.v83-transparent-pricing .reason-item--security{border-left:4px solid #2fb443}
body.v83-transparent-pricing .reason-item--mission{border-left:4px solid #1769d2}
body.v83-transparent-pricing .reason-item h3{
  margin:0 0 6px;color:#0b1220;font-size:1.05rem;line-height:1.3;font-weight:680;
}
body.v83-transparent-pricing .reason-item p{
  margin:0;color:#526477;font-size:.9rem;line-height:1.58;
}
body.v83-transparent-pricing .reason-links{margin-top:8px}
body.v83-transparent-pricing .reason-links a{
  color:#b85f00;text-decoration:underline;text-underline-offset:3px;font-size:.82rem;font-weight:650;
}
body.v83-transparent-pricing .reason-tiers{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:2px 0 9px;
}
body.v83-transparent-pricing .reason-tiers b{
  display:flex;flex-direction:column;gap:3px;
  padding:9px 10px;border-radius:10px;background:#fff8ed;border:1px solid #ffd9a7;
  color:#7a4300;font-size:.73rem;font-weight:650;
}
body.v83-transparent-pricing .reason-tiers em{
  font-style:normal;color:#0b1220;font-size:.76rem;font-weight:720;
}
body.v83-transparent-pricing .reason-close{
  padding:16px 18px;border-radius:17px;
  background:#0b1220;color:#fff;
}
body.v83-transparent-pricing .reason-close>strong{display:block;font-size:1.05rem;font-weight:700}
body.v83-transparent-pricing .reason-close>span{display:block;margin-top:5px;color:#cbd5e1;font-size:.86rem;line-height:1.5}
body.v83-transparent-pricing .reason-close>div{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}

body.v83-transparent-pricing .offer-grid--pricing article{min-height:190px}
body.v83-transparent-pricing .offer-grid__tier{border-color:#bde8c5;background:#f3fff5}
body.v83-transparent-pricing .offer-grid__tier strong{font-size:1.72rem;color:#137528}
body.v83-transparent-pricing .offer-grid__tier--best{
  border-color:#2fb443;
  box-shadow:0 14px 34px rgba(47,180,67,.12);
}

body.v83-transparent-pricing .price-preview{
  display:grid;gap:4px;
  margin:4px 0 14px;padding:12px 14px;
  border:1px solid #cfe5d3;border-radius:13px;
  background:#f3fff5;color:#17324f;
}
body.v83-transparent-pricing .price-preview b{font-size:.92rem;font-weight:700;color:#137528}
body.v83-transparent-pricing .price-preview span{font-size:.8rem;line-height:1.45;color:#526477}
body.v83-transparent-pricing .price-preview strong{color:#0b1220}

@media(max-width:1100px){
  body.v83-transparent-pricing .reason-grid{grid-template-columns:1fr;gap:18px}
  body.v83-transparent-pricing .reason-media{height:auto;min-height:0;aspect-ratio:4/3}
  body.v83-transparent-pricing .reason-content{grid-template-rows:auto;height:auto}
}
@media(max-width:720px){
  body.v83-transparent-pricing #ly-do-mua-ban-quyen .section-wide-head{margin-bottom:18px}
  body.v83-transparent-pricing .reason-media{border-radius:17px}
  body.v83-transparent-pricing .reason-media:after{font-size:.65rem;padding:7px 9px}
  body.v83-transparent-pricing .reason-item{grid-template-columns:34px minmax(0,1fr);gap:10px;padding:14px;border-radius:14px}
  body.v83-transparent-pricing .reason-item>span{width:32px;height:32px;border-radius:9px}
  body.v83-transparent-pricing .reason-item h3{font-size:.98rem}
  body.v83-transparent-pricing .reason-item p{font-size:.86rem}
  body.v83-transparent-pricing .reason-tiers{grid-template-columns:1fr;gap:6px}
  body.v83-transparent-pricing .reason-close>div{display:grid;grid-template-columns:1fr}
  body.v83-transparent-pricing .offer-grid__tier strong{font-size:1.55rem}
}


/* V8.3.1 — copy/image-only patch. V8.3 section layouts intentionally untouched. */
.hero-commerce-banner__status{
  background:#ffffff!important;
  color:#b94b00!important;
  border:2px solid #ff9b22!important;
  box-shadow:0 0 0 3px rgba(255,155,34,.18),0 10px 26px rgba(0,0,0,.22)!important;
  font-weight:750!important;
}
.hero-commerce-banner__status span{
  background:#22b455!important;
  box-shadow:0 0 0 5px rgba(34,180,85,.18),0 0 14px rgba(34,180,85,.45)!important;
}
.market-reference{display:block;margin:5px 0 1px;color:#7a8798;font-size:.72rem;font-weight:550}
.market-reference del,.offer-market-reference del{color:#667085;text-decoration-thickness:2px;text-decoration-color:#e2552f}
.offer-market-reference{margin:5px 0 0;color:#7a8798;font-size:.72rem;font-weight:550}


/* ================================================================
   V8.3.2 — PROFESSIONAL BUSINESS COPY + MASTER/DETAIL IMAGE GALLERIES
   Layout base remains V8.3. Only store/brand gallery presentation is extended.
   ================================================================ */
body.v833-sales-architecture .showcase-gallery{min-width:0}
body.v833-sales-architecture .showcase-main img{transition:opacity .18s ease}
body.v833-sales-architecture .showcase-main img.is-loading{opacity:.35}
body.v833-sales-architecture .showcase-caption{padding:13px 15px;border-top:1px solid #e7edf3;background:#fff}
body.v833-sales-architecture .showcase-caption b{display:block;color:#172033;font-size:.95rem;font-weight:650;line-height:1.35}
body.v833-sales-architecture .showcase-caption span{display:block;margin-top:3px;color:#69768a;font-size:.76rem;line-height:1.45}
body.v833-sales-architecture .showcase-thumbs{display:grid;gap:7px;padding:10px;background:#f8fafc;border-top:1px solid #e7edf3}
body.v833-sales-architecture .showcase-thumbs--stores{grid-template-columns:repeat(6,minmax(0,1fr))}
body.v833-sales-architecture .showcase-thumb,
body.v833-sales-architecture .brand-showcase-thumb{position:relative;min-width:0;padding:0;border:1px solid #dce4ec;border-radius:10px;background:#fff;overflow:hidden;cursor:pointer}
body.v833-sales-architecture .showcase-thumb img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
body.v833-sales-architecture .showcase-thumb span{position:absolute;left:4px;bottom:4px;padding:3px 5px;border-radius:6px;background:rgba(8,18,32,.78);color:#fff;font-size:.56rem;font-weight:700;line-height:1}
body.v833-sales-architecture .showcase-thumb.is-active,
body.v833-sales-architecture .brand-showcase-thumb.is-active{border-color:#ff9518;box-shadow:0 0 0 2px rgba(255,149,24,.18)}
body.v833-sales-architecture .showcase-seeds{display:none!important}
body.v833-sales-architecture #thuong-hieu .brand-store-evidence__image{min-height:0;height:auto;aspect-ratio:4/3;padding:0;background:#eef3f7}
body.v833-sales-architecture #thuong-hieu .brand-store-evidence__image img{width:100%;height:100%;object-fit:cover}
body.v833-sales-architecture #thuong-hieu .brand-store-evidence__caption{display:none}
body.v833-sales-architecture #thuong-hieu .brand-store-evidence{height:100%;align-self:stretch}

body.v833-sales-architecture .brand-showcase{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(460px,.92fr);gap:18px;align-items:stretch}
body.v833-sales-architecture .brand-showcase__preview{display:flex;flex-direction:column;min-width:0;border:1px solid #e1e7ee;border-radius:20px;background:#fff;overflow:hidden;box-shadow:0 14px 34px rgba(15,23,42,.05)}
body.v833-sales-architecture .brand-showcase__main{display:block;flex:1 1 auto;width:100%;min-height:520px;padding:12px;border:0;background:#f6f8fb;cursor:zoom-in}
body.v833-sales-architecture .brand-showcase__main img{display:block;width:100%;height:100%;object-fit:contain}
body.v833-sales-architecture .brand-showcase__thumbs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;align-content:start}
body.v833-sales-architecture .brand-showcase-thumb{display:grid;grid-template-rows:86px auto}
body.v833-sales-architecture .brand-showcase-thumb img{display:block;width:100%;height:86px;object-fit:contain;background:#f7f9fc}
body.v833-sales-architecture .brand-showcase-thumb span{display:block;padding:7px 6px;color:#334155;font-size:.66rem;font-weight:620;line-height:1.2;text-align:center}

@media(max-width:1100px){
  body.v833-sales-architecture .showcase-thumbs--stores{grid-template-columns:repeat(4,minmax(0,1fr))}
  body.v833-sales-architecture .brand-showcase{grid-template-columns:1fr}
  body.v833-sales-architecture .brand-showcase__main{min-height:420px}
  body.v833-sales-architecture .brand-showcase__thumbs{grid-template-columns:repeat(5,minmax(0,1fr))}
}
@media(max-width:700px){
  body.v833-sales-architecture .showcase-thumbs--stores{display:flex;overflow-x:auto;gap:8px;scroll-snap-type:x proximity;padding-bottom:12px}
  body.v833-sales-architecture .showcase-thumb{flex:0 0 76px;scroll-snap-align:start}
  body.v833-sales-architecture .brand-showcase__main{min-height:320px}
  body.v833-sales-architecture .brand-showcase__thumbs{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
  body.v833-sales-architecture .brand-showcase-thumb{grid-template-rows:72px auto}
  body.v833-sales-architecture .brand-showcase-thumb img{height:72px}
}
@media(max-width:430px){
  body.v833-sales-architecture .brand-showcase__thumbs{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(prefers-reduced-motion:reduce){body.v833-sales-architecture .showcase-main img{transition:none}}


/* ================================================================
   V8.3.3 — SALES ARCHITECTURE (scoped, V8.3 layout base preserved)
   ================================================================ */
body.v833-sales-architecture .decision-section{background:linear-gradient(180deg,#fff 0%,#f8fafc 100%);border-top:1px solid #eef2f6}
body.v833-sales-architecture .decision-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
body.v833-sales-architecture .decision-card{display:grid;grid-template-columns:44px 1fr;gap:14px;padding:20px;border:1px solid #dfe6ed;border-radius:18px;background:#fff;box-shadow:0 10px 28px rgba(15,23,42,.05)}
body.v833-sales-architecture .decision-card>span{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#fff2e4;color:#c75a00;font-weight:750;font-size:.78rem;border:1px solid #ffd2a3}
body.v833-sales-architecture .decision-card small{display:block;margin-bottom:5px;color:#667085;font-size:.67rem;letter-spacing:.1em;font-weight:700}
body.v833-sales-architecture .decision-card h3{margin:0 0 7px;color:#111827;font-size:1.08rem;font-weight:650;line-height:1.35}
body.v833-sales-architecture .decision-card p{margin:0;color:#5f6b7c;font-size:.88rem;line-height:1.65}
body.v833-sales-architecture .decision-card a{display:inline-block;margin-top:9px;color:#1463a5;font-size:.78rem;text-decoration:underline;text-underline-offset:3px}
body.v833-sales-architecture .decision-card--process{grid-column:1/-1;background:#0d1829;border-color:#1d2a3d;color:#fff}
body.v833-sales-architecture .decision-card--process small{color:#ffbd75}
body.v833-sales-architecture .decision-card--process h3{color:#fff}
body.v833-sales-architecture .decision-process{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}
body.v833-sales-architecture .decision-process>div{padding:14px 16px;border-radius:14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12)}
body.v833-sales-architecture .decision-process b{display:block;color:#fff;margin-bottom:5px}
body.v833-sales-architecture .decision-process p{color:#c9d3df}

body.v833-sales-architecture .b2b-grid--transaction{align-items:stretch}
body.v833-sales-architecture .transaction-panel{display:grid;gap:14px;min-width:0;height:100%}
body.v833-sales-architecture .transaction-card{padding:20px;border-radius:18px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.055)}
body.v833-sales-architecture .transaction-card>span{display:inline-flex;padding:6px 9px;border-radius:999px;background:#ff9418;color:#111;font-size:.65rem;font-weight:750;letter-spacing:.08em}
body.v833-sales-architecture .transaction-card--business>span{background:#2fba52;color:#fff}
body.v833-sales-architecture .transaction-card h3{margin:10px 0 14px;color:#fff;font-size:1.25rem;font-weight:650;line-height:1.35}
body.v833-sales-architecture .transaction-card ol{display:grid;gap:8px;margin:0;padding:0;list-style:none;counter-reset:tx}
body.v833-sales-architecture .transaction-card li{counter-increment:tx;position:relative;padding:10px 12px 10px 43px;border-radius:12px;background:rgba(255,255,255,.05);color:#e8eef6;min-height:42px}
body.v833-sales-architecture .transaction-card li:before{content:counter(tx);position:absolute;left:11px;top:10px;width:23px;height:23px;display:grid;place-items:center;border-radius:50%;background:#fff;color:#152033;font-size:.7rem;font-weight:750}
body.v833-sales-architecture .transaction-card li b{display:block;font-size:.87rem}
body.v833-sales-architecture .transaction-card li small{display:block;margin-top:2px;color:#aebbd0;line-height:1.45}

body.v833-sales-architecture .document-proof-section{background:linear-gradient(180deg,#f6fbf7 0%,#fff 100%)}
body.v833-sales-architecture .doc-proof-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
body.v833-sales-architecture .doc-proof-card{min-width:0;border:1px solid #dce5df;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 10px 26px rgba(15,23,42,.045)}
body.v833-sales-architecture .doc-proof-card__media{position:relative;display:block;width:100%;aspect-ratio:4/5;padding:0;border:0;background:#f5f7f5;overflow:hidden;cursor:default}
body.v833-sales-architecture .doc-proof-card.has-image .doc-proof-card__media{cursor:zoom-in}
body.v833-sales-architecture .doc-proof-card__media img{display:none;width:100%;height:100%;object-fit:cover}
body.v833-sales-architecture .doc-proof-card.has-image .doc-proof-card__media img{display:block}
body.v833-sales-architecture .doc-proof-card.has-image .doc-proof-card__fallback{display:none}
body.v833-sales-architecture .doc-proof-card__fallback{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:18px;text-align:center;background:linear-gradient(145deg,#f8faf8,#edf4ef);color:#254031}
body.v833-sales-architecture .doc-proof-card__fallback:before{content:"DOCUMENT";display:grid;place-items:center;width:70px;height:86px;border:2px solid #9eb9a7;border-radius:8px;background:#fff;color:#6f8877;font-size:.52rem;font-weight:750;letter-spacing:.1em;box-shadow:0 8px 20px rgba(15,23,42,.08)}
body.v833-sales-architecture .doc-proof-card__fallback b{font-size:.78rem;letter-spacing:.04em}
body.v833-sales-architecture .doc-proof-card__fallback small{color:#7b8c80}
body.v833-sales-architecture .doc-proof-card>div{padding:14px}
body.v833-sales-architecture .doc-proof-card>div>span{display:inline-block;margin-bottom:6px;color:#1f9b48;font-size:.68rem;font-weight:750}
body.v833-sales-architecture .doc-proof-card h3{margin:0 0 6px;color:#111827;font-size:.98rem;font-weight:650}
body.v833-sales-architecture .doc-proof-card p{margin:0;color:#667085;font-size:.76rem;line-height:1.55}
body.v833-sales-architecture .doc-proof-note{margin:16px 0 0;padding:12px 14px;border-radius:12px;background:#f6f8fa;color:#667085;font-size:.78rem}

body.v833-sales-architecture .payment-rules{display:grid;gap:12px;width:100%}
body.v833-sales-architecture .payment-rules>div{padding:15px 16px;border-radius:14px;border:1px solid #dfe6ed;background:#fff}
body.v833-sales-architecture .payment-rules span{display:block;color:#178d3c;font-size:.65rem;font-weight:750;letter-spacing:.08em;margin-bottom:5px}
body.v833-sales-architecture .payment-rules b{display:block;color:#172033;font-size:.96rem}
body.v833-sales-architecture .payment-rules p{margin:5px 0 0;color:#667085;font-size:.78rem;line-height:1.55}

body.v833-sales-architecture .order-summary-panel{background:#0e192a;border:1px solid #25344a;display:block}
body.v833-sales-architecture .order-summary-panel__inner{padding:24px;color:#fff}
body.v833-sales-architecture .order-summary-panel__inner>span{color:#ff9c2a;font-size:.68rem;font-weight:750;letter-spacing:.08em}
body.v833-sales-architecture .order-summary-panel h3{margin:8px 0 16px;color:#fff;font-size:1.5rem;font-weight:650}
body.v833-sales-architecture .order-summary-panel dl{margin:0 0 16px}
body.v833-sales-architecture .order-summary-panel dl>div{display:grid;grid-template-columns:115px 1fr;gap:12px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.1)}
body.v833-sales-architecture .order-summary-panel dt{color:#9fb0c4}
body.v833-sales-architecture .order-summary-panel dd{margin:0;color:#fff;font-weight:560}
body.v833-sales-architecture .order-summary-panel__trust{padding:12px 14px;margin-top:10px;border-radius:12px;background:rgba(255,255,255,.055)}
body.v833-sales-architecture .order-summary-panel__trust b{color:#fff}
body.v833-sales-architecture .order-summary-panel__trust p{margin:4px 0 0;color:#c9d3df;font-size:.8rem;line-height:1.5}
body.v833-sales-architecture .order-summary-panel .text-link{display:inline-block;margin-top:16px;color:#ffb45f}

body.v833-sales-architecture #bao-chi{padding-top:42px;padding-bottom:42px}
body.v833-sales-architecture #bao-chi .section-wide-head{margin-bottom:16px}

@media(max-width:1100px){
  body.v833-sales-architecture .decision-grid{grid-template-columns:1fr}
  body.v833-sales-architecture .decision-card--process{grid-column:auto}
  body.v833-sales-architecture .decision-process{grid-template-columns:1fr}
  body.v833-sales-architecture .doc-proof-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:760px){
  body.v833-sales-architecture .decision-card{grid-template-columns:36px 1fr;padding:16px;gap:10px}
  body.v833-sales-architecture .decision-card>span{width:32px;height:32px}
  body.v833-sales-architecture .doc-proof-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px;gap:10px}
  body.v833-sales-architecture .doc-proof-card{flex:0 0 min(78vw,280px);scroll-snap-align:start}
  body.v833-sales-architecture .order-summary-panel dl>div{grid-template-columns:1fr;gap:3px}
}
@media(prefers-reduced-motion:reduce){body.v833-sales-architecture .doc-proof-card__media img{transition:none}}

body.v833-sales-architecture .price-sheet-proof{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);gap:18px;align-items:stretch;margin-top:18px;border:1px solid #dfe6ed;border-radius:18px;background:#fff;overflow:hidden;box-shadow:0 10px 28px rgba(15,23,42,.045)}
body.v833-sales-architecture .price-sheet-proof__media{display:block;width:100%;min-height:320px;padding:16px;border:0;border-right:1px solid #e7ecf1;background:#f6f8fa;cursor:zoom-in}
body.v833-sales-architecture .price-sheet-proof__media img{display:block;width:100%;height:100%;max-height:430px;object-fit:contain}
body.v833-sales-architecture .price-sheet-proof__copy{padding:24px;align-self:center}
body.v833-sales-architecture .price-sheet-proof__copy>span{color:#159447;font-size:.68rem;font-weight:750;letter-spacing:.09em}
body.v833-sales-architecture .price-sheet-proof__copy h3{margin:8px 0;color:#111827;font-size:1.25rem;font-weight:650}
body.v833-sales-architecture .price-sheet-proof__copy p{color:#667085;line-height:1.65}
body.v833-sales-architecture .price-sheet-proof__copy ul{margin:12px 0 0;padding-left:18px;color:#465568;line-height:1.7}
@media(max-width:760px){body.v833-sales-architecture .price-sheet-proof{grid-template-columns:1fr}body.v833-sales-architecture .price-sheet-proof__media{border-right:0;border-bottom:1px solid #e7ecf1;min-height:0;max-height:430px}body.v833-sales-architecture .price-sheet-proof__copy{padding:18px}}
body.v833-sales-architecture .product-gallery__thumbs{grid-template-columns:repeat(3,minmax(0,1fr))}
body.v833-sales-architecture .transaction-panel{grid-template-rows:1fr 1fr}
@media(max-width:760px){body.v833-sales-architecture .product-gallery__thumbs{display:flex;grid-template-columns:none}body.v833-sales-architecture .transaction-panel{grid-template-rows:auto}}


/* V8.3.4 production gallery safety */
.showcase-seeds,.showcase-seed,.product-gallery__seed{display:none!important}
body.v833-sales-architecture #thuong-hieu .showcase-main img{object-fit:contain;background:#f5f7fa}
body.v833-sales-architecture .showcase-main,body.v833-sales-architecture .brand-showcase__main{touch-action:manipulation}
body.v833-sales-architecture .showcase-thumb:focus-visible,body.v833-sales-architecture .brand-showcase-thumb:focus-visible{outline:3px solid rgba(255,149,24,.42);outline-offset:2px}


/* ================================================================
   V8.3.5 — MOBILE UX AUDIT / PROFESSIONAL STICKY DOCK
   Scope: mobile only. Desktop layout remains V8.3 production base.
   Goals: no clipped cards, no visible horizontal scrollbars, no CTA
   overflow, cleaner vertical rhythm, and a single unified bottom dock.
   ================================================================ */
@media (max-width:760px){
  html,body{max-width:100%;overflow-x:clip}
  body.v835-mobile-ux{padding-bottom:calc(128px + env(safe-area-inset-bottom))}
  body.v835-mobile-ux main,
  body.v835-mobile-ux section,
  body.v835-mobile-ux .container,
  body.v835-mobile-ux [class*="grid"],
  body.v835-mobile-ux [class*="layout"]{min-width:0;max-width:100%}
  body.v835-mobile-ux .container{width:min(100% - 24px,var(--container))}
  body.v835-mobile-ux .section{padding:48px 0}
  body.v835-mobile-ux .section-wide-head,
  body.v835-mobile-ux .section-head{margin-bottom:18px}
  body.v835-mobile-ux .section-wide-head h2,
  body.v835-mobile-ux .section-head h2,
  body.v835-mobile-ux .section-head--wide h2{font-size:clamp(1.72rem,7.5vw,2.08rem);line-height:1.08;letter-spacing:-.032em}
  body.v835-mobile-ux .section-wide-head p,
  body.v835-mobile-ux .section-head p,
  body.v835-mobile-ux .section-head--wide p{font-size:.88rem;line-height:1.58}
  body.v835-mobile-ux .breadcrumb-wrap{display:none}

  /* Hero: three real product images fit the viewport without sideways scroll. */
  body.v835-mobile-ux .hero-product-v77{padding-top:12px;padding-bottom:30px}
  body.v835-mobile-ux .hero-commerce-banner{padding:12px;border-radius:14px;box-shadow:0 12px 30px rgba(0,0,0,.16)}
  body.v835-mobile-ux .hero-commerce-banner__status{background:#fff!important;color:#b85f00!important;border:1px solid #ff9a22!important;box-shadow:0 8px 22px rgba(247,148,30,.18)!important}
  body.v835-mobile-ux .hero-product-head__badges{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:6px}
  body.v835-mobile-ux .hero-product-head__badges span{white-space:normal;text-align:center;display:grid;place-items:center;min-height:34px}
  body.v835-mobile-ux .product-gallery__thumbs{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;overflow:visible!important;padding-bottom:0!important;scroll-snap-type:none!important}
  body.v835-mobile-ux .product-gallery__thumb{width:100%!important;max-width:none!important;flex:none!important;height:82px!important;grid-template-rows:55px auto!important;padding:4px!important}
  body.v835-mobile-ux .product-gallery__thumb img{height:55px!important;max-height:55px!important}
  body.v835-mobile-ux .product-buybox__price strong{font-size:2.18rem}
  body.v835-mobile-ux .product-buybox__actions{grid-template-columns:1fr 1fr}
  body.v835-mobile-ux .product-buybox__actions .btn{min-width:0;white-space:normal}

  /* Decision cards: compact, readable, no artificial equal heights. */
  body.v835-mobile-ux .decision-grid{display:grid!important;grid-template-columns:1fr!important;gap:10px}
  body.v835-mobile-ux .decision-card{padding:15px!important;border-radius:15px;box-shadow:none}
  body.v835-mobile-ux .decision-card h3{font-size:1rem;line-height:1.34}
  body.v835-mobile-ux .decision-card p{font-size:.82rem;line-height:1.56}
  body.v835-mobile-ux .decision-process{grid-template-columns:1fr!important;gap:8px}

  /* Why-buy: media is contained, not stretched by the text column. */
  body.v835-mobile-ux .reason-grid{grid-template-columns:1fr!important;gap:16px!important;align-items:start!important}
  body.v835-mobile-ux .reason-media{height:auto!important;min-height:0!important;aspect-ratio:4/3}
  body.v835-mobile-ux .reason-media img{width:100%;height:100%;object-fit:contain;background:#f7f9fb}
  body.v835-mobile-ux .reason-item{padding:14px 0}

  /* Pricing: one clear vertical flow, no hidden horizontal content. */
  body.v835-mobile-ux .offer-grid{grid-template-columns:1fr!important;gap:9px}
  body.v835-mobile-ux .offer-grid article{min-height:0!important;padding:16px}
  body.v835-mobile-ux .price-sheet-proof{grid-template-columns:1fr!important;margin-top:12px}
  body.v835-mobile-ux .price-sheet-proof__media{min-height:0!important;padding:10px;border-right:0!important;border-bottom:1px solid #e7ecf1}
  body.v835-mobile-ux .price-sheet-proof__media img{height:auto!important;max-height:390px}
  body.v835-mobile-ux .price-sheet-proof__copy{padding:16px}
  body.v835-mobile-ux .offer-close{display:grid!important;grid-template-columns:1fr!important;gap:11px}
  body.v835-mobile-ux .offer-close>div{display:grid!important;grid-template-columns:1fr!important;width:100%}

  /* Transaction + forms: each side becomes a clean block. */
  body.v835-mobile-ux .b2b-grid--transaction,
  body.v835-mobile-ux .payment-grid--v8,
  body.v835-mobile-ux .order-grid--v8{grid-template-columns:1fr!important;gap:16px!important;align-items:start!important}
  body.v835-mobile-ux .transaction-panel{grid-template-rows:auto!important;gap:10px}
  body.v835-mobile-ux .transaction-card{padding:16px;border-radius:16px}
  body.v835-mobile-ux .transaction-card h3{font-size:1.08rem;margin:9px 0 11px}
  body.v835-mobile-ux .lead-form{padding:18px!important;border-radius:18px!important;min-width:0}
  body.v835-mobile-ux .lead-form input,
  body.v835-mobile-ux .lead-form select,
  body.v835-mobile-ux .lead-form textarea{width:100%;min-width:0;font-size:16px}

  /* DOCUMENT PROOF — primary fix for the screenshot issue.
     Mobile uses five stacked horizontal proof cards instead of a clipped carousel. */
  body.v835-mobile-ux .doc-proof-grid{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;overflow:visible!important;padding:0!important;scroll-snap-type:none!important}
  body.v835-mobile-ux .doc-proof-card{display:grid!important;grid-template-columns:112px minmax(0,1fr)!important;width:100%!important;max-width:100%!important;flex:none!important;min-height:148px;border-radius:16px;overflow:hidden}
  body.v835-mobile-ux .doc-proof-card__media{width:112px!important;height:100%!important;min-height:148px!important;aspect-ratio:auto!important;border-radius:0!important;border-right:1px solid #e3e9e5;background:#f4f7f5}
  body.v835-mobile-ux .doc-proof-card__media img{width:100%;height:100%;object-fit:contain!important;background:#fff}
  body.v835-mobile-ux .doc-proof-card__fallback{padding:9px;gap:5px}
  body.v835-mobile-ux .doc-proof-card__fallback:before{width:44px;height:56px;font-size:.40rem;border-radius:6px}
  body.v835-mobile-ux .doc-proof-card__fallback b{font-size:.62rem;line-height:1.25}
  body.v835-mobile-ux .doc-proof-card__fallback small{font-size:.58rem;line-height:1.25}
  body.v835-mobile-ux .doc-proof-card>div{padding:13px 14px!important;align-self:center}
  body.v835-mobile-ux .doc-proof-card h3{font-size:.95rem;margin-bottom:5px}
  body.v835-mobile-ux .doc-proof-card p{font-size:.73rem;line-height:1.5}
  body.v835-mobile-ux .doc-proof-note{margin-top:12px;font-size:.74rem;line-height:1.55}

  /* Payment: bank card followed by compact rules/QR; no empty paired height. */
  body.v835-mobile-ux .payment-proof-stack{grid-template-columns:1fr!important;gap:10px}
  body.v835-mobile-ux .payment-rules{gap:8px}
  body.v835-mobile-ux .payment-rules>div{padding:13px 14px}

  /* Store gallery: no horizontal thumbnail rail; 12 real photos remain fully selectable. */
  body.v835-mobile-ux .brand-store-layout{grid-template-columns:1fr!important;gap:14px!important;margin-top:16px}
  body.v835-mobile-ux #thuong-hieu .brand-store-evidence__image{aspect-ratio:4/3!important;height:auto!important;min-height:0!important}
  body.v835-mobile-ux .showcase-thumbs--stores{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important;overflow:visible!important;padding:8px!important;scroll-snap-type:none!important;scrollbar-width:none}
  body.v835-mobile-ux .showcase-thumb{width:100%!important;min-width:0!important;flex:none!important}
  body.v835-mobile-ux .showcase-thumb img{aspect-ratio:4/3;object-fit:cover}
  body.v835-mobile-ux .store-branches{padding:14px!important;border-radius:18px!important}
  body.v835-mobile-ux .store-branches__head h3{font-size:1.12rem!important}
  body.v835-mobile-ux .store-branches__head p{font-size:.78rem!important;margin-bottom:12px!important}
  body.v835-mobile-ux .store-branches__grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
  body.v835-mobile-ux .store-branch-card{grid-template-columns:36px 1fr!important;column-gap:7px!important;padding:9px!important;min-height:68px!important}
  body.v835-mobile-ux .store-branch-card>span{width:34px!important;height:34px!important;font-size:.62rem!important}
  body.v835-mobile-ux .store-branch-card strong{font-size:.74rem!important}
  body.v835-mobile-ux .store-branch-card small{font-size:.64rem!important}
  body.v835-mobile-ux .brand-facts{grid-template-columns:repeat(2,minmax(0,1fr))!important;margin-bottom:14px}
  body.v835-mobile-ux .brand-facts>div{padding:13px!important}
  body.v835-mobile-ux .brand-facts b{font-size:1rem}
  body.v835-mobile-ux .brand-facts span{font-size:.68rem}

  /* Brand library: full 15-item library stays visible, without a sideways strip. */
  body.v835-mobile-ux .brand-showcase{grid-template-columns:1fr!important;gap:12px}
  body.v835-mobile-ux .brand-showcase__main{min-height:0!important;height:auto!important;aspect-ratio:4/3;padding:8px}
  body.v835-mobile-ux .brand-showcase__thumbs{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;overflow:visible!important}
  body.v835-mobile-ux .brand-showcase-thumb{grid-template-rows:68px auto!important;min-width:0}
  body.v835-mobile-ux .brand-showcase-thumb img{height:68px!important}
  body.v835-mobile-ux .brand-showcase-thumb span{padding:6px 4px;font-size:.59rem;line-height:1.18}

  /* Press, FAQ, order summary, final CTA: remove width pressure. */
  body.v835-mobile-ux .press-links{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  body.v835-mobile-ux .press-links a{min-width:0}
  body.v835-mobile-ux .order-summary-panel__inner{padding:18px}
  body.v835-mobile-ux .faq-columns{grid-template-columns:1fr!important;gap:8px}
  body.v835-mobile-ux .faq-focus__close{display:grid!important;grid-template-columns:1fr!important;gap:10px}
  body.v835-mobile-ux .faq-focus__close>div{display:grid!important;grid-template-columns:1fr!important;width:100%}
  body.v835-mobile-ux .final-cta{padding:42px 0}
  body.v835-mobile-ux .final-cta__inner{display:grid!important;grid-template-columns:1fr!important;gap:18px!important}
  body.v835-mobile-ux .final-cta__actions{display:grid!important;grid-template-columns:1fr!important;min-width:0!important;width:100%;white-space:normal!important;margin-top:0!important}

  /* Unified pinned conversion dock. One component, two rows, never wider than viewport. */
  body.v835-mobile-ux .mobile-promo-countdown{display:none!important}
  body.v835-mobile-ux .mobile-cta{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:7px!important;
    left:0!important;right:0!important;bottom:0!important;width:100%!important;max-width:100%!important;
    padding:7px max(9px,env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom)) max(9px,env(safe-area-inset-left))!important;
    background:rgba(7,16,29,.985)!important;
    border-top:1px solid rgba(255,255,255,.14)!important;
    box-shadow:0 -14px 36px rgba(2,8,18,.28)!important;
    backdrop-filter:blur(16px)!important;
    overflow:hidden!important;
  }
  body.v835-mobile-ux .mobile-cta__promo{
    grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;
    min-width:0;padding:7px 9px;border:1px solid rgba(247,148,30,.46);border-radius:10px;
    background:linear-gradient(90deg,rgba(247,148,30,.12),rgba(57,181,74,.055));
  }
  body.v835-mobile-ux .mobile-cta__promo[hidden]{display:none!important}
  body.v835-mobile-ux .mobile-cta__promo span{min-width:0;color:#f3c98f;font-size:.58rem;font-weight:650;letter-spacing:.035em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  body.v835-mobile-ux .mobile-cta__promo b{color:#fff;font-size:.72rem;font-weight:750;font-variant-numeric:tabular-nums;white-space:nowrap}
  body.v835-mobile-ux .mobile-cta__promo a{display:inline-flex!important;min-height:28px!important;padding:0 8px!important;border-radius:7px!important;background:#fff!important;color:#172033!important;font-size:.60rem!important;font-weight:700!important;white-space:nowrap!important}
  body.v835-mobile-ux .mobile-cta>a{width:100%!important;min-width:0!important;max-width:100%!important;min-height:48px!important;padding:5px 4px!important;border-radius:10px!important;overflow:hidden!important}
  body.v835-mobile-ux .mobile-cta>a span{font-size:.78rem!important}
  body.v835-mobile-ux .mobile-cta>a b{max-width:100%;font-size:.69rem!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  body.v835-mobile-ux .mobile-cta>a small{max-width:100%;font-size:.56rem!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  body.v835-mobile-ux .back-home{right:12px!important;bottom:calc(128px + env(safe-area-inset-bottom))!important;width:42px!important;height:42px!important}
  body.v835-mobile-ux .footer{padding-bottom:150px!important}

  /* When typing into forms, the pinned dock gets out of the way. */
  body.v835-mobile-ux.mobile-form-focus .mobile-cta{transform:translateY(calc(100% + 12px));opacity:0;pointer-events:none}
  body.v835-mobile-ux .mobile-cta{transition:transform .2s ease,opacity .2s ease}
}

@media (max-width:390px){
  body.v835-mobile-ux .container{width:min(100% - 20px,var(--container))}
  body.v835-mobile-ux .section{padding:44px 0}
  body.v835-mobile-ux .hero-product-head__badges{grid-template-columns:1fr 1fr}
  body.v835-mobile-ux .product-gallery__thumb{height:76px!important;grid-template-rows:50px auto!important}
  body.v835-mobile-ux .product-gallery__thumb img{height:50px!important;max-height:50px!important}
  body.v835-mobile-ux .product-buybox__actions{grid-template-columns:1fr!important}
  body.v835-mobile-ux .doc-proof-card{grid-template-columns:102px minmax(0,1fr)!important;min-height:142px}
  body.v835-mobile-ux .doc-proof-card__media{width:102px!important;min-height:142px!important}
  body.v835-mobile-ux .showcase-thumbs--stores{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  body.v835-mobile-ux .store-branches__grid{grid-template-columns:1fr!important}
  body.v835-mobile-ux .brand-showcase__thumbs{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.v835-mobile-ux .mobile-cta{gap:6px!important;padding-left:7px!important;padding-right:7px!important}
  body.v835-mobile-ux .mobile-cta__promo{gap:6px;padding:6px 7px}
  body.v835-mobile-ux .mobile-cta__promo span{font-size:.54rem}
  body.v835-mobile-ux .mobile-cta__promo b{font-size:.68rem}
  body.v835-mobile-ux .mobile-cta>a b{font-size:.65rem!important}
}

@media(prefers-reduced-motion:reduce){
  body.v835-mobile-ux .mobile-cta{transition:none!important}
}


/* ================================================================
   V8.3.6 — MOBILE FOCUS / SMART PINNING
   Small screens should never lose content behind a pinned header AND
   a two-row bottom dock. Header and CTA are mutually exclusive while
   reading; the campaign countdown remains in the hero, not the dock.
   ================================================================ */
@media (max-width:760px){
  body.v836-mobile-focus{padding-bottom:calc(72px + env(safe-area-inset-bottom))}

  /* Only one compact CTA row on mobile. The full countdown already exists in Hero. */
  body.v836-mobile-focus .mobile-cta__promo{display:none!important}
  body.v836-mobile-focus .mobile-cta{
    grid-template-columns:1fr 1fr 1.18fr!important;
    min-height:0!important;
    padding:7px max(8px,env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))!important;
    transform:translateY(calc(100% + 12px));
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:transform .22s ease,opacity .18s ease,visibility .18s ease!important;
  }
  body.v836-mobile-focus.mobile-dock-visible .mobile-cta{
    transform:none;
    opacity:1;
    visibility:visible;
    pointer-events:auto;
  }
  body.v836-mobile-focus .mobile-cta>a{min-height:46px!important;border-radius:10px!important}
  body.v836-mobile-focus .mobile-cta__buy small{display:none!important}

  /* Smart header: visible at the top / on upward scroll, hidden while reading down. */
  body.v836-mobile-focus .site-header{
    transition:transform .22s ease,box-shadow .2s ease!important;
    will-change:transform;
  }
  body.v836-mobile-focus.mobile-header-hidden .site-header{transform:translateY(calc(-100% - 2px))!important}

  /* Never pin both conversion dock and header in a way that crowds a small viewport. */
  body.v836-mobile-focus.mobile-dock-visible .site-header{transform:translateY(calc(-100% - 2px))!important}

  /* Floating back-to-top occupies the bottom corner only; it moves up when CTA is visible. */
  body.v836-mobile-focus .back-home{
    right:10px!important;
    bottom:calc(12px + env(safe-area-inset-bottom))!important;
    width:40px!important;height:40px!important;
    box-shadow:0 10px 28px rgba(15,23,42,.24)!important;
  }
  body.v836-mobile-focus.mobile-dock-visible .back-home{
    bottom:calc(68px + env(safe-area-inset-bottom))!important;
  }

  /* Form / lightbox = distraction-free mode. */
  body.v836-mobile-focus.mobile-form-focus .mobile-cta,
  body.v836-mobile-focus.lightbox-open .mobile-cta{
    transform:translateY(calc(100% + 12px))!important;
    opacity:0!important;visibility:hidden!important;pointer-events:none!important;
  }
  body.v836-mobile-focus.mobile-form-focus .site-header{transform:translateY(calc(-100% - 2px))!important}
  body.v836-mobile-focus .footer{padding-bottom:92px!important}
}

@media (max-width:430px){
  body.v836-mobile-focus{padding-bottom:calc(66px + env(safe-area-inset-bottom))}
  body.v836-mobile-focus .mobile-cta{gap:6px!important;padding-left:6px!important;padding-right:6px!important}
  body.v836-mobile-focus .mobile-cta>a{min-height:44px!important;padding:4px 3px!important}
  body.v836-mobile-focus .mobile-cta>a span{font-size:.72rem!important}
  body.v836-mobile-focus .mobile-cta>a b{font-size:.64rem!important}
  body.v836-mobile-focus.mobile-dock-visible .back-home{bottom:calc(64px + env(safe-area-inset-bottom))!important}
}

@media (prefers-reduced-motion:reduce){
  body.v836-mobile-focus .site-header,
  body.v836-mobile-focus .mobile-cta{transition:none!important}
}

/* ================================================================
   V8.3.7 — VISUAL BALANCE AUDIT
   Desktop only. Keep V8.3 mobile stacking untouched.
   Principle: paired columns finish on the same visual baseline without
   stretching product galleries or creating empty dark/light voids.
   ================================================================ */
@media (min-width:1101px){
  /* Shared rule: audited paired sections use the same row height. */
  body.v837-visual-balance .b2b-grid--transaction,
  body.v837-visual-balance .payment-grid--v8,
  body.v837-visual-balance .brand-store-layout,
  body.v837-visual-balance .brand-showcase,
  body.v837-visual-balance .order-grid--v8{
    align-items:stretch!important;
  }
  body.v837-visual-balance .b2b-grid--transaction > *,
  body.v837-visual-balance .payment-grid--v8 > *,
  body.v837-visual-balance .brand-store-layout > *,
  body.v837-visual-balance .brand-showcase > *,
  body.v837-visual-balance .order-grid--v8 > *{
    min-width:0;
    height:100%!important;
    align-self:stretch!important;
  }

  /* 1) Transaction section: eliminate the dark void under the left column.
     The retail/business cards share the entire height of the form. */
  body.v837-visual-balance .b2b-grid--transaction{
    grid-template-columns:minmax(0,.97fr) minmax(480px,1.03fr)!important;
    gap:24px!important;
  }
  body.v837-visual-balance .b2b-grid--transaction .lead-form{
    height:100%!important;
    align-self:stretch!important;
  }
  body.v837-visual-balance .transaction-panel{
    display:grid!important;
    grid-template-rows:minmax(0,.88fr) minmax(0,1.12fr)!important;
    gap:12px!important;
    height:100%!important;
    align-content:stretch!important;
  }
  body.v837-visual-balance .transaction-card{
    display:flex!important;
    flex-direction:column!important;
    height:100%!important;
    min-height:0;
    padding:18px!important;
  }
  body.v837-visual-balance .transaction-card h3{
    margin:9px 0 12px!important;
  }
  body.v837-visual-balance .transaction-card ol{
    flex:1 1 auto;
    grid-auto-rows:minmax(0,1fr);
    align-content:stretch;
  }
  body.v837-visual-balance .transaction-card li{
    display:flex;
    flex-direction:column;
    justify-content:center;
  }

  /* 2) Payment section: bank information and payment rules finish together. */
  body.v837-visual-balance .payment-grid--v8{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:24px!important;
  }
  body.v837-visual-balance .payment-grid--v8 .bank-card,
  body.v837-visual-balance .payment-proof-stack{
    height:100%!important;
  }
  body.v837-visual-balance .payment-proof-stack{
    display:grid!important;
    grid-template-columns:minmax(190px,.42fr) minmax(0,.58fr)!important;
    grid-template-rows:1fr!important;
    gap:12px!important;
    align-items:stretch!important;
    align-content:stretch!important;
  }
  body.v837-visual-balance .payment-qr--compact{
    display:flex!important;
    flex-direction:column!important;
    height:100%!important;
  }
  body.v837-visual-balance .payment-qr__image{
    flex:1 1 auto!important;
    min-height:0!important;
  }
  body.v837-visual-balance .payment-qr__image .smart-frame{
    height:100%!important;
    min-height:250px!important;
    aspect-ratio:auto!important;
  }
  body.v837-visual-balance .payment-rules{
    display:grid!important;
    grid-template-rows:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
    height:100%!important;
  }
  body.v837-visual-balance .payment-rules>div{
    display:flex;
    flex-direction:column;
    justify-content:center;
    height:100%;
  }

  /* 3) Store proof: gallery and 12-address list use one common baseline. */
  body.v837-visual-balance .brand-store-layout{
    grid-template-columns:minmax(380px,.86fr) minmax(0,1.14fr)!important;
    gap:20px!important;
  }
  body.v837-visual-balance #thuong-hieu .brand-store-evidence,
  body.v837-visual-balance #thuong-hieu .store-branches{
    height:100%!important;
  }
  body.v837-visual-balance #thuong-hieu .brand-store-evidence{
    display:flex!important;
    flex-direction:column!important;
  }
  body.v837-visual-balance #thuong-hieu .brand-store-evidence__image{
    flex:1 1 auto!important;
    width:100%;
    min-height:0!important;
    height:auto!important;
    aspect-ratio:auto!important;
  }
  body.v837-visual-balance #thuong-hieu .brand-store-evidence__image img{
    width:100%;height:100%;object-fit:contain!important;background:#f5f7fa;
  }
  body.v837-visual-balance #thuong-hieu .showcase-caption,
  body.v837-visual-balance #thuong-hieu .showcase-thumbs{
    flex:0 0 auto;
  }
  body.v837-visual-balance #thuong-hieu .store-branches{
    display:flex!important;
    flex-direction:column!important;
  }
  body.v837-visual-balance #thuong-hieu .store-branches__grid{
    flex:1 1 auto!important;
    grid-auto-rows:minmax(0,1fr);
  }
  body.v837-visual-balance #thuong-hieu .store-branch-card{
    height:100%;
  }

  /* 4) Brand library: preview column and the full 15-item library end together. */
  body.v837-visual-balance .brand-showcase__preview{
    height:100%!important;
  }
  body.v837-visual-balance .brand-showcase__main{
    flex:1 1 auto!important;
    min-height:0!important;
    height:auto!important;
  }
  body.v837-visual-balance .brand-showcase__thumbs{
    height:100%!important;
    grid-template-rows:repeat(5,minmax(0,1fr));
    align-content:stretch!important;
  }
  body.v837-visual-balance .brand-showcase-thumb{
    height:100%;
    grid-template-rows:minmax(72px,1fr) auto!important;
  }
  body.v837-visual-balance .brand-showcase-thumb img{
    height:100%!important;
    min-height:72px;
  }

  /* 5) Order section: summary card uses the full height of the order form.
     Extra height is distributed into meaningful rows, not one empty block. */
  body.v837-visual-balance .order-grid--v8{
    grid-template-columns:minmax(0,.94fr) minmax(480px,1.06fr)!important;
    gap:24px!important;
  }
  body.v837-visual-balance .order-grid--v8 .lead-form,
  body.v837-visual-balance .order-summary-panel{
    height:100%!important;
    align-self:stretch!important;
  }
  body.v837-visual-balance .order-summary-panel__inner{
    display:grid!important;
    grid-template-rows:auto auto minmax(0,1fr) minmax(0,1fr) auto!important;
    gap:10px;
    height:100%!important;
  }
  body.v837-visual-balance .order-summary-panel dl{
    margin:0!important;
  }
  body.v837-visual-balance .order-summary-panel__trust{
    display:flex;
    flex-direction:column;
    justify-content:center;
    height:100%;
    margin-top:0!important;
  }
  body.v837-visual-balance .order-summary-panel .text-link{
    margin-top:2px!important;
  }

  /* 6) Reason section already uses a 50/50 split; make the image consume the
     exact content height, while preserving the source image ratio internally. */
  body.v837-visual-balance .reason-grid{
    align-items:stretch!important;
  }
  body.v837-visual-balance .reason-media,
  body.v837-visual-balance .reason-content{
    height:100%!important;
  }

  /* Full-width headings before all audited split layouts. */
  body.v837-visual-balance .section-wide-head{
    width:100%;max-width:none;
  }
  body.v837-visual-balance .section-wide-head h2{
    width:100%;max-width:none!important;
  }
}

/* Tablet/mobile: never force equal heights. Natural content height is safer. */
@media (max-width:1100px){
  body.v837-visual-balance .b2b-grid--transaction > *,
  body.v837-visual-balance .payment-grid--v8 > *,
  body.v837-visual-balance .brand-store-layout > *,
  body.v837-visual-balance .brand-showcase > *,
  body.v837-visual-balance .order-grid--v8 > *{
    height:auto!important;
    align-self:start!important;
  }
  body.v837-visual-balance .transaction-panel{grid-template-rows:auto!important}
  body.v837-visual-balance .payment-rules{grid-template-rows:auto!important;height:auto!important}
  body.v837-visual-balance .brand-showcase__thumbs{height:auto!important;grid-template-rows:none!important}
  body.v837-visual-balance .order-summary-panel__inner{display:block!important;height:auto!important}
  body.v837-visual-balance .order-summary-panel__trust{height:auto!important;margin-top:10px!important}
}


/* ================================================================
   V8.3.8 — ALIGNMENT FIX + BRAND SHOWCASE REVERT
   1) Step counters/text share a true grid baseline.
   2) Brand identity gallery returns to the V8.3.6 behavior and sizing.
   ================================================================ */
@media (min-width:1101px){
  /* Transaction rows: counter + title + optional description align as one unit. */
  body.v838-alignment-brand-revert .transaction-card li{
    display:grid!important;
    grid-template-columns:24px minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    column-gap:10px!important;
    row-gap:2px!important;
    align-items:center!important;
    align-content:center!important;
    justify-content:stretch!important;
    padding:10px 12px!important;
    min-height:50px!important;
  }
  body.v838-alignment-brand-revert .transaction-card li:before{
    position:static!important;
    left:auto!important;
    top:auto!important;
    grid-column:1!important;
    grid-row:1 / span 2!important;
    align-self:center!important;
    justify-self:start!important;
    width:24px!important;
    height:24px!important;
    margin:0!important;
  }
  body.v838-alignment-brand-revert .transaction-card li b{
    grid-column:2!important;
    grid-row:1!important;
    align-self:end!important;
    margin:0!important;
    line-height:1.3!important;
  }
  body.v838-alignment-brand-revert .transaction-card li small{
    grid-column:2!important;
    grid-row:2!important;
    align-self:start!important;
    margin:0!important;
    line-height:1.4!important;
  }
  body.v838-alignment-brand-revert .transaction-card--business li b:only-child{
    grid-row:1 / span 2!important;
    align-self:center!important;
  }

  /* Restore brand identity gallery exactly to the pre V8.3.7 behavior. */
  body.v838-alignment-brand-revert .brand-showcase{
    align-items:stretch!important;
  }
  body.v838-alignment-brand-revert .brand-showcase > *{
    height:auto!important;
    align-self:stretch!important;
  }
  body.v838-alignment-brand-revert .brand-showcase__preview{
    height:auto!important;
  }
  body.v838-alignment-brand-revert .brand-showcase__main{
    flex:1 1 auto!important;
    min-height:520px!important;
    height:auto!important;
  }
  body.v838-alignment-brand-revert .brand-showcase__thumbs{
    height:auto!important;
    grid-template-rows:none!important;
    align-content:start!important;
  }
  body.v838-alignment-brand-revert .brand-showcase-thumb{
    height:auto!important;
    grid-template-rows:86px auto!important;
  }
  body.v838-alignment-brand-revert .brand-showcase-thumb img{
    height:86px!important;
    min-height:0!important;
  }
}

@media (max-width:1100px){
  /* Keep the established mobile/tablet gallery sizing from V8.3.5/8.3.6. */
  body.v838-alignment-brand-revert .brand-showcase > *{
    height:auto!important;
  }
}


/* ================================================================
   PRODUCTION FINAL — FORM FEEDBACK / MAP LINKS / BANK QR
   ================================================================ */
.store-map-link{display:block;min-width:0;color:inherit;text-decoration:none;border-radius:8px;outline-offset:3px}
.store-map-link strong,.store-map-link small{display:block}
.store-map-link:hover strong,.store-map-link:focus-visible strong{color:var(--green2);text-decoration:underline;text-underline-offset:3px}
.store-map-link:focus-visible{outline:2px solid var(--green2)}
.lead-form input.is-invalid,.lead-form select.is-invalid,.lead-form textarea.is-invalid{border-color:#dc2626!important;box-shadow:0 0 0 3px rgba(220,38,38,.1)!important}
.form-error{margin:12px 0 0;padding:11px 13px;border:1px solid #fecaca;border-radius:12px;background:#fff1f2;color:#b91c1c;font-size:.82rem;font-weight:650;line-height:1.45}
.form-success{height:100%;min-height:360px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:34px;border:1px solid #bbf7d0;border-radius:24px;background:linear-gradient(180deg,#f0fdf4,#fff);color:#14532d;box-shadow:0 24px 60px rgba(15,23,42,.12)}
.form-success[hidden]{display:none!important}
.form-success>span{display:grid;place-items:center;width:52px;height:52px;margin-bottom:14px;border-radius:999px;background:#22c55e;color:#fff;font-size:1.5rem;font-weight:800}
.form-success h3{margin:0;font-size:1.45rem;color:#0f5132}
.form-success p{max-width:460px;margin:9px auto 0;color:#526477;line-height:1.6}
.payment-qr__image img{background:#fff!important;object-fit:contain!important;padding:10px}
@media(max-width:760px){.form-success{min-height:260px;padding:24px 18px;border-radius:18px}.form-success h3{font-size:1.2rem}.store-map-link{padding:1px 0}}