/* Навигация по разделам для главной, хаба «Интернет по адресу», улицы и дома (partials/pagenav.blade.php, public/js/pagenav.js), пока.
   Те же правила, что раздел 21 providers-v2.css (страница провайдера и каталог подключают их оттуда, этот файл им не нужен).
   Переменные дизайн-системы — свои: на хабе, улице и доме нет home-v2.css, где они объявлены. */
.gb-pagenav{--gb-blue:#4d7cfe;--gb-orange:#f9724a;--gb-orange-hover:#fb5b2d;--gb-ink:#3a4654;--gb-muted-2:#5b6474;--gb-cloud:#f0f3f6;--gb-line:#e4e8ef;font-family:'Manrope',Arial,sans-serif}
.gb-pagenav__link,.gb-pagenav__cta{box-sizing:border-box}
.gb-pagenav ul{margin:0}
.gb-pagenav__in.container{position:relative}
/* лента фиксирована под шапкой и не занимает места в потоке; появляется, когда первый блок (первый экран) ушёл под шапку — класс is-shown:
   выезжает из-под шапки сверху вниз и проявляется, при скрытии уезжает обратно */
.gb-pagenav{position:fixed;left:0;right:0;top:var(--gb-head-h,72px);z-index:3;background:rgba(255,255,255,.96);-webkit-backdrop-filter:saturate(1.4) blur(10px);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--gb-line);opacity:0;visibility:hidden;transform:translateY(-100%);transition:transform .25s ease,opacity .2s ease,visibility 0s linear .25s,box-shadow .2s}
.gb-pagenav.is-shown{opacity:1;visibility:visible;transform:none;transition-delay:0s}
.gb-pagenav.is-stuck{box-shadow:0 10px 24px rgba(20,32,43,.08)}
.gb-pagenav__in{display:flex;align-items:center;gap:16px;padding-top:10px;padding-bottom:10px}
.gb-pagenav__list{display:flex;gap:4px;flex:1 1 auto;min-width:0;margin:0;padding:0;list-style:none;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.gb-pagenav__list::-webkit-scrollbar{display:none}
.gb-pagenav__list li{flex:0 0 auto}
.gb-pagenav__link{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 12px;border-radius:999px;color:var(--gb-ink);background:transparent;font-size:14px;font-weight:700;line-height:1;white-space:nowrap;text-decoration:none;transition:background-color .15s,color .15s}
.gb-pagenav__link b{color:var(--gb-muted-2);font-size:13px;font-weight:700}
.gb-pagenav__link:hover{background:var(--gb-cloud);color:var(--gb-ink);text-decoration:none}
.gb-pagenav__link.is-active{background:var(--gb-blue);color:#fff}
.gb-pagenav__link.is-active b{color:rgba(255,255,255,.82)}
.gb-pagenav__link:focus-visible,.gb-pagenav__cta:focus-visible{outline:3px solid rgba(77,124,254,.45);outline-offset:2px}
.gb-pagenav__cta{flex:0 0 auto;display:inline-flex;align-items:center;height:40px;padding:0 18px;border-radius:12px;background:var(--gb-orange);color:#fff;font-size:14px;font-weight:800;white-space:nowrap;text-decoration:none;box-shadow:0 8px 18px rgba(249,114,74,.3);opacity:0;visibility:hidden;transform:translateY(4px);transition:opacity .2s,transform .2s,visibility .2s}
.gb-pagenav.is-cta .gb-pagenav__cta{opacity:1;visibility:visible;transform:none}
.gb-pagenav__cta:hover{color:#fff;background:var(--gb-orange-hover);text-decoration:none}
main:has(> .gb-pagenav) [id]{scroll-margin-top:calc(var(--gb-head-h,72px) + 70px)}
@media (max-width:1399.98px) and (min-width:768px){.gb-pagenav__link b{display:none}}
@media (max-width:1199.98px){.gb-pagenav__cta{display:none}.gb-pagenav__list{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent)}}
@media (max-width:767.98px){
  .gb-pagenav{top:var(--gb-head-h,60px)}
  .gb-pagenav__in.container{max-width:none}
  .gb-pagenav__in{padding:8px 0}
  body.address-theme--v2 .gb-main .gb-pagenav .gb-pagenav__in{padding-left:0;padding-right:0;max-width:none}
  .gb-pagenav__list{gap:6px;padding:0 16px}
  .gb-pagenav__link{height:34px;padding:0 13px;font-size:13px;background:var(--gb-cloud)}
  .gb-pagenav__link b{font-size:12px}
  .gb-pagenav__cta{display:none}
}
/* прогресс прочтения страницы — синяя полоса по нижнему краю ленты (pagenav.js ставит --gb-progress от 0 до 1) */
.gb-pagenav__progress{position:absolute;left:0;right:0;bottom:-1px;height:3px;overflow:hidden;pointer-events:none}
.gb-pagenav__progress i{display:block;height:100%;background:var(--gb-blue);border-radius:0 3px 3px 0;transform:scaleX(var(--gb-progress,0));transform-origin:0 50%;will-change:transform}
/* правило главной «body.gb-main-page .gb-main a:not(.gb-btn):not(…)» (специфичность 0,6,2) оставляет ссылкам только color/opacity —
   возвращаем переход фона кнопок и появления «Проверить адрес» селектором сильнее (0,7,2) */
@media (prefers-reduced-motion:no-preference){
  body.gb-main-page .gb-main .gb-pagenav .gb-pagenav__list a.gb-pagenav__link:not(.gb-btn):not(.gb-article){transition:background-color .2s ease,color .2s ease}
  body.gb-main-page .gb-main .gb-pagenav .gb-pagenav__in a.gb-pagenav__cta:not(.gb-btn):not(.gb-article){transition:opacity .2s ease,transform .2s ease,visibility .2s,background-color .2s ease}
}
@media (prefers-reduced-motion:reduce){.gb-pagenav,.gb-pagenav__link,.gb-pagenav__cta{transition:none}}

/* ---------- 22. Отзывы: оценки по параметрам (предложение 21.10.2026, п. 3) — под счётчиками, во второй колонке .gb-rev ---------- */
.gb-rev__params{grid-column:2;padding-top:14px;border-top:1px solid var(--gb-line)}
.gb-rev__params-title{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:0 0 10px;color:var(--gb-ink);font-size:14px;font-weight:800}
.gb-rev__params-title small{color:var(--gb-muted-2);font-size:12px;font-weight:600}
@media (max-width:767.98px){.gb-rev__params{grid-column:1}}