/* ============================================================
   ArtQuest — лёгкая полировка ДЕТСКИХ/общих страниц.
   Цель: убрать «серость» (плоский серый плейсхолдер под lazy-фото),
   усилить контраст бейджей/тегов БЕЗ переделки кастомного дизайна.
   Подключается на детских/общих страницах (НЕ на .aq-horror-page).
   Обёртки страниц: .aq-page (hbkids, welcome) и .aq-quest-page (квесты).
   ============================================================ */

/* 1. Тёплый брендовый плейсхолдер вместо плоского #d9d9d9 под lazy-картинками.
   Пока Tilda-lazy не подгрузила фото при скролле — зона выглядит «тёплой»,
   а не мёртво-серой. После загрузки background-image перекрывает цвет. */
.aq-page .t-bgimg,
.aq-page .tn-atom.t-bgimg,
.aq-page .t-slds__bgimg,
.aq-page [data-original],
.aq-quest-page .t-bgimg,
.aq-quest-page .tn-atom.t-bgimg,
.aq-quest-page .t-slds__bgimg,
.aq-quest-page [data-original] {
  background-color: #fdeaf1 !important;   /* мягкий тёплый розовый */
}

/* Карточные фото-зоны: лёгкий градиент, чтобы пустой кадр не был «дырой» */
.aq-page .aq-quest-photo,
.aq-page .aq-addon-photo,
.aq-page .aq-moments-card,
.aq-page .aq-image-wrap,
.aq-quest-page .aq-quest-photo,
.aq-quest-page .aq-addon-photo,
.aq-quest-page .aq-moments-card,
.aq-quest-page .aq-image-wrap {
  background-image: linear-gradient(135deg, #ffe3ee 0%, #e9edff 100%);
  background-color: #ffe3ee;
}

/* 2. Тени/глубина карточек — чуть выразительнее, чтобы не «плоско» */
.aq-page .aq-quest-card,
.aq-page .aq-package-card,
.aq-page .aq-addon-card,
.aq-page .aq-calm-card,
.aq-page .aq-guide-card,
.aq-quest-page .aq-quest-card,
.aq-quest-page .aq-package-card,
.aq-quest-page .aq-addon-card,
.aq-quest-page .aq-calm-card,
.aq-quest-page .aq-guide-card {
  box-shadow: 0 14px 34px rgba(60, 40, 90, .12), 0 2px 6px rgba(60, 40, 90, .06);
  transition: transform .2s ease, box-shadow .2s ease;
}
.aq-page .aq-quest-card:hover,
.aq-page .aq-package-card:hover,
.aq-page .aq-addon-card:hover,
.aq-quest-page .aq-quest-card:hover,
.aq-quest-page .aq-package-card:hover,
.aq-quest-page .aq-addon-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 22px 48px rgba(60, 40, 90, .18), 0 3px 8px rgba(60, 40, 90, .08);
}

/* 3. Бейджи/теги: мягкое сине-голубое стекло (не кислотный розовый).
   Высокая специфичность (.aq-page/.aq-quest-page) — это правило выигрывает. */
.aq-page .aq-quest-tag,
.aq-page .aq-addon-tag,
.aq-page .aq-quest-photo-badge,
.aq-page .aq-addon-photo-badge,
.aq-quest-page .aq-quest-tag,
.aq-quest-page .aq-addon-tag,
.aq-quest-page .aq-quest-photo-badge,
.aq-quest-page .aq-addon-photo-badge {
  background: linear-gradient(180deg, rgba(230, 243, 252, 0.94), rgba(214, 233, 248, 0.9)) !important;
  border: 1px solid rgba(96, 150, 200, 0.32) !important;
  color: #2f4660 !important;
  font-weight: 800 !important;
  box-shadow: 0 4px 12px rgba(60, 90, 140, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.7) !important;
}
/* Фото-бейджи поверх изображения — чуть плотнее, но в том же мягком ключе */
.aq-page .aq-quest-photo-badge,
.aq-page .aq-addon-photo-badge,
.aq-quest-page .aq-quest-photo-badge,
.aq-quest-page .aq-addon-photo-badge {
  background: rgba(237, 246, 253, 0.93) !important;
  border: 1px solid rgba(255, 255, 255, 0.85) !important;
  box-shadow: 0 6px 16px rgba(24, 35, 80, 0.18) !important;
}

/* Секционные бейджи — жирнее (были тонковаты) */
.aq-page .aq-quests-badge,
.aq-page .aq-packages-badge,
.aq-page .aq-addons-badge,
.aq-page .aq-reviews-badge,
.aq-page .aq-process-badge,
.aq-page .aq-calm-badge,
.aq-page .aq-moments-badge,
.aq-page .aq-faq-badge,
.aq-page .aq-guide-badge,
.aq-quest-page .aq-quests-badge,
.aq-quest-page .aq-packages-badge,
.aq-quest-page .aq-addons-badge,
.aq-quest-page .aq-reviews-badge,
.aq-quest-page .aq-process-badge {
  font-weight: 800 !important;
}

/* «Хит»-метка дополнения — ярче */
.aq-page .aq-addon-hit,
.aq-quest-page .aq-addon-hit {
  background: linear-gradient(90deg, #ff5b91, #ff7468) !important;
  color: #fff !important;
  box-shadow: 0 6px 16px rgba(255, 91, 145, .28);
}

/* ============================================================
   ТИПОГРАФИКА (ЧАСТЬ 2): контраст подписей и бейджей.
   Italic на страницах отсутствует — но фиксируем font-style:normal
   защитно для бейджей/подписей/CTA-подсказок.
   ============================================================ */

/* Файл подключается ТОЛЬКО на детских/общих страницах, поэтому правила
   ниже без обёртки — чтобы покрыть и секции вне .aq-page (например FAQ). */

/* 1. Вторичный текст / подписи: были #667089 (бледноваты) → темнее, читаемее */
.aq-desc,
.aq-quests-desc,
.aq-packages-desc,
.aq-addons-desc,
.aq-reviews-desc,
.aq-process-desc,
.aq-calm-desc,
.aq-moments-desc,
.aq-faq-desc,
.aq-guide-desc,
.aq-mini-note,
.aq-package-subtitle,
.aq-process-note-text,
.aq-reviews-note-text,
.aq-packages-note,
.aq-quest-text,
.aq-addon-text {
  color: #474e63 !important;   /* было #667089 — контраст ↑ (AA) */
  font-style: normal !important;
}

/* 2. Бледно-розовые бейджи (#ff6f8f на светлом) → насыщеннее и читаемее.
   Цвет ставим и на сам бейдж, и на вложенный текст/span. */
.aq-addons-badge,
.aq-addons-badge *,
.aq-quests-badge,
.aq-quests-badge *,
.aq-packages-badge,
.aq-packages-badge *,
.aq-reviews-badge,
.aq-reviews-badge *,
.aq-process-badge,
.aq-process-badge *,
.aq-calm-badge,
.aq-calm-badge *,
.aq-moments-badge,
.aq-moments-badge *,
.aq-faq-badge,
.aq-faq-badge *,
.aq-guide-badge,
.aq-guide-badge * {
  color: #d6336c !important;   /* был бледный #ff6f8f */
  font-style: normal !important;
}

/* 3. Защитно: никаких наклонов в служебных подписях/тегах/CTA-подсказках */
.aq-quest-tag,
.aq-addon-tag,
.aq-time,
.aq-badge,
.aq-mini-note,
.aq-quest-subtitle {
  font-style: normal !important;
}

/* ============================================================
   KIDS POLISH v2 — теги-чипсы, фото-бейджи, глубина hero/секций.
   Только визуал (фон/тень/бордер), структуру не трогаем.
   ============================================================ */

/* A. Теги на белых карточках были бел-прозрачными → невидимы.
   Мягкое сине-голубое стекло: видно, с тенью, бордером, читаемо. */
.aq-quest-tag,
.aq-addon-tag,
.aq-calm-card .aq-tag,
.aq-included-item,
.aq-quest-tags > span,
.aq-addon-tags > span {
  background: linear-gradient(180deg, rgba(230, 243, 252, 0.94), rgba(214, 233, 248, 0.9)) !important;
  border: 1px solid rgba(96, 150, 200, 0.32) !important;
  color: #2f4660 !important;
  font-weight: 800 !important;
  box-shadow: 0 4px 12px rgba(60, 90, 140, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.7) !important;
}

/* B. Бейджи поверх фото — мягкое бело-голубое стекло, читаемо на изображении */
.aq-quest-photo-badge,
.aq-addon-photo-badge {
  background: rgba(237, 246, 253, 0.93) !important;
  border: 1px solid rgba(255, 255, 255, 0.85) !important;
  color: #2f4660 !important;
  font-weight: 800 !important;
  box-shadow: 0 6px 16px rgba(24, 35, 80, 0.18) !important;
}

/* C. Hero /hbkids/ — усилить liquid glass: глубже тень, внутренний блик, мягкое свечение */
.aq-hero {
  box-shadow:
    0 34px 90px rgba(90, 120, 190, 0.20),
    inset 0 1px 0 rgba(255, 255, 255, 0.65),
    inset 0 0 0 1px rgba(255, 255, 255, 0.35) !important;
}
.aq-hero::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background:
    radial-gradient(60% 50% at 78% 12%, rgba(255, 145, 170, 0.18), transparent 70%),
    radial-gradient(50% 50% at 12% 88%, rgba(150, 200, 255, 0.16), transparent 70%);
  border-radius: inherit;
}

/* D. Секции-подложки — чуть ярче и с глубиной, чтобы блоки «вставали» как карточки.
   Ориентир — блоки отзывов/FAQ. */
.aq-quests-section,
.aq-addons-section,
.aq-process-section,
.aq-calm-section,
.aq-moments-section,
.aq-packages-section,
.aq-guide-section,
.aq-final-section {
  box-shadow: 0 26px 64px rgba(90, 110, 175, 0.16) !important;
  border: 1px solid rgba(255, 255, 255, 0.72) !important;
}

/* ============================================================
   P2 — списки-плашки («Что включено», «Что взять», итоговые пункты).
   Были бел-прозрачными (.54) на светлом фоне → читались как текст.
   Делаем НЕЙТРАЛЬНЫЕ бело-голубые glass-плашки (мягче карточных тегов).
   ============================================================ */
.aq-included-item,
.aq-final-point {
  background: rgba(244, 249, 253, 0.88) !important;
  border: 1px solid rgba(120, 160, 205, 0.24) !important;
  box-shadow: 0 4px 14px rgba(70, 100, 150, 0.10), inset 0 1px 0 rgba(255, 255, 255, 0.7) !important;
  color: #2f4660 !important;
}
/* Текст «Что взять с собой» — оформить как аккуратную плашку-заметку */
.aq-process-note {
  background: rgba(244, 249, 253, 0.9) !important;
  border: 1px solid rgba(120, 160, 205, 0.22) !important;
  border-radius: 22px !important;
  box-shadow: 0 6px 18px rgba(70, 100, 150, 0.10) !important;
  padding: 18px 22px !important;
}
/* Пункты «Что взять с собой» — мягкие chip-бейджи (тот же сине-голубой ключ,
   что и теги карточек). Были бел-прозрачными (.58) на светлой плашке-заметке
   → читались как обычный текст. Делаем плотнее и контрастнее. */
.aq-process-note .aq-process-note-list li {
  background: linear-gradient(180deg, rgba(230, 243, 252, 0.96), rgba(214, 233, 248, 0.92)) !important;
  border: 1px solid rgba(96, 150, 200, 0.32) !important;
  color: #2f4660 !important;
  font-weight: 800 !important;
  box-shadow: 0 4px 12px rgba(60, 90, 140, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.7) !important;
}
/* Список chip-бейджей: больше воздуха над списком и выравнивание по левому краю
   текста (глобальный ul давал padding-left ~20px → список «уезжал» вправо). */
.aq-process-note .aq-process-note-list {
  margin-top: 20px !important;
  padding-left: 0 !important;
  list-style: none !important;
}

/* ============================================================
   A/B эксперимент package_price_size (страница /hbkids/).
   Вариант A — без изменений (дефолт). Вариант B — цены пакетов
   заметно меньше, чтобы фокус сместился на состав пакета.
   Гейт — атрибут data-ab-pkgprice="B" на <html> (ставит JS до отрисовки).
   ============================================================ */
html[data-ab-pkgprice="B"] .aq-package-price {
  font-size: 28px !important;
  line-height: 1.1 !important;
}
@media (max-width: 640px) {
  html[data-ab-pkgprice="B"] .aq-package-price {
    font-size: 24px !important;
  }
}