@import url('https://fonts.googleapis.com/css2?family=Noto+Naskh+Arabic:wght@400;500;600;700;800;900&display=swap');

:root {
  --az-font: 'Noto Naskh Arabic', Tahoma, Arial, sans-serif;
  --az-toast-success: #0f9f6e;
  --az-toast-error: #dc3545;
  --az-toast-warning: #e98b14;
  --az-toast-info: #2563eb;
}

html, body, button, input, select, textarea { font-family: var(--az-font) !important; }

/* Home: product-first structure while preserving every original section and script binding. */
body.az-home-refresh #live-statistics,
body.az-home-refresh #services,
body.az-home-refresh #investor,
body.az-home-refresh #shipment,
body.az-home-refresh #mobile-app,
body.az-home-refresh #about { display: none !important; }

.az-experience-cta {
  margin: 30px auto 12px;
  border: 1px solid rgba(231, 124, 34, .24);
  border-radius: 26px;
  background: linear-gradient(135deg, #fffaf2 0%, #ffffff 48%, #f4efe8 100%);
  box-shadow: 0 18px 45px rgba(55, 42, 25, .08);
  overflow: hidden;
}
.az-experience-cta-inner { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:28px 32px; }
.az-experience-cta-copy { display:flex; align-items:center; gap:18px; }
.az-experience-cta-icon { width:58px; height:58px; display:grid; place-items:center; border-radius:18px; background:#fff; color:#e66f18; box-shadow:0 12px 28px rgba(230,111,24,.14); font-size:1.35rem; flex:0 0 auto; }
.az-experience-cta h2 { margin:0 0 5px; font-size:clamp(1.25rem,2vw,1.8rem); color:#172033; }
.az-experience-cta p { margin:0; color:#6b7280; }
.az-experience-cta a { display:inline-flex; align-items:center; gap:10px; text-decoration:none; border-radius:14px; padding:13px 18px; background:#172033; color:#fff; font-weight:800; white-space:nowrap; transition:.2s ease; }
.az-experience-cta a:hover { transform:translateY(-2px); background:#e66f18; }

/* Global professional toast center */
#az-toast-center { position:fixed; z-index:999999; top:22px; inset-inline-end:22px; width:min(390px,calc(100vw - 28px)); display:grid; gap:12px; pointer-events:none; }
.az-toast-card { pointer-events:auto; display:grid; grid-template-columns:46px 1fr auto; align-items:start; gap:12px; padding:15px 15px 14px; border-radius:18px; background:rgba(255,255,255,.97); box-shadow:0 20px 55px rgba(15,23,42,.18); border:1px solid rgba(15,23,42,.08); animation:azToastIn .28s ease both; overflow:hidden; position:relative; }
.az-toast-card::after { content:''; position:absolute; inset-inline-start:0; top:0; bottom:0; width:5px; background:var(--toast-color); }
.az-toast-icon { width:42px; height:42px; display:grid; place-items:center; border-radius:14px; color:#fff; background:var(--toast-color); font-size:1rem; }
.az-toast-content strong { display:block; color:#111827; font-size:.98rem; margin:1px 0 3px; }
.az-toast-content p { margin:0; color:#6b7280; font-size:.85rem; line-height:1.7; }
.az-toast-meta { display:block; margin-top:5px; color:#9ca3af; font-size:.72rem; }
.az-toast-close { border:0; background:transparent; color:#9ca3af; cursor:pointer; padding:3px; }
.az-toast-success { --toast-color:var(--az-toast-success); }
.az-toast-error { --toast-color:var(--az-toast-error); }
.az-toast-warning { --toast-color:var(--az-toast-warning); }
.az-toast-info { --toast-color:var(--az-toast-info); }
.az-toast-card.is-leaving { animation:azToastOut .22s ease both; }
@keyframes azToastIn { from{opacity:0;transform:translateY(-12px) scale(.97)} to{opacity:1;transform:none} }
@keyframes azToastOut { to{opacity:0;transform:translateY(-8px) scale(.97)} }

/* Account type compact dropdown */
.account-type-select-wrap { position:relative; }
.account-type-select-wrap i { position:absolute; inset-inline-start:16px; top:50%; transform:translateY(-50%); color:#f27816; pointer-events:none; }
.account-type-select { width:100%; min-height:58px; border:1px solid #d9dee7; border-radius:16px; padding:0 48px 0 44px; background:#fff; color:#253044; font-size:1rem; font-weight:700; outline:none; appearance:none; cursor:pointer; }
.account-type-select:focus { border-color:#ef7d22; box-shadow:0 0 0 4px rgba(239,125,34,.12); }
.account-type-select-wrap::after { content:'⌄'; position:absolute; inset-inline-end:18px; top:50%; transform:translateY(-58%); color:#667085; pointer-events:none; font-size:1.2rem; }

@media (max-width:720px){
  .az-experience-cta-inner { align-items:stretch; flex-direction:column; padding:22px; }
  .az-experience-cta a { justify-content:center; }
  #az-toast-center { top:12px; inset-inline-end:14px; }
}