/* Dr Muhammad Ateeq — a fresh visual identity built over the original full-stack functionality */
:root{--navy:#103d48;--teal:#10847d;--gold:#c6a36b;--ink:#2d4a55;--muted:#627d87;--line:#dce9e7;--soft:#f2f8f7;--shadow:0 17px 44px #0b474518}
body{color:var(--ink);background:#fff;font-family:Inter,"Segoe UI",Arial,system-ui,sans-serif}
h1,h2,h3,h4{letter-spacing:-.04em;color:var(--navy)}h1,h2{font-weight:800}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.topbar{background:#0c3540;color:#e7f5f1}.topbar-inner{min-height:37px;font-size:11px}.topbar a{text-decoration:underline}
.site-header{height:91px}.header-inner{gap:14px}.brand{flex-shrink:0;min-width:220px}.brand img{width:235px;height:74px;object-fit:contain;object-position:left center}.nav{gap:15px}.nav>a{font-size:11px;font-weight:750;color:#37545c}.nav a.btn{font-size:11px}.btn{border-radius:12px}.btn-primary{background:var(--teal);box-shadow:0 10px 22px #10847d25}.btn-primary:hover{background:#0c6f69}.btn-outline{background:transparent;border:1px solid #8abcb3;color:var(--teal)}.eyebrow{color:#117e79;letter-spacing:.14em}.text-link{color:var(--teal)}.section{padding-top:85px;padding-bottom:85px}.section-soft{background:#f5f9f8}.section h2 em,.home-hero h1 em{color:var(--teal);font-family:Georgia,serif;font-style:italic}
.ateeq-home-hero{background:radial-gradient(circle at 95% 24%,#d8efe9 0,transparent 43%),linear-gradient(110deg,#fbfdfc,#eaf7f4);border-bottom:1px solid #e1eee9}.ateeq-home-hero .hero-grid{grid-template-columns:1.08fr .9fr;min-height:720px;gap:60px;padding-top:65px;padding-bottom:85px}.hero-left h1{max-width:680px;font-size:clamp(2.7rem,4.6vw,5.1rem);line-height:1.13;margin:16px 0 25px;letter-spacing:-.056em}.accent-line{display:block;color:var(--teal);font-size:.83em;line-height:1.21}.hero-overline{font-size:11px;color:#6d8488;font-weight:900;letter-spacing:.16em;display:block;margin-top:24px}.hero-pill{background:#e1f4ef;color:#0e766d;font-size:10px;letter-spacing:.1em}.hero-pill .dot{background:#10a790}.hero-copy{font-size:16px;color:#5c7780;max-width:570px;line-height:1.9;margin-top:24px}.qualification-pills{display:flex;flex-wrap:wrap;gap:9px;margin-top:12px}.qualification-pills span{background:white;border:1px solid #d2e7e1;padding:7px 11px;border-radius:99px;color:#165b5a;font-weight:760;font-size:11px;box-shadow:0 3px 10px #0a55510a}.ateeq-home-hero .hero-ctas{margin:28px 0}.hero-values{padding-top:23px;border-top:1px solid #d8e6e2}.hero-values strong{color:#0e7972}.hero-values span{color:#627d87}.ateeq-portrait{max-width:530px;width:100%;justify-self:end;position:relative;align-self:center}.ateeq-portrait .hero-image-wrap{height:525px;border-radius:30px 30px 80px 30px;background:#d1e2dd;border:7px solid white;box-shadow:0 26px 66px #12595829;overflow:hidden}.ateeq-portrait .hero-image-wrap img{height:100%;width:100%;object-fit:cover;object-position:center 37%}.ateeq-portrait .hero-overlay{background:#fff;box-shadow:0 14px 38px #11453b28;border:1px solid #e4eee9;border-left:5px solid var(--gold);border-radius:16px;padding:16px 22px;left:-45px;bottom:-26px;right:10px;max-width:370px}.ateeq-portrait .hero-overlay>span{color:#9b7b40}.ateeq-portrait .hero-overlay strong{font-size:21px;color:var(--navy)}.ateeq-portrait .hero-overlay small{color:var(--muted)}.portrait-corner{position:absolute;right:-17px;top:36px;border-radius:15px;background:#0f716f;color:white;padding:17px 21px;box-shadow:0 13px 30px #13585122}.portrait-corner b{display:block;font-size:12px}.portrait-corner small{font-size:10px;opacity:.8}
.trustbar{background:#0e454a;color:#edf9f7}.trust-items{color:#dcece8}.trust-items span{font-size:12px}
.section-head h2{max-width:760px}.section-head p{max-width:600px;line-height:1.8}
.specialty-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.specialty-card{border:1px solid #dceae7;border-radius:21px;padding:14px 16px 22px;background:white;display:flex;flex-direction:column;min-height:400px;box-shadow:0 13px 33px #123f370b;transition:transform .22s,box-shadow .22s,border-color .22s}.specialty-card:hover{transform:translateY(-6px);border-color:#8cbcb0;box-shadow:0 20px 40px #123e401b}.specialty-visual{border-radius:15px;background:#eaf5f1;margin-bottom:21px;height:147px;overflow:hidden}.specialty-visual img{width:100%;height:100%;object-fit:cover}.specialty-card:nth-child(2) .specialty-visual{background:#e6f5f1}.specialty-card:nth-child(3) .specialty-visual{background:#f1edf8}.specialty-card:nth-child(4) .specialty-visual{background:#eaf0f9}.specialty-tag{font-size:10px;font-weight:880;color:var(--teal);letter-spacing:.08em;text-transform:uppercase;margin:0 2px 6px}.specialty-card h3{font-size:20px;line-height:1.2;margin:3px 2px 13px}.specialty-card p{font-size:12px;line-height:1.7;margin:0 2px 19px;flex:1}.specialty-card-foot{border-top:1px solid #e7eeed;padding-top:15px;display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:10px;color:#7b9297}.specialty-card-foot strong{color:var(--teal);white-space:nowrap;font-size:10px}
.ateeq-about-art{position:relative}.ateeq-about-art img{height:550px;width:100%;object-fit:cover;object-position:center 33%;border-radius:25px;box-shadow:0 20px 50px #104c4622}.ateeq-about-art .about-image-badge{border-radius:13px;background:#10434c;padding:14px 22px;bottom:-10px;left:23px;color:white}.about-grid{gap:65px}.about-text h2{font-size:clamp(2rem,3.1vw,3rem)}.about-text h3{font-size:16px;color:var(--teal);font-weight:790;line-height:1.5}.about-text p{line-height:1.95}.professional-notice{background:#eef8f5;border:1px solid #cfe4df;border-left:4px solid var(--teal);border-radius:13px;padding:20px 22px;display:flex;flex-direction:column;gap:7px;margin:24px 0}.professional-notice>span{font-size:10px;font-weight:900;letter-spacing:.1em;color:#438a83}.professional-notice>b{font-size:13px;line-height:1.6;color:#184f53}.professional-notice>small{font-size:11px;color:#6c898e;line-height:1.5}
.condition-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.condition-shortcuts>a{padding:16px 18px;border:1px solid #dcebe7;border-radius:12px;font-size:13px;font-weight:750;display:flex;justify-content:space-between;gap:10px;color:#224f54;transition:.2s;background:white}.condition-shortcuts a:hover{border-color:#7dafa6;background:#eff8f5;color:var(--teal)}.condition-shortcuts span{color:var(--teal)}
.body-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.anatomy-card{border:1px solid #deebe7;border-radius:17px;overflow:hidden;background:#fff;box-shadow:0 12px 30px #083e3c0b}.anatomy-card img{height:173px;width:100%;object-fit:cover;background:#e8f2f0}.anatomy-card h3{font-size:15px;margin:16px 17px 7px;min-height:38px}.anatomy-card span{display:block;color:var(--teal);font-size:11px;font-weight:800;padding:0 17px 17px}.anatomy-card:hover{box-shadow:0 14px 35px #083e3c19}
.feature-band{padding:25px 0;background:#f3f9f6}.feature-banner{background:linear-gradient(115deg,#0f535a,#117c73);border-radius:23px;box-shadow:0 25px 44px #0a6d6820}.feature-banner h2{color:white}.feature-banner p{color:#ddf1ee}.feature-banner .eyebrow{color:#c9dec1}
.tiny-medical-note{max-width:1000px;background:#f4f7f6;padding:24px!important;border-radius:14px;border:1px solid #dce8e4}.tiny-medical-note strong{color:var(--navy)}.tiny-medical-note p{font-size:12px;margin:8px 0 0}
.ateeq-page-hero{padding:56px 0;background:radial-gradient(circle at 88% 46%,#d7f0e9 0%,transparent 36%),linear-gradient(120deg,#f6fbf9,#eaf6f2)}.page-hero-inner{display:grid;grid-template-columns:1.4fr .5fr;align-items:center;gap:45px;min-height:160px}.page-hero-image{width:260px;height:190px;object-fit:cover;border-radius:20px;justify-self:center;box-shadow:0 12px 24px #18585310}.page-hero h1{font-size:clamp(2.2rem,3.7vw,3.8rem);max-width:800px;margin:8px 0 12px}.page-hero p{line-height:1.8;margin:0 0 15px}.breadcrumb{font-size:11px;color:#64817e}.breadcrumb a{color:var(--teal);font-weight:800}.breadcrumb span{padding:0 10px}
.details-intro{display:grid;grid-template-columns:1.3fr .7fr;gap:50px;align-items:center}.details-intro h2{margin-top:10px}.details-intro p{max-width:760px;line-height:2}.details-intro-img{border:1px solid #e0e9e6;border-radius:22px;overflow:hidden}.details-intro-img img{width:100%;height:305px;object-fit:cover}.topic-tags,.condition-tags{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}.topic-tags span,.condition-tags span{background:#eaf6f2;color:#17695e;border:1px solid #d3e6e0;border-radius:99px;padding:7px 12px;font-size:11px;font-weight:750}.details-intro .btn{margin-top:5px}
.treatment-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.treatment-tile{border:1px solid #dce8e5;background:white;border-radius:17px;padding:14px;display:flex;align-items:flex-start;gap:14px;box-shadow:0 9px 22px #0b483c08;min-height:194px;transition:box-shadow .15s,border-color .15s}.treatment-tile:hover{border-color:#91bdb3;box-shadow:0 18px 30px #0b483c17}.treatment-icon{flex:0 0 70px;width:70px;height:75px;overflow:hidden;border-radius:10px;background:#edf5f2}.treatment-icon img{height:100%;width:100%;object-fit:cover}.treatment-tile-copy{flex:1;min-width:0}.treatment-tile h3{font-size:15px;line-height:1.25;margin:7px 0}.treatment-tile p{font-size:11px;line-height:1.65;margin-bottom:10px}.micro-label{color:#18857e;font-size:9px;letter-spacing:.06em;text-transform:uppercase;font-weight:900}.learn-link{font-size:11px;color:var(--teal);font-weight:850}.learn-link span{margin-left:3px}
.service-toolbar{background:#f5faf8;padding:20px;border:1px solid #dceae5;border-radius:18px;margin-bottom:15px}.service-toolbar input{width:100%;border:1px solid #bcd8d0;background:white;border-radius:10px;padding:15px 17px;color:var(--navy);font-size:14px;outline:0}.service-toolbar input:focus{border-color:var(--teal);box-shadow:0 0 0 3px #9cd9c928}.filter-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.filter-btn{border:1px solid #c5ded7;background:white;color:#4f7d76;border-radius:99px;padding:9px 15px;font-size:11px;font-weight:850}.filter-btn.selected,.filter-btn:hover{background:var(--teal);color:white;border-color:var(--teal)}.search-result-count{color:#70878a;font-size:12px;margin:18px 2px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.empty[hidden]{display:none!important}
.condition-topbar{display:flex;justify-content:space-between;margin-bottom:22px;font-size:12px;color:#71908d}.condition-topbar a{color:var(--teal);font-weight:850}.treatment-detail h2{font-size:30px;margin:14px 0}.treatment-detail h3{font-size:21px;margin-top:30px}.treatment-detail p{font-size:14px;color:#506a71;line-height:1.95}.topic-list{padding-left:23px;color:#476a6c;line-height:2}.treatment-aside{position:sticky;top:120px;overflow:hidden;border-radius:20px;box-shadow:0 12px 30px #073c3810}.treatment-aside>img{width:100%;max-height:220px;object-fit:cover}.side-content{padding:22px}.side-content h3{font-size:19px;margin:7px 0}.side-content p{font-size:12px}.side-content .btn{margin:6px 0 20px}.side-content h4{margin-top:20px;font-size:14px}.related-link{display:block;border-top:1px solid #e1eeea;font-size:12px;color:#137e73;padding:10px 0;font-weight:750}.feature-side .side-content h3,.feature-side .side-content p,.feature-side .side-content a{margin-left:0;margin-right:0}.feature-side .side-content a.btn{margin-left:0;margin-right:0}
.setup-message{border:1px dashed #accdc3;border-radius:18px;padding:48px;max-width:780px;margin:auto;text-align:center;background:#f7fbf9}.setup-icon{height:72px;width:72px;background:#e4f5ef;border-radius:20px;display:grid;place-items:center;font-size:30px;margin:0 auto 15px;color:var(--teal)}.setup-message h3{margin:8px}.setup-message p{font-size:13px;line-height:1.8}.setup-message .btn{margin-top:10px}.booking-placeholder{display:grid;grid-template-columns:290px 1fr;align-items:center;gap:50px;max-width:1000px}.booking-placeholder img{height:345px;width:100%;border-radius:20px;object-fit:cover;object-position:center 25%}.booking-placeholder p{line-height:1.9}.booking-placeholder .btn{margin-top:16px}.contact-clinic-list .setup-message{padding:27px}.profile-verification{max-width:950px}.profile-verification p{line-height:1.9}
.gallery-card{overflow:hidden;background:white;border:1px solid #dcebe7;border-radius:15px;box-shadow:0 8px 23px #0d4d4c12}.gallery-card img{width:100%;height:245px;object-fit:cover;background:#eef7f3}.gallery-card span{padding:14px 17px;font-size:12px;font-weight:800}.blog-card{border:1px solid #dfebe7;border-radius:15px;overflow:hidden;box-shadow:0 12px 25px #1149430d}.blog-card img{object-fit:cover;background:#e9f5f0}.blog-card>div{padding:20px}.blog-card p{font-size:12px}.article-cover{height:380px;object-fit:cover}.footer{background:#0a313a;color:#d5e9e5}.footer .footer-mark img{width:180px;height:55px}.footer .foot-cols{grid-template-columns:1.4fr 1fr .8fr 1fr}.footer a:hover{color:#9ee1cf}.foot-base{border-color:#27525a}.about-profile-photo img{width:100%;height:570px;object-fit:cover;object-position:40% 27%;border-radius:25px}.review-compose .form-panel,.contact-card{border:1px solid var(--line);border-radius:16px;padding:26px;background:#f6faf8}
@media(max-width:1240px){.nav{gap:10px}.brand{min-width:200px}.brand img{width:205px}.nav>a{font-size:10px}.nav a.btn{font-size:10px}.hero-grid{gap:35px}}
@media(max-width:1050px){.specialty-grid{grid-template-columns:repeat(2,1fr)}.treatment-grid{grid-template-columns:repeat(2,1fr)}.ateeq-home-hero .hero-grid{gap:25px}.footer .foot-cols{grid-template-columns:repeat(2,1fr)}}
@media(max-width:950px){.site-header{height:75px}.nav{top:75px;gap:14px}.nav>a{font-size:14px}.brand img{height:65px;width:205px}.ateeq-home-hero .hero-grid{grid-template-columns:1fr;padding-top:45px}.ateeq-portrait{justify-self:center;max-width:520px}.hero-left h1{max-width:750px}.body-gallery,.condition-shortcuts{grid-template-columns:repeat(2,1fr)}.about-grid{gap:30px}.details-intro{grid-template-columns:1.2fr .8fr}.treatment-aside{position:static}.footer .foot-cols{grid-template-columns:repeat(2,1fr)}.contact-grid{grid-template-columns:1fr}}
@media(max-width:650px){.wrap{padding:0 18px}.section{padding-top:59px;padding-bottom:59px}.hero-left h1{font-size:clamp(2.25rem,9vw,3.4rem)}.hero-overline{margin-top:13px}.ateeq-home-hero .hero-grid{padding-top:37px;padding-bottom:62px}.ateeq-portrait .hero-image-wrap{height:430px}.ateeq-portrait .hero-overlay{left:0;right:0;bottom:-34px;padding:14px 17px}.portrait-corner{right:2px;top:15px;padding:12px}.specialty-grid,.body-gallery,.condition-shortcuts,.treatment-grid,.details-intro,.booking-placeholder,.page-hero-inner{grid-template-columns:1fr}.page-hero-inner{gap:20px}.page-hero-image{justify-self:start;width:100%;max-width:290px;height:155px}.specialty-card{min-height:330px}.specialty-visual{height:175px}.about-grid{grid-template-columns:1fr}.ateeq-about-art img{height:440px}.about-profile-photo img{height:430px}.treatment-tile{min-height:150px}.feature-banner{border-radius:15px}.setup-message{padding:25px}.footer .foot-cols{grid-template-columns:1fr}.page-hero h1{font-size:2.25rem}.service-toolbar{padding:13px}.filter-btn{font-size:10px;padding:8px 11px}.booking-placeholder{gap:25px}.booking-placeholder img{height:290px;width:240px}.hero-ctas{flex-wrap:wrap}.qualification-pills span{font-size:10px}.feature-side .side-content{padding:20px}}

.online-medical-collection{margin-top:78px}.reference-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.reference-card{border:1px solid #dceae5;border-radius:16px;padding:15px;background:#fff;display:block}.reference-card>img{height:200px;width:100%;object-fit:contain;background:#f6f9f8;border-radius:10px}.reference-card h3{font-size:16px;margin:14px 0 7px}.reference-card small{display:block;color:#718989;font-size:11px;margin-bottom:12px}.reference-card>span{color:var(--teal);font-size:11px;font-weight:800}@media(max-width:900px){.reference-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.reference-grid{grid-template-columns:1fr}}