/* Раздел «Стеклопакеты» — блоки страниц хаба и подстраниц */

.glass-lead { font-size: 18px; line-height: 1.6; color: #4a4a5a; margin: 0 0 28px; max-width: 62ch; }

/* Фактоиды — крупные цифры */
.glass-facts { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 16px; margin: 0 0 64px; }
.glass-fact { background: #f5f4fa; border-radius: 14px; padding: 22px 20px; }
.glass-fact__n { font-size: 30px; font-weight: 800; line-height: 1.1; color: #6c3fd6; letter-spacing: -0.02em; }
.glass-fact__t { font-size: 14px; line-height: 1.4; color: #5a5a6b; margin-top: 8px; }

/* Мини-FAQ первого экрана */
.glass-quickfaq { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 14px; margin: 0 0 36px; }
.glass-quickfaq__item { border: 1px solid #e6e4f0; border-radius: 12px; padding: 16px 18px; }
.glass-quickfaq__q { font-weight: 700; margin: 0 0 6px; font-size: 15px; }
.glass-quickfaq__a { margin: 0; font-size: 15px; color: #5a5a6b; }

/* Буллеты «когда пора менять» */
.glass-signs { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 18px; margin: 0 0 80px; padding: 0; list-style: none; }
.glass-signs li { background: #fff; border: 1px solid #e6e4f0; border-radius: 14px; padding: 20px; margin: 0; }
.glass-signs b { display: block; margin-bottom: 6px; font-size: 16px; }

/* Таблица цен */
.glass-table-wrap { overflow-x: auto; margin: 0 0 16px; }
.glass-table { width: 100%; border-collapse: collapse; min-width: 480px; }
.glass-table th, .glass-table td { text-align: left; padding: 13px 16px; border-bottom: 1px solid #eceaf4; font-size: 15px; }
.glass-table th { background: #f5f4fa; font-weight: 700; }
.glass-table td:last-child { white-space: nowrap; font-weight: 600; }
.glass-table tr:last-child td { border-bottom: none; }

/* Этапы работ */
.glass-steps { counter-reset: gstep; list-style: none; padding: 0; margin: 0 0 12px; }
.glass-steps li { counter-increment: gstep; position: relative; padding: 0 0 20px 52px; margin: 0; }
.glass-steps li::before { content: counter(gstep); position: absolute; left: 0; top: 0; width: 34px; height: 34px; border-radius: 50%; background: #6c3fd6; color: #fff; font-weight: 700; display: flex; align-items: center; justify-content: center; font-size: 16px; }
.glass-steps li b { display: block; margin-bottom: 4px; }

/* Карточки подбора */
.glass-picker { margin: 0 0 32px; }
.glass-picker__title { font-size: 17px; font-weight: 700; margin: 0 0 12px; }
.glass-chips { display: flex; flex-wrap: wrap; gap: 10px; padding: 0; margin: 0 0 22px; list-style: none; }
.glass-chips li { margin: 0; }
.glass-chips a, .glass-chips span { display: inline-block; padding: 9px 16px; border-radius: 999px; border: 1px solid #ddd9ee; font-size: 15px; text-decoration: none; color: #2b2b3a; background: #fff; }
.glass-chips a:hover { border-color: #6c3fd6; color: #6c3fd6; }

/* УТП */
.glass-usp { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 18px; margin: 0 0 32px; padding: 0; list-style: none; }
.glass-usp li { background: #f5f4fa; border-radius: 14px; padding: 20px; margin: 0; }
.glass-usp b { display: block; margin-bottom: 6px; }

/* ==== Мифы — карточки «Миф → На самом деле» ==== */
.glass-myths { display: grid; grid-template-columns: repeat(3, 1fr); column-gap: 20px; row-gap: 20px; margin: 0 0 80px; }
.glass-myth {
  background: #fff; border: 1px solid #E4E8E8; border-radius: 20px;
  padding: 26px 24px; margin: 0; display: flex; flex-direction: column;
}
.glass-myth__tag {
  display: inline-flex; align-items: center; align-self: flex-start; justify-self: start; gap: 6px;
  font-size: 12px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase;
  padding: 5px 11px; border-radius: 100px; margin: 0 0 12px;
}
.glass-myth__tag--no { background: #FBEBEB; color: #B4453C; }
.glass-myth__tag--yes { background: #F1EBFE; color: #8639F1; }
.glass-myth__tag i { font-style: normal; font-size: 13px; line-height: 1; }
.glass-myth__q {
  font-weight: 600; font-size: 17px; line-height: 1.4; color: #6B7280; margin: 0 0 20px;
}
.glass-myth__sep { border: 0; border-top: 1px solid #EDF0F0; margin: 0 0 18px; }
.glass-myth__a { font-size: 16px; line-height: 1.55; color: #2C2F37; margin: 0; }

@media (max-width: 1024px) { .glass-myths { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 640px) {
  .glass-myths { grid-template-columns: 1fr; gap: 14px; margin-bottom: 44px; }
  .glass-myth { padding: 22px 20px; border-radius: 16px; }
}


/* Сравнение */
.glass-compare td:first-child { font-weight: 600; width: 22%; }

/* Зона выезда */
.glass-zone { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; padding: 0; margin: 0 0 16px; list-style: none; }
.glass-zone li { background: #f5f4fa; border-radius: 10px; padding: 12px 16px; margin: 0; font-size: 15px; }
.glass-zone b { color: #2b2b3a; }

/* Аварийные шаги */
.glass-now { background: #fff6ed; border: 1px solid #ffd9b0; border-radius: 16px; padding: 24px; margin: 0 0 32px; }
.glass-now h2 { margin-top: 0; }
.glass-now ol { margin: 0; padding-left: 22px; }
.glass-now li { margin-bottom: 10px; }

/* CTA */
.glass-cta { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; margin: 0 0 32px; }
.glass-cta__btn { display: inline-block; background: #6c3fd6; color: #fff; text-decoration: none; padding: 14px 26px; border-radius: 10px; font-weight: 700; }
.glass-cta__btn:hover { background: #5a32b8; color: #fff; }
.glass-cta__btn--ghost { background: #fff; color: #6c3fd6; border: 1px solid #6c3fd6; }
.glass-cta__btn--ghost:hover { background: #f5f4fa; color: #6c3fd6; }

/* Заглушка под реальные данные */
.glass-todo { border: 1px dashed #c8a2ff; background: #faf7ff; border-radius: 12px; padding: 18px 20px; margin: 0 0 28px; color: #5a4b7a; font-size: 15px; }
.glass-todo b { color: #4a2f8a; }

@media (max-width: 640px) {
  .glass-fact__n { font-size: 26px; }
  .glass-steps li { padding-left: 46px; }
}

/* Полоса «Как проходит замена» — фон абсолютным путём (устойчиво к склейке CSS) */
.stages.container-bg::before {
  background-image: url(/local/templates/moskitok/components/bitrix/news.list/stages/image/purple-bg.webp);
}
/* 5 этапов вместо 6: подтягиваем пунктирную линию под фактическую ширину ряда */
@media (min-width: 1241px) {
  .stages .stages__container::after { width: 68%; }
}

/* ==== Блок «Почему к нам» — по макету Figma (Steklopaket_desktop_1920_1) ==== */
.glass-why { margin: 0 0 40px; }
.glass-why__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.glass-why__card {
  background: #F1F4F4; border-radius: 30px; padding: 34px 22px 0;
  display: flex; flex-direction: column; align-items: center;
  overflow: hidden; min-height: 305px;
}
.glass-why__name {
  font-family: 'Mulish', 'Golos Text', sans-serif; font-weight: 700;
  font-size: 20px; line-height: 30px; color: #2C2F37; text-align: center; margin: 0 0 8px;
}
.glass-why__text {
  font-size: 17px; line-height: 22px; color: #474A4A; text-align: center; margin: 0 0 14px;
}
.glass-why__img { margin-top: auto; display: block; }
.glass-why__img img { display: block; width: 200px; height: auto; margin: 0 auto; }

@media (max-width: 1240px) {
  .glass-why__grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 640px) {
  .glass-why__grid { grid-template-columns: 1fr; gap: 14px; }
  .glass-why__card { border-radius: 16px; padding: 24px 18px 0; min-height: 0; }
}

/* ==== CTA-форма с оффером — по макету Figma ==== */
.glass-cta-form { background: #F1F4F4; border-radius: 30px; position: relative; overflow: hidden; margin: 0 0 40px; }
.glass-cta-form__inner { display: flex; align-items: center; gap: 20px; padding: 60px 50px; }
.glass-cta-form__body { flex: 1 1 480px; max-width: 560px; }
.glass-cta-form__title {
  font-family: 'Golos Text', sans-serif; font-weight: 600;
  font-size: 50px; line-height: 55px; color: #2C2F37; margin: 0 0 16px;
}
.glass-cta-form__title span { color: #8639F1; display: block; }
.glass-cta-form__sub { font-size: 17px; line-height: 22px; color: #474A4A; margin: 0 0 20px; max-width: 34ch; }
.glass-cta-form__row { display: flex; gap: 12px; align-items: stretch; margin: 0 0 12px; flex-wrap: wrap; }
.glass-cta-form__row input[type="tel"] {
  flex: 1 1 305px; min-width: 220px; height: 50px; border: none; border-radius: 8px;
  background: #fff; padding: 0 20px; font-size: 16px; color: #2C2F37;
}
.glass-cta-form__row input[type="tel"]::placeholder { color: #9AA0A6; }
.glass-cta-form__row input[type="submit"] {
  height: 50px; border: 1px solid #8639F1; border-radius: 8px; background: #8639F1;
  color: #fff; font-size: 16px; font-weight: 500; padding: 0 34px; cursor: pointer;
  transition: background-color .3s ease, color .3s ease;
}
.glass-cta-form__row input[type="submit"]:hover { background: transparent; color: #2C2F37; border-color: #2C2F37; }
.glass-cta-form__policy { font-size: 14px; line-height: 17px; color: #2C2F37; opacity: .55; margin: 0; max-width: 34ch; }
.glass-cta-form__policy a { color: inherit; text-decoration: underline; }
.glass-cta-form__img { flex: 0 0 auto; align-self: flex-end; margin-bottom: -60px; }
.glass-cta-form__img img { display: block; width: 518px; height: auto; }

@media (max-width: 1240px) {
  .glass-cta-form__inner { padding: 40px 30px; }
  .glass-cta-form__title { font-size: 36px; line-height: 40px; }
  .glass-cta-form__img img { width: 360px; }
}
@media (max-width: 900px) {
  .glass-cta-form__img { display: none; }
}
@media (max-width: 640px) {
  .glass-cta-form { border-radius: 16px; }
  .glass-cta-form__inner { padding: 30px 20px; }
  .glass-cta-form__title { font-size: 26px; line-height: 30px; }
  .glass-cta-form__row input[type="submit"] { width: 100%; }
}

/* ==== Подбор стеклопакета — таб-блок по макету Figma ==== */
.gpick { margin: 0 0 40px; }
.gpick__tabs {
  display: inline-flex; background: #F1F4F4; border-radius: 100px;
  padding: 2px; margin: 0 0 24px; max-width: 100%; overflow-x: auto;
}
.gpick__tab {
  border: 0; background: transparent; border-radius: 100px; cursor: pointer;
  padding: 11px 26px; font-weight: 500; font-size: 16px; line-height: 22px;
  color: #2C2F37; white-space: nowrap; transition: background-color .2s ease, color .2s ease;
}
.gpick__tab:hover { color: #8639F1; }
.gpick__tab.is-active { background: #2C2F37; color: #fff; }
.gpick__panel[hidden] { display: none; }
.gpick__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.gpick__card {
  position: relative; display: block; background: #F1F4F4; border-radius: 30px;
  aspect-ratio: 413 / 360; overflow: hidden; text-decoration: none;
  transition: box-shadow .25s ease, transform .25s ease;
}
a.gpick__card:hover { box-shadow: 0 10px 30px rgba(44,47,55,.10); transform: translateY(-2px); }
.gpick__label {
  position: absolute; left: 6.05%; top: 7.78%; right: 6%;
  font-weight: 500; font-size: 17px; line-height: 23px; color: #2C2F37;
}
.gpick__l { position: absolute; }
.gpick__l img { display: block; width: 100%; height: 100%; object-fit: contain; }
/* карточки-картинки из макета — вкладки «Здания / Типы / Проёмы» */
.gpick__card--full { aspect-ratio: 413 / 360; }
.gpick__pic {
  position: absolute; inset: 0; width: 100%; height: 100%;
  object-fit: contain; display: block;
}
.gpick__card--full .gpick__label { z-index: 2; }

@media (max-width: 1024px) { .gpick__grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 640px) {
  .gpick__grid { grid-template-columns: 1fr; gap: 14px; }
  .gpick__card { border-radius: 16px; }
  .gpick__tab { padding: 10px 18px; font-size: 15px; }
}

/* ==== Заголовки секций — как «Отзывы наших клиентов» (.workers__header-title) ==== */
.setka-detail__content-text h2.glass-h2,
h2.glass-h2 {
  font-family: 'Golos Text', sans-serif;
  font-weight: 600;
  font-size: 50px;
  line-height: 110%;
  letter-spacing: 0;
  color: #2C2F37;
  margin: 0 0 45px;
}
@media (min-width: 768px) and (max-width: 1240px) {
  .setka-detail__content-text h2.glass-h2,
  h2.glass-h2 { font-size: 40px; margin-bottom: 30px; }
}
@media (max-width: 767px) {
  .setka-detail__content-text h2.glass-h2,
  h2.glass-h2 { font-size: 26px; margin-bottom: 24px; }
}

/* ==== HERO — полоса, продолжающая фон шапки ==== */
.glass-hero {
  background: #F1F4F4;
  margin: -1px 0 0;         /* стык с шапкой без волоска */
  padding: 0 0 60px;        /* отступ снизу внутри полосы */
}
/* крошки — как на /moskitnye-setki/pik/: padding 33px сверху и снизу */
.glass-hero .b-breadcrumb,
.glass-hero #breadcrum { margin-bottom: 0; }
.glass-hero__grid {
  display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 46%);
  gap: 40px; align-items: center;
  /* padding-top: 40px; */  /* зазор крошки → h1 — убран, крошки прижаты к h1 */
  padding-bottom: 0;
}
.glass-hero__body { min-width: 0; }
.glass-hero h1 {
  font-family: 'Golos Text', sans-serif; font-weight: 600;
  font-size: 50px; line-height: 110%; color: #2C2F37; margin: 0 0 18px;
}
.glass-hero__lead { font-size: 18px; line-height: 1.55; color: #474A4A; margin: 0 0 26px; max-width: 52ch; }

/* форма: кнопка + поле с маской */
.glass-hero__form { display: flex; flex-wrap: wrap; gap: 12px; align-items: stretch; margin: 0 0 14px; }
.glass-hero__btn {
  height: 52px; border: 1px solid #8639F1; border-radius: 8px; background: #8639F1;
  color: #fff; font-size: 16px; font-weight: 500; padding: 0 32px; cursor: pointer;
  white-space: nowrap; transition: background-color .3s ease, color .3s ease, border-color .3s ease;
}
.glass-hero__btn:hover { background: transparent; color: #2C2F37; border-color: #2C2F37; }
.glass-hero__phone {
  height: 52px; flex: 1 1 260px; min-width: 220px; max-width: 320px;
  border: 1px solid transparent; border-radius: 8px; background: #fff;
  padding: 0 20px; font-size: 16px; color: #2C2F37; font-family: inherit;
  transition: border-color .2s ease;
}
.glass-hero__phone::placeholder { color: #9AA0A6; }
.glass-hero__phone:focus { outline: none; border-color: #8639F1; }
.glass-hero__policy { font-size: 13px; line-height: 1.35; color: #2C2F37; opacity: .5; margin: 0 0 26px; max-width: 46ch; }
.glass-hero__policy a { color: inherit; text-decoration: underline; }

/* мини-FAQ внутри hero */
.glass-hero .glass-quickfaq { margin: 0; grid-template-columns: repeat(3, 1fr); gap: 12px; }
@media (max-width: 900px) { .glass-hero .glass-quickfaq { grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); } }
.glass-hero .glass-quickfaq__item { background: #fff; border-color: #E4E8E8; }

/* картинка */
.glass-hero__media { min-width: 0; }
.glass-hero__media img { display: block; width: 100%; height: auto; }

@media (max-width: 1240px) {
  .glass-hero h1 { font-size: 40px; }
  .glass-hero__grid { gap: 28px; }
}
@media (max-width: 900px) {
  .glass-hero__grid { grid-template-columns: 1fr; gap: 20px; }
  .glass-hero__media { order: -1; max-width: 520px; margin: 0 auto; }
}
@media (max-width: 767px) {
  .glass-hero { padding-bottom: 36px; }
  .glass-hero__grid { padding-top: 24px; }
  .glass-hero h1 { font-size: 26px; margin-bottom: 12px; }
  .glass-hero__lead { font-size: 16px; margin-bottom: 20px; }
  .glass-hero__btn, .glass-hero__phone { width: 100%; max-width: none; flex: 1 1 100%; }
}

/* ==== Вертикальный ритм белой секции между полосами ==== */
.glass-hero + .container .glass-facts { margin-top: 80px; }

@media (max-width: 767px) {
  .glass-hero + .container .glass-facts { margin-top: 40px; }
  .glass-facts { margin-bottom: 36px; }
  .glass-signs { margin-bottom: 44px; }
}

/* ==== Карточки «Когда пора менять» ==== */
.glass-signs { align-items: stretch; }
.glass-signs li {
  background: #fff; border: 1px solid #E4E8E8; border-radius: 20px;
  padding: 28px 26px 26px; margin: 0;
  transition: box-shadow .25s ease, border-color .25s ease;
}
.glass-signs--icons li { display: flex; flex-direction: column; }
.glass-signs li:hover { border-color: #DCD5F5; box-shadow: 0 10px 30px rgba(44,47,55,.07); }
.glass-signs__ico {
  width: 52px; height: 52px; border-radius: 14px; background: #F1EBFE;
  display: flex; align-items: center; justify-content: center;
  margin: 0 0 18px; flex: 0 0 auto; color: #8639F1;
}
.glass-signs__ico svg { display: block; width: 26px; height: 26px; }
.glass-signs__name {
  font-weight: 700; font-size: 18px; line-height: 1.3; color: #2C2F37; margin: 0 0 10px;
}
.glass-signs__text { font-size: 16px; line-height: 1.5; color: #5A5A6B; margin: 0; }
.glass-signs__link {
  margin-top: auto; padding-top: 16px; align-self: flex-start;
  display: inline-flex; align-items: center; gap: 7px;
  color: #8639F1; text-decoration: none; font-weight: 500; font-size: 15px;
}
.glass-signs__link::after {
  content: ''; width: 6px; height: 6px; border-right: 1.6px solid currentColor;
  border-top: 1.6px solid currentColor; transform: rotate(45deg);
  transition: transform .2s ease;
}
.glass-signs__link:hover { color: #6C2FD0; }
.glass-signs__link:hover::after { transform: rotate(45deg) translate(2px, -2px); }

@media (max-width: 640px) {
  .glass-signs li { padding: 22px 20px; border-radius: 16px; }
  .glass-signs__ico { width: 44px; height: 44px; border-radius: 12px; margin-bottom: 14px; }
  .glass-signs__name { font-size: 17px; }
}

/* ==== Вертикальный ритм заголовков секций ==== */
.setka-detail__content-text h2.glass-h2 { margin-top: 80px; }
.glass-facts + h2.glass-h2 { margin-top: 0; }
@media (max-width: 767px) {
  .setka-detail__content-text h2.glass-h2 { margin-top: 48px; }
  .glass-facts + h2.glass-h2 { margin-top: 0; }
}

/* ==== Выравнивание строк карточек мифов по одной линии ==== */
/* фолбэк: резервируем под цитату две строки */
.glass-myth__q { min-height: 48px; }

@media (min-width: 641px) {
  @supports (grid-template-rows: subgrid) {
    .glass-myths { grid-template-rows: auto auto auto auto auto; row-gap: 0; }
    .glass-myth { display: grid; grid-template-rows: subgrid; grid-row: span 5; row-gap: 0; }
    .glass-myth__q { min-height: 0; }
    .glass-myth__a { align-self: start; }
  }
}

/* ==== «Выгода от бесплатного замера» — карточки по макету Figma (852:1968) ==== */
/* слайдер */
.glass-slider { position: relative; margin: 0 0 40px; }
.glass-slider__track {
  display: flex; gap: 20px; overflow-x: auto; scroll-snap-type: x mandatory;
  scroll-behavior: smooth; scrollbar-width: none; -ms-overflow-style: none;
  padding-bottom: 4px;
}
.glass-slider__track::-webkit-scrollbar { display: none; }
.glass-slider__track > .glass-benefit {
  flex: 0 0 calc((100% - 40px) / 3); scroll-snap-align: start;
}
.glass-slider__arrow {
  position: absolute; top: 50%; transform: translateY(-50%); z-index: 2;
  width: 56px; height: 56px; border-radius: 50%; border: 1px solid #DDE3E3;
  background: #fff; cursor: pointer; display: flex; align-items: center; justify-content: center;
  transition: border-color .2s ease, background-color .2s ease, opacity .2s ease;
}
.glass-slider__arrow:hover { border-color: #8639F1; }
.glass-slider__arrow[disabled] { opacity: .35; cursor: default; }
.glass-slider__arrow[disabled]:hover { border-color: #DDE3E3; }
.glass-slider__arrow svg { width: 18px; height: 18px; color: #2C2F37; }
.glass-slider__arrow--prev { left: -76px; }
.glass-slider__arrow--next { right: -76px; }
.glass-slider__dots { display: flex; justify-content: center; gap: 8px; margin-top: 26px; }
.glass-slider__dot {
  width: 9px; height: 9px; border-radius: 100px; border: 0; padding: 0;
  background: #D3D9D9; cursor: pointer; transition: width .25s ease, background-color .25s ease;
}
.glass-slider__dot.is-active { width: 46px; background: #A9B1B1; }

@media (max-width: 1600px) {
  .glass-slider__arrow--prev { left: 8px; }
  .glass-slider__arrow--next { right: 8px; }
}
@media (max-width: 1024px) {
  .glass-slider__track > .glass-benefit { flex: 0 0 calc((100% - 20px) / 2); }
}
@media (max-width: 640px) {
  .glass-slider__track { gap: 14px; }
  .glass-slider__track > .glass-benefit { flex: 0 0 88%; }
  .glass-slider__arrow { display: none; }
}
.glass-benefit {
  background: #F1F4F4; border-radius: 30px; padding: 32px 30px; overflow: hidden;
  display: flex; flex-direction: column;
}
.glass-benefit__name {
  font-family: 'Golos Text', sans-serif; font-weight: 600;
  font-size: 20px; line-height: 1.3; color: #2C2F37; margin: 0 0 14px;
}
.glass-benefit__text { font-size: 17px; line-height: 1.45; color: #474A4A; margin: 0 0 18px; }
.glass-benefit__img { margin-top: auto; text-align: center; }
.glass-benefit__img img { display: block; width: 190px; max-width: 70%; height: auto; margin: 0 auto -32px; }

@media (max-width: 1024px) { .glass-benefits { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 640px) {
  .glass-benefits { grid-template-columns: 1fr; gap: 14px; }
  .glass-benefit { border-radius: 16px; padding: 24px 22px; }
  .glass-benefit__img img { width: 150px; margin-bottom: -24px; }
  .glass-benefit__name { font-size: 18px; }
}

/* ==== «Преимущества стеклопакетов» — карточки в стиле Figma 305×384 ==== */
.glass-adv { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin: 0 0 40px; }
.glass-adv__card {
  background: #F1F4F4; border-radius: 30px; padding: 34px 26px; overflow: hidden;
  display: flex; flex-direction: column; align-items: center; text-align: center;
}
.glass-adv__name {
  font-family: 'Mulish', 'Golos Text', sans-serif; font-weight: 700;
  font-size: 20px; line-height: 30px; color: #2C2F37; margin: 0 0 10px;
}
.glass-adv__text { font-size: 17px; line-height: 22px; color: #474A4A; margin: 0 0 18px; }
.glass-adv__img { margin-top: auto; }
.glass-adv__img { text-align: center; height: 160px; margin-top: auto; margin-bottom: -50px; }
.glass-adv__img img { display: inline-block; width: auto; height: 160px; max-width: 100%; }

@media (max-width: 1024px) { .glass-adv { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 640px) {
  .glass-adv { grid-template-columns: 1fr; gap: 14px; }
  .glass-adv__card { border-radius: 16px; padding: 26px 22px; }
  .glass-adv__img, .glass-adv__img img { height: 128px; }
  .glass-adv__img { margin-bottom: -40px; }
}

/* ==== «Приедем сегодня» — карта зон с временем подачи ==== */
.glass-zones {
  display: grid; grid-template-columns: minmax(0, 340px) minmax(0, 1fr);
  gap: 32px; align-items: start; margin: 0 0 40px;
}
.glass-zones__intro { color: #474A4A; font-size: 17px; line-height: 1.5; margin: 0; }
.glass-zones__intro b { color: #2C2F37; }
.glass-zones__list {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; list-style: none; padding: 0; margin: 0;
}
.glass-zones__list li {
  background: #F1F4F4; border-radius: 16px; padding: 18px 20px;
  display: flex; flex-direction: column; gap: 6px; margin: 0;
}
.glass-zones__time {
  font-family: 'Mulish', 'Golos Text', sans-serif; font-weight: 700;
  font-size: 20px; line-height: 1.1; color: #8639F1; font-variant-numeric: tabular-nums;
}
.glass-zones__city { font-size: 15px; line-height: 1.35; color: #2C2F37; font-weight: 500; }
.glass-zones__wide {
  grid-column: span 3;
  background: transparent !important;
  border: 1px dashed #DDD9EE;
  color: #2C2F37;
}
.glass-zones__wide .glass-zones__time { color: #2C2F37; }
.__unused_xxx { grid-column: span 3; background: #FFF; border: 1px dashed #DDD9EE; }
@media (max-width: 1024px) { .glass-zones { grid-template-columns: 1fr; gap: 20px; } }
@media (max-width: 640px) {
  .glass-zones__list { grid-template-columns: repeat(2, 1fr); gap: 10px; }
  .glass-zones__list li { padding: 14px 16px; border-radius: 12px; }
  .glass-zones__wide {
  grid-column: span 3;
  background: transparent !important;
  border: 1px dashed #DDD9EE;
  color: #2C2F37;
}
.glass-zones__wide .glass-zones__time { color: #2C2F37; }
.__unused_xxx { grid-column: span 2; }
  .glass-zones__time { font-size: 17px; }
}

/* ==== «Для бизнеса» — карточки с иконками ==== */
.glass-biz {
  background: #F1F4F4; border-radius: 30px; padding: 44px 40px; margin: 0 0 40px;
}
.glass-biz__grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 28px 40px; margin: 0; padding: 0; list-style: none; }
.glass-biz__item { display: flex; gap: 18px; margin: 0; }
.glass-biz__ico {
  flex: 0 0 auto; width: 48px; height: 48px; border-radius: 14px;
  background: #FFF; display: flex; align-items: center; justify-content: center; color: #8639F1;
}
.glass-biz__ico svg { width: 24px; height: 24px; }
.glass-biz__body h3 {
  font-family: 'Golos Text', sans-serif; font-weight: 600;
  font-size: 18px; line-height: 1.3; color: #2C2F37; margin: 0 0 6px;
}
.glass-biz__body p { font-size: 16px; line-height: 1.5; color: #5A5A6B; margin: 0; }
@media (max-width: 720px) {
  .glass-biz { padding: 28px 22px; border-radius: 20px; }
  .glass-biz__grid { grid-template-columns: 1fr; gap: 22px; }
}

/* ==== Плейсхолдеры «Мини-кейсы» и «До / После» ==== */
.glass-cases { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin: 0 0 40px; }
.glass-case {
  background: #F1F4F4; border-radius: 20px; padding: 24px 24px 22px;
  display: flex; flex-direction: column; gap: 14px;
}
.glass-case__ph {
  aspect-ratio: 4 / 3; border-radius: 14px; background: #FFF;
  display: flex; align-items: center; justify-content: center; color: #B0B7BE;
  border: 1px dashed #D5DBDB;
}
.glass-case__ph svg { width: 36px; height: 36px; }
.glass-case__meta { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px 16px; }
.glass-case__cell dt {
  font-size: 12px; text-transform: uppercase; letter-spacing: .04em;
  color: #8B94A1; margin: 0 0 3px;
}
.glass-case__cell dd { margin: 0; font-weight: 600; color: #2C2F37; font-size: 15px; }
.glass-case__note {
  margin-top: 4px; font-size: 13px; color: #8B94A1; line-height: 1.4;
  padding-top: 10px; border-top: 1px solid #E4E8E8;
}
@media (max-width: 1024px) { .glass-cases { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 640px) { .glass-cases { grid-template-columns: 1fr; } }

/* галерея до/после */
.glass-gallery { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin: 0 0 40px; }
.glass-gallery__pair {
  border-radius: 20px; overflow: hidden; background: #F1F4F4;
  aspect-ratio: 4 / 3; position: relative;
  display: grid; grid-template-columns: 1fr 1fr; gap: 2px;
}
.glass-gallery__ph {
  background: #FFF; display: flex; align-items: center; justify-content: center;
  flex-direction: column; gap: 6px; color: #B0B7BE;
}
.glass-gallery__ph svg { width: 28px; height: 28px; opacity: .7; }
.glass-gallery__ph span {
  font-size: 12px; text-transform: uppercase; letter-spacing: .1em; color: #8B94A1; font-weight: 600;
}
.glass-gallery__caption {
  position: absolute; left: 14px; right: 14px; bottom: 14px;
  color: #2C2F37; font-size: 14px; line-height: 1.35;
  background: rgba(255,255,255,.85); backdrop-filter: blur(4px);
  padding: 8px 12px; border-radius: 10px;
}
@media (max-width: 1024px) { .glass-gallery { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 640px) { .glass-gallery { grid-template-columns: 1fr; } }

/* ==== Подпись под блоком «Замену сделает мастер...» ==== */
.glass-workers-note {
  font-size: 17px; line-height: 1.55; color: #474A4A;
  max-width: 78ch; margin: -20px 0 40px;
}
/* ==== Hub1 subpages: shared blocks ==== */
.glass-hero__text{max-width:640px}
.glass-hero__title{font-family:'FS-4700',Arial,sans-serif;font-size:38px;line-height:1.15;margin:0 0 14px;color:#0f1a2b}
.glass-hero__form{display:flex;gap:10px;margin:18px 0 10px;max-width:520px;flex-wrap:wrap}
.glass-hero__form input[type=tel]{flex:1 1 220px;padding:14px 16px;border:1px solid #cfd6df;border-radius:10px;font-size:16px;background:#fff}
.glass-hero__form input[type=tel]:focus{outline:none;border-color:#f3aa1d;box-shadow:0 0 0 3px rgba(243,170,29,.18)}
.glass-hero__btn{padding:14px 22px;background:#f3aa1d;color:#0f1a2b;font-weight:600;border:0;border-radius:10px;font-size:16px;cursor:pointer;transition:.2s}
.glass-hero__btn:hover{background:#e69910}
.glass-hero__note{color:#6c7787;font-size:14px;margin:8px 0 0}
.glass-hero__img img{width:100%;max-width:520px;height:auto;border-radius:14px}

/* Quickfaq (details) под hero */
.glass-quickfaq{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-top:24px}
.glass-quickfaq__item{background:#f6f8fb;border:1px solid #e6ebf1;border-radius:12px;padding:14px 16px}
.glass-quickfaq__item summary{font-weight:600;cursor:pointer;color:#0f1a2b;list-style:none}
.glass-quickfaq__item summary::after{content:'+';float:right;color:#8a97a8;font-weight:400}
.glass-quickfaq__item[open] summary::after{content:'−'}
.glass-quickfaq__item p{margin:10px 0 0;color:#3b4757;line-height:1.5}

/* Facts bar */
.glass-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:32px 0;padding:22px;background:#0f1a2b;color:#fff;border-radius:14px}
.glass-facts__item{text-align:center}
.glass-facts__val{font-family:'FS-4700',Arial;font-size:28px;color:#f3aa1d;line-height:1.1}
.glass-facts__lbl{font-size:14px;color:#c8d0dc;margin-top:6px}

/* Generic block */
.glass-block{margin:36px 0}
.glass-h2{font-family:'FS-4700',Arial;font-size:26px;line-height:1.25;color:#0f1a2b;margin:0 0 16px}
.glass-p{color:#3b4757;line-height:1.6;font-size:16px;margin:0 0 12px}
.glass-ol{padding-left:22px;color:#3b4757;line-height:1.6}
.glass-ol li{margin:8px 0}

/* Signs (list with subtitle+desc) */
.glass-signs{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}
.glass-sign{background:#fff;border:1px solid #e6ebf1;border-left:3px solid #f3aa1d;border-radius:10px;padding:16px 18px}
.glass-sign__t{font-weight:600;color:#0f1a2b;margin-bottom:6px}
.glass-sign__d{color:#3b4757;line-height:1.5;font-size:15px}

/* Myths/cards (generic 2-3 col cards) */
.glass-myths{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}
.glass-myth{background:#f6f8fb;border:1px solid #e6ebf1;border-radius:12px;padding:18px}
.glass-myth__t{font-weight:600;color:#0f1a2b;font-size:17px;margin-bottom:8px}
.glass-myth__d{color:#3b4757;line-height:1.55;font-size:15px}

/* FAQ */
.glass-faq{display:flex;flex-direction:column;gap:10px}
.glass-faq__item{background:#fff;border:1px solid #e6ebf1;border-radius:10px;padding:14px 18px}
.glass-faq__item summary{font-weight:600;cursor:pointer;color:#0f1a2b;list-style:none}
.glass-faq__item summary::after{content:'+';float:right;color:#8a97a8}
.glass-faq__item[open] summary::after{content:'−'}
.glass-faq__item p{margin:10px 0 0;color:#3b4757;line-height:1.55}

/* Links */
.glass-links{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.glass-links li a{display:inline-block;padding:10px 16px;background:#f6f8fb;border:1px solid #e6ebf1;border-radius:8px;color:#0f1a2b;text-decoration:none;transition:.2s}
.glass-links li a:hover{background:#f3aa1d;border-color:#f3aa1d}

/* CTA container */
.glass-cta{margin:36px 0}

@media (max-width:900px){
  .glass-hero__title{font-size:28px}
  .glass-h2{font-size:22px}
}
/* ==== Hub1 subpages v2: причины (нумерованные карточки) ==== */
.glass-causes{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}
.glass-cause{display:flex;gap:16px;background:#fff;border:1px solid #e6ebf1;border-radius:14px;padding:20px;position:relative;transition:.2s}
.glass-cause:hover{border-color:#f3aa1d;box-shadow:0 6px 20px rgba(15,26,43,.06)}
.glass-cause__n{flex:0 0 auto;font-family:'FS-4700',Arial;font-size:32px;line-height:1;color:#f3aa1d;font-weight:700;min-width:44px}
.glass-cause__body{flex:1}
.glass-cause__t{font-weight:600;color:#0f1a2b;font-size:17px;margin-bottom:6px;line-height:1.3}
.glass-cause__d{color:#3b4757;line-height:1.55;font-size:15px}
/* ==== Hub1 subpages v3 ==== */

/* Reasons — крупные карточки с бейджем-номером */
.glass-reasons{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:18px}
.glass-reason{display:flex;gap:18px;align-items:flex-start;background:linear-gradient(180deg,#fff 0%,#fbfcfe 100%);border:1px solid #e6ebf1;border-radius:16px;padding:22px 24px;transition:.2s;position:relative;overflow:hidden}
.glass-reason::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:#f3aa1d;opacity:0;transition:.2s}
.glass-reason:hover{border-color:#f3aa1d;box-shadow:0 8px 24px rgba(15,26,43,.08);transform:translateY(-2px)}
.glass-reason:hover::before{opacity:1}
.glass-reason__badge{flex:0 0 auto;width:52px;height:52px;border-radius:50%;background:#fff5df;color:#d68f0a;font-family:'FS-4700',Arial;font-weight:700;font-size:20px;display:flex;align-items:center;justify-content:center;line-height:1}
.glass-reason__body{flex:1;min-width:0}
.glass-reason__t{font-family:'FS-4700',Arial;font-weight:600;color:#0f1a2b;font-size:18px;line-height:1.3;margin:0 0 8px}
.glass-reason__d{color:#3b4757;line-height:1.6;font-size:15px;margin:0}

/* Steps2 — вертикальный степпер с линией */
.glass-steps2{list-style:none;padding:0;margin:0;position:relative;counter-reset:none}
.glass-steps2::before{content:'';position:absolute;left:19px;top:20px;bottom:20px;width:2px;background:linear-gradient(180deg,#f3aa1d 0%,#f3aa1d 60%,transparent 100%);border-radius:2px}
.glass-steps2__item{display:flex;gap:16px;align-items:flex-start;padding:12px 0;position:relative}
.glass-steps2__num{flex:0 0 auto;width:40px;height:40px;border-radius:50%;background:#0f1a2b;color:#fff;display:flex;align-items:center;justify-content:center;font-family:'FS-4700',Arial;font-weight:700;font-size:16px;position:relative;z-index:1;box-shadow:0 0 0 4px #fff}
.glass-steps2__text{flex:1;color:#3b4757;line-height:1.6;font-size:16px;padding-top:8px}

/* FAQ — если на сайте .faq-title не покрывает наш случай, добавим лёгкую подстраховку */
.faq-title{font-family:'FS-4700',Arial;font-size:26px;color:#0f1a2b;margin:32px 0 16px}
/* ==== Hub1: price table + case ==== */
.glass-price{margin:16px 0 8px;overflow-x:auto}
.glass-price__table{width:100%;border-collapse:collapse;background:#fff;border:1px solid #e6ebf1;border-radius:12px;overflow:hidden}
.glass-price__table th,.glass-price__table td{padding:16px 20px;text-align:left;border-bottom:1px solid #eef1f5;font-size:16px}
.glass-price__table thead th{background:#0f1a2b;color:#fff;font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.03em}
.glass-price__table tbody tr:last-child td{border-bottom:0}
.glass-price__table tbody tr:hover{background:#fbfcfe}
.glass-price__val{font-weight:600;color:#d68f0a;white-space:nowrap;text-align:right}
.glass-price__note{color:#6c7787;font-size:14px;margin:12px 0 0;line-height:1.5}

.glass-case2{background:linear-gradient(135deg,#fff5df 0%,#fef8e7 100%);border:1px solid #f3aa1d40;border-radius:16px;padding:26px 28px;position:relative}
.glass-case2__badge{display:inline-block;background:#0f1a2b;color:#f3aa1d;font-size:11px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;padding:5px 12px;border-radius:20px;margin-bottom:14px}
.glass-case2__t{font-family:'FS-4700',Arial;font-size:20px;color:#0f1a2b;margin:0 0 10px;line-height:1.3}
.glass-case2__d{color:#3b4757;line-height:1.6;font-size:16px;margin:0 0 18px}
.glass-case2__meta{display:flex;gap:24px;flex-wrap:wrap;padding-top:16px;border-top:1px dashed #f3aa1d80}
.glass-case2__meta-val{font-family:'FS-4700',Arial;font-weight:700;font-size:22px;color:#0f1a2b;line-height:1}
.glass-case2__meta-lbl{color:#6c7787;font-size:13px;margin-top:4px}

@media (max-width:600px){
  .glass-price__table th,.glass-price__table td{padding:12px 14px;font-size:14px}
  .glass-case2__meta{gap:16px}
  .glass-case2__meta-val{font-size:18px}
}
/* ==== Hub1: cases grid ==== */
.glass-cases2{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px}
.glass-cases2 .glass-case2{margin:0}
.glass-cases2 .glass-case2__t{font-size:18px}
.glass-cases2 .glass-case2__d{font-size:15px}
.glass-cases2 .glass-case2__meta{gap:14px}
.glass-cases2 .glass-case2__meta-val{font-size:18px}
.glass-cases2 .glass-case2__meta-lbl{font-size:12px}
/* ==== Hub1 v6: cases with photos + reason tiles ==== */

/* Cases grid — карточки одинаковой высоты, фото сверху */
.glass-cases2{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;align-items:stretch}
.glass-cases2 .glass-case2{margin:0;padding:0;display:flex;flex-direction:column;background:#fff;border:1px solid #eee2c2;border-radius:16px;overflow:hidden}
.glass-case2__photos{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:#eee2c2}
.glass-case2__photo{aspect-ratio:4/3;background:linear-gradient(135deg,#fff5df 0%,#fef8e7 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#b98314;position:relative;font-size:13px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}
.glass-case2__photo svg{width:40px;height:40px;opacity:.55}
.glass-case2__photo--before{background:linear-gradient(135deg,#f8f3e2 0%,#f0e9d0 100%)}
.glass-case2__photo--after{background:linear-gradient(135deg,#fff5df 0%,#ffe9b3 100%)}
.glass-case2__body{padding:22px 24px;display:flex;flex-direction:column;flex:1;background:linear-gradient(180deg,#fff5df 0%,#fef8e7 100%)}
.glass-case2__badge{align-self:flex-start;display:inline-block;background:#0f1a2b;color:#f3aa1d;font-size:11px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;padding:5px 12px;border-radius:20px;margin-bottom:14px}
.glass-case2__t{font-family:'FS-4700',Arial;font-size:18px;color:#0f1a2b;margin:0 0 10px;line-height:1.3}
.glass-case2__d{color:#3b4757;line-height:1.55;font-size:15px;margin:0 0 18px;flex:1}
.glass-case2__meta{display:flex;gap:16px;flex-wrap:wrap;padding-top:14px;border-top:1px dashed #f3aa1d80;margin-top:auto}
.glass-case2__meta-item{min-width:80px}
.glass-case2__meta-val{font-family:'FS-4700',Arial;font-weight:700;font-size:18px;color:#0f1a2b;line-height:1}
.glass-case2__meta-lbl{color:#6c7787;font-size:12px;margin-top:4px}

/* Reason tiles — плитки с эмодзи-иконкой сверху и номером в углу */
.glass-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.glass-tile{background:#fff;border:1px solid #e6ebf1;border-radius:16px;padding:22px 20px;display:flex;flex-direction:column;transition:.25s;position:relative;overflow:hidden}
.glass-tile::after{content:'';position:absolute;left:0;right:0;bottom:0;height:3px;background:#f3aa1d;transform:scaleX(0);transform-origin:left;transition:transform .3s}
.glass-tile:hover{border-color:#f3aa1d;box-shadow:0 10px 28px rgba(15,26,43,.08);transform:translateY(-3px)}
.glass-tile:hover::after{transform:scaleX(1)}
.glass-tile__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
.glass-tile__ico{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#fff5df 0%,#ffe9b3 100%);display:flex;align-items:center;justify-content:center;font-size:28px;line-height:1}
.glass-tile__n{font-family:'FS-4700',Arial;font-weight:700;color:#f3aa1d;font-size:32px;line-height:1;opacity:.85}
.glass-tile__t{font-family:'FS-4700',Arial;font-weight:600;color:#0f1a2b;font-size:17px;line-height:1.3;margin:0 0 8px}
.glass-tile__d{color:#3b4757;line-height:1.55;font-size:14px;margin:0}

@media (max-width:600px){
  .glass-case2__body{padding:18px}
  .glass-tile{padding:18px 16px}
  .glass-tile__ico{width:48px;height:48px;font-size:24px}
  .glass-tile__n{font-size:26px}
}
/* ==== Hub1: убрать жёлтый в кейсах, оставить единый серо-белый стиль ==== */

.glass-cases2 .glass-case2{background:#fff;border:1px solid #e6ebf1}
.glass-case2__photos{background:#e6ebf1}
.glass-case2__photo{background:#f6f8fb;color:#8a97a8}
.glass-case2__photo--before{background:#f6f8fb}
.glass-case2__photo--after{background:#eff3f8}
.glass-case2__photo svg{opacity:.5}
.glass-case2__body{background:#fff}
.glass-case2__badge{background:#0f1a2b;color:#fff}
.glass-case2__meta{border-top:1px dashed #e6ebf1}
.glass-case2__meta-val{color:#0f1a2b}

/* Ранее добавленные жёлтые плитки причин (.glass-tiles) больше не используются, но подчистим на всякий */
.glass-tile__ico{background:#f6f8fb}
/* ==== Hub1: info-card (H2+P блоки как выделенные ответы) ==== */
.glass-info{display:flex;gap:20px;align-items:flex-start;background:#f6f8fb;border:1px solid #e6ebf1;border-left:4px solid #0f1a2b;border-radius:14px;padding:24px 28px}
.glass-info__ico{flex:0 0 auto;width:44px;height:44px;border-radius:50%;background:#0f1a2b;color:#fff;display:flex;align-items:center;justify-content:center}
.glass-info__ico svg{width:24px;height:24px}
.glass-info__body{flex:1;min-width:0}
.glass-info__t{font-family:'FS-4700',Arial;font-size:20px;color:#0f1a2b;margin:0 0 8px;line-height:1.3}
.glass-info__d{color:#3b4757;line-height:1.65;font-size:16px;margin:0}

/* ==== Смотрите также — карточки-ссылки со стрелкой ==== */
.glass-related{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}
.glass-related__card{display:flex;align-items:center;justify-content:space-between;gap:14px;background:#fff;border:1px solid #e6ebf1;border-radius:12px;padding:18px 22px;text-decoration:none;color:#0f1a2b;transition:.2s;font-weight:500;line-height:1.35;min-height:64px}
.glass-related__card:hover{border-color:#0f1a2b;background:#0f1a2b;color:#fff;transform:translateX(4px);box-shadow:0 6px 18px rgba(15,26,43,.12)}
.glass-related__t{flex:1;font-size:15px}
.glass-related__arrow{flex:0 0 auto;width:32px;height:32px;border-radius:50%;background:#f6f8fb;color:#0f1a2b;display:flex;align-items:center;justify-content:center;transition:.2s}
.glass-related__arrow svg{width:16px;height:16px}
.glass-related__card:hover .glass-related__arrow{background:#f3aa1d;color:#0f1a2b;transform:translateX(2px)}

@media (max-width:600px){
  .glass-info{padding:18px 20px;gap:14px}
  .glass-info__ico{width:36px;height:36px}
  .glass-info__ico svg{width:20px;height:20px}
  .glass-info__t{font-size:17px}
  .glass-info__d{font-size:15px}
}
/* ==== Hub1: expert quote (P-блоки) ==== */
.glass-quote{margin:0;padding:26px 32px 22px;background:#fff;border:1px solid #e6ebf1;border-radius:14px;position:relative;box-shadow:0 2px 8px rgba(15,26,43,.03)}
.glass-quote__mark{position:absolute;top:-14px;left:24px;width:44px;height:44px;background:#0f1a2b;color:#f3aa1d;border-radius:50%;display:flex;align-items:center;justify-content:center}
.glass-quote__mark svg{width:22px;height:22px}
.glass-quote__text{margin:14px 0 14px;font-family:'FS-4700',Arial;font-size:19px;line-height:1.6;color:#0f1a2b;font-weight:400}
.glass-quote__author{color:#8a97a8;font-size:14px;font-style:normal;padding-top:12px;border-top:1px solid #eef1f5}

/* ==== Related v2: плитки с иконкой + описанием ==== */
.glass-related2{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}
.glass-related2__card{display:flex;align-items:center;gap:16px;padding:22px 22px;background:#fff;border:1px solid #e6ebf1;border-radius:16px;text-decoration:none;color:#0f1a2b;transition:.25s;position:relative;min-height:104px}
.glass-related2__card:hover{border-color:#0f1a2b;box-shadow:0 10px 28px rgba(15,26,43,.1);transform:translateY(-2px)}
.glass-related2__ico{flex:0 0 auto;width:56px;height:56px;border-radius:14px;background:#f6f8fb;color:#0f1a2b;display:flex;align-items:center;justify-content:center;transition:.25s}
.glass-related2__ico svg{width:28px;height:28px}
.glass-related2__card:hover .glass-related2__ico{background:#0f1a2b;color:#f3aa1d}
.glass-related2__body{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}
.glass-related2__t{font-family:'FS-4700',Arial;font-weight:600;font-size:16px;line-height:1.3;color:#0f1a2b}
.glass-related2__d{color:#6c7787;font-size:13px;line-height:1.4}
.glass-related2__arrow{flex:0 0 auto;width:32px;height:32px;color:#8a97a8;display:flex;align-items:center;justify-content:center;transition:.25s}
.glass-related2__arrow svg{width:20px;height:20px}
.glass-related2__card:hover .glass-related2__arrow{color:#f3aa1d;transform:translateX(4px)}
/* ==== Hub1: смена жёлтого акцента на фиолетовый брендовый ==== */
:root{--brand:#8639F1;--brand-dark:#6f28d0;--brand-tint:#efe4ff}

/* Hero: кнопка + фокус поля */
.glass-hero__btn{background:#8639F1 !important;color:#fff !important}
.glass-hero__btn:hover{background:#6f28d0 !important}
.glass-hero__form input[type=tel]:focus{border-color:#8639F1 !important;box-shadow:0 0 0 3px rgba(134,57,241,.18) !important}

/* Facts */
.glass-facts__val{color:#c1a4ff !important}

/* Info-card — фиолетовая полоса и иконка */
.glass-info{border-left-color:#8639F1 !important;background:#f7f2ff !important;border-color:#e5d8ff !important}
.glass-info__ico{background:#8639F1 !important;color:#fff !important}

/* Related tiles (короткие плитки-стрелки) */
.glass-related__card:hover{border-color:#8639F1 !important;background:#8639F1 !important;color:#fff !important}
.glass-related__card:hover .glass-related__arrow{background:#efe4ff !important;color:#8639F1 !important}

/* Price */
.glass-price__val{color:#8639F1 !important}
.glass-price__table thead th{background:#8639F1 !important}

/* Case card badge — оставляем чёрный, снимаем оранжевые оттенки */
.glass-case2__badge{background:#8639F1 !important;color:#fff !important}
.glass-case2__meta{border-top-color:#e5d8ff !important}
.glass-case2__meta-val{color:#0f1a2b !important}

/* Signs — если внутри есть link, покрасим */
.glass-signs__link{color:#8639F1 !important}
.glass-signs__ico{color:#8639F1 !important}

/* Reason / tile fallbacks (если где-то остались) */
.glass-cause__n,.glass-tile__n{color:#8639F1 !important}
.glass-reason__badge{background:#efe4ff !important;color:#8639F1 !important}
.glass-reason:hover::before{background:#8639F1 !important}
.glass-tile::after{background:#8639F1 !important}
.glass-tile:hover{border-color:#8639F1 !important}

/* Steps2 fallback */
.glass-steps2__num{background:#8639F1 !important}
.glass-steps2::before{background:linear-gradient(180deg,#8639F1 0%,#8639F1 60%,transparent 100%) !important}

/* Links (старый .glass-links если где-то остался) */
.glass-links li a:hover{background:#8639F1 !important;border-color:#8639F1 !important;color:#fff !important}

/* Quote (если остался) */
.glass-quote__mark{background:#8639F1 !important;color:#fff !important}
/* ==== info-card: иконка на одном уровне с заголовком ==== */
.glass-info{display:flex;flex-direction:column;gap:12px;align-items:stretch}
.glass-info__head{display:flex;align-items:center;gap:16px}
.glass-info__ico{flex:0 0 auto}
.glass-info__t{margin:0}
.glass-info__d{margin:0 0 0 60px}
@media (max-width:600px){
  .glass-info__d{margin-left:0}
}
/* ==== Hub1: benefits3 (3 карточки с иконкой) + zones2 (чипы городов) ==== */
.glass-benefits3{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
.glass-benefit3{background:#fff;border:1px solid #e6ebf1;border-radius:14px;padding:22px 20px;transition:.2s}
.glass-benefit3:hover{border-color:#8639F1;box-shadow:0 8px 20px rgba(15,26,43,.06);transform:translateY(-2px)}
.glass-benefit3__ico{width:48px;height:48px;border-radius:12px;background:#efe4ff;color:#8639F1;display:flex;align-items:center;justify-content:center;margin-bottom:14px}
.glass-benefit3__ico svg{width:26px;height:26px}
.glass-benefit3__t{font-family:'FS-4700',Arial;font-weight:600;color:#0f1a2b;font-size:17px;line-height:1.3;margin:0 0 8px}
.glass-benefit3__d{color:#3b4757;line-height:1.55;font-size:14px;margin:0}

.glass-zones2{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}
.glass-zones2__chip{display:inline-flex;align-items:center;gap:6px;background:#f7f2ff;color:#0f1a2b;border:1px solid #e5d8ff;border-radius:100px;padding:8px 16px;font-size:14px;font-weight:500}
.glass-zones2__chip::before{content:'📍';font-size:12px}
.glass-zones2__note{color:#6c7787;font-size:14px;line-height:1.5;margin:6px 0 0}
/* ==== hub1: моя сетка причин строго 3-в-ряд (3+3, 3+3) ==== */
.glass-signs.glass-signs--3col{display:grid !important;grid-template-columns:repeat(3, 1fr) !important;gap:16px;list-style:none;padding:0;margin:0}
.glass-signs.glass-signs--3col > li{margin:0;width:auto !important;flex:none !important}
@media (max-width:900px){
  .glass-signs.glass-signs--3col{grid-template-columns:repeat(2, 1fr) !important}
}
@media (max-width:560px){
  .glass-signs.glass-signs--3col{grid-template-columns:1fr !important}
}
/* ==== Смотрите также — развернутые карточки-превью ==== */
.glass-related3{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}
.glass-related3__card{display:flex;flex-direction:column;gap:14px;padding:24px 24px 22px;background:#fff;border:1px solid #e6ebf1;border-radius:16px;text-decoration:none;color:#0f1a2b;transition:.25s;position:relative;overflow:hidden;min-height:220px}
.glass-related3__card::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:#8639F1;transform:scaleY(0);transform-origin:top;transition:transform .3s}
.glass-related3__card:hover{border-color:#8639F1;box-shadow:0 12px 32px rgba(134,57,241,.14);transform:translateY(-4px)}
.glass-related3__card:hover::before{transform:scaleY(1)}
.glass-related3__head{display:flex;align-items:center;justify-content:space-between}
.glass-related3__ico{width:52px;height:52px;border-radius:14px;background:#efe4ff;color:#8639F1;display:flex;align-items:center;justify-content:center;transition:.25s}
.glass-related3__ico svg{width:28px;height:28px}
.glass-related3__card:hover .glass-related3__ico{background:#8639F1;color:#fff;transform:rotate(-4deg)}
.glass-related3__tag{font:600 10px/1 'IBM Plex Mono',monospace;letter-spacing:.15em;text-transform:uppercase;color:#8a97a8;background:#f6f8fb;padding:6px 10px;border-radius:6px}
.glass-related3__t{font-family:'FS-4700',Arial;font-weight:700;font-size:19px;line-height:1.25;color:#0f1a2b;margin:6px 0 4px}
.glass-related3__d{color:#5b6b78;font-size:14.5px;line-height:1.55;margin:0 0 6px;flex:1}
.glass-related3__cta{display:inline-flex;align-items:center;gap:8px;color:#8639F1;font-weight:600;font-size:14.5px;margin-top:auto;padding-top:10px;border-top:1px solid #eef1f5}
.glass-related3__cta svg{width:16px;height:16px;transition:transform .25s}
.glass-related3__card:hover .glass-related3__cta svg{transform:translateX(4px)}

@media (max-width:600px){
  .glass-related3__card{min-height:auto;padding:20px}
  .glass-related3__t{font-size:17px}
}
.glass-case2__caption{padding:10px 20px;background:#f7f2ff;color:#5a3aa1;font-size:13px;font-weight:500;text-align:center;border-bottom:1px solid #e5d8ff}
/* ==== Hero /razbitogo/: свой фоновый градиент с брендовым акцентом ==== */
.glass-hero.glass-hero--razbitogo,.glass-hero.glass-hero--flat{background:linear-gradient(135deg,#f7f2ff 0%,#ffffff 60%,#efe4ff 100%);position:relative;overflow:hidden}
.glass-hero.glass-hero--razbitogo::before,.glass-hero.glass-hero--flat::before{content:'';position:absolute;right:-120px;top:-80px;width:340px;height:340px;border-radius:50%;background:#efe4ff;opacity:.55;filter:blur(2px);pointer-events:none}
.glass-hero.glass-hero--razbitogo .glass-hero__media img,.glass-hero.glass-hero--flat .glass-hero__media img{width:100%;height:auto;max-height:520px;display:block}
/* ==== Hero /razbitogo/: штатный фон #F1F4F4 + больше нижнего отступа ==== */
.glass-hero.glass-hero--razbitogo,.glass-hero.glass-hero--flat{background:#F1F4F4;padding-bottom:100px}
.glass-hero.glass-hero--razbitogo::before,.glass-hero.glass-hero--flat::before{display:none}
.glass-hero.glass-hero--razbitogo .glass-hero__media img,.glass-hero.glass-hero--flat .glass-hero__media img{width:100%;height:auto;max-height:560px;display:block}
/* ==== /razbitogo/: facts без чёрного фона, glass-now2 — 2 карточки ==== */

/* Facts: снимаем тёмную подложку, оставляем светло-серые плитки на своём фоне */
.glass-facts{background:transparent !important;color:inherit !important;padding:0 !important;border-radius:0 !important;gap:14px}
.glass-facts .glass-fact,.glass-facts .glass-facts__item{background:#f6f8fb;border:1px solid #e6ebf1;border-radius:14px;padding:20px 22px}
.glass-fact__n,.glass-facts__val{color:#8639F1 !important;font-family:'FS-4700',Arial;font-size:24px;line-height:1.15}
.glass-fact__t,.glass-facts__lbl{color:#5b6b78 !important;font-size:13.5px;margin-top:6px;line-height:1.4}

/* Что сделать прямо сейчас — 2-колоночная сетка */
.glass-now2{margin-top:56px}
.glass-now2__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:18px}
.glass-now2__card{display:flex;gap:18px;align-items:flex-start;background:#fff;border:1px solid #e6ebf1;border-radius:16px;padding:24px 24px;transition:.2s;position:relative;overflow:hidden}
.glass-now2__card::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:#8639F1;transform:scaleY(0);transform-origin:top;transition:transform .3s}
.glass-now2__card:hover{border-color:#8639F1;box-shadow:0 8px 22px rgba(15,26,43,.06);transform:translateY(-2px)}
.glass-now2__card:hover::before{transform:scaleY(1)}
.glass-now2__num{flex:0 0 auto;width:44px;height:44px;border-radius:50%;background:#efe4ff;color:#8639F1;display:flex;align-items:center;justify-content:center;font-family:'FS-4700',Arial;font-weight:700;font-size:20px;line-height:1}
.glass-now2__body{flex:1;min-width:0}
.glass-now2__t{font-family:'FS-4700',Arial;font-weight:600;color:#0f1a2b;font-size:18px;line-height:1.3;margin:0 0 8px}
.glass-now2__d{color:#3b4757;line-height:1.6;font-size:15px;margin:0}

@media (max-width:600px){
  .glass-now2__card{padding:20px}
}
/* центрирование номера по вертикали */
.glass-now2__card{align-items:center !important}
.glass-now2__card{align-items:flex-start !important;padding-top:26px !important}
.glass-now2__num{margin-top:2px}
.glass-facts .glass-fact,.glass-facts .glass-facts__item{padding:26px 30px !important}
.glass-fact__n,.glass-facts__val{font-size:27px !important}
.glass-fact__t,.glass-facts__lbl{font-size:14.5px !important}
.glass-glossary{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}
.glass-glossary__item{background:#f6f8fb;border:1px solid #e6ebf1;border-radius:12px;padding:18px 20px;border-left:3px solid #8639F1}
.glass-glossary__item dt{font-family:'FS-4700',Arial;font-weight:700;color:#0f1a2b;font-size:16px;margin-bottom:6px}
.glass-glossary__item dd{margin:0;color:#3b4757;font-size:14.5px;line-height:1.55}
/* ==== Что мастер имеет в виду — v2: справочник в 2 колонки ==== */
.glass-glossary.glass-glossary--v2{display:grid;grid-template-columns:repeat(2,1fr);gap:0;background:#fff;border:1px solid #e6ebf1;border-radius:16px;overflow:hidden}
.glass-glossary.glass-glossary--v2 .glass-glossary__item{display:grid;grid-template-columns:170px 1fr;gap:20px;align-items:baseline;background:transparent !important;border:0 !important;border-radius:0 !important;padding:22px 26px !important;border-bottom:1px solid #eef1f5 !important;position:relative}
.glass-glossary.glass-glossary--v2 .glass-glossary__item:nth-child(odd){border-right:1px solid #eef1f5}
/* убрать нижнюю границу у последней пары в каждой колонке */
.glass-glossary.glass-glossary--v2 .glass-glossary__item:nth-last-child(-n+2):not(:only-child){border-bottom:0 !important}
.glass-glossary.glass-glossary--v2 dt{font-family:'FS-4700',Arial;font-weight:700;color:#8639F1;font-size:16px;line-height:1.35;text-transform:none;letter-spacing:0;margin:0;padding:0}
.glass-glossary.glass-glossary--v2 dd{margin:0;color:#3b4757;font-size:14.5px;line-height:1.6}

/* нечётное число элементов — последний растягивается на 2 колонки */
.glass-glossary.glass-glossary--v2 .glass-glossary__item:last-child:nth-child(odd){grid-column:1/-1;border-right:0 !important;border-top:1px solid #eef1f5}

@media (max-width:800px){
  .glass-glossary.glass-glossary--v2{grid-template-columns:1fr}
  .glass-glossary.glass-glossary--v2 .glass-glossary__item{grid-template-columns:1fr;gap:6px}
  .glass-glossary.glass-glossary--v2 .glass-glossary__item:nth-child(odd){border-right:0}
  .glass-glossary.glass-glossary--v2 .glass-glossary__item:last-child{border-top:0}
}
/* ==== ZONEMAP: время подачи — цветные строки ==== */
.glass-zonemap{display:flex;flex-direction:column;gap:12px;margin:14px 0 18px;background:#fff;border:1px solid #e6ebf1;border-radius:16px;padding:8px;overflow:hidden}
.glass-zonemap__row{display:grid;grid-template-columns:130px 1fr;align-items:center;gap:16px;padding:16px 18px;background:#f7f2ff;border-radius:12px}
.glass-zonemap__time{font-family:'FS-4700',Arial;font-weight:700;color:#8639F1;font-size:18px;line-height:1;text-align:center;padding:10px 14px;background:#fff;border-radius:10px;border:1px solid #e5d8ff}
.glass-zonemap__cities{display:flex;flex-wrap:wrap;gap:8px}
.glass-zonemap__cities span{display:inline-flex;align-items:center;gap:4px;background:#fff;border:1px solid #eef1f5;border-radius:100px;padding:6px 12px;font-size:14px;color:#0f1a2b}
.glass-zonemap__cities span::before{content:'📍';font-size:11px}
@media (max-width:640px){
  .glass-zonemap__row{grid-template-columns:1fr;text-align:left}
  .glass-zonemap__time{text-align:left;justify-self:start}
}

/* ==== АВАРИЙНЫЙ КЕЙС: степпер с временем ==== */
.glass-emergency{background:#fff;border:1px solid #e6ebf1;border-radius:16px;padding:26px 28px;position:relative;overflow:hidden}
.glass-emergency::before{content:'';position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(180deg,#8639F1 0%,#c1a4ff 100%)}
.glass-emergency__head{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:22px}
.glass-emergency__badge{display:inline-block;background:#8639F1;color:#fff;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:6px 14px;border-radius:20px}
.glass-emergency__t{font-family:'FS-4700',Arial;font-size:19px;color:#0f1a2b;margin:0;line-height:1.3}
.glass-emergency__steps{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:14px;position:relative}
.glass-emergency__steps::before{content:'';position:absolute;left:44px;top:14px;bottom:14px;width:2px;background:#e5d8ff;border-radius:2px}
.glass-emergency__step{display:flex;gap:20px;align-items:flex-start;position:relative}
.glass-emergency__time{flex:0 0 auto;width:88px;height:32px;background:#efe4ff;color:#8639F1;font-family:'FS-4700',Arial;font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center;border-radius:8px;z-index:1}
.glass-emergency__body{flex:1;color:#3b4757;line-height:1.55;font-size:15px;padding-top:6px}
.glass-emergency__body b{color:#0f1a2b}
.glass-emergency__result{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-top:24px;padding-top:22px;border-top:1px dashed #e5d8ff}
.glass-emergency__result-val{font-family:'FS-4700',Arial;font-weight:700;font-size:22px;color:#0f1a2b;line-height:1.1}
.glass-emergency__result-lbl{color:#6c7787;font-size:13px;margin-top:5px;line-height:1.3}

/* ==== ГАЛЕРЕЯ до/после — 3 пары ==== */
.glass-gallery3{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-top:18px}
.glass-gallery3__pair{margin:0;background:#fff;border:1px solid #e6ebf1;border-radius:16px;overflow:hidden}
.glass-gallery3__photos{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:#e6ebf1}
.glass-gallery3__photo{aspect-ratio:4/3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#8a97a8;font-size:11px;font-weight:700;letter-spacing:.12em;position:relative}
.glass-gallery3__photo svg{width:42px;height:42px;opacity:.55}
.glass-gallery3__photo--before{background:#f6f8fb}
.glass-gallery3__photo--after{background:#efe4ff;color:#8639F1}
.glass-gallery3__cap{padding:16px 20px;color:#3b4757;font-size:14px;line-height:1.5;background:#fff;border-top:1px solid #eef1f5}
/* отступ после блока «Работаем с любыми разбитыми окнами» */
.glass-signs.glass-signs--3col{margin-bottom:56px}
.glass-reviews3{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px}
.glass-reviews3__card{background:#fff;border:1px solid #e6ebf1;border-radius:16px;padding:22px 24px;display:flex;flex-direction:column;transition:.2s}
.glass-reviews3__card:hover{border-color:#8639F1;box-shadow:0 8px 22px rgba(15,26,43,.07);transform:translateY(-2px)}
.glass-reviews3__head{display:flex;align-items:center;gap:14px;margin-bottom:14px}
.glass-reviews3__avatar{width:48px;height:48px;border-radius:50%;background:#efe4ff;color:#8639F1;display:flex;align-items:center;justify-content:center;font-family:'FS-4700',Arial;font-weight:700;font-size:22px}
.glass-reviews3__meta{flex:1;min-width:0}
.glass-reviews3__name{font-family:'FS-4700',Arial;font-weight:700;color:#0f1a2b;font-size:15px;line-height:1.25}
.glass-reviews3__stars{color:#f3aa1d;font-size:14px;letter-spacing:2px;margin:3px 0 2px}
.glass-reviews3__date{color:#8a97a8;font-size:12px}
.glass-reviews3__text{color:#3b4757;font-size:14.5px;line-height:1.55;margin:0}
.glass-reviews3__note{color:#6c7787;font-size:14px;margin:14px 0 0;text-align:center}
.glass-reviews3__note a{color:#8639F1;font-weight:600;text-decoration:none}
.glass-reviews3__note a:hover{text-decoration:underline}
/* ==== Оглавление статьи ==== */
.glass-toc{background:#fff;border:1px solid #e6ebf1;border-radius:14px;padding:18px 22px;margin:0 0 22px}
.glass-toc__title{font-family:'FS-4700',Arial;font-weight:700;color:#0f1a2b;font-size:14px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px}
.glass-toc__list{margin:0;padding-left:22px;color:#3b4757;font-size:15px;line-height:1.6}
.glass-toc__list li{margin:4px 0}
.glass-toc__list a{color:#8639F1;text-decoration:none;border-bottom:1px dashed #d0b8ff;transition:.2s}
.glass-toc__list a:hover{color:#6f28d0;border-color:#8639F1}

/* ==== Блок автора-эксперта (E-E-A-T) ==== */
.glass-author{display:flex;align-items:center;gap:16px;background:linear-gradient(180deg,#f7f2ff 0%,#fff 100%);border:1px solid #e5d8ff;border-radius:14px;padding:16px 20px;margin:0 0 26px}
.glass-author__avatar{flex:0 0 auto;width:56px;height:56px;border-radius:50%;background:#8639F1;color:#fff;display:flex;align-items:center;justify-content:center;font-family:'FS-4700',Arial;font-weight:700;font-size:20px;letter-spacing:1px}
.glass-author__body{flex:1;min-width:0}
.glass-author__label{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#8639F1;font-weight:700;margin-bottom:2px}
.glass-author__name{font-family:'FS-4700',Arial;font-weight:700;color:#0f1a2b;font-size:17px;line-height:1.25}
.glass-author__meta{color:#5b6b78;font-size:13.5px;line-height:1.45;margin-top:3px}
/* Отступ сверху у оглавления */
.glass-toc{margin-top:32px !important}

/* Общий подзаголовок H3 */
.glass-h3{font-family:'FS-4700',Arial;font-weight:700;font-size:20px;color:#0f1a2b;line-height:1.3;margin:26px 0 14px}

/* ==== EXPLAINER: как устроен ==== */
.glass-explainer{background:linear-gradient(180deg,#f7f2ff 0%,#fff 100%);border:1px solid #e5d8ff;border-radius:16px;padding:24px 26px;margin:14px 0}
.glass-explainer__intro{color:#0f1a2b;font-size:15.5px;line-height:1.6;margin:0 0 18px}
.glass-explainer__specs{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px}
.glass-explainer__spec{background:#fff;border:1px solid #e6ebf1;border-radius:12px;padding:16px 18px}
.glass-explainer__val{font-family:'FS-4700',Arial;font-weight:700;color:#8639F1;font-size:22px;line-height:1;margin-bottom:6px}
.glass-explainer__lbl{color:#5b6b78;font-size:13px;line-height:1.4}
.glass-explainer__how{background:#fff;border:1px solid #e6ebf1;border-radius:14px;padding:20px 22px;margin-top:22px}
.glass-explainer__how-title{font-family:'FS-4700',Arial;font-weight:700;color:#0f1a2b;font-size:16px;margin:0 0 12px}
.glass-explainer__how-list{list-style:none;padding:0;margin:0}
.glass-explainer__how-list li{padding:8px 0 8px 26px;position:relative;color:#3b4757;font-size:15px;line-height:1.5;border-bottom:1px dashed #eef1f5}
.glass-explainer__how-list li:last-child{border-bottom:0}
.glass-explainer__how-list li::before{content:'→';position:absolute;left:0;top:8px;color:#8639F1;font-weight:700}
.glass-explainer__how-note{color:#6c7787;font-size:13.5px;margin:14px 0 0;line-height:1.5}

/* ==== CAUSES3: 3 карточки-причины ==== */
.glass-causes3{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin:0 0 8px}
.glass-cause3{background:#fff;border:1px solid #e6ebf1;border-radius:14px;padding:22px 22px 18px;display:flex;flex-direction:column;position:relative;transition:.2s}
.glass-cause3:hover{border-color:#8639F1;transform:translateY(-2px);box-shadow:0 8px 20px rgba(15,26,43,.06)}
.glass-cause3__num{font-family:'FS-4700',Arial;font-weight:700;color:#efe4ff;font-size:44px;line-height:1;margin-bottom:6px}
.glass-cause3__t{font-family:'FS-4700',Arial;font-weight:700;color:#0f1a2b;font-size:17px;line-height:1.3;margin:0 0 10px}
.glass-cause3__d{color:#3b4757;font-size:14.5px;line-height:1.55;margin:0 0 14px;flex:1}
.glass-cause3__tag{display:inline-block;background:#efe4ff;color:#8639F1;font-size:12px;font-weight:600;padding:6px 12px;border-radius:8px;align-self:flex-start}

/* ==== DIAG: 6 карточек-проверок ==== */
.glass-diag__intro{display:flex;align-items:center;gap:20px;background:#0f1a2b;color:#fff;border-radius:14px;padding:18px 22px;margin:14px 0 18px}
.glass-diag__intro-time{flex:0 0 auto;font-family:'FS-4700',Arial;font-weight:700;color:#c1a4ff;font-size:22px;line-height:1;padding-right:20px;border-right:1px solid #2a3241}
.glass-diag__intro-text{color:#c8d0dc;font-size:14.5px;line-height:1.5}
.glass-diag__intro-text b{color:#fff}
.glass-diag__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.glass-diag__card{background:#fff;border:1px solid #e6ebf1;border-radius:12px;padding:16px 18px;transition:.2s}
.glass-diag__card:hover{border-color:#8639F1}
.glass-diag__head{display:flex;align-items:center;gap:12px;margin-bottom:8px}
.glass-diag__n{flex:0 0 auto;width:28px;height:28px;border-radius:50%;background:#8639F1;color:#fff;display:flex;align-items:center;justify-content:center;font-family:'FS-4700',Arial;font-weight:700;font-size:13px}
.glass-diag__t{font-family:'FS-4700',Arial;font-weight:600;color:#0f1a2b;font-size:15px;line-height:1.3;margin:0}
.glass-diag__d{color:#5b6b78;font-size:14px;line-height:1.5;margin:0}
.glass-diag__outro{margin-top:18px;padding:16px 20px;background:#f7f2ff;border-left:3px solid #8639F1;border-radius:8px;color:#0f1a2b;font-size:14.5px;line-height:1.55}
@media (max-width:900px){.glass-diag__grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){.glass-diag__grid{grid-template-columns:1fr}}

/* ==== MISTAKES: 5 карточек с красным ✕ ==== */
.glass-mistakes{display:flex;flex-direction:column;gap:12px;margin:14px 0}
.glass-mistake{display:flex;gap:16px;background:#fff;border:1px solid #f4d5d5;border-left:4px solid #d93a3a;border-radius:12px;padding:16px 20px;transition:.2s}
.glass-mistake:hover{background:#fdf5f5}
.glass-mistake__no{flex:0 0 auto;width:34px;height:34px;border-radius:50%;background:#fce8e8;color:#d93a3a;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;line-height:1}
.glass-mistake__body{flex:1;min-width:0}
.glass-mistake__t{font-family:'FS-4700',Arial;font-weight:700;color:#0f1a2b;font-size:15.5px;line-height:1.3;margin-bottom:6px}
.glass-mistake__d{color:#3b4757;font-size:14.5px;line-height:1.55}
.glass-mistakes__cta{display:flex;gap:14px;align-items:center;background:#efe4ff;border-radius:12px;padding:16px 20px;margin-top:16px}
.glass-mistakes__cta-ico{flex:0 0 auto;width:40px;height:40px;border-radius:50%;background:#8639F1;color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px}
.glass-mistakes__cta-text{color:#0f1a2b;font-size:14.5px;line-height:1.5}
.glass-mistakes__cta-text b{color:#8639F1}
.glass-author--photo{padding:14px 20px 14px 14px}
.glass-author__photo{flex:0 0 auto;width:72px;height:72px;border-radius:50%;overflow:hidden;background:#efe4ff;border:2px solid #fff;box-shadow:0 2px 8px rgba(15,26,43,.08)}
.glass-author__photo img{width:100%;height:100%;object-fit:cover;display:block}
.workers__header-sub{color:#5b6b78;font-size:15px;line-height:1.55;max-width:820px;margin:8px auto 24px;text-align:center}
@media (max-width:900px){.workers__header-sub{font-size:14px;text-align:left;padding:0 16px}}
.workers__header-sub{text-align:left !important;margin-left:0 !important;max-width:none !important}
.glass-hero .glass-hero__media img{width:100%;height:auto;max-height:560px;display:block}
/* Гарантируем что hero-картинка не обрезается */
.glass-hero .glass-hero__media img{object-fit:contain !important;object-position:center !important;height:auto !important;max-height:520px !important;width:100% !important}
.glass-hero__media{align-self:center}
.glass-hero .glass-hero__media img{max-height:640px !important}
.glass-compare{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:14px 0 12px}
.glass-compare__col{background:#fff;border:1px solid #e6ebf1;border-radius:14px;padding:20px 22px}
.glass-compare__col--accent{background:linear-gradient(180deg,#f7f2ff 0%,#fff 100%);border:1px solid #e5d8ff;border-left:3px solid #8639F1}
.glass-compare__head{font-family:'FS-4700',Arial;font-weight:700;color:#0f1a2b;font-size:17px;margin-bottom:12px;padding-bottom:10px;border-bottom:1px dashed #eef1f5}
.glass-compare__col--accent .glass-compare__head{color:#8639F1}
.glass-compare__list{list-style:none;padding:0;margin:0}
.glass-compare__list li{padding:6px 0 6px 22px;position:relative;color:#3b4757;font-size:14.5px;line-height:1.5}
.glass-compare__list li::before{content:'✓';position:absolute;left:0;top:6px;color:#8639F1;font-weight:700}
@media (max-width:700px){.glass-compare{grid-template-columns:1fr}}
/* Телефон-CTA в hero */
.glass-hero__phone-cta{margin:14px 0 6px}
.glass-hero__phone-link{display:inline-flex;align-items:center;gap:8px;font-family:'FS-4700',Arial;font-weight:700;font-size:22px;color:#0f1a2b;text-decoration:none;padding:6px 0}
.glass-hero__phone-link:hover{color:#8639F1}

/* Cards: виды стеклопакетов */
.glass-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin:16px 0 8px}
.glass-card{background:#fff;border:1px solid #e6ebf1;border-radius:14px;padding:20px 22px;display:flex;flex-direction:column;transition:.2s;position:relative}
.glass-card:hover{border-color:#8639F1;box-shadow:0 8px 22px rgba(15,26,43,.06);transform:translateY(-2px)}
.glass-card--unique{border-color:#8639F1;background:linear-gradient(180deg,#f7f2ff 0%,#fff 100%)}
.glass-card__head{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:10px;padding-bottom:10px;border-bottom:1px dashed #eef1f5}
.glass-card__t{font-family:'FS-4700',Arial;font-weight:700;color:#0f1a2b;font-size:16px;line-height:1.3;flex:1}
.glass-card__price{color:#8639F1;font-family:'FS-4700',Arial;font-weight:700;font-size:14.5px;white-space:nowrap}
.glass-card__d{color:#3b4757;font-size:14px;line-height:1.55;margin:0 0 12px;flex:1}
.glass-card__specs{list-style:none;padding:0;margin:auto 0 0;display:flex;flex-direction:column;gap:4px;font-size:13px;color:#5b6b78;border-top:1px solid #eef1f5;padding-top:10px}
.glass-card__specs li{padding-left:14px;position:relative}
.glass-card__specs li::before{content:'•';position:absolute;left:0;color:#8639F1;font-weight:700}
.glass-stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:0;background:#fff;border:1px solid #e6ebf1;border-radius:16px;padding:0;overflow:hidden;margin:8px 0 28px}
.glass-stats-row__item{padding:22px 26px;text-align:center;border-right:1px solid #eef1f5}
.glass-stats-row__item:last-child{border-right:0}
.glass-stats-row__val{font-family:'FS-4700',Arial;font-weight:700;color:#8639F1;font-size:24px;line-height:1.1}
.glass-stats-row__lbl{color:#5b6b78;font-size:13.5px;margin-top:6px;line-height:1.4}
@media (max-width:900px){.glass-stats-row__item{border-right:0;border-bottom:1px solid #eef1f5}.glass-stats-row__item:last-child{border-bottom:0}}
/* 1. Отступ сверху у полосы цифр */
.glass-stats-row{margin-top:32px !important}

/* 2. glass-reasons4 — 4 карточки-причины «Для чего требуется замена» */
.glass-reasons4{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin:14px 0}
.glass-reason4{background:#fff;border:1px solid #e6ebf1;border-radius:14px;padding:22px 22px;transition:.2s;text-align:left}
.glass-reason4:hover{border-color:#8639F1;transform:translateY(-2px);box-shadow:0 8px 22px rgba(15,26,43,.06)}
.glass-reason4__ico{width:52px;height:52px;border-radius:14px;background:#efe4ff;display:flex;align-items:center;justify-content:center;font-size:26px;margin-bottom:12px}
.glass-reason4__t{font-family:'FS-4700',Arial;font-weight:700;color:#0f1a2b;font-size:16px;margin:0 0 8px;line-height:1.3}
.glass-reason4__d{color:#3b4757;font-size:14px;line-height:1.55;margin:0}

/* 3. glass-info-alt — универсальный "совет"-блок */
.glass-info-alt{display:flex;gap:14px;align-items:center;background:#efe4ff;border-radius:12px;padding:16px 20px;margin:16px 0 0}
.glass-info-alt__ico{flex:0 0 auto;width:40px;height:40px;border-radius:50%;background:#8639F1;color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px}
.glass-info-alt__body{color:#0f1a2b;font-size:14.5px;line-height:1.5}
.glass-info-alt__body b{color:#8639F1}

/* 4. glass-services8 — 8 карточек услуг */
.glass-services8{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin:14px 0}
.glass-service{background:#fff;border:1px solid #e6ebf1;border-radius:12px;padding:18px 20px;transition:.2s}
.glass-service:hover{border-color:#8639F1;transform:translateY(-2px);box-shadow:0 6px 16px rgba(15,26,43,.05)}
.glass-service__ico{width:38px;height:38px;border-radius:10px;background:#f7f2ff;display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:10px}
.glass-service__t{font-family:'FS-4700',Arial;font-weight:700;color:#0f1a2b;font-size:15px;line-height:1.3;margin-bottom:6px}
.glass-service__d{color:#5b6b78;font-size:13.5px;line-height:1.5}

/* 5. glass-options3 — 3 варианта фрезеровки */
.glass-options3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:14px 0}
.glass-option{background:#fff;border:1px solid #e6ebf1;border-radius:14px;padding:22px 22px;display:flex;flex-direction:column;position:relative;transition:.2s}
.glass-option:hover{border-color:#8639F1;transform:translateY(-2px);box-shadow:0 8px 22px rgba(15,26,43,.06)}
.glass-option--accent{border-color:#8639F1;background:linear-gradient(180deg,#f7f2ff 0%,#fff 100%);position:relative}
.glass-option--accent::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:#8639F1;border-radius:14px 0 0 14px}
.glass-option__badge{display:inline-block;background:#efe4ff;color:#8639F1;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:5px 10px;border-radius:6px;margin-bottom:12px;align-self:flex-start}
.glass-option--accent .glass-option__badge{background:#8639F1;color:#fff}
.glass-option__t{font-family:'FS-4700',Arial;font-weight:700;color:#0f1a2b;font-size:17px;line-height:1.3;margin:0 0 12px}
.glass-option__list{list-style:none;padding:0;margin:0 0 14px;flex:1}
.glass-option__list li{padding:5px 0 5px 18px;position:relative;color:#3b4757;font-size:14px;line-height:1.5}
.glass-option__list li::before{content:'✓';position:absolute;left:0;top:5px;color:#8639F1;font-weight:700}
.glass-option__price{font-family:'FS-4700',Arial;font-weight:700;color:#0f1a2b;font-size:18px;padding-top:12px;border-top:1px dashed #e6ebf1}
.glass-option__price span{color:#8a97a8;font-weight:500;font-size:13px}
@media (max-width:900px){.glass-options3{grid-template-columns:1fr}}
.glass-cards{grid-template-columns:repeat(3,1fr) !important}
@media (max-width:900px){.glass-cards{grid-template-columns:repeat(2,1fr) !important}}
@media (max-width:560px){.glass-cards{grid-template-columns:1fr !important}}
.glass-card{padding:26px 26px !important}
.glass-card__t{font-size:17px !important}
.glass-card__d{font-size:14.5px !important;line-height:1.6 !important}
.glass-card__specs{font-size:14px !important;padding-top:14px !important}
.glass-services8{grid-template-columns:repeat(3,1fr) !important}
@media (max-width:900px){.glass-services8{grid-template-columns:repeat(2,1fr) !important}}
@media (max-width:560px){.glass-services8{grid-template-columns:1fr !important}}
.glass-service{padding:26px 26px !important}
.glass-service__t{font-size:17px !important;margin-bottom:8px !important}
.glass-service__d{font-size:14.5px !important;line-height:1.55 !important}
.ramochnye-prices__table th:nth-child(3),.ramochnye-prices__table td:nth-child(3){color:#5b6b78;font-size:14px;line-height:1.5;font-weight:400;width:40%}
.ramochnye-prices__table td:nth-child(2){white-space:nowrap}
.ramochnye-prices__subtitle{font-family:'FS-4700',Arial;font-weight:700;color:#0f1a2b;font-size:18px;margin:22px 0 8px}
.ramochnye-prices__extra{color:#3b4757;font-size:15px;line-height:1.6;max-width:900px}

/* === glass-price: полноценная таблица цен/спецификаций === */
.glass-price-wrap{overflow-x:auto;margin:16px 0;border-radius:14px;box-shadow:0 2px 12px rgba(15,26,43,.05)}
.glass-price{width:100%;border-collapse:separate;border-spacing:0;background:#fff;font-size:15px;line-height:1.45;min-width:640px}
.glass-price thead th{background:#8639F1;color:#fff;font-weight:600;text-align:left;padding:12px 16px;font-size:14px;letter-spacing:.01em;vertical-align:middle;white-space:nowrap}
.glass-price thead th:first-child{border-top-left-radius:14px}
.glass-price thead th:last-child{border-top-right-radius:14px}
.glass-price tbody td{padding:12px 16px;border-bottom:1px solid #ececf5;color:#0f1a2b;vertical-align:top}
.glass-price tbody tr:nth-child(even) td{background:#faf8ff}
.glass-price tbody tr:hover td{background:#f2ebff}
.glass-price tbody tr:last-child td{border-bottom:0}
.glass-price tbody tr:last-child td:first-child{border-bottom-left-radius:14px}
.glass-price tbody tr:last-child td:last-child{border-bottom-right-radius:14px}
.glass-price tbody td:nth-child(2){font-weight:600;color:#8639F1;white-space:nowrap}
.glass-price-note{margin-top:12px;color:#6b7280;font-size:14px;font-style:italic}
@media(max-width:640px){.glass-price{font-size:14px}.glass-price thead th,.glass-price tbody td{padding:10px 12px}}

/* === glass-features: карточки-особенности 2×N с нумерацией === */
.glass-features{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:20px 0 0;counter-reset:featnum}
.glass-feature{position:relative;background:#fff;border:1px solid #ece4ff;border-radius:14px;padding:22px 22px 20px 68px;transition:.2s;counter-increment:featnum}
.glass-feature:hover{border-color:#8639F1;box-shadow:0 6px 20px rgba(134,57,241,.08);transform:translateY(-2px)}
.glass-feature::before{content:counter(featnum,decimal-leading-zero);position:absolute;left:20px;top:20px;width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#8639F1,#a866ff);color:#fff;font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center;letter-spacing:.02em}
.glass-feature__t{font-weight:700;color:#0f1a2b;font-size:16px;line-height:1.3;margin:0 0 8px}
.glass-feature__d{color:#4b5563;font-size:14.5px;line-height:1.55;margin:0}
@media(max-width:720px){.glass-features{grid-template-columns:1fr}.glass-feature{padding:20px 18px 18px 62px}.glass-feature::before{left:16px;top:18px}}

/* === glass-price v2 — карточная таблица с бейджами === */
.glass-price-wrap{overflow-x:auto;margin:20px 0;border-radius:16px;background:#fff;box-shadow:0 4px 20px rgba(15,26,43,.06);border:1px solid #ece4ff}
.glass-price{width:100%;border-collapse:separate;border-spacing:0;font-size:15px;line-height:1.5;min-width:640px}
.glass-price thead th{background:linear-gradient(135deg,#8639F1,#a866ff);color:#fff;font-weight:600;text-align:left;padding:14px 20px;font-size:13.5px;letter-spacing:.03em;text-transform:uppercase;vertical-align:middle}
.glass-price thead th:first-child{border-top-left-radius:16px}
.glass-price thead th:last-child{border-top-right-radius:16px;text-align:right}
.glass-price tbody td{padding:16px 20px;border-bottom:1px solid #f0ebfa;color:#0f1a2b;vertical-align:top}
.glass-price tbody td:first-child{font-weight:600}
.glass-price tbody td:last-child{text-align:right}
.glass-price tbody tr:hover td{background:#faf6ff}
.glass-price tbody tr:last-child td{border-bottom:0}
.glass-price tbody tr:last-child td:first-child{border-bottom-left-radius:16px}
.glass-price tbody tr:last-child td:last-child{border-bottom-right-radius:16px}
/* Ценовой бейдж */
.glass-price tbody td:nth-child(2){white-space:nowrap;font-weight:700;color:#8639F1;font-size:15.5px}
/* На таблицах 3 колонки (Услуга | Цена | Описание) — цена в средней */
.glass-price[data-cols="3"] tbody td:nth-child(2){color:#8639F1;font-weight:700}
.glass-price[data-cols="3"] tbody td:nth-child(3){color:#6b7280;font-size:14px;text-align:left}
.glass-price[data-cols="3"] thead th:last-child{text-align:left}
/* Мини-подсказка под таблицей */
.glass-price-note{margin:14px 0 0;padding:12px 16px;background:#f7f2ff;border-left:3px solid #8639F1;border-radius:8px;color:#4b5563;font-size:14px;line-height:1.5;font-style:normal}
.glass-price-note::before{content:"ℹ ";color:#8639F1;font-weight:700;font-style:normal;margin-right:4px}
@media(max-width:640px){.glass-price{font-size:14px}.glass-price thead th,.glass-price tbody td{padding:12px 14px}}

/* === glass-steps v2 — этапы работы (карточки с большими номерами) === */
.glass-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin:24px 0 0;counter-reset:stepnum}
.glass-step{position:relative;background:#fff;border:1px solid #ece4ff;border-radius:14px;padding:24px 20px 20px;transition:.22s;overflow:hidden;counter-increment:stepnum}
.glass-step::before{content:counter(stepnum);position:absolute;right:-8px;top:-24px;font-size:98px;font-weight:800;color:#f2ebff;line-height:1;font-family:Arial,sans-serif;z-index:0;letter-spacing:-.05em}
.glass-step:hover{border-color:#8639F1;box-shadow:0 8px 24px rgba(134,57,241,.10);transform:translateY(-3px)}
.glass-step:hover::before{color:#e6d9ff}
.glass-step__t{position:relative;z-index:1;font-weight:700;color:#8639F1;font-size:16px;line-height:1.3;margin:0 0 10px;text-transform:uppercase;letter-spacing:.02em}
.glass-step__d{position:relative;z-index:1;color:#374151;font-size:14.5px;line-height:1.55;margin:0}
@media(max-width:520px){.glass-step::before{font-size:76px;top:-16px}}

/* === glass-service-card: сетка смежных услуг с ценой === */
.glass-services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;margin:20px 0 0}
.glass-service-card{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid #ece4ff;border-radius:14px;padding:18px 18px 16px;transition:.22s;text-decoration:none;color:inherit}
.glass-service-card:hover{border-color:#8639F1;box-shadow:0 6px 20px rgba(134,57,241,.10);transform:translateY(-2px);color:inherit}
.glass-service-card__ico{flex:0 0 46px;width:46px;height:46px;border-radius:12px;background:#f7f2ff;display:flex;align-items:center;justify-content:center;font-size:22px}
.glass-service-card__body{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}
.glass-service-card__t{font-weight:700;color:#0f1a2b;font-size:15px;line-height:1.3}
.glass-service-card__d{color:#6b7280;font-size:13.5px;line-height:1.5}
.glass-service-card__price{margin-top:6px;font-weight:700;color:#8639F1;font-size:14.5px}
a.glass-service-card:hover .glass-service-card__t{color:#8639F1}

/* === glass-why (item variant) — статистика 4 в ряд === */
.glass-why__grid .glass-why__item{background:#fff;border:1px solid #ece4ff;border-radius:14px;padding:22px 20px;text-align:left;transition:.22s}
.glass-why__grid .glass-why__item:hover{border-color:#8639F1;box-shadow:0 6px 20px rgba(134,57,241,.08);transform:translateY(-2px)}
.glass-why__num{font-family:'FS-4700',Arial,sans-serif;font-weight:800;font-size:32px;color:#8639F1;line-height:1;margin-bottom:8px;letter-spacing:-.02em}
.glass-why__t{font-weight:700;color:#0f1a2b;font-size:15px;line-height:1.3;margin-bottom:8px;text-transform:uppercase;letter-spacing:.02em}
.glass-why__d{color:#4b5563;font-size:14px;line-height:1.55;margin:0}
@media(max-width:900px){.glass-why__grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.glass-why__grid{grid-template-columns:1fr}}


/* === glass-case: placeholder-плейс без svg — простой текстовый бейдж «до / после» === */
.glass-cases{margin-top:20px}
.glass-case{background:#fff;border:1px solid #ece4ff;border-radius:14px;padding:0;overflow:hidden;display:flex;flex-direction:column;transition:.22s}
.glass-case:hover{border-color:#8639F1;box-shadow:0 8px 24px rgba(134,57,241,.10);transform:translateY(-2px)}
.glass-case__ph{aspect-ratio:16/9;background:linear-gradient(135deg,#efe4ff 0%,#f7f2ff 100%);display:flex;align-items:center;justify-content:center;color:#8639F1;font-size:13px;font-weight:700;letter-spacing:.15em;text-transform:uppercase}
.glass-case__meta{padding:16px 18px 8px;grid-template-columns:repeat(2,1fr)!important}
.glass-case__cell dt{font-size:12px;color:#6b7280;margin-bottom:2px;font-weight:500}
.glass-case__cell dd{font-size:14.5px}
.glass-case__note{padding:8px 18px 18px;color:#4b5563;font-size:13.5px;line-height:1.5;margin:0}
@media(max-width:900px){.glass-cases{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.glass-cases{grid-template-columns:1fr}}

/* Override: у таблиц с table-layout:fixed (Виды с 6 колонками) не применять width:40% для 3-й колонки */
.ramochnye-prices__table[style*="table-layout:fixed"] th:nth-child(3),
.ramochnye-prices__table[style*="table-layout:fixed"] td:nth-child(3){width:auto;color:inherit;font-size:inherit;line-height:inherit;font-weight:inherit}

/* Бейдж «бесплатно» / «входит» в таблицах цен — широкая подложка */
.ramochnye-prices__table td .price-badge{display:inline-block;padding:6px 18px;border-radius:999px;font-weight:700;font-size:14px;letter-spacing:.02em;white-space:nowrap;min-width:110px;text-align:center}
.ramochnye-prices__table td .price-badge--free{background:#e6f9ee;color:#0a8a4a}
.ramochnye-prices__table td .price-badge--incl{background:#f0e7ff;color:#8639F1}

/* === glass-services3 — 3 колонки, премиум карточки без иконок === */
.glass-services3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0 0}
.glass-svc{position:relative;background:#F1F4F4;border-radius:20px;padding:26px 26px 22px;display:flex;flex-direction:column;text-decoration:none;color:inherit;transition:.22s;min-height:220px;border:1px solid transparent}
.glass-svc::after{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#8639F1;border-radius:20px 0 0 20px;opacity:0;transition:.22s}
.glass-svc:hover{background:#fff;border-color:#8639F1;box-shadow:0 12px 32px rgba(134,57,241,.10);transform:translateY(-3px);color:inherit}
.glass-svc:hover::after{opacity:1}
.glass-svc__t{font-family:'FS-4700','Golos Text',Arial,sans-serif;font-weight:700;color:#0f1a2b;font-size:19px;line-height:1.3;margin:0 0 12px;letter-spacing:-.01em}
.glass-svc__d{color:#474A4A;font-size:15px;line-height:1.5;margin:0 0 auto;padding-bottom:20px}
.glass-svc__foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:16px;border-top:1px solid #DDE3E3;margin-top:auto}
.glass-svc__price{font-family:'FS-4700','Golos Text',Arial,sans-serif;font-weight:700;color:#8639F1;font-size:17px;letter-spacing:-.01em}
.glass-svc__arrow{width:36px;height:36px;border-radius:50%;background:#8639F1;color:#fff;display:flex;align-items:center;justify-content:center;transition:.22s;flex:0 0 36px}
.glass-svc__arrow svg{width:16px;height:16px}
a.glass-svc:hover .glass-svc__arrow{background:#0f1a2b;transform:translateX(4px)}
a.glass-svc:hover .glass-svc__t{color:#8639F1}
@media(max-width:900px){.glass-services3{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.glass-services3{grid-template-columns:1fr}.glass-svc{min-height:0;padding:22px}}

/* Отменить глобальное width:40% для 3-й колонки в fixed-layout таблицах */
.ramochnye-prices__table[style*="table-layout:fixed"] th:nth-child(3),
.ramochnye-prices__table[style*="table-layout:fixed"] td:nth-child(3){width:auto;color:inherit;font-size:inherit;line-height:inherit;font-weight:inherit}

/* ==================== Urgency-badge под hero-lead ==================== */
.hero-urgency{display:inline-flex;align-items:center;gap:8px;background:#e6f9ee;color:#0a8a4a;padding:8px 16px;border-radius:999px;font-size:14px;font-weight:600;margin:8px 0 16px}
.hero-urgency__dot{width:8px;height:8px;background:#10b981;border-radius:50%;box-shadow:0 0 0 0 rgba(16,185,129,.7);animation:pulse 2s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(16,185,129,.7)}70%{box-shadow:0 0 0 10px rgba(16,185,129,0)}100%{box-shadow:0 0 0 0 rgba(16,185,129,0)}}

/* ==================== Trust-bar в hero ==================== */
.hero-trust{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:16px;background:#f7f2ff;border-radius:14px;margin:16px 0}
.hero-trust__item{display:flex;flex-direction:column;text-align:center}
.hero-trust__item b{font-family:'FS-4700','Golos Text',Arial,sans-serif;font-weight:700;color:#8639F1;font-size:20px;line-height:1.1;letter-spacing:-.01em}
.hero-trust__item span{color:#6b7280;font-size:12px;line-height:1.3;margin-top:4px}
@media(max-width:720px){.hero-trust{grid-template-columns:repeat(2,1fr);padding:12px;gap:10px}.hero-trust__item b{font-size:17px}}

/* ==================== Mid-page CTA после prices ==================== */
.mid-cta{background:linear-gradient(135deg,#8639F1 0%,#a866ff 100%);color:#fff;padding:48px 0;margin:32px 0}
.mid-cta__inner{display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap}
.mid-cta__body{flex:1 1 400px}
.mid-cta__title{font-family:'FS-4700','Golos Text',Arial,sans-serif;font-weight:700;color:#fff;font-size:26px;line-height:1.25;margin:0 0 8px;letter-spacing:-.01em}
.mid-cta__lead{color:rgba(255,255,255,.9);font-size:15px;line-height:1.5;margin:0}
.mid-cta__form{display:flex;gap:10px;flex:1 1 340px;max-width:480px}
.mid-cta__form input[type="tel"]{flex:1;padding:14px 18px;border:0;border-radius:12px;background:#fff;font-size:16px;color:#0f1a2b;font-family:inherit}
.mid-cta__form input:focus{outline:2px solid #ffe08a}
.mid-cta__btn{padding:14px 24px;border:0;border-radius:12px;background:#0f1a2b;color:#fff;font-size:15px;font-weight:600;font-family:inherit;cursor:pointer;transition:.2s;white-space:nowrap}
.mid-cta__btn:hover{background:#000;transform:translateY(-1px)}
@media(max-width:720px){.mid-cta{padding:36px 0}.mid-cta__title{font-size:20px}.mid-cta__form{flex-direction:column}}

/* ==================== Sticky CTA внизу экрана ==================== */
.izg-sticky-cta{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);z-index:9999;display:flex;gap:8px;align-items:center;background:#fff;border-radius:999px;padding:6px;box-shadow:0 8px 32px rgba(15,26,43,.18),0 0 0 1px rgba(134,57,241,.1);animation:slideup .4s ease-out}
@keyframes slideup{from{transform:translateY(120%);opacity:0}to{transform:translateY(0);opacity:1}}
.izg-sticky-cta__price{padding:12px 18px;border-radius:999px;background:#f7f2ff;color:#8639F1;font-size:14px;font-weight:600;text-decoration:none;transition:.2s}
.izg-sticky-cta__price:hover{background:#efe4ff;color:#5a2ba8}
.izg-sticky-cta__btn{padding:12px 24px;border-radius:999px;background:linear-gradient(135deg,#8639F1,#a866ff);color:#fff;font-size:14.5px;font-weight:600;text-decoration:none;transition:.2s;box-shadow:0 4px 16px rgba(134,57,241,.35)}
.izg-sticky-cta__btn:hover{box-shadow:0 6px 24px rgba(134,57,241,.5);transform:translateY(-1px)}
@media(max-width:640px){.izg-sticky-cta{left:50%;transform:translateX(-50%);bottom:12px;max-width:calc(100vw - 24px);justify-content:space-between}.izg-sticky-cta__price{padding:10px 14px;font-size:13px}.izg-sticky-cta__btn{padding:10px 16px;font-size:13.5px;flex:1;text-align:center}}

/* ==================== Отступы между блоками на izgotovlenie ==================== */
/* Sections spacing на страницах хаба 2 */
.mid-cta{margin:48px 0 !important}
.reviews.container-bg{padding:56px 0; margin:0}
.izg-sticky-cta + section, section + section{margin-top:32px}
/* Убрать двойные margin у соседних container-bg */
.ramochnye-prices-block.container-bg + .mid-cta{margin-top:0 !important}
.mid-cta + .reviews.container-bg{padding-top:56px}
.reviews.container-bg + .workers, .reviews + .container{margin-top:0}

/* Спейсинг между обычными container-разделами */
body .container + .container{margin-top:24px}
body .container-bg + .container{margin-top:32px}
body .container + .container-bg{margin-top:32px}

/* ==================== Sticky-CTA: поднять чтобы не наезжало на «Наверх» ==================== */
.izg-sticky-cta{bottom:90px !important}
@media(max-width:640px){.izg-sticky-cta{bottom:76px !important}}

/* ==================== Reviews в ширину контента ==================== */
.reviews.reviews--boxed{background:transparent;padding:40px 0;margin:32px 0}
.reviews--boxed > .container, .reviews--boxed{padding-left:0;padding-right:0}
.reviews--boxed .workers__header-title{text-align:left;margin:0 0 24px}

/* ==================== Mid-CTA: карточка внутри container, не полоса ==================== */
.mid-cta--card{background:linear-gradient(135deg,#8639F1 0%,#a866ff 100%);border-radius:24px;padding:40px 48px;margin:40px 0;overflow:hidden;position:relative;box-shadow:0 12px 40px rgba(134,57,241,.18)}
.mid-cta--card::before{content:"";position:absolute;top:-40%;right:-10%;width:400px;height:400px;background:radial-gradient(circle,rgba(255,255,255,.12) 0%,transparent 70%);border-radius:50%;pointer-events:none}
.mid-cta--card .mid-cta__inner{position:relative;z-index:1}
.mid-cta--card .mid-cta__title{font-size:24px;line-height:1.3;margin:0 0 6px}
.mid-cta--card .mid-cta__lead{color:rgba(255,255,255,.88);font-size:14.5px}
.mid-cta--card .mid-cta__form input[type="tel"]{padding:14px 18px;font-size:15.5px}
.mid-cta--card .mid-cta__btn{padding:14px 26px;font-size:14.5px;background:#fff;color:#5a2ba8;border:0;font-weight:700}
.mid-cta--card .mid-cta__btn:hover{background:#0f1a2b;color:#fff}
@media(max-width:720px){.mid-cta--card{padding:32px 24px;border-radius:20px}.mid-cta--card .mid-cta__title{font-size:20px}}

/* ==================== glass-cta-form: full-width полоса вокруг ==================== */



/* ==================== Хаб 2 hero: сжать картинку, распределить FAQ на всю ширину ==================== */
@media(min-width:1000px){
	.izg-hub-page .glass-hero__grid{
		grid-template-columns: 1fr 1fr;
		grid-template-areas:
			"body media"
			"faq  faq";
		gap: 32px 40px;
	}
	.izg-hub-page .glass-hero__body{grid-area: body}
	.izg-hub-page .glass-hero__media{grid-area: media; display:flex; align-items:center; justify-content:center}
	.izg-hub-page .glass-hero__media img{max-height: 420px; width:auto; object-fit: contain}
	.izg-hub-page .glass-quickfaq{
		grid-area: faq;
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 16px;
		margin-top: 16px;
	}
	.izg-hub-page .glass-quickfaq__item{
		background:#F1F4F4;
		border-radius:16px;
		padding:20px 22px;
		margin:0;
	}
	.izg-hub-page .glass-quickfaq__q{font-weight:700; color:#0f1a2b; margin:0 0 6px}
	.izg-hub-page .glass-quickfaq__a{color:#474A4A; margin:0}
}

/* Хаб 2 hero: quickfaq теперь sibling grid-item, картинка ниже */
@media(min-width:1000px){
	body .izg-hub-page .glass-hero__grid{
		grid-template-columns: 1fr 1fr !important;
		grid-template-areas:
			"body media"
			"faq  faq" !important;
		gap: 0px 40px !important;
	}
	body .izg-hub-page .glass-hero__body{grid-area: body !important}
	body .izg-hub-page .glass-hero__media{grid-area: media !important; display:flex; align-items:center; justify-content:center}
	body .izg-hub-page .glass-hero__grid > .glass-quickfaq{grid-area: faq !important}
	body .izg-hub-page .glass-hero .glass-hero__media img{max-height:520px !important; width:auto !important; object-fit:contain !important}
}

/* === nepoladki-symptoms: сетка симптомов с эмодзи === */
.nepoladki-symptoms{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:28px 0 0}
.nepoladki-symptom{position:relative;background:#fff;border:1px solid #e8eaeb;border-radius:16px;padding:24px 24px 20px;display:flex;flex-direction:column;text-decoration:none;color:inherit;transition:.22s;overflow:hidden}
.nepoladki-symptom::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:16px 0 0 16px;transition:.22s}
.nepoladki-symptom--link::before{background:#8639F1}
.nepoladki-symptom:not(.nepoladki-symptom--link)::before{background:#DDE3E3}
.nepoladki-symptom--link:hover{border-color:#8639F1;box-shadow:0 8px 28px rgba(134,57,241,.10);transform:translateY(-2px)}
.nepoladki-symptom__t{font-family:'FS-4700','Golos Text',Arial,sans-serif;font-weight:500;color:#0f1a2b;font-size:17px;line-height:1.3;margin:0 0 8px;letter-spacing:-.01em}
.nepoladki-symptom--link:hover .nepoladki-symptom__t{color:#8639F1}
.nepoladki-symptom__d{color:#474A4A;font-size:14.5px;line-height:1.55;margin:0 0 auto;padding-bottom:16px}
.nepoladki-symptom__foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:14px;border-top:1px solid #f0f2f2;margin-top:auto}
.nepoladki-symptom__price{font-family:'FS-4700','Golos Text',Arial,sans-serif;font-weight:700;color:#8639F1;font-size:16px;letter-spacing:-.01em}
.nepoladki-symptom__arrow{width:32px;height:32px;border-radius:50%;background:#8639F1;color:#fff;display:flex;align-items:center;justify-content:center;transition:.22s;flex:0 0 32px}
.nepoladki-symptom__arrow svg{width:14px;height:14px}
.nepoladki-symptom--link:hover .nepoladki-symptom__arrow{background:#0f1a2b;transform:translateX(3px)}
@media(max-width:900px){.nepoladki-symptoms{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.nepoladki-symptoms{grid-template-columns:1fr}}

/* === nepoladki-questions: горизонтальные карточки-вопросы === */
.nepoladki-questions{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:28px 0 0}
.nepoladki-q{position:relative;background:linear-gradient(135deg,#f8f5ff 0%,#f0eafc 100%);border:1px solid #e8dfff;border-radius:16px;padding:28px 24px 24px;transition:.22s}
.nepoladki-q:hover{border-color:#c4a8f7;box-shadow:0 6px 20px rgba(134,57,241,.07);transform:translateY(-2px)}
.nepoladki-q__num{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;background:#8639F1;color:#fff;font-family:'FS-4700','Golos Text',Arial,sans-serif;font-weight:800;font-size:18px;margin:0 0 16px;letter-spacing:-.02em}
.nepoladki-q__t{font-family:'FS-4700','Golos Text',Arial,sans-serif;font-weight:700;color:#0f1a2b;font-size:17px;line-height:1.35;margin:0 0 10px;letter-spacing:-.01em}
.nepoladki-q__d{color:#474A4A;font-size:14.5px;line-height:1.6;margin:0}
@media(max-width:768px){.nepoladki-questions{grid-template-columns:1fr}}


/* ── Product cards (in glass-slider) ── */
.gproduct{text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:12px}
.gproduct__name{font-family:'Golos Text',sans-serif;font-weight:600;font-size:18px;line-height:1.3;color:#2C2F37;margin:0 0 4px}
.gproduct__bars{display:flex;flex-direction:column;gap:10px}
.gproduct__bar{display:flex;align-items:center;gap:10px;font-size:13px;color:#474A4A}
.gproduct__bar-label{flex:0 0 52px;text-align:right;font-size:13px}
.gproduct__bar-track{flex:1;height:7px;background:#dfe3e3;border-radius:4px;overflow:hidden}
.gproduct__bar-fill{height:100%;border-radius:4px}
.gproduct__bar-fill--teplo{background:linear-gradient(90deg,#f59e0b,#ef4444)}
.gproduct__bar-fill--shum{background:linear-gradient(90deg,#3b82f6,#6366f1)}
.gproduct__bar-fill--design{background:linear-gradient(90deg,#10b981,#059669)}
.gproduct__bar-val{flex:0 0 34px;font-size:13px;font-weight:600;color:#2C2F37}
.gproduct__stats{display:flex;gap:20px;font-size:14px;color:#474A4A;margin-top:2px}
.gproduct__stats b{color:#2C2F37;font-weight:600}
.gproduct__price{margin-top:auto;font-size:18px;font-weight:700;color:#8639F1}
.gproduct__price small{font-size:13px;font-weight:400;color:#474A4A}

/* ── Product card toggle + details ── */
.gproduct__toggle{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:16px;padding:11px 20px;background:#fff;border:1.5px solid #DDE3E3;border-radius:30px;font-family:'Golos Text',sans-serif;font-size:14px;font-weight:500;color:#2C2F37;cursor:pointer;transition:all .25s ease;box-shadow:0 1px 3px rgba(0,0,0,.04)}
.gproduct__toggle:hover{border-color:#8639F1;color:#8639F1;box-shadow:0 2px 8px rgba(134,57,241,.12)}
.gproduct__toggle svg{width:14px;height:14px;flex-shrink:0;transition:transform .25s ease}
.gproduct__toggle.is-open svg{transform:rotate(180deg)}
.gproduct__toggle.is-open{border-color:#8639F1;color:#8639F1;background:#f9f5ff}
.gproduct__details{margin-top:16px;padding-top:16px;border-top:1px solid #e5e8e8;font-size:13.5px;line-height:1.6;color:#474A4A}
.gproduct__details p{margin:0 0 10px}
.gproduct__details-h{font-weight:600;color:#2C2F37;margin:16px 0 6px !important;font-size:14px}
.gproduct__details ul{margin:0 0 10px;padding-left:18px;list-style:disc}
.gproduct__details li{margin-bottom:4px}
.gproduct__pros{list-style:none !important;padding-left:0 !important}
.gproduct__pros li::before{content:'✓ ';color:#10b981;font-weight:700}

/* Хаб услуг — карточки с категориями */
.svc-hub{display:flex;flex-direction:column;gap:32px;margin-bottom:36px}
.svc-hub__cat{font-family:'FS-4700',sans-serif;font-size:18px;font-weight:700;color:#2C2F37;margin:0 0 14px;padding-left:14px;border-left:3px solid #8639F1}
.svc-hub__cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
.svc-card{display:flex;align-items:flex-start;gap:14px;padding:20px 22px;background:#F1F4F4;border-radius:20px;text-decoration:none;color:inherit;transition:background .25s ease,box-shadow .25s ease;position:relative}
.svc-card:hover{background:#ede8f8;box-shadow:0 4px 16px rgba(134,57,241,.10)}
.svc-card__title{display:block;font-family:'Golos Text',sans-serif;font-size:15px;font-weight:600;color:#2C2F37;line-height:1.4;margin-bottom:6px}
.svc-card__desc{display:block;font-size:13.5px;line-height:1.5;color:#6b7280}
.svc-card__arrow{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:32px;margin-top:2px;margin-left:auto;background:#fff;border-radius:50%;color:#8639F1;transition:background .25s ease,transform .25s ease}
.svc-card__arrow svg{width:16px;height:16px}
.svc-card:hover .svc-card__arrow{background:#8639F1;color:#fff;transform:translateX(3px)}
@media(max-width:600px){
  .svc-hub__cards{grid-template-columns:1fr}
  .svc-card{padding:16px 18px}
}
