/* HAOQI — independent catalogue design. Shared base only supplies behaviour. */
:root {
  --bg:#faf9f6; --bg-surface:#f0eee8; --bg-card:#fff; --bg-border:#d8ddd9;
  --light-bg:#f0eee8; --light-card:#fff; --light-border:#d8ddd9;
  --paper:#faf9f6; --ink:#173348; --ink-2:#425663; --ink-3:#677881;
  --white:#173348; --text-dark:#173348; --text-on-lt:#173348;
  --text-light:#425663; --text-muted:#536671; --text-muted-lt:#536671;
  --gray-300:#74828b; --gray-500:#677881; --gray-700:#425663; --gray-900:#173348;
  --line:#d8ddd9; --line-2:#e8ebe7; --navy:#faf9f6; --navy-mid:#f0eee8; --off-white:#faf9f6;
  --red:#173348; --red-hover:#274d65; --red-dim:rgba(23,51,72,.06);
  --accent-blue:#173348; --blue-bright:#436a80; --blue-wash:#eef2f3; --blue-light:#d8e1e5; --blue-deep:#173348;
  --accent-gold:#bf4726; --accent-gold-hover:#a23b20; --accent-gold-dim:#fbede6; --gold-soft:#d95b35;
  --font:'Hanken Grotesk','Microsoft YaHei',system-ui,sans-serif;
  --font-display:var(--font); --radius:2px; --radius-lg:2px;
  --shadow:none; --shadow-lg:none; --shadow-sm:none; --shadow-md:none;
  --max-w:1280px; --nav-h:88px;
}
body.haoqi { background:var(--paper); }
.haoqi h1,.haoqi h2,.haoqi h3,.haoqi h4,.haoqi .serif { font-family:var(--font); letter-spacing:-.035em; }
.haoqi h1,.haoqi h2 { font-weight:600; }
.haoqi .container { padding:0 40px; }
.haoqi .section { padding:88px 0; }
.haoqi .section.tight { padding:76px 0; }
.haoqi .btn { border-radius:2px; font-family:var(--font); font-size:.9rem; letter-spacing:0; padding:15px 24px; box-shadow:none; text-transform:none; }
.haoqi .btn:hover { transform:none; box-shadow:none; }
.haoqi .btn-primary { background:var(--ink); color:#fff; border-color:var(--ink); }
.haoqi .btn-primary:hover { background:#274d65; border-color:#274d65; }
.haoqi .btn-outline,.haoqi .btn-outline-light,.haoqi .btn-ghost { background:transparent; color:var(--ink); border:1px solid #acb6ba; }
.haoqi .btn-outline:hover,.haoqi .btn-outline-light:hover,.haoqi .btn-ghost:hover { background:#eef2f3; color:var(--ink); }
.haoqi .tag,.haoqi .home-eyebrow { color:var(--accent-gold); border-radius:0; background:none; font-size:.72rem; letter-spacing:.12em; }
.haoqi .tag::before { background:var(--accent-gold); border-radius:0; }
.haoqi .section-title { font-size:clamp(1.8rem,3vw,2.8rem); line-height:1.25; }
.haoqi .section-lead { color:var(--ink-2); }
.haoqi .tag,.haoqi .hq-section-index,.haoqi .specs-table th,.haoqi .skus-table th { letter-spacing:0; }

/* A solid, stationary masthead rather than a photographic overlay. */
body.haoqi .nav,body.haoqi .nav:not(.scrolled) { position:sticky; top:0; height:var(--nav-h); background:#faf9f6!important; backdrop-filter:none; border-bottom:1px solid var(--line); box-shadow:none; }
.haoqi .nav-inner { grid-template-columns:1fr auto 1fr; padding:0 40px; }
body.haoqi .nav .nav-logo,body.haoqi .nav .nav-logo-name { color:var(--ink)!important; }
.haoqi .nav-logo { text-transform:none; letter-spacing:0; gap:12px; }
.haoqi .nav-logo-img { width:44px; height:44px; }
.haoqi .nav-logo-name { display:flex; flex-direction:column; gap:6px; font-size:1.35rem; line-height:1; letter-spacing:.035em; }
.haoqi .nav-logo-name small { font-family:var(--font-mono); font-size:.56rem; font-weight:400; letter-spacing:.12em; color:var(--ink-2); }
body.haoqi .nav .nav-links a { color:var(--ink-2)!important; font-size:.95rem; }
body.haoqi .nav .nav-links a.active,body.haoqi .nav .nav-links a:hover { color:var(--accent-gold)!important; }
body.haoqi .nav .lang-btn,body.haoqi .nav-mobile .lang-btn { color:var(--ink-2)!important; }
body.haoqi .nav .lang-btn.active,body.haoqi .nav-mobile .lang-btn.active { color:var(--ink)!important; }
body.haoqi .nav .lang-sep { color:var(--ink-2)!important; }
body.haoqi .nav .nav-cta { color:#fff!important; background:var(--ink)!important; border:1px solid var(--ink)!important; border-radius:2px!important; padding:12px 18px!important; }
body.haoqi .nav .nav-cta:hover { color:#fff!important; background:#274d65!important; transform:none!important; box-shadow:none!important; }
body.haoqi .nav .nav-hamburger span { background:var(--ink)!important; }
body.haoqi .nav .nav-dropdown-menu { background:#fff!important; border:1px solid var(--line)!important; border-radius:0; box-shadow:0 12px 24px #17334812; }
body.haoqi .nav .nav-dropdown-menu .nav-dropdown-text strong { color:var(--ink)!important; }
body.haoqi .nav .nav-dropdown-menu .nav-dropdown-text span { color:var(--ink-2)!important; }
body.haoqi .nav .nav-dropdown-menu .nav-dropdown-icon { color:var(--ink)!important; background:var(--blue-wash)!important; border-radius:0; }
body.haoqi .nav .nav-dropdown-menu a:hover { background:var(--blue-wash)!important; }
body.haoqi .nav-mobile { background:var(--paper)!important; border-color:var(--line)!important; }
body.haoqi .nav-mobile a { color:var(--ink)!important; border-radius:0; }
body.haoqi .nav-mobile a:hover { background:var(--blue-wash)!important; }

/* Home: split cover, catalogue sheets, framed manufacturing photography. */
.hq-hero { padding:58px 0 0; }
.hq-hero-shell { display:grid; grid-template-columns:1.03fr 1fr; gap:64px; align-items:center; }
.haoqi .home-hero-content { padding:18px 0; max-width:none; color:var(--ink); }
.hq-kicker { display:flex; gap:10px; align-items:center; font-family:var(--font-mono); font-size:.68rem; letter-spacing:.1em; color:var(--ink-2); margin-bottom:26px; }
.hq-signal { flex-shrink:0; width:7px; height:7px; background:var(--gold-soft); }
.haoqi .hq-title { font-size:clamp(2.65rem,4.1vw,4.15rem); line-height:1.13; letter-spacing:-.045em; margin:0 0 24px; font-weight:600; }
.hq-title .highlight { color:var(--accent-gold); font-style:normal; }
.hq-intro { color:var(--ink-2); line-height:1.85; font-size:1rem; max-width:540px; }
.hq-intro .gold { color:var(--ink); font-weight:600; }
.hq-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:30px; }
.hq-actions .btn { min-height:50px; }
.haoqi .hero-support-note { margin-top:28px; padding:18px 0 0; border-top:1px solid var(--line); color:var(--ink-2); font-size:.78rem; line-height:1.7; max-width:540px; }
.hq-hero-visual { border:1px solid #cbd4d8; background:#f0f3f3; }
.hq-visual-top,.hq-visual-bottom { display:flex; justify-content:space-between; gap:12px; padding:18px 20px; font-family:var(--font-mono); font-size:.61rem; letter-spacing:.045em; line-height:1.6; }
.hq-visual-top { border-bottom:1px solid var(--line); }
.hq-visual-top span:first-child::before { content:''; display:inline-block; width:6px; height:6px; background:var(--gold-soft); margin-right:8px; }
.hq-cover-product { display:flex; align-items:center; justify-content:center; position:relative; height:310px; padding:22px 32px; background:linear-gradient(#17334805 1px,transparent 1px),linear-gradient(90deg,#17334805 1px,transparent 1px); background-size:32px 32px; }
.hq-cover-product img { width:100%; height:100%; object-fit:contain; mix-blend-mode:multiply; transition:transform .25s; }
.hq-cover-product:hover img { transform:scale(1.025); }
.hq-cover-arrow { position:absolute; right:18px; bottom:14px; font-size:1.5rem; color:var(--accent-gold); }
.hq-visual-bottom { border-top:1px solid var(--line); background:#fff; }
.hq-visual-bottom span:last-child { white-space:nowrap; color:var(--ink-3); }
.hq-visual-categories { display:grid; grid-template-columns:1fr 1fr; border-top:1px solid var(--line); background:#fff; }
.hq-visual-categories a { display:flex; align-items:baseline; gap:12px; padding:11px 18px; font-size:.73rem; border-bottom:1px solid var(--line-2); line-height:1.4; }
.hq-visual-categories a span { font-family:var(--font-mono); color:var(--accent-gold); font-size:.62rem; }
.hq-visual-categories a:hover { background:var(--blue-wash); }
.hq-visual-categories a:last-child { grid-column:1/-1; border-bottom:0; }
.hq-facts { display:grid; grid-template-columns:repeat(4,1fr); margin-top:50px; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.hq-fact { display:flex; align-items:center; gap:20px; padding:24px 26px; border-right:1px solid var(--line); }
.hq-fact:first-child { padding-left:0; }
.hq-fact:last-child { border-right:0; }
.hq-fact strong { font-size:1.85rem; font-weight:600; white-space:nowrap; letter-spacing:-.045em; }
.hq-fact span { font-size:.7rem; color:var(--ink-2); line-height:1.6; }
.hq-section-index { display:block; font: .65rem/1.5 var(--font-mono); letter-spacing:.09em; text-transform: none; color:var(--accent-gold); margin-bottom:18px; }
.haoqi .sec-head { max-width:none; margin-bottom:38px; }
.haoqi .sec-head h2 { font-size:clamp(1.8rem,3vw,2.65rem); line-height:1.25; max-width:800px; }
.haoqi .sec-head.center { text-align:left; margin-left:0; }
.hq-catalog-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.hq-catalog-card { border:1px solid var(--line); background:#fff; min-width:0; }
.hq-card-top { display:flex; align-items:baseline; gap:16px; padding:16px 22px; border-bottom:1px solid var(--line-2); font: .62rem/1.5 var(--font-mono); color:var(--ink-2); min-height:54px; }
.hq-card-top span:first-child { color:var(--accent-gold); }
.hq-catalog-image { display:block; height:205px; padding:22px; background:#f4f5f2; }
.hq-catalog-image img { width:100%; height:100%; object-fit:contain; mix-blend-mode:multiply; transition:transform .25s; }
.hq-catalog-image:hover img { transform:scale(1.03); }
.hq-card-content { padding:24px 22px 18px; }
.hq-card-content h3 { font-size:1.25rem; font-weight:600; line-height:1.35; margin-bottom:14px; }
.hq-card-content>p { color:var(--ink-2); font-size:.88rem; line-height:1.7; min-height:72px; }
.hq-text-link { display:flex; justify-content:space-between; gap:10px; font-size:.82rem; color:var(--accent-gold); padding:22px 0 18px; font-weight:600; }
.hq-text-link span { font-size:1.25rem; line-height:1; }
.hq-application { border-top:1px solid var(--line); font-size:.8rem; }
.hq-application summary { padding:15px 0 4px; cursor:pointer; color:var(--ink-2); }
.hq-application h4 { font-size:.86rem; line-height:1.55; margin-top:18px; }
.hq-application p { color:var(--ink-2); line-height:1.75; margin-top:12px; }
.hq-application ul { list-style:disc; padding:12px 0 0 18px; color:var(--ink-2); line-height:1.8; }
.hq-catalog-end { display:flex; flex-direction:column; align-items:flex-start; justify-content:center; padding:38px; background:var(--ink); color:#fff; }
.hq-catalog-end .hq-section-index { color:#e59a7f; }
.hq-catalog-end h3 { font-size:2.1rem; line-height:1.25; font-weight:500; margin-bottom:22px; }
.hq-catalog-end p { font-size:.94rem; color:#c5d3da; line-height:1.8; margin-bottom:32px; }
.hq-catalog-end .btn { background:#fff; color:var(--ink); border-color:#fff; }
.hq-story-section { background:#efeee8; border-block:1px solid var(--line); }
.haoqi .feature-split { display:grid; grid-template-columns:1fr 1fr; gap:70px; align-items:center; }
.hq-story-copy h2 { font-size:clamp(1.9rem,3vw,2.65rem); line-height:1.3; margin-bottom:30px; }
.hq-story-paragraph { display:grid; grid-template-columns:24px 1fr; gap:18px; margin-bottom:24px; }
.hq-story-paragraph>span { font: .62rem/1.8 var(--font-mono); color:var(--accent-gold); }
.hq-story-paragraph p { font-size:.95rem; line-height:1.85; color:var(--ink-2); }
.hq-photo-caption { padding:14px 0; font-size:.7rem; color:var(--ink-2); border-bottom:1px solid #bdc9ca; }
.haoqi .feature-split-visual,.haoqi .workshop-gallery,.haoqi .split-img { border-radius:0; box-shadow:none; }
.haoqi .q-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:0; border:1px solid var(--line); }
.haoqi .q-card { background:#fff; border:0; border-right:1px solid var(--line); border-radius:0; padding:28px 24px; box-shadow:none; }
.haoqi .q-card:last-child { border-right:0; }
.haoqi .q-card:hover { box-shadow:none; transform:none; }
.haoqi .q-seal { border-radius:0; border:0; background:none; color:var(--ink); margin-bottom:18px; width:26px; height:26px; }
.haoqi .q-card h3 { font-size:1.12rem; line-height:1.35; }
.haoqi .q-card p { color:var(--ink-2); font-size:.86rem; }
.haoqi .q-badge { background:none; color:var(--accent-gold); border:0; border-top:1px solid var(--line); border-radius:0; padding:16px 0 0; margin-top:22px; line-height:1.6; }

/* All inner pages share a left-aligned document cover and rectangular sheets. */
.haoqi .page-hero { background:#f0eee8; color:var(--ink); padding:64px 0; text-align:left; border-bottom:1px solid var(--line); }
.haoqi .page-hero::before { background:none; inset:auto; top:0; left:0; width:100%; height:4px; background:var(--gold-soft); }
.haoqi .page-hero h1 { color:var(--ink); font-size:clamp(2.2rem,4vw,3.5rem); font-weight:500; line-height:1.18; letter-spacing:-.04em; max-width:900px; }
.haoqi .page-hero p { margin:18px 0 0; max-width:720px; color:var(--ink-2); }
.haoqi .breadcrumb { justify-content:flex-start; }
.haoqi .page-hero .breadcrumb a,.haoqi .page-hero .breadcrumb span[aria-current],.haoqi .page-hero .breadcrumb-sep { color:var(--ink-2); }
.haoqi .patent-stats-bar { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; max-width:800px; border-top:1px solid #cbd4d5; }
.haoqi .patent-stats-bar.about-stats-bar { grid-template-columns:repeat(4,minmax(0,1fr)); max-width:1000px; }
.haoqi .patent-stat { text-align:left; padding:24px 20px 0 0; }
.haoqi .patent-stat .stat-number { color:var(--ink); font-weight:500; }
.haoqi .patent-stat .stat-label { color:var(--ink-2); font-size:.65rem; line-height:1.6; letter-spacing:.02em; }
.haoqi .cat-app-tag,.haoqi .prose-link-chip { border-radius:0; }
.haoqi .products-browse-section { padding-top:36px; }
.haoqi .products-layout { grid-template-columns:1fr; gap:34px; }
.haoqi .products-sidebar { position:static; display:flex; flex-wrap:wrap; gap:0; padding:0; border:1px solid var(--line); background:#f6f5f1; }
.haoqi .products-sidebar-section-label { display:none; }
.haoqi .products-sidebar-btn { flex:1 1 150px; border:0; border-right:1px solid var(--line); border-radius:0; padding:18px 15px; margin:0; background:none; gap:8px; box-shadow:none; }
.haoqi .products-sidebar-btn:last-child { border-right:0; }
.haoqi .products-sidebar-btn.active { background:var(--ink); }
.haoqi .products-sidebar-btn.active .products-sidebar-btn-text strong,.haoqi .products-sidebar-btn.active .products-sidebar-btn-text span { color:#fff; }
.haoqi .products-sidebar-btn-icon { display:none; }
.haoqi .products-sidebar-btn-text strong { font-size:.8rem; line-height:1.5; font-weight:600; }
.haoqi .products-sidebar-btn-text span { display:block; font-size:.62rem; line-height:1.5; margin-top:6px; }
.haoqi .products-panel-header h2 { color:var(--ink); font-family:var(--font); font-weight:500; }
.haoqi .product-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.haoqi .products-main--all { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.haoqi .products-main--all .products-panel { display:contents; }
.haoqi .products-main--all .product-list { display:contents; }
.haoqi .product-list-item { display:flex; flex-direction:column; gap:0; align-items:stretch; border:1px solid var(--line); border-radius:0; box-shadow:none; padding:0; background:#fff; }
.haoqi .product-list-item:hover { box-shadow:none; transform:none; border-color:var(--ink); }
.haoqi .product-list-thumb { width:100%; height:215px; border-radius:0; background:#f4f5f2; padding:22px; }
.haoqi .product-list-thumb img { object-fit:contain; }
.haoqi .product-list-info { padding:22px; }
.haoqi .product-list-name { color:var(--ink); font-size:1.2rem; line-height:1.4; font-weight:600; }
.haoqi .product-list-desc { display:block; font-size:.88rem; margin-top:10px; line-height:1.7; }
.haoqi .product-card { border:1px solid var(--line); border-radius:0; box-shadow:none; }
.haoqi .product-card-img { background:#f4f5f2; padding:18px; }
.haoqi .product-card-img img { object-fit:contain; mix-blend-mode:multiply; }
.haoqi .feature-card,.haoqi .resource-category,.haoqi .resource-article { border-radius:0; border:1px solid var(--line); box-shadow:none; }
.haoqi .feature-card:hover,.haoqi .resource-article:hover { box-shadow:none; transform:none; }
.haoqi .feature-icon,.haoqi .resource-category-icon { border-radius:0; background:var(--blue-wash); color:var(--ink); }
.haoqi .feature-card-underline { background:var(--accent-gold); }
.haoqi .cert-card,.haoqi .patent-card-front,.haoqi .patent-card-back { border-radius:0; box-shadow:none; border-color:var(--line); }
.haoqi .cert-card:hover { transform:none; box-shadow:none; }
.haoqi .contact-grid { grid-template-columns:.8fr 1.2fr; gap:80px; align-items:start; }
.haoqi .contact-form { padding:32px; background:#f6f5f1; border:1px solid var(--line); border-radius:0; }
.haoqi .contact-form input,.haoqi .contact-form textarea,.haoqi .contact-form select { border:1px solid #bac5ca; border-radius:0; background:#fff; color:var(--ink); }
.haoqi #contact-intro p { color:var(--ink-2)!important; }
.haoqi .contact-detail-icon { background:none; border-radius:0; color:var(--accent-gold); }
.haoqi .inquiry-notice { background:#fbede6; border-left:3px solid var(--gold-soft); color:var(--ink); padding:16px 20px; margin-bottom:20px; font-size:.88rem; line-height:1.7; }
.haoqi .inquiry-notice[hidden] { display:none; }
.haoqi main>.section:has(.product-detail-grid) { padding-top:40px!important; }
.haoqi .product-detail-grid { grid-template-columns:.9fr 1.1fr; gap:64px; }
.haoqi .product-image,.haoqi .product-gallery-main { border-radius:0; border:1px solid var(--line); box-shadow:none; background:#f0f3f3; }
.haoqi .product-image img,.haoqi .product-gallery-main img { object-fit:contain; padding:28px; }
.haoqi .product-image.has-gallery { border:0; }
.haoqi .product-gallery-thumb img { padding:0; object-fit:contain; }
.haoqi .product-meta h1 { font-weight:500; font-size:clamp(1.9rem,3vw,2.6rem); line-height:1.2; }
.haoqi .product-applications li { border-radius:0; color:var(--ink-2); border:1px solid var(--line); background:#f6f5f1; font-weight:400; }
.haoqi .product-gallery-thumb,.haoqi .product-gallery-open,.haoqi .product-gallery-arrow { border-radius:0; }
.haoqi .skus-table-wrap { border-radius:0; border-color:var(--line); }
.haoqi .skus-table thead tr { background:var(--ink); }
.haoqi .skus-table th { color:#fff; border-bottom:0; padding:14px; }
.haoqi .skus-table tbody tr:nth-child(odd) { background:#f6f5f1; }
.haoqi .skus-table td { border-color:var(--line); padding:12px 14px; }
.haoqi .skus-table td:nth-child(2) { color:var(--ink); }
.haoqi .sku-enquire { border-radius:0; color:var(--accent-gold); background:none; }

/* Quiet contact strip and a light, structured footer. */
.haoqi .home-cta-sec { padding:0; background:#e9eef0; border-block:1px solid #cbd5da; }
.haoqi .home-cta { border-radius:0; background:none; padding:58px 0; color:var(--ink); box-shadow:none; }
.haoqi .home-cta-deco,.haoqi .home-cta-ring,.haoqi .home-cta-glow { display:none; }
.haoqi .home-cta-in { display:grid; grid-template-columns:1fr auto; column-gap:60px; text-align:left; max-width:none; width:100%; }
.haoqi .home-cta-in h2 { font-size:2.15rem; max-width:820px; color:var(--ink); font-weight:500; }
.haoqi .home-cta-in p { color:var(--ink-2); margin:18px 0 0; max-width:780px; grid-column:1; }
.haoqi .home-cta-actions { grid-column:2; grid-row:1/3; align-self:center; margin:0; display:flex; flex-direction:column; gap:10px; }
.haoqi .footer { background:#faf9f6; padding-top:60px; border-top:0; color:var(--ink); }
.haoqi .footer-grid { gap:40px; }
.haoqi .footer-brand p { color:var(--ink-2); max-width:330px; }
.haoqi .footer-brand .nav-logo-name small { color:var(--ink-2); }
.haoqi .footer-manufacturing { border-top:1px solid var(--line); padding-top:14px; margin-top:16px; font-size:.78rem; }
.haoqi .footer-col h5 { font-family:var(--font-mono); color:var(--accent-gold); font-weight:500; letter-spacing:.06em; }
.haoqi .footer-col a,.haoqi .footer-col span { color:var(--ink-2); }
.haoqi .footer-bottom { border-color:var(--line); }
.haoqi .back-to-top { border-radius:0; background:var(--ink); }
.haoqi #to-top { border-radius:0; }
@media(max-width:1100px) {
 .hq-hero-shell { gap:38px; }
 .hq-fact { padding:22px 18px; gap:12px; }
 .hq-fact strong { font-size:1.55rem; }
 .haoqi .nav-inner { grid-template-columns:auto 1fr auto; }
 .haoqi .nav-links { gap:18px; }
 .haoqi .nav-logo-name small { font-size:.5rem; }
 .haoqi .q-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .haoqi .q-card { border-bottom:1px solid var(--line); }
 .haoqi .q-card:nth-child(2) { border-right:0; }
 .haoqi .q-card:nth-child(n+3) { border-bottom:0; }
 .haoqi .feature-split { gap:38px; }
}
@media(max-width:900px) {
 .haoqi .container,.haoqi .nav-inner { padding:0 28px; }
 .hq-hero-shell { grid-template-columns:1fr; gap:30px; }
 .hq-title br { display:none; }
 .haoqi .hq-title { font-size:3.2rem; max-width:640px; }
 .hq-intro,.haoqi .hero-support-note { max-width:none; }
 .hq-cover-product { height:300px; }
 .hq-facts { margin-top:32px; }
 .hq-fact { display:block; }
 .hq-fact span { display:block; margin-top:8px; }
 .hq-catalog-grid,.haoqi .product-list,.haoqi .products-main--all { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .haoqi .feature-split,.haoqi .contact-grid,.haoqi .product-detail-grid { grid-template-columns:1fr; gap:36px; }
 .haoqi .product-image { position:static; }
 .haoqi .home-cta-in { display:block; }
 .haoqi .home-cta-actions { flex-direction:row; flex-wrap:wrap; margin-top:26px; }
 .haoqi .footer-grid { grid-template-columns:repeat(2,1fr); }
}
@media(max-width:600px) {
 :root { --nav-h:74px; }
 .haoqi .container,.haoqi .nav-inner { padding:0 22px; }
 .haoqi .nav-logo-img { width:38px; height:38px; }
 .haoqi .nav-logo-name { font-size:1.15rem; }
 .haoqi .nav-logo-name small { font-size:.5rem; }
 .hq-hero { padding-top:30px; }
 .haoqi .hq-title { font-size:2.5rem; line-height:1.18; margin-bottom:20px; }
 .hq-title br { display:block; }
 .hq-kicker { margin-bottom:20px; font-size:.57rem; letter-spacing:.045em; }
 .hq-intro { font-size:.95rem; }
 .hq-actions { gap:10px; margin-top:24px; }
 .hq-actions .btn { padding:13px 19px; font-size:.85rem; }
 .hq-cover-product { height:245px; padding:18px; }
 .hq-visual-top,.hq-visual-bottom { padding:14px; font-size:.55rem; }
 .hq-visual-bottom { flex-wrap:wrap; }
 .hq-visual-categories a { padding:12px; gap:8px; font-size:.68rem; }
 .hq-facts { grid-template-columns:1fr 1fr; }
 .hq-fact,.hq-fact:first-child { padding:20px 0 20px 16px; border-bottom:1px solid var(--line); }
 .hq-fact:nth-child(odd) { padding-left:0; }
 .hq-fact:nth-child(even) { border-right:0; }
 .hq-fact:nth-child(n+3) { border-bottom:0; }
 .hq-fact strong { font-size:1.75rem; }
 .hq-fact span { font-size:.68rem; }
 .haoqi .section,.haoqi .section.tight { padding:54px 0; }
 .haoqi .sec-head h2,.hq-story-copy h2 { font-size:1.85rem; }
 .hq-catalog-grid,.haoqi .product-list,.haoqi .products-main--all { grid-template-columns:1fr; }
 .hq-catalog-image { height:220px; }
 .hq-catalog-end { min-height:330px; padding:30px; }
 .hq-card-content>p { min-height:0; }
 .haoqi .q-grid { grid-template-columns:1fr; }
 .haoqi .q-card { border-right:0; border-bottom:1px solid var(--line)!important; }
 .haoqi .q-card:last-child { border-bottom:0!important; }
 .haoqi .page-hero { padding:40px 0; }
 .haoqi .page-hero h1 { font-size:2.15rem; }
 .haoqi .page-hero p { font-size:.9rem; }
 .haoqi .patent-stats-bar.about-stats-bar { grid-template-columns:1fr 1fr; }
 .haoqi .patent-stat .stat-number { font-size:1.65rem; }
 .haoqi .products-sidebar-btn { flex-basis:50%; border-bottom:1px solid var(--line); padding:14px; }
 .haoqi .products-sidebar-btn:nth-child(odd) { border-right:0; }
 .haoqi .products-sidebar-btn:nth-last-child(-n+2) { border-bottom:0; }
 .haoqi .contact-form { padding:22px 18px; }
 .haoqi .home-cta { padding:42px 0; }
 .haoqi .home-cta-in h2 { font-size:1.75rem; }
 .haoqi .home-cta-in p { font-size:.9rem; }
 .haoqi .footer-grid { gap:32px 20px; }
 .haoqi .footer-brand { grid-column:1/-1; }
}
@media(prefers-reduced-motion:reduce) { .hq-cover-product img,.hq-catalog-image img { transition:none; } }