/*
Theme Name: Karim Al Amir Premium
Theme URI: https://karim.srv1670448.hstgr.cloud
Author: Digital Smart
Description: Arabic RTL premium medical website for Dr Karim Al Amir. Staging content pending medical approval.
Version: 1.0.0
Text Domain: karim
*/
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800;900&display=swap');
:root{--navy:#0b2842;--navy2:#123b5d;--green:#54ba65;--green-dark:#27834b;--ink:#162b3c;--muted:#607383;--cream:#f5f9fc;--border:#e3ebf0;--shadow:0 18px 45px rgba(11,40,66,.09)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font:500 15px/1.9 'Cairo',Tahoma,sans-serif;direction:rtl}a{text-decoration:none;color:inherit}img{max-width:100%;height:auto}button,input,select{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin-top:0}.container{width:min(1190px,calc(100% - 40px));margin-inline:auto}.site-header{height:88px;background:#fff;position:sticky;top:0;z-index:20;box-shadow:0 5px 22px rgba(14,40,62,.07)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:11px;white-space:nowrap}.brand-mark{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;color:#fff;background:linear-gradient(135deg,#0e4163,#43b876);font-weight:900;font-size:28px}.brand strong{display:block;font-size:20px;line-height:1.45;color:var(--navy);font-weight:900}.brand small{display:block;font-size:10px;color:#466274}.navigation{display:flex;align-items:center;gap:24px}.navigation a{font-size:12px;font-weight:800}.navigation a:hover{color:var(--green-dark)}.header-actions{display:flex;align-items:center;gap:9px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:9px;border-radius:35px;padding:12px 25px;font-weight:800;border:0;transition:.2s;white-space:nowrap}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,#6dd96b,#4cbe5b);color:#0a2c33;box-shadow:0 8px 25px rgba(58,171,79,.24)}.btn-navy{background:var(--navy);color:#fff}.btn-outline{border:1.5px solid var(--green-dark);color:var(--green-dark);background:transparent}.btn-white{background:#fff;color:var(--navy)}.hamburger{display:none;border:0;background:#edf4f8;border-radius:11px;padding:9px 13px;color:var(--navy);font-size:23px}
.hero{background:radial-gradient(circle at 29% 30%,#245c76 0,transparent 37%),linear-gradient(110deg,#0a2a45,#113f61 52%,#071e33);color:white;overflow:hidden;position:relative}.hero:before{content:'';width:560px;height:560px;position:absolute;left:-220px;bottom:-330px;border:1px solid #ffffff1f;border-radius:50%}.hero-grid{min-height:535px;display:grid;grid-template-columns:1fr .92fr;align-items:center;gap:20px}.hero-copy{padding:60px 0 80px;position:relative;z-index:2}.eyebrow{display:inline-flex;background:#fff2;color:#b4ffbf;padding:6px 15px;border:1px solid #ffffff29;border-radius:25px;font-size:12px;font-weight:800;margin-bottom:21px}.hero h1{font-size:clamp(34px,4.1vw,65px);font-weight:900;line-height:1.4;margin-bottom:8px}.hero h1 em{font-style:normal;color:#7ada70;display:block}.hero .sub{font-size:19px;color:#cfe2ee;font-weight:800}.hero p{color:#d5e4ea;max-width:475px;font-size:15px;margin:22px 0 30px}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap}.hero-visual{align-self:end;min-height:455px;position:relative;display:flex;align-items:flex-end;justify-content:center}.portrait{width:min(410px,93%);height:440px;border-radius:210px 210px 0 0;background:radial-gradient(circle at 50% 26%,#72a5ba4b,#1d56722b 58%,transparent 80%);border:1px solid #ffffff24;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.portrait-symbol{display:flex;align-items:center;justify-content:center;width:180px;height:180px;border-radius:100px;background:#ffffff16;border:2px dashed #ffffff40;font-size:72px;margin-bottom:22px}.portrait-label{font-size:16px;font-weight:800}.portrait-caption{font-size:12px;color:#b1d0e1}.float-pill{position:absolute;right:0;bottom:55px;border:1px solid #ffffff38;background:#ffffffed;border-radius:17px;padding:14px 20px;color:var(--navy);font-weight:800;box-shadow:var(--shadow);font-size:12px}
.trust-wrap{position:relative;margin-top:-40px;z-index:3}.trust{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-radius:21px;box-shadow:var(--shadow);border:1px solid var(--border);padding:22px 10px}.trust-item{text-align:center;padding:4px 14px;border-left:1px solid var(--border)}.trust-item:last-child{border:0}.trust-icon{width:46px;height:46px;background:#e9f5f0;color:#238451;border-radius:14px;display:grid;place-items:center;margin:0 auto 8px;font-size:21px}.trust strong{display:block;color:var(--navy);font-size:13px}.trust small{font-size:11px;color:var(--muted)}
.section{padding:85px 0}.section-light{background:var(--cream)}.section-heading{text-align:center;max-width:700px;margin:0 auto 35px}.kicker{color:var(--green-dark);font-size:12px;font-weight:900;letter-spacing:.5px;display:block;margin-bottom:5px}.section-heading h2,.section-copy h2{font-size:clamp(24px,3vw,37px);font-weight:900;line-height:1.5;color:var(--navy);margin:0 0 11px}.section-heading p,.section-copy p{color:var(--muted)}.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:19px}.service{padding:27px 22px;background:#fff;border:1px solid #e9eff3;border-radius:20px;box-shadow:0 12px 35px #0d38540a;transition:.25s}.service:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.service-icon{width:66px;height:66px;display:grid;place-items:center;background:#e7f7ec;border-radius:18px;font-size:33px;margin-bottom:18px}.service h3{font-size:18px;color:var(--navy);font-weight:900;margin-bottom:9px}.service p{font-size:12px;color:var(--muted);line-height:1.9;min-height:68px}.service a{font-weight:900;color:var(--green-dark);font-size:12px}
.split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:65px}.visual-card{min-height:395px;background:linear-gradient(145deg,#d8f0e9,#d7e7f0);border-radius:30px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.visual-center{width:205px;height:205px;border-radius:50%;background:#fff9;display:grid;place-items:center;font-size:97px;box-shadow:0 20px 70px #195a6731}.mini-note{position:absolute;bottom:28px;right:23px;background:#fff;border-radius:15px;padding:12px 20px;font-weight:900;font-size:12px;box-shadow:var(--shadow)}.ticks{display:grid;gap:15px;margin:25px 0}.tick{display:flex;align-items:flex-start;gap:12px;font-weight:800}.tick b{width:29px;height:29px;display:grid;place-items:center;flex-shrink:0;border-radius:50%;background:#ddf4e5;color:#19834d}.journey{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.step{padding:25px;border:1px solid var(--border);border-radius:19px;background:#fff}.step-count{color:var(--green-dark);font-size:35px;font-weight:900}.step h3{font-weight:900;color:var(--navy)}.step p{color:var(--muted);font-size:13px}.story-banner{padding:44px;background:linear-gradient(115deg,#0c304d,#0e4d56);border-radius:28px;color:#fff;display:flex;justify-content:space-between;gap:25px;align-items:center}.story-banner h2{font-size:27px;margin-bottom:6px}.story-banner p{color:#d9e9e9;margin:0;max-width:620px}.notice{font-size:12px;color:var(--muted);margin-top:16px}.faq-grid{max-width:850px;margin:auto;display:grid;gap:12px}.faq-grid details{background:#fff;border:1px solid var(--border);border-radius:15px;padding:17px 22px}.faq-grid summary{font-weight:900;cursor:pointer;color:var(--navy)}.faq-grid p{font-size:13px;color:var(--muted);margin:10px 0 0}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:start}.contact-panel{background:var(--navy);color:#fff;padding:36px;border-radius:25px}.contact-panel h2{font-size:30px}.contact-panel p{color:#ccdee9}.contact-bits{display:grid;gap:15px;margin:25px 0}.contact-bits div{padding:13px 17px;border-radius:12px;background:#ffffff12}.contact-form{padding:32px;border-radius:25px;box-shadow:var(--shadow);border:1px solid var(--border);background:#fff}.contact-form h3{font-size:23px;color:var(--navy)}.field{margin-bottom:16px}.field label{display:block;font-size:12px;font-weight:900;margin-bottom:5px}.field input,.field select{width:100%;padding:12px 15px;border:1px solid #d5e0e7;border-radius:11px;background:#fbfdff;color:var(--ink);outline:0}.field input:focus,.field select:focus{border-color:var(--green-dark)}.form-note{font-size:11px;color:var(--muted);margin:12px 0}.alert{padding:11px 14px;background:#e4f8e9;color:#16733b;border-radius:10px;font-weight:800;margin-bottom:14px}.site-footer{background:#071e33;color:#bed2de;padding:52px 0 20px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:45px}.site-footer h3{color:#fff;font-weight:900}.site-footer a{display:block;margin:6px 0;font-size:13px}.footer-bottom{border-top:1px solid #ffffff24;margin-top:35px;padding-top:18px;display:flex;justify-content:space-between;font-size:11px}.whatsapp-floating{position:fixed;left:20px;bottom:20px;z-index:10;background:var(--green-dark);color:white;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;box-shadow:0 10px 28px #21834f5c;font-size:27px}.badge-demo{display:inline-block;font-size:11px;color:#915f1d;background:#fff5d8;border-radius:12px;padding:5px 12px}
@media(max-width:970px){.navigation{gap:12px}.navigation a{font-size:11px}.services-grid{grid-template-columns:repeat(2,1fr)}.hero-grid{grid-template-columns:1fr .8fr}.hero h1{font-size:42px}.split{gap:28px}}
@media(max-width:750px){.container{width:min(100% - 30px,1190px)}.site-header{height:72px}.brand strong{font-size:15px}.brand small{font-size:8px}.brand-mark{width:40px;height:40px}.hamburger{display:block}.navigation{display:none;position:absolute;top:72px;left:0;right:0;background:white;box-shadow:var(--shadow);padding:20px;flex-direction:column;align-items:stretch;gap:12px}.navigation.is-open{display:flex}.header-actions>.btn{display:none}.hero-grid{grid-template-columns:1fr;gap:0}.hero-copy{text-align:center;padding:46px 0 10px}.hero h1{font-size:38px}.hero p{margin:20px auto 25px}.hero-buttons{justify-content:center}.hero-visual{min-height:295px}.portrait{height:305px;width:290px}.portrait-symbol{width:110px;height:110px;font-size:44px}.float-pill{right:2px;bottom:23px;padding:8px 10px;font-size:10px}.trust-wrap{margin-top:-15px}.trust{grid-template-columns:repeat(2,1fr);gap:15px;padding:18px 8px}.trust-item{border:0}.trust strong{font-size:11px}.section{padding:60px 0}.services-grid{gap:12px}.service{padding:19px 15px}.service-icon{width:52px;height:52px;font-size:25px}.service h3{font-size:15px}.service p{min-height:0}.split,.contact-grid{grid-template-columns:1fr}.visual-card{min-height:270px}.journey{grid-template-columns:1fr}.story-banner{flex-direction:column;align-items:flex-start;padding:26px}.footer-grid{grid-template-columns:1fr 1fr;gap:20px}.footer-grid>:first-child{grid-column:span 2}.footer-bottom{flex-direction:column;gap:7px}.contact-panel,.contact-form{padding:24px}}

/* Karim Al Amir -- brand refresh v2 */
:root{--navy:#061c32;--navy2:#0c3455;--green:#42caad;--green-dark:#0f9c8e;--ink:#0c2a42;--cream:#f2f7fb}
body{background:#fff} .site-header{box-shadow:0 2px 16px #041a2a16}.brand-mark{background:linear-gradient(140deg,#073150,#0c8a9c);border:1px solid #168b9e;font-size:26px}.brand strong{font-size:19px}.brand small{font-size:10px}
.btn-primary{color:#fff;background:linear-gradient(110deg,#0ea2a1,#1fbaa9);box-shadow:0 11px 26px #149c932d}.btn-navy{background:#082944}.btn-outline{color:#0c9789;border-color:#0c9789}.kicker{color:#0d9d9c;font-size:13px}
.premium-hero{background:linear-gradient(120deg,rgba(4,22,40,.95),rgba(8,47,79,.98) 54%,rgba(8,74,101,.9)),radial-gradient(circle at 40% 30%,#1a7b99,#001629);min-height:580px}
.premium-hero .hero-grid{min-height:580px;grid-template-columns:1.12fr .88fr}.premium-hero .hero-copy{padding:65px 0 90px}.premium-hero .eyebrow{background:#ffffff13;color:#a1e3e7;border:1px solid #92e7e73f}.premium-hero h1{font-size:clamp(34px,3.5vw,53px);line-height:1.38}.premium-hero h1 em{color:#54d3ca}.premium-hero .sub{font-size:19px;color:#ecf9fa;line-height:1.8;max-width:680px}.premium-hero p{color:#c7dce7;font-size:14px;max-width:650px}.hero-secondary{border:1px solid #6bb4ca;color:#fff;background:#ffffff09}.hero-mini{display:flex;gap:12px;flex-wrap:wrap;margin-top:35px}.hero-mini>span{border-inline-start:1px solid #ffffff35;padding:2px 13px 2px 18px;font-size:12px;line-height:1.55}.hero-mini>span:first-child{padding-right:0;border-right:0}.hero-mini b{font-size:22px;color:#53d1cb}.hero-mini small{color:#bbd4de;font-size:10px}
.premium-hero .hero-visual{min-height:515px}.doctor-display{width:min(390px,94%);height:455px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(150deg,#74bbca30,#ffffff09);border:1px solid #b5e7ef24;border-radius:205px 205px 23px 23px;box-shadow:0 25px 90px #020c1855;overflow:hidden}.doctor-glow{position:absolute;width:310px;height:310px;top:40px;border-radius:50%;background:radial-gradient(circle,#c9f8f357,transparent 65%)}.doctor-display>img{position:relative;width:290px;height:290px;object-fit:cover;border-radius:50%;border:10px solid #e7f8fb;box-shadow:0 25px 65px #0004;image-rendering:auto}.doctor-nameplate{position:relative;color:white;font-size:21px;font-weight:900;text-align:center;margin-top:18px}.doctor-nameplate small{display:block;color:#bfe1e5;font-size:12px;font-weight:600}.hero-floating{position:absolute;left:0;bottom:75px;border-radius:14px;padding:12px 15px;background:white;color:#0b4860;font-weight:900;font-size:12px;box-shadow:0 20px 40px #001d3080}
.trust{border-color:#e2f0f1}.trust-icon{background:#e8f7f7;color:#158b93}.trust strong{font-size:13px}
.intro-section .split{grid-template-columns:.92fr 1.08fr;gap:75px}.doctor-about-visual{background:linear-gradient(135deg,#072b4b,#11617b);min-height:430px}.doctor-about-visual img{width:270px;height:270px;border-radius:50%;object-fit:cover;border:10px solid #eefaff;box-shadow:0 25px 65px #00192788;position:relative}.doctor-about-visual .mini-note{right:30px;bottom:26px;color:#0e3853}.visual-ring{position:absolute;width:350px;height:350px;border:1px solid #e0ffff40;border-radius:50%}.lead{font-size:18px;color:#25475d!important;font-weight:800}.qualifications{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:25px 0}.qualifications>div{background:#f4f9fc;border:1px solid #e0eef3;border-radius:12px;padding:12px 15px;display:flex;align-items:center;gap:9px;font-size:11px;line-height:1.6}.qualifications b{color:#119c9b;font-size:15px}
.services-grid .service{border-top:3px solid #10a8a8}.service-icon{background:linear-gradient(140deg,#e6f8f6,#e3f3fa);color:#0e9b9a}.service a{color:#0b9294}.step-count{color:#0c9b9a}.step{border-top:3px solid #0d9e9b}
.insight-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.insight-card{background:#fff;border:1px solid #dceaf0;border-radius:18px;padding:24px;display:flex;gap:16px;align-items:flex-start;box-shadow:0 12px 30px #092c430a}.insight-icon{font-size:25px;color:#078f94;background:#e5f7f8;border-radius:13px;display:grid;place-items:center;min-width:52px;height:52px}.insight-card small{font-size:11px;color:#149da0;font-weight:900}.insight-card h3{font-size:17px;line-height:1.6;color:#0a2a45;margin:3px 0 5px}.insight-card p{font-size:12px;color:#6a7b89;margin:0}
.final-cta{background:linear-gradient(180deg,#fff,#f3f8fb)}.contact-panel{background:linear-gradient(150deg,#082a48,#08576e)}.contact-panel .kicker{color:#63dad3}.social-links{display:flex;gap:12px}.social-links a{display:inline-block;padding:8px 19px;border-radius:30px;border:1px solid #ffffff5c;color:#fff;font-weight:800;font-size:12px}.consent-line{font-size:11px;display:flex;align-items:flex-start;gap:7px}.consent-line input{margin-top:8px}.site-footer{background:#041a2c}.whatsapp-floating{display:none!important}
@media(max-width:990px){.premium-hero h1{font-size:39px}.premium-hero .hero-grid{grid-template-columns:1fr .8fr}.qualifications{grid-template-columns:1fr}.insight-grid{grid-template-columns:repeat(2,1fr)}.intro-section .split{gap:35px}}
@media(max-width:750px){.premium-hero .hero-grid{grid-template-columns:1fr}.premium-hero .hero-copy{padding:38px 0 25px}.premium-hero h1{font-size:37px}.premium-hero .sub{font-size:15px}.premium-hero .hero-visual{min-height:350px}.doctor-display{width:280px;height:330px}.doctor-display>img{width:192px;height:192px;border-width:7px}.doctor-nameplate{font-size:17px;margin-top:10px}.hero-floating{left:0;bottom:50px}.hero-mini{justify-content:center;margin-top:22px}.hero-mini>span{padding-inline:10px!important;font-size:10px}.hero-mini b{font-size:17px}.intro-section .split{grid-template-columns:1fr}.doctor-about-visual{min-height:300px}.doctor-about-visual img{width:180px;height:180px;border-width:7px}.visual-ring{width:240px;height:240px}.qualifications{grid-template-columns:1fr 1fr}.insight-grid{grid-template-columns:1fr}.hero-secondary{color:#fff}.contact-grid{gap:20px}}
@media(max-width:420px){.premium-hero h1{font-size:30px}.qualifications{grid-template-columns:1fr}.services-grid{grid-template-columns:1fr 1fr}.hero-mini{gap:4px}.hero-mini>span{font-size:9px}.brand strong{font-size:14px}}