/* V02 — visual direction adapted from the owner's Boxline reference.
   Original QH content, local verified photographs and no third-party assets. */
:root{--green:#315e40;--deep:#254b33;--cream:#f5f2eb;--ink:#222820;--muted:#6b7066;--line:#d9d5cb;--lime:#315e40}
body{font-family:"Helvetica Neue",Arial,sans-serif;font-weight:400;-webkit-font-smoothing:antialiased}h1,h2{font-family:"Helvetica Neue",Arial,sans-serif;font-weight:500;letter-spacing:-.065em}h1 em,h2 em{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.055em;color:var(--green)}h1 em{position:relative}h1 em:after{content:"";position:absolute;bottom:-8px;left:2%;right:2%;height:6px;border-top:1px solid #b9a27d;border-radius:50%;transform:rotate(-2deg)}.preview-bar{background:#ece9df;color:#666c60;font-size:9px;padding:5px 4.4%}.header{padding:24px 4.4%;border-bottom:1px solid var(--line);background:var(--cream)}.brand{font-size:16px;letter-spacing:-.03em;color:var(--green)}.brand-symbol{border:0;border-right:1px solid #abb7a6;padding-right:11px;width:49px}.brand small{letter-spacing:.15em;font-size:8px;margin-top:2px}.header-contact{background:var(--green);border:0;color:var(--cream);padding:13px 20px;border-radius:2px;font-size:11px}nav{font-size:12px;gap:32px}.hero{margin:0;background:var(--cream);color:var(--ink);grid-template-columns:1.12fr 1fr;min-height:640px;border-bottom:1px solid var(--line)}.hero-copy{padding:80px 6% 40px 8%;}.eyebrow{font-size:9px;letter-spacing:.15em;color:var(--green)}.hero .eyebrow{margin-bottom:28px}.hero .eyebrow>span{height:1px;width:26px;border-radius:0;background:var(--green)}.hero h1{font-size:clamp(48px,5.15vw,76px);line-height:1.07;margin-top:8px;max-width:690px}.hero-description{font-size:14px;line-height:1.9;color:var(--muted);margin-top:30px}.hero-buttons{gap:12px;margin-top:31px;margin-bottom:29px}.button{border-radius:2px;font-size:11px;min-height:49px;padding:13px 19px;font-weight:500;gap:25px}.outline{border:1px solid #898e82;background:transparent;color:var(--ink)}.outline:hover{background:#e8e6db}.hero-bottom{border:0;margin-top:0;justify-content:flex-start;gap:24px;color:var(--muted);font-size:9px;padding-top:0}.hero-bottom span+span{font-size:9px;letter-spacing:0}.hero-photo{margin:40px 9% 40px 0;min-height:530px;background:#e5e2d8}.hero-photo>img{object-position:50% 45%}.hero-photo:after{inset:65% 0 0}.hero-photo figcaption{bottom:28px;left:27px;color:var(--cream)}.hero-photo b{font-family:Georgia,serif;font-size:30px}.hero-photo small{font-size:9px}.values-strip{background:#eae8dd;justify-content:space-between;gap:10px;padding:25px 4.4%;font-size:9px;letter-spacing:.06em}.values-strip .star{font-size:17px;color:var(--green)}.section{padding:83px 4.4%}.section-heading{margin-bottom:40px}.section-heading p{font-size:12px;font-weight:400;line-height:1.9}h2{font-size:clamp(34px,3.2vw,49px);line-height:1.12}.category-grid{border:0;border-top:1px solid var(--line)}.category{padding:28px 26px 10px;min-height:243px;border-right:1px solid var(--line);background:transparent}.category:first-child{padding-left:0}.category:last-child{padding-right:0}.category.active,.category:hover{background:transparent;color:var(--ink)}.category:hover h3,.category.active h3{color:var(--green)}.category-number{align-items:center;color:var(--green);margin-bottom:30px}.category-number>span{font:9px Arial;color:#989b91}.category-icon{width:35px;height:36px}.category h3{font-family:Arial,sans-serif;font-size:19px;letter-spacing:-.035em;font-weight:500}.category p{font-size:11px;line-height:1.85;color:var(--muted);opacity:1;margin-top:13px}.category-status{display:flex;align-items:center;gap:20px;font-size:10px;color:var(--green);opacity:1;margin-top:26px}.category-status b{font-size:17px;font-weight:400}.catalog{background:#eae8df}.filters button{border-radius:0;border-color:#bdc5b8}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:35px 24px}.product{border:0;background:transparent}.product-photo{aspect-ratio:4/3.5;padding:16px;background:#e0e2d7}.product-photo:after{content:"↗";position:absolute;right:13px;top:13px;background:var(--cream);color:var(--green);width:32px;height:32px;display:grid;place-items:center;font-size:21px;pointer-events:none}.photo-label{font-size:7px;text-transform:uppercase;letter-spacing:.08em;left:12px;bottom:12px;padding:5px 7px}.product-info{padding:15px 0 0}.product-info small{font-size:8px;color:var(--muted);letter-spacing:.09em}.product-info h3{font-weight:500;font-size:17px;margin:6px 0;letter-spacing:-.03em}.product-info p{font-size:10px}.product-bottom{border-top:0;margin-top:7px;padding-top:0}.product-bottom>span{font-size:10px;color:var(--muted)}.detail{font-size:11px;font-weight:500}.catalog-note{font-size:10px}.workshop{grid-template-columns:1fr 1fr;gap:8%}.workshop>figure{height:550px}.workshop-copy>p{font-size:13px}.workshop blockquote{font-size:23px}.dealer{background:#e8eadf;color:var(--ink);margin:0;padding:75px 4.4%;border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:12%}.dealer .eyebrow{color:var(--green)}.dealer p{color:var(--muted);font-size:13px}.dealer .cream{background:var(--green);color:var(--cream)}.dealer .cream:hover{background:var(--deep)}.dealer small{color:var(--muted)}.dealer-steps li{border-bottom:1px solid #c9d0bf;padding:24px 0}.dealer-steps li>span{color:var(--green);font-size:18px}.dealer-steps h3{font-size:17px;letter-spacing:-.025em}.dealer-steps p{font-size:12px}.faq{display:grid;grid-template-columns:1fr 1fr;gap:12%;background:var(--cream)}.faq>div>p{font-size:12px;color:var(--muted);margin-top:25px;line-height:2}.faq-items{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:0}summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 0;font-size:13px;cursor:pointer;line-height:1.6}summary::-webkit-details-marker{display:none}summary:after{content:"+";font-size:20px;font-weight:300;color:var(--green)}details[open]>summary:after{content:"−"}details p{font-size:12px;line-height:1.9;color:var(--muted);padding:0 25px 24px 0}summary:focus-visible{outline:2px solid var(--green);outline-offset:4px}.contact{background:var(--green);color:var(--cream);padding-top:55px;padding-bottom:55px}.contact .eyebrow,.contact p,.contact-number small{color:#e2e7da}.contact-number{border-color:#98ad9477}footer{background:var(--cream);padding:55px 4.4% 90px}.floating-zalo{background:var(--green)}
@media(max-width:1000px){.hero{grid-template-columns:1.12fr 1fr;min-height:580px}.hero-copy{padding-top:60px}.hero h1{font-size:52px}.hero-photo{margin-right:7%;min-height:480px}.hero-bottom{gap:15px;flex-wrap:wrap}.hero-bottom span+span{display:block}.category{padding-left:18px;padding-right:18px}.category h3{font-size:17px}.product-grid{gap:25px 18px}.product-info h3{font-size:15px}.product-bottom{flex-wrap:wrap;gap:0}.workshop>figure{height:480px}}
@media(max-width:640px){.preview-bar{font-size:8px;padding:6px 5%}.header{padding:19px 5% 15px}.brand{font-size:15px}.brand-symbol{width:43px}.hero{grid-template-columns:1fr}.hero-copy{padding:46px 5% 32px}.hero .eyebrow{font-size:8px;margin-bottom:20px}.hero h1{font-size:46px;line-height:1.12;letter-spacing:-.065em}.hero h1 em{display:inline}.hero h1 em:after{bottom:-5px}.hero-description{font-size:12px;margin-top:28px}.hero-buttons{gap:10px;margin-top:26px;margin-bottom:22px}.button{font-size:10px;gap:13px;padding:12px 14px;min-height:47px}.hero-bottom{font-size:8px;gap:18px}.hero-bottom span+span{font-size:8px}.hero-photo{height:370px;min-height:0;margin:0 5% 30px}.hero-photo>img{object-position:50% 46%}.hero-photo figcaption{left:20px;bottom:20px}.hero-photo b{font-size:26px}.values-strip{font-size:7px;letter-spacing:0;padding:18px 5%;gap:8px}.values-strip .star{font-size:13px}.section{padding:53px 5%}h2{font-size:35px}.section-heading{margin-bottom:28px}.section-heading p{font-size:11px}.category-grid{grid-template-columns:1fr 1fr}.category{padding:22px 16px;min-height:229px}.category:first-child{padding-left:0}.category:nth-child(3){padding-left:0}.category:last-child{padding-right:0}.category h3{font-size:17px}.category p{font-size:10px}.category-number{margin-bottom:20px}.category-icon{width:31px;height:32px}.category-status{font-size:9px;gap:10px;margin-top:20px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 12px}.product-photo{aspect-ratio:3/4;padding:8px}.product-photo:after{width:24px;height:24px;top:7px;right:7px;font-size:17px}.photo-label{left:5px;bottom:5px;padding:3px 4px;font-size:6px;letter-spacing:.03em}.product-info{padding:12px 0 0}.product-info h3{font-size:14px;min-height:38px}.product-info small{font-size:8px}.product-bottom{display:flex;flex-direction:column;align-items:flex-start;margin-top:6px}.product-bottom>span{font-size:9px}.detail{font-size:10px}.filters button{font-size:10px;padding:9px 10px}.workshop{grid-template-columns:1fr;gap:30px}.workshop>figure{height:380px}.workshop-copy>p{font-size:12px}.workshop blockquote{font-size:22px}.dealer{grid-template-columns:1fr;gap:25px;padding:50px 5%}.dealer h2{font-size:35px}.dealer p{font-size:12px}.dealer-steps li{padding:20px 0}.faq{grid-template-columns:1fr;gap:30px}.faq .eyebrow{font-size:8px}.faq-items summary{font-size:12px;padding:21px 0}.contact{padding-top:45px;padding-bottom:45px}.contact h2{font-size:32px}.contact-number{font-size:32px}.contact p{font-size:11px}footer{padding:40px 5% 100px}.floating-zalo{font-size:11px}}
@media(max-width:360px){.hero h1{font-size:40px}.hero-buttons{gap:8px}.hero-buttons .button{padding:11px 12px;font-size:9px;gap:10px}.category h3{font-size:16px}.category-status{font-size:8px}.values-strip{font-size:6px}.product-info h3{font-size:13px}}
.product-photo:after{content:none}.photo-open{position:absolute;right:10px;top:10px;width:44px;height:44px;min-height:44px;padding:0;background:var(--cream);display:grid;place-items:center;font-size:23px;color:var(--green);border:0}.photo-open:hover{background:#d9e2ce;text-decoration:none}
