html:has(.sd-pop.is-open), body:has(.sd-pop.is-open) {overflow:hidden!important}
.sd-pop{--orange:#D64300;--orange-dark:#B83A00;--orange-text:#8C450D;--orange-tint:#FFF3EA;
  --head:#2A2A2A;--body:#4D4D4D;--muted:#767676;--line:#ECECEC;--green:#0B602B}
.sd-pop.overlay_pop{position:fixed;inset:0;display:none;align-items:center;justify-content:center;
  background:#11131899;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:99999;padding:16px}
.sd-pop.is-open{display:flex}
.sd-pop .card{position:relative;width:min(440px,100%);background:#fff;border-radius:20px;overflow:hidden;
  box-shadow:0 24px 60px #00000047;font-family:'Mulish',system-ui,sans-serif;
  animation:sdPop .28s cubic-bezier(.16,.84,.44,1) both}
@keyframes sdPop{from{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:none}}

.sd-pop .head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px 0}
.sd-pop .kicker{display:inline-flex;align-items:center;gap:7px;background:var(--orange-tint);color:var(--orange-text);
  font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:6px 11px;border-radius:999px}
.sd-pop .kicker svg{width:14px;height:14px}
.sd-pop .close{width:34px;height:34px;border:0;border-radius:50%;background:#F4F4F4;color:#3a3a3a;cursor:pointer;
  display:flex;align-items:center;justify-content:center;transition:background .15s ease}
.sd-pop .close:hover{background:#E9E9E9}
.sd-pop .close svg{width:16px;height:16px}

.sd-pop .body{padding:14px 22px 22px}
.sd-pop .title{margin:0 0 4px;font-size:22px;line-height:1.2;font-weight:800;color:var(--head);letter-spacing:-.01em}
.sd-pop .sub{margin:0 0 16px;font-size:14px;font-weight:500;color:var(--body)}

.sd-pop .opts{display:flex;flex-direction:column;gap:11px}
.sd-pop .opts--solo{margin-top:14px}
.sd-pop .opt{display:flex;align-items:center;gap:12px;width:100%;text-align:left;border-radius:13px;padding:14px 16px;
  font-family:inherit;cursor:pointer;border:1.5px solid var(--line);background:#fff;text-decoration:none;transition:.16s ease}
.sd-pop .opt-main{flex:1 1 auto;min-width:0}
.sd-pop .opt-label{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:16px;font-weight:800;color:var(--head);line-height:1.2}
.sd-pop .opt-sub{display:block;margin-top:3px;font-size:13px;font-weight:500;color:var(--muted)}
.sd-pop .opt-icon{flex:0 0 auto;width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center}
.sd-pop .opt-icon svg{width:18px;height:18px}

.sd-pop .opt--active{border-color:var(--orange);background:var(--orange);box-shadow:0 8px 20px #D6430045}
.sd-pop .opt--active .opt-label,.sd-pop .opt--active .opt-sub{color:#fff}
.sd-pop .opt--active .opt-sub{color:#ffe9da}
.sd-pop .opt--active .opt-icon{background:#ffffff2e;color:#fff}
.sd-pop .opt--active:hover{background:var(--orange-dark);transform:translateY(-1px)}

.sd-pop .opt--off{background:#F7F7F7;border-color:#EDEDED;cursor:not-allowed;position:relative}
.sd-pop .opt--off .opt-label{color:#9a9a9a}
.sd-pop .opt--off .opt-sub{color:#b0b0b0}
.sd-pop .opt--off .opt-icon{background:#ECECEC;color:#9a9a9a}
.sd-pop .badge{display:inline-flex;align-items:center;gap:4px;font-size:10.5px;font-weight:800;letter-spacing:.02em;
  text-transform:uppercase;color:var(--orange-text);background:var(--orange-tint);padding:3px 8px;border-radius:999px}
.sd-pop .badge svg{width:11px;height:11px}

.sd-pop .tip{position:absolute;left:16px;right:16px;bottom:calc(100% + 8px);background:#1d1d1f;color:#fff;
  font-size:12.5px;font-weight:600;line-height:1.4;padding:10px 12px;border-radius:10px;box-shadow:0 10px 24px #00000040;
  opacity:0;visibility:hidden;transform:translateY(4px);transition:.18s ease;z-index:3}
.sd-pop .tip::after{content:"";position:absolute;left:30px;top:100%;border:6px solid transparent;border-top-color:#1d1d1f}
.sd-pop .opt--off:hover .tip{opacity:1;visibility:visible;transform:none}

.sd-pop .notice{display:flex;gap:10px;margin-top:13px;padding:13px 14px;border-radius:12px;background:var(--orange-tint);
  border:1px solid #F6DCC8;animation:sdFade .22s ease both}
.sd-pop .notice[hidden]{display:none}
.sd-pop .opt-arabic {width: 18px; height: 18px; transform: rotate(180deg);}
@keyframes sdFade{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.sd-pop .notice svg{flex:0 0 auto;width:18px;height:18px;color:var(--orange-text);margin-top:1px}
.sd-pop .notice p{margin:0;font-size:13px;line-height:1.5;font-weight:600;color:var(--orange-text)}

.sd-pop .foot{margin-top:16px;display:flex;align-items:center;justify-content:center;gap:7px;font-size:12px;font-weight:600;color:var(--muted)}
.sd-pop .foot svg{width:14px;height:14px;color:var(--green)}

@media (max-width:520px){
  .sd-pop.overlay_pop{align-items:flex-end;padding:0}
  .sd-pop .card{width:100%;border-radius:22px 22px 0 0}
  .sd-pop .title{font-size:20px}
  @keyframes sdPop{from{opacity:0;transform:translateY(100%)}to{opacity:1;transform:none}}
}
@media (prefers-reduced-motion:reduce){.sd-pop .card{animation:none}}