/* ===================
   DESIGN TOKENS
   =================== */
   :root{
    --hero-max:1200px;
    --gap:40px;
    --btn:#800080;
    --btn-hover:#5e005e;
    --btn-height:60px;
  }

  /* Глобальное */
  html,body{height:100%;}
  body{
    margin:0;
    color:#fff; /* дефолтный белый */
    text-transform:capitalize;
    font-family:'Noto Sans Armenian', system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
  }

  /* ===================
     HERO
     =================== */
  .hero-section{
    /* картинка приходит из PHP как CSS-переменная --hero-image */
    background-image:
      -webkit-linear-gradient(top, rgba(0,0,0,0.40), rgba(0,0,0,0.40)),
      var(--hero-image);
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;

    min-height:100vh;
    display:flex;
    align-items:center;
    padding:80px 20px;
    position:relative;

    color:#fff; /* всё внутри hero белое по умолчанию */
  }

  .hero-inner{
    width:100%;
    max-width:var(--hero-max);
    margin:0 auto;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    text-align:left;
    gap:28px;
    position:relative;
    z-index:2;
  }

  /* Гладкая “резиновая” типографика */
  .hero-title{
    font-family:'Noto Serif Armenian', Georgia, serif;
    font-size:clamp(26px, 6vw, 52px); /* умное масштабирование */
    line-height:1.23;
    font-weight:600;
    margin:0;
    max-width:900px;
    color:#fff; /* фикс на случай перекраски темой */
  }

  /* Кнопка */
  .hero-button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background-color:var(--btn);
    color:#fff;
    min-height:var(--btn-height);
    padding:0 60px;
    border-radius:50px;
    font-weight:700;
    text-decoration:none;
    font-size:16px;
    line-height:1;
    transition:background-color .2s ease, transform .15s ease;
  }
  .hero-button:hover{ background-color:var(--btn-hover); }
  .hero-button:active{ transform:translateY(1px); }

  /* Фичи */
  .features-wrapper{
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-start;
    gap:var(--gap);
    width:100%;
    margin-top:40px;
  }
  .feature-block{
    flex:1 1 300px;
    max-width:350px;
    display:flex;
    align-items:flex-start;
    gap:12px;
  }
  .feature-block img{
    width:20px; height:20px; flex-shrink:0; margin-top:4px;
  }
  .feature-title,
  .feature-description{
    color:#ffffff;
    font-family:'Georgia', 'Noto Sans Armenian', sans-serif;
    text-transform:capitalize;
    font-size:18px;
    line-height:1.35;
    font-weight:600;
    margin:0 0 6px 0;
  }
  .feature-description{ margin:0; }

  /* ===================
     ADAPTIVE
     =================== */

  /* ≤ 1200 — чуть компактнее заголовок уже сделал через clamp */
  @media (max-width: 992px){
    .hero-title{ line-height:1.22; }
  }

  /* ≤ 768 — мобильный портрет */
  @media (max-width: 768px){
    .hero-section{
      background-image:
        linear-gradient(to bottom,
          rgba(0,0,0,0.55) 0%,
          rgba(0,0,0,0.35) 40%,
          rgba(0,0,0,0.25) 70%,
          rgba(0,0,0,0.00) 100%
        ),
        var(--hero-image);
      background-size:cover;
      background-position:center top;   /* видно обоих */
      background-repeat:no-repeat;
      min-height:100vh;
      padding:56px 18px 32px;
    }
    .hero-inner{
      align-items:center;
      text-align:center;
      max-width:92%;
      gap:22px;
    }
    .hero-title{
      /* clamp уже работает; локально улучшим читаемость */
      letter-spacing:.1px;
    }
    .hero-button{
      min-height:52px;
      padding:0 40px;
      font-size:15px;
    }
    .features-wrapper{
      justify-content:center;
      gap:20px;
      margin-top:22px;
    }
    .feature-block{
      flex:1 1 100%;
      max-width:100%;
      justify-content:center;
    }
  }

  /* ≤ 480 — старые/узкие устройства */
  @media (max-width: 480px){
    .hero-section{ padding:48px 16px 28px; }
    .hero-title{
      font-size:clamp(22px, 7.5vw, 32px);
      line-height:1.22;
    }
    .hero-button{
      min-height:48px;
      padding:0 34px;
      font-size:14px;
      border-radius:42px;
    }
    .feature-title,.feature-description{ font-size:16px; }
  }

  /* ≤ 360 — очень узкие экраны */
  @media (max-width: 360px){
    .hero-section{ padding:40px 14px 24px; }
    .hero-title{
      font-size:clamp(20px, 8vw, 28px);
      line-height:1.22;
      max-width: 20ch; /* ограничим число символов в строке */
    }
    .hero-button{
      min-height:46px;
      padding:0 28px;
      font-size:13.5px;
    }
  }

  /* ≤ 320 — суперузы (старые андроиды) */
  @media (max-width: 320px){
    .hero-title{
      font-size:clamp(18px, 8.8vw, 26px);
      line-height:1.22;
      max-width: 19ch;
    }
    .hero-button{
      min-height:44px;
      padding:0 24px;
      font-size:13px;
      border-radius:38px;
    }
    .feature-title,.feature-description{ font-size:15px; }
  }

  /* ≤ 280 — экстремально узкие (крупнейшая совместимость) */
  @media (max-width: 280px){
    .hero-section{ padding:36px 12px 20px; }
    .hero-title{
      font-size:clamp(16px, 9.5vw, 24px);
      line-height:1.20;
      max-width: 18ch;
    }
    .hero-button{
      min-height:40px;
      padding:0 18px;
    }
  }

  /* Если тема перекрашивает заголовки — железобетонный фикс */
  .hero-section h1{ color:#fff; }

  /* Предпочтение уменьшенного движения — без анимаций */
  @media (prefers-reduced-motion: reduce){
    .hero-button{ transition:none; }
  }




/* =========================
   ABOUT (ՄԵՐ ՄԱՍԻՆ)
   ========================= */
   .about-section {
    background:#f3f3f5;
    color:#111;
    padding:72px 20px;
  }
  .about-section .about-wrap {
    max-width: 1600px;
    margin: 0 auto;
    padding: 0 24px;
  }

  /* Заголовок */
  .about-title {
    font-family:'Noto Serif Armenian', Georgia, serif;
    font-weight:800;
    letter-spacing:.5px;
    text-align:center;
    margin:0 0 40px 0;
    color:#111;
    font-size:42px;
    line-height:1.23;
    opacity:0;
    transform:translateY(18px);
  }

  /* Описание */
  .about-lead {
    max-width:560px;
    margin:0 auto;
    text-align:center;
    font-size:24px;
    line-height:1.5;
    font-weight:600;
    color:#111;
    opacity:0;
    transform:translateY(18px);
  }

  /* =========================
     BENEFITS GRID (ԱՌԱՎԵԼՈւԹՅՈւՆՆԵՐ)
     ========================= */
  .benefits-section {
    background:#ffffff;
    color:#111;
    padding:72px 20px;
  }

  .benefits-grid {
    max-width:1320px;
    margin:0 auto;
    display:grid;
    grid-template-columns:1fr;
    gap:28px;
  }

  /* Карточка с изображением */
  .benefit-card--image {
    border-radius:14px;
    overflow:hidden;
    background:#ddd;
  }
  .benefit-card--image img {
    display:block;
    width:100%;
    height:100%;
    min-height:260px;
    object-fit:cover;
  }

  /* Карточка с текстом */
  .benefit-card--text {
    background:#ffffff;
    border-radius:14px;
    box-shadow:0 6px 24px rgba(0,0,0,.06);
    padding:26px 26px 24px;
  }
  .benefit-title {
    margin:0 0 10px 0;
    font-weight:800;
    font-size:clamp(18px, 2.2vw, 26px);
    line-height:1.25;
    font-family:'Noto Serif Armenian', Georgia, serif;
    color:#111;
  }
  .benefit-text {
    margin:0;
    font-size:clamp(15px, 1.7vw, 18px);
    line-height:1.65;
    font-weight:600;
    color:#222;
  }

  /* 2 колонки на ≥ 992px */
  @media (min-width:992px) {
    .benefits-grid {
      grid-template-columns:repeat(2, 1fr);
      gap:34px;
    }
    .benefit-card--image img { min-height:420px; }
  }

  /* Узкие устройства */
  @media (max-width:480px) {
    .about-section { padding:56px 16px; }
    .benefits-section { padding:56px 16px; }
  }

  /* Суперузкие */
  @media (max-width:320px) {
    .about-section { padding:48px 12px; }
    .benefits-section { padding:48px 12px; }
  }

  /* =========================
     АНИМАЦИЯ fade-in + slide-up
     ========================= */
  @keyframes fadeUp {
    from { opacity:0; transform:translateY(18px); }
    to   { opacity:1; transform:none; }
  }

  /* При появлении секции в зоне видимости */
  .about-section.is-inview .about-title {
    animation: fadeUp .7s ease forwards .05s;
  }
  .about-section.is-inview .about-lead {
    animation: fadeUp .7s ease forwards .25s;
  }

  /* Если пользователь включил "уменьшить анимацию" */
  @media (prefers-reduced-motion: reduce) {
    .about-title,
    .about-lead {
      opacity:1 !important;
      transform:none !important;
      animation:none !important;
    }
  }




  /* =========================
   BENEFITS ALT (шахматка 2x50)
   ========================= */
/* ===== Benefits chess grid ===== */
:root{
    --card-shadow: 0 6px 22px rgba(0,0,0,.08), 0 1px 3px rgba(0,0,0,.06);
    --card-shadow-hover: 0 12px 32px rgba(0,0,0,.14), 0 4px 10px rgba(0,0,0,.10);
    --card-border: 1px solid rgba(0,0,0,.05);
  }

  .benefits-plain { padding: 56px 20px; background: #fff; }
  .benefits-plain__header { max-width: 1200px; margin: 0 auto 28px; text-align: center; }
  .benefits-plain__title { margin: 0 0 12px; font-weight: 700; color: #000; font-size: 42px; line-height: 1.23; }
  .benefits-plain__intro { margin: 0 auto; max-width: 560px; font-size: 24px; line-height: 1.5; color: #000; }

  .benefits-grid4{
    max-width: 1320px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0; /* без разделителей между карточками */
  }

  /* карточки */
  .benefit-item{
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: var(--card-shadow);     /* тень */
    transition: box-shadow .25s ease, transform .25s ease;
    border: var(--card-border);         /* тонкая рамка, чтобы карточки читались при нулевом gap */
    background: #fff;                   /* базовый фон, чтобы тень была заметна */
  }

  .benefit-item:hover{
    box-shadow: var(--card-shadow-hover);
    transform: translateY(-2px);
  }

  .benefit-item.is-text{
    padding: 26px 24px;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .benefit-title{
    margin: 0 0 10px;
    font-weight: 800;
    font-size: 22px;
    line-height: 1.3;
    color: #000;
  }

  .benefit-text{
    margin: 0;
    color: #000;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.6;
  }

  .benefit-item.is-image{ padding: 0; background: #fff; }
  .benefit-item.is-image img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  /* адаптив */
  @media (max-width: 1200px){
    .benefits-grid4{ grid-template-columns: repeat(3, 1fr); }
  }
  @media (max-width: 992px){
    .benefits-plain__title{ font-size: 34px; }
    .benefits-plain__intro{ font-size: 18px; }
    .benefits-grid4{ grid-template-columns: repeat(2, 1fr); }
  }
  @media (max-width: 560px){
    .benefits-grid4{ grid-template-columns: 1fr; }
    .benefit-item.is-image{ height: 220px; }
    .benefit-item:hover{ transform: none; } /* спокойнее на мобильных */
  }


/* ===== lead-split: full width, картинка слева «в край» ===== */
.lead-split{ width:100%; margin:0; padding:0; background:#F6F2FA; }
.lead-split__wrap{ max-width:none; margin:0; padding:0; height:100%; }
.lead-split__grid{ display:grid; grid-template-columns:1fr 1fr; gap:0; align-items:stretch; min-height:700px; }

/* LEFT: IMAGE */
.lead-split__media{ position:relative; margin:0; height:100%; border-radius:0; overflow:hidden; background:#000; }
.lead-split__media img{ display:block; width:100%; height:100%; object-fit:contain; object-position:center top; }
.lead-split__media::after{ content:none !important; }

/* RIGHT: CARD */
.lead-split__formCard{ background:#efefef; border-radius:0; padding:10%; display:grid; grid-template-rows:auto 1fr; }
.lead-split__title{ margin:0 0 24px; font-family:'Noto Serif Armenian', Georgia, serif; font-weight:800; font-size:46px; line-height:1.18; letter-spacing:-.2px; color:#0f0f0f; }

/* ФОРМА */
.lead-split__form{ place-self:center; width:100%; max-width:560px; display:flex; flex-direction:column; gap:16px; margin:0; }

/* INPUTS: underline */
.ls-input,.ls-select{
  height:60px; width:100%; color:#000;
  border:1px solid #b3b3b3; border-left:0 !important; border-right:0 !important; border-top:0 !important;
  border-radius:0 !important; background:transparent; padding-left:0 !important; padding-right:0 !important;
  font-size:16px; outline:none; transition:border-color .15s ease, box-shadow .15s ease;
}
.ls-input::placeholder{ color:#9b9b9b; }
.ls-input:focus,.ls-select:focus{ border-bottom-color:#9c88b2; box-shadow:0 3px 0 -2px rgba(104,0,135,.25); }

/* страна + телефон */
.ls-row{ width:100%; }
.ls-row.ls-tel{ display:grid; grid-template-columns:1.05fr .95fr; gap:14px; align-items:center; }

/* флаг-иконка в селекте */
.ls-country{ position:relative; }
.ls-country .ls-flag{
  position:absolute; left:12px; top:50%; transform:translateY(-50%);
  width:24px; height:18px; background-size:cover; background-position:center;
  border-radius:2px; box-shadow:0 0 0 1px rgba(0,0,0,.08); pointer-events:none;
}
.ls-country .ls-select{ padding-left:48px !important; }

/* стек шрифтов (если где-то emoji нужны) */
.ls-select,.ls-select option{
  font-family:"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",
               system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif !important;
}

/* Ошибки полей */
.ls-err{ display:none; color:#c1121f; font-size:13px; margin-top:6px; }

/* КНОПКА */
.lead-split .lead-split__form .ls-btn{
  display:inline-flex !important; align-items:center !important; justify-content:center !important;
  height:60px !important; padding:0 60px !important; min-width:auto !important; width:auto !important; max-width:max-content !important;
  font-size:16px !important; font-weight:600 !important; line-height:1.4 !important; text-align:center !important;
  color:#fff !important; background:#680087 !important; border:none !important; border-radius:30px !important; box-shadow:none !important; cursor:pointer !important;
  transition:background .2s ease, transform .2s ease !important;
}
.lead-split .lead-split__form .ls-btn:hover{ background:#52006a !important; transform:translateY(-1px) !important; }

/* Таблица «Հայտեր» */
.lead-table-wrap{ background:#F6F2FA; padding:16px; border-radius:12px; }
.lead-table-scroll{ overflow:auto; }
.lead-table{ width:100%; border-collapse:collapse; background:#fff; border-radius:10px; overflow:hidden; }
.lead-table th,.lead-table td{ padding:10px 12px; border-bottom:1px solid #eee; font-size:14px; }
.lead-table thead th{ background:#faf7fd; font-weight:700; }

/* Модалка */
.lead-modal{ position:fixed; inset:0; background:rgba(0,0,0,.45); display:none; align-items:center; justify-content:center; z-index:9999; }
.lead-modal.is-open{ display:flex; }
.lead-modal__dialog{ width:min(520px,92vw); background:#fff; border-radius:14px; padding:28px 24px 24px; position:relative; text-align:center; }
.lead-modal__icon{ width:64px; height:64px; border-radius:50%; margin:8px auto 12px; display:grid; place-items:center; font-size:34px; background:#e8f7ec; color:#16a34a; }
.lead-modal__title{ margin:6px 0 18px; font-size:20px; line-height:1.35; }
.lead-modal__ok{ background:#000; color:#fff; border:none; border-radius:8px; padding:12px 22px; font-weight:600; cursor:pointer; }
.lead-modal__close{ position:absolute; right:10px; top:8px; background:transparent; border:none; font-size:26px; line-height:1; cursor:pointer; }

/* Адаптив */
@media (max-width:1280px){ .lead-split__grid{ min-height:660px; } .lead-split__title{ font-size:40px; } }
@media (max-width:1024px){
  .lead-split__grid{ grid-template-columns:1fr; min-height:auto; }
  .lead-split__media{ height:420px; }
  .lead-split__formCard{ padding:8% 6%; grid-template-rows:auto auto; }
  .lead-split__title{ font-size:34px; margin-bottom:18px; }
  .lead-split__form{ max-width:520px; }
}
@media (max-width:560px){
  .lead-split__media{ height:360px; }
  .lead-split__title{ font-size:28px; line-height:1.22; margin-bottom:14px; }
  .ls-row.ls-tel{ grid-template-columns:1fr; }
  .lead-split .lead-split__form .ls-btn{ width:100% !important; }
}



/* ===================== ARMENIAN FONTS (Google Fonts) ===================== */
/* Если можешь править <head>, лучше подключить через <link>.
   Но и так, через @import, тоже сработает. */
   @import url("https://fonts.googleapis.com/css2?family=Noto+Sans+Armenian:wght@400;500;700;800&family=Noto+Serif+Armenian:wght@600;700;800&display=swap");

   /* БАЗОВЫЕ СТЕКИ: сначала армянские Noto, затем системные фоллбеки */
   :root{
     --font-sans: "Noto Sans Armenian", system-ui, -apple-system, "Segoe UI",
                  Roboto, Arial, "Noto Sans", "Apple Color Emoji",
                  "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
     --font-serif:"Noto Serif Armenian", Georgia, "Times New Roman", Times, serif;

     /* базовая типографика (можешь подстроить) */
     --fz-base: 16px;
     --lh-base: 1.6;
   }

   /* ===================== ГЛОБАЛЬНО ===================== */
   html{ font-size: 100%; }                 /* 16px по умолчанию */
   body{
     margin:0;
     color:#0e0e0e;
     background:#fff;
     font-family: var(--font-sans);
     font-size: var(--fz-base);
     line-height: var(--lh-base);

     /* сглаживание (кроссбраузерно) */
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     text-rendering: optimizeLegibility;
   }

   /* Заголовки делаем акцентными армянскими серифами */
   h1,h2,h3,h4,h5,h6{
     font-family: var(--font-serif);
     line-height: 1.25;
     margin: 0 0 .5em;
     font-weight: 800;
   }

   /* Ссылки и списки — базовая косметика */
   a{ color: inherit; text-decoration: none; }
   a:hover{ text-decoration: underline; }
   ul,ol{ margin: .75em 0 .75em 1.25em; padding: 0; }

   /* Кнопки/инпуты наследуют шрифт */
   input,select,textarea,button{ font: inherit; }

   /* ===================== VIDEO SECTION ===================== */
   .home-video{ padding: 36px 0; }
   .home-video__wrap{
     max-width: 1200px;
     margin: 0 auto;
     padding: 0 20px;
   }

   /* Две колонки: слева текст, справа видео */
   .home-video__grid{
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 36px;
     align-items: center;

     /* Фоллбек для старых браузеров без grid */
   }
   @supports not (display:grid){
     .home-video__grid{ display:block; }
     .home-video__col{ margin-bottom:22px; }
   }

   .home-video__title{
     margin: 0 0 12px;
     font-family: var(--font-serif);
     font-weight: 800;
     font-size: 28px;
     line-height: 1.25;
   }
   .home-video__text{
     font-family: var(--font-sans);
     font-size: 18px;
     line-height: 1.65;
   }

   /* Контейнер с фиксированным соотношением сторон */
   .ratio{ position: relative; width: 100%; height: 0; overflow: hidden; }
   .ratio iframe,
   .ratio video{
     position: absolute; left:0; top:0; right:0; bottom:0;
     width: 100%; height: 100%; border: 0;
   }
   .ratio--16x9 { padding-top: 56.25%; }  /* 9/16 */
   .ratio--4x3  { padding-top: 75%;    }
   .ratio--21x9 { padding-top: 42.857%; }

   /* ===================== АДАПТИВ (телефоны/планшеты) ===================== */
   @media (max-width: 992px){
     .home-video__grid{ grid-template-columns: 1fr; gap: 22px; }
     .home-video__title{ font-size: 24px; }
     .home-video__text{  font-size: 16px; }
   }

   /* Очень узкие экраны (старые небольшие телефоны) */
   @media (max-width: 360px){
     :root{ --fz-base: 15px; }
     .home-video__wrap{ padding: 0 14px; }
     .home-video__title{ font-size: 22px; }
     .home-video__text{  font-size: 15px; }
   }

   /* ===================== МЕЛОЧИ ДЛЯ СОВСЕМ СТАРЫХ БРАУЗЕРОВ ===================== */
   /* Если браузер не знает @supports и grid — уже есть блоковый фоллбек выше.
      Добавим небольшой запас высоты для видео 16:9 */
   @media screen and (max-width: 480px){
     .ratio--16x9{ padding-top: 56.5%; } /* запас отступа, чтобы не появлялась полоска */
   }




   :root {
    --certs-slide-width: 1020px; /* ширина слайда */
    --certs-arrow-gap: 56px;     /* отступ стрелок от края слайда */
  }

  /* секция */
  .certs-one {
    padding: 28px 0 34px;
    background: #fff;
  }
  .certs-one__inner {
    max-width: 1340px;
    margin: 0 auto;
    padding: 0 16px;
  }

  /* swiper */
  .certs-one__swiper {
    position: relative;
    width: 100%;
  }
  .certs-one__swiper .swiper-wrapper {
    align-items: center;
  }
  .certs-one__slide {
    display: flex;
    justify-content: center;
  }
  .certs-one__slide img {
    width: 100%;
    max-width: var(--certs-slide-width);
    height: auto;
    display: block;
    border-radius: 8px;
    box-shadow: 0 16px 42px rgba(0,0,0,.1);
  }

  /* стрелки */
  .certs-one__nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: #fff;
    border: 1px solid rgba(0,0,0,.08);
    box-shadow: 0 6px 16px rgba(0,0,0,.15);
    z-index: 10;
    cursor: pointer;
    transition: background-color .2s ease-in-out, border-color .2s ease-in-out;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .certs-one__nav:hover {
    background: #f3f3f3;
  }

  .certs-one__prev {
    left: calc(50% - (var(--certs-slide-width)/2) - var(--certs-arrow-gap));
  }
  .certs-one__next {
    right: calc(50% - (var(--certs-slide-width)/2) - var(--certs-arrow-gap));
  }

  /* стрелки внутри */
  .certs-one__nav::before {
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    border-top: 2px solid #111;
    border-right: 2px solid #111;
  }

  /* направление */
  .certs-one__prev::before {
    transform: rotate(-135deg); /* ‹ */
  }
  .certs-one__next::before {
    transform: rotate(45deg);   /* › */
  }

  /* пагинация */
  .certs-one__pagination {
    position: relative;
    margin: 18px auto 0;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .certs-one__pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    background: #111;
    opacity: .35;
    margin: 0 6px !important;
    border-radius: 50%;
    transition: opacity .2s ease-in-out;
  }
  .certs-one__pagination .swiper-pagination-bullet-active {
    opacity: 1;
  }

  /* адаптив */
  @media (max-width: 1180px) {
    :root {
      --certs-slide-width: 92vw;
      --certs-arrow-gap: 16px;
    }
    .certs-one__prev { left: 12px; }
    .certs-one__next { right: 12px; }
  }
  @media (max-width: 768px) {
    .certs-one__nav {
      width: 44px;
      height: 44px;
    }
  }



/* Armenian-only fonts (Google Fonts) */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Armenian:wght@400;500;700&family=Noto+Serif+Armenian:wght@700;800&display=swap');

:root{
  --arm-sans: "Noto Sans Armenian", "Noto Sans", system-ui, -apple-system, "Segoe UI", Roboto, Arial, "Helvetica Neue", sans-serif;
  --arm-serif: "Noto Serif Armenian", Georgia, "Times New Roman", serif;
}

/* Team */
/* ====== TEAM (refined) ====== */
.team-section, .team-section *{
    font-family: var(--arm-sans);
  }

  .team-title,
  .team-name{
    font-family: var(--arm-serif);
    font-feature-settings: "liga" 1, "kern" 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  /* Section & container */
  .team-section{
    padding:56px 0 32px;
    background:#fff;
    overflow-x: clip;
  }
  :root{ --safe-pad: max(16px, env(safe-area-inset-left)); }
  .team-wrap{
    max-width:1240px;
    margin:0 auto;
    padding-left: var(--safe-pad);
    padding-right: var(--safe-pad);
    box-sizing:border-box;
  }

  /* Title */
  .team-title{
    text-align:center;
    font-size:42px;
    line-height:1.15;
    font-weight:800;
    margin:0 0 22px;
    overflow-wrap:anywhere;
  }
  .team-sub{
    text-align:center;
    max-width:780px;
    margin:0 auto 28px;
    opacity:.85;
  }

  /* Grid */
  .team-grid{
    --cols:4;
    display:grid;
    grid-template-columns: repeat(var(--cols), 1fr);
    gap:32px 24px;
  }
  .team-grid > *{ min-width:0; } /* важно: карточка не расталкивает сетку */

  /* Card */
  .team-card{
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
    background:#fff;
    padding:14px;
    border-radius:16px;
    box-shadow: 0 6px 20px rgba(17, 17, 26, .06);
    transition: transform .2s ease, box-shadow .25s ease;
  }
  .team-card:hover{
    transform: translateY(-3px);
    box-shadow: 0 12px 28px rgba(17, 17, 26, .10);
  }

  /* Photo */
  .team-photo{
    width:100%;
    aspect-ratio: 1 / 1;
    overflow:hidden;
    border-radius:12px;
    background:#f3f3f4;
  }
  .team-photo img{
    width:100%; height:100%; object-fit:cover; display:block;
    transform: scale(1);
    transition: transform .35s ease;
  }
  .team-card:hover .team-photo img{ transform: scale(1.04); }

  /* Name / Role — one line, ellipsis */
  .team-name{
    margin:12px 0 4px;
    font-weight:800;
    font-size: clamp(20px, 2.4vw, 26px);
    line-height:1.1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; /* одна строка */
    max-width: 100%;
  }
  .team-role{
    font-size:14px;
    color:#6b6b78;
    white-space: nowrap;
    overflow:hidden;
    text-overflow: ellipsis;
    max-width: 100%;
  }

  /* Optional extra text */
  .team-bio{ font-size:14px; margin-top:8px; opacity:.85; }
  .team-socials{ display:flex; gap:10px; margin-top:10px; flex-wrap:wrap; }
  .team-socials a{ font-size:14px; text-decoration:underline; }

  /* Responsive */
 /* ===== MOBILE: список строками (image + name + role) ===== */
/* === TEAM: mobile fix === */
@media (max-width: 520px){

    /* делаем сетку — 1 колонка */
    .team-grid{
      grid-template-columns: 1fr !important;
      gap: 22px !important;
    }

    /* карточка — вертикальная, выравнивание по центру */
    .team-card{
      flex-direction: column;
      align-items: center;
      text-align: center;
      padding: 16px;
    }

    /* фото чуть больше */
    .team-photo{
      width: 160px;
      height: 160px;
      margin-bottom: 12px;
      border-radius: 12px;   /* квадратные с мягкими углами */
    }

    /* имя и должность компактнее */
    .team-name{
      font-size: 20px;
      margin: 6px 0 4px;
    }

    .team-role{
      font-size: 14px;
      margin: 0;
    }
  }




/* Team */


.socials{ padding:32px 0; background:#fff; }
.socials__wrap{ max-width:1240px; margin:0 auto; padding:0 16px; }
.socials__title{ text-align:center; margin:0 0 18px; font-weight:800; }

.socials__list{
  display:flex; flex-wrap:wrap; gap:var(--soc-gap,40px);
  justify-content:center;
}
.socials__list--left{ justify-content:flex-start; }
.socials__list--right{ justify-content:flex-end; }

.socials__btn{
  display:inline-flex; align-items:center; justify-content:center;
  height:var(--soc-size,72px);
  min-width:200px;
  padding:0 28px;
  border-radius:var(--soc-radius,10px);
  background:var(--soc-bg,#111);
  box-shadow:0 10px 24px rgba(0,0,0,.10);
  transition:transform .18s ease, box-shadow .18s ease, opacity .18s ease;
}
.socials__btn:hover{ transform:translateY(-2px); box-shadow:0 16px 36px rgba(0,0,0,.16); }
.socials__btn:active{ transform:translateY(0); opacity:.9; }

.socials__ico{ width:28px; height:28px; display:block; }
.socials__ico svg, .socials__ico img{ width:100%; height:100%; display:block; }

/* адаптив */
@media (max-width: 860px){
  .socials__btn{ min-width:180px; }
}
@media (max-width: 520px){
  .socials__btn{ min-width:46%; height:60px; }
}


/* =======================================================
   SERVICES CARDS SECTION
======================================================= */
.services-cards {
    padding: 42px 0 20px;
    background: #fff;
  }
  .services-cards__wrap {
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 16px;
  }
  .services-cards__title {
    text-align: center;
    font-weight: 800;
    font-size: 44px;
    line-height: 1.15;
    margin: 0 0 14px;
    font-family: "Noto Serif Armenian", Georgia, serif;
  }
  .services-cards__sub {
    max-width: 820px;
    margin: 0 auto 28px;
    opacity: .9;
    text-align: center;
  }
  .services-cards__grid {
    --srv-cols: 3;
    --srv-gap: 28px;
    display: grid;
    grid-template-columns: repeat(var(--srv-cols), 1fr);
    gap: var(--srv-gap);
  }
  .services-card {
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 14px 40px rgba(0,0,0,.08);
    display: flex;
    flex-direction: column;
  }
  .services-card__media {
    aspect-ratio: 4 / 3;
    overflow: hidden;
  }
  .services-card__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }
  .services-card__body {
    padding: 18px 18px 20px;
    flex: 1;
  }
  .services-card__name {
    font-size: 26px;
    font-weight: 800;
    margin: 6px 0 10px;
    font-family: "Noto Serif Armenian", Georgia, serif;
  }
  .services-card__text {
    font-size: 15px;
    opacity: .9;
  }
  .services-card__actions {
    margin-top: 14px;
  }
  .services-card__btn {
    display: inline-block;
    padding: 10px 18px;
    border-radius: 999px;
    background: #8e1a8f;
    color: #fff !important;
    font-weight: 700;
    font-size: 14px;
    text-decoration: none;
    box-shadow: 0 6px 18px rgba(142,26,143,.3);
    transition: transform .15s ease, box-shadow .15s ease, background .15s ease;
  }
  .services-card__btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 26px rgba(142,26,143,.35);
    background: #a41faa;
  }
  .services-card__btn:active {
    transform: translateY(0);
    background: #7b147c;
  }
 /* ===== SERVICES: фикс сетки на планшете и мобиле ===== */

/* Планшет: 2 карточки в ряд */
@media (max-width: 900px){
    .services-cards__grid{
      grid-template-columns: repeat(2, 1fr) !important;
      gap: 20px !important;
    }
    .services-card{ min-width: 0; }               /* не расталкивать сетку */
    .services-card__media{ aspect-ratio: 16 / 10; }
    .services-card__name{ font-size: 22px; }
    .services-card__text{ font-size: 14px; line-height: 1.55; }
  }

  /* Мобайл: одна карточка в ряд, никаких «узких колонок» */
  @media (max-width: 560px){
    .services-cards__grid{
      grid-template-columns: 1fr !important;      /* одна колонка */
      gap: 16px !important;
    }

    /* на всякий случай, если где-то что-то жестко задано — складываем карточки даже при поломках грида */
    /* альтернативный «страховочный» вариант:
       .services-cards__grid{ display:block !important; }
       .services-card{ margin-bottom:16px; }
    */

    .services-cards__wrap{ padding: 0 12px; }
    .services-card{
      min-width: 0;
      border-radius: 12px;
      box-shadow: 0 10px 28px rgba(0,0,0,.07);
    }

    .services-card__media{ aspect-ratio: 16 / 9; } /* визуально «плоское» фото, карточка ниже */
    .services-card__body{ padding: 14px; }

    .services-card__name{
      font-size: 20px;
      line-height: 1.2;
      margin: 6px 0 6px;
      word-break: break-word;      /* если вдруг длинные слова */
      hyphens: auto;
    }

    .services-card__text{
      font-size: 14px;
      line-height: 1.6;
    }

    .services-card__actions{ margin-top: 12px; }
    .services-card__btn{
      width: 100%;
      height: 48px;
      padding: 0 18px;
      border-radius: 10px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
    }
  }



/* Hero */
/* =================== COMMON =================== */
html{
    overflow-y: scroll;
    overflow-x: clip;
}
body{ margin:0; }
.wb-wrap img{max-width:100%;height:auto;display:block}

/* =================== TOP: HERO =================== */
.wb-hero{
  position:relative; padding:96px 20px 80px; text-align:center; color:#fff;
  background:
    radial-gradient(1200px 600px at 70% 0%, rgba(123,78,199,.35), transparent 60%),
    radial-gradient(900px 500px  at 0% 30%, rgba(243,84,199,.35), transparent 60%),
    #6d54b8;
  background-size:cover; background-position:center; overflow:hidden;
}
.wb-hero::before{content:"";position:absolute;inset:0;
  background-image:-webkit-linear-gradient(top, rgba(0,0,0,.40), rgba(0,0,0,.30));
  background-image:linear-gradient(to bottom, rgba(0,0,0,.40), rgba(0,0,0,.30)); z-index:1;}
.wb-hero__inner{position:relative;z-index:2;max-width:920px;margin:0 auto}
.wb-hero__avatar{width:132px;height:132px;margin:0 auto 20px;border-radius:50%;overflow:hidden;box-shadow:0 14px 36px rgba(0,0,0,.25)}
.wb-hero__title{margin:0 0 12px;font-weight:800;font-size:40px;line-height:1.2}
.wb-hero__text{margin:0 auto 28px;max-width:760px;font-size:17px;opacity:.95}
.wb-hero__times{display:grid;grid-template-columns:1fr;gap:16px;justify-items:center;max-width:520px;margin:0 auto}
.wb-hero__btn{position:relative;display:block;width:100%;min-width:280px;padding:16px 26px;border-radius:999px;background:#fff;color:#121212;font-weight:900;font-size:18px;text-decoration:none;box-shadow:0 14px 34px rgba(0,0,0,.18);transition:transform .2s,box-shadow .25s,filter .25s}

/* =================== BOTTOM: CTA FULL-WIDTH =================== */
.cta-split{
  position:relative;
  padding:0; background:#fff;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  overflow-x: clip;
}
.cta-split__container{
  width:100%;
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap:0; align-items:stretch;
}
.cta-split__left{position:relative; overflow:hidden}
.cta-split__banner{
  width:100%; height:auto;
  object-fit:cover;
  object-position:left center;
  display:block; border-radius:0; box-shadow:none;
}
.cta-split__right{
  padding:56px 48px;
  display:flex; flex-direction:column; gap:22px;
}
.cta-split__title{margin:0 0 8px;font-weight:800;font-size:42px;line-height:1.2;color:#111}

/* ===== КРАСИВЫЙ СПИСОК ===== */
.cta-split__bullets{
  margin:6px 0 12px;
  padding:0;
  list-style:none;                 /* убираем стандартные точки */
}
.cta-split__bullets li{
  position:relative;
  margin:12px 0;
  padding-left:36px;               /* место под маркер */
  font-size:16px;
  line-height:1.45;
  color:#222;
  display:flex; align-items:center;
}
.cta-split__bullets li::before{
  content:"";
  position:absolute; left:0; top:50%;
  transform:translateY(-50%);
  width:18px; height:18px; border-radius:50%;
  background: linear-gradient(135deg, #ce9ffc 0%, #7367f0 100%);
  box-shadow:0 2px 6px rgba(115,103,240,.35);
}

/* если в тексте есть emoji/иконка, чтобы не липло к маркеру */
.cta-split__bullets li > * { margin-left: 0; }

/* =================== FORM =================== */
.wb-form{max-width:760px;background:transparent;border:0;padding:0}
.wb-field{margin-bottom:18px}
.wb-label{display:block;margin:0 0 8px;font-size:14px;color:#6b6b78;font-weight:600}

.wb-input,.wb-textarea{
  -webkit-appearance:none;appearance:none;width:100%;padding:10px 0 12px 0;
  background:transparent !important;border:none !important;border-bottom:1px solid #d9d9df !important;
  border-radius:0 !important;box-shadow:none !important;font-size:16px;color:#111;outline:none;
  transition:border-color .15s ease, box-shadow .15s ease;
}
.wb-textarea{min-height:140px;resize:vertical}
.wb-input:focus,.wb-textarea:focus{border-bottom-color:#b9b9ff !important;box-shadow:0 2px 0 0 #b9b9ff !important}

/* =================== BUTTON (увеличенная) =================== */
.wb-btn{
  color:#fff !important;
  background-image:linear-gradient(0.75turn, rgba(206,159,252,1) 0%, rgba(115,103,240,1) 100%) !important;
  border:0 !important;border-radius:6px !important;
  box-shadow:0 5px 15px rgba(206,159,252,.5) !important;
  transition:.2s ease-in-out;
  transition-property:background-color,color,border-color,box-shadow,opacity,transform;
  position:relative;overflow:hidden;z-index:1;
  height:60px;                      /* высота больше */
  padding:0 60px;                    /* широкие боковые паддинги */
  font-weight:800; font-size:16px;   /* крупнее шрифт */
  text-align:center; display:inline-flex; align-items:center; justify-content:center;
}
.wb-btn:hover{transform:translateY(-1px);box-shadow:0 9px 22px rgba(206,159,252,.55) !important}
.wb-btn:active{transform:translateY(0) scale(.995)}

/* =================== ADAPTIVE =================== */
@media (max-width:1200px){
  .cta-split__title{font-size:36px}
  .cta-split__right{padding:48px 36px}
}
@media (max-width:992px){
  .cta-split{margin-left:0;margin-right:0}
  .cta-split__container{grid-template-columns:1fr}
  .cta-split__right{padding:36px 20px}
}



/* Price Course */

/* =========================
   Root Vars
========================= */
:root{
    --pp-bg:#faf9fc;
    --pp-text:#1a1a1a;
    --pp-muted:#6b7280;
    --pp-border:#e8e8e8;
    --pp-accent:#7a1a7a;
  }

  /* =========================
     Pricing Section
  ========================= */
  .pp-section{padding:72px 20px;  background: transparent !important;
  }
  .pp-title{
    margin:0 0 40px;
    text-align:center;
    font-weight:900;
    font-size:40px;
    line-height:1.2;
    color:var(--pp-text);
  }

  /* Grid: 1 → 2 → 3 → 4 колонки */
  .pp-grid{
    max-width:1380px;           /* под 4 колонки комфортно */
    margin:0 auto;
    display:grid;
    gap:28px;
    grid-template-columns:1fr;  /* мобилка */
  }
  @media (min-width:640px){
    .pp-grid{ grid-template-columns:repeat(2, minmax(260px,1fr)); }
  }
  @media (min-width:980px){
    .pp-grid{ grid-template-columns:repeat(3, minmax(260px,1fr)); }
  }
  @media (min-width:1240px){
    .pp-grid{ grid-template-columns:repeat(4, minmax(260px,1fr)); }
  }
  .pp-grid{ grid-auto-flow: row; }

  /* Card */
  .pp-card{
    position:relative;
    padding:28px;
    border-radius:20px;
    background:#fff;
    border:1px solid var(--pp-border);
    box-shadow:0 10px 30px rgba(0,0,0,.06);
    transition:.2s ease;
  }
  .pp-card:hover{
    transform:translateY(-6px);
    box-shadow:0 18px 50px rgba(0,0,0,.12);
  }
  .pp-logo{
    width:80px;height:80px;border-radius:50%;
    display:block;margin:0 auto 14px;object-fit:cover;
    box-shadow:0 6px 18px rgba(0,0,0,.12);
    outline:6px solid #fff;
  }
  .pp-head{text-align:center;margin-bottom:14px}
  .pp-name{margin:0;font-size:22px;font-weight:900}
  .pp-sub{margin-top:4px;color:var(--pp-muted);font-weight:600}

  /* Features */
  .pp-features{
    list-style:none;margin:18px 0 22px;padding:0;
    display:grid;gap:10px;
  }
  .pp-features li{
    position:relative;
    padding:12px 14px 12px 46px;
    background:#fafafa;
    border:1px solid #f1f1f1;
    border-radius:14px;
    line-height:1.45;
    transition:.15s;
  }
  .pp-features li:hover{background:#fff;box-shadow:0 6px 18px rgba(0,0,0,.06)}
  .pp-features li::before{
    content:"";position:absolute;left:14px;top:50%;transform:translateY(-50%);
    width:22px;height:22px;border-radius:50%;
    background:linear-gradient(135deg, var(--pp-accent), #111);
  }
  .pp-features li::after{
    content:"";position:absolute;left:19px;top:50%;transform:translateY(-50%);
    width:12px;height:12px;background:#fff;
    -webkit-mask:url("data:image/svg+xml;utf8,\
    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'>\
    <path fill='black' d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z'/>\
    </svg>") no-repeat center/contain;
            mask:url("data:image/svg+xml;utf8,\
    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'>\
    <path fill='black' d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z'/>\
    </svg>") no-repeat center/contain;
  }

  /* Price */
  .pp-price{
    text-align:center;
    font-weight:900;font-size:22px;
    margin:12px 0 18px;
    padding:10px 14px;border-radius:12px;
    background:linear-gradient(180deg,#fff,#f7f7f7);
    border:1px dashed color-mix(in srgb, var(--pp-accent) 40%, #ccc);
  }

  /* CTA Button */
  .pp-btn{
    width:100%;
    border:none;border-radius:999px;
    padding:14px 18px;
    background:linear-gradient(135deg, var(--pp-accent), #2d2d2d);
    color:#fff;font-weight:800;letter-spacing:.2px;
    cursor:pointer; transition:.2s;
    box-shadow:0 10px 24px rgba(0,0,0,.12);
  }
  .pp-btn:hover{filter:brightness(1.05)}
  .pp-btn:active{transform:translateY(1px)}

  /* =========================
     Modal (Pricing)
  ========================= */
  .pp-modal[hidden]{display:none}
  .pp-modal__backdrop{
    position:fixed;inset:0;background:rgba(17,17,17,.55);
    backdrop-filter: blur(3px);z-index:1000
  }
  .pp-modal__dialog{
    position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);
    width:min(640px,94vw);background:#fff;
    border-radius:20px;padding:24px 24px 28px;
    box-shadow:0 18px 60px rgba(0,0,0,.25);z-index:1001
  }
  .pp-modal__close{
    position:absolute;right:14px;top:14px;
    width:32px;height:32px;border-radius:50%;background:#fff;
    border:1px solid #eee;display:flex;align-items:center;justify-content:center;
    font-size:22px;line-height:1;color:#a11;cursor:pointer;transition:.2s;
  }
  .pp-modal__close:hover{background:#fdf0f0;color:#d00}
  .pp-modal__head{text-align:center;margin-bottom:16px}
  .ppm-sub{color:var(--pp-muted)}
  .ppm-price{font-weight:900;margin-top:6px}

  /* Form */
  .pp-form label{display:block;margin:10px 0 6px;font-weight:700}
  .pp-form input{
    width:100%;padding:12px 14px;border:1px solid #ddd;border-radius:12px;
    transition:.15s;
  }
  .pp-form input:focus{
    outline:none;border-color:var(--pp-accent);
    box-shadow:0 0 0 3px rgba(122,26,122,.15);
  }

  /* Buy button (поверх reset.css) */
  .pp-modal .pp-form .pp-buy{
    display:inline-flex;align-items:center;justify-content:center;
    width:100%;min-height:56px;padding:16px 22px;
    font-size:18px;line-height:1;font-weight:900;letter-spacing:.3px;
    border:0;border-radius:14px;
    background:linear-gradient(135deg,#A81FA8,#4330C8);color:#fff;
    box-shadow:0 14px 30px rgba(28,0,80,.26),0 1px 0 rgba(255,255,255,.35) inset;
    cursor:pointer;appearance:none;
    transition:transform .06s ease, filter .2s ease, box-shadow .2s ease;
  }
  .pp-modal .pp-form .pp-buy:hover{
    filter:brightness(1.06);
    box-shadow:0 18px 38px rgba(28,0,80,.32),0 1px 0 rgba(255,255,255,.4) inset;
  }
  .pp-modal .pp-form .pp-buy:active{ transform:translateY(1px) }
  .pp-modal .pp-form .pp-buy:focus-visible{
    outline:none;
    box-shadow:
      0 0 0 3px rgba(168,31,168,.30),
      0 0 0 6px rgba(67,48,200,.18),
      0 18px 38px rgba(28,0,80,.32);
  }
  .pp-modal .pp-form .pp-buy[disabled]{opacity:.7;cursor:not-allowed;transform:none}

  /* Responsive title */
  @media (max-width:560px){ .pp-title{font-size:32px} }
  /* =========================
  Video Block (inline player)
========================= */
.vb-section {
 padding: 56px 20px;
 background: #fff;
}

.vb-title {
 margin: 0 0 24px;
 text-align: center;
 font-weight: 900;
 font-size: 32px;
 color: #111;
}

.vb-grid {
 max-width: 1240px;
 margin: 0 auto;
 display: grid;
 gap: 26px;
 grid-template-columns: repeat(2, 1fr);
}

@media (max-width: 900px) {
 .vb-grid {
   grid-template-columns: 1fr;
 }
}

.vb-card {
 background: #fff;
}

.vb-media {
 position: relative;
 border-radius: 14px;
 overflow: hidden;
 border: 1px solid #eee;
 box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}

/* responsive 16:9 iframe */
.vb-embed {
 position: relative;
}
.vb-embed__box {
 position: relative;
 width: 100%;
 aspect-ratio: 16/9;
 background: #000;
}
.vb-embed__box iframe {
 position: absolute;
 inset: 0;
 width: 100%;
 height: 100%;
 border: 0;
 display: block;
 pointer-events: auto;  /* ✅ теперь видео кликабельно */
}

/* подпись под видео */
.vb-caption {
 margin: 0.75rem 0.25rem 0;
 font-weight: 900;
 font-size: 20px;
 line-height: 1.3;
 font-style: italic;
 color: #111;
 text-align: center;
}

/* убираем ненужные стили для попапа */
.vb-media__overlay,
.vb-media__play,
.vb-lightbox {
 display: none !important;
}



/* ======= Services Grid ======= */
/* ======= Services Grid (большие карточки) ======= */
.srv-grid {
  padding: 50px 20px;
  background: var(--srv-bg, #fff);
}
.srv-grid__inner {
  max-width: 1400px;
  margin: 0 auto;
}
.srv-grid__title {
  margin: 0 0 36px;
  text-align: center;
  font-weight: 900;
  font-size: 44px;
  line-height: 1.2;
  color: #111;
}

/* grid */
.srv-grid__list {
  display: grid;
  gap: 34px;
  grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 1200px) {
  .srv-grid__list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 900px) {
  .srv-grid__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 560px) {
  .srv-grid__list {
    grid-template-columns: 1fr;
  }
}

/* card */
.srv-card {
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: 20px;
  background: #000;
  box-shadow: 0 14px 32px rgba(0, 0, 0, 0.08);
  transform: translateZ(0);
  text-decoration: none;
}
.srv-card__media {
  display: block;
  position: relative;
}
.srv-card__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  /* карточка теперь больше по высоте */
  aspect-ratio: 1 / 1;
  transition: transform 0.55s ease;
  will-change: transform;
}

/* dark overlay + subtle gradient */
.srv-card__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
      180deg,
      rgba(0, 0, 0, 0.05) 0%,
      rgba(0, 0, 0, 0.55) 85%
    ),
    rgba(0, 0, 0, 0.15);
  opacity: 0.65;
  transition: opacity 0.35s ease;
}

/* content */
.srv-card__content {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 26px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  pointer-events: none;
}
.srv-card__title {
  color: #fff;
  font-weight: 800;
  font-size: 26px;
  line-height: 1.3;
  text-shadow: 0 3px 10px rgba(0, 0, 0, 0.45);
}
.srv-card__btn {
  align-self: flex-start;
  background: #ffffff;
  color: #111;
  font-weight: 700;
  font-size: 16px;
  padding: 14px 24px;
  border-radius: 999px;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);
  transform: translateY(20px);
  opacity: 0;
  transition: transform 0.35s ease, opacity 0.35s ease, box-shadow 0.2s ease;
  pointer-events: none;
}

/* HOVER — эффект */
.srv-card:hover .srv-card__media img {
  transform: scale(1.08);
}
.srv-card:hover .srv-card__overlay {
  opacity: 0.85;
}
.srv-card:hover {
  box-shadow: 0 20px 44px rgba(0, 0, 0, 0.22);
}
.srv-card:hover .srv-card__btn {
  transform: translateY(0);
  opacity: 1;
}

/* Focus */
.srv-card:focus-visible {
  outline: 3px solid #00aaff;
  outline-offset: 3px;
}
.srv-card:hover .srv-card__btn,
.srv-card:focus-visible .srv-card__btn {
  pointer-events: auto;
}

/* Click эффект */
.srv-card:active .srv-card__btn {
  transform: translateY(0) scale(0.96);
}




/* ==== Testimonials Grid ==== */
.tst-grid{padding:60px 20px;background:var(--tst-bg,#f4f5f6)}
.tst-grid__inner{max-width:1240px;margin:0 auto}
.tst-grid__title{
  margin:0 0 30px;text-align:center;
  font-weight:900;font-size:42px;line-height:1.2;color:#111;
}

/* сетка 2 колонки с “ступенькой” */
.tst-grid__list{
  display:grid;gap:34px;
  grid-template-columns:repeat(2,1fr);
}
@media (max-width:900px){ .tst-grid__list{grid-template-columns:1fr} }

/* карточка */
.tst-card{display:flex;flex-direction:column;gap:14px}
.tst-card.is-raised{ transform: translateY(-16px); }
.tst-card.is-lowered{ transform: translateY(16px); }

/* бабл с “хвостиком” */
.tst-card__bubble{
  position:relative;background:#fff;border-radius:16px;
  box-shadow:0 10px 24px rgba(0,0,0,.08);
  padding:20px 22px;
}
.tst-card__bubble:after{
  content:"";position:absolute;left:34px;bottom:-10px;
  border-width:10px 10px 0 10px;border-style:solid;
  border-color:#fff transparent transparent transparent;
  filter: drop-shadow(0 4px 6px rgba(0,0,0,.08));
}

/* текст */
.tst-card__text{
  margin:0;color:#333;font-size:16px;line-height:1.7;white-space:pre-wrap;
}

/* автор */
.tst-card__author{display:flex;align-items:center;gap:12px;padding-left:4px}
.tst-card__avatar{
  width:36px;height:36px;border-radius:50%;overflow:hidden;flex:0 0 36px;
  box-shadow:0 3px 8px rgba(0,0,0,.12)
}
.tst-card__avatar img{width:100%;height:100%;object-fit:cover;display:block}

.tst-card__meta{display:flex;flex-direction:column;line-height:1.2}
.tst-card__name{font-weight:800;color:#111;font-size:14px}
.tst-card__role{font-size:13px;color:#6a6a6a}

/* чуть больше на десктопе */
@media (min-width:1100px){
  .tst-card__text{font-size:17px}
  .tst-card__bubble{padding:22px 24px}
  .tst-card__avatar{width:40px;height:40px;flex-basis:40px}
  .tst-card__name{font-size:15px}
}



/* Layout */
.wb-lead{display:grid;grid-template-columns:1fr 1fr;min-height:520px;background:#f2f2f4}
@media(max-width:940px){.wb-lead{grid-template-columns:1fr}}
.wb-lead__left img{width:100%;height:100%;object-fit:cover}
.wb-lead__right{background:#efeff1;padding:48px;display:flex;flex-direction:column;justify-content:center}
.wb-lead__title{margin:0 0 24px;font-weight:900;font-size:40px}

/* form */
.wb-field{margin-bottom:18px;display:flex;flex-direction:column}
.wb-label{font-size:14px;margin-bottom:6px;color:#555}
.wb-input{height:46px;border:none;border-bottom:1px solid #ccc;background:transparent;font-size:16px;padding:0 6px;outline:none}
.wb-input:focus{border-bottom-color:#8a3bd1}
.wb-error{color:#d22;font-size:13px;margin-top:4px}

/* phone */
.wb-phone{position:relative}
.wb-phone .wb-input{padding-left:90px}
.wb-flag{position:absolute;left:0;bottom:10px;cursor:pointer;font-weight:600}
.wb-country{display:none;position:absolute;left:0;top:100%;background:#fff;border-radius:8px;box-shadow:0 6px 16px rgba(0,0,0,.12);z-index:9}
.wb-country.is-open{display:block}
.wb-country button{display:block;width:160px;padding:8px 12px;background:#fff;border:none;text-align:left;cursor:pointer}
.wb-country button:hover{background:#eee}

/* button */
.wb-btn{margin-top:16px;min-width:160px;height:48px;border:none;border-radius:999px;font-weight:700;
background:linear-gradient(90deg,#9d50bb,#6e48aa);color:#fff;cursor:pointer;transition:.2s}
.wb-btn:hover{opacity:.9}
.wb-btn.is-loading{opacity:.6;pointer-events:none}

/* modal */
.wb-modal{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:99;opacity:0;pointer-events:none;transition:.3s}
.wb-modal.is-open{opacity:1;pointer-events:auto}
.wb-modal__box{background:#fff;border-radius:12px;padding:40px;max-width:400px;text-align:center;box-shadow:0 10px 30px rgba(0,0,0,.2)}
.wb-modal__icon{font-size:40px;color:#28a745;margin-bottom:16px}
.wb-modal__title{margin:0 0 10px;font-size:22px;font-weight:800}
.wb-modal__msg{margin:0 0 20px;font-size:16px;color:#333}
.wb-modal__close{background:#c2185b;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-weight:600}


.site-footer{
    position:relative;
    background-size:cover;
    background-position:center;
    color:#fff;
    text-align:center;
    padding:80px 20px 40px;
  }
  .footer__overlay{
    position:absolute;inset:0;background:rgba(0,0,0,.55);
  }
  .footer__inner{
    position:relative;z-index:1;max-width:900px;margin:0 auto;
  }
  .footer__title{
    font-size:36px;font-weight:800;margin-bottom:20px;
  }
  .footer__desc{
    font-size:18px;line-height:1.5;margin:0 auto 36px;max-width:700px;
  }
  .footer__socials{
    display:flex;justify-content:center;gap:22px;margin-bottom:26px;flex-wrap:wrap;
  }
  .footer__socials a{
    width:52px;height:52px;border-radius:50%;
    background:#fff;color:#111;display:flex;align-items:center;justify-content:center;
    font-size:22px;transition:.25s;
  }
  .footer__socials a:hover{
    background:#d23c83;color:#fff;transform:translateY(-3px);
  }
  .footer__email{font-size:15px;opacity:.85}
  .footer__email a{color:#fff;text-decoration:underline}