:root{--primary:#0b5cad;--primary-dark:#073f78;--accent:#f28c28;--ink:#16202b;--muted:#5b6875;--line:#e2e8ef;--bg-soft:#f3f7fb;--radius:10px;--shadow:0 6px 24px #102a4b14}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:#fff;margin:0;font-family:Segoe UI,Roboto,Arial,sans-serif;line-height:1.65}img{max-width:100%;height:auto}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}.container{width:min(1180px,100% - 32px);margin-inline:auto}.section{padding:64px 0}.section-soft{background:var(--bg-soft)}.section-title{margin:0 0 8px;font-size:clamp(24px,3vw,32px)}.section-sub{color:var(--muted);margin:0 0 32px}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px;display:flex}.btn{background:var(--accent);color:#fff;border:0;border-radius:999px;padding:12px 22px;font-weight:700;display:inline-block}.btn:hover{filter:brightness(1.05);text-decoration:none}.btn-outline{background:0 0;border:2px solid #fff}.btn-sm{padding:8px 16px;font-size:14px}.header{z-index:20;border-bottom:1px solid var(--line);background:#fff;position:sticky;top:0}.header-dark{background:var(--primary-dark);border-bottom:0;box-shadow:0 2px 12px #00000026}.header-inner{justify-content:space-between;align-items:center;gap:16px;min-height:72px;display:flex}.logo img{object-fit:contain;width:auto;max-width:220px;height:52px;display:block}.nav{align-items:center;gap:22px;display:flex}.nav a{color:var(--ink);font-weight:600}.nav a:hover,.nav a.active{color:var(--primary);text-underline-offset:6px;text-decoration:underline}.header-dark .nav a{color:#fff;opacity:.9}.header-dark .nav a:hover,.header-dark .nav a.active{color:#fff;opacity:1}.nav a.btn{color:#fff}.nav-toggle,.nav-btn{display:none}@media (width<=860px){.nav-btn{cursor:pointer;width:32px;height:24px;display:block;position:relative}.nav-btn span,.nav-btn:before,.nav-btn:after{content:"";background:var(--ink);border-radius:2px;height:3px;position:absolute;left:0;right:0}.header-dark .nav-btn span,.header-dark .nav-btn:before,.header-dark .nav-btn:after{background:#fff}.nav-btn:before{top:0}.nav-btn span{top:10px}.nav-btn:after{bottom:0}.nav{box-shadow:var(--shadow);background:#fff;flex-direction:column;align-items:stretch;gap:12px;padding:16px;display:none;position:absolute;top:72px;left:0;right:0}.header-dark .nav{background:var(--primary-dark)}.nav-toggle:checked~.nav{display:flex}}.hero{background-color:var(--primary-dark);color:#fff;background-position:50%;background-size:cover;padding:96px 0}.hero h1{max-width:760px;margin:0 0 16px;font-size:clamp(30px,5vw,52px);line-height:1.15}.hero p{opacity:.92;max-width:640px;font-size:18px}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.stats{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;max-width:760px;margin-top:48px;display:grid}.stats div{border-radius:var(--radius);background:#ffffff1a;border:1px solid #ffffff40;padding:16px}.stats b{font-size:26px;display:block}.grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:24px;display:grid}.card{border:1px solid var(--line);border-radius:var(--radius);color:inherit;background:#fff;flex-direction:column;transition:box-shadow .2s,transform .2s;display:flex;overflow:hidden}.card:hover{box-shadow:var(--shadow);text-decoration:none;transform:translateY(-2px)}.card-img{aspect-ratio:4/3;background:var(--bg-soft);position:relative;overflow:hidden}.card-img img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.card-body{flex-direction:column;flex:1;gap:8px;padding:16px 18px 20px;display:flex}.card-body h3{margin:0;font-size:17px;line-height:1.4}.card-meta{color:var(--muted);font-size:14px}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{background:var(--bg-soft);color:var(--primary-dark);border-radius:999px;padding:3px 10px;font-size:12.5px}.page-hero{background:var(--bg-soft);border-bottom:1px solid var(--line);padding:40px 0}.page-hero h1{margin:6px 0 0;font-size:clamp(26px,4vw,38px);line-height:1.25}.breadcrumb{color:var(--muted);flex-wrap:wrap;gap:6px;font-size:14px;display:flex}.prose{overflow-wrap:anywhere;max-width:820px}.prose img{border-radius:8px;margin:16px auto;display:block}.prose figure{margin:20px 0}.prose figcaption{text-align:center;color:var(--muted);font-size:14px}.prose h2{margin-top:36px}.prose h3{margin-top:28px}.prose table,.spec-table{border-collapse:collapse;width:100%;margin:16px 0;font-size:15px}.prose td,.prose th,.spec-table td,.spec-table th{border:1px solid var(--line);text-align:left;vertical-align:top;padding:8px 12px}.spec-table th{background:var(--bg-soft);width:45%;font-weight:600}.layout-2{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:48px;display:grid}@media (width<=960px){.layout-2{grid-template-columns:1fr}}.sidebar-box{background:var(--bg-soft);border-radius:var(--radius);padding:24px;position:sticky;top:96px}.sidebar-box h3{margin-top:0}.sidebar-box ul{margin:0;padding-left:18px}.sidebar-box li{margin:6px 0}.product-main{grid-template-columns:1fr 1fr;align-items:start;gap:40px;display:grid}@media (width<=860px){.product-main{grid-template-columns:1fr}}.product-img{background:var(--bg-soft);border-radius:var(--radius);text-align:center;padding:24px}.cta{background:var(--primary-dark);color:#fff;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;padding:40px;display:flex}.cta h2{margin:0 0 6px}.footer{color:#c6d0da;background:#0e1b29;margin-top:64px;padding:56px 0 0}.footer a{color:#fff}.footer h3{color:#fff;margin-top:0}.footer-grid{grid-template-columns:2fr 1.5fr 1fr;gap:32px;display:grid}@media (width<=760px){.footer-grid{grid-template-columns:1fr}}.footer-name{color:#fff;font-size:18px;font-weight:700}.footer p{margin:6px 0}.copyright{border-top:1px solid #ffffff1a;margin-top:32px;padding:18px 0;font-size:14px}.float-call,.float-zalo{z-index:30;color:#fff;width:52px;height:52px;box-shadow:var(--shadow);border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:flex;position:fixed;right:18px}.float-call{background:#e53935;font-size:22px;bottom:86px}.float-zalo{background:#0068ff;font-size:13px;bottom:24px}.float-call:hover,.float-zalo:hover{text-decoration:none}.eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--accent);margin:0 0 12px;font-size:13px;font-weight:700}.lead{color:var(--ink);margin-top:0;font-size:18px}.btn-dark{background:var(--primary-dark)}.contact-grid{grid-template-columns:1fr 1.3fr;align-items:start;gap:40px;display:grid}@media (width<=860px){.contact-grid{grid-template-columns:1fr}}.contact-grid iframe{border-radius:var(--radius);border:0;width:100%;min-height:380px}.pager{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:40px;display:flex}.pager a,.pager span{border:1px solid var(--line);border-radius:8px;padding:8px 14px}.pager span{background:var(--primary);color:#fff;border-color:var(--primary)}.term-list{flex-wrap:wrap;gap:8px;margin-bottom:32px;display:flex}.term-list a{background:var(--bg-soft);color:var(--ink);border-radius:999px;padding:6px 14px;font-size:14px}.term-list a.active{background:var(--primary);color:#fff}.gallery{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px;margin-top:12px;display:grid}.gallery img{aspect-ratio:1;object-fit:cover;background:#fff;border-radius:6px}.logo-text{color:var(--primary-dark);letter-spacing:-.01em;font-size:22px;font-weight:800}.header-dark .logo-text{color:#fff}.price{color:var(--primary);font-size:17px;font-weight:800}.price-lg{margin:0 0 12px;font-size:28px}
