/* ===== читаемость на телефонах (06.10.2026) ===== */
  @media (max-width:760px){
    .eyebrow{font-size:12px;letter-spacing:.1em;}
    .tb-label,.brands .lead,.ct-list .k,.field label,.fact span,
    .tl .yr,.certs .chips span,.proj .geo,.proj .meta,.steps .n,
    .ind .code,.ind .series,.quick .k,.kv .kk,.cells figcaption,
    .model-code,.tag,.card-tag,.card-spec,.tile-n,.tile-sub,
    .cat-back,.pcard-sec > .en,.hero-shot figcaption,.hero-brandline span{font-size:12px;}
    .tbl-wrap thead th{font-size:11.5px;}
    .tbl-wrap table{font-size:13.5px;}
    .tbl-wrap th,.tbl-wrap td{padding:9px 12px;}
    .tbl-wrap{-webkit-overflow-scrolling:touch;}
    .feat li,.scen li,.row .name small,.rows .name small{font-size:14.5px;}
    .quick .v{font-size:18px;}
    .ft,.ft .tm{font-size:13.5px;}
    .faq summary{font-size:16px;}
    .faq .ans{padding-left:30px;font-size:14.5px;}
  }

  /* ===== фирменные цвета и знак GI Company (06.10.2026) ===== */
  :root{
    --bg:#FFFFFF;
    --surface:#F4F7FA; --surface-2:#E7EEF5;
    --text:#0E2238; --text-2:#4A5C70; --text-3:#7C8CA0;
    --line:#DCE4EC; --line-soft:#EAF0F5;
    --brand:#053057; --brand-2:#1A4878;
    --accent:#053057; --accent-soft:rgba(5,48,87,.07);
    --grad:linear-gradient(135deg,#1A4878 0%,#042745 100%);
    --grad-text:linear-gradient(90deg,#042745 0%,#5B7B9C 100%);
    --grad-soft:linear-gradient(180deg,#FFFFFF 0%,#E9EFF5 100%);
    --ink-bg:#F2F6FA; --ink-surface:#FFFFFF; --ink-line:rgba(5,48,87,.13);
    --on-ink:#0E2238; --on-ink-2:#4A5C70; --ink-accent:#053057;
    --img-frame:rgba(5,48,87,.12);
    --tile:linear-gradient(180deg,#F8FAFC 0%,#E6EDF4 100%);
    --tile-line:rgba(5,48,87,.12);
    --hot:#55A137; --hot-soft:rgba(85,161,55,.10);
  }
  /* знак в шапке — настоящий логотип вместо квадрата с буквами */
  .brandmark .gi{width:auto;height:34px;border-radius:0;background:none;
    display:block;padding:0;font-size:0;}
  .brandmark .gi img{display:block;height:34px;width:auto;}
  .ft .gi-logo{display:block;width:134px;height:auto;margin-bottom:14px;opacity:.95;}

  /* зелёный из логотипа — только как акцент, как и на самом знаке */
  .eyebrow::before{background:var(--hot);}
  .nav a:hover{border-bottom-color:var(--hot);}
  .nav a.on{border-bottom-color:var(--hot);}
  .topbar a.on{border-bottom-color:var(--hot);}
  .sec-note{border-left-color:var(--hot);}
  .cat-cta{border-left-color:var(--hot);}
  .figure-wide figcaption::before{background:var(--hot);}
  .feat li::before,.ind .scen li::before,.quick .k{color:inherit;}
  .feat li::before,.ind .scen li::before{color:var(--hot);}
  .tl li::before{background:var(--hot);}
  .steps .n{color:var(--hot);}
  .proj .geo{color:var(--hot);}
  .ind .code{color:var(--hot);}
  .tile-n{color:var(--hot);}
  .side-group li a.on,.sg li a.on{border-left-color:var(--hot);}
  .pcard-tabs a.on{border-bottom-color:var(--hot);}
  .faq summary::before,details.spec-drawer > summary::before{color:var(--hot);}
  .filters button.on{background:var(--grad);}
  .btn-primary{box-shadow:0 8px 20px -10px rgba(5,48,87,.55);}
  @media (max-width:600px){.brandmark .gi,.brandmark .gi img{height:30px;}}

  /* кнопка перехода на визитку в контактах */
  /* .ct-list a делает ссылки гридом с колонкой 96px — у кнопки специфичность должна быть выше */
  .ct-list a.btn-card{display:inline-flex;align-items:center;gap:10px;align-self:flex-start;
    grid-template-columns:none;border-bottom:0;
    margin-top:24px;font-family:Inter,sans-serif;font-size:15px;font-weight:600;
    text-decoration:none;color:var(--on-ink);background:var(--ink-surface);
    border:1px solid var(--ink-line);border-radius:10px;padding:13px 20px;
    transition:border-color .15s,color .15s,background .15s;}
  .ct-list a.btn-card:hover{border-color:var(--hot);color:var(--hot);background:var(--hot-soft);}
  .ct-list a.btn-card svg{flex:none;width:18px;height:18px;}