.rr-overlay{
    --rr-red:#A3200F; --rr-red-dark:#861A0C; --rr-ink:#1C1109; --rr-tan:#8B6B4F;
    --rr-cream:#FAF6EF; --rr-sand:#F2E9E0; --rr-line:#E6DACB;
    position:fixed; inset:0; z-index:99999; display:none;
    align-items:center; justify-content:center; padding:16px;
    background:rgba(28,17,9,.62);
    font-family:"Archivo",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
    color:var(--rr-ink);
  }
  .rr-overlay.rr-open{display:flex; animation:rr-fade .2s ease-out}
  .rr-overlay *{box-sizing:border-box}
  .rr-modal{
    position:relative; width:100%; max-width:460px; max-height:calc(100dvh - 32px); overflow:auto;
    background:var(--rr-cream); border-radius:14px; border-top:6px solid var(--rr-red);
    box-shadow:0 24px 60px rgba(0,0,0,.35); padding:26px 28px 22px;
    animation:rr-rise .25s ease-out;
  }
  .rr-close{
    position:absolute; top:10px; right:10px; width:44px; height:44px; border:0; border-radius:50%;
    background:transparent; color:var(--rr-ink); font-size:30px; line-height:1; cursor:pointer;
  }
  .rr-close:hover{background:var(--rr-sand)}
  .rr-logo{display:block; width:190px; max-width:60%; height:auto; margin:0 0 18px}
  .rr-h{margin:0 0 8px; font-size:26px; line-height:1.12; font-weight:800; letter-spacing:-.01em}
  .rr-p{margin:0 0 18px; font-size:15px; line-height:1.45; color:#4a3a2c}
  .rr-screen{display:none}
  .rr-screen.rr-on{display:block}

  .rr-choices{display:grid; gap:10px}
  .rr-choice{
    display:flex; align-items:center; gap:14px; width:100%; text-align:left; cursor:pointer;
    background:#fff; border:1.5px solid var(--rr-line); border-radius:10px; padding:14px 16px;
    font:inherit; color:inherit; transition:border-color .15s, background .15s;
  }
  .rr-choice:hover,.rr-choice:focus-visible{border-color:var(--rr-red); background:var(--rr-sand)}
  .rr-tri{flex:0 0 auto; width:0; height:0; border-left:11px solid transparent; border-right:11px solid transparent; border-bottom:20px solid var(--rr-red)}
  .rr-choice b{display:block; font-size:16px; font-weight:700}
  .rr-choice span{display:block; font-size:13px; color:var(--rr-tan); margin-top:2px}

  .rr-form{display:grid; gap:12px}
  .rr-field label{display:block; margin-bottom:5px; font-size:13px; font-weight:700}
  .rr-field input,.rr-field select{
    width:100%; height:46px; padding:0 12px; font:inherit; font-size:16px; color:var(--rr-ink);
    background:#fff; border:1.5px solid var(--rr-line); border-radius:8px;
  }
  .rr-field input:focus,.rr-field select:focus{outline:3px solid rgba(163,32,15,.25); border-color:var(--rr-red)}
  .rr-hp{position:absolute !important; left:-9999px; width:1px; height:1px; overflow:hidden}
  .rr-btn{
    height:50px; border:0; border-radius:8px; cursor:pointer; font:inherit; font-size:16px; font-weight:800;
    color:#fff; background:var(--rr-red); transition:background .15s;
  }
  .rr-btn:hover{background:var(--rr-red-dark)}
  .rr-btn[disabled]{opacity:.6; cursor:wait}
  .rr-back{background:none; border:0; padding:6px 0; font:inherit; font-size:13px; color:var(--rr-tan); cursor:pointer; text-align:left}
  .rr-back:hover{color:var(--rr-ink)}
  .rr-consent{margin:2px 0 0; font-size:12px; line-height:1.4; color:var(--rr-tan)}
  .rr-err{display:none; margin:0; font-size:13px; font-weight:700; color:var(--rr-red)}
  .rr-err.rr-on{display:block}
  .rr-thanks{text-align:left; padding:6px 0 4px}

  @keyframes rr-fade{from{opacity:0}to{opacity:1}}
  @keyframes rr-rise{from{opacity:0; transform:translateY(14px)}to{opacity:1; transform:none}}
  @media (max-width:520px){
    .rr-overlay{align-items:flex-end; padding:0}
    .rr-modal{max-width:none; border-radius:16px 16px 0 0; padding:22px 20px calc(18px + env(safe-area-inset-bottom))}
    .rr-h{font-size:23px}
  }
  @media (prefers-reduced-motion:reduce){
    .rr-overlay.rr-open,.rr-modal{animation:none}
  }