/*
Theme Name: Qi Jin Hang Power
Theme URI: https://www.qijinhang.com/
Author: Qi Jin Hang
Description: Custom bilingual corporate homepage for Qi Jin Hang Power Equipment.
Version: 1.0.57
Text Domain: qijinhang-power
*/

:root {
      --ink: #071220;
      --ink-2: #0b1b2e;
      --panel: #10243d;
      --panel-2: #132b49;
      --line: rgba(95, 164, 255, .22);
      --text: #f3f7fb;
      --muted: #9db0c5;
      --blue: #1976ff;
      --blue-2: #54b7ff;
      --gold: #f5a623;
      --green: #35d6a2;
      --shadow: 0 28px 80px rgba(0, 0, 0, .35);
      --radius: 22px;
      --max: 1240px;
    }

    * { box-sizing: border-box; }
    html { scroll-behavior: smooth; }
    body {
      margin: 0;
      color: var(--text);
      background:
        radial-gradient(circle at 10% 4%, rgba(25,118,255,.13), transparent 28rem),
        var(--ink);
      font-family: "Segoe UI", Arial, sans-serif;
      line-height: 1.6;
      overflow-x: hidden;
    }
    html[lang="zh-CN"] body { font-family: "Microsoft YaHei", "PingFang SC", "Noto Sans CJK SC", sans-serif; }
    html[lang="zh-CN"] h1, html[lang="zh-CN"] .section-title { letter-spacing: -.025em; }
    img { max-width: 100%; display: block; }
    a { color: inherit; text-decoration: none; }
    button, input, select, textarea { font: inherit; }
    button, a { -webkit-tap-highlight-color: transparent; }
    :focus-visible { outline: 3px solid rgba(84,183,255,.8); outline-offset: 4px; }

    .shell { width: min(var(--max), calc(100% - 40px)); margin-inline: auto; }
    .section { padding: 104px 0; position: relative; }
    .section-kicker {
      color: var(--gold);
      font: 700 .76rem/1.2 Consolas, monospace;
      letter-spacing: .16em;
      text-transform: uppercase;
      margin: 0 0 14px;
    }
    .section-title {
      margin: 0;
      max-width: 780px;
      font-size: clamp(2rem, 4.2vw, 3.7rem);
      line-height: 1.08;
      letter-spacing: -.035em;
    }
    .section-intro {
      color: var(--muted);
      max-width: 680px;
      font-size: 1.08rem;
      margin: 22px 0 0;
    }
    .section-head { margin-bottom: 52px; }

    .topline {
      min-height: 38px;
      background: #040b14;
      border-bottom: 1px solid var(--line);
      color: var(--muted);
      font: 600 .72rem/1.2 Consolas, monospace;
      letter-spacing: .035em;
    }
    .topline .shell { min-height: 38px; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
    .live { display: inline-flex; align-items: center; gap: 9px; color: #d8e4f0; }
    .live::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 5px rgba(53,214,162,.12); }

    header {
      position: sticky;
      top: 0;
      z-index: 50;
      background: rgba(7,18,32,.86);
      border-bottom: 1px solid var(--line);
      backdrop-filter: blur(18px);
    }
    .nav { min-height: 78px; display: flex; align-items: center; justify-content: space-between; gap: 16px; }
    .brand { display: flex; align-items: center; gap: 13px; min-width: max-content; }
    .brand-mark {
      width: 78px; height: 60px; display: block; position: relative; overflow: hidden; flex: 0 0 78px;
      border: 1px solid rgba(84,183,255,.38); border-radius: 12px; background: #fff;
      box-shadow: 0 8px 24px rgba(0,0,0,.24);
    }
    .brand-mark img { position: absolute; width: 90px; max-width: none; left: 50%; top: -15px; transform: translateX(-50%); }
    .brand strong { display: block; font-size: .98rem; letter-spacing: .01em; }
    .brand small { display: block; color: var(--gold); font: 600 .69rem/1.2 system-ui, sans-serif; letter-spacing: .01em; margin-top: 2px; }
    .nav-links { display: flex; align-items: center; gap: 12px; color: #b8c8d8; font-size: .82rem; font-weight: 600; white-space: nowrap; }
    .nav-links a { transition: color .2s ease; }
    .nav-links a:hover { color: #fff; }
    .language-switch {
      display: inline-flex; align-items: center; gap: 3px; padding: 4px;
      border: 1px solid var(--line); border-radius: 10px; background: rgba(11,27,46,.72);
    }
    .language-switch button {
      min-width: 34px; height: 32px; padding: 0 8px; border: 0; border-radius: 7px;
      background: transparent; color: var(--muted); cursor: pointer; font: 800 .75rem/1 Consolas, monospace;
    }
    .language-switch button.active { color: #fff; background: var(--blue); box-shadow: 0 6px 16px rgba(25,118,255,.24); }
    .nav-action, .button {
      display: inline-flex; align-items: center; justify-content: center; gap: 9px;
      min-height: 46px; padding: 0 20px; border-radius: 11px;
      border: 1px solid transparent; font-weight: 750; font-size: .9rem;
      transition: transform .2s ease, background .2s ease, border-color .2s ease;
    }
    .nav-action { white-space: nowrap; padding-inline: 17px; }
    .nav-action::before {
      content: "⌁"; color: var(--gold); font: 900 1.35rem/1 Consolas, monospace;
      transform: rotate(-12deg); transform-origin: center;
    }
    .nav-action, .button.primary { background: var(--blue); color: white; box-shadow: 0 12px 30px rgba(25,118,255,.26); }
    .button.secondary { background: rgba(11,27,46,.72); border-color: var(--line); color: white; }
    .nav-action:hover, .button:hover { transform: translateY(-2px); }
    .button.secondary:hover { border-color: rgba(84,183,255,.7); background: var(--panel); }
    .menu-button { display: none; background: transparent; border: 0; color: white; padding: 9px; }
    .menu-button span { display: block; width: 24px; height: 2px; background: currentColor; margin: 5px 0; }

    .hero {
      position: relative;
      min-height: 820px;
      display: grid;
      align-items: center;
      border-bottom: 1px solid var(--line);
      isolation: isolate;
      overflow: hidden;
    }
    .hero::before {
      content: ""; position: absolute; inset: 0; z-index: -3;
      background: url("assets/power-equipment-hero.jpg") center / cover no-repeat;
      transform: scale(1.03);
    }
    .hero::after {
      content: ""; position: absolute; inset: 0; z-index: -2;
      background:
        linear-gradient(90deg, rgba(7,18,32,.98) 0%, rgba(7,18,32,.9) 44%, rgba(7,18,32,.38) 76%, rgba(7,18,32,.55) 100%),
        linear-gradient(0deg, var(--ink) 0%, transparent 30%);
    }
    .grid-overlay {
      position: absolute; inset: 0; z-index: -1; opacity: .16; pointer-events: none;
      background-image: linear-gradient(rgba(84,183,255,.18) 1px, transparent 1px), linear-gradient(90deg, rgba(84,183,255,.18) 1px, transparent 1px);
      background-size: 52px 52px;
      mask-image: linear-gradient(90deg, black, transparent 70%);
    }
    .hero-layout { display: grid; grid-template-columns: 1.2fr .8fr; gap: 68px; align-items: center; padding: 100px 0 80px; }
    .eyebrow {
      display: inline-flex; align-items: center; gap: 9px; color: #dce8f4;
      background: rgba(11,27,46,.74); border: 1px solid var(--line); border-radius: 999px;
      padding: 8px 13px; font: 600 .74rem Consolas, monospace; letter-spacing: .05em;
    }
    .eyebrow i { width: 8px; height: 8px; border-radius: 50%; background: var(--gold); box-shadow: 0 0 0 6px rgba(245,166,35,.12); }
    h1 { font-size: clamp(3rem, 6.4vw, 5.85rem); line-height: .99; letter-spacing: -.055em; margin: 27px 0 25px; max-width: 820px; }
    h1 span { color: var(--blue-2); }
    .hero-copy { color: #b9c8d8; font-size: clamp(1rem, 1.5vw, 1.16rem); max-width: 680px; }
    .hero-actions { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 34px; }
    .hero-note { margin-top: 24px; display: flex; align-items: center; gap: 12px; color: var(--muted); font-size: .82rem; }
    .hero-note b { color: var(--green); }

    .engineering-card {
      background: linear-gradient(150deg, rgba(16,36,61,.94), rgba(7,18,32,.93));
      border: 1px solid rgba(84,183,255,.34);
      border-radius: 24px;
      box-shadow: var(--shadow);
      overflow: hidden;
      position: relative;
    }
    .engineering-card::before { content: ""; position: absolute; width: 220px; height: 220px; right: -70px; top: -90px; background: rgba(25,118,255,.18); filter: blur(45px); border-radius: 50%; }
    .card-top { display: flex; align-items: center; justify-content: space-between; padding: 19px 22px; border-bottom: 1px solid var(--line); font: 700 .72rem Consolas, monospace; letter-spacing: .08em; }
    .card-top span:last-child { color: var(--green); }
    .project-line { display: grid; grid-template-columns: 1fr auto; gap: 16px; padding: 18px 22px; border-bottom: 1px solid rgba(95,164,255,.12); }
    .project-line small { display: block; color: var(--muted); margin-top: 3px; }
    .project-line b { font: 700 .86rem Consolas, monospace; color: #dcecff; }
    .spec-box { margin: 20px; padding: 18px; border-radius: 15px; background: rgba(3,10,18,.6); border: 1px solid var(--line); }
    .spec-title { color: var(--gold); font: 700 .68rem Consolas, monospace; letter-spacing: .12em; margin-bottom: 13px; }
    .spec-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
    .spec-grid strong { display: block; font-size: 1.2rem; }
    .spec-grid span { color: var(--muted); font-size: .73rem; }

    .metrics { position: relative; z-index: 2; margin-top: -54px; }
    .metrics-grid { display: grid; grid-template-columns: repeat(4,1fr); background: var(--panel); border: 1px solid var(--line); border-radius: 20px; box-shadow: var(--shadow); overflow: hidden; }
    .metric { padding: 27px 28px; border-right: 1px solid var(--line); }
    .metric:last-child { border-right: 0; }
    .metric strong { display: block; font: 800 clamp(1.45rem,2.7vw,2.2rem) Consolas, monospace; color: white; }
    .metric:nth-child(even) strong { color: var(--gold); }
    .metric span { display: block; color: var(--muted); font-size: .8rem; margin-top: 7px; }

    .advantage-layout { display: grid; grid-template-columns: .9fr 1.1fr; gap: 24px; align-items: stretch; }
    .advantage-visual { min-height: 590px; border-radius: 28px; border: 1px solid var(--line); overflow: hidden; position: relative; background: url("assets/engineering-review.jpg") center / cover no-repeat; box-shadow: var(--shadow); }
    .advantage-visual::after { content: "ENGINEERING REVIEW ON SITE"; position: absolute; left: 24px; bottom: 24px; padding: 9px 12px; border-radius: 7px; background: rgba(7,18,32,.86); border: 1px solid var(--line); color: var(--gold); font: 700 .72rem Consolas, monospace; letter-spacing: .09em; }
    .advantage-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
    .feature-card { min-height: 285px; padding: 27px; border: 1px solid var(--line); border-radius: var(--radius); background: linear-gradient(150deg, var(--panel), rgba(11,27,46,.45)); transition: transform .25s ease, border-color .25s ease; }
    .feature-card:hover { transform: translateY(-7px); border-color: rgba(84,183,255,.72); }
    .feature-number { color: var(--gold); font: 700 .72rem Consolas, monospace; letter-spacing: .12em; }
    .feature-card h3 { font-size: 1.22rem; margin: 50px 0 13px; }
    .feature-card p { color: var(--muted); margin: 0; font-size: .92rem; }
    .feature-proof { border-top: 1px solid var(--line); margin-top: 24px; padding-top: 17px; color: #dfe9f2; font-size: .78rem; }

    .products { background: #091726; border-block: 1px solid var(--line); }
    .product-grid { display: grid; grid-template-columns: repeat(12,1fr); gap: 18px; }
    .product-card { border: 1px solid var(--line); background: var(--panel); border-radius: var(--radius); min-height: 410px; display: flex; flex-direction: column; position: relative; overflow: hidden; }
    .product-card::after { content: attr(data-code); position: absolute; right: -8px; top: 4px; color: rgba(84,183,255,.08); font: 800 4.6rem Consolas, monospace; }
    .product-card.large { grid-column: span 6; }
    .product-card.small { grid-column: span 4; }
    .product-type { color: var(--gold); font: 700 .7rem Consolas, monospace; letter-spacing: .12em; }
    .product-image {
      width: 100%; height: 235px; object-fit: fill; object-position: center;
      padding: 0; border-bottom: 1px solid var(--line);
      background: #dce5ec;
      filter: saturate(.9) contrast(1.02);
      transition: filter .35s ease, transform .35s ease;
    }
    .product-card:hover .product-image { filter: saturate(1) contrast(1.04) brightness(1.03); transform: translateY(-2px); }
    .product-body { padding: 24px 26px 26px; display: flex; flex-direction: column; flex: 1; position: relative; z-index: 1; }
    .product-card h3 { font-size: 1.38rem; max-width: 82%; margin: 16px 0 10px; }
    .product-card p { color: var(--muted); margin: 0; max-width: 90%; }
    .tags { display: flex; flex-wrap: wrap; gap: 7px; margin-top: auto; padding-top: 28px; }
    .tag { border: 1px solid var(--line); background: rgba(7,18,32,.45); color: #d9e4ef; padding: 6px 9px; border-radius: 7px; font: 600 .7rem Consolas, monospace; }

    .solutions-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; }
    .solutions-visual { min-height: 410px; margin: -10px 0 44px; border: 1px solid var(--line); border-radius: 28px; background: linear-gradient(90deg, rgba(7,18,32,.12), rgba(7,18,32,.44)), url("assets/industrial-solution.jpg") center / cover no-repeat; box-shadow: var(--shadow); position: relative; overflow: hidden; }
    .solutions-visual::after { content: "INTEGRATED INDUSTRIAL POWER DISTRIBUTION"; position: absolute; left: 24px; bottom: 24px; padding: 9px 12px; border-radius: 7px; background: rgba(7,18,32,.86); border: 1px solid var(--line); color: var(--gold); font: 700 .72rem Consolas, monospace; letter-spacing: .09em; }
    .solution { border-top: 3px solid var(--blue); padding: 26px 0 0; }
    .solution:nth-child(2) { border-color: var(--gold); }
    .solution h3 { font-size: 1.38rem; margin: 0 0 10px; }
    .solution p { color: var(--muted); }
    .solution ul { list-style: none; margin: 24px 0 0; padding: 0; display: grid; gap: 10px; }
    .solution li { color: #dbe5ef; font-size: .88rem; padding-left: 20px; position: relative; }
    .solution li::before { content: "+"; position: absolute; left: 0; color: var(--gold); font-family: Consolas, monospace; }

    .projects { background: var(--ink-2); border-block: 1px solid var(--line); }
    .track-header { display: flex; align-items: end; justify-content: space-between; gap: 38px; margin-bottom: 46px; }
    .track-header .section-title { max-width: 680px; }
    .track-note { color: var(--muted); max-width: 420px; margin: 0 0 6px; text-align: right; font-size: .86rem; }
    .track-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; }
    .track-card { min-height: 268px; padding: 26px; border: 1px solid var(--line); border-radius: 18px; background: linear-gradient(145deg, rgba(19,43,73,.9), rgba(13,32,55,.94)); display: flex; flex-direction: column; position: relative; overflow: hidden; }
    .track-card::after { content: ""; position: absolute; width: 150px; height: 150px; right: -70px; top: -80px; border-radius: 50%; background: rgba(25,118,255,.09); }
    .track-meta { display: flex; align-items: center; justify-content: space-between; gap: 14px; }
    .track-category { color: var(--gold); font: 750 .76rem Consolas, monospace; letter-spacing: .04em; }
    .track-location { color: #eaf3fb; border: 1px solid var(--line); border-radius: 6px; padding: 4px 7px; font: 700 .69rem Consolas, monospace; white-space: nowrap; }
    .track-card h3 { margin: 18px 0 10px; font-size: 1.14rem; line-height: 1.42; }
    .track-card p { margin: 0; color: var(--muted); font-size: .86rem; }
    .track-result { display: flex; align-items: end; justify-content: space-between; gap: 18px; margin-top: auto; padding-top: 19px; border-top: 1px solid rgba(95,164,255,.16); }
    .track-spec { color: #eaf3fb; font: 700 .72rem Consolas, monospace; }
    .track-status { color: var(--gold); font: 700 .7rem Consolas, monospace; text-align: right; }
    .track-cta { border-color: rgba(25,118,255,.82); background: linear-gradient(145deg, rgba(16,36,61,.94), rgba(7,18,32,.98)); }
    .track-cta-icon { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 10px; background: var(--blue); color: #fff; font: 800 .68rem Consolas, monospace; }
    .track-cta a { margin-top: auto; color: var(--gold); font-weight: 800; font-size: .84rem; }
    .assurance-bar { margin-top: 28px; padding: 18px 20px; display: flex; align-items: center; justify-content: space-between; gap: 24px; border: 1px solid var(--line); border-radius: 14px; background: rgba(16,36,61,.68); }
    .assurance-bar p { margin: 0; color: #c9d7e4; font-size: .84rem; }
    .assurance-bar p::before { content: "◎"; color: var(--gold); margin-right: 10px; font-weight: 800; }
    .assurance-bar a { color: #fff; font-weight: 800; font-size: .82rem; white-space: nowrap; }

    .quality-layout { display: grid; grid-template-columns: .95fr 1.05fr; gap: 58px; align-items: center; }
    .quality-image { min-height: 510px; border-radius: 28px; border: 1px solid var(--line); background: url("assets/fat-testing.jpg") center / cover no-repeat; position: relative; overflow: hidden; box-shadow: var(--shadow); }
    .quality-image::after { content: "FACTORY ACCEPTANCE TESTING"; position: absolute; left: 24px; bottom: 24px; padding: 9px 12px; border-radius: 7px; background: rgba(7,18,32,.84); border: 1px solid var(--line); color: var(--gold); font: 700 .72rem Consolas, monospace; letter-spacing: .09em; }
    .quality-points { display: grid; gap: 14px; margin-top: 32px; }
    .quality-point { padding: 20px; border: 1px solid var(--line); border-radius: 15px; background: rgba(16,36,61,.58); }
    .quality-point strong { display: block; margin-bottom: 6px; }
    .quality-point span { color: var(--muted); font-size: .88rem; }

    .workflow { background: #091726; border-block: 1px solid var(--line); }
    .workflow-image { min-height: 430px; margin-bottom: 50px; border: 1px solid var(--line); border-radius: 28px; background: linear-gradient(90deg, rgba(7,18,32,.12), rgba(7,18,32,.05)), url("assets/engineering-workflow.jpg") center / cover no-repeat; box-shadow: var(--shadow); position: relative; overflow: hidden; }
    .workflow-image::after { content: "PROJECT-SPECIFIC TECHNICAL COORDINATION"; position: absolute; left: 24px; bottom: 24px; padding: 9px 12px; border-radius: 7px; background: rgba(7,18,32,.86); border: 1px solid var(--line); color: var(--gold); font: 700 .72rem Consolas, monospace; letter-spacing: .09em; }
    .steps { display: grid; grid-template-columns: repeat(5,1fr); gap: 0; counter-reset: step; }
    .step { padding: 0 24px; min-height: 210px; border-left: 1px solid var(--line); position: relative; counter-increment: step; }
    .step:last-child { border-right: 1px solid var(--line); }
    .step::before { content: "0" counter(step); color: var(--gold); font: 700 .75rem Consolas, monospace; }
    .step h3 { font-size: 1.05rem; margin: 48px 0 9px; }
    .step p { color: var(--muted); font-size: .83rem; margin: 0; }

    .rfq-wrap { display: grid; grid-template-columns: .8fr 1.2fr; gap: 34px; align-items: start; }
    .rfq-copy { padding: 20px 0; }
    .rfq-image { min-height: 320px; margin-top: 34px; border: 1px solid var(--line); border-radius: 22px; background: linear-gradient(0deg, rgba(7,18,32,.3), rgba(7,18,32,.02)), url("assets/project-inquiry.jpg") center / cover no-repeat; box-shadow: var(--shadow); }
    .contact-list { margin-top: 30px; display: grid; gap: 13px; }
    .contact-list a, .contact-list span { color: #dbe8f3; font: 600 .86rem Consolas, monospace; }
    .rfq-form { background: var(--panel); border: 1px solid var(--line); border-radius: 26px; padding: 34px; box-shadow: var(--shadow); }
    .form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
    .field { display: grid; gap: 8px; margin-bottom: 18px; }
    .field.full { grid-column: 1 / -1; }
    label { color: #e9f0f6; font-size: .82rem; font-weight: 700; }
    input, select, textarea {
      width: 100%; color: white; background: #091827; border: 1px solid var(--line); border-radius: 11px; padding: 13px 14px;
    }
    textarea { min-height: 110px; resize: vertical; }
    input::placeholder, textarea::placeholder { color: #6f8499; }
    .file-upload {
      position: relative; display: grid; grid-template-columns: auto 1fr; gap: 14px; align-items: center;
      min-height: 82px; padding: 16px; border: 1px dashed rgba(84,183,255,.55); border-radius: 12px;
      background: rgba(9,24,39,.72); cursor: pointer; transition: border-color .2s ease, background .2s ease;
    }
    .file-upload:hover, .file-upload:focus-within, .file-upload.dragging { border-color: var(--gold); background: rgba(9,24,39,.95); }
    .file-upload input { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
    .file-upload-icon {
      display: grid; place-items: center; width: 46px; height: 46px; border-radius: 10px;
      background: rgba(25,118,255,.16); color: var(--gold); font-size: 1.35rem; font-weight: 900;
    }
    .file-upload-copy { display: grid; gap: 4px; }
    .file-upload-title { color: #fff; font-size: .86rem; font-weight: 800; }
    .file-upload-meta, .file-name { color: var(--muted); font-size: .74rem; line-height: 1.45; }
    .file-name.has-file { color: #9ee8d0; }
    .form-note { color: var(--muted); font-size: .74rem; margin: 6px 0 18px; }
    .form-result { display: none; margin-top: 18px; padding: 16px; border-radius: 12px; border: 1px solid rgba(53,214,162,.35); background: rgba(53,214,162,.08); color: #dffaf0; font-size: .85rem; }
    .form-result.show { display: block; }
    .form-result a { color: var(--gold); font-weight: 800; text-decoration: underline; }

    footer { border-top: 1px solid var(--line); background: #030a12; padding: 58px 0 24px; }
    .footer-grid { display: grid; grid-template-columns: 1.6fr 1fr 1fr; gap: 70px; }
    .footer-grid p { color: var(--muted); max-width: 480px; }
    .footer-grid h3 { font-size: .78rem; font-family: Consolas, monospace; color: var(--gold); letter-spacing: .1em; }
    .footer-links { display: grid; gap: 9px; color: #bdcad7; font-size: .86rem; }
    .copyright { margin-top: 44px; padding-top: 20px; border-top: 1px solid var(--line); color: #72869a; font-size: .75rem; display: flex; justify-content: space-between; gap: 20px; }

    .reveal { opacity: 0; transform: translateY(20px); transition: opacity .65s ease, transform .65s ease; }
    .reveal.visible { opacity: 1; transform: none; }

    @media (max-width: 1350px) {
      .nav-action { min-width: 65px; padding-inline: 9px; font-size: 0; }
      .nav-action::after { content: "RFQ"; font-size: .73rem; }
      html[lang="zh-CN"] .nav-action::after { content: "询盘"; }
    }
    @media (max-width: 1060px) {
      .nav-links { display: none; position: absolute; top: 78px; left: 0; right: 0; background: rgba(7,18,32,.98); padding: 24px; border-bottom: 1px solid var(--line); flex-direction: column; align-items: flex-start; }
      .nav-links.open { display: flex; }
      .nav-action { display: none; }
      .menu-button { display: block; }
      .hero-layout, .quality-layout, .rfq-wrap { grid-template-columns: 1fr; }
      .hero { min-height: auto; }
      .engineering-card { max-width: 700px; }
      .advantage-layout { grid-template-columns: 1fr; }
      .advantage-visual { min-height: 460px; }
      .track-grid { grid-template-columns: repeat(2,1fr); }
      .steps { grid-template-columns: 1fr 1fr; gap: 28px 0; }
      .step:nth-child(5) { grid-column: 1 / -1; }
    }
    @media (max-width: 760px) {
      .shell { width: min(100% - 28px, var(--max)); }
      .section { padding: 76px 0; }
      .topline .shell { justify-content: center; text-align: center; }
      .topline span:last-child { display: none; }
      .hero-layout { padding: 72px 0 95px; gap: 42px; }
      h1 { font-size: clamp(2.65rem, 15vw, 4rem); }
      .metrics { margin-top: -34px; }
      .metrics-grid { grid-template-columns: 1fr 1fr; }
      .metric { border-bottom: 1px solid var(--line); }
      .metric:nth-child(2) { border-right: 0; }
      .metric:nth-child(3), .metric:nth-child(4) { border-bottom: 0; }
      .advantage-grid, .solutions-grid { grid-template-columns: 1fr; }
      .advantage-visual, .solutions-visual, .workflow-image { min-height: 320px; }
      .product-card.large, .product-card.small { grid-column: span 12; }
      .product-image { height: 240px; }
      .track-header { align-items: start; flex-direction: column; }
      .track-note { text-align: left; }
      .track-grid { grid-template-columns: 1fr; }
      .assurance-bar { align-items: flex-start; flex-direction: column; }
      .quality-image { min-height: 360px; }
      .steps { grid-template-columns: 1fr; gap: 0; }
      .step, .step:last-child { border-right: 0; border-left: 1px solid var(--line); padding: 0 0 44px 24px; min-height: 0; }
      .step:nth-child(5) { grid-column: auto; }
      .step h3 { margin-top: 18px; }
      .form-grid { grid-template-columns: 1fr; }
      .rfq-form { padding: 24px; }
      .footer-grid { grid-template-columns: 1fr; gap: 28px; }
      .copyright { flex-direction: column; }
      .brand small { display: none; }
      header .brand { gap: 7px; }
      header .brand strong { font-size: .76rem; }
      header .brand-mark { width: 61px; height: 46px; flex-basis: 61px; }
      header .brand-mark img { width: 72px; top: -13px; }
      .nav { gap: 10px; }
      .language-switch button { min-width: 30px; padding: 0 6px; }
    }
    @media (prefers-reduced-motion: reduce) {
      html { scroll-behavior: auto; }
      *, *::before, *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; }
      .reveal { opacity: 1; transform: none; }
    }

.about-page { background: var(--ink); overflow: hidden; }
.about-hero { position: relative; padding: 105px 0 68px; border-bottom: 1px solid var(--line); background: radial-gradient(circle at 78% 30%, rgba(25,118,255,.2), transparent 30rem), #071220; }
.about-hero::after { content: ""; position: absolute; inset: 0; opacity: .2; pointer-events: none; background-image: linear-gradient(rgba(84,183,255,.09) 1px, transparent 1px), linear-gradient(90deg, rgba(84,183,255,.09) 1px, transparent 1px); background-size: 54px 54px; mask-image: linear-gradient(to bottom, black, transparent 85%); }
.about-hero-grid { position: relative; z-index: 1; display: grid; grid-template-columns: 1.05fr .95fr; gap: 64px; align-items: center; }
.about-hero h1 { max-width: 720px; margin: 0; font-size: clamp(2.25rem, 4.4vw, 4.25rem); line-height: 1.06; letter-spacing: -.04em; }
.about-hero h1 span { display: block; color: var(--blue-2); }
.about-hero-copy { max-width: 670px; margin: 24px 0 0; color: #b9c8d7; font-size: 1.08rem; }
.about-hero-visual { min-height: 390px; border: 1px solid var(--line); border-radius: 28px; background: linear-gradient(135deg, rgba(7,18,32,.06), rgba(7,18,32,.48)), url("assets/company-building-reference.png") 100% 0 / 160% auto no-repeat; box-shadow: var(--shadow); }
.about-stats { position: relative; z-index: 2; display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 40px; border: 1px solid var(--line); border-radius: 18px; background: rgba(10,28,48,.86); backdrop-filter: blur(14px); }
.about-stat { padding: 24px; border-right: 1px solid var(--line); }
.about-stat:last-child { border-right: 0; }
.about-stat strong { display: block; color: #fff; font-size: 1.65rem; line-height: 1.1; }
.about-stat span { display: block; margin-top: 8px; color: var(--muted); font-size: .78rem; }
.about-section { padding: 72px 0; }
.about-page .section-head { margin-bottom: 32px; }
.about-section.alt { background: #091827; border-block: 1px solid rgba(95,164,255,.13); }
.about-story-grid, .about-quality-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 66px; align-items: center; }
.about-quality-grid { grid-template-columns: 1fr; }
.about-quality-grid .about-copy h2 { max-width: 780px; }
.about-quality-grid .about-copy > p:not(.section-kicker) { max-width: 850px; }
.about-story-image, .about-quality-image { min-height: 400px; border: 1px solid var(--line); border-radius: 24px; box-shadow: var(--shadow); }
.about-story-image { background: linear-gradient(0deg, rgba(7,18,32,.28), rgba(7,18,32,.04)), url("assets/engineering-workflow.jpg") center / cover no-repeat; }
.about-quality-image { background: linear-gradient(0deg, rgba(7,18,32,.28), rgba(7,18,32,.04)), url("assets/fat-testing.jpg") center / cover no-repeat; }
.about-copy h2 { margin: 0; font-size: clamp(1.75rem, 3.1vw, 2.75rem); line-height: 1.12; letter-spacing: -.03em; }
.about-page .section-title { font-size: clamp(1.8rem, 3.2vw, 2.8rem); line-height: 1.12; letter-spacing: -.03em; }
.about-copy > p { margin: 22px 0 0; color: #aebed0; }
.about-pillars { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin-top: 34px; }
.about-pillar { padding: 20px; border: 1px solid var(--line); border-radius: 15px; background: rgba(16,36,61,.72); }
.about-pillar strong { display: block; color: var(--gold); font-size: .78rem; font-family: Consolas, monospace; letter-spacing: .08em; }
.about-pillar span { display: block; margin-top: 9px; color: #dce8f3; font-size: .86rem; }
.about-portfolio { display: grid; grid-template-columns: repeat(5, 1fr); gap: 14px; margin-top: 32px; }
.about-product { min-height: 270px; padding: 24px; display: flex; flex-direction: column; justify-content: flex-end; position: relative; overflow: hidden; border: 1px solid var(--line); border-radius: 18px; background: #10243d; }
.about-product::before { content: ""; position: absolute; inset: 0; background: linear-gradient(to top, rgba(4,11,20,.98), rgba(4,11,20,.18)); }
.about-product:nth-child(1) { background: url("assets/transformer-product.jpg") center / cover; }
.about-product:nth-child(2) { background: url("assets/generator-product.jpg") center / cover; }
.about-product:nth-child(3) { background: url("assets/switchgear-product.jpg") center / cover; }
.about-product:nth-child(4) { background: url("assets/industrial-solution.jpg") center / cover; }
.about-product:nth-child(5) { background: url("assets/global-delivery.jpg") center / cover; }
.about-product > * { position: relative; z-index: 1; }
.about-product small { color: var(--gold); font: 700 .7rem Consolas, monospace; letter-spacing: .08em; }
.about-product h3 { margin: 9px 0 0; font-size: 1.05rem; line-height: 1.25; }
.about-process { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; margin-top: 32px; }
.about-process article { padding: 26px; border: 1px solid var(--line); border-radius: 18px; background: var(--panel); }
.about-process b { display: inline-grid; place-items: center; width: 40px; height: 40px; border-radius: 10px; color: var(--gold); background: rgba(245,166,35,.12); font-family: Consolas, monospace; }
.about-process h3 { margin: 20px 0 8px; font-size: 1rem; }
.about-process p { margin: 0; color: var(--muted); font-size: .82rem; }
.about-values { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; margin-top: 30px; }
.about-value { padding: 26px; border-top: 2px solid var(--blue); background: rgba(16,36,61,.55); }
.about-value h3 { margin: 0 0 10px; color: #fff; font-size: 1rem; }
.about-value p { margin: 0; color: var(--muted); font-size: .82rem; }
.about-cta { padding: 60px 0; background: linear-gradient(120deg, #0b2340, #0b1b2e); border-top: 1px solid var(--line); }
.about-cta-inner { display: flex; align-items: center; justify-content: space-between; gap: 32px; }
.about-cta h2 { max-width: 720px; margin: 0; font-size: clamp(1.75rem, 3.2vw, 2.8rem); line-height: 1.12; }
.about-page .about-motion { opacity: 0; translate: 0 16px; transition: opacity .8s cubic-bezier(.22, 1, .36, 1), translate .8s cubic-bezier(.22, 1, .36, 1); transition-delay: var(--motion-delay, 0ms); }
.about-page .about-motion.is-visible { opacity: 1; translate: 0 0; }
.about-stat, .about-pillar, .about-product, .about-process article, .about-value { transition: transform .55s cubic-bezier(.22, 1, .36, 1), border-color .55s ease, background-color .55s ease, box-shadow .55s ease; }
.about-stat strong, .about-product h3 { transition: color .5s ease; }
.about-story-image, .about-quality-image { transition: transform .7s cubic-bezier(.22, 1, .36, 1), border-color .55s ease, filter .7s ease, box-shadow .55s ease; }
.about-hero-visual { transition: border-color .55s ease, box-shadow .55s ease; }
@media (hover: hover) and (pointer: fine) {
  .about-stat:hover { transform: translateY(-3px); background-color: rgba(25,118,255,.07); }
  .about-stat:hover strong, .about-product:hover h3 { color: var(--blue-2); }
  .about-pillar:hover, .about-process article:hover, .about-value:hover { transform: translateY(-4px); border-color: rgba(84,183,255,.48); background-color: #142e4d; box-shadow: 0 12px 30px rgba(0,0,0,.17); }
  .about-value:hover { border-top-color: var(--gold); }
  .about-product:hover { transform: translateY(-5px); border-color: rgba(84,183,255,.7); box-shadow: 0 18px 38px rgba(0,0,0,.27); }
  .about-story-image:hover, .about-quality-image:hover { transform: scale(1.01); border-color: rgba(84,183,255,.65); filter: saturate(1.05); }
  .about-hero-visual:hover { border-color: rgba(84,183,255,.65); box-shadow: 0 28px 78px rgba(0,0,0,.37); }
}
@media (prefers-reduced-motion: reduce) {
  .about-page .about-motion { opacity: 1; translate: none; }
  .about-page *, .about-page *::before, .about-page *::after { transition: none !important; animation: none !important; }
}
@media (max-width: 1050px) { .about-portfolio { grid-template-columns: repeat(2, 1fr); } .about-process, .about-values { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 820px) { .about-hero { padding-top: 88px; } .about-hero-grid, .about-story-grid, .about-quality-grid { grid-template-columns: 1fr; } .about-hero-visual { min-height: 320px; order: -1; } .about-stats { grid-template-columns: repeat(3, 1fr); } .about-pillars { grid-template-columns: 1fr; } .about-cta-inner { align-items: flex-start; flex-direction: column; } }
@media (max-width: 560px) { .about-section { padding: 54px 0; } .about-portfolio, .about-process, .about-values { grid-template-columns: 1fr; } .about-stats { grid-template-columns: 1fr; } .about-stat { border-right: 0; border-bottom: 1px solid var(--line); } .about-stat:last-child { border-bottom: 0; } .about-hero-visual { min-height: 250px; background-size: 175% auto; } }

.contact-page { background: var(--ink); }
.contact-hero { padding: 94px 0 72px; background: radial-gradient(circle at 85% 5%, rgba(25,118,255,.2), transparent 32rem), #071220; }
.contact-hero-grid { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(300px, .85fr); gap: 64px; align-items: center; }
.contact-hero h1 { margin: 0; max-width: 740px; font-size: clamp(2.4rem, 4.8vw, 4.4rem); line-height: 1.07; letter-spacing: -.04em; }
.contact-hero h1 span { display: block; color: var(--blue-2); }
.contact-hero p.contact-lead { max-width: 660px; margin: 24px 0 0; color: #b9c8d7; font-size: 1.04rem; }
.contact-hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px; }
.contact-summary { padding: 28px; border: 1px solid var(--line); border-radius: 22px; background: linear-gradient(150deg, #10243d, #0b1b2e); box-shadow: var(--shadow); }
.contact-summary h2 { margin: 0 0 22px; font-size: 1.15rem; }
.contact-detail { padding: 19px 0; border-top: 1px solid var(--line); }
.contact-detail small { display: block; margin-bottom: 7px; color: var(--gold); font: 700 .72rem Consolas, monospace; letter-spacing: .1em; text-transform: uppercase; }
.contact-detail p, .contact-detail a { margin: 0; color: #e7eff8; font-size: .94rem; overflow-wrap: anywhere; }
.contact-detail a:hover { color: var(--blue-2); }
.contact-map-section { padding: 72px 0; border-top: 1px solid var(--line); background: #091827; }
.contact-map-heading { display: flex; align-items: end; justify-content: space-between; gap: 24px; margin-bottom: 26px; }
.contact-map-heading h2 { margin: 0; font-size: clamp(1.8rem, 3.2vw, 2.8rem); line-height: 1.12; }
.contact-map-heading p { max-width: 450px; margin: 0; color: var(--muted); font-size: .88rem; }
.contact-map-card { overflow: hidden; border: 1px solid var(--line); border-radius: 22px; background: #10243d; box-shadow: var(--shadow); }
.contact-map-card iframe { display: block; width: 100%; height: 440px; border: 0; background: #dce5ef; }
.contact-map-footer { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 14px; padding: 18px 22px; }
.contact-map-footer span { color: #d9e5f1; font-size: .86rem; }
.contact-map-footer a { color: var(--gold); font-size: .85rem; font-weight: 800; }
.contact-map-footer a:hover { color: #ffd176; }
.contact-guidance { padding: 70px 0 80px; }
.contact-guidance h2 { max-width: 760px; margin: 0; font-size: clamp(1.8rem, 3.2vw, 2.8rem); line-height: 1.12; }
.contact-guidance-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin-top: 30px; }
.contact-guidance-card { padding: 26px; border: 1px solid var(--line); border-radius: 18px; background: var(--panel); transition: transform .55s cubic-bezier(.22,1,.36,1), border-color .55s ease; }
.contact-guidance-card:hover { transform: translateY(-4px); border-color: rgba(84,183,255,.58); }
.contact-guidance-card b { color: var(--gold); font-family: Consolas, monospace; }
.contact-guidance-card h3 { margin: 15px 0 8px; font-size: 1.08rem; }
.contact-guidance-card p { margin: 0; color: var(--muted); font-size: .86rem; }
@media (max-width: 820px) { .contact-hero-grid { grid-template-columns: 1fr; gap: 36px; } .contact-map-heading { display: block; } .contact-map-heading p { margin-top: 15px; } .contact-guidance-grid { grid-template-columns: 1fr; } }
@media (max-width: 560px) { .contact-hero { padding: 66px 0 54px; } .contact-map-section { padding: 54px 0; } .contact-map-card iframe { height: 330px; } .contact-guidance { padding: 54px 0; } }
@media (prefers-reduced-motion: reduce) { .contact-guidance-card { transition: none; } }

.product-center-page { min-height: 75vh; background: var(--ink); }
.product-center-hero { padding: 94px 0 70px; border-bottom: 1px solid var(--line); background: radial-gradient(circle at 82% 12%, rgba(26,122,255,.18), transparent 30rem), #071220; }
.product-center-hero h1 { max-width: 800px; margin: 0; font-size: clamp(2.35rem, 4.8vw, 4.25rem); line-height: 1.08; letter-spacing: -.035em; }
.product-center-hero h1 span { color: var(--blue-2); }
.product-center-hero p.product-center-lead { max-width: 760px; margin: 22px 0 0; color: #b9c8d7; font-size: 1.02rem; }
.product-center-intro { padding: 58px 0 20px; }
.product-center-intro h2 { max-width: 800px; margin: 0; font-size: clamp(1.75rem, 3vw, 2.65rem); line-height: 1.16; }
.product-center-intro p:last-child { max-width: 760px; color: var(--muted); }
.product-category-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; padding: 24px 0 76px; }
.product-category-card { overflow: hidden; border: 1px solid var(--line); border-radius: 20px; background: var(--panel); transition: transform .5s cubic-bezier(.22,1,.36,1), border-color .5s ease; }
.product-category-card:hover { transform: translateY(-4px); border-color: rgba(84,183,255,.58); }
.product-category-card:first-child, .product-category-card:nth-child(2) { border-color: rgba(251,181,42,.42); }
.product-category-card-media { display: block; position: relative; height: 260px; overflow: hidden; background: #122943; }
.product-category-card-media img { width: 100%; height: 100%; object-fit: cover; transition: transform .75s cubic-bezier(.22,1,.36,1); }
.product-category-card:hover img { transform: scale(1.035); }
.product-category-card-body { padding: 27px; }
.product-category-card-body small { color: var(--gold); font: 700 .7rem Consolas, monospace; letter-spacing: .1em; }
.product-category-card-body h3 { margin: 10px 0; font-size: 1.45rem; line-height: 1.2; }
.product-category-card-body h3 a { color: #fff; }
.product-category-card-body > p { margin: 0 0 21px; color: var(--muted); font-size: .9rem; }
.product-subcategories { display: grid; gap: 9px; padding-top: 18px; border-top: 1px solid var(--line); }
.product-subcategories a { display: flex; justify-content: space-between; gap: 16px; padding: 10px 0; color: #dbe8f5; font-size: .85rem; border-bottom: 1px solid rgba(255,255,255,.06); }
.product-subcategories a::after { content: '↗'; color: var(--gold); }
.product-subcategories a:hover, .product-category-card-body h3 a:hover { color: var(--blue-2); }
.product-center-empty { padding: 24px; border: 1px solid var(--line); border-radius: 16px; color: var(--muted); }
.product-category-detail { padding-top: 32px; padding-bottom: 68px; }
.product-category-detail .product-category-grid { padding-bottom: 0; }
.product-category-back { display: inline-block; margin-bottom: 24px; color: var(--gold); font-size: .84rem; font-weight: 700; }
.product-category-detail h2 { max-width: 760px; margin: 0 0 12px; font-size: clamp(1.8rem, 3.2vw, 2.8rem); }
.product-category-detail > p { max-width: 760px; margin: 0 0 24px; color: var(--muted); }
.product-center-cta { padding: 50px 0; border-top: 1px solid var(--line); background: #091827; }
.product-center-cta .shell { display: flex; align-items: center; justify-content: space-between; gap: 28px; }
.product-center-cta h2 { max-width: 720px; margin: 0; font-size: clamp(1.55rem, 2.6vw, 2.35rem); }
.product-archive { padding: 52px 0 80px; }
.product-archive h1 { margin: 0 0 18px; font-size: clamp(2rem, 4vw, 3.3rem); }
.product-archive-description { max-width: 820px; margin-bottom: 32px; color: var(--muted); }
.product-center-page .woocommerce ul.products { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; margin: 26px 0; padding: 0; }
.product-center-page .woocommerce ul.products li.product { width: auto; float: none; margin: 0; padding: 16px; border: 1px solid var(--line); border-radius: 18px; background: var(--panel); }
.product-center-page .woocommerce ul.products li.product img { border-radius: 12px; }
.product-center-page .woocommerce ul.products li.product .woocommerce-loop-product__title { color: #fff; font-size: 1.05rem; }
.product-center-page .woocommerce ul.products li.product .price { color: var(--gold); }
@media (max-width: 820px) { .product-category-grid { grid-template-columns: 1fr; } .product-center-cta .shell { display: block; } .product-center-cta .button { margin-top: 20px; } .product-center-page .woocommerce ul.products { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) { .product-center-hero { padding: 66px 0 52px; } .product-category-card-media { height: 210px; } .product-center-page .woocommerce ul.products { grid-template-columns: 1fr; } }
@media (prefers-reduced-motion: reduce) { .product-category-card, .product-category-card-media img { transition: none; } }

.product-center-page { background: #f7f9fc; color: #142943; }
.product-center-page .shell { max-width: 1280px; }
.product-center-hero { position: relative; isolation: isolate; padding: 94px 0 92px; border: 0; background: #061c37 url("assets/industrial-solution.jpg") center / cover no-repeat; }
.product-center-hero::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(4,23,49,.96), rgba(4,30,61,.84) 59%, rgba(4,30,61,.62)); }
.product-center-hero .section-kicker { display: inline-flex; align-items: center; padding: 7px 12px; border: 1px solid rgba(255,255,255,.22); border-radius: 100px; background: rgba(255,255,255,.1); color: #f9c84a; letter-spacing: .11em; }
.product-center-hero h1 { max-width: 820px; margin: 18px 0 0; color: #fff; font-size: clamp(2.35rem, 4.4vw, 4.05rem); }
.product-center-hero h1 span { color: #f8ca4d; }
.product-center-hero p.product-center-lead { max-width: 760px; color: #dce7f5; line-height: 1.7; }
.catalog-navigator-wrap { position: relative; z-index: 3; margin-top: -34px; }
.catalog-navigator { display: grid; grid-template-columns: repeat(5, minmax(0,1fr)); gap: 4px; padding: 9px; border: 1px solid #d5deea; border-radius: 15px; background: #fff; box-shadow: 0 18px 42px rgba(10,34,66,.15); }
.catalog-navigator a { display: flex; flex-direction: column; min-height: 106px; padding: 17px 15px; border: 1px solid transparent; border-radius: 9px; color: #16345d; transition: background .35s ease, border-color .35s ease, transform .35s ease; }
.catalog-navigator a:hover { background: #f0f5fb; border-color: #d4e0ef; transform: translateY(-2px); }
.catalog-nav-number { color: #b38917; font: 800 .73rem Consolas, monospace; letter-spacing: .08em; }
.catalog-navigator strong { display: block; margin-top: 9px; font-size: .88rem; line-height: 1.25; }
.catalog-navigator small { margin-top: auto; padding-top: 7px; color: #6d7d91; font-size: .71rem; }
.catalog-sections { margin-top: 32px; }
.catalog-section { padding: 72px 0 82px; border-bottom: 1px solid #dde4ed; scroll-margin-top: 96px; }
.catalog-section--alt { background: #eef3f8; }
.catalog-section-head { display: flex; align-items: end; justify-content: space-between; gap: 28px; margin-bottom: 28px; }
.catalog-section-index { color: #ab7e04; font: 800 .74rem Consolas, monospace; letter-spacing: .1em; }
.catalog-section-head h2 { margin: 11px 0 10px; color: #0b326a; font-size: clamp(1.75rem, 2.65vw, 2.6rem); line-height: 1.17; letter-spacing: -.025em; }
.catalog-section-head p { max-width: 800px; margin: 0; color: #52657c; font-size: .95rem; line-height: 1.7; }
.catalog-section-all { flex: none; color: #0b54ad; font-size: .84rem; font-weight: 800; white-space: nowrap; }
.catalog-section-all:hover { color: #0a3267; }
.catalog-image-note { padding: 0 0 26px; margin: 0; color: #738197; font-size: .72rem; text-align: center; }
.catalog-family-grid { display: grid; gap: 22px; }
.catalog-family-grid--two { grid-template-columns: repeat(2, minmax(0,1fr)); }
.catalog-family-grid--three { grid-template-columns: repeat(3, minmax(0,1fr)); }
.catalog-family-grid--single { grid-template-columns: 1fr; }
.catalog-family-card { display: flex; flex-direction: column; overflow: hidden; min-width: 0; border: 1px solid #d8e1eb; border-radius: 14px; background: #fff; box-shadow: 0 8px 24px rgba(20,49,84,.045); transition: transform .5s cubic-bezier(.22,1,.36,1), box-shadow .5s ease, border-color .5s ease; }
.catalog-family-card:hover { transform: translateY(-4px); border-color: #86a9d2; box-shadow: 0 18px 40px rgba(18,59,112,.12); }
.catalog-family-image { display: block; height: 228px; overflow: hidden; background: #e6edf5; }
.catalog-family-image img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .7s cubic-bezier(.22,1,.36,1); }
.catalog-family-card:hover .catalog-family-image img { transform: scale(1.035); }
.catalog-family-body { display: flex; flex: 1; flex-direction: column; padding: 25px 27px 27px; }
.catalog-family-eyebrow { color: #9b7313; font: 800 .7rem Consolas, monospace; letter-spacing: .11em; }
.catalog-family-body h3 { margin: 10px 0 14px; color: #0b326a; font-size: clamp(1.12rem, 1.65vw, 1.48rem); line-height: 1.22; }
.catalog-family-body h3 a { color: inherit; }
.catalog-family-body h3 a:hover { color: #1261bc; }
.catalog-models { display: flex; flex-wrap: wrap; gap: 7px; margin-bottom: 15px; }
.catalog-models span { padding: 5px 9px; border-radius: 5px; background: #eaf1fa; color: #174879; font: 700 .73rem Consolas, monospace; }
.catalog-family-body > p { margin: 0 0 22px; color: #56677a; font-size: .86rem; line-height: 1.65; }
.catalog-family-action { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-top: auto; padding-top: 16px; border-top: 1px solid #e5ebf2; color: #0c57ae; font-size: .83rem; font-weight: 800; }
.catalog-family-action:hover { color: #00346f; }
.catalog-family-grid--single .catalog-family-card { display: grid; grid-template-columns: minmax(300px,.9fr) minmax(0,1.1fr); }
.catalog-family-grid--single .catalog-family-image { height: 100%; min-height: 285px; }
.catalog-family-grid--single .catalog-family-body { padding: 32px 36px; }
.product-center-page .product-category-detail { padding-top: 56px; color: #183452; }
.product-center-page .product-category-detail h2 { color: #0b326a; }
.product-center-page .product-category-detail > p { color: #586b80; }
.product-center-page .product-category-card { background: #fff; border-color: #d8e1eb; }
.product-center-page .product-category-card-body h3 a { color: #0b326a; }
.product-center-page .product-category-card-body > p { color: #586b80; }
.product-center-page .product-subcategories a { color: #164878; border-color: #e6edf4; }
.product-center-page .product-center-empty { color: #586b80; border-color: #d8e1eb; }
.catalog-process { padding: 74px 0; background: #08244a; color: #fff; }
.catalog-process-head { display: flex; justify-content: space-between; align-items: end; gap: 32px; margin-bottom: 28px; }
.catalog-process h2 { max-width: 700px; margin: 8px 0 0; font-size: clamp(1.7rem, 2.6vw, 2.5rem); line-height: 1.15; }
.catalog-process-head p:last-child { max-width: 400px; color: #aec2d8; font-size: .86rem; }
.catalog-process-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 16px; }
.catalog-process-grid article { padding: 23px; border: 1px solid rgba(255,255,255,.17); border-radius: 11px; background: rgba(255,255,255,.055); }
.catalog-process-grid b { color: #f8ca4d; font: 800 .77rem Consolas, monospace; }
.catalog-process-grid h3 { margin: 15px 0 8px; font-size: 1.04rem; }
.catalog-process-grid p { margin: 0; color: #b9cadc; font-size: .8rem; line-height: 1.6; }
.product-center-page .product-center-cta { background: #071c35; }
.product-center-page .product-center-cta h2 { color: #fff; }
.product-center-page .woocommerce ul.products li.product { background: #fff; border-color: #d8e1eb; }
.product-center-page .woocommerce ul.products li.product .woocommerce-loop-product__title { color: #0b326a; }
.catalog-series-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin-top:24px; }
.catalog-series-card { display:flex; flex-direction:column; min-height:206px; padding:23px 24px; border:1px solid #d8e1eb; border-radius:13px; background:#fff; box-shadow:0 8px 24px rgba(20,49,84,.045); transition:transform .45s cubic-bezier(.22,1,.36,1),border-color .4s ease,box-shadow .45s ease; }
.catalog-series-card:hover { transform:translateY(-4px); border-color:#86a9d2; box-shadow:0 16px 34px rgba(18,59,112,.11); }
.catalog-series-card small { color:#a77a09; font:800 .72rem Consolas,monospace; letter-spacing:.06em; }
.catalog-series-card strong { margin:17px 0 10px; color:#0b326a; font-size:1.5rem; line-height:1.2; }
.catalog-series-card span { color:#586b80; font-size:.82rem; line-height:1.55; }
.catalog-series-card em { margin-top:auto; padding-top:15px; color:#1465af; font-size:.79rem; font-style:normal; font-weight:800; }
@media (max-width: 1050px) { .catalog-navigator { grid-template-columns: repeat(3,minmax(0,1fr)); } .catalog-family-grid--three { grid-template-columns: repeat(2,minmax(0,1fr)); } .catalog-process-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 1050px) { .catalog-series-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width: 700px) { .catalog-navigator { grid-template-columns: repeat(2,minmax(0,1fr)); } .catalog-section { padding: 55px 0 62px; } .catalog-section-head, .catalog-process-head { display: block; } .catalog-section-all { display: inline-block; margin-top: 17px; } .catalog-family-grid--two, .catalog-family-grid--three { grid-template-columns: 1fr; } .catalog-family-grid--single .catalog-family-card { display: flex; } .catalog-family-grid--single .catalog-family-image { height: 220px; min-height: 0; } .catalog-process-grid,.catalog-series-grid { grid-template-columns: 1fr; } }
@media (max-width: 450px) { .catalog-navigator { grid-template-columns: 1fr 1fr; } .catalog-navigator a { min-height: 112px; padding: 12px; } .catalog-navigator strong { font-size: .76rem; } .catalog-navigator small { font-size: .66rem; } .catalog-family-body { padding: 22px; } }
@media (prefers-reduced-motion: reduce) { .catalog-navigator a, .catalog-family-card, .catalog-family-image img,.catalog-series-card { transition: none; } }

/* Shared light canvas, matching the Product Center. Dark hero, navigation, form and footer remain intentional accents. */
body.qijinhang-site { background: #f7f9fc; color: #142943; }
body.qijinhang-site header .brand strong, body.qijinhang-site footer .brand strong { color: #f3f7fb; }
body.qijinhang-site .section-title, body.qijinhang-site .section:not(.hero) h2 { color: #0b326a; }
body.qijinhang-site .section-intro { color: #586b80; }
body.qijinhang-site .hero { color: #f3f7fb; }
body.qijinhang-site .hero h1, body.qijinhang-site .hero h2 { color: #fff; }
body.qijinhang-site .products, body.qijinhang-site .projects, body.qijinhang-site .workflow { background: #eef3f8; border-color: #dce5ef; }
body.qijinhang-site .advantage-layout, body.qijinhang-site .solutions-grid, body.qijinhang-site .quality-layout, body.qijinhang-site .rfq-wrap { color: #142943; }
body.qijinhang-site .solution p, body.qijinhang-site .step p, body.qijinhang-site .track-note { color: #586b80; }
body.qijinhang-site .solution li, body.qijinhang-site .contact-list a, body.qijinhang-site .contact-list span { color: #294767; }
body.qijinhang-site .solution li::before { color: #b38917; }
body.qijinhang-site .feature-card, body.qijinhang-site .product-card, body.qijinhang-site .track-card, body.qijinhang-site .quality-point { color: #f3f7fb; }
body.qijinhang-site .feature-card p, body.qijinhang-site .product-card p, body.qijinhang-site .track-card p, body.qijinhang-site .quality-point span { color: #b9c9d9; }
body.qijinhang-site .feature-proof { color: #dfe9f2; }
body.qijinhang-site .rfq-form { color: #f3f7fb; }
body.qijinhang-site .rfq-form label { color: #e9f0f6; }
body.qijinhang-site .about-page { background: #f7f9fc; color: #142943; }
body.qijinhang-site .about-hero { color: #f3f7fb; }
body.qijinhang-site .about-hero h1, body.qijinhang-site .about-cta h2 { color: #fff; }
body.qijinhang-site .about-section.alt { background: #eef3f8; border-color: #dce5ef; }
body.qijinhang-site .about-section h2, body.qijinhang-site .about-section .section-title { color: #0b326a; }
body.qijinhang-site .about-section .section-intro, body.qijinhang-site .about-copy > p:not(.section-kicker) { color: #586b80; }
body.qijinhang-site .about-product { color: #fff; }
body.qijinhang-site .about-pillar, body.qijinhang-site .about-process article, body.qijinhang-site .about-value { background: #fff; border-color: #d8e1eb; box-shadow: 0 8px 24px rgba(20,49,84,.045); }
body.qijinhang-site .about-pillar strong, body.qijinhang-site .about-process b { color: #a77a09; }
body.qijinhang-site .about-pillar span, body.qijinhang-site .about-process p, body.qijinhang-site .about-value p { color: #586b80; }
body.qijinhang-site .about-process h3, body.qijinhang-site .about-value h3 { color: #143b69; }
body.qijinhang-site .about-pillar:hover, body.qijinhang-site .about-process article:hover, body.qijinhang-site .about-value:hover { background: #f8fbff; border-color: #9ab9dd; box-shadow: 0 15px 32px rgba(18,59,112,.1); }
body.qijinhang-site .contact-page { background: #f7f9fc; color: #142943; }
body.qijinhang-site .contact-hero { color: #f3f7fb; }
body.qijinhang-site .contact-hero h1 { color: #fff; }
body.qijinhang-site .contact-map-section { background: #eef3f8; border-color: #dce5ef; }
body.qijinhang-site .contact-map-heading h2, body.qijinhang-site .contact-guidance h2 { color: #0b326a; }
body.qijinhang-site .contact-map-heading p, body.qijinhang-site .contact-guidance-card p { color: #586b80; }
body.qijinhang-site .contact-map-card, body.qijinhang-site .contact-guidance-card { background: #fff; border-color: #d8e1eb; box-shadow: 0 8px 24px rgba(20,49,84,.045); }
body.qijinhang-site .contact-map-footer span, body.qijinhang-site .contact-guidance-card h3 { color: #143b69; }
body.qijinhang-site .contact-map-footer a { color: #0b54ad; }
body.qijinhang-site .contact-map-footer a:hover { color: #00346f; }
body.qijinhang-site .contact-guidance-card:hover { background: #f8fbff; border-color: #9ab9dd; }

/* Home page aligned with the Product Center visual system. */
body.qijinhang-site.home .section { padding-block: 76px 82px; scroll-margin-top: 86px; }
body.qijinhang-site.home .section-head { margin-bottom: 34px; }
body.qijinhang-site.home .section-title { max-width: 850px; font-size: clamp(1.8rem, 3vw, 2.7rem); line-height: 1.17; letter-spacing: -.028em; }
body.qijinhang-site.home .section-intro { margin-top: 16px; color: #586b80; font-size: .98rem; line-height: 1.7; }
body.qijinhang-site.home .section-kicker { color: #a77a09; }
body.qijinhang-site.home .hero { min-height: 650px; border-bottom: 0; }
body.qijinhang-site.home .hero::before { background-image: url("assets/industrial-solution.jpg"); transform: scale(1); }
body.qijinhang-site.home .hero::after { background: linear-gradient(90deg, rgba(4,23,49,.96), rgba(4,30,61,.84) 58%, rgba(4,30,61,.62)); }
body.qijinhang-site.home .hero-layout { padding-block: 90px 102px; gap: 48px; }
body.qijinhang-site.home .hero h1 { max-width: 780px; font-size: clamp(2.5rem, 3.9vw, 3.75rem); line-height: 1.08; letter-spacing: -.04em; }
body.qijinhang-site.home .hero h1 span { display: block; color: #f8ca4d; }
body.qijinhang-site.home .hero-copy { color: #dce7f5; line-height: 1.7; }
body.qijinhang-site.home .hero .eyebrow { border-color: rgba(255,255,255,.22); background: rgba(255,255,255,.1); color: #f9c84a; }
body.qijinhang-site.home .hero .engineering-card { border-color: rgba(255,255,255,.18); border-radius: 16px; box-shadow: 0 18px 42px rgba(2,14,32,.24); }
body.qijinhang-site.home .metrics { margin-top: -34px; }
body.qijinhang-site.home .metrics-grid { padding: 8px; gap: 4px; border: 1px solid #d5deea; border-radius: 15px; background: #fff; box-shadow: 0 18px 42px rgba(10,34,66,.15); }
body.qijinhang-site.home .metric { padding: 19px 20px; border: 1px solid transparent; border-radius: 9px; transition: background .35s ease, border-color .35s ease, transform .35s ease; }
body.qijinhang-site.home .metric:hover { background: #f0f5fb; border-color: #d4e0ef; transform: translateY(-2px); }
body.qijinhang-site.home .metric strong, body.qijinhang-site.home .metric:nth-child(even) strong { color: #0b326a; font-size: clamp(1.25rem, 2vw, 1.65rem); }
body.qijinhang-site.home .metric span { color: #6d7d91; }
body.qijinhang-site.home #advantages, body.qijinhang-site.home #solutions, body.qijinhang-site.home #quality { background: #f7f9fc; }
body.qijinhang-site.home #products, body.qijinhang-site.home #projects { background: #eef3f8; border-color: #dde4ed; }
body.qijinhang-site.home .advantage-visual, body.qijinhang-site.home .solutions-visual, body.qijinhang-site.home .quality-image, body.qijinhang-site.home .workflow-image, body.qijinhang-site.home .rfq-image { border-color: #d8e1eb; border-radius: 16px; box-shadow: 0 12px 30px rgba(20,49,84,.1); }
body.qijinhang-site.home .feature-card, body.qijinhang-site.home .product-card, body.qijinhang-site.home .solution, body.qijinhang-site.home .track-card, body.qijinhang-site.home .quality-point { border: 1px solid #d8e1eb; border-radius: 14px; background: #fff; color: #142943; box-shadow: 0 8px 24px rgba(20,49,84,.045); transition: transform .5s cubic-bezier(.22,1,.36,1), box-shadow .5s ease, border-color .5s ease, background .5s ease; }
body.qijinhang-site.home .feature-card:hover, body.qijinhang-site.home .product-card:hover, body.qijinhang-site.home .solution:hover, body.qijinhang-site.home .track-card:hover, body.qijinhang-site.home .quality-point:hover { transform: translateY(-4px); border-color: #86a9d2; box-shadow: 0 18px 40px rgba(18,59,112,.12); }
body.qijinhang-site.home .feature-card { min-height: 245px; padding: 25px; }
body.qijinhang-site.home .feature-card h3 { margin-top: 34px; color: #0b326a; }
body.qijinhang-site.home .feature-card p, body.qijinhang-site.home .product-card p, body.qijinhang-site.home .track-card p, body.qijinhang-site.home .quality-point span { color: #586b80; }
body.qijinhang-site.home .feature-proof, body.qijinhang-site.home .track-result { border-color: #e5ebf2; color: #294767; }
body.qijinhang-site.home .product-card { min-height: 395px; }
body.qijinhang-site.home .product-card::after { color: rgba(12,84,173,.055); }
body.qijinhang-site.home .product-image { border-color: #e5ebf2; background: #e6edf5; transition: filter .7s ease, transform .7s cubic-bezier(.22,1,.36,1); }
body.qijinhang-site.home .product-card:hover .product-image { transform: scale(1.035); }
body.qijinhang-site.home .product-card h3, body.qijinhang-site.home .solution h3, body.qijinhang-site.home .track-card h3, body.qijinhang-site.home .quality-point strong { color: #0b326a; }
body.qijinhang-site.home .product-type, body.qijinhang-site.home .track-category, body.qijinhang-site.home .feature-number { color: #a77a09; }
body.qijinhang-site.home .tag { border-color: #d9e5f3; background: #eaf1fa; color: #174879; }
body.qijinhang-site.home .solution { padding: 26px; border-top: 3px solid #1976ff; }
body.qijinhang-site.home .solution:nth-child(2) { border-top-color: #c99b29; }
body.qijinhang-site.home .solution p { color: #586b80; }
body.qijinhang-site.home .track-header { margin-bottom: 30px; }
body.qijinhang-site.home .track-card { min-height: 250px; }
body.qijinhang-site.home .track-card::after { background: rgba(25,118,255,.035); }
body.qijinhang-site.home .track-location { color: #174879; border-color: #d8e1eb; }
body.qijinhang-site.home .track-spec { color: #294767; }
body.qijinhang-site.home .track-status, body.qijinhang-site.home .track-cta a { color: #a77a09; }
body.qijinhang-site.home .track-cta { border-color: #9ab9dd; background: #f8fbff; }
body.qijinhang-site.home .assurance-bar { border-color: #d8e1eb; background: #fff; }
body.qijinhang-site.home .assurance-bar p { color: #586b80; }
body.qijinhang-site.home .assurance-bar a { color: #0b54ad; }
body.qijinhang-site.home .quality-point { padding: 18px 20px; }
body.qijinhang-site.home #about { background: #08244a; border: 0; color: #fff; }
body.qijinhang-site.home #about .section-title { color: #fff; }
body.qijinhang-site.home #about .section-kicker { color: #f8ca4d; }
body.qijinhang-site.home .steps { gap: 16px; }
body.qijinhang-site.home .step, body.qijinhang-site.home .step:last-child { min-height: 190px; padding: 23px; border: 1px solid rgba(255,255,255,.17); border-radius: 11px; background: rgba(255,255,255,.055); transition: transform .5s cubic-bezier(.22,1,.36,1), background .5s ease, border-color .5s ease; }
body.qijinhang-site.home .step:hover { transform: translateY(-4px); background: rgba(255,255,255,.095); border-color: rgba(255,255,255,.35); }
body.qijinhang-site.home .step h3 { margin: 26px 0 8px; color: #fff; }
body.qijinhang-site.home .step p { color: #b9cadc; }
body.qijinhang-site.home #rfq { background: #071c35; color: #fff; }
body.qijinhang-site.home #rfq .section-title { color: #fff; }
body.qijinhang-site.home #rfq .section-kicker { color: #f8ca4d; }
body.qijinhang-site.home #rfq .section-intro, body.qijinhang-site.home #rfq .contact-list a, body.qijinhang-site.home #rfq .contact-list span { color: #b9cadc; }
body.qijinhang-site.home #rfq .rfq-form { border-color: rgba(255,255,255,.17); box-shadow: 0 18px 42px rgba(2,14,32,.2); }
@media (max-width: 760px) { body.qijinhang-site.home .hero-layout { padding-block: 70px 78px; } body.qijinhang-site.home .hero { min-height: 0; } body.qijinhang-site.home .metrics { margin-top: -20px; } body.qijinhang-site.home .metric { padding: 14px; } body.qijinhang-site.home .section { padding-block: 58px 64px; } body.qijinhang-site.home .step, body.qijinhang-site.home .step:last-child { min-height: 0; } }
@media (prefers-reduced-motion: reduce) { body.qijinhang-site.home .metric, body.qijinhang-site.home .feature-card, body.qijinhang-site.home .product-card, body.qijinhang-site.home .product-image, body.qijinhang-site.home .solution, body.qijinhang-site.home .track-card, body.qijinhang-site.home .quality-point, body.qijinhang-site.home .step { transition: none; } }

.solutions-page { background:#f7f9fc; color:#142943; }
html[lang="en"] .sol-zh, html:not([lang="zh-CN"]) .sol-zh { display:none; }
html[lang="zh-CN"] .sol-en { display:none; }
.sol-hero { position:relative; isolation:isolate; padding:90px 0 105px; color:#fff; background:#061c37 url("assets/engineering-review.jpg") center/cover no-repeat; }
.sol-hero::before { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,rgba(4,23,49,.97),rgba(4,30,61,.86) 59%,rgba(4,30,61,.66)); }
.sol-hero .section-kicker { display:inline-flex; padding:7px 12px; border:1px solid rgba(255,255,255,.22); border-radius:100px; background:rgba(255,255,255,.1); color:#f9c84a; }
.sol-hero h1 { max-width:1050px; margin:18px 0 0; color:#fff; font-size:clamp(2.2rem,3.6vw,3.6rem); line-height:1.08; }
.sol-hero h1 .sol-en,.sol-hero h1 .sol-zh { color:#fff; }
.sol-lead { max-width:760px; margin:22px 0 0; color:#dce7f5; font-size:1.02rem; line-height:1.7; }
.sol-hero-metrics { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin-top:44px; }
.sol-hero-metrics div { padding:19px 21px; border:1px solid rgba(255,255,255,.2); border-radius:11px; background:rgba(255,255,255,.08); backdrop-filter:blur(8px); transition:background .4s ease,transform .4s cubic-bezier(.22,1,.36,1); }
.sol-hero-metrics div:hover { background:rgba(255,255,255,.14); transform:translateY(-3px); }
.sol-hero-metrics strong { display:block; color:#f8ca4d; font:800 clamp(1.3rem,2vw,1.75rem) Consolas,monospace; }
.sol-hero-metrics span { display:block; margin-top:4px; color:#dce7f5; font-size:.8rem; }
.sol-nav-wrap { position:relative; z-index:2; margin-top:-29px; }
.sol-nav { display:grid; grid-template-columns:repeat(3,1fr); gap:5px; padding:8px; border:1px solid #d5deea; border-radius:15px; background:#fff; box-shadow:0 18px 42px rgba(10,34,66,.15); }
.sol-nav a { display:flex; align-items:center; gap:13px; min-height:68px; padding:13px 18px; border:1px solid transparent; border-radius:9px; color:#16345d; font-size:.91rem; font-weight:800; transition:background .35s ease,border-color .35s ease,transform .35s ease; }
.sol-nav a:hover { background:#f0f5fb; border-color:#d4e0ef; transform:translateY(-2px); }
.sol-nav b,.sol-index,.sol-model { color:#a77a09; font:800 .73rem Consolas,monospace; letter-spacing:.08em; }
.sol-section { padding:76px 0 82px; border-bottom:1px solid #dde4ed; scroll-margin-top:86px; }
.sol-section-alt { background:#eef3f8; }
.sol-section-head { display:flex; justify-content:space-between; align-items:end; gap:24px; margin-bottom:29px; }
.sol-section-head h2 { margin:10px 0 12px; color:#0b326a; font-size:clamp(1.8rem,3vw,2.7rem); line-height:1.17; letter-spacing:-.028em; }
.sol-section-head p:last-child { max-width:850px; margin:0; color:#586b80; line-height:1.7; }
.sol-section-number { color:#d7e2ef; font:800 clamp(3rem,8vw,7rem) Consolas,monospace; line-height:1; }
.sol-photo { overflow:hidden; margin:0 0 22px; border:1px solid #d8e1eb; border-radius:14px; background:#e6edf5; }
.sol-photo img { display:block; width:100%; height:320px; object-fit:cover; object-position:center; transition:filter .5s ease; }
.sol-photo:hover img { filter:saturate(1.05); }
.sol-photo figcaption { padding:12px 18px; color:#526981; font-size:.8rem; font-weight:700; background:#fff; }
.sol-card-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.sol-card { padding:25px 27px; border:1px solid #d8e1eb; border-radius:14px; background:#fff; box-shadow:0 8px 24px rgba(20,49,84,.045); transition:transform .5s cubic-bezier(.22,1,.36,1),box-shadow .5s ease,border-color .5s ease; }
.sol-card:hover { transform:translateY(-4px); border-color:#86a9d2; box-shadow:0 18px 40px rgba(18,59,112,.12); }
.sol-card-top { padding-bottom:16px; border-bottom:1px solid #e5ebf2; }
.sol-card h3 { margin:9px 0 0; color:#0b326a; font-size:1.25rem; line-height:1.25; }
.sol-card p { color:#586b80; font-size:.9rem; line-height:1.7; }
.sol-card ul { display:flex; flex-wrap:wrap; gap:8px; margin:18px 0 0; padding:0; list-style:none; }
.sol-card li { padding:7px 10px; border-radius:6px; background:#eaf1fa; color:#174879; font-size:.74rem; font-weight:700; }
.sol-criteria { overflow:hidden; margin-top:20px; border:1px solid #d8e1eb; border-radius:14px; background:#fff; }
.sol-criteria h3 { margin:0; padding:18px 22px; border-bottom:1px solid #e5ebf2; color:#0b326a; font-size:1.05rem; }
.sol-criteria-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
.sol-criteria-grid div { display:grid; gap:5px; padding:15px 22px; border-bottom:1px solid #e5ebf2; }
.sol-criteria-grid div:nth-child(odd) { border-right:1px solid #e5ebf2; }
.sol-criteria-grid strong { color:#174879; font-size:.8rem; }
.sol-criteria-grid span { color:#586b80; font-size:.8rem; }
.sol-note { display:flex; gap:12px; align-items:start; margin-top:22px; padding:16px 19px; border:1px solid #d8e1eb; border-radius:10px; background:#fff; color:#586b80; font-size:.83rem; }
.sol-note strong { flex:none; color:#a77a09; }
.sol-inquiry { padding:75px 0; background:#08244a; color:#fff; }
.sol-inquiry-grid { display:grid; grid-template-columns:1.15fr .85fr; gap:44px; align-items:center; }
.sol-inquiry .section-kicker { color:#f8ca4d; }
.sol-inquiry h2 { max-width:680px; margin:12px 0 18px; color:#fff; font-size:clamp(1.8rem,3vw,2.7rem); line-height:1.15; }
.sol-inquiry p { max-width:680px; color:#b9cadc; line-height:1.7; }
.sol-checklist { display:grid; grid-template-columns:repeat(2,1fr); gap:10px; margin-top:28px; }
.sol-checklist > span { padding:12px; border:1px solid rgba(255,255,255,.17); border-radius:9px; background:rgba(255,255,255,.055); font-size:.8rem; }
.sol-checklist > span::before { content:"✓"; margin-right:8px; color:#f8ca4d; }
.sol-inquiry-card { padding:31px; border:1px solid rgba(255,255,255,.2); border-radius:14px; background:rgba(255,255,255,.07); }
.sol-inquiry-card h3 { color:#fff; font-size:1.35rem; line-height:1.25; }
.sol-inquiry-card .button { display:inline-flex; width:auto; margin:12px 0 16px; }
.sol-inquiry-card .sol-email { display:block; color:#dce7f5; font-size:.82rem; }
@media(max-width:800px) { .sol-hero-metrics { grid-template-columns:repeat(2,1fr); } .sol-inquiry-grid { grid-template-columns:1fr; } }
@media(max-width:620px) { .sol-hero { padding:65px 0 82px; } .sol-nav { grid-template-columns:1fr; } .sol-section { padding:56px 0 64px; } .sol-section-number { display:none; } .sol-photo img { height:225px; } .sol-card-grid,.sol-criteria-grid { grid-template-columns:1fr; } .sol-criteria-grid div:nth-child(odd) { border-right:0; } .sol-note { display:block; } .sol-note strong { display:block; margin-bottom:6px; } .sol-hero-metrics div { padding:14px; } .sol-inquiry { padding:60px 0; } }
@media(prefers-reduced-motion:reduce) { .sol-hero-metrics div,.sol-nav a,.sol-photo img,.sol-card { transition:none; } }

.quality-assurance-page { background:#f7f9fc; color:#142943; }
html[lang="en"] .qa-zh, html:not([lang="zh-CN"]) .qa-zh { display:none; }
html[lang="zh-CN"] .qa-en { display:none; }
.qa-kicker { margin:0; color:#a77a09; font:800 .74rem Consolas,monospace; letter-spacing:.085em; }
.qa-hero { padding:78px 0 54px; background:#fff; border-bottom:1px solid #dbe3ec; }
.qa-hero-grid { display:grid; grid-template-columns:minmax(0,1fr) 280px; gap:50px; align-items:center; }
.qa-hero h1 { max-width:870px; margin:18px 0 17px; color:#0b326a; font-size:clamp(2.15rem,3.7vw,3.65rem); line-height:1.1; letter-spacing:-.035em; }
.qa-hero h1 span { color:#0b326a; }
.qa-lead { max-width:790px; margin:0; color:#586b80; font-size:1.04rem; line-height:1.7; }
.qa-hero-aside { padding:28px; border:1px solid #d4e0ed; border-radius:15px; background:#f0f5fa; }
.qa-hero-aside > span { color:#a77a09; font:800 1.65rem Consolas,monospace; }
.qa-hero-aside strong { display:block; margin:14px 0 8px; color:#0b326a; font-size:1.07rem; }
.qa-hero-aside p { margin:0; color:#586b80; font-size:.84rem; line-height:1.65; }
.qa-badges { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:13px; margin-top:42px; }
.qa-badges > div { display:grid; gap:6px; padding:19px; border:1px solid #dbe3ec; border-radius:12px; background:#f8fafc; transition:transform .45s cubic-bezier(.22,1,.36,1),border-color .4s ease,box-shadow .4s ease; }
.qa-badges > div:hover { transform:translateY(-3px); border-color:#8cadcf; box-shadow:0 12px 28px rgba(16,53,95,.09); }
.qa-badges b { color:#b18315; font:800 .75rem Consolas,monospace; }
.qa-badges strong { color:#0b326a; font-size:.99rem; }
.qa-badges span { color:#687b8c; font-size:.75rem; }
.qa-section { padding:76px 0 82px; border-bottom:1px solid #dbe3ec; scroll-margin-top:92px; }
.qa-certifications,.qa-standards { background:#f7f9fc; }
.qa-workflow { background:#eef3f8; }
.qa-section-head { max-width:900px; margin-bottom:32px; }
.qa-section-head h2 { margin:10px 0 13px; color:#0b326a; font-size:clamp(1.85rem,2.8vw,2.7rem); line-height:1.18; letter-spacing:-.025em; }
.qa-section-head p:last-child { margin:0; color:#586b80; line-height:1.7; }
.qa-centered { margin-left:auto; margin-right:auto; text-align:center; }
.qa-certificate-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:19px; }
.qa-certificate { overflow:hidden; border:1px solid #d9e2ed; border-radius:14px; background:#fff; box-shadow:0 8px 24px rgba(20,49,84,.045); transition:transform .5s cubic-bezier(.22,1,.36,1),box-shadow .5s ease,border-color .5s ease; }
.qa-certificate:hover { transform:translateY(-4px); border-color:#86a9d2; box-shadow:0 18px 40px rgba(18,59,112,.12); }
.qa-cert-image { position:relative; height:215px; overflow:hidden; background:#e5edf4; }
.qa-cert-image img { width:100%; height:100%; object-fit:cover; transition:transform .75s cubic-bezier(.22,1,.36,1); }
.qa-certificate:hover .qa-cert-image img { transform:scale(1.035); }
.qa-cert-image > span { position:absolute; left:15px; bottom:14px; display:inline-flex; padding:6px 10px; border-radius:5px; background:rgba(8,34,69,.86); color:#fff; font-size:.72rem; font-weight:700; }
.qa-cert-body { padding:23px; }
.qa-cert-body small { color:#a77a09; font:800 .76rem Consolas,monospace; }
.qa-cert-body h3 { margin:7px 0 12px; color:#0b326a; font-size:1.27rem; }
.qa-cert-body p { min-height:77px; color:#586b80; font-size:.86rem; line-height:1.68; }
.qa-cert-evidence { display:grid; gap:5px; padding-top:14px; border-top:1px solid #e5ebf2; }
.qa-cert-evidence b { color:#a77a09; font:800 .69rem Consolas,monospace; }
.qa-cert-evidence span { color:#586b80; font-size:.8rem; }
.qa-inline-note { display:grid; grid-template-columns:1fr auto; column-gap:25px; align-items:center; margin-top:20px; padding:22px 25px; border:1px solid #d5e0eb; border-radius:12px; background:#fff; }
.qa-inline-note strong { color:#0b326a; font-size:1.06rem; }
.qa-inline-note p { grid-column:1; margin:7px 0 0; color:#586b80; font-size:.86rem; line-height:1.6; }
.qa-inline-note a { grid-column:2; grid-row:1 / 3; color:#155ca7; font-size:.85rem; font-weight:800; }
.qa-stage-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:15px; }
.qa-stage { display:flex; flex-direction:column; min-height:320px; padding:23px; border:1px solid #d8e1eb; border-radius:13px; background:#fff; transition:transform .5s cubic-bezier(.22,1,.36,1),box-shadow .5s ease; }
.qa-stage:hover { transform:translateY(-4px); box-shadow:0 15px 34px rgba(18,59,112,.1); }
.qa-stage-number { color:#b38917; font:800 .75rem Consolas,monospace; }
.qa-stage > b { margin-top:23px; color:#0e62b4; font:800 1.45rem Consolas,monospace; }
.qa-stage h3 { margin:8px 0 11px; color:#0b326a; font-size:1.03rem; line-height:1.3; }
.qa-stage p { margin:0 0 20px; color:#586b80; font-size:.82rem; line-height:1.65; }
.qa-stage > div { margin-top:auto; padding-top:14px; border-top:1px solid #e5ebf2; color:#a77a09; font-size:.75rem; font-weight:800; }
.qa-record { display:flex; gap:20px; align-items:center; margin-top:22px; padding:20px 24px; border:1px solid #d5e0eb; border-radius:12px; background:#fff; }
.qa-record > span { display:grid; place-items:center; flex:none; width:58px; height:58px; border-radius:12px; background:#0b326a; color:#fff; font:800 1.1rem Consolas,monospace; }
.qa-record strong { color:#0b326a; }
.qa-record p { margin:6px 0 0; color:#586b80; font-size:.83rem; line-height:1.6; }
.qa-table-wrap { overflow-x:auto; border:1px solid #d8e1eb; border-radius:13px; background:#fff; box-shadow:0 8px 24px rgba(20,49,84,.045); }
.qa-table-wrap table { width:100%; border-collapse:collapse; min-width:760px; }
.qa-table-wrap th { padding:17px 19px; background:#eaf0f7; color:#0b326a; text-align:left; font-size:.78rem; }
.qa-table-wrap td { padding:18px 19px; border-top:1px solid #e5ebf2; color:#526981; font-size:.82rem; line-height:1.55; }
.qa-table-wrap td:first-child { color:#0b326a; width:23%; }
.qa-table-wrap td:nth-child(2),.qa-table-wrap td:nth-child(3) { font-family:Consolas,monospace; color:#1761a8; }
.qa-table-wrap tbody tr:hover { background:#f4f8fc; }
.qa-inquiry { padding:72px 0; background:#08244a; color:#fff; }
.qa-inquiry-inner { display:flex; justify-content:space-between; align-items:center; gap:40px; }
.qa-inquiry h2 { max-width:770px; margin:11px 0 14px; color:#fff; font-size:clamp(1.8rem,2.8vw,2.55rem); line-height:1.16; }
.qa-inquiry p:not(.qa-kicker) { max-width:730px; margin:0; color:#c4d4e5; line-height:1.7; }
.qa-inquiry-actions { display:grid; gap:12px; flex:none; text-align:center; }
.qa-inquiry-actions .button { white-space:nowrap; }
.qa-inquiry-actions > a:not(.button) { color:#dce7f5; font-size:.85rem; }
@media(max-width:950px) { .qa-hero-grid { grid-template-columns:1fr; gap:24px; } .qa-hero-aside { max-width:600px; } .qa-stage-grid { grid-template-columns:repeat(2,1fr); } .qa-certificate-grid { grid-template-columns:repeat(2,1fr); } }
@media(max-width:700px) { .qa-hero { padding:58px 0 48px; } .qa-badges,.qa-certificate-grid { grid-template-columns:1fr; } .qa-badges { gap:9px; } .qa-section { padding:57px 0 65px; } .qa-stage-grid { grid-template-columns:1fr; } .qa-stage { min-height:0; } .qa-inline-note { display:block; } .qa-inline-note a { display:inline-block; margin-top:13px; } .qa-inquiry-inner { display:block; } .qa-inquiry-actions { justify-items:start; margin-top:24px; } }
@media(prefers-reduced-motion:reduce) { .qa-badges > div,.qa-certificate,.qa-cert-image img,.qa-stage { transition:none; } }

.experience-page { background:#f7f9fc; color:#142943; }
.exp-hero { position:relative; isolation:isolate; padding:84px 0 99px; background:#071c35; color:#fff; overflow:hidden; }
.exp-hero::before { content:""; position:absolute; inset:0; z-index:-1; background:radial-gradient(circle at 85% 20%,rgba(25,118,255,.27),transparent 36%),linear-gradient(115deg,#061b37,#0d3567); }
.exp-hero::after { content:""; position:absolute; inset:0; z-index:-1; opacity:.1; background-image:linear-gradient(rgba(255,255,255,.26) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.26) 1px,transparent 1px); background-size:52px 52px; mask-image:linear-gradient(90deg,transparent,#000); }
.exp-hero .section-kicker { display:inline-flex; padding:7px 12px; border:1px solid rgba(255,255,255,.22); border-radius:100px; background:rgba(255,255,255,.1); color:#f9c84a; }
.exp-hero h1 { max-width:900px; margin:18px 0 0; color:#fff; font-size:clamp(2.2rem,4.2vw,3.9rem); line-height:1.08; }
.exp-hero h1 .sol-en,.exp-hero h1 .sol-zh { color:#fff; }
.exp-hero-lead { max-width:780px; margin:21px 0 0; color:#dce7f5; line-height:1.7; }
.exp-hero-metrics { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin-top:39px; }
.exp-hero-metrics div { padding:18px 21px; border:1px solid rgba(255,255,255,.18); border-radius:11px; background:rgba(255,255,255,.07); transition:transform .45s cubic-bezier(.22,1,.36,1),background .45s ease; }
.exp-hero-metrics div:hover { transform:translateY(-3px); background:rgba(255,255,255,.12); }
.exp-hero-metrics strong { display:block; color:#f8ca4d; font:800 clamp(1.35rem,2vw,1.75rem) Consolas,monospace; }
.exp-hero-metrics span { display:block; margin-top:4px; color:#dce7f5; font-size:.79rem; }
.exp-nav-wrap { position:relative; z-index:2; margin-top:-28px; }
.exp-nav { display:flex; gap:5px; overflow-x:auto; padding:8px; border:1px solid #d5deea; border-radius:15px; background:#fff; box-shadow:0 18px 42px rgba(10,34,66,.15); scrollbar-width:thin; }
.exp-nav a { display:flex; align-items:center; flex:1 0 190px; gap:11px; min-height:63px; padding:12px; border:1px solid transparent; border-radius:9px; color:#16345d; font-size:.8rem; font-weight:800; line-height:1.3; transition:background .35s ease,border-color .35s ease,transform .35s ease; }
.exp-nav a:hover { background:#f0f5fb; border-color:#d4e0ef; transform:translateY(-2px); }
.exp-nav b,.exp-index { color:#a77a09; font:800 .72rem Consolas,monospace; letter-spacing:.08em; }
.exp-case { padding:75px 0; border-bottom:1px solid #dde4ed; scroll-margin-top:85px; }
.exp-case-alt { background:#eef3f8; }
.exp-case-grid { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); overflow:hidden; border:1px solid #d8e1eb; border-radius:16px; background:#fff; box-shadow:0 8px 24px rgba(20,49,84,.045); transition:transform .5s cubic-bezier(.22,1,.36,1),box-shadow .5s ease,border-color .5s ease; }
.exp-case-grid:hover { transform:translateY(-4px); border-color:#86a9d2; box-shadow:0 18px 40px rgba(18,59,112,.12); }
.exp-media { position:relative; min-height:510px; background:#e6edf5; overflow:hidden; }
.exp-media img { width:100%; height:100%; object-fit:cover; transition:transform .7s cubic-bezier(.22,1,.36,1); }
.exp-case-grid:hover .exp-media img { transform:scale(1.025); }
.exp-detail { padding:29px 31px; }
.exp-case-head { display:flex; justify-content:space-between; align-items:center; gap:13px; }
.exp-location { padding:5px 9px; border:1px solid #d8e1eb; border-radius:6px; color:#174879; font-size:.72rem; font-weight:800; white-space:nowrap; }
.exp-detail h2 { margin:12px 0 8px; color:#0b326a; font-size:clamp(1.35rem,2vw,1.85rem); line-height:1.2; }
.exp-summary { margin:0 0 20px; color:#586b80; font-size:.91rem; }
.exp-challenge-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-bottom:18px; }
.exp-challenge-grid > div { padding:16px; border:1px solid #e1e8f0; border-radius:9px; background:#f4f7fb; }
.exp-challenge-grid strong { color:#0b326a; font-size:.78rem; }
.exp-challenge-grid p { margin:7px 0 0; color:#586b80; font-size:.8rem; line-height:1.55; }
.exp-equipment { padding:16px; border:1px solid #e1e8f0; border-radius:9px; }
.exp-equipment h3 { margin:0 0 12px; color:#0b326a; font-size:.89rem; }
.exp-equipment ul { display:grid; grid-template-columns:1fr 1fr; gap:8px 13px; margin:0; padding:0; list-style:none; }
.exp-equipment li { color:#294767; font-size:.75rem; }
.exp-equipment li::before { content:"✓"; margin-right:7px; color:#a77a09; }
.exp-case-foot { display:flex; align-items:center; justify-content:space-between; gap:15px; flex-wrap:wrap; margin-top:20px; padding-top:17px; border-top:1px solid #e5ebf2; }
.exp-spec { color:#174879; font:800 .78rem Consolas,monospace; }
.exp-case-foot a { color:#0b54ad; font-size:.8rem; font-weight:800; }
.exp-case-foot a:hover { color:#00346f; }
.exp-evidence { margin:15px 0 0; padding:12px 15px; border:1px solid #d8e1eb; border-radius:9px; background:#fff; color:#586b80; font-size:.77rem; }
.exp-evidence strong { color:#a77a09; margin-right:7px; }
.exp-cta { padding:75px 0; background:#08244a; color:#fff; scroll-margin-top:85px; }
.exp-cta-grid { display:grid; grid-template-columns:1.1fr .9fr; gap:44px; align-items:center; }
.exp-cta .section-kicker { color:#f8ca4d; }
.exp-cta h2 { max-width:680px; margin:12px 0 16px; color:#fff; font-size:clamp(1.8rem,3vw,2.7rem); line-height:1.15; }
.exp-cta p { color:#b9cadc; line-height:1.7; }
.exp-cta-card { padding:28px; border:1px solid rgba(255,255,255,.2); border-radius:14px; background:rgba(255,255,255,.07); }
.exp-cta-card strong { color:#fff; font-size:1.16rem; }
.exp-cta-card .button { display:inline-flex; margin:11px 0 16px; }
.exp-email { display:block; color:#dce7f5; font-size:.82rem; }
@media(max-width:1000px) { .exp-case-grid { grid-template-columns:1fr; } .exp-media { min-height:300px; height:350px; } }
@media(max-width:700px) { .exp-hero { padding:65px 0 82px; } .exp-hero-metrics { grid-template-columns:repeat(2,1fr); } .exp-case { padding:55px 0; } .exp-detail { padding:23px; } .exp-challenge-grid,.exp-equipment ul,.exp-cta-grid { grid-template-columns:1fr; } .exp-case-head { align-items:start; } .exp-media { height:270px; min-height:270px; } .exp-cta { padding:60px 0; } }
@media(prefers-reduced-motion:reduce) { .exp-hero-metrics div,.exp-nav a,.exp-case-grid,.exp-media img { transition:none; } }

.about-page.about-redesign { background:#f7f9fc; color:#142943; overflow:hidden; }
.about-redesign .shell { max-width:1280px; }
.qjh-about-hero { padding:64px 0 0; background:linear-gradient(120deg,#f7fafc,#eaf1f8); border-bottom:1px solid #dce5ef; }
.qjh-about-hero-grid { display:grid; grid-template-columns:1.04fr .96fr; gap:50px; align-items:center; }
.qjh-about-eyebrow,.qjh-about-kicker { margin:0 0 15px; color:#a37908; font:700 .72rem Consolas,monospace; letter-spacing:.13em; }
.qjh-about-eyebrow { display:inline-block; padding:8px 12px; border:1px solid #d4dfeb; border-radius:100px; background:#fff; }
.qjh-about-hero h1 { max-width:740px; margin:0; color:#123564; font-size:clamp(2.25rem,4.2vw,4rem); line-height:1.08; letter-spacing:-.04em; }
.about-redesign .qjh-about-hero h1 .sol-en,.about-redesign .qjh-about-hero h1 .sol-zh { color:#123564; }
.qjh-about-lead { max-width:660px; margin:24px 0 0; color:#506276; font-size:1.08rem; line-height:1.7; }
.qjh-about-address { margin:16px 0 0; color:#6b7b8b; font-size:.88rem; }
.qjh-about-hero-actions { display:flex; flex-wrap:wrap; align-items:center; gap:23px; margin-top:28px; }
.qjh-about-button { display:inline-flex; align-items:center; justify-content:center; gap:14px; min-height:45px; padding:10px 18px; border-radius:9px; background:#0757b8; color:#fff !important; font-weight:750; font-size:.87rem; box-shadow:0 9px 22px rgba(0,65,145,.18); transition:transform .5s cubic-bezier(.22,1,.36,1),background .4s,box-shadow .5s; }
.qjh-about-button:hover { transform:translateY(-3px); background:#003e88; box-shadow:0 15px 30px rgba(0,65,145,.23); }
.qjh-about-text-link { color:#0e4e9d; font-size:.87rem; font-weight:700; }
.qjh-about-hero-image { position:relative; min-height:410px; overflow:hidden; border-radius:22px 22px 0 0; box-shadow:0 24px 55px rgba(25,55,88,.16); background:#d8e5ef; }
.qjh-about-hero-image img { width:100%; height:100%; position:absolute; inset:0; object-fit:cover; object-position:center; transition:transform .9s cubic-bezier(.22,1,.36,1); }
.qjh-about-hero-image:hover img { transform:scale(1.035); }
.qjh-about-hero-image>span { position:absolute; right:18px; bottom:18px; padding:8px 11px; border-radius:5px; background:rgba(6,29,56,.82); color:#fff; font:700 .68rem Consolas,monospace; letter-spacing:.08em; }
.qjh-about-metrics { display:grid; grid-template-columns:repeat(4,1fr); gap:0; margin:0 -1px; border:1px solid #dce5ef; border-bottom:0; background:#fff; box-shadow:0 -4px 30px rgba(24,50,83,.04); }
.qjh-about-metrics>div { padding:23px 27px; border-right:1px solid #dce5ef; }
.qjh-about-metrics>div:last-child { border-right:0; }
.qjh-about-metrics strong { display:block; color:#064b9f; font:800 clamp(1.45rem,2.2vw,2.05rem) Inter,sans-serif; }
.qjh-about-metrics>div>span { display:block; margin-top:5px; color:#62758a; font-size:.78rem; }
.qjh-about-section { padding:76px 0; }
.qjh-about-section-alt { background:#edf3f9; border-block:1px solid #dce5ef; }
.qjh-about-heading { display:flex; align-items:end; justify-content:space-between; gap:45px; margin-bottom:30px; padding-bottom:21px; border-bottom:1px solid #d6e0eb; }
.qjh-about-heading>div { max-width:650px; }
.qjh-about-heading h2 { margin:0; color:#0c3978 !important; font-size:clamp(1.75rem,3vw,2.7rem); line-height:1.15; letter-spacing:-.03em; }
.qjh-about-heading>p { max-width:420px; margin:0; color:#607286; font-size:.91rem; line-height:1.65; }
.qjh-about-model-grid { display:grid; grid-template-columns:1fr 1fr; gap:22px; }
.qjh-about-philosophy,.qjh-about-integration { padding:30px; border:1px solid #d8e2ec; border-radius:16px; background:#fff; box-shadow:0 9px 28px rgba(20,49,84,.045); }
.qjh-about-card-title { display:flex; align-items:baseline; gap:17px; }
.qjh-about-card-title>span { color:#ae8619; font:700 .72rem Consolas,monospace; }
.qjh-about-card-title h3 { margin:0; color:#173b68; font-size:1.28rem; }
.qjh-about-philosophy-intro { margin:17px 0 20px; color:#586d82; font-size:.9rem; }
.qjh-about-principles { display:grid; gap:11px; }
.qjh-about-principles>div { padding:15px 17px; border:1px solid #e0e7ef; border-radius:10px; background:#f7fafd; }
.qjh-about-principles small { color:#0b5bac; font:700 .7rem Consolas,monospace; letter-spacing:.08em; }
.qjh-about-principles p { margin:5px 0 0; color:#3b5065; font-size:.84rem; }
.qjh-about-integration-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:23px; }
.qjh-about-integration-grid>div { padding:18px; border:1px solid #e0e7ef; border-radius:10px; background:#f7fafd; transition:transform .5s cubic-bezier(.22,1,.36,1),border-color .45s,box-shadow .45s; }
.qjh-about-integration-grid>div:hover { transform:translateY(-3px); border-color:#9cbde2; box-shadow:0 13px 26px rgba(13,76,150,.09); }
.qjh-about-integration-grid b { color:#b18b1d; font:800 .78rem Consolas,monospace; }
.qjh-about-integration-grid h4 { margin:11px 0 7px; color:#153b6b; font-size:.95rem; }
.qjh-about-integration-grid p { margin:0; color:#617386; font-size:.78rem; line-height:1.6; }
.qjh-about-feature { display:grid; grid-template-columns:43% 57%; overflow:hidden; border-radius:17px; background:#092a55; color:#fff; box-shadow:0 17px 42px rgba(14,52,96,.16); }
.qjh-about-feature-image { position:relative; min-height:340px; overflow:hidden; }
.qjh-about-feature-image img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition:transform .9s cubic-bezier(.22,1,.36,1); }
.qjh-about-feature:hover img { transform:scale(1.035); }
.qjh-about-feature-content { padding:38px 42px; }
.qjh-about-feature-content .qjh-about-kicker { color:#f9ca54; }
.qjh-about-feature h3 { margin:0; color:#fff; font-size:clamp(1.45rem,2.2vw,2.2rem); line-height:1.18; }
.qjh-about-feature p:not(.qjh-about-kicker) { margin:18px 0 0; color:#c9d9ec; font-size:.9rem; line-height:1.7; }
.qjh-about-tags { display:flex; flex-wrap:wrap; gap:8px; margin:24px 0; }
.qjh-about-tags>span { padding:7px 10px; border:1px solid rgba(255,255,255,.2); border-radius:6px; color:#eef5ff; font-size:.72rem; }
.qjh-about-feature a { color:#f7ce65; font-size:.85rem; font-weight:700; }
.qjh-about-alliances { display:grid; grid-template-columns:1fr 1fr; gap:22px; margin-top:22px; }
.qjh-about-alliances article { overflow:hidden; border:1px solid #d8e2ec; border-radius:15px; background:#fff; transition:transform .55s cubic-bezier(.22,1,.36,1),box-shadow .55s; }
.qjh-about-alliances article:hover { transform:translateY(-4px); box-shadow:0 18px 33px rgba(20,49,84,.1); }
.qjh-about-alliance-image { height:210px; overflow:hidden; }
.qjh-about-alliance-image img { width:100%; height:100%; object-fit:cover; transition:transform .8s cubic-bezier(.22,1,.36,1); }
.qjh-about-alliances article:hover img { transform:scale(1.045); }
.qjh-about-alliance-content { padding:23px 26px 26px; }
.qjh-about-alliance-content small { color:#a47d13; font:700 .7rem Consolas,monospace; letter-spacing:.08em; }
.qjh-about-alliance-content h3 { margin:10px 0; color:#153b6b; font-size:1.18rem; }
.qjh-about-alliance-content p { margin:0; color:#607286; font-size:.84rem; line-height:1.65; }
.qjh-about-review { display:grid; grid-template-columns:58% 42%; overflow:hidden; border:1px solid #d8e2ec; border-radius:15px; background:#fff; }
.qjh-about-review>img { width:100%; height:100%; min-height:310px; object-fit:cover; }
.qjh-about-review>div { display:flex; flex-direction:column; justify-content:center; padding:34px; }
.qjh-about-review>div>span { color:#b28b1c; font:700 .72rem Consolas,monospace; }
.qjh-about-review h3 { margin:12px 0; color:#123e78; font-size:1.5rem; line-height:1.25; }
.qjh-about-review p { margin:0; color:#607286; font-size:.88rem; line-height:1.7; }
.qjh-about-steps { display:grid; grid-template-columns:repeat(5,1fr); gap:14px; margin-top:22px; }
.qjh-about-steps article { padding:22px 18px; border:1px solid #d8e2ec; border-radius:11px; background:#fff; transition:transform .5s cubic-bezier(.22,1,.36,1),border-color .5s,box-shadow .5s; }
.qjh-about-steps article:hover { transform:translateY(-4px); border-color:#91b7e0; box-shadow:0 15px 30px rgba(13,76,150,.09); }
.qjh-about-steps b { display:inline-block; padding:6px 8px; border-radius:5px; background:#e8f1fb; color:#0c5bb1; font:800 .68rem Consolas,monospace; }
.qjh-about-steps h3 { margin:19px 0 9px; color:#173b68; font-size:.96rem; line-height:1.3; }
.qjh-about-steps p { margin:0; color:#627386; font-size:.76rem; line-height:1.6; }
.qjh-about-action { padding:68px 0; background:linear-gradient(110deg,#0a2b55,#123c73); color:#fff; }
.qjh-about-action .shell { display:flex; align-items:center; justify-content:space-between; gap:60px; }
.qjh-about-action .qjh-about-kicker { color:#f5c852; }
.qjh-about-action h2 { max-width:720px; margin:0; color:#fff; font-size:clamp(1.8rem,3vw,2.75rem); line-height:1.14; }
.qjh-about-action p:not(.qjh-about-kicker) { max-width:730px; margin:16px 0 0; color:#cbd9e8; font-size:.9rem; line-height:1.7; }
.qjh-about-action-links { display:flex; align-items:center; flex-wrap:wrap; gap:24px; margin-top:25px; }
.qjh-about-action-links a:not(.qjh-about-button) { color:#f8d477; font-size:.88rem; font-weight:700; }
.qjh-about-action-mark { min-width:210px; text-align:center; opacity:.5; }
.qjh-about-action-mark span { display:block; font:800 5.2rem Inter,sans-serif; letter-spacing:-.09em; line-height:1; }
.qjh-about-action-mark small { font:700 .64rem Consolas,monospace; letter-spacing:.12em; }
@media(max-width:1050px) { .qjh-about-hero-grid { gap:28px; } .qjh-about-steps { grid-template-columns:repeat(3,1fr); } }
@media(max-width:800px) { .qjh-about-hero-grid,.qjh-about-model-grid,.qjh-about-feature,.qjh-about-review { grid-template-columns:1fr; } .qjh-about-hero { padding-top:48px; } .qjh-about-hero-image { min-height:330px; border-radius:16px 16px 0 0; } .qjh-about-metrics { grid-template-columns:repeat(2,1fr); } .qjh-about-metrics>div:nth-child(2) { border-right:0; } .qjh-about-metrics>div:nth-child(-n+2) { border-bottom:1px solid #dce5ef; } .qjh-about-heading { display:block; } .qjh-about-heading>p { max-width:650px; margin-top:15px; } .qjh-about-feature-image { min-height:270px; } .qjh-about-action-mark { display:none; } }
@media(max-width:580px) { .qjh-about-section { padding:54px 0; } .qjh-about-hero h1 { font-size:2.15rem; } .qjh-about-hero-image { min-height:245px; } .qjh-about-metrics>div { padding:17px; } .qjh-about-integration-grid,.qjh-about-alliances,.qjh-about-steps { grid-template-columns:1fr; } .qjh-about-feature-content,.qjh-about-philosophy,.qjh-about-integration { padding:23px; } .qjh-about-review>div { padding:24px; } .qjh-about-action { padding:55px 0; } }
@media(prefers-reduced-motion:reduce) { .about-redesign *, .about-redesign *::before, .about-redesign *::after { transition:none !important; animation:none !important; } }

body.qijinhang-site.home { background:#f7f9fc; color:#142943; }
.qh-section { padding:78px 0 86px; scroll-margin-top:82px; }
.qh-section-alt { background:#edf3f9; border-block:1px solid #dce5ef; }
.qh-hero { position:relative; isolation:isolate; overflow:hidden; color:#fff; background:#071d39 url("assets/power-equipment-hero.jpg") center / cover no-repeat; }
.qh-hero:before { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,rgba(3,19,42,.97),rgba(4,31,62,.89) 57%,rgba(4,31,62,.68)); }
.qh-hero-inner { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(290px,.8fr); gap:52px; align-items:center; padding:95px 0 76px; }
.qh-eyebrow,.qh-kicker { color:#e8b72b; font:800 .74rem Consolas,monospace; letter-spacing:.13em; text-transform:uppercase; }
.qh-hero h1 { max-width:790px; margin:18px 0 0; color:#fff; font-size:clamp(2.35rem,4.4vw,4.45rem); line-height:1.08; letter-spacing:-.04em; }
.qh-hero h1 .sol-en,.qh-hero h1 .sol-zh { color:#fff; }
.qh-hero-lead { max-width:760px; margin:25px 0 0; color:#d4e2ef; font-size:1.04rem; line-height:1.75; }
.qh-hero-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:30px; }
.qh-button { display:inline-flex; align-items:center; justify-content:center; gap:13px; min-height:48px; padding:12px 18px; border:1px solid #2679d8; border-radius:9px; background:#1269d1; color:#fff !important; font-size:.85rem; font-weight:800; box-shadow:0 12px 27px rgba(0,78,171,.25); transition:transform .5s cubic-bezier(.22,1,.36,1),background .4s,border-color .4s; }
.qh-button:hover { transform:translateY(-3px); background:#0b57ae; }
.qh-button-outline { border-color:rgba(255,255,255,.36); background:rgba(255,255,255,.08); box-shadow:none; }
.qh-button-outline:hover { background:rgba(255,255,255,.17); }
.qh-hero-panel { padding:30px; border:1px solid rgba(255,255,255,.2); border-radius:17px; background:rgba(10,35,68,.79); backdrop-filter:blur(14px); box-shadow:0 24px 55px rgba(0,0,0,.2); }
.qh-hero-panel>span { color:#efc64b; font:800 .73rem Consolas,monospace; letter-spacing:.1em; }
.qh-hero-panel>strong { display:block; margin-top:20px; color:#fff; font-size:clamp(2.8rem,4vw,4.2rem); letter-spacing:-.05em; }
.qh-hero-panel>p { margin:0 0 19px; color:#c6d8ec; }
.qh-hero-panel>div { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:17px 0; border-top:1px solid rgba(255,255,255,.15); }
.qh-hero-panel b { color:#fff; font-size:1.35rem; }
.qh-hero-panel small { color:#b9cce1; font-size:.75rem; text-align:right; }
.qh-trust { display:grid; grid-template-columns:repeat(3,1fr); margin-bottom:34px; border:1px solid rgba(255,255,255,.17); border-radius:11px; background:rgba(7,28,56,.75); }
.qh-trust>div { display:flex; gap:14px; align-items:center; padding:17px 19px; border-right:1px solid rgba(255,255,255,.17); }
.qh-trust>div:last-child { border-right:0; }
.qh-trust b { color:#f8c644; font:800 .84rem Consolas,monospace; white-space:nowrap; }
.qh-trust span { color:#d5e3f1; font-size:.73rem; line-height:1.5; }
.qh-section-heading { display:flex; align-items:end; justify-content:space-between; gap:40px; padding-bottom:24px; margin-bottom:30px; border-bottom:1px solid #d6e0eb; }
.qh-section-heading>div { max-width:720px; }
.qh-section-heading h2 { margin:10px 0 0; color:#0d3974; font-size:clamp(1.8rem,3vw,2.72rem); line-height:1.15; letter-spacing:-.025em; }
.qh-section-heading>p { max-width:400px; margin:0; color:#62758a; font-size:.88rem; line-height:1.65; }
.qh-value-grid { display:grid; grid-template-columns:.9fr 1.1fr; gap:21px; }
.qh-value-photo { min-height:425px; overflow:hidden; border-radius:15px; background:#dce7f2; }
.qh-value-photo img { width:100%; height:100%; object-fit:cover; transition:transform .8s cubic-bezier(.22,1,.36,1); }
.qh-value-photo:hover img { transform:scale(1.025); }
.qh-value-cards { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.qh-value-cards article { padding:24px; border:1px solid #d8e2ec; border-radius:12px; background:#fff; transition:transform .5s cubic-bezier(.22,1,.36,1),box-shadow .5s,border-color .5s; }
.qh-value-cards article:hover,.qh-product:hover,.qh-solution:hover,.qh-case:hover,.qh-evidence-card:hover { transform:translateY(-4px); border-color:#92b6dd; box-shadow:0 18px 34px rgba(16,54,95,.11); }
.qh-value-cards b { color:#ae8319; font:800 .78rem Consolas,monospace; }
.qh-value-cards h3 { margin:16px 0 8px; color:#163f70; font-size:1.05rem; }
.qh-value-cards p { margin:0; color:#5e7186; font-size:.83rem; line-height:1.65; }
.qh-product-grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:18px; }
.qh-product { grid-column:span 2; display:flex; flex-direction:column; min-width:0; overflow:hidden; border:1px solid #d8e2ec; border-radius:15px; background:#fff; transition:transform .5s cubic-bezier(.22,1,.36,1),box-shadow .5s,border-color .5s; }
.qh-product:nth-child(-n+2) { grid-column:span 3; }
.qh-product>img { width:100%; height:215px; object-fit:cover; }
.qh-product-body { display:flex; flex:1; flex-direction:column; padding:23px; }
.qh-product small,.qh-solution small { color:#a47c15; font:800 .7rem Consolas,monospace; letter-spacing:.07em; }
.qh-product h3,.qh-solution h3 { margin:10px 0; color:#123c70; font-size:1.2rem; line-height:1.25; }
.qh-product p,.qh-solution p { margin:0; color:#5c7085; font-size:.83rem; line-height:1.62; }
.qh-tags { display:flex; flex-wrap:wrap; gap:7px; margin:17px 0 20px; }
.qh-tags span { padding:5px 8px; border-radius:5px; background:#edf3fa; color:#22517f; font:700 .69rem Consolas,monospace; }
.qh-product a,.qh-solution a,.qh-case a { display:inline-block; align-self:flex-start; margin-top:auto; padding-top:15px; color:#0b58ad; font-size:.82rem; font-weight:800; }
/* Signal that the homepage cards with detail links are fully clickable. */
body.home .qh-product,body.home .qh-solution,body.home .qh-case { position:relative; cursor:pointer; }
body.home .qh-product:focus-within,body.home .qh-solution:focus-within,body.home .qh-case:focus-within { outline:3px solid #f5a623; outline-offset:3px; }
.qh-section-link { display:inline-block; margin-top:24px; color:#0b58ad; font-size:.87rem; font-weight:800; }
.qh-solution-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.qh-solution { display:flex; flex-direction:column; overflow:hidden; border:1px solid #d8e2ec; border-radius:15px; background:#fff; transition:transform .5s cubic-bezier(.22,1,.36,1),box-shadow .5s,border-color .5s; }
.qh-solution-photo { height:205px; overflow:hidden; }
.qh-solution-photo img { width:100%; height:100%; object-fit:cover; transition:transform .7s cubic-bezier(.22,1,.36,1); }
.qh-solution:hover img { transform:scale(1.035); }
.qh-solution-body { display:flex; flex:1; flex-direction:column; padding:24px; }
.qh-case-grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:17px; }
.qh-case { grid-column:span 2; overflow:hidden; border:1px solid #d8e2ec; border-radius:14px; background:#fff; transition:transform .5s cubic-bezier(.22,1,.36,1),box-shadow .5s,border-color .5s; }
.qh-case:nth-child(-n+2) { grid-column:span 3; }
.qh-case>img { width:100%; height:190px; object-fit:cover; }
.qh-case>div { display:flex; flex-direction:column; min-height:220px; padding:21px; }
.qh-case small { color:#a47c15; font:800 .71rem Consolas,monospace; }
.qh-case h3 { margin:9px 0; color:#163f70; font-size:1.11rem; line-height:1.25; }
.qh-case p { margin:0 0 13px; color:#5d7186; font-size:.8rem; line-height:1.6; }
.qh-case strong { color:#154d87; font:.76rem Consolas,monospace; }
.qh-quality { background:#f7f9fc; }
.qh-evidence-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.qh-evidence-card { overflow:hidden; border:1px solid #d8e2ec; border-radius:14px; background:#fff; transition:transform .5s cubic-bezier(.22,1,.36,1),box-shadow .5s,border-color .5s; }
.qh-evidence-card>img { width:100%; height:188px; object-fit:cover; }
.qh-evidence-card>div { padding:20px 22px 23px; }
.qh-evidence-card>div>span { color:#a47c15; font:800 .73rem Consolas,monospace; }
.qh-evidence-card h3 { margin:9px 0; color:#143e70; font-size:1.1rem; }
.qh-evidence-card p { margin:0; color:#66798c; font-size:.8rem; line-height:1.65; }
.qh-quality-strip { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; overflow:hidden; margin-top:22px; border:1px solid #d8e2ec; border-radius:11px; background:#d8e2ec; }
.qh-quality-strip>div { display:grid; gap:5px; padding:22px; background:#edf3f9; }
.qh-quality-strip b { color:#a47c15; font:800 .73rem Consolas,monospace; }
.qh-quality-strip strong { color:#153e70; font-size:.89rem; }
.qh-quality-strip span { color:#617588; font-size:.76rem; }
.qh-rfq-note { margin:18px 0 0; padding:13px 15px; border-left:3px solid #0c68ca; border-radius:5px; background:#eaf3fc; color:#164778 !important; font-size:.83rem; line-height:1.6; }
body.qijinhang-site.home .qh-section .sol-en,body.qijinhang-site.home .qh-section .sol-zh { color:inherit; }
@media(max-width:1050px) { .qh-hero-inner { gap:24px; } .qh-product-grid,.qh-case-grid { grid-template-columns:repeat(2,1fr); } .qh-product,.qh-product:nth-child(-n+2),.qh-case,.qh-case:nth-child(-n+2) { grid-column:span 1; } }
@media(max-width:800px) { .qh-hero-inner,.qh-value-grid { grid-template-columns:1fr; } .qh-hero-panel { display:none; } .qh-trust,.qh-solution-grid,.qh-evidence-grid { grid-template-columns:1fr; } .qh-trust>div { border-right:0; border-bottom:1px solid rgba(255,255,255,.17); } .qh-trust>div:last-child { border-bottom:0; } .qh-section-heading { display:block; } .qh-section-heading>p { max-width:700px; margin-top:14px; } .qh-value-photo { min-height:280px; } .qh-solution-grid,.qh-evidence-grid { gap:15px; } .qh-quality-strip { grid-template-columns:1fr; } }
@media(max-width:560px) { .qh-section { padding:55px 0 62px; } .qh-hero-inner { padding:74px 0 40px; } .qh-hero h1 { font-size:2.27rem; } .qh-hero-actions { display:grid; } .qh-value-cards,.qh-product-grid,.qh-case-grid { grid-template-columns:1fr; } .qh-product>img,.qh-solution-photo,.qh-case>img { height:190px; } }
@media(prefers-reduced-motion:reduce) { .qh-button,.qh-value-photo img,.qh-value-cards article,.qh-product,.qh-solution,.qh-case,.qh-evidence-card { transition:none !important; } }

.nav-links > a { display:inline-flex; align-items:center; min-height:33px; padding:6px 9px; border-radius:8px; }
.nav-links > a.is-current,.nav-product.is-current { background:#f2a62d; color:#102b46; box-shadow:0 5px 15px rgba(242,166,45,.2); }
.nav-links > a.is-current:hover,.nav-links > a.is-current:focus-visible,.nav-product.is-current > a,.nav-product.is-current > a:hover { color:#102b46; }
.nav-solutions { position:relative; display:inline-flex; align-items:center; gap:2px; min-height:33px; padding:0 5px 0 9px; border-radius:8px; }
.nav-solutions.is-current { background:#f2a62d; color:#102b46; box-shadow:0 5px 15px rgba(242,166,45,.2); }
.nav-solutions.is-current > a,.nav-solutions.is-current > a:hover { color:#102b46; }
.solutions-menu-toggle { display:grid; place-items:center; width:20px; height:28px; padding:0; border:0; background:none; color:#a9bfd4; cursor:pointer; font-size:0; }
.solutions-menu-toggle::after { content:""; width:7px; height:7px; border-right:2px solid currentColor; border-bottom:2px solid currentColor; transform:translateY(-2px) rotate(45deg); transition:transform .25s ease; }
.nav-solutions:hover .solutions-menu-toggle,.nav-solutions.is-open .solutions-menu-toggle { color:#f6c453; }
.nav-solutions.is-current .solutions-menu-toggle { color:#102b46; }
.nav-solutions.is-open .solutions-menu-toggle::after { transform:translateY(2px) rotate(225deg); }
.solutions-menu-toggle:focus-visible { outline:2px solid #f6c453; outline-offset:3px; border-radius:4px; }
.solutions-dropdown { position:absolute; z-index:70; top:calc(100% + 10px); left:50%; width:260px; padding:6px; border:1px solid #d7e2ed; border-top:3px solid #e4af35; border-radius:10px; background:#f5f8fc; box-shadow:0 20px 40px rgba(4,21,44,.25); white-space:normal; opacity:0; visibility:hidden; pointer-events:none; transform:translate(-50%,-6px); transition:opacity .22s ease,transform .28s cubic-bezier(.22,1,.36,1),visibility .22s ease; }
.solutions-dropdown::before { content:""; position:absolute; left:0; right:0; bottom:100%; height:12px; }
.nav-solutions.is-open .solutions-dropdown { opacity:1; visibility:visible; pointer-events:auto; transform:translate(-50%,0); }
.nav-links .solutions-dropdown a { display:block; padding:10px; border-radius:7px; color:#123e6a; font-size:.78rem; line-height:1.45; font-weight:750; transition:color .2s ease,background .2s ease; }
.nav-links .solutions-dropdown a:hover,.nav-links .solutions-dropdown a:focus-visible { color:#9a5707; background:#fff0db; }
.nav-product { display:inline-flex; align-items:center; gap:2px; min-height:33px; padding:0 5px 0 9px; border-radius:8px; }
.product-mega-toggle { display:grid; place-items:center; width:20px; height:28px; padding:0; border:0; background:none; color:#a9bfd4; cursor:pointer; font-size:0; line-height:0; }
.product-mega-toggle::after { content:""; display:block; width:7px; height:7px; border-right:2px solid currentColor; border-bottom:2px solid currentColor; transform:translateY(-2px) rotate(45deg); transition:transform .25s ease; }
.nav-product:hover .product-mega-toggle,.nav-product.is-open .product-mega-toggle,.product-mega-toggle:focus-visible { color:#f6c453; }
.nav-product.is-current .product-mega-toggle,.nav-product.is-current:hover .product-mega-toggle { color:#102b46; }
.nav-product.is-open .product-mega-toggle::after { transform:translateY(2px) rotate(225deg); }
.product-mega-toggle:focus-visible { outline:2px solid #f6c453; outline-offset:3px; border-radius:4px; }
html[lang="en"] .mega-zh,html:not([lang="zh-CN"]) .mega-zh { display:none; }
html[lang="zh-CN"] .mega-en { display:none; }
.product-mega { position:absolute; z-index:60; top:calc(100% - 1px); left:0; right:0; width:100%; max-height:calc(100vh - 78px); overflow-y:auto; opacity:0; visibility:hidden; pointer-events:none; transform:translateY(-6px); transition:opacity .24s ease,transform .3s cubic-bezier(.22,1,.36,1),visibility .24s ease; white-space:normal; background:#f5f8fc; border-top:3px solid #e4af35; border-bottom:1px solid #d7e2ed; box-shadow:0 28px 50px rgba(4,21,44,.29); }
.nav-product.is-open .product-mega { opacity:1; visibility:visible; pointer-events:auto; transform:translateY(0); }
.product-mega-panel { width:min(1240px,calc(100% - 48px)); margin:auto; padding:25px 0 28px; color:#142943; }
.product-mega-head { display:flex; justify-content:space-between; align-items:end; gap:20px; padding-bottom:16px; border-bottom:1px solid #dfe7ef; }
.product-mega-head small { display:block; color:#a77a09; font:800 .69rem Consolas,monospace; letter-spacing:.08em; }
.product-mega-head strong { display:block; margin-top:6px; color:#0b326a; font-size:1.42rem; line-height:1.2; }
.nav-links .product-mega-head > a { color:#1262aa; font-size:.79rem; font-weight:800; }
.product-mega-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:15px; padding-top:18px; }
.product-mega-group { min-width:0; overflow:hidden; border:1px solid #dce5ee; border-radius:11px; background:#fff; transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease; }
.product-mega-group:hover { transform:translateY(-3px); border-color:#a9c4df; box-shadow:0 12px 28px rgba(23,62,99,.12); }
.nav-links .product-mega-image { display:block; height:132px; overflow:hidden; background:#dfe9f2; }
.product-mega-image img { width:100%; height:100%; display:block; object-fit:cover; transition:transform .45s ease; }
.product-mega-group:hover .product-mega-image img { transform:scale(1.045); }
.product-mega-group-head { display:flex; align-items:start; gap:8px; margin:16px 15px 0; }
.product-mega-group-head > span { color:#a77a09; font:800 .72rem Consolas,monospace; }
.product-mega-group h2 { margin:0; font-size:.93rem; line-height:1.35; }
.nav-links .product-mega-group h2 a { color:#0b326a; }
.product-mega-summary { min-height:32px; margin:6px 15px 12px; color:#6b7e90; font-size:.7rem; line-height:1.45; }
.product-mega-family { margin:0 15px; padding:10px 0; border-top:1px solid #e8edf2; }
.product-mega-family:last-child { padding-bottom:16px; }
.nav-links .product-mega-family-link { display:flex; justify-content:space-between; gap:10px; color:#22527f; font-size:.74rem; line-height:1.35; font-weight:800; }
.nav-links .product-mega a:focus-visible { outline:2px solid #d88a1d; outline-offset:2px; border-radius:3px; }
.product-mega-family-link > span:last-child { color:#b58716; }
.product-mega-series { display:flex; flex-wrap:wrap; gap:5px; margin-top:7px; }
.nav-links .product-mega-series a { padding:4px 6px; border:1px solid #d9e5ef; border-radius:5px; background:#f3f7fb; color:#4e6680; font-size:.67rem; font-weight:700; transition:background .25s ease,border-color .25s ease,color .25s ease; }
.nav-links .product-mega-series a:hover,.nav-links .product-mega-series a:focus-visible { border-color:#e8b56f; background:#fff0db; }
.product-mega-service { display:flex; align-items:center; gap:15px; margin-top:14px; padding:12px 18px; border:1px solid #d7e2ed; border-radius:9px; background:#eaf1f8; }
.product-mega-service > span { color:#a77a09; font:800 .72rem Consolas,monospace; }
.nav-links .product-mega-service a { color:#0b326a; font-size:.83rem; font-weight:800; }
.product-mega-service small { margin-left:auto; color:#687e91; font-size:.72rem; }
.nav-links .product-mega a:hover,.nav-links .product-mega a:focus-visible { color:#a95d06; }
@media(max-width:1280px) and (min-width:1061px) { .nav { gap:5px; } header .brand { gap:6px; } header .brand strong { font-size:.83rem; } header .brand small { font-size:.61rem; } .nav-links { gap:4px; font-size:.75rem; } .nav-links > a { padding:6px 5px; } .nav-product,.nav-solutions { padding:0 3px 0 5px; } .product-mega-toggle,.solutions-menu-toggle { width:16px; } }
@media(max-width:1180px) and (min-width:1061px) { .product-mega-grid { gap:9px; } .product-mega-panel { width:calc(100% - 30px); } .product-mega-group-head,.product-mega-family { margin-left:11px; margin-right:11px; } .product-mega-summary { margin-left:11px; margin-right:11px; } }
@media(max-width:1060px) { .nav-links.open { max-height:calc(100vh - 80px); overflow-y:auto; align-items:stretch; } .nav-product,.nav-solutions { display:flex; flex-wrap:wrap; justify-content:space-between; width:100%; } .product-mega-toggle,.solutions-menu-toggle { width:36px; height:32px; border:1px solid rgba(255,255,255,.17); border-radius:7px; } .product-mega { position:static; display:none; width:100%; max-height:none; margin-top:9px; overflow:visible; opacity:1; visibility:visible; pointer-events:auto; transform:none; transition:none; border:0; border-radius:10px; box-shadow:none; } .nav-product.is-open .product-mega { display:block; transform:none; } .product-mega-panel { width:100%; padding:16px; } .product-mega-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .solutions-dropdown { position:static; display:none; width:100%; margin-top:9px; opacity:1; visibility:visible; pointer-events:auto; transform:none; transition:none; } .nav-solutions.is-open .solutions-dropdown { display:block; transform:none; } }
@media(max-width:700px) { .product-mega-grid { grid-template-columns:1fr; } .product-mega-head { align-items:start; flex-direction:column; } .product-mega-service { align-items:start; flex-wrap:wrap; } .product-mega-service small { width:100%; margin-left:0; } }
@media(prefers-reduced-motion:reduce) { .product-mega,.product-mega-toggle::after,.nav-links .product-mega-series a,.solutions-dropdown,.solutions-menu-toggle::after { transition:none; } }

/* WooCommerce-backed category detail: three-level sidebar + selectable product results. */
.product-center-page:has(.catalog-layout) .product-center-hero { display:none; }
.product-center-page:has(.catalog-layout) .product-center-hero h1 { font-size:clamp(2rem,3.6vw,3.1rem); }
.product-center-page:has(.catalog-layout) .product-center-hero p.product-center-lead { margin-top:14px; font-size:.92rem; }
.product-center-page .catalog-layout { display:grid; grid-template-columns:minmax(244px,282px) minmax(0,1fr); align-items:start; gap:30px; padding-top:42px; padding-bottom:80px; }
.catalog-sidebar { position:sticky; top:96px; max-height:calc(100vh - 118px); overflow-y:auto; overscroll-behavior:contain; padding:20px 17px 22px; border:1px solid #dae3ed; border-radius:15px; background:#fff; box-shadow:0 12px 34px rgba(20,49,84,.055); scrollbar-width:thin; }
.catalog-sidebar-head { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:3px 6px 15px; border-bottom:1px solid #e7edf4; }
.catalog-sidebar-head small { display:block; color:#a9780d; font:800 .68rem Consolas,monospace; letter-spacing:.1em; }
.catalog-sidebar-head strong { display:block; margin-top:5px; color:#0b326a; font-size:1.12rem; }
.catalog-sidebar-toggle { display:none; width:36px; height:36px; border:1px solid #d7e3ef; border-radius:8px; background:#f4f8fc; color:#154d83; cursor:pointer; }
.catalog-tree-all { display:flex; justify-content:space-between; padding:12px 10px; margin-top:12px; border-radius:8px; color:#315472; font-size:.83rem; font-weight:750; }
.catalog-tree-all:hover { background:#edf4fb; color:#c9710f; }
.catalog-tree { list-style:none; padding:0; margin:0; }
.catalog-tree li { margin:0; padding:0; }
.catalog-tree a { display:flex; align-items:baseline; justify-content:space-between; gap:10px; min-width:0; padding:9px 10px; border-radius:8px; color:#36536f; font-size:.8rem; line-height:1.35; transition:background .25s ease,color .25s ease; }
.catalog-tree a span { min-width:0; }
.catalog-tree a small { flex:none; color:#8799aa; font:700 .7rem Consolas,monospace; }
.catalog-tree a:hover { background:#edf4fb; color:#c66a0d; }
.catalog-tree a[aria-current="page"] { background:#f4972e; color:#102f51; font-weight:850; box-shadow:0 5px 14px rgba(232,133,28,.18); }
.catalog-tree a[aria-current="page"] small { color:#28425e; }
.catalog-tree-row { display:flex; align-items:center; min-width:0; }
.catalog-tree-row > a { flex:1; min-width:0; }
.catalog-tree-expand { display:grid; place-items:center; flex:none; width:27px; height:27px; margin-left:2px; padding:0; border:0; border-radius:6px; background:transparent; color:#52708c; cursor:pointer; transition:background .25s ease,color .25s ease; }
.catalog-tree-expand:hover { background:#edf4fb; color:#c66a0d; }
.catalog-tree-expand span { display:block; font-size:1.2rem; line-height:1; transition:transform .3s ease; }
.catalog-tree-group.is-open > .catalog-tree-row .catalog-tree-expand span,.catalog-tree-family.is-open > .catalog-tree-row .catalog-tree-expand span { transform:rotate(180deg); }
.catalog-tree-group > .catalog-tree-families,.catalog-tree-family > .catalog-tree-series { display:none; }
.catalog-tree-group.is-open > .catalog-tree-families,.catalog-tree-family.is-open > .catalog-tree-series { display:block; }
.catalog-tree-group { padding-top:10px !important; border-top:1px solid #edf1f5; }
.catalog-tree-group:first-child { border-top:0; }
.catalog-tree-group > a { color:#0b326a; font-weight:850; font-size:.86rem; }
.catalog-tree-families { margin:2px 0 7px 8px; padding-left:9px; border-left:1px solid #dce6f0; }
.catalog-tree-family > a { color:#24517b; font-weight:730; }
.catalog-tree-series { margin:1px 0 5px 8px; padding-left:8px; border-left:1px solid #e5ebf1; }
.catalog-tree-series a { font-size:.75rem; padding-top:7px; padding-bottom:7px; }
.catalog-main { min-width:0; }
.catalog-breadcrumb { display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin:2px 0 20px; color:#7f90a2; font-size:.76rem; }
.catalog-breadcrumb a { color:#4e6881; }
.catalog-breadcrumb a:hover { color:#c66a0d; }
.catalog-breadcrumb [aria-current="page"] { color:#b27019; font-weight:750; }
.catalog-main-head { padding-bottom:22px; border-bottom:1px solid #dce5ee; }
.catalog-main-kicker { color:#a9780d; font:800 .72rem Consolas,monospace; letter-spacing:.1em; }
.product-center-page .catalog-main-head h1 { max-width:none; margin:10px 0 11px; color:#0b326a; font-size:clamp(1.75rem,2.6vw,2.55rem); line-height:1.17; }
.catalog-main-head p { max-width:850px; margin:0; color:#5b6e82; font-size:.9rem; line-height:1.65; }
.catalog-child-list { display:grid; gap:17px; }
.catalog-child-list.is-list { grid-template-columns:1fr; }
.catalog-child-list.is-grid { grid-template-columns:repeat(auto-fit,minmax(245px,1fr)); }
.catalog-child-card { display:grid; grid-template-columns:202px minmax(0,1fr); overflow:hidden; border:1px solid #d8e2ec; border-radius:13px; background:#fff; box-shadow:0 8px 25px rgba(20,49,84,.045); transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .4s ease,border-color .35s ease; }
.catalog-child-list.is-grid .catalog-child-card { display:flex; flex-direction:column; }
.catalog-child-list.is-grid .catalog-child-image { height:190px; min-height:0; overflow:hidden; }
.catalog-child-list.is-grid .catalog-child-image img { object-fit:cover; object-position:center 44%; }
.catalog-child-list.is-grid .catalog-child-body { flex:1; padding:18px; }
.catalog-child-list.is-grid .catalog-child-body h3 { font-size:1rem; }
.catalog-child-card:hover { transform:translateY(-3px); border-color:#8cafce; box-shadow:0 16px 34px rgba(20,49,84,.11); }
.catalog-child-image { display:block; min-height:184px; background:#eaf0f6; }
.catalog-child-image img { display:block; width:100%; height:100%; object-fit:contain; }
.catalog-child-body { display:flex; flex-direction:column; align-items:flex-start; padding:21px 24px; }
.catalog-child-body small { color:#ac790e; font:800 .72rem Consolas,monospace; }
.catalog-child-body h3 { margin:9px 0 8px; color:#0b326a; font-size:1.18rem; line-height:1.28; }
.catalog-child-body h3 a { color:inherit; }
.catalog-child-body h3 a:hover { color:#c66a0d; }
.catalog-child-body p { margin:0 0 13px; color:#607187; font-size:.82rem; line-height:1.55; }
.catalog-child-action { margin-top:auto; color:#15599e; font-size:.8rem; font-weight:800; }
.catalog-child-action:hover { color:#c66a0d; }
.catalog-product-toolbar { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:12px; margin:20px 0 16px; }
.catalog-product-toolbar p { margin:0; color:#667a90; font-size:.8rem; }
.catalog-view-switch { display:inline-flex; padding:3px; border:1px solid #d9e3ed; border-radius:9px; background:#fff; }
.catalog-view-switch button { display:inline-flex; align-items:center; gap:6px; padding:7px 11px; border:0; border-radius:6px; background:transparent; color:#667b90; font-size:.78rem; font-weight:750; font-family:inherit; cursor:pointer; transition:background .25s ease,color .25s ease; }
.catalog-view-switch button span { font-size:1rem; line-height:1; }
.catalog-view-switch button:hover { color:#bc6c13; }
.catalog-view-switch button.is-active { background:#123d70; color:#fff; }
.catalog-product-results { display:grid; gap:17px; }
.catalog-product-results.is-list { grid-template-columns:1fr; }
.catalog-product-results.is-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.catalog-product-card { display:grid; grid-template-columns:218px minmax(0,1fr); overflow:hidden; min-width:0; border:1px solid #d8e2ec; border-radius:13px; background:#fff; box-shadow:0 7px 23px rgba(20,49,84,.045); transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .4s ease,border-color .35s ease; }
.catalog-product-card:hover { transform:translateY(-3px); border-color:#88aacb; box-shadow:0 17px 35px rgba(20,49,84,.11); }
.catalog-product-image { display:flex; align-items:center; justify-content:center; min-height:214px; padding:12px; background:#f0f4f8; }
.catalog-product-image img { display:block; width:100%; max-height:220px; object-fit:contain; }
.catalog-product-body { display:flex; flex-direction:column; min-width:0; padding:20px 23px 17px; }
.catalog-product-eyebrow { color:#ac790e; font:800 .68rem Consolas,monospace; letter-spacing:.035em; }
.catalog-product-body h3 { margin:8px 0 9px; color:#0b326a; font-size:1.13rem; line-height:1.3; }
.catalog-product-body h3 a { color:inherit; }
.catalog-product-body h3 a:hover { color:#c66a0d; }
.catalog-product-config-count { display:inline-block; margin-left:5px; padding:2px 6px; border-radius:5px; background:#edf4fb; color:#336284; font-size:.68em; font-weight:750; line-height:1.5; white-space:nowrap; vertical-align:middle; }
.catalog-product-power { margin:0 0 10px; color:#0b6489; font-size:.83rem; font-weight:800; line-height:1.45; }
.catalog-product-ratings { display:flex; flex-wrap:wrap; gap:6px; margin-bottom:10px; }
.catalog-product-ratings span { padding:4px 7px; border-radius:5px; background:#edf4fb; color:#315b83; font:750 .7rem Consolas,monospace; }
.catalog-product-description { color:#5d7085; font-size:.79rem; line-height:1.55; }
.catalog-product-description p { margin:0; }
.catalog-product-actions { display:flex; flex-wrap:wrap; gap:16px; margin-top:auto; padding-top:12px; }
.catalog-product-actions a { color:#15599e; font-size:.77rem; font-weight:800; }
.catalog-product-actions a:hover { color:#c66a0d; }
.catalog-product-results.is-grid .catalog-product-card { display:flex; flex-direction:column; }
.catalog-product-results.is-grid .catalog-product-image { min-height:205px; }
.catalog-product-results.is-grid .catalog-product-body { flex:1; padding:16px 17px 17px; }
.catalog-product-results.is-grid .catalog-product-body h3 { font-size:.95rem; }
.catalog-product-results.is-grid .catalog-product-power { font-size:.76rem; }
.catalog-product-results.is-grid .catalog-product-description { font-size:.75rem; }
.catalog-product-results.is-grid .catalog-product-actions { gap:10px; }
.catalog-pagination { display:flex; flex-wrap:wrap; gap:7px; margin-top:24px; }
.catalog-pagination a { display:grid; place-items:center; min-width:36px; height:36px; padding:0 8px; border:1px solid #d5e0eb; border-radius:7px; background:#fff; color:#24517d; font-size:.84rem; font-weight:800; }
.catalog-pagination a:hover { border-color:#e89634; color:#bd6b12; }
.catalog-pagination a[aria-current="page"] { border-color:#e89634; background:#f4972e; color:#102f51; }
@media (max-width:1180px) { .catalog-product-results.is-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:900px) { .product-center-page .catalog-layout { grid-template-columns:1fr; gap:20px; padding-top:28px; } .catalog-sidebar { position:relative; top:auto; max-height:none; overflow:visible; padding:12px 15px; } .catalog-sidebar-toggle { display:block; } .catalog-sidebar nav { display:none; } .catalog-sidebar.is-open nav { display:block; max-height:62vh; overflow-y:auto; } .catalog-product-results.is-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:620px) { .catalog-child-list.is-grid { grid-template-columns:1fr; } .catalog-child-card { grid-template-columns:1fr; } .catalog-child-image { height:200px; min-height:0; } .catalog-product-results.is-grid { grid-template-columns:1fr; } .catalog-product-results.is-list .catalog-product-card { grid-template-columns:1fr; } .catalog-product-image { min-height:200px; } .catalog-product-image img { max-height:240px; } .catalog-product-body { padding:18px; } .catalog-main-head { padding-bottom:17px; } }
@media (prefers-reduced-motion:reduce) { .catalog-tree a,.catalog-child-card,.catalog-product-card,.catalog-view-switch button { transition:none; } }

/* WooCommerce single product: same 1280px canvas and category navigation as catalog. */
.qh-services-overline { color:#af7216; font:800 .7rem Consolas,monospace; letter-spacing:.12em; text-transform:uppercase; }
.qh-services-intro { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(180px,.65fr); gap:22px; align-items:center; padding:34px; margin:22px 0 38px; border:1px solid #d9e4ef; border-radius:18px; background:linear-gradient(130deg,#fff 0%,#f8fbff 72%,#eef5fc 100%); box-shadow:0 16px 36px rgba(18,52,91,.055); }
.qh-services-intro h2 { max-width:660px; margin:13px 0 13px; color:#0b326a; font-size:clamp(1.42rem,2.2vw,2.15rem); line-height:1.28; }
.qh-services-intro p,.qh-services-section-heading p { color:#516b83; line-height:1.75; }
.qh-services-intro p { max-width:640px; margin:0 0 22px; font-size:.94rem; }
.qh-services-primary { display:inline-flex; align-items:center; justify-content:center; gap:15px; min-height:44px; padding:11px 18px; border-radius:9px; background:#1475db; color:#fff; font-size:.85rem; font-weight:800; box-shadow:0 8px 19px rgba(16,103,207,.17); transition:transform .3s ease,background .3s ease,box-shadow .3s ease; }
.qh-services-primary:hover { transform:translateY(-2px); background:#075fb9; color:#fff; box-shadow:0 12px 23px rgba(16,103,207,.25); }
.qh-services-intro-art { align-self:stretch; min-height:240px; overflow:hidden; border-radius:11px; background:#e8eff6; }
.qh-services-intro-art img { display:block; width:100%; height:100%; object-fit:cover; }
.qh-services-section-heading { display:flex; align-items:end; justify-content:space-between; gap:25px; margin-bottom:18px; }
.qh-services-section-heading h2 { margin:9px 0 0; color:#0b326a; font-size:clamp(1.28rem,1.85vw,1.7rem); line-height:1.3; }
.qh-services-section-heading p { max-width:260px; margin:0; font-size:.78rem; }
.qh-services-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:17px; }
.qh-service-card { display:flex; flex-direction:column; overflow:hidden; border:1px solid #dce6f0; border-radius:14px; background:#fff; box-shadow:0 12px 28px rgba(19,50,86,.045); transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease; }
.qh-service-card:hover { transform:translateY(-4px); border-color:#f0ad57; box-shadow:0 18px 32px rgba(19,50,86,.09); }
.qh-service-photo { height:192px; overflow:hidden; background:#e9f0f6; }
.qh-service-photo img { display:block; width:100%; height:100%; object-fit:cover; transition:transform .65s ease; }
.qh-service-card:hover .qh-service-photo img { transform:scale(1.04); }
.qh-service-card-content { display:flex; flex:1; flex-direction:column; padding:21px 23px 22px; }
.qh-service-card h3 { margin:0 0 10px; color:#0b326a; font-size:1.02rem; line-height:1.4; }
.qh-service-card p { margin:0 0 18px; color:#4a647d; font-size:.82rem; line-height:1.7; }
.qh-service-card-content > a { align-self:flex-start; margin-top:auto; color:#bd6d13; font-size:.78rem; font-weight:800; }
.qh-service-card-content > a:hover { color:#075fb9; }
.qh-service-card:last-child { grid-column:span 2; flex-direction:row; }
.qh-service-card:last-child .qh-service-photo { flex:0 0 46%; height:auto; min-height:210px; }
@media(max-width:1050px) { .qh-services-intro { grid-template-columns:1fr; } .qh-services-intro-art { min-height:230px; } }
@media(max-width:700px) { .qh-services-intro { padding:23px; } .qh-services-grid { grid-template-columns:1fr; } .qh-service-card:last-child { grid-column:auto; flex-direction:column; } .qh-service-card:last-child .qh-service-photo { flex:auto; height:192px; min-height:0; } .qh-services-section-heading { align-items:start; flex-direction:column; } .qh-services-section-heading p { max-width:none; } }
@media(prefers-reduced-motion:reduce) { .qh-services-primary,.qh-service-card,.qh-service-photo img { transition:none; } }
.qh-product-detail { background:#f7f9fc; color:#17334f; }
.qh-product-detail .shell { max-width:1280px; }
.qh-product-layout { display:grid; grid-template-columns:minmax(244px,282px) minmax(0,1fr); align-items:start; gap:30px; padding-top:42px; padding-bottom:80px; }
.qh-product-main { min-width:0; }
.qh-product-main > .catalog-breadcrumb { margin-bottom:24px; }
.qh-product-top { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:25px; align-items:start; }
.qh-product-gallery,.qh-product-summary,.qh-product-description { min-width:0; border:1px solid #d8e2ec; border-radius:15px; background:#fff; box-shadow:0 8px 27px rgba(20,49,84,.05); }
.qh-product-gallery { padding:15px; }
.qh-product-stage { position:relative; overflow:hidden; border-radius:11px; background:#edf2f7; }
.qh-gallery-open { display:grid; place-items:center; width:100%; height:clamp(280px,31vw,425px); padding:12px; border:0; background:transparent; cursor:zoom-in; }
.qh-gallery-open img { display:block; width:100%; height:100%; object-fit:contain; }
.qh-gallery-empty { display:grid; place-items:center; min-height:330px; color:#7790a6; }
.qh-gallery-arrow { position:absolute; top:50%; display:grid; place-items:center; width:36px; height:36px; padding:0; border:1px solid #d7e3ef; border-radius:50%; background:rgba(255,255,255,.93); color:#0b326a; font-size:1.65rem; line-height:1; cursor:pointer; transform:translateY(-50%); }
.qh-gallery-arrow:hover { background:#f4972e; }
.qh-gallery-prev { left:10px; }.qh-gallery-next { right:10px; }
.qh-gallery-thumbs { display:flex; gap:9px; overflow-x:auto; padding:12px 1px 2px; scrollbar-width:thin; }
.qh-gallery-thumbs button { flex:none; width:72px; height:72px; padding:4px; border:2px solid #dbe4ee; border-radius:9px; background:#fff; cursor:pointer; }
.qh-gallery-thumbs button[aria-pressed="true"] { border-color:#f4972e; box-shadow:0 0 0 2px rgba(244,151,46,.18); }
.qh-gallery-thumbs img { display:block; width:100%; height:100%; object-fit:contain; }
.qh-gallery-lightbox { position:fixed; max-width:min(92vw,1100px); max-height:92vh; padding:25px; border:0; border-radius:13px; background:#fff; box-shadow:0 25px 70px rgba(0,0,0,.25); }
.qh-gallery-lightbox::backdrop { background:rgba(3,17,35,.78); }
.qh-gallery-lightbox img { display:block; max-width:100%; max-height:calc(92vh - 50px); object-fit:contain; }
.qh-lightbox-close { position:absolute; right:5px; top:3px; width:34px; height:34px; border:0; border-radius:50%; background:#123d70; color:#fff; font-size:1.4rem; cursor:pointer; }
.qh-product-summary { padding:30px; }
.qh-product-kicker { color:#a9780d; font:800 .72rem Consolas,monospace; letter-spacing:.055em; }
.qh-product-summary h1 { margin:12px 0 19px; color:#0b326a; font-size:clamp(1.65rem,2.3vw,2.35rem); line-height:1.2; }
.qh-product-short { color:#546c82; font-size:.91rem; line-height:1.7; }
.qh-product-short p { margin:0 0 13px; }
.qh-product-review-note { display:flex; gap:9px; margin:18px 0 24px; padding:13px 14px; border-radius:9px; background:#edf4fa; color:#315979; font-size:.82rem; }
.qh-product-review-note span { color:#b97615; font-weight:900; }
.qh-product-rfq { display:flex; justify-content:space-between; gap:10px; padding:13px 17px; border-radius:9px; background:#166ce7; color:#fff; font-size:.88rem; font-weight:800; }
.qh-product-rfq:hover { background:#0b4ca9; color:#fff; }
.qh-product-back { display:inline-block; margin-top:17px; color:#15599e; font-size:.8rem; font-weight:800; }
.qh-product-back:hover { color:#c66a0d; }
.qh-product-description { margin-top:24px; padding:29px 34px 38px; }
.qh-product-section-head { padding-bottom:17px; border-bottom:1px solid #dce5ee; }
.qh-product-section-head span { color:#a9780d; font:800 .7rem Consolas,monospace; letter-spacing:.09em; }
.qh-product-section-head h2 { margin:6px 0 0; color:#0b326a; font-size:clamp(1.45rem,2vw,2rem); }
.qh-product-description-content { margin-top:23px; color:#425c74; font-size:.88rem; line-height:1.72; overflow-wrap:anywhere; }
.qh-product-description-content > p { margin:0 0 18px; }
.qh-switchgear-facts { margin:24px 0; }
.qh-switchgear-facts h3,.qh-switchgear-features h3 { margin:0 0 12px; color:#0b326a; font-size:1.13rem; }
.qh-switchgear-table-wrap { max-width:100%; overflow-x:auto; border:1px solid #dce5ee; border-radius:10px; }
.qh-switchgear-facts table { width:100%; margin:0; border-collapse:collapse; }
.qh-switchgear-facts th,.qh-switchgear-facts td { padding:11px 14px; border-bottom:1px solid #e3ebf3; text-align:left; vertical-align:top; }
.qh-switchgear-facts tr:last-child th,.qh-switchgear-facts tr:last-child td { border-bottom:0; }
.qh-switchgear-facts th { width:34%; background:#f5f8fc; color:#25476a; font-weight:750; }
.qh-switchgear-features { margin:25px 0; }.qh-switchgear-features ul { margin:0; padding-left:21px; }.qh-switchgear-features li { margin:0 0 8px; }
.qh-switchgear-source { margin-top:24px; padding:13px 16px; border-left:3px solid #f4972e; border-radius:7px; background:#f5f8fc; font-size:.8rem; }
.qh-switchgear-source p { margin:0 0 8px; }.qh-switchgear-source p:last-child { margin-bottom:0; }
.qh-source-attribution { padding:12px 15px; border-left:3px solid #f4972e; border-radius:6px; background:#f5f8fc; color:#59748c; font-size:.8rem; }
.qh-source-specs { margin-top:24px; }.qh-source-specs h3,.qh-source-copy h3 { margin:0 0 14px; color:#0b326a; font-size:1.18rem; }
.qh-source-specs dl { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 20px; margin:0; }
.qh-source-specs dl > div { display:grid; grid-template-columns:minmax(115px,42%) minmax(0,1fr); gap:9px; padding:10px 0; border-bottom:1px solid #e6edf4; }
.qh-source-specs dt { color:#647d92; font-weight:750; }.qh-source-specs dd { margin:0; color:#193e61; }
.qh-source-packaging-images { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:20px 0 5px; }
.qh-source-packaging-images img { display:block; width:100%; height:220px; object-fit:cover; border-radius:9px; }
.qh-source-copy { margin-top:30px; padding-top:24px; border-top:1px solid #dce5ee; }
.qh-source-copy div { max-width:100%; }.qh-source-copy > div > div,.qh-source-copy > div > div > div { margin:18px 0; }
.qh-source-copy img { display:block; max-width:100%; height:auto; margin:20px auto; border-radius:9px; }
.qh-source-copy strong { color:#0b326a; }.qh-source-copy br + br { display:block; content:""; margin-top:9px; }
.qh-generator-specs { margin-top:26px; }
.qh-generator-specs h3 { margin:0 0 10px; color:#0b326a; font-size:1.2rem; }
.qh-generator-specs > p { margin:0 0 14px; color:#60788f; }
.qh-generator-table-wrap { max-width:100%; overflow-x:auto; border:1px solid #dbe5ef; border-radius:11px; scrollbar-width:thin; }
.qh-generator-table { width:100%; min-width:690px; border-collapse:collapse; color:#244563; font-size:.78rem; line-height:1.45; }
.qh-generator-table th,.qh-generator-table td { padding:10px 12px; border-bottom:1px solid #e5edf4; text-align:left; vertical-align:top; white-space:nowrap; }
.qh-generator-table thead th { position:sticky; top:0; z-index:1; background:#123c6b; color:#fff; font-weight:750; }
.qh-generator-table tbody tr:nth-child(even) { background:#f4f8fc; }
.qh-generator-table tbody tr:hover { background:#e9f3fc; }
.qh-generator-table tbody tr:last-child td { border-bottom:0; }
.qh-generator-table td:first-child { color:#0b326a; font-weight:750; }
.qh-generator-source { margin-top:18px; padding:12px 15px; border-left:3px solid #f4972e; border-radius:6px; background:#f5f8fc; color:#59748c; font-size:.8rem; }
@media(max-width:1100px) { .qh-product-top { grid-template-columns:1fr; } .qh-gallery-open { height:400px; } }
@media(max-width:900px) { .qh-product-layout { grid-template-columns:1fr; gap:20px; padding-top:28px; } .qh-product-detail .catalog-sidebar { position:relative; top:auto; max-height:none; overflow:visible; padding:12px 15px; } .qh-product-detail .catalog-sidebar-toggle { display:block; } .qh-product-detail .catalog-sidebar nav { display:none; } .qh-product-detail .catalog-sidebar.is-open nav { display:block; max-height:62vh; overflow-y:auto; } .qh-product-top { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:700px) { .qh-product-top { grid-template-columns:1fr; } .qh-product-summary { padding:23px; } .qh-product-description { padding:23px 19px; } .qh-gallery-open { height:310px; } .qh-source-specs dl,.qh-source-packaging-images { grid-template-columns:1fr; } .qh-source-packaging-images img { height:auto; } }
@media(prefers-reduced-motion:reduce) { .qh-gallery-arrow,.qh-gallery-thumbs button { transition:none; } }