/* wave1 partial: gw1-mid */
/* Правки средней части главной (макет bar_home_desktop). Скоуп body.common-home,
   грузится последним в header.tpl — переопределяет figma-home.css / figma-redesign.css
   без !important, где хватает порядка каскада. */

/* ---------- Блок цифр: в макете значения фиолетово-сиреневые со свечением,
   на живом были обычным синим без подсветки. ---------- */
body.common-home .fg .nums .num__v{
  position:relative;
  color:#0066B2;
  background:linear-gradient(180deg,#0066B2 0%,#910AF8 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  white-space:nowrap;
  font-size:64px;
  font-weight:300;
  line-height:1.05;
}
body.common-home .fg .nums .num__t{
  font-size:20px;
  line-height:1.3;
  color:#0066B2;
}
body.common-home .fg .nums .num{position:relative}
body.common-home .fg .nums .num::before{
  content:"";position:absolute;top:-6px;left:50%;transform:translateX(-50%);
  width:150px;height:90px;border-radius:50%;
  background:radial-gradient(closest-side,rgba(138,99,242,.28),rgba(138,99,242,0));
  filter:blur(2px);z-index:0;pointer-events:none;
}
body.common-home .fg .nums .num__v,
body.common-home .fg .nums .num__t,
body.common-home .fg .nums .num__d{position:relative;z-index:1}

/* ---------- Блок доверия: фон. В Figma (узел 729:30042, картинка 729:30043)
   это не картинка "в лоб", а связка: заливка-градиент #000F38→#0066B2 на
   фрейме + силуэт города поверх с blend-mode:multiply. Старая реализация
   клала почти непрозрачный (94%) градиент НАД картинкой без blend-mode —
   текстура тонула под ним. Собираем заново по формуле Figma: картинка на
   ::before с multiply, а не вторым слоем background.
   Сам исходник 729:30043, выгруженный из Figma REST как есть, оказался
   светло-серым почти без контраста (сайт неба/зданий у Figma выгружается
   после собственного opacity:25% узла на белом холсте) — при честном
   multiply/25% поверх нашего navy он был не виден вообще. Поэтому картинка
   вытянута отдельно: /_html/images/figma/trustbg-city.jpg — тот же кадр
   729:30043, но с восстановленным контрастом (autocontrast + х1.8), чтобы
   силуэты небоскрёбов читались сквозь градиент, как в макете. */
body.common-home .fg .trust{
  position:relative;
  background:linear-gradient(180deg,#000F38 0%,#0066B2 100%);
  overflow:hidden;
}
body.common-home .fg .trust::before{
  content:"";position:absolute;inset:0;
  background:url('/_html/images/figma/trustbg-city.jpg') center/cover no-repeat;
  mix-blend-mode:multiply;opacity:.55;pointer-events:none;
}
body.common-home .fg .trust > .wrap{position:relative;z-index:1}

/* ---------- Кольца вокруг иконок блока доверия: по Figma (node 729:30099/30101/30120)
   контейнер иконки 210x210, кольцо ~200x201 из 9 полупрозрачных перекрывающихся
   дуг (не двухцветный конус — сверено экспортом SVG узла 729:30053, цвета
   #43A0FF/#52B4FF/#76A3FF/#9BFFFF/#A4B8FF/#C4DAFF/#C579FF/#D1FFFF/#DDD9FF).
   Было 112px + плоский conic-gradient (сделано вслепую по '~150px' из ТЗ).
   Правим это же правило (оно выигрывает: body.common-home .fg .trust__ic
   специфичнее body .fg .trust__ic из figma-home.css) — не добавляем gw20. ---------- */
/* ---------- Trust typography/layout from Figma REST (729:30042 / 30134 / Content*)
   Title 38/45 · lead 18/21.33 color #BFDBFE · h3 25/29.6 · body 16/21.6 @ 70% white
   center · cols gap 20 · icon→text 36 · h3→body 16 · content max 1180. ---------- */
/* Page vertical rhythm vs Figma frame (~5880): tighten trust/nums/meet */
body.common-home .fg .trust{padding:48px 0 56px}
body.common-home .fg .nums{padding:48px 0 32px}
body.common-home .fg .trust__title{
  font-size:38px;font-weight:400;line-height:45px;
  text-align:center;margin:0 0 32px;color:#fff;
}
body.common-home .fg .trust__lead{
  max-width:794px;margin:0 auto 48px;text-align:center;
  font-size:18px;font-weight:400;line-height:21.33px;
  color:#BFDBFE;
}
body.common-home .fg .trust__cols{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px;max-width:1180px;margin:0 auto;
}
body.common-home .fg .trust__col{text-align:center;padding:0 20px}
body.common-home .fg .trust__ic{
  position:relative;
  width:210px;height:210px;
  margin:0 auto 36px;
  border-color:transparent;
}
body.common-home .fg .trust__ic::before{
  content:"";position:absolute;inset:5px;border-radius:50%;
  background:url('/_html/images/figma2/trust-ring.svg') center/contain no-repeat;
  pointer-events:none;
}
/* Глифы из Figma (729:30052/30078/30131): ~101×127, 97×122, 105×121 —
   не квадратные. Высота ≈120 (glyph/ring ≈ 0.6); width auto — пропорции. */
body.common-home .fg .trust__ic svg,
body.common-home .fg .trust__ic img{
  width:auto;height:120px;max-width:110px;position:relative;z-index:1;
  display:block;
}
body.common-home .fg .trust__col h3{
  font-size:25px;font-weight:400;line-height:30px;
  margin:0 0 16px;color:#fff;text-align:center;
}
/* Figma body = one centered block @ 70% white, lh 21.6. Keep multi-p markup
   but match visual rhythm (center + tight lh + lower opacity). */
body.common-home .fg .trust__col p{
  margin:0 0 10px;text-align:center;
  font-size:16px;font-weight:400;line-height:21.6px;
  color:rgba(255,255,255,.7);
}
body.common-home .fg .trust__col p:last-child{margin-bottom:0}
body.common-home .fg .trust__col p b{font-weight:400;color:#fff}

/* ---------- «Знакомьтесь!»: в макете переключатель — две текстовые вкладки
   с подчёркиванием активной, без синих пилюль. Тема (figma-redesign.css)
   красит .meet_tab как заполненную пилюлю — здесь снимаем это оформление,
   т.к. gw1-mid.css грузится последним и переопределяет без !important.
   Классы meet_tabs/meet_tab/meet_panel трогать в tpl нельзя — на них завязан
   figma-faq.js (переключение вкладок). H2 внутри .meet_tab не задеты. ---------- */
body.common-home .meet_block{padding:40px 0 16px}
body.common-home .meet_title{
  color:#0066B2;font-size:38px;font-weight:400;text-align:center;margin:0 0 30px;
}
body.common-home .meet_tabs{
  display:flex;justify-content:center;gap:0;margin:0 0 40px;border-bottom:0;background:none;
}
body.common-home .meet_tabs .meet_tab{
  background:none;border:0;border-radius:0;padding:8px 10px 14px;margin:0 6px;
  color:#0066B2;position:relative;box-shadow:none;
}
body.common-home .meet_tabs .meet_tab::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:rgba(0,102,178,.25);
}
body.common-home .meet_tabs .meet_tab.is-active{
  background:none;color:#0066B2;
}
body.common-home .meet_tabs .meet_tab.is-active::after{
  height:3px;background:#0066B2;
}
body.common-home .meet_tabs .meet_tab h2.home-widget-title{
  color:inherit;font-size:20px;font-weight:400;text-transform:none;margin:0;
}
body.common-home .meet_tabs .meet_tab:hover{background:none;color:#00538F}
body.common-home .meet_tabs .meet_tab:hover::after{background:rgba(0,102,178,.5)}

/* Ряд .like_tabs_links — рабочий AJAX-фильтр специалистов по категории
   (обработчик в /_html/js/additional.js:277 подгружает .like_tabs_data по клику).
   В макете такого ряда под вкладками "Знакомьтесь!" нет (см. GAPS.md).
   Правило проекта изменено владельцем продукта: чего нет в макете — скрываем
   через display:none (разметка и ссылки остаются в DOM для краулеров/SEO,
   просто не рендерятся). Раньше ряд был оставлен видимым в тихой типографике
   по требованию прежнего правила ("не скрывать рабочее") — это отменено,
   теперь 1:1 с макетом. !important нужен, т.к. gw2-mob2.css (грузится позже)
   переключает этот же селектор на display:flex под max-width:480px — без
   !important скрытие снималось бы на мобильной. */
body.common-home .meet_block .like_tabs_links{
  display:none !important;
}

/* ============================================================
   Сторонние виджеты сайта — глобально, не только на главной.
   В макете (все обследованные страницы) их нет. Правило проекта:
   скрываем через display:none, разметку/скрипты не трогаем — они
   так же остаются в DOM, только не рендерятся. Не ограничиваем
   селекторы body.common-home, т.к. эти виджеты подключены в
   header.tpl/footer.tpl глобально и всплывают на любой странице.
   Кнопку "версия для слабовидящих" (.header__blind, blind.css)
   намеренно НЕ трогаем — см. GAPS.md, нужно решение заказчика
   (возможен юридический комплаенс). ---------- */

/* Виджет чата "Виртуальный помощник" (плавающая видео-кнопка WhatsApp,
   #video_popup в конце body, скрипт показывает её на всех страницах,
   кроме .pro_page/.specials_page). */
#video_popup{display:none !important}

/* «Наша рассылка» — боковой баннер по макету 889:54589, не скрывать. */

/* Нижняя фиксированная панель на 5 кнопок (Каталог/Скидки/Афиша/Блог/
   Сообщения) — .footer_fixed-menu, следует за футером на каждой странице. */
.footer_fixed-menu{display:none !important}

/* После скрытия ряда фильтра .like_tabs_links (его нет в макете) осталась
   дыра из его отступов, а вкладки потеряли центровку — раньше их держал
   родительский блок вместе с фильтром. Возвращаем как в макете: вкладки
   по центру, карточки сразу под ними. */
body.common-home .meet_block .meet_tabs{justify-content:center}
body.common-home .meet_block .like_tabs_data{margin-top:24px}
body.common-home .meet_block .like_tabs_links{margin:0 !important;padding:0 !important}
/* Уточнение: .meet_tabs имел ширину 735px при контейнере 1150, поэтому
   justify-content:center центрировал внутри себя, а не по странице.
   Растягиваем на всю ширину и сокращаем сумму отступов (было 40+24=64px
   от снятого фильтра). */
body.common-home .meet_block .meet_tabs{width:100%;margin-bottom:16px}
body.common-home .meet_block .like_tabs_data{margin-top:8px}

/* ---------- «Знакомьтесь!» popular tab layout bug ----------
   Listify (.style2.min) даёт .home-widget-section-title { margin:4em 0 }
   (~64px) + additional_102024 .home_best_rating { padding:60px 0 }
   + figma-redesign margin-top:48px. В итоге под вкладками огромная
   белая дыра и одинокий «на основе рейтинга» — в Figma этого текста
   нет (вкладки уже «Самые популярные…»), карточки сразу под табами. */
body.common-home .meet_block .home_whats_new,
body.common-home .meet_block .home_best_rating{
  margin:0 !important;
  padding:0 0 24px !important;
}
body.common-home .meet_block .home_best_rating .home-widget-section-title,
body.common-home .meet_block .home_best_rating .home-widget-description{
  display:none !important;
  margin:0 !important;
  padding:0 !important;
  height:0 !important;
  overflow:hidden !important;
}
/* Same card grid on both tabs (gw1-cards targets .meet_block .offers_list) */
body.common-home .meet_block .home_best_rating-products{
  margin:0;
  padding:0;
}