/*
Theme Name: Medical Guide
Theme URI: https://new.medicalguide.info
Version: 0.4.2
Description: قالب الدليل الطبي — دليل عربي للأطباء والمنشآت الطبية (RTL / Mobile first).
Text Domain: medicalguide
Requires PHP: 8.0
*/

:root{
  --mg-primary:#233685;--mg-primary-d:#1a2866;--mg-primary-l:#eaeef9;--mg-teal:#279084;--mg-teal-d:#1f7469;--mg-teal-l:#e4f3f1;
  --mg-navy:#1b2a5e;--mg-ink:#1f2d4f;--mg-muted:#677c8b;--mg-line:#dce7ef;--mg-soft:#f4f6fb;
  --mg-wa:#1da851;--mg-wa-d:#178a43;--mg-white:#fff;
  --mg-r:16px;--mg-r-sm:11px;--mg-shadow:0 10px 30px rgba(35,54,133,.07);--mg-shadow-lg:0 22px 50px rgba(35,54,133,.15);
  --mg-font:Cairo,Tahoma,Arial,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--mg-font);color:var(--mg-ink);background:#fff;line-height:1.75;font-size:16px;-webkit-font-smoothing:antialiased}
body.mg-lock{overflow:hidden}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4{color:var(--mg-navy);line-height:1.4;margin:0 0 .5em}
p{margin:0 0 1em}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:3px solid #9fd4cd;outline-offset:2px;border-radius:6px}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.mg-skip:focus{position:fixed!important;top:10px;right:10px;width:auto;height:auto;clip:auto;background:#fff;padding:10px 16px;z-index:1000;border-radius:10px;box-shadow:var(--mg-shadow)}
.mg-container{width:min(1180px,calc(100% - 32px));margin-inline:auto}
.mg-i{width:18px;height:18px;flex:none;vertical-align:middle}
.mg-muted{color:var(--mg-muted)}
.mg-mt{margin-top:28px}
.mg-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.mg-row--tight{gap:6px}
.mg-rounded{border-radius:var(--mg-r)}

/* Buttons */
.mg-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid transparent;border-radius:999px;padding:10px 18px;font-weight:700;font-size:15px;line-height:1.3;cursor:pointer;transition:background .18s,color .18s,transform .18s,box-shadow .18s;white-space:nowrap}
.mg-btn:hover{transform:translateY(-1px)}
.mg-btn--primary{background:var(--mg-primary);color:#fff}
.mg-btn--primary:hover{background:var(--mg-primary-d)}
.mg-btn--wa{background:var(--mg-wa);color:#fff}
.mg-btn--wa:hover{background:var(--mg-wa-d)}
.mg-btn--light{background:var(--mg-teal-l);color:var(--mg-teal-d)}
.mg-btn--ghost{background:#fff;border-color:var(--mg-line);color:var(--mg-navy)}
.mg-btn--ghost:hover{border-color:var(--mg-primary);color:var(--mg-primary)}
.mg-btn--lg{padding:13px 22px;font-size:16px}

/* Header */
.mg-header{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--mg-line)}
.admin-bar .mg-header{top:32px}
.mg-header__bar{display:flex;align-items:center;gap:18px;min-height:72px}
.mg-logo{display:inline-flex;align-items:center;gap:10px;flex:none}
.mg-logo__svg{width:58px;height:auto;flex:none}
.mg-logo__svg .mg-lg-a{fill:var(--mg-primary)}.mg-logo__svg .mg-lg-b{fill:var(--mg-teal)}
.mg-logo--light .mg-logo__svg .mg-lg-a{fill:#fff}.mg-logo--light .mg-logo__svg .mg-lg-b{fill:#7fd0c5}
.mg-logo__text{display:flex;flex-direction:column;line-height:1.15}
.mg-logo__text b{font-size:21px;color:var(--mg-teal);font-weight:800}
.mg-logo__text small{font-size:11px;color:var(--mg-muted);letter-spacing:.5px}
.mg-nav{flex:1;display:flex;align-items:center}
.mg-nav__list{list-style:none;display:flex;gap:2px;margin:0;padding:0}
.mg-nav__list a{display:block;padding:8px 11px;border-radius:9px;font-weight:600;font-size:15px;color:var(--mg-ink);transition:background .15s,color .15s}
.mg-nav__list a:hover,.mg-nav__list .is-current a,.mg-nav__list .current-menu-item a{background:var(--mg-primary-l);color:var(--mg-primary)}
.mg-nav__extra{display:none}
.mg-header__actions{display:flex;align-items:center;gap:8px}
.mg-burger{display:none;width:44px;height:44px;border-radius:11px;border:1px solid var(--mg-line);background:#fff;cursor:pointer;place-items:center;color:var(--mg-navy)}
.mg-burger .mg-i{width:22px;height:22px}
.mg-burger__close{display:none}
.mg-header.is-open .mg-burger__open{display:none}
.mg-header.is-open .mg-burger__close{display:block}
@media(max-width:1080px){
  .mg-hide-sm{display:none}
  .mg-burger{display:grid}
  .mg-header__actions{margin-inline-start:auto}
  .mg-nav{position:fixed;inset:72px 0 0 0;background:#fff;flex-direction:column;align-items:stretch;padding:16px;gap:16px;overflow:auto;transform:translateY(-8px);opacity:0;visibility:hidden;transition:opacity .2s,transform .2s,visibility .2s;border-top:1px solid var(--mg-line)}
  .admin-bar .mg-nav{top:118px}
  .mg-header.is-open .mg-nav{opacity:1;transform:none;visibility:visible}
  .mg-nav__list{flex-direction:column;gap:4px}
  .mg-nav__list a{padding:13px 14px;font-size:17px;border:1px solid var(--mg-line);border-radius:12px}
  .mg-nav__extra{display:grid;gap:10px}
  .mg-nav__extra .mg-btn{padding:13px}
}
@media(max-width:782px){.admin-bar .mg-header{top:46px}.admin-bar .mg-nav{top:118px}}
@media(max-width:600px){.admin-bar .mg-header{top:0}}
@media(max-width:480px){
  .mg-header__bar{min-height:64px;gap:10px}
  .mg-nav{inset:64px 0 0 0}
  .mg-logo__svg{width:46px}
  .mg-logo__text b{font-size:18px}
  .mg-header__actions .mg-btn--wa{padding:10px 12px}
  .mg-header__actions .mg-btn--wa span{display:none}
}

/* Sections & banner */
.mg-section{padding:48px 0}
.mg-section--tight{padding:28px 0 48px}
.mg-section--soft{background:var(--mg-soft)}
.mg-banner{background:linear-gradient(115deg,#eef1fa,#e7f5f3);padding:38px 0 34px;border-bottom:1px solid var(--mg-line)}
.mg-banner h1{font-size:clamp(26px,3.6vw,40px);margin:.2em 0 .3em}
.mg-banner p{color:var(--mg-muted);font-size:17px;max-width:720px;margin:0}
.mg-banner--slim{padding:14px 0}
.mg-eyebrow{color:var(--mg-teal);font-weight:800;font-size:14px}
.mg-crumbs{display:flex;flex-wrap:wrap;gap:6px;font-size:14px;color:var(--mg-muted);margin-bottom:6px}
.mg-crumbs a:hover{color:var(--mg-primary)}
.mg-crumbs [aria-current]{color:var(--mg-navy);font-weight:700}
.mg-head{display:flex;justify-content:space-between;align-items:end;gap:14px;margin-bottom:20px}
.mg-head h2{margin:0;font-size:clamp(22px,2.6vw,30px)}
.mg-more{color:var(--mg-primary);font-weight:800;white-space:nowrap}
.mg-h3{font-size:19px;margin:22px 0 12px}

/* Search / filters */
.mg-search-card{background:#fff;border:1px solid var(--mg-line);border-radius:var(--mg-r);padding:12px;box-shadow:var(--mg-shadow);margin-top:-6px}
.mg-filters{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.mg-field{position:relative;flex:1 1 180px;margin:0}
.mg-field--q{flex:2 1 260px}
.mg-field--q .mg-i{position:absolute;right:13px;top:50%;transform:translateY(-50%);color:var(--mg-muted)}
.mg-field input,.mg-field select{width:100%;height:50px;border:1px solid #e3e7f0;border-radius:999px;background:#f5f6f9;padding:0 14px;font-size:15px;appearance:none;-webkit-appearance:none}
.mg-field--q input{padding-right:40px}
.mg-field select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23677c8b' stroke-width='2' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left 14px center;padding-left:34px}
.mg-field input:focus,.mg-field select:focus{border-color:var(--mg-primary);background-color:#fff;outline:none;box-shadow:0 0 0 3px rgba(39,144,132,.15)}
.mg-filters .mg-btn{height:50px;padding:0 30px}
.mg-reset{font-size:14px;color:var(--mg-muted);text-decoration:underline}
@media(max-width:640px){.mg-filters{display:grid;grid-template-columns:1fr 1fr}.mg-field--q,.mg-filters .mg-btn,.mg-reset{grid-column:1/-1}.mg-filters .mg-btn{width:100%}}

/* Chips & pills */
.mg-chip{display:inline-flex;align-items:center;gap:4px;font-size:12.5px;font-weight:700;color:var(--mg-teal-d);background:var(--mg-teal-l);padding:3px 10px;border-radius:30px}
.mg-chip .mg-i{width:13px;height:13px}
.mg-chip--soft{background:#f1f5f8;color:var(--mg-muted)}
.mg-chips-scroll{display:flex;gap:8px;overflow-x:auto;padding:4px 2px 12px;scrollbar-width:thin}
.mg-pill{flex:none;padding:8px 16px;border:1px solid var(--mg-line);border-radius:30px;background:#fff;font-weight:700;font-size:14px;color:var(--mg-ink);transition:all .15s}
.mg-pill:hover,.mg-pill.is-active{border-color:var(--mg-teal);background:var(--mg-teal);color:#fff}

/* Facility types */
.mg-types{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-bottom:22px}
.mg-type{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--mg-line);border-radius:14px;padding:13px 14px;font-size:14.5px;transition:all .18s}
.mg-type span{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:var(--mg-teal-l);color:var(--mg-teal);flex:none}
.mg-type:hover,.mg-type.is-active{border-color:var(--mg-teal);box-shadow:var(--mg-shadow);transform:translateY(-2px)}

/* Results grid + cards */
.mg-results-head{display:flex;justify-content:space-between;align-items:center;margin:18px 0 12px;color:var(--mg-muted)}
.mg-results-head p{margin:0}
.mg-results-head b{color:var(--mg-navy)}
.mg-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.mg-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--mg-line);border-radius:var(--mg-r);overflow:hidden;box-shadow:0 6px 20px rgba(18,52,86,.05);transition:transform .2s,box-shadow .2s}
.mg-card:hover{transform:translateY(-4px);box-shadow:var(--mg-shadow-lg)}
.mg-card__media{position:relative;display:block;aspect-ratio:16/10;background:#e3eef4;overflow:hidden}
.mg-card__media img{width:100%;height:100%;object-fit:cover;object-position:center 25%;transition:transform .4s}
.mg-card:hover .mg-card__media img{transform:scale(1.04)}
.mg-badge{position:absolute;top:10px;right:10px;background:rgba(255,255,255,.95);color:#4a6980;padding:3px 11px;font-size:11px;font-weight:700;border-radius:20px;box-shadow:0 3px 12px rgba(0,0,0,.08)}
.mg-card__body{display:flex;flex-direction:column;gap:6px;padding:16px 18px 18px;flex:1}
.mg-card__body .mg-chip{align-self:flex-start}
.mg-card__title{font-size:18px;margin:2px 0 0}
.mg-card__title a:hover{color:var(--mg-primary)}
.mg-card__sub{display:flex;gap:6px;align-items:center;color:var(--mg-muted);font-size:14px;margin:0}
.mg-card__sub .mg-i{width:15px;height:15px;color:var(--mg-teal)}
.mg-facts{list-style:none;padding:0;margin:4px 0 0;display:grid;gap:5px;font-size:14px;color:#4c6475}
.mg-facts li{display:flex;gap:7px;align-items:flex-start}
.mg-facts .mg-i{width:16px;height:16px;color:var(--mg-teal);margin-top:3px}
.mg-facts b{color:var(--mg-navy)}
.mg-card__actions{display:flex;gap:8px;margin-top:auto;padding-top:12px}
.mg-card__actions .mg-btn{flex:1;padding:10px 12px;font-size:14px}
@media(max-width:980px){.mg-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){
  .mg-grid{grid-template-columns:1fr;gap:12px}
  .mg-card--doctor,.mg-card--facility{display:grid;grid-template-columns:112px 1fr}
  .mg-card--doctor .mg-card__media,.mg-card--facility .mg-card__media{aspect-ratio:auto;height:100%;min-height:150px}
  .mg-card__body{padding:12px 14px 14px;gap:4px}
  .mg-card__title{font-size:16px}
  .mg-facts{font-size:13px}
  .mg-card__actions .mg-btn{padding:9px 8px;font-size:13px}
  .mg-badge{top:6px;right:6px;font-size:10px;padding:2px 8px}
}

/* Pagination */
.mg-pages{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:28px}
.mg-pages a,.mg-pages span{min-width:42px;height:42px;display:grid;place-items:center;padding:0 10px;border-radius:10px;border:1px solid var(--mg-line);font-weight:700}
.mg-pages [aria-current],.mg-pages .current{background:var(--mg-primary);color:#fff;border-color:var(--mg-primary)}

/* Empty state */
.mg-empty{text-align:center;background:var(--mg-soft);border:1px dashed #c8dbe6;border-radius:var(--mg-r);padding:38px 20px;margin-top:12px}
.mg-empty__icon{width:58px;height:58px;margin:0 auto 10px;border-radius:50%;background:#fff;display:grid;place-items:center;color:var(--mg-primary);box-shadow:var(--mg-shadow)}
.mg-empty__icon .mg-i{width:26px;height:26px}
.mg-empty p{color:var(--mg-muted);max-width:520px;margin:0 auto 16px}
.mg-empty .mg-row{justify-content:center}
.mg-empty--big{background:none;border:0}
.mg-empty--big .mg-search-card{max-width:820px;margin:18px auto}

/* CTA */
.mg-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(115deg,var(--mg-primary) 10%,var(--mg-teal));padding:34px;border-radius:22px;color:#fff}
.mg-cta h2{color:#fff;margin:0 0 6px;font-size:clamp(20px,2.4vw,28px)}
.mg-cta p{color:#dbe9f3;margin:0}
@media(max-width:700px){.mg-cta{flex-direction:column;align-items:flex-start;padding:24px}}

/* Profile */
.mg-panel{background:#fff;border:1px solid var(--mg-line);border-radius:var(--mg-r);padding:22px;box-shadow:var(--mg-shadow);margin-bottom:18px}
.mg-profile{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:24px;align-items:start}
.mg-profile__head{display:grid;grid-template-columns:200px 1fr;gap:22px;align-items:center}
.mg-profile__photo{position:relative;border-radius:14px;overflow:hidden;aspect-ratio:1;background:#e3eef4}
.mg-profile__photo img{width:100%;height:100%;object-fit:cover;object-position:center 20%}
.mg-profile__info h1{font-size:clamp(24px,3vw,34px);margin:8px 0 4px}
.mg-profile__title{display:flex;gap:7px;align-items:center;color:var(--mg-muted);margin-bottom:14px}
.mg-profile__title .mg-i{color:var(--mg-teal)}
.mg-cover{position:relative;padding:0;overflow:hidden}
.mg-cover>img{width:100%;aspect-ratio:21/9;object-fit:cover}
.mg-cover__body{padding:18px 22px 22px}
.mg-cover__body h1{font-size:clamp(24px,3vw,34px);margin:8px 0 14px}
.mg-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:18px}
.mg-info{display:flex;gap:12px;align-items:flex-start;background:var(--mg-soft);border:1px solid var(--mg-line);border-radius:14px;padding:14px}
.mg-info>.mg-i{width:22px;height:22px;color:var(--mg-teal);margin-top:4px}
.mg-info small{display:block;color:var(--mg-muted);font-size:13px}
.mg-info b{color:var(--mg-navy);font-size:15.5px}
.mg-checklist{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px}
.mg-checklist li{display:flex;gap:8px;align-items:center}
.mg-checklist .mg-i{color:var(--mg-wa)}
.mg-sticky{position:sticky;top:96px}
@media(max-width:980px){.mg-profile{grid-template-columns:1fr}.mg-sticky{position:static}}
@media(max-width:560px){.mg-profile__head{grid-template-columns:1fr;text-align:center}.mg-profile__photo{width:150px;margin:0 auto}.mg-profile__head .mg-row{justify-content:center}.mg-profile__title{justify-content:center}.mg-profile__head .mg-btn{flex:1 1 100%}.mg-panel{padding:16px}}

/* Prose / generic pages */
.mg-prose{font-size:16.5px}
.mg-prose h2{font-size:24px;margin-top:1.4em}
.mg-prose a{color:var(--mg-primary);text-decoration:underline}
.mg-prose ul,.mg-prose ol{padding-right:1.3em}
.mg-page-raw{min-height:40vh}

/* Booking form */
.mg-booking-form{direction:rtl;padding:22px;background:#fff;border:1px solid var(--mg-line);border-radius:18px;box-shadow:var(--mg-shadow);max-width:850px;margin:18px auto}
.mg-booking-form.is-compact{padding:0;border:0;box-shadow:none;margin:0}
.mg-booking-form.is-compact .mg-form-grid{grid-template-columns:1fr}
.mg-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.mg-booking-form label{display:block;font-weight:700;color:var(--mg-navy);font-size:14.5px}
.mg-booking-form input:not([type=checkbox]),.mg-booking-form select{width:100%;display:block;margin-top:6px;height:50px;padding:0 18px;border-radius:999px;border:1px solid #e3e7f0;background:#f5f6f9;color:#173646}
.mg-booking-form input:focus,.mg-booking-form select:focus{border-color:var(--mg-primary);outline:none;box-shadow:0 0 0 3px rgba(39,144,132,.15)}
.mg-booking-form .mg-consent{display:flex;gap:8px;align-items:flex-start;font-size:13px;font-weight:400;margin:16px 0 8px}
.mg-booking-form .mg-consent input{margin-top:5px}
.mg-booking-form .mg-form-note{color:var(--mg-muted);font-size:12.5px}
.mg-booking-submit{width:100%;border:0;background:var(--mg-primary);color:#fff;font-weight:800;border-radius:999px;padding:14px 25px;cursor:pointer;font-size:16px}
.mg-booking-submit:hover{background:var(--mg-primary-d)}
.mg-booking-hidden{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap;opacity:0;pointer-events:none}
.mg-notice{padding:14px 16px;margin:0 auto 14px;max-width:850px;border-radius:11px;font-weight:600}
.mg-success{background:#e7f7ef;color:#155e3c}
.mg-error{background:#fff1f1;color:#943535}
@media(max-width:650px){.mg-form-grid{grid-template-columns:1fr}.mg-booking-form{padding:16px}}

/* Footer */
.mg-footer{background:linear-gradient(160deg,#1b2a66,#1d4f73 70%,#1f6f72);color:#cfdbea;margin-top:0}
.mg-footer__grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:30px;padding:48px 0 36px}
.mg-footer h3{color:#fff;font-size:17px;margin-bottom:12px}
.mg-footer ul{list-style:none;padding:0;margin:0;display:grid;gap:7px}
.mg-footer a:hover{color:#fff}
.mg-footer p{color:#b7c8dc;font-size:14.5px;margin:12px 0 16px}
.mg-logo--light .mg-logo__text b{color:#fff}
.mg-logo--light .mg-logo__text small{color:#8fb0c5}
.mg-social{display:flex;gap:8px;margin-bottom:16px}
.mg-social a{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;background:rgba(255,255,255,.08);color:#fff;transition:background .15s}
.mg-social a:hover{background:var(--mg-teal)}
.mg-app-badge{display:inline-flex;align-items:center;gap:10px;background:#000;color:#fff;border-radius:12px;padding:8px 14px;border:1px solid rgba(255,255,255,.2)}
.mg-app-badge .mg-i{width:26px;height:26px}
.mg-app-badge span{display:flex;flex-direction:column;line-height:1.25}
.mg-app-badge small{font-size:11px;color:#bbb}
.mg-footer__contact li{display:flex;gap:8px;align-items:center}
.mg-footer__contact .mg-i{color:#7fd0c5}
.mg-footer__tags{display:flex;flex-wrap:wrap;gap:6px}
.mg-footer__tags a{font-size:13px;padding:4px 11px;border-radius:20px;background:rgba(255,255,255,.07)}
.mg-footer__bottom{border-top:1px solid rgba(255,255,255,.08);padding:16px 0;font-size:13px;color:#8fb0c5}
.mg-footer__bottom .mg-container{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px}
@media(max-width:900px){.mg-footer__grid{grid-template-columns:1fr 1fr}.mg-footer__brand{grid-column:1/-1}}
@media(max-width:520px){.mg-footer__grid{grid-template-columns:1fr;gap:24px;padding:36px 0 24px}}

/* Floating WhatsApp */
.mg-fab{position:fixed;left:18px;bottom:18px;z-index:40;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:var(--mg-wa);color:#fff;box-shadow:0 10px 25px rgba(29,168,81,.4);transition:transform .2s}
.mg-fab:hover{transform:scale(1.07)}
.mg-fab .mg-i{width:26px;height:26px}

@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

/* ===== Brand backgrounds (v0.3) ===== */
:root{--mg-bg-hero:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 1440 520%22 preserveAspectRatio=%22xMidYMid slice%22%3E%3Cg fill=%22none%22 stroke=%22%235b7fb8%22 stroke-opacity=%22.22%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E %3Cpath d=%22M80 60v40a28 28 0 0 0 56 0V60M108 128v26a24 24 0 0 0 48 0v-10%22/%3E%3Ccircle cx=%22156%22 cy=%22136%22 r=%229%22/%3E %3Cpath d=%22M1300 50h16v16h16v16h-16v16h-16V82h-16V66h16z%22/%3E %3Cpath d=%22M560 420h40l10-22 14 44 12-30 8 8h46%22/%3E %3Crect x=%221320%22 y=%22300%22 width=%2244%22 height=%2220%22 rx=%2210%22 transform=%22translate(-1000 70) rotate(-35 1342 310)%22/%3E%3Cpath d=%22M1335 300l13 18%22 transform=%22translate(-1000 70) rotate(-35 1342 310)%22/%3E %3Cpath d=%22M60 300h12M66 294v12M1250 360h10M1255 355v10M200 230h8M204 226v8%22/%3E%3C/g%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 1440 520%22 preserveAspectRatio=%22none%22%3E %3Cpath d=%22M0 330 C 260 250 470 420 760 360 S 1210 230 1440 300 L1440 520 L0 520Z%22 fill=%22%23279084%22 fill-opacity=%22.10%22/%3E %3Cpath d=%22M0 390 C 300 330 520 470 820 410 S 1250 300 1440 360 L1440 520 L0 520Z%22 fill=%22%233d7fd6%22 fill-opacity=%22.10%22/%3E %3Cpath d=%22M0 450 C 320 400 600 500 900 455 S 1280 400 1440 430 L1440 520 L0 520Z%22 fill=%22%23ffffff%22 fill-opacity=%22.7%22/%3E %3Cpath d=%22M0 330 C 260 250 470 420 760 360 S 1210 230 1440 300%22 fill=%22none%22 stroke=%22%23279084%22 stroke-opacity=%22.25%22 stroke-width=%221.5%22/%3E %3C/svg%3E"),linear-gradient(180deg,#f7faff 0%,#eaf2fb 100%);--mg-bg-pattern:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22168%22 height=%22168%22 viewBox=%220 0 168 168%22%3E%3Cg fill=%22none%22 stroke=%22%23279084%22 stroke-opacity=%22.075%22 stroke-width=%221.6%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E %3Cpath d=%22M20 22h6v6h6v6h-6v6h-6v-6h-6v-6h6z%22/%3E %3Cpath d=%22M108 30c-4-6-14-5-14 3 0 7 14 14 14 14s14-7 14-14c0-8-10-9-14-3z%22/%3E %3Cpath d=%22M30 102v12a10 10 0 0 0 20 0v-12M40 124v8a8 8 0 0 0 16 0v-4%22/%3E%3Ccircle cx=%2256%22 cy=%22126%22 r=%223.5%22/%3E %3Crect x=%22100%22 y=%22104%22 width=%2230%22 height=%2213%22 rx=%226.5%22 transform=%22rotate(-35 115 110)%22/%3E %3Cpath d=%22M140 80h8l3-7 4 14 3-9h8M70 62c0-5 4-8 8-8s5 3 6 3 2-3 6-3 8 3 8 8c0 6-3 14-5 16s-3-3-4-6c-1 3-2 8-4 6s-5-10-5-16z%22/%3E%3C/g%3E%3C/svg%3E");--mg-bg-cta:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 1200 300%22 preserveAspectRatio=%22none%22%3E %3Cpath d=%22M0 170 C 220 90 420 250 640 170 S 1010 80 1200 150%22 fill=%22none%22 stroke=%22%239fe3f0%22 stroke-opacity=%22.22%22 stroke-width=%222%22/%3E %3Cpath d=%22M0 205 C 260 140 480 280 700 205 S 1040 130 1200 190 L1200 300 L0 300Z%22 fill=%22%237fd0e6%22 fill-opacity=%22.10%22/%3E %3Cpath d=%22M0 240 C 300 190 560 300 820 240 S 1100 200 1200 225 L1200 300 L0 300Z%22 fill=%22%23ffffff%22 fill-opacity=%22.05%22/%3E %3Cpath d=%22M0 262 H250 l10-24 12 48 10-36 8 12 H860 l10-24 12 48 10-36 8 12 H1200%22 fill=%22none%22 stroke=%22%23bff3ff%22 stroke-opacity=%22.55%22 stroke-width=%222%22/%3E %3Cg fill=%22%23bff3ff%22 fill-opacity=%22.55%22%3E%3Ccircle cx=%22120%22 cy=%2260%22 r=%222.5%22/%3E%3Ccircle cx=%221080%22 cy=%2270%22 r=%223%22/%3E%3Ccircle cx=%22560%22 cy=%22250%22 r=%222%22/%3E%3Ccircle cx=%221150%22 cy=%22260%22 r=%222.5%22/%3E%3C/g%3E %3Cg fill=%22none%22 stroke=%22%23bff3ff%22 stroke-opacity=%22.12%22%3E%3Ccircle cx=%221180%22 cy=%2220%22 r=%22120%22/%3E%3Ccircle cx=%2240%22 cy=%22300%22 r=%22110%22/%3E%3C/g%3E%3C/svg%3E"),linear-gradient(120deg,#0c4a68 0%,#126580 55%,#0e526e 100%);--mg-bg-footer:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 1440 400%22 preserveAspectRatio=%22xMidYMid slice%22%3E%3Cg fill=%22none%22 stroke=%22%235fb8c4%22 stroke-opacity=%22.12%22 stroke-width=%2240%22%3E%3Ccircle cx=%220%22 cy=%220%22 r=%22190%22/%3E%3Ccircle cx=%221440%22 cy=%22400%22 r=%22190%22/%3E%3C/g%3E %3Cg fill=%22%237fd0c5%22 fill-opacity=%22.14%22%3E%3Ccircle cx=%22130%22 cy=%2240%22 r=%222%22/%3E%3Ccircle cx=%22150%22 cy=%2240%22 r=%222%22/%3E%3Ccircle cx=%22170%22 cy=%2240%22 r=%222%22/%3E%3Ccircle cx=%22130%22 cy=%2260%22 r=%222%22/%3E%3Ccircle cx=%22150%22 cy=%2260%22 r=%222%22/%3E%3Ccircle cx=%22170%22 cy=%2260%22 r=%222%22/%3E%3Ccircle cx=%221260%22 cy=%22330%22 r=%222%22/%3E%3Ccircle cx=%221280%22 cy=%22330%22 r=%222%22/%3E%3Ccircle cx=%221300%22 cy=%22330%22 r=%222%22/%3E%3Ccircle cx=%221260%22 cy=%22350%22 r=%222%22/%3E%3Ccircle cx=%221280%22 cy=%22350%22 r=%222%22/%3E%3Ccircle cx=%221300%22 cy=%22350%22 r=%222%22/%3E%3C/g%3E %3Cg fill=%22none%22 stroke=%22%237fd0c5%22 stroke-opacity=%22.18%22 stroke-width=%222%22%3E%3Cpath d=%22M60 250h12M66 244v12M1340 90h12M1346 84v12%22/%3E%3C/g%3E%3C/svg%3E"),linear-gradient(180deg,#0b3550,#0a2f48)}
.mg-banner{background:var(--mg-bg-hero);background-size:cover,100% 120px,auto;background-position:center,bottom,center;background-repeat:no-repeat;padding-bottom:56px}
.mg-banner--slim{background:linear-gradient(180deg,#f7faff,#eef4fb);padding:14px 0}
.mg-section--soft,.mg-section--pattern{background:var(--mg-bg-pattern) repeat,#f6f9fd;background-size:168px 168px,auto}
.mg-cta{background:var(--mg-bg-cta);background-size:100% 100%,auto;position:relative;overflow:hidden}
.mg-footer{background:var(--mg-bg-footer);background-size:cover,auto}
/* Homepage (hand-built page content) — rebrand without touching the page HTML */
body .mgm{--blue:#233685}
body .mgm .hero{background:var(--mg-bg-hero);background-size:cover,100% 160px,auto;background-position:center,bottom,center;background-repeat:no-repeat;padding-bottom:90px}
body .mgm h1,body .mgm h2{color:#1b2a5e}
body .mgm .eyebrow{color:#279084}
body .mgm .soft{background:var(--mg-bg-pattern) repeat,#f6f9fd;background-size:168px 168px,auto}
body .mgm .block:not(.soft){background:var(--mg-bg-pattern) repeat,#fff;background-size:168px 168px,auto}
body .mgm .cta{background:var(--mg-bg-cta);background-size:100% 100%,auto;position:relative;overflow:hidden}
body .mgm .cta .btn{color:#126580!important}
body .mgm .searchbar button,body .mgm .btn{border-radius:999px}
body .mgm .searchbar input,body .mgm .searchbar select{border-radius:999px;background:#f5f6f9}
body .mgm .searchbar{border-radius:24px}
body .mgm .button-light{background:#e4f3f1;color:#1f7469!important}
body .mgm .step b{background:#e4f3f1;color:#279084}
body .mgm .hero-photo .floating{color:#233685}

/* ===== Main categories grid (app order) — v0.4 ===== */
.mg-cats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin:6px 0 24px}
.mg-cat{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:6px;padding:20px 10px 16px;background:#fff;border:1px solid var(--mg-line);border-radius:18px;box-shadow:0 6px 18px rgba(35,54,133,.05);transition:transform .2s,box-shadow .2s,border-color .2s}
.mg-cat:hover,.mg-cat.is-active{transform:translateY(-3px);box-shadow:var(--mg-shadow-lg);border-color:var(--mg-teal)}
.mg-cat__icon{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:var(--mg-teal-l);color:var(--mg-teal);transition:background .2s,color .2s}
.mg-cat__icon .mg-i{width:28px;height:28px}
.mg-cat:hover .mg-cat__icon,.mg-cat.is-active .mg-cat__icon{background:var(--mg-primary);color:#fff}
.mg-cat b{font-size:15px;color:var(--mg-navy);line-height:1.4}
.mg-cat small{font-size:12px;color:var(--mg-muted)}
.mg-cat--doctors .mg-cat__icon,.mg-cat--hospital .mg-cat__icon{background:var(--mg-primary-l);color:var(--mg-primary)}
@media(max-width:980px){.mg-cats{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:640px){.mg-cats{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.mg-cat{padding:14px 6px 12px;border-radius:14px}.mg-cat__icon{width:46px;height:46px}.mg-cat__icon .mg-i{width:22px;height:22px}.mg-cat b{font-size:12.5px}.mg-cat small{font-size:10.5px}}
.mg-cats-section{padding:44px 0}
.mg-cats-section .mg-cats{margin-bottom:0}

/* Hero search (category dropdown like the app) */
.mg-hero-search{display:flex;flex-wrap:wrap;gap:10px;align-items:center;background:#fff;padding:10px;border-radius:24px;border:1px solid var(--mg-line);box-shadow:0 15px 35px rgba(35,54,133,.10);margin-top:22px}
.mg-hero-search .mg-field{flex:1 1 150px}
.mg-hero-search .mg-field--q{flex:2 1 240px}
.mg-hero-search .mg-btn{height:50px;padding:0 30px}
@media(max-width:640px){.mg-hero-search{display:grid;grid-template-columns:1fr 1fr}.mg-hero-search .mg-field--q,.mg-hero-search .mg-btn{grid-column:1/-1}}