/* ===== Слайд 7 — Guest Receive (Figma node 2892:2742), desktop =====
     Седьмая (пока не последняя — дальше будут ещё слайды, TOTAL в
     js/slides.js специально не завязан на "это последний слайд") реальная
     позиция трека. Единственный вход — advance() из Receive (index===5→6),
     единственный обратный путь — retreat() в Receive. phone-frame НЕ меняет
     геометрию при этом переходе (см. .phone-frame-flip выше) — меняется
     только background чёрный→бирюзовый, флипом. Контент — обычный слайд
     (не shared-layer), повтор при каждом заходе (js/slide6-guest.js), тот же
     стаггер (заголовок→абзац→картинка→список), что у слайда 6. Координаты —
     1:1 из get_design_context (узел 2892:2742): заголовок в ТОМ ЖЕ слоте,
     что и у Receive (194/128/1030) — оба "receive"-слайда его делят; абзац и
     список — на других местах, чем у Receive (своя, не идентичная раскладка
     внутри той же карточки). */
  #slide-7{ top:4560px; }

  .guest-heading{
    position:absolute; left:194px; top:128px; width:1030px; margin:0; opacity:0;
    font-family:'Unbounded',sans-serif; font-weight:600; font-size:64px; line-height:1.2;
    color:#fff;
  }
  .guest-paragraph{
    position:absolute; left:576px; top:236px; width:603px; margin:0; opacity:0;
    font-family:'Unbounded',sans-serif; font-weight:400; font-size:21px; line-height:1.5;
    color:#fff;
  }
  /* Иллюстрация. ЗАМЕНЕНА 2026-08-07: были чемоданы с переноской для кота,
     стал гостиничный номер (кровать, открытое окно, завтрак). Вместе с
     картинкой поменялась и геометрия — 77/235/757×505 вместо 35/276/796×531,
     1:1 из нового фрейма (`illustration` @77,211, сам слой картинки внутри
     него смещён на +24 по вертикали). Логика "вылета" сохранилась:
     bottom=235+505=740 — глубже низа карточки (671.6), картинка намеренно
     перетекает вниз. */
  .guest-image{
    position:absolute; left:77px; top:235px; width:757px; height:505px; opacity:0;
    object-fit:cover; pointer-events:none;
  }
  /* ----- Декоративные кружки ----------------------------------------------
     Та же история, что у `.receive-circle` (см. подробный комментарий в
     css/slide5-receive.css): в новом макете они вынесены из иллюстрации
     отдельными слоями. Координаты абсолютные, фрейм иллюстрации стоит на
     77,211 — локальные числа Figma к нему прибавлены. --1 идёт ДО <img>
     (жёлтое пятно за окном), остальные после — поверх кровати и подноса. */
  .guest-circle{
    position:absolute; border-radius:50%; opacity:0; pointer-events:none;
    will-change:transform;
  }
  .guest-circle--1{ left:289px; top:232px; width:182px; height:182px; background:#FFE300; }
  .guest-circle--2{ left:328px; top:326px; width:127px; height:127px; background:#E6195B; }
  .guest-circle--3{ left:395px; top:590px; width:84px;  height:84px;  background:#10ABB5; }
  .guest-circle--4{ left:604px; top:575px; width:99px;  height:99px;  background:#FFE300; }
  .guest-circle--5{ left:323px; top:419px; width:37px;  height:37px;  background:#10ABB5; }
  .guest-circle--6{ left:653px; top:381px; width:25px;  height:25px;  background:#E6195B; }
  .guest-circle--7{ left:723px; top:431px; width:25px;  height:25px;  background:#10ABB5; }
  .guest-circle--8{ left:184px; top:524px; width:25px;  height:25px;  background:#E6195B; }
  /* left/top — НЕ буквальные calc()-числа из Figma-экспорта, а с поправкой на
     `-translate-x-1/2 -translate-y-1/2`, который Figma-экспорт вешает на этот
     узел (List — auto-layout группа, центрируется в Figma этим приёмом):
     реальный left = (720+267.5) - width/2 = 987.5-169.5 = 818; реальный top =
     (380+104) - height/2, где height — ФАКТИЧЕСКИ отрисованная высота 5
     пунктов при их реальном тексте (не фиксированная), измерено вживую
     (offsetHeight) = 253px → top = 484-126.5 = 357.5. Та же поправка уже
     применена в `.receive-list` (891/237 — тоже не совпадает 1:1 с сырыми
     calc(), проверено пересчётом по той же формуле) — пропустил её в первой
     версии этого файла, из-за чего список вылезал за правый край карточки. */
  .guest-list{
    position:absolute; left:818px; top:357.5px; width:339px;
    display:flex; flex-direction:column; gap:16px;
  }
  .guest-list__item{ display:flex; align-items:flex-start; gap:16px; opacity:0; }
  /* Цвет чек-кружка — ИНВЕРТИРОВАН относительно Receive (там #10ABB5 на
     чёрной карточке, тут #1A1A1C на бирюзовой) — 1:1 из Figma. */
  .guest-check{
    flex:none; width:32px; height:32px; border-radius:100px; background:#1A1A1C;
    display:flex; align-items:center; justify-content:center;
  }
  .guest-check svg{ width:20px; height:15px; display:block; }
  .guest-check svg polyline{ fill:none; stroke:#fff; stroke-width:2.2; stroke-linecap:round; stroke-linejoin:round; }
  .guest-list__item p{
    margin:0; flex:1 1 auto;
    font-family:'Unbounded',sans-serif; font-weight:400; font-size:14px; line-height:1.4;
    color:#fff;
  }