/* Lot Hunt — вариант 3.2: раскладка сцены «у каждого элемента своё место» (поверх v3.css) */
body.v32 .stage, body.v32 .cam { width: 1600px; height: 900px; }
body.v32 .cam.whip { transition-duration: .38s; }
body.v32 .sc-input { left: 70px; top: 90px; width: 720px; height: 72px; }
body.v32 .sc-reply { left: 74px; top: 184px; }
body.v32 .sc-card { top: 224px; width: 350px; height: 250px; }
body.v32 .sc-card1 { left: 70px; } body.v32 .sc-card2 { left: 440px; }
body.v32 .sc-watch { left: 70px; top: 224px; }
body.v32 .sc-panel, body.v32 .sc-torgi { left: 1210px; top: 90px; width: 360px; height: 480px; }
body.v32 .sc-torgi .sc-steps span { font-size: 12.5px; }
body.v32 .sc-phone { left: 1230px; top: 70px; }

/* «ИИ распознал»: силуэт + фильтры */
.sc-vision {
  position: absolute; left: 840px; top: 90px; width: 340px; height: 384px; border-radius: 24px; overflow: hidden;
  background:
    linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px) 0 0 / 28px 28px,
    linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px) 0 0 / 28px 28px,
    rgba(255,250,243,.05);
  border: 1px solid rgba(255,178,122,.35); box-shadow: inset 0 0 60px rgba(236,90,36,.12);
  opacity: 0; transform: scale(.94); transition: opacity .3s ease, transform .4s cubic-bezier(.2,1.3,.4,1);
}
.sc-vision.in { opacity: 1; transform: none; }
.vs-head { padding: 18px 20px 0; color: #ffb27a; font-size: 17px; font-weight: 800; letter-spacing: .01em; }
body.v32 .sc-silbox { position: relative; left: 0; top: 0; width: 100%; height: 170px; margin: 8px 0 6px; }
body.v32 .sc-sil { inset: 10px 24px; width: calc(100% - 48px); height: calc(100% - 20px); }
.vs-chips { display: flex; flex-wrap: wrap; gap: 8px; padding: 0 20px; }
.vs-chips span {
  background: rgba(236,90,36,.2); border: 1.5px solid #ec5a24; color: #fff; font-size: 17px; font-weight: 700; padding: 6px 12px; border-radius: 10px;
  opacity: 0; transform: translateY(8px) scale(.9); transition: opacity .25s ease, transform .3s cubic-bezier(.2,1.5,.4,1);
}
.vs-chips span.in { opacity: 1; transform: none; }

/* шов между актами */
body.v32 .vanish { opacity: 0 !important; transform: scale(.9) translateY(12px) !important; filter: blur(8px); transition: opacity .45s ease, transform .5s ease, filter .45s ease !important; }
.sc-input [data-q] { border-radius: 6px; transition: background .2s ease, color .2s ease, opacity .25s ease; }
.sc-input [data-q].sel { background: #ec5a24; color: #fff; box-shadow: 0 0 0 4px #ec5a24; }
.sc-input [data-q].gone { opacity: 0; }
.sc-input [data-q].sel + .sc-caret { opacity: 0; }

/* первый экран: легче, ниже и левее, больше воздуха */
body.v32 .hero3 { padding-bottom: clamp(22px, 3.5vh, 40px); }
body.v32 .hero3-content { max-width: none; padding: 0 clamp(16px, 2.6vw, 44px); }
body.v32 .wordmark { font-weight: 600; font-size: clamp(38px, 5.6vw, 88px); letter-spacing: -.035em; line-height: .95; }
body.v32 .slogan { font-family: var(--font-head); font-weight: 500; font-size: clamp(17px, 1.7vw, 25px); letter-spacing: -.01em; line-height: 1.3; margin: 16px 0 30px; max-width: 560px; }
body.v32 .slogan em { font-family: inherit; font-style: normal; font-weight: inherit; letter-spacing: inherit; color: inherit; }
body.v32 .hero3 .composer { max-width: 540px; padding: 12px 12px 8px 18px; }
body.v32 .hero3 .composer textarea { font-size: 16px; }

/* правка: ближе к центру, поле шире, название крупнее и светится (цвет свечения — от того, что сейчас в сцене) */
body.v32 .hero3 { padding-bottom: clamp(56px, 12vh, 140px); }
body.v32 .hero3-content { max-width: 1280px; margin: 0 auto; padding: 0 clamp(16px, 4vw, 64px); }   /* левый край — ровно по логотипу в меню */
body.v32 .wordmark {
  font-size: clamp(46px, 7.4vw, 116px); font-weight: 600; color: #fff6ec;
  text-shadow: none;
}
body.v32 .slogan { font-size: clamp(18px, 1.9vw, 27px); max-width: 780px; margin: 18px 0 32px; text-shadow: 0 0 22px rgba(0,0,0,.6); }
body.v32 .hero3 .composer { max-width: 780px; padding: 16px 14px 10px 22px; }
body.v32 .hero3 .composer textarea { font-size: 18px; }


/* поле ввода — «жидкое стекло» как в iOS */
body.v32 .hero3 .composer {
  background: linear-gradient(135deg, rgba(255,255,255,.2), rgba(255,255,255,.07));
  border: 1px solid rgba(255,255,255,.32);
  -webkit-backdrop-filter: blur(22px) saturate(1.7); backdrop-filter: blur(22px) saturate(1.7);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.45), inset 0 -1px 0 rgba(255,255,255,.08), 0 18px 50px rgba(0,0,0,.35);
  animation: none;
}
body.v32 .hero3 .composer:focus-within { border-color: rgba(255,178,122,.75); box-shadow: inset 0 1px 0 rgba(255,255,255,.5), 0 0 0 4px rgba(236,90,36,.22), 0 18px 50px rgba(0,0,0,.35); transform: none; }
body.v32 .hero3 .composer textarea { color: #fff; }
body.v32 .hero3 .composer textarea::placeholder { color: rgba(255,255,255,.62); }
body.v32 .hero3 .composer-tag { background: rgba(255,255,255,.14); color: rgba(255,255,255,.88); border: 1px solid rgba(255,255,255,.18); }
body.v32 .hero3 .composer-send:disabled { background: rgba(255,255,255,.22); }
body.v32 .hero3 .composer-send { background: var(--accent); color: #fff; }

/* правка: порядок снизу вверх — поле, слоган, название (название у самого низа); всё ниже */
body.v32 .hero3 { padding-bottom: clamp(20px, 3.5vh, 36px); }
body.v32 .hero3-content { display: flex; flex-direction: column-reverse; align-items: flex-start; }
body.v32 .hero3-content .wordmark { margin: 0; }
body.v32 .hero3-content .slogan { margin: 0 0 12px; }
body.v32 .hero3-content .composer { width: 100%; margin: 0 0 26px; }

/* ещё более «жидкое» стекло */
body.v32 .hero3 .composer {
  position: relative;
  background:
    radial-gradient(120% 140% at 15% -20%, rgba(255,255,255,.22), transparent 55%),
    radial-gradient(80% 120% at 100% 120%, rgba(255,190,140,.12), transparent 60%),
    rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.14);
  -webkit-backdrop-filter: blur(30px) saturate(2) brightness(1.08); backdrop-filter: blur(30px) saturate(2) brightness(1.08);
  box-shadow: inset 0 1px 1px rgba(255,255,255,.55), inset 0 -8px 24px rgba(255,255,255,.04), inset 0 0 0 .5px rgba(255,255,255,.12), 0 20px 60px rgba(0,0,0,.35);
}
/* блик по кромке — как преломление на краю стекла */
body.v32 .hero3 .composer::before {
  content: ""; position: absolute; inset: -1px; border-radius: inherit; padding: 1.2px; pointer-events: none;
  background: linear-gradient(135deg, rgba(255,255,255,.85), rgba(255,255,255,.08) 30%, rgba(255,255,255,0) 50%, rgba(255,255,255,.08) 70%, rgba(255,255,255,.6));
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude;
}
body.v32 .hero3 .composer-tag { background: rgba(255,255,255,.1); border-color: rgba(255,255,255,.22); }


/* ===== стеклянное окно оплаты / предзаказа ===== */
body.v32 .modal-bg { background: rgba(12,8,6,.35); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); }
body.v32 .modal-card {
  color: #fff6ec; border-radius: 28px; padding: 30px;
  background:
    radial-gradient(120% 90% at 10% -10%, rgba(255,255,255,.22), transparent 55%),
    radial-gradient(90% 90% at 110% 110%, rgba(236,90,36,.22), transparent 60%),
    rgba(40,28,20,.38);
  border: 1px solid rgba(255,255,255,.16);
  -webkit-backdrop-filter: blur(34px) saturate(1.9); backdrop-filter: blur(34px) saturate(1.9);
  box-shadow: inset 0 1px 1px rgba(255,255,255,.5), 0 30px 90px rgba(0,0,0,.55);
}
body.v32 .modal-card::before {
  content: ""; position: absolute; inset: -1px; border-radius: inherit; padding: 1.2px; pointer-events: none;
  background: linear-gradient(135deg, rgba(255,255,255,.8), rgba(255,255,255,.06) 32%, rgba(255,255,255,0) 52%, rgba(255,255,255,.08) 72%, rgba(255,255,255,.5));
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude;
}
body.v32 .modal h3 { color: #fff; }
body.v32 .modal p, body.v32 .modal .secure, body.v32 .modal .check { color: rgba(255,246,236,.78); }
body.v32 .modal-x { background: rgba(255,255,255,.14); color: #fff; }
body.v32 .order-sum { background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.14); }
body.v32 .order-sum b { color: #fff; }
body.v32 .order-query { background: rgba(236,90,36,.18); color: #ffd9bd; border: 1px solid rgba(236,90,36,.4); }
body.v32 .plan-feats { list-style: none; padding: 0; margin: 0 0 18px; display: grid; gap: 7px; font-size: 14.5px; color: rgba(255,246,236,.9); }
body.v32 .plan-feats li::before { content: "✓ "; color: #3ddc84; font-weight: 800; }
body.v32 .field span { color: rgba(255,246,236,.85); }
body.v32 .field input { background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.22); color: #fff; }
body.v32 .field input::placeholder { color: rgba(255,255,255,.5); }
body.v32 .field input:focus { border-color: #ff9d6c; }
body.v32 .seg { grid-template-columns: repeat(3, 1fr); }
body.v32 .seg span { border-color: rgba(255,255,255,.22); color: #fff; background: rgba(255,255,255,.06); }
body.v32 .seg input:checked + span { border-color: #ec5a24; background: rgba(236,90,36,.28); }
body.v32 .thanks-icon { background: rgba(61,220,132,.16); color: #3ddc84; }
body.v32 .test-badge { display: inline-block; font-size: 12px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: #fff; background: rgba(236,90,36,.22); border: 1px solid rgba(236,90,36,.5); padding: 4px 9px; border-radius: 8px; margin-bottom: 10px; }
body.v32 .perks li { color: rgba(255,246,236,.92); }
body.v32 .btn-ghost { color: #fff; border-color: rgba(255,255,255,.3); }
body.v32 .btn-ghost:hover { background: rgba(255,255,255,.1); }
body.v32 .form-err { color: #ffb08a; }

/* ===== режим ИИ-чата ===== */
body.chat-leaving .topbar, body.chat-leaving .hero3 .wordmark, body.chat-leaving .hero3 .slogan, body.chat-leaving .scene-toggle,
body.chat-leaving section.block, body.chat-leaving footer, body.chat-leaving .sticky { opacity: 0; transition: opacity .4s ease; pointer-events: none; }
body.chat-mode { overflow: hidden; }
body.chat-mode .topbar, body.chat-mode section.block, body.chat-mode footer, body.chat-mode .sticky,
body.chat-mode .hero3 .wordmark, body.chat-mode .hero3 .slogan, body.chat-mode .scene-toggle { display: none; }
body.chat-mode .hero3 { position: fixed; inset: 0; z-index: 70; min-height: 0; padding: 0; }
body.chat-mode .hero3-veil { background: rgba(20,14,10,.9); transition: background .6s ease; }
body.chat-mode .scene-wrap { filter: blur(14px); transition: filter .6s ease; }
body.chat-mode .hero3-content { display: flex; flex-direction: column; height: 100%; max-width: 860px; margin: 0 auto; padding: 72px 16px 22px; }
body.chat-mode .hero3-content .composer { margin: 14px 0 0; max-width: none; }
.chat3-log { display: none; }
body.chat-mode .chat3-log { display: flex; flex-direction: column; gap: 16px; flex: 1; overflow-y: auto; padding: 8px 4px 4px; scrollbar-width: thin; }
.chat3-head { display: none; }
body.chat-mode .chat3-head {
  display: flex; align-items: center; justify-content: space-between; position: absolute; left: 0; right: 0; top: 0; height: 56px; z-index: 3;
  padding: 0 clamp(16px, 4vw, 64px); background: rgba(20,14,10,.4); border-bottom: 1px solid rgba(255,255,255,.08);
  -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); animation: lotIn .4s ease both;
}
body.chat-mode .chat3-head .tb-logo { color: #fff; }
.chat3-new { border: 1px solid rgba(255,255,255,.25); background: rgba(255,255,255,.08); color: #fff; font-weight: 600; font-size: 14px; padding: 8px 14px; border-radius: 10px; cursor: pointer; }
.chat3-new:hover { background: rgba(255,255,255,.16); }
.msg { display: flex; gap: 10px; animation: lotIn .35s ease both; }
.msg.user { justify-content: flex-end; }
.msg.user .msg-body {
  max-width: 78%; color: #fff; padding: 12px 16px; border-radius: 18px 18px 6px 18px; font-size: 16px;
  background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.18); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px);
}
.msg.ai .msg-body { flex: 1; min-width: 0; color: #f3ece2; font-size: 16.5px; line-height: 1.55; }
.msg.ai .msg-body p { margin: 0 0 10px; }
.msg.ai .msg-body b { color: #fff; }
.msg.ai .msg-body a { color: #ffb27a; }
.msg-ava { flex: none; width: 30px; height: 30px; border-radius: 10px; background: var(--accent); color: #1a0b02; display: grid; place-items: center; box-shadow: 0 0 22px rgba(236,90,36,.45); }
.chat3-lots { margin: 8px 0 4px; }
.chat3-lots .lot-row { background: rgba(255,250,243,.92); }
.chat3-cta { margin-top: 10px; border: 1px solid rgba(236,90,36,.6); background: rgba(236,90,36,.18); color: #fff; font-weight: 700; font-size: 15px; padding: 10px 14px; border-radius: 12px; cursor: pointer; }
.chat3-cta:hover { background: rgba(236,90,36,.3); }
@media (max-width: 760px) {
  body.chat-mode .hero3-content { padding: 66px 12px 14px; }
  .msg.user .msg-body { max-width: 88%; }
}
.chat3-lots .lot-row, .msg.ai .msg-body .chat3-lots .lot-row b { color: #1d1a17; }
.msg.ai .msg-body .chat3-lots .lr-gain { color: #12733d; }