/* FFE_Alerts — [ffe_price_alert] 3-step form. Brand: black/gold/warm-white, NO gray.
   Scoped under .ffe-alert. Mobile-first, >=48px targets, >=16px inputs.
   Selection state = JS .is-sel (primary); :has() is enhancement only (Tor/Brave/FF<121). */
.ffe-alert{
  --a-bg:#0a0a0a; --a-card:#141417; --a-card-2:#1a1a1e;
  --a-line:rgba(255,255,255,.28); --a-line-soft:rgba(255,255,255,.12);
  --a-fg:#fff; --a-text:#efe9dc; --a-gold:#e8b923; --a-gold-b:#f5d77e;
  --a-pos:#5fd38a; --a-neg:#ff7a6b; --a-r:14px; --a-r-sm:10px;
  color:var(--a-text);
  font-family:"Manrope",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  background:var(--a-card); border:1px solid var(--a-line-soft); border-radius:18px;
  padding:clamp(18px,4vw,28px); max-width:560px; margin:0 auto; box-sizing:border-box;
}
.ffe-alert *,.ffe-alert *::before,.ffe-alert *::after{box-sizing:border-box}
.ffe-alert__why{margin:0 0 18px}
.ffe-alert__why-h{font-size:clamp(20px,5vw,26px);line-height:1.15;font-weight:800;color:var(--a-fg);margin:0 0 6px;letter-spacing:-.01em}
.ffe-alert__why-p{font-size:15px;line-height:1.6;color:var(--a-text);margin:0;max-width:48ch}
.ffe-alert__rail{display:flex;gap:6px;list-style:none;margin:0 0 20px;padding:0}
.ffe-alert__rail-i{flex:1;display:flex;align-items:center;gap:7px;font-size:12px;font-weight:700;
  text-transform:uppercase;letter-spacing:.04em;color:var(--a-text);opacity:.5;padding-top:9px;border-top:3px solid var(--a-line-soft)}
.ffe-alert__rail-i span{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;
  background:var(--a-card-2);color:var(--a-text);font-size:12px;border:1px solid var(--a-line-soft)}
.ffe-alert__rail-i.is-active{opacity:1;color:var(--a-gold-b);border-top-color:var(--a-gold)}
.ffe-alert__rail-i.is-active span{background:var(--a-gold);color:#0a0a0a;border-color:var(--a-gold)}
.ffe-alert__rail-i.is-done{opacity:1;color:var(--a-text);border-top-color:var(--a-gold)}
.ffe-alert__step[hidden]{display:none}
.ffe-alert__field{display:flex;flex-direction:column;gap:8px;margin:0 0 16px}
.ffe-alert__field label,.ffe-alert__lbl{display:block;font-size:13px;font-weight:700;color:var(--a-gold-b);text-transform:uppercase;letter-spacing:.04em;margin:0 0 4px}
.ffe-alert__lbl b{color:var(--a-fg)}
.ffe-alert__in,.ffe-alert__sel{width:100%;min-height:52px;padding:13px 15px;font-size:16px;color:var(--a-fg);
  background:var(--a-card-2);border:1px solid var(--a-line);border-radius:var(--a-r);font-variant-numeric:tabular-nums;-webkit-appearance:none;appearance:none}
.ffe-alert__sel{background-image:linear-gradient(45deg,transparent 50%,var(--a-gold) 50%),linear-gradient(135deg,var(--a-gold) 50%,transparent 50%);
  background-position:calc(100% - 20px) 22px,calc(100% - 14px) 22px;background-size:6px 6px,6px 6px;background-repeat:no-repeat;padding-right:42px}
.ffe-alert__in:focus-visible,.ffe-alert__sel:focus-visible{outline:2px solid var(--a-gold);outline-offset:1px}
.ffe-alert__inwrap{position:relative}
.ffe-alert__inwrap[data-al-prefix]::before{content:attr(data-al-prefix);position:absolute;left:15px;top:50%;transform:translateY(-50%);color:var(--a-gold-b);font-size:16px;font-weight:700;pointer-events:none}
.ffe-alert__inwrap[data-al-prefix] .ffe-alert__in{padding-left:30px}
.ffe-alert__inwrap[data-al-suffix]::after{content:attr(data-al-suffix);position:absolute;right:15px;top:50%;transform:translateY(-50%);color:var(--a-gold-b);font-size:16px;font-weight:700;pointer-events:none}
.ffe-alert__hint{font-size:13px;line-height:1.55;color:var(--a-text);opacity:.85}
.ffe-alert__cards{display:grid;grid-template-columns:1fr;gap:10px;margin:0 0 18px}
@media(min-width:480px){.ffe-alert__cards{gap:12px}}
.ffe-alert__card{position:relative;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:center;
  min-height:64px;padding:14px 16px;cursor:pointer;background:var(--a-card-2);border:1.5px solid var(--a-line-soft);border-radius:var(--a-r)}
.ffe-alert__card-ic{grid-row:1 / span 2;font-size:24px;line-height:1}
.ffe-alert__card-t{font-size:16px;font-weight:700;color:var(--a-fg)}
.ffe-alert__card-d{font-size:13.5px;line-height:1.45;color:var(--a-text);opacity:.85}
.ffe-alert__card input{position:absolute;opacity:0;width:1px;height:1px}
.ffe-alert__card.is-sel{border-color:var(--a-gold);background:rgba(232,185,35,.10)}
.ffe-alert__card.is-sel .ffe-alert__card-t{color:var(--a-gold-b)}
.ffe-alert__card:focus-within{outline:2px solid var(--a-gold);outline-offset:2px}
.ffe-alert__seg{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}
.ffe-alert__seg label{display:inline-flex;align-items:center;gap:7px;min-height:48px;padding:8px 16px;background:var(--a-card-2);
  border:1.5px solid var(--a-line-soft);border-radius:999px;font-size:15px;font-weight:600;color:var(--a-text);cursor:pointer}
.ffe-alert__seg input{accent-color:var(--a-gold);width:18px;height:18px}
.ffe-alert__seg label.is-sel{border-color:var(--a-gold);color:var(--a-gold-b);background:rgba(232,185,35,.10)}
.ffe-alert__seg label:focus-within{outline:2px solid var(--a-gold);outline-offset:2px}
.ffe-alert__summary{font-size:15px;line-height:1.55;color:var(--a-text);margin:0 0 16px;padding:12px 14px;border-left:3px solid var(--a-gold);background:rgba(232,185,35,.06);border-radius:var(--a-r-sm)}
.ffe-alert__summary b{color:var(--a-fg)}
.ffe-alert__chans{display:grid;grid-template-columns:1fr;gap:10px;margin:0 0 14px}
.ffe-alert__chan{position:relative;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:12px;min-height:60px;
  padding:13px 16px;cursor:pointer;background:var(--a-card-2);border:1.5px solid var(--a-line-soft);border-radius:var(--a-r)}
.ffe-alert__chan[hidden]{display:none}
.ffe-alert__chan-ic{grid-row:1 / span 2;font-size:22px;align-self:center}
.ffe-alert__chan-t{font-size:16px;font-weight:700;color:var(--a-fg);display:flex;align-items:center;gap:8px}
.ffe-alert__chan-d{font-size:13.5px;line-height:1.45;color:var(--a-text);opacity:.85}
.ffe-alert__tag{font-style:normal;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#0a0a0a;background:var(--a-gold);padding:2px 7px;border-radius:999px}
.ffe-alert__chan input{position:absolute;opacity:0;width:1px;height:1px}
.ffe-alert__chan.is-sel{border-color:var(--a-gold);background:rgba(232,185,35,.10)}
.ffe-alert__chan:focus-within{outline:2px solid var(--a-gold);outline-offset:2px}
.ffe-alert__nav{display:flex;align-items:center;gap:12px;margin-top:6px}
.ffe-alert__btn{flex:1;min-height:54px;cursor:pointer;background:var(--a-gold);color:#0a0a0a;border:0;border-radius:999px;font-size:16px;font-weight:800}
.ffe-alert__btn:hover{background:var(--a-gold-b)}
.ffe-alert__btn:focus-visible{outline:2px solid #fff;outline-offset:2px}
.ffe-alert__btn[disabled]{opacity:.6;cursor:default}
.ffe-alert__back{min-height:54px;padding:0 18px;cursor:pointer;background:transparent;color:var(--a-text);border:1.5px solid var(--a-line);border-radius:999px;font-size:15px;font-weight:700}
.ffe-alert__back:hover{border-color:var(--a-gold);color:var(--a-gold-b)}
.ffe-alert__back:focus-visible{outline:2px solid var(--a-gold);outline-offset:2px}
.ffe-alert__priv{font-size:12.5px;color:var(--a-text);opacity:.85;margin:14px 0 0;line-height:1.6}
.ffe-alert__status{margin:18px 0 0;padding:16px 18px;border-radius:var(--a-r);font-size:15px;line-height:1.6;border:1px solid var(--a-line);background:var(--a-card-2);color:var(--a-fg)}
.ffe-alert__status[hidden]{display:none}
.ffe-alert__status .ffe-alert__st-h{display:block;font-size:16px;font-weight:800;margin:0 0 4px}
.ffe-alert__status.is-busy{border-color:var(--a-gold)}
.ffe-alert__status.is-wait{border-color:var(--a-gold);background:rgba(232,185,35,.08)}
.ffe-alert__status.is-ok{border-color:var(--a-pos);background:rgba(95,211,138,.10)}
.ffe-alert__status.is-ok .ffe-alert__st-h{color:var(--a-pos)}
.ffe-alert__status.is-err{border-color:var(--a-neg);background:rgba(255,122,107,.08)}
.ffe-alert__status.is-err .ffe-alert__st-h{color:var(--a-neg)}
.ffe-alert__tg{display:inline-flex;align-items:center;gap:8px;min-height:50px;margin-top:12px;padding:12px 22px;background:var(--a-gold);color:#0a0a0a;border-radius:999px;font-weight:800;text-decoration:none}
.ffe-alert__tg:hover{background:var(--a-gold-b)}
.ffe-alert__tg:focus-visible{outline:2px solid #fff;outline-offset:2px}
.ffe-alert__wait{display:flex;align-items:center;gap:9px;margin-top:12px;font-size:13.5px;color:var(--a-text);opacity:.9}
.ffe-alert__spin{width:15px;height:15px;border-radius:50%;border:2px solid rgba(232,185,35,.3);border-top-color:var(--a-gold);animation:ffe-al-spin .8s linear infinite;flex:none}
.ffe-alert__retry{margin-top:12px;min-height:48px;padding:0 18px;cursor:pointer;background:transparent;color:var(--a-gold-b);border:1.5px solid var(--a-gold);border-radius:999px;font-size:14px;font-weight:700}
.ffe-alert__retry:focus-visible{outline:2px solid #fff;outline-offset:2px}
@keyframes ffe-al-spin{to{transform:rotate(360deg)}}
@supports selector(:has(*)){
  .ffe-alert__card:has(input:checked){border-color:var(--a-gold);background:rgba(232,185,35,.10)}
  .ffe-alert__seg label:has(input:checked){border-color:var(--a-gold);color:var(--a-gold-b);background:rgba(232,185,35,.10)}
  .ffe-alert__chan:has(input:checked){border-color:var(--a-gold);background:rgba(232,185,35,.10)}
}
@media (prefers-reduced-motion:reduce){.ffe-alert *{animation:none!important;transition:none!important}.ffe-alert__spin{animation:none!important}}