/* Глобальные правила для ВСЕХ дизайн-страниц (bzn-design):
   1) фон вьюпорта = фон дизайна (#0f2417) → нет тёмных полос по бокам и резких переходов;
   2) контейнер дизайна fluid (заполняет экран на 100%, кап 1600);
   3) hover-анимации (кнопки/нав/карточки/FAQ). Дизайн на inline-стилях,
      поэтому целимся по атрибутам (rel="sponsored", [style*=...]). */

html:has(body.bzn-design),
body.bzn-design {
  background: #0f2417 !important;
}

/* Логотип: «777» рендерится Playfair как старостильные цифры (низко/мелко) →
   выравниваем по заглавным (lining figures), а бейдж GUIA центрируем с вордмарком. */
body.bzn-design header > div:first-child {
  align-items: center !important;
}
body.bzn-design header > div:first-child > span:first-child {
  font-variant-numeric: lining-nums !important;
  font-feature-settings: "lnum" 1 !important;
}

/* Контейнер дизайна: был width:1240px fixed → тянем на всю ширину, кап 1600, центр. */
body.bzn-design > div[style*="margin:0 auto"] {
  width: 100% !important;
  max-width: 1600px !important;
}

/* Плавные переходы всем интерактивным элементам дизайна */
body.bzn-design a,
body.bzn-design button,
body.bzn-design details,
body.bzn-design summary {
  transition: transform .16s ease, box-shadow .16s ease, filter .16s ease,
              color .16s ease, opacity .16s ease, background-color .16s ease;
}

/* CTA-кнопки (все с rel="nofollow sponsored"): подъём + лёгкое свечение */
body.bzn-design a[rel~="sponsored"]:hover {
  transform: translateY(-2px);
  filter: brightness(1.06) saturate(1.05);
}
body.bzn-design a[rel~="sponsored"]:active {
  transform: translateY(1px);
  filter: brightness(.98);
}

/* Плитки игр (a[rel~=sponsored] с картинкой внутри): чуть выразительнее подъём */
body.bzn-design a[rel~="sponsored"] > div:first-child {
  transition: transform .18s ease, box-shadow .18s ease;
}
body.bzn-design a[rel~="sponsored"]:hover > div:first-child {
  transform: translateY(-4px) scale(1.02);
  box-shadow: 0 14px 32px rgba(0,0,0,.5);
}

/* Навигация в шапке: подсветка при наведении */
body.bzn-design header nav a:hover {
  color: #ffd84d !important;
  opacity: 1;
}

/* FAQ-аккордеон: наведение и раскрытие */
body.bzn-design details:hover {
  border-color: rgba(255,216,77,.45) !important;
}
body.bzn-design details[open] > summary {
  color: #ffd84d !important;
}
body.bzn-design summary:hover {
  color: #ffd84d !important;
}

/* Карточки-контейнеры (pros/cons/method/promoções/ficha): мягкий отклик */
body.bzn-design [style*="border-radius:16px"]:hover,
body.bzn-design [style*="border-radius:14px"]:hover,
body.bzn-design [style*="border-radius:12px"]:hover {
  filter: brightness(1.04);
}

/* Уважать prefers-reduced-motion */
@media (prefers-reduced-motion: reduce) {
  body.bzn-design a,
  body.bzn-design button,
  body.bzn-design details,
  body.bzn-design summary,
  body.bzn-design a[rel~="sponsored"] > div:first-child {
    transition: none;
  }
  body.bzn-design a[rel~="sponsored"]:hover,
  body.bzn-design a[rel~="sponsored"]:hover > div:first-child {
    transform: none;
  }
}

/* ================= МОБИЛЬНАЯ АДАПТАЦИЯ дизайн-страниц =================
   Дизайн на inline-стилях → перекрываем сетки/паддинги/шрифты по [style*=]. */
@media (max-width: 900px) {
  body.bzn-design { overflow-x: hidden !important; }
  body.bzn-design > div[style*="margin:0 auto"] { overflow-x: hidden !important; }

  /* боковые поля секций 32px → 18px */
  body.bzn-design [style*="padding:0 32px 40px"]   { padding: 0 18px 26px !important; }
  body.bzn-design [style*="padding:0 32px 44px"]    { padding: 0 18px 28px !important; }
  body.bzn-design [style*="padding:14px 32px 0"]    { padding: 12px 18px 0 !important; }
  body.bzn-design [style*="padding:15px 32px"]      { padding: 14px 18px !important; }
  body.bzn-design [style*="padding:26px 32px 40px"] { padding: 20px 18px 26px !important; }
  body.bzn-design [style*="padding:28px 32px"]      { padding: 20px 18px !important; }
  body.bzn-design [style*="padding:52px 32px 40px"] { padding: 30px 18px 26px !important; }
  body.bzn-design [style*="padding:8px 32px 40px"]  { padding: 6px 18px 26px !important; }
  body.bzn-design [style*="margin:0 32px 40px"]     { margin: 0 18px 26px !important; }

  /* hero и 2-3-колоночные блоки → 1 колонка */
  body.bzn-design [style*="grid-template-columns:1.1fr .9fr"],
  body.bzn-design [style*="grid-template-columns:1.05fr .95fr"],
  body.bzn-design [style*="grid-template-columns:1fr 1fr"],
  body.bzn-design [style*="grid-template-columns:repeat(3,1fr)"],
  body.bzn-design [style*="grid-template-columns:auto 1fr auto"],
  body.bzn-design [style*="grid-template-columns:320px 1fr"] {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }
  /* игры и шаги → 2 колонки */
  body.bzn-design [style*="grid-template-columns:repeat(6,1fr)"],
  body.bzn-design [style*="grid-template-columns:repeat(4,1fr)"] {
    grid-template-columns: repeat(2,1fr) !important;
  }

  /* крупные заголовки */
  body.bzn-design [style*="font:900 46px"] { font-size: 30px !important; }
  body.bzn-design [style*="font:900 40px"] { font-size: 28px !important; }
  body.bzn-design [style*="font:900 38px"] { font-size: 27px !important; }

  /* шапка: лого + CTA в ряд, меню на всю ширину ниже */
  body.bzn-design header {
    flex-wrap: wrap !important;
    gap: 10px 16px !important;
    padding: 12px 18px !important;
  }
  body.bzn-design header > a[rel~="sponsored"] {
    margin-left: auto !important;
    padding: 9px 18px !important;
    font-size: 12px !important;
  }
  body.bzn-design header nav {
    order: 3 !important;
    width: 100% !important;
    gap: 14px !important;
    row-gap: 8px !important;
  }
}

@media (max-width: 520px) {
  body.bzn-design [style*="font:900 46px"] { font-size: 25px !important; }
  body.bzn-design [style*="font:900 40px"] { font-size: 24px !important; }
  body.bzn-design [style*="font:900 38px"] { font-size: 23px !important; }
  /* ficha técnica: узкий лейбл вместо 180/160px */
  body.bzn-design [style*="grid-template-columns:180px 1fr"],
  body.bzn-design [style*="grid-template-columns:160px 1fr"] {
    grid-template-columns: 42% 1fr !important;
  }
  /* статы-карточки не распирают */
  body.bzn-design [style*="min-width:170px"] { min-width: 0 !important; flex: 1 1 44% !important; }
}