/* ===== Roniz customer auth modal (phone + OTP) ===== */
.rauth-ov{
  position:fixed;inset:0;z-index:9990;display:none;
  background:rgba(9,30,20,.72);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
  align-items:center;justify-content:center;padding:20px;
}
.rauth-ov.open{display:flex}
.rauth{
  width:100%;max-width:390px;border-radius:22px;padding:26px 24px 22px;
  background:linear-gradient(155deg,#0F4D2E 0%,#14573A 100%);
  border:1px solid rgba(216,180,92,.28);color:#EDE6D3;
  box-shadow:0 28px 70px -24px rgba(0,0,0,.6);
  font-family:'Vazirmatn',sans-serif;direction:rtl;position:relative;
  animation:rauthIn .3s cubic-bezier(.2,.8,.2,1);
}
@keyframes rauthIn{from{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:none}}
.rauth-x{
  position:absolute;top:14px;left:14px;width:34px;height:34px;border-radius:50%;
  border:1px solid rgba(237,230,211,.25);background:transparent;color:#EDE6D3;
  cursor:pointer;font-size:1rem;display:grid;place-items:center;transition:.2s;
}
.rauth-x:hover{background:rgba(237,230,211,.12)}
.rauth-logo{width:46px;height:46px;object-fit:contain;display:block;margin:0 auto 12px;opacity:.95}
.rauth h3{text-align:center;font-size:1.12rem;font-weight:800;margin-bottom:6px}
.rauth .sub{text-align:center;font-size:.8rem;color:rgba(237,230,211,.72);line-height:1.7;margin-bottom:18px}
.rauth .sub b{color:#D8B45C;direction:ltr;display:inline-block}
.rauth label{display:block;font-size:.78rem;font-weight:600;margin-bottom:7px;color:rgba(237,230,211,.85)}
.rauth input[type=tel],.rauth input[type=text]{
  width:100%;padding:13px 15px;border-radius:13px;font-family:'Vazirmatn';font-size:.95rem;
  background:rgba(237,230,211,.1);border:1.5px solid rgba(237,230,211,.22);
  color:#EDE6D3;outline:none;transition:border-color .2s;direction:ltr;text-align:center;letter-spacing:1px;
}
.rauth input:focus{border-color:#D8B45C}
.rauth-btn{
  width:100%;margin-top:16px;padding:13px;border:none;border-radius:13px;cursor:pointer;
  background:#D8B45C;color:#0F4D2E;font-family:'Vazirmatn';font-weight:800;font-size:.95rem;
  transition:filter .18s,transform .15s;
}
.rauth-btn:hover{filter:brightness(1.07)}
.rauth-btn:active{transform:scale(.97)}
.rauth-btn:disabled{opacity:.45;cursor:default;transform:none}
.rauth-ghost{
  width:100%;margin-top:9px;padding:11px;border-radius:13px;cursor:pointer;
  background:transparent;border:1px solid rgba(237,230,211,.28);color:#EDE6D3;
  font-family:'Vazirmatn';font-weight:600;font-size:.85rem;transition:.2s;
}
.rauth-ghost:hover{background:rgba(237,230,211,.1)}
.rauth-ghost:disabled{opacity:.4;cursor:default}
.rauth-otp{display:flex;gap:8px;justify-content:center;direction:ltr;margin-bottom:4px}
.rauth-otp input{
  width:46px;height:54px;padding:0;text-align:center;font-size:1.35rem;font-weight:800;
  letter-spacing:0;border-radius:12px;background:rgba(237,230,211,.1);
  border:1.5px solid rgba(237,230,211,.22);color:#EDE6D3;outline:none;transition:.18s;
}
.rauth-otp input:focus{border-color:#D8B45C;background:rgba(216,180,92,.12)}
.rauth-otp input.filled{border-color:rgba(216,180,92,.6)}
.rauth-timer{text-align:center;font-size:.78rem;color:rgba(237,230,211,.6);margin-top:12px}
.rauth-timer b{color:#D8B45C;direction:ltr;display:inline-block}
.rauth-err{
  display:none;margin-top:12px;padding:9px 12px;border-radius:11px;font-size:.8rem;
  background:rgba(224,87,110,.14);border-inline-start:3px solid #e0576e;color:#ffc4c4;
}
.rauth-err.show{display:block}
.rauth-step{display:none}
.rauth-step.on{display:block}