:root{--red: #c8102e;--red-dark: #a00d24;--ink: #1b1f24;--ink-2: #4a525c;--muted: #6b7480;--line: #e3e6ea;--bg: #ffffff;--bg-alt: #f4f5f7;--dark: #15181c;--amber: #f5a524;--radius: 10px;--shadow: 0 1px 2px rgba(16, 24, 40, .06), 0 4px 16px rgba(16, 24, 40, .06);--font: "Be Vietnam Pro", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;font-family:var(--font);color:var(--ink);background:var(--bg);line-height:1.6;font-size:16px}img{max-width:100%;height:auto;display:block}a{color:var(--red);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{line-height:1.25;margin:0 0 .6em;letter-spacing:-.01em}h1{font-size:clamp(1.6rem,3.2vw,2.25rem);font-weight:800}h2{font-size:clamp(1.3rem,2.4vw,1.65rem);font-weight:700}h3{font-size:1.05rem;font-weight:600}p{margin:0 0 1em}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 16px}.narrow{max-width:860px}.section{padding-top:40px;padding-bottom:40px}.section-alt{background:var(--bg-alt)}.center{text-align:center}.lead{color:var(--ink-2);font-size:1.05rem;max-width:70ch}.meta{color:var(--muted);font-size:.9rem}.skip-link{position:absolute;left:-999px;top:0;background:var(--ink);color:#fff;padding:8px 12px;z-index:100}.skip-link:focus{left:8px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:8px;font-weight:600;font-size:.95rem;border:2px solid transparent;cursor:pointer;white-space:nowrap;transition:background .15s,color .15s}.btn:hover{text-decoration:none}.btn-lg{padding:13px 22px;font-size:1rem}.btn-primary{background:var(--red);color:#fff}.btn-primary:hover{background:var(--red-dark)}.btn-outline{border-color:var(--red);color:var(--red);background:#fff}.btn-outline:hover{background:var(--red);color:#fff}.btn-light{background:#fff;color:var(--ink)}.btn-light:hover{background:#f0f0f0}.btn-ghost{border-color:#ffffffb3;color:#fff}.btn-ghost:hover{background:#ffffff1f}.topbar{background:var(--dark);color:#cfd4da;font-size:.85rem}.topbar-inner{display:flex;justify-content:space-between;gap:16px;padding-top:6px;padding-bottom:6px}.topbar a{color:#fff}.topbar-links{display:flex;gap:20px}.site-header{position:sticky;top:0;z-index:50;background:#fffffff7;backdrop-filter:blur(6px);border-bottom:1px solid var(--line)}.header-inner{display:flex;align-items:center;gap:24px;min-height:76px}.logo img{height:56px;width:auto;max-width:200px;object-fit:contain;object-position:left center}.nav{margin-left:auto}.nav-toggle{display:none;margin-left:auto;background:none;border:0;padding:0}.nav-list{list-style:none;margin:0;padding:0;display:flex;gap:4px}.nav-list>li>a{display:block;padding:10px 14px;color:var(--ink);font-weight:600;border-radius:6px}.nav-list>li>a:hover,.nav-list>li>a[aria-current]{color:var(--red);text-decoration:none}.has-sub{position:relative}.mega{display:none;position:absolute;left:50%;transform:translate(-50%);top:100%;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px;gap:24px;grid-template-columns:repeat(3,minmax(170px,1fr));width:max-content}.has-sub:hover .mega,.has-sub:focus-within .mega{display:grid}.mega-col{display:flex;flex-direction:column;gap:4px}.mega-col a{color:var(--ink-2);font-size:.92rem;padding:2px 0}.mega-col a.mega-title{color:var(--ink);font-weight:700;margin-bottom:4px}.header-cta{flex-shrink:0}@media(max-width:960px){.topbar-inner>span:first-child,.topbar-links a[href^=mailto]{display:none}.topbar-inner{justify-content:center}.header-inner{gap:12px;min-height:64px}.logo img{height:44px;max-width:150px}.header-cta{display:none}.site-header{position:sticky}.nav-toggle{display:flex;width:44px;height:44px;align-items:center;justify-content:center;cursor:pointer}.nav:not(.open){display:none}.burger,.burger:before,.burger:after{display:block;width:22px;height:2px;background:var(--ink);position:relative;content:""}.burger:before{position:absolute;top:-7px}.burger:after{position:absolute;top:7px}.nav{position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid var(--line);box-shadow:var(--shadow);max-height:calc(100vh - 100px);overflow:auto}.nav-list{flex-direction:column;padding:8px 16px 16px}.mega{display:grid;position:static;transform:none;border:0;box-shadow:none;padding:0 14px 8px;grid-template-columns:1fr;gap:12px;width:auto}}.breadcrumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:6px;padding:16px 0 8px;margin:0;font-size:.875rem;color:var(--muted)}.breadcrumbs li+li:before{content:"›";margin-right:6px}.breadcrumbs a{color:var(--muted)}.hero{position:relative;color:#fff;background:var(--dark);overflow:hidden}.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.35}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#15181ceb,#15181c8c 60%,#15181c33)}.hero-inner{position:relative;z-index:1;padding-top:72px;padding-bottom:80px;max-width:1200px}.hero h1{max-width:18ch;font-size:clamp(1.9rem,4.6vw,3.1rem)}.hero-lead{max-width:56ch;color:#dfe3e8;font-size:1.08rem}.eyebrow{display:inline-block;color:var(--amber);font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:.8rem}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.usp{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:-36px;position:relative;z-index:2}.usp-item{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:18px 20px;border-top:3px solid var(--red)}.usp-item strong{display:block}.usp-item span{color:var(--muted);font-size:.9rem}@media(max-width:860px){.usp{grid-template-columns:repeat(2,1fr)}}.section-head{display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap;margin-bottom:20px}.section-head h2{margin:0}.section-head>a{font-weight:600}.chips{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 4px}.chip{padding:6px 14px;border-radius:999px;background:#fff;border:1px solid var(--line);color:var(--ink);font-size:.9rem;font-weight:500}.chip:hover{border-color:var(--red);color:var(--red);text-decoration:none}.cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:16px}.cat-tile{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:14px;color:var(--ink);transition:border-color .15s,box-shadow .15s}.cat-tile:hover{border-color:var(--red);box-shadow:var(--shadow);text-decoration:none}.cat-media{display:block;aspect-ratio:4 / 3;margin:-14px -14px 12px;background:var(--bg-alt);overflow:hidden;border-radius:var(--radius) var(--radius) 0 0}.cat-media img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .25s}.cat-tile:hover .cat-media img{transform:scale(1.04)}.cat-tile{overflow:hidden}.cat-name{font-weight:700}.cat-count{color:var(--muted);font-size:.85rem}.grid{display:grid;gap:20px}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}@media(max-width:960px){.grid-4{grid-template-columns:repeat(3,1fr)}.grid-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.grid-4{grid-template-columns:repeat(2,1fr);gap:12px}.grid-3{grid-template-columns:1fr}}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:box-shadow .15s,transform .15s}.card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.card-link{display:flex;flex-direction:column;height:100%;color:inherit}.card-link:hover{text-decoration:none}.card-media{aspect-ratio:1;background:#fafafa;display:grid;place-items:center;overflow:hidden}.card-media img{width:100%;height:100%;object-fit:contain}.card-media-wide{aspect-ratio:16 / 10}.card-media-wide img{object-fit:cover}.card-noimg{color:#c9cdd2;font-weight:800;letter-spacing:.2em;display:grid;place-items:center;aspect-ratio:1;width:100%;background:var(--bg-alt)}.card-body{padding:12px 14px 16px;display:flex;flex-direction:column;gap:4px;flex:1}.card-title{margin:0;font-size:.98rem;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-price{margin:auto 0 0;color:var(--red);font-weight:700}.card-excerpt{margin:0;color:var(--muted);font-size:.9rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.post-card time{color:var(--muted);font-size:.8rem}.about-block{display:grid;grid-template-columns:1.3fr 1fr;gap:40px;align-items:start}@media(max-width:860px){.about-block{grid-template-columns:1fr}}.showroom-list{list-style:none;padding:0;margin:0;display:grid;gap:12px}.showroom-list li{background:var(--bg-alt);border-left:3px solid var(--red);border-radius:6px;padding:12px 16px;display:flex;flex-direction:column}.showroom-list span{color:var(--ink-2);font-size:.92rem}.product-top{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:12px 0 32px}@media(max-width:860px){.product-top{grid-template-columns:1fr;gap:20px}}.gallery-main{width:100%;aspect-ratio:1;object-fit:contain;background:#fafafa;border:1px solid var(--line);border-radius:var(--radius)}.gallery-thumbs{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:10px}.gallery-thumbs img{aspect-ratio:1;object-fit:cover;border:1px solid var(--line);border-radius:6px}.product-price{font-size:1.5rem;font-weight:800;color:var(--red)}.product-promises{list-style:none;padding:0;margin:16px 0;display:grid;gap:6px}.product-promises li:before{content:"✓";color:#1a9b4b;font-weight:800;margin-right:8px}.product-actions{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.product-cat{color:var(--muted);font-size:.9rem}.product-desc{border-top:1px solid var(--line);padding-top:28px}.prose{overflow-wrap:anywhere}.prose img{margin:12px auto;border-radius:6px;display:inline-block;vertical-align:top}.prose ul,.prose ol{padding-left:1.3em}.prose li{margin:4px 0}.prose h2{margin-top:1.4em}.prose h3{margin-top:1.2em}.prose a{text-decoration:underline}.table-wrap{overflow-x:auto;margin:16px 0}.prose table{border-collapse:collapse;width:100%;font-size:.93rem}.prose th,.prose td{border:1px solid var(--line);padding:8px 10px;text-align:left}.prose th{background:var(--bg-alt)}.prose iframe{max-width:100%}.quote-cta{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;background:linear-gradient(120deg,var(--red),#8f0b20);color:#fff;border-radius:14px;padding:28px 32px;margin:32px 0}.quote-cta p{margin:0;color:#fde7ea}.quote-cta .quote-title{color:#fff;font-size:1.35rem;font-weight:800;margin-bottom:4px}.quote-actions{display:flex;gap:10px;flex-wrap:wrap}.quote-cta .btn-primary{background:#fff;color:var(--red)}.quote-cta .btn-primary:hover{background:#ffecef}.pagination{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;padding-bottom:40px}.pagination a{padding:8px 14px;border:1px solid var(--line);border-radius:6px;color:var(--ink)}.pagination a[aria-current]{background:var(--red);border-color:var(--red);color:#fff}.site-footer{background:var(--dark);color:#b8bec6;font-size:.92rem;margin-top:40px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1.3fr .9fr;gap:32px;padding-top:48px;padding-bottom:32px}@media(max-width:860px){.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.footer-grid{grid-template-columns:1fr}}.site-footer a{color:#fff}.footer-logo{background:#fff;border-radius:8px;padding:6px 10px;height:60px;width:auto;max-width:180px;object-fit:contain;margin-bottom:14px}.footer-social{display:flex;gap:14px;flex-wrap:wrap}.footer-name,.footer-title{color:#fff;font-weight:700}.footer-title{text-transform:uppercase;font-size:.82rem;letter-spacing:.08em}.footer-links{list-style:none;padding:0;margin:0;display:grid;gap:8px}.footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding:16px 0;font-size:.85rem}.float-cta{position:fixed;right:16px;bottom:16px;z-index:60;display:flex;flex-direction:column;gap:10px}.float-btn{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:800;font-size:.78rem;box-shadow:0 4px 14px #00000040}.float-btn:hover{text-decoration:none;transform:scale(1.06)}.float-zalo{background:#0068ff}.float-call{background:var(--red);animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #c8102e80}70%{box-shadow:0 0 0 14px #c8102e00}to{box-shadow:0 0 #c8102e00}}@media(prefers-reduced-motion:reduce){.float-call{animation:none}html{scroll-behavior:auto}}
