@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800;900&display=swap');
/* الرأس والتذييل الموحدان لكل صفحات محطتي */
.site-top,.site-foot{--s-navy:#0b2e5c;--s-navy2:#13509a;--s-orange:#f7941d;--s-ink:#14202e;--s-muted:#5e656e;--s-line:#e5e8eb;font-family:'Cairo',system-ui,-apple-system,'Segoe UI',Tahoma,sans-serif}
.site-top *,.site-foot *{box-sizing:border-box}
.site-in{max-width:1180px;margin:0 auto;padding:0 20px}
.ic{flex-shrink:0;vertical-align:middle}

.site-top{position:sticky;top:0;z-index:40;background:#fff;border-bottom:1px solid var(--s-line)}
.site-top .site-in{display:flex;align-items:center;gap:20px;min-height:72px}
.site-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--s-navy);flex-shrink:0}
.site-brand img{width:40px;height:40px;object-fit:contain}
.site-brand b{display:block;font-size:21px;font-weight:900;line-height:1.15}
.site-brand small{display:block;font-size:9px;letter-spacing:3px;color:var(--s-muted);font-weight:700}
.site-nav{display:flex;align-items:center;gap:4px;flex:1;min-width:0}
.site-nav a{color:#3c4653;text-decoration:none;font-weight:700;font-size:15px;padding:8px 12px;border-radius:10px;white-space:nowrap}
.site-nav a:hover{background:#f1f4f8;color:var(--s-navy)}
.site-nav a[aria-current=page]{color:var(--s-navy);background:#eaf0f7}
.site-act{display:flex;align-items:center;gap:8px;flex-shrink:0}
.site-add,.site-acc{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 16px;border-radius:12px;font-weight:800;font-size:15px;text-decoration:none;white-space:nowrap}
.site-add{background:var(--s-orange);color:#14202e}
.site-add:hover{filter:brightness(.96)}
.site-acc{border:1px solid #d6dbe1;color:var(--s-navy);background:#fff}
.site-acc:hover{border-color:var(--s-navy)}
.site-top .country-pick{min-height:44px;border:1px solid #d6dbe1;border-radius:12px;padding:0 12px;font:inherit;font-weight:700;color:var(--s-navy);background:#fff;cursor:pointer}
.site-menu{display:none;width:44px;height:44px;border:1px solid #d6dbe1;border-radius:12px;background:#fff;color:var(--s-navy);cursor:pointer;align-items:center;justify-content:center}

@media (max-width:1100px){
  .site-nav{display:none;position:absolute;top:100%;right:0;left:0;background:#fff;border-bottom:1px solid var(--s-line);box-shadow:0 18px 40px rgba(11,46,92,.12);flex-direction:column;align-items:stretch;padding:10px 16px 16px;gap:2px}
  .site-nav.open{display:flex}
  .site-nav a{padding:12px 14px;font-size:16px}
  .site-menu{display:inline-flex}
  .site-top .site-in{justify-content:space-between}
}
@media (max-width:640px){
  .site-top .site-in{min-height:64px;gap:8px;padding:0 12px}
  .site-brand small{display:none}
  .site-brand b{font-size:19px}
  .site-brand img{width:34px;height:34px}
  .site-add span,.site-acc span{display:none}
  .site-add,.site-acc{padding:0;width:44px;justify-content:center}
  .site-top .country-pick{padding:0 8px;max-width:96px}
}

.site-foot{background:#0b2e5c;color:#d5deea;margin-top:56px}
.site-foot a{color:#fff;text-decoration:none}
.site-foot a:hover{color:#f7c27a}
.site-foot-grid{display:grid;grid-template-columns:minmax(0,1.6fr) repeat(3,minmax(0,1fr));gap:36px;padding-top:48px;padding-bottom:36px}
.site-foot .site-brand{color:#fff}
.site-foot .site-brand small{color:#9fb1c8}
.foot-brand p{margin:14px 0 0;line-height:1.9;font-size:14px}
.foot-countries{display:flex;align-items:center;gap:8px;font-weight:700;color:#fff}
.foot-soon{color:#9fb1c8;font-size:13px}
.foot-stores{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap}
.foot-stores .store{border:1px solid #4d6a8f;border-radius:10px;padding:8px 14px;font-weight:700;font-size:14px}
.foot-col{display:flex;flex-direction:column;gap:10px}
.foot-col h2{margin:0 0 6px;font-size:16px;color:#f7941d;font-weight:800}
.foot-col a{display:inline-flex;align-items:center;gap:8px;font-size:14px;line-height:1.6}
.foot-social{display:flex;gap:14px;flex-wrap:wrap;margin-top:6px}
.foot-bottom{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid #234a77;padding-top:18px;padding-bottom:22px;font-size:13px;color:#9fb1c8}
.foot-bottom a{color:#d5deea}
@media (max-width:900px){.site-foot-grid{grid-template-columns:1fr 1fr}.foot-brand{grid-column:1/-1}}
@media (max-width:520px){.site-foot-grid{grid-template-columns:1fr;gap:26px}.site-foot{padding-bottom:70px}}
/* حماية من قواعد الصفحات القديمة على header/footer/button/select */
header.site-top{padding:0;color:inherit}
footer.site-foot{display:block;padding:0;border:0;text-align:start;font-size:15px;line-height:1.7;color:#d5deea}
.site-top .site-menu{margin:0;padding:0;font:inherit}
.site-top .country-pick{width:auto}
.site-top a,.site-foot a{font-size:inherit}
.site-nav a{font-size:15px}
.site-lang{display:inline-flex;align-items:center;min-height:44px;padding:0 12px;border-radius:12px;font-weight:800;font-size:14px;color:#0b2e5c;text-decoration:none;border:1px solid transparent}
.site-lang:hover{border-color:#d6dbe1}
@media (max-width:640px){.site-lang{padding:0 6px;font-size:13px}}
html[lang=en] .en{display:none}
/* الإنجليزية: الكلمات أطول، فتنطوي القائمة أبكر */
@media (max-width:1320px){
  html[lang=en] .site-nav{display:none;position:absolute;top:100%;right:0;left:0;background:#fff;border-bottom:1px solid #e5e8eb;box-shadow:0 18px 40px rgba(11,46,92,.12);flex-direction:column;align-items:stretch;padding:10px 16px 16px;gap:2px}
  html[lang=en] .site-nav.open{display:flex}
  html[lang=en] .site-nav a{padding:12px 14px;font-size:16px}
  html[lang=en] .site-menu{display:inline-flex}
  html[lang=en] .site-top .site-in{justify-content:space-between}
}
@media (min-width:641px){.site-top .country-pick{max-width:150px}}
.site-nav .nav-lang{display:none}
@media (max-width:640px){.site-act .site-lang{display:none}.site-nav.open .nav-lang{display:block;border-top:1px solid #e5e8eb;margin-top:6px;padding-top:14px}}
@media (max-width:440px){html[lang=en] .site-top .site-brand span{display:none}}