/* QH identity from approved v1.2 logo and QH master palette. */
@font-face{font-family:QHNoto;src:url('assets/fonts/NotoSans-Regular-web.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:QHNoto;src:url('assets/fonts/NotoSans-Bold-web.woff2') format('woff2');font-weight:700;font-display:swap}
:root{--green:#073e27;--deep:#052e1d;--cream:#fff9e9;--ink:#163c2b;--muted:#637568;--line:#dedfcc;--accent:#f8e8bc;--ease:cubic-bezier(.22,.7,.3,1);--radius:10px}
body,button{font-family:QHNoto,Arial,sans-serif}h1,h2{font-family:QHNoto,Arial,sans-serif;font-weight:700;letter-spacing:-.055em}h1 em,h2 em{font-family:Georgia,"Times New Roman",serif;font-weight:400}h3,.category h3{font-family:QHNoto,Arial,sans-serif}.preview-bar{background:#f0eddd;color:#627264}.header{gap:25px;padding-top:21px;padding-bottom:21px;background:#fff9e9f5;transition:box-shadow .25s var(--ease)}.header.is-scrolled{box-shadow:0 5px 25px #073e270a}.header-sentinel{height:1px;margin-bottom:-1px}.brand{display:block;flex-shrink:0;line-height:0}.brand-logo{display:block;width:284px;height:auto;max-width:100%;object-fit:contain}.brand-symbol{display:none}nav a{position:relative;padding:9px 0}nav a:after{position:absolute;content:"";left:0;right:0;bottom:2px;height:2px;background:var(--green);transform:scaleX(0);transform-origin:left;transition:transform .22s var(--ease)}nav a:hover{border:0}nav a:hover:after,nav a.is-current:after{transform:scaleX(1)}.header-contact{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:48px;padding:7px 9px 7px 18px;border-radius:var(--radius);border:1px solid var(--green);line-height:1.4}.header-contact>span{margin-left:0}.hero{grid-template-columns:1.08fr 1fr}.hero-copy{padding-top:70px;padding-bottom:36px}.hero h1{font-size:clamp(43px,4.7vw,68px);line-height:1.17}.hero h1 em:after{border-color:#bd9b53;bottom:-5px}.hero-description{line-height:1.95}.hero-photo{border-radius:16px 16px 65px 16px;overflow:hidden}.hero-photo figcaption{left:29px;bottom:34px}.hero-bottom{gap:23px}.hero-bottom>span{display:inline-flex;align-items:center;gap:6px}.hero-bottom .ui-icon{width:14px;height:14px;stroke:#54764b}.button{display:inline-flex;gap:17px;padding:8px 9px 8px 19px;border-radius:var(--radius);min-height:50px;border:1px solid transparent;font-size:12px;font-weight:700;line-height:1.5;position:relative}.button.green,.header-contact{box-shadow:0 3px 7px #073e270a}.button.outline{border-color:#a9b5a3;background:transparent;font-weight:400}.button .arrow-shell,.header-contact .arrow-shell{background:#ffffff14;color:inherit}.button.outline .arrow-shell{background:#073e2709}.arrow-shell{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:32px;height:32px;border-radius:7px}.ui-icon{width:19px;height:19px;display:inline-block;flex:0 0 auto;vertical-align:middle;transition:transform .24s var(--ease),stroke .2s;pointer-events:none}.button,.header-contact,.floating-zalo,.photo-open,.filters button,.detail,.category,.category-icon-wrap{transition:transform .2s var(--ease),background .2s var(--ease),border-color .2s var(--ease),box-shadow .2s var(--ease),color .2s var(--ease)}.button:active,.header-contact:active,.floating-zalo:active,.photo-open:active,.filters button:active{transform:translateY(1px) scale(.975)}.button:focus-visible,.header-contact:focus-visible,.detail:focus-visible,.category:focus-visible,.floating-zalo:focus-visible,.filters button:focus-visible,summary:focus-visible{outline:3px solid #b3984c;outline-offset:4px}.values-strip{background:#efefdf;padding-top:22px;padding-bottom:22px;letter-spacing:.07em}.value-item{display:inline-flex;align-items:center;gap:11px}.value-item>.ui-icon{width:22px;height:22px;color:var(--green)}.values-strip .value-separator{height:22px;width:1px;background:#c5ceb9}.section-heading .eyebrow{font-size:9px}.category-grid{gap:12px;border-top:0}.category{padding:25px!important;min-height:265px;border:1px solid #d7decc!important;border-radius:12px;background:#fffdf5}.category.active{background:#eef2e3;border-color:#aebfa2!important;color:var(--ink)}.category-number{margin-bottom:23px}.category-number>span{font-size:10px;color:#83917f}.category-icon-wrap{width:51px;height:51px;display:grid;place-items:center;background:#eaf0df;border:1px solid #d3ddc8;border-radius:13px;color:var(--green)}.category.active .category-icon-wrap{background:var(--green);color:var(--cream);border-color:var(--green)}.category-icon-wrap .ui-icon{width:26px;height:26px;stroke-width:1.5}.category h3{font-size:18px;font-weight:700}.category p{font-size:11px;margin-top:10px}.category-status{justify-content:space-between;font-size:10px;margin-top:22px;gap:8px;font-weight:700}.category-status>.ui-icon{width:18px;height:18px}.catalog{background:#f0f0e3}.filters{gap:9px}.filters button{border-radius:30px;padding:11px 18px;font-size:11px;border-color:#c8d1bb;min-height:44px;background:#fffaf0}.filters button[aria-pressed="true"]{box-shadow:0 3px 8px #073e2712}.product{border-radius:14px;position:relative}.product-photo{border:1px solid #d7ddcc;border-radius:14px;overflow:hidden;background:#e2e7d8;padding:18px}.product-photo img{transition:transform .38s var(--ease);transform-origin:center}.photo-label{border:1px solid #fff9e955;border-radius:5px;font-size:7px;padding:6px 8px;background:#fff9e9f5}.photo-open{top:12px;right:12px;width:42px;height:42px;min-height:42px;border-radius:50%;border:1px solid #cad5c0;background:#fff9e9f5;box-shadow:0 3px 10px #073e2710}.photo-open>.ui-icon{width:20px;height:20px}.product-info h3{font-weight:700;font-size:16px;line-height:1.6}.product-info small{font-size:9px;letter-spacing:.05em}.detail:not(.photo-open){display:inline-flex;align-items:center;gap:9px;min-height:44px;font-size:11px;font-weight:700;line-height:1.4}.detail>.ui-icon{width:16px;height:16px}.product-bottom{margin-top:10px}.product-bottom>span{font-size:10px}.workshop>figure{border-radius:14px 14px 50px 14px;overflow:hidden}.workshop figcaption{background:#073e27d9}.workshop blockquote{border-color:#b4c294;color:var(--green)}.dealer{background:#eaf0df}.dealer .button.cream{border-color:var(--green)}.dealer .button .arrow-shell{background:#ffffff12}.dealer-steps li>span{width:36px;height:36px;flex:0 0 auto;display:grid;place-items:center;border:1px solid #b9c9ac;border-radius:50%;font:12px QHNoto,Arial;color:var(--green);background:#f5f8eb}.dealer-steps h3{font-weight:700;font-size:16px}.faq-items summary{font-weight:400;padding:23px 0;transition:color .2s}.faq-items summary:after{display:none}.faq-plus{height:28px;width:28px;border:1px solid #c6d2ba;background:#f0f4e6;border-radius:50%;position:relative;flex:0 0 auto;transition:background .2s,border-color .2s,transform .25s var(--ease)}.faq-plus:before,.faq-plus:after{content:"";position:absolute;background:var(--green);top:13px;left:8px;width:10px;height:1px;transition:transform .25s var(--ease)}.faq-plus:after{transform:rotate(90deg)}details[open] .faq-plus:after{transform:rotate(0)}details[open] .faq-plus{background:#e2ead5;border-color:#a7bb99}details[open] p{animation:answer-in .25s var(--ease)}.contact .eyebrow{color:#dbe8c8}.contact-number{display:inline-flex;align-items:center;flex-wrap:wrap;gap:10px;position:relative}.contact-number>.ui-icon{width:26px;height:26px;stroke-width:1.3}.contact-number small{flex-basis:100%;margin-top:0}.floating-zalo{gap:10px;padding:9px 12px;border-radius:30px;border-color:#64826a;background:var(--green);box-shadow:0 5px 22px #073e2725;min-height:50px}.floating-zalo>span:first-child{display:grid;place-items:center;width:30px;height:30px;background:#ffffff13;border:1px solid #ffffff35}.floating-zalo>.ui-icon{width:16px;height:16px}.floating-zalo>span:first-child .ui-icon{width:18px;height:18px}.footer-logo{display:block;width:260px;max-width:100%;height:auto;margin-bottom:15px}footer>div:first-child>p{display:none}dialog{padding:24px 30px 32px;border:1px solid #bacbb1;border-radius:18px;box-shadow:0 24px 80px #073e2733}dialog[open]{animation:dialog-in .22s var(--ease)}dialog::backdrop{background:#052e1dc7;backdrop-filter:blur(4px)}.dialog-close{display:flex;align-items:center;gap:9px;padding:5px 3px 15px 20px;font-size:11px;min-height:44px}.dialog-close>.ui-icon{width:18px;height:18px}.dialog-layout>img{border-radius:9px;background:#e8ecdf;padding:12px}.dialog-layout h2{font-size:31px;line-height:1.3}.dialog-layout .eyebrow{font-size:8px}.reveal-item{transition:opacity .48s var(--ease) var(--reveal-delay,0ms),translate .48s var(--ease) var(--reveal-delay,0ms)}.reveal-pending{opacity:0;translate:0 14px}html:has(dialog[open]){overflow:hidden}.hero-copy>h1{animation:title-in .6s var(--ease)}.hero-description{animation:title-in .7s var(--ease)}
@keyframes title-in{from{opacity:.2;translate:0 12px}to{opacity:1;translate:0 0}}@keyframes dialog-in{from{opacity:.3;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}}@keyframes answer-in{from{opacity:.35;translate:0 -4px}to{opacity:1;translate:0 0}}
@media(hover:hover) and (pointer:fine){.button:hover,.header-contact:hover{background:var(--deep);color:var(--cream);transform:translateY(-2px);box-shadow:0 7px 18px #073e271a}.button.outline:hover{background:#eaf0df;color:var(--green);border-color:#7c9870}.button:hover .ui-icon,.header-contact:hover .ui-icon,.category:hover .category-status .ui-icon,.detail:hover>.ui-icon,.contact-number:hover>.ui-icon,.floating-zalo:hover>.ui-icon{transform:translate(2px,-2px)}.category:hover{background:#f3f6e9;border-color:#9cb68d!important;transform:translateY(-4px);box-shadow:0 10px 25px #073e2709}.category:hover .category-icon-wrap{border-color:#8eab7f;transform:translateY(-2px)}.photo-open:hover{background:var(--green);color:var(--cream);border-color:var(--green);box-shadow:0 4px 12px #073e2720;transform:translateY(-2px)}.product:hover .product-photo img{transform:scale(1.025)}.product:hover .product-photo{border-color:#a0b28f}.detail:hover{text-decoration:none;color:#537345}.floating-zalo:hover{background:var(--deep);transform:translateY(-3px);box-shadow:0 8px 24px #073e2730}summary:hover{color:var(--green)}summary:hover .faq-plus{background:#e2ead5}}
@media(max-width:1000px){.brand-logo{width:260px}.header-contact{display:none}.hero h1{font-size:49px}.hero-buttons{gap:10px}.hero-buttons .button{font-size:10px;gap:10px;padding-left:13px}.category{padding:22px 16px!important}.category h3{font-size:16px}.category-status{font-size:9px}.product-info h3{font-size:15px}.brand-logo{max-width:100%}}
@media(max-width:640px){.header{padding:19px 5% 14px;gap:17px}.brand-logo{width:269px}.header nav{gap:12px}nav a{padding:5px 0;font-size:11px}.hero-copy{padding:40px 5% 29px}.hero h1{font-size:43px;line-height:1.2}.hero-description{font-size:12px}.hero-photo{border-radius:12px 12px 42px 12px}.hero-buttons{gap:9px;margin-top:25px;margin-bottom:20px}.hero-buttons .button{font-size:10px;min-height:48px;padding:7px 7px 7px 13px;gap:11px}.arrow-shell{width:27px;height:29px;border-radius:6px}.arrow-shell>.ui-icon{width:17px;height:17px}.hero-bottom{gap:15px;line-height:1.5}.hero-bottom>span{font-size:8px}.hero-bottom .ui-icon{width:12px;height:12px}.values-strip{gap:7px;padding:18px 5%;font-size:6px;letter-spacing:0}.value-item{gap:6px}.value-item>.ui-icon{width:16px;height:16px;stroke-width:1.5}.values-strip .value-separator{height:18px}.category-grid{gap:10px}.category{padding:18px 13px!important;min-height:245px}.category-number{margin-bottom:19px}.category-icon-wrap{width:46px;height:46px;border-radius:12px}.category-icon-wrap .ui-icon{width:24px;height:24px}.category h3{font-size:16px;line-height:1.6}.category p{font-size:10px;line-height:1.8}.category-status{font-size:8px;line-height:1.8;margin-top:20px;gap:6px}.category-status>.ui-icon{width:16px;height:16px}.category-number>span{font-size:9px}.filters button{font-size:10px;padding:10px 13px}.product-photo{border-radius:10px;padding:10px}.photo-open{width:38px;height:38px;min-height:38px;right:8px;top:8px}.photo-open>.ui-icon{width:18px;height:18px}.photo-label{font-size:6px;padding:5px;bottom:6px;left:6px;letter-spacing:0}.product-info h3{font-size:13px;min-height:42px}.product-info small{font-size:8px}.product-info p{font-size:9px}.product-bottom>span{font-size:9px}.detail:not(.photo-open){font-size:10px;gap:7px}.detail>.ui-icon{width:15px;height:15px}h2{font-size:32px;line-height:1.22}.dealer h2{font-size:33px}.dealer-steps li{gap:16px}.dealer-steps li>span{width:33px;height:33px}.dealer-steps h3{font-size:15px}.dealer .button{font-size:11px;padding-left:15px;gap:14px}.faq .eyebrow{line-height:1.8}.faq-items summary{font-size:12px;line-height:1.9;gap:13px}.faq-plus{width:27px;height:27px}.faq-plus:before,.faq-plus:after{top:12px;left:7px}.contact h2{font-size:29px}.contact-number{font-size:30px;gap:10px;line-height:1.5}.contact-number>.ui-icon{width:24px;height:24px}.floating-zalo{bottom:max(13px,env(safe-area-inset-bottom));right:13px;padding:7px 11px;min-height:46px;font-size:11px}.floating-zalo>span:first-child{width:28px;height:28px}.footer-logo{width:245px}footer{grid-template-columns:1fr 1fr;gap:30px 18px}footer>div:first-child{grid-column:1/-1}dialog{padding:18px;max-height:88dvh;border-radius:14px}.dialog-layout h2{font-size:29px}.dialog-layout .button{font-size:10px;padding-left:14px;gap:12px}.dialog-close{padding-right:2px}.hero-copy>h1,.hero-description{animation-duration:.45s}}
@media(max-width:360px){.hero h1{font-size:38px}.brand-logo{width:255px}.hero-buttons{gap:7px}.hero-buttons .button{font-size:9px;gap:7px;padding-left:10px}.hero-buttons .arrow-shell{width:25px;height:28px}.category{padding:16px 11px!important}.category h3{font-size:14px}.category-status{font-size:7px}.category-icon-wrap{width:42px;height:42px}.value-item{gap:4px}.value-item>.ui-icon{width:13px;height:13px}.values-strip{font-size:5.5px}.contact-number{font-size:27px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*:before,*:after{animation:none!important;transition:none!important}.reveal-item,.reveal-pending{opacity:1!important;translate:none!important}.product-photo img{transform:none!important}}
.reveal-item{transition:opacity .48s var(--ease) var(--reveal-delay,0ms),translate .48s var(--ease) var(--reveal-delay,0ms),transform .22s var(--ease),background .2s var(--ease),border-color .2s var(--ease),box-shadow .2s var(--ease),color .2s var(--ease)}
@media(max-width:640px){.hero{grid-template-columns:1fr}.photo-open{width:44px;height:44px;min-height:44px}}
@media(min-width:641px){html{scroll-padding-top:110px}.header{position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}}
@media(prefers-reduced-motion:reduce){.reveal-item{transition:none!important}}
@media print{.reveal-item,.reveal-pending{opacity:1!important;translate:none!important}.floating-zalo,.preview-bar{display:none}}