/*
Theme Name: Hà Tiên Corp B2B
Theme URI: https://hatiencorp.com/
Author: Hà Tiên Corp
Description: Giao diện B2B mobile-first cho kênh nhận dự án bếp công nghiệp Hà Tiên Corp.
Version: 2.1.0
Text Domain: hatiencorp-b2b
*/
:root{--ht-font:"Be Vietnam Pro",Inter,Arial,sans-serif;--ht-ink:#142126;--ht-muted:#52636b;--ht-navy:#082844;--ht-navy-2:#0e385b;--ht-dark:#061117;--ht-dark-2:#0b1d26;--ht-bronze:#c4975c;--ht-gold:#e3b96f;--ht-surface:#f4f7f8;--ht-white:#fff;--ht-line:#d9e2e6;--ht-success:#177d5a;--ht-danger:#b3261e;--ht-radius-sm:10px;--ht-radius:18px;--ht-radius-lg:28px;--ht-shadow:0 18px 50px rgba(7,17,22,.12);--ht-container:min(1200px,calc(100vw - 40px));--ht-header:84px;--ht-section:96px;--ht-ease:cubic-bezier(.2,.7,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--ht-header) + 18px)}body{margin:0;background:var(--ht-white);color:var(--ht-ink);font-family:var(--ht-font);font-size:18px;line-height:1.68;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}body.ht-drawer-open{overflow:hidden}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration-thickness:.08em;text-underline-offset:.18em}button,input,textarea,select{font:inherit}.ht-container{width:var(--ht-container);margin-inline:auto}.ht-sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.ht-skip-link{position:fixed;z-index:9999;top:8px;left:8px;transform:translateY(-150%);background:var(--ht-gold);color:var(--ht-dark);padding:10px 16px;border-radius:8px;font-weight:700}.ht-skip-link:focus{transform:none}.ht-eyebrow{margin:0 0 14px;color:var(--ht-bronze);font-size:14px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.ht-section{padding-block:var(--ht-section)}.ht-section--soft{background:var(--ht-surface)}.ht-section--dark{background:var(--ht-dark);color:var(--ht-white)}.ht-section--navy{background:linear-gradient(135deg,var(--ht-navy),var(--ht-navy-2));color:var(--ht-white)}.ht-section-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.48fr);gap:48px;align-items:end;margin-bottom:48px}.ht-section-head h2,.ht-h2{max-width:760px;margin:0;font-size:clamp(32px,4vw,48px);line-height:1.14;letter-spacing:-.035em}.ht-section-head p{margin:0;color:var(--ht-muted)}.ht-section--dark .ht-section-head p,.ht-section--navy .ht-section-head p{color:#c5d1d6}.ht-lead{max-width:760px;font-size:clamp(19px,2vw,22px);line-height:1.55;color:#d7e0e4}.ht-button{display:inline-flex;min-height:54px;align-items:center;justify-content:center;gap:10px;padding:12px 22px;border:1px solid transparent;border-radius:999px;font-size:17px;font-weight:750;line-height:1.25;text-decoration:none;cursor:pointer;transition:transform .22s var(--ht-ease),box-shadow .22s var(--ht-ease),background .22s var(--ht-ease),border-color .22s var(--ht-ease)}.ht-button:hover{transform:translateY(-2px)}.ht-button:focus-visible,.ht-nav-link:focus-visible,.ht-icon-button:focus-visible,.ht-drawer-link:focus-visible,.ht-accordion-button:focus-visible{outline:3px solid var(--ht-gold);outline-offset:3px}.ht-button--gold{background:var(--ht-gold);color:var(--ht-dark);box-shadow:0 12px 30px rgba(227,185,111,.22)}.ht-button--gold:hover{background:#edc987}.ht-button--navy{background:var(--ht-navy);color:#fff;box-shadow:0 12px 30px rgba(8,40,68,.18)}.ht-button--navy:hover{background:var(--ht-navy-2)}.ht-button--ghost{border-color:rgba(255,255,255,.36);color:#fff;background:rgba(255,255,255,.04)}.ht-button--outline{border-color:var(--ht-navy);color:var(--ht-navy);background:#fff}.ht-button svg{width:18px;height:18px}.ht-actions{display:flex;flex-wrap:wrap;gap:14px}.ht-card{height:100%;padding:28px;border:1px solid var(--ht-line);border-radius:var(--ht-radius);background:#fff;box-shadow:0 1px 0 rgba(7,17,22,.02);transition:transform .25s var(--ht-ease),box-shadow .25s var(--ht-ease),border-color .25s var(--ht-ease)}.ht-card:hover{transform:translateY(-5px);border-color:#b7c9d2;box-shadow:var(--ht-shadow)}.ht-card h3{margin:0 0 10px;font-size:24px;line-height:1.3}.ht-card p{margin:0;color:var(--ht-muted)}.ht-card-link{display:inline-flex;align-items:center;gap:8px;margin-top:22px;color:var(--ht-navy);font-weight:750;text-decoration:none}.ht-card-link::after{content:"→";transition:transform .2s}.ht-card-link:hover::after{transform:translateX(4px)}.ht-grid{display:grid;gap:24px}.ht-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.ht-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.ht-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}