/* Лендинг HD — свой дизайн формы (не booking-card с главной) */
.lp-hd{
  margin:0;min-height:100vh;
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  color:#1a1430;line-height:1.5;
  background:
    radial-gradient(1100px 520px at 12% -12%,rgba(139,92,246,.26),transparent 55%),
    radial-gradient(900px 480px at 100% 0%,rgba(56,189,248,.16),transparent 50%),
    linear-gradient(180deg,#f7f4ff 0%,#eef6ff 42%,#f8f7fc 100%);
}
.lp-hd a{color:#5b46e8}
.lp-hd .display-tools,.lp-hd .legal-links{display:none!important}

/* —— Header —— */
.lp-hd-top{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  max-width:1080px;margin:0 auto;padding:12px 18px;
  position:sticky;top:0;z-index:40;
  background:rgba(255,255,255,.78);
  backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(91,70,232,.1);
}
.lp-hd-brand{
  display:inline-flex;align-items:center;gap:8px;
  text-decoration:none;color:#17122a;font-weight:800;font-size:.95rem;
}
.lp-hd-brand span{
  width:32px;height:32px;border-radius:10px;
  display:inline-flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,#6847f5,#a78bfa);color:#fff;
  box-shadow:0 6px 16px rgba(104,71,245,.32);
}
.lp-hd-nav{display:flex;flex-wrap:wrap;gap:4px;align-items:center}
.lp-hd-nav a{
  padding:7px 12px;border-radius:999px;text-decoration:none;
  font-size:.84rem;font-weight:700;color:#5a4d7a;
}
.lp-hd-nav a:hover{background:rgba(104,71,245,.08);color:#4c1d95}
.lp-hd-nav-cta{
  background:linear-gradient(135deg,#6847f5,#7c3aed)!important;
  color:#fff!important;box-shadow:0 4px 14px rgba(104,71,245,.28);
}

/* —— Hero —— */
.lp-hd-hero{
  display:grid;grid-template-columns:1.05fr minmax(300px,380px);
  gap:32px;align-items:start;
  max-width:1080px;margin:0 auto;padding:32px 18px 24px;
}
.lp-hd-kicker{
  display:inline-flex;align-items:center;gap:8px;margin:0 0 12px;
  padding:6px 12px 6px 8px;border-radius:999px;
  background:#fff;border:1px solid rgba(91,70,232,.12);
  box-shadow:0 4px 14px rgba(40,20,100,.05);
  font-size:.78rem;font-weight:800;color:#5b46e8;
}
.lp-hd-kicker i{
  width:20px;height:20px;border-radius:50%;
  display:inline-flex;align-items:center;justify-content:center;
  background:#16a34a;color:#fff;font-style:normal;font-size:.65rem;
}
.lp-hd-hero h1{
  margin:0 0 12px;
  font-size:clamp(1.6rem,3.6vw,2.45rem);
  line-height:1.12;letter-spacing:-.025em;font-weight:900;color:#120e22;
}
.lp-hd-hero h1 em{
  font-style:normal;
  background:linear-gradient(120deg,#5b46e8,#a855f7 55%,#38bdf8);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.lp-hd-lead{margin:0 0 14px;color:#4b4560;font-size:1.05rem;max-width:34em}
.lp-hd-bullets{margin:0;padding:0 0 0 1.15em;color:#5a5470;font-size:.95rem}
.lp-hd-bullets li{margin:6px 0}
.lp-hd-partner-note{
  margin:14px 0 0;padding:10px 12px;border-radius:12px;
  background:rgba(104,71,245,.08);border:1px dashed rgba(104,71,245,.25);
  font-size:.86rem;color:#5b46e8;
}

/* —— Form card (свой UI) —— */
.lp-hd-form-wrap{position:relative;z-index:2}
.lp-hd-form-card{
  position:relative;
  background:rgba(255,255,255,.92);
  border-radius:22px;
  padding:20px 18px 16px;
  box-shadow:
    0 4px 6px rgba(40,20,100,.04),
    0 22px 44px rgba(40,20,100,.12);
  border:1px solid rgba(255,255,255,.95);
}
.lp-hd-form-card::before{
  content:"";position:absolute;inset:-1px;border-radius:23px;z-index:-1;
  background:linear-gradient(135deg,rgba(104,71,245,.35),rgba(56,189,248,.18),rgba(244,114,182,.18));
  opacity:.5;
}
.lp-hd-form-head{
  display:flex;align-items:flex-start;justify-content:space-between;gap:10px;
  margin-bottom:14px;
}
.lp-hd-form-card h2{
  margin:0;font-size:1.2rem;font-weight:900;color:#17122a;letter-spacing:-.02em;
}
.lp-hd-form-sub{margin:3px 0 0;color:#6b657a;font-size:.84rem}
.lp-hd-badge-free{
  flex-shrink:0;padding:5px 11px;border-radius:999px;
  background:linear-gradient(135deg,#ecfdf5,#d1fae5);
  color:#047857;font-size:.72rem;font-weight:800;border:1px solid #a7f3d0;
}
.lp-hd-error{
  margin:0 0 12px;padding:10px 12px;border-radius:12px;
  background:#fef2f2;border:1px solid #fecaca;color:#b91c1c;
  font-size:.9rem;font-weight:600;
}
.lp-hd-fields{display:grid;gap:11px}
.lp-hd-field{display:flex;flex-direction:column;gap:5px;margin:0}
.lp-hd-field>span{
  font-size:.72rem;font-weight:800;color:#5a4d7a;
  letter-spacing:.03em;text-transform:uppercase;
}
.lp-hd-field input{
  width:100%;box-sizing:border-box;
  padding:12px 13px;border-radius:13px;
  border:1.5px solid #e4dff5;
  background:#fbfaff;color:#17122a;
  font:inherit;font-size:.95rem;
  transition:border-color .15s,box-shadow .15s,background .15s;
}
.lp-hd-field input:focus{
  outline:none;border-color:#8b5cf6;background:#fff;
  box-shadow:0 0 0 4px rgba(139,92,246,.14);
}
.lp-hd-grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.lp-hd-check{
  display:flex!important;flex-direction:row!important;align-items:center;gap:8px;
  margin:0;font-size:.84rem!important;font-weight:600!important;color:#5a4d7a!important;
  text-transform:none!important;letter-spacing:0!important;cursor:pointer;
}
.lp-hd-check input{width:16px;height:16px;accent-color:#6847f5;margin:0;flex-shrink:0}
.lp-hd-city-wrap{position:relative}
.lp-hd-consent{
  display:flex;gap:8px;align-items:flex-start;
  font-size:.8rem;font-weight:500;color:#5a4d7a;line-height:1.4;
}
.lp-hd-consent input{width:16px;height:16px;margin-top:2px;accent-color:#6847f5;flex-shrink:0}
.lp-hd-submit{
  display:flex;align-items:center;justify-content:center;
  width:100%;margin-top:2px;padding:14px 16px;border:0;border-radius:14px;
  background:linear-gradient(135deg,#6847f5 0%,#7c3aed 50%,#a855f7 100%);
  color:#fff!important;font:inherit;font-size:.98rem;font-weight:800;
  cursor:pointer;text-decoration:none;text-align:center;
  box-shadow:0 12px 28px rgba(104,71,245,.36);
  transition:transform .12s,filter .12s;
}
.lp-hd-submit:hover{filter:brightness(1.05);transform:translateY(-1px)}
.lp-hd-submit--inline{
  display:inline-flex;width:auto;min-width:240px;padding-left:24px;padding-right:24px;
}
.lp-hd-fine{margin:8px 0 0;font-size:.76rem;color:#8b83a0;text-align:center;line-height:1.4}

/* Город: подсказки как на главной (city-autocomplete.js → .suggest.is-open) */
.lp-hd-city-wrap{position:relative}
.lp-hd .suggest{
  position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:60;
  display:none;max-height:280px;overflow:auto;padding:6px;
  border-radius:16px;border:1px solid #e4dff5;background:#fff;
  box-shadow:0 16px 40px rgba(31,38,69,.16);
}
.lp-hd .suggest.is-open{display:block}
.lp-hd .suggest-item{
  width:100%;display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;
  text-align:left;border:0;background:#fff;padding:10px;border-radius:12px;
  cursor:pointer;color:#1a1430;font:inherit;
}
.lp-hd .suggest-item:hover,.lp-hd .suggest-item:focus{background:#f4f3ff;outline:0}
.lp-hd .suggest-pin{
  width:34px;height:34px;display:grid;place-items:center;
  background:#efedff;color:#5b46e8;border-radius:11px;font-size:.9rem;
}
.lp-hd .suggest-copy{display:flex;flex-direction:column;min-width:0;gap:2px}
.lp-hd .suggest-copy strong{font-size:.92rem;font-weight:700}
.lp-hd .suggest-copy small{color:#7a7390;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.78rem}
.lp-hd .suggest-source{
  font-size:.65rem;background:#effaf7;color:#238d79;border-radius:20px;padding:4px 7px;white-space:nowrap;
}
.lp-hd .suggest-state{padding:14px;color:#7a7390;font-size:.88rem;display:flex;align-items:center;gap:8px}
.lp-hd .spinner{
  width:16px;height:16px;border:2px solid #ddd7ff;border-top-color:#5b46e8;border-radius:50%;
  animation:lp-spin .75s linear infinite;
}
@keyframes lp-spin{to{transform:rotate(360deg)}}

/* Карточка выбранного города */
.lp-hd-place{
  display:none;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;
  padding:10px 12px;border-radius:14px;
  background:linear-gradient(135deg,#f5f3ff,#eef2ff);
  border:1px solid rgba(91,70,232,.15);
}
.lp-hd-place.is-visible,.lp-hd-place:not([hidden]){display:grid}
.lp-hd-place[hidden]{display:none!important}
.lp-hd-place-ic{font-size:1.2rem}
.lp-hd-place-main{min-width:0;display:flex;flex-direction:column;gap:1px}
.lp-hd-place-main small{font-size:.68rem;font-weight:700;color:#7c3aed;text-transform:uppercase;letter-spacing:.03em}
.lp-hd-place-main strong{font-size:.92rem;color:#17122a}
.lp-hd-place-main span{font-size:.78rem;color:#6b657a}
.lp-hd-place-meta{display:none}
.lp-hd-place-change{
  border:0;background:#fff;color:#5b46e8;font:inherit;font-size:.78rem;font-weight:700;
  padding:7px 10px;border-radius:10px;cursor:pointer;border:1px solid rgba(91,70,232,.15);
}
.lp-hd-place-change:hover{background:#f5f3ff}

/* —— TOC & content —— */
.lp-hd-toc{padding-top:8px!important}
.lp-hd-toc-title{font-size:1.05rem!important;margin-bottom:10px!important}
.lp-hd-toc-list{
  margin:0;padding:14px 14px 14px 32px;border-radius:16px;
  background:#fff;border:1px solid rgba(91,70,232,.1);
  box-shadow:0 6px 18px rgba(40,20,100,.04);
}
.lp-hd-toc-list li{margin:6px 0;color:#5a4d7a;font-size:.92rem}
.lp-hd-toc-list a{font-weight:600;text-decoration:none}
.lp-hd-toc-list a:hover{text-decoration:underline}

.lp-hd-section{max-width:920px;margin:0 auto;padding:26px 18px}
.lp-hd-section h2{
  margin:0 0 14px;font-size:clamp(1.2rem,2.4vw,1.45rem);
  font-weight:900;color:#17122a;letter-spacing:-.02em;
}
.lp-hd-prose p{margin:0 0 12px;color:#4b4560;font-size:.97rem;line-height:1.65}
.lp-hd-type-cards{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;margin-top:8px;
}
.lp-hd-type-cards article{
  padding:16px;border-radius:16px;background:#fff;
  border:1px solid rgba(91,70,232,.1);box-shadow:0 8px 20px rgba(40,20,100,.04);
}
.lp-hd-type-cards h3{margin:0 0 8px;font-size:1.02rem;color:#4c1d95}
.lp-hd-type-cards p{margin:0;color:#5a5470;font-size:.9rem;line-height:1.5}
.lp-hd-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.lp-hd-grid3 div{
  padding:16px;border-radius:16px;
  background:linear-gradient(160deg,#fff,#f5f3ff);
  border:1px solid rgba(91,70,232,.1);
}
.lp-hd-grid3 h3{margin:0 0 8px;font-size:.98rem;color:#4c1d95}
.lp-hd-grid3 p{margin:0;color:#5a5470;font-size:.88rem;line-height:1.5}
.lp-hd-glossary{margin:0;display:grid;gap:10px}
.lp-hd-glossary>div{
  padding:14px 16px;border-radius:14px;background:#fff;
  border:1px solid rgba(91,70,232,.1);
}
.lp-hd-glossary dt{font-weight:800;color:#2a2340;margin:0 0 4px}
.lp-hd-glossary dd{margin:0;color:#5a5470;font-size:.9rem;line-height:1.5}
.lp-hd-related ul{margin:0;padding:0 0 0 1.2em;color:#5a5470}
.lp-hd-related li{margin:8px 0}
.lp-hd-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.lp-hd-steps article{
  padding:16px;border-radius:16px;background:#fff;
  border:1px solid rgba(91,70,232,.1);
  box-shadow:0 8px 22px rgba(40,20,100,.05);
}
.lp-hd-steps b{
  display:inline-flex;width:30px;height:30px;align-items:center;justify-content:center;
  border-radius:10px;background:linear-gradient(135deg,#6847f5,#a78bfa);color:#fff;font-size:.85rem;
}
.lp-hd-steps h3{margin:10px 0 6px;font-size:1rem}
.lp-hd-steps p{margin:0;color:#6b657a;font-size:.9rem}
.lp-hd-grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:4px}
.lp-hd-grid4 div{
  padding:14px;border-radius:14px;
  background:linear-gradient(160deg,#fff,#f5f3ff);
  border:1px solid rgba(91,70,232,.1);
}
.lp-hd-grid4 h3{margin:0 0 4px;font-size:.92rem;color:#4c1d95}
.lp-hd-grid4 p{margin:0;color:#6b657a;font-size:.84rem}

.lp-hd-section details{
  margin:0 0 8px;border-radius:14px;overflow:hidden;
  background:#fff;border:1px solid rgba(91,70,232,.1);
}
.lp-hd-section summary{
  cursor:pointer;padding:13px 15px;font-weight:800;color:#2a2340;list-style:none;
}
.lp-hd-section summary::-webkit-details-marker{display:none}
.lp-hd-section details[open] summary{border-bottom:1px solid #f0ecfa;background:#faf8ff}
.lp-hd-section details p{margin:0;padding:12px 15px 15px;color:#5a5470;font-size:.92rem}

.lp-hd-bottom-cta{text-align:center;padding:28px 18px 44px}
.lp-hd-bottom-cta p{margin:0 0 14px;color:#6b657a}

/* —— Footer —— */
.lp-hd-foot{
  border-top:1px solid rgba(91,70,232,.12);
  background:rgba(255,255,255,.55);
}
.lp-hd-foot-inner{
  max-width:920px;margin:0 auto;padding:20px 18px 36px;
  display:flex;flex-direction:column;align-items:center;gap:12px;
}
.lp-hd-foot-brand{margin:0;font-size:.9rem;font-weight:700;color:#3d3558}
.lp-hd-foot-brand a{color:#17122a;text-decoration:none}
.lp-hd-foot-nav{
  display:flex;flex-wrap:wrap;justify-content:center;gap:4px 2px;
}
.lp-hd-foot-nav a{
  padding:5px 10px;border-radius:8px;
  font-size:.78rem;font-weight:600;color:#5a4d7a;text-decoration:none;
  white-space:nowrap;
}
.lp-hd-foot-nav a:hover{background:rgba(104,71,245,.08);color:#4c1d95}

@media (max-width:900px){
  .lp-hd-hero{grid-template-columns:1fr;gap:22px;padding-top:20px}
  .lp-hd-nav a:not(.lp-hd-nav-cta){display:none}
  .lp-hd-steps{grid-template-columns:1fr}
  .lp-hd-grid3{grid-template-columns:1fr}
  .lp-hd-grid4{grid-template-columns:1fr 1fr}
  .lp-hd .suggest{
    position:fixed;left:10px;right:10px;top:auto;bottom:10px;
    max-height:48vh;z-index:200;
  }
}
@media (max-width:520px){
  .lp-hd-grid2{grid-template-columns:1fr}
  .lp-hd-grid4{grid-template-columns:1fr}
  .lp-hd-form-card{padding:16px 14px 14px;border-radius:18px}
  .lp-hd-top{padding:10px 12px}
  .lp-hd-place{grid-template-columns:auto 1fr}
  .lp-hd-place-change{grid-column:1/-1}
}
