/* Hoàng Phương Minh 2026 — industrial editorial design, no UI framework */
/* Backwards-compatible admin component palette. */
:root{--bg-2:#f4f7fa;--bg-3:#edf2f6;--line:#dfe7ee;--line-2:#d4e0e9;--font:"Segoe UI",Inter,Arial,sans-serif;--ink-2:#496073;--ink-3:#8a9dab;--brand:#d9933b;--ok:#287f58;--err:#be4646}
:root{--navy:#122d49;--navy-dark:#0c223a;--navy-strong:#081d32;--blue:#23567b;--accent:#f2aa50;--accent-dark:#d98b29;--ink:#18324a;--muted:#68798a;--stroke:#e4eaf0;--light:#f4f7fa;--white:#fff;--container:1220px;--r:14px;--shadow:0 22px 64px rgba(18,45,73,.075)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;font-family:"Segoe UI",Inter,Roboto,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.6;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:3px}img{max-width:100%;height:auto;display:block}svg{display:block}h1,h2,h3,p,ul,ol,figure{margin-top:0}h1,h2,h3{line-height:1.18;letter-spacing:-.037em}h1{font-size:clamp(38px,4.7vw,68px)}h2{font-size:clamp(30px,3.3vw,45px)}.container,.wrap{width:min(var(--container),calc(100% - 64px));margin:0 auto}.section,.sec{padding:94px 0}.eyebrow{display:inline-flex;align-items:center;gap:11px;color:#bf8037;font-size:11px;letter-spacing:.18em;font-weight:800;margin-bottom:19px}.eyebrow>span:first-child{display:inline-block;width:21px;height:2px;background:var(--accent)}.eyebrow-light{color:var(--accent)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:22px;margin-bottom:37px}.section-heading h2{margin:0 0 14px;font-weight:800}.section-heading h2>span,.about-intro h2 span,.contact-infos h2 span{color:var(--blue)}.section-heading p{margin:0;color:var(--muted);font-size:15px;max-width:560px}.text-link{display:inline-flex;align-items:center;gap:15px;font-size:13px;font-weight:800;white-space:nowrap;padding:8px 0;color:var(--navy)}.text-link span{font-size:19px}.text-link:hover,.card-more:hover,.article-read:hover{color:var(--accent-dark)}.btn{border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:24px;font-weight:750;font-size:14px;line-height:1.2;padding:17px 23px;border-radius:6px;transition:transform .25s,background .25s,box-shadow .25s;min-height:52px;text-align:center}.btn span:last-child{font-size:19px;line-height:1}.btn:hover{transform:translateY(-2px)}.btn-accent{background:var(--accent);color:#132b42}.btn-accent:hover{background:#ffd18c;box-shadow:0 10px 24px #0002}.btn-primary,.btn-1{background:var(--navy);color:white}.btn-primary:hover,.btn-1:hover{background:#245174}.btn-soft,.btn-ghost{background:#eff4f8;color:var(--navy);border-color:#dbe4ec}.btn-soft:hover,.btn-ghost:hover{background:#e2edf5}.btn-outline-light{color:white;border-color:rgba(255,255,255,.4);background:transparent}.btn-outline-light:hover{background:rgba(255,255,255,.09)}.btn-light{color:var(--navy);background:white}.btn-zalo{background:#e9f3ff;color:#0665c6}.btn-sm{font-size:12px;padding:11px 16px;min-height:39px}.btn-block{width:100%}.skip-link{position:fixed;top:-60px;left:14px;z-index:1000;background:#fff;padding:10px 15px}.skip-link:focus{top:10px}.topline{background:var(--navy-dark);color:#c5d1df;font-size:11px;letter-spacing:.01em}.topline-inner{display:flex;justify-content:space-between;align-items:center;min-height:36px;gap:22px}.topline-left,.topline-right{display:flex;align-items:center;gap:15px}.topline-right a:hover{color:white}.topline-sep{color:#9badc1}.pulse-dot,.machine-status-dot{width:6px;height:6px;background:var(--accent);border-radius:50%;display:inline-block;box-shadow:0 0 0 4px #f1ac5530}.site-header{height:91px;position:sticky;top:0;background:#fff;z-index:100;box-shadow:0 2px 12px #192a390c;border-bottom:1px solid #eaf0f4}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:inline-flex;align-items:center;gap:12px;flex-shrink:0;min-width:229px}.brand-symbol{width:48px;height:48px;display:inline-flex}.brand-symbol svg{width:100%;height:100%}.brand-copy{display:flex;flex-direction:column;line-height:1.2}.brand-copy b{font-size:14px;font-weight:900;letter-spacing:.027em;color:var(--navy)}.brand-copy small{font-size:9px;color:#6f7f8b;letter-spacing:.118em;margin-top:6px;font-weight:700}.desktop-nav{display:flex;align-items:center;gap:30px;height:100%;margin-left:auto}.nav-link{height:100%;display:flex;align-items:center;gap:6px;position:relative;font-size:13px;font-weight:700;color:#3b5064;white-space:nowrap}.nav-link:after{content:"";position:absolute;height:3px;background:var(--accent);bottom:0;left:0;right:100%;transition:right .25s}.nav-link:hover:after,.nav-link.active:after,.nav-parent:hover>.nav-link:after{right:0}.nav-link.active,.nav-link:hover{color:var(--navy)}.nav-parent{height:100%;display:flex;align-items:center}.mega-menu{visibility:hidden;opacity:0;pointer-events:none;transform:translateY(10px);transition:all .2s;position:absolute;top:100%;left:50%;width:min(980px,calc(100vw - 70px));transform:translate(-50%,10px);background:#fff;box-shadow:0 28px 80px #05182e22;border:1px solid var(--stroke);display:grid;grid-template-columns:270px 1fr;padding:16px;border-radius:0 0 12px 12px}.nav-parent:hover .mega-menu,.nav-parent:focus-within .mega-menu{visibility:visible;opacity:1;pointer-events:auto;transform:translate(-50%,0)}.mega-lead{background:var(--navy);color:white;border-radius:7px;padding:30px 25px;display:flex;flex-direction:column;align-items:start}.mini-label{color:var(--accent);font-size:10px;letter-spacing:.14em;font-weight:800}.mega-lead b{font-size:22px;line-height:1.3;margin-top:20px}.mega-lead p{font-size:13px;color:#b0c2d1;margin:15px 0}.mega-lead a{margin-top:auto;font-size:12px;color:var(--accent);font-weight:800}.mega-links{display:grid;grid-template-columns:1fr 1fr;align-content:center;gap:3px;padding:10px 8px 10px 25px}.mega-links a{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px;font-size:12px;font-weight:650;border-radius:5px}.mega-links a:hover{background:var(--light);color:var(--blue)}.mega-links small{color:#9aa9b5;background:#f3f6f9;border-radius:4px;min-width:24px;text-align:center;font-size:10px}.header-actions{display:flex;align-items:center;gap:20px}.icon-btn{border:0;background:transparent;display:grid;place-items:center;color:var(--navy);padding:8px}.header-call{display:flex;gap:10px;align-items:center;padding-left:17px;border-left:1px solid var(--stroke)}.header-call-icon{width:39px;height:39px;border-radius:50%;display:grid;place-items:center;background:#f3f6fa;color:var(--navy);font-size:20px}.header-call small{display:block;color:#8595a4;font-size:10px}.header-call b{font-weight:850;font-size:15px;color:var(--navy)}.header-call:hover b{color:var(--accent-dark)}.search-layer{position:absolute;top:100%;left:0;right:0;box-shadow:0 25px 50px #122d4930;background:#fff;padding:27px 0 30px}.search-layer[hidden]{display:none}.search-layer label{display:block;font-size:12px;font-weight:700;margin-bottom:11px;color:var(--muted)}.search-entry{border:1px solid var(--stroke);display:flex;align-items:center;gap:14px;padding:5px 5px 5px 20px;border-radius:7px}.search-entry svg{color:var(--muted)}.search-entry input{border:0;outline:0;flex:1;padding:13px 0;min-width:0}.search-entry .btn{min-height:45px}.mobile-toggle{display:none;border:0;background:transparent;padding:10px}.mobile-toggle span{display:block;background:var(--navy);width:24px;height:2px;margin:5px 0}.mobile-overlay,.mobile-drawer{display:none}.breadcrumb-wrap{background:#f5f8fa;border-bottom:1px solid var(--stroke)}.breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:11px;padding:12px 0;color:#738497;font-size:12px}.breadcrumb a:hover{color:var(--accent-dark)}.breadcrumb [aria-current]{color:var(--navy)}
/* Hero */
.hero-section{position:relative;overflow:hidden;background:linear-gradient(117deg,#102942 0%,#0e2e4c 51%,#16456b 100%);color:#fff}.hero-grid{position:absolute;inset:0;opacity:.45;pointer-events:none;background-image:linear-gradient(90deg,rgba(255,255,255,.046) 1px,transparent 1px),linear-gradient(0deg,rgba(255,255,255,.046) 1px,transparent 1px);background-size:78px 78px;mask-image:linear-gradient(90deg,transparent,black)}.hero-section:before{content:"";position:absolute;width:660px;height:660px;border:1px solid #ffffff10;border-radius:50%;right:-210px;top:-220px;box-shadow:0 0 0 90px #ffffff03,0 0 0 190px #ffffff02}.hero-layout{min-height:612px;display:grid;grid-template-columns:1fr 1fr;gap:26px;position:relative;align-items:center;padding-top:63px;padding-bottom:63px}.hero-text{z-index:2;padding-right:12px}.hero-eyebrow{color:#e9ba77;font-size:11px;letter-spacing:.18em;font-weight:800;display:flex;align-items:center;gap:12px;margin-bottom:30px}.hero-eyebrow-line{width:25px;height:2px;background:var(--accent)}.hero-text h1{font-size:clamp(40px,4.1vw,63px);line-height:1.1;max-width:650px;margin:0 0 25px;font-weight:830;letter-spacing:-.052em}.hero-text h1 em{font-style:normal;color:#efb86e}.hero-desc{color:#c1d0db;line-height:1.9;font-size:15px;max-width:528px;margin-bottom:31px}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap}.hero-proof{display:flex;gap:23px;margin-top:58px;align-items:center}.hero-proof-item b{display:block;font-size:28px;letter-spacing:-.04em;color:white;line-height:1.1}.hero-proof-item span{display:block;font-size:11px;color:#b2c8d8;margin-top:8px;white-space:nowrap}.hero-proof-rule{width:1px;height:41px;background:#ffffff26}.hero-visual{height:480px;position:relative;display:flex;align-items:center;justify-content:center}.visual-orbit{position:absolute;border:1px solid #ffffff26;border-radius:50%;pointer-events:none}.orbit-1{width:470px;height:470px;right:-15px;top:-16px}.orbit-2{width:370px;height:370px;right:35px;top:34px}.machine-panel{position:relative;width:93%;max-width:550px;background:#fff;border:8px solid #ffffff12;border-radius:8px;box-shadow:0 40px 70px #020d2180;transform:rotate(-1.2deg);z-index:2;overflow:hidden;padding:25px 24px 0;color:var(--navy)}.machine-panel-kicker{font-size:9px;letter-spacing:.16em;font-weight:800;color:#8797a5;display:block;margin-bottom:10px}.machine-panel img{width:100%;height:305px;object-fit:contain}.machine-panel-foot{border-top:1px solid #e8eef3;padding:17px 0 18px;display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.machine-panel-foot span{display:inline-flex;align-items:center;gap:9px;font-weight:750;font-size:9px;color:#8ba0af;letter-spacing:.07em;white-space:nowrap}.machine-panel-foot b{font-size:12px;text-align:right;line-height:1.4}.hero-float{position:absolute;bottom:1px;left:0;z-index:3;background:#fff;box-shadow:0 20px 50px #0002;border-radius:6px;color:var(--navy);padding:16px 22px;display:flex;gap:13px;align-items:center;transform:rotate(1.5deg)}.float-symbol{color:#d89434;font-size:25px}.hero-float b{display:block;font-size:12px}.hero-float small{display:block;color:var(--muted);font-size:11px}.hero-bottom-stripe{height:5px;background:linear-gradient(90deg,var(--accent) 0%,#d78c2f 25%,transparent 70%)}.credibility-strip{background:#f9fbfc;border-bottom:1px solid var(--stroke)}.credibility-inner{display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:85px;color:#708294;font-size:12px;font-weight:700}.cred-title{font-size:10px;color:#a6b1bd;letter-spacing:.13em}.credibility-inner i{height:18px;width:1px;background:#d6e0e8}
/* Categories */
.categories-section{padding-bottom:94px}.category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.category-tile{display:grid;grid-template-columns:117px 1fr 15px;gap:13px;align-items:center;background:#f7f9fb;border:1px solid #eaf0f5;border-radius:9px;padding:18px 18px 18px 10px;min-height:153px;transition:border .25s,transform .25s,box-shadow .25s}.category-tile:hover{transform:translateY(-4px);box-shadow:0 20px 40px #18324a14;border-color:#b8cee0}.category-picture{display:grid;place-items:center;background:#fff;border-radius:7px;height:115px;overflow:hidden}.category-picture img{width:100%;height:100%;object-fit:contain}.category-content{display:flex;flex-direction:column;align-items:flex-start;min-width:0}.category-content small{font-size:10px;color:#a2743b;font-weight:800;margin-bottom:5px}.category-content b{font-size:16px;line-height:1.32;color:var(--navy);font-weight:800;letter-spacing:-.02em}.category-content>span{font-size:11px;color:#8b9aa8;margin-top:7px;line-height:1.5}.category-arrow{font-size:17px;color:#9db0be;align-self:start}.category-extra{display:flex;gap:8px;justify-content:center;align-items:center;padding-top:30px;color:var(--muted);font-size:13px}.category-extra a{font-weight:800;color:var(--blue)}.category-extra a:hover{color:var(--accent-dark)}
/* Cards */
.featured-section{background:#f4f7fa}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.product-card{border:1px solid #e4ecf2;background:#fff;border-radius:8px;overflow:hidden;min-width:0;transition:box-shadow .25s,transform .25s}.product-card:hover{transform:translateY(-4px);box-shadow:0 18px 50px #102f4a14}.product-card-image{height:236px;background:linear-gradient(135deg,#f9fbfc,#f0f4f8);padding:16px;position:relative;display:grid;place-items:center;overflow:hidden}.product-card-image img{height:100%;width:100%;object-fit:contain;transition:transform .45s}.product-card:hover .product-card-image img{transform:scale(1.065)}.product-image-arrow{position:absolute;right:15px;top:15px;background:var(--navy);color:white;display:grid;place-items:center;border-radius:50%;width:29px;height:29px;font-size:16px;opacity:0;transform:translateY(5px);transition:all .25s}.product-card:hover .product-image-arrow{opacity:1;transform:translateY(0)}.product-card-content{padding:23px 24px 25px}.product-card-category{font-size:10px;letter-spacing:.07em;color:#bc843d;font-weight:850;text-transform:uppercase;display:block;margin-bottom:13px}.product-card h3{font-size:19px;line-height:1.35;font-weight:800;letter-spacing:-.024em;min-height:50px;margin-bottom:10px}.product-card h3 a:hover{color:var(--blue)}.product-card p{font-size:13px;color:var(--muted);line-height:1.7;min-height:44px;margin:0 0 18px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.card-more{font-size:12px;color:var(--navy);font-weight:850;display:inline-flex;gap:15px;align-items:center}.card-more span{font-size:18px}.no-image{font-size:12px;letter-spacing:.1em;font-weight:800;color:#a5b3bf}
/* Expertise */
.expertise-section{background:#102d4b;color:#fff;overflow:hidden;position:relative}.expertise-section:before{content:"";width:700px;height:700px;border:1px solid #ffffff13;border-radius:50%;position:absolute;bottom:-410px;left:-150px;box-shadow:0 0 0 100px #ffffff04}.expertise-layout{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:90px}.expertise-intro h2{font-size:clamp(29px,3vw,43px);margin:0 0 22px}.expertise-intro h2 em,.footer-cta h2 em,.inquiry-copy h2 em{font-style:normal;color:var(--accent)}.expertise-intro p{color:#b7c9d8;font-size:14px;max-width:490px;line-height:1.9;margin-bottom:29px}.expertise-steps{display:flex;flex-direction:column;gap:0}.step{display:grid;grid-template-columns:51px 1fr 25px;gap:17px;padding:28px 4px;border-bottom:1px solid #ffffff2b}.step:first-child{padding-top:0}.step:last-child{border:0}.step-number{color:var(--accent);font-size:14px;font-weight:800}.step h3{font-size:19px;letter-spacing:-.02em;margin:0 0 9px}.step p{font-size:13px;color:#aec0d1;line-height:1.7;margin:0}.step-icon{color:#8ca5b8;font-size:20px}
/* Articles */
.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px}.article-card{border:1px solid #e6edf2;border-radius:8px;overflow:hidden;background:#fff;display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s}.article-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.article-card-img{height:210px;overflow:hidden;background:#eff4f7;display:grid;place-items:center}.article-card-img img{height:100%;width:100%;object-fit:cover;transition:transform .45s}.article-card:hover .article-card-img img{transform:scale(1.06)}.article-card-inner{padding:25px;display:flex;flex-direction:column;flex:1}.article-meta{display:flex;align-items:center;gap:10px;justify-content:space-between;color:#ba8139;font-size:10px;font-weight:850;letter-spacing:.08em}.article-meta time{color:#8c9bac;letter-spacing:0}.article-card h3{font-size:19px;line-height:1.44;margin:14px 0 12px;font-weight:800;letter-spacing:-.024em}.article-card h3 a:hover{color:var(--blue)}.article-card p{font-size:13px;color:var(--muted);margin:0 0 20px;line-height:1.8;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.article-read{color:var(--navy);font-size:12px;font-weight:800;display:flex;align-items:center;gap:13px;margin-top:auto}.article-read span{font-size:17px}
/* Inquiry + forms */
.inquiry-section{padding-top:15px}.inquiry-shell{background:var(--navy);border-radius:12px;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;min-height:545px}.inquiry-copy{color:white;padding:68px 58px;position:relative;background:radial-gradient(circle at 10% 95%,#2b5b7b 0%,transparent 42%)}.inquiry-copy:after{content:"";position:absolute;right:-150px;bottom:-200px;width:440px;height:440px;border:1px solid #ffffff1c;border-radius:50%;pointer-events:none}.inquiry-copy h2{font-size:clamp(30px,3vw,44px);margin:0 0 21px}.inquiry-copy p{font-size:14px;color:#b7cad9;line-height:1.9;max-width:420px}.inquiry-phone{display:flex;align-items:center;gap:17px;margin-top:42px}.inquiry-phone>span:first-child{background:#ffffff15;border:1px solid #ffffff23;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;font-size:22px}.inquiry-phone small{display:block;color:#c4d0dc;font-size:10px;font-weight:750;letter-spacing:.1em}.inquiry-phone b{font-size:24px;color:var(--accent)}.inquiry-form{background:#fff;padding:45px 45px 39px}.lead{width:100%}.form-caption{display:flex;justify-content:space-between;font-weight:850;font-size:11px;letter-spacing:.08em;color:var(--navy);margin-bottom:23px}.form-caption span{font-size:10px;font-weight:500;color:#899baa;letter-spacing:0}.lead .field{margin-bottom:18px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field label{display:block;font-size:11px;font-weight:800;color:#41596c;margin-bottom:8px}.field .req{color:#cf7a27}.field input,.field textarea{width:100%;background:#f7f9fb;border:1px solid #e0e8ee;border-radius:5px;min-height:45px;padding:12px 13px;outline:none;transition:border .2s,box-shadow .2s;color:var(--ink);font-size:13px}.field input:focus,.field textarea:focus{border-color:#7c9eba;box-shadow:0 0 0 3px #4b80a118}.field input[aria-invalid],.field textarea[aria-invalid]{border-color:#cc4a46}.field textarea{min-height:106px;resize:vertical}.field-err{color:#b92f30;font-size:11px}.hp{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.lead .btn-block{justify-content:space-between;font-size:13px}.form-note{color:#8d9ba6;text-align:center;font-size:10px;line-height:1.7;margin:14px 0 0}.form-note a{color:var(--navy);font-weight:750}.alert{border-radius:6px;margin-bottom:20px;padding:13px 16px;font-size:12px;line-height:1.7}.alert.ok{color:#246b45;background:#e6f4eb}.alert.err{color:#a23535;background:#fff0ee}
/* Inner pages */
.page-banner{background:linear-gradient(120deg,#102c49,#204b6b);color:#fff;overflow:hidden}.page-banner-inner{min-height:265px;display:flex;align-items:center;justify-content:space-between;position:relative;padding:47px 0}.page-banner h1{font-size:clamp(38px,4vw,56px);margin:0 0 18px;font-weight:800}.page-banner h1 em{color:var(--accent);font-style:normal}.page-banner p{font-size:14px;color:#bfcfdd;line-height:1.8;max-width:630px;margin:0}.banner-decor{position:absolute;right:30px;top:-45px;font-weight:900;letter-spacing:-.09em;font-size:160px;color:#ffffff0b;line-height:1}.banner-decor i{position:absolute;right:-30px;top:0;width:360px;height:360px;border:1px solid #ffffff12;border-radius:50%}.catalog-layout{display:grid;grid-template-columns:254px 1fr;gap:35px}.catalog-sidebar{align-self:start;border:1px solid var(--stroke);border-radius:8px;overflow:hidden}.filter-title{background:var(--navy);color:white;padding:22px 19px;display:flex;justify-content:space-between;align-items:center;gap:9px}.filter-title b{font-size:11px;letter-spacing:.07em}.filter-title span{font-size:10px;color:#bdd0df}.filter-link{padding:14px 18px;display:flex;align-items:start;gap:12px;justify-content:space-between;font-size:12px;border-bottom:1px solid #eff3f6;font-weight:650;line-height:1.45}.filter-link:hover,.filter-link.selected{color:var(--blue);background:#f0f5f8}.filter-link.selected{border-left:3px solid var(--accent);padding-left:15px}.filter-link span{color:#9daab5;font-size:10px;flex-shrink:0}.sidebar-help{padding:25px;background:#f3f7fa}.sidebar-help>span{display:block;font-size:28px;color:#d19b52}.sidebar-help b{font-size:14px;display:block;margin-top:12px}.sidebar-help p{font-size:12px;color:var(--muted);line-height:1.7;margin:11px 0}.sidebar-help a{font-size:12px;font-weight:850;color:var(--blue)}.catalog-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:20px}.catalog-toolbar strong{font-size:19px;font-weight:800;display:block}.catalog-toolbar span{font-size:12px;color:var(--muted);display:block;margin-top:3px}.catalog-search{border:1px solid var(--stroke);border-radius:5px;display:flex;align-items:center;min-width:220px}.catalog-search input{min-width:0;width:100%;font-size:12px;padding:12px;border:0;outline:none;background:transparent}.catalog-search button{font-size:25px;background:transparent;border:0;color:var(--navy);padding:0 13px}.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.catalog-grid .product-card-image{height:200px}.catalog-grid .product-card-content{padding:21px 18px}.catalog-grid .product-card h3{font-size:16px}.catalog-grid .product-card p{font-size:12px}.mobile-filter{display:none}.empty-state{background:var(--light);padding:60px 30px;text-align:center;border-radius:10px}.empty-state h2{font-size:23px}.empty-state p{color:var(--muted)}.article-list-grid{row-gap:25px}
/* Detail */
.detail-section{padding:56px 0 56px}.detail-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:66px}.gallery-stage{background:#f6f8fa;border:1px solid #e6eef3;border-radius:8px;height:440px;display:grid;place-items:center;position:relative;padding:30px}.gallery-stage>img{height:100%;width:100%;object-fit:contain;transition:opacity .22s}.gallery-index{position:absolute;left:18px;top:18px;color:#9aa9b7;font-size:9px;font-weight:800;letter-spacing:.09em}.gallery-expand{position:absolute;bottom:18px;right:18px;width:35px;height:35px;border-radius:4px;background:white;box-shadow:0 4px 12px #0001;display:grid;place-items:center;font-size:21px}.gallery-thumbnails{display:flex;flex-wrap:wrap;gap:11px;margin-top:13px}.gallery-thumb{width:78px;height:70px;border-radius:6px;border:1px solid #dce5ec;background:white;padding:5px}.gallery-thumb.active,.gallery-thumb:hover{border-color:var(--accent)}.gallery-thumb img{object-fit:contain;height:100%;width:100%}.gallery-assurance{display:grid;grid-template-columns:1fr 1fr;margin-top:24px;gap:16px}.gallery-assurance>div{display:grid;grid-template-columns:29px 1fr;column-gap:10px;align-content:start}.gallery-assurance span{font-size:23px;color:#c89a59;grid-row:span 2}.gallery-assurance b{font-size:12px}.gallery-assurance p{grid-column:2;font-size:11px;color:var(--muted);margin:5px 0}.detail-overline{color:#bd843e;display:flex;gap:12px;align-items:center;font-size:10px;font-weight:850;letter-spacing:.09em;text-transform:uppercase;line-height:1.5}.detail-overline-rule{width:24px;height:1px;background:#c5d0db;flex-shrink:0}.detail-info h1{font-size:clamp(32px,3vw,46px);line-height:1.22;margin:17px 0 18px}.detail-label{font-size:10px;letter-spacing:.12em;font-weight:800;background:#f1f5f8;display:inline-block;color:#55728b;padding:8px 11px;border-left:3px solid var(--accent)}.detail-summary{font-size:14px;line-height:1.8;color:#6a7b8c;margin:23px 0}.detail-keyline{border-top:1px solid var(--stroke);border-bottom:1px solid var(--stroke);padding:20px 0;margin:30px 0;display:grid;grid-template-columns:1fr 1fr;gap:20px}.detail-keyline span{display:block;font-size:11px;color:#8d9eaa;margin-bottom:5px}.detail-keyline strong{font-size:12px;color:var(--navy)}.detail-cta{display:flex;flex-wrap:wrap;gap:11px}.detail-assist{background:#f6f8fb;border:1px solid #e6edf1;padding:19px;margin-top:25px;display:grid;grid-template-columns:28px 1fr;column-gap:11px;border-radius:6px}.assist-mark{font-size:22px;color:#c69247}.detail-assist strong{font-size:12px}.detail-assist p{font-size:11px;color:var(--muted);margin:5px 0}.detail-assist a{font-size:12px;font-weight:800;color:var(--blue);grid-column:2}.detail-body-section{padding-top:44px;border-top:1px solid var(--stroke)}.detail-body-layout{display:grid;grid-template-columns:minmax(0,1fr) 375px;gap:74px}.detail-article>h2{margin:0 0 32px;font-size:31px}.sticky-quote-box{position:sticky;top:113px;background:#fff;border:1px solid var(--stroke);box-shadow:0 12px 45px #112a4410;border-radius:8px;padding:30px}.sticky-quote-box h3{font-size:22px;margin:0 0 8px}.sticky-quote-box>p{font-size:12px;color:var(--muted);line-height:1.7;margin-bottom:25px}.sticky-quote-box .field-row{grid-template-columns:1fr}.sticky-quote-box .lead .field{margin-bottom:12px}.sticky-quote-box .form-caption{display:none}
/* Rich content */
.prose{font-size:15px;line-height:1.94;color:#475d70;overflow-wrap:anywhere}.prose p{margin:0 0 20px}.prose strong,.prose b{color:var(--ink)}.prose h2,.prose h3,.prose h4,.prose h5{color:var(--navy);line-height:1.35;margin:30px 0 14px;letter-spacing:-.02em}.prose h2{font-size:26px}.prose h3{font-size:21px}.prose h4,.prose h5{font-size:17px}.prose ul,.prose ol{padding-left:23px;margin:12px 0 25px}.prose li{margin-bottom:8px}.prose li::marker{color:#d49c53}.prose img{max-width:100%;height:auto;margin:22px auto;border-radius:5px}.prose iframe{width:100%;aspect-ratio:16/9;max-height:485px;height:auto;border:0;border-radius:5px;margin:12px 0 26px}.prose figure{margin:20px 0}.prose blockquote{border-left:3px solid var(--accent);background:#f5f8fa;padding:15px 20px;margin:22px 0}.prose a{color:var(--blue);text-decoration:underline}.prose dl.spec{display:grid;grid-template-columns:minmax(130px,210px) 1fr;border:1px solid var(--stroke);border-radius:5px;overflow:hidden;margin:26px 0}.prose dl.spec dt,.prose dl.spec dd{padding:13px 17px;margin:0;border-bottom:1px solid var(--stroke);font-size:13px}.prose dl.spec dt{font-weight:800;background:#f2f6f9;color:var(--navy)}.prose dl.spec dd{color:#435a6d}.prose dl.spec :nth-last-child(-n+2){border-bottom:0}.prose table{max-width:100%;display:block;overflow-x:auto;border-collapse:collapse}.prose th,.prose td{border:1px solid var(--stroke);padding:11px}.prose th{background:var(--light)}
/* Article detail */
.article-detail{padding:60px 0 70px}.article-detail-head{max-width:900px;margin:0 auto 32px;text-align:center}.article-detail h1{font-size:clamp(32px,4vw,53px);margin:0 0 20px}.article-detail-head .eyebrow{justify-content:center}.article-author{font-size:11px;color:#8c9aaa;display:flex;justify-content:center;gap:18px;font-weight:800;letter-spacing:.08em}.article-cover{height:425px;max-width:1050px;margin:0 auto 57px;border-radius:9px;overflow:hidden;background:#f4f7fa;display:grid;place-items:center}.article-cover img{width:100%;height:100%;object-fit:contain}.article-detail-grid{max-width:1050px;margin:auto;display:grid;grid-template-columns:1fr 285px;gap:70px}.article-prose{font-size:15px}.article-side-card{background:var(--navy);padding:28px 24px;color:#fff;border-radius:8px;position:sticky;top:114px}.article-side-card h3{font-size:23px;margin:0 0 14px}.article-side-card p{font-size:12px;color:#b9c9d7;line-height:1.8}.article-side-card .btn{width:100%;background:var(--accent);color:var(--navy);font-size:12px;padding:12px}.article-side-phone{margin-top:15px;display:block;text-align:center;color:#f0bf81;font-size:15px;font-weight:800}.article-end{border-top:1px solid var(--stroke);display:flex;align-items:center;justify-content:space-between;padding-top:28px;margin-top:40px;gap:14px;font-size:12px;color:var(--muted)}.article-end a:not(.btn){font-weight:800;color:var(--blue)}.search-large{display:flex;border:1px solid var(--stroke);border-radius:6px;padding:7px;gap:10px;margin-bottom:45px}.search-large input{border:0;outline:0;min-width:0;padding:14px;flex:1}.search-block{margin-top:50px}
/* About */
.about-layout{display:grid;grid-template-columns:360px minmax(0,1fr);gap:90px}.about-intro h2{font-size:38px;margin:0 0 20px}.about-intro>p{color:var(--muted);font-size:14px;line-height:1.9}.about-year{display:flex;align-items:center;gap:15px;border-top:1px solid var(--stroke);border-bottom:1px solid var(--stroke);padding:25px 0;margin:28px 0}.about-year b{font-size:42px;color:var(--navy);line-height:1}.about-year span{font-size:12px;color:var(--muted)}.about-documents{margin-top:27px;display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.about-documents a{border:1px solid var(--stroke);padding:9px;border-radius:5px;background:#f5f8fa;min-height:140px;display:grid;place-items:center}.about-documents img{max-height:190px;width:100%;object-fit:contain}
/* Contact */
.contact-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:62px}.contact-mini{background:var(--light);padding:28px 25px;border-radius:8px;border:1px solid var(--stroke);position:relative;display:flex;flex-direction:column}.contact-mini>span{font-size:10px;letter-spacing:.1em;font-weight:850;color:#a17438}.contact-mini b{font-size:22px;margin:15px 0 10px;letter-spacing:-.024em;color:var(--navy)}.contact-mini small{font-size:12px;color:var(--muted)}.contact-mini i{position:absolute;right:21px;top:21px;color:var(--blue);font-style:normal;font-size:18px}.contact-mini:hover{border-color:#b6c8d7}.contact-main{display:grid;grid-template-columns:1fr 1fr;gap:70px}.contact-infos h2{font-size:36px;max-width:460px;margin:0 0 30px}.contact-details{display:grid;grid-template-columns:130px 1fr;gap:13px 20px;font-size:13px;margin:0 0 32px}.contact-details dt{font-weight:800;color:var(--navy)}.contact-details dd{margin:0;color:var(--muted)}.contact-details dd a:hover{color:var(--blue)}.contact-map{border-radius:7px;overflow:hidden;margin:20px 0 10px;background:#eef2f5}.contact-map iframe{width:100%;height:240px;border:0;display:block}.contact-form-panel{border:1px solid var(--stroke);background:#fbfcfd;padding:38px 35px;border-radius:9px;align-self:start}.contact-form-panel h2{font-size:29px;margin:0 0 9px}.contact-form-panel>p{font-size:13px;color:var(--muted);line-height:1.75;margin-bottom:25px}.contact-form-panel .lead .field-row{grid-template-columns:1fr 1fr}
/* Footer */
.footer-cta{background:linear-gradient(115deg,#1b4667,#123451);color:white;padding:62px 0;position:relative;overflow:hidden}.footer-cta-in{display:flex;justify-content:space-between;align-items:center;gap:40px}.footer-cta h2{font-size:clamp(28px,3.15vw,43px);margin:0}.footer-cta-actions{display:flex;gap:12px;flex-wrap:wrap}.site-footer{background:var(--navy-strong);color:#bacbd8;padding:69px 0 0}.footer-main{display:grid;grid-template-columns:1.6fr .8fr 1fr 1fr;gap:46px;padding-bottom:55px}.brand-footer .brand-copy b{color:white}.brand-footer .brand-copy small{color:#c4d2de}.footer-about>p{color:#b3c3d1;font-size:13px;line-height:1.9;max-width:320px;margin:22px 0}.footer-address{display:flex;flex-direction:column;gap:4px;margin-top:16px;font-size:12px;line-height:1.7}.footer-address strong{color:white}.footer-col{display:flex;flex-direction:column;gap:13px;font-size:12px}.footer-col h3{color:#fff;font-size:15px;letter-spacing:-.01em;margin:5px 0 17px}.footer-col a:hover{color:var(--accent)}.footer-contact span{font-size:10px;color:#718da3;font-weight:750}.footer-contact a,.footer-contact p{margin:-10px 0 7px;line-height:1.5}.footer-contact .footer-hotline{font-size:22px;font-weight:850;color:var(--accent)}.footer-map{color:var(--accent)}.footer-bottom{border-top:1px solid #ffffff18;display:flex;justify-content:space-between;gap:24px;padding:23px 0 31px;color:#8398a9;font-size:10px}.footer-bottom a{color:#a6bbc8;margin-left:12px}.floating-contact{position:fixed;right:20px;bottom:122px;display:flex;flex-direction:column;gap:11px;z-index:60}.floating-contact a{width:47px;height:47px;border-radius:50%;box-shadow:0 8px 30px #0003;display:grid;place-items:center;color:#fff;font-weight:800}.floating-zalo{background:#0878d4;font-size:12px}.floating-phone{background:var(--navy);font-size:22px}.back-top{position:fixed;left:20px;bottom:25px;background:#fff;color:var(--navy);border:1px solid var(--stroke);border-radius:50%;width:39px;height:39px;display:grid;place-items:center;z-index:35;box-shadow:0 5px 20px #0001;opacity:0;pointer-events:none;transition:opacity .25s}.back-top.visible{opacity:1;pointer-events:auto}.mobile-bottom-bar{display:none}
/* Legacy admin compatibility */
.admin .btn{gap:9px}.admin .wrap{width:min(1120px,calc(100% - 40px))}.admin .field{margin-bottom:15px}.admin .field input,.admin .field textarea{width:100%;padding:11px;border:1px solid #dce5ec;border-radius:4px}.admin input,.admin select{max-width:100%}
@media(max-width:1200px){.desktop-nav{gap:21px}.header-inner{gap:18px}.header-call{display:none}.hero-layout{grid-template-columns:1.03fr .97fr}.hero-text h1{font-size:52px}.hero-proof{gap:16px}.category-tile{grid-template-columns:90px 1fr 15px;min-height:136px}.category-picture{height:98px}.category-content b{font-size:14px}.detail-body-layout{grid-template-columns:1fr 340px;gap:45px}.footer-main{gap:30px}}
@media(max-width:1000px){.container,.wrap{width:min(var(--container),calc(100% - 42px))}.desktop-nav{display:none}.header-call{display:flex}.mobile-toggle{display:block}.site-header{height:78px}.mobile-overlay{display:block;position:fixed;z-index:149;inset:0;background:#071d3199}.mobile-overlay[hidden]{display:none}.mobile-drawer{display:flex;flex-direction:column;position:fixed;right:0;top:0;bottom:0;z-index:150;width:min(360px,90vw);background:white;overflow:auto;padding:24px;box-shadow:-18px 0 48px #0003;transform:translateX(105%);transition:transform .25s}.mobile-drawer.open{transform:translateX(0)}.drawer-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--stroke);padding-bottom:20px;margin-bottom:8px}.drawer-top strong{font-size:17px}.close-btn{border:0;background:var(--light);width:34px;height:34px;border-radius:50%}.mobile-drawer>a:not(.drawer-call),.mobile-drawer>details>summary{padding:15px 4px;font-size:14px;font-weight:750;border-bottom:1px solid var(--stroke);color:var(--navy)}.mobile-drawer>details>summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between}.mobile-drawer details summary::-webkit-details-marker{display:none}.drawer-cats{display:flex;flex-direction:column;max-height:270px;overflow:auto;background:var(--light);padding:10px 12px}.drawer-cats a{font-size:12px;padding:9px}.drawer-search{display:flex;margin-top:18px;border:1px solid var(--stroke)}.drawer-search input{flex:1;padding:13px;border:0;min-width:0;outline:0}.drawer-search button{border:0;padding:0 15px;background:var(--navy);color:white}.drawer-call{background:var(--accent);color:var(--navy);font-weight:800;padding:12px 17px;text-align:center;margin-top:15px;border-radius:5px}.hero-layout{grid-template-columns:1fr 1fr;min-height:570px}.hero-text h1{font-size:45px}.hero-visual{height:400px}.machine-panel{padding:19px 15px 0;width:100%}.machine-panel img{height:240px}.hero-proof{margin-top:32px}.hero-proof-item b{font-size:22px}.hero-proof-item span{font-size:10px}.hero-float{left:-20px;bottom:7px}.credibility-inner{flex-wrap:wrap;justify-content:center;padding:20px 0;min-height:0}.category-grid{grid-template-columns:repeat(2,1fr)}.product-grid{grid-template-columns:repeat(2,1fr)}.catalog-grid{grid-template-columns:repeat(2,1fr)}.expertise-layout{gap:35px}.article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.inquiry-copy{padding:48px 35px}.inquiry-form{padding:35px}.footer-main{grid-template-columns:1.5fr 1fr 1fr}.footer-contact{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);column-gap:20px}.footer-contact h3{grid-column:1/-1}.detail-grid{gap:30px}.detail-body-layout{grid-template-columns:1fr 320px;gap:28px}.about-layout{grid-template-columns:275px 1fr;gap:40px}.contact-main{gap:35px}}
@media(max-width:700px){.container,.wrap{width:calc(100% - 32px)}.section,.sec{padding:58px 0}.topline{display:none}.site-header{height:68px}.header-inner{gap:10px}.brand{gap:8px;min-width:0}.brand-symbol{width:39px;height:39px}.brand-copy b{font-size:11px}.brand-copy small{font-size:7px;letter-spacing:.06em}.header-actions{gap:4px}.header-call{display:none}.search-layer{padding:17px 0}.search-entry{padding:8px 12px}.search-entry .btn{padding:11px;font-size:11px;min-height:40px;gap:4px}.hero-layout{display:flex;flex-direction:column;align-items:stretch;gap:0;min-height:0;padding-top:50px;padding-bottom:50px}.hero-text h1{font-size:clamp(39px,8vw,52px);line-height:1.13}.hero-eyebrow{font-size:10px;margin-bottom:21px}.hero-desc{font-size:14px;line-height:1.8}.hero-buttons{gap:9px}.hero-buttons .btn{min-height:48px;font-size:12px;padding:14px;gap:12px}.hero-proof{margin-top:34px;gap:14px;justify-content:space-between}.hero-proof-item b{font-size:25px}.hero-proof-item span{font-size:9px;white-space:normal}.hero-proof-rule{height:38px}.hero-visual{height:350px;width:100%;margin:35px auto 0}.machine-panel{width:91%;max-width:390px;padding:16px 12px 0;border-width:6px}.machine-panel img{height:210px}.machine-panel-kicker{font-size:8px}.machine-panel-foot{padding:12px 0;flex-direction:column;gap:4px}.machine-panel-foot b{text-align:left;font-size:11px}.hero-float{left:0;bottom:-4px;transform:rotate(1deg);padding:10px 14px}.hero-float b{font-size:11px}.hero-float small{font-size:9px}.orbit-1{width:340px;height:340px;right:2%;top:-3px}.orbit-2{width:250px;height:250px;right:14%;top:38px}.credibility-inner{gap:12px 16px;font-size:10px}.cred-title{width:100%;text-align:center}.credibility-inner i{display:none}.section-heading{align-items:flex-start;gap:15px;margin-bottom:26px;flex-direction:column}.section-heading h2{font-size:30px;margin-bottom:11px}.section-heading p{font-size:13px}.text-link{font-size:12px}.category-grid{grid-template-columns:1fr;gap:11px}.category-tile{grid-template-columns:106px 1fr 14px;padding:12px;min-height:123px}.category-picture{height:95px}.category-content b{font-size:15px}.category-extra{align-items:flex-start;flex-direction:column;padding-top:25px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.product-card-image{height:170px;padding:10px}.product-card-content{padding:15px 12px 18px}.product-card-category{font-size:9px;margin-bottom:7px}.product-card h3{font-size:14px;line-height:1.37;min-height:0;margin-bottom:7px}.product-card p{font-size:11px;line-height:1.55;min-height:0;margin-bottom:10px}.card-more{font-size:11px;gap:7px}.product-image-arrow{display:none}.expertise-layout{display:block}.expertise-intro h2{font-size:32px}.expertise-steps{margin-top:45px}.step{padding:21px 0}.step h3{font-size:17px}.article-grid{grid-template-columns:1fr;gap:16px}.article-card-img{height:205px}.article-card-inner{padding:20px}.article-card h3{font-size:18px}.inquiry-section{padding-top:0}.inquiry-shell{display:block}.inquiry-copy{padding:39px 24px}.inquiry-copy h2{font-size:34px}.inquiry-phone{margin-top:27px}.inquiry-form{padding:28px 22px}.field-row{grid-template-columns:1fr;gap:0}.footer-cta{padding:46px 0}.footer-cta-in{align-items:flex-start;flex-direction:column;gap:25px}.footer-cta h2{font-size:30px}.site-footer{padding-top:45px}.footer-main{grid-template-columns:1fr 1fr;gap:33px 17px}.footer-about{grid-column:1/-1}.footer-about>p{max-width:100%}.footer-col{gap:10px}.footer-col h3{margin-bottom:10px}.footer-contact{grid-column:1/-1;display:flex}.footer-bottom{display:block;padding-bottom:100px;line-height:1.8}.footer-bottom span{display:block;margin-bottom:5px}.floating-contact,.back-top{display:none}.mobile-bottom-bar{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:90;box-shadow:0 -8px 25px #0d29401f;background:#fff;gap:0;padding-bottom:env(safe-area-inset-bottom)}.mobile-bottom-bar a{min-height:58px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;gap:5px}.mobile-bottom-bar .mb-call{flex:1;color:var(--navy)}.mobile-bottom-bar .mb-zalo{flex:.65;background:#ecf5ff;color:#1474cc}.mobile-bottom-bar .mb-quote{flex:1.4;background:var(--accent);color:var(--navy)}.page-banner-inner{min-height:226px;padding:42px 0}.page-banner h1{font-size:38px}.page-banner p{font-size:13px}.banner-decor{right:-15px;top:40px;font-size:74px}.catalog-layout{display:block}.catalog-sidebar{display:none}.mobile-filter{display:block;border:1px solid var(--stroke);border-radius:5px;margin-bottom:19px}.mobile-filter summary{padding:12px;font-weight:800;font-size:12px;background:var(--light);cursor:pointer}.filter-mobile-list{display:flex;flex-direction:column;max-height:270px;overflow:auto}.filter-mobile-list a{border-top:1px solid var(--stroke);padding:11px 12px;font-size:12px}.catalog-toolbar{align-items:stretch;flex-direction:column;gap:13px}.catalog-search{width:100%}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-grid .product-card-image{height:160px}.catalog-grid .product-card-content{padding:15px 12px}.catalog-grid .product-card h3{font-size:14px}.detail-section{padding:24px 0 46px}.detail-grid{display:block}.gallery-stage{height:320px;padding:20px}.gallery-thumbnails{gap:8px}.gallery-thumb{height:59px;width:67px}.gallery-assurance{margin:20px 0 32px}.detail-info h1{font-size:32px}.detail-summary{font-size:13px}.detail-keyline{margin:22px 0}.detail-cta .btn{flex:1;gap:7px;padding:12px 13px;min-height:47px;font-size:12px}.detail-body-section{padding-top:43px}.detail-body-layout{display:block}.detail-form-aside{margin-top:40px}.sticky-quote-box{padding:26px 20px}.prose{font-size:14px}.prose dl.spec{grid-template-columns:115px 1fr}.prose dl.spec dt,.prose dl.spec dd{padding:10px;font-size:12px}.article-detail{padding:42px 0}.article-detail h1{font-size:33px}.article-detail-head{margin-bottom:25px}.article-cover{height:250px;margin-bottom:35px}.article-detail-grid{display:block}.article-side{margin-top:35px}.article-end{flex-wrap:wrap}.about-layout{display:block}.about-intro{margin-bottom:38px}.about-intro h2{font-size:32px}.about-documents{grid-template-columns:repeat(2,1fr)}.contact-cards{grid-template-columns:1fr;gap:11px;margin-bottom:42px}.contact-mini{padding:19px}.contact-mini b{font-size:20px;margin:10px 0 6px}.contact-main{display:block}.contact-infos h2{font-size:31px}.contact-details{grid-template-columns:115px 1fr;gap:11px}.contact-form-panel{margin-top:35px;padding:30px 20px}.contact-form-panel .lead .field-row{grid-template-columns:1fr}.search-large{flex-direction:column;padding:12px}.search-large .btn{width:100%}.search-large input{width:100%}}
@media(max-width:370px){.brand-copy b{font-size:10px}.brand-copy small{font-size:6px}.product-card-image{height:142px}.product-card h3{font-size:13px}.hero-text h1{font-size:37px}.hero-proof-item span{font-size:8px}.detail-cta{flex-direction:column}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* HPM V6 — official refreshed logo across screens */
.brand-symbol{height:50px;width:50px;display:inline-flex;align-items:center;justify-content:center;flex:none}.brand-symbol img{display:block;width:100%;height:100%;object-fit:contain}.brand-footer .brand-symbol{height:52px;width:52px}.drawer-brand{display:inline-flex;align-items:center;gap:10px}.drawer-brand img{object-fit:contain;flex:none}@media(max-width:420px){.brand-symbol{width:43px;height:43px}.brand-copy b{font-size:12px}.brand-copy small{font-size:8px;letter-spacing:.07em}}

/* V7: Nội dung SEO có ích và video vận hành thực tế */
.mdg-seo-intro{background:#fff}.mdg-intro-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(270px,.85fr);gap:clamp(24px,5vw,80px);align-items:start}.mdg-intro-main h2,.mdg-video-copy h2{font-size:clamp(28px,3.1vw,44px);line-height:1.17;letter-spacing:-.025em;margin:14px 0 24px;color:#102b49}.mdg-intro-main h2 span,.mdg-video-copy h2 span{color:#dd7410}.mdg-intro-main p,.mdg-video-copy p{line-height:1.85;color:#516477;margin:0 0 16px}.mdg-intro-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}.mdg-intro-links a{border:1px solid #d9e2ea;border-radius:10px;padding:11px 14px;text-decoration:none;font-weight:700;color:#123456}.mdg-intro-links a:hover,.mdg-intro-links a:focus-visible{border-color:#ec8b23;background:#fff8ef}.mdg-intro-aside{border:1px solid #e4eaf0;background:#f6f9fc;border-radius:18px;padding:28px}.mdg-intro-aside h3{margin:0 0 14px;color:#123456;font-size:21px}.mdg-intro-aside>a{display:flex;justify-content:space-between;gap:14px;border-bottom:1px solid #e0e8f0;text-decoration:none;padding:13px 0;color:#183956;font-weight:650}.mdg-intro-aside>a:hover{color:#d37316}.mdg-intro-aside p{font-size:14px;line-height:1.65;color:#55677a;margin:20px 0 0}.mdg-intro-aside p a{color:#c76c13}.mdg-video-section{background:#f4f7fb}.mdg-video-layout{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.15fr);gap:clamp(24px,4vw,65px);align-items:center}.mdg-video-frame{aspect-ratio:16/9;overflow:hidden;border-radius:18px;background:#102b49;box-shadow:0 18px 50px #0c29402b}.mdg-video-frame iframe{display:block;width:100%;height:100%;border:0}.mdg-video-copy .btn{display:inline-flex;margin-top:14px}@media(max-width:800px){.mdg-intro-layout,.mdg-video-layout{grid-template-columns:1fr}.mdg-video-copy{order:0}.mdg-video-frame{order:1}.mdg-intro-aside{padding:22px}.mdg-intro-links a{width:100%;justify-content:space-between;display:flex}}