/* ═══════════════════════════════════════════════════════════════
   НОВОГОДНИЙ МИЛЛИАРД 2026 - ПОЛНЫЕ СТИЛИ
   Шрифт: Inter | Цвета: Оранжево-желтый фон, зеленые карточки, красная кнопка
   ═══════════════════════════════════════════════════════════════ */

/* ───────────────────────────────────────────────────────────────
   1. CSS-ПЕРЕМЕННЫЕ
   ─────────────────────────────────────────────────────────────── */

:root {
  /* Фоновые градиенты - ОРАНЖЕВО-ЖЕЛТЫЕ */
  --bg-orange-dark: #ff7a1f;
  --bg-orange-medium: #ff9d3d;
  --bg-yellow-bright: #ffcc5c;
  --bg-yellow-light: #ffe8a0;

  /* ЗЕЛЕНЫЕ для карточек */
  --green-dark: #1b4d2c;
  --green-medium: #2a5d3a;
  --green-light: #3a7548;

  /* КРАСНЫЙ для кнопки */
  --red-bright: #dc2626;
  --red-dark: #b91c1c;

  /* Золотые оттенки */
  --gold-light: #ffdb9d;
  --gold-medium: #ffc97a;
  --gold-rich: #ffb85c;

  /* Оранжевые для текста/элементов */
  --orange-bright: #ff9d3d;
  --orange-burnt: #e8833a;
  --orange-deep: #d67338;

  /* Светлые тона */
  --pure-white: #fffef8;
  --ivory-light: #fff4e0;
  --beige-soft: #ffe8c8;

  /* Темный текст */
  --text-dark: #2a1810;
  --text-darker: #1a0f0a;

  /* Типографика */
  --text-primary: #fffef8;
  --text-secondary: #2a1810;

  /* Шрифт */
  --font-primary: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;
}

/* ───────────────────────────────────────────────────────────────
   2. ГЛОБАЛЬНЫЕ СБРОСЫ И БАЗОВЫЕ СТИЛИ
   ─────────────────────────────────────────────────────────────── */

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}

body {
  font-family: var(--font-primary);
  background: radial-gradient(circle at 15% 25%, #ffcc5c 0%, transparent 40%),
    radial-gradient(circle at 85% 75%, #ffb84d 0%, transparent 45%),
    radial-gradient(circle at 50% 50%, #ffa347 0%, transparent 60%),
    linear-gradient(135deg, #ff7a1f 0%, #ff9d3d 50%, #ffcc5c 100%);
  color: var(--text-primary);
  line-height: 1.6;
  overflow-x: hidden;
  position: relative;
  min-height: 100vh;
}

body::before {
  content: "";
  position: fixed;
  top: -20%;
  left: -10%;
  width: 60%;
  height: 80%;
  background: radial-gradient(
    ellipse at center,
    rgba(255, 232, 160, 0.3) 0%,
    transparent 60%
  );
  filter: blur(80px);
  z-index: -1;
  pointer-events: none;
  animation: glow-drift 15s ease-in-out infinite;
}

body::after {
  content: "";
  position: fixed;
  bottom: -15%;
  right: -8%;
  width: 50%;
  height: 70%;
  background: radial-gradient(
    ellipse at center,
    rgba(255, 184, 77, 0.25) 0%,
    transparent 65%
  );
  filter: blur(70px);
  z-index: -1;
  pointer-events: none;
  animation: glow-drift 18s ease-in-out infinite reverse;
}

@keyframes glow-drift {
  0%,
  100% {
    transform: translate(0, 0) scale(1);
    opacity: 1;
  }
  50% {
    transform: translate(30px, -40px) scale(1.1);
    opacity: 0.8;
  }
}

.wrapper {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 20px;
}

/* ═══════════════════════════════════════════════════════════════
   НАЧАЛО СЕКЦИИ: HEADER (ШАПКА САЙТА)
   ═══════════════════════════════════════════════════════════════ */

.top-bar {
  padding: 24px 0;
  background: linear-gradient(
    145deg,
    rgba(255, 184, 77, 0.25) 0%,
    rgba(255, 157, 61, 0.3) 100%
  );
  border-bottom: 1px solid rgba(255, 232, 160, 0.25);
  backdrop-filter: blur(12px);
  position: relative;
  z-index: 1000;
  box-shadow: 0 4px 20px rgba(255, 122, 31, 0.2);
}

.top-bar-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  gap: 20px;
}

/* Левый блок: Логотип Столото (зеленая вогнутая карточка) */

.brand-zone {
  flex: 1 1 33%;
}

.brand-identity,
.authority-zone {
  display: flex;
  align-items: center;
  gap: 16px;
  background: linear-gradient(145deg, #2a5d3a, #1b4d2c);
  padding: 22px 32px;
  border-radius: 24px;
  position: relative;
  overflow: visible;
  height: 100%;

  box-shadow: inset 0 0 0 3px rgba(0, 0, 0, 0.6), 2px 2px 4px rgba(0, 0, 0, 0.4);

  border-top: 2px solid rgba(80, 140, 100, 0.6);
  border-left: 2px solid rgba(80, 140, 100, 0.5);
  border-right: 2px solid rgba(0, 0, 0, 0.9);
  border-bottom: 2px solid rgba(0, 0, 0, 0.95);

  transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}

.brand-identity::before,
.authority-zone::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
      135deg,
      rgba(80, 140, 100, 0.15) 0%,
      transparent 30%
    ),
    linear-gradient(225deg, transparent 70%, rgba(0, 0, 0, 0.4) 100%);
  border-radius: 24px;
  pointer-events: none;
}

.brand-identity::after,
.authority-zone::after {
  content: "";
  position: absolute;
  top: 4px;
  left: 4px;
  right: 4px;
  bottom: 4px;
  border-radius: 20px;
  box-shadow: inset 3px 3px 8px rgba(0, 0, 0, 0.6),
    inset -2px -2px 6px rgba(80, 140, 100, 0.1);
  pointer-events: none;
}

.brand-identity:hover,
.authority-zone:hover {
  transform: translateY(2px);
  box-shadow: inset 0 0 0 3px rgba(0, 0, 0, 0.5), 1px 1px 2px rgba(0, 0, 0, 0.3),
    0 0 20px rgba(100, 180, 120, 0.05);
  border-top-color: rgba(80, 140, 100, 0.7);
  border-left-color: rgba(80, 140, 100, 0.6);
}

.brand-logo {
  height: 50px;
  width: auto;
  filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.2));
  position: relative;
  z-index: 1;
  flex-shrink: 0;
}

.brand-caption {
  display: flex;
  flex-direction: column;
  gap: 4px;
  position: relative;
  z-index: 1;
}

.caption-tag {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.75);
  font-weight: 500;
  line-height: 1.3;
}

.caption-title {
  font-size: 17px;
  font-weight: 800;
  color: #ffffff;
  line-height: 1.2;
}

/* Центральный блок: Герб + Организаторы (зеленая карточка) */

.authority-zone {
  flex: 1 1 33%;
  justify-content: center;
  gap: 18px;
}

.emblem-icon {
  width: 50px;
  height: 50px;
  filter: grayscale(1) brightness(1.8)
    drop-shadow(0 0 8px rgba(255, 255, 255, 0.3));
  position: relative;
  z-index: 1;
  flex-shrink: 0;
}

.authority-details {
  display: flex;
  flex-direction: column;
  gap: 4px;
  position: relative;
  z-index: 1;
}

.authority-tag {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.75);
  font-weight: 500;
  line-height: 1.3;
}

.authority-list {
  font-size: 19px;
  font-weight: 800;
  color: #ffffff;
  line-height: 1.2;
}

/* Правый блок: CTA-кнопка (красная вогнутая) */

.action-zone {
  flex: 1 1 33%;
}

.primary-action-btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 22px 40px;
  border-radius: 24px;
  text-decoration: none;
  position: relative;
  overflow: visible;
  height: 100%;

  background: linear-gradient(145deg, #dc2626, #b91c1c);
  color: #ffffff;
  font-weight: 800;

  box-shadow: inset 0 0 0 3px rgba(0, 0, 0, 0.6), 2px 2px 4px rgba(0, 0, 0, 0.4);

  border-top: 2px solid rgba(255, 120, 120, 0.7);
  border-left: 2px solid rgba(255, 120, 120, 0.6);
  border-right: 2px solid rgba(100, 15, 15, 0.9);
  border-bottom: 2px solid rgba(100, 15, 15, 0.95);

  transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}

.primary-action-btn::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
      135deg,
      rgba(255, 120, 120, 0.15) 0%,
      transparent 30%
    ),
    linear-gradient(225deg, transparent 70%, rgba(0, 0, 0, 0.4) 100%);
  border-radius: 24px;
  pointer-events: none;
}

.primary-action-btn::after {
  content: "";
  position: absolute;
  top: 4px;
  left: 4px;
  right: 4px;
  bottom: 4px;
  border-radius: 20px;
  box-shadow: inset 3px 3px 8px rgba(0, 0, 0, 0.6),
    inset -2px -2px 6px rgba(255, 100, 100, 0.1);
  pointer-events: none;
}

.primary-action-btn:hover {
  transform: translateY(2px);
  box-shadow: inset 0 0 0 3px rgba(0, 0, 0, 0.5), 1px 1px 2px rgba(0, 0, 0, 0.3),
    0 0 20px rgba(220, 38, 38, 0.1);
  border-top-color: rgba(255, 120, 120, 0.8);
  border-left-color: rgba(255, 120, 120, 0.7);
}

.action-label {
  font-size: 20px;
  font-weight: 800;
  color: #ffffff;
  line-height: 1.2;
  position: relative;
  z-index: 1;
}

.action-hint {
  font-size: 16px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.9);
  margin-top: 4px;
  position: relative;
  z-index: 1;
  line-height: 1.3;
}

/* Адаптивность HEADER для мобильных устройств */

@media (max-width: 968px) {
  .top-bar-wrapper {
    flex-wrap: wrap;
    justify-content: center;
    gap: 16px;
  }

  .brand-zone,
  .authority-zone,
  .action-zone {
    flex: 1 1 100%;
    max-width: 600px;
  }

  .brand-identity,
  .authority-zone,
  .primary-action-btn {
    padding: 20px 28px;
  }
}

@media (max-width: 640px) {
  .brand-identity,
  .authority-zone,
  .primary-action-btn {
    padding: 18px 24px;
  }

  .action-label {
    font-size: 18px;
  }

  .action-hint {
    font-size: 14px;
  }

  .caption-tag,
  .authority-tag {
    font-size: 13px;
  }

  .caption-title,
  .authority-list {
    font-size: 16px;
  }

  .brand-logo,
  .emblem-icon {
    width: 44px;
    height: 44px;
  }
}

/* ═══════════════════════════════════════════════════════════════
   КОНЕЦ СЕКЦИИ: HEADER (ШАПКА САЙТА)
   ═══════════════════════════════════════════════════════════════ */
/* ═══════════════════════════════════════════════════════════════
   НАЧАЛО СЕКЦИИ: НАВИГАЦИОННОЕ МЕНЮ (ФИНАЛЬНАЯ ИСПРАВЛЕННАЯ ВЕРСИЯ)
   ═══════════════════════════════════════════════════════════════ */

/* --- 1. ОСНОВНАЯ ПАНЕЛЬ НАВИГАЦИИ --- */
.main-navigation {
  background: linear-gradient(135deg, #a8542e 0%, #8b3d1f 100%);
  border-bottom: 2px solid rgba(0, 0, 0, 0.3);
  padding: 10px 0;
  position: sticky;
  top: 0;
  z-index: 900;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

.nav-wrapper {
  padding: 0;
  position: relative;
}

/* --- 2. ДЕСКТОПНАЯ ВЕРСИЯ МЕНЮ (> 1536px) --- */
.nav-menu {
  display: flex;
  justify-content: center;
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 0;
  gap: 8px;
}

.nav-menu-list {
  display: contents;
}

.nav-item {
  flex: 0 0 auto;
}

/* ЯРКО ВЫПУКЛЫЕ ПЛАШКИ МЕНЮ */
.nav-link {
  display: block;
  padding: 14px 18px;
  font-size: 14px;
  font-weight: 700;
  color: #ffffff;
  text-decoration: none;
  text-align: center;
  border-radius: 14px;
  white-space: nowrap;
  position: relative;
  background: linear-gradient(145deg, #c96a32, #a8542e);
  border-top: 2.5px solid rgba(255, 180, 120, 0.8);
  border-left: 2.5px solid rgba(255, 180, 120, 0.7);
  border-right: 2.5px solid rgba(80, 30, 10, 0.9);
  border-bottom: 2.5px solid rgba(60, 20, 5, 1);
  box-shadow: 0 6px 0 rgba(80, 30, 10, 0.6), 0 8px 12px rgba(0, 0, 0, 0.4),
    inset 0 1px 0 rgba(255, 200, 150, 0.5), inset 0 -1px 2px rgba(0, 0, 0, 0.3);
  transition: all 0.15s ease;
}

.nav-link::before {
  content: "";
  position: absolute;
  top: 2px;
  left: 8px;
  right: 8px;
  height: 40%;
  background: linear-gradient(to bottom, rgba(255, 220, 180, 0.4) 0%, transparent 100%);
  border-radius: 10px 10px 0 0;
  pointer-events: none;
}

.nav-link:hover {
  transform: translateY(-3px);
  background: linear-gradient(145deg, #d87538, #b85a28);
  box-shadow: 0 8px 0 rgba(80, 30, 10, 0.7), 0 12px 16px rgba(0, 0, 0, 0.5),
    inset 0 1px 0 rgba(255, 220, 170, 0.6), inset 0 -1px 2px rgba(0, 0, 0, 0.2);
}

.nav-link:active {
  transform: translateY(2px);
  box-shadow: 0 2px 0 rgba(80, 30, 10, 0.5), 0 4px 6px rgba(0, 0, 0, 0.3),
    inset 0 2px 4px rgba(0, 0, 0, 0.4);
}

/* --- 3. ВЫПАДАЮЩЕЕ МЕНЮ (ТОЛЬКО ДЛЯ ДЕСКТОПА) --- */
.nav-item.has-dropdown {
  position: relative;
}

.nav-item.has-dropdown > a.nav-link::after {
  content: ' ▼';
  font-size: 10px;
  margin-left: 5px;
}

.dropdown-menu {
  display: none;
  position: absolute;
  top: calc(100% + 5px);
  left: 50%;
  transform: translateX(-50%);
  min-width: 250px;
  background: #a8542e;
  border-radius: 14px;
  padding: 8px;
  list-style: none;
  z-index: 1000;
  border: 2.5px solid rgba(80, 30, 10, 0.9);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.5);
}

.nav-item.has-dropdown:hover .dropdown-menu {
  display: block;
}

.dropdown-menu .nav-item {
  width: 100%;
}
.dropdown-menu .nav-item:not(:last-child) {
  margin-bottom: 6px;
}

/* --- 4. СКРЫТИЕ МОБИЛЬНЫХ ЭЛЕМЕНТОВ НА ДЕСКТОПЕ --- */
.hamburger-btn,
.menu-title,
.menu-cta-container {
  display: none;
}


/* ═══════════════════════════════════════════════════════════════
   МОБИЛЬНАЯ ВЕРСИЯ (ПЛАНШЕТЫ И ТЕЛЕФОНЫ <= 1536px)
   ═══════════════════════════════════════════════════════════════ */
@media (max-width: 1536px) {
  /* Скрываем десктопное меню */
  .main-navigation .nav-menu-list {
    display: none;
  }
  
  /* Прячем саму панель навигации */
  .main-navigation {
    background: transparent;
    border: none;
    box-shadow: none;
    padding: 0;
  }

  /* Показываем кнопку-гамбургер */
  .hamburger-btn {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    background: linear-gradient(145deg, #ffd700, #ffa500);
    border: none;
    border-radius: 50%;
    cursor: pointer;
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 3000;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
  }
  .hamburger-line {
      width: 30px;
      height: 4px;
      background: #1a0f0a;
      border-radius: 2px;
      margin: 3px 0;
      transition: all 0.3s ease;
  }
  .hamburger-btn.active .hamburger-line:nth-child(1) { transform: translateY(10px) rotate(45deg); }
  .hamburger-btn.active .hamburger-line:nth-child(2) { opacity: 0; }
  .hamburger-btn.active .hamburger-line:nth-child(3) { transform: translateY(-10px) rotate(-45deg); }

  /* Полноэкранное меню */
  .nav-menu {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, #a8542e 0%, #8b3d1f 100%);
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 0;
    padding: 0;
    z-index: 2500;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease;
    overflow-y: auto;
  }
  .nav-menu.active {
    opacity: 1;
    visibility: visible;
  }
  
  .menu-title, .menu-cta-container {
      display: block;
      list-style: none;
  }
  
  .menu-title {
    padding: 80px 20px 30px;
    font-size: 28px;
    font-weight: 900;
    color: #ffffff;
    text-align: center;
  }
  
  /* Показываем основной список ссылок */
  .nav-menu.active .nav-menu-list {
    display: flex;
    flex-direction: column;
    list-style: none;
    padding: 0 20px;
    gap: 16px;
    width: 100%;
    max-width: 400px;
  }
  
  /* **ИСПРАВЛЕННАЯ ЛОГИКА ДЛЯ МОБИЛЬНОЙ ВЕРСИИ** */
  /* 1. Превращаем выпадающий список в обычный блок */
  .nav-menu.active .dropdown-menu {
    display: flex; /* Используем flex для применения gap */
    flex-direction: column;
    gap: 16px; /* **ВОТ ИСПРАВЛЕНИЕ РАССТОЯНИЯ** */
    position: static;
    transform: none;
    background: none;
    border: none;
    box-shadow: none;
    padding: 0;
    margin-top: 16px;
    min-width: 100%;
    list-style: none;
  }
  /* 2. Родительский пункт "Подарочные наборы" ВИДЕН */
  .nav-menu.active .has-dropdown > a.nav-link {
      display: block;
  }
  /* 3. Убираем стрелку у родительского пункта */
  .nav-menu.active .has-dropdown > a.nav-link::after {
      display: none;
  }
  
  .nav-item { width: 100%; }
  
  /* Стили кнопок в мобильном меню */
  .nav-link {
    width: 100%;
    padding: 20px;
    font-size: 18px;
    background: linear-gradient(145deg, #c96a32, #a8542e);
    border-top: 2.5px solid rgba(255, 180, 120, 0.8);
    border-left: 2.5px solid rgba(255, 180, 120, 0.7);
    border-right: 2.5px solid rgba(80, 30, 10, 0.9);
    border-bottom: 2.5px solid rgba(60, 20, 5, 1);
    box-shadow: 0 6px 0 rgba(80, 30, 10, 0.6), 0 8px 12px rgba(0, 0, 0, 0.4),
      inset 0 1px 0 rgba(255, 200, 150, 0.5), inset 0 -1px 2px rgba(0, 0, 0, 0.3);
  }
  
  /* Кнопка "Купить" */
  .menu-cta-container {
    width: 100%;
    max-width: 400px;
    padding: 30px 20px 40px;
  }
  
  /* **ИСПРАВЛЕННЫЙ СТИЛЬ КНОПКИ** */
  .menu-cta-btn {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 22px 40px;
    border-radius: 24px;
    text-decoration: none;
    position: relative;
    overflow: visible;
    height: 100%;
    background: linear-gradient(145deg, #dc2626, #b91c1c);
    color: #ffffff;
    font-size: 19px;
    font-weight: 800;
    box-shadow: inset 0 0 0 3px rgba(0, 0, 0, 0.6), 2px 2px 4px rgba(0, 0, 0, 0.4);
    border-top: 2px solid rgba(255, 120, 120, 0.7);
    border-left: 2px solid rgba(255, 120, 120, 0.6);
    border-right: 2px solid rgba(100, 15, 15, 0.9);
    border-bottom: 2px solid rgba(100, 15, 15, 0.95);
    transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  }
  .menu-cta-btn::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, rgba(255, 120, 120, 0.15) 0%, transparent 30%),
      linear-gradient(225deg, transparent 70%, rgba(0, 0, 0, 0.4) 100%);
    border-radius: 24px;
    pointer-events: none;
  }
  .menu-cta-btn::after {
    content: "";
    position: absolute;
    top: 4px;
    left: 4px;
    right: 4px;
    bottom: 4px;
    border-radius: 20px;
    box-shadow: inset 3px 3px 8px rgba(0, 0, 0, 0.6),
      inset -2px -2px 6px rgba(255, 100, 100, 0.1);
    pointer-events: none;
  }
  .menu-cta-btn:hover {
    transform: translateY(2px);
    box-shadow: inset 0 0 0 3px rgba(0, 0, 0, 0.5), 1px 1px 2px rgba(0, 0, 0, 0.3);
  }
}

/* ═══════════════════════════════════════════════════════════════
   КОНЕЦ СЕКЦИИ: НАВИГАЦИОННОЕ МЕНЮ
   ═══════════════════════════════════════════════════════════════ */
/* ═══════════════════════════════════════════════════════════════
   НАЧАЛО СЕКЦИИ: HERO (ГЛАВНЫЙ ЭКРАН)
   ═══════════════════════════════════════════════════════════════ */

.spotlight-area {
  padding: 80px 0;
  position: relative;
  overflow: hidden;
}

.spotlight-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 60px;
}

/* Левая часть: СТАТИЧНЫЙ Логотип (без анимации) */

.spotlight-visual {
  flex: 0 0 45%;
  position: relative;
  z-index: 5;
}

.logo-float-container {
  position: relative;
}

.hero-logo-image {
  width: 100%;
  max-width: 450px;
  height: auto;
}

/* Правая часть: Контент */

.spotlight-content {
  flex: 0 0 50%;
  max-width: 650px;
}

/* Заголовок - ВОЗДУШНЫЙ (без плашки) */

.mega-headline {
  font-size: clamp(2.5rem, 6vw, 3.5rem);
  font-weight: 900;
  line-height: 1.15;
  margin-bottom: 32px;
  letter-spacing: 0.02em;
}

.headline-part {
  display: block;
  color: #2a5d3a;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
}

.headline-golden {
  color: #ffffff;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

/* ЗЕЛЁНАЯ ПЛАШКА с описанием */

.intro-details {
  margin-bottom: 40px;

  background: linear-gradient(145deg, #2a5d3a, #1b4d2c);
  padding: 28px 36px;
  border-radius: 24px;
  position: relative;
  overflow: visible;

  box-shadow: inset 0 0 0 3px rgba(0, 0, 0, 0.6), 2px 2px 4px rgba(0, 0, 0, 0.4);

  border-top: 2px solid rgba(80, 140, 100, 0.6);
  border-left: 2px solid rgba(80, 140, 100, 0.5);
  border-right: 2px solid rgba(0, 0, 0, 0.9);
  border-bottom: 2px solid rgba(0, 0, 0, 0.95);
}

.intro-details::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
      135deg,
      rgba(80, 140, 100, 0.15) 0%,
      transparent 30%
    ),
    linear-gradient(225deg, transparent 70%, rgba(0, 0, 0, 0.4) 100%);
  border-radius: 24px;
  pointer-events: none;
}

.intro-details::after {
  content: "";
  position: absolute;
  top: 4px;
  left: 4px;
  right: 4px;
  bottom: 4px;
  border-radius: 20px;
  box-shadow: inset 3px 3px 8px rgba(0, 0, 0, 0.6),
    inset -2px -2px 6px rgba(80, 140, 100, 0.1);
  pointer-events: none;
}

/* БЕЛЫЙ текст внутри плашки */

.details-row,
.deadline-note {
  font-size: 18px;
  line-height: 1.7;
  color: #ffffff;
  margin-bottom: 20px;
  font-weight: 600;
  position: relative;
  z-index: 1;
}

.details-row:last-child,
.deadline-note:last-child {
  margin-bottom: 0;
}

.accent-number,
.accent-date {
  font-weight: 800;
  color: #ffffff;
}

.jackpot-sum {
  font-size: 24px;
  font-weight: 900;
  color: #ffffff;
}

/* ЗОЛОТАЯ ссылка на Столото */

.stoloto-link {
  color: #ffcc5c;
  font-weight: 800;
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-thickness: 2px;
  text-decoration-color: #ffb85c;
  position: relative;
  transition: all 0.3s ease;
  z-index: 1;
}

.stoloto-link:hover {
  color: #ffe8a0;
  text-decoration-color: #ffcc5c;
  text-shadow: 0 0 10px rgba(255, 204, 92, 0.4);
}

/* CTA-кнопка */

.mega-cta-btn {
  display: inline-block;
  padding: 24px 50px;
  border-radius: 24px;
  text-decoration: none;
  position: relative;
  overflow: visible;
  font-size: 19px;
  font-weight: 800;
  color: #ffffff;

  background: linear-gradient(145deg, #dc2626, #b91c1c);

  box-shadow: inset 0 0 0 3px rgba(0, 0, 0, 0.6), 2px 2px 4px rgba(0, 0, 0, 0.4);

  border-top: 2px solid rgba(255, 120, 120, 0.7);
  border-left: 2px solid rgba(255, 120, 120, 0.6);
  border-right: 2px solid rgba(100, 15, 15, 0.9);
  border-bottom: 2px solid rgba(100, 15, 15, 0.95);

  transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}

.mega-cta-btn::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    135deg,
    rgba(255, 120, 120, 0.1) 0%,
    transparent 30%
  );
  border-radius: 24px;
  pointer-events: none;
}

.mega-cta-btn::after {
  content: "";
  position: absolute;
  top: 4px;
  left: 4px;
  right: 4px;
  bottom: 4px;
  border-radius: 20px;
  box-shadow: inset 3px 3px 8px rgba(0, 0, 0, 0.6),
    inset -2px -2px 6px rgba(255, 100, 100, 0.1);
  pointer-events: none;
}

.mega-cta-btn:hover {
  transform: translateY(-4px) scale(1.02);
  box-shadow: inset 0 0 0 3px rgba(0, 0, 0, 0.5), 3px 3px 8px rgba(0, 0, 0, 0.4);
  border-top-color: rgba(255, 120, 120, 0.8);
  border-left-color: rgba(255, 120, 120, 0.7);
}

.mega-cta-btn:active {
  transform: translateY(-2px) scale(1.01);
}

/* Адаптивность */

@media (max-width: 968px) {
  .spotlight-wrapper {
    flex-direction: column;
    gap: 40px;
    text-align: center;
  }

  .spotlight-visual,
  .spotlight-content {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .spotlight-visual {
    order: -1;
  }

  .hero-logo-image {
    max-width: 350px;
  }

  .mega-headline {
    font-size: clamp(3rem, 8vw, 3.5rem);
  }

  .intro-details {
    padding: 24px 28px;
  }

  .mega-cta-btn {
    width: 100%;
    max-width: 500px;
  }
}

@media (max-width: 640px) {
  .spotlight-area {
    padding: 60px 0;
  }

  .hero-logo-image {
    max-width: 280px;
  }

  .intro-details {
    padding: 20px 24px;
  }

  .details-row,
  .deadline-note {
    font-size: 16px;
  }

  .jackpot-sum {
    font-size: 22px;
  }

  .mega-cta-btn {
    padding: 20px 32px;
    font-size: 17px;
  }
}

/* ═══════════════════════════════════════════════════════════════
   КОНЕЦ СЕКЦИИ: HERO (ГЛАВНЫЙ ЭКРАН)
   ═══════════════════════════════════════════════════════════════ */

/* ═══════════════════════════════════════════════════════════════
   СЕКЦИЯ 2: ПРИЗЫ «НОВОГОДНЕГО МИЛЛИАРДА» (ТИРАЖ №1707)
   ═══════════════════════════════════════════════════════════════ */

.milliard-prizes-area {
  position: relative;
  padding: 80px 0 70px;
  background: radial-gradient(
      circle at 15% 80%,
      rgba(255, 214, 150, 0.65) 0%,
      transparent 55%
    ),
    radial-gradient(
      circle at 85% 20%,
      rgba(255, 184, 110, 0.7) 0%,
      transparent 55%
    ),
    radial-gradient(
      circle at 50% 50%,
      rgba(255, 150, 70, 0.55) 0%,
      transparent 60%
    ),
    linear-gradient(135deg, #ff7a1f 0%, #ff9d3d 50%, #ffcc5c 100%);
  box-shadow: 0 -10px 22px rgba(0, 0, 0, 0.35) inset;
}

.milliard-prizes-area::before {
  content: "";
  position: absolute;
  top: 0;
  left: 5%;
  right: 5%;
  height: 3px;
  border-radius: 999px;
  background: linear-gradient(
    to right,
    rgba(255, 241, 214, 1) 0%,
    rgba(255, 207, 150, 1) 25%,
    rgba(255, 184, 110, 1) 50%,
    rgba(255, 207, 150, 1) 75%,
    rgba(255, 241, 214, 1) 100%
  );
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.35), 0 0 0 1px rgba(150, 80, 25, 0.45);
}

.milliard-prizes-wrapper {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 20px;
}

/* ЛОГОТИП */
.milliard-prizes-logo {
  display: flex;
  justify-content: center;
  margin-bottom: 24px;
}

.milliard-stoloto-logo {
  width: 180px;
  height: auto;
  border-radius: 50%;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.45),
    inset 3px 3px 8px rgba(255, 255, 255, 0.75),
    inset -3px -6px 10px rgba(204, 140, 0, 0.8);
}

/* ЗАГОЛОВОК */
.milliard-main-headline {
  font-size: clamp(2.5rem, 6vw, 3.5rem);
  font-weight: 900;
  line-height: 1.15;
  margin-bottom: 32px;
  letter-spacing: 0.02em;
  text-align: center;
}

.headline-part-green {
  display: block;
  color: #005a31;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
}

.headline-part-white {
  display: block;
  color: #3a1b0d;
  text-shadow: 0 2px 4px rgba(255, 230, 170, 0.35);
}

/* КОРИЧНЕВАЯ ПЛАШКА */
.milliard-intro-brown-card {
  position: relative;
  max-width: 920px;
  margin: 0 auto 36px;
  padding: 28px 36px;
  border-radius: 24px;
  background: linear-gradient(145deg, #8b3d1f, #6a2814);
  border-top: 2px solid rgba(255, 210, 160, 0.75);
  border-left: 2px solid rgba(255, 210, 160, 0.7);
  border-right: 2px solid rgba(30, 10, 4, 0.95);
  border-bottom: 2px solid rgba(20, 5, 2, 1);
  box-shadow: inset 3px 3px 8px rgba(0, 0, 0, 0.6),
    inset -2px -2px 6px rgba(255, 210, 160, 0.08),
    2px 3px 8px rgba(0, 0, 0, 0.35);
  overflow: hidden;

  /* Центрируем текст на всех устройствах для красоты */
  text-align: center;
}

.milliard-intro-brown-card::before {
  content: "";
  position: absolute;
  inset: 3px 10px auto 10px;
  height: 36%;
  border-radius: 18px 18px 10px 10px;
  background: linear-gradient(
    to bottom,
    rgba(255, 230, 190, 0.45),
    transparent 100%
  );
  pointer-events: none;
}

.milliard-intro-p {
  position: relative;
  z-index: 1;
  font-size: 17px;
  line-height: 1.7;
  color: #fff9f0;
  font-weight: 500;
  margin-bottom: 16px;
}

.milliard-intro-p:last-child {
  margin-bottom: 0;
}

/* СЕТКА ГОРИЗОНТАЛЬНЫХ КАРТОЧЕК (ДЕСКТОП) */
.milliard-horizontal-cards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px 22px;
  margin-bottom: 28px;
}

.milliard-h-card {
  /* По умолчанию (десктоп): горизонтальная раскладка */
  display: flex;
  flex-direction: row;
  align-items: stretch;
  gap: 18px;

  padding: 16px 20px;
  border-radius: 22px;
  background: linear-gradient(145deg, #21482d, #173521);

  border-top: 2px solid rgba(150, 220, 170, 0.8);
  border-left: 2px solid rgba(150, 220, 170, 0.7);
  border-right: 2px solid rgba(6, 15, 8, 0.95);
  border-bottom: 2px solid rgba(3, 7, 4, 1);

  box-shadow: 0 8px 0 rgba(12, 30, 16, 0.9), 0 12px 18px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -2px 4px rgba(0, 0, 0, 0.35);

  position: relative;
  overflow: hidden;
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.milliard-h-card::before {
  content: "";
  position: absolute;
  top: 3px;
  left: 12px;
  right: 12px;
  height: 30%;
  border-radius: 18px 18px 12px 12px;
  background: linear-gradient(
    to bottom,
    rgba(230, 255, 238, 0.35),
    transparent 100%
  );
  pointer-events: none;
}

.milliard-h-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 0 rgba(12, 30, 16, 0.95), 0 18px 22px rgba(0, 0, 0, 0.65),
    inset 0 1px 0 rgba(255, 255, 255, 0.35), inset 0 -2px 4px rgba(0, 0, 0, 0.3);
}

/* ИКОНКА (ЖЕТОН) */
.milliard-h-icon {
  flex: 0 0 72px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.milliard-h-icon-inner {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: radial-gradient(
    circle at 30% 20%,
    #fff6c8 0%,
    #ffd533 40%,
    #f3b100 100%
  );
  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.55),
    inset 3px 3px 8px rgba(255, 255, 255, 0.65),
    inset -3px -5px 9px rgba(180, 120, 0, 0.9);
  font-size: 18px;
  font-weight: 900;
  color: #2a1810;
}

/* КОНТЕНТ */
.milliard-h-content {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  /* На десктопе текст слева */
  text-align: left;
}

.milliard-h-title {
  font-size: 17px;
  font-weight: 800;
  color: #ffffff;
  margin-bottom: 4px;
  line-height: 1.2;
}

.milliard-h-subtitle {
  font-size: 14px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.9);
  margin-bottom: 8px;
}

.milliard-h-text {
  font-size: 14px;
  line-height: 1.6;
  color: #fffef4;
}

.milliard-h-amount {
  font-weight: 800;
  color: #ffdb9d;
}

/* КНОПКА */
.milliard-prizes-cta {
  text-align: center;
}

.milliard-prizes-cta .mega-cta-btn {
  margin-top: 8px;
}

/* ═══════════════════════════════════════════════════════════════
   АДАПТИВНОСТЬ
   ═══════════════════════════════════════════════════════════════ */

/* Планшеты: просто 1 колонка, но все еще горизонтально */
@media (max-width: 968px) {
  .milliard-horizontal-cards {
    grid-template-columns: 1fr;
  }

  .milliard-intro-brown-card {
    padding: 24px 28px;
  }
}

/* МОБИЛЬНЫЕ: ВЕРТИКАЛЬНАЯ ОРИЕНТАЦИЯ КАРТОЧКИ + ЦЕНТР */
@media (max-width: 640px) {
  .milliard-prizes-area {
    padding: 60px 0 60px;
  }

  .milliard-stoloto-logo {
    width: 140px;
  }

  .milliard-main-headline {
    font-size: clamp(2rem, 8vw, 2.5rem);
    margin-bottom: 24px;
  }

  .milliard-intro-brown-card {
    padding: 20px 20px;
  }

  .milliard-intro-p {
    font-size: 15px;
  }

  /* --- КЛЮЧЕВОЕ ИЗМЕНЕНИЕ ДЛЯ МОБИЛОК --- */
  .milliard-h-card {
    flex-direction: column; /* Иконка сверху, текст снизу */
    align-items: center; /* Центрируем блоки */
    padding: 24px 20px; /* Чуть больше отступ, как в правилах */
    text-align: center; /* Центрируем текст внутри */
  }

  .milliard-h-icon {
    flex: 0 0 auto; /* Убираем фикс ширину */
    margin-bottom: 16px; /* Отступ от иконки до текста */
  }

  .milliard-h-icon-inner {
    width: 64px;
    height: 64px;
    font-size: 20px;
  }

  .milliard-h-content {
    text-align: center; /* Принудительно центр */
    width: 100%;
  }

  .milliard-h-title {
    font-size: 17px;
    margin-bottom: 8px;
  }

  .milliard-h-subtitle {
    font-size: 14px;
    margin-bottom: 10px;
  }

  .milliard-h-text {
    font-size: 14px;
  }
}
/* ═══════════════════════════════════════════════════════════════
   СЕКЦИЯ: ПРАВИЛА НОВОГОДНЕГО РОЗЫГРЫША
   (Чистый код: Flexbox + Text-align)
   ═══════════════════════════════════════════════════════════════ */

.rules-area {
  position: relative;
  padding: 80px 0 70px;
  background: radial-gradient(
      circle at 75% 25%,
      rgba(255, 230, 160, 0.7) 0%,
      transparent 50%
    ),
    radial-gradient(
      circle at 25% 75%,
      rgba(255, 180, 100, 0.65) 0%,
      transparent 55%
    ),
    radial-gradient(
      circle at 50% 50%,
      rgba(255, 160, 80, 0.6) 0%,
      transparent 60%
    ),
    linear-gradient(135deg, #ff9d3d 0%, #ffb85c 45%, #ffcc7a 100%);
  box-shadow: 0 -10px 22px rgba(0, 0, 0, 0.35) inset;
}

.rules-area::before {
  content: "";
  position: absolute;
  top: 0;
  left: 5%;
  right: 5%;
  height: 3px;
  border-radius: 999px;
  background: linear-gradient(
    to right,
    rgba(255, 241, 214, 1) 0%,
    rgba(255, 207, 150, 1) 25%,
    rgba(255, 184, 110, 1) 50%,
    rgba(255, 207, 150, 1) 75%,
    rgba(255, 241, 214, 1) 100%
  );
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.35), 0 0 0 1px rgba(150, 80, 25, 0.45);
}

.rules-wrapper {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 20px;
}

/* --- ЛОГОТИП --- */
.rules-logo {
  display: flex;
  justify-content: center;
  margin-bottom: 28px;
}

.rules-loto-logo {
  width: 200px;
  height: auto;
  filter: drop-shadow(0 8px 16px rgba(0, 0, 0, 0.4));
}

/* --- ЗАГОЛОВОК СЕКЦИИ --- */
.rules-main-headline {
  font-size: clamp(2.5rem, 6vw, 3.5rem);
  font-weight: 900;
  line-height: 1.15;
  margin-bottom: 32px;
  letter-spacing: 0.02em;
  text-align: center;
}

.rules-headline-green {
  display: block;
  color: #005a31;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
}

.rules-headline-brown {
  display: block;
  color: #3a1b0d;
  text-shadow: 0 2px 4px rgba(255, 230, 170, 0.35);
}

/* --- ВСТУПИТЕЛЬНАЯ ПЛАШКА (КОРИЧНЕВАЯ) --- */
.rules-intro-card {
  position: relative;
  max-width: 920px;
  margin: 0 auto 40px;
  padding: 28px 36px;
  border-radius: 24px;

  /* Фон и вогнутые границы */
  background: linear-gradient(145deg, #8b3d1f, #6a2814);
  border-top: 2px solid rgba(255, 210, 160, 0.6);
  border-left: 2px solid rgba(255, 210, 160, 0.5);
  border-right: 2px solid rgba(0, 0, 0, 0.9);
  border-bottom: 2px solid rgba(0, 0, 0, 0.95);
  box-shadow: inset 0 0 0 3px rgba(0, 0, 0, 0.6), 2px 2px 4px rgba(0, 0, 0, 0.4);

  overflow: visible;
  transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);

  /* Центрирование текста внутри */
  text-align: center;
}

.rules-intro-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
      135deg,
      rgba(255, 230, 190, 0.15) 0%,
      transparent 30%
    ),
    linear-gradient(225deg, transparent 70%, rgba(0, 0, 0, 0.4) 100%);
  border-radius: 24px;
  pointer-events: none;
}

.rules-intro-card::after {
  content: "";
  position: absolute;
  top: 4px;
  left: 4px;
  right: 4px;
  bottom: 4px;
  border-radius: 20px;
  box-shadow: inset 3px 3px 8px rgba(0, 0, 0, 0.6),
    inset -2px -2px 6px rgba(255, 210, 160, 0.08);
  pointer-events: none;
}

.rules-intro-p {
  position: relative;
  z-index: 1;
  font-size: 17px;
  line-height: 1.7;
  color: #fff9f0;
  font-weight: 500;
  margin-bottom: 16px;
}

.rules-intro-p:last-child {
  margin-bottom: 0;
}

/* --- СЕТКА КАРТОЧЕК --- */
.rules-cards-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
  margin-bottom: 32px;
}

/* --- КАРТОЧКА ПРАВИЛ (ЗЕЛЕНАЯ) --- */
.rules-card {
  position: relative;
  padding: 24px 20px;
  border-radius: 24px;

  /* Фон и выпуклые границы */
  background: linear-gradient(145deg, #2a5d3a, #1b4d2c);
  border-top: 2px solid rgba(80, 140, 100, 0.6);
  border-left: 2px solid rgba(80, 140, 100, 0.5);
  border-right: 2px solid rgba(0, 0, 0, 0.9);
  border-bottom: 2px solid rgba(0, 0, 0, 0.95);
  box-shadow: inset 0 0 0 3px rgba(0, 0, 0, 0.6), 2px 2px 4px rgba(0, 0, 0, 0.4);

  overflow: visible;
  transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);

  /* ЛОГИКА ВЫРАВНИВАНИЯ: */
  display: flex;
  flex-direction: column; /* Элементы друг под другом */
  align-items: center; /* Центрируем блоки (иконку и div с текстом) по горизонтали */
  text-align: center; /* Наследуем центрирование текста внутрь дочерних элементов */
}

.rules-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
      135deg,
      rgba(80, 140, 100, 0.15) 0%,
      transparent 30%
    ),
    linear-gradient(225deg, transparent 70%, rgba(0, 0, 0, 0.4) 100%);
  border-radius: 24px;
  pointer-events: none;
}

.rules-card::after {
  content: "";
  position: absolute;
  top: 4px;
  left: 4px;
  right: 4px;
  bottom: 4px;
  border-radius: 20px;
  box-shadow: inset 3px 3px 8px rgba(0, 0, 0, 0.6),
    inset -2px -2px 6px rgba(80, 140, 100, 0.1);
  pointer-events: none;
}

.rules-card:hover {
  transform: translateY(2px);
  box-shadow: inset 0 0 0 3px rgba(0, 0, 0, 0.5), 1px 1px 2px rgba(0, 0, 0, 0.3),
    0 0 20px rgba(100, 180, 120, 0.05);
  border-top-color: rgba(80, 140, 100, 0.7);
  border-left-color: rgba(80, 140, 100, 0.6);
}

/* ЖЕТОН С ЦИФРОЙ */
.rules-card-icon {
  display: flex;
  justify-content: center; /* Центрирует саму иконку внутри блока */
  align-items: center;
  margin-bottom: 16px;
  position: relative;
  z-index: 1;
}

.rules-icon-inner {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: radial-gradient(
    circle at 30% 20%,
    #fff6c8 0%,
    #ffd533 40%,
    #f3b100 100%
  );
  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.55),
    inset 3px 3px 8px rgba(255, 255, 255, 0.65),
    inset -3px -5px 9px rgba(180, 120, 0, 0.9);
  font-size: 22px;
  font-weight: 900;
  color: #2a1810;
}

/* КОНТЕНТ ВНУТРИ КАРТОЧКИ */
.rules-card-content {
  position: relative;
  z-index: 1;
  width: 100%; /* Растягиваем блок контента, чтобы text-align родителя сработал */
}

.rules-card-title {
  font-size: 18px;
  font-weight: 800;
  color: #ffffff;
  margin-bottom: 10px;
  line-height: 1.3;
}

.rules-card-text {
  font-size: 15px;
  line-height: 1.6;
  color: #fffef4;
}

/* КНОПКА */
.rules-cta {
  text-align: center;
}

.rules-cta .mega-cta-btn {
  margin-top: 8px;
}

/* АДАПТИВНОСТЬ */
@media (max-width: 968px) {
  .rules-cards-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .rules-intro-card {
    padding: 24px 28px;
  }

  .rules-loto-logo {
    width: 170px;
  }
}

@media (max-width: 640px) {
  .rules-area {
    padding: 60px 0 60px;
  }

  .rules-loto-logo {
    width: 140px;
  }

  .rules-main-headline {
    font-size: clamp(2rem, 8vw, 2.5rem);
    margin-bottom: 24px;
  }

  .rules-intro-card {
    padding: 20px 20px;
  }

  .rules-intro-p {
    font-size: 15px;
  }

  .rules-cards-grid {
    grid-template-columns: 1fr;
  }

  .rules-card {
    padding: 20px 18px;
  }

  .rules-icon-inner {
    width: 56px;
    height: 56px;
    font-size: 20px;
  }

  .rules-card-title {
    font-size: 17px;
  }

  .rules-card-text {
    font-size: 14px;
  }
}
/* ═══════════════════════════════════════════════════════════════
   СЕКЦИЯ: ГДЕ И КАК КУПИТЬ БИЛЕТ (СТИЛЬ: ВЫПУКЛЫЙ ПРЕМИУМ)
   ═══════════════════════════════════════════════════════════════ */

.buy-section-area {
  position: relative;
  padding: 80px 0 70px;
  /* Фон: оранжево-желтый градиент, идентичный предыдущим секциям */
  background: radial-gradient(
      circle at 15% 80%,
      rgba(255, 214, 150, 0.65) 0%,
      transparent 55%
    ),
    radial-gradient(
      circle at 85% 20%,
      rgba(255, 184, 110, 0.7) 0%,
      transparent 55%
    ),
    radial-gradient(
      circle at 50% 50%,
      rgba(255, 150, 70, 0.55) 0%,
      transparent 60%
    ),
    linear-gradient(135deg, #ff7a1f 0%, #ff9d3d 50%, #ffcc5c 100%);
  box-shadow: 0 -10px 22px rgba(0, 0, 0, 0.35) inset;
}

/* Премиальный разделитель сверху */
.buy-section-area::before {
  content: "";
  position: absolute;
  top: 0;
  left: 5%;
  right: 5%;
  height: 3px;
  border-radius: 999px;
  background: linear-gradient(
    to right,
    rgba(255, 241, 214, 1) 0%,
    rgba(255, 207, 150, 1) 25%,
    rgba(255, 184, 110, 1) 50%,
    rgba(255, 207, 150, 1) 75%,
    rgba(255, 241, 214, 1) 100%
  );
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.35), 0 0 0 1px rgba(150, 80, 25, 0.45);
}

.buy-wrapper {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 20px;
}

/* --- ЛОГОТИП СЕКЦИИ --- */
.buy-logo-container {
  display: flex;
  justify-content: center;
  margin-bottom: 24px;
}

.buy-loto-img {
  width: 200px;
  height: auto;
  /* Тень для объема логотипа */
  filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.45));
}

/* --- ЗАГОЛОВОК --- */
.buy-headline {
  font-size: clamp(2.5rem, 6vw, 3.5rem);
  font-weight: 900;
  line-height: 1.15;
  margin-bottom: 32px;
  letter-spacing: 0.02em;
  text-align: center;
}

.buy-title-green {
  display: block;
  color: #005a31;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
}

.buy-title-brown {
  display: block;
  color: #3a1b0d;
  text-shadow: 0 2px 4px rgba(255, 230, 170, 0.35);
}

/* --- ВСТУПЛЕНИЕ: ВОГНУТАЯ (CONCAVE) КОРИЧНЕВАЯ КАРТОЧКА --- */
.buy-intro-card {
  position: relative;
  max-width: 920px;
  margin: 0 auto 36px;
  padding: 28px 36px;
  border-radius: 24px;

  background: linear-gradient(145deg, #8b3d1f, #6a2814);

  /* Инсет-границы (вдавленные) */
  border-top: 2px solid rgba(255, 210, 160, 0.75);
  border-left: 2px solid rgba(255, 210, 160, 0.7);
  border-right: 2px solid rgba(30, 10, 4, 0.95);
  border-bottom: 2px solid rgba(20, 5, 2, 1);

  /* Внутренние тени */
  box-shadow: inset 3px 3px 8px rgba(0, 0, 0, 0.6),
    inset -2px -2px 6px rgba(255, 210, 160, 0.08),
    2px 3px 8px rgba(0, 0, 0, 0.35);
  overflow: hidden;
}

/* Блик внутри вогнутой карточки */
.buy-intro-card::before {
  content: "";
  position: absolute;
  inset: 3px 10px auto 10px;
  height: 36%;
  border-radius: 18px 18px 10px 10px;
  background: linear-gradient(
    to bottom,
    rgba(255, 230, 190, 0.45),
    transparent 100%
  );
  pointer-events: none;
}

.buy-intro-text {
  position: relative;
  z-index: 1;
  font-size: 17px;
  line-height: 1.7;
  color: #fff9f0;
  font-weight: 500;
  text-align: center;
}

.buy-intro-text strong {
  color: #ffdb9d;
  font-weight: 800;
}

/* --- СЕТКА (GRID) 3 КОЛОНКИ --- */
.buy-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
  margin-bottom: 32px;
}

/* --- ВЫПУКЛАЯ (CONVEX) ЗЕЛЕНАЯ КАРТОЧКА --- */
.buy-card-convex {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 24px 22px;
  border-radius: 22px;

  /* Глубокий зеленый фон */
  background: linear-gradient(145deg, #21482d, #173521);

  /* Выпуклые "жирные" границы (свет сверху/слева, тьма снизу/справа) */
  border-top: 2px solid rgba(150, 220, 170, 0.8);
  border-left: 2px solid rgba(150, 220, 170, 0.7);
  border-right: 2px solid rgba(6, 15, 8, 0.95);
  border-bottom: 2px solid rgba(3, 7, 4, 1);

  /* Внешние тени (Drop Shadow) */
  box-shadow: 0 8px 0 rgba(12, 30, 16, 0.9), 0 12px 18px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -2px 4px rgba(0, 0, 0, 0.35);

  overflow: hidden;
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}

/* Стеклянный блик сверху карточки */
.buy-card-convex::before {
  content: "";
  position: absolute;
  top: 3px;
  left: 12px;
  right: 12px;
  height: 30%;
  border-radius: 18px 18px 12px 12px;
  background: linear-gradient(
    to bottom,
    rgba(230, 255, 238, 0.35),
    transparent 100%
  );
  pointer-events: none;
}

/* Эффекты наведения */
.buy-card-convex:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 0 rgba(12, 30, 16, 0.95), 0 18px 22px rgba(0, 0, 0, 0.65),
    inset 0 1px 0 rgba(255, 255, 255, 0.35), inset 0 -2px 4px rgba(0, 0, 0, 0.3);
}

.buy-card-convex:active {
  transform: translateY(-1px);
  box-shadow: 0 6px 0 rgba(12, 30, 16, 0.9), 0 12px 16px rgba(0, 0, 0, 0.6),
    inset 0 2px 4px rgba(0, 0, 0, 0.55);
}

/* --- ЗОЛОТОЙ ЖЕТОН (3D TOKEN) --- */
.buy-token-3d {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  margin: 0 auto 16px;
  border-radius: 50%;

  /* Золотой радиальный градиент */
  background: radial-gradient(
    circle at 30% 20%,
    #fff6c8 0%,
    #ffd533 40%,
    #f3b100 100%
  );

  /* Объем жетона */
  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.55),
    inset 3px 3px 8px rgba(255, 255, 255, 0.65),
    inset -3px -5px 9px rgba(180, 120, 0, 0.9);
  position: relative;
  z-index: 2;
}

/* Иконка внутри жетона */
.token-svg {
  width: 28px;
  height: 28px;
  color: #2a1810; /* Темно-коричневый цвет иконки */
  filter: drop-shadow(0 1px 0 rgba(255, 255, 255, 0.4)); /* Эффект тиснения */
}

/* --- КОНТЕНТ КАРТОЧКИ --- */
.buy-content {
  text-align: center;
  position: relative;
  z-index: 2;
}

.buy-card-title {
  font-size: 19px;
  font-weight: 800;
  color: #ffffff;
  margin-bottom: 8px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  line-height: 1.2;
}

.buy-card-desc {
  font-size: 15px;
  line-height: 1.5;
  color: #fffef6;
}

.buy-card-desc strong {
  color: #ffdb9d;
  font-weight: 800;
}

/* --- КНОПКА (Обертка) --- */
.buy-cta-wrapper {
  text-align: center;
  margin-top: 10px;
}
/* Сама кнопка использует глобальный класс .mega-cta-btn, который уже есть в CSS */

/* ═══════════════════════════════════════════════════════════════
   АДАПТИВНОСТЬ СЕКЦИИ ПОКУПКИ
   ═══════════════════════════════════════════════════════════════ */

@media (max-width: 968px) {
  .buy-grid {
    grid-template-columns: repeat(
      2,
      minmax(0, 1fr)
    ); /* 2 колонки на планшете */
  }
  .buy-intro-card {
    padding: 24px 28px;
  }
}

@media (max-width: 640px) {
  .buy-section-area {
    padding: 60px 0;
  }

  .buy-headline {
    font-size: clamp(2rem, 8vw, 2.5rem);
    margin-bottom: 24px;
  }

  .buy-intro-card {
    padding: 20px 20px;
  }

  .buy-grid {
    grid-template-columns: 1fr; /* 1 колонка на мобильном */
  }

  .buy-card-convex {
    padding: 20px 18px 22px;
  }

  .buy-card-title {
    font-size: 18px;
  }
}
/* ═══════════════════════════════════════════════════════════════
   СЕКЦИЯ: ПОДАРОЧНЫЕ НАБОРЫ
   СТИЛЬ: ТОЧНАЯ КОПИЯ СЕКЦИИ "ПРАВИЛА" (Rules)
   ═══════════════════════════════════════════════════════════════ */

.gifts-section-area {
  position: relative;
  padding: 80px 0 70px;
  /* Фон: Тот же оранжевый градиент, что и везде */
  background: radial-gradient(
      circle at 75% 25%,
      rgba(255, 230, 160, 0.7) 0%,
      transparent 50%
    ),
    radial-gradient(
      circle at 25% 75%,
      rgba(255, 180, 100, 0.65) 0%,
      transparent 55%
    ),
    radial-gradient(
      circle at 50% 50%,
      rgba(255, 160, 80, 0.6) 0%,
      transparent 60%
    ),
    linear-gradient(135deg, #ff9d3d 0%, #ffb85c 45%, #ffcc7a 100%);
  box-shadow: 0 -10px 22px rgba(0, 0, 0, 0.35) inset;
}

/* Разделитель сверху */
.gifts-section-area::before {
  content: "";
  position: absolute;
  top: 0;
  left: 5%;
  right: 5%;
  height: 3px;
  border-radius: 999px;
  background: linear-gradient(
    to right,
    rgba(255, 241, 214, 1) 0%,
    rgba(255, 207, 150, 1) 25%,
    rgba(255, 184, 110, 1) 50%,
    rgba(255, 207, 150, 1) 75%,
    rgba(255, 241, 214, 1) 100%
  );
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.35), 0 0 0 1px rgba(150, 80, 25, 0.45);
}

.gifts-wrapper {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 20px;
}

/* ЛОГОТИП */
.gifts-logo-container {
  display: flex;
  justify-content: center;
  margin-bottom: 24px;
}
.gifts-loto-img {
  width: 200px;
  height: auto;
  filter: drop-shadow(0 8px 16px rgba(0, 0, 0, 0.4));
}

/* ЗАГОЛОВОК */
.gifts-headline {
  font-size: clamp(2.5rem, 6vw, 3.5rem);
  font-weight: 900;
  line-height: 1.15;
  margin-bottom: 32px;
  text-align: center;
  letter-spacing: 0.02em;
}
.gifts-title-green {
  display: block;
  color: #005a31;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
}
.gifts-title-brown {
  display: block;
  color: #3a1b0d;
  text-shadow: 0 2px 4px rgba(255, 230, 170, 0.35);
}

/* ВСТУПЛЕНИЕ: КОРИЧНЕВАЯ ВОГНУТАЯ ПЛАШКА (Копия .rules-intro-card) */
.gifts-intro-card {
  position: relative;
  max-width: 920px;
  margin: 0 auto 36px;
  padding: 28px 36px;
  border-radius: 24px;

  background: linear-gradient(145deg, #8b3d1f, #6a2814);

  /* Инсет-границы (вдавленные) */
  border-top: 2px solid rgba(255, 210, 160, 0.6);
  border-left: 2px solid rgba(255, 210, 160, 0.5);
  border-right: 2px solid rgba(0, 0, 0, 0.9);
  border-bottom: 2px solid rgba(0, 0, 0, 0.95);

  box-shadow: inset 0 0 0 3px rgba(0, 0, 0, 0.6), 2px 2px 4px rgba(0, 0, 0, 0.4);
  text-align: center;
}

/* Блик внутри */
.gifts-intro-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
      135deg,
      rgba(255, 230, 190, 0.15) 0%,
      transparent 30%
    ),
    linear-gradient(225deg, transparent 70%, rgba(0, 0, 0, 0.4) 100%);
  border-radius: 24px;
  pointer-events: none;
}

.gifts-intro-text {
  position: relative;
  z-index: 1;
  font-size: 17px;
  line-height: 1.7;
  color: #fff9f0;
  font-weight: 500;
}
.gifts-intro-text strong {
  color: #ffdb9d;
  font-weight: 800;
}

/* СЕТКА (3 колонки) */
.gifts-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
  margin-bottom: 32px;
}

/* 
   КАРТОЧКА: ЗЕЛЕНАЯ, ЖИРНАЯ (Копия .rules-card)
   Несмотря на название класса в HTML (concave), стиль делаем как в Правилах (Convex)
   по твоему требованию "один в один".
*/
.gift-card-concave {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 24px 22px;
  border-radius: 24px;

  /* Зеленый градиент */
  background: linear-gradient(145deg, #2a5d3a, #1b4d2c);

  /* Жирные выпуклые границы */
  border-top: 2px solid rgba(80, 140, 100, 0.6);
  border-left: 2px solid rgba(80, 140, 100, 0.5);
  border-right: 2px solid rgba(0, 0, 0, 0.9);
  border-bottom: 2px solid rgba(0, 0, 0, 0.95);

  box-shadow: inset 0 0 0 3px rgba(0, 0, 0, 0.6), 2px 2px 4px rgba(0, 0, 0, 0.4);

  overflow: visible;
  transition: transform 0.15s ease;
  text-align: center;
}

/* Блик на карточке */
.gift-card-concave::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
      135deg,
      rgba(80, 140, 100, 0.15) 0%,
      transparent 30%
    ),
    linear-gradient(225deg, transparent 70%, rgba(0, 0, 0, 0.4) 100%);
  border-radius: 24px;
  pointer-events: none;
}

/* Инсет тень */
.gift-card-concave::after {
  content: "";
  position: absolute;
  top: 4px;
  left: 4px;
  right: 4px;
  bottom: 4px;
  border-radius: 20px;
  box-shadow: inset 3px 3px 8px rgba(0, 0, 0, 0.6),
    inset -2px -2px 6px rgba(80, 140, 100, 0.1);
  pointer-events: none;
}

.gift-card-concave:hover {
  transform: translateY(2px);
}

/* ИКОНКА: ЖЕЛТЫЙ 3D ЖЕТОН (Копия .rules-icon-inner) */
.gift-icon-circle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  margin-bottom: 16px;
  border-radius: 50%;

  /* Золотой градиент */
  background: radial-gradient(
    circle at 30% 20%,
    #fff6c8 0%,
    #ffd533 40%,
    #f3b100 100%
  );

  /* Тени для объема */
  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.55),
    inset 3px 3px 8px rgba(255, 255, 255, 0.65),
    inset -3px -5px 9px rgba(180, 120, 0, 0.9);

  position: relative;
  z-index: 2;
}

.gift-svg {
  width: 28px;
  height: 28px;
  color: #2a1810;
  /* Легкая тень снизу для эффекта тиснения */
  filter: drop-shadow(0 1px 0 rgba(255, 255, 255, 0.4));
}

/* КОНТЕНТ */
.gift-content {
  position: relative;
  z-index: 2;
  width: 100%;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.gift-card-title {
  font-size: 18px;
  font-weight: 800;
  color: #ffffff;
  margin-bottom: 8px;
  line-height: 1.2;
}

.gift-card-desc {
  font-size: 14px;
  line-height: 1.5;
  color: #fffef4;
  margin-bottom: 12px;
  flex-grow: 1;
}

/* СПИСОК */
.gift-list {
  list-style: none;
  padding: 0;
  margin: 0 0 16px 0;
}
.gift-list li {
  font-size: 15px;
  color: #ffdb9d; /* Золотой цвет текста списка */
  font-weight: 700;
}

/* ЦЕННИК */
.gift-price-tag {
  font-size: 19px;
  font-weight: 800;
  color: #ffffff;
  background: rgba(0, 0, 0, 0.3);
  padding: 10px 12px;
  border-radius: 12px;
  display: inline-block;
  width: 100%;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.3);
}

/* КНОПКА */
.gifts-cta-wrapper {
  text-align: center;
  margin-top: 10px;
}

/* АДАПТИВНОСТЬ */
@media (max-width: 968px) {
  .gifts-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .gifts-intro-card {
    padding: 24px 28px;
  }
}

@media (max-width: 640px) {
  .gifts-section-area {
    padding: 60px 0;
  }
  .gifts-headline {
    font-size: clamp(2rem, 8vw, 2.5rem);
  }
  .gifts-grid {
    grid-template-columns: 1fr;
  }
  .gift-card-concave {
    padding: 20px 18px;
  }
  .gifts-intro-card {
    padding: 20px;
  }
  .gift-card-title {
    font-size: 17px;
  }
}
/* ═══════════════════════════════════════════════════════════════
   СЕКЦИЯ: ТУБУСЫ (ИСПРАВЛЕННАЯ + ВЫПУКЛАЯ)
   ═══════════════════════════════════════════════════════════════ */

.tubes-promo-area {
  position: relative;
  padding: 80px 0;
  /* Фон */
  background: radial-gradient(
      circle at 15% 80%,
      rgba(255, 214, 150, 0.65) 0%,
      transparent 55%
    ),
    radial-gradient(
      circle at 85% 20%,
      rgba(255, 184, 110, 0.7) 0%,
      transparent 55%
    ),
    linear-gradient(135deg, #ff7a1f 0%, #ff9d3d 50%, #ffcc5c 100%);
  box-shadow: 0 -10px 22px rgba(0, 0, 0, 0.35) inset;
  overflow: hidden;
}

.tubes-promo-area::before {
  content: "";
  position: absolute;
  top: 0;
  left: 5%;
  right: 5%;
  height: 3px;
  border-radius: 999px;
  background: linear-gradient(
    to right,
    rgba(255, 241, 214, 1) 0%,
    rgba(255, 207, 150, 1) 25%,
    rgba(255, 184, 110, 1) 50%,
    rgba(255, 207, 150, 1) 75%,
    rgba(255, 241, 214, 1) 100%
  );
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.35);
}

.tubes-wrapper {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 20px;
  display: flex;
  align-items: center;
  gap: 60px;
}

.tubes-image-col {
  flex: 0 0 45%;
  position: relative;
}
.tubes-content-col {
  flex: 1;
}

.tubes-img-container {
  position: relative;
  z-index: 2;
  filter: drop-shadow(0 20px 40px rgba(0, 0, 0, 0.5));
  transition: transform 0.3s ease;
}
.tubes-img-container:hover {
  transform: scale(1.02);
}
.tubes-main-img {
  width: 100%;
  height: auto;
  display: block;
}

.tubes-badge {
  position: absolute;
  top: -20px;
  right: -20px;
  background: linear-gradient(145deg, #dc2626, #b91c1c);
  padding: 12px 20px;
  border-radius: 20px;
  transform: rotate(10deg);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.4);
  border: 2px solid rgba(255, 255, 255, 0.4);
  z-index: 3;
}
.badge-text {
  font-weight: 900;
  color: #fff;
  font-size: 18px;
}

/* ЗАГОЛОВОК ТУБУСОВ */
.tubes-headline {
  font-size: clamp(2rem, 4vw, 3rem);
  font-weight: 900;
  line-height: 1.1;
  color: #3a1b0d;
  margin-bottom: 24px;
  text-shadow: 0 2px 4px rgba(255, 230, 170, 0.4);
}

/* ИСПРАВЛЕНИЕ: ЗЕЛЕНЫЙ ПОДЗАГОЛОВОК */
.tubes-subheadline {
  display: block;
  color: #005a31; /* Глубокий зеленый */
  font-size: 0.7em;
  margin-top: 8px;
  text-shadow: 0 1px 2px rgba(255, 255, 255, 0.4);
}

/* ИСПРАВЛЕНИЕ: ВОГНУТАЯ ПЛАШКА ДЛЯ ТЕКСТА ТУБУСОВ */
.tubes-text-block {
  background: linear-gradient(145deg, #8b3d1f, #6a2814);
  padding: 24px;
  border-radius: 20px;
  margin-bottom: 24px;
  border-top: 2px solid rgba(255, 210, 160, 0.5);
  border-left: 2px solid rgba(255, 210, 160, 0.4);
  border-right: 2px solid rgba(0, 0, 0, 0.8);
  border-bottom: 2px solid rgba(0, 0, 0, 0.9);
  box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.4);
}
.tubes-text-block p {
  font-size: 16px;
  line-height: 1.6;
  color: #fff9f0;
  font-weight: 500;
  margin-bottom: 16px;
}
.tubes-text-block p:last-child {
  margin-bottom: 0;
}
.tubes-text-block strong {
  color: #ffdb9d;
  font-weight: 800;
}

/* СПИСОК ПРЕИМУЩЕСТВ (ВЫПУКЛЫЙ) */
.tubes-benefits-list {
  list-style: none;
  padding: 0;
  margin: 30px 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.tubes-benefit-item {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 16px 20px;
  border-radius: 20px;
  background: linear-gradient(145deg, #2a5d3a, #1b4d2c);
  border-top: 2px solid rgba(150, 220, 170, 0.6);
  border-left: 2px solid rgba(150, 220, 170, 0.5);
  border-right: 2px solid rgba(0, 0, 0, 0.8);
  border-bottom: 2px solid rgba(0, 0, 0, 0.9);
  box-shadow: 0 8px 15px rgba(0, 0, 0, 0.35);
  position: relative;
  overflow: hidden;
  transition: transform 0.2s;
}
.tubes-benefit-item:hover {
  transform: translateX(5px);
}
.benefit-icon {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: radial-gradient(circle at 30% 20%, #fff6c8 0%, #ffd533 100%);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #2a1810;
}
.benefit-text {
  font-size: 16px;
  line-height: 1.4;
  color: #fff;
  font-weight: 500;
}
.benefit-text strong {
  color: #ffdb9d;
  font-weight: 800;
  display: block;
  margin-bottom: 2px;
}

/* БЛОК ГДЕ КУПИТЬ */
.tubes-where-buy {
  background: linear-gradient(145deg, #8b3d1f, #6a2814);
  padding: 20px 24px;
  border-radius: 20px;
  margin-bottom: 30px;
  border-top: 2px solid rgba(255, 210, 160, 0.5);
  border-left: 2px solid rgba(255, 210, 160, 0.4);
  border-right: 2px solid rgba(0, 0, 0, 0.8);
  border-bottom: 2px solid rgba(0, 0, 0, 0.9);
  box-shadow: 0 8px 15px rgba(0, 0, 0, 0.3);
}
.where-buy-title {
  font-size: 18px;
  font-weight: 800;
  color: #ffdb9d;
  margin-bottom: 6px;
}
.where-buy-text {
  font-size: 15px;
  color: #fff;
  line-height: 1.5;
}

/* КНОПКА ТУБУСОВ */
.tubes-cta {
  margin-top: 10px;
  text-align: center;
}
.tubes-cta-note {
  display: none;
}

/* ═══════════════════════════════════════════════════════════════
   СЕКЦИЯ: КОНВЕРТЫ (ИСПРАВЛЕННАЯ МОБИЛЬНАЯ ВЕРСИЯ)
   ═══════════════════════════════════════════════════════════════ */

.envelopes-section-area {
  position: relative;
  padding: 80px 0;
  /* Оранжевый фон */
  background: radial-gradient(
      circle at 85% 20%,
      rgba(255, 214, 150, 0.65) 0%,
      transparent 55%
    ),
    radial-gradient(
      circle at 15% 80%,
      rgba(255, 184, 110, 0.7) 0%,
      transparent 55%
    ),
    linear-gradient(135deg, #ff7a1f 0%, #ff9d3d 50%, #ffcc5c 100%);
  box-shadow: 0 -10px 22px rgba(0, 0, 0, 0.35) inset;
  overflow: hidden;
}

.envelopes-section-area::before {
  content: "";
  position: absolute;
  top: 0;
  left: 5%;
  right: 5%;
  height: 3px;
  border-radius: 999px;
  background: linear-gradient(
    to right,
    rgba(255, 241, 214, 1) 0%,
    rgba(255, 207, 150, 1) 25%,
    rgba(255, 184, 110, 1) 50%,
    rgba(255, 207, 150, 1) 75%,
    rgba(255, 241, 214, 1) 100%
  );
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.35);
}

.envelopes-wrapper {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 20px;
  display: flex;
  align-items: center;
  gap: 60px;
}

/* ДЕСКТОП: Текст слева (order 1), Картинка справа (order 2) 
   В HTML у нас сначала идет Текст, потом Картинка, 
   поэтому flex-порядок по умолчанию правильный, но для надежности укажем */
.envelopes-content-col {
  flex: 1;
}
.envelopes-image-col {
  flex: 0 0 45%;
  position: relative;
}

.envelopes-main-img {
  width: 100%;
  height: auto;
  display: block;
  filter: drop-shadow(0 15px 30px rgba(0, 0, 0, 0.4));
  transition: transform 0.3s;
}
.envelopes-main-img:hover {
  transform: scale(1.02) rotate(-2deg);
}

/* Заголовок Конвертов */
.envelopes-headline {
  font-size: clamp(2rem, 4vw, 3rem);
  font-weight: 900;
  line-height: 1.1;
  color: #3a1b0d;
  margin-bottom: 24px;
  text-shadow: 0 2px 4px rgba(255, 230, 170, 0.4);
}
.envelopes-subheadline {
  display: block;
  color: #005a31; /* Зеленый */
  font-size: 0.7em;
  margin-top: 8px;
  text-shadow: 0 1px 2px rgba(255, 255, 255, 0.4);
}

/* ВОГНУТАЯ ПЛАШКА (Текст) */
.envelopes-intro-card {
  background: linear-gradient(145deg, #8b3d1f, #6a2814);
  padding: 24px;
  border-radius: 20px;
  margin-bottom: 24px;
  border-top: 2px solid rgba(255, 210, 160, 0.5);
  border-left: 2px solid rgba(255, 210, 160, 0.4);
  border-right: 2px solid rgba(0, 0, 0, 0.8);
  border-bottom: 2px solid rgba(0, 0, 0, 0.9);
  box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.4);
}
.envelopes-intro-card p {
  font-size: 16px;
  line-height: 1.6;
  color: #fff9f0;
  font-weight: 500;
  margin-bottom: 12px;
}
.envelopes-intro-card p:last-child {
  margin-bottom: 0;
}

/* СПИСОК ПРЕИМУЩЕСТВ (ВОГНУТЫЙ) */
.envelopes-benefits-list {
  list-style: none;
  padding: 0;
  margin: 30px 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.envelopes-benefit-item {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 16px 20px;
  border-radius: 20px;
  background: linear-gradient(145deg, #1b4d2c, #2a5d3a);
  border-top: 2px solid rgba(120, 190, 140, 0.5);
  border-left: 2px solid rgba(120, 190, 140, 0.4);
  border-right: 2px solid rgba(10, 25, 15, 0.8);
  border-bottom: 2px solid rgba(5, 15, 10, 0.9);
  box-shadow: inset 3px 3px 8px rgba(0, 0, 0, 0.5),
    inset -2px -2px 5px rgba(255, 255, 255, 0.1);
  transition: transform 0.2s;
}
.envelopes-benefit-item:hover {
  transform: translateX(5px);
}

.env-icon-circle {
  flex-shrink: 0;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: radial-gradient(circle at 30% 20%, #fff6c8 0%, #ffd533 100%);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #2a1810;
}
.env-icon-text {
  font-size: 22px;
  font-weight: 900;
}
.env-svg {
  width: 24px;
  height: 24px;
}

.env-benefit-text {
  font-size: 15px;
  line-height: 1.4;
  color: #e0eadd;
}
.env-benefit-text strong {
  color: #fff;
  font-size: 16px;
  display: block;
  margin-bottom: 2px;
}

.envelopes-cta {
  margin-top: 10px;
  text-align: center;
}

/* ═══════════════════════════════════════════════════════════════
   АДАПТИВНОСТЬ (ИСПРАВЛЕНА: КАРТИНКА СВЕРХУ)
   ═══════════════════════════════════════════════════════════════ */

@media (max-width: 968px) {
  .tubes-wrapper,
  .envelopes-wrapper {
    flex-direction: column;
    gap: 40px;
  }

  .tubes-image-col,
  .tubes-content-col,
  .envelopes-image-col,
  .envelopes-content-col {
    flex: 0 0 100%;
    width: 100%;
  }

  .tubes-img-container,
  .envelopes-image-col {
    max-width: 500px;
    margin: 0 auto;
  }

  /* КЛЮЧЕВОЕ ИСПРАВЛЕНИЕ: 
       В Тубусах (где 2 колонки) порядок уже норм (картинка, потом текст).
       В Конвертах: меняем порядок (картинка наверх, текст вниз).
    */
  .envelopes-image-col {
    order: -1; /* Поднимаем картинку выше всего */
    margin-bottom: 20px; /* Отступ до заголовка */
  }
  .envelopes-content-col {
    order: 2;
  }

  .tubes-headline,
  .envelopes-headline {
    text-align: center;
  }
}

@media (max-width: 640px) {
  .tubes-promo-area,
  .envelopes-section-area {
    padding: 50px 0;
  }

  /* Заголовок слева или по центру на моб - как тебе удобнее, 
       оставляю по левому краю для читаемости, если текст длинный */
  .tubes-headline,
  .envelopes-headline {
    text-align: left;
    font-size: 26px;
  }

  .tubes-text-block,
  .envelopes-intro-card {
    padding: 20px;
  }
  .tubes-benefit-item,
  .envelopes-benefit-item {
    padding: 14px;
  }

  .benefit-icon,
  .env-icon-circle {
    width: 40px;
    height: 40px;
  }
  .benefit-icon svg,
  .env-svg {
    width: 20px;
    height: 20px;
  }

  .benefit-text,
  .env-benefit-text {
    font-size: 14px;
  }

  /* Кнопки на всю ширину для пальца */
  .tubes-cta .mega-cta-btn,
  .envelopes-cta .mega-cta-btn {
    width: 100%;
    font-size: 18px;
    padding: 20px;
  }
}
/* ═══════════════════════════════════════════════════════════════
   СЕКЦИЯ: ЗОЛОТЫЕ КОРОБОЧКИ (СТИЛЬ: ВЫПУКЛЫЙ / CONVEX)
   ═══════════════════════════════════════════════════════════════ */

.gold-box-section-area {
  position: relative;
  padding: 80px 0;
  /* Оранжевый фон (идентичный тубусам) */
  background: radial-gradient(
      circle at 15% 80%,
      rgba(255, 214, 150, 0.65) 0%,
      transparent 55%
    ),
    radial-gradient(
      circle at 85% 20%,
      rgba(255, 184, 110, 0.7) 0%,
      transparent 55%
    ),
    linear-gradient(135deg, #ff7a1f 0%, #ff9d3d 50%, #ffcc5c 100%);
  box-shadow: 0 -10px 22px rgba(0, 0, 0, 0.35) inset;
  overflow: hidden;
}

/* Разделитель */
.gold-box-section-area::before {
  content: "";
  position: absolute;
  top: 0;
  left: 5%;
  right: 5%;
  height: 3px;
  border-radius: 999px;
  background: linear-gradient(
    to right,
    rgba(255, 241, 214, 1) 0%,
    rgba(255, 207, 150, 1) 25%,
    rgba(255, 184, 110, 1) 50%,
    rgba(255, 207, 150, 1) 75%,
    rgba(255, 241, 214, 1) 100%
  );
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.35);
}

.gold-box-wrapper {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 20px;
  display: flex;
  align-items: center;
  gap: 60px;
}

/* КОЛОНКИ: Картинка слева, Текст справа (для десктопа) */
.gold-box-image-col {
  flex: 0 0 45%;
  position: relative;
}
.gold-box-content-col {
  flex: 1;
}

.gold-img-container {
  position: relative;
  z-index: 2;
  filter: drop-shadow(0 20px 40px rgba(0, 0, 0, 0.5));
  transition: transform 0.3s ease;
}
.gold-img-container:hover {
  transform: scale(1.02);
}
.gold-main-img {
  width: 100%;
  height: auto;
  display: block;
}

/* Бейджик Limited */
.gold-badge {
  position: absolute;
  bottom: 20px;
  left: -10px;
  background: linear-gradient(145deg, #ffd700, #e6ac00);
  padding: 10px 24px;
  border-radius: 30px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
  border: 2px solid #fff;
  transform: rotate(-5deg);
  z-index: 3;
}
.gold-badge-text {
  font-weight: 900;
  color: #5a3a00;
  font-size: 16px;
  letter-spacing: 0.1em;
}

/* ЗАГОЛОВОК */
.gold-headline {
  font-size: clamp(2rem, 4vw, 3rem);
  font-weight: 900;
  line-height: 1.1;
  color: #3a1b0d;
  margin-bottom: 24px;
  text-shadow: 0 2px 4px rgba(255, 230, 170, 0.4);
}
.gold-subheadline {
  display: block;
  color: #005a31; /* Зеленый */
  font-size: 0.7em;
  margin-top: 8px;
  text-shadow: 0 1px 2px rgba(255, 255, 255, 0.4);
}

/* ИНТРО (ВОГНУТОЕ) */
.gold-intro-card {
  background: linear-gradient(145deg, #8b3d1f, #6a2814);
  padding: 24px;
  border-radius: 20px;
  margin-bottom: 24px;
  border-top: 2px solid rgba(255, 210, 160, 0.5);
  border-left: 2px solid rgba(255, 210, 160, 0.4);
  border-right: 2px solid rgba(0, 0, 0, 0.8);
  border-bottom: 2px solid rgba(0, 0, 0, 0.9);
  box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.4);
}
.gold-intro-card p {
  font-size: 16px;
  line-height: 1.6;
  color: #fff9f0;
  font-weight: 500;
  margin-bottom: 12px;
}
.gold-intro-card p:last-child {
  margin-bottom: 0;
}
.gold-intro-card strong {
  color: #ffdb9d;
}

/* СПИСОК (ВЫПУКЛЫЙ / CONVEX) */
.gold-benefits-list {
  list-style: none;
  padding: 0;
  margin: 30px 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.gold-benefit-item {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 16px 20px;
  border-radius: 20px;

  /* ЗЕЛЕНЫЙ ВЫПУКЛЫЙ ФОН */
  background: linear-gradient(145deg, #2a5d3a, #1b4d2c);

  /* Выпуклые границы (свет сверху) */
  border-top: 2px solid rgba(150, 220, 170, 0.6);
  border-left: 2px solid rgba(150, 220, 170, 0.5);
  border-right: 2px solid rgba(0, 0, 0, 0.8);
  border-bottom: 2px solid rgba(0, 0, 0, 0.9);

  /* Тень наружу */
  box-shadow: 0 8px 15px rgba(0, 0, 0, 0.35);

  position: relative;
  overflow: hidden;
  transition: transform 0.2s;
}
.gold-benefit-item:hover {
  transform: translateX(5px);
}

/* Блик */
.gold-benefit-item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0.15),
    transparent
  );
  pointer-events: none;
}

.gold-icon-circle {
  flex-shrink: 0;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: radial-gradient(circle at 30% 20%, #fff6c8 0%, #ffd533 100%);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #2a1810;
}
.gold-icon-text {
  font-size: 20px;
  font-weight: 900;
}
.gold-svg {
  width: 24px;
  height: 24px;
}

.gold-benefit-text {
  font-size: 15px;
  line-height: 1.4;
  color: #fff;
  font-weight: 500;
}
.gold-benefit-text strong {
  color: #ffdb9d;
  font-weight: 800;
  display: block;
  margin-bottom: 2px;
}

/* ГДЕ КУПИТЬ (ВЫПУКЛЫЙ) */
.gold-where-buy {
  background: linear-gradient(145deg, #8b3d1f, #6a2814);
  padding: 20px 24px;
  border-radius: 20px;
  margin-bottom: 30px;
  border-top: 2px solid rgba(255, 210, 160, 0.5);
  border-left: 2px solid rgba(255, 210, 160, 0.4);
  border-right: 2px solid rgba(0, 0, 0, 0.8);
  border-bottom: 2px solid rgba(0, 0, 0, 0.9);
  box-shadow: 0 8px 15px rgba(0, 0, 0, 0.3);
}
.gold-buy-title {
  font-size: 18px;
  font-weight: 800;
  color: #ffdb9d;
  margin-bottom: 6px;
}
.gold-buy-text {
  font-size: 15px;
  color: #fff;
  line-height: 1.5;
}

.gold-cta {
  margin-top: 10px;
  text-align: center;
}

/* ═══════════════════════════════════════════════════════════════
   АДАПТИВНОСТЬ
   ═══════════════════════════════════════════════════════════════ */

@media (max-width: 968px) {
  .gold-box-wrapper {
    flex-direction: column;
    gap: 40px;
  }

  .gold-box-image-col,
  .gold-box-content-col {
    flex: 0 0 100%;
    width: 100%;
  }

  .gold-img-container {
    max-width: 500px;
    margin: 0 auto;
  }

  /* ВАЖНО: Картинка наверх */
  .gold-box-image-col {
    order: -1;
    margin-bottom: 20px;
  }
  .gold-box-content-col {
    order: 2;
  }

  .gold-headline {
    text-align: center;
  }
}

@media (max-width: 640px) {
  .gold-box-section-area {
    padding: 50px 0;
  }
  .gold-headline {
    text-align: left;
    font-size: 26px;
  }

  .gold-intro-card,
  .gold-where-buy {
    padding: 20px;
  }
  .gold-benefit-item {
    padding: 14px;
  }

  /* Кнопка на всю ширину */
  .gold-cta .mega-cta-btn {
    width: 100%;
    font-size: 18px;
    padding: 20px;
  }
}
/* ═══════════════════════════════════════════════════════════════
   СЕКЦИЯ: ЗОЛОТОЙ БИЛЕТ (СТИЛЬ: ВОГНУТЫЙ / CONCAVE)
   ═══════════════════════════════════════════════════════════════ */

.golden-ticket-section-area {
  position: relative;
  padding: 80px 0;
  /* Оранжевый фон */
  background: radial-gradient(
      circle at 85% 20%,
      rgba(255, 214, 150, 0.65) 0%,
      transparent 55%
    ),
    radial-gradient(
      circle at 15% 80%,
      rgba(255, 184, 110, 0.7) 0%,
      transparent 55%
    ),
    linear-gradient(135deg, #ff7a1f 0%, #ff9d3d 50%, #ffcc5c 100%);
  box-shadow: 0 -10px 22px rgba(0, 0, 0, 0.35) inset;
  overflow: hidden;
}

.golden-ticket-section-area::before {
  content: "";
  position: absolute;
  top: 0;
  left: 5%;
  right: 5%;
  height: 3px;
  border-radius: 999px;
  background: linear-gradient(
    to right,
    rgba(255, 241, 214, 1) 0%,
    rgba(255, 207, 150, 1) 25%,
    rgba(255, 184, 110, 1) 50%,
    rgba(255, 207, 150, 1) 75%,
    rgba(255, 241, 214, 1) 100%
  );
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.35);
}

.gt-wrapper {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 20px;
  display: flex;
  align-items: center;
  gap: 60px;
}

/* ДЕСКТОП: Текст (1), Картинка (2) */
.gt-content-col {
  flex: 1;
}
.gt-image-col {
  flex: 0 0 45%;
  position: relative;
}

.gt-img-container {
  position: relative;
  z-index: 2;
  filter: drop-shadow(0 20px 40px rgba(0, 0, 0, 0.5));
  transition: transform 0.3s ease;
}
.gt-img-container:hover {
  transform: scale(1.02);
}
.gt-main-img {
  width: 100%;
  height: auto;
  display: block;
}

/* Бейджик */
.gt-badge {
  position: absolute;
  top: 10px;
  right: 10px;
  background: linear-gradient(145deg, #ffd700, #f3b100);
  padding: 10px 20px;
  border-radius: 50px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
  border: 2px solid #fff;
  transform: rotate(10deg);
  z-index: 3;
}
.gt-badge-text {
  font-weight: 900;
  color: #5a3a00;
  font-size: 16px;
  white-space: nowrap;
}

/* ЗАГОЛОВОК */
.gt-headline {
  font-size: clamp(2rem, 4vw, 3rem);
  font-weight: 900;
  line-height: 1.1;
  color: #3a1b0d;
  margin-bottom: 24px;
  text-shadow: 0 2px 4px rgba(255, 230, 170, 0.4);
}
.gt-subheadline {
  display: block;
  color: #005a31; /* Зеленый */
  font-size: 0.7em;
  margin-top: 8px;
  text-shadow: 0 1px 2px rgba(255, 255, 255, 0.4);
}

/* ВОГНУТАЯ ПЛАШКА */
.gt-intro-card {
  background: linear-gradient(145deg, #8b3d1f, #6a2814);
  padding: 24px;
  border-radius: 20px;
  margin-bottom: 24px;
  border-top: 2px solid rgba(255, 210, 160, 0.5);
  border-left: 2px solid rgba(255, 210, 160, 0.4);
  border-right: 2px solid rgba(0, 0, 0, 0.8);
  border-bottom: 2px solid rgba(0, 0, 0, 0.9);
  box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.4);
}
.gt-intro-card p {
  font-size: 16px;
  line-height: 1.6;
  color: #fff9f0;
  font-weight: 500;
  margin-bottom: 12px;
}
.gt-intro-card p:last-child {
  margin-bottom: 0;
}
.gt-intro-card strong {
  color: #ffdb9d;
}

/* СПИСОК (ВОГНУТЫЙ / CONCAVE) */
.gt-benefits-list {
  list-style: none;
  padding: 0;
  margin: 30px 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.gt-benefit-item {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 16px 20px;
  border-radius: 20px;

  /* ЗЕЛЕНЫЙ ВОГНУТЫЙ ФОН */
  background: linear-gradient(145deg, #1b4d2c, #2a5d3a);

  /* Инсет-границы */
  border-top: 2px solid rgba(120, 190, 140, 0.5);
  border-left: 2px solid rgba(120, 190, 140, 0.4);
  border-right: 2px solid rgba(10, 25, 15, 0.8);
  border-bottom: 2px solid rgba(5, 15, 10, 0.9);

  /* Внутренняя тень */
  box-shadow: inset 3px 3px 8px rgba(0, 0, 0, 0.5),
    inset -2px -2px 5px rgba(255, 255, 255, 0.1);

  transition: transform 0.2s;
}
.gt-benefit-item:hover {
  transform: translateX(5px);
}

.gt-icon-circle {
  flex-shrink: 0;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: radial-gradient(circle at 30% 20%, #fff6c8 0%, #ffd533 100%);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #2a1810;
}
.gt-svg {
  width: 24px;
  height: 24px;
}

.gt-benefit-text {
  font-size: 15px;
  line-height: 1.4;
  color: #e0eadd;
}
.gt-benefit-text strong {
  color: #fff;
  font-size: 16px;
  display: block;
  margin-bottom: 2px;
}

.gt-cta {
  margin-top: 10px;
  text-align: center;
}

/* ═══════════════════════════════════════════════════════════════
   АДАПТИВНОСТЬ
   ═══════════════════════════════════════════════════════════════ */

@media (max-width: 968px) {
  .gt-wrapper {
    flex-direction: column;
    gap: 40px;
  }
  .gt-content-col,
  .gt-image-col {
    flex: 0 0 100%;
    width: 100%;
  }
  .gt-img-container {
    max-width: 500px;
    margin: 0 auto;
  }

  /* МОБИЛЬНЫЙ: Картинка наверх */
  .gt-image-col {
    order: -1;
    margin-bottom: 20px;
  }
  .gt-content-col {
    order: 2;
  }

  .gt-headline {
    text-align: center;
  }
}

@media (max-width: 640px) {
  .golden-ticket-section-area {
    padding: 50px 0;
  }
  .gt-headline {
    text-align: left;
    font-size: 26px;
  }

  .gt-intro-card {
    padding: 20px;
  }
  .gt-benefit-item {
    padding: 14px;
  }

  /* Кнопка на всю ширину */
  .gt-cta .mega-cta-btn {
    width: 100%;
    font-size: 18px;
    padding: 20px;
  }
}
/* ═══════════════════════════════════════════════════════════════
   СЕКЦИЯ: АДВЕНТ-КАЛЕНДАРЬ (СТИЛЬ: ВЫПУКЛЫЙ / CONVEX)
   ═══════════════════════════════════════════════════════════════ */

.advent-section-area {
  position: relative;
  padding: 80px 0;
  /* Оранжевый фон */
  background: radial-gradient(
      circle at 15% 80%,
      rgba(255, 214, 150, 0.65) 0%,
      transparent 55%
    ),
    radial-gradient(
      circle at 85% 20%,
      rgba(255, 184, 110, 0.7) 0%,
      transparent 55%
    ),
    linear-gradient(135deg, #ff7a1f 0%, #ff9d3d 50%, #ffcc5c 100%);
  box-shadow: 0 -10px 22px rgba(0, 0, 0, 0.35) inset;
  overflow: hidden;
}

.advent-section-area::before {
  content: "";
  position: absolute;
  top: 0;
  left: 5%;
  right: 5%;
  height: 3px;
  border-radius: 999px;
  background: linear-gradient(
    to right,
    rgba(255, 241, 214, 1) 0%,
    rgba(255, 207, 150, 1) 25%,
    rgba(255, 184, 110, 1) 50%,
    rgba(255, 207, 150, 1) 75%,
    rgba(255, 241, 214, 1) 100%
  );
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.35);
}

.advent-wrapper {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 20px;
  display: flex;
  align-items: center;
  gap: 60px;
}

/* ДЕСКТОП: Картинка (1), Текст (2) */
.advent-image-col {
  flex: 0 0 45%;
  position: relative;
}
.advent-content-col {
  flex: 1;
}

.advent-img-container {
  position: relative;
  z-index: 2;
  filter: drop-shadow(0 20px 40px rgba(0, 0, 0, 0.5));
  transition: transform 0.3s ease;
}
.advent-img-container:hover {
  transform: scale(1.02);
}
.advent-main-img {
  width: 100%;
  height: auto;
  display: block;
}

/* Бейджик */
.advent-badge {
  position: absolute;
  top: 0;
  right: 0;
  background: linear-gradient(145deg, #dc2626, #991b1b);
  padding: 10px 20px;
  border-radius: 20px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
  border: 2px solid rgba(255, 255, 255, 0.3);
  transform: rotate(5deg);
  z-index: 3;
}
.advent-badge-text {
  font-weight: 900;
  color: #fff;
  font-size: 18px;
  white-space: nowrap;
}

/* ЗАГОЛОВОК */
.advent-headline {
  font-size: clamp(2rem, 4vw, 3rem);
  font-weight: 900;
  line-height: 1.1;
  color: #3a1b0d;
  margin-bottom: 24px;
  text-shadow: 0 2px 4px rgba(255, 230, 170, 0.4);
}
.advent-subheadline {
  display: block;
  color: #005a31; /* Зеленый */
  font-size: 0.7em;
  margin-top: 8px;
  text-shadow: 0 1px 2px rgba(255, 255, 255, 0.4);
}

/* ВОГНУТАЯ ПЛАШКА ТЕКСТА */
.advent-intro-card {
  background: linear-gradient(145deg, #8b3d1f, #6a2814);
  padding: 24px;
  border-radius: 20px;
  margin-bottom: 24px;
  border-top: 2px solid rgba(255, 210, 160, 0.5);
  border-left: 2px solid rgba(255, 210, 160, 0.4);
  border-right: 2px solid rgba(0, 0, 0, 0.8);
  border-bottom: 2px solid rgba(0, 0, 0, 0.9);
  box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.4);
}
.advent-intro-card p {
  font-size: 16px;
  line-height: 1.6;
  color: #fff9f0;
  font-weight: 500;
  margin-bottom: 12px;
}
.advent-intro-card p:last-child {
  margin-bottom: 0;
}
.advent-intro-card strong {
  color: #ffdb9d;
}

/* СПИСОК (ВЫПУКЛЫЙ / CONVEX) */
.advent-benefits-list {
  list-style: none;
  padding: 0;
  margin: 30px 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.advent-benefit-item {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 16px 20px;
  border-radius: 20px;

  /* ЗЕЛЕНЫЙ ВЫПУКЛЫЙ ФОН */
  background: linear-gradient(145deg, #2a5d3a, #1b4d2c);

  /* Выпуклые границы */
  border-top: 2px solid rgba(150, 220, 170, 0.6);
  border-left: 2px solid rgba(150, 220, 170, 0.5);
  border-right: 2px solid rgba(0, 0, 0, 0.8);
  border-bottom: 2px solid rgba(0, 0, 0, 0.9);

  /* Тень наружу */
  box-shadow: 0 8px 15px rgba(0, 0, 0, 0.35);

  position: relative;
  overflow: hidden;
  transition: transform 0.2s;
}
.advent-benefit-item:hover {
  transform: translateX(5px);
}

/* Блик */
.advent-benefit-item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0.15),
    transparent
  );
  pointer-events: none;
}

.advent-icon-circle {
  flex-shrink: 0;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: radial-gradient(circle at 30% 20%, #fff6c8 0%, #ffd533 100%);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #2a1810;
}
.advent-svg {
  width: 24px;
  height: 24px;
}

.advent-benefit-text {
  font-size: 15px;
  line-height: 1.4;
  color: #fff;
  font-weight: 500;
}
.advent-benefit-text strong {
  color: #ffdb9d;
  font-weight: 800;
  display: block;
  margin-bottom: 2px;
}

.advent-cta {
  margin-top: 10px;
  text-align: center;
}

/* ═══════════════════════════════════════════════════════════════
   АДАПТИВНОСТЬ
   ═══════════════════════════════════════════════════════════════ */

@media (max-width: 968px) {
  .advent-wrapper {
    flex-direction: column;
    gap: 40px;
  }
  .advent-image-col,
  .advent-content-col {
    flex: 0 0 100%;
    width: 100%;
  }
  .advent-img-container {
    max-width: 500px;
    margin: 0 auto;
  }

  /* МОБИЛЬНЫЙ: Картинка наверх */
  .advent-image-col {
    order: -1;
    margin-bottom: 20px;
  }
  .advent-content-col {
    order: 2;
  }

  .advent-headline {
    text-align: center;
  }
}

@media (max-width: 640px) {
  .advent-section-area {
    padding: 50px 0;
  }
  .advent-headline {
    text-align: left;
    font-size: 26px;
  }

  .advent-intro-card {
    padding: 20px;
  }
  .advent-benefit-item {
    padding: 14px;
  }

  /* Кнопка на всю ширину */
  .advent-cta .mega-cta-btn {
    width: 100%;
    font-size: 18px;
    padding: 20px;
  }
}
/* ═══════════════════════════════════════════════════════════════
   СЕКЦИЯ: ИСТОРИИ ПОБЕДИТЕЛЕЙ (ИСПРАВЛЕННАЯ)
   Карточки: Темно-зеленые, с ЖЕСТКИМ ВОГНУТЫМ (INSET) эффектом
   Интро: Коричневое, как везде
   ═══════════════════════════════════════════════════════════════ */

.stories-section-area {
  position: relative;
  padding: 80px 0;
  /* Оранжевый фон */
  background: radial-gradient(
      circle at 50% 50%,
      rgba(255, 230, 160, 0.5) 0%,
      transparent 70%
    ),
    linear-gradient(135deg, #ff9d3d 0%, #ffb85c 100%);
  box-shadow: 0 -10px 22px rgba(0, 0, 0, 0.35) inset;
}

.stories-section-area::before {
  content: "";
  position: absolute;
  top: 0;
  left: 5%;
  right: 5%;
  height: 3px;
  border-radius: 999px;
  background: linear-gradient(
    to right,
    rgba(255, 241, 214, 1) 0%,
    rgba(255, 207, 150, 1) 25%,
    rgba(255, 184, 110, 1) 50%,
    rgba(255, 207, 150, 1) 75%,
    rgba(255, 241, 214, 1) 100%
  );
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.35);
}

.stories-wrapper {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 20px;
}

/* ЗАГОЛОВОК СЕКЦИИ */
.stories-header {
  text-align: center;
  margin-bottom: 50px;
}
.stories-logo-small {
  width: 120px;
  height: auto;
  margin-bottom: 20px;
  filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.3));
}
.stories-headline {
  font-size: clamp(2rem, 5vw, 3rem);
  font-weight: 900;
  line-height: 1.1;
  color: #3a1b0d;
  margin-bottom: 20px;
}
.stories-subheadline {
  display: block;
  color: #005a31;
  font-size: 0.6em;
  margin-top: 10px;
}

/* ИНТРО (ИСПРАВЛЕНО: КОРИЧНЕВАЯ ВОГНУТАЯ ПЛАШКА, КАК ВЕЗДЕ) */
.stories-intro {
  max-width: 800px;
  margin: 0 auto;
  background: linear-gradient(145deg, #8b3d1f, #6a2814); /* Вернул коричневый */
  padding: 24px 30px;
  border-radius: 20px;

  /* Вогнутые границы */
  border-top: 2px solid rgba(255, 210, 160, 0.5);
  border-left: 2px solid rgba(255, 210, 160, 0.4);
  border-right: 2px solid rgba(0, 0, 0, 0.8);
  border-bottom: 2px solid rgba(0, 0, 0, 0.9);

  box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.4);
}
.stories-intro p {
  color: #fff9f0;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 500;
}

/* СЕТКА ИСТОРИЙ */
.stories-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
  margin-bottom: 40px;
}

/* 
   КАРТОЧКА: ТЕМНО-ЗЕЛЕНАЯ + ЖЕСТКАЯ ВОГНУТОСТЬ (ДВОЙНОЙ БОРДЮР)
*/
.story-card {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 32px;
  border-radius: 24px;

  /* Темно-зеленый фон (сукно) */
  background: #0b311e;

  /* 
       ДВОЙНОЙ БОРДЮР (Эффект рамки):
       1. Внешняя граница (border) - темная, чтобы отделить от оранжевого фона.
       2. Внутренняя тень (box-shadow inset) - создает эффект вдавленности.
    */
  border: 3px solid #051a10; /* Темно-темно зеленый контур */

  /* Жесткие внутренние тени для объема (InseT) */
  box-shadow: 
        /* Светлый блик внутри сверху и слева (имитация фаски) */ inset
      2px 2px 0px rgba(255, 255, 255, 0.15),
    /* Темная тень внутри снизу и справа */ inset -2px -2px 0px
      rgba(0, 0, 0, 0.6),
    /* Глубокая тень внутри по углам */ inset 0 0 20px rgba(0, 0, 0, 0.8),
    /* Внешняя тень под карточкой */ 0 10px 25px rgba(0, 0, 0, 0.25);

  transition: transform 0.2s ease;
}

/* При наведении чуть "всплывает" */
.story-card:hover {
  transform: translateY(-3px);
  background: #0d3822;
}

/* Иконка цитаты */
.story-quote-icon {
  position: absolute;
  top: 20px;
  right: 25px;
  font-size: 60px;
  line-height: 1;
  color: transparent;
  -webkit-text-stroke: 2px rgba(255, 215, 0, 0.2);
  font-family: serif;
  pointer-events: none;
}

.story-content {
  flex-grow: 1;
  position: relative;
  z-index: 2;
}

/* ИМЯ */
.story-winner-name {
  font-size: 22px;
  font-weight: 800;
  color: #ffffff;
  margin-bottom: 4px;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}

/* ГОРОД */
.story-city {
  font-size: 13px;
  color: #ffdb9d;
  margin-bottom: 24px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

/* ЦИТАТА */
.story-quote {
  font-size: 17px;
  line-height: 1.6;
  font-style: italic;
  color: #ffffff;
  margin: 0 0 24px 0;
  padding-left: 18px;
  border-left: 3px solid #ffbb33;
}

/* ТЕКСТ */
.story-text {
  font-size: 15px;
  color: #d0e0d6;
  line-height: 1.6;
  margin-bottom: 24px;
}

/* ФУТЕР */
.story-footer {
  position: relative;
  z-index: 2;
  padding-top: 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.story-prize-label {
  font-size: 14px;
  color: #a5d6a7;
  font-weight: 600;
}
.story-prize-value {
  font-size: 26px;
  font-weight: 900;
  background: linear-gradient(to right, #ffd700, #ffaa00);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: 0 2px 10px rgba(255, 215, 0, 0.2);
}

/* КНОПКА */
.stories-cta-block {
  text-align: center;
  margin-top: 50px;
}
.stories-cta-text {
  font-size: 20px;
  font-weight: 700;
  color: #3a1b0d;
  margin-bottom: 16px;
}

/* АДАПТИВНОСТЬ */
@media (max-width: 900px) {
  .stories-grid {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 640px) {
  .stories-section-area {
    padding: 60px 0;
  }
  .stories-headline {
    font-size: 26px;
  }
  .story-card {
    padding: 24px;
  }
  .story-quote {
    font-size: 16px;
  }
  .stories-cta-block .mega-cta-btn {
    width: 100%;
    padding: 20px;
    font-size: 18px;
  }
}
/* ═══════════════════════════════════════════════════════════════
   СЕКЦИЯ: ПОЛУЧЕНИЕ ВЫИГРЫША И НАЛОГИ
   СТИЛЬ: ВСЕ КАРТОЧКИ ЗЕЛЕНЫЕ (PREMIUM)
   ЛОГИКА: 1-й блок ВЫПУКЛЫЙ, 2-й блок ВОГНУТЫЙ
   ═══════════════════════════════════════════════════════════════ */

.payout-section-area {
  position: relative;
  padding: 80px 0;
  /* Оранжевый фон */
  background: radial-gradient(
      circle at 15% 80%,
      rgba(255, 214, 150, 0.65) 0%,
      transparent 55%
    ),
    radial-gradient(
      circle at 85% 20%,
      rgba(255, 184, 110, 0.7) 0%,
      transparent 55%
    ),
    linear-gradient(135deg, #ff7a1f 0%, #ff9d3d 50%, #ffcc5c 100%);
  box-shadow: 0 -10px 22px rgba(0, 0, 0, 0.35) inset;
}

.payout-section-area::before {
  content: "";
  position: absolute;
  top: 0;
  left: 5%;
  right: 5%;
  height: 3px;
  border-radius: 999px;
  background: linear-gradient(
    to right,
    rgba(255, 241, 214, 1) 0%,
    rgba(255, 207, 150, 1) 25%,
    rgba(255, 184, 110, 1) 50%,
    rgba(255, 207, 150, 1) 75%,
    rgba(255, 241, 214, 1) 100%
  );
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.35);
}

.payout-wrapper {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 20px;
}

/* ЛОГОТИП */
.payout-logo-container {
  display: flex;
  justify-content: center;
  margin-bottom: 24px;
}
.payout-logo-img {
  width: 200px;
  height: auto;
  filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.3));
}

/* ЗАГОЛОВКИ */
.payout-headline {
  font-size: clamp(2rem, 5vw, 3rem);
  font-weight: 900;
  line-height: 1.1;
  color: #3a1b0d;
  margin-bottom: 30px;
  text-align: center;
  text-shadow: 0 2px 4px rgba(255, 230, 170, 0.4);
}
.payout-subheadline {
  display: block;
  color: #005a31;
  font-size: 0.6em;
  margin-top: 10px;
  text-shadow: 0 1px 2px rgba(255, 255, 255, 0.4);
}

/* --- БЛОК 1: КАК ЗАБРАТЬ (ВЫПУКЛЫЕ / CONVEX) --- */

.payout-methods-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
  margin-bottom: 60px;
}

.payout-card-convex {
  /* Зеленый градиент "наружу" */
  background: linear-gradient(145deg, #2a5d3a, #1b4d2c);
  border-radius: 24px;
  padding: 24px;
  text-align: center;

  /* Эффект выпуклости (свет сверху-слева, тень снизу-справа) */
  border-top: 2px solid rgba(150, 220, 170, 0.6);
  border-left: 2px solid rgba(150, 220, 170, 0.5);
  border-right: 2px solid rgba(0, 0, 0, 0.8);
  border-bottom: 2px solid rgba(0, 0, 0, 0.9);

  box-shadow: 0 15px 25px rgba(0, 0, 0, 0.35);
  transition: transform 0.2s;
  position: relative;
  overflow: hidden;
}

/* Блик для объема */
.payout-card-convex::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 40%;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.1), transparent);
  pointer-events: none;
}

.payout-card-convex:hover {
  transform: translateY(-5px);
}

.payout-icon-circle {
  width: 60px;
  height: 60px;
  margin: 0 auto 16px;
  border-radius: 50%;
  background: radial-gradient(circle at 30% 20%, #fff6c8 0%, #ffd533 100%);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #2a1810;
  position: relative;
  z-index: 2;
}
.payout-svg {
  width: 28px;
  height: 28px;
}

.payout-card-title {
  font-size: 18px;
  font-weight: 800;
  color: #ffffff;
  margin-bottom: 10px;
  position: relative;
  z-index: 2;
}
.payout-card-desc {
  font-size: 14px;
  color: #e8f5e9;
  line-height: 1.5;
  position: relative;
  z-index: 2;
}

/* РАЗДЕЛИТЕЛЬ */
.payout-divider {
  height: 2px;
  background: linear-gradient(to right, transparent, #3a1b0d, transparent);
  margin: 0 auto 50px;
  opacity: 0.3;
  max-width: 600px;
}

/* ИНТРО НАЛОГОВ */
.payout-intro-text {
  text-align: center;
  max-width: 800px;
  margin: 0 auto 40px;
}
.payout-intro-text p {
  font-size: 17px;
  color: #3a1b0d;
  font-weight: 700;
}

/* --- БЛОК 2: РАСЧЕТ НАЛОГА (ВОГНУТЫЕ / INSET) --- */

.tax-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
  margin-bottom: 40px;
}

.tax-card {
  /* Темный зеленый фон "вглубь" */
  background: #0b311e;
  border-radius: 20px;
  padding: 24px;
  text-align: center;

  /* Эффект вдавленности (Inset) */
  /* Жесткая рамка снаружи */
  border: 3px solid #051a10;

  /* Тени внутри: Темная сверху-слева, Светлая снизу-справа (блик фаски) */
  box-shadow: inset 3px 3px 10px rgba(0, 0, 0, 0.8),
    inset -1px -1px 0 rgba(255, 255, 255, 0.15), 0 5px 15px rgba(0, 0, 0, 0.2); /* Небольшая тень снаружи */

  transition: transform 0.3s;
}

.tax-card:hover {
  transform: translateY(-3px);
}

.tax-header {
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
  padding-bottom: 15px;
  margin-bottom: 15px;
}
.tax-title {
  display: block;
  font-size: 13px;
  color: #a5d6a7;
  text-transform: uppercase;
  margin-bottom: 5px;
  font-weight: 700;
  letter-spacing: 0.05em;
}

/* Суммы выигрыша (Золотые) */
.tax-amount-big {
  display: block;
  font-size: 24px;
  font-weight: 900;
  background: linear-gradient(to bottom, #ffd700, #ffaa00);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.tax-amount-medium {
  display: block;
  font-size: 20px;
  font-weight: 900;
  background: linear-gradient(to bottom, #ffd700, #ffaa00);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.tax-amount-small {
  display: block;
  font-size: 20px;
  font-weight: 900;
  background: linear-gradient(to bottom, #ffd700, #ffaa00);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Тело таблицы */
.tax-body {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.tax-row {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  color: #e0eadd;
}
/* Красный минус (светлее, чтобы читался на зеленом) */
.tax-minus {
  color: #ff8a80;
  font-weight: 600;
}

.tax-total-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px dashed rgba(255, 255, 255, 0.3);
}
.tax-total-row span:first-child {
  font-weight: 700;
  color: #fff;
}

/* Итоговая сумма на руки (Белая яркая) */
.tax-final {
  font-size: 19px;
  font-weight: 900;
  color: #ffffff;
  text-shadow: 0 0 10px rgba(255, 255, 255, 0.3);
}

/* КНОПКА */
.payout-cta-wrapper {
  text-align: center;
  margin-top: 40px;
}

/* АДАПТИВНОСТЬ */
@media (max-width: 968px) {
  .payout-methods-grid,
  .tax-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .payout-methods-grid > article:last-child,
  .tax-grid > article:last-child {
    grid-column: span 2;
  }
}

@media (max-width: 640px) {
  .payout-methods-grid,
  .tax-grid {
    grid-template-columns: 1fr;
  }
  .payout-methods-grid > article:last-child,
  .tax-grid > article:last-child {
    grid-column: auto;
  }

  .payout-section-area {
    padding: 60px 0;
  }
  .payout-headline {
    font-size: 26px;
  }

  .payout-cta-wrapper .mega-cta-btn {
    width: 100%;
    font-size: 18px;
    padding: 20px;
  }
}
/* ═══════════════════════════════════════════════════════════════
   СЕКЦИЯ: FAQ (ВОПРОСЫ И ОТВЕТЫ)
   СТИЛЬ: ЗЕЛЕНЫЕ ВЫПУКЛЫЕ КНОПКИ + РАСКРЫВАЮЩИЕСЯ ОТВЕТЫ
   ═══════════════════════════════════════════════════════════════ */

.faq-section-area {
  position: relative;
  padding: 80px 0;
  /* Оранжевый фон */
  background: radial-gradient(
      circle at 15% 80%,
      rgba(255, 214, 150, 0.65) 0%,
      transparent 55%
    ),
    radial-gradient(
      circle at 85% 20%,
      rgba(255, 184, 110, 0.7) 0%,
      transparent 55%
    ),
    linear-gradient(135deg, #ff7a1f 0%, #ff9d3d 50%, #ffcc5c 100%);
  box-shadow: 0 -10px 22px rgba(0, 0, 0, 0.35) inset;
}

.faq-section-area::before {
  content: "";
  position: absolute;
  top: 0;
  left: 5%;
  right: 5%;
  height: 3px;
  border-radius: 999px;
  background: linear-gradient(
    to right,
    rgba(255, 241, 214, 1) 0%,
    rgba(255, 207, 150, 1) 25%,
    rgba(255, 184, 110, 1) 50%,
    rgba(255, 207, 150, 1) 75%,
    rgba(255, 241, 214, 1) 100%
  );
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.35);
}

.faq-wrapper {
  max-width: 900px; /* Уже, чем обычно, для удобства чтения */
  margin: 0 auto;
  padding: 0 20px;
}

/* ЛОГОТИП */
.faq-logo-container {
  display: flex;
  justify-content: center;
  margin-bottom: 24px;
}
.faq-logo-img {
  width: 150px;
  height: auto;
  filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.3));
}

/* ЗАГОЛОВОК */
.faq-headline {
  font-size: clamp(2rem, 5vw, 3rem);
  font-weight: 900;
  line-height: 1.1;
  color: #3a1b0d;
  margin-bottom: 40px;
  text-align: center;
  text-shadow: 0 2px 4px rgba(255, 230, 170, 0.4);
}
.faq-subheadline {
  display: block;
  color: #005a31;
  font-size: 0.6em;
  margin-top: 10px;
}

/* АККОРДЕОН */
.faq-accordion {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 50px;
}

.faq-item {
  position: relative;
}

/* КНОПКА ВОПРОСА: ЗЕЛЕНАЯ, ВЫПУКЛАЯ */
.faq-question-btn {
  width: 100%;
  text-align: left;
  padding: 20px 24px;
  border-radius: 16px;

  background: linear-gradient(145deg, #2a5d3a, #1b4d2c);

  /* Выпуклый эффект */
  border-top: 2px solid rgba(150, 220, 170, 0.5);
  border-left: 2px solid rgba(150, 220, 170, 0.4);
  border-right: 2px solid rgba(0, 0, 0, 0.6);
  border-bottom: 2px solid rgba(0, 0, 0, 0.7);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.25);

  color: #fff;
  font-size: 18px;
  font-weight: 700;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: transform 0.2s, background 0.3s;
}

.faq-question-btn:hover {
  transform: translateY(-2px);
  background: linear-gradient(145deg, #326e45, #1f5732);
}

/* Иконка плюса */
.faq-icon {
  font-size: 24px;
  font-weight: 400;
  color: #ffdb9d;
  transition: transform 0.3s;
}

/* АКТИВНОЕ СОСТОЯНИЕ (Открыт) */
.faq-item.active .faq-question-btn {
  /* При открытии кнопка чуть "прилипает" к ответу */
  border-radius: 16px 16px 0 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
}
.faq-item.active .faq-icon {
  transform: rotate(45deg); /* Плюс превращается в крестик */
  color: #ff8a80;
}

/* БЛОК ОТВЕТА (Скрыт по умолчанию) */
.faq-answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-out;
  border-radius: 0 0 16px 16px;

  /* Фон ответа: Коричневый вогнутый */
  background: #4e2a1e;
  box-shadow: inset 0 5px 10px rgba(0, 0, 0, 0.4);
}

.faq-item.active .faq-answer {
  max-height: 500px; /* Достаточно для текста */
}

.faq-answer-inner {
  padding: 24px;
  color: #fff9f0;
  font-size: 16px;
  line-height: 1.6;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.faq-answer-inner ul,
.faq-answer-inner ol {
  margin: 10px 0 0 20px;
}
.faq-answer-inner li {
  margin-bottom: 8px;
}
.faq-answer-inner strong {
  color: #ffdb9d;
}

/* КНОПКА */
.faq-cta-wrapper {
  text-align: center;
}

@media (max-width: 640px) {
  .faq-headline {
    font-size: 24px;
  }
  .faq-question-btn {
    font-size: 16px;
    padding: 16px 20px;
  }
  .faq-cta-wrapper .mega-cta-btn {
    width: 100%;
    font-size: 18px;
    padding: 20px;
  }
}
/* ═══════════════════════════════════════════════════════════════
   СТИЛИ ДЛЯ НОВОГО ПОДВАЛА (АКЦЕНТ НА ЮРИДИЧЕСКОЙ ИНФОРМАЦИИ)
   ═══════════════════════════════════════════════════════════════ */

.site-footer-premium {
    padding: 80px 0 30px;
    background: linear-gradient(135deg, #1b4d2c, #102d1a);
    border-top: 4px solid #ffdb9d;
    box-shadow: inset 0 10px 25px rgba(0,0,0,0.5);
    position: relative;
}

.footer-premium-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    margin-bottom: 60px;
}

/* СТИЛЬ ВЫПУКЛОЙ КАРТОЧКИ */
.footer-card {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 30px 25px;
    border-radius: 24px;
    background: linear-gradient(145deg, #2a5d3a, #1b4d2c);
    border-top: 2px solid rgba(150, 220, 170, 0.6);
    border-left: 2px solid rgba(150, 220, 170, 0.5);
    border-right: 2px solid rgba(0, 0, 0, 0.8);
    border-bottom: 2px solid rgba(0, 0, 0, 0.9);
    box-shadow: 0 15px 25px rgba(0, 0, 0, 0.35);
    transition: transform 0.2s;
}

.footer-card:hover {
    transform: translateY(-5px);
}

/* СТИЛЬ 3D ЖЕТОНА */
.footer-token {
    width: 64px;
    height: 64px;
    margin-bottom: 20px;
    border-radius: 50%;
    background: radial-gradient(circle at 30% 20%, #fff6c8 0%, #ffd533 40%, #f3b100 100%);
    box-shadow: 0 6px 10px rgba(0,0,0,0.55), inset 3px 3px 8px rgba(255,255,255,0.65), inset -3px -5px 9px rgba(180,120,0,0.9);
    display: flex;
    align-items: center;
    justify-content: center;
}

.footer-svg {
    width: 28px;
    height: 28px;
    color: #2a1810;
}

.footer-heading {
    font-size: 20px;
    font-weight: 800;
    color: #ffffff;
    margin-bottom: 16px;
}

.footer-text-legal {
    font-size: 13px;
    line-height: 1.6;
    color: #c8e6c9; /* Сделал цвет текста чуть приглушеннее */
    margin-bottom: 12px;
    flex-grow: 1; /* Чтобы карточки были одной высоты */
}

.footer-text-legal strong {
    color: #fff;
}

.footer-link {
    color: #ffdb9d;
    text-decoration: none;
    font-weight: 600;
    transition: color 0.2s;
}

.footer-link:hover {
    color: #ffffff;
    text-decoration: underline;
}

.footer-link.highlight {
    font-weight: 700;
    color: #fff;
}

.footer-age-badge {
    margin-top: auto; /* Прижимает к низу карточки */
    background-color: rgba(0,0,0,0.3);
    color: #fff;
    font-weight: 700;
    font-size: 16px;
    padding: 5px 15px;
    border-radius: 10px;
    display: inline-block;
}

.footer-organizers {
    display: flex;
    flex-direction: column;
    gap: 8px;
    font-size: 13px;
    color: #c8e6c9;
    text-align: left; /* Для лучшей читаемости списка */
    width: 100%;
}
.footer-organizers strong {
    color: #ffdb9d;
}

/* НИЖНЯЯ ПАНЕЛЬ */
.footer-bottom-bar {
    padding-top: 30px;
    border-top: 1px solid rgba(255, 255, 255, 0.15);
    text-align: center;
    color: rgba(255, 255, 255, 0.6);
    font-size: 13px;
}

.footer-docs-links {
    margin-top: 10px;
    display: flex;
    justify-content: center;
    gap: 20px;
}

.footer-docs-links .footer-link {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.6);
}
.footer-docs-links .footer-link:hover {
    color: #fff;
}


/* АДАПТИВНОСТЬ ПОДВАЛА */
@media (max-width: 968px) {
    .footer-premium-grid {
        grid-template-columns: 1fr;
    }
    .footer-text-legal {
        flex-grow: 0; /* Отключаем выравнивание на мобильных */
    }
}
/* ═══════════════════════════════════════════════════════════════
   СТИЛИ ДЛЯ СЛУЖЕБНЫХ СТРАНИЦ (TERMS, PRIVACY)
   ═══════════════════════════════════════════════════════════════ */

/* Шапка на служебных страницах */
.legal-header {
    padding: 20px 0;
    background: rgba(0,0,0,0.2);
    border-bottom: 1px solid rgba(255,255,255,0.2);
}

.back-to-main-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    font-weight: 600;
    padding: 10px 20px;
    border-radius: 12px;
    background: rgba(255,255,255,0.1);
    transition: background 0.2s;
}

.back-to-main-btn:hover {
    background: rgba(255,255,255,0.2);
}

/* Основной контейнер с текстом */
.legal-container {
    max-width: 800px;
    margin: 40px auto;
    padding: 30px 40px;
    background: rgba(27, 77, 44, 0.9); /* Полупрозрачный темно-зеленый */
    border-radius: 20px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.3);
}

/* Типографика внутри контейнера */
.legal-container h1, 
.legal-container h2 {
    font-weight: 800;
    color: #ffffff;
    line-height: 1.2;
    margin-bottom: 15px;
    text-shadow: 0 2px 5px rgba(0,0,0,0.3);
    /* Решение проблемы с "вылезающими" заголовками */
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.legal-container h1 {
    font-size: clamp(2rem, 5vw, 2.8rem); /* Адаптивный размер шрифта */
    margin-bottom: 5px;
}

.legal-container h2 {
    font-size: clamp(1.5rem, 4vw, 1.8rem);
    margin-top: 30px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(255,255,255,0.2);
}

.legal-container .document-date {
    font-size: 14px;
    color: rgba(255,255,255,0.7);
    margin-bottom: 30px;
}

.legal-container p {
    font-size: 16px;
    color: #e0f2f1; /* Светло-бирюзовый для читаемости */
    margin-bottom: 1em;
}

.legal-container a {
    color: #ffdb9d; /* Золотой цвет для ссылок */
    text-decoration: none;
    font-weight: 600;
}

.legal-container a:hover {
    text-decoration: underline;
}

.legal-container strong {
    color: #fff;
    font-weight: 600;
}

/* Подвал на служебных страницах */
.legal-footer {
    padding: 20px 0;
    background: rgba(0,0,0,0.2);
    border-top: 1px solid rgba(255,255,255,0.2);
    text-align: center;
}

.legal-footer .back-to-main-btn {
    margin-top: 10px;
}

/* Адаптивность для служебных страниц */
@media (max-width: 768px) {
    .legal-container {
        margin: 20px auto;
        padding: 20px 25px;
    }
    
    .legal-container p {
        font-size: 15px;
    }
}
/* ═══════════════════════════════════════════════════════════════
   СТИЛИ ДЛЯ КНОПКИ "НАВЕРХ"
   ═══════════════════════════════════════════════════════════════ */

.scroll-top-btn {
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 1000;
    width: 60px;
    height: 60px;
    
    /* Скрыта по умолчанию */
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px);
    transition: opacity 0.3s, visibility 0.3s, transform 0.3s;
    
    /* Стиль выпуклой кнопки */
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    border-radius: 50%;
    background: linear-gradient(145deg, #dc2626, #b91c1c); /* Красный, как CTA */
    color: #ffffff;
    
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.4);
    border-top: 2px solid rgba(255, 120, 120, 0.7);
    border-left: 2px solid rgba(255, 120, 120, 0.6);
    border-right: 2px solid rgba(100, 15, 15, 0.9);
    border-bottom: 2px solid rgba(100, 15, 15, 0.95);
}

.scroll-top-btn svg {
    width: 36px;
    height: 36px;
    transform: translateY(-2px); /* Небольшая коррекция иконки по центру */
}

.scroll-top-btn:hover {
    background: linear-gradient(145deg, #ef4444, #dc2626);
    transform: translateY(-2px); /* Эффект приподнятия */
}

/* Класс для отображения кнопки */
.scroll-top-btn.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}