/* ============================================================
   NAVI — правки по дизайн-ревью (октябрь 2026). Только navigatorgrp.ru,
   подключается последним в layout.tpl. Номера — пункты ревью.
   ============================================================ */

/* ---------- Главная ---------- */

/* п.17: H1 без полей в полэкрана */
main.site-content h1.navi-home-h1.navi-home-h1 { padding: 0 !important; margin: 16px 0 4px !important; font-size: 20px !important; line-height: 1.3; }

/* п.16: плитки разделов — иконка слева, название и пояснение (на ноутбуке) */
.navi-nav-card { flex-direction: row; justify-content: flex-start; text-align: left; gap: 12px; min-height: 0; padding: 14px 16px; }
.navi-nav-card-icon { flex-shrink: 0; width: 42px; height: 42px; font-size: 18px; }
.navi-nav-card-text { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.navi-nav-card-sub { font-size: 13px; line-height: 1.3; color: #5F6F75; font-weight: 400; }

/* п.18: слайдер — плавная смена и тонкие сегменты прогресса вместо точек */
.navi-banner--fade .navi-banner-track { display: grid; transform: none !important; transition: none; will-change: auto; }
.navi-banner--fade .navi-banner-slide { grid-area: 1 / 1; opacity: 0; visibility: hidden; transition: opacity .6s ease, visibility 0s linear .6s; }
.navi-banner--fade .navi-banner-slide.is-active { opacity: 1; visibility: visible; z-index: 1; transition: opacity .6s ease; }
.navi-banner .navi-banner-dot::before { width: 14px; height: 3px; margin: -1.5px 0 0 -7px; border-radius: 2px; }
.navi-banner .navi-banner-dot.active { width: 40px !important; }
.navi-banner .navi-banner-dot.active::before { width: 32px; margin-left: -16px; background: #C5CED1; }
.navi-banner .navi-banner-dot::after {
  content: ""; position: absolute; left: 50%; top: 50%; width: 32px; height: 3px; margin: -1.5px 0 0 -16px;
  border-radius: 2px; background: var(--brand, #30A495); transform-origin: left center; transform: scaleX(0); opacity: 0;
}
.navi-banner .navi-banner-dot.active::after { opacity: 1; transform: scaleX(1); }
.navi-banner.is-playing .navi-banner-dot.active::after { animation: navi-banner-fill var(--navi-banner-autoplay, 5000ms) linear both; }
@keyframes navi-banner-fill { from { transform: scaleX(0); } to { transform: scaleX(1); } }

@media (max-width: 768px) {
  /* п.15: категории — компактные строки в 2 колонки, «Распродажа» — яркой кнопкой на всю ширину */
  .navi-catalog-scroll { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 6px; padding: 6px; }
  .navi-catalog-item { flex-direction: row; justify-content: flex-start; text-align: left; gap: 8px; min-height: 52px; padding: 8px 10px; transform: none !important; }
  .navi-catalog-icon { flex-shrink: 0; width: 30px; height: 30px; font-size: 14px; }
  .navi-catalog-name { text-align: left; font-size: 13px; line-height: 1.2; }
  .navi-catalog-item--sale { grid-column: 1 / -1; justify-content: center; min-height: 44px; background: #DC2626 !important; border-color: #DC2626 !important; }
  .navi-catalog-item--sale .navi-catalog-name { color: #fff !important; font-size: 14px; }
  .navi-catalog-item--sale .navi-catalog-icon { background: rgba(255,255,255,.2) !important; color: #fff !important; }
  /* узкие телефоны (360 px, внешний экран Galaxy Z Fold): «Видеонаблюдение» должно влезать в половину ширины */
  @media (max-width: 380px) {
    .navi-catalog-scroll { gap: 5px; padding: 4px; }
    .navi-catalog-item { gap: 6px; padding: 8px 6px; }
    .navi-catalog-icon { width: 26px; height: 26px; font-size: 13px; }
    .navi-catalog-name { font-size: 12.5px; }
  }
  /* крупный шрифт на телефоне: длинное слово не влезает — одна колонка (класс ставит navi-anim.js) */
  .navi-catalog-scroll.navi-catalog-scroll--one { grid-template-columns: minmax(0, 1fr) !important; }

  /* п.16: разделы — одна строка «пилюль» с прокруткой */
  .navi-nav-cards { display: flex !important; gap: 8px; overflow-x: auto; scrollbar-width: none; margin: 0 -12px; padding: 0 12px 2px; scroll-snap-type: x proximity; }
  .navi-nav-cards::-webkit-scrollbar { display: none; }
  .navi-nav-card { flex: 0 0 auto; min-height: 44px; padding: 6px 14px 6px 6px; gap: 8px; border-radius: 999px; scroll-snap-align: start; }
  .navi-nav-card-icon { width: 32px; height: 32px; font-size: 14px; border-radius: 999px; }
  .navi-nav-card-sub { display: none; }
  .navi-nav-card-name { white-space: nowrap; }
  .navi-wide-button { min-height: 52px; padding: 8px 14px; }

  main.site-content h1.navi-home-h1.navi-home-h1 { margin: 14px 0 0 !important; font-size: 17px !important; }
}

/* ---------- Каталог ---------- */

/* п.24: «В наличии» кликается вместе с текстом, кнопки вида — 40–44 px */
.navi-sort-item--stock { cursor: pointer; min-height: 44px; padding: 0 8px; margin-left: -8px; gap: 8px; display: inline-flex; align-items: center; border-radius: 8px; }
.navi-sort-item--stock:hover { background: #F3F6F7; }
.navi-sort-item--stock .navi-sort-check { width: 20px; height: 20px; }
.navi-view-btn { width: 40px !important; height: 40px !important; }
@media (pointer: coarse) { .navi-view-btn { width: 44px !important; height: 44px !important; } }

/* п.25: подразделы на телефоне — «пилюли» */
.navi-subcats-m { display: flex; flex-wrap: wrap; gap: 8px; margin: 12px 0 16px; }
.navi-subcats-m a { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 4px 14px 4px 5px; background: #fff; border: 1px solid #E3E8EB; border-radius: 999px; font-size: 14px; font-weight: 500; line-height: 1.2; color: #37474F; text-decoration: none; transition: border-color .15s ease, color .15s ease; }
.navi-subcats-m a:hover, .navi-subcats-m a:active { border-color: #30A495; color: #30A495; }
.navi-subcats-m img, .navi-subcats-ic { width: 34px; height: 34px; flex-shrink: 0; border-radius: 999px; object-fit: contain; background: #fff; }
.navi-subcats-ic { display: flex; align-items: center; justify-content: center; color: #fff; font-size: 15px; }

/* п.20, п.22: компактная карточка товара на телефоне — фото 96 px слева, бейдж в углу фото, 3 характеристики */
@media (max-width: 767px) {
  .navi-flex-row .navi-product-item.navi-product-item .navi-product-detail { padding: 12px !important; }
  .navi-flex-row .navi-product-item.navi-product-item .navi-detail-name { font-size: 16px !important; line-height: 1.3; margin-bottom: 2px !important; }
  .navi-flex-row .navi-product-item.navi-product-item .navi-detail-model { font-size: 13px !important; line-height: 1.35; margin-bottom: 8px !important; }
  .navi-flex-row .navi-product-item.navi-product-item .navi-product-detail > .row { display: grid !important; grid-template-columns: 96px minmax(0, 1fr) !important; gap: 12px; margin: 0 !important; }
  .navi-flex-row .navi-product-item.navi-product-item .navi-product-detail > .row > [class*="col-"] { width: auto !important; max-width: none !important; flex: none !important; padding: 0 !important; }
  .navi-flex-row .navi-product-item.navi-product-item .navi-product-detail > .row > [class*="col-"]:first-child { grid-column: 1 !important; grid-row: 1 / span 4 !important; height: auto !important; min-height: 0 !important; align-self: start; }
  .navi-flex-row .navi-product-item.navi-product-item .navi-detail-info > * { grid-column: 2 !important; grid-row: auto !important; order: 0 !important; margin-top: 0 !important; }
  .navi-flex-row .navi-product-item.navi-product-item .navi-detail-manufacturer { display: block !important; }
  .navi-flex-row .navi-product-item.navi-product-item .navi-detail-manufacturer br { display: none; }
  .navi-flex-row .navi-product-item.navi-product-item .navi-detail-image { width: 96px !important; height: 96px !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; display: flex !important; align-items: center; justify-content: center; border: 1px solid #EEF1F2; }
  .navi-flex-row .navi-product-item.navi-product-item .navi-detail-image a { display: contents !important; }
  .navi-flex-row .navi-product-item.navi-product-item .navi-detail-image img { width: 96px !important; height: 96px !important; max-height: none !important; object-fit: contain; }
  .navi-flex-row .navi-product-item.navi-product-item .navi-detail-image .navi-title-badge { top: 4px !important; left: 4px !important; font-size: 11px !important; padding: 2px 6px !important; border-radius: 5px; animation: none; max-width: none; letter-spacing: 0; }
  .navi-flex-row .navi-product-item.navi-product-item .navi-detail-params ul { margin: 0 !important; padding: 0 !important; }
  .navi-flex-row .navi-product-item.navi-product-item .navi-detail-params li { font-size: 13px !important; line-height: 1.35; color: #5F6F75; margin: 0 0 2px !important; }
  .navi-flex-row .navi-product-item.navi-product-item .navi-detail-manufacturer { font-size: 13px !important; margin-bottom: 4px !important; }
  .navi-flex-row .navi-product-item.navi-product-item .navi-detail-footer { margin-top: 10px !important; padding-top: 10px !important; }
}

/* ---------- Карточка товара ---------- */

/* п.28: таблица характеристик — группы отдельной строкой с фоном, лёгкая «зебра», без цветов <font> из БД */
.tab-characteristics table.parametr { width: 100%; border-collapse: collapse; font-size: 14px; line-height: 1.45; margin: 0; background: #fff; }
.tab-characteristics table.parametr td, .tab-characteristics table.parametr th { padding: 9px 12px !important; border: 0 !important; border-bottom: 1px solid #EEF1F2 !important; vertical-align: top; background: transparent; }
.tab-characteristics table.parametr font, .tab-characteristics table.parametr span[style] { color: inherit !important; font-size: inherit !important; font-family: inherit !important; background: none !important; }
.tab-characteristics table.parametr tr:nth-child(even) td { background: #FAFBFC; }
.tab-characteristics table.parametr tr td:first-child:not([colspan]) { width: 45%; color: #5F6F75; }
.tab-characteristics table.parametr tr td:last-child:not([colspan]) { color: #263238; }
.tab-characteristics table.parametr td[colspan] { background: #F3F6F7 !important; color: #263238; font-weight: 600; padding-top: 12px !important; border-bottom-color: #E3E8EB !important; }
.tab-characteristics table.parametr td[colspan] b { font-weight: 600; }
.tab-characteristics table.parametr thead td, .tab-characteristics table.parametr th { font-size: 12px; text-transform: uppercase; letter-spacing: .04em; color: #78909C !important; font-weight: 600; background: #fff !important; }
.tab-characteristics table.parametr.table-hover tbody tr:hover td:not([colspan]) { background: #F0F7F6; }
.tab-characteristics table.parametr td p { margin: 0 0 4px; }
.tab-characteristics table.parametr td p:last-child { margin-bottom: 0; }

/* п.29: на телефоне — название сверху мелким серым, значение под ним */
@media (max-width: 767px) {
  .tab-characteristics table.parametr, .tab-characteristics table.parametr tbody { display: block; }
  .tab-characteristics table.parametr { margin-top: -10px; }
  .tab-characteristics table.parametr tr { display: block; border-bottom: 1px solid #EEF1F2; padding: 8px 2px; background: none !important; }
  .tab-characteristics table.parametr thead, .tab-characteristics table.parametr tr.table-secondary { display: none; }
  .tab-characteristics table.parametr td, .tab-characteristics table.parametr th { display: block; width: auto !important; padding: 0 !important; border: 0 !important; background: none !important; }
  .tab-characteristics table.parametr tr td:first-child:not([colspan]) { font-size: 12px; line-height: 1.35; color: #78909C; margin-bottom: 2px; }
  .tab-characteristics table.parametr tr td:last-child:not([colspan]) { font-size: 14px; }
  .tab-characteristics table.parametr tr:has(td[colspan]) { background: #F3F6F7 !important; margin: 10px -12px 0; padding: 9px 14px; border-radius: 8px; border: 0; }
  .tab-characteristics table.parametr tr:has(td[colspan]) td { background: none !important; padding: 0 !important; }
}

/* ---------- SEO-текст раздела (SEO п.39) ---------- */
.navi-seo-text { font-size: 15px; line-height: 1.6; color: #37474F; }
.navi-seo-text * { text-align: left !important; }
.navi-seo-text p, .navi-seo-text li, .navi-seo-text span, .navi-seo-text font, .navi-seo-text div { font-size: inherit !important; line-height: inherit !important; font-family: inherit !important; }
.navi-seo-text p { margin: 0 0 12px; }
.navi-seo-text h2 { font-size: 20px !important; font-weight: 700; margin: 24px 0 10px !important; padding: 0 !important; line-height: 1.3; color: #1F2A2E; text-transform: none !important; }
.navi-seo-text h3 { font-size: 17px !important; font-weight: 600; margin: 18px 0 8px !important; padding: 0 !important; line-height: 1.35; color: #1F2A2E; text-transform: none !important; }
.navi-seo-text > :first-child, .navi-seo-text > :first-child > :first-child { margin-top: 0 !important; }
.navi-seo-text ul, .navi-seo-text ol { margin: 0 0 12px; padding-left: 22px; }
.navi-seo-text a { color: #2A9585; text-decoration: underline; text-underline-offset: 2px; }
.navi-seo-text img { max-width: 100%; height: auto; border-radius: 8px; }
.navi-seo-text.is-collapsed { max-height: 4.8em; overflow: hidden; position: relative; -webkit-mask-image: linear-gradient(#000 40%, transparent); mask-image: linear-gradient(#000 40%, transparent); }
.navi-seo-more { display: inline-flex; align-items: center; gap: 6px; min-height: 40px; margin-top: 6px; padding: 0 2px; background: none; border: 0; font: inherit; font-size: 14px; font-weight: 600; color: #2A9585; cursor: pointer; }
.navi-seo-more[hidden] { display: none; }
.navi-seo-more i { font-size: 12px; transition: transform .2s ease; }
.navi-seo-more.is-open i { transform: rotate(180deg); }
.navi-seo-more:hover span { text-decoration: underline; }

/* ==== Пустые корзина / избранное / сравнение (дизайн-ревью п.49–50) ==== */
.navi-empty-ico{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:#E8F5F3;color:#30A495;font-size:13px;vertical-align:middle;margin:0 2px}
.navi-empty-links{width:100%;max-width:560px;margin-top:18px;padding-top:18px;border-top:1px solid #EEF1F2}
.navi-empty-links-title{display:block;font-size:13px;font-weight:600;color:#78909C;margin-bottom:10px}
.navi-empty-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.navi-empty-chips a{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:0 14px;border:1px solid #DDE5E7;border-radius:19px;background:#fff;color:#263238;font-size:14px;text-decoration:none;transition:border-color .18s,color .18s,transform .18s}
.navi-empty-chips a i{color:#30A495;font-size:13px}
.navi-empty-chips a:hover{border-color:#30A495;color:#30A495;transform:translateY(-1px)}
/* п.48: подсказка «Работаем в Калининграде…» не шире экрана */
#navi-location-tooltip{max-width:calc(100vw - 24px);box-sizing:border-box}

/* ==== Раздел «Монтаж»: хаб и посадочные (SEO п.21) ==== */
.navi-inst{color:#263238}
.navi-inst-hero{background:#fff;border:1px solid #E3E8EB;border-radius:16px;padding:28px 28px 24px;margin:4px 0 24px}
.navi-inst-hero--hub{display:flex;align-items:center;gap:28px}
.navi-inst-hero-text{flex:1;min-width:0}
.navi-inst-hero-logo{width:180px;height:auto;flex-shrink:0;filter:drop-shadow(0 4px 8px rgba(0,0,0,.08))}
.navi-inst-badge{display:inline-flex;align-items:center;gap:8px;background:#E8F5F3;color:#24897C;border-radius:20px;padding:5px 14px;font-size:13px;font-weight:600;margin-bottom:14px}
.navi-inst-h1{font-size:28px;line-height:1.25;font-weight:700;margin:0 0 12px!important;padding:0!important;border:0!important}
.navi-inst-lead{font-size:16px;line-height:1.6;color:#4A5B63;margin:0 0 18px;max-width:780px}
.navi-inst-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 10px;margin:0 0 18px}
.navi-inst-price-val{font-size:22px;font-weight:700;color:#30A495}
.navi-inst-price-unit{font-size:14px;color:#78909C}
.navi-inst-cta{display:flex;flex-wrap:wrap;gap:12px}
.navi-inst-btn{display:inline-flex;align-items:center;gap:10px;min-height:50px;padding:0 22px;border-radius:12px;font-size:15px;font-weight:600;text-decoration:none!important;transition:transform .18s,box-shadow .18s,background .18s}
.navi-inst-btn--accent{background:#30A495;color:#fff!important;box-shadow:0 6px 16px rgba(48,164,149,.25)}
.navi-inst-btn--accent:hover{background:#28907F;transform:translateY(-1px)}
.navi-inst-btn--ghost{border:2px solid #30A495;color:#1F2A2E!important;background:#fff}
.navi-inst-btn--ghost span{display:flex;flex-direction:column;line-height:1.15}
.navi-inst-btn--ghost small{font-size:11px;font-weight:600;color:#30A495;text-transform:uppercase;letter-spacing:.3px}
.navi-inst-btn--ghost:hover{background:#F0FAF8}
.navi-inst-sec{background:#fff;border:1px solid #E3E8EB;border-radius:16px;padding:24px 28px;margin:0 0 20px}
.navi-inst-sec h2{font-size:22px;font-weight:700;margin:0 0 16px}
.navi-inst-note{color:#5F6F75;margin:-6px 0 14px;font-size:14px}
.navi-inst-checks{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:10px 24px}
.navi-inst-checks li{display:flex;gap:10px;align-items:flex-start;font-size:15px;line-height:1.45}
.navi-inst-checks i{color:#30A495;margin-top:4px}
.navi-inst-stages{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(5,1fr);gap:12px;counter-reset:none}
.navi-inst-stages li{position:relative;background:#F7F9FA;border-radius:12px;padding:16px 14px;display:flex;flex-direction:column;gap:6px}
.navi-inst-stages li>i{color:#30A495;font-size:20px}
.navi-inst-stages b{font-size:15px}
.navi-inst-stages li>span:last-child{font-size:13px;color:#5F6F75;line-height:1.45}
.navi-inst-stage-no{position:absolute;top:10px;right:12px;font-size:22px;font-weight:800;color:#DDE5E7}
.navi-inst-kit{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.navi-inst-kit-item{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:48px;padding:0 16px;border:1px solid #DDE5E7;border-radius:10px;color:#263238!important;text-decoration:none!important;font-weight:500;transition:border-color .18s,transform .18s,box-shadow .18s}
.navi-inst-kit-item i{color:#30A495;transition:transform .18s}
.navi-inst-kit-item:hover{border-color:#30A495;transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.06)}
.navi-inst-kit-item:hover i{transform:translateX(3px)}
.navi-inst-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.navi-inst-tile{display:flex;flex-direction:column;gap:8px;padding:20px;border:1px solid #E3E8EB;border-radius:14px;background:#fff;color:#263238!important;text-decoration:none!important;transition:transform .22s,box-shadow .22s,border-color .22s}
.navi-inst-tile>i{width:46px;height:46px;border-radius:12px;background:#EEFAF7;color:#30A495;display:flex;align-items:center;justify-content:center;font-size:20px;transition:background .22s,color .22s}
.navi-inst-tile b{font-size:16px}
.navi-inst-tile-text{font-size:13px;color:#5F6F75;line-height:1.5;flex:1}
.navi-inst-tile-foot{display:flex;align-items:center;justify-content:space-between;font-weight:600;color:#30A495;font-size:14px}
.navi-inst-tile-arrow{display:inline-flex;transition:transform .22s}
.navi-inst-tile:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.08);border-color:rgba(48,164,149,.45)}
.navi-inst-tile:hover>i{background:#30A495;color:#fff}
.navi-inst-tile:hover .navi-inst-tile-arrow{transform:translateX(4px)}
.navi-inst-tiles--sm .navi-inst-tile{flex-direction:row;align-items:center;padding:14px 16px}
.navi-inst-tiles--sm .navi-inst-tile>i{width:38px;height:38px;font-size:16px;flex-shrink:0}
.navi-inst-tiles--sm .navi-inst-tile b{flex:1;font-size:14px}
.navi-inst-tiles--sm .navi-inst-tile-arrow{color:#30A495}
.navi-inst-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.navi-inst-facts>div{display:grid;grid-template-columns:40px 1fr;gap:2px 12px;align-items:start;padding:14px;border-radius:12px;background:#F7F9FA}
.navi-inst-facts i{grid-row:span 2;font-size:22px;color:#30A495;margin-top:4px}
.navi-inst-facts b{font-size:15px}
.navi-inst-facts span{font-size:13px;color:#5F6F75;line-height:1.45}
.navi-inst-chips{display:flex;flex-wrap:wrap;gap:8px}
.navi-inst-chips span{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:20px;border:1px solid #E3E8EB;font-size:14px}
.navi-inst-chips i{color:#30A495}
.navi-inst-faq details{border:1px solid #E3E8EB;border-radius:12px;margin-bottom:10px;background:#fff;transition:border-color .18s}
.navi-inst-faq details[open]{border-color:rgba(48,164,149,.45)}
.navi-inst-faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;font-weight:600;font-size:15px}
.navi-inst-faq summary::-webkit-details-marker{display:none}
.navi-inst-faq summary i{color:#78909C;transition:transform .2s}
.navi-inst-faq details[open] summary i{transform:rotate(180deg)}
.navi-inst-faq p{margin:0;padding:0 18px 16px;color:#4A5B63;line-height:1.6}
.navi-inst-about p{line-height:1.65;color:#4A5B63}
.navi-inst-back{margin:14px 0 0;font-size:14px}
.navi-inst-back a{color:#30A495;font-weight:600}
@media (max-width:991px){.navi-inst-stages{grid-template-columns:repeat(2,1fr)}.navi-inst-tiles,.navi-inst-kit,.navi-inst-facts{grid-template-columns:1fr 1fr}}
@media (max-width:640px){
  .navi-inst-hero,.navi-inst-sec{padding:18px 16px;border-radius:14px}
  .navi-inst-hero--hub{display:block}.navi-inst-hero-logo{display:none}
  .navi-inst-h1{font-size:23px}.navi-inst-lead{font-size:15px}
  .navi-inst-sec h2{font-size:19px}
  .navi-inst-btn{width:100%;justify-content:center}
  .navi-inst-checks,.navi-inst-tiles,.navi-inst-kit,.navi-inst-facts,.navi-inst-stages{grid-template-columns:1fr}
  .navi-inst-stages{gap:8px}
  .navi-inst-stages li{display:grid;grid-template-columns:26px 1fr;gap:2px 12px;padding:12px 40px 12px 14px}
  .navi-inst-stages li>i{grid-row:span 2;font-size:18px;margin-top:2px}
  .navi-inst-stage-no{top:50%;transform:translateY(-50%);font-size:20px}
}

/* ==== Квиз «Расчёт монтажа» (SEO п.37) ==== */
.navi-quiz{background:linear-gradient(135deg,#1F3B3A 0%,#24564F 100%);color:#fff;border-radius:16px;padding:28px;margin:0 0 20px;scroll-margin-top:96px}
.navi-quiz-head h2{color:#fff;font-size:22px;margin:0 0 6px}
.navi-quiz-head p{color:#C9DEDA;margin:0 0 18px;font-size:14px}
.navi-quiz-form{background:#fff;color:#263238;border-radius:14px;padding:22px}
.navi-quiz-progress{height:6px;border-radius:3px;background:#EEF1F2;overflow:hidden}
.navi-quiz-progress span{display:block;height:100%;background:#30A495;border-radius:3px;transition:width .3s ease}
.navi-quiz-stepno{font-size:12px;color:#78909C;margin:8px 0 6px}
.navi-quiz-step{display:none;border:0;padding:0;margin:0;min-width:0}
.navi-quiz-step.is-active{display:block;animation:naviQuizIn .25s ease}
@keyframes naviQuizIn{from{opacity:0;transform:translateX(12px)}to{opacity:1;transform:none}}
.navi-quiz-step legend{font-size:18px;font-weight:700;margin:0 0 14px;padding:0;float:none;width:auto}
.navi-quiz-step legend small{font-size:13px;font-weight:400;color:#78909C;margin-left:6px}
.navi-quiz-opts{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}
.navi-quiz-opts--inline{display:flex;flex-wrap:wrap;margin:12px 0}
.navi-quiz-opt{position:relative;margin:0;cursor:pointer}
.navi-quiz-opt input{position:absolute;opacity:0;pointer-events:none}
.navi-quiz-opt span{display:flex;align-items:center;gap:10px;min-height:52px;padding:10px 14px;border:1.5px solid #DDE5E7;border-radius:12px;font-size:15px;font-weight:500;transition:border-color .15s,background .15s,box-shadow .15s}
.navi-quiz-opt span i{color:#30A495;width:20px;text-align:center}
.navi-quiz-opt:hover span{border-color:#9FD6CE}
.navi-quiz-opt input:checked+span{border-color:#30A495;background:#EEFAF7;box-shadow:inset 0 0 0 1px #30A495}
.navi-quiz-opt input:focus-visible+span{outline:2px solid #30A495;outline-offset:2px}
.navi-quiz-opt--sm span{min-height:40px;padding:6px 16px;border-radius:20px;font-size:14px}
.navi-quiz-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.navi-quiz-field{display:flex;flex-direction:column;gap:6px;margin:0;font-size:13px;color:#5F6F75;font-weight:600}
.navi-quiz-field input{height:48px;border:1.5px solid #DDE5E7;border-radius:10px;padding:0 14px;font-size:16px;color:#263238;background:#fff}
.navi-quiz-field input:focus{border-color:#30A495;outline:0;box-shadow:0 0 0 3px rgba(48,164,149,.15)}
.navi-quiz-consent{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:#5F6F75;line-height:1.5;margin:4px 0 0;cursor:pointer}
.navi-quiz-consent input{width:20px;height:20px;flex-shrink:0;accent-color:#30A495;margin-top:1px}
.navi-quiz-consent a{color:#30A495}
.navi-quiz-err{margin:12px 0 0;padding:10px 14px;border-radius:10px;background:#FFF1F0;color:#C0392B;font-size:14px}
.navi-quiz-nav{display:flex;justify-content:space-between;gap:10px;margin-top:18px}
.navi-quiz-next,.navi-quiz-back{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:0 22px;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;border:0}
.navi-quiz-next{margin-left:auto;background:#30A495;color:#fff}
.navi-quiz-next:hover{background:#28907F}
.navi-quiz-next[disabled]{opacity:.65;cursor:wait}
.navi-quiz-back{background:#F3F6F7;color:#263238}
.navi-quiz-done{text-align:center;padding:12px 0 4px;animation:naviQuizIn .3s ease}
.navi-quiz-done-icon{width:60px;height:60px;border-radius:50%;background:#30A495;color:#fff;font-size:26px;display:flex;align-items:center;justify-content:center;margin:0 auto 12px}
.navi-quiz-done h3{font-size:20px;margin:0 0 8px}
.navi-quiz-done p{color:#5F6F75;margin:0}
.navi-quiz-estimate ul{list-style:none;padding:0;margin:6px 0 10px;font-weight:600;color:#24897C}
@media (max-width:640px){
  .navi-quiz{padding:18px 14px;border-radius:14px}
  .navi-quiz-form{padding:16px 14px}
  .navi-quiz-opts{grid-template-columns:1fr}
  .navi-quiz-fields{grid-template-columns:1fr}
  .navi-quiz-step legend{font-size:17px}
}

/* ==== Отзывы (SEO п.22) ==== */
.navi-reviews-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:20px;align-items:start}
.navi-reviews-grid .navi-inst-sec{margin:0 0 20px}
.navi-reviews .navi-inst-sec h2{display:flex;align-items:center;gap:10px}
.navi-reviews-logo{flex-shrink:0;object-fit:contain;width:32px;height:32px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:17px}
.navi-reviews-logo--ya{background:none}
.navi-reviews-logo--2gis{background:none}
.navi-reviews-grid--even{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.navi-reviews-frame--2gis{margin-top:14px;background:#fff;border:0}
.navi-reviews-frame{position:relative;height:720px;border-radius:12px;overflow:hidden;border:1px solid #EEF1F2;background:#F7F9FA}
.navi-reviews-frame iframe{width:100%;height:100%;border:0;display:block}
.navi-reviews-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.navi-reviews-actions--col{flex-direction:column}
.navi-reviews-actions--col .navi-inst-btn{justify-content:center}
.navi-reviews-2gis p{color:#4A5B63;line-height:1.6}
.navi-reviews-note{display:flex;gap:10px;margin-top:18px;padding:12px 14px;border-radius:10px;background:#F7F9FA;font-size:13px;color:#5F6F75;line-height:1.5}
.navi-reviews-note i{color:#30A495;margin-top:2px}
.navi-reviews-note a{color:#30A495;font-weight:600}
.navi-inst-btn--ghost i.fa-arrow-up-right-from-square{font-size:12px}
@media (max-width:991px){.navi-reviews-grid{grid-template-columns:1fr}.navi-reviews-frame{height:640px}}

/* ==== Цифры компании со счётчиками (дизайн п.55–56) — /about/ и главная ==== */
.navi-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.navi-fact{display:flex;flex-direction:column;gap:6px;padding:18px 16px;border-radius:14px;background:#F2FAF8;border:1px solid #DDF0EC}
.navi-fact b{font-size:32px;line-height:1;font-weight:800;color:#30A495;font-variant-numeric:tabular-nums;white-space:nowrap}
.navi-fact>span{font-size:13px;line-height:1.45;color:#4A5B63}
@media (max-width:991px){.navi-facts{grid-template-columns:1fr 1fr}}
@media (max-width:380px){.navi-fact b{font-size:27px}.navi-fact{padding:14px 12px}}

/* ==== «О компании» /about/ (SEO п.24, дизайн п.55) ==== */
.navi-about-logo{width:220px;height:auto;flex-shrink:0}
.navi-about-dirs{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.navi-about-chips a{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 16px;border-radius:20px;border:1px solid #E3E8EB;font-size:14px;color:#263238!important;text-decoration:none!important;transition:border-color .18s,color .18s,transform .18s}
.navi-about-chips a:hover{border-color:#30A495;color:#30A495!important;transform:translateY(-1px)}
.navi-about-brands{display:grid;grid-template-columns:repeat(8,1fr);gap:10px}
.navi-about-brands a{display:flex;align-items:center;justify-content:center;height:72px;padding:10px;border:1px solid #EEF1F2;border-radius:12px;background:#fff;transition:border-color .18s,box-shadow .18s,transform .18s}
.navi-about-brands img{max-width:100%;max-height:46px;width:auto;height:auto;object-fit:contain;filter:grayscale(1);opacity:.75;transition:filter .2s,opacity .2s}
.navi-about-brands span{font-size:13px;font-weight:600;color:#5F6F75;text-align:center}
.navi-about-brands a:hover{border-color:rgba(48,164,149,.45);box-shadow:0 6px 16px rgba(0,0,0,.06);transform:translateY(-2px)}
.navi-about-brands a:hover img{filter:none;opacity:1}
.navi-about-brand{display:flex;gap:28px;align-items:center}
.navi-about-brand-text{flex:1;min-width:0}
.navi-about-brand-text p{line-height:1.65;color:#4A5B63}
.navi-about-brand-logos{display:flex;flex-direction:column;gap:18px;align-items:center;flex-shrink:0;width:220px;padding:20px;border-radius:14px;background:#F7F9FA}
.navi-about-brand-logos img{max-width:180px;height:auto}
.navi-about-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.navi-about-gallery figure{margin:0;border-radius:12px;overflow:hidden;background:#F7F9FA}
.navi-about-gallery img{display:block;width:100%;aspect-ratio:4/3;height:auto;object-fit:cover;transition:transform .4s}
.navi-about-gallery figure:hover img{transform:scale(1.03)}
.navi-about-gallery figcaption{padding:10px 14px;font-size:13px;color:#5F6F75}
.navi-about-visit{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;align-items:center}
.navi-about-visit>img{width:100%;height:auto;border-radius:12px;display:block}
.navi-about-visit p{display:flex;gap:10px;align-items:flex-start;line-height:1.55;color:#4A5B63}
.navi-about-visit p i{color:#30A495;margin-top:4px;width:16px;text-align:center}
.navi-about-visit p a{color:#263238;font-weight:600}
@media (max-width:1199px){.navi-about-brands{grid-template-columns:repeat(4,1fr)}}
@media (max-width:991px){.navi-about-dirs{grid-template-columns:1fr 1fr}.navi-about-visit{grid-template-columns:1fr}}
@media (max-width:640px){
  .navi-about-logo{display:none}
  .navi-about-dirs,.navi-about-gallery{grid-template-columns:1fr}
  .navi-about-brands{grid-template-columns:repeat(3,1fr)}
  .navi-about-brand{display:block}.navi-about-brand-logos{width:auto;flex-direction:row;justify-content:center;margin-top:12px}
  .navi-about-brand-logos img{max-width:130px}
}

/* ==== Главная: блок «О компании» с H1 (SEO п.24) ==== */
.navi-home-about-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:28px;align-items:center;background:#fff;border:1px solid #E3E8EB;border-radius:16px;padding:28px}
main.site-content h1.navi-home-h1.navi-home-h1{margin:0 0 14px !important;font-size:24px !important;line-height:1.3}
.navi-home-about-text p{font-size:15px;line-height:1.65;color:#4A5B63;margin:0 0 12px}
.navi-home-about-text p a{color:#24897C;text-decoration:underline;text-decoration-color:rgba(48,164,149,.35);text-underline-offset:2px}
.navi-home-about-text p a:hover{text-decoration-color:currentColor}
.navi-home-about-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.navi-home-about-links .navi-inst-btn{min-height:44px;font-size:14px}
.navi-home-about .navi-facts{grid-template-columns:1fr 1fr}
@media (max-width:991px){.navi-home-about-grid{grid-template-columns:1fr}}
@media (max-width:640px){
  .navi-home-about-grid{padding:18px 16px;gap:18px}
  main.site-content h1.navi-home-h1.navi-home-h1{font-size:20px !important;margin:0 0 12px !important}
  .navi-home-about-links .navi-inst-btn{width:auto;flex:1 1 auto;justify-content:center}
}

/* ==== Раздел «Решения» (SEO п.29) ==== */
a.navi-inst-badge{text-decoration:none!important;transition:background .18s}
a.navi-inst-badge:hover{background:#D6F0EB}
.navi-sol-meta{font-size:13px;color:#78909C;display:flex;align-items:center;gap:6px}
.navi-sol-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}
.navi-sol-tabs a{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 16px;border-radius:20px;border:1px solid #DDE5E7;color:#263238!important;text-decoration:none!important;font-size:14px;font-weight:500;transition:border-color .18s,background .18s,color .18s}
.navi-sol-tabs a i{color:#30A495}
.navi-sol-tabs a:hover{border-color:#30A495}
.navi-sol-tabs a.is-active{background:#30A495;border-color:#30A495;color:#fff!important}
.navi-sol-tabs a.is-active i{color:#fff}
.navi-sol-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.navi-sol-head a{color:#30A495;font-weight:600;font-size:14px;white-space:nowrap}
.navi-sol-text{font-size:15px;line-height:1.7;color:#37474F}
.navi-sol-text p{margin:0 0 10px}
.navi-sol-text ul{margin:0;padding-left:20px}
.navi-sol-text li{margin-bottom:8px}
.navi-sol-text li::marker{color:#30A495}
.navi-sol-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;background:linear-gradient(135deg,#1F3B3A 0%,#24564F 100%);color:#fff;border-radius:16px;padding:24px 28px;margin:0 0 20px}
.navi-sol-cta h2{color:#fff;font-size:20px;margin:0 0 6px}
.navi-sol-cta p{margin:0;color:rgba(255,255,255,.8);font-size:14px}
.navi-sol-cta .navi-inst-btn--ghost{background:transparent;color:#fff!important;border-color:rgba(255,255,255,.6)}
.navi-sol-cta .navi-inst-btn--ghost:hover{background:rgba(255,255,255,.1)}
@media (max-width:640px){.navi-sol-cta{padding:18px 16px}.navi-sol-tabs a{flex:1 1 auto;justify-content:center}}

/* правка: мобильные карточки подкатегорий (вернули сетку 2 колонки, как в оригинале) */
.navi-subcats-cards { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin: 12px 0 20px; }
.navi-subcats-cards a { display: flex; flex-direction: column; align-items: center; justify-content: flex-start; gap: 8px; padding: 14px 10px; min-height: 120px; background: #fff; border: 1px solid #E3E8EB; border-radius: 10px; font-size: 14px; font-weight: 500; line-height: 1.3; color: #37474F; text-align: center; text-decoration: none; transition: border-color .15s ease, color .15s ease; }
.navi-subcats-cards a:hover, .navi-subcats-cards a:active { border-color: #30A495; color: #30A495; }
.navi-subcats-cards img { width: 56px; height: 56px; object-fit: contain; flex-shrink: 0; border-radius: 6px; background: #fff; }
.navi-subcats-cards .navi-subcats-ic { width: 56px; height: 56px; border-radius: 8px; font-size: 24px; display: flex; align-items: center; justify-content: center; color: #fff; flex-shrink: 0; }
@media (min-width: 992px) { .navi-subcats-cards { display: none; } }

/* правка п.10: подписка под сайдбаром каталога на ПК (новости) */
.search-sidebar-col.search-sidebar-col--extra { flex-direction: column; gap: 16px; }
.search-sidebar-col--extra > .navi-catalog-sidebar { align-self: stretch; }
.navi-side-subscribe { background: #fff; border: 1px solid #E3E8EB; border-radius: 12px; padding: 18px 16px; }
.navi-side-subscribe-title { font-size: 17px !important; font-weight: 700; color: #1F2A2E; margin: 0 0 4px !important; }
.navi-side-subscribe-text { font-size: 13px; line-height: 1.45; color: #5F6F75; margin: 0 0 12px; }

/* правка п.12: /about/ — текстовые блоки и список направлений */
.navi-about-text p, .navi-about-p { font-size: 15px; line-height: 1.65; color: #37474F; margin: 0 0 12px; max-width: 900px; }
.navi-about-text p:last-child { margin-bottom: 0; }
.navi-about-list { list-style: none; margin: 0 0 16px; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 8px; }
.navi-about-list a { display: flex; align-items: center; gap: 10px; min-height: 48px; padding: 8px 14px; background: #fff; border: 1px solid #E3E8EB; border-radius: 10px; font-size: 14px; font-weight: 500; line-height: 1.3; color: #263238; text-decoration: none; transition: border-color .15s ease, color .15s ease; }
.navi-about-list a:first-letter { text-transform: uppercase; }
.navi-about-list a:hover { border-color: #30A495; color: #30A495; }
.navi-about-list i { width: 20px; text-align: center; color: #30A495; flex-shrink: 0; }
.navi-about-brand-text p { font-size: 15px; line-height: 1.65; }
.navi-about-cta .navi-inst-cta { flex-wrap: wrap; }
.navi-about-summary { margin: 18px 0 0; padding: 16px 18px; background: #F5F8F8; border-left: 3px solid #30A495; border-radius: 0 10px 10px 0; font-size: 14px; line-height: 1.6; color: #455A64; }

/* ===== правка п.12: единый современный вид информационных страниц (.navi-pg) ===== */
.navi-pg .navi-inst-sec p { font-size: 15px; line-height: 1.65; color: #37474F; margin: 0 0 12px; }
.navi-pg .navi-inst-sec p:last-child { margin-bottom: 0; }
.navi-pg .navi-inst-sec ul:not([class]), .navi-pg .navi-inst-sec ol:not([class]) { margin: 0 0 12px; padding-left: 22px; font-size: 15px; line-height: 1.6; color: #37474F; }
.navi-pg .navi-inst-sec ul:not([class]) li, .navi-pg .navi-inst-sec ol:not([class]) li { margin-bottom: 6px; }
.navi-pg .navi-inst-sec ul:not([class]) li::marker { color: #30A495; }
.navi-pg .navi-inst-sec h3 { font-size: 17px; font-weight: 700; margin: 18px 0 8px; color: #1F2A2E; }
.navi-pg .navi-inst-sec h2 + h3 { margin-top: 0; }
.navi-pg .navi-inst-sec a:not([class]) { color: #24897C; text-decoration: underline; text-underline-offset: 2px; }
.navi-pg-h2ic { display: flex; align-items: center; gap: 12px; }
.navi-pg-h2ic > i { width: 40px; height: 40px; border-radius: 10px; background: #EEFAF7; color: #30A495; display: inline-flex; align-items: center; justify-content: center; font-size: 17px; flex-shrink: 0; }
.navi-pg-toc { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 20px; padding: 0; list-style: none; }
.navi-pg-toc a { display: inline-flex; align-items: center; gap: 8px; min-height: 40px; padding: 6px 14px; border: 1px solid #E3E8EB; border-radius: 999px; background: #fff; font-size: 14px; font-weight: 500; color: #37474F !important; text-decoration: none !important; transition: border-color .15s, color .15s; }
.navi-pg-toc a:hover { border-color: #30A495; color: #30A495 !important; }
.navi-pg-toc i { color: #30A495; }
.navi-pg-grid2 { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.navi-pg-grid2 > .navi-inst-sec { margin: 0; }
.navi-pg-grid2 + .navi-inst-sec, .navi-pg-grid2 + .navi-sol-cta { margin-top: 20px; }
.navi-pg-callout { display: flex; gap: 12px; align-items: flex-start; padding: 14px 16px; border-radius: 12px; background: #F5F8F8; border-left: 3px solid #30A495; font-size: 14px; line-height: 1.55; color: #37474F; margin: 0 0 14px; }
.navi-pg-callout > i { color: #30A495; margin-top: 3px; }
.navi-pg-callout--warn { background: #FFF8EC; border-left-color: #F59E0B; }
.navi-pg-callout--warn > i { color: #F59E0B; }
.navi-pg-steps { list-style: none; margin: 0; padding: 0; counter-reset: pgstep; display: grid; gap: 12px; }
.navi-pg-steps > li { counter-increment: pgstep; position: relative; padding: 16px 16px 16px 64px; background: #F7F9FA; border-radius: 12px; font-size: 15px; line-height: 1.6; color: #37474F; }
.navi-pg-steps > li::before { content: counter(pgstep); position: absolute; left: 16px; top: 14px; width: 34px; height: 34px; border-radius: 50%; background: #30A495; color: #fff; font-weight: 700; display: flex; align-items: center; justify-content: center; }
.navi-pg-steps > li > b:first-child, .navi-pg-steps > li > strong:first-child { display: block; font-size: 16px; color: #1F2A2E; margin-bottom: 2px; }
@media (max-width: 767px) {
  .navi-pg-grid2 { grid-template-columns: 1fr; gap: 14px; }
  .navi-pg .navi-inst-hero { padding: 20px 16px 18px; }
  .navi-pg .navi-inst-sec { padding: 18px 16px; }
  .navi-pg .navi-inst-h1 { font-size: 24px; }
  .navi-pg .navi-inst-sec h2 { font-size: 19px; }
  .navi-pg-steps > li { padding: 14px 14px 14px 56px; }
  .navi-pg-steps > li::before { left: 12px; width: 30px; height: 30px; }
}

/* /requisites/ */
.navi-req-head { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px 20px; margin-bottom: 14px; }
.navi-inst-sec h2.navi-req-company { margin: 0; font-size: 22px; }
.navi-req-tools { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; position: relative; }
.navi-req-tools button { border: 0; cursor: pointer; font-family: inherit; }
.navi-req-tools .navi-inst-btn--ghost { border: 2px solid #30A495; }
.navi-pg .navi-req-note { display: flex; gap: 10px; align-items: flex-start; padding: 12px 14px; background: #F5F8F8; border-radius: 10px; font-size: 14px; color: #455A64; margin: 0 0 16px; }
.navi-req-note i { color: #30A495; margin-top: 3px; }
.navi-req-table { width: 100%; border-collapse: collapse; font-size: 15px; }
.navi-req-table td { padding: 12px 14px; border-bottom: 1px solid #EEF1F2; vertical-align: top; }
.navi-req-table tr:last-child td { border-bottom: 0; }
.navi-req-table td:first-child { width: 34%; color: #5F6F75; }
.navi-req-table td:last-child { color: #1F2A2E; font-weight: 600; position: relative; padding-right: 48px; font-variant-numeric: tabular-nums; }
.navi-req-table tr:hover td { background: #FAFCFC; }
.navi-req-copy { position: absolute; right: 6px; top: 50%; transform: translateY(-50%); width: 36px; height: 36px; border: 0; border-radius: 8px; background: transparent; color: #90A4AE; cursor: pointer; transition: background .15s, color .15s; }
.navi-req-copy:hover, .navi-req-copy:focus-visible { background: #E8F5F3; color: #30A495; }
.copy-feedback { font-size: 13px; font-weight: 600; color: #24897C; opacity: 0; transition: opacity .2s; }
.copy-feedback.show { opacity: 1; }
@media (max-width: 767px) {
  .navi-req-table td { display: block; padding: 2px 0; border: 0; width: auto !important; }
  .navi-req-table tr { display: block; padding: 10px 0; border-bottom: 1px solid #EEF1F2; position: relative; }
  .navi-req-table td:first-child { font-size: 13px; }
  .navi-req-table td:last-child { padding-right: 44px; position: static; }
  .navi-req-copy { top: 50%; right: 0; }
  .navi-req-tools { width: 100%; }
  .navi-req-tools .navi-inst-btn { flex: 1 1 auto; justify-content: center; }
}
@media print {
  .navi-page-wrap .search-sidebar-col, .navi-req-tools, .navi-req-copy, .navi-pg .navi-inst-kit, .navi-pg nav[aria-label] { display: none !important; }
}
/* /coop/ */
.navi-inst-chips.navi-coop-features { list-style: none; padding: 0; margin: 0 0 18px; }
.navi-coop-features li { display: inline-flex; align-items: center; gap: 8px; padding: 8px 16px; border-radius: 20px; border: 1px solid #E3E8EB; font-size: 14px; font-weight: 500; background: #fff; }
.navi-coop-features i { color: #30A495; }
.navi-pg .navi-inst-hero .navi-pg-toc { margin: 0; }
.navi-pg .navi-inst-checks.navi-coop-dirs { grid-template-columns: 1fr; margin: 0 0 14px; }
.navi-pg-grid2 > .navi-inst-sec .navi-inst-badge { margin-bottom: 10px; }
.navi-sol-cta p a { color: #fff !important; text-decoration: underline; text-underline-offset: 3px; }
:target.navi-inst-sec { scroll-margin-top: 100px; }
.navi-pg [id] { scroll-margin-top: 100px; }
/* /support/soft/ */
.navi-soft section.page-sidebar { margin: 0 !important; padding: 0 !important; }
.navi-soft .soft-product { border: 1px solid #E3E8EB !important; margin-bottom: 20px !important; }
.navi-soft .navi-inst-hero .navi-pg-toc { margin: 4px 0 0; }

/* /video/ — шапка в стиле navi-inst-hero (правка п.12) */
.navi-video-hero .video-intro { max-width: none; margin: 0 0 16px; text-align: left; font-size: 16px; line-height: 1.7; color: #546E7A; }
.navi-video-hero .subscribe-row { justify-content: flex-start; margin: 0; }
.navi-video-hero .subscribe-card { max-width: none; padding: 12px 18px; }
.video-page .navi-video-h2 { scroll-margin-top: 100px; }
@media (max-width: 767px) { .navi-video-hero .subscribe-row { align-items: stretch; } }

/* /support/faq/ — новый вид (правка п.12) */
.navi-faq .faq-search-wrap { position: relative; display: flex; align-items: center; gap: 12px; margin: 0 0 16px; }
.navi-faq .faq-search-wrap input { flex: 1; max-width: none; width: auto; min-height: 50px; padding: 12px 16px 12px 44px; border: 1px solid #D5DDE1; border-radius: 12px; font-size: 15px; background: #fff; }
.navi-faq .faq-search-wrap input:focus { border-color: #30A495; outline: none; box-shadow: 0 0 0 3px rgba(48,164,149,.15); }
.navi-faq .navi-faq-search-ic { position: absolute; left: 16px; top: 50%; transform: translateY(-50%); color: #90A4AE; pointer-events: none; }
.navi-faq .navi-faq-hero .navi-pg-toc { margin: 0; }
.navi-faq .faq-section-title, .navi-faq [id] { scroll-margin-top: 100px; }
.navi-faq .navi-faq-cta { margin-top: 32px; }
@media (max-width: 767px) {
  .navi-faq .faq-search-wrap { flex-direction: column; align-items: stretch; }
  .navi-faq .navi-faq-search-ic { top: 25px; }
}
.navi-sr { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }

/* /support/service/ — новый вид (правка п.12) */
.navi-svc-subtitle { font-size: 17px; font-weight: 600; color: #24897C; margin: -4px 0 10px; }
.navi-svc .navi-inst-hero .navi-inst-cta { margin: 16px 0; }
.navi-svc-toc { margin: 0 !important; }
.navi-svc-brands { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.navi-svc-brand { border: 1px solid #E3E8EB; border-radius: 14px; padding: 18px; background: #FAFCFC; }
.navi-svc-brand-logo { height: 56px; display: flex; align-items: center; margin-bottom: 10px; }
.navi-svc-brand-logo img { max-height: 48px; max-width: 140px; width: auto; height: auto; object-fit: contain; }
.navi-pg .navi-svc-brand h3 { font-size: 16px; margin: 0 0 6px; }
.navi-pg .navi-svc-brand p { font-size: 14px; line-height: 1.55; margin: 0; }
.navi-svc-tiles { grid-template-columns: repeat(3, 1fr); margin-top: 14px; }
.navi-pg .navi-svc-tiles .navi-inst-tile h3 { font-size: 16px; margin: 8px 0 6px; }
.navi-pg .navi-svc-tiles .navi-inst-tile p { font-size: 14px; margin: 0; }
.navi-svc-stats { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
.navi-svc-stats li { background: #F0FAF8; border-radius: 14px; padding: 18px; display: flex; flex-direction: column; gap: 6px; }
.navi-svc-stats strong { font-size: 30px; line-height: 1; font-weight: 800; color: #24897C; }
.navi-svc-stats span { font-size: 14px; line-height: 1.45; color: #37474F; }
.navi-svc-certs { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 14px; }
.navi-svc-cert { margin: 0; border: 1px solid #E3E8EB; border-radius: 14px; overflow: hidden; background: #fff; }
.navi-svc-cert a { display: block; background: #F5F7F8; }
.navi-svc-cert img { display: block; width: 100%; height: 260px; object-fit: contain; transition: transform .2s; }
.navi-svc-cert a:hover img { transform: scale(1.03); }
.navi-svc-cert figcaption { padding: 12px 16px; }
.navi-pg .navi-svc-cert h3 { font-size: 16px; margin: 0 0 2px; }
.navi-pg .navi-svc-cert p { font-size: 13px; color: #607D8B; margin: 0; }
.navi-svc-steps { grid-template-columns: repeat(2, 1fr); }
@media (max-width: 1199px) { .navi-svc-brands, .navi-svc-stats { grid-template-columns: repeat(2, 1fr); } .navi-svc-tiles { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 767px) {
  .navi-svc-tiles, .navi-svc-certs, .navi-svc-steps { grid-template-columns: 1fr; }
  .navi-svc-brands { grid-template-columns: 1fr; }
  .navi-svc-stats strong { font-size: 24px; }
  .navi-svc-cert img { height: 220px; }
}
.navi-svc-tiles .navi-inst-tile:hover { transform: none; box-shadow: none; border-color: #E3E8EB; } .navi-svc-tiles .navi-inst-tile:hover > i { background: #EEFAF7; color: #30A495; }
.navi-svc-brands { grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); }
.navi-svc-stats { grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); }
.navi-svc-tiles { grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); }
.navi-svc-certs { grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); }

/* /support/warranty/ — новый вид (правка п.12) */
.navi-wr-keys { list-style: none; margin: 4px 0 18px; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 12px; }
.navi-wr-keys li { background: #F0FAF8; border-radius: 12px; padding: 14px 16px; display: flex; flex-direction: column; gap: 4px; }
.navi-wr-keys strong { font-size: 22px; line-height: 1.1; color: #24897C; font-weight: 800; }
.navi-wr-keys span { font-size: 13px; color: #546E7A; }
.navi-wr-toc { margin: 0 !important; }
.navi-wr-toc a { font-size: 13px; min-height: 36px; }
.navi-pg .navi-wr ol { margin: 0; padding-left: 22px; font-size: 15px; line-height: 1.65; color: #37474F; }
.navi-pg .navi-wr ol > li { margin-bottom: 10px; padding-left: 4px; }
.navi-pg .navi-wr ol > li::marker { color: #30A495; font-weight: 700; }
.navi-pg .navi-wr ol ul { margin: 8px 0 0; padding-left: 20px; }
.navi-pg .navi-wr ol ul li { margin-bottom: 4px; }
.navi-wr-excl ul { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 8px 16px; }
.navi-wr-excl ul li { position: relative; padding: 10px 12px 10px 38px; background: #FFF8EC; border-radius: 10px; font-size: 14px; line-height: 1.5; color: #37474F; }
.navi-wr-excl ul li::before { content: "\f00d"; font-family: "Font Awesome 6 Free"; font-weight: 900; position: absolute; left: 14px; top: 10px; color: #E07B00; }
.navi-wr-tablewrap { overflow-x: auto; border: 1px solid #E3E8EB; border-radius: 12px; }
.navi-wr-table { width: 100%; border-collapse: collapse; font-size: 14px; margin: 0; }
.navi-wr-table th { background: #F5F8F8; text-align: left; padding: 12px 16px; font-weight: 700; color: #1F2A2E; border-bottom: 1px solid #E3E8EB; }
.navi-wr-table td { padding: 12px 16px; border-bottom: 1px solid #EEF2F3; color: #37474F; vertical-align: top; }
.navi-wr-table tr:last-child td { border-bottom: 0; }
.navi-wr-table td:nth-child(2) { font-weight: 700; color: #24897C; white-space: nowrap; }
.navi-wr .navi-sol-cta p a { color: #fff; }
@media (max-width: 767px) { .navi-wr-excl ul { grid-template-columns: 1fr; } .navi-wr-table td:nth-child(2) { white-space: normal; } }

/* /return/ — новый вид (правка п.12) */
.navi-ret-grid { align-items: start; }
.navi-ret .navi-inst-sec ul:not([class]), .navi-ret .navi-inst-sec ol:not([class]) { margin: 0 0 12px; padding-left: 22px; font-size: 15px; line-height: 1.6; color: #37474F; }
.navi-ret .navi-inst-sec li { margin-bottom: 6px; }
.navi-ret-law { list-style: none; margin: 0 0 12px; padding: 0; }
.navi-ret-law a { display: inline-flex; align-items: center; gap: 8px; padding: 8px 14px; border-radius: 10px; background: #F0FAF8; color: #24897C !important; font-weight: 600; font-size: 14px; text-decoration: none !important; }
.navi-ret-law a::before { content: "\f15c"; font-family: "Font Awesome 6 Free"; font-weight: 900; }
@media (max-width: 991px) { .navi-ret-grid { grid-template-columns: 1fr; } }

/* /delivery/ — новый вид (правка п.12) */
.navi-dlv-address { display: flex; gap: 12px; padding: 14px 16px; background: #F0FAF8; border-radius: 12px; font-size: 15px; line-height: 1.6; color: #37474F; margin: 0 0 14px; }
.navi-dlv-address > i { color: #30A495; font-size: 20px; margin-top: 3px; }
.navi-dlv-address strong { display: block; color: #1F2A2E; }
.navi-dlv-hours { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; font-size: 14px; }
.navi-dlv-hours li { display: flex; justify-content: space-between; padding: 8px 12px; border-bottom: 1px dashed #E3E8EB; }
.navi-dlv-hours li:last-child { border-bottom: 0; }
.navi-dlv-hours span { color: #607D8B; }
.navi-dlv-btn { margin-top: 6px; }
.navi-dlv-warn { margin: 20px 0; font-size: 15px; }
.navi-dlv-map { border-radius: 12px; overflow: hidden; min-height: 480px; background: #EEF2F3; }
.navi-dlv-maplink { margin: 12px 0 0 !important; }
.navi-dlv-maplink a { color: #24897C !important; font-weight: 600; text-decoration: none !important; }
.navi-dlv-about p { margin: 0 !important; }
@media (max-width: 991px) { .navi-dlv .navi-pg-grid2 { grid-template-columns: 1fr; } }
@media (max-width: 767px) { .navi-dlv-map { min-height: 360px; } }

/* /howtobuy/ — новый вид (правка п.12) */
.navi-buy-flow { list-style: none; margin: 4px 0 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; counter-reset: none; }
.navi-buy-flow a { position: relative; display: flex; align-items: center; gap: 10px; min-height: 56px; padding: 10px 16px; border: 1px solid #E3E8EB; border-radius: 12px; background: #fff; font-weight: 600; font-size: 15px; color: #1F2A2E !important; text-decoration: none !important; transition: border-color .15s, box-shadow .15s; }
.navi-buy-flow a:hover { border-color: #30A495; box-shadow: 0 6px 16px rgba(48,164,149,.12); }
.navi-buy-flow i { color: #30A495; }
.navi-buy-flow-n { width: 28px; height: 28px; border-radius: 50%; background: #30A495; color: #fff; font-size: 14px; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; }
.navi-buy-flow li:not(:last-child) a::after { content: "\f105"; font-family: "Font Awesome 6 Free"; font-weight: 900; position: absolute; right: -10px; top: 50%; transform: translateY(-50%); width: 20px; height: 20px; border-radius: 50%; background: #F0FAF8; color: #30A495; font-size: 11px; display: flex; align-items: center; justify-content: center; z-index: 1; }
.navi-buy-grid { display: grid; gap: 14px; }
.navi-buy-grid--2 { grid-template-columns: repeat(2, 1fr); }
.navi-buy-grid--3 { grid-template-columns: repeat(3, 1fr); }
.navi-buy-card { display: flex; gap: 14px; padding: 18px; border: 1px solid #E3E8EB; border-radius: 14px; background: #FAFCFC; }
.navi-buy-card--col { flex-direction: column; }
.navi-buy-card > i { width: 44px; height: 44px; border-radius: 12px; background: #EEFAF7; color: #30A495; display: inline-flex; align-items: center; justify-content: center; font-size: 18px; flex-shrink: 0; }
.navi-pg .navi-buy-card h3 { font-size: 16px; margin: 0 0 6px; }
.navi-pg .navi-buy-card p { font-size: 14px; line-height: 1.55; margin: 0 0 4px; }
.navi-buy-note { margin: 14px 0 0 !important; }
.navi-buy-note a { color: #24897C !important; font-weight: 600; text-decoration: none !important; }
.navi-buy-about p { margin: 0 !important; }
@media (max-width: 991px) { .navi-buy-grid--3 { grid-template-columns: 1fr 1fr; } }
@media (max-width: 767px) {
  .navi-buy-flow, .navi-buy-grid--2, .navi-buy-grid--3 { grid-template-columns: 1fr; }
  .navi-buy-flow li:not(:last-child) a::after { display: none; }
}
@media (max-width: 767px) {
  .navi-pg .navi-pg-toc { flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; margin-right: -16px; padding-right: 16px; }
  .navi-pg .navi-pg-toc::-webkit-scrollbar { display: none; }
  .navi-pg .navi-pg-toc a { white-space: nowrap; flex-shrink: 0; }
  .navi-wr-keys { grid-template-columns: repeat(3, 1fr); gap: 8px; }
  .navi-wr-keys li { padding: 10px; }
  .navi-wr-keys strong { font-size: 17px; }
  .navi-wr-keys span { font-size: 12px; line-height: 1.3; }
}

/* === Личный кабинет /account/ (п.2) === */
.navi-action-lk { position: relative; }
.navi-action-lk.is-auth::after { content: ""; position: absolute; top: 4px; right: 4px; width: 9px; height: 9px; border-radius: 50%; background: #22c55e; box-shadow: 0 0 0 2px #fff; }
.navi-mobile-menu-link.navi-action-lk.is-auth::after { top: 50%; right: 12px; transform: translateY(-50%); }
.navi-lk-hero-row { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }
.navi-lk-hero-text { flex: 1 1 240px; min-width: 0; }
.navi-lk-hero-text .navi-inst-h1 { margin-bottom: 4px; }
.navi-lk-avatar { width: 64px; height: 64px; border-radius: 50%; background: var(--navi-accent, #e30613); color: #fff; font-size: 28px; font-weight: 700; display: flex; align-items: center; justify-content: center; text-transform: uppercase; flex-shrink: 0; }
.navi-lk-email { margin: 0; color: #64748b; word-break: break-all; }
.navi-lk-tabs { display: flex; gap: 8px; margin-top: 20px; flex-wrap: wrap; }
.navi-lk-tabs button { display: inline-flex; align-items: center; gap: 8px; padding: 10px 16px; border: 1px solid #e2e8f0; border-radius: 10px; background: #fff; color: #1f2328; font-weight: 600; cursor: pointer; }
.navi-lk-tabs button.is-active { background: #1f2328; border-color: #1f2328; color: #fff; }
.navi-lk-count { background: rgba(148,163,184,.25); border-radius: 999px; padding: 0 8px; font-size: 13px; }
.navi-lk-orders { display: flex; flex-direction: column; gap: 10px; }
.navi-lk-order { border: 1px solid #e2e8f0; border-radius: 12px; background: #fff; overflow: hidden; }
.navi-lk-order > summary { list-style: none; display: grid; grid-template-columns: 1fr auto auto auto 20px; align-items: center; gap: 16px; padding: 14px 18px; cursor: pointer; }
.navi-lk-order > summary::-webkit-details-marker { display: none; }
.navi-lk-order[open] > summary { border-bottom: 1px solid #e2e8f0; background: #f8fafc; }
.navi-lk-order-main { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.navi-lk-order-date, .navi-lk-order-meta { color: #64748b; font-size: 14px; }
.navi-lk-order-status { color: #15803d; font-size: 14px; font-weight: 600; white-space: nowrap; }
/* статусы заявки из админки «Клиенты и заказы» */
.navi-lk-st--work { color: #b45309; }
.navi-lk-st--ready { color: #1d4ed8; }
.navi-lk-st--done { color: #475569; }
.navi-lk-st--canceled { color: #b91c1c; }
.navi-lk-order-note { display: flex; gap: 8px; align-items: flex-start; margin: 0 0 14px; padding: 10px 14px; background: #f0fdfa; border-left: 3px solid #30A495; border-radius: 6px; font-size: 15px; white-space: pre-line; }
.navi-lk-order-note > i { color: #30A495; margin-top: 3px; }
.navi-lk-order-total { font-weight: 700; font-size: 17px; white-space: nowrap; }
.navi-lk-order-chev { color: #94a3b8; transition: transform .2s; }
.navi-lk-order[open] .navi-lk-order-chev { transform: rotate(180deg); }
.navi-lk-order-body { padding: 16px 18px; }
.navi-lk-items td:not(:first-child), .navi-lk-items th:not(:first-child) { white-space: nowrap; text-align: right; }
.navi-lk-brand { color: #64748b; font-size: 13px; }
.navi-lk-order-info { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 10px 20px; margin: 16px 0; }
.navi-lk-order-info dt { color: #64748b; font-size: 13px; font-weight: 400; }
.navi-lk-order-info dd { margin: 2px 0 0; }
.navi-lk-order-actions { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.navi-lk-hint { color: #64748b; font-size: 13px; margin: 0; }
.navi-lk-empty { text-align: center; padding: 32px 16px; border: 1px dashed #cbd5e1; border-radius: 12px; }
.navi-lk-empty > i { font-size: 40px; color: #94a3b8; }
.navi-lk-empty p { color: #64748b; margin: 12px 0 16px; }
.navi-lk-form { display: flex; flex-direction: column; gap: 14px; }
.navi-lk-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 14px; }
.navi-lk-field { display: flex; flex-direction: column; gap: 6px; margin: 0; font-weight: 600; font-size: 14px; }
.navi-lk-field--wide { grid-column: 1 / -1; }
.navi-lk-field small { font-weight: 400; color: #64748b; }
.navi-lk-field input, .navi-lk-field textarea { width: 100%; max-width: none; padding: 11px 14px; border: 1px solid #cbd5e1; border-radius: 10px; font: inherit; font-weight: 400; background: #fff; }
.navi-lk-field input:focus, .navi-lk-field textarea:focus { outline: none; border-color: #1f2328; box-shadow: 0 0 0 3px rgba(31,35,40,.12); }
.navi-lk-field input[aria-invalid="true"] { border-color: #dc2626; }
.navi-lk-check { display: flex; gap: 10px; align-items: flex-start; font-size: 14px; font-weight: 400; margin: 0; }
.navi-lk-check input { margin-top: 3px; flex-shrink: 0; }
.navi-lk-msg:empty { display: none; }
.navi-lk-msg { padding: 10px 14px; border-radius: 10px; font-size: 14px; }
.navi-lk-msg.is-ok { background: #f0fdf4; color: #15803d; }
.navi-lk-msg.is-err { background: #fef2f2; color: #b91c1c; }
.navi-lk-form > .navi-inst-btn { align-self: flex-start; }
.navi-lk-submit { justify-content: center; }
.navi-lk-note { color: #64748b; }
.navi-lk-sub { margin: 28px 0 12px; font-size: 18px; }
.navi-lk-auth .navi-inst-sec { margin-top: 0; }
@media (max-width: 767px) {
  .navi-lk-order > summary { grid-template-columns: 1fr auto; gap: 6px 12px; padding: 12px 14px; }
  .navi-lk-order-status { grid-column: 2; grid-row: 1; }
  .navi-lk-order-meta { grid-column: 1; }
  .navi-lk-order-total { grid-column: 2; grid-row: 2; }
  .navi-lk-order-chev { display: none; }
  .navi-lk-form > .navi-inst-btn { align-self: stretch; justify-content: center; }
  .navi-lk-logout { width: 100%; justify-content: center; }
}
.navi-lk-pre { white-space: pre-line; }
@media (max-width: 767px) {
  .navi-lk-hero-row { flex-wrap: wrap; gap: 12px; }
  .navi-lk-avatar { width: 48px; height: 48px; font-size: 22px; }
  .navi-lk-hero-text { flex: 1 1 0; }
  .navi-lk-hero-text .navi-inst-h1 { font-size: 22px; }
  .navi-lk-tabs button { flex: 1 1 0; justify-content: center; padding: 10px 8px; }
  .navi-lk-order-body { padding: 12px 14px; }
  .navi-lk-items thead { display: none; }
  .navi-lk-items, .navi-lk-items tbody, .navi-lk-items tr, .navi-lk-items td { display: block; width: 100%; }
  .navi-lk-items tr { display: grid; grid-template-columns: 1fr auto auto; gap: 4px 12px; padding: 10px 0; border-bottom: 1px solid #e2e8f0; }
  .navi-lk-items td { padding: 0 !important; border: 0 !important; text-align: left !important; }
  .navi-lk-items td:first-child { grid-column: 1 / -1; }
  .navi-lk-items td:nth-child(2) { color: #64748b; font-size: 14px; }
  .navi-lk-items td:nth-child(3) { color: #64748b; font-size: 14px; }
  .navi-lk-items td:nth-child(3)::before { content: "× "; }
  .navi-lk-items td:nth-child(4) { text-align: right !important; }
  .navi-lk-order-body .navi-wr-tablewrap { border: 0; overflow: visible; }
}
@media (max-width: 767px) { .navi-lk-tabs button { white-space: nowrap; font-size: 14px; gap: 6px; } }

/* === SEO п.25–26: блок главного раздела, описание товара === */
.navi-catg { max-width: 1392px; margin: 24px auto 0; padding: 24px; background: #fff; border: 1px solid #e2e8f0; border-radius: 16px; box-sizing: border-box; }
.navi-catg-title { font-size: 22px; font-weight: 700; margin: 0 0 16px; text-transform: none; letter-spacing: 0; }
.navi-catg-keys { list-style: none; margin: 0 0 20px; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 12px; }
.navi-catg-keys li { background: #f8fafc; border-radius: 12px; padding: 14px 16px; display: flex; flex-direction: column; gap: 2px; }
.navi-catg-keys strong { font-size: 22px; line-height: 1.2; color: #1f2328; }
.navi-catg-keys span { font-size: 13px; color: #64748b; }
.navi-catg-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 24px; }
.navi-catg h3 { font-size: 16px; font-weight: 700; margin: 0 0 10px; text-transform: none; letter-spacing: 0; }
.navi-catg-col h3:not(:first-child) { margin-top: 18px; }
.navi-catg-links { list-style: none; margin: 0; padding: 0; columns: 2 220px; column-gap: 20px; }
.navi-catg-links li { break-inside: avoid; padding: 4px 0; }
.navi-catg-links a { color: #1f2328; text-decoration: none; border-bottom: 1px solid #cbd5e1; }
.navi-catg-links a:hover { color: var(--navi-accent, #e30613); border-color: currentColor; }
.navi-catg-brands { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.navi-catg-brands a { display: inline-block; padding: 6px 12px; border: 1px solid #e2e8f0; border-radius: 999px; color: #1f2328; text-decoration: none; font-size: 14px; }
.navi-catg-brands a:hover { border-color: #1f2328; }
.navi-catg-faq { margin-top: 24px; }
.navi-catg-q { border-top: 1px solid #e2e8f0; }
.navi-catg-q:last-child { border-bottom: 1px solid #e2e8f0; }
.navi-catg-q summary { cursor: pointer; padding: 12px 28px 12px 0; font-weight: 600; list-style: none; position: relative; }
.navi-catg-q summary::-webkit-details-marker { display: none; }
.navi-catg-q summary::after { content: "+"; position: absolute; right: 4px; top: 10px; font-size: 20px; color: #64748b; }
.navi-catg-q[open] summary::after { content: "−"; }
.navi-catg-q p { margin: 0 0 14px; color: #334155; }
.navi-autodesc { margin-top: 12px; }
.navi-autodesc-params { list-style: none; padding: 0; margin: 0 0 12px; display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 6px 24px; }
.navi-autodesc-params li { padding: 6px 0; border-bottom: 1px dashed #e2e8f0; }
.navi-autodesc-params span { color: #64748b; margin-right: 6px; }
.navi-autodesc-params span::after { content: ":"; }
@media (max-width: 767px) {
  .navi-catg { padding: 16px; margin: 16px 0 0; border-radius: 12px; }
  .navi-catg-title { font-size: 19px; }
  .navi-catg-keys { grid-template-columns: 1fr 1fr; gap: 8px; }
  .navi-catg-keys strong { font-size: 18px; }
  .navi-catg-links { columns: 1; }
}
.navi-catg-from { color: #64748b; font-size: 13px; white-space: nowrap; }
@media (max-width: 767px) { .navi-catg { border-radius: 0; border-left: 0; border-right: 0; } }