/* ===== Слайд 6 — Receive (Figma node 2891:2378) =====
     Единственный вход — advance() из App (index===4→5, см. TOTAL в
     js/slides.js). Общий переезжающий слой (phone-frame) расширяется в
     СПЛОШНУЮ чёрную карточку (js/phone-shared.js, setPhoneReceive/
     exitPhoneReceive) — высота/радиус/цвет бордера НЕ меняются (те же
     583.6/34/#1A1A1C, что у APP_PHONE), твинятся только left/top/width/
     background-color. colorBack координатно совпадает 1:1 с App — не
     трогается вообще. Поисковая точка (App) прячется на входе (в этом
     макете элемента "поиск" нет вообще, см. hideSearchbarReceive/
     showSearchbarReceive в js/slide3-cost.js). Весь контент здесь — обычный
     слайд (не shared-layer), повтор при каждом заходе (js/slide5-receive.js,
     стаггер по очереди), та же плоская система координат 0..1440×0..760,
     что и у слайда 5. */
  #slide-6{ top:3800px; }

  .receive-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:var(--ink);
  }
  /* left/top 1:1 из обновлённого макета (было 361/244 — с поправкой на
     `-translate-x-1/2`, которую Figma-экспорт вешал на прежнюю версию узла).
     Возврат к 421/236 не косметика: на 60px левее третья строка заезжала под
     малиновый круг, который в новом макете вынесен из иллюстрации отдельным
     слоем и стоит ровно под текстовым блоком. */
  .receive-paragraph{
    position:absolute; left:421px; top:236px; width:429px; margin:0; opacity:0;
    font-family:'Unbounded',sans-serif; font-weight:400; font-size:21px; line-height:1.5;
    color:var(--ink);
  }
  /* Иллюстрация отеля — намеренно "вылезает" за нижний край карточки/слайда
     (Figma: bottom=309+544=853, глубже и низа карточки 671.6, и высоты
     холста 760) — тот же приём, что у здания на Hero: обрезается краем
     экрана, не масштабируется и не скругляется под карточку. */
  .receive-image{
    position:absolute; left:78px; top:309px; width:816px; height:544px; opacity:0;
    object-fit:cover; pointer-events:none;
  }
  /* ----- Декоративные кружки (обновление макета 2026-08-07) ----------------
     Раньше они были ВПЕЧАТАНЫ в саму иллюстрацию; в новом макете вынесены
     отдельными слоями вокруг слоя `illustration`, поэтому и здесь стали
     отдельными элементами. Координаты — абсолютные в холсте 1440×760:
     фрейм иллюстрации стоит на 78,309, локальные числа Figma к нему и
     прибавлены. Порядок в разметке = порядок в макете: --1 и --2 стоят ДО
     <img> (под зданием), остальные после (поверх фасада и газона).

     ⚠️ Кружки НЕ перелетают на соседние слайды, хотя такие же есть на 7 и на
     8/9/10. Причина не в лени: здесь они лежат ПОВЕРХ иллюстрации и держат её
     композицию, а между слайдами 6→7→8 трек реально едет — вынеси их в общий
     слой, и на переходе они повиснут в воздухе над уезжающим зданием.
     Вместо перелёта они «высыпаются» стаггером внутри intro-анимации — по
     общему паттерну проекта слайд въезжает пустым, так что расходиться на
     проезде всё равно нечему (см. js/slide5-receive.js). */
  .receive-circle{
    position:absolute; border-radius:50%; opacity:0; pointer-events:none;
    will-change:transform;
  }
  .receive-circle--1{ left:152px; top:310px; width:312px; height:312px; background:#E6195B; }
  .receive-circle--2{ left:567px; top:364px; width:203px; height:203px; background:#FFE300; }
  .receive-circle--3{ left:414px; top:581px; width:75px;  height:75px;  background:#FFE300; }
  .receive-circle--4{ left:143px; top:700px; width:84px;  height:84px;  background:#10ABB5; }
  .receive-circle--5{ left:324px; top:517px; width:37px;  height:37px;  background:#10ABB5; }
  .receive-circle--6{ left:775px; top:377px; width:25px;  height:25px;  background:#E6195B; }
  .receive-circle--7{ left:711px; top:581px; width:59px;  height:59px;  background:#10ABB5; }
  .receive-circle--8{ left:426px; top:634px; width:25px;  height:25px;  background:#E6195B; }
  .receive-list{
    position:absolute; left:891px; top:237px; width:339px;
    display:flex; flex-direction:column; gap:16px;
  }
  .receive-list__item{ display:flex; align-items:flex-start; gap:16px; opacity:0; }
  .receive-check{
    flex:none; width:32px; height:32px; border-radius:100px; background:var(--ink);
    display:flex; align-items:center; justify-content:center;
  }
  .receive-check svg{ width:20px; height:15px; display:block; }
  .receive-check svg polyline{ fill:none; stroke:#fff; stroke-width:2.2; stroke-linecap:round; stroke-linejoin:round; }
  .receive-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:var(--ink);
  }