/* ===== каталог: панель разделов слева + карточка товара ===== */
  [hidden]{display:none!important;}
  html{scroll-padding-top:calc(78px + env(safe-area-inset-top,0px));}

  .catalog{max-width:1120px;margin:0 auto;padding-inline:20px;
    display:grid;grid-template-columns:248px minmax(0,1fr);gap:44px;align-items:start;}
  .catalog > *{min-width:0;}
  .cat-main section{padding-block:30px;}
  .cat-main .wrap{max-width:none;margin:0;padding-inline:0;}
  .sec-head:has(> h2){display:block;}

  .cat-side{position:sticky;top:calc(78px + env(safe-area-inset-top,0px));padding-top:34px;}
  .side-toggle{display:none;}
  .side-nav{display:flex;flex-direction:column;
    border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--surface);}
  .side-nav a{text-decoration:none;}
  .side-nav .n{font-family:"IBM Plex Mono",monospace;font-size:11px;color:var(--text-3);
    font-variant-numeric:tabular-nums;flex:none;}
  .side-all{display:flex;align-items:center;justify-content:space-between;gap:10px;
    padding:13px 14px;font-size:14.5px;font-weight:700;color:var(--text);
    background:var(--bg);border-bottom:1px solid var(--line);}
  .side-all:hover,.side-head:hover{background:var(--accent-soft);}
  .side-group{border-bottom:1px solid var(--line);}
  .side-group:last-child{border-bottom:0;}
  .side-head{display:flex;align-items:center;justify-content:space-between;gap:10px;
    padding:11px 14px;font-size:13px;font-weight:700;color:var(--text);background:var(--bg);}
  .side-group ul{display:flex;flex-direction:column;padding:6px 0 9px;}
  .side-group li a{display:block;padding:7px 14px 7px 21px;font-size:13px;line-height:1.35;
    color:var(--text-2);border-left:2px solid transparent;transition:background .15s,color .15s;}
  .side-group li a:hover{color:var(--text);background:var(--accent-soft);}
  .side-nav a.on{color:var(--text);}
  .side-all.on{background:var(--accent-soft);}
  .side-group li a.on{font-weight:600;border-left-color:var(--brand);background:var(--accent-soft);}

  .cat-back{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;padding-top:32px;
    font-family:"IBM Plex Mono",monospace;font-size:11.5px;letter-spacing:.08em;
    text-transform:uppercase;color:var(--text-3);}
  .cat-back a{color:var(--brand);text-decoration:none;}
  .cat-back a:hover{text-decoration:underline;}
  .cat-back span::before{content:"·";margin-right:10px;color:var(--text-3);}

  /* карточка товара: показана одна серия */
  .catalog.card-view .sec-head{display:none;}
  .catalog.card-view .note{display:none;}
  .catalog.card-view .cat-main section{padding-top:10px;}
  .catalog.card-view .ser{border-top:0;padding-top:0;}
  .catalog.card-view .ser:last-child{border-bottom:0;}
  .catalog.card-view .ser-head{grid-template-columns:320px minmax(0,1fr);gap:40px;}
  .catalog.card-view .ser-ph{height:330px;}
  .catalog.card-view .ser-ph img{max-height:276px;}
  .catalog.card-view .ser-ph.multi figure{height:152px;}
  .catalog.card-view .ser-ph.multi img{max-height:120px;}
  .catalog.card-view .ser h3{font-size:clamp(24px,3vw,31px);}
  .catalog.card-view details.spec-drawer{margin-top:26px;}

  @media (max-width:980px){
    .catalog{grid-template-columns:216px minmax(0,1fr);gap:30px;}
    .catalog.card-view .ser-head{grid-template-columns:260px minmax(0,1fr);gap:30px;}
  }
  @media (max-width:860px){
    .catalog.card-view .ser-head{grid-template-columns:1fr;gap:22px;}
    .catalog.card-view .ser-ph{max-width:300px;height:300px;}
  }
  @media (max-width:760px){
    .catalog{grid-template-columns:1fr;gap:0;padding-inline:20px;}
    .cat-side{position:static;padding-top:28px;}
    .side-toggle{display:flex;width:100%;align-items:center;justify-content:space-between;gap:10px;
      cursor:pointer;font-family:Inter,sans-serif;font-size:14.5px;font-weight:700;color:var(--text);
      background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:12px 14px;}
    .side-toggle::after{content:"+";font-family:"IBM Plex Mono",monospace;font-size:15px;color:var(--brand);}
    .side-toggle[aria-expanded="true"]::after{content:"–";}
    .side-nav{display:none;margin-top:8px;}
    .side-nav.open{display:flex;}
    .cat-main section{padding-block:24px;}
    .cat-back{padding-top:24px;}
  }

  /* ===== дерево разделов и страница товара (06.10.2026) ===== */
  .side-nav{background:var(--bg);}
  .side-all{border-bottom:1px solid var(--line);}
  .sg{border-bottom:1px solid var(--line);}
  .sg:last-child{border-bottom:0;}
  .sg > summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:10px;
    padding:11px 14px;font-size:13.5px;font-weight:700;color:var(--text);
    transition:background .15s;}
  .sg > summary::-webkit-details-marker{display:none;}
  .sg > summary > span:first-child{flex:1;min-width:0;}
  .sg > summary::after{content:"+";flex:none;font-family:"IBM Plex Mono",monospace;
    font-size:14px;line-height:1;color:var(--brand);}
  .sg[open] > summary::after{content:"–";}
  .sg > summary:hover{background:var(--accent-soft);}
  .sg[open] > summary{background:var(--surface);}
  .sg ul{display:flex;flex-direction:column;padding:4px 0 9px;}
  .sg li a{display:flex;align-items:baseline;justify-content:space-between;gap:8px;
    padding:7px 14px 7px 22px;font-size:13px;line-height:1.35;color:var(--text-2);
    border-left:2px solid transparent;transition:background .15s,color .15s;}
  .sg li a:hover{color:var(--text);background:var(--accent-soft);}
  .sg li a.on{font-weight:600;color:var(--text);border-left-color:var(--brand);background:var(--accent-soft);}
  .sg.sub{border-bottom:0;}
  .sg.sub > summary{padding-left:22px;font-size:13px;font-weight:600;color:var(--text-2);}
  .sg.sub[open] > summary{background:transparent;color:var(--text);}
  .sg.sub ul{padding:2px 0 6px;}
  .sg.sub li a{padding-left:34px;}
  .side-nav .n{font-family:"IBM Plex Mono",monospace;font-size:11px;color:var(--text-3);
    font-variant-numeric:tabular-nums;flex:none;}

  /* плитки разделов */
  .tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;}
  .tile{display:flex;flex-direction:column;gap:8px;text-decoration:none;
    border:1px solid var(--line);border-radius:12px;background:var(--surface);
    padding:22px 22px 24px;transition:border-color .25s,box-shadow .25s,transform .25s;}
  .tile:hover{border-color:rgba(20,24,27,.22);box-shadow:0 16px 34px -22px rgba(20,28,36,.45);
    transform:translateY(-3px);}
  .tile-n{font-family:"IBM Plex Mono",monospace;font-size:10.5px;letter-spacing:.12em;
    text-transform:uppercase;color:var(--accent);}
  .tile h3{font-size:20px;}
  .tile p{font-size:14.5px;color:var(--text-2);}
  .tile-sub{margin-top:auto;padding-top:12px;border-top:1px dashed var(--line-soft);
    font-family:"IBM Plex Mono",monospace;font-size:11.5px;color:var(--text-3);}

  /* страница товара */
  .pcard-tabs{position:sticky;top:calc(64px + env(safe-area-inset-top,0px));z-index:30;
    display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;
    margin:22px 0 0;padding:0;border-bottom:1px solid var(--line);
    background:color-mix(in srgb, var(--bg) 92%, transparent);backdrop-filter:blur(8px);}
  .pcard-tabs::-webkit-scrollbar{display:none;}
  .pcard-tabs a{flex:none;text-decoration:none;white-space:nowrap;
    font-size:13.5px;font-weight:600;color:var(--text-2);
    padding:13px 14px;border-bottom:2px solid transparent;transition:color .15s,border-color .15s;}
  .pcard-tabs a:hover{color:var(--text);}
  .pcard-tabs a.on{color:var(--text);border-bottom-color:var(--brand);}
  .pcard-sec{padding-top:30px;scroll-margin-top:calc(126px + env(safe-area-inset-top,0px));}
  .pcard-sec > h4{font-size:19px;font-weight:800;letter-spacing:-.015em;margin:0 0 4px;}
  .pcard-sec > .en{font-family:"IBM Plex Mono",monospace;font-size:10.5px;letter-spacing:.12em;
    text-transform:uppercase;color:var(--text-3);display:block;margin-bottom:14px;}
  .catalog.card-view .ser > details.spec-drawer{margin-top:0;border-top:0;padding-top:0;}
  .catalog.card-view .ser .quick{margin-top:0;border-top:0;}
  .catalog.card-view .ser .feat{margin-top:0;}
  .app-chips{display:flex;flex-wrap:wrap;gap:8px;}
  .app-chips a{display:inline-flex;align-items:center;gap:8px;text-decoration:none;
    font-size:13.5px;font-weight:600;color:var(--text);
    border:1px solid var(--line);border-radius:999px;padding:9px 16px;transition:.18s;}
  .app-chips a:hover{border-color:var(--brand);background:var(--accent-soft);}
  .app-chips .ru{font-weight:400;color:var(--text-3);font-size:12.5px;}
  .app-none{font-size:14px;color:var(--text-2);}
  #similar-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px;}

  @media (max-width:760px){
    .pcard-tabs{top:calc(60px + env(safe-area-inset-top,0px));margin-top:18px;}
    .pcard-sec{padding-top:24px;scroll-margin-top:calc(118px + env(safe-area-inset-top,0px));}
    .tiles{grid-template-columns:1fr;}
  }

  /* ===== полоса похожих, «Подробнее», мобильная читаемость (06.10.2026) ===== */
  :root{--hot:#55A137; --hot-soft:rgba(85,161,55,.08);}

  .card-spec::after{content:none;}
  .card-more{margin-top:11px;display:inline-flex;align-items:center;gap:6px;
    font-family:Inter,sans-serif;font-size:13px;font-weight:700;color:var(--text-3);
    transition:color .18s;}
  .card-more::after{content:"→";transition:transform .18s;}
  .card:hover .card-more,.card:focus-visible .card-more{color:var(--hot);}
  .card:hover .card-more::after{transform:translateX(4px);}
  .card:hover .card-name{color:var(--hot);}
  .card:hover{border-color:rgba(85,161,55,.45);
    box-shadow:0 16px 34px -20px rgba(85,161,55,.42);}
  .tile:hover h3{color:var(--hot);}
  .app-chips a:hover{border-color:var(--hot);color:var(--hot);background:var(--hot-soft);}

  .sim-wrap{position:relative;display:flex;align-items:center;gap:10px;}
  .sim-track{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x proximity;
    scrollbar-width:none;-ms-overflow-style:none;padding:4px 2px 6px;flex:1;min-width:0;}
  .sim-track::-webkit-scrollbar{display:none;}
  .sim-track .card{flex:0 0 208px;scroll-snap-align:start;}
  .sim-arrow{flex:none;width:38px;height:38px;border-radius:50%;cursor:pointer;
    display:grid;place-items:center;font-size:21px;line-height:1;padding-bottom:3px;
    color:var(--text);background:var(--bg);border:1px solid var(--line);
    transition:border-color .15s,color .15s,background .15s;}
  .sim-arrow:hover{border-color:var(--hot);color:var(--hot);background:var(--hot-soft);}
  @media (max-width:760px){
    .sim-arrow{display:none;}
    .sim-track{gap:12px;padding-inline:0;}
    .sim-track .card{flex:0 0 176px;}
  }

  /* ===== читаемость на телефонах (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;}
  }

  @media (max-width:760px){
    .intro{padding-block:30px 0;}
    .intro h1{font-size:clamp(26px,7.4vw,33px);}
    .intro p.lead{font-size:15px;margin-top:14px;}
    .cat-side{padding-top:22px;}
    .card-name{font-size:15px;}
    .card-more{font-size:13.5px;}
    .pcard-sec > h4{font-size:20px;}
    .pcard-tabs{top:calc(64px + env(safe-area-inset-top,0px));}
    .pcard-tabs a{font-size:14px;padding:13px 12px;}
    .sg > summary{padding:13px 14px;font-size:14px;}
    .sg li a{padding:10px 14px 10px 22px;font-size:14px;}
    .sg.sub > summary{font-size:13.5px;}
    .side-all{font-size:15px;padding:14px;}
  }
  @media (max-width:520px){
    .cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
    .card-ph{height:148px;padding:12px 12px 16px;}
    .card-ph img{max-height:116px;}
    .card-body{padding:12px 12px 14px;}
  }

  /* ===== фирменные цвета и знак 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;}}

  .sg.on > summary{box-shadow:inset 3px 0 0 var(--hot);}
  .sg.sub.on > summary{box-shadow:inset 3px 0 0 var(--hot);}

  /* полоса похожих: карточки мельче, прокрутка идёт сама */
  .sim-track{scroll-snap-type:none;}
  .sim-track .card{flex:0 0 178px;}
  .sim-track .card-ph{height:150px;padding:12px 12px 16px;}
  .sim-track .card-ph img{max-height:118px;}
  .sim-track .card-body{padding:12px 13px 14px;gap:4px;}
  .sim-track .card-tag{font-size:10.5px;}
  .sim-track .card-name{font-size:13.5px;}
  .sim-track .card-spec{font-size:11px;padding-top:8px;}
  .sim-track .card-more{font-size:12.5px;margin-top:9px;}
  .sim-arrow{width:34px;height:34px;font-size:19px;}
  @media (max-width:760px){
    .sim-track .card{flex:0 0 156px;}
    .sim-track .card-ph{height:132px;}
    .sim-track .card-ph img{max-height:102px;}
    .sim-track .card-tag{font-size:11.5px;}
    .sim-track .card-spec{font-size:11.5px;}
    .sim-track .card-name{font-size:13px;}
  }

  .tile{padding-top:24px;}
  .tile h3{margin-top:0;}