.banner {
    position: relative;
    width: 100%;
    height: 900px; 
    background-image: url('/wp-content/uploads/2025/09/photo_2025-09-01_15-59-43.jpg'); 
    background-size: cover;
    background-position: center;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
}
@media (max-width: 767px){
  .banner{
    /* обычный вариант */
    background-image:url('/wp-content/uploads/2025/09/image-47-1.png') !important;
    /* если есть ретина-версия, можно так:
    background-image: image-set(
      url('/wp-content/uploads/2025/09/banner-mobile.jpg') 1x,
      url('/wp-content/uploads/2025/09/banner-mobile@2x.jpg') 2x
    ) !important;
    */
    background-position:center top;   /* при необходимости смещаем кадр */
  }
}
.banner-button {
    display: inline-flex;
    flex-direction: column; /* ставим элементы вертикально */
    align-items: center;
    justify-content: center;
    gap: 8px; /* отступ между иконкой и текстом */
    margin-top: 30px;
    padding: 20px 35px;
    font-size: 18px;
    color: white;
    background-color: #208ce8;
    border-radius: 50px;
    font-weight: 600;
    text-decoration: none;
    box-shadow: 0 6px 15px rgba(32, 140, 232, 0.3);
    transition: all 0.3s ease;
}

.banner-button:hover {
    background-color: #186ab5;
    transform: translateY(-3px);
    color: white !important;
}

.whatsapp-icon {
    width: 28px;
    height: 28px;
    fill: white; /* или #25D366, если хочешь зеленую */
}
.banner-content{
  background-color: #0000008f;
  border-radius: 20px;
  padding: 20px;
  width: 1200px;
  margin-bottom: -280px !important;
}
body > div.body-outer-wrapper > div > div.content-outer-wrapper > div.banner > div.banner-content > a > svg{
  margin-bottom: -5px !important;
}
.banner-title {
    font-size: 48px;
    font-weight: bold;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 20px;
    color: white;
}

.banner-description {
    font-size: 22px;
    margin-top: 10px;
    font-weight: 400;
    line-height: 1.5;
    opacity: 0.99;
}

.banner-button {
    display: inline-block;
    margin-top: 30px;
    padding: 15px 35px;
    font-size: 18px;
    color: white;
    background-color: #208ce8;
    border-radius: 50px;
    font-weight: 600;
    text-decoration: none;
    box-shadow: 0 6px 15px rgba(32, 140, 232, 0.3);
    transition: all 0.3s ease;
}

.banner-button:hover {
    background-color: #186ab5;
    transform: translateY(-3px);
    color: white !important;
}


@media (max-width: 762px){
  .banner-button{
    padding: 10px 25px;
    font-size: 12px;
  }
  .banner-description{
    font-size: 16px;
  }
}
.banner-tiles{
  position:absolute; left:50%; bottom:15%; transform:translateX(-50%);
  width:min(1200px, calc(100% - 40px));
  display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:16px;
  z-index:2;
  max-width: 1200px;
  margin-bottom: -50px !important;
}
.banner-tile{
  padding:16px 18px;
  text-align:center;
  font-weight:700;
  border-radius:16px;
  color:#0b1f2b;
  font-size: 16px;
  background:rgba(255,255,255);
  backdrop-filter:saturate(140%) blur(6px);
  -webkit-backdrop-filter:saturate(140%) blur(6px); /* safari */
  border:1px solid rgba(255,255,255,.65);
  box-shadow:0 10px 25px rgba(16,24,40,.12);
  transition:transform .25s ease, box-shadow .25s ease;
}


/* --- адаптив --- */
@media (max-width: 1024px){
  .banner-title{ display: none;}
}

/* на мобильных плитки становятся горизонтальной каруселью со скроллом */
@media (max-width: 767px){
  .banner{ height: 70vh; padding-bottom: 110px; }
  .banner-content{ margin: 0 16px; margin-top: 400px; }
  .banner-tiles{
    left:0; right:0; transform:none; width:100%;
    bottom:16px; padding:0 16px;
    display:flex; overflow-x:auto; gap:12px;
    scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch;
    display: none;
  }
  .banner-tile{ min-width: 240px; scroll-snap-align:start; }
}

/* Стили для блока преимуществ */
/* Секция */
.advantages{
  background:#f6f7f9;
  padding:56px 20px 72px;
}
.advantages__title{
  font-weight:800;
  font-size:32px;
  line-height:1.2;
  text-align:center;
  margin:0 0 28px;
  color:#0f1720;
}

.advantages__grid{
  max-width:1200px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:24px;
}

/* Карточка */
.adv-card{
  display:flex;
  align-items:flex-start;
  gap:16px;
  padding:20px 24px;
  background:#fff;
  border:1px solid #e7e7ea;
  border-radius:12px;
  box-shadow:0 8px 24px rgba(16,24,40,.06);
  transition:box-shadow .25s ease, transform .25s ease, border-color .25s ease;
}
.adv-card:hover{
  transform:translateY(-2px);
  border-color:#dfe2e6;
  box-shadow:0 16px 36px rgba(16,24,40,.12);
}

.adv-card__icon { display:inline-flex; align-items:center; justify-content:center; line-height:1; color:#208ce8; }
.adv-icon { width:28px; height:28px; display:block; }

/* (необязательно) легкое выравнивание с текстом */
.adv-card__icon + .adv-card__body { margin-left:8px; }

/* Текст */
.adv-card__body{min-width:0;}
.adv-card__heading{
  margin:0 0 6px;
  font-weight:700;
  font-size:18px;
  color:#111827;
}
.adv-card__text{
  margin:0;
  color:#5b6068;
  font-size:14px;
  line-height:1.5;
}

/* Адаптив */
@media (max-width: 900px){
  .advantages__grid{ grid-template-columns:1fr; gap:16px; }
  .adv-card{ padding:16px 18px; border-radius:10px; }
  .advantages__title{ font-size:28px; margin-bottom:22px; }
}

/* Мобильная версия */
@media only screen and (max-width: 767px) {
    .advantage-card {
        width: 48%;
        margin-bottom: 20px;
    }
    .banner-content{
        max-width: 360px;
    }
}

/* Основное меню */
.main-menu-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    position: relative;
}

/* Стили для бургер-меню */
.burger-menu-wrapper {
    position: absolute;
    right: -5px; /* Отступ справа от меню */
    top: 40%;
    transform: translateY(-50%); /* Центрирование по вертикали */
    cursor: pointer;
}

.burger-menu {
    width: 30px;
    height: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    z-index: 10; /* Обеспечиваем, чтобы меню было на переднем плане */
    margin-top: -20px !important;
}

.burger-icon {
    width: 100%;
    height: 4px;
    background-color: #333;
    border-radius: 2px;
    transition: all 0.3s ease;
    margin-left: 120px;
}

/* Анимация для бургер-меню */
.burger-menu.active .burger-icon {
    background-color: #000000; /* Цвет при активации */
}

/* Стили для выдвигающегося меню */
.navbar {
    display: none; /* Скрыто по умолчанию */
    position: fixed;
    top: 0;
    right: 0;
    width: 250px;
    height: 100%;
    background-color: rgb(255, 255, 255);
    color: black !important;
    padding-top: 50px;
    z-index: 20;
}

.navbar.active {
    display: flex;
    flex-direction: column;
    gap: 30px;
    padding: 0 20px;
}

.navbar ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.navbar ul li {
    margin-bottom: 20px;
}

.navbar ul li a {
    text-decoration: none;
    color: black;
    font-size: 18px;
    font-weight: 600;
    border-bottom: 1px solid black;
}

/* Мобильное меню */
@media (max-width: 768px) {
    .burger-menu-wrapper {
        display: none;
    }

    .navbar ul li a {
        font-size: 20px;
    }
}


/* ширина контейнера кейсов */
:root { --cases-max: 1200px; }

.cases.splide{
  max-width: var(--cases-max);
  margin: 0 auto;                  
}

.cases__head{ max-width: none; margin: 0 0 22px; }

.cases.splide .splide__arrows,
.cases.splide .splide__pagination {
  max-width: var(--cases-max);
  margin-left: auto;
  margin-right: auto;
}
.splide__pagination{
  display: none;
}
.splide__arrow--prev{
  margin-left: -30px !important;
}
.splide__arrow--next{
  margin-right: -30px !important;
}
@media (max-width: 762px){
  .splide__arrow--prev{
  margin-left: 0 !important;
}
.splide__arrow--next{
  margin-right: 0 !important;
}
}
.cases{background:#f7f7f7; }
.cases__head{ max-width:1200px; margin:0 auto 22px; text-align: center; }
.cases__head h2{ font-size:30px; font-weight:800; margin:0; color:#0f1720; }

/* заставляем Splide подстраивать высоту под самые высокие карточки */
.splide__slide{ height:auto; }

/* карточка */
.case-card{
  display:flex; flex-direction:column; gap:12px;
  height:100%;
  padding:18px 18px 16px;
  background:#fff;
  border:1px solid #e6e8ec;
  border-radius:14px;
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
  width: 385px;
  margin-left: 0 !important;
  position: relative;
}
.case-card:hover{
  transform:translateY(-3px);
}

@media (max-width: 762px){

  .splide__slide{
    padding-left: 5px !important
  }
}
.case-title{
  margin:0 0 4px;
  font-size:18px; font-weight:800; line-height:1.25; color:#101828;
  margin-bottom: 20px !important;
}

.case-section{ display:flex; flex-direction:column; gap:1px; }
.case-pill{
  display:inline-block;
  align-self:flex-start;
  font-size:12px; font-weight:700; letter-spacing:.02em;
  padding:6px 10px; border-radius:999px;
  background:#eef5ff; color:#208ce8; border:1px solid #dbe8ff;
}
.case-list{ margin:0; padding-left:18px; color:#4b5563; font-size:14px; line-height:1.5; }
.case-list li{ margin:2px 0; }

.case-card p{ margin:0; color:#4b5563; font-size:14px; line-height:1.6; }

.case-result{
  margin-top:auto; padding-top:10px;
  border-top:1px dashed #e6e8ec;
  display:inline-block;
  align-self:flex-start;
  font-size:12px; font-weight:500; letter-spacing:.02em;
  padding:10px 16px; border-radius:10px;
  background:#eef5ff; color:#208ce8; border:1px solid #dbe8ff;
}
.case-result span{ font-weight:900; color:#208ce8; }

/* стрелки/точки */
.splide__arrows .splide__arrow{
  background:#208ce8; opacity:.95; width:38px; height:38px;
  border-radius:10px; box-shadow:0 6px 16px rgba(11,91,211,.25);
}
.splide__arrows .splide__arrow svg{ fill:#fff; width:14px; height:14px; }
.splide__pagination{ margin-top:14px; }
.splide__pagination__page{ background:#d9e2f3; }
.splide__pagination__page.is-active{ background:#208ce8; transform:scale(1.15); }

/* отступы между карточками */
.splide__list{ gap:15px; margin-left: -10px !important;  }
.splide__slide{ margin:0 !important; }
.splide__track {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
/* адаптив */
@media (max-width: 1024px){
  .cases__head h2{ font-size:26px; }
}
@media (max-width: 767px){
  .cases{ padding:40px 14px 20px; 
  padding-left: 25px !important;}
  .cases__head{ margin-bottom:16px; }
  .splide__list{ gap:16px; }
}





/* Контейнер и заголовок */
.reviews-minimal{
  background:#f7f7f7;
  padding:48px 20px 64px;
  padding-top: 0 !important;
}
.reviews-minimal__container{
  max-width:1200px; margin:0 auto;
}
.reviews-minimal__title{
  text-align:center; margin:0 0 22px;
  font-size:28px; font-weight:800; color:#0f1720;
  margin-bottom: 40px !important;
  margin-top: 60px !important;
}

/* Сетка */
.reviews-minimal__grid{
  display:grid; gap:22px;
  grid-template-columns:repeat(3, minmax(0,1fr));
}
@media (max-width: 992px){
  .reviews-minimal__grid{ grid-template-columns:repeat(2,1fr); }
}
@media (max-width: 640px){
  .reviews-minimal__grid{ grid-template-columns:1fr; }
}

/* Карточка в стиле как на скрине */
.rv-card{
  position:relative;
  text-align:center;
  padding:46px 18px 18px;  /* сверху место под аватар */
  background:#fff;
  border:1px solid #eceff3;
  border-radius:14px;
  box-shadow:0 8px 22px rgba(16,24,40,.06);
  transition:transform .2s ease, box-shadow .2s ease;
  margin-bottom: 20px;
}
.rv-card:hover{
  transform:translateY(-3px);
  box-shadow:0 14px 30px rgba(16,24,40,.10);
}

/* Аватар — либо <img>, либо fallback с инициалом */
.rv-card__avatar-fallback,
.rv-card__avatar{
  position:absolute; left:50%; top:-22px; transform:translateX(-50%);
  width:56px; height:56px; border-radius:50%;
  border:3px solid #fff; box-shadow:0 6px 16px rgba(0,0,0,.12);
  object-fit:cover;
}
.rv-card__avatar-fallback{
  display:flex; align-items:center; justify-content:center;
  font-weight:800; color:#fff; font-size:20px;
  background: radial-gradient(110% 110% at 20% 20%, #6fb4ff 0%, #0b5bd3 100%);
}
/* подставим букву из data-initial */
.rv-card[data-initial] .rv-card__avatar-fallback::after{
  content: attr(data-initial);
}

/* Имя */
.rv-card__name{
  margin:12px 0 8px;
  font-size:16px; font-weight:800; color:#111827;
}

/* Текст с обрезкой строк (как на примере) */
.rv-card__text{
  margin:0;
  color:#616977; font-size:14px; line-height:1.65;
  display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical;
  overflow:hidden;
}

/* Кнопка "Читать далее" */
.rv-card__more{
  margin-top:10px;
  border:0; background:transparent; cursor:pointer;
  color:#9aa3b2; font-size:12px; font-weight:600;
  transition:color .2s ease;
}
.rv-card__more:hover{ color:#0b5bd3; }

/* Открытое состояние */
.rv-card.is-open .rv-card__text{
  -webkit-line-clamp:unset; overflow:visible;
}
.rv-card.is-open .rv-card__more{ color:#0b5bd3; }

@media (max-width: 762px){
  .rv-card{
    margin-bottom: 20px;
  }
}

#post-9 > div > div.row.gdl-page-row-wrapper > div.row > div{
    background-color: #f7f7f7 !important;
}





:root{
  --faq:800px;
  --faq-accent:#208ce8;
  --faq-line:#e6e8ec;
  --faq-text:#374151;
  --faq-title:#0f1720;
}

.faq{ background:#f7f7f7 !important; padding-bottom: 80px;}
.faq__container{ max-width: 800px; margin:0 auto; }
.faq__title{ margin:0 0 22px; font-size:30px; font-weight:800; color:var(--faq-title); text-align:center; margin-bottom: 40px !important;}

/* список и нумерация */
.faq__list{ counter-reset: faq; display:grid; gap:14px; }
@media (min-width: 900px){ .faq__list{ gap:16px; } }

.faq-item{
  border:1px solid var(--faq-line);
  border-radius:14px;
  background:#fff;
  box-shadow:0 10px 24px rgba(16,24,40,.06);
  overflow:hidden;
  max-width: 800px;
}

/* summary */
.faq-item > summary{
  list-style:none; cursor:pointer;
  display:flex; align-items:center; gap:12px;
  padding:18px 20px;
  font-weight:700; color:#111827;
  position:relative;
  font-size: 18px;
}
.faq-item > summary::-webkit-details-marker{ display:none; }

/* номер */
.faq-num{
  flex:0 0 auto;
  width:34px; height:34px; border-radius:10px;
  display:inline-flex; align-items:center; justify-content:center;
  background:#eef5ff; color:var(--faq-accent); border:1px solid #dbe8ff;
  font-weight:800; font-size:13px;
}
.faq-item > summary .faq-num::before{ counter-increment: faq; content: counter(faq, decimal-leading-zero); }

/* chevron */
.faq-item > summary::after{
  content:""; position:absolute; right:18px; top:50%; width:12px; height:12px;
  border-right:2px solid #208ce8; border-bottom:2px solid #208ce8;
  transform: translateY(-50%) rotate(-45deg);
  transition: transform .25s ease;
}
.faq-item[open] > summary::after{ transform: translateY(-50%) rotate(135deg); }

/* контент с плавным раскрытием */
.faq-content{ display:grid; grid-template-rows: 0fr; transition:grid-template-rows .28s ease; }
.faq-item[open] .faq-content{ grid-template-rows: 1fr; }
.faq-content__inner{ overflow:hidden; }
.faq-content p{
  padding:0 20px 18px; margin:0;
  color:var(--faq-text); font-size:16px; line-height:1.65;
  border-top:1px dashed var(--faq-line);
}




/* ====== МОБИЛЬНЫЙ АДАПТИВ ДЛЯ FAQ ====== */

/* планшеты и ниже */
@media (max-width: 1024px){
  .faq__container{
    max-width: var(--faq);
    width: 100%;
    padding: 0 16px;            /* безопасные поля */
    box-sizing: border-box;
  }
  .faq__title{
    font-size: 26px;
    margin-bottom: 28px !important;
  }
  .faq__list{ gap: 12px; }
  .faq-item{
    min-width: 0;               /* убираем жёсткие 1200px */
  }
  .faq-item > summary{
    padding: 16px 44px 16px 16px; /* место под стрелку справа */
    font-size: 17px;
    gap: 10px;
  }
  .faq-num{
    width: 30px; height: 30px; font-size: 12px;
  }
  .faq-item > summary::after{
    right: 16px; width: 11px; height: 11px;
  }
  .faq-content p{
    padding: 0 16px 16px;
    font-size: 15px; line-height: 1.6;
  }
}

/* телефоны */
@media (max-width: 640px){
  .faq{
    padding-bottom: 56px;
    background: #fff;           /* легче на телефоне; убери если нужен серый */
  }
  .faq__container{ padding: 0 14px; }
  .faq__title{ font-size: 22px; margin-bottom: 22px !important; }
  .faq__list{ gap: 10px; }

  .faq-item{
    border-radius: 12px;
    box-shadow: 0 6px 16px rgba(16,24,40,.05);
  }
  .faq-item > summary{
    padding: 14px 44px 14px 14px;
    font-size: 16px;
  }
  .faq-num{
    width: 28px; height: 28px; font-size: 11px; border-radius: 8px;
  }
  .faq-item > summary::after{
    right: 14px; width: 10px; height: 10px;
  }
  .faq-content p{
    padding: 0 14px 14px;
    font-size: 14.5px; line-height: 1.6;
    border-top: 1px dashed var(--faq-line);
  }
}

/* очень узкие (старые iPhone, 320–360px) */
@media (max-width: 380px){
  .faq__container{ padding: 0 12px; }
  .faq-item > summary{
    padding: 12px 42px 12px 12px;
    font-size: 15px;
  }}


.main-page-thumbnail{
  display: none !important;
}




/* hover */
.faq-item > summary:hover{ background:#fbfdff; }

#post-9 > div > div.row.gdl-page-row-wrapper > div.row > div > div:nth-child(4) > div.twelve.columns.stunning-text-item-class.stunning-text-item-class-8 > div{
    width: 1200px !important;
    margin-left: 20px;    
}
body > div.body-outer-wrapper > div > div.content-outer-wrapper > div:nth-child(7) > div.twelve.columns.stunning-text-item-class.stunning-text-item-class-8 > div,
  body > div.body-outer-wrapper > div > div.content-outer-wrapper > div:nth-child(3) > div.twelve.columns.stunning-text-item-class.stunning-text-item-class-8 > div{
    width: 1200px !important;
    margin-left: -20px;
  }
#post-9 > div > div.row.gdl-page-row-wrapper > div.row > div > div:nth-child(5){
  display: none;
}
#post-9 > div > div.row.gdl-page-row-wrapper > div.row > div > div.row.pb20{
  display: none;
}
#post-9 > div > div.row.gdl-page-row-wrapper > div.row > div{
  margin-top: -40px !important;
}

@media (max-width: 900px){
  .adv-card{ padding:14px 16px; border-radius:10px; }
  .adv-card__heading{ font-size:16px; }
  .adv-card__text{ font-size:13px; }
  .adv-card__icon{ width:26px; height:26px; }
  body > div.body-outer-wrapper > div > div.content-outer-wrapper > div:nth-child(7) > div.twelve.columns.stunning-text-item-class.stunning-text-item-class-8 > div,
  body > div.body-outer-wrapper > div > div.content-outer-wrapper > div:nth-child(3) > div.twelve.columns.stunning-text-item-class.stunning-text-item-class-8 > div,
  #post-9 > div > div.row.gdl-page-row-wrapper > div.row > div > div:nth-child(4) > div.twelve.columns.stunning-text-item-class.stunning-text-item-class-8 > div{
    margin-left: 0 !important;
  }
}

/* ===== 3) Бургер-меню: показываем на мобиле + оверлей/лок скролла ===== */
@media (max-width: 768px){
  .burger-menu-wrapper{ display:block; right:14px; top: 54%; transform: translateY(-50%); z-index: 1001; }
  .burger-menu{ width: 28px; height: 20px; margin-top: 0 !important; }
  .burger-icon{ height: 3px; margin-left: 0; }
  .navbar{
    width: 84vw; max-width: 320px; box-shadow: -8px 0 32px rgba(0,0,0,.18);
  }

}

/* крестик из трёх полосок */
.burger-menu.active .burger-icon:nth-child(1){ transform: translateY(7px) rotate(45deg); }
.burger-menu.active .burger-icon:nth-child(2){ opacity:0; }
.burger-menu.active .burger-icon:nth-child(3){ transform: translateY(-7px) rotate(-45deg); }
.burger-icon{ transition: transform .25s ease, opacity .2s ease; }

/* оверлей и блокировка скролла без доп. разметки */
body.nav-open{ overflow: hidden; }
body.nav-open::before{
  content:""; position: fixed; inset:0; background: rgba(0,0,0,.4); z-index: 1000;
}

/* ===== 4) FAQ: контейнер не жёсткой ширины ===== */
.faq__container{ max-width:800px; width:100%; padding: 0 16px; }

/* ===== 5) Кейсы (Splide): мобильные отступы/кнопки меньше ===== */
@media (max-width: 1024px){
  .cases__head h2{ font-size:26px; }
}
@media (max-width: 767px){
  .cases{ padding:36px 14px 20px; }
  .splide__list{ gap:16px; }
  .splide__arrows .splide__arrow{ width:34px; height:34px; border-radius:10px;}
  .gdl-navigation-wrapper{
    height: 40px !important;
  }
}

/* карточка кейса — чуть компактнее на узких экранах */
@media (max-width: 480px){
  .case-title{ font-size:16px; }
  .case-list, .case-card p, .case-result{ font-size:13px; }
}
@media (max-width: 420px){
  .case-card{ padding:14px; border-radius:12px; width: 370px ; }
}
@media (max-width: 390px){
  .case-card{ padding:14px; border-radius:12px; width: 340px; }
}
@media (max-width: 375px){
  .case-card{ padding:14px; border-radius:12px; width: 330px; }
}
@media (max-width: 365px){
  .case-card{ padding:14px; border-radius:12px; width: 325px; }
}
/* ===== 6) Превью картинок для новостей/статей: переключение десктоп/мобайл ===== */
.main-page-thumbnail{ display:block; }
.maim-page-thumbail-mobile{ display:none; } /* оставляю твоё имя класса как есть */

@media (max-width: 640px){
  .main-page-thumbnail{ display:none; }
  .maim-page-thumbail-mobile{ display:block; width:100%; height:auto; }
}

/* ===== 7) Жёсткие ширины внутренних блоков — делаем резиновыми ===== */
@media (max-width: 1280px){
  #post-9 > div > div.row.gdl-page-row-wrapper > div.row > div > div:nth-child(4) > div.twelve.columns.stunning-text-item-class.stunning-text-item-class-8 > div,
  body > div.body-outer-wrapper > div > div.content-outer-wrapper > div:nth-child(7) > div.twelve.columns.stunning-text-item-class.stunning-text-item-class-8 > div,
  body > div.body-outer-wrapper > div > div.content-outer-wrapper > div:nth-child(3) > div.twelve.columns.stunning-text-item-class.stunning-text-item-class-8 > div{
    width: auto !important;
  }
}


.responsive-menu-wrapper{
  display: none !important;
}
.header-wrapper{
  max-height: 150px !important;
}
body > div.body-outer-wrapper > div > div.header-outer-wrapper.full-container.top-slider-enabled.full-style-enabled{
  background-color: white !important;
}





/* Прячем старый текст всегда */
.dwqa-ask-question .add-question-btn,
.dwqa-ask-question .add-question-btn:hover
{
  position: relative;
  color: transparent !important;   /* чтобы точно не пробивался старый цвет */
  text-shadow: none !important;
}

/* Подставляем свою фразу */
.dwqa-ask-question .add-question-btn::after {
  content: "Задать вопрос";
  color: #ffffff;                   /* твой цвет текста */
  position: absolute;
  inset: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;             /* чтобы клик шёл на ссылку, а не на псевдоэлемент */
}
.dwqa-ask-question .add-question-btn:hover::after {
  color: #208ce8;                 /* голубой цвет при наведении */
}

.logo-wrapper{
  margin-right: -150px !important;
}

/* Прячем десктопный хедер на мобилке */
@media (max-width: 980px){
  .header-outer-wrapper,
  .navbar { display:none !important; }
  .mhdr{
    display: block !important;
  }
}

/* Шапка */
.mhdr{position:sticky;top:0;z-index:2147483000;background:#fff;box-shadow:0 1px 0 rgba(0,0,0,.06);-webkit-tap-highlight-color:transparent}
.mhdr__row{height:90px;display:grid;grid-template-columns:1fr auto auto;align-items:center;padding:0 12px;column-gap:24px}
.mhdr__logo{justify-self:center;height:60px}
.mhdr__logo img{height:66px;display:block;}
.mhdr__burger{justify-self:start;width:44px;height:44px;border:0;background:transparent;padding:10px;border-radius:10px;display:inline-grid;gap:5px;outline:none;-webkit-tap-highlight-color:transparent}
.mhdr__burger-bar{height:2px;background:#111;border-radius:2px}
.mhdr__burger:focus{background: none !important;
  background-color:  none !important;}
.mhdr__burger:hover{
  background: none !important;
  background-color:  none !important;
}
#menu-main-1 > li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-34270{
  visibility: hidden !important
}
.gdl-label{
  margin-top: 10px !important;
  font-size: 16px !important;
}
/* Меню (без затемнения), закрытие по клику вне панели */
.mnav{position:fixed;inset:0;z-index:2147483001;pointer-events:none}
.mnav.is-open{pointer-events:auto}
.mnav__backdrop{position:absolute;inset:0;border:0;background:transparent;display:none}
.mnav.is-open .mnav__backdrop{display:block}

.mnav__panel{position:absolute;top:0;left:0;height:100%;width:86%;max-width:360px;background:#fff;box-shadow:2px 0 20px rgba(0,0,0,.15);transform:translateX(-100%);transition:transform .28s ease;display:flex;flex-direction:column}
.mnav.is-open .mnav__panel{transform:translateX(0)}

.mnav__head{display:flex;align-items:center;justify-content:space-between;padding:14px 14px 10px;border-bottom:1px solid #eef0f2}
.mnav__title{font:700 18px/1.2 Inter, Arial, sans-serif}
.mnav__close{border:0;background: none !important; border-radius:8px;width:34px;height:34px;font-size:18px;line-height:34px}

.mnav__nav{padding:8px 12px 20px;overflow:auto;-webkit-overflow-scrolling:touch}
.mnav__list{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.mnav__list a{display:block;padding:12px;border-radius:10px;background:#f6f7f9;color:#111;text-decoration:none}
.mnav__list a:active{background:#eef1f4}

.mnav__section{margin-top:14px;padding-top:10px;border-top:1px solid #eef0f2}
.mnav__toggle{width:100%;text-align:left;padding:10px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;font:600 14px/1.2 Inter, Arial, sans-serif}
.mnav__sub{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:6px}
.mnav__sub[hidden]{display:none}
.mnav__sub a{display:block;padding:10px 12px;border-radius:10px;background:#fafbfc;color:#111;text-decoration:none}

/* Убираем «синюю вспышку» на мобилках */
.mhdr *, .mnav *{ -webkit-tap-highlight-color:transparent; background-image:none !important; }

.mhdr{
  display: none;
}


.pkdr__burger{justify-self:start;width:44px;height:44px;border:0;background:transparent;padding:10px;border-radius:10px;display:inline-grid;gap:5px;outline:none;-webkit-tap-highlight-color:transparent; z-index: 9999999999999999999;}
.pkdr__burger-bar{height:2px;background:#111;border-radius:2px}
.pkdr__burger:focus{background: none !important;
  background-color:  none !important;}
.pkdr__burger:hover{
  background: none !important;
  background-color:  none !important;
}





/* Показываем ПК-панель только на десктопе */
.mnav--desk{
  display: none;
}

/* Базовые слои и «невидимый» бэкдроп (ловит клик вне меню) */
.mnav--desk{
  position:fixed; inset:0; z-index:2147483600; pointer-events:none;
}
.mnav--desk.is-open{ pointer-events:auto; }

.mnav--desk .mnav__backdrop{
  position:absolute; inset:0; border:0; background:transparent;
  display:none;
}
.mnav--desk.is-open .mnav__backdrop{ display:block; }

/* ===== ДЕСКТОПНОЕ МЕНЮ (правое) ===== */
/* Только на десктопе показываем контейнер, по умолчанию закрыт */
#pknav-desktop{ position:fixed; inset:0; z-index:2147483600; pointer-events:none; display:none; }
@media (min-width:981px){ #pknav-desktop{ display:block; } }
#pknav-desktop.is-open{ pointer-events:auto; }

/* Невидимый бэкдроп: ловит клик вне панели */
#pknav-desktop .pknav__backdrop{
  position:absolute; inset:0; border:0; background:transparent; display:none;
}
#pknav-desktop.is-open .pknav__backdrop{ display:block; }

/* Панель справа */
#pknav-desktop .pknav__panel--desk{
  position:absolute; top:0; right:0; height:100%; width:440px; max-width:90vw;
  background:#fff; box-shadow:-2px 0 20px rgba(0,0,0,.15);
  transform:translateX(100%); transition:transform .28s ease;
  display:flex; flex-direction:column;
}
#pknav-desktop.is-open .pknav__panel--desk{ transform:translateX(0); }

/* Шапка панели */
.pknav__head{ display:flex; align-items:center; justify-content:space-between; padding:16px 16px 12px; border-bottom:1px solid #eef0f2; }
.pknav__title{ font:700 18px/1.2 Inter, Arial, sans-serif; }
.pknav__close{ border:0; background:none !important; border-radius:8px; width:34px; height:34px; font-size:18px; line-height:34px; }
.pknav__close:hover{
  background: none !important;
}
/* Контент */
.pknav__nav{ padding:14px 14px 20px; overflow:auto; -webkit-overflow-scrolling:touch; }
.pknav__list{ list-style:none; margin:0 0 12px; padding:0; display:grid; gap:8px; }
.pknav__list a{ display:block; padding:12px 12px; border-radius:10px; background:#f6f7f9; color:#111; text-decoration:none; font-size: 16px; }
.pknav__list a:hover{ background:#eef1f4; }

.pknav__section{ margin-top:10px; padding-top:12px; border-top:1px solid #eef0f2; background-color: #f6f7f9; padding-left: 12px; border-radius: 10px; padding-bottom: 12px; }

/* Контакты */
.pknavc{ display:grid; gap:10px; }
.pknavc__row{ display:flex; align-items:flex-start; gap:10px; }
.pknavc__ico{ width:20px; flex:0 0 20px; text-align:center; color:#6b7280; }
.pknavc__text{ color:#111; font-size: 16px; }
.pknavc__link{ color:#0a58ca; text-decoration:none; font-size: 16px; }
.pknavc__link:hover{ text-decoration:underline;  }

/* косметика */
#pknav-desktop *{ -webkit-tap-highlight-color:transparent; background-image:none !important; }




























/* ===== Вертикальный ритм страницы ===== */
:root{
  --gap-section: 60px;
  --gap-head: 40px;
}

/* 1) Отступы между крупными секциями */
.banner{ margin: 0 0 var(--gap-section); }
.advantages{ margin: var(--gap-section) 0; padding-top: 0 !important; padding-bottom: 0 !important; }
.cases{ margin: var(--gap-section) auto; }
.reviews-minimal{ margin: var(--gap-section) 0; padding-top: 0 !important; padding-bottom: 0 !important; }
.faq{ margin: var(--gap-section) 0; padding-bottom: 0 !important; }

/* «Задать вопрос» (статичные блоки темы) */
.stunning-text-item-class{ margin: var(--gap-section) 0 !important; }

/* 2) Отступы 40px после заголовков секций */
.advantages__title,
.cases__head h2,
.reviews-minimal__title,
.faq__title{
  margin-bottom: var(--gap-head) !important;
}

/* Заголовки из темы (Свежие новости, Советы, События, Статьи) */
.gdl-header-wrapper{ margin-bottom: var(--gap-head) !important; }
.gdl-header-title{ margin: 0 !important; }            /* убираем лишние внутренние */
.gdl-header-divider{ margin: 0 !important; height: 0; }/* не вносит дополнительные отступы */

/* 3) Сброс локальных паддингов, чтобы не ломать ритм */
.advantages{ padding-left: 20px; padding-right: 20px; } /* твои горизонтальные поля оставляем */
.cases__head{ margin-bottom: var(--gap-head) !important; }
.reviews-minimal{ padding-left: 20px; padding-right: 20px; }
.faq__container{ padding-left: 16px; padding-right: 16px; }

/* 4) На мобильных держим тот же ритм */
@media (max-width: 767px){
  :root{
    --gap-section: 60px; /* можно уменьшить до 48px, если захочешь */
    --gap-head: 40px;
  }
  .banner{ margin-bottom: var(--gap-section); }
  .advantages,
  .cases,
  .reviews-minimal,
  .faq{ margin: var(--gap-section) 0; }
  .advantages__title,
  .cases__head h2,
  .reviews-minimal__title,
  .faq__title{ margin-bottom: var(--gap-head) !important; }
}


.row{
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

body > div.body-outer-wrapper > div > div.content-outer-wrapper > div:nth-child(7){
  margin-top: -50px !important;
  margin-bottom: 10px !important;
}

#post-9 > div > div.row.gdl-page-row-wrapper > div.row > div > div:nth-child(1){
  margin-bottom: -50px !important;
}
#post-9 > div > div.row.gdl-page-row-wrapper > div.row > div > div:nth-child(4),
body > div.body-outer-wrapper > div > div.content-outer-wrapper > div:nth-child(3){
  margin-top: -30px !important;
  margin-bottom: 10px !important;
}

@media (max-width: 762px) {
  
  body > div.body-outer-wrapper > div > div.content-outer-wrapper > div:nth-child(3){
    margin-top: 0 !important;
    margin-bottom: -50px !important;
  }
  .reviews-minimal__title{
    margin-top: -40px !important;
  }
  #post-9 > div > div.row.gdl-page-row-wrapper > div.row > div > div:nth-child(1){
    margin-top: 10px !important;

  }
  body > div.body-outer-wrapper > div > div.content-outer-wrapper > div:nth-child(7){
    margin-bottom: -30px !important;
    margin-top: 0 !important;
  }
  #post-9 > div > div.row.gdl-page-row-wrapper > div.row > div > div:nth-child(4){
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}



#scrollTopBtn {
  display: none; /* скрыта по умолчанию */
  position: fixed;
  bottom: 30px;
  right: 30px;
  z-index: 9999;

  width: 50px;
  height: 50px;
  border-radius: 50%;

  background-color: #3baaf5; /* голубой */
  color: #fff;

  border: none;
  cursor: pointer;
  font-size: 22px;
  font-weight: bold;

  display: flex;
  align-items: center;
  justify-content: center;

  box-shadow: 0 4px 8px rgba(0,0,0,0.3);
  transition: background 0.3s, transform 0.2s, opacity 0.3s;
}

#scrollTopBtn:hover {
  background-color: #1f8fe0;
  transform: scale(1.1);
}



/* ==== УВЕЛИЧЕННЫЙ HEADER ДЛЯ НОУТОВ ==== */
@media (min-width:981px) and (max-width:1150px){
  
  .logo-wrapper img{
    max-height: 80px;    /* логотип тоже можно сделать крупнее */
  }
  .header-wrapper{
    min-height: 160px;   /* было ~80px, стало выше */
  }
  #main-superfish-wrapper .sf-menu > li > a{
    font-size: 16px;
  }
  .pkdr__burger{
    margin-bottom: 70px;
  }
}

.pkdr__burger{
  margin-top: 30px;
  
}

#splide01-slide03 > article > div:nth-child(2){
  margin-bottom: 20px;
}
#splide01-slide04 > article > div:nth-child(2){
  margin-bottom: 20px;
}
#splide01-slide03 > article > div:nth-child(4){
  margin-top: 5px;
}
#splide01-slide04 > article > div:nth-child(4){
  margin-top: 5px;
}
#splide01-slide05 > article > div:nth-child(4){
  margin-top: 20px;
}
@media (max-width: 762px){
  .case-list{
    padding-right: 15px;
  }
}






@media (max-width: 375px){
  .banner-content{
    width:100% !important;
    max-width:250px !important;
    margin: 300px auto 0 !important;  /* чтобы по центру */
  }
}


@media (max-width: 767px){
  :root{ --mob-gutter:1px; }

  /* единые горизонтальные отступы секций */
  .banner{ padding-left:var(--mob-gutter); padding-right:var(--mob-gutter); }
  .advantages{ padding-left:var(--mob-gutter); padding-right:var(--mob-gutter); max-width:300px !important;}
  .reviews-minimal{ padding-left:var(--mob-gutter); padding-right:var(--mob-gutter); max-width:300px !important;}
  .faq__container{ max-width:300px !important; padding-left:var(--mob-gutter); padding-right:var(--mob-gutter); }

  /* баннер — контент на всю ширину контейнера */
  .banner-content{
    width:100% !important;
    max-width:300px !important;
    margin: 400px auto 0 !important;  /* чтобы по центру */
  }

  /* ===== КЕЙСЫ (Splide): по центру, одинаковая ширина, ровные поля ===== */

  /* сама карточка — тоже на 100% ширины */
  .cases .case-card{
    width:100% !important;
    max-width:300px !important;
    margin:0 auto !important;
  }

  /* перебиваем твои ранее заданные фикс-ширины для разных брейкпоинтов */
  .case-card{ width:95% !important; }
}

/* перестраховка: если где-то осталось «магию» ширины карточек — глушим её на всех узких экранах */
@media (max-width: 480px){
  .cases .case-card,
  .cases .splide__slide{ width:95% !important; }
}



/* мобилка: ровные поля секции, кадр = 100%, без «лишних» внутренних паддингов */
@media (max-width: 767px){
  .cases{ padding-left:16px !important; padding-right:16px !important; }

  /* ключ к виду «как на первом скрине» */
  .cases .splide__slide{
    flex:0 0 100% !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;           /* убираем локальные отступы у кадра */
    box-sizing:border-box;
    display:flex;
  }
  .cases .case-card{
    width:100% !important;
    max-width:300px !important;
    margin:0 auto !important;
  }

  /* оставляем дефолтные трек/лист, чтобы не сломать расчёты */
  /* НИЧЕГО не задаём для .splide__list и .splide__track */

  /* стрелки у краёв «контейнера» */
  .splide__arrow--prev{ left:16px !important; }
  .splide__arrow--next{ right:16px !important; }
}

/* ===== мобилка: карточка прижата к ЛЕВОМУ краю ===== */
@media (max-width: 767px){
  .cases .splide__slide{
    flex: 0 0 100% !important;
    width: 100% !important;
    
    margin: 0 !important;
    display: flex;
    justify-content: flex-start; /* тянем содержимое влево */
  }

  .cases .case-card{
    width: 95% !important;        /* чуть меньше, чтобы стрелки не перекрывали */
    max-width: 95% !important;
    margin-left: 0 !important;    /* убираем автоцентр */
    margin-right: auto !important;
  }
}




/* ===== ширина контента на мобилке как у блока FAQ ===== */
@media (max-width: 767px){
  /* общий контейнер для всех секций */
  .banner-content,
  .advantages,
  .cases,
  .reviews-minimal,
  .stunning-text-item-class,
  .about-us-item-class,
  .accordion-item-class,
  .blog-item-class,
  .articles-widget-wrapper {
    max-width: 800px;          /* как у FAQ */
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 16px;        /* такие же поля */
    padding-right: 16px;
    box-sizing: border-box;
  }

  /* сами карточки внутри тоже ограничим */
  .case-card,
  .adv-card,
  .rv-card {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}





/* ==== Мобилка: слайдер кейсов ровно 300px ==== */
@media (max-width: 767px){
  :root{ --mobw:300px; }

  /* сам контейнер секции и заголовок */
  .cases,
  .cases__head,
  .cases.splide,
  .cases .splide__arrows,
  .cases .splide__pagination{
    max-width: var(--mobw) !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }

  /* трек и список без отрицательных отступов */
  .cases .splide__track{
    max-width: var(--mobw) !important;
    padding: 0 !important;
    overflow: visible !important;
  }
  .cases .splide__list{
    gap: 12px !important;
    margin: 0 !important;
  }

  /* каждый кадр = вся ширина контейнера 300px */
  .cases .splide__slide{
    flex: 0 0 100% !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    justify-content: flex-start !important;
    box-sizing: border-box !important;
  }

  /* карточка внутри кадра на всю доступную ширину */
  .cases .case-card{
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  /* стрелки внутри тех же 300px */
  .cases .splide__arrows{ position: relative; }
  .cases .splide__arrow--prev{
    left: 8px !important;
    margin-left: 0 !important;
  }
  .cases .splide__arrow--next{
    right: 8px !important;
    margin-right: 0 !important;
  }
}
/* ===== Мобилка: один слайд без "подглядывания" и нормальные стрелки ===== */
@media (max-width: 767px){
  :root{ --mobw:268px; }                 /* твоя целевая ширина */

  /* корень слайдера и заголовок — строго 300px по центру */
  .cases,
  .cases__head,
  .cases.splide,
  .cases .splide__arrows,
  .cases .splide__pagination{
    max-width: var(--mobw) !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* ключ: не даём торчать соседним слайдам */
  .cases .splide__track{
    overflow: hidden !important;   /* прячем края */
    padding: 0 !important;
  }
  .cases .splide__list{
    gap: 0 !important;             /* без зазора между кадрами */
    margin: 0 !important;
  }
  .cases .splide__slide{
    flex: 0 0 100% !important;     /* весь кадр = 300px */
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    justify-content: flex-start !important;
  }
  .cases .case-card{
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  /* стрелки: по центру по вертикали, на краях карточки */
  .cases .splide__arrows{ position: relative; }
  .cases .splide__arrow{
    position: absolute !important;
    top: 380px !important;
    transform: translateY(-50%) !important;
    z-index: 3 !important;
  }
  .cases .splide__arrow--prev{
    left: -10px !important;        /* слегка за край, можно 0..-12 */
    margin-left: 0 !important;
  }
  .cases .splide__arrow--next{
    right: -10px !important;
    margin-right: 0 !important;
  }
  .faq__list{
    max-width: 268px !important;
    margin-left: 15px !important;
  }

  #splide01 > div.splide__arrows.splide__arrows--ltr > button.splide__arrow.splide__arrow--next{
    margin-right: -25px !important;
  }
  #splide01 > div.splide__arrows.splide__arrows--ltr > button.splide__arrow.splide__arrow--prev{
    margin-left: -25px !important;
  }
}






#menu-main-1 > li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-34257 > a > span > span.gdl-label > img{
  margin-right: -5px !important;
  margin-top: -8px !important;
}



@media (max-width: 375px){
  .banner-content{
    width:100% !important;
    max-width:280px !important;
    max-height: 200px !important;
  }

  .banner-button {
    padding: 5px 10px;
    max-height: 30px;
    font-size: 10px;
    margin-top: 0 !important;
}
.banner-description{
  font-size: 14px;
}
body > div.body-outer-wrapper > div > div.content-outer-wrapper > div.banner > div.banner-content{
  margin-top: 300px !important;
}
}