/* SDS قريب — ترويسة فاتحة مريحة للعين + قسم بحث فاتح + شريط التنبيه التجريبي */
.brand-badge{background:linear-gradient(135deg,var(--cyan),#7be0ff);box-shadow:0 4px 12px rgba(24,182,232,.3)}
#suggestTopBtn{background:linear-gradient(135deg,#0052cc,#1c70b9);color:#fff;border-color:transparent;box-shadow:0 6px 16px rgba(0,82,204,.2)}
#suggestTopBtn:hover{filter:brightness(1.08)}
.demo-note{background:#fff8e1;color:#7a5200;text-align:center;font-size:13px;line-height:1.7;padding:8px 16px;border-bottom:1px solid #f3e2b3}

/* ---------- الترويسة (الهيرو) ---------- */
.hero.hero-v2{display:block;max-width:none;min-height:0;margin:0;padding:0;position:relative;overflow:hidden;color:var(--navy);background:linear-gradient(180deg,#ffffff 0%,#f4f9fe 55%,#eaf4fb 100%)}
.hero-bg{position:absolute;inset:0;pointer-events:none}
.blob{position:absolute;border-radius:50%;filter:blur(80px);animation:drift 18s ease-in-out infinite alternate}
.b1{width:520px;height:520px;background:radial-gradient(circle,rgba(24,182,232,.26),transparent 70%);top:-170px;left:-120px}
.b2{width:480px;height:480px;background:radial-gradient(circle,rgba(0,82,204,.15),transparent 70%);bottom:-200px;right:6%;animation-delay:-7s}
.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(0,82,204,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(0,82,204,.06) 1px,transparent 1px);background-size:46px 46px;-webkit-mask-image:radial-gradient(ellipse at 30% 45%,#000,transparent 72%);mask-image:radial-gradient(ellipse at 30% 45%,#000,transparent 72%)}
@keyframes drift{to{transform:translate(50px,34px) scale(1.12)}}
.hero-inner{position:relative;z-index:1;max-width:1180px;margin:auto;padding:70px 22px 120px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:48px;align-items:center}
.hero-copy,.hero-card{min-width:0}

.hero-pill{display:inline-flex;align-items:center;gap:9px;padding:7px 15px;border-radius:999px;background:#fff;border:1px solid #cfe6f5;color:#0b4f9c;font-size:13px;font-weight:700;box-shadow:0 4px 14px rgba(11,31,58,.06)}
.hero-pill i{width:8px;height:8px;border-radius:50%;background:#2fb877;animation:pulseG 1.8s infinite}
@keyframes pulseG{0%{box-shadow:0 0 0 0 rgba(47,184,119,.55)}100%{box-shadow:0 0 0 9px rgba(47,184,119,0)}}
.hero-v2 h1{color:var(--navy);font-size:clamp(36px,5.4vw,62px);line-height:1.22;letter-spacing:-1px;margin:20px 0 18px}
.rotator{display:inline-block}
.hero-v2 .rotator em{color:var(--blue);font-style:normal;display:inline-block;animation:wordIn .55s var(--ease)}
@keyframes wordIn{from{opacity:0;transform:translateY(55%);filter:blur(6px)}}
.grad{background:linear-gradient(90deg,#0052cc,#18b6e8,#0052cc);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shimmer 8s linear infinite}
@keyframes shimmer{to{background-position:-250% 0}}
.hero-v2 .hero-copy p{max-width:560px;color:#4a6176;font-size:17px;line-height:1.9;margin:0}

.hero-search{display:flex;align-items:center;gap:8px;max-width:560px;margin-top:28px;padding:8px;background:#fff;border:1px solid #cfe3f1;border-radius:18px;box-shadow:0 16px 40px rgba(11,31,58,.09);transition:box-shadow .3s,border-color .3s,transform .3s var(--ease)}
.hero-search:focus-within{border-color:#7fb4e8;box-shadow:0 16px 40px rgba(11,31,58,.09),0 0 0 4px rgba(0,82,204,.12);transform:translateY(-2px)}
.hs-icon{font-size:26px;color:var(--blue);padding-inline:10px 2px}
.hero-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;font-size:16px;color:var(--navy);padding:10px 0}
.hero-search .primary-btn{padding:13px 26px;border-radius:12px}

.hero-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.hero-chips button{padding:7px 15px;border-radius:999px;border:1px solid #cfe3f1;background:#fff;color:#28486a;font-size:13px;transition:transform .2s var(--ease),background .25s,border-color .25s,color .25s}
.hero-chips button:hover{transform:translateY(-2px);background:#eef7fd;border-color:#9cc7e6}
.hero-chips button.active{background:var(--blue);border-color:var(--blue);color:#fff;font-weight:800;box-shadow:0 6px 14px rgba(0,82,204,.2)}
.hero-v2 .hero-actions{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:20px}
.hero-v2 .hero-actions>*{width:auto;margin:0}
.hero-v2 .text-btn{color:var(--blue);font-size:14px}.hero-v2 .text-btn:hover{color:#003f9d}

/* بطاقة الخريطة */
.hero-v2 .hero-card{min-height:430px;padding:0;border-radius:28px;background:linear-gradient(160deg,#ffffff,#e5f2fb);border:1px solid #d3e7f5;box-shadow:0 30px 70px rgba(11,31,58,.12),inset 0 1px 0 #fff}
.hero-v2 .orbit{border-color:rgba(0,82,204,.22)}
.hero-v2 .orbit-one{width:360px;height:230px}.hero-v2 .orbit-two{width:260px;height:160px}
.radar{position:absolute;inset:0;margin:auto;width:70px;height:70px;border-radius:50%;border:2px solid rgba(0,82,204,.4);animation:radar 3s ease-out infinite}
.radar.r2{animation-delay:1.5s}
@keyframes radar{from{transform:scale(.6);opacity:.9}to{transform:scale(4.2);opacity:0}}
.hero-v2 .pin-main{box-shadow:0 16px 30px rgba(0,82,204,.3)}

.float-card{position:absolute;z-index:3;display:flex;align-items:center;gap:11px;padding:11px 15px;min-width:210px;border-radius:16px;background:#fff;border:1px solid #e1eef7;color:var(--navy);box-shadow:0 16px 36px rgba(11,31,58,.14);translate:calc(var(--px,0)*var(--depth)*1px) calc(var(--py,0)*var(--depth)*1px);animation:float 6s ease-in-out infinite;animation-delay:var(--dl,0s)}
.float-card strong{display:block;font-size:14px;line-height:1.3}
.float-card small{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}
.float-card .dot{width:7px;height:7px;border-radius:50%;background:var(--green);animation:pulse 1.6s infinite}
.fc-tag{position:absolute;top:-9px;inset-inline-end:12px;font-style:normal;font-size:10px;font-weight:800;padding:2px 8px;border-radius:999px;background:#fff3d6;color:#845800;border:1px solid #f1deae}
.fc-ico{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;color:#fff;font-weight:800;font-size:17px}
.fc-ico.health{background:linear-gradient(135deg,#1aa37a,#3ddc97)}.fc-ico.edu{background:linear-gradient(135deg,#1c70b9,#18b6e8)}.fc-ico.daily{background:linear-gradient(135deg,#0052cc,#4d8dff)}
.f1{top:9%;right:6%}.f2{top:44%;left:5%}.f3{bottom:9%;right:11%}
@keyframes float{50%{transform:translateY(-10px)}}

.hero-v2+.trust-strip{margin-top:-56px;position:relative;z-index:2}
.hero-v2+.trust-strip>div{box-shadow:0 16px 36px rgba(11,31,58,.09)}

/* ---------- قسم البحث (فاتح) ---------- */
.explorer-section{background:linear-gradient(180deg,#eef6fc,#e7f2fa);color:var(--navy)}
.explorer-section .eyebrow{color:var(--blue)}
.explorer-section .section-intro p,.explorer-section .city-switcher label{color:#566b80}
.explorer-section .city-switcher select{background:#fff;color:var(--navy);border-color:#bcd4e6}
.explorer-section .search-box{border:1px solid #d3e5f2;box-shadow:0 14px 36px rgba(11,31,58,.07)}
.explorer-section .quick-filters button{background:#fff;color:#28486a;border:1px solid #c5dcec}
.explorer-section .quick-filters button:hover{background:#f2f9fe;border-color:var(--blue);color:var(--blue)}
.explorer-section .quick-filters button.active,.explorer-section .quick-filters button[aria-pressed=true]{background:var(--blue);border-color:var(--blue);color:#fff}

@media(max-width:850px){
  .hero-inner{grid-template-columns:minmax(0,1fr);padding:48px 20px 112px;gap:34px}
  .hero-v2 .hero-card{min-height:340px}.hero-v2 .orbit-one{width:300px;height:190px}
}
@media(max-width:580px){
  .hero-search{padding:6px;width:100%}.hero-search .primary-btn{padding:12px 18px}.hs-icon{font-size:22px;padding-inline:6px 0}
  .hero-chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.hero-chips button{white-space:nowrap}
  .hero-v2 .hero-card{min-height:300px}.float-card{min-width:176px;padding:9px 12px}.float-card strong{font-size:13px}.f3{display:none}.f2{top:50%}
}
@media(prefers-reduced-motion:reduce){.blob,.grad,.float-card,.radar,.hero-pill i{animation:none}}

@media(prefers-reduced-motion:reduce){.rotator em{animation:none!important}}