/* ОБЪЕКТ — поп-ап «Как Вам удобнее начать?» (objlead-*). Компьютер (≥1024): окно по центру, слева фото и эксперт,
   справа варианты и поля. Телефон: панель снизу, экраны 1 → 2 → 3 (data-screen на .objlead).
   main.css обнуляет рамки/отступы у всего внутри .page и красит поля в чёрный с !important — селекторы из двух
   классов, цвета полей и рамки фокуса — с !important. */
.objlead,
.objlead *,
.objlead *::before,
.objlead *::after{box-sizing:border-box;}
.objlead[hidden]{display:none;}
html.objlead-lock,
html.objlead-lock body{overflow:hidden;}
.objlead{
  position:fixed;inset:0;z-index:100002;display:flex;align-items:center;justify-content:center;
  font-family:var(--objekt-font-body);color:var(--objekt-color-cream);-webkit-font-smoothing:antialiased;
}
.objlead .objlead-backdrop{position:absolute;inset:0;background:rgba(10,9,8,0.72);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;transition:opacity .2s ease;}
.objlead.is-open .objlead-backdrop{opacity:1;transition-duration:.25s;}
.objlead .objlead-dialog{
  position:relative;display:grid;grid-template-columns:40% 60%;width:min(92vw, 1080px);max-height:92svh;
  background:var(--objekt-color-bg);border:1px solid rgba(169,150,125,0.4);outline:none;
  opacity:0;transform:scale(.97);transition:opacity .2s ease, transform .2s ease;
}
.objlead.is-open .objlead-dialog{opacity:1;transform:none;transition-duration:.3s;}
.objlead .objlead-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}
.objlead .objlead-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0;}

/* ---------- левая колонка ---------- */
.objlead .objlead-media{position:relative;overflow:hidden;min-height:100%;}
.objlead .objlead-media__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.objlead .objlead-media::after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom, rgba(28,26,26,0) 50%, rgba(28,26,26,0.75) 80%, var(--objekt-color-bg) 100%);pointer-events:none;}
.objlead .objlead-media .objlead-expert{position:absolute;left:clamp(20px, 2.4vw, 36px);right:20px;bottom:clamp(20px, 2.4vw, 36px);z-index:1;}
.objlead .objlead-expert{display:flex;align-items:center;gap:16px;}
.objlead .objlead-expert__photo{flex-shrink:0;width:72px;height:72px;border-radius:50%;overflow:hidden;border:1px solid var(--objekt-color-accent);}
.objlead .objlead-expert__photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 20%;}
.objlead .objlead-expert__text{display:flex;flex-direction:column;gap:2px;min-width:0;}
.objlead .objlead-expert__name{font-family:var(--objekt-font-heading);font-size:clamp(18px, 1.3vw, 22px);line-height:1.2;color:var(--objekt-color-cream);}
.objlead .objlead-expert__role{font-size:14px;line-height:1.35;color:rgba(245,242,237,0.7);}

/* ---------- правая колонка ---------- */
.objlead .objlead-body{
  position:relative;display:flex;flex-direction:column;min-height:0;max-height:92svh;overflow-y:auto;overscroll-behavior:contain;
  padding:clamp(32px, 3.2vw, 48px) clamp(28px, 3.2vw, 48px) clamp(24px, 2.4vw, 36px);border-left:1px solid var(--objekt-color-line);
}
.objlead .objlead-screens{position:relative;display:flex;flex-direction:column;flex:1 1 auto;}
.objlead .objlead-close{
  position:absolute;top:clamp(14px, 1.4vw, 22px);right:clamp(14px, 1.4vw, 22px);z-index:3;display:flex;align-items:center;justify-content:center;
  width:44px;height:44px;margin:0;padding:0;border:none;border-radius:0;background:transparent;color:var(--objekt-color-cream);cursor:pointer;transition:color .2s ease;
}
.objlead .objlead-close svg{width:26px;height:26px;}
.objlead .objlead-close:hover{color:var(--objekt-color-accent);}
.objlead .objlead-eyebrow{display:flex;align-items:center;gap:16px;margin:0 56px clamp(14px, 1.3vw, 20px) 0;font-size:var(--objekt-fs-caption);letter-spacing:.24em;text-transform:uppercase;color:var(--objekt-color-accent);}
.objlead .objlead-eyebrow span{flex-shrink:0;}
.objlead .objlead-eyebrow i{display:block;flex:1 1 auto;max-width:300px;min-width:24px;height:1px;background:var(--objekt-color-line-strong);}
.objlead .objlead-title{margin:0;padding:0;font-family:var(--objekt-font-heading);font-weight:500;font-size:clamp(28px, 2.2vw, 44px);line-height:1.1;letter-spacing:var(--objekt-tracking-heading);color:var(--objekt-color-cream);}
.objlead .objlead-sub{margin:8px 0 0;font-size:clamp(15px, 1vw, 17px);line-height:1.5;color:rgba(245,242,237,0.75);}

/* варианты */
.objlead .objlead-modes{display:grid;gap:10px;margin-top:clamp(18px, 1.6vw, 24px);}
.objlead .objlead-mode{
  display:grid;grid-template-columns:auto minmax(0, 1fr) auto;align-items:center;gap:clamp(14px, 1.4vw, 22px);width:100%;min-height:clamp(68px, 4.6vw, 80px);
  margin:0;padding:12px clamp(16px, 1.4vw, 22px);border:1px solid rgba(245,242,237,0.2);border-radius:0;background:transparent;color:inherit;
  font-family:inherit;text-align:left;cursor:pointer;transition:border-color .2s ease, background-color .2s ease;
}
.objlead .objlead-mode:hover{border-color:rgba(169,150,125,0.7);}
.objlead .objlead-mode[aria-checked="true"]{border-color:var(--objekt-color-accent);background:rgba(169,150,125,0.08);}
.objlead .objlead-mode:focus-visible{outline:2px solid var(--objekt-color-accent) !important;outline-offset:2px;}
.objlead .objlead-mode__icon{display:block;width:clamp(36px, 2.6vw, 44px);height:clamp(36px, 2.6vw, 44px);color:var(--objekt-color-accent);}
.objlead .objlead-mode__icon svg{display:block;width:100%;height:100%;}
.objlead .objlead-mode__text{display:flex;flex-direction:column;gap:3px;min-width:0;}
.objlead .objlead-mode__title{font-family:var(--objekt-font-heading);font-size:clamp(19px, 1.4vw, 24px);line-height:1.2;color:var(--objekt-color-cream);}
.objlead .objlead-mode__sub{font-size:clamp(14px, .9vw, 15px);line-height:1.4;color:rgba(245,242,237,0.7);}
.objlead .objlead-mode__chev{display:block;width:22px;height:22px;color:rgba(245,242,237,0.7);transition:transform .2s ease, color .2s ease;}
.objlead .objlead-mode__chev svg{display:block;width:100%;height:100%;}
.objlead .objlead-mode:hover .objlead-mode__chev,
.objlead .objlead-mode[aria-checked="true"] .objlead-mode__chev{color:var(--objekt-color-accent);}
.objlead .objlead-mode:hover .objlead-mode__chev{transform:translateX(2px);}

/* поля */
.objlead .objlead-back,
.objlead .objlead-s2title,
.objlead .objlead-grab,
.objlead .objlead-m-expert{display:none;}
.objlead .objlead-panes{margin-top:clamp(16px, 1.4vw, 20px);}
.objlead .objlead-pane{display:none;margin:0;}
.objlead .objlead-pane.is-active{display:block;animation:objlead-fade .2s ease both;}
@keyframes objlead-fade{from{opacity:0;}to{opacity:1;}}
.objlead .objlead-row{display:grid;grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);gap:12px;}
.objlead .objlead-field{display:block;margin:0 0 12px;}
.objlead .objlead-input{
  display:block;width:100%;height:clamp(50px, 3.2vw, 56px);margin:0;padding:0 16px;
  border:1px solid rgba(245,242,237,0.22);border-radius:0;background:var(--objekt-color-field-bg);box-shadow:none;
  color:var(--objekt-color-cream) !important;font-family:inherit;font-size:16px;line-height:1.4;-webkit-appearance:none;appearance:none;transition:border-color .2s ease;
}
.objlead .objlead-textarea{height:auto;min-height:88px;padding:14px 16px;resize:vertical;}
.objlead .objlead-input::placeholder{color:rgba(245,242,237,0.5) !important;opacity:1;}
.objlead .objlead-input:hover{border-color:rgba(245,242,237,0.4);}
.objlead .objlead-input:focus{outline:none;border-color:var(--objekt-color-accent);}
.objlead .objlead-input.has-error{border-color:var(--objekt-color-error);}
.objlead .objlead-error{display:none;margin-top:6px;font-size:13px;line-height:1.4;color:var(--objekt-color-error);}
.objlead .objlead-error.is-shown{display:block;}
.objlead .objlead-error--send.is-shown{margin-top:10px;}

.objlead .objlead-times{display:flex;flex-wrap:wrap;gap:8px;margin:2px 0 14px;padding:0;border:none;min-width:0;}
.objlead .objlead-times__label{float:left;width:100%;margin:0 0 8px;padding:0;font-size:14px;color:rgba(245,242,237,0.75);}
.objlead .objlead-time{position:relative;margin:0;cursor:pointer;}
.objlead .objlead-time input{position:absolute;opacity:0;width:1px;height:1px;}
.objlead .objlead-time span{display:flex;align-items:center;min-height:40px;padding:6px 16px;border:1px solid rgba(245,242,237,0.25);border-radius:999px;font-size:14px;color:rgba(245,242,237,0.85);transition:border-color .2s ease, background-color .2s ease, color .2s ease;}
.objlead .objlead-time:hover span{border-color:rgba(169,150,125,0.7);}
.objlead .objlead-time input:checked + span{border-color:var(--objekt-color-accent);background:rgba(169,150,125,0.12);color:var(--objekt-color-cream);}
.objlead .objlead-time input:focus-visible + span{outline:2px solid var(--objekt-color-accent) !important;outline-offset:2px;}

.objlead .objlead-consents{margin:4px 0 16px;}
.objlead .objlead-check{position:relative;display:flex;align-items:flex-start;gap:12px;cursor:pointer;font-size:13px;line-height:1.45;color:rgba(245,242,237,0.75);}
.objlead .objlead-check + .objlead-check{margin-top:8px;}
.objlead .objlead-check__input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none;}
.objlead .objlead-check__box{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:20px;height:20px;border:1px solid rgba(245,242,237,0.45);color:transparent;transition:background-color .2s ease, border-color .2s ease;}
.objlead .objlead-check__box svg{width:18px;height:18px;}
.objlead .objlead-check:hover .objlead-check__box{border-color:var(--objekt-color-accent);}
.objlead .objlead-check__input:checked + .objlead-check__box{background:var(--objekt-color-accent);border-color:var(--objekt-color-accent);color:var(--objekt-color-bg);}
.objlead .objlead-check__input:focus-visible + .objlead-check__box{outline:2px solid var(--objekt-color-accent) !important;outline-offset:2px;}
.objlead .objlead-check.has-error .objlead-check__box{border-color:var(--objekt-color-error);}
.objlead .objlead-check__text a{color:inherit;text-decoration:underline;text-decoration-color:rgba(245,242,237,0.4);text-underline-offset:2px;}
.objlead .objlead-check__text a:hover{color:var(--objekt-color-accent);}

.objlead .objlead-submit{
  position:relative;display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:clamp(54px, 3.4vw, 60px);margin:0;padding:0 20px;
  border:1px solid var(--objekt-color-accent);border-radius:0;background:var(--objekt-color-accent);color:var(--objekt-color-bg);
  font-family:inherit;font-size:var(--objekt-fs-button);font-weight:500;cursor:pointer;transition:background-color .2s ease, border-color .2s ease;
}
.objlead .objlead-submit svg{width:24px;height:24px;transition:transform .2s ease;}
.objlead .objlead-submit:hover{background:var(--objekt-color-accent-hover);border-color:var(--objekt-color-accent-hover);}
.objlead .objlead-submit:hover svg{transform:translateX(3px);}
.objlead .objlead-submit:focus-visible{outline:2px solid var(--objekt-color-accent) !important;outline-offset:3px;}
.objlead .objlead-submit:disabled{cursor:default;}
.objlead .objlead-spin{display:none;width:20px;height:20px;border:2px solid rgba(28,26,26,0.3);border-top-color:var(--objekt-color-bg);border-radius:50%;animation:objlead-spin .8s linear infinite;}
.objlead .objlead-submit.is-sending svg{display:none;}
.objlead .objlead-submit.is-sending .objlead-spin{display:block;}
.objlead .objlead-submit.is-sending span{opacity:.7;}
@keyframes objlead-spin{to{transform:rotate(360deg);}}

/* мессенджеры */
.objlead .objlead-note{margin:0 0 14px;font-size:15px;line-height:1.5;color:rgba(245,242,237,0.8);}
.objlead .objlead-msgs{display:grid;grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);gap:12px;}
.objlead .objlead-msg{
  display:flex;align-items:center;justify-content:center;gap:12px;min-height:64px;margin:0;padding:10px 16px;
  border:1px solid rgba(245,242,237,0.3);border-radius:0;background:transparent;color:var(--objekt-color-cream);
  font-family:var(--objekt-font-heading);font-size:clamp(16px, 1.05vw, 18px);white-space:nowrap;text-decoration:none;cursor:pointer;transition:border-color .2s ease, background-color .2s ease;
}
.objlead .objlead-msg:hover{border-color:var(--objekt-color-accent);background:rgba(169,150,125,0.06);color:var(--objekt-color-cream);}
.objlead .objlead-msg:focus-visible{outline:2px solid var(--objekt-color-accent) !important;outline-offset:2px;}
.objlead .objlead-msg[aria-disabled="true"]{cursor:default;}
.objlead .objlead-msg__icon{display:block;width:28px;height:28px;flex-shrink:0;}
.objlead .objlead-msg__icon svg{display:block;width:100%;height:100%;}
.objlead .objlead-msg__icon--telegram circle{fill:#27A7E7;}
.objlead .objlead-msg__icon--telegram path{fill:#fff;}
.objlead .objlead-msg__icon--max path{fill:url(#objn-max-grad);}

.objlead .objlead-safe{display:flex;align-items:center;gap:10px;margin:16px 0 0;font-size:13px;line-height:1.45;color:rgba(245,242,237,0.65);}
.objlead .objlead-safe svg{flex-shrink:0;width:22px;height:22px;color:var(--objekt-color-accent);}

/* «Спасибо» */
.objlead .objlead-s3{display:none;}
.objlead[data-screen="3"] .objlead-s1,
.objlead[data-screen="3"] .objlead-s2{display:none;}
.objlead[data-screen="3"] .objlead-s3{display:flex;flex-direction:column;flex:1 1 auto;}
.objlead .objlead-thx{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1 1 auto;padding:clamp(24px, 3vw, 48px) 0;text-align:center;}
.objlead .objlead-thx__circle{display:block;width:clamp(96px, 7.4vw, 136px);height:clamp(96px, 7.4vw, 136px);color:var(--objekt-color-accent);}
.objlead .objlead-thx__circle svg{display:block;width:100%;height:100%;}
.objlead .objlead-thx__tick{stroke-dasharray:50;stroke-dashoffset:50;}
.objlead.is-thanks .objlead-thx__tick{animation:objlead-tick .6s ease .15s forwards;}
@keyframes objlead-tick{to{stroke-dashoffset:0;}}
.objlead .objlead-thx__title{margin:clamp(20px, 2vw, 32px) 0 0;font-family:var(--objekt-font-heading);font-size:clamp(28px, 2.3vw, 44px);line-height:1.12;color:var(--objekt-color-cream);}
.objlead .objlead-thx__text{max-width:26em;margin:14px auto 0;font-size:clamp(15px, 1.05vw, 18px);line-height:1.55;color:rgba(245,242,237,0.75);}

/* ---------- кнопка шорткода [obj_lead_button] ---------- */
.objlead-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:56px;margin:0;padding:0 28px;
  border:1px solid #A9967D;border-radius:0;background:#A9967D;color:#1C1A1A;font-family:var(--objekt-font-body, inherit);font-size:17px;font-weight:500;line-height:1.2;cursor:pointer;
  transition:background-color .2s ease, border-color .2s ease, color .2s ease;
}
.objlead-btn svg{width:22px;height:22px;transition:transform .2s ease;}
.objlead-btn:hover{background:#B8A68E;border-color:#B8A68E;}
.objlead-btn:hover svg{transform:translateX(3px);}
.objlead-btn--outline{background:transparent;color:#A9967D;}
.objlead-btn--outline:hover{background:rgba(169,150,125,0.1);color:#B8A68E;}
.objlead-btn:focus-visible{outline:2px solid #A9967D !important;outline-offset:3px;}

/* ---------- телефон и планшет: панель снизу ---------- */
@media (max-width:1023px){
  .objlead{align-items:flex-end;}
  .objlead .objlead-dialog{
    display:flex;flex-direction:column;width:100%;max-width:640px;
    max-height:calc(var(--objlead-vh, 100dvh) * .92);margin-bottom:var(--objlead-kb, 0px);
    border:1px solid rgba(169,150,125,0.35);border-bottom:none;border-radius:16px 16px 0 0;
    opacity:1;transform:translateY(100%);transition:transform .2s ease;
  }
  .objlead.is-open .objlead-dialog{transform:none;transition:transform .3s cubic-bezier(.2,.8,.2,1);}
  .objlead .objlead-media{display:none;}
  .objlead .objlead-body{flex:1 1 auto;max-height:none;border-left:none;border-radius:16px 16px 0 0;padding:34px 20px calc(20px + env(safe-area-inset-bottom));overflow-x:hidden;}
  .objlead .objlead-grab{display:flex;justify-content:center;position:absolute;top:0;left:0;right:0;height:28px;padding-top:10px;z-index:2;touch-action:none;}
  .objlead .objlead-grab span{display:block;width:44px;height:4px;border-radius:2px;background:rgba(245,242,237,0.28);}
  .objlead .objlead-close{top:12px;right:10px;}
  .objlead .objlead-eyebrow--thx{display:none;}
  .objlead .objlead-m-expert{display:block;margin-top:22px;}
  .objlead .objlead-back{
    display:inline-flex;align-items:center;gap:10px;margin:0 0 14px;padding:6px 0;border:none;background:transparent;color:var(--objekt-color-cream);
    font-family:inherit;font-size:15px;cursor:pointer;
  }
  .objlead .objlead-back svg{width:22px;height:22px;}
  .objlead .objlead-back:focus-visible{outline:2px solid var(--objekt-color-accent) !important;outline-offset:2px;}
  .objlead .objlead-s2title{display:block;margin:0 56px 4px 0;font-family:var(--objekt-font-heading);font-size:clamp(28px, 7.4vw, 38px);line-height:1.12;color:var(--objekt-color-cream);}
  .objlead .objlead-row{grid-template-columns:minmax(0, 1fr);gap:0;}

  /* экраны: активный — в потоке, остальные — сдвинуты и спрятаны (250ms) */
  .objlead .objlead-s{transition:transform .25s ease, opacity .25s ease, visibility 0s linear 0s;}
  .objlead[data-screen="1"] .objlead-s2,
  .objlead[data-screen="2"] .objlead-s1{
    position:absolute;top:0;left:0;right:0;visibility:hidden;opacity:0;pointer-events:none;
    transition:transform .25s ease, opacity .25s ease, visibility 0s linear .25s;
  }
  .objlead[data-screen="1"] .objlead-s2{transform:translateX(40%);}
  .objlead[data-screen="2"] .objlead-s1{transform:translateX(-40%);}
  .objlead[data-screen="3"] .objlead-thx{min-height:52vh;}
}
@media (max-width:1023px) and (min-width:641px){
  .objlead .objlead-dialog{border-bottom:1px solid rgba(169,150,125,0.35);border-radius:16px;margin-bottom:max(24px, var(--objlead-kb, 0px));}
}
@media (max-width:420px){
  .objlead .objlead-msgs{grid-template-columns:minmax(0, 1fr);}
}
@media (prefers-reduced-motion:reduce){
  .objlead .objlead-backdrop,
  .objlead .objlead-dialog,
  .objlead .objlead-s,
  .objlead .objlead-panes{transition:none !important;}
  .objlead .objlead-pane.is-active{animation:none;}
  .objlead.is-thanks .objlead-thx__tick{animation:none;stroke-dashoffset:0;}
}

/* компьютер: три панели в одной клетке сетки — высота окна не меняется при смене варианта, только затухание 200ms */
@media (min-width:1024px){
  .objlead .objlead-panes{display:grid;}
  .objlead .objlead-pane{display:block;grid-area:1 / 1;visibility:hidden;opacity:0;transition:opacity .2s ease, visibility 0s linear .2s;}
  .objlead .objlead-pane.is-active{visibility:visible;opacity:1;animation:none;transition:opacity .2s ease;}
}

/* невысокие экраны ноутбуков (1280×800, 1366×768): окно плотнее, чтобы всё помещалось без прокрутки */
@media (min-width:1024px) and (max-height:880px){
  .objlead .objlead-body{padding-top:28px;padding-bottom:20px;}
  .objlead .objlead-eyebrow{margin-bottom:10px;}
  .objlead .objlead-title{font-size:clamp(26px, 2vw, 34px);}
  .objlead .objlead-sub{margin-top:6px;}
  .objlead .objlead-modes{gap:8px;margin-top:16px;}
  .objlead .objlead-mode{min-height:60px;padding-top:9px;padding-bottom:9px;}
  .objlead .objlead-panes{margin-top:14px;}
  .objlead .objlead-field{margin-bottom:10px;}
  .objlead .objlead-textarea{min-height:66px;}
  .objlead .objlead-consents{margin:2px 0 12px;}
  .objlead .objlead-safe{margin-top:12px;}
}
/* телефон: скрытые экраны не растягивают панель (иначе появляется пустая прокрутка) */
@media (max-width:1023px){
  .objlead .objlead-screens{overflow:hidden;overflow:clip;}
}

/* компьютер: у окна ОДНА высота для всех вариантов и для «Спасибо» — фото слева не пересчитывает кадр, ничего не прыгает;
   если экран ниже содержимого — прокручивается только правая колонка */
@media (min-width:1024px){
  .objlead .objlead-dialog{height:min(92svh, 860px);}
  .objlead .objlead-body{max-height:none;height:100%;}
}
@media (min-width:1024px) and (max-height:880px){
  .objlead .objlead-dialog{height:92svh;}
}