
/* Editorial luxury design — consistent responsive website */
:root{--ink:#394656;--paper:#faf8f5;--sand:#efe8e1;--line:#e9e2dc;--muted:#71808a}
html{scroll-behavior:smooth}body{background:var(--paper)!important;color:var(--ink)!important;font-family:'IBM Plex Sans Arabic',Tahoma,Arial,sans-serif!important;line-height:1.75!important}header{background:var(--ink)!important;box-shadow:0 6px 28px #25334313!important;z-index:20}header img{max-width:100%;object-fit:contain}header nav a{font-size:14px!important;font-weight:500;text-decoration:none!important;opacity:.94}header nav a:hover{opacity:.7}h1,h2,h3{letter-spacing:-.025em!important;line-height:1.45!important}h1{font-size:clamp(34px,4.7vw,59px)!important}h2{font-size:clamp(25px,3vw,38px)!important}p{line-height:1.9!important}a{text-underline-offset:5px}button,a{touch-action:manipulation}
.container{max-width:1250px!important}main.container{padding-top:65px!important;padding-bottom:80px!important}
.card,.tile,.social-card,.credential,.contact-panel{border:1px solid var(--line)!important;border-radius:17px!important;box-shadow:0 13px 40px #2634430b!important;background:#fff!important;overflow:hidden}.card{transition:transform .25s,box-shadow .25s!important}.card:hover{transform:translateY(-5px);box-shadow:0 19px 44px #26344320!important}.card .art{height:260px!important;overflow:hidden;background:#eae2da!important}.card .art img{width:100%;height:100%;object-fit:cover!important;transition:transform .4s}.card:hover .art img{transform:scale(1.04)}.card .body{padding:22px!important}.card h3{font-size:21px!important;margin-bottom:8px!important}.card p{color:#677480!important;font-size:14px!important}.procedure-link{display:inline-flex;align-items:center;gap:8px;background:#f0ebe6!important;border-radius:30px!important;padding:9px 16px!important;color:var(--ink)!important;font-weight:600;text-decoration:none!important}
.hero{overflow:hidden}.hero-photo img{object-fit:cover!important;object-position:center 13%!important}.credentials{background:#fff!important}.credential{background:#f9f7f4!important}.credential strong{font-size:18px!important}.credential span{font-size:13px!important}
.gallery-section,.info,.contact-section{overflow:hidden}.contact-panel{background:#fff!important}.wa-float{display:none!important}
footer{background:var(--ink)!important}footer a{color:#fff!important}
/* Standalone procedure pages */
main>section.hero{border-radius:22px!important;overflow:hidden}main>section.hero img{object-fit:cover!important}main>section.grid>*,main article,main .content-card{border-radius:20px!important;border-color:var(--line)!important}
/* About page editorial layout */
.about-page{max-width:1180px;margin:auto;padding:68px 24px 90px}.about-kicker{font-size:12px;letter-spacing:.22em;color:#b09b8c!important;font-weight:700}.about-hero-new{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}.about-hero-new img{width:100%;height:540px;object-fit:cover;object-position:center 12%;border-radius:22px}.about-hero-new .intro{font-size:18px;color:#677480;max-width:590px}.about-hero-new .eyebrow{font-size:14px;color:#9c877a}.about-hero-new .cta{display:inline-block;margin-top:25px;background:var(--ink);color:white;text-decoration:none;border-radius:35px;padding:13px 25px;font-weight:600}.about-section{margin-top:92px}.about-section>p{color:#73808a}.qualification-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:30px}.qualification{border:1px solid var(--line);background:#fff;border-radius:18px;padding:30px 22px;min-height:180px}.qualification .num{display:block;font-size:13px;letter-spacing:.16em;color:#b5a092;margin-bottom:18px}.qualification h3{font-size:19px;margin:0 0 9px}.qualification p{font-size:14px;color:#6d7983;margin:0}.specialty-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px}.specialty{border-radius:20px;overflow:hidden;background:#fff;border:1px solid var(--line);text-decoration:none;color:var(--ink)}.specialty img{width:100%;height:235px;object-fit:cover}.specialty .body{padding:20px 22px}.specialty h3{margin:0 0 6px;font-size:21px}.specialty p{font-size:14px;color:#697581;margin:0}.about-bottom{background:#eae6e1;border-radius:22px;margin-top:80px;padding:40px 45px;display:flex;align-items:center;justify-content:space-between;gap:25px}.about-bottom a{background:var(--ink);color:white;padding:12px 24px;border-radius:28px;text-decoration:none;white-space:nowrap}
@media(max-width:800px){header{padding:17px 13px!important}header nav{display:flex!important;justify-content:center!important;flex-wrap:wrap!important;gap:9px!important}header nav a{font-size:12px!important;margin:0 4px!important}main.container{padding:40px 15px!important}.card .art{height:220px!important}.card .body{padding:16px!important}.card h3{font-size:18px!important}.about-page{padding:34px 18px 70px}.about-hero-new{grid-template-columns:1fr;gap:28px}.about-hero-new img{height:370px;grid-row:1}.about-hero-new .intro{font-size:16px}.qualification-grid{grid-template-columns:repeat(2,1fr);gap:11px}.qualification{padding:22px 16px;min-height:165px}.qualification h3{font-size:16px}.specialty-grid{grid-template-columns:1fr;gap:14px}.specialty img{height:220px}.about-section{margin-top:58px}.about-bottom{margin-top:55px;padding:27px;flex-direction:column;align-items:stretch}}
@media(max-width:430px){header img{max-width:205px!important}.qualification-grid{grid-template-columns:1fr 1fr}.qualification{padding:18px 12px}.qualification p{font-size:12px!important}.card .art{height:205px!important}}
