/* cat.css — стили страниц-категорий Фазы 5 (build_pages.py). Скоупим под .cat-page, чтобы НЕ задеть
   Tilda-хедер/футер. Переиспользуем .av-grid/.av-card/.seo-art из arenda.css. Токены — из car.css. */
.cat-page main{background:#fff}
/* Мобильный герой категорий (§6.2.3, схема Стамбула, заказчица 07.09.2026). Текст и кнопка — arenda.css + arenda.js.
   У категорий H1 в 2–3 строки и подзаголовок в 3–5 — на родном артборде 650 не помещаются на 10 страницах из 78,
   поэтому на ≤479 артборд высокий (200vw / 228vw, как в принятой ранее вёрстке), кадр прижат к низу и уменьшен
   до auto 88 % (ниже нельзя — кадр станет уже слота), верх — цвет кромки кадра. Размер кадра ставит JS
   (arenda.js) по ширине; здесь только высота артборда, фон на всю высоту и скругление. */
@media(max-width:639px){
  .cat-page #rec2127307841{background:var(--hf,#e8e7ea)!important;border-radius:0 0 40px 40px!important;
    position:relative!important;margin-bottom:24px!important;}
  .cat-page #rec2127307841::before{content:""!important;position:absolute!important;left:0!important;right:0!important;
    bottom:100%!important;height:200px!important;background:var(--hf,#e8e7ea)!important;}
}
@media(max-width:479px){
  .cat-page #rec2127307841 .tn-elem[data-elem-id="1775553130982000001"],
  .cat-page #rec2127307841 .tn-elem[data-elem-id="1775553130982000001"] .tn-atom{top:0!important;height:100%!important;}
  .cat-page #rec2127307841 .tn-elem[data-elem-id="1775553130982000001"] .tn-atom{
    background-color:var(--hf,#e8e7ea)!important;background-position:center bottom!important;background-repeat:no-repeat!important;}
}
@media(min-width:376px) and (max-width:479px){ .cat-page #rec2127307841 .t396__artboard{height:200vw!important;} }
@media(max-width:375px){ .cat-page #rec2127307841 .t396__artboard{height:228vw!important;} }
/* ★ВАЖНО: шрифт Inter Tight + CSS-переменные задаются ЛОКАЛЬНО на .av-fleet в arenda.css. Наши обёртки
   (.cat-fleet/.cat-content и т.д.) вне .av-fleet → без этого блока контент рендерится СЕРИФОМ (Times) и
   .av-card-переменные не резолвятся. Объявляем шрифт+токены на наших контейнерах. */
.cat-content,.cat-fleet,.seo-faq,.cat-links{
  font-family:'Inter Tight',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
  --ac:#cefe46;--ink:#202020;--dark:#1d1d1d;--plate:#f0f2f3;--plate2:#e7ebec;--muted:#8b8f93;--white:#fff;
}
.cat-content *,.cat-fleet *,.seo-faq *,.cat-links *{box-sizing:border-box}
/* перебить глобальный Tilda-цвет ссылок (#ff8562 оранжевый) внутри нашего контента */
.cat-content a,.cat-fleet a,.cat-links a{color:inherit!important}
.av-card__name a{color:var(--ink)!important;text-decoration:none}
.cat-content{max-width:1240px;margin:0 auto;padding:96px clamp(16px,4vw,40px) 0}
@media(max-width:760px){.cat-content{padding-top:78px}}

/* хлебные крошки. МОБАЙЛ (≤959): НАЛОЖЕНЫ на фон героя (абсолютно), в зазоре ПОД полосой
   плашек-преимуществ и НАД заголовком (заказчица 08.09.2026: «крошки не должны на плашки
   заходить»). Низ полосы плашек меряет arenda.js. ДЕСКТОП (≥960): абсолютно
   в нижне-левой пустой зоне героя. */
.cat-bcwrap{font-family:'Inter Tight',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;
  --muted:#8b8f93;--ink:#202020}
.cat-bcwrap .cat-bc{margin-bottom:0}
.cat-bcwrap--desk{display:none}
@media(max-width:959px){
  .cat-bcwrap--mob{position:absolute;inset-inline-start:clamp(16px,4vw,40px);inset-inline-end:clamp(16px,4vw,40px);
    z-index:7;max-width:none;margin:0;padding:0}
  .cat-bcwrap--mob .cat-bc{margin:0;font-size:13px}
}
/* ⚠️ ЭТО ТОЛЬКО ЗАПАСНОЕ ЗНАЧЕНИЕ. Точное положение ставит arenda.js замером НИЗА полосы
   плашек. Прежний комментарий («бегущая строка опущена до ~160») был неверен: замер
   08.09.2026 дал полосу 85–159 (320/375), 91–170 (400), 95–171 (640), то есть крошки
   лежали ВНУТРИ плашек на всех мобильных ширинах. Константа рядом с масштабируемым
   артбордом Tilda верна максимум на одной ширине — не подгонять её, чинить замером. */
@media(max-width:479px){ .cat-bcwrap--mob{top:172px} }
@media(min-width:480px) and (max-width:959px){ .cat-bcwrap--mob{top:184px} }
@media(min-width:960px){
  .cat-bcwrap--mob{display:none}
  .cat-bcwrap--desk{display:block;position:absolute;z-index:6;inset-inline-start:clamp(16px,5vw,90px);bottom:42px}
}
.cat-bc{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:14px;color:var(--muted);margin-bottom:22px}
.cat-bc a{color:var(--muted)!important;text-decoration:none;transition:color .15s}
.cat-bc a:hover{color:var(--ink)!important}
.cat-bc span[aria-current]{color:var(--ink);font-weight:600}
.cat-bc>span{opacity:.5}

/* герой категории */
.cat-hero{margin-bottom:30px}
.cat-eyebrow{display:inline-block;font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;
  color:#1d1d1d;background:#cefe46;border-radius:100px;padding:6px 14px;margin-bottom:16px}
.cat-h1{font-size:clamp(30px,4.6vw,52px);line-height:1.05;font-weight:800;color:var(--ink);margin:0 0 14px;letter-spacing:-.02em}
.cat-lead{font-size:clamp(16px,1.6vw,19px);line-height:1.55;color:#42474b;max-width:880px;margin:0}

/* заголовки секций */
.cat-h2{font-size:clamp(24px,3vw,34px);line-height:1.1;font-weight:800;color:var(--ink);margin:0 0 8px;letter-spacing:-.01em}

/* каталог категории — переиспользуем .av-grid/.av-card из arenda.css */
.cat-fleet{max-width:1240px;margin:8px auto 0;padding:18px 0 10px}
.cat-fleet .av-grid{margin-top:18px}

/* SEO-статья и FAQ идут полной шириной — у .seo-art свои стили в arenda.css.
   FAQ — нативный аккордеон в фирменном стиле. */
.seo-faq{max-width:1240px;margin:10px auto 0;padding:20px clamp(16px,4vw,40px) 40px}
.seo-faq__list{display:flex;flex-direction:column;gap:12px;margin-top:18px}
.seo-faq__item{background:var(--plate);border-radius:18px;padding:4px 22px;transition:background .15s}
.seo-faq__item[open]{background:var(--plate2)}
.seo-faq__q{font-size:17px;font-weight:600;color:var(--ink);cursor:pointer;list-style:none;padding:18px 30px 18px 0;position:relative}
.seo-faq__q::-webkit-details-marker{display:none}
.seo-faq__q::after{content:"";position:absolute;inset-inline-end:2px;top:50%;width:11px;height:11px;
  border-inline-end:2px solid #1d1d1d;border-bottom:2px solid #1d1d1d;transform:translateY(-65%) rotate(45deg);transition:transform .2s}
.seo-faq__item[open] .seo-faq__q::after{transform:translateY(-35%) rotate(225deg)}
.seo-faq__a{padding:0 0 18px;color:#42474b;font-size:16px;line-height:1.55}
.seo-faq__a p{margin:0}

/* SEO-перелинковка категорий внизу */
.cat-links{max-width:1240px;margin:0 auto;padding:10px clamp(16px,4vw,40px) 60px}
.cat-links__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;margin-top:18px}
.cat-links__col h3{font-size:15px;font-weight:700;color:var(--ink);margin:0 0 10px}
.cat-links__col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px}
.cat-links__col a{color:#5a5f64;text-decoration:none;font-size:14px;transition:color .15s}
.cat-links__col a:hover{color:#1d1d1d}
.cat-links__col li.is-sub a{padding-inline-start:12px;font-size:13px;color:#8b8f93}
.cat-links a.is-cur{color:#1d1d1d;font-weight:700}
.cat-links__col h3{font-size:15px;font-weight:700;color:var(--ink);margin:0 0 10px}