/* ===== Шрифт ===== */
@font-face {
  font-family: 'Evolventa';
  src: url('https://static.tildacdn.com/tild3238-6632-4661-a332-653961393762/Evolventa-Regular.woff') format('woff');
  font-weight: 400;
}
@font-face {
  font-family: 'Evolventa';
  src: url('https://static.tildacdn.com/tild3537-3332-4165-b234-313630636166/Evolventa-Bold.woff') format('woff');
  font-weight: 700;
}

body { font-family: 'Evolventa', Arial, sans-serif; background-color: #fff; color: #111; overflow-x: hidden; }

/* ===== Hero ===== */
.hero-title {
  font-weight: 700;
  line-height: 1.02;
  letter-spacing: -0.01em;
  color: #111;
  font-size: clamp(42px, 7.8vw, 118px);
}
.hero-chart {
  border-radius: 24px;
  background-size: cover;
  background-position: center;
}
.btn-cta {
  display: inline-flex; align-items: center; justify-content: center;
  background: #1F2AF3; color: #fff;
  font-size: 20px; font-weight: 600;
  padding: 26px 56px; border-radius: 30px;
  text-decoration: none; transition: background 0.2s;
}
.btn-cta:hover { background: #1720c9; }
.hero-badge {
  display: inline-flex; align-items: center; gap: 12px;
  background: #B6F22E; border-radius: 50px;
  padding: 14px 24px;
}
.hero-badge .divider { width: 2px; height: 30px; background: rgba(0,0,0,0.2); }
.hero-badge .text { font-size: 18px; font-weight: 500; color: #000; line-height: 1.2; }

/* ===== Карточки на тёмном фоне: белый текст ===== */
.bg-\[\#252525\], .bg-\[\#1a1a1a\], .bg-\[\#2a2a2a\], .bg-\[\#333333\], .card-bg { color: #fff; }

/* ===== Отзывы ===== */
:root { --main-color: #d8b56d; --main-color-darken: #d89308; }
.reviews { padding-top: 5.20833vw; padding-bottom: 6.77083vw; position: relative; background-color: #1a1a1a; }
.reviews__bg { position: absolute; inset: 0;
  background-image: url('https://remont1.hookmedia.ru/wp-content/themes/theme/assets/img/content/reviews-bg.jpg');
  background-size: cover; background-position: center; background-repeat: no-repeat; z-index: 0; }
.reviews .wrapper { position: relative; z-index: 1; width: 81.7708vw; margin: 0 auto; }
.md-main-title { font-weight: 300; font-size: 3.125vw; line-height: 4.16667vw; letter-spacing: 0.04em; text-align: center; }
.md-main-title b { font-weight: 700; }
.reviews__title { color: #fff !important; margin-bottom: 3.90625vw; }
.reviews__container { display: flex; align-items: flex-start; justify-content: space-between; }
.md-standart-slider { position: relative; }
.swiper-container { overflow: hidden; width: 100%; height: 100%; }
.swiper-wrapper { display: flex; width: 100%; height: 100%; align-items: stretch; will-change: transform; transition: transform 0.4s ease; }
.swiper-slide { flex-shrink: 0; height: auto; overflow: hidden; width: 100%; }
.md-standart-slider .slider-btn { width: 3.33333vw; height: 3.33333vw; border-radius: 50%;
  background-color: var(--main-color); position: absolute; top: 50%; left: -5.20833vw;
  z-index: 5; display: flex; align-items: center; justify-content: center;
  transition: 0.3s; cursor: pointer; transform: translateY(-50%); user-select: none; }
.md-standart-slider .slider-btn img { width: 0.470833vw; height: 0.823438vw; object-fit: cover; }
.md-standart-slider .slider-btn:hover { background-color: var(--main-color-darken); }
.md-standart-slider .slider-btn.slider-next-btn { left: auto; right: -5.20833vw; }
.md-standart-slider .slider-pagination { position: absolute; left: 0; right: 0; bottom: -4.16667vw;
  display: flex; align-items: center; justify-content: center; }
.md-standart-slider .slider-pagination .swiper-pagination-bullet { opacity: 1; transition: all 0.5s ease;
  width: 0.78125vw; height: 0.78125vw; margin: 0 0.78125vw; background-color: rgb(236,236,236);
  border-radius: 50%; cursor: pointer; display: inline-block; }
.md-standart-slider .slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: var(--main-color); }
.reviews .slider-btn { top: 50%; left: 0; transform: translateY(-50%); box-shadow: rgba(0,0,0,0.25) 0px 0px 13.0208vw; }
.reviews .slider-btn.slider-prev-btn { transform: translate(-50%, -50%); }
.reviews .slider-btn.slider-next-btn { left: auto; right: 0; transform: translate(50%, -50%); }
.reviews .slider-pagination { bottom: -2.86458vw; }
.reviews__video-slider { width: 33.8542vw; display: flex; flex-direction: column; align-items: center; }
.reviews__video-slider .video-slider__container { width: 33.8542vw; height: 26.0417vw; margin-bottom: 4.94792vw; }
.reviews__video-slider .video-slider__link { font-weight: 600; font-size: 0.833333vw; line-height: 0.520833vw;
  letter-spacing: 0.04em; color: var(--main-color); display: flex; align-items: center; text-decoration: none; }
.reviews__video-slider .video-slider__link span { transition: all 0.3s ease; margin-right: 0.520833vw; white-space: nowrap; }
.reviews__video-slider .video-slider__link:hover span { margin-right: 0.78125vw; }
.reviews__video-slider .video-slider__link svg { width: 0.989583vw; height: 0.989583vw; }
.reviews__video-slider .swiper-container { width: 33.8542vw; height: 100%; }
.reviews__video-slider .swiper-slide { width: 33.8542vw; height: 100%; }
.reviews__video-slider .slider-btn { background-color: transparent; border: 0.0520833vw solid #fff; }
.reviews__video-slider .slider-btn:hover { background-color: var(--main-color); border-color: var(--main-color); }
.video-slider__slide { position: relative; width: 100%; height: 100%; display: block; text-decoration: none; }
.video-slider__slide > img { width: 100%; height: 100%; object-fit: cover; display: block; }
.video-slider__slide::after { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0;
  transition: all 0.3s ease; background: linear-gradient(0deg, rgba(0,0,0,0.3), rgba(0,0,0,0.3)); opacity: 1; z-index: 1; pointer-events: none; }
.video-slider__slide:hover::after { opacity: 0.3; }
.video-slider__slide:hover .video { transform: translate(-50%, -50%) scale(1.2); }
.video-slider__slide:hover .video::after, .video-slider__slide:hover .video::before { display: none; }
.video-slider__slide .video { width: 5.13385vw; height: 5.13385vw; position: absolute; top: 50%; left: 50%;
  z-index: 2; transform: translate(-50%, -50%); display: flex; align-items: center; justify-content: center;
  background-color: var(--main-color); border-radius: 50%; transition: all 0.3s ease; }
.video-slider__slide .video img { width: 1.00052vw; height: 1.1099vw; position: relative; z-index: 1; }
.video-slider__slide .video::before, .video-slider__slide .video::after { content: ""; position: absolute;
  top: 0; left: 0; right: 0; bottom: 0; border-radius: 50%; background-color: var(--main-color); z-index: -1; }
.video-slider__slide .video::before { opacity: 0.3; animation: pulseSmall 2s linear infinite; }
.video-slider__slide .video::after { opacity: 0.15; animation: pulseSmall2 2s linear infinite; }
@keyframes pulseSmall { 0%,100% { transform: scale(1); opacity: 0.3; } 50% { transform: scale(1.4); opacity: 0.1; } }
@keyframes pulseSmall2 { 0%,100% { transform: scale(1); opacity: 0.15; } 50% { transform: scale(1.7); opacity: 0.05; } }
.reviews__img-slider { width: 16.9271vw; }
.reviews__img-slider .img-slider__container { width: 100%; height: 28.9062vw; }
.img-slider__slide { display: block; width: 100%; height: 100%; }
.img-slider__slide img { width: 100%; height: 100%; object-fit: cover; display: block; }
.reviews__phone-slider { width: 14.2708vw; }
.reviews__phone-slider .phone-slider__container { width: 100%; height: 28.9062vw;
  padding: 2.13542vw 0.78125vw 0.677083vw; position: relative;
  background-image: url('https://remont1.hookmedia.ru/wp-content/themes/theme/assets/img/content/phone-review-bg.png');
  background-position: center; background-size: cover; background-repeat: no-repeat; }
.reviews__phone-slider .phone-slider__container .swiper-container { border-bottom-right-radius: 1.5625vw; border-bottom-left-radius: 1.5625vw; }
.phone-slider__slide { width: 100%; height: 100%; }
.phone-slider__slide img { width: 100%; height: 100%; object-fit: cover; display: block; }
.reviews__phone-slider .phone-slider__link-1, .reviews__phone-slider .phone-slider__link-2 {
  position: absolute; width: 3.125vw; height: 3.125vw; top: 2.60417vw; left: -1.04167vw;
  display: flex; align-items: center; justify-content: center; z-index: 3; text-decoration: none; border-radius: 50%; }
.reviews__phone-slider .phone-slider__link-1::before, .reviews__phone-slider .phone-slider__link-2::before {
  content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0;
  background-color: #000; opacity: 0.41; border-radius: 50%; z-index: -1; }
.reviews__phone-slider .phone-slider__link-1 img, .reviews__phone-slider .phone-slider__link-2 img {
  width: 1.92708vw; height: 1.97917vw; position: relative; z-index: 1; }
.reviews__phone-slider .phone-slider__link-2 { top: auto; bottom: 2.60417vw; }
@media (max-width: 1023px) {
  .reviews__container { flex-direction: column; align-items: center; gap: 48px; }
  .reviews .wrapper { width: 90vw; }
  .md-main-title { font-size: 28px; line-height: 1.3; }
  .reviews__video-slider, .reviews__video-slider .video-slider__container, .reviews__video-slider .swiper-container, .reviews__video-slider .swiper-slide { width: 90vw; height: auto; }
  .reviews__video-slider .video-slider__container { height: 60vw; margin-bottom: 40px; }
  .reviews__video-slider .video-slider__link { font-size: 14px; line-height: 1; }
  .reviews__img-slider { width: 70vw; }
  .reviews__img-slider .img-slider__container { height: 110vw; }
  .reviews__phone-slider { width: 70vw; }
  .reviews__phone-slider .phone-slider__container { height: 140vw; padding: 10vw 3.8vw 3.3vw; }
  .md-standart-slider .slider-btn { width: 40px; height: 40px; }
  .md-standart-slider .slider-btn img { width: 6px; height: 10px; }
  .md-standart-slider .slider-pagination .swiper-pagination-bullet { width: 8px; height: 8px; margin: 0 8px; }
}

/* ===== Круговые диаграммы в «Что входит в продвижение» ===== */
.pie-chart { width: 32px; height: 32px; border-radius: 50%; }
.pie-chart-1 { background: conic-gradient(#1a56db 240deg, #dbeafe 240deg); }
.pie-chart-2 { background: conic-gradient(#1a56db 180deg, #dbeafe 180deg); }
.pie-chart-3 { background: conic-gradient(#1a56db 300deg, #dbeafe 300deg); }
.pie-chart-4 { background: #1a56db; }

/* ===== Статьи блога и страницы кейсов ===== */
.article-body { font-size: 18px; line-height: 1.7; color: #222; }
.article-body p { margin: 0 0 20px; }
.article-body h2 { font-size: 28px; font-weight: 700; margin: 36px 0 16px; letter-spacing: -0.01em; }
.article-body ul { margin: 0 0 20px; padding-left: 24px; list-style: disc; }
.article-body li { margin-bottom: 8px; }

/* ===== Форма заявки ===== */
.lead-input {
  width: 100%; background: #fff; color: #111;
  border: 1px solid #d5d7dd; border-radius: 16px;
  padding: 16px 20px; font-size: 16px; font-family: inherit;
}
.lead-input:focus { outline: 2px solid #1F2AF3; border-color: #1F2AF3; }
.form-note { font-size: 13px; color: #9a9aa2; }