/* Версия B: компактная форма на первом экране, скидка в кружке, реакция на наведение */
.hero-form-card{ --mx:50%; --my:50%; position:relative; background:rgba(8,6,14,.74); backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px);
  border:1px solid rgba(171,141,96,.6); border-radius:18px; padding:16px 20px 15px; box-shadow:0 18px 50px rgba(0,0,0,.55), 0 0 40px rgba(224,173,88,.12);
  transition:border-color .35s, box-shadow .35s, transform .35s cubic-bezier(.2,.7,.2,1); }
.hero-form-card > *{ position:relative; z-index:1; }
.hero-form-card::before{ content:""; position:absolute; inset:0; border-radius:inherit; z-index:0; pointer-events:none; opacity:0; transition:opacity .35s;
  background:radial-gradient(260px circle at var(--mx) var(--my), rgba(224,173,88,.28), rgba(224,173,88,.08) 45%, transparent 72%); }
.hero-form-card.is-hot{ border-color:rgba(240,200,120,.95); box-shadow:0 18px 56px rgba(0,0,0,.6), 0 0 54px rgba(224,173,88,.3); transform:translateY(-3px); }
.hero-form-card.is-hot::before{ opacity:1; }

.hfc-head{ display:flex; align-items:center; gap:14px; margin-bottom:13px; }
.hero-form-card .hfc-num{ flex:none; width:84px; height:84px; border-radius:50%; display:grid; place-items:center; position:relative;
  font-size:30px; line-height:1; letter-spacing:-.02em; white-space:nowrap; color:#f6d887; font-variant-numeric:tabular-nums;
  border:1.5px solid rgba(240,200,120,.95);
  background:radial-gradient(circle at 34% 28%, rgba(246,216,135,.34), rgba(171,141,96,.14) 58%, rgba(8,6,14,.5));
  box-shadow:0 0 22px rgba(224,173,88,.3), inset 0 0 16px rgba(246,216,135,.14);
  transition:transform .35s cubic-bezier(.2,.7,.2,1), box-shadow .35s; }
.hero-form-card .hfc-num::after{ content:""; position:absolute; inset:-7px; border-radius:50%; border:1px dashed rgba(240,200,120,.5); pointer-events:none; opacity:.8; }
.hero-form-card.is-hot .hfc-num{ transform:scale(1.09) rotate(-4deg); box-shadow:0 0 36px rgba(246,216,135,.55), inset 0 0 18px rgba(246,216,135,.22); text-shadow:0 0 18px rgba(246,216,135,.7); }
.hero-form-card.is-hot .hfc-num::after{ animation:hfc-spin 9s linear infinite; }
@keyframes hfc-spin{ to{ transform:rotate(360deg); } }
.hfc-text{ font-size:18px; line-height:1.3; color:#fff; }
.hfc-text b{ display:block; font-weight:500; color:#e0ad58; font-size:clamp(24px,2.1vw,32px); line-height:1.1; letter-spacing:-.01em; margin-bottom:.12em; }

.hero-form-card .hfc-form{ gap:10px; }
.hero-form-card .hfc-form > input{ background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.22); border-radius:10px; padding:12px 14px; color:#fff; font:inherit; font-size:17px; width:100%; box-sizing:border-box; }
.hero-form-card .hfc-form > input::placeholder{ color:rgba(255,255,255,.55); }
.hero-form-card .hfc-form > input:focus{ border-color:var(--accent); outline:none; }
.hero-form-card .btn{ justify-content:center; width:100%; box-sizing:border-box; min-height:58px; padding:15.2px 22.4px; font-family:inherit; font-size:16px; font-weight:500; letter-spacing:.08em; text-transform:uppercase; }
.hero-form-card .consent-line{ font-size:12.5px; line-height:1.4; gap:8px; color:rgba(255,255,255,.7); }
.hero-form-card .consent-line input{ width:15px; height:15px; margin-top:2px; }
.hero-form-card .form-success{ padding:8px 0 4px; }
.hero-form-card .form-success p{ color:#fff; font-size:17px; line-height:1.4; margin:0; }
.hero-form-card .form-error{ font-size:14px; }

/* компьютер: блок стоит примерно по центру, чуть левее, на уровне плашки и кнопки «Позвонить» */
@media (min-width:981px){
  .hero-form-card{ position:absolute; z-index:6; width:min(360px,27vw); min-width:330px;
    left:max(54.5%, calc(clamp(16px,4vw,56px) + 588px));
    bottom:calc(clamp(6px,1.4vh,14px) + 13px); }
}
/* планшет: справа, выше кнопки чата */
@media (min-width:641px) and (max-width:980px){
  .hero-form-card{ position:absolute; z-index:6; right:clamp(20px,4vw,56px); bottom:112px; width:300px; padding:14px 16px; }
  .hero-form-card .hfc-num{ width:72px; height:72px; font-size:26px; }
}
@media (max-width:640px){
  .hero-form-card{ margin:0 20px 30px; padding:16px 16px 14px; background:rgba(8,6,14,.82); }
  .hero-form-card .hfc-num{ width:78px; height:78px; font-size:28px; }
  .hfc-text b{ font-size:28px; }
  .hero-form-card .hfc-form > input{ font-size:18px; }
}
@media (prefers-reduced-motion:reduce){
  .hero-form-card, .hero-form-card .hfc-num{ transition:none; }
  .hero-form-card.is-hot, .hero-form-card.is-hot .hfc-num{ transform:none; }
  .hero-form-card.is-hot .hfc-num::after{ animation:none; }
}

/* в версии B скидка уже в форме: значок на фото не нужен */
.bd-hero-badge{ display:none !important; }

/* пометка про декабрь под скидкой: тихая строка со звёздочкой, не спорит с цифрой */
.hero-form-card .hfc-note{ margin:-2px 0 13px; font-size:14.5px; line-height:1.3; letter-spacing:.01em; color:rgba(255,255,255,.7); display:flex; align-items:center; gap:8px; }
.hero-form-card .hfc-note span{ color:#e0ad58; font-size:11px; }
.hero-form-card .hfc-note::after{ content:""; flex:1; height:1px; background:linear-gradient(90deg,rgba(224,173,88,.45),transparent); }
@media (max-width:640px){ .hero-form-card .hfc-note{ font-size:15px; } }