/* ===== Shared lead-magnet popup (used in /blog/*) =====
   Источник: index.html. Один источник правды.
   Работает в паре с /js/lead-magnet-popup.js + /js/lead-magnet-fab.js. */

.lm-popup-overlay{
  position:fixed;inset:0;z-index:200;
  background:rgba(6,22,51,0.55);backdrop-filter:blur(2px);
  opacity:0;visibility:hidden;transition:opacity .25s ease, visibility .25s;
}
.lm-popup-overlay.open{opacity:1;visibility:visible}
.lm-popup{
  position:fixed;z-index:201;left:50%;top:50%;
  transform:translate(-50%, -45%);
  width:min(440px, calc(100vw - 32px));
  max-height:calc(100vh - 32px);overflow-y:auto;
  background:#fff;color:var(--ink);
  box-shadow:0 30px 80px rgba(6,22,51,0.45);
  opacity:0;visibility:hidden;transition:opacity .25s ease, transform .25s ease, visibility .25s;
}
.lm-popup.open{opacity:1;visibility:visible;transform:translate(-50%, -50%)}
.lm-popup-head{
  background:linear-gradient(180deg,var(--navy-800) 0%,var(--navy-900) 100%);
  color:#fff;padding:24px 28px 20px;position:relative;
}
.lm-popup-head::after{
  content:'';position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--gold-500);
}
.lm-popup-eyebrow{
  display:inline-flex;align-items:center;gap:10px;
  font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:0.12em;text-transform:uppercase;
  color:var(--gold-400);margin-bottom:10px;
}
.lm-popup-eyebrow::before{content:'';width:24px;height:1px;background:var(--gold-500)}
.lm-popup h3{
  font-family:'Playfair Display',serif;font-size:22px;font-weight:500;color:#fff;
  line-height:1.25;margin:0 0 8px;letter-spacing:-0.005em;
}
.lm-popup-sub{color:rgba(255,255,255,0.78);font-size:13.5px;line-height:1.55;margin:0}
.lm-popup-close{
  position:absolute;top:12px;right:12px;width:32px;height:32px;
  background:transparent;color:rgba(255,255,255,0.7);border:none;cursor:pointer;
  border-radius:4px;font-size:18px;line-height:1;display:grid;place-items:center;
  transition:color .2s, background .2s;
}
.lm-popup-close:hover{color:#fff;background:rgba(255,255,255,0.08)}
.lm-popup-body{padding:22px 28px 24px}
.lm-benefits{list-style:none;padding:0;margin:0 0 18px;display:grid;gap:8px}
.lm-benefits li{
  color:var(--ink);font-size:13.5px;line-height:1.5;
  padding-left:24px;position:relative;
}
.lm-benefits li::before{
  content:'';position:absolute;left:0;top:5px;width:12px;height:7px;
  border-left:2px solid var(--gold-500);border-bottom:2px solid var(--gold-500);
  transform:rotate(-45deg);
}
.lm-field{margin-bottom:12px}
.lm-field label{
  display:block;font-size:11px;color:var(--muted);text-transform:uppercase;
  letter-spacing:0.06em;margin-bottom:6px;font-weight:500;
}
.lm-field input{
  width:100%;padding:12px 14px;font-size:15px;font-family:inherit;
  border:1px solid var(--line);background:#fff;color:var(--ink);
  transition:border-color .2s, box-shadow .2s;
}
.lm-field input:focus{outline:none;border-color:var(--gold-500);box-shadow:0 0 0 3px rgba(201,169,110,0.15)}
.lm-consent{
  display:flex;align-items:flex-start;gap:10px;margin:12px 0 16px;
  font-size:12.5px;color:var(--muted);line-height:1.5;cursor:pointer;
}
.lm-consent input{margin-top:3px;flex-shrink:0;accent-color:var(--gold-500)}
.lm-consent a{color:var(--navy-800);text-decoration:underline;text-decoration-color:var(--gold-500)}
.lm-submit{
  width:100%;display:inline-flex;align-items:center;justify-content:center;gap:10px;
  background:var(--navy-800);color:#fff;padding:14px 20px;
  font-family:'Inter',sans-serif;font-weight:600;font-size:15px;letter-spacing:0.02em;
  border:none;cursor:pointer;transition:background .2s;
}
.lm-submit:hover{background:var(--gold-500);color:var(--navy-900)}
.lm-submit[data-sending="1"]{background:var(--muted);cursor:wait}
.lm-submit svg{width:14px;height:14px}
.lm-error{
  background:#FBE9E9;color:#8C2B2B;padding:10px 14px;font-size:13px;
  border-left:3px solid #C04848;margin-top:12px;
}
.lm-trust{
  margin-top:12px;font-size:11.5px;color:var(--muted);text-align:center;line-height:1.55;
}

/* Hybrid popup: Telegram + email (включается через window.LM_TG_ENABLED = true) */
.lm-tg-btn{
  width:100%;display:inline-flex;align-items:center;justify-content:center;gap:10px;
  background:var(--gold-500);color:var(--navy-900);padding:14px 20px;margin-bottom:14px;
  font-family:'Inter',sans-serif;font-weight:600;font-size:15px;letter-spacing:0.01em;
  text-decoration:none;border:none;cursor:pointer;
  transition:background .2s ease, transform .15s ease, box-shadow .2s ease;
}
.lm-tg-btn:hover{background:var(--gold-400);transform:translateY(-1px);box-shadow:0 6px 20px rgba(193,138,37,0.35)}
.lm-tg-btn:focus-visible{outline:2px solid var(--navy-800);outline-offset:3px}
.lm-tg-btn svg{width:18px;height:18px;flex-shrink:0}
.lm-tg-sub{
  text-align:center;font-size:11.5px;color:var(--muted);line-height:1.45;
  margin:-6px 0 14px;
}
.lm-email-toggle{
  width:100%;background:transparent;border:none;cursor:pointer;
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  font-family:'Inter',sans-serif;font-size:13px;font-weight:500;
  color:var(--muted);padding:10px 0;margin-bottom:6px;
  text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:3px;
  transition:color .2s, text-decoration-color .2s;
}
.lm-email-toggle:hover{color:var(--navy-800);text-decoration-color:var(--gold-500)}
.lm-email-toggle:focus-visible{outline:2px solid var(--gold-500);outline-offset:3px}
.lm-email-toggle .chev{
  display:inline-block;width:9px;height:9px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;
  transform:rotate(45deg);transition:transform .2s ease;margin-left:2px;margin-top:-3px;
}
.lm-email-toggle.expanded .chev{transform:rotate(-135deg);margin-top:2px}

/* На странице блога article a получает gold-underline — отменяем для попапа */
article .lm-popup a, article .lm-popup-overlay a{text-decoration:none}