:root { --b2b-navy:#00437c; --b2b-ink:#13212d; --b2b-pale:#edf4f8; --b2b-line:#d9e2e8; }
body { color:var(--b2b-ink); }
.site-header .logo { display:flex; align-items:center; gap:8px; }
.b2b-logo-tag { padding:3px 6px; background:var(--b2b-navy); color:white; font-size:10px; font-weight:800; letter-spacing:.08em; }
.b2b-policy-nav { color:inherit; font-size:13px; font-weight:700; text-decoration:none; white-space:nowrap; }
.b2b-policy-nav.active { color:var(--b2b-navy); }
.b2b-header-contact { padding:10px 14px; background:var(--b2b-navy); color:white; font-size:12px; font-weight:700; text-decoration:none; white-space:nowrap; }
.b2b-eyebrow { margin:0 0 10px; color:var(--b2b-navy); font-size:12px; font-weight:800; letter-spacing:.18em; text-transform:uppercase; }
.b2b-hero { background:linear-gradient(112deg,#eaf3f8 0%,#f7fafc 55%,#d8e8f1 100%); overflow:hidden; }
.b2b-hero .container { min-height:430px; display:grid; grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr); align-items:center; gap:60px; }
.b2b-hero h1 { max-width:760px; margin:0; font-size:clamp(42px,6vw,82px); line-height:.96; letter-spacing:-.045em; }
.b2b-hero-copy>p:not(.b2b-eyebrow) { max-width:590px; margin:24px 0 30px; font-size:18px; line-height:1.65; }
.b2b-hero-actions { display:flex; gap:12px; flex-wrap:wrap; }
.b2b-hero-card { position:relative; padding:44px; background:var(--b2b-navy); color:white; box-shadow:22px 22px 0 rgba(0,67,124,.12); }
.b2b-hero-card strong { display:block; font-size:clamp(30px,4vw,52px); line-height:1.05; }
.b2b-hero-card span { display:block; margin-top:18px; color:#cfe4f2; line-height:1.6; }
.b2b-benefits { border-bottom:1px solid var(--b2b-line); }
.b2b-benefits .container { display:grid; grid-template-columns:repeat(3,1fr); }
.b2b-benefits article { padding:28px; border-right:1px solid var(--b2b-line); }
.b2b-benefits article:first-child { border-left:1px solid var(--b2b-line); }
.b2b-benefits strong { display:block; font-size:16px; margin-bottom:5px; }
.b2b-benefits span { color:#62717c; font-size:14px; }
.b2b-section-heading { display:flex; justify-content:space-between; align-items:end; gap:20px; margin-bottom:28px; }
.b2b-section-heading h2 { margin:0; font-size:clamp(28px,4vw,46px); letter-spacing:-.035em; }
.product-price.b2b-card-price { min-height:43px; display:flex; flex-wrap:wrap; align-items:baseline; gap:5px 8px; color:var(--b2b-navy); }
.b2b-card-price strong { font-size:17px; }
.b2b-price-label { width:100%; color:#6b7780; font-size:12px; font-weight:600; text-transform:uppercase; letter-spacing:.06em; }
.b2b-contact-price { color:var(--b2b-navy); font-weight:700; }
.b2b-price-panel { margin:24px 0; padding:22px; background:var(--b2b-pale); border:1px solid #cfdee7; }
.b2b-price-panel h2 { margin:0 0 14px; font-size:18px; }
.b2b-price-row { display:flex; justify-content:space-between; align-items:center; gap:18px; padding:13px 0; border-top:1px solid #d2dfe7; }
.b2b-price-row:first-child { border-top:0; }
.b2b-price-row strong { color:var(--b2b-navy); font-size:18px; white-space:nowrap; }
.b2b-price-row small { margin-left:3px; color:#61727e; font-size:11px; font-weight:500; }
.b2b-price-empty { color:#4f626f; line-height:1.55; }
.b2b-stock-status { display:inline-flex; align-items:center; gap:8px; margin:3px 0 16px; color:#4a5e6a; font-size:14px; }
.b2b-stock-status::before { width:8px; height:8px; border-radius:50%; background:#43825b; content:""; }
.b2b-stock-status.out::before { background:#9d9d9d; }
.b2b-contact-actions { display:grid; grid-template-columns:1fr; gap:10px; margin-top:18px; }
.b2b-contact-actions .btn { min-height:48px; display:flex; align-items:center; justify-content:center; }
.b2b-zalo-button { background:var(--b2b-navy)!important; border-color:var(--b2b-navy)!important; color:white!important; }
.b2b-code-copy { width:100%; margin-top:10px; padding:12px; border:1px solid var(--b2b-line); background:white; cursor:pointer; }
.b2b-policy-strip { padding:76px 0; background:#101c25; color:white; }
.b2b-policy-strip .container { display:grid; grid-template-columns:.8fr 1.2fr; gap:70px; }
.b2b-policy-strip h2 { margin:0; font-size:clamp(34px,5vw,58px); line-height:1; }
.b2b-policy-list { display:grid; gap:0; }
.b2b-policy-list a { display:flex; justify-content:space-between; padding:19px 0; color:white; text-decoration:none; border-bottom:1px solid rgba(255,255,255,.18); }
.b2b-policy-list a::after { content:"→"; }
.b2b-policy-hero { padding:90px 0 70px; background:var(--b2b-pale); }
.b2b-policy-hero h1 { margin:0; font-size:clamp(44px,7vw,82px); letter-spacing:-.05em; }
.b2b-policy-hero p:last-child { max-width:680px; margin:20px 0 0; font-size:18px; line-height:1.6; }
.b2b-policy-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:1px; margin-top:60px; margin-bottom:80px; background:var(--b2b-line); border:1px solid var(--b2b-line); }
.b2b-policy-grid article { min-height:230px; padding:34px; background:white; }
.b2b-policy-grid article>span { color:var(--b2b-navy); font-size:13px; font-weight:800; }
.b2b-policy-grid h2 { margin:28px 0 12px; font-size:24px; }
.b2b-policy-grid p { margin:0; color:#52636f; line-height:1.7; }
.b2b-cta-section { padding:54px 0; background:var(--b2b-navy); color:white; }
.b2b-cta-section .container { display:flex; justify-content:space-between; align-items:center; gap:30px; }
.b2b-cta-section .b2b-eyebrow { color:#bcd9ec; }
.b2b-cta-section h2 { margin:0; }
.b2b-cta-section .btn { background:white!important; border-color:white!important; color:var(--b2b-navy)!important; }
@media (max-width:800px) {
  .b2b-policy-nav { display:none; }
  .b2b-header-contact { padding:8px 9px; font-size:10px; }
  .b2b-logo-tag { font-size:8px; }
  .b2b-hero .container { min-height:0; grid-template-columns:1fr; gap:34px; padding-top:64px; padding-bottom:64px; }
  .b2b-hero h1 { font-size:48px; }
  .b2b-hero-card { padding:30px; box-shadow:12px 12px 0 rgba(0,67,124,.12); }
  .b2b-benefits .container { grid-template-columns:1fr; }
  .b2b-benefits article,.b2b-benefits article:first-child { border-left:0; border-right:0; border-bottom:1px solid var(--b2b-line); }
  .b2b-policy-strip .container,.b2b-policy-grid { grid-template-columns:1fr; gap:34px; }
  .b2b-policy-grid { gap:1px; }
  .b2b-contact-actions { grid-template-columns:1fr; }
  .b2b-cta-section .container { align-items:flex-start; flex-direction:column; }
}