/* REVIX Premium Rebuild – design layer, preserving PHP APIs and admin data. */
:root{--revix-ink:#0c2c50;--revix-blue:#0b87ed;--revix-sky:#eaf6ff;--revix-paper:#fff;--revix-muted:#59758e;--revix-border:#e2eef7;--revix-shadow:0 24px 65px rgba(30,94,145,.085);--navy:#0c2c50;--deep:#092a4d;--ink:#173e61;--muted:#69829a;--border:#e3edf5;--radius:24px}
body{background:#fff;color:var(--revix-ink);font-family:var(--user-font),'Noto Kufi Arabic','Tajawal',sans-serif;font-size:14px;line-height:1.95;overflow-x:clip}
h1,h2,h3,h4{letter-spacing:0;line-height:1.55}h1,h2,h3,strong,b{font-weight:800}
.wrap{width:min(1220px,calc(100% - 52px))}
a,button{transition:color .22s,background .22s,transform .22s,border-color .22s,box-shadow .22s}
.top-strip{background:#eaf5ff;color:#3e6887;border-bottom:1px solid #ddeef9;min-height:36px}.top-inner{min-height:35px;font-size:11px}.top-contacts a{color:#22668d}
.site-header{background:rgba(255,255,255,.96)!important;border-bottom:1px solid #e8f2f9;box-shadow:0 8px 26px rgba(26,85,122,.045);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
.header-inner{min-height:83px;gap:21px}.brand-mark img{width:151px;height:auto;max-height:47px;object-fit:contain}
.desktop-nav{gap:18px}.desktop-nav>a{color:#29506f;font-weight:700;font-size:12px}.desktop-nav>a:hover,.desktop-nav>a[aria-current]{color:var(--revix-blue)}.desktop-nav>a[aria-current]::after{background:var(--revix-blue)}
.nav-more{color:#29506f;font-size:12px}.nav-more summary{color:#29506f}.head-book,.btn-primary{background:linear-gradient(135deg,#0698ff,#0872d8);color:#fff;border:1px solid #178be7;box-shadow:0 12px 25px rgba(10,128,231,.18);border-radius:15px}.head-book:hover,.btn-primary:hover{background:linear-gradient(135deg,#168ff0,#045ba9)}
.head-book{padding:11px 20px;font-size:12px;min-height:46px}.menu-toggle{color:#176b9d!important;border:1px solid #d8eaf6!important;background:#edf8ff!important;border-radius:14px}
.mobile-nav{position:absolute;top:100%;left:10px;right:10px;background:#fff!important;color:#0c3557!important;padding:17px 19px 25px;border:1px solid #e4eef6;border-radius:0 0 24px 24px;box-shadow:0 30px 65px #14395824;max-height:min(77dvh,650px);overflow:auto}.mobile-nav a{font-size:14px;border-color:#edf3f8!important;color:#204b69!important;padding:13px 9px!important}.mobile-nav a.btn{color:#fff!important;justify-content:center}
.mobile-nav-top{display:flex;align-items:center;justify-content:space-between;gap:15px;font-weight:800;font-size:15px;padding:0 0 13px;color:#0e4267;border-bottom:1px solid #eef3f7}.mobile-menu-close{display:grid;place-items:center;border:1px solid #ddecf7;background:#f0f8ff;border-radius:12px;color:#0c78c7;width:42px;height:42px;flex-shrink:0}
.btn,.head-book{font-weight:800}.btn-outline{color:#126fa8;border:1px solid #cbdfee;background:rgba(255,255,255,.9);border-radius:15px}.btn-ghost{background:rgba(255,255,255,.68);color:#0a67aa;border:1px solid #cbdfee;border-radius:15px}.btn-ghost:hover{background:#fff}
/* Rebuilt uplifting homepage hero. No person/doctor figure. */
.hero.revix-hero-new{background:radial-gradient(circle at 92% 17%,#e0f3ff 0,transparent 36%),linear-gradient(110deg,#f1f9ff,#dff2ff 65%,#f8fcff);color:#0c2d52;min-height:0;overflow:hidden}
.hero.revix-hero-new:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:repeating-linear-gradient(130deg,transparent 0 106px,rgba(39,152,242,.037) 106px 107px,transparent 108px 215px)}
.revix-hero-new .hero-grid{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr);min-height:620px;gap:43px;align-items:center;z-index:1}
.revix-hero-new .hero-copy{padding:74px 0 84px;text-align:right}.revix-hero-new .hero-pill{color:#1882bb;background:#fff;border:1px solid #d8ebf8;font-size:11px;padding:9px 15px;box-shadow:0 9px 25px #1e89c70a;letter-spacing:0}
.revix-hero-new h1{font-size:clamp(33px,4.2vw,62px);color:#082c53;line-height:1.42;letter-spacing:-.02em;margin:23px 0 18px;font-weight:900;max-width:680px}
.revix-hero-new .hero-description{color:#577692;font-size:15px;max-width:590px;line-height:2.2;font-weight:500}.revix-hero-new .hero-buttons{justify-content:flex-start;gap:12px;margin-top:32px}.revix-hero-new .hero-buttons .btn{min-height:54px;padding-inline:25px}
.revix-hero-new .hero-trust{color:#5f829e;justify-content:flex-start;margin-top:33px;gap:12px 21px}.revix-hero-new .hero-trust span{color:#55748d;font-size:11px}.revix-hero-new .hero-trust svg{color:#0b8beb}
.revix-hero-new .hero-art{height:510px;min-height:510px;display:flex;align-items:center;justify-content:center;position:relative;overflow:visible}.clinic-image-shell{position:relative;width:100%;height:460px;overflow:hidden;border-radius:40px 120px 42px 95px;border:8px solid #ffffffab;box-shadow:0 30px 65px rgba(21,101,164,.15);isolation:isolate;transform:translateY(10px)}.clinic-image-shell:after{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.3);border-radius:inherit;pointer-events:none}.clinic-image-shell>img{height:100%;width:100%;object-fit:cover;object-position:center;filter:saturate(.9) brightness(1.08)}
.revix-hero-new .hero-floating{position:absolute;left:auto;right:0;bottom:0;z-index:2;border:1px solid #e0f0fb;background:#fff;box-shadow:0 15px 40px #14568023;padding:13px 20px;border-radius:20px}.revix-hero-new .hero-floating strong{color:#124a72;font-size:14px}.revix-hero-new .hero-floating small{color:#7093a8;font-size:11px}
/* real SVG social platforms, approved landing brand styling */
.socialbar-wrap{position:relative;z-index:3;margin-top:-27px}.revix-socialbar{border:1px solid #e2eef6;background:rgba(255,255,255,.97);box-shadow:0 15px 43px rgba(19,92,148,.075);border-radius:22px;padding:13px 25px;display:flex;align-items:center;justify-content:space-between;gap:14px}.social-label{color:#31617f;font-size:13px;font-weight:800;white-space:nowrap}.social-list{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px}.social-item{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:#fff;border:1px solid #e5eef7;color:#145486;border-radius:13px;padding:9px 12px;min-height:41px;font-size:11px;font-weight:800;white-space:nowrap}.social-item:hover{transform:translateY(-2px);box-shadow:0 8px 19px #14568a10;background:#f8fbff}.brand-svg{display:block;flex-shrink:0}.social-facebook{color:#1674dc}.social-instagram{color:#b1428c}.social-tiktok{color:#233349}.social-youtube{color:#e83239}.social-whatsapp{color:#10a968}
.revix-shortcuts{border:none!important;background:#fff!important}.shortcuts-inner{padding-block:25px 13px}.shortcuts-inner>a,.shortcuts-inner>button{color:#2779af;background:#f5faff;border-color:#e2eff8;border-radius:15px}
/* service preview: use smooth pastel tones, four balanced cards */
.revix-preview-section{padding:72px 0!important;background:#fff}.revix-preview-section:nth-of-type(even){background:#fcfeff}.section-top{gap:18px;margin-bottom:27px}.section-top h2,.inner-hero h1{font-size:clamp(26px,3vw,40px);color:#102f50;font-weight:900;line-height:1.55}.section-top p{color:#70899d;font-size:13px;line-height:2}.eyebrow{font-size:11px;color:#0c90e2;letter-spacing:.02em}.section-top>.text-link,.text-link{color:#0c88d8;font-weight:800;font-size:12px}.section-top .ico,.text-link .ico,.revix-specialty-arrow svg,.service-arrow svg{transform:scaleX(-1)!important}
.revix-specialty-grid{gap:16px;grid-template-columns:repeat(4,minmax(0,1fr))}.revix-specialty{min-height:226px;background:linear-gradient(145deg,#fff,#f4faff);border-color:#dcebf9;border-radius:23px;box-shadow:none;padding:24px 21px;gap:13px}.revix-specialty-icon{background:#e0f1ff;color:#0b8edb}.revix-specialty strong{color:#133958;font-size:15px;line-height:1.6}.revix-specialty-status{font-size:10px;color:#6f8799}.revix-specialty:nth-child(2){background:linear-gradient(135deg,#fff,#eefcf8);border-color:#d5efe6}.revix-specialty:nth-child(2) .revix-specialty-icon{background:#dffaf0;color:#0ca581}.revix-specialty:nth-child(3){background:linear-gradient(135deg,#fff,#f5f0ff);border-color:#e9e0fd}.revix-specialty:nth-child(3) .revix-specialty-icon{background:#eee5ff;color:#815de3}.revix-specialty:nth-child(4){background:linear-gradient(135deg,#fff,#fff9f2);border-color:#f8e9d7}.revix-specialty:nth-child(4) .revix-specialty-icon{background:#fff1dc;color:#c78832}
.revix-specialty:hover{box-shadow:var(--revix-shadow);transform:translateY(-4px)}
.revix-intro-band{background:linear-gradient(115deg,#f3f9ff,#e9f5fc);padding-block:65px}.revix-intro-grid h2{color:#123757}.revix-intro-grid p{color:#587b95;font-size:13px}.intro-brand-box{background:linear-gradient(135deg,#0d80d0,#64c3f7);border-radius:29px;box-shadow:0 18px 45px rgba(24,109,191,.11)}
.revix-branches-home{background:#f6fafe!important}.branch-card{border:1px solid #dfedf7;border-radius:25px;background:white;box-shadow:0 12px 45px rgba(39,113,174,.05);padding:25px 25px 27px;overflow:hidden}.branch-card:before,.branch-card:after{opacity:.16!important;pointer-events:none}.branch-top{position:relative;z-index:2}.branch-card h3,.branch-card>p,.branch-hours,.branch-actions{position:relative;z-index:2}.branch-card h3{color:#123b5b;font-size:22px}.branch-card>p{font-size:13px;color:#65819a}.branch-actions .btn{min-height:46px;border-radius:13px}
.service-card,.doctor-card,.gallery-album,.editorial-card,.video-card,.contact-method{border-radius:22px;border-color:#dfebf5;box-shadow:0 10px 36px #135a8909}.service-card{background:#fff}.service-card:nth-child(4n+1){background:linear-gradient(150deg,#fff,#f2faff)}.service-card:nth-child(4n+2){background:linear-gradient(150deg,#fff,#f3fffb)}.service-card:nth-child(4n+3){background:linear-gradient(150deg,#fff,#f9f6ff)}.service-card:nth-child(4n+4){background:linear-gradient(150deg,#fff,#fff8f0)}
.inner-hero{background:radial-gradient(circle at 87% 10%,#d6efff,transparent 45%),linear-gradient(120deg,#eff9ff,#f8fcff)!important;color:#123755;padding:70px 0}.inner-hero h1{color:#103d60!important}.inner-hero p{color:#5d7b94}.inner-lines{opacity:.18}
/* footer light premium contrast in matching blue */
.site-footer{background:#0a2946!important;border-radius:40px 40px 0 0;margin-top:25px}.site-footer .footer-top{gap:35px}.site-footer h3{font-size:16px}.site-footer p,.site-footer a{font-size:12px}.site-footer .footer-brand img{width:170px;height:auto}.site-footer .social-footer{display:flex;gap:9px;flex-wrap:wrap}.site-footer .social-footer .social-item{color:white!important;background:#174363!important;border:1px solid #376384!important;border-radius:13px;width:43px;height:43px;min-height:43px;padding:7px}.site-footer .social-footer .social-item:hover{background:#2072a8!important}.footer-base{border-color:#36536e}
/* cleaned chatbot: maximum 4 upfront choices; progressively reveal context */
.chat-bubble{border:1px solid #b9ddf3;background:linear-gradient(135deg,#0b97f7,#086fd2);box-shadow:0 15px 40px rgba(14,119,218,.25);border-radius:24px;color:#fff}.chat-panel{box-shadow:0 30px 90px #0d3f6c36;border:1px solid #d8e9f7;border-radius:26px;overflow:hidden;background:#fff!important;max-height:min(700px,calc(100dvh - 90px));display:flex;flex-direction:column}.chat-panel[hidden]{display:none!important}
.chat-header{background:linear-gradient(115deg,#eff9ff,#dff0fe)!important;padding:16px 18px;border-bottom:1px solid #e3eef6;color:#113858!important;gap:12px}.chat-header strong{font-size:16px;color:#123c63}.chat-header small{font-size:10px;color:#6b8aa5}.chat-logo{background:#138de8!important;border:0!important;border-radius:12px;color:white}.chat-online-dot{background:#49c7a6}
#chat-close{background:white!important;border:1px solid #dbeaf6!important;border-radius:12px!important;color:#236a96!important;width:36px;height:36px}
.chat-messages{background:linear-gradient(180deg,#fbfdff,#fff);padding:18px 17px 8px;flex:1;min-height:68px;overflow-y:auto}.chat-msg{max-width:92%;border-radius:18px;font-size:12px;line-height:1.9}.chat-msg.bot{background:#f2f8fc;color:#214766;border:1px solid #e2edf5}.chat-msg.mine{background:#118ce8;color:white}
.chat-chips{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;flex:0 0 auto;padding:12px 15px!important;max-height:none!important;overflow:visible!important;background:#fff}.chat-chips button{margin:0!important;white-space:normal;display:flex;align-items:center;justify-content:center;gap:9px;text-align:center;padding:11px 7px!important;min-height:49px;font-size:11px!important;background:#f4faff!important;border:1px solid #ddebfa!important;border-radius:15px!important;color:#115c90!important;font-weight:800!important}.chat-chips button:hover{background:#e6f5ff!important}
.chat-chips[style*="none"]{display:none!important}
.chat-suggestions{max-height:108px;overflow-y:auto;gap:7px;padding:5px 14px 10px}.chat-suggestions button{font-size:10px;min-height:35px;background:#f0f8ff;border-color:#d8eaf8;color:#225f8d;padding:7px 10px;line-height:1.6}.chat-suggestions button:nth-child(n+5){display:none}
.chat-location-privacy{display:none!important}.chat-location-privacy:not([hidden]){display:block!important;font-size:10px;margin:0 14px 9px;line-height:1.7;padding:8px 12px;border-radius:12px}
.chat-form{margin:0 13px 8px!important;padding:7px!important;border:1px solid #e2edf7;border-radius:17px;display:flex;align-items:center;gap:8px;background:#fff}.chat-form input{min-width:0;font-size:13px;border:0!important;outline:0;box-shadow:none!important}.chat-form button{border-radius:13px!important;flex-shrink:0;background:#0e92f4!important}
.chat-privacy-options{padding:0 17px;color:#7b95a9;font-size:10px;text-align:center}.chat-privacy-options summary{cursor:pointer;list-style:none;line-height:1.8}.chat-privacy-options summary::-webkit-details-marker{display:none}.chat-privacy-options[open]{background:#f7fbfe}.chat-ai-optin{font-size:10px!important;padding:7px!important}
.chat-consult-row{padding:6px 13px!important}.chat-consult-button{background:#ebf8ff!important;border:1px solid #cce8f9!important;border-radius:13px!important;min-height:41px;font-size:11px!important;color:#176e9b!important}
.chat-actions{padding:4px 13px 10px!important;gap:7px!important}.chat-actions>*{border-radius:12px!important;min-height:40px;font-size:11px!important;flex:1}.chat-warning{display:none!important}
/* cards reveal when scrolled; WOW-compatible fallback */
.wow{visibility:visible}.wow.revix-pending{opacity:0;visibility:hidden}.wow.revix-visible{visibility:visible;opacity:1;animation:revixSlideRight .72s cubic-bezier(.21,.74,.28,1) both}.wow.fadeInUp.revix-visible{animation:revixSlideUp .75s cubic-bezier(.21,.74,.28,1) both}@keyframes revixSlideRight{from{opacity:0;transform:translateX(38px)}to{opacity:1;transform:translateX(0)}}@keyframes revixSlideUp{from{opacity:0;transform:translateY(35px)}to{opacity:1;transform:translateY(0)}}
/* unify click directions in RTL: action arrows point left, not right */
a .ico[aria-hidden=true],.revix-specialty-arrow .ico{vertical-align:middle}a[href^="/services/"] .revix-specialty-arrow .ico{transform:scaleX(-1)}
@media(max-width:1150px){.desktop-nav{gap:10px}.desktop-nav>a,.nav-more{font-size:11px}.revix-hero-new .hero-grid{gap:25px}.revix-specialty-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1040px){.desktop-nav{display:none}.menu-toggle{display:grid;place-items:center}.revix-hero-new .hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,.88fr)}.revix-hero-new .hero-art{height:440px;min-height:440px}.clinic-image-shell{height:395px}}
@media(max-width:760px){.wrap{width:calc(100% - 34px)}.top-strip{display:none}.header-inner{min-height:72px;gap:9px}.brand-mark img{width:133px;max-height:45px}.menu-toggle{width:43px;height:43px;order:1}.head-book{padding:9px 13px;font-size:11px;min-height:42px}.head-actions{gap:8px}
 .hero.revix-hero-new{border-radius:0 0 28px 28px}.revix-hero-new .hero-grid{display:flex;flex-direction:column;gap:0;min-height:0;align-items:stretch}.revix-hero-new .hero-copy{padding:45px 4px 14px;text-align:right}.revix-hero-new h1{font-size:clamp(30px,7.25vw,43px);line-height:1.52;margin:15px 0 12px}.revix-hero-new .hero-description{font-size:12px;line-height:2.2;max-width:none;margin:0}.revix-hero-new .hero-pill{font-size:9.5px}.revix-hero-new .hero-buttons{justify-content:flex-start;margin-top:20px;gap:8px}.revix-hero-new .hero-buttons .btn{min-height:45px;padding:10px 14px;font-size:10.5px}.revix-hero-new .hero-trust{justify-content:flex-start;gap:8px 13px;margin-top:18px}.revix-hero-new .hero-trust span{font-size:10px}.revix-hero-new .hero-art{height:280px;min-height:280px;align-items:flex-start;overflow:visible;padding:0}.clinic-image-shell{height:252px;width:100%;margin:0;transform:none;border-width:5px;border-radius:24px 65px 27px 45px}.clinic-image-shell>img{object-position:54% center}.revix-hero-new .hero-floating{bottom:2px;right:9px;left:auto;padding:7px 10px;min-width:0;gap:7px;border-radius:13px}.revix-hero-new .hero-floating strong{font-size:10px}.revix-hero-new .hero-floating small{font-size:9px}.revix-hero-new .floating-icon{width:29px;height:29px}.revix-hero-new .hero-floating .ico{width:15px;height:15px}
 .socialbar-wrap{margin-top:12px}.revix-socialbar{padding:14px 12px;border-radius:18px;display:block}.social-label{display:block;text-align:center;margin-bottom:10px;font-size:11px}.social-list{display:flex;flex-wrap:nowrap;gap:7px;justify-content:space-between;overflow-x:auto}.social-list .social-item{min-height:43px;min-width:43px;padding:9px;flex:0 0 auto}.social-list .social-item span{display:none}.social-list .brand-svg{width:22px;height:22px}
 .revix-preview-section{padding-block:45px!important}.section-top h2{font-size:clamp(24px,6vw,30px)}.section-top p{font-size:12px}.revix-specialty-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.revix-specialty{min-height:175px;padding:16px 14px;border-radius:18px;gap:10px}.revix-specialty-icon{width:45px;height:45px;border-radius:14px}.revix-specialty strong{font-size:12px}.revix-specialty-status{font-size:9.5px}.revix-specialty-arrow{left:10px;bottom:11px}.revix-intro-band{padding:47px 0}.inner-hero{padding:43px 0}
 .site-footer{border-radius:26px 26px 0 0}.site-footer .footer-top{gap:26px}.social-footer{justify-content:flex-start}.mobile-actionbar{min-height:66px;border-radius:22px 22px 0 0;background:#fff;z-index:110;box-shadow:0 -6px 25px #3a72911c}.mobile-actionbar a,.mobile-actionbar button{font-size:10px;color:#1a6e9c}
 .chat-bubble{display:none!important}.chat-panel{position:fixed;top:auto;bottom:calc(69px + env(safe-area-inset-bottom))!important;left:8px;right:8px;width:auto!important;height:auto!important;max-height:calc(100dvh - 92px - env(safe-area-inset-bottom))!important;border-radius:25px!important;z-index:109}.chat-messages{min-height:76px;max-height:min(250px,32dvh)}.chat-header{padding:12px 13px}.chat-header strong{font-size:13px}.chat-chips{padding:9px 12px!important;gap:7px}.chat-chips button{min-height:42px!important;font-size:10px!important;padding:9px 5px!important}.chat-actions{padding:5px 11px 10px!important}.chat-actions>*{min-height:36px!important;font-size:10px!important}.chat-consult-row{padding:4px 11px!important}.chat-consult-button{min-height:38px}.chat-form{padding:5px!important;margin:0 12px 5px!important}.chat-form button{min-height:39px}
}
@media(max-width:390px){.wrap{width:calc(100% - 26px)}.brand-mark img{width:117px}.head-book{font-size:10px;padding:8px}.revix-hero-new h1{font-size:28px}.revix-hero-new .hero-art{height:235px;min-height:235px}.clinic-image-shell{height:216px}.revix-specialty{min-height:176px;padding:14px 12px}.revix-specialty strong{font-size:11px}.revix-specialty-status{font-size:9px}.social-list .social-item{min-width:40px;min-height:40px}.chat-panel{left:4px;right:4px}.chat-chips button{font-size:9.3px!important}}
@media(prefers-reduced-motion:reduce){.wow,.wow.revix-pending,.wow.revix-visible{visibility:visible!important;opacity:1!important;animation:none!important;transform:none!important}html{scroll-behavior:auto!important}}

.chat-consult-row{display:flex;flex-direction:column;align-items:center;gap:3px}.chat-lead-trigger{background:transparent;border:0;font:inherit;font-size:11px!important;color:#1684b9;cursor:pointer;text-decoration:underline;text-underline-offset:4px;padding:4px}.chat-lead-trigger:hover{color:#06557b}.readable img{max-width:100%;height:auto;border-radius:16px;display:block;margin:20px auto}.readable h2,.readable h3{margin:1.4em 0 .5em}.readable p{margin:0 0 1.1em}.readable ul,.readable ol{padding-inline-start:30px}

/* RTL action arrows: left is the forward direction. */
.hero-buttons .btn .ico:last-child,.doctor-actions .btn-outline .ico,.branch-actions .btn-light .ico,.mobile-nav a.btn .ico,.head-book .ico:last-child{transform:scaleX(-1)}
