:root{
  --shell: 1200px;
  --brand: #e11d2d;
  --gray-900:#111827; --gray-700:#374151; --gray-100:#f3f4f6;
  --soft:#f7f7f7;
  --radius:28px;
}

/* reset vắn tắt */
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--gray-900);background:#fff}

/* khung trang */
.shell{max-width:var(--shell);margin:0 auto;padding:0 16px}

/* header */
.header{position:sticky;top:0;z-index:100;background:#fff;border-bottom:1px solid #eee;display:flex;gap:24px;align-items:center;justify-content:space-between;padding:10px 16px}
.header .brand img{height:28px}
.header .nav a{margin-left:24px;text-decoration:none;color:var(--gray-900)}
.header .nav a:hover{color:var(--brand)}

/* promo strip */
.promo{background:var(--soft);color:var(--gray-700);padding:8px 16px;border-radius:12px;margin:16px auto}

/* banner */
.banner{position:relative;border-radius:var(--radius);overflow:hidden;background:#9b2c2c}
.banner-img{display:block;width:100%;height:auto}
.overlay,.vignette,.lottie-wrap{position:absolute;inset:0;pointer-events:none;z-index:1}
.vignette{background:radial-gradient(120% 80% at 50% 0%, rgba(0,0,0,.28), transparent 60%),radial-gradient(120% 80% at 50% 100%, rgba(0,0,0,.22), transparent 60%)}
.text-layer{position:absolute;z-index:2;left:6%;top:12%;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.35)}
.kicker{font-weight:600;font-size:20px;margin:0 0 8px}
.title{font-weight:800;letter-spacing:.02em;font-size:40px;margin:0 0 10px}
.hotline{font-weight:800;font-size:28px;margin:10px 0}

/* neon đỏ */
@keyframes neonPulse{
  0%  { text-shadow:0 0 4px rgba(255,0,0,.55),0 0 8px rgba(255,0,0,.4),0 0 18px rgba(255,0,0,.28); color:#fff5f5;}
  50% { text-shadow:0 0 8px rgba(255,0,0,.75),0 0 22px rgba(255,0,0,.55),0 0 38px rgba(255,0,0,.35); color:#ffe5e5;}
  100%{ text-shadow:0 0 4px rgba(255,0,0,.55),0 0 8px rgba(255,0,0,.4),0 0 18px rgba(255,0,0,.28); color:#fff5f5;}
}
.neon-red{animation:neonPulse 1.6s ease-in-out infinite}
.neon-red.small{font-size:18px}

/* section chung */
.section{padding:28px 0}
.section h2{font-size:24px;margin:0 0 16px}

/* tabs */
.tabs{display:flex;gap:8px;margin:12px 0 16px}
.tab{border:1px solid #eee;background:#fff;padding:8px 14px;border-radius:999px;cursor:pointer}
.tab.active{background:#fee2e2;border-color:#fecaca;color:#b91c1c}
.panel.hidden{display:none}

/* cards gói */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media (max-width:980px){ .cards{grid-template-columns:1fr} }
.card{border:1px solid #eee;border-radius:16px;background:#fff;padding:16px}
.card h3{margin:0 0 6px;font-size:16px}
.card .price{font-weight:800;margin:6px 0 10px}
.bullets{margin:0 0 12px;padding-left:18px}
.actions{display:flex;gap:8px}
.btn{display:inline-block;padding:8px 12px;border-radius:10px;text-decoration:none;border:1px solid #ddd;color:var(--gray-900)}
.btn.primary{background:var(--brand);border-color:var(--brand);color:#fff}
.btn.ghost:hover{border-color:var(--brand);color:var(--brand)}
.hidden{display:none!important}

/* show more */
.show-more{margin-top:12px;border:1px solid #eee;background:#fff;border-radius:10px;padding:8px 12px;cursor:pointer}

/* form đơn giản */
.consult-form{display:flex;gap:8px;flex-wrap:wrap}
.consult-form input{border:1px solid #ddd;border-radius:10px;padding:10px 12px;min-width:220px}
.consult-form .btn{padding:10px 14px}

/* support */
.support-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.support-card{background:var(--soft);border:1px solid #eee;border-radius:16px;padding:14px}
@media (max-width:980px){ .support-grid{grid-template-columns:1fr} }

/* footer */
.footer{color:var(--gray-700);border-top:1px solid #eee;padding:18px 0;margin-top:24px}