:root{--ink:#07101f;--navy:#0b1830;--slate:#334155;--muted:#64748b;--cyan:#0797b6;--cyan2:#22d3ee;--sky:#e9fbff;--blue:#1e3a8a;--line:#dceaf2;--surface:#fff;--soft:#f6fbfd;--success:#16a34a;--shadow:0 20px 60px rgba(7,16,31,.10);--radius:28px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'Almarai',Tahoma,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.85;-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input{font:inherit}.container{width:min(1180px,calc(100% - 36px));margin-inline:auto}.skip-link{position:absolute;right:-9999px;top:10px;background:#fff;padding:10px 16px;z-index:999}.skip-link:focus{right:10px}.topbar{background:#07101f;color:#d9f8ff;font-size:12px}.topbar .container{display:flex;justify-content:space-between;gap:16px;padding:7px 0}.site-header{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.92);backdrop-filter:blur(16px);border-bottom:1px solid rgba(220,234,242,.85)}.nav-wrap{height:78px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;align-items:center;gap:11px;min-width:max-content}.brand img{width:54px;height:54px;object-fit:contain;border-radius:16px;background:#fff;box-shadow:0 10px 30px rgba(7,151,182,.16)}.brand strong{display:block;font-size:16px}.brand small{display:block;color:var(--muted);font-size:11px;font-weight:700;margin-top:-2px}.main-nav{display:flex;align-items:center;gap:20px}.main-nav>a,.dropdown>button{font-size:13px;font-weight:800;color:#334155;background:none;border:0;cursor:pointer;padding:10px 0}.main-nav>a:hover,.dropdown>button:hover,.main-nav .active{color:var(--cyan)}.dropdown{position:relative}.dropdown-menu{position:absolute;right:0;top:calc(100% + 12px);width:310px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:10px;box-shadow:var(--shadow);display:none}.dropdown:hover .dropdown-menu,.dropdown:focus-within .dropdown-menu{display:grid}.dropdown-menu a{padding:11px 13px;border-radius:14px;font-size:13px;font-weight:700;color:#475569}.dropdown-menu a:hover{background:var(--soft);color:var(--cyan)}.header-actions{display:flex;align-items:center;gap:9px}.menu-toggle{display:none;width:46px;height:46px;border-radius:15px;border:1px solid var(--line);background:#fff;font-size:22px}.mobile-panel{display:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:999px;padding:13px 21px;border:1px solid transparent;font-weight:800;line-height:1.2;cursor:pointer;transition:.2s ease}.btn:hover{transform:translateY(-2px)}.btn-primary{background:#07101f;color:#fff;box-shadow:0 14px 30px rgba(7,16,31,.17)}.btn-cyan{background:linear-gradient(135deg,#67e8f9,#22d3ee);color:#07101f}.btn-outline{background:#fff;border-color:var(--line);color:#1e293b}.icon{width:20px;height:20px;flex:none}.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 18% 20%,rgba(34,211,238,.25),transparent 30%),radial-gradient(circle at 90% 78%,rgba(30,58,138,.16),transparent 32%),linear-gradient(135deg,#f9feff,#eefbff 50%,#fff);padding:76px 0 78px}.hero:after{content:'';position:absolute;inset:auto -120px -180px auto;width:520px;height:520px;border-radius:50%;border:1px solid rgba(7,151,182,.12)}.hero-grid{display:grid;grid-template-columns:1.06fr .94fr;align-items:start;gap:58px}.eyebrow{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.82);border:1px solid #bdebf4;border-radius:999px;padding:8px 14px;color:#08728a;font-size:13px;font-weight:800}.hero h1{font-size:clamp(39px,5.5vw,72px);line-height:1.22;letter-spacing:-1.7px;margin:20px 0 0}.hero h1 span{color:var(--cyan)}.hero .lead{font-size:19px;color:#475569;font-weight:700;max-width:760px;margin:23px 0 0}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.trust-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:28px}.trust-item{background:rgba(255,255,255,.78);border:1px solid rgba(255,255,255,.95);border-radius:19px;padding:14px;box-shadow:0 10px 25px rgba(15,23,42,.04)}.trust-item strong{display:block;font-size:15px}.trust-item small{color:var(--muted);font-weight:700}.doctor-visual{position:relative;max-width:500px;margin:auto}.doctor-frame{position:relative;border-radius:46px;padding:18px;background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(225,249,255,.78));box-shadow:0 36px 85px rgba(7,151,182,.17);border:1px solid #fff}.doctor-frame img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center top;border-radius:34px}.visual-note{position:absolute;background:#fff;border:1px solid #fff;border-radius:20px;padding:12px 15px;box-shadow:0 18px 38px rgba(15,23,42,.14);font-weight:800;font-size:13px}.visual-note small{display:block;color:var(--muted);font-size:10px}.note-one{right:-24px;top:90px}.note-two{left:-26px;bottom:70px}.section{padding:86px 0}.section-soft{background:var(--soft)}.section-dark{background:#07101f;color:#fff;position:relative;overflow:hidden}.section-dark:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 15% 20%,rgba(34,211,238,.20),transparent 30%),radial-gradient(circle at 80% 70%,rgba(59,130,246,.18),transparent 32%)}.section-dark>.container{position:relative}.section-head{text-align:center;max-width:820px;margin:0 auto 42px}.section-head.align-start{text-align:right;margin-right:0}.section-head h2{font-size:clamp(30px,4vw,50px);line-height:1.3;margin:12px 0 0;letter-spacing:-.7px}.section-head p{color:var(--muted);font-size:17px;font-weight:700;margin:14px 0 0}.section-dark .section-head p{color:#cbd5e1}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:#fff;border:1px solid #e6f0f5;border-radius:var(--radius);padding:25px;box-shadow:0 10px 30px rgba(15,23,42,.045);transition:.2s ease}.card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.card-icon{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;background:#e8fbff;color:var(--cyan);margin-bottom:18px}.card-icon svg{width:26px;height:26px}.card h3{font-size:19px;line-height:1.55;margin:0}.card p{font-size:14px;color:var(--muted);font-weight:700}.card-link{display:inline-flex;align-items:center;gap:7px;color:var(--cyan);font-weight:800;font-size:13px;margin-top:8px}.split{display:grid;grid-template-columns:.92fr 1.08fr;gap:48px;align-items:center}.about-photo{background:linear-gradient(135deg,#dff9ff,#fff);padding:18px;border-radius:40px;box-shadow:var(--shadow)}.about-photo img{border-radius:30px;aspect-ratio:4/5;object-fit:cover;object-position:center top}.content h2{font-size:clamp(32px,4vw,52px);line-height:1.32;margin:0}.content p{color:var(--muted);font-weight:700;font-size:16px}.check-list{display:grid;grid-template-columns:repeat(2,1fr);gap:11px;margin:23px 0}.check{display:flex;align-items:flex-start;gap:10px;background:#f8fcfd;border:1px solid var(--line);border-radius:18px;padding:13px;font-weight:800;font-size:13px}.check b{display:grid;place-items:center;width:28px;height:28px;border-radius:10px;background:#dcfce7;color:var(--success)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.step{background:#fff;border:1px solid var(--line);border-radius:24px;padding:22px}.step-num{width:42px;height:42px;border-radius:14px;background:#07101f;color:#fff;display:grid;place-items:center;font-weight:800}.step h3{font-size:17px;margin:16px 0 6px}.step p{font-size:13px;color:var(--muted);font-weight:700;margin:0}.bmi-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:38px;align-items:center}.bmi-copy h2{font-size:clamp(36px,5vw,62px);line-height:1.2;margin:0}.bmi-copy p{color:#cbd5e1;font-weight:700}.notice{border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.06);border-radius:22px;padding:15px;color:#dbeafe;font-size:13px}.calculator{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.14);border-radius:32px;padding:25px;backdrop-filter:blur(15px)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field label{display:block;font-size:13px;font-weight:800;color:#cffafe;margin-bottom:8px}.field input{width:100%;border:0;border-radius:18px;padding:15px;font-size:22px;font-weight:800;outline:none}.bmi-result{margin-top:16px;background:#fff;color:#07101f;border-radius:23px;padding:20px}.bmi-value{font-size:48px;font-weight:800}.bmi-label{color:var(--cyan);font-weight:800}.faq{max-width:860px;margin:auto;display:grid;gap:11px}.faq details{background:#fff;border:1px solid var(--line);border-radius:21px;padding:18px 20px}.faq summary{font-weight:800;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:15px}.faq summary:after{content:'+';color:var(--cyan);font-size:20px}.faq details[open] summary:after{content:'−'}.faq p{color:var(--muted);font-weight:700;font-size:14px}.cta-box{background:linear-gradient(135deg,#07101f,#10264a);color:#fff;border-radius:38px;padding:38px;display:grid;grid-template-columns:1fr auto;gap:26px;align-items:center;box-shadow:var(--shadow);overflow:hidden;position:relative}.cta-box:before{content:'';position:absolute;width:260px;height:260px;border-radius:50%;background:rgba(34,211,238,.13);left:-70px;top:-100px}.cta-box>*{position:relative}.cta-box h2{font-size:34px;line-height:1.35;margin:0}.cta-box p{color:#cbd5e1;margin:8px 0 0}.page-hero{padding:62px 0 55px;background:radial-gradient(circle at 12% 20%,rgba(34,211,238,.22),transparent 30%),linear-gradient(135deg,#f8feff,#ecfbff 55%,#fff)}.breadcrumbs{font-size:12px;color:var(--muted);font-weight:700}.breadcrumbs a{color:var(--cyan)}.page-hero h1{font-size:clamp(36px,5vw,61px);line-height:1.25;margin:16px 0 0;letter-spacing:-1px}.page-hero p{font-size:18px;color:#475569;font-weight:700;max-width:850px}.service-layout{display:grid;grid-template-columns:1fr 330px;gap:34px;align-items:start}.article-body{font-size:16px;color:#334155}.article-body h2{font-size:29px;line-height:1.4;margin:38px 0 12px;color:#07101f}.article-body h3{font-size:21px;margin:28px 0 8px;color:#07101f}.article-body p,.article-body li{font-weight:600}.article-body ul{padding-right:22px}.info-box{background:#edfbff;border:1px solid #bcecf5;border-radius:23px;padding:19px;margin:22px 0}.warning-box{background:#fff8e7;border:1px solid #fde3a7;border-radius:23px;padding:19px;margin:22px 0}.sidebar{position:sticky;top:105px;display:grid;gap:15px}.side-card{border:1px solid var(--line);border-radius:25px;padding:21px;background:#fff}.side-card h3{margin:0 0 10px;font-size:18px}.side-card p{color:var(--muted);font-size:13px;font-weight:700}.side-links{display:grid;gap:7px}.side-links a{padding:10px 12px;border-radius:13px;background:var(--soft);font-size:12px;font-weight:800}.side-links a:hover{color:var(--cyan)}.article-meta{display:flex;flex-wrap:wrap;gap:12px;color:var(--muted);font-size:12px;font-weight:700;margin-top:16px}.contact-grid{display:grid;grid-template-columns:1fr .9fr;gap:24px}.contact-card{background:#07101f;color:#fff;border-radius:34px;padding:35px}.contact-card p{color:#cbd5e1}.contact-list{display:grid;gap:11px;margin-top:24px}.contact-item{display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:14px}.map-card{border:1px solid var(--line);border-radius:34px;padding:16px;background:#fff}.map-card iframe{border:0;width:100%;height:440px;border-radius:23px}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.article-card{border:1px solid var(--line);border-radius:28px;padding:25px;background:#fff}.article-card .tag{display:inline-flex;background:#e8fbff;color:#08728a;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:800}.article-card h2{font-size:20px;line-height:1.55}.article-card p{color:var(--muted);font-size:13px;font-weight:700}.footer{background:#07101f;color:#fff;padding:58px 0 25px}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:40px}.footer-brand{display:flex;align-items:center;gap:12px}.footer-brand img{width:64px;height:64px;object-fit:contain;background:#fff;border-radius:18px}.footer p{color:#94a3b8;font-size:13px;font-weight:700}.footer h3{font-size:15px;margin:0 0 14px}.footer-links{display:grid;gap:8px}.footer-links a{color:#cbd5e1;font-size:13px;font-weight:700}.footer-links a:hover{color:#67e8f9}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:34px;padding-top:20px;display:flex;justify-content:space-between;gap:20px;color:#94a3b8;font-size:12px}.whatsapp-float{position:fixed;left:22px;bottom:22px;z-index:70;width:61px;height:61px;border-radius:50%;background:#25d366;color:#fff;display:grid;place-items:center;box-shadow:0 16px 35px rgba(37,211,102,.35);transition:.2s}.whatsapp-float:hover{transform:scale(1.06)}.whatsapp-float svg{width:31px;height:31px}.wa-label{position:absolute;left:70px;background:#07101f;color:#fff;white-space:nowrap;border-radius:12px;padding:7px 10px;font-size:11px;font-weight:800;opacity:0;pointer-events:none;transform:translateX(-8px);transition:.2s}.whatsapp-float:hover .wa-label{opacity:1;transform:translateX(0)}.legal{font-size:14px;color:#475569}.legal h2{font-size:25px;color:#07101f}.not-found{text-align:center;padding:100px 20px}.not-found strong{font-size:110px;color:var(--cyan);line-height:1}.not-found h1{font-size:35px}.medical-note{font-size:12px;color:#64748b;border-top:1px solid var(--line);padding-top:17px;margin-top:30px}
@media(max-width:1050px){.main-nav,.header-actions .btn{display:none}.menu-toggle{display:grid;place-items:center}.mobile-panel.open{display:grid;position:fixed;right:0;left:0;top:112px;background:#fff;border-top:1px solid var(--line);padding:15px 18px 22px;box-shadow:var(--shadow);max-height:calc(100vh - 112px);overflow:auto}.mobile-panel a{padding:12px 14px;background:var(--soft);border:1px solid var(--line);border-radius:15px;font-weight:800;font-size:13px;margin-top:8px}.hero-grid,.split,.bmi-grid,.contact-grid{grid-template-columns:1fr}.doctor-visual{max-width:430px}.service-layout{grid-template-columns:1fr}.sidebar{position:static}.cards,.article-grid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.topbar{display:none}.nav-wrap{height:72px}.mobile-panel.open{top:72px;max-height:calc(100vh - 72px)}.brand img{width:48px;height:48px}.brand strong{font-size:14px}.brand small{font-size:10px}.hero{padding:49px 0 56px}.hero h1{font-size:38px;letter-spacing:-.5px}.hero .lead{font-size:16px}.hero-actions{flex-direction:column}.hero-actions .btn{width:100%}.trust-row{grid-template-columns:repeat(2,1fr)}.visual-note{font-size:11px}.note-one{right:-8px}.note-two{left:-8px}.section{padding:63px 0}.cards,.article-grid,.steps,.form-grid{grid-template-columns:1fr}.check-list{grid-template-columns:1fr}.cta-box{grid-template-columns:1fr;padding:28px}.cta-box .btn{width:100%}.cta-box h2{font-size:28px}.page-hero h1{font-size:36px}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column}.whatsapp-float{width:56px;height:56px;left:15px;bottom:15px}.map-card iframe{height:340px}}

/* =========================================================
   Brand palette — matched to Dr. Ibrahim Hakami logo
   Blue: #0BA7DC | Deep blue: #0B658F
   Green: #60AC2B | Lime: #83BE2F | Charcoal: #111416
   ========================================================= */
:root{
  --ink:#111416;
  --navy:#0b536f;
  --slate:#334b55;
  --muted:#61747c;
  --cyan:#0ba7dc;
  --cyan2:#0c87bb;
  --blue:#0b658f;
  --green:#60ac2b;
  --green2:#83be2f;
  --sky:#eaf9fd;
  --line:#dcebef;
  --surface:#ffffff;
  --soft:#f5fbfa;
  --success:#369f2c;
  --shadow:0 20px 60px rgba(11,101,143,.12);
}
body{color:var(--ink);background:#fff}
.topbar{background:#111416;color:#e9f9fd;border-bottom:2px solid transparent;border-image:linear-gradient(90deg,var(--cyan),var(--green2)) 1}
.site-header{border-bottom-color:rgba(11,101,143,.12)}
.brand img{box-shadow:0 10px 30px rgba(11,167,220,.18)}
.brand strong{color:#111416}
.main-nav>a:hover,.dropdown>button:hover,.main-nav .active{color:var(--blue)}
.dropdown-menu a:hover{background:linear-gradient(135deg,#edfaff,#f1fae9);color:var(--blue)}
.btn-primary{background:linear-gradient(135deg,#0b658f 0%,#0ba7dc 100%);color:#fff;box-shadow:0 14px 30px rgba(11,101,143,.25)}
.btn-primary:hover{box-shadow:0 18px 34px rgba(11,101,143,.34)}
.btn-cyan{background:linear-gradient(135deg,#83be2f 0%,#60ac2b 100%);color:#fff;box-shadow:0 14px 30px rgba(96,172,43,.24)}
.btn-outline{border-color:#cfe7ed;color:#0b536f}
.btn-outline:hover{border-color:var(--green2);background:#f6fbea}
.hero{background:radial-gradient(circle at 16% 18%,rgba(11,167,220,.20),transparent 31%),radial-gradient(circle at 88% 80%,rgba(131,190,47,.20),transparent 34%),linear-gradient(135deg,#fbfeff 0%,#effaff 49%,#f6fbea 100%)}
.hero:after{border-color:rgba(96,172,43,.20)}
.eyebrow{background:rgba(255,255,255,.88);border-color:#bfe7ef;color:#0b658f;box-shadow:0 8px 24px rgba(11,101,143,.06)}
.eyebrow:before{content:'';width:7px;height:7px;border-radius:50%;background:var(--green2);box-shadow:0 0 0 4px rgba(131,190,47,.14)}
.eyebrow svg{color:var(--cyan)}
.hero h1 span{background:none;-webkit-background-clip:initial;background-clip:initial;color:var(--blue)}
.trust-item{border-color:rgba(11,167,220,.10);box-shadow:0 10px 26px rgba(11,101,143,.05)}
.trust-item:nth-child(even){border-color:rgba(96,172,43,.18)}
.doctor-frame{background:linear-gradient(145deg,#fff 0%,#eaf9fd 52%,#f0fae8 100%);box-shadow:0 36px 85px rgba(11,101,143,.18)}
.visual-note{border-color:#e4f0f3;box-shadow:0 18px 38px rgba(11,83,111,.13)}
.visual-note:before{content:'';display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--green2);margin-left:7px}
.section-soft{background:linear-gradient(180deg,#f8fcfd 0%,#f5fbf2 100%)}
.section-dark{background:#111416}
.section-dark:before{background:radial-gradient(circle at 15% 20%,rgba(11,167,220,.24),transparent 31%),radial-gradient(circle at 80% 70%,rgba(96,172,43,.20),transparent 34%)}
.card{border-color:#e1edf0;box-shadow:0 10px 30px rgba(11,83,111,.045)}
.card:hover{border-color:#cce5eb;box-shadow:0 24px 55px rgba(11,101,143,.13)}
.card-icon{background:#e9f8fc;color:var(--cyan)}
.card:nth-child(even) .card-icon{background:#f0f8e7;color:var(--green)}
.card-link{color:var(--blue)}
.card-link:hover{color:var(--green)}
.about-photo{background:linear-gradient(135deg,#e8f9fd,#fff 53%,#eef9e6)}
.check{background:#fbfefd;border-color:#dcebef}
.check b{background:#eaf7df;color:var(--green)}
.step{border-color:#dcebef;box-shadow:0 9px 25px rgba(11,83,111,.035)}
.step-num{background:linear-gradient(135deg,#0b658f,#0ba7dc 55%,#60ac2b);box-shadow:0 10px 22px rgba(11,101,143,.18)}
.field label{color:#dff8ff}
.bmi-result{color:#111416}
.bmi-label{color:var(--green)}
.faq summary:after{color:var(--green)}
.cta-box{background:linear-gradient(135deg,#111416 0%,#0b536f 72%,#0b658f 100%)}
.cta-box:before{background:rgba(131,190,47,.19)}
.page-hero{background:radial-gradient(circle at 12% 20%,rgba(11,167,220,.18),transparent 31%),radial-gradient(circle at 87% 80%,rgba(131,190,47,.18),transparent 32%),linear-gradient(135deg,#fbfeff,#effaff 55%,#f7fbea)}
.breadcrumbs a{color:var(--blue)}
.article-body h2,.article-body h3,.legal h2{color:#111416}
.info-box{background:#edfaff;border-color:#bee7f0}
.warning-box{background:#f4faea;border-color:#d6eabf}
.side-links a:hover{color:var(--green)}
.contact-card{background:linear-gradient(150deg,#111416,#0b536f)}
.article-card{border-color:#dcebef}
.article-card .tag{background:linear-gradient(135deg,#e9f8fc,#f0f8e7);color:#0b658f}
.footer{background:#111416;border-top:3px solid transparent;border-image:linear-gradient(90deg,var(--cyan),var(--green2)) 1}
.footer-links a:hover{color:var(--green2)}
.whatsapp-float{background:linear-gradient(135deg,#60ac2b,#369f2c);box-shadow:0 16px 35px rgba(96,172,43,.36)}
.wa-label{background:#111416}
.not-found strong{background:linear-gradient(90deg,#0ba7dc,#60ac2b);-webkit-background-clip:text;background-clip:text;color:transparent}
.mobile-panel a:hover{border-color:#bfe5ed;color:var(--blue)}
::selection{background:rgba(131,190,47,.30);color:#111416}

/* V6 adjustments: move home about text up and reduce second image size */
.home-about{align-items:start}
.home-about .content{padding-top:8px}
.home-about .about-photo{max-width:430px;justify-self:end;width:100%}
@media(max-width:1050px){.home-about .content{padding-top:0}.home-about .about-photo{max-width:380px;margin-inline:auto}}
@media(max-width:680px){.home-about .about-photo{max-width:100%}}

/* V7 adjustment: align homepage hero text with top of image */
.hero-grid > :first-child{padding-top:6px}
@media(max-width:1050px){.hero-grid > :first-child{padding-top:0}}

/* V8 adjustment: make homepage secondary doctor image square */
.home-about .about-photo{max-width:400px;justify-self:end;width:100%}
.home-about .about-photo img{aspect-ratio:1/1;object-fit:cover;object-position:center top}
@media(max-width:1050px){.home-about .about-photo{max-width:360px}}
@media(max-width:680px){.home-about .about-photo{max-width:100%}.home-about .about-photo img{aspect-ratio:1/1}}

/* V9: replace second image and keep square board */
.home-about .about-photo{max-width:420px;aspect-ratio:1/1;padding:18px;border-radius:34px;display:flex;align-items:center;justify-content:center}
.home-about .about-photo img{width:100%;height:100%;aspect-ratio:1/1;object-fit:cover;object-position:center center;border-radius:24px}
@media(max-width:1050px){.home-about .about-photo{max-width:360px}}
@media(max-width:680px){.home-about .about-photo{max-width:100%}}

/* V10: homepage map section */
.home-map{max-width:1000px;margin-inline:auto}.home-map iframe{height:420px}.home-map-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:14px}
@media(max-width:680px){.home-map iframe{height:340px}.home-map-actions .btn{width:100%}}

/* V12: mobile hero doctor photo smaller and square */
@media(max-width:680px){.doctor-visual{max-width:320px;margin-inline:auto}.doctor-frame{padding:14px;border-radius:28px}.doctor-frame img{aspect-ratio:1/1;object-fit:cover;object-position:center top;border-radius:22px}.note-one{right:-6px;top:42px}.note-two{left:-6px;bottom:26px}}

/* V13: stronger mobile hero square image + replace second image */
@media (max-width: 680px){
  .hero-grid{gap:22px !important}
  .doctor-visual{max-width:292px !important;width:min(86vw,292px) !important;margin-inline:auto !important}
  .doctor-frame{width:100% !important;aspect-ratio:1/1 !important;padding:12px !important;border-radius:26px !important;overflow:hidden !important}
  .doctor-frame img{display:block !important;width:100% !important;height:100% !important;aspect-ratio:1/1 !important;object-fit:cover !important;object-position:center 10% !important;border-radius:20px !important}
  .note-one{right:-8px !important;top:36px !important}
  .note-two{left:-8px !important;bottom:20px !important}
  .visual-note{max-width:180px;padding:14px 16px !important}
}

/* V14: replace first hero image and make it same square scale as second image */
.doctor-visual{max-width:420px;width:100%;margin-inline:auto}
.doctor-frame{width:100%;aspect-ratio:1/1;padding:18px;border-radius:34px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.doctor-frame img{display:block;width:100%;height:100%;aspect-ratio:1/1;object-fit:cover;object-position:center top;border-radius:24px}
@media(max-width:1050px){.doctor-visual{max-width:360px}}
@media(max-width:680px){.doctor-visual{max-width:292px !important;width:min(86vw,292px) !important}.doctor-frame{padding:12px !important;border-radius:26px !important}.doctor-frame img{border-radius:20px !important}}

/* V15: make ALL doctor photos square (about page + any page using .about-photo), matching homepage card */
.about-photo{aspect-ratio:1/1;padding:18px;border-radius:34px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.about-photo img{width:100%;height:100%;aspect-ratio:1/1;object-fit:cover;object-position:center center;border-radius:24px}
.split .about-photo{max-width:460px;margin-inline:auto;width:100%}
@media(max-width:680px){
  .about-photo{padding:14px;border-radius:28px;max-width:100%}
  .about-photo img{border-radius:20px}
}