/* Daleelk Medical v5 — modern, mobile-first interface */
:root{
  --v5-navy:#0b2035;
  --v5-blue:#1268b7;
  --v5-blue-dark:#0a4e91;
  --v5-teal:#0b9b8a;
  --v5-teal-soft:#e7f7f4;
  --v5-gold:#d5a13b;
  --v5-bg:#f5f8fc;
  --v5-surface:#ffffff;
  --v5-muted:#667b91;
  --v5-line:#dce6f0;
  --v5-shadow:0 16px 45px rgba(20,55,88,.09);
  --v5-shadow-soft:0 7px 24px rgba(20,55,88,.07);
  --v5-radius:20px;
}

body{background:var(--v5-bg);color:var(--v5-navy);}
body::before{
  background:
    radial-gradient(circle at 8% 2%,rgba(18,104,183,.09),transparent 32%),
    radial-gradient(circle at 92% 5%,rgba(11,155,138,.08),transparent 28%),
    var(--v5-bg);
}
.icon-svg,.button-icon,.mini-icon,.badge-icon,.row-icon,.trust-icon,
.primary-icon-svg,.spec-icon-svg,.service-icon-svg,.doctor-avatar-icon,
.recommended-icon,.sponsor-logo-icon,.related-icon,.suggest-icon,.city-icon-svg{
  display:block;width:1em;height:1em;flex:0 0 auto;
}
button svg,a svg{pointer-events:none;}

/* Navigation */
.main-tabs{
  min-height:72px;padding:0 max(18px,calc((100vw - 1420px)/2));
  background:rgba(255,255,255,.9);border-bottom:1px solid rgba(173,194,214,.48);
  box-shadow:0 4px 24px rgba(20,55,88,.06);gap:20px;
}
.tab-logo{
  display:flex;align-items:center;gap:11px;padding:9px 0 9px 14px;border:0;
  color:inherit;text-decoration:none;min-width:220px;
}
.brand-mark{width:46px;height:46px;border-radius:14px;box-shadow:0 8px 20px rgba(18,104,183,.2);}
.brand-copy{display:flex;flex-direction:column;line-height:1.2;}
.brand-copy b{font-size:1rem;font-weight:900;color:var(--v5-navy);}
.brand-copy small{font-size:.66rem;color:var(--v5-muted);margin-top:4px;font-weight:600;}
.tab-btns{gap:6px;justify-content:center;}
.tab-btn{
  flex:0 1 220px;max-width:none;padding:12px 18px;border:0;border-radius:13px;
  color:var(--v5-muted);gap:8px;font-size:.84rem;
}
.tab-btn:hover{background:#eef5fb;color:var(--v5-blue);}
.tab-btn.active,.tab-btn.iraq.active{
  color:var(--v5-blue-dark);background:#eaf3fb;border:1px solid #cfe1f1;
  box-shadow:inset 0 -2px 0 var(--v5-blue);
}
.tab-btn .flag{font-size:1.1rem;color:currentColor;}
.tab-btn .flag svg{width:19px;height:19px;}
.tab-btn .cnt{background:#fff;color:var(--v5-blue-dark);border:1px solid #cfe1f1;padding:2px 8px;}
.tab-btn.iraq .cnt{background:#fff;color:#087b6e;}
.tab-right{display:flex;gap:8px;margin-right:auto;padding:0;}
.nav-action{
  min-height:40px;border-radius:11px;padding:8px 13px;border:1px solid var(--v5-line);
  display:inline-flex;align-items:center;gap:7px;font-family:inherit;font-size:.74rem;
  font-weight:800;cursor:pointer;background:#fff;color:var(--v5-navy);
}
.nav-action svg{width:17px;height:17px;}
.nav-action:hover{transform:translateY(-1px);box-shadow:var(--v5-shadow-soft);}
.register-action{background:var(--v5-blue);border-color:var(--v5-blue);color:#fff;}
.install-action{color:var(--v5-blue-dark);}

/* Ad bar */
.ad-top{
  min-height:45px;background:#fffaf0;border-bottom:1px solid #f0dfba;padding:8px 22px;
  gap:10px;color:#674f1d;
}
.ad-top span.txt{color:#5d4a22;font-size:.78rem;}
.ad-brand-icon{color:var(--v5-gold);width:20px;height:20px;}
.ad-brand-icon svg{width:20px;height:20px;}
.ad-lbl{background:#f7ead0;color:#7c5a19;border:1px solid #ead39f;letter-spacing:0;padding:3px 8px;}
.ad-tap{background:#fff;border:1px solid #e1c27d;color:#725313;animation:none;}
.ad-x{
  display:flex;align-items:center;justify-content:center;background:transparent;border:0;
  width:30px;height:30px;border-radius:8px;color:#806b3f;
}
.ad-x svg{width:16px;height:16px;}

/* Hero */
.hero{max-width:1180px;padding:56px 22px 34px;}
.hero-badge{
  background:#eef5fb;border:1px solid #ccdfef;color:var(--v5-blue-dark);
  margin-bottom:18px;font-size:.75rem;
}
.hero h1{font-size:clamp(2rem,4vw,3.5rem);letter-spacing:-.035em;line-height:1.22;margin-bottom:16px;}
.hero h1 em{
  background:linear-gradient(90deg,var(--v5-blue-dark),var(--v5-blue),var(--v5-teal));
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;
}
.hero p{max-width:720px;font-size:.98rem;line-height:1.9;margin-bottom:26px;}
.search-box{
  max-width:930px;padding:10px 12px;border:1px solid #ccdce9;border-radius:18px;
  box-shadow:0 20px 55px rgba(18,74,121,.13);gap:8px;flex-wrap:nowrap;align-items:center;
}
.search-leading{color:var(--v5-blue);display:flex;align-items:center;padding-inline-start:7px;}
.search-leading svg{width:22px;height:22px;}
.s-input{border:0!important;background:transparent!important;border-radius:0;padding:13px 6px;min-width:260px;}
.s-input:focus{box-shadow:none;}
.s-sel{border:0;border-inline-start:1px solid var(--v5-line);border-radius:0;background:#fff;min-width:165px;}
.btn-srch{
  display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:112px;
  background:linear-gradient(135deg,var(--v5-blue-dark),var(--v5-blue));border-radius:12px;
  box-shadow:0 8px 20px rgba(18,104,183,.22);
}
.btn-srch svg{width:18px;height:18px;}
.btn-srch.iraq-btn{background:linear-gradient(135deg,#087b6e,var(--v5-teal));}
.hero-trust{
  max-width:760px;margin:14px auto 0;display:flex;align-items:center;justify-content:center;
  gap:7px;color:var(--v5-muted);font-size:.72rem;
}
.hero-trust svg{width:15px;height:15px;color:var(--v5-teal);}

/* Trust statistics */
.stats{
  width:min(920px,calc(100% - 36px));margin:0 auto;padding:13px 18px;border:1px solid var(--v5-line);
  border-radius:16px;background:rgba(255,255,255,.72);box-shadow:var(--v5-shadow-soft);gap:0;
}
.trust-stat{display:flex;align-items:center;justify-content:center;gap:9px;padding:5px 28px;color:var(--v5-muted);font-size:.76rem;}
.trust-stat + .trust-stat{border-inline-start:1px solid var(--v5-line);}
.trust-stat svg{width:18px;height:18px;color:var(--v5-teal);}
.trust-stat strong{font-size:.9rem;color:var(--v5-navy);margin-inline-end:3px;}

/* Shared section headings */
.sec{padding:40px 22px;max-width:1420px;}
.sec-hd{margin-bottom:20px;}
.section-kicker{font-size:.68rem;font-weight:900;color:var(--v5-teal);letter-spacing:.04em;margin-bottom:5px;}
.sec-title{font-size:clamp(1.25rem,2vw,1.65rem);letter-spacing:-.02em;color:var(--v5-navy);}
.sec-title span{color:var(--v5-blue);}
.primary-section{padding-top:46px;}

/* Four primary paths */
.primary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}
.primary-card{
  position:relative;min-height:125px;background:#fff;border:1px solid var(--v5-line);
  border-radius:var(--v5-radius);padding:20px;text-align:right;display:grid;
  grid-template-columns:54px 1fr auto;align-items:center;gap:13px;font-family:inherit;
  color:var(--v5-navy);cursor:pointer;box-shadow:var(--v5-shadow-soft);overflow:hidden;
  transition:transform .22s,box-shadow .22s,border-color .22s;
}
.primary-card::after{content:"";position:absolute;inset-inline-end:-32px;bottom:-46px;width:120px;height:120px;border-radius:50%;background:currentColor;opacity:.035;}
.primary-card:hover{transform:translateY(-4px);box-shadow:var(--v5-shadow);border-color:#b8d1e6;}
.primary-icon{width:54px;height:54px;border-radius:16px;background:#eaf3fb;color:var(--v5-blue);display:flex;align-items:center;justify-content:center;}
.primary-icon svg{width:29px;height:29px;}
.primary-dentistry .primary-icon{background:#e9f8f5;color:#087f71;}
.primary-labs .primary-icon{background:#f2edff;color:#7155b6;}
.primary-pharmacies .primary-icon{background:#fff2e8;color:#b66429;}
.primary-copy{display:flex;flex-direction:column;gap:4px;}
.primary-copy strong{font-size:.94rem;font-weight:900;}
.primary-copy small{font-size:.68rem;color:var(--v5-muted);line-height:1.5;}
.primary-count{align-self:start;background:#f2f6fa;border:1px solid var(--v5-line);border-radius:20px;padding:3px 8px;font-size:.68rem;font-weight:900;color:var(--v5-blue-dark);}
.primary-arrow{position:absolute;bottom:14px;inset-inline-end:17px;color:#9eb2c6;}
.primary-arrow svg{width:16px;height:16px;}

/* Promotions */
.recommended-section{
  max-width:100%;background:linear-gradient(180deg,rgba(232,242,251,.72),rgba(245,248,252,0));
  padding-inline:max(22px,calc((100vw - 1420px)/2));
}
.promotion-note{display:flex;align-items:center;gap:7px;color:var(--v5-muted);font-size:.7rem;}
.promotion-note svg{width:15px;height:15px;color:var(--v5-gold);}
.recommended-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.recommended-card{
  --campaign:var(--v5-blue);background:#fff;border:1px solid color-mix(in srgb,var(--campaign) 25%,#dfe8f0);
  border-radius:22px;padding:19px;box-shadow:var(--v5-shadow-soft);position:relative;overflow:hidden;
}
.recommended-card::before{content:"";position:absolute;inset-inline-start:0;top:0;bottom:0;width:4px;background:var(--campaign);}
.recommended-topline{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px;}
.promo-disclosure{font-size:.6rem;color:#7a8794;border:1px solid #d9e2ea;border-radius:20px;padding:3px 8px;}
.recommend-badge,.sponsor-label{display:flex;align-items:center;gap:5px;font-size:.68rem;font-weight:900;color:var(--campaign);}
.recommend-badge svg,.sponsor-label svg{width:14px;height:14px;}
.recommended-main{display:flex;align-items:center;gap:12px;margin-bottom:11px;}
.recommended-avatar{width:49px;height:49px;border-radius:15px;background:color-mix(in srgb,var(--campaign) 12%,white);color:var(--campaign);display:flex;align-items:center;justify-content:center;}
.recommended-avatar svg{width:27px;height:27px;}
.recommended-main h3{font-size:.93rem;line-height:1.5;margin-bottom:2px;}
.recommended-main p{font-size:.71rem;color:var(--v5-blue);margin:0;}
.recommended-location{display:flex;align-items:flex-start;gap:6px;color:var(--v5-muted);font-size:.7rem;line-height:1.6;margin:10px 0;}
.recommended-location svg{width:14px;height:14px;margin-top:2px;color:var(--v5-teal);}
.recommended-tags{display:flex;gap:5px;flex-wrap:wrap;margin:10px 0;}
.recommended-tags span{background:#f3f7fa;color:#536a7f;border-radius:14px;padding:4px 8px;font-size:.61rem;}
.recommended-cta{width:100%;border:0;border-radius:11px;background:var(--campaign);color:#fff;padding:10px 13px;font-family:inherit;font-weight:800;font-size:.75rem;display:flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;}
.recommended-cta svg{width:15px;height:15px;transform:rotate(180deg);}

/* Specialties and services */
.spec-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;}
.spec-card{
  min-height:130px;border:1px solid var(--v5-line);border-radius:18px;padding:17px 12px;
  font-family:inherit;display:flex;flex-direction:column;align-items:center;justify-content:center;
  background:#fff;box-shadow:var(--v5-shadow-soft);
}
.spec-card:hover{border-color:#b8d1e6;background:#fff;box-shadow:var(--v5-shadow);transform:translateY(-3px);}
.spec-card.active{border-color:#9ec3e2;background:#edf6fd;box-shadow:inset 0 0 0 1px #c8deef;}
.spec-icon{width:42px;height:42px;border-radius:13px;background:#edf5fb;color:var(--v5-blue);display:flex;align-items:center;justify-content:center;margin-bottom:9px;}
.spec-icon svg{width:23px;height:23px;}
.spec-name{font-size:.76rem;line-height:1.45;}
.spec-cnt{margin-top:4px;}
.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;}
.service-card{
  min-height:82px;background:#fff;border:1px solid var(--v5-line);border-radius:16px;
  display:grid;grid-template-columns:42px 1fr 16px;gap:11px;align-items:center;padding:14px;
  text-align:right;font-family:inherit;color:var(--v5-navy);cursor:pointer;box-shadow:var(--v5-shadow-soft);
}
.service-card:hover{border-color:#b8d1e6;transform:translateY(-2px);}
.service-icon{width:42px;height:42px;border-radius:12px;background:var(--v5-teal-soft);color:#087f71;display:flex;align-items:center;justify-content:center;}
.service-icon svg{width:22px;height:22px;}
.service-card strong{display:block;font-size:.75rem;line-height:1.4;}
.service-card small{display:block;font-size:.64rem;color:var(--v5-muted);margin-top:3px;}
.service-card > svg{color:#9eb2c6;width:15px;height:15px;}

/* Doctor cards */
.docs-grid{grid-template-columns:repeat(auto-fill,minmax(305px,1fr));gap:17px;}
.doc-card{
  border:1px solid var(--v5-line);border-radius:20px;background:#fff;box-shadow:var(--v5-shadow-soft);
  overflow:hidden;isolation:isolate;
}
.doc-card:hover{transform:translateY(-4px);border-color:#b8d1e6;box-shadow:var(--v5-shadow);}
.doc-card.pm{border-color:#b7d4e9;box-shadow:0 12px 34px rgba(18,104,183,.12);}
.doc-card-badges{position:absolute;top:12px;inset-inline-start:13px;display:flex;gap:6px;z-index:3;}
.pm-badge,.vf-badge{
  position:static;display:inline-flex;align-items:center;gap:4px;border-radius:20px;padding:4px 8px;
  font-size:.58rem;font-weight:900;line-height:1;
}
.pm-badge{background:#eaf3fb;color:var(--v5-blue-dark);border:1px solid #c6ddec;}
.vf-badge{background:#eaf8f5;color:#087d70;border:1px solid #bee5dc;}
.pm-badge svg,.vf-badge svg{width:12px;height:12px;}
.share-btn{
  top:11px;left:11px;width:34px;height:34px;border-radius:10px;color:var(--v5-muted);
  display:flex;align-items:center;justify-content:center;font-size:1rem;
}
.share-btn svg{width:16px;height:16px;}
.doc-hd{padding:52px 17px 17px;background:linear-gradient(145deg,#f8fbfe,#edf5fb);gap:13px;}
.doc-av{
  width:58px;height:58px;background:#fff;color:var(--v5-blue);border:1px solid #c8dcea;
  border-radius:17px;box-shadow:0 7px 18px rgba(18,104,183,.1);
}
.doc-av svg{width:30px;height:30px;}
.doc-heading{min-width:0;}
.doc-name{font-size:.92rem;line-height:1.55;}
.doc-spec{font-size:.71rem;color:var(--v5-blue);line-height:1.45;}
.doc-body{padding:15px 17px 13px;}
.doc-credential{
  display:flex;align-items:flex-start;gap:6px;border-radius:10px;padding:7px 9px;margin-bottom:11px;
  font-size:.66rem;line-height:1.55;
}
.doc-credential svg{width:14px;height:14px;margin-top:2px;}
.doc-credential.verified{background:#eaf8f5;color:#076f65;border:1px solid #c8e8e1;}
.doc-credential.pending{background:#f6f8fa;color:#718396;border:1px dashed #d4dee7;}
.doc-rate{margin-bottom:11px;}
.doc-row{font-size:.72rem;gap:7px;line-height:1.55;}
.doc-row .ic{width:16px;color:var(--v5-teal);}
.doc-row .ic svg{width:15px;height:15px;}
.tag{background:#eff5fa;border:0;color:#4a647b;font-size:.61rem;padding:4px 8px;}
.doc-ft{padding:0 17px 17px;gap:7px;}
.btn-book,.btn-tel{min-height:42px;display:flex;align-items:center;justify-content:center;gap:7px;border-radius:11px;}
.btn-book{background:linear-gradient(135deg,var(--v5-blue-dark),var(--v5-blue));}
.btn-book.pm-btn{background:linear-gradient(135deg,var(--v5-blue-dark),var(--v5-blue));color:#fff;}
.btn-book svg,.btn-tel svg{width:16px;height:16px;}
.btn-tel{width:42px;padding:0;background:#f3f7fa;color:var(--v5-blue);border:1px solid var(--v5-line);}
.empty-state{grid-column:1/-1;min-height:260px;border:1px dashed #c9d8e5;border-radius:20px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:34px;color:var(--v5-muted);}
.empty-state svg{width:42px;height:42px;color:#94adc3;margin-bottom:13px;}
.empty-state h3{color:var(--v5-navy);font-size:1rem;margin-bottom:5px;}
.empty-state p{font-size:.75rem;}

/* Full-width promoted card */
.sponsor-card{
  --campaign:var(--v5-blue);border:1px solid color-mix(in srgb,var(--campaign) 34%,#dce6f0);
  border-radius:22px;background:#fff;box-shadow:0 18px 48px rgba(18,104,183,.13);
}
.sponsor-card::before{background:linear-gradient(90deg,color-mix(in srgb,var(--campaign) 7%,transparent),transparent);}
.sponsor-ribbon{
  top:13px;background:#fff;color:#728296;border:1px solid #d7e1e9;border-inline-end:0;
  box-shadow:none;display:flex;align-items:center;gap:5px;font-size:.58rem;letter-spacing:0;
}
.sponsor-ribbon svg{width:12px;height:12px;color:var(--campaign);}
.sponsor-left{background:linear-gradient(150deg,var(--campaign),color-mix(in srgb,var(--campaign) 72%,#0b9b8a));width:175px;}
.sponsor-logo{width:68px;height:68px;border-radius:20px;background:rgba(255,255,255,.16);display:flex;align-items:center;justify-content:center;}
.sponsor-logo svg{width:38px;height:38px;color:#fff;}
.sponsor-main{padding:28px;}
.sponsor-label{color:var(--campaign);margin-bottom:6px;}
.sponsor-name{font-size:1.2rem;}
.sponsor-doc{color:var(--v5-blue);font-size:.77rem;}
.sponsor-loc{display:flex;align-items:center;gap:6px;}
.sponsor-loc svg{width:15px;height:15px;color:var(--v5-teal);}
.sponsor-btn{display:inline-flex;align-items:center;gap:7px;background:var(--campaign);color:#fff;border-radius:11px;padding:10px 18px;}
.sponsor-btn svg{width:16px;height:16px;}
.sponsor-btn.wa{background:#168d63;}
.sponsor-btn.ig{background:#8b4b8f;}

/* Cross-city recommendations */
.cross-city-section{background:linear-gradient(180deg,transparent,#edf5fb);max-width:100%;padding-inline:max(22px,calc((100vw - 1420px)/2));}
.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
.related-card{background:#fff;border:1px solid var(--v5-line);border-radius:18px;padding:16px;cursor:pointer;box-shadow:var(--v5-shadow-soft);transition:.2s;}
.related-card:hover{transform:translateY(-3px);border-color:#b7cfe2;}
.related-city{display:flex;align-items:center;gap:5px;color:var(--v5-teal);font-size:.65rem;font-weight:800;margin-bottom:12px;}
.related-city svg{width:13px;height:13px;}
.related-person{display:flex;align-items:center;gap:10px;margin-bottom:11px;}
.related-avatar{width:42px;height:42px;border-radius:12px;background:#edf5fb;color:var(--v5-blue);display:flex;align-items:center;justify-content:center;}
.related-avatar svg{width:22px;height:22px;}
.related-person h3{font-size:.8rem;line-height:1.45;}
.related-person p{font-size:.66rem;color:var(--v5-muted);line-height:1.5;}
.related-address,.related-phone{display:flex;align-items:flex-start;gap:6px;color:var(--v5-muted);font-size:.66rem;line-height:1.55;margin-top:6px;}
.related-address svg,.related-phone svg{width:13px;height:13px;color:var(--v5-teal);margin-top:2px;}
.related-action{display:flex;align-items:center;justify-content:flex-end;gap:5px;color:var(--v5-blue);font-size:.68rem;font-weight:800;margin-top:12px;}
.related-action svg{width:13px;height:13px;}

/* Cities */
.cities-grid{grid-template-columns:repeat(auto-fill,minmax(145px,1fr));}
.city-card{font-family:inherit;display:flex;flex-direction:column;align-items:center;background:#fff;border:1px solid var(--v5-line);border-radius:17px;box-shadow:var(--v5-shadow-soft);}
.city-card.active{border-color:#9fc6e3;background:#edf6fd;}
.city-icon{width:38px;height:38px;border-radius:12px;background:#eaf8f5;color:#087f71;display:flex;align-items:center;justify-content:center;}
.city-icon svg{width:20px;height:20px;}

/* Promo CTA and footer */
.cta-promo{background:linear-gradient(120deg,#0b3153,#1268b7);border:0;color:#fff;box-shadow:0 18px 46px rgba(18,74,121,.2);}
.cta-icon{width:56px;height:56px;border-radius:17px;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;color:#fff;}
.cta-icon svg{width:29px;height:29px;}
.cta-body h3{color:#fff;}
.cta-body p{color:#d9e9f7;}
.cta-btn{display:inline-flex;align-items:center;gap:7px;background:#fff;color:var(--v5-blue-dark);animation:none;}
.cta-btn svg{width:17px;height:17px;}
.footer-brand{display:flex;align-items:center;gap:10px;margin-bottom:13px;}
.footer-brand img{width:38px;height:38px;border-radius:11px;}

/* Modals and floating controls */
.modal-ov{background:rgba(7,25,42,.65);}
.modal{border:0;border-radius:24px;box-shadow:0 30px 90px rgba(4,28,50,.3);}
.m-av{background:#edf5fb;color:var(--v5-blue);border:1px solid #c7dce9;}
.m-av svg{width:38px;height:38px;}
.m-spec{color:var(--v5-blue);}
.m-close{display:flex;align-items:center;justify-content:center;}
.m-close svg{width:18px;height:18px;}
.info-val{display:flex;align-items:flex-start;gap:6px;}
.info-val svg{width:14px;height:14px;color:var(--v5-teal);margin-top:2px;}
.m-btn{display:flex;align-items:center;justify-content:center;gap:7px;}
.m-btn svg{width:16px;height:16px;}
.modal-promo-note{display:flex;align-items:center;gap:5px;font-size:.62rem;color:#718396;margin-top:8px;}
.modal-promo-note svg{width:13px;height:13px;color:var(--v5-gold);}
.ai-fab,.scroll-top{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--v5-blue-dark),var(--v5-blue));}
.ai-fab svg{width:26px;height:26px;}
.scroll-top svg{width:21px;height:21px;}
.ai-hd > span{display:flex;align-items:center;gap:7px;}
.ai-hd > span svg{width:18px;height:18px;}
.install-banner{background:linear-gradient(135deg,var(--v5-blue-dark),var(--v5-blue));}
.ib-ic{display:flex;align-items:center;justify-content:center;}
.ib-ic svg{width:28px;height:28px;}
.ib-x{display:flex;align-items:center;justify-content:center;}
.ib-x svg{width:15px;height:15px;}

/* Search suggestions */
.suggest-box{top:calc(100% + 9px);right:0;left:0;border-radius:16px;}
.sg-item{width:100%;background:#fff;border:0;border-bottom:1px solid var(--v5-line);font-family:inherit;text-align:right;}
.sg-ic{width:32px;height:32px;border-radius:9px;background:#edf5fb;color:var(--v5-blue);display:flex;align-items:center;justify-content:center;}
.sg-ic svg{width:17px;height:17px;}

@media(max-width:1020px){
  .main-tabs{gap:8px;padding-inline:14px;}
  .brand-copy small{display:none;}
  .tab-logo{min-width:auto;}
  .primary-grid,.services-grid{grid-template-columns:repeat(2,1fr);}
  .recommended-grid,.related-grid{grid-template-columns:repeat(2,1fr);}
  .nav-action span:last-child{display:none;}
  .nav-action{width:40px;padding:8px;justify-content:center;}
}

@media(max-width:720px){
  .main-tabs{min-height:62px;padding:7px 10px;flex-wrap:wrap;gap:6px;}
  .tab-logo{order:1;padding:0;margin-inline-end:auto;}
  .brand-mark{width:40px;height:40px;border-radius:12px;}
  .brand-copy b{font-size:.88rem;}
  .tab-right{order:2;}
  .tab-btns{order:3;width:100%;flex-basis:100%;display:grid;grid-template-columns:1fr 1fr;}
  .tab-btn{padding:9px 8px;font-size:.72rem;max-width:none;}
  .tab-btn .cnt{font-size:.55rem;}
  .main-tabs .install-action{display:none;}
  .ad-top{padding-inline:12px;}
  .ad-top span.txt{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .ad-tap{display:none;}
  .hero{padding:38px 16px 24px;}
  .hero h1{font-size:2rem;}
  .hero p{font-size:.85rem;line-height:1.8;}
  .search-box{padding:8px;display:grid;grid-template-columns:26px 1fr;gap:4px;}
  .s-input{min-width:0;width:100%;padding:11px 4px;}
  .s-sel{grid-column:1/2 span;border:1px solid var(--v5-line);border-radius:10px;padding:10px;min-width:0;}
  .btn-srch{grid-column:1/2 span;width:100%;min-height:43px;}
  .suggest-box{top:54px;}
  .stats{width:calc(100% - 24px);padding:10px 8px;display:grid;grid-template-columns:repeat(3,1fr);}
  .trust-stat{padding:5px 7px;gap:5px;flex-direction:column;text-align:center;font-size:.58rem;line-height:1.35;}
  .trust-stat + .trust-stat{border-inline-start:1px solid var(--v5-line);}
  .trust-stat svg{width:16px;height:16px;}
  .trust-stat strong{display:block;font-size:.78rem;margin:0;}
  .sec{padding:32px 13px;}
  .sec-hd{align-items:flex-start;}
  .promotion-note{max-width:150px;text-align:left;}
  .primary-grid{grid-template-columns:1fr 1fr;gap:9px;}
  .primary-card{min-height:120px;padding:14px;grid-template-columns:42px 1fr;gap:9px;}
  .primary-icon{width:42px;height:42px;border-radius:13px;}
  .primary-icon svg{width:23px;height:23px;}
  .primary-copy strong{font-size:.78rem;}
  .primary-copy small{font-size:.58rem;}
  .primary-count{position:absolute;top:10px;inset-inline-end:10px;}
  .recommended-grid,.related-grid{grid-template-columns:1fr;}
  .recommended-section,.cross-city-section{padding-inline:13px;}
  .spec-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:9px;padding-bottom:8px;}
  .spec-card{flex:0 0 134px;scroll-snap-align:start;min-height:122px;}
  .services-grid{grid-template-columns:1fr 1fr;gap:9px;}
  .service-card{min-height:76px;grid-template-columns:36px 1fr;padding:11px;}
  .service-card > svg{display:none;}
  .service-icon{width:36px;height:36px;}
  .docs-grid{grid-template-columns:1fr;gap:13px;}
  .doc-hd{padding-top:49px;}
  .sponsor-card{display:block;}
  .sponsor-left{width:100%;padding:18px;flex-direction:row;gap:14px;}
  .sponsor-main{padding:22px 17px;}
  .sponsor-name{font-size:1rem;padding-inline-end:0;}
  .sponsor-acts{display:grid;grid-template-columns:1fr 1fr;}
  .sponsor-btn{justify-content:center;padding:10px;}
  .sponsor-btn:first-child{grid-column:1/-1;}
  .cta-promo{padding:22px 18px;}
  .cta-icon{width:47px;height:47px;}
  .m-acts{flex-wrap:wrap;}
  .m-btn{min-width:calc(50% - 5px);}
  .ai-fab{bottom:18px;right:14px;width:52px;height:52px;}
  .scroll-top{left:14px;bottom:18px;}
  .install-banner{padding:11px 12px;}
  .install-banner .ib-tx span{display:none;}
}

@media(max-width:390px){
  .primary-grid,.services-grid{grid-template-columns:1fr;}
  .primary-card{min-height:94px;}
  .hero h1{font-size:1.72rem;}
  .tab-btn .cnt{display:none;}
}