@font-face{font-family:GE;src:url(../fonts/GE-Medium.woff2) format("woff2");font-weight:400 500;font-display:swap;unicode-range:U+0000-002F,U+003A-FFFF}
@font-face{font-family:GE;src:url(../fonts/GE-Bold.woff2) format("woff2");font-weight:600 800;font-display:swap;unicode-range:U+0000-002F,U+003A-FFFF}
@font-face{font-family:CA;src:url(../fonts/Cairo-800.woff2) format("woff2");font-weight:800;font-display:swap}
@font-face{font-family:FU;src:url(../fonts/Futura-Demi.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:FU;src:url(../fonts/Futura-Heavy.woff2) format("woff2");font-weight:800;font-display:swap}
@font-face{font-family:PX;src:url(../fonts/Plex-500.woff2) format("woff2");font-weight:400 800;font-display:swap}
:root{
  --navy:#0B1B33;--navy2:#132A4D;--accent:#FF5A3C;--accent-d:#D93E22;--blue:#2F5BFF;--violet:#7A4DFF;--green:#12A877;--wa:#1DA851;
  --bg:#F3F4F7;--card:#fff;--ink:#121826;--mute:#626B7A;--line:#E3E6EC;--soft:#F6F7F9;--ok:#12A877;--bad:#E5484D;--warn:#F5A524;
  --r:14px;
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:500 15px/1.7 GE,PX,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
[hidden]{display:none!important}
bdi,.num{font-family:FU,GE,sans-serif;font-weight:600}
svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.d3{font:800 1em/1.08 CA,GE,sans-serif;color:#fff;letter-spacing:-.5px;white-space:pre-line}

/* شعارات طرق الدفع (رسم بسيط مش صور رسمية) */
.pl{display:inline-flex;align-items:center;gap:3px;height:26px;padding:0 9px;border-radius:7px;background:#fff;border:1px solid var(--line);font:800 12px/1 FU,sans-serif;color:var(--ink);white-space:nowrap;direction:ltr}
.pl-mada b{font:800 13px/1 FU,sans-serif;letter-spacing:-.3px;color:#1A1A1A}
.pl-mada i{display:inline-block;width:5px;height:12px;border-radius:1px;background:#84B740}
.pl-mada i+i{background:#259BD6;margin-inline-end:2px}
.pl-ap{background:#000;color:#fff;border-color:#000}
.pl-ap svg{width:11px;height:13px}
.pl-ap b{font:600 13px/1 system-ui,-apple-system,sans-serif}
.pl-knet{background:#0B4EA2;color:#fff;border-color:#0B4EA2;letter-spacing:.5px}
.pl-knet b{color:#F4C430}
.pl-cod{direction:rtl;font-family:GE,sans-serif;font-weight:700;color:#0B7A55;background:#E9F8F2;border-color:#BFE8D6}
.pl-cod svg{width:15px;height:15px}
.pays{display:flex;flex-wrap:wrap;gap:6px}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;border-radius:12px;font-weight:700;font-size:15.5px;border:0;transition:transform .15s,background .15s,box-shadow .15s;cursor:pointer}
.btn svg{width:20px;height:20px}
.btn-main{background:var(--accent);color:#fff;box-shadow:0 4px 0 var(--accent-d)}
.btn-main:active{transform:translateY(3px);box-shadow:0 1px 0 var(--accent-d)}
.btn-dark{background:var(--navy);color:#fff}
.btn-line{background:#fff;border:1.5px solid var(--line);color:var(--ink)}
.btn-ok{background:var(--ok);color:#fff}
.wide{width:100%}
.btn:focus-visible,button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--blue);outline-offset:2px}

.field{display:flex;flex-direction:column;gap:5px;margin:0 0 12px}
.field>span{font-size:13px;color:var(--mute);font-weight:600}
.inp{height:48px;border:1.5px solid var(--line);border-radius:12px;padding:0 14px;background:#fff;outline:0;width:100%;font-size:16px}
.inp:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(255,90,60,.15)}
textarea.inp{height:auto;padding:10px 14px;min-height:72px;resize:vertical}

.toast-pop{position:fixed;z-index:200;left:50%;top:14px;transform:translate(-50%,-140%);transition:transform .45s cubic-bezier(.2,1.3,.4,1);background:rgba(255,255,255,.98);border-radius:18px;box-shadow:0 18px 40px -12px rgba(11,27,51,.45);padding:10px 14px;display:flex;align-items:center;gap:12px;width:min(380px,calc(100% - 24px));border:1px solid var(--line);cursor:pointer}
.toast-pop.show{transform:translate(-50%,0)}
.toast-pop img{width:44px;height:44px;object-fit:contain;border-radius:10px;background:var(--soft);flex:none}
.toast-pop .ti{width:40px;height:40px;border-radius:11px;background:var(--accent);display:grid;place-items:center;color:#fff;flex:none}
.toast-pop .ti svg{width:22px;height:22px}
.toast-pop p{margin:0;line-height:1.45;font-size:13.5px;flex:1;min-width:0}
.toast-pop b{display:block;font-size:14.5px}
.toast-pop small{color:var(--mute);font-size:11.5px;white-space:nowrap}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}