/* ============================================================
   beri.ru — главная страница: первый экран, гарантии, отзывы,
   закреплённая кнопка заявки.

   ПОЧЕМУ ОТДЕЛЬНЫЙ ФАЙЛ, А НЕ СТИЛИ В ШАБЛОНЕ. 28.09.2026 главная была
   уронена в пустой ответ тем, что в шаблон MODX попал CSS с объявлением
   переменной вида {--bf-ink:...}. Разборщик pdoTools читает фигурную
   скобку как начало своего выражения и падает. Пока стили живут в .css,
   MODX их не разбирает вовсе — повторить ту ошибку нельзя устройством,
   а не аккуратностью.

   ПОЧЕМУ НЕ ТРОГАЕТСЯ my.css САЙТА. Он общий для всех страниц и не наш;
   правка в нём отзовётся там, где мы не смотрим. Здесь только добавки,
   привязанные к своим классам beri-*.

   Фирменный цвет снят с живого сайта, а не выдуман: #f36a17.
   ============================================================ */

/* --- закреплённая кнопка заявки -----------------------------
   Решение собственника: «кнопка Оставить заявку остаётся в шапке и
   висит при прокрутке». Это снимает главное возражение против того,
   что форма уехала вниз: пришедшему готовым не надо ничего листать.
   ------------------------------------------------------------ */

/* Класс вешается не в разметке, а прямо на шапку сайта: сама шапка
   лежит в общем чанке header2, который делят все страницы. Этот файл
   подключён только к главной и к блогу, поэтому правка не разъедется
   по сайту. Шапка стоит в обычном потоке — position:sticky её только
   прикрепляет и ничего не смещает; проверено на живой странице. */
.header.header-new{position:sticky;top:0;z-index:60;background:#ffffff;
  box-shadow:0 1px 0 rgba(20,23,28,.08)}

/* --- первый экран: фотография вместо пустого тёмного фона ---
   Решение собственника 29.09.2026: «фотография интерьера фоном».
   Затемнение обязательно: заголовок белый, и на светлой кухне он без
   подложки не читается. Градиент плотнее слева, где стоит текст.
   ------------------------------------------------------------ */

/* Селектор длиннее, чем у сайта, намеренно: в style.min.css стоит
   .content-new .intro{background:#373737} — той же силы, что просто
   .intro.beri-hero. Равные по силе правила разрешаются порядком
   загрузки, а это ненадёжно. Здесь сила заведомо выше. */
.content-new .intro.beri-hero{position:relative;background-color:#14171c;
  background-image:
    linear-gradient(100deg,rgba(15,18,22,.93) 0%,rgba(15,18,22,.82) 46%,rgba(15,18,22,.50) 100%),
    url('/assets/beri/photos/hero.jpg');
  background-size:cover,cover;
  background-position:center,center 62%;
  background-repeat:no-repeat,no-repeat}

.content-new .intro.beri-hero .block-header h1{max-width:19em}
.beri-hero__sub{margin:14px 0 0;max-width:34em;color:#e7e4e0;
  font-size:17px;line-height:1.6}

/* --- три гарантии ------------------------------------------
   Блок был в шаблоне, но целиком закомментирован — вместе с опечаткой
   «в комфортных услорвиях», которая из-за этого не показывалась
   посетителю, но лежала в исходном коде страницы. Возвращаем сам блок,
   опечатку не возвращаем.
   ------------------------------------------------------------ */

.beri-guarantees{padding:54px 0 10px}
.beri-guarantees__row{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.beri-guarantee{background:#ffffff;border-radius:20px;padding:26px 26px 28px;
  box-shadow:0 2px 14px rgba(20,23,28,.07);display:flex;gap:16px;align-items:flex-start}
.beri-guarantee img{width:42px;height:42px;flex:none}
.beri-guarantee h3{margin:0 0 6px;font-size:18px;line-height:1.25;font-weight:800;color:#14171c}
.beri-guarantee p{margin:0;font-size:14.5px;line-height:1.55;color:#6d6b6b}

/* --- отзывы одной строкой ----------------------------------
   Было: виджет Яндекс.Карт в рамке 760×1358 — треть страницы на одном
   блоке. Решение собственника: свернуть в строку — оценка, число
   отзывов, ссылка на Карты.
   ------------------------------------------------------------ */

.beri-reviews{padding:38px 0 46px}
.beri-reviews__box{display:flex;align-items:center;justify-content:space-between;
  gap:20px;flex-wrap:wrap;background:#ffffff;border-radius:20px;
  padding:22px 28px;box-shadow:0 2px 14px rgba(20,23,28,.07)}
.beri-reviews__score{display:flex;align-items:baseline;gap:12px}
.beri-reviews__num{font-size:38px;font-weight:800;line-height:1;color:#14171c}
.beri-reviews__stars{color:#f36a17;font-size:19px;letter-spacing:.14em;line-height:1}
.beri-reviews__count{font-size:15px;color:#6d6b6b}
.beri-reviews__count b{color:#14171c}
.beri-reviews__link{font-size:15px;font-weight:700;color:#ffffff;background:#f36a17;
  padding:13px 24px;border-radius:10px;white-space:nowrap;text-decoration:none}
.beri-reviews__link:hover{background:#d95a0f;color:#ffffff}

/* --- страница блога: фирменный цвет вместо архивного ---------
   На /blog акцент стоял #F59E17. Он живёт только в архивных шаблонах —
   на живой главной используется #f36a17, снятый с my.css 29.09.2026.
   Из-за этого блог выглядел с соседнего сайта. Здесь не правится чужой
   main.css: перебиваются ровно те правила, где стоял старый цвет.
   ------------------------------------------------------------ */

.top-search__param:hover .top-search__param-text,
.title-main span,
.advantages__subtitle span,
.plan-form__number-input:checked + .plan-form__number-text{color:#f36a17}
.arrows-slider__icon,
.started-card__button{background:#f36a17}
.button-main{background:#f36a17;border:1px solid #f36a17}
.button-main:hover,
.started-card__button:hover{background:#d95a0f;border-color:#d95a0f}

/* Карточка статьи в блоге: затемнение под белым заголовком. Обложки
   теперь фотографии, а на светлом кадре белый текст без подложки не
   читается — это та же причина, по которой затемнён первый экран. */
.read-card{position:relative;background-size:cover;background-position:center}
.read-card::before{content:'';position:absolute;inset:0;border-radius:inherit;
  background:linear-gradient(180deg,rgba(15,18,22,.14) 0%,rgba(15,18,22,.52) 52%,rgba(15,18,22,.86) 100%)}
.read-card__theme,.read-card__box{position:relative;z-index:1}

/* --- телефон ------------------------------------------------ */

@media (max-width:900px){
  .beri-guarantees__row{grid-template-columns:1fr;gap:14px}
  .beri-guarantees{padding:32px 0 4px}
  .content-new .intro.beri-hero{background-position:center,center 58%}
  .beri-reviews__box{padding:20px}
  .beri-reviews__link{width:100%;text-align:center}
}