/* =============================================================================
   design-upgrade-v2.css  ·  ?v=v2-1
   Site-wide премиальный слой: Quiet Medical Luxury + AI Beauty Lab.
   Грузится ПОСЛЕ main.css / pages.css / calculator.css / rtl.css / motion.css
   и после design-upgrade-v1 / mobile-upgrade-v1 (v1 НЕ удаляем — v2 расширяет).
   Подключается на 18 страницах (9 RU + 9 HE), включая /body/ и /prices/.

   Правила безопасности, соблюдённые здесь:
   - НЕТ !important;
   - все decorative-слои: pointer-events:none + z-index:-1 (ниже контента) + low opacity;
   - hover-эффекты только @media (hover:hover) and (pointer:fine);
   - motion выключается @media (prefers-reduced-motion:reduce);
   - direction-neutral: логические свойства / симметрия, без left/right-хардкода (RTL-safe);
   - НИКАКОЙ логики: JS, цены, WhatsApp-тексты, SEO, формы, calculator не тронуты.
   ============================================================================= */

/* -----------------------------------------------------------------------------
   A · БАЗА / ТОКЕНЫ (site-wide на всех подключённых страницах)
----------------------------------------------------------------------------- */
:root{
  /* Единая система скруглений (распространяем v1 на весь сайт). */
  --r-lg:20px;
  --r-md:16px;

  /* Мягче тени — «дорого и легко», без тяжести. */
  --shadow:0 20px 54px rgba(83,61,31,.11);
  --shadow-soft:0 14px 34px rgba(83,61,31,.08);
  --shadow-card:0 8px 24px rgba(83,61,31,.06);
}

/* Дисциплина eyebrow: без золотой точки-по-умолчанию на каждой секции. */
.eyebrow{ gap:0; letter-spacing:.16em; }
.eyebrow::before{ display:none; }

/* Заголовки — ровные строки без «сирот». */
h1, h2, h3{ text-wrap:balance; }

/* -----------------------------------------------------------------------------
   B · КАРТОЧКИ — премиальный hover ТОЛЬКО на desktop (мышь + hover).
   На мобильном/тач — никаких hover/floating эффектов.
----------------------------------------------------------------------------- */
@media (hover:hover) and (pointer:fine){
  .svc-card, .choose-card, .dir-card, .feat-card, .flag-card,
  .rule-card, .why-item, .info-row{
    transition:transform .35s cubic-bezier(.22,.61,.36,1),
               box-shadow .35s cubic-bezier(.22,.61,.36,1);
  }
  /* мягкий микроподъём 3px + мягкая тень, без пружин/тряски */
  .svc-card:hover, .choose-card:hover, .dir-card:hover, .feat-card:hover,
  .flag-card:hover, .rule-card:hover, .why-item:hover{
    transform:translateY(-3px);
    box-shadow:var(--shadow-soft);
  }
  /* контактные строки — спокойно, только тень, без подъёма */
  .info-row:hover{ box-shadow:var(--shadow-card); }
}

/* -----------------------------------------------------------------------------
   C · WhatsApp CTA — «живой», но мягкий: медленное дыхание тени.
   Не кислотный, без расширяющихся колец, не «игровая кнопка».
----------------------------------------------------------------------------- */
@keyframes waBreath{
  0%, 100%{ box-shadow:0 12px 26px rgba(31,171,84,.20); }
  50%{ box-shadow:0 14px 32px rgba(31,171,84,.30); }
}
.btn-wa{ animation:waBreath 4.4s ease-in-out infinite; }
@media (hover:hover) and (pointer:fine){
  .btn-wa{ transition:transform .2s ease, box-shadow .3s ease; }
  .btn-wa:hover{ transform:translateY(-1px); box-shadow:0 16px 34px rgba(31,171,84,.32); }
}

/* -----------------------------------------------------------------------------
   D · AMBIENT LIGHT — очень сдержанно, ТОЛЬКО 4 точки (не на каждой карточке):
   hero главной, AI-модуль диагностики, флагманы laser и cosmetology.
   Decorative-слой: pointer-events:none, z-index:-1 (над фоном хоста, под текстом),
   низкая непрозрачность, очень медленный дрейф. Дополняет motion.css, не дублирует.
----------------------------------------------------------------------------- */
.page-home .hero,
.page-diagnostic .diag-card.aiscan,
.page-laser .vectus-show,
.page-cosmetology .flag-combo-wide,
.page-body .program-panel{
  position:relative;
}
.page-home .hero::after,
.page-diagnostic .diag-card.aiscan::after,
.page-laser .vectus-show::after,
.page-cosmetology .flag-combo-wide::after,
.page-body .program-panel::after{
  content:"";
  position:absolute;
  inset:-8%;
  z-index:-1;                 /* ниже контента, выше фона хоста */
  pointer-events:none;        /* не перехватывает клики/текст */
  background:
    radial-gradient(40% 46% at 24% 30%, rgba(216,177,94,.15), transparent 70%),
    radial-gradient(34% 40% at 80% 74%, rgba(255,236,190,.13), transparent 72%);
  opacity:.6;
  animation:ambientDrift 28s ease-in-out infinite alternate;
}
@keyframes ambientDrift{
  from{ transform:translate3d(0,0,0) scale(1); }
  to{ transform:translate3d(2%, -2%, 0) scale(1.05); }
}

/* -----------------------------------------------------------------------------
   E · DIAGNOSTIC (AI Beauty Lab) — усиление группировки результата на desktop.
   Мобильная ширина/типографика результата — в mobile-upgrade-v2.css.
----------------------------------------------------------------------------- */
/* «С чего начать» — чуть сильнее как якорь рекомендации (мягко). */
.page-diagnostic .rep-primary{ box-shadow:0 12px 30px rgba(151,112,52,.10); }
/* Share-card WhatsApp — собранная премиальная рамка (спокойно, без крика). */
.page-diagnostic .ai-share-card{ box-shadow:0 16px 44px rgba(88,68,26,.10); }

/* -----------------------------------------------------------------------------
   F · PER-PAGE АКЦЕНТЫ (только визуальный вес; без HTML, без motion где не нужно).
----------------------------------------------------------------------------- */
/* Cosmetology — снять «золото ради золота»: приглушить повторяющийся верхний
   золотой хайрлайн на рядовых флаг-картах (флагман-баннер остаётся ярким). */
.page-cosmetology .flag-card::before{ opacity:.5; }

/* Injections — медицинское доверие: богаче рамка фото врача, БЕЗ доп. motion. */
.page-injections .doc-mark--photo,
.page-injections .doc-photo{
  box-shadow:var(--shadow-soft);
  border:1px solid var(--line);
}

/* Laser — флагман VECTUS ощущается дороже (мягкая объёмная тень на showcase). */
.page-laser .vectus-show{ box-shadow:var(--shadow); }

/* -----------------------------------------------------------------------------
   REDUCED MOTION — выключаем весь добавленный здесь motion.
----------------------------------------------------------------------------- */
@media (prefers-reduced-motion:reduce){
  .page-home .hero::after,
  .page-diagnostic .diag-card.aiscan::after,
  .page-laser .vectus-show::after,
  .page-cosmetology .flag-combo-wide::after,
  .page-body .program-panel::after{ animation:none; }
  .btn-wa{ animation:none; }
}