/* ============================================================
   FMRC  PREMIUM MEDICAL DESIGN SYSTEM
   Inspired by top Webflow clinic templates
   Warm, clean, confident, trustworthy
   ============================================================ */

/* ====================== Design Tokens ====================== */
:root {
    /* Core palette  warm & sophisticated */
    --c-bg:         #FDFCFA;
    --c-bg-alt:     #F4F2ED;
    --c-bg-warm:    #FFF8F0;
    --c-bg-sage:    #EDF5F0;

    --c-primary:    #14532D;          /* deep forest green  health, trust */
    --c-primary-l:  #166534;
    --c-primary-xl: #22C55E;

    --c-accent:     #D97706;          /* warm amber  premium, action */
    --c-accent-l:   #F59E0B;
    --c-accent-soft: rgba(217,119,6,.08);

    --c-teal:       #0D9488;          /* medical teal */
    --c-teal-soft:  rgba(13,148,136,.08);

    --c-text:       #1A1A2E;
    --c-text-2:     #4B5563;
    --c-text-3:     #9CA3AF;

    --c-white:      #FFFFFF;
    --c-border:     #E5E2DB;
    --c-border-l:   #F0EDE6;

    --c-dark:       #0F172A;
    --c-dark-2:     #1E293B;

    /* Shadows  soft & layered */
    --sh-xs:   0 1px 2px rgba(0,0,0,.04);
    --sh-sm:   0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);
    --sh-md:   0 4px 6px rgba(0,0,0,.04), 0 10px 24px rgba(0,0,0,.06);
    --sh-lg:   0 10px 15px rgba(0,0,0,.05), 0 20px 50px rgba(0,0,0,.08);
    --sh-xl:   0 20px 40px rgba(0,0,0,.06), 0 40px 80px rgba(0,0,0,.1);
    --sh-glow: 0 0 40px rgba(13,148,136,.12);

    /* Radii  generous & organic */
    --r-sm: 10px;
    --r-md: 16px;
    --r-lg: 24px;
    --r-xl: 36px;
    --r-full: 9999px;

    /* Transitions */
    --ease: cubic-bezier(.4,0,.2,1);
    --ease-out: cubic-bezier(0,.0,.2,1);
    --ease-spring: cubic-bezier(.34,1.56,.64,1);

    /* Typography scale */
    --fs-xs:  13px;
    --fs-sm:  14px;
    --fs-md:  16px;
    --fs-lg:  18px;
    --fs-xl:  20px;
    --fs-2xl: 24px;
    --fs-3xl: 32px;
    --fs-4xl: 40px;
    --fs-5xl: 52px;
    --fs-6xl: 64px;
    --fs-7xl: 80px;

    /* Spacing */
    --sp-1: 4px;  --sp-2: 8px;  --sp-3: 12px; --sp-4: 16px;
    --sp-5: 20px; --sp-6: 24px; --sp-8: 32px; --sp-10: 40px;
    --sp-12: 48px; --sp-16: 64px; --sp-20: 80px; --sp-24: 96px;
    --sp-32: 128px;

    --max-w: 1280px;
}

/* ====================== Reset & Base ====================== */
*,*::before,*::after { box-sizing: border-box; }

body {
    background: var(--c-bg) !important;
    color: var(--c-text) !important;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

::selection {
    background: rgba(13,148,136,.2);
    color: var(--c-text);
}

.container {
    max-width: var(--max-w) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: var(--sp-6) !important;
    padding-right: var(--sp-6) !important;
}

img { max-width: 100%; height: auto; }

/* ====================== Typography ====================== */
h1,h2,h3,h4,h5,h6,
.gilroy-dark-48,.gilroy-dark-40,.gilroy-blue-32,.gilroy-blue-40 {
    font-family: 'Gilroy-Bold', 'Gilroy', sans-serif !important;
    color: var(--c-text) !important;
    letter-spacing: -0.03em !important;
    line-height: 1.1 !important;
}

.gilroy-dark-48 { font-size: clamp(var(--fs-4xl), 5vw, var(--fs-6xl)) !important; margin-bottom: var(--sp-6) !important; }
.gilroy-blue-32 { color: var(--c-primary) !important; font-size: clamp(var(--fs-2xl), 3vw, var(--fs-3xl)) !important; }
.gilroy-blue-40 { color: var(--c-primary) !important; font-size: clamp(var(--fs-3xl), 3.5vw, var(--fs-4xl)) !important; }
.gilroy-dark-20,.gilroy-grey-16 { line-height: 1.75 !important; color: var(--c-text-2) !important; }
.gilroy-grey-16 { color: var(--c-text-3) !important; font-size: var(--fs-sm) !important; }

/* ====================== HEADER  Clean floating nav ====================== */
header {
    position: sticky !important;
    top: 0 !important;
    z-index: 1000 !important;
    background: transparent !important;
}

.header-info {
    background: var(--c-dark) !important;
    padding: 10px 0 !important;
}

.header-info .container { display:flex; align-items:center; justify-content:space-between; }
.header-info p,.header-info a { color:rgba(255,255,255,.8) !important; font-size:var(--fs-xs) !important; transition:color .3s var(--ease) !important; }
.header-info a:hover p { color:var(--c-accent-l) !important; }
.contact-info svg path { fill:rgba(255,255,255,.6) !important; transition:fill .3s var(--ease); }
.header-info a:hover .contact-info svg path { fill:var(--c-accent-l) !important; }

nav {
    background: rgba(255,255,255,.92) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    padding: 14px 40px !important;
    border-bottom: 1px solid var(--c-border-l) !important;
    transition: all .4s var(--ease) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

header.scrolled nav { padding:10px 40px !important; box-shadow:var(--sh-md) !important; }
nav .logo { height:44px !important; transition:transform .3s var(--ease) !important; }
nav .logo:hover { transform:scale(1.03); }

nav ul,.nav-ul {
    display:flex !important; align-items:center !important; gap:var(--sp-1) !important;
    list-style:none !important; margin:0 !important; padding:0 !important;
}
nav ul a { text-decoration:none !important; }
nav ul a li {
    font-family:'Gilroy-Medium',sans-serif !important; font-size:var(--fs-sm) !important;
    color:var(--c-text-2) !important; padding:8px 16px !important;
    border-radius:var(--r-full) !important; transition:all .3s var(--ease) !important;
    white-space:nowrap !important; position:relative !important;
}
nav ul a li::after { display:none !important; }
nav ul a:hover li,nav ul a.active li { color:var(--c-primary) !important; background:var(--c-teal-soft) !important; }

/* CTA Button */
.app-button {
    background:var(--c-primary) !important; color:var(--c-white) !important;
    border:none !important; padding:12px 28px !important; border-radius:var(--r-full) !important;
    font-family:'Gilroy-SemiBold',sans-serif !important; font-size:var(--fs-sm) !important;
    cursor:pointer !important; transition:all .4s var(--ease) !important;
    position:relative !important; overflow:hidden !important; letter-spacing:.3px !important;
}
.app-button::before {
    content:'' !important; position:absolute !important; inset:0 !important;
    width:100% !important; height:100% !important;
    background:linear-gradient(135deg,var(--c-teal),var(--c-primary-xl)) !important;
    opacity:0 !important; transition:opacity .4s var(--ease) !important; border-radius:inherit !important;
    transform:none !important; z-index:0 !important;
}
.app-button:hover { transform:translateY(-2px) !important; box-shadow:0 8px 25px rgba(20,83,45,.25) !important; }
.app-button:hover::before { opacity:1 !important; }

/* Language Switcher */
.lang-switcher { position:relative; }
.lang-current {
    font-family:'Gilroy-Medium',sans-serif !important; font-size:var(--fs-xs) !important;
    color:rgba(255,255,255,.85) !important; cursor:pointer; padding:6px 12px;
    border-radius:var(--r-sm); border:1px solid rgba(255,255,255,.15);
    transition:all .3s var(--ease);
}
.lang-current:hover { border-color:rgba(255,255,255,.3); background:rgba(255,255,255,.08); }
.lang-dropdown {
    position:absolute; top:calc(100% + 8px); right:0; background:var(--c-white);
    border-radius:var(--r-sm); box-shadow:var(--sh-lg); border:1px solid var(--c-border);
    overflow:hidden; opacity:0; visibility:hidden; transform:translateY(-8px);
    transition:all .3s var(--ease); z-index:100; min-width:80px;
}
.lang-dropdown.active { opacity:1; visibility:visible; transform:translateY(0); }
.lang-option {
    display:block !important; padding:10px 16px !important; font-size:var(--fs-sm) !important;
    color:var(--c-text-2) !important; text-decoration:none !important;
    transition:all .2s var(--ease) !important; font-family:'Gilroy-Medium',sans-serif !important;
}
.lang-option:hover { background:var(--c-bg-sage) !important; color:var(--c-primary) !important; }
.lang-option.current-lang { color:var(--c-primary) !important; font-weight:600 !important; background:var(--c-teal-soft) !important; }

/* ====================== HERO  Cinematic, warm ====================== */
.hero-section {
    background: var(--c-dark) !important;
    overflow: hidden !important;
}
.hero-section .slick-dots { bottom:28px !important; }
.hero-section .slick-dots li button:before { color:rgba(255,255,255,.4) !important; font-size:10px !important; }
.hero-section .slick-dots li.slick-active button:before { color:var(--c-accent-l) !important; }

.hero {
    position: relative !important;
    min-height: 480px !important;
    max-height: 600px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: flex-start !important;
    padding: 80px 80px 60px !important;
    background-size: cover !important;
    background-position: center !important;
}
.hero::before {
    content:'' !important; position:absolute !important; inset:0 !important;
    background:linear-gradient(135deg,rgba(15,23,42,.88) 0%,rgba(20,83,45,.55) 45%,rgba(13,148,136,.3) 75%,rgba(245,158,11,.1) 100%) !important;
    z-index:0 !important;
}
.hero > * { position:relative !important; z-index:1 !important; }

.hero h1 {
    color:var(--c-white) !important; font-size:clamp(32px,4vw,56px) !important;
    font-weight:800 !important; line-height:1.1 !important; letter-spacing:-0.03em !important;
    max-width:580px !important; margin-bottom:var(--sp-4) !important;
    text-shadow:0 2px 40px rgba(0,0,0,.2) !important;
    opacity:0; transform:translateY(30px); animation:heroReveal 1s var(--ease-out) .3s forwards;
}
@keyframes heroReveal { to { opacity:1; transform:translateY(0); } }

.hero .gilroy-whites-16 {
    color:rgba(255,255,255,.7) !important; font-size:var(--fs-md) !important;
    max-width:460px !important; line-height:1.7 !important; margin-bottom:var(--sp-6) !important;
    opacity:0; animation:heroReveal .8s var(--ease-out) .55s forwards;
}

.hero-clicks {
    display:flex !important; flex-direction:column !important; gap:var(--sp-6) !important;
    width:100% !important; max-width:560px !important;
    opacity:0; animation:heroReveal .8s var(--ease-out) .7s forwards;
}
.hero-btns { display:flex !important; gap:var(--sp-4) !important; flex-wrap:wrap !important; }
.hero-btns a { text-decoration:none !important; }

.hero-btns a:first-child button {
    background:var(--c-accent) !important; color:var(--c-white) !important;
    border:none !important; padding:16px 36px !important; border-radius:var(--r-full) !important;
    font-family:'Gilroy-SemiBold',sans-serif !important; font-size:var(--fs-md) !important;
    cursor:pointer !important; transition:all .4s var(--ease) !important;
    animation:none !important; box-shadow:0 4px 20px rgba(217,119,6,.3) !important;
}
.hero-btns a:first-child button:hover {
    background:var(--c-accent-l) !important; transform:translateY(-3px) !important;
    box-shadow:0 8px 30px rgba(217,119,6,.4) !important;
}
.hero-btns a:nth-child(2) button {
    background:transparent !important; color:var(--c-white) !important;
    border:1.5px solid rgba(255,255,255,.35) !important; padding:16px 36px !important;
    border-radius:var(--r-full) !important; font-family:'Gilroy-Medium',sans-serif !important;
    font-size:var(--fs-md) !important; cursor:pointer !important;
    transition:all .4s var(--ease) !important; backdrop-filter:blur(8px) !important;
}
.hero-btns a:nth-child(2) button:hover {
    background:rgba(255,255,255,.12) !important; border-color:rgba(255,255,255,.6) !important;
    transform:translateY(-2px) !important;
}

/* Working hours card */
.working-time {
    background:rgba(255,255,255,.06) !important; backdrop-filter:blur(16px) !important;
    border:1px solid rgba(255,255,255,.1) !important; border-radius:var(--r-md) !important;
    padding:20px 24px !important; display:flex !important; align-items:center !important;
    gap:var(--sp-6) !important; width:100% !important;
}
.working-time > div { flex:0 0 auto !important; }
.working-time p { color:rgba(255,255,255,.7) !important; font-size:var(--fs-sm) !important; margin:0 !important; line-height:1.6 !important; }
.working-time button, .working-time a button {
    background:var(--c-white) !important; color:var(--c-primary) !important;
    border:none !important; padding:12px 24px !important; border-radius:var(--r-full) !important;
    font-family:'Gilroy-SemiBold',sans-serif !important; font-size:var(--fs-sm) !important;
    cursor:pointer !important; transition:all .4s var(--ease) !important; white-space:nowrap !important;
    margin-left:auto !important;
}
.working-time a { text-decoration:none !important; margin-left:auto !important; }
.working-time button:hover, .working-time a button:hover { background:var(--c-bg-sage) !important; transform:translateY(-2px) !important; box-shadow:var(--sh-md) !important; }

/* ====================== WHY US  Premium dark cards ====================== */
.whyUs-section {
    margin-top: var(--sp-24) !important;
    background: var(--c-dark) !important;
    background-image: none !important;
    border-radius: var(--r-xl) !important;
    padding: var(--sp-20) var(--sp-12) !important;
    position: relative !important;
    overflow: hidden !important;
}
.whyUs-section::before {
    content:''; position:absolute; top:-100px; right:-100px; width:400px; height:400px;
    background:radial-gradient(circle,rgba(13,148,136,.15) 0%,transparent 70%);
    border-radius:50%; pointer-events:none;
}
.whyUs-section::after {
    content:''; position:absolute; bottom:-80px; left:-60px; width:300px; height:300px;
    background:radial-gradient(circle,rgba(245,158,11,.1) 0%,transparent 70%);
    border-radius:50%; pointer-events:none;
}
.whyUs-section h5 {
    color:var(--c-white) !important; font-size:clamp(var(--fs-3xl),4vw,var(--fs-5xl)) !important;
    text-align:center !important; margin-bottom:var(--sp-16) !important;
    font-weight:700 !important; position:relative; z-index:1;
}
.why-us-wrapper {
    display:grid !important; grid-template-columns:repeat(3,1fr) !important;
    gap:var(--sp-6) !important; position:relative; z-index:1;
}
.whyUs-div {
    background:rgba(255,255,255,.05) !important; backdrop-filter:blur(10px) !important;
    border:1px solid rgba(255,255,255,.08) !important; border-radius:var(--r-lg) !important;
    padding:var(--sp-8) !important; transition:all .5s var(--ease) !important;
    position:relative !important; overflow:hidden !important;
    display:flex !important; flex-direction:column !important; gap:var(--sp-4) !important;
}
.whyUs-div::before {
    content:'' !important; position:absolute !important; top:0 !important; left:0 !important; right:0 !important;
    height:3px !important; background:linear-gradient(90deg,var(--c-teal),var(--c-accent-l)) !important;
    transform:scaleX(0) !important; transition:transform .5s var(--ease) !important; transform-origin:left !important;
}
.whyUs-div:hover {
    background:rgba(255,255,255,.1) !important; transform:translateY(-6px) !important;
    box-shadow:0 20px 40px rgba(0,0,0,.2) !important; border-color:rgba(13,148,136,.2) !important;
}
.whyUs-div:hover::before { transform:scaleX(1) !important; }

.whyUs-icon {
    width:48px; height:48px; border-radius:var(--r-sm);
    background:linear-gradient(135deg,rgba(13,148,136,.2),rgba(13,148,136,.08));
    display:flex; align-items:center; justify-content:center;
    color:var(--c-teal); flex-shrink:0; transition:all .4s var(--ease);
}
.whyUs-icon svg { width:24px; height:24px; }
.whyUs-div:hover .whyUs-icon { background:linear-gradient(135deg,rgba(13,148,136,.35),rgba(13,148,136,.15)); transform:scale(1.05); }
.whyUs-div img { display:none !important; }
.whyUs-div h6 { font-size:var(--fs-lg) !important; line-height:1.3 !important; color:var(--c-white) !important; font-family:'Gilroy-SemiBold',sans-serif !important; margin:0 !important; }
.whyUs-desc { font-size:var(--fs-sm) !important; line-height:1.6 !important; color:rgba(255,255,255,.5) !important; margin:0 !important; }

/* ====================== Section Headings ====================== */
section h3,section h5:not(.whyUs-section h5),section h4,.news-section h3 {
    font-family:'Gilroy-Bold',sans-serif !important; color:var(--c-text) !important;
    font-size:clamp(var(--fs-3xl),4vw,var(--fs-5xl)) !important;
    letter-spacing:-0.03em !important; margin-bottom:var(--sp-12) !important;
    position:relative !important; display:inline-block !important; width:100% !important;
}
section h3::after,section h5:not(.whyUs-section h5)::after,section h4::after,.news-section h3::after {
    content:''; position:absolute; bottom:-8px; left:0; width:48px; height:3px;
    background:linear-gradient(90deg,var(--c-teal),var(--c-accent-l)); border-radius:3px;
}

/* ====================== NEWS CARDS ====================== */
.news-section { margin-top:var(--sp-24) !important; padding:0 !important; background:transparent !important; }
.news-section section { max-width:var(--max-w); margin:0 auto; padding:0 var(--sp-6); }

.news {
    background:var(--c-white) !important; border-radius:var(--r-lg) !important;
    overflow:hidden !important; border:1px solid var(--c-border-l) !important;
    transition:all .5s var(--ease) !important; text-decoration:none !important;
    display:block !important; margin:0 10px !important;
}
.news:hover { transform:translateY(-6px) !important; box-shadow:var(--sh-lg) !important; border-color:var(--c-border) !important; }
.news .news-img { width:100% !important; height:200px !important; object-fit:cover !important; transition:transform .6s var(--ease) !important; }
.news:hover .news-img { transform:scale(1.04) !important; }
.news > div { padding:var(--sp-5) !important; }
.news .news-date { display:flex !important; align-items:center !important; gap:var(--sp-2) !important; margin-bottom:var(--sp-3) !important; }
.news .news-date p { font-size:var(--fs-xs) !important; color:var(--c-text-3) !important; }
.news .gilroy-dark-20 { font-size:var(--fs-md) !important; font-family:'Gilroy-SemiBold',sans-serif !important; color:var(--c-text) !important; margin-bottom:var(--sp-2) !important; line-height:1.4 !important; }

/* Slick dots  consistent */
.slick-dots li button:before { color:var(--c-text-3) !important; font-size:8px !important; opacity:.4 !important; }
.slick-dots li.slick-active button:before { color:var(--c-teal) !important; opacity:1 !important; }

/* ====================== COUNTS / STATS ====================== */
.counts {
    margin-top:var(--sp-24) !important;
    background:linear-gradient(135deg,#0F172A 0%,#14532D 50%,#0D9488 100%) !important;
    padding:var(--sp-20) var(--sp-10) !important; border-radius:var(--r-xl) !important;
    position:relative !important; overflow:hidden !important;
}
.counts::before {
    content:''; position:absolute; top:-60%; right:-15%; width:600px; height:600px;
    background:radial-gradient(circle,rgba(13,148,136,.15) 0%,transparent 70%); border-radius:50%;
    pointer-events:none;
}
.counts::after {
    content:''; position:absolute; bottom:-40%; left:-10%; width:400px; height:400px;
    background:radial-gradient(circle,rgba(245,158,11,.08) 0%,transparent 70%); border-radius:50%;
    pointer-events:none;
}
.count-content {
    display:flex !important; justify-content:center !important; gap:var(--sp-20) !important;
    text-align:center !important; position:relative; z-index:1;
}
.count-content > div {
    position:relative;
    padding:var(--sp-8) var(--sp-10) !important;
    border-radius:var(--r-lg) !important;
    background:rgba(255,255,255,.04) !important;
    backdrop-filter:blur(8px) !important;
    border:1px solid rgba(255,255,255,.06) !important;
    transition:transform .4s var(--ease), background .4s var(--ease) !important;
}
.count-content > div:hover {
    transform:translateY(-4px) !important;
    background:rgba(255,255,255,.08) !important;
}

.gilroy-white-76,.counter-value {
    font-family:'Gilroy-Bold',sans-serif !important;
    font-size:clamp(48px,6vw,76px) !important;
    color:#FFFFFF !important; letter-spacing:-0.04em !important;
    line-height:1 !important; margin-bottom:var(--sp-3) !important;
    text-shadow:0 2px 20px rgba(13,148,136,.3) !important;
}
.gilroy-blue-24 {
    color:rgba(255,255,255,.75) !important; font-size:var(--fs-md) !important;
    font-family:'Gilroy-Medium',sans-serif !important; letter-spacing:0.02em !important;
}
.count-content > div:nth-child(2) { border-left:none !important; border-right:none !important; }

/* ====================== PARTNERS — Flip Cards + Glassmorphism ====================== */
.partners-section {
    margin-top: var(--sp-24) !important;
    padding: var(--sp-16) 0 !important;
    background: linear-gradient(135deg, #0F172A 0%, #1A3A2A 40%, #0F2027 100%) !important;
    position: relative !important;
    overflow: hidden !important;
}
.partners-section::before {
    content: '' !important;
    position: absolute !important;
    top: -180px !important; right: -100px !important;
    width: 500px !important; height: 500px !important;
    background: radial-gradient(circle, rgba(13,148,136,.15) 0%, transparent 70%) !important;
    pointer-events: none !important;
    animation: partnerOrb1 8s ease-in-out infinite alternate !important;
}
.partners-section::after {
    content: '' !important;
    position: absolute !important;
    bottom: -150px !important; left: -80px !important;
    width: 450px !important; height: 450px !important;
    background: radial-gradient(circle, rgba(217,119,6,.1) 0%, transparent 70%) !important;
    pointer-events: none !important;
    animation: partnerOrb2 10s ease-in-out infinite alternate !important;
}
@keyframes partnerOrb1 { 0%{transform:translate(0,0)} 100%{transform:translate(-40px,30px)} }
@keyframes partnerOrb2 { 0%{transform:translate(0,0)} 100%{transform:translate(30px,-40px)} }

/* Section header */
.partners-header {
    text-align: center !important;
    margin-bottom: var(--sp-10) !important;
    position: relative !important;
    z-index: 2 !important;
}
.partners-badge {
    display: inline-block !important;
    background: rgba(13,148,136,.15) !important;
    color: #5EEAD4 !important;
    padding: 6px 20px !important;
    border-radius: var(--r-full) !important;
    font-family: 'Gilroy-Medium', sans-serif !important;
    font-size: var(--fs-xs) !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    margin-bottom: var(--sp-3) !important;
    backdrop-filter: blur(6px) !important;
    -webkit-backdrop-filter: blur(6px) !important;
    border: 1px solid rgba(94,234,212,.15) !important;
}
.partners-title {
    font-family: 'Gilroy', sans-serif !important;
    font-size: var(--fs-3xl) !important;
    font-weight: 700 !important;
    color: #FFFFFF !important;
    margin: 0 !important;
    line-height: 1.2 !important;
}

/* Grid */
.partners {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: var(--sp-6) !important;
    position: relative !important;
    z-index: 2 !important;
    margin-top: 0 !important;
}

/* — Flip Container — */
.partner-flip {
    perspective: 900px !important;
    height: 320px !important;
}
.partner-flip-inner {
    position: relative !important;
    width: 100% !important;
    height: 100% !important;
    transition: transform 0.65s cubic-bezier(.4,.2,.2,1) !important;
    transform-style: preserve-3d !important;
}
.partner-flip:hover .partner-flip-inner {
    transform: rotateY(180deg) !important;
}

/* Shared face */
.partner-front,
.partner-back {
    position: absolute !important;
    inset: 0 !important;
    backface-visibility: hidden !important;
    -webkit-backface-visibility: hidden !important;
    border-radius: 20px !important;
    overflow: hidden !important;
}

/* — FRONT face — glassmorphism */
.partner-front {
    background: rgba(255,255,255,.07) !important;
    backdrop-filter: blur(16px) saturate(140%) !important;
    -webkit-backdrop-filter: blur(16px) saturate(140%) !important;
    border: 1px solid rgba(255,255,255,.12) !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    padding: var(--sp-8) var(--sp-6) !important;
    gap: var(--sp-4) !important;
    text-align: center !important;
}
.partner-front-glow {
    position: absolute !important;
    top: -40% !important; left: -30% !important;
    width: 160% !important; height: 100% !important;
    background: radial-gradient(ellipse at center, rgba(13,148,136,.12) 0%, transparent 70%) !important;
    pointer-events: none !important;
}
.partner-logo {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 110px !important;
    height: 110px !important;
    background: rgba(255,255,255,.1) !important;
    border-radius: 50% !important;
    border: 1px solid rgba(255,255,255,.15) !important;
    padding: 18px !important;
    position: relative !important;
    z-index: 1 !important;
    transition: transform .4s var(--ease), box-shadow .4s var(--ease) !important;
}
.partner-flip:hover .partner-logo {
    transform: scale(1.08) !important;
    box-shadow: 0 0 24px rgba(13,148,136,.25) !important;
}
.partner-logo img {
    max-height: 52px !important;
    max-width: 80px !important;
    object-fit: contain !important;
    filter: brightness(0) invert(1) !important;
}
.partner-front-name {
    font-family: 'Gilroy-Medium', sans-serif !important;
    font-size: var(--fs-sm) !important;
    font-weight: 600 !important;
    color: rgba(255,255,255,.85) !important;
    margin: 0 !important;
    line-height: 1.35 !important;
    max-width: 200px !important;
}
.partner-flip-hint {
    font-family: 'Gilroy-Medium', sans-serif !important;
    font-size: 11px !important;
    color: rgba(255,255,255,.35) !important;
    letter-spacing: .5px !important;
    text-transform: uppercase !important;
    margin-top: auto !important;
    transition: opacity .3s ease !important;
}
.partner-flip:hover .partner-flip-hint { opacity: 0 !important; }

/* — BACK face — glassmorphism (teal tint) */
.partner-back {
    background: rgba(13,148,136,.12) !important;
    backdrop-filter: blur(20px) saturate(150%) !important;
    -webkit-backdrop-filter: blur(20px) saturate(150%) !important;
    border: 1px solid rgba(94,234,212,.18) !important;
    transform: rotateY(180deg) !important;
}
.partner-back-content {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    height: 100% !important;
    padding: var(--sp-6) !important;
    gap: var(--sp-4) !important;
}
.partner-contact {
    display: flex !important;
    flex-direction: column !important;
    gap: var(--sp-3) !important;
    flex-grow: 0 !important;
    margin-top: 0 !important;
}
.partner-contact a,
.partner-contact-text {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    font-family: 'Gilroy-Medium', sans-serif !important;
    font-size: 13px !important;
    color: rgba(255,255,255,.8) !important;
    text-decoration: none !important;
    padding: 8px 12px !important;
    border-radius: 10px !important;
    background: rgba(255,255,255,.06) !important;
    border: 1px solid rgba(255,255,255,.08) !important;
    transition: all .25s ease !important;
    line-height: 1.3 !important;
    word-break: break-word !important;
}
.partner-contact a:hover {
    background: rgba(255,255,255,.12) !important;
    border-color: rgba(94,234,212,.25) !important;
    color: #FFFFFF !important;
    transform: translateX(3px) !important;
}
.p-icon {
    font-size: 14px !important;
    color: #5EEAD4 !important;
    flex-shrink: 0 !important;
    width: 18px !important;
    text-align: center !important;
}

/* CTA button on back */
.partner-cta-btn {
    display: block !important;
    text-align: center !important;
    padding: 10px 20px !important;
    background: linear-gradient(135deg, #0D9488, #14532D) !important;
    color: #FFFFFF !important;
    font-family: 'Gilroy-Medium', sans-serif !important;
    font-size: var(--fs-sm) !important;
    font-weight: 600 !important;
    border-radius: var(--r-full) !important;
    text-decoration: none !important;
    transition: all .3s var(--ease) !important;
    letter-spacing: .3px !important;
    border: 1px solid rgba(94,234,212,.2) !important;
    margin-top: auto !important;
}
.partner-cta-btn:hover {
    background: linear-gradient(135deg, #5EEAD4, #0D9488) !important;
    color: #0F172A !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 16px rgba(13,148,136,.35) !important;
}

/* Override old .partner styles that might leak through from style.css */
.partner-flip, .partner-flip * { box-sizing: border-box !important; }

/* Partners responsive */
@media (max-width: 1200px) {
    .partners { grid-template-columns: repeat(2, 1fr) !important; }
    .partner-flip { height: 300px !important; }
}
@media (max-width: 640px) {
    .partners-section { padding: var(--sp-10) 0 !important; }
    .partners { grid-template-columns: 1fr !important; max-width: 340px !important; margin-left: auto !important; margin-right: auto !important; }
    .partner-flip { height: 310px !important; }
    .partners-title { font-size: var(--fs-2xl) !important; }
}
/* Touch devices: tap to flip */
@media (hover: none) {
    .partner-flip-inner { transition: transform 0.5s ease !important; }
    .partner-flip.flipped .partner-flip-inner { transform: rotateY(180deg) !important; }
}

/* ====================== REVIEWS ====================== */
.reviews-container {
    margin-top:var(--sp-24) !important; padding:var(--sp-16) var(--sp-6) !important;
    background:var(--c-bg-sage) !important; background-image:none !important;
}
.reviews-header {
    display:flex !important; align-items:center !important; justify-content:space-between !important;
    max-width:1440px !important; margin:0 auto var(--sp-8) !important; padding:0 10px !important;
}
.reviews-header h3 { margin:0 !important; }
#review-btns {
    display:flex !important; align-items:center !important; gap:var(--sp-3) !important;
}
#review-btns .slick-prev,
#review-btns .slick-next {
    position:static !important;
    width:44px !important; height:44px !important;
    border-radius:50% !important;
    background:var(--c-white) !important;
    border:1px solid var(--c-border) !important;
    display:flex !important; align-items:center !important; justify-content:center !important;
    cursor:pointer !important;
    transition:all .3s var(--ease) !important;
    box-shadow:var(--sh-sm) !important;
    padding:0 !important;
    font-size:0 !important; color:transparent !important;
    transform:none !important;
    top:auto !important; left:auto !important; right:auto !important;
}
#review-btns .slick-prev img,
#review-btns .slick-next img {
    width:20px !important; height:20px !important;
    opacity:.6 !important;
    transition:opacity .3s ease !important;
}
#review-btns .slick-prev img {
    transform:rotate(180deg) !important;
}
#review-btns .slick-prev:hover,
#review-btns .slick-next:hover {
    background:var(--c-primary) !important;
    border-color:var(--c-primary) !important;
    box-shadow:var(--sh-md) !important;
    transform:none !important;
}
#review-btns .slick-prev:hover img,
#review-btns .slick-next:hover img {
    opacity:1 !important;
    filter:brightness(0) invert(1) !important;
}
#review-btns .slick-prev::before,
#review-btns .slick-next::before {
    display:none !important;
}

/* Equal-height review cards */
.reviews .slick-track {
    display:flex !important;
}
.reviews .slick-slide {
    height:auto !important;
    display:flex !important;
}
.reviews .slick-slide > div {
    display:flex !important;
    width:100% !important;
}
.review {
    background:var(--c-white) !important; border-radius:var(--r-lg) !important;
    padding:var(--sp-8) !important; margin:0 10px !important;
    border:1px solid var(--c-border-l) !important; transition:all .4s var(--ease) !important;
    display:flex !important; flex-direction:column !important;
    height:auto !important; flex:1 !important;
}
.review:hover { box-shadow:var(--sh-md) !important; }
.review-author { display:flex !important; align-items:center !important; gap:var(--sp-4) !important; margin-bottom:var(--sp-4) !important; }
.author-img { width:44px !important; height:44px !important; border-radius:50% !important; object-fit:cover !important; }
.name-stars p { font-family:'Gilroy-SemiBold',sans-serif !important; font-size:var(--fs-md) !important; color:var(--c-text) !important; }
.stars { display:flex !important; gap:2px !important; }
.stars img { width:14px !important; height:14px !important; }
.review-txt { font-size:var(--fs-sm) !important; color:var(--c-text-2) !important; line-height:1.7 !important; margin-top:auto !important; }

/* ====================== FAQ ====================== */
#faqs { margin-top:var(--sp-24) !important; margin-bottom:var(--sp-16) !important; }
#faqs h4 { margin-bottom:var(--sp-10) !important; }

.accordion {
    background:var(--c-white) !important; border:1px solid var(--c-border-l) !important;
    border-radius:var(--r-md) !important; margin-bottom:var(--sp-3) !important;
    padding:var(--sp-5) var(--sp-6) !important; cursor:pointer !important;
    transition:border-color .3s ease, box-shadow .3s ease, padding .3s ease !important;
}
.accordion:hover { border-color:var(--c-border) !important; box-shadow:var(--sh-sm) !important; }
.accordion.faq-open { padding-bottom:var(--sp-6) !important; }

.dropdown { display:flex !important; justify-content:space-between !important; align-items:center !important; }
.dropdown p { font-family:'Gilroy-SemiBold',sans-serif !important; font-size:var(--fs-md) !important; color:var(--c-text) !important; }
.dropdown > div { font-size:24px !important; color:var(--c-teal) !important; font-weight:300 !important; transition:transform .3s var(--ease) !important; }
.dropdown.active > div { transform:rotate(45deg) !important; }

.panel { overflow:hidden !important; max-height:0; opacity:0; transition:max-height .35s cubic-bezier(.4,0,.2,1), opacity .3s cubic-bezier(.4,0,.2,1) !important; }
.accordion.faq-open .panel { opacity:1; }

.dropdown-content { padding-top:var(--sp-4) !important; font-size:var(--fs-sm) !important; line-height:1.7 !important; color:var(--c-text-2) !important; }

/* ====================== DOCTORS PAGE ====================== */
.doctors-section { padding-top:var(--sp-12) !important; padding-bottom:var(--sp-16) !important; }

.search-title {
    display:flex !important; justify-content:space-between !important; align-items:center !important;
    margin-bottom:var(--sp-12) !important; flex-wrap:wrap !important; gap:var(--sp-6) !important;
}
.search-title .gilroy-dark-48 { margin-bottom:0 !important; position:relative !important; }

.search-box {
    display:flex !important; align-items:center !important; border-radius:var(--r-full) !important;
    overflow:visible !important; border:1.5px solid var(--c-border) !important;
    background:var(--c-white) !important; transition:all .3s var(--ease) !important; box-shadow:var(--sh-xs) !important;
    max-width:360px !important; width:auto !important; position:relative !important;
}
.search-box:focus-within { border-color:var(--c-teal) !important; box-shadow:0 0 0 4px var(--c-teal-soft) !important; }
.search-input {
    border:none !important; border-radius:var(--r-full) 0 0 var(--r-full) !important;
    padding:12px 20px !important; font-size:var(--fs-sm) !important;
    color:var(--c-text) !important; background:transparent !important; outline:none !important;
    width:220px !important; min-width:0 !important; font-family:'Gilroy-Regular',sans-serif !important;
    box-sizing:border-box !important;
}
.search-button {
    background:var(--c-primary) !important; border:none !important; padding:12px 20px !important;
    cursor:pointer !important; display:flex !important; align-items:center !important;
    transition:background .3s var(--ease) !important;
    border-radius:0 var(--r-full) var(--r-full) 0 !important; flex-shrink:0 !important;
}
.search-button:hover { background:var(--c-teal) !important; }
.search-button img { filter:brightness(10) !important; width:18px !important; height:18px !important; }

.doctors-container { display:grid !important; grid-template-columns:repeat(auto-fill,minmax(260px,1fr)) !important; gap:var(--sp-6) !important; }

.doctor {
    background:var(--c-white) !important; border-radius:var(--r-lg) !important;
    overflow:hidden !important; border:1px solid var(--c-border-l) !important;
    transition:all .5s var(--ease) !important; animation:cardReveal .6s var(--ease-out) both;
}
@keyframes cardReveal { from{opacity:0;transform:translateY(24px)} to{opacity:1;transform:translateY(0)} }
.doctor:nth-child(1){animation-delay:.05s} .doctor:nth-child(2){animation-delay:.1s}
.doctor:nth-child(3){animation-delay:.15s} .doctor:nth-child(4){animation-delay:.2s}
.doctor:nth-child(5){animation-delay:.25s} .doctor:nth-child(6){animation-delay:.3s}
.doctor:nth-child(7){animation-delay:.35s} .doctor:nth-child(8){animation-delay:.4s}
.doctor:nth-child(n+9){animation-delay:.45s}
.doctor:hover { transform:translateY(-8px) !important; box-shadow:var(--sh-lg) !important; border-color:transparent !important; }
.doctor .frame { display:none !important; }
.doctor img { width:100% !important; aspect-ratio:3/4 !important; object-fit:cover !important; transition:transform .6s var(--ease) !important; }
.doctor:hover img { transform:scale(1.04) !important; }
.dr-info { padding:var(--sp-5) var(--sp-5) var(--sp-6) !important; }
.dr-name { font-family:'Gilroy-SemiBold',sans-serif !important; font-size:var(--fs-md) !important; color:var(--c-text) !important; margin-bottom:var(--sp-1) !important; }
.dr-pos { font-size:var(--fs-sm) !important; color:var(--c-text-3) !important; margin-bottom:var(--sp-4) !important; }
.dr-info button {
    background:var(--c-bg-sage) !important; color:var(--c-primary) !important;
    border:none !important; padding:8px 20px !important; border-radius:var(--r-full) !important;
    font-family:'Gilroy-Medium',sans-serif !important; font-size:var(--fs-xs) !important;
    cursor:pointer !important; transition:all .3s var(--ease) !important;
}
.dr-info button:hover { background:var(--c-primary) !important; color:var(--c-white) !important; transform:translateY(-1px) !important; }

/* ====================== ABOUT PAGE ====================== */
.about-us { padding-top:var(--sp-12) !important; padding-bottom:var(--sp-16) !important; }
.abt-title { margin-top:var(--sp-12) !important; margin-bottom:var(--sp-6) !important; }

.history,.history-reverse {
    display:grid !important; grid-template-columns:1fr 1fr !important;
    gap:var(--sp-8) !important; align-items:center !important; margin-bottom:var(--sp-10) !important;
}
.history-reverse { direction:rtl !important; }
.history-reverse > * { direction:ltr !important; }
.history img,.history-reverse img {
    border-radius:var(--r-lg) !important; width:100% !important; object-fit:cover !important;
    transition:all .5s var(--ease) !important; box-shadow:var(--sh-sm) !important;
}
.history:hover img,.history-reverse:hover img { transform:scale(1.02) !important; box-shadow:var(--sh-md) !important; }

.achivement-container {
    margin-top:var(--sp-16) !important; padding:var(--sp-10) !important;
    background:var(--c-bg-sage) !important; border-radius:var(--r-xl) !important;
}

/* ====================== FORMS  Contact & Appointment ====================== */
.contact-us { padding-top:var(--sp-12) !important; padding-bottom:var(--sp-16) !important; }
.contact-us .gilroy-dark-48 { text-align:center !important; width:100% !important; margin-bottom:var(--sp-10) !important; }

.appointment {
    background:var(--c-white) !important; border-radius:var(--r-xl) !important;
    padding:var(--sp-12) !important; border:1px solid var(--c-border-l) !important;
    box-shadow:var(--sh-sm) !important; max-width:1000px !important; margin:0 auto !important;
}
.columned-inputs { display:grid !important; grid-template-columns:1fr 1fr !important; gap:var(--sp-5) !important; }
.input-box { display:flex !important; flex-direction:column !important; gap:var(--sp-2) !important; margin-top:0 !important; }
.input-box label { font-family:'Gilroy-Medium',sans-serif !important; font-size:var(--fs-sm) !important; color:var(--c-text-2) !important; }

.input-box input,.appointment textarea,.doctor-select {
    width:100% !important; border:1.5px solid var(--c-border) !important;
    border-radius:var(--r-sm) !important; padding:14px 18px !important;
    font-family:'Gilroy-Regular',sans-serif !important; font-size:var(--fs-md) !important;
    color:var(--c-text) !important; background:var(--c-bg) !important;
    transition:all .3s var(--ease) !important; outline:none !important;
}
.input-box input:focus,.appointment textarea:focus,.doctor-select:focus {
    border-color:var(--c-teal) !important; box-shadow:0 0 0 4px var(--c-teal-soft) !important;
    background:var(--c-white) !important;
}
.input-box input::placeholder,.appointment textarea::placeholder { color:var(--c-text-3) !important; }

.doctor-select {
    appearance:none !important; -webkit-appearance:none !important; cursor:pointer !important;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239CA3AF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") !important;
    background-repeat:no-repeat !important; background-position:right 16px center !important;
    background-size:16px !important; padding-right:44px !important;
}

.appointment textarea { resize:vertical !important; min-height:120px !important; }

.submit {
    display:inline-flex !important; align-items:center !important; gap:var(--sp-3) !important;
    background:var(--c-primary) !important; color:var(--c-white) !important;
    border:none !important; padding:16px 36px !important; border-radius:var(--r-full) !important;
    font-family:'Gilroy-SemiBold',sans-serif !important; font-size:var(--fs-md) !important;
    cursor:pointer !important; transition:all .4s var(--ease) !important; margin-top:var(--sp-6) !important;
}
.submit svg path { fill:var(--c-white) !important; }
.submit:hover { background:var(--c-teal) !important; transform:translateY(-2px) !important; box-shadow:0 8px 25px rgba(13,148,136,.3) !important; }

/* Toast */
.form-toast {
    border-radius:var(--r-md) !important; font-family:'Gilroy-Medium',sans-serif !important;
    font-size:var(--fs-sm) !important; padding:14px 24px !important; text-align:center !important;
    max-width:500px !important; margin:var(--sp-6) auto 0 !important;
}
.form-toast.is-success { background:var(--c-bg-sage) !important; color:var(--c-primary) !important; border:1px solid rgba(13,148,136,.2) !important; }
.form-toast.is-error { background:#FEF2F2 !important; color:#DC2626 !important; border:1px solid rgba(220,38,38,.15) !important; }

/* ====================== MAP ====================== */
.map-section { margin-top:var(--sp-12) !important; }
.map-card { border-radius:var(--r-xl) !important; overflow:hidden !important; box-shadow:var(--sh-md) !important; border:1px solid var(--c-border-l) !important; }
.map-embed { width:100% !important; height:400px !important; border:none !important; display:block !important; }

/* ====================== FOOTER ====================== */
footer { background:var(--c-dark) !important; margin-top:var(--sp-24) !important; }
.footer-main { padding:var(--sp-16) var(--sp-6) var(--sp-10) !important; }
.footer-grid {
    max-width:var(--max-w) !important; margin:0 auto !important;
    display:grid !important; grid-template-columns:1.5fr 1fr 1fr 1.2fr !important; gap:var(--sp-10) !important;
}
.footer-logo-link { display:flex !important; align-items:center !important; gap:var(--sp-3) !important; text-decoration:none !important; margin-bottom:var(--sp-5) !important; }
.footer-logo-img { height:40px !important; }
.footer-logo-text { color:var(--c-white) !important; font-family:'Gilroy-Bold',sans-serif !important; font-size:var(--fs-lg) !important; }
.footer-tagline { color:rgba(255,255,255,.5) !important; font-size:var(--fs-sm) !important; line-height:1.7 !important; margin-bottom:var(--sp-6) !important; }
.footer-social { display:flex !important; gap:var(--sp-3) !important; }
.footer-social a {
    width:40px !important; height:40px !important; border-radius:var(--r-sm) !important;
    background:rgba(255,255,255,.06) !important; border:1px solid rgba(255,255,255,.08) !important;
    display:flex !important; align-items:center !important; justify-content:center !important;
    color:rgba(255,255,255,.6) !important; transition:all .3s var(--ease) !important;
}
.footer-social a:hover { background:var(--c-teal) !important; border-color:var(--c-teal) !important; color:var(--c-white) !important; transform:translateY(-2px) !important; }
.footer-heading { color:var(--c-white) !important; font-family:'Gilroy-SemiBold',sans-serif !important; font-size:var(--fs-md) !important; margin-bottom:var(--sp-6) !important; }
.footer-links ul { list-style:none !important; padding:0 !important; margin:0 !important; }
.footer-links ul li { margin-bottom:var(--sp-3) !important; }
.footer-links ul li a {
    color:rgba(255,255,255,.55) !important; font-size:var(--fs-sm) !important;
    text-decoration:none !important; transition:all .3s var(--ease) !important;
    font-family:'Gilroy-Regular',sans-serif !important;
}
.footer-links ul li a:hover { color:var(--c-accent-l) !important; padding-left:4px !important; }
.footer-contact-item {
    display:flex !important; align-items:center !important; gap:var(--sp-3) !important;
    margin-bottom:var(--sp-4) !important; text-decoration:none !important; transition:all .3s var(--ease) !important;
}
.footer-contact-item:hover { transform:translateX(3px) !important; }
.footer-contact-icon {
    width:36px !important; height:36px !important; border-radius:var(--r-sm) !important;
    background:rgba(255,255,255,.06) !important; display:flex !important;
    align-items:center !important; justify-content:center !important; flex-shrink:0 !important;
}
.footer-contact-icon svg { stroke:rgba(255,255,255,.5) !important; }
.footer-contact-item span { color:rgba(255,255,255,.55) !important; font-size:var(--fs-sm) !important; font-family:'Gilroy-Regular',sans-serif !important; }
.footer-contact-item:hover span { color:rgba(255,255,255,.85) !important; }
.footer-cta-btn {
    display:inline-block !important; background:var(--c-accent) !important; color:var(--c-white) !important;
    padding:12px 28px !important; border-radius:var(--r-full) !important;
    font-family:'Gilroy-SemiBold',sans-serif !important; font-size:var(--fs-sm) !important;
    text-decoration:none !important; margin-top:var(--sp-5) !important;
    transition:all .4s var(--ease) !important; animation:none !important;
}
.footer-cta-btn:hover { background:var(--c-accent-l) !important; transform:translateY(-2px) !important; box-shadow:0 8px 25px rgba(217,119,6,.3) !important; }
.footer-bottom { border-top:1px solid rgba(255,255,255,.06) !important; padding:var(--sp-6) !important; }
.footer-bottom-inner { max-width:var(--max-w) !important; margin:0 auto !important; display:flex !important; justify-content:space-between !important; align-items:center !important; }
.footer-bottom p { color:rgba(255,255,255,.35) !important; font-size:var(--fs-xs) !important; font-family:'Gilroy-Regular',sans-serif !important; }

/* AOS fallback in footer */
footer [data-aos] { opacity:1 !important; transform:none !important; transition:none !important; }

/* ====================== VACANCY ====================== */
.vacancy,.career-section .vacancy {
    background:var(--c-white) !important; border:1px solid var(--c-border-l) !important;
    border-radius:var(--r-md) !important; padding:var(--sp-6) !important;
    transition:all .4s var(--ease) !important; position:relative !important; overflow:hidden !important;
}
.vacancy::before {
    content:''; position:absolute; left:0; top:0; bottom:0; width:3px;
    background:linear-gradient(180deg,var(--c-teal),var(--c-accent-l));
    transform:scaleY(0); transition:transform .4s var(--ease); transform-origin:top;
}
.vacancy:hover { box-shadow:var(--sh-md) !important; }
.vacancy:hover::before { transform:scaleY(1); }

/* ====================== PRICES ====================== */
.price {
    background:var(--c-white) !important; border:1px solid var(--c-border-l) !important;
    border-radius:var(--r-md) !important; overflow:hidden !important; transition:all .4s var(--ease) !important;
}
.price:hover { box-shadow:var(--sh-md) !important; transform:translateY(-2px) !important; }

/* ====================== Scroll Progress ====================== */
.scroll-progress {
    position:fixed; top:0; left:0; height:3px;
    background:linear-gradient(90deg,var(--c-teal),var(--c-accent-l));
    z-index:10000; transition:width .1s linear; border-radius:0 2px 2px 0;
}

/* ====================== Reveal Animations ====================== */
.reveal { opacity:0; transform:translateY(30px); transition:opacity .7s var(--ease-out),transform .7s var(--ease-out); }
.reveal.revealed { opacity:1; transform:translateY(0); }

/* ====================== Hamburger ====================== */
#menu-opener { display:none !important; }

/* ====================== RESPONSIVE ====================== */
@media (max-width:1080px) {
    nav { padding:14px 24px !important; }
    .hero { padding:60px 48px !important; }
    .why-us-wrapper { grid-template-columns:repeat(2,1fr) !important; }
    .footer-grid { grid-template-columns:1fr 1fr !important; gap:var(--sp-8) !important; }
    .count-content { gap:var(--sp-10) !important; }

    .nav-ul {
        position:fixed !important; top:0 !important; right:-100% !important;
        width:300px !important; height:100vh !important;
        background:rgba(15,23,42,.97) !important; backdrop-filter:blur(20px) !important;
        flex-direction:column !important; padding:80px 32px 40px !important;
        gap:var(--sp-2) !important; transition:right .4s var(--ease) !important; z-index:999 !important;
    }
    .nav-ul.openMenu { right:0 !important; }
    .nav-ul a li { color:rgba(255,255,255,.8) !important; font-size:var(--fs-lg) !important; padding:12px 0 !important; border-radius:0 !important; }
    .nav-ul a:hover li { color:var(--c-accent-l) !important; background:transparent !important; }
    #menu-opener { display:block !important; z-index:1001 !important; }
}

@media (max-width:768px) {
    .hero { padding:48px 24px !important; min-height:380px !important; max-height:none !important; }
    .hero h1 { font-size:32px !important; }
    .whyUs-section { padding:var(--sp-10) var(--sp-6) !important; border-radius:var(--r-lg) !important; }
    .why-us-wrapper { grid-template-columns:1fr !important; gap:var(--sp-4) !important; }
    .counts { padding:var(--sp-12) var(--sp-6) !important; }
    .count-content { flex-direction:column !important; align-items:center !important; gap:var(--sp-8) !important; }
    .gilroy-white-76,.counter-value { font-size:var(--fs-5xl) !important; }
    .footer-grid { grid-template-columns:1fr !important; }
    .footer-bottom-inner { flex-direction:column !important; gap:var(--sp-2) !important; text-align:center !important; }
    .columned-inputs { grid-template-columns:1fr !important; }
    .appointment { padding:var(--sp-6) !important; }
    .history,.history-reverse { grid-template-columns:1fr !important; }
    .history-reverse { direction:ltr !important; }
    .news-section,.reviews-container,.counts,#faqs,.whyUs-section { margin-top:var(--sp-16) !important; }
    .working-time { flex-direction:column !important; gap:var(--sp-4) !important; align-items:flex-start !important; }
    .working-time a, .working-time button { margin-left:0 !important; }
    .hero-clicks { gap:var(--sp-5) !important; max-width:none !important; }
    .search-title { flex-direction:column !important; align-items:flex-start !important; }
    .search-input { width:160px !important; }
    .search-box { max-width:100% !important; }
}

@media (max-width:480px) {
    .hero { padding:40px 20px !important; min-height:340px !important; }
    .hero h1 { font-size:26px !important; }
    .hero-btns { flex-direction:column !important; }
    .hero-btns button { width:100% !important; }
    .whyUs-div { padding:var(--sp-6) !important; }
}

@media print {
    header,footer,.form-toast,.scroll-progress { display:none !important; }
    body { background:white !important; }
    .hero { min-height:auto !important; padding:20px !important; }
}

@media (prefers-reduced-motion:reduce) {
    *,*::before,*::after { animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; }
    .reveal { opacity:1 !important; transform:none !important; }
    .doctor { animation:none !important; opacity:1 !important; transform:none !important; }
}

/* ====================== Additional Overrides (style.css conflicts) ====================== */

/* App button — override base outline style */
.app-button { outline:none !important; text-transform:none !important; }

/* Hero buttons — override base font-size, box-shadow, border-radius */
.hero-btns button {
    font-family:'Gilroy-SemiBold',sans-serif !important;
    font-size:var(--fs-md) !important; line-height:1.4 !important;
    border-radius:var(--r-full) !important; box-shadow:none !important;
}

/* Working time text — override base blue color for white (dark hero bg) */
.working-time div p { color:rgba(255,255,255,.8) !important; }
.working-time div { display:grid !important; gap:6px; }

/* Slick arrows — hide for cleaner look, use dots only */
.hero-section .slick-arrow { display:none !important; }
.hero-section .slick-dots li {
    width:12px !important; height:12px !important; border:2px solid rgba(255,255,255,.3) !important;
    border-radius:var(--r-full) !important; background:transparent !important;
}
.hero-section .slick-dots li.slick-active {
    background:var(--c-accent-l) !important; border-color:var(--c-accent-l) !important;
    width:28px !important; border-radius:8px !important;
}

/* Global h4/h5 — override base uppercase, line-height */
h4 { text-transform:none !important; line-height:1.2 !important; }
h5 { line-height:1.2 !important; }

/* Counts — use solid gradient (not background-image) so it overrides style.css cleanly */
.counts { background:#0F172A !important; }

/* News section — consistent spacing */
.news-section { margin-bottom:0 !important; }

/* Centers of excellence (if visible) */
.centers-excellence { margin-top:var(--sp-24) !important; }
.excellence-center {
    border-radius:var(--r-lg) !important; border:1px solid var(--c-border-l) !important;
    box-shadow:var(--sh-sm) !important; transition:all .4s var(--ease) !important;
}
.excellence-center:hover { margin-top:0 !important; transform:translateY(-8px) !important; box-shadow:var(--sh-lg) !important; }

/* Blog pages */
.blog-section { padding-top:var(--sp-12) !important; }
.blog-card {
    background:var(--c-white) !important; border:1px solid var(--c-border-l) !important;
    border-radius:var(--r-lg) !important; overflow:hidden !important;
    transition:all .4s var(--ease) !important;
}
.blog-card:hover { transform:translateY(-4px) !important; box-shadow:var(--sh-lg) !important; }

/* Services page */
.services-page { padding-top:var(--sp-12) !important; padding-bottom:var(--sp-16) !important; }
.service-card {
    background:var(--c-white) !important; border:1px solid var(--c-border-l) !important;
    border-radius:var(--r-lg) !important; padding:var(--sp-8) !important;
    transition:all .5s var(--ease) !important;
}
.service-card:hover { transform:translateY(-4px) !important; box-shadow:var(--sh-lg) !important; }

/* Corporate news */
.corporate-section { margin-top:var(--sp-24) !important; }

/* Review stars — golden color */
.stars img { filter:none !important; }

/* (old generic .reviews .slick-arrow rules removed — arrows now use #review-btns) */

/* Hero second slide different bg */
.hero:nth-child(2) { background-image:url(imgs/hero-2.png) !important; }

/* Remove old bg-image from whyUs */
.whyUs-section { background-image:none !important; }

/* Ensure container max-width for non-container sections */
.reviews-container > *:not(.slick-slider) { max-width:var(--max-w); margin-left:auto; margin-right:auto; padding:0 var(--sp-6); }

/* global link reset */
a { color:inherit; }
a:hover { text-decoration:none; }

/* Doctor page single view */
.doctor-single { padding-top:var(--sp-12) !important; padding-bottom:var(--sp-16) !important; }
.doctor-single img { border-radius:var(--r-lg) !important; }

/* Services/Departments grid */
.departments-grid,.services-grid {
    display:grid !important; grid-template-columns:repeat(auto-fill,minmax(280px,1fr)) !important;
    gap:var(--sp-6) !important;
}

/* Loading state */
.loading-skeleton {
    background:linear-gradient(90deg,var(--c-bg-alt) 25%,var(--c-bg) 50%,var(--c-bg-alt) 75%);
    background-size:200% 100%; animation:shimmer 1.5s infinite;
}
@keyframes shimmer { to { background-position:-200% 0; } }

/* ====================== DEPARTMENTS PAGE ====================== */
.departments-section { padding-top:var(--sp-12) !important; padding-bottom:var(--sp-16) !important; }

.departments-container {
    display:flex !important; flex-direction:column !important; gap:0 !important;
    max-width:900px !important; margin:var(--sp-8) auto 0 !important;
}

.departments { display:block !important; }
.departments a { text-decoration:none !important; display:block !important; }

.department {
    padding:var(--sp-5) var(--sp-6) !important;
    display:flex !important; align-items:center !important; justify-content:space-between !important;
    border-bottom:1px solid var(--c-border-l) !important;
    background:transparent !important; transition:all .4s var(--ease) !important;
    border-radius:0 !important; position:relative !important;
}

.department::after {
    content:''; position:absolute; left:0; bottom:-1px; width:0; height:2px;
    background:linear-gradient(90deg,var(--c-teal),var(--c-accent-l));
    transition:width .4s var(--ease);
}

.department:hover {
    background:var(--c-bg-sage) !important; box-shadow:none !important;
    padding-left:var(--sp-8) !important;
}
.department:hover::after { width:100%; }

.department p {
    font-family:'Gilroy-Medium',sans-serif !important; font-size:var(--fs-lg) !important;
    color:var(--c-text) !important; transition:color .3s var(--ease) !important;
}
.department:hover p { color:var(--c-primary) !important; }

.department svg { width:28px !important; height:28px !important; transition:transform .3s var(--ease) !important; }
.department:hover svg { transform:translateX(4px) !important; }
.department svg path { fill:var(--c-text-3) !important; transition:fill .3s var(--ease) !important; }
.department:hover svg path { fill:var(--c-teal) !important; }

/* ====================== SERVICE DETAIL PAGE ====================== */
.service-page {
    display:flex !important; flex-direction:column !important;
    margin:var(--sp-12) 0 var(--sp-16) !important; gap:var(--sp-10) !important;
}

.serviceName {
    display:flex !important; align-items:center !important; gap:var(--sp-5) !important;
}
.serviceName svg { width:28px !important; height:28px !important; transition:transform .3s var(--ease) !important; }
.serviceName svg path { fill:var(--c-text-2) !important; }
.serviceName a:hover svg { transform:translateX(-4px) !important; }
.serviceName a:hover svg path { fill:var(--c-teal) !important; }
.serviceName h2 { font-family:'Gilroy-Bold',sans-serif !important; font-size:clamp(var(--fs-3xl),4vw,var(--fs-5xl)) !important; color:var(--c-text) !important; letter-spacing:-0.03em !important; }

.service-info {
    display:grid !important; grid-template-columns:1fr 1fr !important;
    gap:var(--sp-10) !important; align-items:flex-start !important;
}
.service-info img {
    width:100% !important; max-width:none !important;
    border-radius:var(--r-lg) !important; box-shadow:var(--sh-md) !important;
}
.service-info p { font-size:var(--fs-md) !important; line-height:1.8 !important; color:var(--c-text-2) !important; }

/* ====================== PRICES PAGE ====================== */
.prices-container {
    display:flex !important; flex-direction:column !important; gap:0 !important;
    max-width:900px !important; margin:var(--sp-8) auto 0 !important;
}

.price {
    display:flex !important; align-items:center !important; justify-content:space-between !important;
    padding:var(--sp-5) var(--sp-6) !important;
    border-bottom:1px solid var(--c-border-l) !important;
    background:transparent !important; border-radius:0 !important;
    transition:all .3s var(--ease) !important;
}
.price:hover { background:var(--c-bg-sage) !important; padding-left:var(--sp-8) !important; }

.price p:first-child {
    font-family:'Gilroy-Medium',sans-serif !important; font-size:var(--fs-md) !important;
    color:var(--c-text) !important;
}
.price p:last-child {
    font-family:'Gilroy-Bold',sans-serif !important; font-size:var(--fs-lg) !important;
    color:var(--c-primary) !important; white-space:nowrap !important;
}

/* ====================== CAREER / VACANCY PAGE ====================== */
.career-section { padding:var(--sp-12) 0 var(--sp-16) !important; }

.popup-container {
    position:fixed !important; inset:0 !important; background:rgba(15,23,42,.6) !important;
    backdrop-filter:blur(8px) !important; z-index:9999 !important;
    display:flex !important; align-items:center !important; justify-content:center !important;
}
.popup-container.hidden { display:none !important; }

.popup {
    background:var(--c-white) !important; border-radius:var(--r-xl) !important;
    padding:var(--sp-10) !important; max-width:600px !important; width:90% !important;
    max-height:90vh !important; overflow-y:auto !important; box-shadow:var(--sh-xl) !important;
}
.popup-title { display:flex !important; justify-content:space-between !important; align-items:center !important; margin-bottom:var(--sp-6) !important; }
.popup-title p { font-family:'Gilroy-Bold',sans-serif !important; font-size:var(--fs-2xl) !important; color:var(--c-text) !important; }
.popup-title button { background:none !important; border:none !important; cursor:pointer !important; padding:8px !important; border-radius:var(--r-sm) !important; transition:background .2s !important; }
.popup-title button:hover { background:var(--c-bg-alt) !important; }

.popup form label { font-family:'Gilroy-Medium',sans-serif !important; font-size:var(--fs-sm) !important; color:var(--c-text-2) !important; }
.popup form input[type="text"],.popup form input[type="tel"],.popup form input[type="number"],.popup form input[type="date"] {
    width:100% !important; border:1.5px solid var(--c-border) !important; border-radius:var(--r-sm) !important;
    padding:12px 16px !important; font-family:'Gilroy-Regular',sans-serif !important; font-size:var(--fs-md) !important;
    color:var(--c-text) !important; background:var(--c-bg) !important; outline:none !important;
    transition:all .3s var(--ease) !important;
}
.popup form input:focus { border-color:var(--c-teal) !important; box-shadow:0 0 0 4px var(--c-teal-soft) !important; }

.vacancy-item,.career-vacancy {
    background:var(--c-white) !important; border:1px solid var(--c-border-l) !important;
    border-radius:var(--r-md) !important; padding:var(--sp-6) !important;
    transition:all .4s var(--ease) !important; margin-bottom:var(--sp-4) !important;
}
.vacancy-item:hover,.career-vacancy:hover { box-shadow:var(--sh-md) !important; border-color:var(--c-border) !important; }

/* ====================== BLOG SINGLE PAGE ====================== */
.blog-container,.new-container {
    max-width:800px !important; margin:0 auto !important;
    padding:var(--sp-12) var(--sp-6) !important;
}
.blog-container img,.new-container img {
    border-radius:var(--r-lg) !important; width:100% !important;
    margin:var(--sp-6) 0 !important;
}
.blog-container h1,.blog-container h2,.new-container h1,.new-container h2 {
    font-family:'Gilroy-Bold',sans-serif !important; color:var(--c-text) !important;
    letter-spacing:-0.02em !important;
}
.blog-container p,.new-container p {
    font-size:var(--fs-md) !important; line-height:1.8 !important; color:var(--c-text-2) !important;
}

/* ====================== RESPONSIVE — Additional ====================== */
@media (max-width:768px) {
    .service-info { grid-template-columns:1fr !important; }
    .department p { font-size:var(--fs-md) !important; }
    .serviceName h2 { font-size:var(--fs-2xl) !important; }
    .doctor-content { grid-template-columns:1fr !important; }
    .doctor-txt .dr-name { font-size:var(--fs-2xl) !important; }
}

@media (max-width:480px) {
    .department { padding:var(--sp-4) var(--sp-3) !important; }
    .price { padding:var(--sp-4) var(--sp-3) !important; }
    .price p:first-child { font-size:var(--fs-sm) !important; }
}

/* ====================== DOCTOR SINGLE PAGE ====================== */
.doctor-content {
    display:grid !important; grid-template-columns:380px 1fr !important;
    align-items:flex-start !important; gap:var(--sp-10) !important;
    padding:var(--sp-12) 0 var(--sp-16) !important;
}

.doctor-content .doctor {
    background:transparent !important; border:none !important;
    border-radius:0 !important; overflow:visible !important;
    animation:none !important;
}
.doctor-content .doctor:hover { transform:none !important; box-shadow:none !important; }

.frame-2 { display:none !important; }

.doctor-image {
    width:100% !important; border-radius:var(--r-lg) !important;
    box-shadow:var(--sh-lg) !important; aspect-ratio:auto !important;
}

.doctor-txt .dr-name {
    font-family:'Gilroy-Bold',sans-serif !important;
    font-size:clamp(var(--fs-2xl),3vw,var(--fs-4xl)) !important;
    color:var(--c-text) !important; line-height:1.2 !important; margin-bottom:var(--sp-2) !important;
}
.doctor-txt .dr-pos {
    font-family:'Gilroy-Medium',sans-serif !important;
    font-size:var(--fs-lg) !important; color:var(--c-teal) !important; margin-bottom:var(--sp-6) !important;
}
.doctor-txt .gilroy-grey-16 {
    color:var(--c-text-2) !important; font-size:var(--fs-md) !important;
    line-height:1.8 !important; margin-top:0 !important;
}

.exp-title {
    display:flex !important; align-items:center !important; gap:var(--sp-5) !important;
    margin-top:var(--sp-10) !important; margin-bottom:var(--sp-5) !important;
}
.exp-title img { display:none !important; }
.exp-title .gilroy-blue-32 {
    position:relative !important; white-space:nowrap !important;
}
.exp-title .gilroy-blue-32::after {
    content:''; position:absolute; bottom:-4px; left:0; width:36px; height:2.5px;
    background:linear-gradient(90deg,var(--c-teal),var(--c-accent-l)); border-radius:3px;
}
.exp-title::before { content:''; flex:1; height:1px; background:var(--c-border); }
.exp-title::after { content:''; flex:1; height:1px; background:var(--c-border); }

.doc-experience p {
    font-size:var(--fs-md) !important; line-height:1.8 !important;
    color:var(--c-text-2) !important;
}

/* ====================== CONTACT INFO SECTION ====================== */
.contact-info-section {
    background:var(--c-bg-sage) !important; border-radius:var(--r-xl) !important;
    padding:var(--sp-10) !important; margin-top:var(--sp-10) !important;
}

/* ====================== NEW/BLOG SINGLE ====================== */
.new-page { padding:var(--sp-12) 0 var(--sp-16) !important; }
.blog-title { font-family:'Gilroy-Bold',sans-serif !important; font-size:clamp(var(--fs-3xl),4vw,var(--fs-5xl)) !important; color:var(--c-text) !important; margin-bottom:var(--sp-6) !important; letter-spacing:-0.03em !important; }
.blog-date { font-size:var(--fs-sm) !important; color:var(--c-text-3) !important; margin-bottom:var(--sp-8) !important; }
.blog-body { font-size:var(--fs-md) !important; line-height:1.9 !important; color:var(--c-text-2) !important; }
.blog-body img { border-radius:var(--r-lg) !important; margin:var(--sp-8) 0 !important; }

/* ====================== NEWS SINGLE PAGE ====================== */
.news-content {
    display:grid !important; grid-template-columns:1fr 340px !important;
    gap:var(--sp-10) !important; max-width:var(--max-w) !important;
    margin:0 auto !important; padding:var(--sp-12) var(--sp-6) var(--sp-16) !important;
}

.main-news { display:flex !important; flex-direction:column !important; gap:var(--sp-6) !important; }

.main-news-img {
    width:100% !important; border-radius:var(--r-lg) !important;
    box-shadow:var(--sh-md) !important; object-fit:cover !important;
}

.news-info { display:flex !important; flex-direction:column !important; gap:var(--sp-4) !important; }

.main-txt { display:flex !important; flex-direction:column !important; gap:var(--sp-4) !important; }
.main-txt .gilroy-dark-32 {
    font-family:'Gilroy-Bold',sans-serif !important;
    font-size:clamp(var(--fs-2xl),3vw,var(--fs-3xl)) !important;
    color:var(--c-text) !important; letter-spacing:-0.02em !important;
}
.main-txt .gilroy-dark-18 { font-size:var(--fs-md) !important; line-height:1.8 !important; color:var(--c-text-2) !important; }

.recent-news {
    display:flex !important; flex-direction:column !important; gap:var(--sp-6) !important;
    position:sticky !important; top:120px !important;
}
.recent-news .gilroy-dark-32 {
    font-family:'Gilroy-Bold',sans-serif !important;
    font-size:var(--fs-xl) !important; color:var(--c-text) !important;
    margin-bottom:var(--sp-2) !important;
}
.recent-news .news { margin:0 !important; }
.recent-news .news .news-img { height:140px !important; }

@media (max-width:768px) {
    .news-content { grid-template-columns:1fr !important; }
    .recent-news { position:static !important; }
}

/* ====================== ICON RECOLORING ====================== */
/* Calendar icon - tint to match teal accent */
img[src*="calendar-blue"] {
    filter: hue-rotate(140deg) saturate(0.7) brightness(1.1) !important;
}

/* ====================== SMOOTH PAGE TRANSITIONS ====================== */
main, .content, .page-content {
    animation: fadeIn 0.5s var(--ease) !important;
}
@keyframes fadeIn {
    from { opacity:0; transform:translateY(12px); }
    to   { opacity:1; transform:translateY(0); }
}

/* ====================== SELECTION STYLING ====================== */
::selection { background:rgba(13,148,136,.2); color:var(--c-text); }
::-moz-selection { background:rgba(13,148,136,.2); color:var(--c-text); }

/* ====================== SCROLLBAR ====================== */
::-webkit-scrollbar { width:8px; }
::-webkit-scrollbar-track { background:var(--c-bg); }
::-webkit-scrollbar-thumb { background:var(--c-border); border-radius:var(--r-full); }
::-webkit-scrollbar-thumb:hover { background:var(--c-text-3); }