@charset "utf-8";
/* =========================================================
   TAKUMI FLOW — ガス調整器（圧力調整器）B2B テンプレート
   Target: Japan market / tone: professional, natural, lively
   Prefix: gk-   Body class: takumi-theme
   ========================================================= */
:root{
  --gk-navy:#10333f;
  --gk-navy-deep:#0a222b;
  --gk-ink:#1d2c33;
  --gk-steel:#55676f;
  --gk-mist:#f2f6f6;
  --gk-sand:#f7f5ef;
  --gk-line:#d8e1e2;
  --gk-orange:#ef7220;
  --gk-orange-dark:#d95f0e;
  --gk-green:#2f8f6c;
  --gk-green-soft:#e4f1ea;
  --gk-sky:#e9f2f2;
  --gk-white:#ffffff;
  --gk-radius:10px;
  --gk-radius-lg:18px;
  --gk-shadow:0 10px 30px rgba(16,51,63,.10);
  --gk-shadow-sm:0 4px 14px rgba(16,51,63,.08);
  --gk-font:"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic","Meiryo",sans-serif;
  --gk-mono:"Roboto Mono","Consolas",monospace;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:hidden}
body.takumi-theme{font-family:var(--gk-font);color:var(--gk-ink);background:var(--gk-white);font-size:15px;line-height:1.8;-webkit-font-smoothing:antialiased;overflow-x:hidden;max-width:100%}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none;transition:color .2s,background .2s,border-color .2s,transform .2s,box-shadow .2s}
ul,ol{list-style:none}
button{font-family:inherit;cursor:pointer}
input,textarea,select{font-family:inherit;font-size:14px}
.gk-container{max-width:1240px;margin:0 auto;padding:0 24px}
.gk-narrow{max-width:860px;margin:0 auto;padding:0 24px}

/* skip nav */
.skip-nav{position:absolute;left:-9999px;top:0;background:var(--gk-orange);color:#fff;padding:10px 18px;z-index:2000;border-radius:0 0 8px 0;font-weight:700}
.skip-nav:focus{left:0}

/* ============ buttons ============ */
.gk-btn{display:inline-flex;align-items:center;gap:9px;padding:13px 26px;border-radius:6px;font-weight:700;font-size:14px;line-height:1;border:2px solid transparent;transition:all .22s}
.gk-btn i{font-size:13px}
.gk-btn-orange{background:var(--gk-orange);color:#fff}
.gk-btn-orange:hover{background:var(--gk-orange-dark);transform:translateY(-2px);box-shadow:0 8px 18px rgba(239,114,32,.35)}
.gk-btn-navy{background:var(--gk-navy);color:#fff}
.gk-btn-navy:hover{background:var(--gk-navy-deep);transform:translateY(-2px)}
.gk-btn-green{background:var(--gk-green);color:#fff}
.gk-btn-green:hover{background:#257557;transform:translateY(-2px)}
.gk-btn-ghost{border-color:var(--gk-navy);color:var(--gk-navy);background:transparent}
.gk-btn-ghost:hover{background:var(--gk-navy);color:#fff}
.gk-btn-ghost-light{border-color:rgba(255,255,255,.6);color:#fff;background:transparent}
.gk-btn-ghost-light:hover{background:#fff;color:var(--gk-navy)}
.gk-btn-lg{padding:16px 34px;font-size:15px}
.gk-arrowlink{display:inline-flex;align-items:center;gap:7px;font-weight:700;color:var(--gk-orange);font-size:14px}
.gk-arrowlink:hover{gap:11px;color:var(--gk-orange-dark)}
.gk-minibtn{display:inline-flex;align-items:center;gap:6px;padding:7px 13px;border-radius:5px;border:1.5px solid var(--gk-line);font-size:12.5px;font-weight:700;color:var(--gk-navy);background:#fff}
.gk-minibtn:hover{border-color:var(--gk-orange);color:var(--gk-orange)}

/* ============ section heads ============ */
.gk-kicker{display:inline-flex;align-items:center;gap:8px;font-family:var(--gk-mono);font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--gk-green);font-weight:700}
.gk-kicker::before{content:"";width:26px;height:2px;background:var(--gk-orange)}
.gk-shead{margin-bottom:38px}
.gk-shead h2{font-size:30px;line-height:1.35;color:var(--gk-navy);margin-top:10px;font-weight:800}
.gk-shead p{color:var(--gk-steel);margin-top:12px;max-width:640px}
.gk-shead-row{display:flex;align-items:flex-end;justify-content:space-between;gap:26px;flex-wrap:wrap}
.gk-shead-center{text-align:center}
.gk-shead-center .gk-kicker{justify-content:center}
.gk-shead-center .gk-kicker::before{display:none}
.gk-shead-center .gk-kicker::after{content:"";width:26px;height:2px;background:var(--gk-orange);margin-left:8px}
.gk-shead-center p{margin-left:auto;margin-right:auto}

/* ============ top techbar ============ */
.gk-techbar{background:var(--gk-navy-deep);color:#cfe0e4;font-size:12.5px}
.gk-techbar-in{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:38px}
.gk-techbar-facts{display:flex;gap:20px;overflow:hidden;white-space:nowrap}
.gk-techbar-facts span{display:inline-flex;align-items:center;gap:6px}
.gk-techbar-facts i{color:var(--gk-green);font-size:11px}
.gk-techbar-links{display:flex;gap:16px;flex-shrink:0}
.gk-techbar-links a{display:inline-flex;align-items:center;gap:6px;color:#cfe0e4}
.gk-techbar-links a:hover{color:#fff}
.gk-techbar-links i{color:var(--gk-orange)}

/* ============ main header (single row sticky) ============ */
.gk-header{position:sticky;top:0;z-index:900;background:#fff;border-bottom:1px solid var(--gk-line);box-shadow:0 2px 10px rgba(16,51,63,.06)}
.gk-header-in{display:flex;align-items:center;gap:30px;min-height:74px}
.gk-brand{flex-shrink:0}
.gk-brand img{max-height:48px;width:auto}
.gk-nav{display:flex;align-items:center;gap:4px;flex:1;justify-content:center}
.gk-nav>a,.gk-nav .gk-navitem>a{display:inline-flex;align-items:center;gap:6px;padding:26px 13px;font-weight:700;font-size:14px;color:var(--gk-ink);position:relative;white-space:nowrap}
.gk-nav>a::after,.gk-nav .gk-navitem>a::after{content:"";position:absolute;left:15px;right:15px;bottom:16px;height:3px;border-radius:2px;background:var(--gk-orange);transform:scaleX(0);transition:transform .22s;transform-origin:left}
.gk-nav>a:hover::after,.gk-nav>a.active::after,.gk-nav .gk-navitem>a:hover::after,.gk-nav .gk-navitem>a.active::after{transform:scaleX(1)}
.gk-nav i.fa-angle-down{font-size:11px;color:var(--gk-steel)}
.gk-navitem{position:relative}
@media (max-width:1360px){
  .gk-header-in{gap:16px}
  .gk-nav{gap:0}
  .gk-nav>a,.gk-nav .gk-navitem>a{padding:26px 9px;font-size:13px;letter-spacing:0}
}
@media (max-width:1080px){
  .gk-nav>a,.gk-nav .gk-navitem>a{padding:26px 6px;font-size:12.5px}
  .gk-header-in{gap:10px}
}
.gk-megadrop{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(12px);min-width:520px;background:#fff;border:1px solid var(--gk-line);border-top:3px solid var(--gk-orange);border-radius:0 0 var(--gk-radius) var(--gk-radius);box-shadow:var(--gk-shadow);padding:22px 26px;display:grid;grid-template-columns:1fr 1fr;gap:4px 26px;opacity:0;visibility:hidden;transition:all .22s}
.gk-navitem:hover .gk-megadrop{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
.gk-megadrop .gk-mgroup{padding:4px 0}
.gk-megadrop .gk-mgroup>a.gk-mparent{display:block;font-weight:800;color:var(--gk-navy);font-size:13.5px;padding:6px 0;border-bottom:1px dashed var(--gk-line);margin-bottom:4px}
.gk-megadrop .gk-mgroup>a.gk-mparent:hover{color:var(--gk-orange)}
.gk-megadrop a.gk-mchild{display:flex;align-items:center;gap:8px;padding:6px 0;font-size:13px;color:var(--gk-steel)}
.gk-megadrop a.gk-mchild::before{content:"›";color:var(--gk-orange);font-weight:700}
.gk-megadrop a.gk-mchild:hover{color:var(--gk-orange)}
.gk-megadrop .gk-mall{grid-column:1/-1;margin-top:8px;padding-top:12px;border-top:1px solid var(--gk-line);font-weight:700;color:var(--gk-orange);font-size:13.5px;display:inline-flex;align-items:center;gap:8px}
.gk-header-tools{display:flex;align-items:center;gap:10px;flex-shrink:0}
.gk-tool{width:42px;height:42px;border-radius:8px;border:1.5px solid var(--gk-line);background:#fff;display:inline-flex;align-items:center;justify-content:center;color:var(--gk-navy);font-size:15px;position:relative}
.gk-tool:hover{border-color:var(--gk-orange);color:var(--gk-orange)}
.gk-qbadge{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;border-radius:9px;background:var(--gk-orange);color:#fff;font-size:10.5px;font-weight:700;display:none;align-items:center;justify-content:center;padding:0 4px}
.gk-headcta{white-space:nowrap}
.gk-hamb{display:none;width:44px;height:44px;border:1.5px solid var(--gk-line);border-radius:8px;background:#fff;flex-direction:column;align-items:center;justify-content:center;gap:5px}
.gk-hamb span{width:20px;height:2px;background:var(--gk-navy);border-radius:2px;transition:all .25s}

/* search panel (full-width dropdown) */
.gk-searchpanel{display:none;border-top:1px solid var(--gk-line);background:var(--gk-mist);padding:22px 0}
.gk-searchpanel.on{display:block}
.gk-searchpanel form{display:flex;gap:0;max-width:720px;margin:0 auto;border:2px solid var(--gk-navy);border-radius:8px;overflow:hidden;background:#fff}
.gk-searchpanel input{flex:1;border:0;padding:14px 18px;font-size:15px;outline:none}
.gk-searchpanel button{border:0;background:var(--gk-navy);color:#fff;padding:0 26px;font-weight:700;font-size:14px;display:inline-flex;align-items:center;gap:8px}
.gk-searchpanel button:hover{background:var(--gk-orange)}
.gk-searchpanel .gk-searchhint{text-align:center;font-size:12.5px;color:var(--gk-steel);margin-top:10px}

/* ============ overlay mobile nav ============ */
.gk-overlaynav{position:fixed;inset:0;background:rgba(10,34,43,.98);z-index:1200;display:none;overflow-y:auto;padding:26px;color:#fff}
.gk-overlaynav.on{display:block}
.gk-overlaynav-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}
.gk-overlaynav-head strong{font-family:var(--gk-mono);letter-spacing:.3em;font-size:13px;color:var(--gk-green)}
.gk-overlaynav-close{width:44px;height:44px;border-radius:50%;border:1.5px solid rgba(255,255,255,.35);background:transparent;color:#fff;font-size:17px}
.gk-overlaynav-close:hover{border-color:var(--gk-orange);color:var(--gk-orange)}
.gk-overlaynav-search form{display:flex;border-radius:8px;overflow:hidden;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.25);margin-bottom:24px}
.gk-overlaynav-search input{flex:1;background:transparent;border:0;color:#fff;padding:13px 16px;outline:none}
.gk-overlaynav-search input::placeholder{color:rgba(255,255,255,.55)}
.gk-overlaynav-search button{border:0;background:var(--gk-orange);color:#fff;padding:0 20px}
.gk-overlaynav nav>a{display:block;padding:14px 4px;border-bottom:1px solid rgba(255,255,255,.12);font-weight:700;font-size:16px;color:#fff}
.gk-overlaynav nav>a.active{color:var(--gk-orange)}
.gk-osec{border-bottom:1px solid rgba(255,255,255,.12)}
.gk-osec>button{width:100%;display:flex;align-items:center;justify-content:space-between;background:transparent;border:0;color:#fff;font-weight:700;font-size:16px;padding:14px 4px}
.gk-osec>button i{transition:transform .25s;color:rgba(255,255,255,.6)}
.gk-osec.open>button i{transform:rotate(180deg);color:var(--gk-orange)}
.gk-osub{display:none;padding:2px 4px 14px 18px}
.gk-osec.open .gk-osub{display:block}
.gk-osub a{display:block;padding:8px 0;color:rgba(255,255,255,.78);font-size:14px}
.gk-osub a:hover{color:var(--gk-orange)}
.gk-overlaynav-cta{display:flex;flex-direction:column;gap:12px;margin-top:26px}

/* ============ page header band ============ */
.gk-ph{background:linear-gradient(120deg,var(--gk-navy-deep) 0%,var(--gk-navy) 60%,#155062 100%);color:#fff;position:relative;overflow:hidden}
.gk-ph::before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.045) 0 1px,transparent 1px 90px),repeating-linear-gradient(0deg,rgba(255,255,255,.045) 0 1px,transparent 1px 90px);pointer-events:none}
.gk-ph-in{position:relative;padding:52px 0 46px;display:flex;align-items:flex-end;justify-content:space-between;gap:30px;flex-wrap:wrap}
.gk-ph h1{font-size:34px;line-height:1.3;font-weight:800;margin-top:12px}
.gk-ph p{color:rgba(255,255,255,.82);margin-top:12px;max-width:660px}
.gk-ph .gk-kicker{color:#8fd4b8}
.gk-ph-side{display:flex;gap:12px;flex-wrap:wrap}
.gk-bread{position:relative;font-size:12.5px;color:rgba(255,255,255,.65);padding-top:20px}
.gk-bread a{color:rgba(255,255,255,.65)}
.gk-bread a:hover{color:#fff}
.gk-bread-dark{color:var(--gk-steel);padding-top:24px}
.gk-bread-dark a{color:var(--gk-steel)}
.gk-bread-dark a:hover{color:var(--gk-orange)}

/* ============ sections ============ */
.gk-sec{padding:76px 0}
.gk-sec-mist{background:var(--gk-mist)}
.gk-sec-sand{background:var(--gk-sand)}
.gk-sec-navy{background:var(--gk-navy);color:#fff}
.gk-sec-navy .gk-shead h2{color:#fff}
.gk-sec-navy .gk-shead p{color:rgba(255,255,255,.8)}
.gk-sec-navy .gk-kicker{color:#8fd4b8}

/* ============ HOME hero (split) ============ */
.gk-hero{background:linear-gradient(115deg,var(--gk-navy-deep),var(--gk-navy) 55%,#175468);color:#fff;position:relative;overflow:hidden}
.gk-hero::after{content:"";position:absolute;right:-140px;top:-140px;width:520px;height:520px;border-radius:50%;border:70px solid rgba(47,143,108,.16)}
.gk-hero::before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.04) 0 1px,transparent 1px 110px);pointer-events:none}
.gk-hero-in{position:relative;display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:center;padding:86px 0 90px;z-index:1}
.gk-hero-copy .gk-herotag{display:inline-flex;align-items:center;gap:9px;background:rgba(47,143,108,.22);border:1px solid rgba(143,212,184,.4);color:#bfe8d5;padding:8px 16px;border-radius:99px;font-size:12.5px;font-weight:700}
.gk-hero-copy h1{font-size:44px;line-height:1.28;font-weight:900;margin:22px 0 18px}
.gk-hero-copy h1 em{font-style:normal;display:block;font-family:var(--gk-mono);font-size:14px;letter-spacing:.3em;color:#8fd4b8;margin-top:14px;font-weight:500}
.gk-hero-lead{color:rgba(255,255,255,.85);max-width:560px;font-size:15.5px}
.gk-hero-cta{display:flex;gap:14px;margin-top:30px;flex-wrap:wrap}
.gk-hero-stats{display:flex;gap:0;margin-top:38px;border-top:1px solid rgba(255,255,255,.18);padding-top:24px}
.gk-hero-stats div{padding:0 26px;border-left:1px solid rgba(255,255,255,.18)}
.gk-hero-stats div:first-child{padding-left:0;border-left:0}
.gk-hero-stats strong{display:block;font-family:var(--gk-mono);font-size:26px;color:#fff;line-height:1.2}
.gk-hero-stats strong i{font-size:15px;color:var(--gk-orange);margin-right:6px}
.gk-hero-stats span{font-size:12px;color:rgba(255,255,255,.66)}
.gk-specpanel{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);border-radius:var(--gk-radius-lg);padding:30px;backdrop-filter:blur(4px)}
.gk-specpanel h2{font-size:15px;font-weight:800;color:#bfe8d5;display:flex;align-items:center;gap:9px;letter-spacing:.06em}
.gk-specpanel table{width:100%;border-collapse:collapse;margin-top:16px;font-size:13.5px}
.gk-specpanel th{text-align:left;color:rgba(255,255,255,.62);font-weight:500;padding:9px 0;border-bottom:1px dashed rgba(255,255,255,.16);width:44%}
.gk-specpanel td{color:#fff;font-family:var(--gk-mono);padding:9px 0;border-bottom:1px dashed rgba(255,255,255,.16)}
.gk-specpanel .gk-specnote{font-size:12px;color:rgba(255,255,255,.55);margin-top:14px;display:flex;gap:8px;align-items:flex-start}
.gk-specnote i{color:var(--gk-green);margin-top:3px}

/* home trust ticker */
.gk-ticker{background:var(--gk-green);color:#fff;overflow:hidden}
.gk-ticker-in{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 0;flex-wrap:wrap}
.gk-ticker-in span{display:inline-flex;align-items:center;gap:9px;font-size:13.5px;font-weight:700}
.gk-ticker-in i{color:#ffd9b8}

/* home category tabs + rail */
.gk-cattabs{display:grid;grid-template-columns:280px 1fr;gap:40px;align-items:start}
.gk-catrail{display:flex;flex-direction:column;gap:10px;position:sticky;top:110px}
.gk-catrail a{display:flex;align-items:center;gap:12px;padding:15px 18px;border:1.5px solid var(--gk-line);border-radius:var(--gk-radius);font-weight:700;font-size:14px;color:var(--gk-navy);background:#fff}
.gk-catrail a figure{width:44px;height:44px;border-radius:8px;overflow:hidden;background:var(--gk-mist);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.gk-catrail a figure img{width:100%;height:100%;object-fit:cover}
.gk-catrail a figure i{color:var(--gk-green)}
.gk-catrail a:hover{border-color:var(--gk-orange);transform:translateX(4px)}
.gk-catrail a i.fa-arrow-right{margin-left:auto;color:var(--gk-orange);font-size:12px}
.gk-catrail .gk-catrail-all{background:var(--gk-navy);color:#fff;border-color:var(--gk-navy);justify-content:center}
.gk-catrail .gk-catrail-all:hover{background:var(--gk-orange);border-color:var(--gk-orange)}

/* product cards (used home + related) */
.gk-prodgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.gk-prodgrid-3{grid-template-columns:repeat(3,1fr)}
.gk-pcard{background:#fff;border:1px solid var(--gk-line);border-radius:var(--gk-radius);overflow:hidden;display:flex;flex-direction:column;transition:all .25s}
.gk-pcard:hover{border-color:var(--gk-navy);box-shadow:var(--gk-shadow);transform:translateY(-4px)}
.gk-pcard-media{display:block;aspect-ratio:4/3;background:var(--gk-mist);position:relative;overflow:hidden}
.gk-pcard-media img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.gk-pcard:hover .gk-pcard-media img{transform:scale(1.05)}
.gk-noimg{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--gk-line);font-size:38px}
.gk-pcard-body{padding:18px 20px 20px;display:flex;flex-direction:column;flex:1;gap:8px}
.gk-pcard-body em{font-style:normal;font-family:var(--gk-mono);font-size:11px;letter-spacing:.14em;color:var(--gk-green);text-transform:uppercase}
.gk-pcard-body h3,.gk-pcard-body h2{font-size:15px;line-height:1.55;font-weight:700;flex:1}
.gk-pcard-body h3 a:hover,.gk-pcard-body h2 a:hover{color:var(--gk-orange)}
.gk-pcard-body p{font-size:12.5px;color:var(--gk-steel);line-height:1.7}
.gk-pcard-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:10px;border-top:1px dashed var(--gk-line)}

/* home about split + timeline */
.gk-craft{display:grid;grid-template-columns:1fr 1.08fr;gap:60px;align-items:center}
.gk-craft-media{position:relative}
.gk-craft-media img{border-radius:var(--gk-radius-lg);box-shadow:var(--gk-shadow)}
.gk-craft-media::after{content:"";position:absolute;left:-18px;bottom:-18px;width:130px;height:130px;border-radius:var(--gk-radius);background:repeating-linear-gradient(45deg,var(--gk-green-soft) 0 8px,transparent 8px 16px);z-index:-1}
.gk-craftline{margin-top:26px;display:flex;flex-direction:column;gap:0}
.gk-craftline .gk-cl{display:flex;gap:18px;position:relative;padding-bottom:24px}
.gk-craftline .gk-cl::before{content:"";position:absolute;left:17px;top:38px;bottom:0;width:2px;background:var(--gk-line)}
.gk-craftline .gk-cl:last-child::before{display:none}
.gk-craftline .gk-cl>span{width:36px;height:36px;border-radius:50%;background:var(--gk-navy);color:#fff;font-family:var(--gk-mono);font-size:13px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-weight:700}
.gk-craftline h3{font-size:16px;font-weight:800;color:var(--gk-navy)}
.gk-craftline p{font-size:13.5px;color:var(--gk-steel);margin-top:4px}

/* home process line */
.gk-procline{display:grid;grid-template-columns:repeat(4,1fr);gap:0;counter-reset:proc;position:relative}
.gk-proc{position:relative;padding:28px 26px 26px;border-left:1px solid rgba(255,255,255,.16)}
.gk-proc:first-child{border-left:0}
.gk-proc em{font-style:normal;font-family:var(--gk-mono);font-size:32px;color:rgba(255,255,255,.22);font-weight:700;line-height:1}
.gk-proc h3{font-size:16.5px;font-weight:800;margin:14px 0 10px;color:#fff}
.gk-proc h3 i{color:var(--gk-orange);margin-right:8px}
.gk-proc p{font-size:13px;color:rgba(255,255,255,.75)}

/* home solutions cards */
.gk-solgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.gk-solcard{background:#fff;border:1px solid var(--gk-line);border-radius:var(--gk-radius);padding:28px 30px;display:flex;gap:22px;align-items:flex-start;transition:all .25s}
.gk-solcard:hover{border-color:var(--gk-green);box-shadow:var(--gk-shadow);transform:translateY(-3px)}
.gk-solcard>b{font-family:var(--gk-mono);font-size:30px;color:var(--gk-green);opacity:.4;font-weight:700;line-height:1;flex-shrink:0}
.gk-solcard h3{font-size:17px;font-weight:800;color:var(--gk-navy);display:flex;align-items:center;gap:9px}
.gk-solcard h3 i{color:var(--gk-orange);font-size:13px}
.gk-solcard p{font-size:13.5px;color:var(--gk-steel);margin-top:8px}
.gk-solcard figure{flex:0 0 120px;margin:0;border-radius:8px;overflow:hidden;align-self:stretch}
.gk-solcard figure img{width:100%;height:100%;min-height:120px;object-fit:cover}

/* cert wall */
.gk-container.gk-certrow>.gk-certrow-copy{margin-bottom:32px}
.gk-certwall{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}
.gk-certtile{background:#fff;border:1px solid var(--gk-line);border-radius:var(--gk-radius);padding:18px 14px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px;transition:all .25s}
.gk-certtile:hover{border-color:var(--gk-orange);box-shadow:var(--gk-shadow-sm);transform:translateY(-3px)}
.gk-certtile img{height:74px;width:auto;object-fit:contain}
.gk-certtile i{font-size:34px;color:var(--gk-green)}
.gk-certtile span{font-size:12px;font-weight:700;color:var(--gk-navy);line-height:1.5}

/* home FAQ split */
.gk-faqsplit{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:start}
.gk-faqsplit-intro{position:sticky;top:110px}
.gk-faqsplit-intro .gk-btn{margin-top:22px}

/* accordion */
.gk-acc{display:flex;flex-direction:column;gap:12px}
.gk-acc-item{background:#fff;border:1px solid var(--gk-line);border-radius:var(--gk-radius);overflow:hidden}
.gk-acc-item summary{list-style:none;display:flex;align-items:center;gap:14px;padding:18px 22px;cursor:pointer;font-weight:700;font-size:14.5px;color:var(--gk-navy)}
.gk-acc-item summary::-webkit-details-marker{display:none}
.gk-acc-item summary::before{content:"Q";font-family:var(--gk-mono);width:30px;height:30px;border-radius:6px;background:var(--gk-green-soft);color:var(--gk-green);display:inline-flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}
.gk-acc-item summary span{flex:1}
.gk-acc-item summary i{color:var(--gk-steel);transition:transform .25s;font-size:13px}
.gk-acc-item[open]{border-color:var(--gk-green)}
.gk-acc-item[open] summary i{transform:rotate(45deg);color:var(--gk-orange)}
.gk-acc-body{padding:0 22px 20px 66px;color:var(--gk-steel);font-size:13.5px;line-height:1.85}

/* home news rows */
.gk-newsrows{display:flex;flex-direction:column}
.gk-newsrow{display:grid;grid-template-columns:130px 1fr auto;grid-template-rows:auto auto;gap:4px 22px;align-items:center;padding:20px 6px;border-bottom:1px solid var(--gk-line)}
.gk-newsrow:first-child{border-top:1px solid var(--gk-line)}
.gk-newsrow time{grid-row:1/3;font-family:var(--gk-mono);font-size:13px;color:var(--gk-steel)}
.gk-newsrow h3{grid-column:2}
.gk-newsrow p{grid-column:2;font-size:13px;color:var(--gk-steel);line-height:1.7;margin:0}
.gk-newsrow em{font-style:normal;font-size:11.5px;font-weight:700;color:var(--gk-green);border:1px solid var(--gk-green);border-radius:99px;padding:3px 12px;text-align:center;white-space:nowrap}
.gk-newsrow h3{font-size:15px;font-weight:700;line-height:1.6}
.gk-newsrow i{grid-column:3;grid-row:1/3}
.gk-newsrow:hover{background:var(--gk-mist)}
.gk-newsrow:hover h3{color:var(--gk-orange)}
.gk-newsrow i{color:var(--gk-orange)}

/* home final CTA */
.gk-consult{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
.gk-consult-list{margin-top:20px;display:flex;flex-direction:column;gap:12px}
.gk-consult-list li{display:flex;gap:11px;font-size:14px;color:var(--gk-ink);align-items:flex-start}
.gk-consult-list i{color:var(--gk-green);margin-top:5px}

/* form card */
.gk-formcard{background:#fff;border:1px solid var(--gk-line);border-top:4px solid var(--gk-orange);border-radius:var(--gk-radius);padding:30px 30px 26px;box-shadow:var(--gk-shadow-sm)}
.gk-formcard h2{font-size:18px;font-weight:800;color:var(--gk-navy);display:flex;align-items:center;gap:10px}
.gk-formcard h2 i{color:var(--gk-orange)}
.gk-formcard>p{font-size:13px;color:var(--gk-steel);margin:8px 0 18px}
.gk-formcard input[type=text],.gk-formcard input[type=email],.gk-formcard textarea{width:100%;border:1.5px solid var(--gk-line);border-radius:6px;padding:12px 14px;margin-bottom:12px;outline:none;transition:border-color .2s;background:#fbfdfd}
.gk-formcard input:focus,.gk-formcard textarea:focus{border-color:var(--gk-green)}
.gk-formcard textarea{resize:vertical}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.gk-formnote{margin-top:14px;font-size:12px;color:var(--gk-steel);display:flex;gap:8px;align-items:flex-start}
.gk-formnote i{color:var(--gk-green);margin-top:3px}

/* ============ product list page ============ */
.gk-plist{display:grid;grid-template-columns:280px 1fr;gap:44px;align-items:start}
.gk-sidenav{position:sticky;top:110px;display:flex;flex-direction:column;gap:22px}
.gk-sidenav-box{background:#fff;border:1px solid var(--gk-line);border-radius:var(--gk-radius);overflow:hidden}
.gk-sidenav-box>strong{display:flex;align-items:center;gap:9px;background:var(--gk-navy);color:#fff;padding:14px 18px;font-size:14px}
.gk-sidenav-box>strong i{color:var(--gk-orange)}
.gk-sidetree{padding:8px 0}
.gk-sidetree a{display:flex;align-items:center;gap:9px;padding:11px 18px;font-size:13.5px;font-weight:700;color:var(--gk-ink);border-left:3px solid transparent}
.gk-sidetree a:hover{color:var(--gk-orange);background:var(--gk-mist)}
.gk-sidetree a.on{border-left-color:var(--gk-orange);color:var(--gk-orange);background:var(--gk-mist)}
.gk-sidetree a.gk-side-child{padding-left:38px;font-weight:500;color:var(--gk-steel);font-size:13px}
.gk-sidetree a.gk-side-child::before{content:"−";color:var(--gk-green)}
.gk-sidehelp{background:var(--gk-navy);border-radius:var(--gk-radius);color:#fff;padding:24px 22px}
.gk-sidehelp h3{font-size:15.5px;font-weight:800;display:flex;gap:9px;align-items:center}
.gk-sidehelp h3 i{color:var(--gk-orange)}
.gk-sidehelp p{font-size:12.5px;color:rgba(255,255,255,.78);margin:10px 0 16px}
.gk-plist-note{display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--gk-green-soft);border:1px solid #cbe5d8;border-radius:var(--gk-radius);padding:14px 20px;margin-bottom:26px;flex-wrap:wrap}
.gk-plist-note p{font-size:13.5px;color:var(--gk-green);font-weight:700;display:flex;gap:9px;align-items:center}
/* horizontal product rows */
.gk-prows{display:flex;flex-direction:column;gap:18px}
.gk-prow{display:grid;grid-template-columns:230px 1fr;gap:26px;background:#fff;border:1px solid var(--gk-line);border-radius:var(--gk-radius);overflow:hidden;transition:all .25s}
.gk-prow:hover{border-color:var(--gk-navy);box-shadow:var(--gk-shadow)}
.gk-prow-media{display:block;background:var(--gk-mist);min-height:180px;position:relative}
.gk-prow-media img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.gk-prow-body{padding:20px 24px 20px 0;display:flex;flex-direction:column;gap:8px}
.gk-prow-body em{font-style:normal;font-family:var(--gk-mono);font-size:11px;letter-spacing:.16em;color:var(--gk-green);text-transform:uppercase}
.gk-prow-body h2{font-size:17px;font-weight:800;line-height:1.5}
.gk-prow-body h2 a:hover{color:var(--gk-orange)}
.gk-prow-body p{font-size:13px;color:var(--gk-steel);flex:1}
.gk-prow-foot{display:flex;gap:12px;align-items:center;padding-top:10px;border-top:1px dashed var(--gk-line);flex-wrap:wrap}

/* pagination */
.pagination{display:flex;justify-content:center;margin-top:44px}
.pagination ul,.pagination span,.pagination a{display:inline-flex}
.pagination a,.pagination span{margin:0 4px}
.pagination a,.pagination span a{min-width:40px;height:40px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;border:1.5px solid var(--gk-line);border-radius:6px;font-size:13.5px;font-weight:700;color:var(--gk-navy);background:#fff;white-space:nowrap}
.pagination a:hover{border-color:var(--gk-orange);color:var(--gk-orange)}
.pagination .current,.pagination span.current{min-width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;background:var(--gk-navy);color:#fff;font-weight:700;border:1.5px solid var(--gk-navy);padding:0 12px}
.pagination span.active a{background:var(--gk-navy);color:#fff;border-color:var(--gk-navy)}

/* ============ product detail ============ */
.gk-pdp{display:grid;grid-template-columns:1.02fr .98fr;gap:52px;padding-top:36px;align-items:start}
.gk-gallery-main{border:1px solid var(--gk-line);border-radius:var(--gk-radius);overflow:hidden;background:#fff}
.gk-gallery-main img{width:100%;aspect-ratio:1/1;object-fit:contain}
.gk-gallery-thumbs{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}
.gk-gallery-thumbs button{width:76px;height:76px;border:2px solid var(--gk-line);border-radius:8px;overflow:hidden;background:#fff;padding:0}
.gk-gallery-thumbs button img{width:100%;height:100%;object-fit:cover}
.gk-gallery-thumbs button.active,.gk-gallery-thumbs button:hover{border-color:var(--gk-orange)}
.gk-pdp-info .gk-pdp-cat{display:inline-flex;align-items:center;gap:8px;font-family:var(--gk-mono);font-size:12px;letter-spacing:.16em;color:var(--gk-green);text-transform:uppercase;font-weight:700}
.gk-pdp-info h1{font-size:28px;line-height:1.4;color:var(--gk-navy);font-weight:800;margin:12px 0 14px}
.gk-pdp-desc{color:var(--gk-steel);font-size:14.5px}
.gk-pdp-points{margin:22px 0;border:1px solid var(--gk-line);border-radius:var(--gk-radius);overflow:hidden}
.gk-pdp-points li{display:flex;gap:12px;align-items:flex-start;padding:13px 18px;font-size:13.5px;border-bottom:1px solid var(--gk-line);background:#fff}
.gk-pdp-points li:last-child{border-bottom:0}
.gk-pdp-points li:nth-child(odd){background:var(--gk-mist)}
.gk-pdp-points i{color:var(--gk-green);margin-top:4px}
.gk-pdp-actions{display:flex;gap:12px;flex-wrap:wrap}
.gk-pdp-share{margin-top:22px;display:flex;align-items:center;gap:10px;font-size:13px;color:var(--gk-steel)}
.gk-pdp-share a{width:36px;height:36px;border-radius:8px;border:1.5px solid var(--gk-line);display:inline-flex;align-items:center;justify-content:center;color:var(--gk-navy)}
.gk-pdp-share a:hover{border-color:var(--gk-orange);color:var(--gk-orange)}
/* spec table */
.gk-sechead-bar{display:flex;align-items:center;gap:12px;margin-bottom:24px}
.gk-sechead-bar span{display:inline-flex;align-items:center;gap:10px;background:var(--gk-navy);color:#fff;font-weight:800;font-size:14.5px;padding:11px 22px;border-radius:6px}
.gk-sechead-bar span i{color:var(--gk-orange)}
.gk-sechead-bar::after{content:"";flex:1;height:2px;background:repeating-linear-gradient(90deg,var(--gk-line) 0 8px,transparent 8px 16px)}
.gk-spectable{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--gk-line);border-radius:var(--gk-radius);overflow:hidden}
.gk-spectable th{width:30%;text-align:left;background:var(--gk-mist);color:var(--gk-navy);font-size:13.5px;padding:14px 20px;border-bottom:1px solid var(--gk-line);font-weight:700}
.gk-spectable td{padding:14px 20px;border-bottom:1px solid var(--gk-line);font-size:13.5px;color:var(--gk-ink);font-family:var(--gk-mono)}
.gk-spectable tr:last-child th,.gk-spectable tr:last-child td{border-bottom:0}

/* detail content */
.detail-content{font-size:14.5px;line-height:2;color:var(--gk-ink)}
.detail-content h2{font-size:22px;color:var(--gk-navy);margin:34px 0 14px;padding-left:14px;border-left:4px solid var(--gk-orange);line-height:1.5}
.detail-content h3{font-size:18px;color:var(--gk-navy);margin:26px 0 10px}
.detail-content p{margin:12px 0}
.detail-content img{border-radius:var(--gk-radius);margin:16px 0}
.detail-content ul,.detail-content ol{margin:14px 0 14px 24px}
.detail-content ul{list-style:disc}
.detail-content ol{list-style:decimal}
.detail-content a{color:var(--gk-orange);text-decoration:underline}
.detail-content table{width:100%;border-collapse:collapse;margin:18px 0}
.detail-content table th,.detail-content table td{border:1px solid var(--gk-line);padding:10px 14px;font-size:13.5px;text-align:left}
.detail-content table th{background:var(--gk-mist);color:var(--gk-navy)}
.gk-tablewrap{overflow-x:auto;margin:18px 0}
.gk-tablewrap table{margin:0}
blockquote{border-left:4px solid var(--gk-green);background:var(--gk-green-soft);padding:16px 20px;border-radius:0 8px 8px 0;margin:18px 0}

/* related strip */
.gk-related{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.gk-related a{background:#fff;border:1px solid var(--gk-line);border-radius:var(--gk-radius);overflow:hidden;transition:all .25s}
.gk-related a:hover{border-color:var(--gk-orange);transform:translateY(-4px);box-shadow:var(--gk-shadow-sm)}
.gk-related img{aspect-ratio:4/3;width:100%;object-fit:cover}
.gk-related span{display:block;padding:13px 16px;font-size:13px;font-weight:700;line-height:1.55}

/* prev/next pager */
.gk-pager{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:44px}
.gk-pager-cell{background:#fff;border:1px solid var(--gk-line);border-radius:var(--gk-radius);padding:16px 20px;font-size:13.5px;display:flex;align-items:center}
.gk-pager-next{justify-content:flex-end;text-align:right}
.pager-link{display:inline-flex;align-items:center;gap:9px;font-weight:700;color:var(--gk-navy)}
.pager-link:hover{color:var(--gk-orange)}
.pager-empty{color:var(--gk-steel);font-weight:500}

/* ============ CTA band ============ */
.gk-band{background:var(--gk-navy);border-radius:var(--gk-radius-lg);color:#fff;padding:38px 44px;display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap;position:relative;overflow:hidden}
.gk-band::after{content:"";position:absolute;right:-40px;top:-60px;width:220px;height:220px;border-radius:50%;border:34px solid rgba(239,114,32,.18)}
.gk-band h2{font-size:21px;line-height:1.55;font-weight:800;margin-top:8px;max-width:640px;position:relative}
.gk-band .gk-kicker{color:#8fd4b8;position:relative}
.gk-band-actions{display:flex;gap:14px;flex-wrap:wrap;position:relative}
.gk-band-green{background:var(--gk-green)}
.gk-band-green::after{border-color:rgba(255,255,255,.14)}

/* ============ ABOUT ============ */
.gk-profile{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:start}
.gk-proftable{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--gk-line)}
.gk-proftable th{width:32%;background:var(--gk-mist);text-align:left;padding:14px 20px;font-size:13.5px;color:var(--gk-navy);border-bottom:1px solid var(--gk-line);vertical-align:top}
.gk-proftable td{padding:14px 20px;font-size:13.5px;border-bottom:1px solid var(--gk-line)}
.gk-values{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.gk-value{background:#fff;border:1px solid var(--gk-line);border-radius:var(--gk-radius);padding:32px 28px;position:relative;overflow:hidden;transition:all .25s}
.gk-value:hover{transform:translateY(-4px);box-shadow:var(--gk-shadow);border-color:var(--gk-green)}
.gk-value>span{position:absolute;right:14px;top:6px;font-size:58px;font-weight:900;color:var(--gk-mist);line-height:1;font-family:var(--gk-font)}
.gk-value h3{font-size:17px;font-weight:800;color:var(--gk-navy);position:relative;display:flex;gap:10px;align-items:center}
.gk-value h3 i{color:var(--gk-orange)}
.gk-value p{font-size:13.5px;color:var(--gk-steel);margin-top:10px;position:relative}
.gk-histline{position:relative;margin-top:8px;padding-left:26px}
.gk-histline::before{content:"";position:absolute;left:8px;top:6px;bottom:6px;width:2px;background:var(--gk-line)}
.gk-hist{position:relative;padding:0 0 30px 22px}
.gk-hist::before{content:"";position:absolute;left:-26px;top:6px;width:14px;height:14px;border-radius:50%;background:#fff;border:4px solid var(--gk-green);margin-left:2px}
.gk-hist em{font-style:normal;font-family:var(--gk-mono);font-size:14px;color:var(--gk-orange);font-weight:700}
.gk-hist h3{font-size:16px;font-weight:800;color:var(--gk-navy);margin:4px 0 6px}
.gk-hist p{font-size:13.5px;color:var(--gk-steel)}
.gk-numstrip{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;background:rgba(255,255,255,.14);border-radius:var(--gk-radius);overflow:hidden}
.gk-numcell{background:var(--gk-navy);padding:30px 24px;text-align:center}
.gk-numcell i{font-size:24px;color:var(--gk-orange)}
.gk-numcell strong{display:block;font-size:17px;margin:12px 0 6px;color:#fff}
.gk-numcell span{font-size:12.5px;color:rgba(255,255,255,.72)}

/* ============ MANUFACTURING ============ */
.gk-stations{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;counter-reset:station}
.gk-station{background:#fff;border:1px solid var(--gk-line);border-radius:var(--gk-radius);padding:30px 28px;position:relative;transition:all .25s}
.gk-station:hover{border-color:var(--gk-navy);box-shadow:var(--gk-shadow);transform:translateY(-4px)}
.gk-station::before{counter-increment:station;content:"STEP 0" counter(station);font-family:var(--gk-mono);font-size:11.5px;letter-spacing:.2em;color:var(--gk-orange);font-weight:700}
.gk-station i{position:absolute;right:24px;top:24px;font-size:26px;color:var(--gk-green);opacity:.55}
.gk-station h3{font-size:17px;font-weight:800;color:var(--gk-navy);margin:12px 0 10px}
.gk-station p{font-size:13.5px;color:var(--gk-steel)}
.gk-qc{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.gk-qcitem{display:flex;gap:16px;background:#fff;border:1px solid var(--gk-line);border-radius:var(--gk-radius);padding:22px 24px;align-items:flex-start}
.gk-qcitem i{width:46px;height:46px;border-radius:10px;background:var(--gk-green-soft);color:var(--gk-green);display:inline-flex;align-items:center;justify-content:center;font-size:19px;flex-shrink:0}
.gk-qcitem strong{display:block;font-size:15px;color:var(--gk-navy)}
.gk-qcitem span{font-size:13px;color:var(--gk-steel)}

/* ============ SOLUTIONS list ============ */
.gk-solindex{display:grid;grid-template-columns:repeat(2,1fr);gap:26px}
.gk-solidx{background:#fff;border:1px solid var(--gk-line);border-radius:var(--gk-radius);overflow:hidden;display:flex;flex-direction:column;transition:all .25s}
.gk-solidx:hover{border-color:var(--gk-green);box-shadow:var(--gk-shadow);transform:translateY(-4px)}
.gk-solidx-media{aspect-ratio:16/7;background:var(--gk-mist);display:block;overflow:hidden;position:relative}
.gk-solidx-media img{width:100%;height:100%;object-fit:cover}
.gk-solidx-body{padding:24px 28px 26px;flex:1;display:flex;flex-direction:column}
.gk-solidx-body h2{font-size:17.5px;font-weight:800;line-height:1.5}
.gk-solidx-body h2 a:hover{color:var(--gk-orange)}
.gk-solidx-body p{font-size:13.5px;color:var(--gk-steel);margin:10px 0 16px;flex:1}

/* ============ CERTIFICATES ============ */
.gk-certgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.gk-certcard{background:#fff;border:1px solid var(--gk-line);border-radius:var(--gk-radius);padding:18px;text-align:center;transition:all .25s}
.gk-certcard:hover{border-color:var(--gk-orange);box-shadow:var(--gk-shadow);transform:translateY(-4px)}
.gk-certcard a.gk-certcard-media{display:block;background:var(--gk-mist);border-radius:8px;overflow:hidden;aspect-ratio:3/4}
.gk-certcard a.gk-certcard-media img{width:100%;height:100%;object-fit:contain}
.gk-certcard h2{font-size:14px;font-weight:700;line-height:1.55;margin:14px 0 6px}
.gk-certcard h2 a:hover{color:var(--gk-orange)}
.gk-certcard time{font-family:var(--gk-mono);font-size:12px;color:var(--gk-steel)}

/* ============ CONTACT ============ */
.gk-contact{display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:start}
.gk-chanlist{display:flex;flex-direction:column;gap:16px}
.gk-chan{display:flex;gap:18px;background:#fff;border:1px solid var(--gk-line);border-radius:var(--gk-radius);padding:22px 24px;align-items:center}
.gk-chan i{width:50px;height:50px;border-radius:12px;background:var(--gk-navy);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:19px;flex-shrink:0}
.gk-chan strong{display:block;font-size:14.5px;color:var(--gk-navy)}
.gk-chan a,.gk-chan span.gk-chanval{font-size:13.5px;color:var(--gk-steel)}
.gk-chan a:hover{color:var(--gk-orange)}
.gk-stepsrow{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:44px}
.gk-steprow{background:#fff;border:1px solid var(--gk-line);border-radius:var(--gk-radius);padding:22px;display:flex;gap:14px;align-items:flex-start}
.gk-steprow b{font-family:var(--gk-mono);color:var(--gk-orange);font-size:22px;line-height:1}
.gk-steprow strong{display:block;font-size:14.5px;color:var(--gk-navy)}
.gk-steprow span{font-size:12.5px;color:var(--gk-steel)}
.gk-tipsbox{background:var(--gk-sand);border:1px dashed #d9d2bd;border-radius:var(--gk-radius);padding:22px 24px;margin-top:16px}
.gk-tipsbox h3{font-size:14.5px;color:var(--gk-navy);display:flex;gap:9px;align-items:center;font-weight:800}
.gk-tipsbox h3 i{color:var(--gk-green)}
.gk-tipsbox ul{margin-top:12px;display:flex;flex-direction:column;gap:8px}
.gk-tipsbox li{font-size:13px;color:var(--gk-steel);display:flex;gap:9px}
.gk-tipsbox li::before{content:"✓";color:var(--gk-green);font-weight:700}

/* ============ FAQ page ============ */
.gk-faqpage{display:grid;grid-template-columns:300px 1fr;gap:44px;align-items:start}
.gk-faqaside{position:sticky;top:110px;display:flex;flex-direction:column;gap:20px}
.gk-faqsearch{display:flex;align-items:center;gap:10px;background:#fff;border:2px solid var(--gk-navy);border-radius:8px;padding:0 16px}
.gk-faqsearch i{color:var(--gk-steel)}
.gk-faqsearch input{flex:1;border:0;outline:none;padding:13px 0;background:transparent;min-width:0}
.gk-faqsearch button{border:0;background:var(--gk-navy);color:#fff;width:34px;height:34px;border-radius:6px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;margin-right:-8px}
.gk-faqsearch button i{color:#fff;font-size:14px}
.gk-faqsearch button:hover{background:var(--gk-orange)}
.gk-faq-noresult{background:var(--gk-sand);border-radius:var(--gk-radius);padding:20px 24px;color:var(--gk-steel);font-size:14px;margin-top:18px}

/* ============ CATALOG ============ */
.gk-catalog{display:grid;grid-template-columns:.85fr 1.15fr;gap:52px;align-items:center}
.gk-catalog-book{background:linear-gradient(150deg,var(--gk-navy-deep),var(--gk-navy));border-radius:var(--gk-radius-lg);aspect-ratio:3/4;max-width:360px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;color:#fff;position:relative;overflow:hidden;box-shadow:var(--gk-shadow);margin:0 auto}
.gk-catalog-book::before{content:"";position:absolute;inset:14px;border:1px dashed rgba(255,255,255,.3);border-radius:12px}
.gk-catalog-book i{font-size:52px;color:var(--gk-orange)}
.gk-catalog-book span{font-family:var(--gk-mono);letter-spacing:.28em;font-size:13px;text-align:center;line-height:2;color:#bfe8d5}
.gk-cataloglist{margin:20px 0 26px;display:flex;flex-direction:column;gap:0;border:1px solid var(--gk-line);border-radius:var(--gk-radius);overflow:hidden}
.gk-cataloglist li{display:flex;gap:12px;padding:14px 20px;font-size:13.5px;border-bottom:1px solid var(--gk-line);background:#fff;align-items:flex-start}
.gk-cataloglist li:nth-child(odd){background:var(--gk-mist)}
.gk-cataloglist li:last-child{border-bottom:0}
.gk-cataloglist i{color:var(--gk-green);margin-top:4px}

/* ============ ARTICLES (news list) ============ */
.gk-newslist{display:flex;flex-direction:column}
.gk-newsentry{display:grid;grid-template-columns:210px 1fr auto;gap:28px;padding:26px 8px;border-bottom:1px solid var(--gk-line);align-items:start}
.gk-newsentry:first-child{border-top:2px solid var(--gk-navy)}
.gk-newsentry time{font-family:var(--gk-mono);font-size:13.5px;color:var(--gk-steel);padding-top:4px}
.gk-newsentry time b{display:block;font-size:22px;color:var(--gk-navy);line-height:1.3}
.gk-newsentry-media{display:block;aspect-ratio:16/10;background:var(--gk-mist);border-radius:8px;overflow:hidden}
.gk-newsentry-media img{width:100%;height:100%;object-fit:cover;transition:transform .35s}
.gk-newsentry:hover .gk-newsentry-media img{transform:scale(1.05)}
.gk-newsentry-body em{font-style:normal;font-size:11.5px;font-weight:700;color:var(--gk-green);border:1px solid var(--gk-green);border-radius:99px;padding:3px 12px}
.gk-newsentry-body h2{font-size:17px;font-weight:800;line-height:1.6;margin:10px 0 8px}
.gk-newsentry-body h2 a:hover{color:var(--gk-orange)}
.gk-newsentry-body p{font-size:13.5px;color:var(--gk-steel)}
.gk-newsentry-body .gk-arrowlink{margin-top:10px}

/* article detail */
.gk-arthead{border-bottom:1px solid var(--gk-line);padding-bottom:28px;margin-bottom:32px}
.gk-arthead h1{font-size:30px;line-height:1.5;color:var(--gk-navy);font-weight:800;margin:14px 0;padding-left:18px;border-left:5px solid var(--gk-orange)}
.gk-artmeta{display:flex;align-items:center;gap:20px;flex-wrap:wrap;font-size:13px;color:var(--gk-steel)}
.gk-artmeta time{font-family:var(--gk-mono);display:inline-flex;gap:8px;align-items:center}
.gk-share{display:inline-flex;align-items:center;gap:9px}
.gk-share a{width:34px;height:34px;border-radius:8px;border:1.5px solid var(--gk-line);display:inline-flex;align-items:center;justify-content:center;color:var(--gk-navy)}
.gk-share a:hover{border-color:var(--gk-orange);color:var(--gk-orange)}
.gk-artcover{border-radius:var(--gk-radius-lg);overflow:hidden;margin-bottom:30px}
.gk-arttags{margin-top:34px;display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.gk-arttags-label{font-size:13px;color:var(--gk-steel);display:inline-flex;gap:7px;align-items:center}
.gk-arttag{display:inline-flex;padding:6px 14px;border:1.5px solid var(--gk-line);border-radius:99px;font-size:12.5px;font-weight:700;color:var(--gk-navy);background:#fff}
.gk-arttag:hover{border-color:var(--gk-green);color:var(--gk-green)}
.gk-morelinks{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.gk-morelinks a{display:flex;align-items:center;gap:11px;background:#fff;border:1px solid var(--gk-line);border-radius:8px;padding:14px 18px;font-size:13.5px;font-weight:700}
.gk-morelinks a i{color:var(--gk-green);flex-shrink:0}
.gk-morelinks a:hover{border-color:var(--gk-orange);color:var(--gk-orange)}

/* ============ SEARCH ============ */
.gk-searchhead-form{display:flex;max-width:640px;border:2px solid rgba(255,255,255,.5);border-radius:8px;overflow:hidden;margin:26px 0 8px;background:rgba(255,255,255,.1);position:relative}
.gk-searchhead-form input{flex:1;border:0;background:transparent;color:#fff;padding:14px 18px;outline:none}
.gk-searchhead-form input::placeholder{color:rgba(255,255,255,.6)}
.gk-searchhead-form button{border:0;background:var(--gk-orange);color:#fff;font-weight:700;padding:0 24px;display:inline-flex;align-items:center;gap:8px}
.gk-results{display:flex;flex-direction:column;gap:16px}
.gk-result{display:grid;grid-template-columns:170px 1fr;gap:24px;background:#fff;border:1px solid var(--gk-line);border-radius:var(--gk-radius);overflow:hidden;transition:all .22s}
.gk-result:hover{border-color:var(--gk-navy);box-shadow:var(--gk-shadow-sm)}
.gk-result-media{display:block;background:var(--gk-mist);min-height:120px;position:relative}
.gk-result-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.gk-result-body{padding:18px 22px 18px 0}
.gk-result-body em{font-style:normal;font-size:11px;font-weight:700;background:var(--gk-green-soft);color:var(--gk-green);border-radius:4px;padding:3px 10px;letter-spacing:.06em}
.gk-result-body h2{font-size:15.5px;font-weight:800;margin:9px 0 6px;line-height:1.55}
.gk-result-body h2 a:hover{color:var(--gk-orange)}
.gk-result-body p{font-size:13px;color:var(--gk-steel)}
.gk-search-empty{text-align:center;background:#fff;border:1px dashed var(--gk-line);border-radius:var(--gk-radius-lg);padding:70px 30px;grid-column:1/-1}
.gk-search-empty i{font-size:40px;color:var(--gk-line)}
.gk-search-empty h2{font-size:19px;color:var(--gk-navy);margin:16px 0 8px}
.gk-search-empty p{font-size:13.5px;color:var(--gk-steel)}

/* ============ TAGS ============ */
.gk-tagfilter{display:flex;align-items:center;gap:10px;max-width:460px;background:rgba(255,255,255,.12);border:1.5px solid rgba(255,255,255,.4);border-radius:8px;padding:0 16px;margin-top:20px}
.gk-tagfilter i{color:rgba(255,255,255,.7)}
.gk-tagfilter input{flex:1;background:transparent;border:0;outline:none;color:#fff;padding:12px 0}
.gk-tagfilter input::placeholder{color:rgba(255,255,255,.55)}
.gk-tagfilter-hint{display:inline-block;font-size:12px;color:rgba(255,255,255,.6);margin-top:10px;font-family:var(--gk-mono)}
.gk-tagtop{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.gk-tagtop-card{background:#fff;border:1px solid var(--gk-line);border-radius:var(--gk-radius);padding:22px 18px;text-align:center;transition:all .22s}
.gk-tagtop-card:hover{border-color:var(--gk-green);transform:translateY(-3px);box-shadow:var(--gk-shadow-sm)}
.gk-tagtop-card i{font-size:20px;color:var(--gk-green)}
.gk-tagtop-name{display:block;font-weight:800;font-size:14px;color:var(--gk-navy);margin:10px 0 4px}
.gk-tagtop-meta{font-size:11.5px;color:var(--gk-steel);font-family:var(--gk-mono)}
.gk-cloud{display:flex;flex-wrap:wrap;gap:12px}
.gk-cloudtag{display:inline-flex;align-items:center;gap:7px;padding:9px 18px;background:#fff;border:1.5px solid var(--gk-line);border-radius:99px;font-size:13px;font-weight:700;color:var(--gk-ink)}
.gk-cloudtag em{font-style:normal;font-family:var(--gk-mono);font-size:11px;color:var(--gk-orange)}
.gk-cloudtag:hover{border-color:var(--gk-orange);color:var(--gk-orange)}
.gk-cloud-empty{margin-top:18px;color:var(--gk-steel);font-size:13.5px;display:flex;gap:9px;align-items:center}
.gk-tagrows{display:flex;flex-direction:column}
.gk-tagrow{display:grid;grid-template-columns:120px 1fr auto;gap:26px;align-items:center;padding:22px 10px;border-bottom:1px solid var(--gk-line)}
.gk-tagrow:first-child{border-top:2px solid var(--gk-navy)}
.gk-tagrow time{font-family:var(--gk-mono);font-size:13px;color:var(--gk-steel)}
.gk-tagrow-body em{font-style:normal;font-size:11px;font-weight:700;color:var(--gk-green);letter-spacing:.08em}
.gk-tagrow-body h2{font-size:15.5px;font-weight:800;line-height:1.6;margin:4px 0}
.gk-tagrow-body p{font-size:13px;color:var(--gk-steel)}
.gk-tagrow>i{color:var(--gk-orange)}
.gk-tagrow:hover{background:var(--gk-mist)}
.gk-tagrow:hover h2{color:var(--gk-orange)}

/* ============ LEGAL ============ */
.gk-legaldoc{background:#fff;border:1px solid var(--gk-line);border-radius:var(--gk-radius-lg);overflow:hidden}
.gk-legaldoc-head{background:var(--gk-mist);border-bottom:1px solid var(--gk-line);padding:38px 44px;display:flex;gap:22px;align-items:center}
.gk-legaldoc-head i{width:58px;height:58px;border-radius:14px;background:var(--gk-navy);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:23px;flex-shrink:0}
.gk-legaldoc-head h1{font-size:26px;color:var(--gk-navy);font-weight:800}
.gk-legaldoc-head p{font-size:13px;color:var(--gk-steel);margin-top:6px}
.gk-legaldoc-body{padding:38px 44px}

/* ============ QUOTE (inquiry list) ============ */
.gk-qsteps{display:flex;gap:0;margin-bottom:36px;border:1px solid var(--gk-line);border-radius:var(--gk-radius);overflow:hidden}
.gk-qsteps span{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 12px;font-size:13.5px;font-weight:700;color:var(--gk-steel);background:#fff;border-left:1px solid var(--gk-line)}
.gk-qsteps span:first-child{border-left:0}
.gk-qsteps b{font-family:var(--gk-mono);width:26px;height:26px;border-radius:50%;background:var(--gk-navy);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:12px}
.gk-qtablewrap{border:1px solid var(--gk-line);border-radius:var(--gk-radius);overflow:hidden;background:#fff}
.gk-qhead{display:grid;grid-template-columns:110px 1fr 170px 60px;gap:18px;background:var(--gk-navy);color:#fff;font-size:12.5px;font-weight:700;padding:12px 20px}
.gk-qrow{display:grid;grid-template-columns:110px 1fr 170px 60px;gap:18px;align-items:center;padding:16px 20px;border-top:1px solid var(--gk-line)}
.gk-qrow-img{display:block;width:90px;height:70px;border:1px solid var(--gk-line);border-radius:6px;overflow:hidden;background:var(--gk-mist)}
.gk-qrow-img img{width:100%;height:100%;object-fit:cover}
.gk-qrow h3{font-size:14px;font-weight:700;line-height:1.6}
.gk-qrow h3 a:hover{color:var(--gk-orange)}
.gk-qty{display:inline-flex;border:1.5px solid var(--gk-line);border-radius:6px;overflow:hidden}
.gk-qty a{width:34px;height:38px;display:inline-flex;align-items:center;justify-content:center;font-weight:700;color:var(--gk-navy);background:var(--gk-mist)}
.gk-qty a:hover{background:var(--gk-orange);color:#fff}
.gk-qty input{width:52px;border:0;text-align:center;outline:none;font-family:var(--gk-mono)}
.gk-qremove{width:34px;height:34px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;color:var(--gk-steel);border:1.5px solid var(--gk-line)}
.gk-qremove:hover{color:#fff;background:#d64545;border-color:#d64545}
.gk-quoteform{max-width:720px;margin:40px auto 0;background:#fff;border:1px solid var(--gk-line);border-radius:12px;padding:26px 24px}
.gk-quoteform h2{font-size:19px;color:var(--gk-navy);margin-bottom:10px}
.gk-quoteform h2 i{color:var(--gk-orange);font-size:.85em}
.gk-quoteform>p{font-size:13px;color:var(--gk-steel);line-height:1.75;margin-bottom:18px}
.gk-quoteform form input[type=text],.gk-quoteform form input[type=email],.gk-quoteform form textarea{display:block;width:100%;border:1.5px solid var(--gk-line);border-radius:8px;padding:11px 14px;margin-bottom:14px;font-size:14px;background:#fff;color:var(--gk-ink);outline:none;transition:border-color .2s,box-shadow .2s;resize:vertical}
.gk-quoteform form input:focus,.gk-quoteform form textarea:focus{border-color:var(--gk-orange);box-shadow:0 0 0 3px rgba(239,114,32,.12)}
.gk-quoteform form input::placeholder,.gk-quoteform form textarea::placeholder{color:#9aabb2}
.gk-empty{text-align:center;padding:80px 20px;background:#fff;border:1px dashed var(--gk-line);border-radius:var(--gk-radius-lg)}
.gk-empty i{font-size:44px;color:var(--gk-line)}
.gk-empty h2{font-size:20px;color:var(--gk-navy);margin:18px 0 8px}
.gk-empty p{color:var(--gk-steel);font-size:14px;margin-bottom:22px}

/* ============ footer ============ */
.gk-contactstrip{background:var(--gk-green);color:#fff}
.gk-contactstrip-in{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;padding:0}
.gk-cstrip{display:flex;align-items:center;gap:16px;padding:30px 34px;background:rgba(0,0,0,.06)}
.gk-cstrip:hover{background:rgba(0,0,0,.14)}
.gk-cstrip i{font-size:26px;color:#ffe0c4}
.gk-cstrip strong{display:block;font-size:15px}
.gk-cstrip span{font-size:12.5px;color:rgba(255,255,255,.85)}
.gk-footer{background:var(--gk-navy-deep);color:#a8bfc6}
.gk-footer-main{display:grid;grid-template-columns:1.25fr .7fr .7fr 1fr;gap:44px;padding:64px 24px 46px}
.gk-footer-brand img{max-height:44px;width:auto;filter:brightness(0) invert(1)}
.gk-footer-brand p{font-size:13px;line-height:1.9;margin-top:18px}
.gk-newsmini{margin-top:22px}
.gk-newsmini strong{display:flex;gap:9px;align-items:center;color:#fff;font-size:13.5px;margin-bottom:10px}
.gk-newsmini strong i{color:var(--gk-orange)}
.gk-newsmini form{display:flex;border:1px solid rgba(255,255,255,.25);border-radius:7px;overflow:hidden}
.gk-newsmini input{flex:1;background:rgba(255,255,255,.06);border:0;padding:11px 14px;color:#fff;outline:none;font-size:13px}
.gk-newsmini input::placeholder{color:rgba(255,255,255,.4)}
.gk-newsmini button{border:0;background:var(--gk-orange);color:#fff;padding:0 18px;font-weight:700;font-size:13px}
.gk-newsmini button:hover{background:var(--gk-orange-dark)}
.gk-footer-col>span{display:block;font-family:var(--gk-mono);font-size:11.5px;letter-spacing:.24em;color:#8fd4b8;margin-bottom:16px;border-bottom:1px solid rgba(255,255,255,.12);padding-bottom:10px}
.gk-footer-col nav{display:flex;flex-direction:column;gap:9px}
.gk-footer-col nav a{font-size:13px;display:inline-flex;gap:8px;align-items:center}
.gk-footer-col nav a::before{content:"›";color:var(--gk-orange)}
.gk-footer-col nav a:hover{color:#fff}
.gk-footer-office table{width:100%;border-collapse:collapse;font-size:12.5px}
.gk-footer-office th{text-align:left;color:#8fd4b8;font-weight:700;padding:7px 12px 7px 0;vertical-align:top;white-space:nowrap}
.gk-footer-office td{padding:7px 0}
.gk-footer-office td a:hover{color:#fff}
.gk-footer-base{border-top:1px solid rgba(255,255,255,.1)}
.gk-footer-base-in{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 24px;font-size:12px;flex-wrap:wrap}
.gk-footer-legal{display:flex;gap:20px}
.gk-footer-legal a:hover{color:#fff}

/* floating rail */
.gk-rail{position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:800;display:flex;flex-direction:column;border-radius:10px 0 0 10px;overflow:hidden;box-shadow:var(--gk-shadow)}
.gk-rail a{width:52px;height:52px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;background:var(--gk-navy);border-bottom:1px solid rgba(255,255,255,.14)}
.gk-rail a:hover{background:var(--gk-orange)}
.gk-rail a.gk-rail-wa{background:#25d366}
.gk-rail a.gk-rail-wa:hover{background:#1eb355}
.back-to-top{position:fixed;left:22px;bottom:22px;width:46px;height:46px;border-radius:8px;background:var(--gk-navy);color:#fff;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all .3s;z-index:800}
.back-to-top.show{opacity:1;visibility:visible}
.back-to-top:hover{background:var(--gk-orange)}
.mobile-inquiry-bar{display:none;position:fixed;left:0;right:0;bottom:0;z-index:850;grid-template-columns:minmax(0,1fr) minmax(0,1fr);box-shadow:0 -4px 14px rgba(16,51,63,.16)}
.mib-btn{display:flex;align-items:center;justify-content:center;gap:9px;padding:15px 6px;font-weight:800;font-size:14px;color:#fff;min-width:0;white-space:nowrap}
.mib-quote{background:var(--gk-orange)}
.mib-wa{background:#25d366}

/* modal */
.modal-overlay{position:fixed;inset:0;background:rgba(10,34,43,.62);z-index:1500;display:none;align-items:center;justify-content:center;padding:22px}
.modal-overlay.on{display:flex}
.modal-box{background:#fff;border-radius:var(--gk-radius-lg);max-width:600px;width:100%;padding:36px 38px;position:relative;max-height:92vh;overflow-y:auto;border-top:5px solid var(--gk-orange)}
.modal-close{position:absolute;right:16px;top:14px;width:38px;height:38px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--gk-steel);border:1.5px solid var(--gk-line)}
.modal-close:hover{color:#fff;background:var(--gk-navy);border-color:var(--gk-navy)}
.modal-box h3{font-size:20px;color:var(--gk-navy);font-weight:800;padding-right:38px}
.modal-desc{font-size:13px;color:var(--gk-steel);margin:10px 0 20px}
.modal-box input[type=text],.modal-box textarea{width:100%;border:1.5px solid var(--gk-line);border-radius:6px;padding:12px 14px;margin-bottom:12px;outline:none;background:#fbfdfd}
.modal-box input:focus,.modal-box textarea:focus{border-color:var(--gk-green)}
.btn.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:var(--gk-orange);color:#fff;border:0;border-radius:6px;padding:14px 26px;font-weight:800;font-size:14.5px;cursor:pointer}
.btn.btn-primary:hover{background:var(--gk-orange-dark)}

/* toast + success */
.toast-notify{position:fixed;bottom:40px;left:50%;z-index:1600;background:var(--gk-navy);color:#fff;border-left:4px solid var(--gk-green);border-radius:8px;padding:15px 20px;display:flex;gap:14px;align-items:center;font-size:13.5px;box-shadow:var(--gk-shadow);opacity:0;transform:translate(-50%,20px);transition:transform .3s,opacity .3s}
.toast-notify.show{opacity:1;transform:translate(-50%,0)}
.toast-notify a{color:var(--gk-orange);font-weight:700;white-space:nowrap}
.success-overlay{position:fixed;inset:0;background:rgba(10,34,43,.62);z-index:1700;display:flex;align-items:center;justify-content:center;padding:22px}
.success-box{background:#fff;border-radius:var(--gk-radius-lg);padding:44px 40px;text-align:center;max-width:430px}
.success-icon i{font-size:52px;color:var(--gk-green)}
.success-box h3{font-size:20px;color:var(--gk-navy);margin:16px 0 8px}
.success-box p{color:var(--gk-steel);font-size:14px;margin-bottom:22px}

/* cookie bar */
.gk-cookie{position:fixed;left:22px;bottom:22px;max-width:430px;background:#fff;border:1px solid var(--gk-line);border-radius:var(--gk-radius);box-shadow:var(--gk-shadow);z-index:1400;overflow:hidden}
.gk-cookie-inner{padding:20px 22px}
.gk-cookie-copy{display:flex;gap:12px;align-items:flex-start;font-size:12.5px;color:var(--gk-steel);line-height:1.8}
.gk-cookie-copy i{color:var(--gk-orange);font-size:19px;margin-top:3px}
.gk-cookie-copy a{color:var(--gk-orange);text-decoration:underline}
.gk-cookie-actions{display:flex;gap:10px;margin-top:14px;justify-content:flex-end}
.gk-cookie-accept{border:0;background:var(--gk-navy);color:#fff;border-radius:6px;padding:9px 18px;font-weight:700;font-size:12.5px}
.gk-cookie-accept:hover{background:var(--gk-green)}
.gk-cookie-decline{border:1.5px solid var(--gk-line);background:#fff;color:var(--gk-steel);border-radius:6px;padding:9px 18px;font-weight:700;font-size:12.5px}

/* reveal */
.gk-fade{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .6s ease}
.gk-fade.in{opacity:1;transform:none}

/* ============ responsive ============ */
@media (max-width:1100px){
  .gk-nav>a,.gk-nav .gk-navitem>a{padding:26px 10px;font-size:13.5px}
  .gk-hero-copy h1{font-size:36px}
  .gk-prodgrid{grid-template-columns:repeat(3,1fr)}
  .gk-certwall{grid-template-columns:repeat(4,1fr)}
  .gk-tagtop{grid-template-columns:repeat(3,1fr)}
  .gk-certgrid{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:1240px){
  .gk-headcta{display:none}
}
@media (max-width:1400px){
  .gk-nav{min-width:0}
  .gk-nav>a,.gk-nav .gk-navitem>a{padding:26px 6px;font-size:13px}
}
@media (max-width:1080px){
  .gk-nav{display:none}
  .gk-hamb{display:flex}
}
@media (max-width:960px){
  .gk-techbar-facts{display:none}
  .gk-techbar-in{flex-wrap:wrap;justify-content:center;padding:6px 16px}
  .gk-techbar-links{flex-wrap:wrap;justify-content:center;row-gap:4px;column-gap:18px;min-width:0;font-size:12px;flex-shrink:1;max-width:100%}
  .gk-techbar-links a{white-space:nowrap}
  .gk-nav{display:none}
  .gk-hamb{display:flex}
  .gk-headcta{display:none}
  .gk-hero-in{grid-template-columns:1fr;gap:38px;padding:60px 0 66px}
  .gk-cattabs{grid-template-columns:1fr}
  .gk-catrail{position:static;flex-direction:row;flex-wrap:wrap}
  .gk-catrail a{flex:1 1 45%}
  .gk-craft{grid-template-columns:1fr;gap:38px}
  .gk-procline{grid-template-columns:1fr 1fr}
  .gk-proc{border-left:0;border-top:1px solid rgba(255,255,255,.16)}
  .gk-faqsplit{grid-template-columns:1fr}
  .gk-faqsplit-intro{position:static}
  .gk-consult{grid-template-columns:1fr}
  .gk-plist{grid-template-columns:1fr}
  .gk-sidenav{position:static}
  .gk-pdp{grid-template-columns:1fr}
  .gk-profile{grid-template-columns:1fr}
  .gk-values{grid-template-columns:1fr}
  .gk-stations{grid-template-columns:1fr 1fr}
  .gk-solgrid,.gk-solindex,.gk-qc{grid-template-columns:1fr}
  .gk-contact{grid-template-columns:1fr}
  .gk-faqpage{grid-template-columns:1fr}
  .gk-faqaside{position:static}
  .gk-catalog{grid-template-columns:1fr}
  .gk-footer-main{grid-template-columns:1fr 1fr;gap:34px}
  .gk-contactstrip-in{grid-template-columns:1fr}
  .gk-newsentry{grid-template-columns:minmax(0,1fr) auto}
  .gk-newsentry-media{display:none}
  .gk-stepsrow{grid-template-columns:1fr}
  .gk-numstrip{grid-template-columns:1fr 1fr}
  .gk-rail{display:none}
  .mobile-inquiry-bar{display:grid}
  body.takumi-theme{padding-bottom:52px}
}
@media (max-width:640px){
  .gk-hero-copy h1{font-size:28px}
  .gk-hero-stats{flex-wrap:wrap;gap:16px}
  .gk-hero-stats div{padding:0;border-left:0;flex:1 1 40%}
  .gk-prodgrid,.gk-prodgrid-3{grid-template-columns:1fr}
  .gk-certwall{grid-template-columns:repeat(3,1fr)}
  .gk-solcard{flex-direction:column;padding:0;gap:0}
  .gk-solcard figure{flex:none;width:100%;border-radius:0}
  .gk-solcard figure img{aspect-ratio:16/9;min-height:0;height:auto}
  .gk-solcard>div{padding:20px 22px}
  .gk-prodcard-actions .gk-btn{flex:1;justify-content:center;white-space:nowrap;padding-left:10px;padding-right:10px}
  .gk-prow{grid-template-columns:1fr}
  .gk-prow-body{padding:0 20px 20px}
  .gk-ph h1{font-size:26px}
  .gk-shead h2{font-size:24px}
  .gk-procline{grid-template-columns:1fr}
  .gk-stations{grid-template-columns:1fr}
  .form-row{grid-template-columns:1fr}
  .gk-footer-main{grid-template-columns:1fr}
  .gk-newsrow{grid-template-columns:1fr;grid-template-rows:none;gap:6px;padding:16px 4px;align-items:start}
  .gk-newsrow time{grid-row:auto}
  .gk-newsrow h3{grid-column:1}
  .gk-newsrow p{grid-column:1}
  .gk-newsrow em{display:none}
  .gk-newsrow i{display:none}
  .gk-band{padding:30px 26px}
  .gk-qhead{display:none}
  .gk-qrow{grid-template-columns:90px 1fr;grid-template-rows:auto auto}
  .gk-qrow .gk-qty{grid-column:2}
  .gk-related{grid-template-columns:1fr 1fr}
  .gk-tagtop{grid-template-columns:1fr 1fr}
  .gk-certgrid{grid-template-columns:1fr 1fr}
  .gk-morelinks{grid-template-columns:1fr}
  .gk-newsentry{grid-template-columns:minmax(0,1fr)}
  .gk-newsentry-more{display:none}
  .gk-newsentry-body{min-width:0}
  .gk-newsentry-body h2,.gk-newsentry-body p,.gk-newsentry-meta{overflow-wrap:anywhere}
  .pagination{flex-wrap:wrap;gap:8px 0}
  .pagination a,.pagination span{margin:0 3px}
  .pagination a,.pagination span a{min-width:34px;height:34px;padding:0 8px;font-size:12.5px}
  .gk-tagrow{grid-template-columns:1fr}
  .gk-legaldoc-head,.gk-legaldoc-body{padding:26px 24px}
  .gk-cookie{left:12px;right:12px;max-width:none;bottom:64px}
}
@media (max-width:360px){
  .gk-brand{flex-shrink:1;min-width:0}
  .gk-brand img{max-height:40px;max-width:100%;object-fit:contain}
  .gk-header-in{gap:8px}
  .gk-header-tools{gap:6px}
}

/* ============================================================
   Extension layer — page-specific structures
   ============================================================ */

/* Generic page bar */
.gk-pagebar{background:linear-gradient(135deg,var(--gk-navy) 0%,var(--gk-navy-deep) 100%);color:#fff;padding:46px 0 42px;position:relative;overflow:hidden}
.gk-pagebar::after{content:"";position:absolute;right:-80px;top:-80px;width:320px;height:320px;border:1px solid rgba(255,255,255,.08);border-radius:50%;pointer-events:none}
.gk-pagebar h1{font-size:34px;line-height:1.25;margin:10px 0 8px;color:#fff}
.gk-pagebar p{max-width:720px;color:rgba(255,255,255,.78);font-size:15px;line-height:1.8}
.gk-pagebar-slim{padding:22px 0 18px}
.gk-crumb{font-size:13px;color:var(--gk-steel)}
.gk-crumb a{color:inherit}
.gk-crumb a:hover{color:var(--gk-orange)}
.gk-pagebar .gk-crumb,.gk-crumb-light{color:rgba(255,255,255,.65)}
.gk-pagebar .gk-crumb a,.gk-crumb-light a{color:rgba(255,255,255,.65)}
.gk-pagebar .gk-crumb a:hover,.gk-crumb-light a:hover{color:#fff}
.gk-eyebrow{display:inline-block;font-size:12px;letter-spacing:.18em;text-transform:uppercase;font-weight:700;color:var(--gk-orange)}
.gk-eyebrow-light{color:#ffb27d}
.gk-sec-tight{padding:56px 0}
.gk-blockhead{display:flex;align-items:center;gap:10px;font-size:24px;color:var(--gk-ink);margin:0 0 22px}
.gk-blockhead i{color:var(--gk-orange);font-size:20px}
.gk-secfoot{margin-top:30px;text-align:center}
.gk-sechead-light h2,.gk-sechead-light .gk-eyebrow+h2{color:#fff}
.gk-paper{background:#fff;border:1px solid var(--gk-line);border-radius:14px;padding:34px 36px;box-shadow:0 10px 30px rgba(16,51,63,.06)}
.gk-btn-sm{padding:8px 16px;font-size:13px}
.gk-btn-line{background:#06c755;color:#fff;border-color:#06c755}
.gk-btn-line:hover{background:#05b34c;color:#fff}
.gk-listnote{margin-top:14px;font-size:13px;color:var(--gk-steel)}

/* Home hero grid + spec */
.gk-hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:44px;align-items:center}
.gk-hero-spec{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:22px;backdrop-filter:blur(4px)}
.gk-spec-head{display:flex;align-items:center;gap:10px;color:#fff;font-weight:700;margin-bottom:14px}
.gk-spec-head i{color:var(--gk-orange)}
.gk-stats-dark{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:26px}
.gk-stats-dark>div{border-left:2px solid var(--gk-orange);padding-left:12px}
.gk-stats-dark strong{display:block;font-size:26px;color:#fff}
.gk-stats-dark span{font-size:12px;color:rgba(255,255,255,.6)}
.gk-ticker-track{display:flex;gap:44px;white-space:nowrap;animation:gkTicker 28s linear infinite;will-change:transform}
@keyframes gkTicker{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.gk-homecta{background:linear-gradient(135deg,var(--gk-navy) 0%,var(--gk-navy-deep) 100%);color:#fff;border-radius:16px;overflow:hidden}
.gk-homecta-in{display:grid;grid-template-columns:1fr 1fr;gap:36px;padding:44px}
.gk-homecta h2{color:#fff;font-size:28px}
.gk-homecta p{color:rgba(255,255,255,.75);line-height:1.8}
.gk-homecta-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}
.gk-homecta-form{background:#fff;border-radius:12px;padding:24px;color:var(--gk-ink)}
.gk-homecta-form label{display:block;font-size:13px;font-weight:600;margin:10px 0 4px}
.gk-homecta-form input,.gk-homecta-form textarea,.gk-homecta-form select{width:100%;border:1px solid var(--gk-line);border-radius:8px;padding:10px 12px;font-size:14px;background:var(--gk-mist)}
.gk-homecta-form .form-row{margin-bottom:14px}
.gk-homecta-form textarea{margin-bottom:14px}
.gk-homecta-form input:focus,.gk-homecta-form textarea:focus{outline:2px solid var(--gk-orange);outline-offset:0;border-color:var(--gk-orange)}

/* Category / product cards & rows */
.gk-catgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
@media (max-width:960px){.gk-catgrid{grid-template-columns:repeat(2,1fr);gap:16px}}
@media (max-width:640px){.gk-catgrid{grid-template-columns:1fr}}
.gk-catcard{display:flex;flex-direction:column;background:#fff;border:1px solid var(--gk-line);border-radius:12px;overflow:hidden;transition:transform .25s,box-shadow .25s}
.gk-catcard:hover{transform:translateY(-4px);box-shadow:0 14px 34px rgba(16,51,63,.12)}
.gk-catcard figure{aspect-ratio:4/3;background:var(--gk-mist);display:flex;align-items:center;justify-content:center;overflow:hidden;margin:0}
.gk-catcard figure img{width:100%;height:100%;object-fit:cover}
.gk-catcard-body{padding:18px 20px}
.gk-catcard-body h3{font-size:17px;margin:0 0 6px;color:var(--gk-ink)}
.gk-catcard-body p{font-size:13px;color:var(--gk-steel);line-height:1.7}
.gk-catcard-body span{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--gk-orange)}
.gk-catcard:hover .gk-catcard-body span{gap:10px}
.gk-catcard figure .gk-noimg{font-size:40px;color:var(--gk-steel)}
.gk-catcard figure img{transition:transform .35s}
.gk-catcard:hover figure img{transform:scale(1.05)}
.gk-prodcard{display:flex;flex-direction:column;background:#fff;border:1px solid var(--gk-line);border-radius:12px;overflow:hidden;transition:transform .25s,box-shadow .25s}
.gk-prodcard:hover{transform:translateY(-4px);box-shadow:0 14px 34px rgba(16,51,63,.12)}
.gk-prodcard-media{aspect-ratio:1/1;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:10px}
.gk-prodcard-media img{width:100%;height:100%;object-fit:contain;transition:transform .35s}
.gk-prodcard:hover .gk-prodcard-media img{transform:scale(1.05)}
.gk-prodcard-body{padding:16px 18px;flex:1}
.gk-prodcard-body h3{font-size:16px;margin:0 0 6px;line-height:1.4}
.gk-prodcard-body h3 a{color:var(--gk-ink)}
.gk-prodcard-body h3 a:hover{color:var(--gk-orange)}
.gk-prodcard-body p{font-size:13px;color:var(--gk-steel);line-height:1.7}
.gk-prodcard-actions{display:flex;gap:10px;padding:0 18px 18px}
.gk-prodrows{display:flex;flex-direction:column;gap:18px}
.gk-prodrow{display:grid;grid-template-columns:220px 1fr auto;gap:24px;align-items:center;background:#fff;border:1px solid var(--gk-line);border-radius:12px;padding:18px;transition:box-shadow .25s}
.gk-prodrow:hover{box-shadow:0 12px 30px rgba(16,51,63,.1)}
.gk-prodrow-media{aspect-ratio:4/3;background:var(--gk-mist);border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center}
.gk-prodrow-media img{width:100%;height:100%;object-fit:cover}
.gk-prodrow-body h2{font-size:19px;margin:0 0 8px;line-height:1.4}
.gk-prodrow-body h2 a{color:var(--gk-ink)}
.gk-prodrow-body h2 a:hover{color:var(--gk-orange)}
.gk-prodrow-body p{font-size:14px;color:var(--gk-steel);line-height:1.75}
.gk-prodrow-actions{display:flex;flex-direction:column;gap:10px;min-width:150px}

/* List layout w/ sidebar */
.gk-listlayout{display:grid;grid-template-columns:260px 1fr;gap:36px;align-items:start}
.gk-listmain{min-width:0}
.gk-sidebar{position:sticky;top:90px;display:flex;flex-direction:column;gap:20px}
.gk-sidebox{background:#fff;border:1px solid var(--gk-line);border-radius:12px;padding:20px}
.gk-sidebox h3{display:flex;align-items:center;gap:8px;font-size:15px;margin:0 0 12px;color:var(--gk-ink)}
.gk-sidebox h3 i{color:var(--gk-orange)}
.gk-sidebox p{font-size:13px;color:var(--gk-steel);line-height:1.7;margin-bottom:12px}
.gk-sidebox-cta{background:var(--gk-navy);border-color:var(--gk-navy)}
.gk-sidebox-cta h3{color:#fff}
.gk-sidebox-cta h3 i{color:var(--gk-orange)}
.gk-sidebox-cta p{color:rgba(255,255,255,.75)}
.gk-sidebox-cta .gk-btn{width:100%;justify-content:center}
.gk-sidebox-cta .gk-btn+.gk-btn{margin-top:12px}
.gk-sidelink{display:block;padding:9px 10px;border-radius:8px;font-size:14px;color:var(--gk-ink);border-left:3px solid transparent}
.gk-sidelink:hover,.gk-sidelink.active{background:var(--gk-mist);border-left-color:var(--gk-orange);color:var(--gk-navy)}
.gk-sidelink-child{padding-left:24px;font-size:13px;color:var(--gk-steel)}
.gk-siderelated{display:flex;flex-direction:column;gap:10px}
.gk-siderelated a{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--gk-ink)}
.gk-siderelated a:hover{color:var(--gk-orange)}
.gk-siderelated img,.gk-siderelated .gk-noimg{width:52px;height:52px;border-radius:8px;object-fit:cover;background:var(--gk-mist);flex:none;display:flex;align-items:center;justify-content:center;color:var(--gk-steel)}
.gk-relatedrow{flex-direction:row;flex-wrap:wrap;gap:18px}
.gk-relatedrow a{flex-direction:column;width:calc(25% - 14px);align-items:flex-start;background:#fff;border:1px solid var(--gk-line);border-radius:12px;padding:14px}
.gk-relatedrow img,.gk-relatedrow .gk-noimg{width:100%;height:150px}

/* Product detail */
.gk-pdp-main{min-width:0}
.gk-pdp-main .gk-spectable{margin-bottom:40px}
.gk-pdp-gallery{position:sticky;top:90px}
.gk-pdp-side{display:flex;flex-direction:column;gap:20px}
.gk-pdp-detail{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:36px;align-items:start;margin-top:48px}
.gk-pdp-detail-cta{margin-top:28px;text-align:center}
.gk-pdp-assure{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}
.gk-pdp-assure span{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--gk-steel);background:var(--gk-mist);border-radius:8px;padding:9px 10px}
.gk-pdp-assure i{color:var(--gk-green)}

/* Search / results / tags */
.gk-searchagain{display:flex;gap:0;max-width:560px;margin-top:20px;border-radius:10px;overflow:hidden;border:1px solid rgba(255,255,255,.25)}
.gk-searchagain input{flex:1;border:0;padding:13px 16px;font-size:15px}
.gk-searchagain button{border:0;background:var(--gk-orange);color:#fff;padding:0 22px;font-weight:700;cursor:pointer}
.gk-searchagain button:hover{background:#d9640f}
.gk-resultlist{display:flex;flex-direction:column;gap:16px}
.gk-resultrow{display:grid;grid-template-columns:150px 1fr auto;gap:20px;align-items:center;background:#fff;border:1px solid var(--gk-line);border-radius:12px;padding:16px}
.gk-resultrow:hover{box-shadow:0 10px 26px rgba(16,51,63,.1)}
.gk-resultrow-media{aspect-ratio:4/3;background:var(--gk-mist);border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center}
.gk-resultrow-media img{width:100%;height:100%;object-fit:cover}
.gk-resultrow-body em{font-size:12px;color:var(--gk-orange);font-style:normal;font-weight:700}
.gk-resultrow-body h2{font-size:17px;margin:4px 0 6px;line-height:1.4}
.gk-resultrow-body h2 a{color:var(--gk-ink)}
.gk-resultrow-body h2 a:hover{color:var(--gk-orange)}
.gk-resultrow-body p{font-size:13px;color:var(--gk-steel);line-height:1.7}
.gk-newsentry-meta{display:flex;align-items:center;gap:14px;font-size:12px;color:var(--gk-steel)}
.gk-newsentry-meta time{padding-top:0}
.gk-newsentry-more{flex:none;width:40px;height:40px;border-radius:50%;background:var(--gk-mist);color:var(--gk-navy);display:flex;align-items:center;justify-content:center;align-self:center}
.gk-newsentry-more:hover{background:var(--gk-orange);color:#fff}
.gk-tagtimeline{display:flex;flex-direction:column;gap:16px}
.gk-tagentry{display:grid;grid-template-columns:96px 1fr auto;gap:22px;align-items:center;padding:22px 26px;background:#fff;border:1px solid var(--gk-line);border-radius:var(--gk-radius);position:relative;overflow:hidden}
.gk-tagentry::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--gk-line);transition:background .2s}
.gk-tagentry:hover{border-color:var(--gk-orange);box-shadow:var(--gk-shadow-sm);transform:translateY(-2px)}
.gk-tagentry:hover::before{background:var(--gk-orange)}
.gk-tagentry time{font-size:14px;color:var(--gk-navy);font-weight:700;font-family:var(--gk-mono);line-height:1.4}
.gk-tagentry-body{min-width:0}
.gk-tagentry-body em{display:inline-block;font-size:11px;color:var(--gk-orange);font-style:normal;font-weight:700;letter-spacing:.06em;background:rgba(239,114,32,.09);padding:2px 10px;border-radius:20px;margin-bottom:6px}
.gk-tagentry-body h2{font-size:17px;margin:0 0 6px;color:var(--gk-ink);line-height:1.5}
.gk-tagentry:hover .gk-tagentry-body h2{color:var(--gk-orange-dark)}
.gk-tagentry-body p{font-size:13px;color:var(--gk-steel);line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.gk-tagentry>i{color:var(--gk-steel);flex-shrink:0;width:36px;height:36px;border:1px solid var(--gk-line);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;transition:all .2s}
.gk-tagentry:hover>i{color:#fff;background:var(--gk-orange);border-color:var(--gk-orange)}
@media (max-width:960px){
  .gk-tagentry{grid-template-columns:1fr;gap:6px;padding:18px 20px}
  .gk-tagentry time{font-size:12px;color:var(--gk-steel);order:2}
  .gk-tagentry-body{order:1}
  .gk-tagentry-body p{-webkit-line-clamp:3}
  .gk-tagentry>i{display:none}
}

/* Article */
.gk-articlelayout{display:grid;grid-template-columns:1fr 300px;gap:36px;align-items:start}
.gk-article{min-width:0}
.gk-article-head h1{font-size:30px;line-height:1.35;margin:8px 0 14px;color:var(--gk-ink)}
.gk-article-side{position:sticky;top:90px;display:flex;flex-direction:column;gap:20px}

/* Solutions */
.gk-solhero{background:linear-gradient(120deg,var(--gk-navy-deep),var(--gk-navy));color:#fff;padding:54px 0}
.gk-solhero-in{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-top:14px}
.gk-solhero h1{font-size:34px;color:#fff;margin:10px 0 12px}
.gk-solhero p{color:rgba(255,255,255,.78);max-width:640px;line-height:1.8}
.gk-solgrid-page{grid-template-columns:repeat(2,1fr)}
.gk-solcard-body{padding:20px 22px}
.gk-solcard-body h2{font-size:19px;margin:0 0 8px;color:var(--gk-ink)}
.gk-solcard-body p{font-size:13px;color:var(--gk-steel);line-height:1.75;margin-bottom:12px}
.gk-solcard-body span{font-size:13px;font-weight:700;color:var(--gk-orange)}

/* Certificates */
.gk-certintro{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:36px}
.gk-certintro-item{background:#fff;border:1px solid var(--gk-line);border-left:4px solid var(--gk-green);border-radius:10px;padding:20px}
.gk-certintro-item h3{font-size:15px;margin:0 0 8px;color:var(--gk-ink)}
.gk-certintro-item p{font-size:13px;color:var(--gk-steel);line-height:1.7}
.gk-certgallery{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.gk-certitem{background:#fff;border:1px solid var(--gk-line);border-radius:12px;overflow:hidden;transition:transform .25s,box-shadow .25s}
.gk-certitem:hover{transform:translateY(-4px);box-shadow:0 14px 34px rgba(16,51,63,.12)}
.gk-certframe{background:#fff;border:1px solid var(--gk-line);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s}
.gk-certframe:hover{transform:translateY(-4px);box-shadow:0 14px 34px rgba(16,51,63,.12)}
.gk-certframe>a{display:flex;align-items:center;justify-content:center;aspect-ratio:4/3;background:var(--gk-sand);padding:16px}
.gk-certframe>a img{max-width:100%;max-height:100%;object-fit:contain}
.gk-certframe h2{font-size:15px;font-weight:700;line-height:1.6;padding:14px 18px 4px;margin:0}
.gk-certframe h2 a:hover{color:var(--gk-orange)}
.gk-certframe time{display:inline-flex;align-items:center;gap:7px;font-family:var(--gk-mono);font-size:12px;color:var(--gk-steel);padding:6px 18px 16px}
.gk-certrow{padding:16px 18px}
.gk-certrow-copy h2{font-size:15px;margin:0 0 4px;color:var(--gk-ink)}
.gk-certrow-copy time{font-size:12px;color:var(--gk-steel)}

/* Manufacturing */
.gk-stationgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.gk-station-no{display:inline-flex;width:34px;height:34px;border-radius:50%;background:var(--gk-navy);color:#fff;align-items:center;justify-content:center;font-weight:700;font-size:14px;margin-bottom:10px}
.gk-captable{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--gk-line);border-radius:12px;overflow:hidden}
.gk-captable th,.gk-captable td{padding:13px 16px;border-bottom:1px solid var(--gk-line);font-size:14px;text-align:left}
.gk-captable th{background:var(--gk-mist);color:var(--gk-navy);font-weight:700;white-space:nowrap}

/* About / engineering */
.gk-about-values{margin:40px 0}
.gk-about-values .gk-engsplit-side{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.gk-about-numbers{margin:40px 0}
.gk-about-numbers .gk-stats-dark{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:0;border-top:0;padding-top:0}
.gk-about-numbers .gk-stats-dark>div{padding:0 0 0 14px;border-left:3px solid var(--gk-orange)}
.gk-about-numbers .gk-stats-dark dt{font-family:var(--gk-mono);font-size:28px;font-weight:700;color:var(--gk-navy);line-height:1.2}
.gk-about-numbers .gk-stats-dark dt small{font-size:14px;color:var(--gk-orange);margin-left:4px;font-weight:700}
.gk-about-numbers .gk-stats-dark dd{font-size:12.5px;color:var(--gk-steel);margin:6px 0 0}
.gk-engsplit{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:start}
.gk-engsplit-copy p{line-height:1.9;color:var(--gk-steel)}
.gk-engsplit-side{display:flex;flex-direction:column;gap:16px}
.gk-engsplit-cta{margin-top:22px;display:flex;gap:12px;flex-wrap:wrap}
.gk-engcard{background:#fff;border:1px solid var(--gk-line);border-radius:10px;padding:18px 20px}
.gk-engcard h3{display:flex;align-items:center;gap:8px;font-size:15px;margin:0 0 8px;color:var(--gk-ink)}
.gk-engcard h3 i{color:var(--gk-orange)}
.gk-engcard p{font-size:13px;color:var(--gk-steel);line-height:1.7}
.gk-engsteps{counter-reset:eng;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.gk-engsteps>div{background:#fff;border:1px solid var(--gk-line);border-radius:10px;padding:20px;position:relative;counter-increment:eng}
.gk-engsteps>div::before{content:counter(eng,decimal-leading-zero);font-size:26px;font-weight:800;color:var(--gk-orange);display:block;margin-bottom:8px}
.gk-engsteps h3{font-size:15px;margin:0 0 6px;color:var(--gk-ink)}
.gk-engsteps p{font-size:13px;color:var(--gk-steel);line-height:1.7}

/* FAQ */
.gk-faqsplit-side{position:sticky;top:90px;display:flex;flex-direction:column;gap:20px}
.gk-faqlist{display:flex;flex-direction:column;gap:12px}
.gk-faqitem{background:#fff;border:1px solid var(--gk-line);border-radius:10px;overflow:hidden}
.gk-faqitem summary,.gk-faqitem .gk-faqq{display:flex;align-items:flex-start;gap:12px;padding:16px 18px;cursor:pointer;font-weight:600;color:var(--gk-ink);list-style:none}
.gk-faqitem summary::-webkit-details-marker{display:none}
.gk-faqmark{flex:none;width:26px;height:26px;border-radius:50%;background:var(--gk-mist);color:var(--gk-navy);display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:800}
.gk-faqbody{padding:0 18px 18px 56px;font-size:14px;color:var(--gk-steel);line-height:1.85}
.gk-faqitem[open] .gk-faqmark,.gk-faqitem.open .gk-faqmark{background:var(--gk-orange);color:#fff}
.gk-faqmark::before{content:'+';font-size:15px;line-height:1}
.gk-faqitem[open] .gk-faqmark::before,.gk-faqitem.open .gk-faqmark::before{content:'\2212'}

/* Contact */
.gk-contactlayout{display:grid;grid-template-columns:1fr 380px;gap:36px;align-items:start}
.gk-contactside{position:sticky;top:90px;display:flex;flex-direction:column;gap:20px}
.gk-channels{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:34px}
.gk-channel{background:#fff;border:1px solid var(--gk-line);border-top:4px solid var(--gk-orange);border-radius:10px;padding:20px}
.gk-channel h3{display:flex;align-items:center;gap:8px;font-size:15px;margin:0 0 8px;color:var(--gk-ink)}
.gk-channel h3 i{color:var(--gk-orange)}
.gk-channel p{font-size:13px;color:var(--gk-steel);line-height:1.7;word-break:break-all}
.gk-contactflow{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:26px 0}
.gk-contactflow>div{background:var(--gk-mist);border-radius:10px;padding:18px}
.gk-contactflow h3{font-size:14px;margin:0 0 6px;color:var(--gk-navy)}
.gk-contactflow p{font-size:13px;color:var(--gk-steel);line-height:1.7}
.gk-tipslist{margin:0;padding-left:18px;font-size:13px;color:var(--gk-steel);line-height:2}

/* Catalog */
.gk-catalogsplit{display:grid;grid-template-columns:.9fr 1.1fr;gap:44px;align-items:center}
.gk-catalogbook{display:flex;justify-content:center}
.gk-book{width:280px;aspect-ratio:3/4;background:linear-gradient(150deg,var(--gk-navy),var(--gk-navy-deep));border-radius:6px 14px 14px 6px;box-shadow:18px 22px 44px rgba(16,51,63,.3),inset 6px 0 0 rgba(255,255,255,.08);color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:30px 26px;position:relative}
.gk-book::before{content:"";position:absolute;left:10px;top:0;bottom:0;width:1px;background:rgba(255,255,255,.15)}
.gk-book h3{color:#fff;font-size:22px;line-height:1.4}
.gk-book span{font-size:12px;letter-spacing:.16em;color:var(--gk-orange);font-weight:700}
.gk-cataloginfo h2{font-size:28px;margin:8px 0 14px;color:var(--gk-ink)}
.gk-cataloginfo p{color:var(--gk-steel);line-height:1.9;margin-bottom:16px}
.gk-catalog-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}

/* Quote list */
.gk-quotelayout{display:grid;grid-template-columns:1fr 380px;gap:36px;align-items:start}
.gk-quotelayout .gk-quoteform{margin:0;max-width:none;position:sticky;top:20px}
.gk-quotelist{min-width:0}
.gk-quotetable{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--gk-line);border-radius:12px;overflow:hidden}
.gk-quotetable th,.gk-quotetable td{padding:16px 18px;border-bottom:1px solid var(--gk-line);font-size:14px;text-align:left;vertical-align:middle}
.gk-quotetable th{background:var(--gk-navy);color:#fff;font-weight:600;white-space:nowrap;padding:13px 18px}
td.gk-qimg{width:96px;padding-right:0}
.gk-qimg a{display:block;width:76px;height:76px;border:1px solid var(--gk-line);border-radius:8px;overflow:hidden;background:var(--gk-mist)}
.gk-qimg img{width:100%;height:100%;object-fit:cover}
.gk-qtitle{font-weight:600;color:var(--gk-ink);line-height:1.6}
.gk-qtitle a:hover{color:var(--gk-orange)}
.gk-quotehint{margin-top:14px;font-size:13px;color:var(--gk-steel);display:flex;align-items:center;gap:8px}
.gk-quotehint i{color:var(--gk-green)}
.gk-quotesteps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:0 0 20px}
.gk-quotesteps>div,.gk-quotesteps>span{display:flex;align-items:center;gap:10px;background:var(--gk-mist);border-radius:10px;padding:12px 14px;font-size:13px;color:var(--gk-steel);font-weight:600}
.gk-quotesteps b{flex:none;width:26px;height:26px;border-radius:50%;background:var(--gk-navy);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:12.5px}
.gk-quotesteps strong{display:block;color:var(--gk-navy);margin-bottom:4px}

/* Misc */
.gk-morelinks a i{margin-right:6px;color:var(--gk-orange)}

/* Responsive for extension layer */
@media (max-width:1100px){
  .gk-hero-grid{grid-template-columns:1fr}
  .gk-listlayout,.gk-articlelayout,.gk-contactlayout,.gk-quotelayout{grid-template-columns:1fr}
  .gk-sidebar,.gk-article-side,.gk-contactside,.gk-faqsplit-side{position:static}
  .gk-pdp-detail{grid-template-columns:1fr}
  .gk-pdp-gallery{position:static}
  .gk-catalogsplit,.gk-engsplit{grid-template-columns:1fr}
  .gk-homecta-in{grid-template-columns:1fr}
  .gk-relatedrow a{width:calc(50% - 9px)}
}
@media (max-width:960px){
  .gk-stationgrid,.gk-certgallery,.gk-certintro,.gk-channels,.gk-contactflow{grid-template-columns:repeat(2,1fr)}
  .gk-engsteps,.gk-about-numbers .gk-stats-dark{grid-template-columns:repeat(2,1fr)}
  .gk-about-values .gk-engsplit-side{grid-template-columns:1fr}
  .gk-solgrid-page{grid-template-columns:1fr}
  .gk-solhero-in{flex-direction:column;align-items:flex-start}
  .gk-prodrow{grid-template-columns:160px 1fr}
  .gk-prodrow-actions{grid-column:2;flex-direction:row}
  .gk-quotesteps{grid-template-columns:1fr}
}
@media (max-width:640px){
  .gk-pagebar h1{font-size:26px}
  .gk-stationgrid,.gk-certgallery,.gk-certintro,.gk-channels,.gk-contactflow,.gk-engsteps,.gk-about-numbers .gk-stats-dark,.gk-stats-dark,.gk-pdp-assure{grid-template-columns:1fr}
  .gk-prodrow,.gk-resultrow{grid-template-columns:1fr}
  .gk-prodrow-actions{grid-column:1}
  .gk-prodrow-media{width:100%;max-height:260px}
  .gk-relatedrow a{width:100%}
  .gk-paper{padding:24px 20px}
  .gk-quotetable,.gk-quotetable tbody,.gk-quotetable tr,.gk-quotetable td{display:block}
  .gk-quotetable thead{display:none}
  .gk-quotetable tr{position:relative;padding:16px 16px 16px 104px;min-height:108px;border-bottom:1px solid var(--gk-line)}
  .gk-quotetable tr:last-child{border-bottom:0}
  .gk-quotetable td{padding:0;border-bottom:0}
  td.gk-qimg{position:absolute;left:16px;top:16px;width:76px}
  .gk-qtitle{font-size:13.5px;margin-bottom:10px}
  .gk-quotetable tr>td:nth-child(3){display:inline-block;vertical-align:middle}
  .gk-quotetable tr>td:last-child{display:inline-block;vertical-align:middle;margin-left:12px}
  .gk-quotetable tr>td:last-child .gk-qremove{width:38px;height:38px}
  .gk-quotesteps{grid-template-columns:1fr;gap:8px}
}