/* ==========================================================
   أوردر خلطة — style.css
   - بدون خطوط أو مكتبات خارجية (يعمل بدون إنترنت)
   - الألوان hex / rgba فقط (توافق html2canvas)
   - مكتوب بحيث يعمل على WebView القديم (fallbacks لـ clamp / dvh / env)
   ========================================================== */

*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
html.noscroll,html.noscroll body{overflow:hidden}

:root{
  --bg:#0f0b0a;
  --line:rgba(255,150,80,.22);
  --fire:#ff5a1f;
  --ember:#e02f1b;
  --amber:#ffb627;
  --cream:#fff4e6;
  --muted:#c9ae9c;
  --wa:#1fb855;
  --err:#ff6b5e;
  --font:"Segoe UI",Tahoma,"Noto Sans Arabic","Noto Kufi Arabic",Arial,sans-serif;
}

html,body{margin:0;padding:0}
body{
  font-family:var(--font);
  background:var(--bg);
  color:var(--cream);
  min-height:100vh;
  line-height:1.6;
  overflow-x:hidden;
  position:relative;
  -webkit-font-smoothing:antialiased;
}
body::before{
  content:"";position:fixed;top:0;left:0;right:0;bottom:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(900px 520px at 50% -8%,rgba(255,90,31,.30),transparent 62%),
    radial-gradient(700px 420px at 100% 105%,rgba(224,47,27,.18),transparent 62%),
    repeating-linear-gradient(135deg,rgba(255,255,255,.018) 0,rgba(255,255,255,.018) 2px,transparent 2px,transparent 14px);
}
a{color:inherit}
button{font-family:inherit}
[data-icon]{display:inline-flex;align-items:center;justify-content:center;line-height:0}
svg{display:block}

:focus{outline:none}
.btn:focus,.tile:focus,.back:focus,.qbtn:focus,.qchip:focus,.ctl:focus{outline:3px solid rgba(255,182,39,.55);outline-offset:2px}
.ctl:focus{outline:none}

/* ---------- جمرات متطايرة ---------- */
.embers{position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:0;overflow:hidden}
.embers i{
  position:absolute;bottom:-24px;left:var(--x);width:var(--s);height:var(--s);border-radius:50%;
  background:#ffb627;box-shadow:0 0 10px 2px rgba(255,120,30,.7);opacity:0;
  animation:ember var(--d) linear var(--l) infinite;
}
@keyframes ember{
  0%{transform:translate3d(0,0,0) scale(1);opacity:0}
  10%{opacity:.9}
  70%{opacity:.5}
  100%{transform:translate3d(26px,-105vh,0) scale(.3);opacity:0}
}

/* ---------- الهيكل ---------- */
#app{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column}
.view{display:none;flex:1}
.view.active{display:block;animation:viewIn .35s ease both}
@keyframes viewIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

.wrap{
  width:100%;max-width:640px;margin:0 auto;
  padding:22px 18px 28px;
  padding-top:calc(22px + env(safe-area-inset-top,0px));
}
.foot{padding:14px 18px 22px;text-align:center;font-size:13px;color:#8f7767;font-weight:700}

/* ---------- الرئيسية ---------- */
.hero{text-align:center;padding-top:30px}
.logo-ring{
  width:92px;height:92px;margin:0 auto 14px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;color:#fff4e6;
  background:radial-gradient(circle at 50% 30%,#ff7a2f,#e02f1b 72%);
  box-shadow:0 0 0 6px rgba(255,90,31,.15),0 0 38px rgba(255,90,31,.55);
  animation:glow 2.8s ease-in-out infinite;
}
@keyframes glow{
  0%,100%{box-shadow:0 0 0 6px rgba(255,90,31,.15),0 0 30px rgba(255,90,31,.45)}
  50%{box-shadow:0 0 0 10px rgba(255,90,31,.10),0 0 54px rgba(255,90,31,.78)}
}
.brand{
  margin:0;font-size:46px;font-size:clamp(38px,11vw,64px);font-weight:900;line-height:1.2;
  color:#fff4e6;text-shadow:0 4px 26px rgba(255,90,31,.38);
}
.brand span{
  color:#ffb627;
  background:linear-gradient(180deg,#ffd36a,#ff6f26);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;
}
.tagline{margin:6px 0 0;font-size:18px;font-weight:700;color:#e9cdb7}
.chips{display:flex;flex-wrap:wrap;justify-content:center;margin:16px -4px 28px}
.chip{
  margin:4px;padding:6px 14px;border-radius:999px;border:1px solid var(--line);
  background:rgba(255,150,80,.08);font-size:13px;font-weight:800;color:#ffd7b0;
}

.tiles{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;max-width:480px;margin:0 auto}
.tile{
  display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;
  min-height:124px;padding:16px 10px;border-radius:22px;position:relative;overflow:hidden;
  background:linear-gradient(160deg,#281b16,#171010);border:1px solid var(--line);
  color:var(--cream);font-size:17px;font-weight:800;text-decoration:none;cursor:pointer;
  transition:transform .15s,border-color .2s,box-shadow .2s;
  -webkit-appearance:none;appearance:none;
}
.tile:hover{transform:translateY(-3px);border-color:rgba(255,150,80,.55);box-shadow:0 14px 30px rgba(0,0,0,.45)}
.tile:active{transform:scale(.97)}
.tile-ic{
  width:54px;height:54px;border-radius:16px;margin-bottom:10px;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,rgba(255,90,31,.28),rgba(255,182,39,.12));color:#ffb627;
}
.tile-main,.tile-wide{grid-column:1 / -1;flex-direction:row;min-height:92px}
.tile-main .tile-ic,.tile-wide .tile-ic{margin:0 0 0 14px}
.tile-main{
  font-size:21px;border-color:rgba(255,200,140,.45);
  background:linear-gradient(120deg,#ff5a1f,#e02f1b);box-shadow:0 14px 34px rgba(255,90,31,.38);
}
.tile-main .tile-ic{background:rgba(0,0,0,.24);color:#fff4e6}
.tile-main::after{
  content:"";position:absolute;top:0;bottom:0;width:60px;left:-80px;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.28),transparent);
  transform:skewX(-18deg);animation:shine 4.2s ease-in-out infinite;
}
@keyframes shine{0%,55%{left:-90px}100%{left:120%}}

/* ---------- رأس الصفحات الداخلية ---------- */
.page-head{display:flex;align-items:center;margin:4px 0 20px}
.page-head h2{margin:0 14px 0 0;font-size:26px;font-weight:900}
.back{
  flex:none;width:46px;height:46px;border-radius:14px;display:flex;align-items:center;justify-content:center;
  background:#1d1411;border:1px solid var(--line);color:var(--cream);text-decoration:none;transition:transform .12s;
}
.back:active{transform:scale(.92)}

/* ---------- بطاقات الأصناف ---------- */
.menu-grid{display:grid;grid-gap:16px;gap:16px}
.card{
  position:relative;overflow:hidden;opacity:0;
  padding:16px 24px 16px 16px;border-radius:24px;
  background:linear-gradient(160deg,#281b16 0%,#171010 100%);
  border:1px solid var(--line);box-shadow:0 12px 30px rgba(0,0,0,.42);
}
.card::before{
  content:"";position:absolute;top:0;right:0;bottom:0;width:7px;
  background:linear-gradient(180deg,var(--accent),rgba(0,0,0,0));
}
.card::after{
  content:"";position:absolute;top:-70px;left:-70px;width:200px;height:200px;border-radius:50%;pointer-events:none;
  background:radial-gradient(circle,rgba(255,120,40,.17),transparent 70%);
}
.view.active .card{animation:rise .55s cubic-bezier(.2,.8,.2,1) forwards}
@keyframes rise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
.num{
  position:absolute;left:14px;top:4px;font-size:72px;font-weight:900;line-height:1;
  color:rgba(255,255,255,.045);pointer-events:none;font-family:Arial,sans-serif;
}
.card-top{display:grid;grid-template-columns:104px 1fr;grid-gap:14px;gap:14px;align-items:center;position:relative;z-index:1}
.art{
  width:104px;height:104px;border-radius:24px;display:flex;align-items:center;justify-content:center;
  background:radial-gradient(circle at 50% 35%,rgba(255,182,39,.22),rgba(255,90,31,.06) 72%);
  border:1px solid var(--line);
}
.art svg{width:88px;height:88px;-webkit-filter:drop-shadow(0 6px 8px rgba(0,0,0,.45));filter:drop-shadow(0 6px 8px rgba(0,0,0,.45))}
.tag{display:inline-block;padding:1px 11px;border-radius:999px;font-size:12px;font-weight:900;color:#1a1210;background:var(--accent)}
.card h3{margin:6px 0 4px;font-size:22px;font-weight:900;line-height:1.35}
.card p{margin:0;color:var(--muted);font-size:14px;line-height:1.7}
.card-meta{
  position:relative;z-index:1;margin:14px 0;padding:9px 12px;border-radius:12px;
  background:rgba(255,255,255,.04);border:1px dashed rgba(255,255,255,.14);font-size:13px;font-weight:700;color:#ecd2bd;
}
.card .btn{position:relative;z-index:1}

/* ---------- أزرار ---------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:54px;padding:0 22px;border:0;border-radius:16px;
  font-size:17px;font-weight:900;color:#fff4e6;text-decoration:none;cursor:pointer;position:relative;
  transition:transform .12s,box-shadow .2s,opacity .2s;
  -webkit-appearance:none;appearance:none;
}
.btn [data-icon]{margin-left:10px}
.btn:active{transform:scale(.97)}
.btn-block{display:flex;width:100%}
.btn-primary{background:linear-gradient(120deg,#ff5a1f,#e02f1b);box-shadow:0 10px 26px rgba(255,90,31,.38)}
.btn-primary:hover{box-shadow:0 14px 34px rgba(255,90,31,.55)}
.btn-ghost{background:rgba(255,255,255,.05);border:1.5px solid rgba(255,255,255,.16);color:#f3dcc8}
.btn-wa{background:linear-gradient(120deg,#25d366,#128c4a);box-shadow:0 10px 26px rgba(31,184,85,.35)}
.btn[disabled]{opacity:.7;cursor:default}
.btn.loading{pointer-events:none}
.btn.loading::before{
  content:"";width:18px;height:18px;margin-left:10px;border-radius:50%;
  border:3px solid rgba(255,255,255,.35);border-top-color:#fff;animation:spin .8s linear infinite;
}
@keyframes spin{to{transform:rotate(360deg)}}
.muted{color:var(--muted);font-weight:600}

/* ---------- تحميل التطبيق ---------- */
.app-card{
  text-align:center;padding:30px 20px 26px;border-radius:26px;
  background:linear-gradient(160deg,#281b16,#171010);border:1px solid var(--line);box-shadow:0 14px 34px rgba(0,0,0,.4);
}
.app-card h3{margin:0 0 20px;font-size:22px;font-weight:900}
.app-card .muted{margin:16px 0 0;font-size:14px}

/* ---------- النوافذ المنبثقة ---------- */
.overlay{
  position:fixed;top:0;left:0;right:0;bottom:0;z-index:50;padding:16px;
  display:flex;align-items:center;justify-content:center;
  background:rgba(10,5,4,.84);opacity:0;visibility:hidden;
  transition:opacity .25s,visibility 0s linear .25s;
}
.overlay.open{opacity:1;visibility:visible;transition:opacity .25s}
.dialog{
  position:relative;width:100%;max-width:460px;max-height:92vh;max-height:92dvh;overflow-y:auto;
  -webkit-overflow-scrolling:touch;padding:26px 22px 22px;border-radius:26px;
  background:linear-gradient(160deg,#2c1d16,#150e0c);border:1px solid rgba(255,150,80,.38);
  box-shadow:0 30px 80px rgba(0,0,0,.7),0 0 60px rgba(255,90,31,.18);
  transform:translateY(24px) scale(.96);transition:transform .3s cubic-bezier(.2,.9,.3,1.15);
}
.overlay.open .dialog{transform:none}
.dialog.small{max-width:380px;text-align:center}
.dialog.wide{max-width:560px}
.dialog h2{margin:0 0 10px;font-size:24px;font-weight:900;text-align:center}
.dialog p{margin:0 0 12px;font-size:16px;line-height:1.85;color:#f3dcc8}
.dialog-badge{
  width:64px;height:64px;margin:0 auto 12px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  color:#fff4e6;background:linear-gradient(135deg,#ff7a2f,#e02f1b);box-shadow:0 0 30px rgba(255,90,31,.5);
}
.dialog-badge.wa{background:linear-gradient(135deg,#25d366,#128c4a);box-shadow:0 0 30px rgba(31,184,85,.45)}
.x{
  position:absolute;top:12px;left:12px;width:38px;height:38px;border-radius:12px;border:0;cursor:pointer;
  display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.07);color:#f3dcc8;
}
.x:active{transform:scale(.9)}

.consent .lead{font-weight:800;color:#fff4e6}
.consent .note{
  padding:11px 14px;border-radius:14px;background:rgba(255,182,39,.1);border:1px solid rgba(255,182,39,.4);
  color:#ffd98a;font-size:14.5px;font-weight:800;margin-bottom:0;
}
.consent-actions{display:flex;align-items:center;margin-top:20px}
.consent-actions .btns{flex:1;display:flex;flex-direction:column}
.consent-actions .btns .btn+.btn{margin-top:10px}
.chk{
  flex:none;width:112px;margin-right:14px;display:flex;flex-direction:column;align-items:center;text-align:center;
  position:relative;cursor:pointer;font-size:12.5px;line-height:1.5;font-weight:700;color:#dcc3b1;
  -webkit-user-select:none;user-select:none;
}
.chk input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.chk .box{
  width:32px;height:32px;margin-bottom:6px;border-radius:10px;border:2px solid #8f7767;
  display:flex;align-items:center;justify-content:center;color:transparent;transition:background .15s,border-color .15s,color .15s;
}
.chk input:checked+.box{background:#ffb627;border-color:#ffb627;color:#1a1210}
.chk input:focus+.box{box-shadow:0 0 0 4px rgba(255,182,39,.32)}

/* ---------- إشعار صغير ---------- */
.toast{
  position:fixed;left:50%;bottom:20px;bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:100;
  width:calc(100% - 32px);max-width:420px;padding:13px 16px;border-radius:16px;text-align:center;
  font-size:15px;font-weight:800;line-height:1.6;color:#fff4e6;
  background:#2a1a14;border:1px solid rgba(255,182,39,.5);box-shadow:0 16px 40px rgba(0,0,0,.6);
  -webkit-transform:translate(-50%,30px);transform:translate(-50%,30px);opacity:0;visibility:hidden;
  transition:transform .3s,opacity .3s,visibility 0s linear .3s;
}
.toast.show{-webkit-transform:translate(-50%,0);transform:translate(-50%,0);opacity:1;visibility:visible;transition:transform .3s,opacity .3s}
.toast.warn{border-color:#ff6b5e;background:#33140f}

/* موقع معطّل بعد الرفض */
body.site-off #app{
  pointer-events:none;opacity:.4;-webkit-filter:grayscale(1) blur(1.5px);filter:grayscale(1) blur(1.5px);
  -webkit-user-select:none;user-select:none;
}

/* ---------- صفحة الحجز ---------- */
.form-card{
  padding:20px 18px 22px;border-radius:26px;
  background:linear-gradient(160deg,#281b16,#171010);border:1px solid var(--line);box-shadow:0 14px 34px rgba(0,0,0,.42);
}
.field{margin-bottom:20px}
.lbl{display:flex;align-items:center;margin-bottom:8px;font-size:15px;font-weight:900;color:#ffd7b0}
.lbl [data-icon]{margin-left:8px;color:#ffb627}
.ctl{
  display:block;width:100%;min-height:56px;padding:0 16px;border-radius:14px;
  border:1.5px solid rgba(255,255,255,.13);background:#120c0a;color:#fff4e6;
  font-family:inherit;font-size:17px;font-weight:700;transition:border-color .2s,box-shadow .2s;
  -webkit-appearance:none;appearance:none;border-radius:14px;
}
.ctl::placeholder{color:#8f7767;font-weight:600}
.ctl:focus{border-color:#ffb627;box-shadow:0 0 0 4px rgba(255,182,39,.16)}
.sel{position:relative}
.sel .ctl{padding-left:48px;cursor:pointer}
.sel .chev{position:absolute;left:16px;top:50%;margin-top:-10px;pointer-events:none;color:#ffb627}
.ctl option{background:#1a1210;color:#fff4e6}
.err-msg{margin-top:6px;color:var(--err);font-size:13.5px;font-weight:800}
.field.err .ctl,.field.err .qty{border-color:var(--err)}
.field.err{animation:shake .4s}
@keyframes shake{0%,100%{transform:none}20%{transform:translateX(-7px)}40%{transform:translateX(7px)}60%{transform:translateX(-5px)}80%{transform:translateX(5px)}}

.peek{
  display:none;align-items:center;margin-top:10px;padding:10px 12px;border-radius:14px;
  background:rgba(255,255,255,.04);border:1px dashed rgba(255,255,255,.14);
}
.peek.show{display:flex}
.peek svg{flex:none;width:46px;height:46px;margin-left:12px}
.peek span{font-size:13.5px;line-height:1.65;color:#e1c8b4;font-weight:600}

.qty{
  direction:ltr;display:flex;align-items:center;padding:6px;border-radius:16px;
  border:1.5px solid rgba(255,255,255,.13);background:#120c0a;
}
.qbtn{
  flex:none;width:52px;height:52px;border-radius:12px;border:0;cursor:pointer;color:#fff4e6;
  display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,#ff5a1f,#e02f1b);transition:transform .1s,opacity .2s;
}
.qbtn:active{transform:scale(.9)}
.qval{
  flex:1;direction:rtl;min-height:52px;padding:0 8px;display:flex;align-items:center;justify-content:center;
  text-align:center;font-size:22px;font-weight:900;color:#ffb627;line-height:1.3;
}
.qty.off .qbtn{opacity:.3;pointer-events:none}
.qty.off .qval{color:#8f7767;font-size:15px;font-weight:700}
.qchips{display:flex;flex-wrap:wrap;margin:10px -4px 0}
.qchip{
  margin:4px;padding:8px 16px;border-radius:999px;cursor:pointer;
  border:1.5px solid rgba(255,255,255,.15);background:rgba(255,255,255,.04);
  color:#ffd7b0;font-size:14px;font-weight:800;transition:background .15s,color .15s,border-color .15s;
}
.qchip.on{background:#ffb627;border-color:#ffb627;color:#1a1210}
.hint{margin:14px 4px 0;text-align:center;font-size:13.5px;font-weight:700;color:#bba390;line-height:1.7}

/* ---------- نافذة النجاح ---------- */
.steps{list-style:none;margin:16px 0 14px;padding:0}
.steps li{
  display:flex;align-items:center;margin-bottom:8px;padding:10px 12px;border-radius:12px;
  background:rgba(255,255,255,.04);font-size:14.5px;font-weight:800;color:#cdb4a2;
}
.steps .st{
  flex:none;width:26px;height:26px;margin-left:10px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;border:2px solid #6b5648;color:#fff;
}
.steps li.run{color:#fff4e6}
.steps li.run .st{border:3px solid rgba(255,182,39,.28);border-top-color:#ffb627;animation:spin .8s linear infinite}
.steps li.ok{color:#fff4e6}
.steps li.ok .st{background:#1fb855;border-color:#1fb855}
.steps li.bad{color:#ffb4a8}
.steps li.bad .st{background:#e0453b;border-color:#e0453b}
.ticket-fit{position:relative;width:100%;margin:6px 0 16px;overflow:hidden}
.ticket-scale{position:absolute;top:0;left:50%;width:520px;margin-left:-260px;-webkit-transform-origin:50% 0;transform-origin:50% 0}
.done-actions .btn{margin-bottom:10px}
.done-actions .btn:last-child{margin-bottom:0}
details.msg{margin:2px 0 14px;border-radius:12px;background:rgba(255,255,255,.04);padding:2px 12px}
details.msg summary{cursor:pointer;padding:10px 0;font-size:14px;font-weight:800;color:#ffd7b0}
details.msg textarea{
  display:block;width:100%;min-height:150px;margin:0 0 12px;padding:12px;border-radius:12px;resize:none;
  border:1.5px solid rgba(255,255,255,.13);background:#120c0a;color:#fff4e6;font-family:inherit;font-size:15px;line-height:1.8;
}

/* ==========================================================
   التذكرة — تُلتقط بـ html2canvas
   قواعد مهمة: ألوان hex فقط، بدون letter-spacing (يكسر وصل الحروف العربية)،
   بدون backdrop-filter / mask / color-mix، وعرض ثابت.
   ========================================================== */
.ticket{
  width:520px;padding:22px;background:#0f0b0a;color:#fff4e6;direction:rtl;text-align:right;
  font-family:"Segoe UI",Tahoma,"Noto Sans Arabic","Noto Kufi Arabic",Arial,sans-serif;line-height:1.5;
}
.tk-card{position:relative;background:#1d1411;border:2px solid #3d2518;border-radius:28px}
.tk-head{padding:24px 20px 20px;text-align:center;border-radius:26px 26px 0 0;background:linear-gradient(135deg,#ff5a1f,#c9261a)}
.tk-logo{width:60px;height:60px;margin:0 auto 8px;border-radius:50%;background:#7c1f10;display:flex;align-items:center;justify-content:center}
.tk-brand{font-size:36px;font-weight:900;color:#fff4e6;line-height:1.3}
.tk-sub{margin-top:2px;font-size:17px;font-weight:700;color:#ffe2c4}
.tk-body{padding:10px 28px 8px}
.tk-row{padding:14px 0;border-bottom:1px solid #3a2a22}
.tk-row:last-child{border-bottom:0}
.tk-k{font-size:17px;font-weight:700;color:#d9a35f}
.tk-v{margin-top:2px;font-size:32px;font-weight:900;color:#fff4e6;line-height:1.45;word-break:break-word;overflow-wrap:break-word}
.tk-v.tk-qty{color:#ffb627}
.tk-cut{position:relative;height:34px;margin-top:6px}
.tk-cut .notch{position:absolute;top:0;width:34px;height:34px;border-radius:50%;background:#0f0b0a}
.tk-cut .notch.l{left:-19px}
.tk-cut .notch.r{right:-19px}
.tk-cut .dash{position:absolute;left:30px;right:30px;top:16px;height:0;border-top:3px dashed #6a4430}
.tk-foot{padding:10px 26px 28px;text-align:center}
.tk-foot span{
  display:inline-block;padding:12px 22px;border-radius:16px;border:2px solid #ffb627;background:#2b2011;
  font-size:22px;font-weight:900;color:#ffb627;line-height:1.5;
}

/* ---------- شاشات مختلفة ---------- */
@media (max-width:360px){
  .card-top{grid-template-columns:84px 1fr}
  .art{width:84px;height:84px;border-radius:20px}
  .art svg{width:70px;height:70px}
  .chk{width:92px;font-size:12px}
  .tile{font-size:15.5px}
}
@media (min-width:760px){
  .wrap{max-width:720px;padding-left:24px;padding-right:24px}
  .hero{padding-top:56px}
  .card{padding:20px 28px 20px 20px}
  .card-top{grid-template-columns:128px 1fr;grid-gap:20px;gap:20px}
  .art{width:128px;height:128px;border-radius:28px}
  .art svg{width:108px;height:108px}
  .card h3{font-size:25px}
  .card p{font-size:15px}
}
@media (prefers-reduced-motion:reduce){
  *{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}
  .card{opacity:1}
}


/* ---------- قائمة الأصناف بتنسيق الموقع بدلاً من قائمة النظام ---------- */
.sel .native-select{display:none}
.sel .select-trigger{display:flex;align-items:center;text-align:right;direction:rtl;cursor:pointer}
.sel .select-trigger.placeholder{color:#8f7767}
.sel.open{z-index:5}
.sel.open .chev{transform:rotate(180deg)}
.sel .select-options{
  display:none;position:absolute;top:100%;top:calc(100% + 6px);right:0;left:0;z-index:6;
  max-height:260px;overflow-y:auto;-webkit-overflow-scrolling:touch;
  padding:5px;border-radius:16px;background:#231611;border:1px solid rgba(255,150,80,.38);
  box-shadow:0 16px 36px rgba(0,0,0,.6);
}
.sel.open .select-options{display:block}
.sel .select-option{
  display:block;width:100%;min-height:48px;padding:11px 14px;border:0;border-radius:10px;
  background:transparent;color:#fff4e6;text-align:right;direction:rtl;
  font-family:inherit;font-size:16px;font-weight:700;cursor:pointer;
  -webkit-appearance:none;appearance:none;
}
.sel .select-option:hover,.sel .select-option:focus{background:rgba(255,150,80,.17);outline:2px solid rgba(255,182,39,.4);outline-offset:-2px}
.sel .select-option.selected{background:rgba(255,90,31,.2);color:#ffb627}

/* ---------- صفحة سياسة الخصوصية ---------- */
.privacy-card{
  padding:22px 20px;border-radius:26px;
  background:linear-gradient(160deg,#281b16,#171010);border:1px solid var(--line);
  box-shadow:0 14px 34px rgba(0,0,0,.4);
}
.privacy-intro{margin:0 0 16px;padding:14px 16px;border-radius:14px;background:rgba(255,182,39,.09);border:1px solid rgba(255,182,39,.3);color:#ffe2b5;font-weight:800;line-height:1.9}
.privacy-card section+section{border-top:1px solid var(--line);margin-top:18px;padding-top:18px}
.privacy-card h3{margin:0 0 7px;color:#ffb627;font-size:19px;font-weight:900}
.privacy-card p{margin:0 0 9px;font-size:15px;line-height:1.95;color:#f3dcc8}
.privacy-card p:last-child{margin-bottom:0}
.privacy-card a{color:#ffb627;text-decoration:underline}