/* Фон-картинка + существующий яркий градиент для секции comparatif */
    .av-comp-bg{
      /* слой 1: ваш зелёный градиент, слой 2: фото */
      background-image:
      linear-gradient(135deg, var(--av-band1-from) 0%, var(--av-band1-mid) 48%, var(--av-band1-to) 100%),
      url('images/comparatif-bg.jpg');
      background-size: cover, cover;
      background-position: center, center;
      background-repeat: no-repeat, no-repeat;
      /* фиксируем фото, градиент остаётся прокручиваемым */
      background-attachment: scroll, fixed;
    }

    :root{
      /* Светлая тема с зелёными акцентами */
      --av-ink:#0f1220;          /* основной текст */
      --av-muted:#60677b;        /* вторичный текст */
      --av-bg:#f4f7fb;           /* общий градиент фона */
      --av-bg-2:#eaf0f7;
      --av-surface:#ffffff;      /* карточки/белый */
      --av-ring:rgba(15,18,32,.08);
      --av-brand:#1aa84b;        /* Unibet */
      --av-brand-2:#00c76b;
      --av-warn:#ffb020;
      --av-star:#f4c419;
      --av-soft:#eef3f9;

      /* ЯРКИЕ, СПЛОШНЫЕ ГРАДИЕНТЫ ДЛЯ ЦВЕТНЫХ СЕКЦИЙ */
      --av-band1-from:#00c853; /* изумрудный */
      --av-band1-mid:#00e676;  /* лаймовый */
      --av-band1-to:#1de9b6;   /* бирюзовый */

      --av-band2-from:#ff8f00; /* янтарный */
      --av-band2-mid:#ff5252;  /* кораллово-красный */
      --av-band2-to:#ff3d00;   /* огненно-оранжевый */

      /* Тёмный подвал */
      --av-footer:#0b0e17;
      --av-footer-ink:#cbd2e6;
      --av-footer-line:rgba(255,255,255,.08);
    }
    html{font-size:16px}
    body{
      font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
      color:var(--av-ink);
      background:
      radial-gradient(900px 380px at 110% -10%, rgba(26,168,75,.08), transparent 60%),
      radial-gradient(820px 380px at -10% 0%, rgba(0,199,107,.08), transparent 60%),
      linear-gradient(180deg, var(--av-bg) 0%, var(--av-bg-2) 100%);
      min-height:100vh;
    }

    /* Брэнд/кнопки/карточки */
    .av-brand{font-family: Outfit, Inter, sans-serif; letter-spacing:.2px}
    .av-btn{
      border:none;border-radius:999px;font-weight:800;letter-spacing:.2px;
      background:linear-gradient(90deg, var(--av-brand), var(--av-brand-2));
      color:#062313; transition: transform .15s ease, filter .15s ease;
    }
    .av-btn:hover{transform: translateY(-1px); filter:brightness(1.03)}
    .av-ghost{
      border:1px solid rgba(15,18,32,.12);
      background:#fff; color:var(--av-ink); border-radius:999px;
    }
    .av-ghost:hover{background:#f8fafc}
    .av-card{
      background:var(--av-surface); color:var(--av-ink);
      border:1px solid var(--av-ring); border-radius:1rem;
      box-shadow:0 10px 30px rgba(0,0,0,.06);
    }
    .av-badge{
      display:inline-grid;place-items:center; width:44px;height:44px;border-radius:12px;
      background: radial-gradient(60% 60% at 30% 20%, var(--av-brand) 0 40%, #0ea75a 60%, #08733e 100%);
      color:#eafff4;font-weight:900
    }
    .av-chip{display:inline-flex;align-items:center;gap:.5rem;border-radius:999px;padding:.4rem .9rem;font-weight:800;background:#fff;border:1px solid rgba(12,15,28,.08)}

    /* Цветные/белые полосы секций */
    .av-band{
      background: linear-gradient(135deg, var(--av-band1-from) 0%, var(--av-band1-mid) 48%, var(--av-band1-to) 100%);
    }
    .av-band-alt{
      background: linear-gradient(135deg, var(--av-band2-from) 0%, var(--av-band2-mid) 52%, var(--av-band2-to) 100%);
    }
    .av-plain{ background:#ffffff; }

    /* Hero: фикс-фон + лёгкий тёплый (оранжево-красный) градиент-тон */
    .av-hero{
      position:relative; isolation:isolate;
      background-image:
      linear-gradient(180deg,#ffe1d6 0%, #ffd4da 100%),
      url('images/hero-athlevox.jpg');
      background-size: cover, cover;
      background-position: center, center;
      background-attachment: fixed, fixed; /* фон-картинка фиксированная */
      background-blend-mode: multiply;     /* лёгкий тёплый оттенок */
      color: #fff;
    }

    /* Дисклеймер — внутренняя карточка остаётся светлой */
    .av-disclaimer{background:linear-gradient(135deg,#fffaf0,#fff2e6);color:#1b2233;border:2px solid rgba(255,176,32,.35);border-radius:1rem}
    .av-disclaimer h2{color:#a2620c;font-weight:800;text-transform:uppercase}
    .av-phone{display:flex;align-items:center;gap:.6rem;padding:.75rem .9rem;border-radius:.8rem;background:#fff2; border:1px solid rgba(255,176,32,.35)}
    .av-phone i{color:#e19c0b}

    /* Фон-картинка для секции дисклеймера (без прозрачности), фиксированная */
    .av-disc-bg{
      background-image: url('images/exclusion-bg.jpg');
      background-size: cover;
      background-position: center;
      background-attachment: fixed;
    }

    /* Внутренние элементы */
    .av-media{display:flex;gap:.75rem;align-items:flex-start;min-width:260px;padding:.9rem 1rem;border:1px dashed rgba(15,18,32,.15);border-radius:.8rem;background:#fff}
    .av-media i{font-size:1.25rem;color:var(--av-brand)}
    .av-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.45rem .8rem;border-radius:999px;background:var(--av-soft);border:1px solid rgba(15,18,32,.06)}
    .av-metric{display:flex;flex-direction:column;gap:.15rem;padding:1rem;border-radius:.8rem;background:#fff;border:1px solid rgba(15,18,32,.08);text-align:center}
    .av-metric .k{font-weight:800;color:var(--av-brand);font-size:1.25rem}
    .av-list-step{position:relative;padding-left:2rem}
    .av-list-step::before{content:attr(data-step);position:absolute;left:0;top:.1rem;width:1.3rem;height:1.3rem;border-radius:.4rem;background:linear-gradient(135deg,var(--av-brand),var(--av-brand-2));color:#fff;display:grid;place-items:center;font-weight:800;font-size:.8rem}

    /* FAQ */
    .av-faq .card{border:1px solid rgba(15,18,32,.08);border-radius:.9rem}

    /* Footer (тёмный) */
    .av-footer{background:var(--av-footer); color:var(--av-footer-ink); border-top:1px solid var(--av-footer-line);}
    .av-footer a{color:#96f7c8; text-decoration:none}
    .av-footer a:hover{color:#b7ffdb; text-decoration:underline}

    /* Cookie banner (без localStorage) */
    .av-cookie{
      position:fixed; left:0; right:0; bottom:0; z-index:1080;
      background:#0b0e17; color:#fff; border-top:1px solid rgba(255,255,255,.12);
    }
    /* Делает логотипы тёмными через filter */
    .av-icon-dark img{
      filter: brightness(0) saturate(100%) contrast(115%);
      opacity: .85;
      transition: filter .2s ease, opacity .2s ease;
    }
    .av-icon-dark img:hover{
      opacity: 1;
      filter: brightness(0) saturate(100%) contrast(140%);
    }
    /* обновляем базовый блок: убираем фиксированную ширину для переноса */
    .av-media{
      display:flex; gap:.75rem; align-items:flex-start;
      min-width: initial;            /* было: 260px */
      width:100%;
      padding:.95rem 1rem;
      border-radius:.9rem;
      border:1px solid rgba(15,18,32,.06);
      background:#fff;
      box-shadow:0 8px 20px rgba(0,0,0,.06);
    }

    /* цветные версии карточек */
    .av-media--emerald{
      background: linear-gradient(135deg,#00c853 0%, #00e676 50%, #1de9b6 100%);
      color:#fff; border:none;
    }
    .av-media--pink{
      background: linear-gradient(135deg,#ff3f72 0%, #ff6b2c 100%);
      color:#fff; border:none;
    }
    .av-media--orange{
      background: linear-gradient(135deg,#ffb300 0%, #ff6f00 100%);
      color:#fff; border:none;
    }
    .av-media--indigo{
      background: linear-gradient(135deg,#5b7cff 0%, #7a5bff 100%);
      color:#fff; border:none;
    }

    /* белые иконки на цветных карточках */
    .av-media--emerald i,
    .av-media--pink i,
    .av-media--orange i,
    .av-media--indigo i{
      color:#fff !important;
      text-shadow:0 1px 0 rgba(0,0,0,.15);
    }
/* Выделенные карточки FAQ */
.faq-card{
  position:relative; border:1px solid rgba(15,18,32,.08);
  border-radius:1rem; background:#fff; box-shadow:0 12px 28px rgba(0,0,0,.08);
  overflow:hidden;
}
/* Цветная вертикальная полоса слева — разная для каждого блока */
.av-faq > .col-md-6:nth-child(1) .faq-card::before,
.av-faq > .col-12:nth-child(1) .faq-card::before{
  content:""; position:absolute; inset:0 auto 0 0; width:8px;
  background:linear-gradient(180deg,#00c853 0%, #1de9b6 100%);
}
.av-faq > .col-md-6:nth-child(2) .faq-card::before,
.av-faq > .col-12:nth-child(2) .faq-card::before{
  content:""; position:absolute; inset:0 auto 0 0; width:8px;
  background:linear-gradient(180deg,#ff3f72 0%, #ff6b2c 100%);
}
.av-faq > .col-md-6:nth-child(3) .faq-card::before,
.av-faq > .col-12:nth-child(3) .faq-card::before{
  content:""; position:absolute; inset:0 auto 0 0; width:8px;
  background:linear-gradient(180deg,#ffb300 0%, #ff6f00 100%);
}
.av-faq > .col-md-6:nth-child(4) .faq-card::before,
.av-faq > .col-12:nth-child(4) .faq-card::before{
  content:""; position:absolute; inset:0 auto 0 0; width:8px;
  background:linear-gradient(180deg,#5b7cff 0%, #7a5bff 100%);
}

/* Заголовок-кнопка FAQ */
.faq-btn{
  display:flex; align-items:center; gap:.6rem; width:100%;
  padding:1rem 1.1rem; font-weight:700; color:#0f1220;
  background:linear-gradient(90deg,#f7fff9 0%, #fff 40%, #fff 100%);
  border:0; border-radius:0;
}
.faq-icon{
  width:36px; height:36px; border-radius:.75rem; flex:0 0 auto;
  display:grid; place-items:center; color:#fff;
  background:linear-gradient(135deg,var(--av-brand),var(--av-brand-2));
}
.faq-btn .chev{ margin-left:auto; transition:transform .2s }
.faq-btn[aria-expanded="true"] .chev{ transform:rotate(180deg) }

/* Контент внутри */
.faq-body{ border-top:1px dashed rgba(15,18,32,.15) }