/* ============ Reset ============ */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
:root{
    --purple:#7D4BA5;
    --purple-2:#9B6BC4;
    --purple-dark:#5B3680;
    --purple-soft:#F0E7FA;
    --purple-soft-2:#E4D6F2;
    --navy:#2A1F3D;
    --bg:#F5F5F7;
    --white:#FFFFFF;
    --text:#2A2A2A;
    --muted:#757575;
    --line:#EBEBEB;
    --gold:#E5C88B;
    --shadow-sm:0 2px 8px -2px rgba(125,75,165,.08), 0 1px 3px rgba(0,0,0,.04);
      --shadow-md:0 12px 32px -8px rgba(125,75,165,.18), 0 4px 12px -4px rgba(0,0,0,.06);
      --shadow-lg:0 32px 64px -24px rgba(125,75,165,.28), 0 8px 24px -8px rgba(0,0,0,.08);
    --font-display:'Cairo',sans-serif;
    --font-body:'Cairo',sans-serif;
    --ease:cubic-bezier(.22,.61,.36,1);
}
html{scroll-behavior:smooth}
body{font-family:var(--font-body);background:var(--bg);color:var(--text);line-height:1.7;font-weight:400;overflow-x:hidden;-webkit-font-smoothing:antialiased}
a{text-decoration:none;color:inherit;transition:.3s var(--ease)}
img{max-width:100%;display:block}
button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}
input,select,textarea{font-family:inherit}
ul{list-style:none}
.container{width:96%;max-width:1380px;margin:0 auto}

/* ==========================================================
   HEADER
   ========================================================== */
.header{
    background:var(--white);
    box-shadow:0 2px 12px -4px rgba(0,0,0,.06);
    position:relative;
    z-index:1000;
}

/* ============ الصف الأول ============ */
.header-row-1{padding:16px 0;border-bottom:1px solid var(--line)}

.header-row-1-grid{
    display:grid;
    grid-template-columns:auto 1fr auto;
    gap:22px;
    align-items:center;
    padding-inline-start:40px;
}

/* --- يمين: اللوكو (صورة فقط) --- */
.cell-logo{
    display:flex;
    align-items:center;
    gap:18px;
    flex-shrink:0;
}
.logo-link{
    display:flex;
    align-items:center;
    text-decoration:none;
    transition:.3s var(--ease);
}
.logo-link:hover{transform:scale(1.03)}
.logo-img{
    height:62px;
    width:auto;
    max-width:230px;
    object-fit:contain;
    display:block;
    flex-shrink:0;
}
.cell-divider{
    width:1px;
    height:60px;
    background:linear-gradient(180deg,transparent 0%,var(--line) 25%,var(--line) 75%,transparent 100%);
    flex-shrink:0;
    margin-inline-start:14px;
}

/* --- وسط: البحث --- */
.cell-search{display:flex;justify-content:center;min-width:0}
.header-search{position:relative;width:100%;max-width:520px}
.header-search > i{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:var(--purple);font-size:.9rem;pointer-events:none}
.header-search input{width:100%;padding:11px 44px 11px 16px;background:var(--bg);border:1.5px solid transparent;border-radius:50px;font-size:.9rem;color:var(--text);outline:none;transition:.3s var(--ease);font-family:inherit}
.header-search input:focus{background:var(--white);border-color:var(--purple);box-shadow:0 0 0 4px var(--purple-soft)}
.search-results{position:absolute;top:calc(100% + 8px);right:0;left:0;background:var(--white);border-radius:14px;box-shadow:var(--shadow-md);max-height:340px;overflow-y:auto;display:none;z-index:50}
.search-results.show{display:block}
.search-result-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line);font-size:.9rem;cursor:pointer;transition:.2s var(--ease)}
.search-result-item:last-child{border-bottom:0}
.search-result-item:hover{background:var(--purple-soft)}
.search-result-item i{width:32px;height:32px;background:var(--purple-soft);color:var(--purple);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.8rem;flex-shrink:0}
.search-result-item span{color:var(--muted);font-size:.78rem;margin-inline-start:auto}
.search-empty{padding:20px;text-align:center;color:var(--muted);font-size:.85rem}

/* --- يسار: عمود من 3 أسطر --- */
.cell-actions{
    display:flex;
    flex-direction:column;
    gap:8px;
    flex-shrink:0;
    align-items:flex-end;
    padding-inline-end:30px;
}
.cell-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.cell-row-1{gap:12px}
.cell-row-2{gap:8px}
.cell-row-3{gap:0}

/* السوشيال */
.header-social{display:flex;gap:6px;align-items:center}
.header-social a{width:20px;height:20px;border-radius:50%;background:var(--purple-soft);color:var(--purple);display:flex;align-items:center;justify-content:center;font-size:.82rem;transition:.3s var(--ease)}
.header-social a:hover{background:var(--purple);color:var(--white);transform:translateY(-3px)}

/* زر إحجز موعداً */
.btn-book-now{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:var(--purple);color:var(--white);border-radius:50px;font-size:.72rem;font-weight:700;transition:.3s var(--ease);box-shadow:0 8px 20px -8px rgba(125,75,165,.5);white-space:nowrap;text-decoration:none}
.btn-book-now:hover{background:var(--purple-dark);transform:translateY(-2px);box-shadow:0 12px 26px -8px rgba(125,75,165,.6);color:var(--white)}
.btn-book-now i{font-size:.72rem}

/* أزرار الأدوات */
.tool-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;background:var(--purple-soft);color:var(--purple);border-radius:50px;font-size:.68rem;font-weight:600;transition:.3s var(--ease);cursor:pointer;border:none;font-family:inherit;white-space:nowrap}
.tool-btn:hover{background:var(--purple);color:var(--white);transform:translateY(-2px);box-shadow:0 8px 18px -8px rgba(125,75,165,.5)}
.tool-btn i{font-size:.62rem}
.tool-login{background:var(--purple);color:var(--white)}
.tool-login:hover{background:var(--purple-dark)}
.tool-lang .lang-label{font-size:.64rem;letter-spacing:1px;font-weight:700}

/* أيام الدوام */
.header-days-display{display:flex;gap:5px;flex-wrap:wrap;align-items:center;justify-content:flex-end}
.day-chip{padding:2px 7px;border-radius:50px;font-size:.60rem;font-weight:600;background:var(--purple-soft);color:var(--purple);transition:.3s var(--ease);white-space:nowrap}
.day-chip.off{background:#F0F0F0;color:#C4C4C4;text-decoration:line-through;text-decoration-thickness:1.5px}

/* ==========================================================
   النافبار الجديد (خلفية فاتحة + حجم أصغر)
   ========================================================== */
.header-nav{
    background:#F5F5F7;
    padding:6px 0;
    border-top:1px solid var(--line);
    border-bottom:1px solid var(--line);
}
.header-nav-inner{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
}
.nav{
    display:flex;
    gap:2px;
    align-items:center;
    flex-wrap:wrap;
}
.nav-link{
    display:inline-flex;
    align-items:center;
    gap:5px;
    padding:7px 11px;
    color:#4A4A4A;
    font-size:.76rem;
    font-weight:600;
    border-radius:8px;
    transition:.3s var(--ease);
    white-space:nowrap;
    text-decoration:none;
}
.nav-link i{
    font-size:.7rem;
    color:var(--purple);
}
.nav-link:hover,
.nav-link.active{
    background:var(--purple-soft);
    color:var(--purple);
    transform:translateY(-2px);
}
.nav-link:hover i,
.nav-link.active i{
    color:var(--purple-dark);
}

/* قسم الاتصال (الإيميل + الرقم) */
.nav-contact{
    display:flex;
    gap:14px;
    align-items:center;
    flex-shrink:0;
    margin-inline-start:auto;
      padding-inline-end:35px;
}
.nav-contact-item{
    display:flex;
    align-items:center;
    gap:5px;
    color:#4A4A4A;
    font-size:.76rem;
    font-weight:600;
    transition:.3s var(--ease);
    text-decoration:none;
    direction:ltr;
}
.nav-contact-item i{
    color:var(--purple);
    font-size:.78rem;
    flex-shrink:0;
}
.nav-contact-item span{
    direction:ltr;
    unicode-bidi:embed;
}
.nav-contact-item:hover{
    color:var(--purple);
    transform:translateX(-3px);
}

/* ============ Responsive ============ */
@media (max-width:1200px){
    .header-row-1-grid{gap:14px}
    .header-search{max-width:340px}
    .header-social a{width:30px;height:30px;font-size:.75rem}
    .btn-book-now{padding:8px 14px;font-size:.76rem}
    .logo-img{height:50px}
    .day-chip{font-size:.68rem;padding:3px 9px}
}
@media (max-width:1000px){
    .header-row-1-grid{
        grid-template-columns:auto 1fr;
        grid-template-areas:
            "logo search"
            "actions actions";
        gap:14px;
    }
    .cell-logo{grid-area:logo}
    .cell-search{grid-area:search}
    .cell-actions{grid-area:actions;align-items:center;width:100%}
    .cell-row{justify-content:center}
    .cell-divider{display:none}
}
@media (max-width:768px){
    .header-row-1-grid{
        grid-template-columns:1fr;
        grid-template-areas:"logo" "search" "actions";
        text-align:center;
    }
    .cell-logo{justify-content:center}
    .logo-link{flex-direction:column}
    .cell-search{width:100%}
    .header-search{max-width:100%}
    .header-nav-inner{flex-direction:column;gap:12px}
    .nav{justify-content:center}
    .nav-contact{justify-content:center;margin-inline-start:0}
}

/* ============ HERO ============ */
.hero{padding:26px 0 40px !important}
.hero-grid{display:grid;grid-template-columns:1fr 2fr;gap:22px;align-items:stretch}

.doctor-card{background:linear-gradient(160deg,var(--purple-dark) 0%,var(--purple) 100%);border-radius:24px;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-md);position:relative}
.doctor-card-image{position:relative;height:180px;overflow:hidden}
.doctor-card-image img{width:100%;height:100%;object-fit:cover;object-position:center top}
.doctor-card-image::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,var(--purple) 100%)}
.doctor-card-badge{position:absolute;top:14px;right:14px;background:rgba(255,255,255,.92);color:var(--purple);padding:4px 12px;border-radius:50px;font-size:.7rem;font-weight:700;z-index:2}
.doctor-card-body{padding:24px 26px 28px;color:var(--white);flex:1;display:flex;flex-direction:column}
.doctor-card-body h3{font-family:var(--font-display);font-size:1.15rem;font-weight:700;margin-bottom:10px;line-height:1.35}
.doctor-card-body p{font-size:.85rem;line-height:1.85;opacity:.9;margin-bottom:20px;flex:1}
.btn-read-more{display:inline-flex;align-items:center;gap:8px;background:var(--white);color:var(--purple);padding:9px 20px;border-radius:50px;font-size:.82rem;font-weight:700;align-self:flex-start;transition:.3s var(--ease)}
.btn-read-more::after{content:'←';transition:.3s var(--ease)}
.btn-read-more:hover{background:var(--gold);color:var(--navy);gap:14px}
.btn-read-more:hover::after{transform:translateX(-4px)}

.hero-slider{position:relative;border-radius:24px;overflow:hidden;box-shadow:var(--shadow-md);background:var(--purple)}
/* ============ السلايدر — Fade بدل Slide ============ */
.hero-slider-track{
    position: relative !important;
    display: block !important;
    height: 100% !important;
    width: 100% !important;
    /* لا يوجد transition على transform */
}

.hero-slide{
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transition: opacity 1.2s ease, visibility 1.2s ease !important;
    flex: none !important;
    z-index: 0;
}

.hero-slide.active{
    opacity: 1 !important;
    visibility: visible !important;
    z-index: 2;
}

.hero-slide img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    inset: 0;
}
.hero-slide img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.hero-slide::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 30%,rgba(125,75,165,.55) 100%);z-index:1}
.hero-slide-content{position:absolute;right:0;top:0;bottom:0;width:60%;padding:40px;display:flex;flex-direction:column;justify-content:center;color:var(--white);z-index:2;text-align:right}
.hero-slide-content h2{font-family:var(--font-display);font-size:clamp(1.6rem,2.6vw,2.4rem);line-height:1.2;font-weight:700;text-shadow:0 4px 20px rgba(0,0,0,.3)}
.hero-slide-content p{margin-top:12px;font-size:.95rem;opacity:.95;text-shadow:0 2px 10px rgba(0,0,0,.3)}

.hero-slider::after{content:'';position:absolute;bottom:-1px;left:50%;transform:translateX(-50%);width:190px;height:44px;background:var(--bg);border-radius:50% 50% 0 0 / 100% 100% 0 0;z-index:5;pointer-events:none}

.slider-arrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;background:var(--white);color:var(--purple);display:flex;align-items:center;justify-content:center;z-index:10;transition:.3s var(--ease);box-shadow:var(--shadow-sm)}
.slider-arrow:hover{background:var(--purple);color:var(--white)}
.slider-arrow.prev{right:16px}
.slider-arrow.next{left:16px}


/* ============ BEFORE & AFTER ============ */
.ba-section{padding:60px 0 40px}
.ba-pair{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.ba-panel{background:var(--purple-soft-2);border-radius:22px;padding:28px 22px 22px;position:relative;box-shadow:var(--shadow-sm)}
.ba-pill{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:var(--purple);color:var(--white);padding:6px 22px;border-radius:50px;font-size:.82rem;font-weight:700;font-family:var(--font-display);white-space:nowrap;box-shadow:var(--shadow-sm)}
.ba-inner{background:var(--purple);border-radius:16px;padding:14px;display:grid;grid-template-columns:1fr 1fr;gap:10px;overflow:hidden}
.ba-inner img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:10px;transition:.5s var(--ease)}
.ba-panel:hover .ba-inner img{transform:scale(1.03)}

/* ============ BOOKING ============ */
.booking-section{padding:60px 0;background:linear-gradient(180deg,var(--bg) 0%,var(--white) 100%)}
.section-head{text-align:center;margin-bottom:34px}
.eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--purple);font-size:.78rem;letter-spacing:4px;text-transform:uppercase;margin-bottom:10px;font-weight:700}
.eyebrow .line{width:34px;height:2px;background:var(--purple);border-radius:2px}
.section-head h2{font-family:var(--font-display);font-size:clamp(1.6rem,2.8vw,2.2rem);font-weight:700;color:var(--text);line-height:1.2}
.section-head p{color:var(--muted);margin-top:10px;font-size:.95rem}

.booking-card{max-width:760px;margin:0 auto;background:var(--white);border-radius:24px;padding:36px 40px;box-shadow:var(--shadow-lg)}
.booking-steps{display:flex;justify-content:space-between;margin-bottom:30px;position:relative}
.booking-steps::before{content:'';position:absolute;top:20px;right:40px;left:40px;height:2px;background:var(--line);z-index:0}
.step{display:flex;flex-direction:column;align-items:center;gap:6px;position:relative;z-index:1}
.step span{width:40px;height:40px;border-radius:50%;background:var(--white);border:2px solid var(--line);color:var(--muted);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;transition:.3s var(--ease)}
.step em{font-style:normal;font-size:.75rem;color:var(--muted);font-weight:600}
.step.active span,.step.done span{background:var(--purple);border-color:var(--purple);color:var(--white)}
.step.active em,.step.done em{color:var(--purple)}

.booking-step-content{display:none}
.booking-step-content.active{display:block;animation:fadeUp .5s var(--ease)}
@keyframes fadeUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
.booking-step-content h3{font-family:var(--font-display);font-size:1.2rem;color:var(--text);margin-bottom:8px;font-weight:700}
.step-hint{font-size:.85rem;color:var(--muted);margin-bottom:22px}

.field{margin-bottom:16px}
.field label{display:block;font-size:.82rem;color:var(--text);font-weight:600;margin-bottom:7px}
.field label i{color:var(--purple);margin-inline-end:6px}
.field input,.field select,.field textarea{width:100%;padding:12px 16px;background:var(--bg);border:1.5px solid transparent;border-radius:12px;font-size:.92rem;color:var(--text);outline:none;transition:.3s var(--ease)}
.field input:focus,.field select:focus,.field textarea:focus{background:var(--white);border-color:var(--purple);box-shadow:0 0 0 4px var(--purple-soft)}
.field textarea{resize:vertical;min-height:80px}
.row-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}

.radio-group{display:flex;gap:12px;padding-top:4px}
.radio{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;background:var(--bg);border:1.5px solid transparent;border-radius:50px;cursor:pointer;font-size:.85rem;font-weight:600;transition:.3s var(--ease)}
.radio input{accent-color:var(--purple);margin:0}
.radio:has(input:checked){background:var(--purple-soft);border-color:var(--purple);color:var(--purple)}

.time-slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:8px;margin-top:6px}
.time-slot{padding:10px 8px;background:var(--bg);border:1.5px solid transparent;border-radius:10px;font-size:.82rem;font-weight:600;color:var(--text);cursor:pointer;transition:.3s var(--ease);text-align:center}
.time-slot:hover{background:var(--purple-soft);border-color:var(--purple-2)}
.time-slot.selected{background:var(--purple);color:var(--white);border-color:var(--purple)}
.time-slot.taken{background:#F0F0F0;color:#BBB;cursor:not-allowed;text-decoration:line-through;position:relative}
.time-slot.taken::after{content:'محجوز';position:absolute;bottom:2px;right:0;left:0;font-size:.6rem;color:#999}
.empty-slots{grid-column:1/-1;text-align:center;color:var(--muted);font-size:.85rem;padding:16px}

.btn-primary{display:inline-flex;align-items:center;gap:9px;padding:12px 24px;background:var(--purple);color:var(--white);font-weight:700;font-size:.88rem;border-radius:50px;transition:.3s var(--ease);box-shadow:0 10px 24px -8px rgba(125,75,165,.5);cursor:pointer;border:none;font-family:inherit}
.btn-primary:hover{background:var(--purple-dark);transform:translateY(-2px)}
.btn-primary:disabled{background:#CCC;box-shadow:none;cursor:not-allowed;transform:none}
.btn-outline{display:inline-flex;align-items:center;gap:9px;padding:12px 24px;background:var(--white);color:var(--purple);font-weight:700;font-size:.88rem;border:1.5px solid var(--purple);border-radius:50px;transition:.3s var(--ease);cursor:pointer}
.btn-outline:hover{background:var(--purple);color:var(--white)}
.btn-block{width:100%;justify-content:center}

.booking-nav{display:flex;justify-content:space-between;margin-top:22px;gap:12px}
.btn-next{margin-top:14px;width:100%;justify-content:center}
.btn-whatsapp{margin-top:8px;width:100%;justify-content:center;display:inline-flex;align-items:center;gap:10px;padding:14px 24px;background:linear-gradient(135deg,#25D366,#128C7E);color:var(--white);font-weight:700;font-size:.9rem;border-radius:50px;transition:.3s var(--ease);box-shadow:0 10px 24px -8px rgba(37,211,102,.5);cursor:pointer}
.btn-whatsapp:hover{transform:translateY(-2px);box-shadow:0 14px 30px -8px rgba(37,211,102,.6)}
.btn-whatsapp i{font-size:1.1rem}

.booking-summary{background:var(--purple-soft);border-radius:14px;padding:18px 20px;margin-bottom:16px}
.booking-summary p{display:flex;justify-content:space-between;padding:7px 0;font-size:.88rem;border-bottom:1px dashed rgba(125,75,165,.18)}
.booking-summary p:last-child{border-bottom:0}
.booking-summary strong{color:var(--purple);font-weight:700}

/* ============ TESTIMONIALS ============ */
.testimonials-section{padding:60px 0}
.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.testimonial-card{background:var(--white);padding:26px;border-radius:20px;box-shadow:var(--shadow-sm);transition:.4s var(--ease);position:relative}
.testimonial-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-md)}
.testimonial-card .quote-icon{
    font-family:var(--font-display);
    font-size:2.6rem;
    color:var(--gold);
    opacity:.5;
    position:absolute;
    top:12px;
    left:20px;
    line-height:1;
}
.testimonial-card .stars{color:var(--gold);font-size:.9rem;letter-spacing:2px;margin-bottom:12px}
.testimonial-card p{font-size:.92rem;color:var(--muted);line-height:1.85;margin-bottom:18px;position:relative;z-index:1}
.testimonial-author{display:flex;align-items:center;gap:12px;padding-top:16px;border-top:1px solid var(--line)}
.testimonial-author img{width:44px;height:44px;border-radius:50%;object-fit:cover;border:2px solid var(--purple-soft)}
.testimonial-author strong{display:block;font-family:var(--font-display);font-size:.92rem;color:var(--text);font-weight:700}
.testimonial-author span{font-size:.75rem;color:var(--purple)}

/* ============ FOOTER ============ */
.footer{background:var(--navy);color:#C8C2D8;padding:24px 0;margin-top:20px}
.footer-bottom{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin:0;
    line-height:1.6;
    gap:16px;
    flex-wrap:wrap;
    font-size:.85rem;
}
.footer-bottom a{color:var(--purple-2);font-weight:600}
.footer-bottom a:hover{color:var(--white)}

/* ============ WHATSAPP FLOAT ============ */
.whatsapp-float{position:fixed;bottom:26px;left:26px;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#25D366,#128C7E);color:#fff;font-size:1.5rem;display:flex;align-items:center;justify-content:center;z-index:99;box-shadow:0 15px 40px -10px rgba(37,211,102,.5);transition:.3s var(--ease)}
.whatsapp-float:hover{transform:scale(1.1) translateY(-3px)}

/* ============ MODAL ============ */
.modal{position:fixed;inset:0;background:rgba(20,15,35,.75);display:none;align-items:center;justify-content:center;z-index:2000;padding:20px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.modal.show{display:flex;animation:fadeIn .3s var(--ease)}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
.modal-content{background:var(--white);border-radius:22px;padding:34px 30px;max-width:400px;width:100%;text-align:center;position:relative;box-shadow:var(--shadow-lg);animation:slideUp .4s var(--ease)}
@keyframes slideUp{from{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}
.modal-close{position:absolute;top:14px;left:14px;width:34px;height:34px;border-radius:50%;background:var(--bg);color:var(--muted);display:flex;align-items:center;justify-content:center;transition:.3s var(--ease);cursor:pointer}
.modal-close:hover{background:var(--purple);color:var(--white)}
.modal-icon{width:70px;height:70px;border-radius:50%;background:var(--purple-soft);color:var(--purple);display:flex;align-items:center;justify-content:center;font-size:1.6rem;margin:0 auto 18px}
.modal-content h3{font-family:var(--font-display);font-size:1.2rem;color:var(--text);margin-bottom:8px;font-weight:700}
.modal-content p{font-size:.88rem;color:var(--muted);margin-bottom:20px}
.modal-content .field{margin-bottom:16px}

/* ============ REVEAL ============ */
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.reveal.visible{opacity:1;transform:translateY(0)}

/* ============ LTR Overrides ============ */
html[dir="ltr"] .nav-contact-item:hover{transform:translateX(3px)}
html[dir="ltr"] .btn-read-more::after{content:'→'}

/* ============ Responsive Extra ============ */
@media (max-width:1100px){
    .hero-grid{grid-template-columns:1fr 1.6fr}
    .services-grid{grid-template-columns:repeat(3,1fr)}
    .services-panel{grid-template-columns:1fr;gap:30px}
    .services-side-text{text-align:center;padding:20px 0 0}
    .testimonials-grid{grid-template-columns:repeat(2,1fr)}
    .logo-img{height:48px}
}
@media (max-width:768px){
    .hero-grid{grid-template-columns:1fr}
    .doctor-card-image{height:220px}
    .hero-slider-track{min-height:320px}
    .hero-slide-content{width:100%;padding:24px}
    .hero-slide-content h2{font-size:1.3rem}
    .services-grid{grid-template-columns:repeat(2,1fr)}
    .services-panel{margin:0 8px;padding:50px 22px 40px;border-radius:24px}
    .ba-pair{grid-template-columns:1fr}
    .testimonials-grid{grid-template-columns:1fr}
    .row-2{grid-template-columns:1fr}
    .booking-card{padding:24px 20px}
    .footer-bottom{flex-direction:column;text-align:center;gap:8px}
    .step em{display:none}
    .booking-steps::before{right:20px;left:20px}
}
@media (max-width:480px){
    .services-grid{grid-template-columns:1fr}
    .time-slots{grid-template-columns:repeat(2,1fr)}
}

/* ============ لمسات ذهبية فخمة ============ */
.eyebrow .line{background:var(--gold)}
.eyebrow{color:var(--purple)}
.testimonial-card .quote-icon{color:var(--gold);opacity:.35}
.step.active span,.step.done span{
    background:linear-gradient(135deg,var(--purple),var(--purple-2));
    box-shadow:0 6px 16px -4px rgba(125,75,165,.5);
}
.ba-pill{
    background:linear-gradient(135deg,var(--purple),var(--purple-dark));
    border:1px solid rgba(229,200,139,.4);
}

.service-item{
    position:relative;
    overflow:hidden;
}
.service-item::before{
    content:'';
    position:absolute;
    top:0;
    right:0;
    left:0;
    height:3px;
    background:linear-gradient(90deg,var(--gold),var(--purple),var(--gold));
    transform:scaleX(0);
    transform-origin:center;
    transition:transform .4s var(--ease);
}
.service-item:hover::before{
    transform:scaleX(1);
}

.btn-primary{
    position:relative;
    overflow:hidden;
}
.btn-primary::after{
    content:'';
    position:absolute;
    top:0;
    left:-100%;
    width:60%;
    height:100%;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);
    transition:left .6s var(--ease);
}
.btn-primary:hover::after{
    left:120%;
}

.testimonials-section,
.ba-section{
    background-image:
        radial-gradient(circle at 10% 20%, rgba(125,75,165,.03) 0%, transparent 50%),
        radial-gradient(circle at 90% 80%, rgba(229,200,139,.04) 0%, transparent 50%);
    background-attachment:fixed;
}

.section-head h2{
    letter-spacing:-0.5px;
    font-weight:700;
}
.section-head h2 em{
    color:var(--purple);
    font-style:normal;
    position:relative;
    display:inline-block;
}
.section-head h2 em::after{
    content:'';
    position:absolute;
    bottom:2px;
    right:0;
    left:0;
    height:6px;
    background:rgba(229,200,139,.35);
    z-index:-1;
    border-radius:3px;
}

.testimonial-card{
    border:1px solid transparent;
    transition:border-color .3s var(--ease),transform .4s var(--ease),box-shadow .4s var(--ease);
}
.testimonial-card:hover{
    border-color:rgba(229,200,139,.5);
}

.service-item{
    animation:serviceIn .6s var(--ease) both;
}
.service-item:nth-child(1){animation-delay:0s}
.service-item:nth-child(2){animation-delay:.1s}
.service-item:nth-child(3){animation-delay:.2s}
.service-item:nth-child(4){animation-delay:.3s}
.service-item:nth-child(5){animation-delay:.4s}

@keyframes serviceIn{
    from{opacity:0;transform:translateY(20px)}
    to{opacity:1;transform:translateY(0)}
}

.ba-inner{
    position:relative;
}
.ba-inner::before{
    content:'';
    position:absolute;
    inset:6px;
    border:1px solid rgba(229,200,139,.4);
    border-radius:12px;
    pointer-events:none;
}

.header{
    transition:box-shadow .3s var(--ease);
}
.header.scrolled{
    box-shadow:0 8px 32px -12px rgba(125,75,165,.25);
}


/* ==========================================================
   UPGRADES — الفوتر الفخم + النصائح + قبل/بعد + بطاقة الدكتورة
   ========================================================== */

/* ============ بطاقة الدكتورة الجديدة (صورة فقط) ============ */
.doctor-card{
    background:linear-gradient(160deg,var(--purple-dark) 0%,var(--purple) 100%);
    border-radius:24px;
    overflow:hidden;
    display:flex;
    flex-direction:column;
    box-shadow:var(--shadow-md);
    position:relative;
}
.doctor-card-full-image{
    position:relative;
    flex:1;
    min-height:420px;
    overflow:hidden;
}
.doctor-card-full-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center top;
    transition:transform 1s var(--ease);
}
.doctor-card:hover .doctor-card-full-image img{
    transform:scale(1.05);
}
.doctor-card-full-image::after{
    content:'';
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    height:120px;
    background:linear-gradient(180deg,transparent,var(--purple-dark));
    pointer-events:none;
}
.doctor-card-actions{
    padding:20px 22px 24px;
    background:var(--purple-dark);
    display:flex;
    justify-content:center;
}
.btn-read-more-hero{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:12px 26px;
    background:linear-gradient(135deg,var(--gold),#F0DCA8);
    color:var(--navy);
    font-weight:700;
    font-size:.85rem;
    border-radius:50px;
    box-shadow:0 12px 30px -10px rgba(229,200,139,.55);
    transition:.35s var(--ease);
    text-decoration:none;
}
.btn-read-more-hero:hover{
    transform:translateY(-3px);
    box-shadow:0 18px 40px -10px rgba(229,200,139,.7);
    gap:16px;
}
.btn-read-more-hero i{font-size:.85rem;transition:.35s var(--ease)}
.btn-read-more-hero:hover i{transform:translateX(-4px)}

/* ============ قسم قبل وبعد الجديد ============ */
.ba-section{
    padding:70px 0 60px;
    background:
        radial-gradient(circle at 10% 20%,rgba(125,75,165,.04) 0%,transparent 50%),
        radial-gradient(circle at 90% 80%,rgba(229,200,139,.05) 0%,transparent 50%),
        var(--bg);
}
.ba-tabs{
    display:flex;
    justify-content:center;
    gap:10px;
    margin-bottom:36px;
    flex-wrap:wrap;
}
.ba-tab{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:11px 24px;
    background:var(--white);
    color:var(--muted);
    border:1.5px solid var(--line);
    border-radius:50px;
    font-size:.85rem;
    font-weight:700;
    font-family:inherit;
    cursor:pointer;
    transition:.35s var(--ease);
}
.ba-tab i{font-size:.9rem;transition:.35s var(--ease)}
.ba-tab:hover{
    border-color:var(--purple-soft-2);
    color:var(--purple);
}
.ba-tab.active{
    background:linear-gradient(135deg,var(--purple),var(--purple-dark));
    color:var(--white);
    border-color:transparent;
    box-shadow:0 12px 30px -10px rgba(125,75,165,.45);
}
.ba-tab.active i{color:var(--gold)}

.ba-slider{
    position:relative;
    display:flex;
    align-items:center;
    gap:20px;
    max-width:900px;
    margin:0 auto;
}
.ba-stage{
    flex:1;
    position:relative;
    border-radius:24px;
    overflow:hidden;
    background:var(--white);
    box-shadow:var(--shadow-md);
    min-height:420px;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:2px;
}
.ba-stage-item{
    position:relative;
    overflow:hidden;
    min-height:420px;
}
.ba-stage-item img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform 1s var(--ease);
    animation:baFade .6s var(--ease);
}
@keyframes baFade{
    from{opacity:0;transform:scale(1.05)}
    to{opacity:1;transform:scale(1)}
}
.ba-stage-item:hover img{transform:scale(1.05)}
.ba-label-badge{
    position:absolute;
    top:16px;
    right:16px;
    background:rgba(30,27,41,.85);
    backdrop-filter:blur(10px);
    color:var(--white);
    padding:6px 16px;
    border-radius:50px;
    font-size:.75rem;
    font-weight:700;
    letter-spacing:1px;
    z-index:2;
}
.ba-stage-item.after .ba-label-badge{
    background:linear-gradient(135deg,var(--gold),#F0DCA8);
    color:var(--navy);
}

.ba-nav{
    width:54px;
    height:54px;
    flex-shrink:0;
    border-radius:50%;
    background:var(--white);
    color:var(--purple);
    display:flex;
    align-items:center;
    justify-content:center;
    border:1.5px solid var(--line);
    transition:.35s var(--ease);
    cursor:pointer;
    box-shadow:var(--shadow-sm);
    font-size:1rem;
}
.ba-nav:hover{
    background:linear-gradient(135deg,var(--purple),var(--purple-dark));
    color:var(--white);
    border-color:transparent;
    transform:scale(1.1);
    box-shadow:0 12px 30px -8px rgba(125,75,165,.5);
}

.ba-dots{
    display:flex;
    justify-content:center;
    gap:8px;
    margin-top:26px;
}
.ba-dot{
    width:10px;
    height:10px;
    border-radius:50%;
    background:var(--line);
    cursor:pointer;
    transition:.3s var(--ease);
}
.ba-dot.active{
    width:32px;
    border-radius:6px;
    background:linear-gradient(90deg,var(--purple),var(--gold));
}
.ba-empty{
    grid-column:1/-1;
    text-align:center;
    padding:80px 20px;
    color:var(--muted);
    font-size:.95rem;
}

/* ============ قسم النصائح ============ */
.tips-section{
    padding:70px 0;
    background:
        radial-gradient(circle at 80% 20%,rgba(229,200,139,.08) 0%,transparent 55%),
        linear-gradient(180deg,var(--white) 0%,var(--bg) 100%);
}
.tips-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:22px;
}
.tip-card{
    background:var(--white);
    border-radius:22px;
    padding:32px 26px 30px;
    position:relative;
    overflow:hidden;
    box-shadow:var(--shadow-sm);
    transition:.4s var(--ease);
    border-top:3px solid transparent;
}
.tip-card::before{
    content:'';
    position:absolute;
    top:-40px;
    right:-40px;
    width:120px;
    height:120px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(229,200,139,.15),transparent 70%);
    transition:.5s var(--ease);
}
.tip-card:hover{
    transform:translateY(-8px);
    box-shadow:var(--shadow-lg);
    border-top-color:var(--gold);
}
.tip-card:hover::before{
    transform:scale(1.5);
}
.tip-icon{
    width:64px;
    height:64px;
    border-radius:20px;
    background:linear-gradient(135deg,var(--purple-soft),#E8DCF7);
    color:var(--purple);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:1.5rem;
    margin-bottom:22px;
    transition:.4s var(--ease);
    position:relative;
}
.tip-card:hover .tip-icon{
    background:linear-gradient(135deg,var(--purple),var(--purple-dark));
    color:var(--white);
    transform:rotate(-6deg) scale(1.08);
}
.tip-card h3{
    font-family:var(--font-display);
    font-size:1.1rem;
    color:var(--text);
    margin-bottom:10px;
    font-weight:700;
    position:relative;
}
.tip-card p{
    color:var(--muted);
    font-size:.9rem;
    line-height:1.8;
    position:relative;
}
.tip-number{
    position:absolute;
    top:20px;
    left:20px;
    font-family:var(--font-display);
    font-size:2.4rem;
    font-weight:700;
    color:rgba(125,75,165,.08);
    line-height:1;
    pointer-events:none;
    z-index:0;
    transition:.5s var(--ease);
}
.tip-card:hover .tip-number{
    color:rgba(229,200,139,.2);
}

/* ============ الفوتر الفخم ============ */
.footer{
    position:relative;
    background:linear-gradient(180deg,#1E1B29 0%,#0F0D18 100%);
    color:#B8B2C8;
    padding:0;
    margin-top:80px;
    overflow:hidden;
}
.footer-glow{
    position:absolute;
    top:-200px;
    left:50%;
    transform:translateX(-50%);
    width:800px;
    height:400px;
    background:radial-gradient(ellipse,rgba(125,75,165,.25),transparent 70%);
    pointer-events:none;
}
.footer-main{
    position:relative;
    display:grid;
    grid-template-columns:1.5fr 1fr 1fr 1.3fr;
    gap:44px;
    padding:70px 0 50px;
}
.footer-brand .footer-logo{
    height:70px;
    width:auto;
    object-fit:contain;
    margin-bottom:22px;
    filter:brightness(1.15);
}
.footer-brand p{
    font-size:.88rem;
    line-height:1.9;
    color:#A9A3BC;
    margin-bottom:24px;
    max-width:320px;
}
.footer-socials{
    display:flex;
    gap:10px;
}
.footer-socials a{
    width:42px;
    height:42px;
    border-radius:50%;
    background:rgba(255,255,255,.05);
    border:1px solid rgba(255,255,255,.08);
    color:#D8D2E5;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:.9rem;
    transition:.35s var(--ease);
}
.footer-socials a:hover{
    background:linear-gradient(135deg,var(--gold),#F0DCA8);
    color:var(--navy);
    border-color:transparent;
    transform:translateY(-4px);
    box-shadow:0 12px 24px -8px rgba(229,200,139,.5);
}

.footer-col h4{
    font-family:var(--font-display);
    font-size:1.05rem;
    color:var(--white);
    margin-bottom:22px;
    font-weight:700;
    position:relative;
    padding-bottom:12px;
}
.footer-col h4::after{
    content:'';
    position:absolute;
    bottom:0;
    right:0;
    width:36px;
    height:2px;
    background:linear-gradient(90deg,var(--gold),transparent);
    border-radius:2px;
}
.footer-col a{
    display:block;
    color:#A9A3BC;
    font-size:.86rem;
    margin-bottom:12px;
    transition:.3s var(--ease);
    text-decoration:none;
}
.footer-col a:hover{
    color:var(--gold);
    padding-inline-start:6px;
}

.footer-contact-col .footer-contact-item{
    display:flex;
    align-items:center;
    gap:10px;
    color:#A9A3BC;
    font-size:.86rem;
    margin-bottom:14px;
    direction:ltr;
    text-decoration:none;
    transition:.3s var(--ease);
}
.footer-contact-col .footer-contact-item i{
    width:32px;
    height:32px;
    border-radius:10px;
    background:rgba(229,200,139,.08);
    color:var(--gold);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:.78rem;
    flex-shrink:0;
    transition:.3s var(--ease);
}
.footer-contact-col .footer-contact-item:hover{
    color:var(--white);
}
.footer-contact-col .footer-contact-item:hover i{
    background:var(--gold);
    color:var(--navy);
    transform:rotate(-6deg);
}
.footer-contact-col .footer-contact-item span{
    direction:ltr;
    unicode-bidi:embed;
}

.footer-hours i{
    color:var(--gold);
    font-size:.9rem;
}

.footer-bottom-bar{
    position:relative;
    background:rgba(0,0,0,.35);
    border-top:1px solid rgba(255,255,255,.06);
    padding:22px 0;
}
.footer-bottom-inner{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:16px;
    flex-wrap:wrap;
    font-size:.82rem;
    color:#8E88A3;
}
.footer-copy span{
    color:var(--gold);
    font-weight:700;
    font-family:var(--font-display);
}
.footer-designed a{
    color:var(--gold);
    font-weight:700;
    position:relative;
    transition:.3s var(--ease);
}
.footer-designed a::after{
    content:'';
    position:absolute;
    bottom:-2px;
    right:0;
    left:0;
    height:1px;
    background:var(--gold);
    transform:scaleX(0);
    transform-origin:right;
    transition:.3s var(--ease);
}
.footer-designed a:hover::after{
    transform:scaleX(1);
}

/* ============ Responsive ============ */
@media (max-width:1100px){
    .footer-main{grid-template-columns:1fr 1fr;gap:36px}
    .tips-grid{grid-template-columns:repeat(2,1fr)}
    .doctor-card-full-image{min-height:340px}
}
@media (max-width:768px){
    .footer-main{grid-template-columns:1fr;gap:30px;padding:50px 0 40px}
    .tips-grid{grid-template-columns:1fr}
    .ba-stage{min-height:300px}
    .ba-stage-item{min-height:300px}
    .ba-nav{width:44px;height:44px;font-size:.85rem}
    .doctor-card-full-image{min-height:280px}
    .footer-bottom-inner{flex-direction:column;text-align:center;gap:10px}
}
@media (max-width:480px){
    .ba-stage{grid-template-columns:1fr;min-height:auto}
    .ba-stage-item{min-height:220px}
}


/* ==========================================================
   SERVICES — النسخة الفخمة الجديدة
   ========================================================== */

/* ============ القوس العلوي ============ */
.services-arc-top{
    position:absolute;
    top:0;
    left:50%;
    transform:translateX(-50%);
    width:240px;
    height:56px;
    background:linear-gradient(135deg,var(--purple-dark),var(--purple));
    border-radius:50% 50% 0 0 / 100% 100% 0 0;
    z-index:2;
    box-shadow:0 -8px 30px -8px rgba(125,75,165,.35);
}

/* ============ اللوحة الرئيسية ============ */
.services-panel{
    position:relative;
    background:
        radial-gradient(circle at 15% 25%, rgba(155,107,196,.4) 0%, transparent 45%),
        radial-gradient(circle at 85% 75%, rgba(229,200,139,.14) 0%, transparent 50%),
        linear-gradient(135deg, var(--purple-dark) 0%, var(--purple) 50%, var(--purple-dark) 100%);
    padding:80px 50px 60px;
    border-radius:40px;
    margin:0 16px;
    display:grid;
    grid-template-columns:1fr auto;   /* RTL: العمود 1 = يسار (خدمات)، العمود 2 = يمين (نص) */
    gap:44px;
    align-items:center;
    box-shadow:
        0 40px 80px -30px rgba(125,75,165,.55),
        0 0 0 1px rgba(229,200,139,.15) inset;
    overflow:hidden;
    isolation:isolate;
}

/* طبقة النقاط الزخرفية */
.services-panel::before{
    content:'';
    position:absolute;
    inset:0;
    background-image:radial-gradient(circle, rgba(255,255,255,.08) 1px, transparent 1px);
    background-size:24px 24px;
    opacity:.35;
    pointer-events:none;
    z-index:0;
}

/* طبقة لمعان علوية */
.services-panel::after{
    content:'';
    position:absolute;
    top:0;
    left:0;
    right:0;
    height:180px;
    background:linear-gradient(180deg, rgba(255,255,255,.08) 0%, transparent 100%);
    pointer-events:none;
    z-index:0;
}

/* ============ دوائر الزخرفة ============ */
.services-deco{
    position:absolute;
    border-radius:50%;
    pointer-events:none;
    z-index:0;
}
.services-deco-1{
    width:400px;
    height:400px;
    top:-180px;
    right:-180px;
    background:radial-gradient(circle, rgba(229,200,139,.14) 0%, transparent 70%);
    filter:blur(30px);
    animation:decoPulse 8s ease-in-out infinite;
}
.services-deco-2{
    width:350px;
    height:350px;
    bottom:-150px;
    left:-100px;
    background:radial-gradient(circle, rgba(155,107,196,.4) 0%, transparent 70%);
    filter:blur(40px);
    animation:decoPulse 10s ease-in-out infinite reverse;
}
@keyframes decoPulse{
    0%,100%{transform:scale(1);opacity:1}
    50%{transform:scale(1.15);opacity:.7}
}

/* ============ عنوان "الخدمات" ============ */
.services-title-wrap{
    position:absolute;
    top:0;
    left:50%;
    transform:translate(-50%,-50%);
    z-index:3;
}
.services-title-arc{
    width:140px;
    height:56px;
    background:linear-gradient(135deg,var(--purple-dark),var(--purple));
    border-radius:50% 50% 0 0 / 100% 100% 0 0;
    position:absolute;
    top:0;
    left:50%;
    transform:translateX(-50%);
    box-shadow:0 -6px 20px -6px rgba(125,75,165,.4);
}
.services-title{
    position:relative;
    font-family:var(--font-display);
    color:var(--white);
    font-size:1.2rem;
    font-weight:700;
    padding-top:24px;
    text-align:center;
    letter-spacing:2px;
    text-shadow:0 2px 12px rgba(0,0,0,.2);
}

/* ============ شبكة الخدمات (يسار في RTL) ============ */
.services-grid{
    grid-column:1 / 2;
    display:grid;
    grid-template-columns:repeat(5, 1fr);
    gap:16px;
    position:relative;
    z-index:2;
}

/* ============ بطاقة الخدمة ============ */
.service-item{
    position:relative;
    background:var(--white);
    border-radius:20px;
    overflow:hidden;
    cursor:pointer;
    transition:.5s var(--ease);
    padding-bottom:16px;
    text-align:center;
    box-shadow:
        0 12px 30px -12px rgba(0,0,0,.25),
        0 0 0 1px rgba(255,255,255,.6) inset;
    isolation:isolate;
}

/* لمعة البطاقة عند المرور */
.service-item::before{
    content:'';
    position:absolute;
    top:0;
    left:-100%;
    width:60%;
    height:100%;
    background:linear-gradient(90deg, transparent, rgba(229,200,139,.3), transparent);
    transition:left .7s var(--ease);
    z-index:3;
    pointer-events:none;
}
.service-item:hover::before{left:120%}

/* خط ذهبي علوي */
.service-item::after{
    content:'';
    position:absolute;
    top:0;
    right:0;
    left:0;
    height:3px;
    background:linear-gradient(90deg, var(--gold), var(--purple), var(--gold));
    transform:scaleX(0);
    transform-origin:center;
    transition:transform .5s var(--ease);
    z-index:2;
}
.service-item:hover::after{transform:scaleX(1)}

.service-item:hover{
    transform:translateY(-12px) scale(1.02);
    box-shadow:
        0 30px 50px -20px rgba(0,0,0,.35),
        0 0 0 1px var(--gold) inset;
}

/* صورة الخدمة */
.service-item-img{
    height:150px;
    overflow:hidden;
    margin-bottom:14px;
    position:relative;
}
.service-item-img::after{
    content:'';
    position:absolute;
    inset:0;
    background:linear-gradient(180deg, transparent 60%, rgba(125,75,165,.15) 100%);
    pointer-events:none;
    transition:.4s var(--ease);
}
.service-item:hover .service-item-img::after{
    background:linear-gradient(180deg, transparent 40%, rgba(125,75,165,.3) 100%);
}
.service-item-img img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .8s var(--ease);
}
.service-item:hover .service-item-img img{
    transform:scale(1.12) rotate(-1deg);
}

/* العنوان داخل البطاقة */
.service-item h4{
    font-family:var(--font-display);
    font-size:.92rem;
    color:var(--purple-dark);
    font-weight:700;
    padding:0 10px;
    line-height:1.35;
    position:relative;
    transition:.35s var(--ease);
}
.service-item:hover h4{color:var(--purple)}

/* ============ النص الجانبي الفخم (يمين في RTL) ============ */
.services-side-text{
    grid-column:2 / 3;
    position:relative;
    z-index:2;
    text-align:right;
    padding-inline-start:20px;
    min-width:240px;
    max-width:320px;
}

.side-line{
    display:block;
    width:64px;
    height:3px;
    background:linear-gradient(90deg, var(--gold), transparent);
    border-radius:3px;
    margin-bottom:26px;
    margin-inline-start:auto;
    box-shadow:0 0 20px rgba(229,200,139,.5);
}

.services-side-text h3{
    font-family:var(--font-display);
    font-size:clamp(1.6rem, 2.4vw, 2.2rem);
    line-height:1.3;
    font-weight:700;
    letter-spacing:-0.5px;
    background:linear-gradient(135deg, #FFFFFF 0%, #E8E4F0 100%);
    -webkit-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent;
    transition:.4s var(--ease);
}

/* الكلمة الوسطى بلون ذهبي */
.services-side-text h3:nth-child(3){
    background:linear-gradient(135deg, var(--gold) 0%, #F0DCA8 50%, var(--gold) 100%);
    -webkit-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent;
    margin:2px 0;
    filter:drop-shadow(0 4px 12px rgba(229,200,139,.35));
}

.side-icon{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:56px;
    height:56px;
    border-radius:50%;
    background:rgba(229,200,139,.12);
    border:1px solid rgba(229,200,139,.4);
    color:var(--gold);
    font-size:1.3rem;
    margin-top:28px;
    margin-inline-start:auto;
    animation:sideIconFloat 3s ease-in-out infinite;
    box-shadow:0 12px 30px -8px rgba(229,200,139,.4);
}
@keyframes sideIconFloat{
    0%,100%{transform:translateY(0)}
    50%{transform:translateY(-8px)}
}

/* ============ Responsive ============ */
@media (max-width:1100px){
    .services-panel{
        grid-template-columns:1fr;
        gap:40px;
        padding:70px 30px 50px;
        text-align:center;
    }
    .services-grid{
        grid-column:1 / 2;
        grid-template-columns:repeat(3, 1fr);
        order:2;
    }
    .services-side-text{
        grid-column:1 / 2;
        text-align:center;
        padding-inline-start:0;
        max-width:none;
        order:1;
    }
    .side-line{
        margin-inline-start:auto;
        margin-inline-end:auto;
    }
    .side-icon{margin-inline-start:auto;margin-inline-end:auto}
}
@media (max-width:768px){
    .services-panel{
        padding:60px 20px 40px;
        border-radius:32px;
        margin:0 8px;
    }
    .services-arc-top{
        width:180px;
        height:44px;
    }
    .services-grid{grid-template-columns:repeat(2, 1fr);gap:12px}
    .service-item-img{height:130px}
    .service-item h4{font-size:.82rem}
    .services-side-text h3{font-size:1.4rem}
}
@media (max-width:480px){
    .services-grid{grid-template-columns:1fr}
    .service-item-img{height:170px}
}




/* ==========================================================
   HERO + SERVICES — الهيكلة الجديدة الفخمة
   ========================================================== */

/* ============ الشبكة الرئيسية ============ */
.hero{
    padding:26px 0 40px !important;
}

/* ============ بطاقة الدكتورة (الصورة فقط) ============ */
.doctor-card-full-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center top;
    transition:transform 1s var(--ease);
}
.doctor-card:hover .doctor-card-full-image img{
    transform:scale(1.05);
}
.doctor-card-full-image::after{
    content:'';
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    height:100px;
    background:linear-gradient(180deg,transparent,var(--purple-dark));
    pointer-events:none;
}

.btn-read-more-hero:hover{
    transform:translateY(-3px);
    box-shadow:0 18px 40px -10px rgba(229,200,139,.7);
    gap:16px;
}

/* ============ بطاقة احجز موعدك (تحت الدكتورة) ============ */
.book-now-card{
    display:flex;
    align-items:center;
    gap:14px;
    padding:20px 22px;
    background:
        radial-gradient(circle at 100% 0%, rgba(229,200,139,.15) 0%, transparent 55%),
        linear-gradient(135deg, var(--purple-dark) 0%, var(--purple) 100%);
    border-radius:22px;
    text-decoration:none;
    color:var(--white);
    position:relative;
    overflow:hidden;
    box-shadow:0 20px 45px -20px rgba(125,75,165,.6);
    transition:.4s var(--ease);
    border:1px solid rgba(229,200,139,.25);
}
.book-now-card::before{
    content:'';
    position:absolute;
    top:0;
    right:0;
    left:0;
    height:3px;
    background:linear-gradient(90deg, var(--gold), transparent, var(--gold));
    opacity:.6;
}
.book-now-card:hover{
    transform:translateY(-4px);
    box-shadow:0 28px 55px -20px rgba(125,75,165,.75);
    border-color:var(--gold);
}
.book-now-icon{
    width:52px;
    height:52px;
    flex-shrink:0;
    border-radius:16px;
    background:linear-gradient(135deg, var(--gold), #F0DCA8);
    color:var(--navy);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:1.3rem;
    box-shadow:0 10px 24px -8px rgba(229,200,139,.6);
    transition:.4s var(--ease);
}
.book-now-card:hover .book-now-icon{
    transform:rotate(-8deg) scale(1.08);
}
.book-now-text{
    flex:1;
    display:flex;
    flex-direction:column;
    gap:2px;
}
.book-now-text h3{
    font-family:var(--font-display);
    font-size:1.05rem;
    font-weight:700;
    color:var(--white);
    line-height:1.2;
    margin:0;
}
.book-now-text p{
    font-size:.76rem;
    color:rgba(255,255,255,.7);
    margin:0;
    line-height:1.3;
}
.book-now-arrow{
    width:36px;
    height:36px;
    flex-shrink:0;
    border-radius:50%;
    background:rgba(255,255,255,.1);
    color:var(--white);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:.85rem;
    transition:.4s var(--ease);
}
.book-now-card:hover .book-now-arrow{
    background:var(--gold);
    color:var(--navy);
    transform:translateX(-6px);
}

/* ============ السلايدر ============ */

.hero-slide{
    flex:0 0 100%;
    position:relative;
    overflow:hidden;
}
.hero-slide img{
    width:100%;
    height:100%;
    object-fit:cover;
    position:absolute;
    inset:0;
}
.hero-slide::before{
    content:'';
    position:absolute;
    inset:0;
    background:linear-gradient(90deg, transparent 30%, rgba(125,75,165,.6) 100%);
    z-index:1;
}
.hero-slide-content{
    position:absolute;
    right:0;
    top:0;
    bottom:0;
    width:55%;
    padding:34px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    color:var(--white);
    z-index:2;
    text-align:right;
}
.hero-slide-content h2{
    font-family:var(--font-display);
    font-size:clamp(1.4rem, 2.2vw, 2.1rem);
    line-height:1.2;
    font-weight:700;
    text-shadow:0 4px 20px rgba(0,0,0,.35);
}
.hero-slide-content p{
    margin-top:10px;
    font-size:.92rem;
    opacity:.95;
    text-shadow:0 2px 10px rgba(0,0,0,.35);
}
.hero-slider::after{
    content:'';
    position:absolute;
    bottom:-1px;
    left:50%;
    transform:translateX(-50%);
    width:170px;
    height:40px;
    background:var(--bg);
    border-radius:50% 50% 0 0 / 100% 100% 0 0;
    z-index:5;
    pointer-events:none;
}
.slider-arrow{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:42px;
    height:42px;
    border-radius:50%;
    background:rgba(255,255,255,.95);
    color:var(--purple);
    display:flex;
    align-items:center;
    justify-content:center;
    z-index:10;
    transition:.3s var(--ease);
    box-shadow:var(--shadow-sm);
    border:none;
    cursor:pointer;
}
.slider-arrow:hover{
    background:var(--purple);
    color:var(--white);
    transform:translateY(-50%) scale(1.1);
}
.slider-arrow.prev{right:14px}
.slider-arrow.next{left:14px}

/* نقاط زخرفية */
.services-inline::before{
    content:'';
    position:absolute;
    inset:0;
    background-image:radial-gradient(circle, rgba(255,255,255,.07) 1px, transparent 1px);
    background-size:22px 22px;
    opacity:.4;
    pointer-events:none;
    z-index:0;
}

/* لمعة علوية */
.services-inline::after{
    content:'';
    position:absolute;
    top:0;
    left:0;
    right:0;
    height:100px;
    background:linear-gradient(180deg, rgba(255,255,255,.08) 0%, transparent 100%);
    pointer-events:none;
    z-index:0;
}

/* ============ عنوان الخدمات (فوق، مع خطوط ذهبية) ============ */
.services-inline-head{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:18px;
    margin-bottom:26px;
    position:relative;
    z-index:2;
}
.services-head-line{
    flex:1;
    max-width:90px;
    height:2px;
    background:linear-gradient(90deg, transparent, var(--gold));
    border-radius:2px;
}
.services-head-line:last-child{
    background:linear-gradient(90deg, var(--gold), transparent);
}
.services-inline-head h2{
    font-family:var(--font-display);
    font-size:1.4rem;
    font-weight:700;
    color:var(--white);
    letter-spacing:3px;
    text-shadow:0 2px 12px rgba(0,0,0,.25);
    position:relative;
    padding:0 8px;
    white-space:nowrap;
}
.services-inline-head h2::before,
.services-inline-head h2::after{
    content:'✦';
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    color:var(--gold);
    font-size:.7rem;
    opacity:.85;
}
.services-inline-head h2::before{right:-14px}
.services-inline-head h2::after{left:-14px}

/* ============ شبكة البطاقات ============ */
.services-inline-grid{
    display:grid;
    grid-template-columns:repeat(5, 1fr);
    gap:14px;
    position:relative;
    z-index:2;
}

/* ============ بطاقة الخدمة ============ */
.services-inline-grid .service-item{
    position:relative;
    background:var(--white);
    border-radius:18px;
    overflow:hidden;
    cursor:pointer;
    transition:.5s var(--ease);
    padding-bottom:14px;
    text-align:center;
    box-shadow:
        0 12px 28px -12px rgba(0,0,0,.3),
        0 0 0 1px rgba(255,255,255,.5) inset;
    isolation:isolate;
    text-decoration:none;
    display:block;
}

/* لمعة تمر عبر البطاقة */
.services-inline-grid .service-item::before{
    content:'';
    position:absolute;
    top:0;
    left:-100%;
    width:60%;
    height:100%;
    background:linear-gradient(90deg, transparent, rgba(229,200,139,.35), transparent);
    transition:left .7s var(--ease);
    z-index:3;
    pointer-events:none;
}
.services-inline-grid .service-item:hover::before{left:120%}

/* خط ذهبي علوي */
.services-inline-grid .service-item::after{
    content:'';
    position:absolute;
    top:0;
    right:0;
    left:0;
    height:3px;
    background:linear-gradient(90deg, var(--gold), var(--purple), var(--gold));
    transform:scaleX(0);
    transform-origin:center;
    transition:transform .5s var(--ease);
    z-index:2;
}
.services-inline-grid .service-item:hover::after{transform:scaleX(1)}

.services-inline-grid .service-item:hover{
    transform:translateY(-10px) scale(1.03);
    box-shadow:
        0 25px 45px -18px rgba(0,0,0,.4),
        0 0 0 1px var(--gold) inset;
}

/* صورة الخدمة */
.services-inline-grid .service-item-img{
    height:130px;
    overflow:hidden;
    margin-bottom:12px;
    position:relative;
}
.services-inline-grid .service-item-img::after{
    content:'';
    position:absolute;
    inset:0;
    background:linear-gradient(180deg, transparent 55%, rgba(125,75,165,.18) 100%);
    pointer-events:none;
    transition:.4s var(--ease);
}
.services-inline-grid .service-item:hover .service-item-img::after{
    background:linear-gradient(180deg, transparent 35%, rgba(125,75,165,.35) 100%);
}
.services-inline-grid .service-item-img img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .8s var(--ease);
}
.services-inline-grid .service-item:hover .service-item-img img{
    transform:scale(1.12) rotate(-1deg);
}

/* العنوان داخل البطاقة */
.services-inline-grid .service-item h4{
    font-family:var(--font-display);
    font-size:.85rem;
    color:var(--purple-dark);
    font-weight:700;
    padding:0 8px;
    line-height:1.35;
    position:relative;
    transition:.35s var(--ease);
    margin:0;
}
.services-inline-grid .service-item:hover h4{color:var(--purple)}

/* ============ Responsive ============ */
@media (max-width:1100px){
    .hero-main-grid{
        grid-template-columns:1fr;
        gap:22px;
    }
    .hero-col-right{
        flex-direction:row;
        gap:16px;
    }
    .hero-col-right .doctor-card{flex:1}
    .hero-col-right .book-now-card{flex:1;max-width:340px}
    .services-inline-grid{grid-template-columns:repeat(3, 1fr)}
}
@media (max-width:768px){
    .hero-col-right{flex-direction:column}
    .hero-col-right .book-now-card{max-width:none}
    .doctor-card-full-image{min-height:300px}
    .hero-slider{min-height:280px}
    .hero-slider-track{min-height:280px}
    .hero-slide-content{width:100%;padding:24px}
    .hero-slide-content h2{font-size:1.3rem}
    .services-inline{padding:28px 20px 24px;border-radius:22px}
    .services-inline-head h2{font-size:1.1rem;letter-spacing:2px}
    .services-head-line{max-width:50px}
    .services-inline-grid{grid-template-columns:repeat(2, 1fr);gap:12px}
    .services-inline-grid .service-item-img{height:120px}
}
@media (max-width:480px){
    .services-inline-grid{grid-template-columns:1fr}
    .services-inline-grid .service-item-img{height:160px}
}

/* ============ إخفاء الأقسام القديمة ============ */
.services-section{display:none !important}





/* ==========================================================
   HERO — الهيكل النهائي (عمودان فقط)
   ========================================================== */

.hero{padding:26px 0 40px !important}

.hero-main-grid{
    display:grid;
    grid-template-columns:0.85fr 2.35fr;
    gap:20px;
    align-items:start;      /* ← مهم: كل عمود ينمو حسب محتواه */
}

/* ============ العمود الأيمن ============ */
.hero-col-right{
    display:flex;
    flex-direction:column;
    gap:20px;               /* ← المسافة بين الدكتورة والحجز الذكي */
}

/* ============ العمود الأيسر ============ */
.hero-col-left{
    display:flex;
    flex-direction:column;
    gap:20px;               /* ← المسافة بين السلايدر والخدمات والنتائج */
}

/* ============ بطاقة الدكتورة ============ */
.doctor-card{
    background:linear-gradient(160deg,var(--purple-dark) 0%,var(--purple) 100%);
    border-radius:24px;
    overflow:hidden;
    display:flex;
    flex-direction:column;
    box-shadow:var(--shadow-md);
    position:relative;
}
.doctor-card-full-image{
    position:relative;
    aspect-ratio:3/4;
    overflow:hidden;
}
.doctor-card-full-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center top;
    transition:transform 1s var(--ease);
}
.doctor-card:hover .doctor-card-full-image img{transform:scale(1.05)}
.doctor-card-full-image::after{
    content:'';
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    height:80px;
    background:linear-gradient(180deg,transparent,var(--purple-dark));
    pointer-events:none;
}
.doctor-card-actions{
    padding:14px 18px 18px;
    background:var(--purple-dark);
    display:flex;
    justify-content:center;
}
.btn-read-more-hero{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:10px 22px;
    background:linear-gradient(135deg,var(--gold),#F0DCA8);
    color:var(--navy);
    font-weight:700;
    font-size:.82rem;
    border-radius:50px;
    box-shadow:0 12px 30px -10px rgba(229,200,139,.55);
    transition:.35s var(--ease);
    text-decoration:none;
}
.btn-read-more-hero:hover{
    transform:translateY(-3px);
    box-shadow:0 18px 40px -10px rgba(229,200,139,.7);
    gap:16px;
}

/* ============ السلايدر ============ */
.hero-slider{
    position:relative;
    border-radius:24px;
    overflow:hidden;
    box-shadow:var(--shadow-md);
    background:var(--purple);
    aspect-ratio:16/7;
    min-height:300px;
}
.hero-slider-track{
    display:flex;
    height:100%;
    transition:transform .7s var(--ease);
}
.hero-slide{
    flex:0 0 100%;
    position:relative;
    overflow:hidden;
}
.hero-slide img{
    width:100%;
    height:100%;
    object-fit:cover;
    position:absolute;
    inset:0;
}
.hero-slide::before{
    content:'';
    position:absolute;
    inset:0;
    background:linear-gradient(90deg,transparent 30%,rgba(125,75,165,.6) 100%);
    z-index:1;
}
.hero-slide-content{
    position:absolute;
    right:0;
    top:0;
    bottom:0;
    width:55%;
    padding:32px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    color:var(--white);
    z-index:2;
    text-align:right;
}
.hero-slide-content h2{
    font-family:var(--font-display);
    font-size:clamp(1.4rem,2.2vw,2.1rem);
    line-height:1.2;
    font-weight:700;
    text-shadow:0 4px 20px rgba(0,0,0,.35);
}
.hero-slide-content p{
    margin-top:10px;
    font-size:.92rem;
    opacity:.95;
    text-shadow:0 2px 10px rgba(0,0,0,.35);
}
.slider-arrow{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:42px;
    height:42px;
    border-radius:50%;
    background:rgba(255,255,255,.95);
    color:var(--purple);
    display:flex;
    align-items:center;
    justify-content:center;
    z-index:10;
    transition:.3s var(--ease);
    box-shadow:var(--shadow-sm);
    border:none;
    cursor:pointer;
}
.slider-arrow:hover{
    background:var(--purple);
    color:var(--white);
    transform:translateY(-50%) scale(1.1);
}
.slider-arrow.prev{right:14px}
.slider-arrow.next{left:14px}

/* ============ بطاقات داخلية (خدمات + نتائج) ============ */
.services-inline,
.ba-inline{
    background:
        radial-gradient(circle at 15% 20%, rgba(155,107,196,.35) 0%, transparent 45%),
        radial-gradient(circle at 85% 80%, rgba(229,200,139,.14) 0%, transparent 50%),
        linear-gradient(135deg, var(--purple-dark) 0%, var(--purple) 50%, var(--purple-dark) 100%);
    border-radius:28px;
    padding:30px 28px 24px;
    position:relative;
    overflow:hidden;
    box-shadow:
        0 30px 60px -25px rgba(125,75,165,.5),
        0 0 0 1px rgba(229,200,139,.15) inset;
    isolation:isolate;
}
.services-inline::before,
.ba-inline::before{
    content:'';
    position:absolute;
    inset:0;
    background-image:radial-gradient(circle, rgba(255,255,255,.07) 1px, transparent 1px);
    background-size:22px 22px;
    opacity:.4;
    pointer-events:none;
    z-index:0;
}
.services-inline::after,
.ba-inline::after{
    content:'';
    position:absolute;
    top:0;
    left:0;
    right:0;
    height:100px;
    background:linear-gradient(180deg, rgba(255,255,255,.08) 0%, transparent 100%);
    pointer-events:none;
    z-index:0;
}

/* عنوان الأقسام */
.services-inline-head{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:18px;
    margin-bottom:24px;
    position:relative;
    z-index:2;
}
.services-head-line{
    flex:1;
    max-width:90px;
    height:2px;
    background:linear-gradient(90deg, transparent, var(--gold));
    border-radius:2px;
}
.services-head-line:last-child{
    background:linear-gradient(90deg, var(--gold), transparent);
}
.services-inline-head h2{
    font-family:var(--font-display);
    font-size:1.3rem;
    font-weight:700;
    color:var(--white);
    letter-spacing:3px;
    text-shadow:0 2px 12px rgba(0,0,0,.25);
    position:relative;
    padding:0 8px;
    white-space:nowrap;
}
.services-inline-head h2::before,
.services-inline-head h2::after{
    content:'✦';
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    color:var(--gold);
    font-size:.7rem;
    opacity:.85;
}
.services-inline-head h2::before{right:-14px}
.services-inline-head h2::after{left:-14px}

/* شبكة الخدمات */
.services-inline-grid{
    display:grid;
    grid-template-columns:repeat(5, 1fr);
    gap:14px;
    position:relative;
    z-index:2;
}

/* بطاقة الخدمة */
.services-inline-grid .service-item{
    position:relative;
    background:var(--white);
    border-radius:18px;
    overflow:hidden;
    cursor:pointer;
    transition:.5s var(--ease);
    padding-bottom:14px;
    text-align:center;
    box-shadow:
        0 12px 28px -12px rgba(0,0,0,.3),
        0 0 0 1px rgba(255,255,255,.5) inset;
    isolation:isolate;
    text-decoration:none;
    display:block;
}
.services-inline-grid .service-item::before{
    content:'';
    position:absolute;
    top:0;
    left:-100%;
    width:60%;
    height:100%;
    background:linear-gradient(90deg, transparent, rgba(229,200,139,.35), transparent);
    transition:left .7s var(--ease);
    z-index:3;
    pointer-events:none;
}
.services-inline-grid .service-item:hover::before{left:120%}
.services-inline-grid .service-item::after{
    content:'';
    position:absolute;
    top:0;
    right:0;
    left:0;
    height:3px;
    background:linear-gradient(90deg, var(--gold), var(--purple), var(--gold));
    transform:scaleX(0);
    transform-origin:center;
    transition:transform .5s var(--ease);
    z-index:2;
}
.services-inline-grid .service-item:hover::after{transform:scaleX(1)}
.services-inline-grid .service-item:hover{
    transform:translateY(-10px) scale(1.03);
    box-shadow:
        0 25px 45px -18px rgba(0,0,0,.4),
        0 0 0 1px var(--gold) inset;
}
.services-inline-grid .service-item-img{
    height:130px;
    overflow:hidden;
    margin-bottom:12px;
    position:relative;
}
.services-inline-grid .service-item-img::after{
    content:'';
    position:absolute;
    inset:0;
    background:linear-gradient(180deg, transparent 55%, rgba(125,75,165,.18) 100%);
    pointer-events:none;
    transition:.4s var(--ease);
}
.services-inline-grid .service-item:hover .service-item-img::after{
    background:linear-gradient(180deg, transparent 35%, rgba(125,75,165,.35) 100%);
}
.services-inline-grid .service-item-img img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .8s var(--ease);
}
.services-inline-grid .service-item:hover .service-item-img img{
    transform:scale(1.12) rotate(-1deg);
}
.services-inline-grid .service-item h4{
    font-family:var(--font-display);
    font-size:.85rem;
    color:var(--purple-dark);
    font-weight:700;
    padding:0 8px;
    line-height:1.35;
    position:relative;
    transition:.35s var(--ease);
    margin:0;
}
.services-inline-grid .service-item:hover h4{color:var(--purple)}

/* ============ التابس (داخل بطاقة النتائج) ============ */
.ba-inline .ba-tabs{
    display:flex;
    justify-content:center;
    gap:10px;
    margin-bottom:18px;
    flex-wrap:wrap;
    position:relative;
    z-index:2;
}
.ba-inline .ba-tab{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:8px 18px;
    background:rgba(255,255,255,.08);
    color:rgba(255,255,255,.75);
    border:1.5px solid rgba(255,255,255,.15);
    border-radius:50px;
    font-size:.78rem;
    font-weight:700;
    font-family:inherit;
    cursor:pointer;
    transition:.35s var(--ease);
}
.ba-inline .ba-tab:hover{
    background:rgba(255,255,255,.15);
    color:var(--white);
    border-color:rgba(229,200,139,.4);
}
.ba-inline .ba-tab.active{
    background:linear-gradient(135deg, var(--gold), #F0DCA8);
    color:var(--navy);
    border-color:transparent;
    box-shadow:0 10px 25px -8px rgba(229,200,139,.5);
}
.ba-inline .ba-tab.active i{color:var(--navy)}
.ba-inline .ba-tab i{font-size:.8rem;transition:.35s var(--ease)}

/* سلايدر النتائج */
.ba-inline .ba-slider{
    position:relative;
    display:flex;
    align-items:center;
    gap:14px;
    z-index:2;
}
.ba-inline .ba-stage{
    flex:1;
    position:relative;
    border-radius:18px;
    overflow:hidden;
    background:rgba(0,0,0,.2);
    min-height:260px;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:2px;
    box-shadow:0 20px 40px -20px rgba(0,0,0,.4);
}
.ba-inline .ba-stage-item{
    position:relative;
    overflow:hidden;
    min-height:260px;
}
.ba-inline .ba-stage-item img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform 1s var(--ease);
    animation:baFade .6s var(--ease);
}
.ba-inline .ba-stage-item:hover img{transform:scale(1.05)}
.ba-inline .ba-label-badge{
    position:absolute;
    top:12px;
    right:12px;
    background:rgba(30,27,41,.85);
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
    color:var(--white);
    padding:5px 14px;
    border-radius:50px;
    font-size:.72rem;
    font-weight:700;
    letter-spacing:1px;
    z-index:2;
}
.ba-inline .ba-stage-item.after .ba-label-badge{
    background:linear-gradient(135deg, var(--gold), #F0DCA8);
    color:var(--navy);
}
.ba-inline .ba-nav{
    width:46px;
    height:46px;
    flex-shrink:0;
    border-radius:50%;
    background:rgba(255,255,255,.95);
    color:var(--purple);
    display:flex;
    align-items:center;
    justify-content:center;
    border:none;
    transition:.35s var(--ease);
    cursor:pointer;
    box-shadow:0 8px 20px -6px rgba(0,0,0,.3);
    font-size:.9rem;
}
.ba-inline .ba-nav:hover{
    background:var(--gold);
    color:var(--navy);
    transform:scale(1.1);
    box-shadow:0 12px 28px -8px rgba(229,200,139,.5);
}
.ba-inline .ba-dots{
    display:flex;
    justify-content:center;
    gap:8px;
    margin-top:18px;
    position:relative;
    z-index:2;
}
.ba-inline .ba-dot{
    width:10px;
    height:10px;
    border-radius:50%;
    background:rgba(255,255,255,.25);
    cursor:pointer;
    transition:.3s var(--ease);
}
.ba-inline .ba-dot.active{
    width:28px;
    border-radius:6px;
    background:linear-gradient(90deg, var(--gold), #F0DCA8);
    box-shadow:0 0 12px rgba(229,200,139,.6);
}
.ba-inline .ba-empty{
    grid-column:1/-1;
    text-align:center;
    padding:50px 20px;
    color:rgba(255,255,255,.6);
    font-size:.9rem;
}

/* ============ بطاقة الحجز الذكي ============ */
.booking-cta{
    position:relative;
    padding:30px 24px 24px;
    background:
        radial-gradient(circle at 50% 0%, rgba(229,200,139,.15) 0%, transparent 55%),
        linear-gradient(160deg, var(--purple-dark) 0%, var(--purple) 100%);
    border-radius:24px;
    overflow:hidden;
    text-align:center;
    box-shadow:
        0 30px 60px -25px rgba(125,75,165,.5),
        0 0 0 1px rgba(229,200,139,.2) inset;
    isolation:isolate;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
}
.booking-cta::before{
    content:'';
    position:absolute;
    inset:0;
    background-image:radial-gradient(circle, rgba(255,255,255,.06) 1px, transparent 1px);
    background-size:20px 20px;
    opacity:.4;
    pointer-events:none;
    z-index:0;
}
.booking-cta-glow{
    position:absolute;
    top:-80px;
    left:50%;
    transform:translateX(-50%);
    width:200px;
    height:200px;
    background:radial-gradient(circle, rgba(229,200,139,.35) 0%, transparent 70%);
    filter:blur(20px);
    pointer-events:none;
    z-index:0;
    animation:ctaGlow 4s ease-in-out infinite;
}
@keyframes ctaGlow{
    0%,100%{opacity:.7;transform:translateX(-50%) scale(1)}
    50%{opacity:1;transform:translateX(-50%) scale(1.15)}
}
.booking-cta-icon{
    width:66px;
    height:66px;
    border-radius:50%;
    background:linear-gradient(135deg, var(--gold), #F0DCA8);
    color:var(--navy);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:1.6rem;
    margin-bottom:16px;
    position:relative;
    z-index:2;
    box-shadow:
        0 15px 35px -10px rgba(229,200,139,.6),
        0 0 0 6px rgba(229,200,139,.1);
    animation:ctaIconPulse 3s ease-in-out infinite;
}
@keyframes ctaIconPulse{
    0%,100%{box-shadow:0 15px 35px -10px rgba(229,200,139,.6), 0 0 0 6px rgba(229,200,139,.1)}
    50%{box-shadow:0 15px 35px -10px rgba(229,200,139,.8), 0 0 0 12px rgba(229,200,139,.05)}
}
.booking-cta h3{
    font-family:var(--font-display);
    font-size:1.2rem;
    color:var(--white);
    font-weight:700;
    margin-bottom:8px;
    position:relative;
    z-index:2;
    letter-spacing:-0.3px;
}
.booking-cta p{
    font-size:.8rem;
    color:rgba(255,255,255,.72);
    line-height:1.6;
    margin-bottom:20px;
    position:relative;
    z-index:2;
    max-width:220px;
}
.booking-cta-btn{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:11px 24px;
    background:rgba(255,255,255,.1);
    color:var(--white);
    font-family:var(--font-body);
    font-weight:700;
    font-size:.83rem;
    border-radius:50px;
    border:1.5px solid rgba(229,200,139,.5);
    text-decoration:none;
    transition:.4s var(--ease);
    position:relative;
    z-index:2;
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
}
.booking-cta-btn:hover{
    background:var(--gold);
    color:var(--navy);
    border-color:var(--gold);
    transform:translateY(-3px);
    box-shadow:0 15px 35px -10px rgba(229,200,139,.6);
    gap:14px;
}
.booking-cta-btn i{font-size:.85rem;transition:.4s var(--ease)}
.booking-cta-btn:hover i{transform:translateX(-4px)}

/* ============ Responsive ============ */
@media (max-width:1100px){
    .hero-main-grid{grid-template-columns:1fr;gap:20px}
    .hero-col-right{flex-direction:row;gap:16px}
    .hero-col-right .doctor-card,
    .hero-col-right .booking-cta{flex:1}
    .services-inline-grid{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:768px){
    .hero-col-right{flex-direction:column}
    .hero-slider{aspect-ratio:16/10;min-height:240px}
    .hero-slide-content{width:100%;padding:24px}
    .hero-slide-content h2{font-size:1.3rem}
    .services-inline,
    .ba-inline{padding:24px 20px 20px;border-radius:22px}
    .services-inline-head h2{font-size:1.05rem;letter-spacing:2px}
    .services-head-line{max-width:50px}
    .services-inline-grid{grid-template-columns:repeat(2,1fr);gap:12px}
    .services-inline-grid .service-item-img{height:120px}
    .ba-inline .ba-stage{min-height:200px}
    .ba-inline .ba-stage-item{min-height:200px}
    .ba-inline .ba-nav{width:40px;height:40px;font-size:.8rem}
    .ba-inline .ba-tab{padding:7px 14px;font-size:.72rem}
    .booking-cta{padding:26px 20px 22px}
    .booking-cta-icon{width:56px;height:56px;font-size:1.4rem}
}
@media (max-width:480px){
    .services-inline-grid{grid-template-columns:1fr}
    .services-inline-grid .service-item-img{height:160px}
    .ba-inline .ba-stage{grid-template-columns:1fr;min-height:auto}
    .ba-inline .ba-stage-item{min-height:200px}
}


/* ============ إخفاء الأقسام القديمة ============ */
.ba-section{display:none !important}


/* ==========================================================
   إصلاح التساوي + تقليل ارتفاع السلايدر + توحيد القياسات
   ========================================================== */

/* ============ 1. تساوي ارتفاع العمودين ============ */
.hero-main-grid{
    align-items:stretch !important;   /* ← كلا العمودين بنفس الارتفاع */
}

.hero-col-right{
    display:flex;
    flex-direction:column;
    gap:20px;
}

.hero-col-left{
    display:flex;
    flex-direction:column;
    gap:20px;
}

/* البطاقة تتمدد لملء الارتفاع المتاح */
.doctor-card{
    flex:1;
    display:flex;
    flex-direction:column;
    min-height:0;
}

/* الصورة تتمدد داخل البطاقة */
.doctor-card-full-image{
    flex:1;
    aspect-ratio:auto !important;  /* ← إلغاء 3/4 السابق */
    min-height:0;
    position:relative;
    overflow:hidden;
}

.doctor-card-full-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center top;
}

/* ============ 2. تقليل ارتفاع السلايدر + نسبة ثابتة ============ */
.hero-slider{
    aspect-ratio:16/8 !important;   /* ← نسبة ثابتة (2:1) لتصميم الصور */
    min-height:0 !important;        /* ← إزالة min-height القديم */
    height:auto !important;
    flex-shrink:0;
}

/* نصيحة: صمّمي صور السلايدر بنسبة 2:1 (مثلاً 1600×800 بكسل) */

/* ============ 3. توحيد قياسات صور قبل/بعد ============ */
.ba-inline .ba-stage-item{
    aspect-ratio:3/4 !important;    /* ← نسبة ثابتة موحّدة */
    min-height:0 !important;
}

.ba-inline .ba-stage-item img{
    width:100%;
    height:100%;
    object-fit:cover;
}

/* نصيحة: صمّمي صور قبل/بعد بنسبة 3:4 (مثلاً 600×800 بكسل) */

/* ============ Responsive ============ */
@media (max-width:1100px){
    .hero-col-right{
        flex-direction:row;
    }
    .hero-col-right .doctor-card{
        flex:1;
    }
    .doctor-card-full-image{
        aspect-ratio:3/4 !important;
        flex:none;
    }
}
@media (max-width:768px){
    .hero-col-right{
        flex-direction:column;
    }
    .hero-slider{
        aspect-ratio:16/10 !important;
    }
    .ba-inline .ba-stage-item{
        aspect-ratio:1/1 !important;
    }
}
@media (max-width:480px){
    .ba-inline .ba-stage-item{
        aspect-ratio:4/5 !important;
    }
}



/* ==========================================================
   الإصلاح النهائي — ارتفاع ثابت للسلايدر + تساوي الأعمدة
   ========================================================== */

/* ============ 1. الشبكة: العمودان بنفس الارتفاع ============ */
.hero-main-grid{
    display:grid !important;
    grid-template-columns:0.85fr 2.35fr !important;
    gap:20px !important;
    align-items:stretch !important;   /* ← كان start، الآن stretch */
}

/* ============ 2. العمود الأيمن ============ */
.hero-col-right{
    display:flex !important;
    flex-direction:column !important;
    gap:20px !important;
}
.hero-col-right .doctor-card{
    flex:1 !important;                /* ← يتمدد ليملأ الفراغ */
    min-height:0 !important;
}
.hero-col-right .booking-cta{
    flex:0 0 auto !important;         /* ← حجمه الطبيعي */
}

/* ============ 3. العمود الأيسر ============ */
.hero-col-left{
    display:flex !important;
    flex-direction:column !important;
    gap:20px !important;
}

/* ============ 4. السلايدر — ارتفاع ثابت ============ */
.hero-slider{
    height:340px !important;          /* ← ثابت، لن يتمدد */
    min-height:340px !important;
    max-height:340px !important;
    aspect-ratio:auto !important;
    flex:0 0 340px !important;        /* ← لا ينمو، لا ينكمش */
}

/* ============ 5. بطاقة الدكتورة — الصورة تتمدد ============ */
.doctor-card{
    display:flex !important;
    flex-direction:column !important;
    min-height:0 !important;
}
.doctor-card-full-image{
    flex:1 !important;
    aspect-ratio:auto !important;    /* ← إلغاء النسبة القديمة */
    min-height:0 !important;
    height:auto !important;
}

/* ============ 6. صور قبل/بعد — قياس موحّد وثابت ============ */
.ba-inline .ba-stage{
    min-height:auto !important;       /* ← إلغاء min-height */
    aspect-ratio:auto !important;
}
.ba-inline .ba-stage-item{
    aspect-ratio:3/4 !important;      /* ← نسبة موحّدة للأسنان والتجميل */
    min-height:0 !important;
    height:auto !important;
}

/* ============ Responsive ============ */
@media (max-width:1100px){
    .hero-main-grid{grid-template-columns:1fr !important}
    .hero-col-right{flex-direction:row !important}
    .hero-col-right .doctor-card{flex:1 !important}
    .hero-col-right .booking-cta{flex:1 !important;max-width:340px}
    .hero-slider{height:300px !important;flex:0 0 300px !important}
}
@media (max-width:768px){
    .hero-col-right{flex-direction:column !important}
    .hero-col-right .booking-cta{max-width:none}
    .hero-slider{height:220px !important;flex:0 0 220px !important}
    .ba-inline .ba-stage-item{aspect-ratio:1/1 !important}
}
@media (max-width:480px){
    .ba-inline .ba-stage-item{aspect-ratio:4/5 !important}
}



/* ==========================================================
   الإصلاح النهائي — بطاقة الدكتورة تنتهي مع نهاية الخدمات
   ========================================================== */

/* الشبكة الأم: صفان + عمودان */
.hero-main-grid{
    display:grid !important;
    grid-template-columns:0.85fr 2.35fr !important;
    grid-template-rows:340px auto auto !important;   /* ← الصف 1 = السلايدر، الصف 2 = الخدمات، الصف 3 = النتائج/الحجز */
    gap:20px !important;
    grid-template-areas:
        "doctor  slider"
        "doctor  services"
        "booking ba" !important;
}

/* إلغاء الحاويات الوسيطة حتى تصبح العناصر أبناء مباشرين للشبكة */
.hero-col-right,
.hero-col-left{
    display:contents !important;
}

/* توزيع العناصر على المناطق */
.doctor-card     { grid-area:doctor !important; }
.hero-slider     { grid-area:slider !important; }
.services-inline { grid-area:services !important; }
.booking-cta     { grid-area:booking !important; }
.ba-inline       { grid-area:ba !important; }

/* ============ السلايدر يملأ صفه بالكامل ============ */
.hero-slider{
    height:100% !important;
    min-height:0 !important;
    max-height:none !important;
    aspect-ratio:auto !important;
    flex:none !important;
}

/* ============ بطاقة الدكتورة تمتد على صفّين ============ */
.doctor-card{
    height:100% !important;
    display:flex !important;
    flex-direction:column !important;
    min-height:0 !important;
}

.doctor-card-full-image{
    flex:1 !important;
    aspect-ratio:auto !important;
    min-height:0 !important;
    height:auto !important;
}

/* ============ الحجز الذكي يملأ صفه ============ */
.booking-cta{
    height:100% !important;
    min-height:0 !important;
}

/* ============ صور قبل/بعد ============ */
.ba-inline .ba-stage-item{
    aspect-ratio:3/4 !important;
    min-height:0 !important;
}

/* ============ Responsive ============ */
@media (max-width:1100px){
    .hero-main-grid{
        grid-template-columns:1fr !important;
        grid-template-rows:auto !important;
        grid-template-areas:
            "slider"
            "services"
            "doctor"
            "booking"
            "ba" !important;
    }
    .doctor-card{height:auto !important}
    .doctor-card-full-image{aspect-ratio:3/4 !important;flex:none !important}
    .hero-slider{height:300px !important}
}
@media (max-width:768px){
    .hero-slider{height:220px !important}
    .doctor-card-full-image{aspect-ratio:4/5 !important}
    .ba-inline .ba-stage-item{aspect-ratio:1/1 !important}
}
@media (max-width:480px){
    .ba-inline .ba-stage-item{aspect-ratio:4/5 !important}
}


/* ============ صور قبل/بعد مربعة ============ */
.ba-inline .ba-stage-item{
    aspect-ratio:1/1 !important;   /* ← مربع */
    min-height:0 !important;
}

/* إذا كان هناك min-height على الـ stage نفسه، نلغيه */
.ba-inline .ba-stage{
    min-height:0 !important;
    aspect-ratio:auto !important;
}






/* ==========================================================
   بطاقة الحجز الذكي الجديدة — تحتوي نظام الحجز الكامل
   ========================================================== */

/* البطاقة الأساسية */
.booking-cta{
    position:relative;
    padding:26px 22px 22px !important;
    background:
        radial-gradient(circle at 50% 0%, rgba(229,200,139,.15) 0%, transparent 55%),
        linear-gradient(160deg, var(--purple-dark) 0%, var(--purple) 100%);
    border-radius:24px;
    overflow:hidden;
    box-shadow:
        0 30px 60px -25px rgba(125,75,165,.5),
        0 0 0 1px rgba(229,200,139,.2) inset;
    isolation:isolate;
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    justify-content:flex-start !important;
    text-align:center;
}

/* إزالة عرض الزر القديم */
.booking-cta > .booking-cta-btn{display:none}

/* ============ رأس البطاقة ============ */
.booking-cta-header{
    text-align:center;
    margin-bottom:18px;
    position:relative;
    z-index:2;
}

.booking-cta-icon{
    width:54px !important;
    height:54px !important;
    border-radius:50%;
    background:linear-gradient(135deg, var(--gold), #F0DCA8);
    color:var(--navy);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:1.3rem !important;
    margin:0 auto 12px !important;
    box-shadow:
        0 12px 30px -10px rgba(229,200,139,.6),
        0 0 0 5px rgba(229,200,139,.1);
    animation:ctaIconPulse 3s ease-in-out infinite;
}

.booking-cta-header h3{
    font-family:var(--font-display);
    font-size:1.05rem !important;
    color:var(--white);
    font-weight:700;
    margin-bottom:4px !important;
    letter-spacing:-0.2px;
    position:relative;
}

.booking-cta-header p{
    font-size:.72rem !important;
    color:rgba(255,255,255,.72);
    line-height:1.5;
    margin:0 auto !important;
    max-width:220px;
}

/* ============ مؤشر الخطوات ============ */
.booking-cta .booking-steps{
    display:flex;
    justify-content:space-between;
    margin-bottom:16px;
    position:relative;
    padding:0 6px;
    z-index:2;
}
.booking-cta .booking-steps::before{
    content:'';
    position:absolute;
    top:14px;
    right:20px;
    left:20px;
    height:1.5px;
    background:rgba(255,255,255,.15);
    z-index:0;
}
.booking-cta .step{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:3px;
    position:relative;
    z-index:1;
    background:transparent;
}
.booking-cta .step span{
    width:28px !important;
    height:28px !important;
    border-radius:50%;
    background:rgba(255,255,255,.1);
    border:1.5px solid rgba(255,255,255,.2);
    color:rgba(255,255,255,.7);
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:700;
    font-size:.72rem !important;
    transition:.3s var(--ease);
}
.booking-cta .step em{
    font-style:normal;
    font-size:.62rem !important;
    color:rgba(255,255,255,.55);
    font-weight:600;
}
.booking-cta .step.active span,
.booking-cta .step.done span{
    background:linear-gradient(135deg, var(--gold), #F0DCA8);
    border-color:transparent;
    color:var(--navy);
    box-shadow:0 6px 16px -4px rgba(229,200,139,.5);
}
.booking-cta .step.active em,
.booking-cta .step.done em{
    color:var(--gold);
}

/* ============ محتوى الخطوات ============ */
.booking-cta .booking-step-content{
    display:none;
    position:relative;
    z-index:2;
}
.booking-cta .booking-step-content.active{
    display:block;
    animation:fadeUp .5s var(--ease);
}

.booking-cta .booking-step-content h4{
    font-family:var(--font-display);
    font-size:.85rem !important;
    color:var(--white);
    margin-bottom:12px !important;
    font-weight:700;
    text-align:center;
}

/* الحقول */
.booking-cta .field{
    margin-bottom:10px;
}
.booking-cta .field input,
.booking-cta .field select{
    width:100%;
    padding:10px 14px !important;
    background:rgba(255,255,255,.08) !important;
    border:1.5px solid rgba(255,255,255,.15) !important;
    border-radius:12px !important;
    font-size:.82rem !important;
    color:var(--white) !important;
    outline:none;
    transition:.3s var(--ease);
    font-family:inherit;
    text-align:center;
}
.booking-cta .field input::placeholder{
    color:rgba(255,255,255,.4);
}
.booking-cta .field input:focus,
.booking-cta .field select:focus{
    border-color:var(--gold) !important;
    background:rgba(255,255,255,.12) !important;
    box-shadow:0 0 0 3px rgba(229,200,139,.15);
}
.booking-cta .field select{
    cursor:pointer;
    appearance:none;
    background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23E5C88B' stroke-width='2'><polyline points='6 9 12 15 18 9'/></svg>") !important;
    background-repeat:no-repeat !important;
    background-position:left 14px center !important;
    padding-left:38px !important;
}
.booking-cta .field select option{
    background:var(--purple-dark);
    color:var(--white);
}

.booking-cta .row-2{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
}

/* الأزرار */
.booking-cta .btn-next{
    width:100%;
    margin-top:6px;
    justify-content:center;
    font-size:.8rem !important;
    padding:11px 20px !important;
}
.booking-cta .btn-primary{
    background:linear-gradient(135deg, var(--gold), #F0DCA8) !important;
    color:var(--navy) !important;
    box-shadow:0 12px 28px -10px rgba(229,200,139,.5) !important;
}
.booking-cta .btn-primary:hover{
    transform:translateY(-2px);
    box-shadow:0 16px 35px -10px rgba(229,200,139,.7) !important;
}
.booking-cta .btn-primary:disabled{
    background:rgba(255,255,255,.15) !important;
    color:rgba(255,255,255,.4) !important;
    box-shadow:none !important;
}

.booking-cta .btn-outline{
    background:transparent !important;
    color:var(--white) !important;
    border:1.5px solid rgba(255,255,255,.25) !important;
    font-size:.75rem !important;
    padding:9px 16px !important;
}
.booking-cta .btn-outline:hover{
    background:rgba(255,255,255,.1) !important;
    border-color:var(--gold) !important;
    color:var(--gold) !important;
}

.booking-cta .booking-nav{
    display:flex;
    justify-content:space-between;
    gap:8px;
    margin-top:14px;
}
.booking-cta .booking-nav .btn-primary{
    flex:1;
    justify-content:center;
}

.booking-cta .btn-back{
    width:100%;
    margin-top:8px;
    justify-content:center;
}

/* أزرار الأوقات */
.booking-cta .time-slots{
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:6px;
    margin:10px 0;
    max-height:180px;
    overflow-y:auto;
    padding:4px;
}
.booking-cta .time-slot{
    padding:8px 4px !important;
    background:rgba(255,255,255,.08) !important;
    border:1.5px solid transparent !important;
    border-radius:9px;
    font-size:.72rem !important;
    font-weight:700;
    color:var(--white) !important;
    cursor:pointer;
    transition:.3s var(--ease);
    text-align:center;
}
.booking-cta .time-slot:hover{
    background:rgba(255,255,255,.15) !important;
    border-color:var(--gold) !important;
}
.booking-cta .time-slot.selected{
    background:linear-gradient(135deg, var(--gold), #F0DCA8) !important;
    color:var(--navy) !important;
    border-color:transparent !important;
}
.booking-cta .time-slot.taken{
    background:rgba(255,255,255,.04) !important;
    color:rgba(255,255,255,.3) !important;
    cursor:not-allowed;
    text-decoration:line-through;
}
.booking-cta .empty-slots{
    grid-column:1/-1;
    text-align:center;
    color:rgba(255,255,255,.5);
    font-size:.72rem;
    padding:10px;
}

/* الملخص */
.booking-cta .booking-summary{
    background:rgba(0,0,0,.2) !important;
    border-radius:12px;
    padding:12px 14px !important;
    margin-bottom:12px;
}
.booking-cta .booking-summary p{
    display:flex;
    justify-content:space-between;
    padding:5px 0;
    font-size:.72rem !important;
    color:rgba(255,255,255,.8);
    border-bottom:1px dashed rgba(255,255,255,.1);
}
.booking-cta .booking-summary p:last-child{border-bottom:0}
.booking-cta .booking-summary strong{
    color:var(--gold);
    font-weight:700;
}

/* زر واتساب */
.booking-cta .btn-whatsapp{
    width:100%;
    justify-content:center;
    padding:12px 20px !important;
    font-size:.8rem !important;
    margin-top:0 !important;
}

/* Scrollbar للأوقات */
.booking-cta .time-slots::-webkit-scrollbar{width:4px}
.booking-cta .time-slots::-webkit-scrollbar-track{background:rgba(255,255,255,.05);border-radius:4px}
.booking-cta .time-slots::-webkit-scrollbar-thumb{background:var(--gold);border-radius:4px}

/* ============ Responsive ============ */
@media (max-width:768px){
    .booking-cta{
        padding:22px 18px 18px !important;
    }
    .booking-cta .time-slots{
        grid-template-columns:repeat(2, 1fr);
    }
}





/* ==========================================================
   TESTIMONIALS + TIPS — التصميم الفخم الجديد
   ========================================================== */

/* ============================================================
   1. قسم آراء المرضى — الفخم
   ============================================================ */

.testimonials-section{
    padding:60px 0 70px !important;
    background:
        radial-gradient(circle at 15% 20%, rgba(125,75,165,.06) 0%, transparent 50%),
        radial-gradient(circle at 85% 80%, rgba(229,200,139,.08) 0%, transparent 50%),
        linear-gradient(180deg, var(--bg) 0%, var(--white) 100%) !important;
    position:relative;
    overflow:hidden;
}
.ba-inline{
    margin-bottom:0 !important;
}

/* شبكة البطاقات */
.testimonials-grid{
    display:grid !important;
    grid-template-columns:repeat(3, 1fr) !important;
    gap:24px !important;
    position:relative;
    z-index:1;
}

/* ============ بطاقة الرأي ============ */
.testimonial-card{
    background:
        radial-gradient(circle at 100% 0%, rgba(229,200,139,.1) 0%, transparent 50%),
        linear-gradient(160deg, var(--purple-dark) 0%, var(--purple) 100%) !important;
    padding:40px 30px 30px !important;
    border-radius:24px !important;
    position:relative !important;
    overflow:hidden !important;
    box-shadow:
        0 25px 60px -25px rgba(125,75,165,.45),
        0 0 0 1px rgba(229,200,139,.15) inset !important;
    border:none !important;
    transition:transform .5s var(--ease), box-shadow .5s var(--ease) !important;
    isolation:isolate;
}

.testimonial-card{
    border:1px solid rgba(229,200,139,.2) !important;
}
.testimonial-card:hover{
    border-color:rgba(229,200,139,.5) !important;
}

/* طبقة النقاط الزخرفية */
.testimonial-card::before{
    content:'' !important;
    position:absolute !important;
    inset:0 !important;
    background-image:radial-gradient(circle, rgba(255,255,255,.05) 1px, transparent 1px) !important;
    background-size:20px 20px !important;
    opacity:.4;
    pointer-events:none;
    z-index:0;
    border-radius:24px !important;
}

/* خط ذهبي علوي */
.testimonial-card::after{
    content:'' !important;
    position:absolute !important;
    top:0 !important;
    right:20px !important;
    left:20px !important;
    height:2px !important;
    background:linear-gradient(90deg, transparent, var(--gold), transparent) !important;
    border-radius:2px !important;
    opacity:.7;
    z-index:2;
}

.testimonial-card:hover{
    transform:translateY(-10px) !important;
    box-shadow:
        0 40px 80px -30px rgba(125,75,165,.65),
        0 0 0 1px rgba(229,200,139,.35) inset !important;
}

/* علامة الاقتباس الذهبية */
.testimonial-card .quote-icon{
    font-family:var(--font-display) !important;
    font-size:5rem !important;
    line-height:1 !important;
    color:var(--gold) !important;
    opacity:.35 !important;
    position:absolute !important;
    top:14px !important;
    left:24px !important;
    z-index:1 !important;
    text-shadow:0 4px 20px rgba(229,200,139,.4);
}

/* النجوم */
.testimonial-card .stars{
    color:var(--gold) !important;
    font-size:.9rem !important;
    letter-spacing:3px !important;
    margin-bottom:18px !important;
    position:relative;
    z-index:1;
    filter:drop-shadow(0 2px 6px rgba(229,200,139,.5));
}

/* النص */
.testimonial-card p{
    color:rgba(255,255,255,.85) !important;
    font-size:.92rem !important;
    line-height:1.9 !important;
    margin-bottom:26px !important;
    position:relative !important;
    z-index:1 !important;
    padding-top:8px;
    font-style:italic;
}

/* معلومات المريض */
.testimonial-card .testimonial-author{
    display:flex !important;
    align-items:center !important;
    gap:14px !important;
    padding-top:22px !important;
    border-top:1px solid rgba(229,200,139,.2) !important;
    position:relative;
    z-index:1;
}

.testimonial-card .testimonial-author img{
    width:54px !important;
    height:54px !important;
    border-radius:50% !important;
    object-fit:cover !important;
    border:2.5px solid var(--gold) !important;
    box-shadow:
        0 0 0 4px rgba(229,200,139,.12),
        0 8px 20px -6px rgba(229,200,139,.4) !important;
    transition:.4s var(--ease);
}

.testimonial-card:hover .testimonial-author img{
    transform:scale(1.08);
    box-shadow:
        0 0 0 6px rgba(229,200,139,.18),
        0 12px 28px -6px rgba(229,200,139,.6) !important;
}

.testimonial-card .testimonial-author strong{
    display:block !important;
    font-family:var(--font-display) !important;
    font-size:1rem !important;
    color:var(--white) !important;
    font-weight:700 !important;
    margin-bottom:2px;
    letter-spacing:-0.2px;
}

.testimonial-card .testimonial-author span{
    display:block;
    font-size:.75rem !important;
    color:var(--gold) !important;
    letter-spacing:1px;
    font-weight:600;
}

/* ============================================================
   2. قسم نصائح الدكتورة — الفخم
   ============================================================ */

.tips-section{
    padding:90px 0 !important;
    background:
        radial-gradient(circle at 20% 20%, rgba(125,75,165,.08) 0%, transparent 55%),
        radial-gradient(circle at 80% 80%, rgba(229,200,139,.1) 0%, transparent 50%),
        linear-gradient(180deg, var(--white) 0%, var(--bg) 100%) !important;
    position:relative;
    overflow:hidden;
}

/* زخرفة علوية */
.tips-section::before{
    content:'';
    position:absolute;
    top:40px;
    left:50%;
    transform:translateX(-50%);
    width:300px;
    height:2px;
    background:linear-gradient(90deg, transparent, var(--gold), transparent);
    border-radius:2px;
    opacity:.5;
}

/* الشبكة */
.tips-grid{
    display:grid !important;
    grid-template-columns:repeat(3, 1fr) !important;
    gap:24px !important;
    position:relative;
    z-index:1;
}

/* ============ بطاقة النصيحة ============ */
.tip-card{
    background:var(--white) !important;
    border-radius:24px !important;
    padding:36px 30px 30px !important;
    position:relative !important;
    overflow:hidden !important;
    box-shadow:
        0 20px 50px -20px rgba(125,75,165,.2),
        0 0 0 1px rgba(125,75,165,.06) !important;
    transition:transform .5s var(--ease), box-shadow .5s var(--ease) !important;
    border:none !important;
    border-top:none !important;
    isolation:isolate;
}

/* إطار ذهبي علوي متدرج */
.tip-card::before{
    content:'' !important;
    position:absolute !important;
    top:0 !important;
    right:0 !important;
    left:0 !important;
    height:4px !important;
    background:linear-gradient(90deg, var(--purple), var(--gold), var(--purple)) !important;
    transform:scaleX(0);
    transform-origin:center;
    transition:transform .5s var(--ease);
    z-index:3;
    border-radius:24px 24px 0 0 !important;
}

/* دائرة زخرفية */
.tip-card::after{
    content:'' !important;
    position:absolute !important;
    top:-60px !important;
    right:-60px !important;
    width:180px !important;
    height:180px !important;
    border-radius:50% !important;
    background:radial-gradient(circle, rgba(229,200,139,.15), transparent 70%) !important;
    transition:.6s var(--ease);
    z-index:0;
    pointer-events:none;
}

.tip-card:hover{
    transform:translateY(-12px) !important;
    box-shadow:
        0 40px 80px -30px rgba(125,75,165,.4),
        0 0 0 1px rgba(229,200,139,.3) !important;
}

.tip-card:hover::before{
    transform:scaleX(1);
}

.tip-card:hover::after{
    transform:scale(1.5);
}

/* رقم النصيحة (خلفي شفاف) */
.tip-number{
    position:absolute !important;
    bottom:16px !important;
    left:20px !important;
    font-family:var(--font-display) !important;
    font-size:4.5rem !important;
    font-weight:700 !important;
    color:rgba(125,75,165,.08) !important;
    line-height:1 !important;
    pointer-events:none;
    z-index:0;
    transition:.5s var(--ease);
}

.tip-card:hover .tip-number{
    color:rgba(229,200,139,.18) !important;
    transform:translateX(-8px) scale(1.1);
}

/* أيقونة النصيحة */
.tip-icon{
    width:72px !important;
    height:72px !important;
    border-radius:22px !important;
    background:linear-gradient(135deg, var(--purple-soft), #E8DCF7) !important;
    color:var(--purple) !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    font-size:1.6rem !important;
    margin-bottom:24px !important;
    position:relative !important;
    z-index:1;
    box-shadow:
        0 12px 30px -10px rgba(125,75,165,.3),
        0 0 0 1px rgba(125,75,165,.08) inset !important;
    transition:.5s var(--ease);
}

.tip-card:hover .tip-icon{
    background:linear-gradient(135deg, var(--purple), var(--purple-dark)) !important;
    color:var(--white) !important;
    transform:rotate(-8deg) scale(1.08);
    box-shadow:
        0 20px 40px -10px rgba(125,75,165,.5),
        0 0 0 6px rgba(125,75,165,.1) !important;
}

/* عنوان النصيحة */
.tip-card h3{
    font-family:var(--font-display) !important;
    font-size:1.15rem !important;
    color:var(--purple-dark) !important;
    margin-bottom:12px !important;
    font-weight:700 !important;
    position:relative !important;
    z-index:1;
    line-height:1.35;
    letter-spacing:-0.3px;
    transition:.3s var(--ease);
}

.tip-card:hover h3{
    color:var(--purple) !important;
}

/* نص النصيحة */
.tip-card p{
    color:var(--muted) !important;
    font-size:.9rem !important;
    line-height:1.85 !important;
    position:relative !important;
    z-index:1;
}

/* ============================================================
   Responsive
   ============================================================ */
@media (max-width:1100px){
    .testimonials-grid,
    .tips-grid{
        grid-template-columns:repeat(2, 1fr) !important;
    }
}
@media (max-width:768px){
    .testimonials-section,
    .tips-section{
        padding:60px 0 !important;
    }
    .testimonials-grid,
    .tips-grid{
        grid-template-columns:1fr !important;
        gap:18px !important;
    }
    .testimonial-card{
        padding:34px 24px 26px !important;
    }
    .tip-card{
        padding:30px 24px 26px !important;
    }
    .tip-icon{
        width:60px !important;
        height:60px !important;
        font-size:1.35rem !important;
    }
    .tip-number{
        font-size:3.6rem !important;
    }
    .testimonial-card .quote-icon{
        font-size:4rem !important;
    }
}




/* ==========================================================
   FOOTER — التصميم الفخم الجديد (طبقة واحدة، بدون لوكو)
   ========================================================== */

.footer{
    position:relative !important;
    background:
        radial-gradient(circle at 15% 20%, rgba(125,75,165,.15) 0%, transparent 45%),
        radial-gradient(circle at 85% 80%, rgba(229,200,139,.08) 0%, transparent 50%),
        linear-gradient(160deg, #1A1730 0%, #0F0D1A 60%, #0A0814 100%) !important;
    color:#B8B2C8 !important;
    padding:60px 0 0 !important;
    margin-top:80px !important;
    overflow:hidden !important;
    border-top:1px solid rgba(229,200,139,.15) !important;
}

/* نقاط زخرفية */
.footer::before{
    content:'';
    position:absolute;
    inset:0;
    background-image:radial-gradient(circle, rgba(229,200,139,.06) 1px, transparent 1px);
    background-size:26px 26px;
    opacity:.5;
    pointer-events:none;
    z-index:0;
}

/* توهج علوي */
.footer-glow{
    position:absolute !important;
    top:-250px !important;
    left:50% !important;
    transform:translateX(-50%) !important;
    width:900px !important;
    height:500px !important;
    background:radial-gradient(ellipse, rgba(125,75,165,.35), transparent 65%) !important;
    pointer-events:none !important;
    z-index:0;
}

.footer-inner{
    position:relative;
    z-index:2;
    display:grid !important;
    grid-template-columns:1fr 1fr 1.3fr 1.2fr !important;
    gap:50px !important;
    padding-bottom:50px !important;
}

/* ============ الأعمدة ============ */
.footer-col h4{
    font-family:var(--font-display) !important;
    font-size:1.05rem !important;
    color:var(--white) !important;
    margin-bottom:22px !important;
    font-weight:700 !important;
    position:relative !important;
    padding-bottom:14px !important;
    letter-spacing:-0.2px;
}
.footer-col h4::after{
    content:'' !important;
    position:absolute !important;
    bottom:0 !important;
    right:0 !important;
    width:44px !important;
    height:2px !important;
    background:linear-gradient(90deg, var(--gold), transparent) !important;
    border-radius:2px !important;
    box-shadow:0 0 12px rgba(229,200,139,.4);
}

.footer-col a{
    display:block !important;
    color:#A9A3BC !important;
    font-size:.86rem !important;
    margin-bottom:12px !important;
    transition:.35s var(--ease) !important;
    text-decoration:none !important;
    position:relative;
    padding-inline-start:0;
}
.footer-col a::before{
    content:'›';
    position:absolute;
    right:-14px;
    top:50%;
    transform:translateY(-50%);
    color:var(--gold);
    opacity:0;
    font-size:1.1rem;
    transition:.35s var(--ease);
}
.footer-col a:hover{
    color:var(--gold) !important;
    padding-inline-start:14px;
}
.footer-col a:hover::before{opacity:1;right:-2px}

/* ============ عمود التواصل ============ */
.footer-contact-col .footer-contact-item{
    display:flex !important;
    align-items:center !important;
    gap:12px !important;
    color:#A9A3BC !important;
    font-size:.86rem !important;
    margin-bottom:14px !important;
    direction:ltr !important;
    text-decoration:none !important;
    transition:.35s var(--ease) !important;
    padding:6px 0;
}
.footer-contact-col .footer-contact-item i{
    width:36px !important;
    height:36px !important;
    border-radius:12px !important;
    background:linear-gradient(135deg, rgba(229,200,139,.12), rgba(229,200,139,.04)) !important;
    color:var(--gold) !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    font-size:.82rem !important;
    flex-shrink:0 !important;
    transition:.4s var(--ease) !important;
    border:1px solid rgba(229,200,139,.15);
}
.footer-contact-col .footer-contact-item:hover{
    color:var(--white) !important;
    transform:translateX(-4px);
}
.footer-contact-col .footer-contact-item:hover i{
    background:linear-gradient(135deg, var(--gold), #F0DCA8) !important;
    color:var(--navy) !important;
    border-color:transparent !important;
    transform:rotate(-8deg) scale(1.08);
    box-shadow:0 10px 24px -6px rgba(229,200,139,.5);
}
.footer-contact-col .footer-contact-item span{
    direction:ltr !important;
    unicode-bidi:embed !important;
}


.footer-hours i{
    color:var(--gold) !important;
    font-size:.9rem !important;
}

/* ============ عمود المتابعة ============ */
.footer-follow-col{
    display:flex;
    flex-direction:column;
}
.footer-socials{
    display:flex !important;
    gap:10px !important;
    margin-bottom:24px !important;
}
.footer-socials a{
    width:44px !important;
    height:44px !important;
    border-radius:14px !important;
    background:linear-gradient(135deg, rgba(229,200,139,.08), rgba(255,255,255,.03)) !important;
    border:1px solid rgba(229,200,139,.2) !important;
    color:#D8D2E5 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    font-size:.9rem !important;
    transition:.4s var(--ease) !important;
    margin:0 !important;
    padding:0 !important;
}
.footer-socials a::before{display:none}
.footer-socials a:hover{
    background:linear-gradient(135deg, var(--gold), #F0DCA8) !important;
    color:var(--navy) !important;
    border-color:transparent !important;
    transform:translateY(-4px) rotate(-6deg) !important;
    box-shadow:0 15px 30px -8px rgba(229,200,139,.55) !important;
    padding:0 !important;
}

/* ============ الحقوق (داخل نفس الطبقة) ============ */
.footer-copyright{
    margin-top:auto;
    padding-top:20px;
    border-top:1px dashed rgba(229,200,139,.2);
}
.footer-copyright p{
    font-size:.75rem !important;
    color:#8E88A3 !important;
    line-height:1.7 !important;
    margin-bottom:6px !important;
}
.footer-copyright p:last-child{margin-bottom:0 !important}

.footer-copyright .footer-copy span{
    color:var(--gold) !important;
    font-weight:700 !important;
    font-family:var(--font-display) !important;
    letter-spacing:.3px;
}
.footer-copyright .footer-designed a{
    color:var(--gold) !important;
    font-weight:700 !important;
    position:relative !important;
    display:inline-block !important;
    padding:0 !important;
    margin:0 !important;
}
.footer-copyright .footer-designed a::before{display:none}
.footer-copyright .footer-designed a::after{
    content:'' !important;
    position:absolute !important;
    bottom:-2px !important;
    right:0 !important;
    left:0 !important;
    height:1px !important;
    background:var(--gold) !important;
    transform:scaleX(0) !important;
    transform-origin:right !important;
    transition:.35s var(--ease) !important;
}
.footer-copyright .footer-designed a:hover{
    padding:0 !important;
    transform:none !important;
}
.footer-copyright .footer-designed a:hover::after{
    transform:scaleX(1) !important;
}

/* ============ الخط السفلي الذهبي ============ */
.footer-bottom-line{
    position:relative;
    height:2px;
    background:linear-gradient(90deg,
        transparent 0%,
        rgba(229,200,139,.3) 20%,
        var(--gold) 50%,
        rgba(229,200,139,.3) 80%,
        transparent 100%);
    box-shadow:0 -4px 20px rgba(229,200,139,.3);
}

/* ============ Responsive ============ */
@media (max-width:1100px){
    .footer-inner{
        grid-template-columns:1fr 1fr !important;
        gap:36px !important;
    }
}
@media (max-width:768px){
    .footer{
        padding:50px 0 0 !important;
        margin-top:60px !important;
    }
    .footer-inner{
        grid-template-columns:1fr !important;
        gap:30px !important;
        padding-bottom:36px !important;
    }
    .footer-col h4{
        font-size:1rem !important;
        margin-bottom:16px !important;
    }
    .footer-socials a{
        width:40px !important;
        height:40px !important;
    }
    .footer-copyright{
        padding-top:16px;
    }
}



/* ==========================================================
   FOOTER — تقارب الأعمدة + توحيد الخط الفاصل
   ========================================================== */

/* ✅ 1. مسافة يمين ويسار لجعل الأعمدة تتقارب */
.footer-inner{
    padding-inline:80px !important;
    gap:40px !important;
}

/* ✅ 2. توحيد الخط الفاصل فوق "الوقت" و"الحقوق" */
.footer-contact-col,
.footer-follow-col{
    display:flex !important;
    flex-direction:column !important;
}

/* الخط الفاصل في عمود التواصل */
.footer-contact-col .footer-hours{
    margin-top:auto !important;
    padding-top:20px !important;
    padding-bottom:0 !important;
    border-top:1px dashed rgba(229,200,139,.2) !important;
    min-height:70px !important;
}

/* الخط الفاصل في عمود المتابعة */
.footer-follow-col .footer-copyright{
    margin-top:auto !important;
    padding-top:20px !important;
    padding-bottom:0 !important;
    border-top:1px dashed rgba(229,200,139,.2) !important;
    min-height:70px !important;
}

/* ✅ 3. تنسيق موحّد للنصوص */
.footer-copyright p,
.footer-hours{
    font-size:.75rem !important;
    color:#8E88A3 !important;
    line-height:1.7 !important;
    margin:0 0 6px 0 !important;
}
.footer-copyright p:last-child{margin-bottom:0 !important}

/* الاسم الذهبي */
.footer-copyright .footer-copy span{
    color:var(--gold) !important;
    font-weight:700 !important;
    font-family:var(--font-display) !important;
    letter-spacing:.3px;
}

/* ============ Responsive ============ */
@media (max-width:1100px){
    .footer-inner{padding-inline:40px !important;gap:32px !important}
}
@media (max-width:768px){
    .footer-inner{padding-inline:20px !important}
    .footer-contact-col .footer-hours,
    .footer-follow-col .footer-copyright{
        min-height:auto !important;
    }
}


.footer-copyright .footer-copy{
    font-size:.72rem !important;
    line-height:1.6 !important;
}
.footer-copyright .footer-copy span{
    display:inline !important;
    white-space:nowrap !important;
}



.section-head{
    position:relative;
}
.section-head::before{
    content:'✦';
    position:absolute;
    top:-40px;
    left:50%;
    transform:translateX(-50%);
    color:var(--gold);
    opacity:.4;
    font-size:1rem;
}



/* ============ إصلاح أرقام النصائح ============ */
.tip-number{
    position:absolute !important;
    top:20px !important;
    left:20px !important;
    bottom:auto !important;
    font-family:var(--font-display) !important;
    font-size:2.4rem !important;
    font-weight:700 !important;
    color:rgba(125,75,165,.08) !important;
    line-height:1 !important;
    pointer-events:none !important;
    z-index:0 !important;
    transition:.5s var(--ease) !important;
}
.tip-card:hover .tip-number{
    color:rgba(229,200,139,.2) !important;
    transform:none !important;
}


/* ============ إصلاح اتجاه حقوق التصميم ============ */
.footer-designed{
    direction:ltr !important;
    unicode-bidi:embed !important;
    text-align:right !important;
    white-space:nowrap !important;
}
.footer-designed a{
    display:inline !important;
}



/* ============ حقوق التصميم — نص عادي بلون واحد ============ */
.footer-copyright .footer-designed{
    direction:ltr !important;
    unicode-bidi:embed !important;
    text-align:right !important;
    font-size:.72rem !important;
    color:#8E88A3 !important;
    line-height:1.7 !important;
    margin:0 !important;
    padding:0 !important;
    font-weight:400 !important;
    font-family:var(--font-body) !important;
    letter-spacing:normal !important;
}



/* ==========================================================
   إصلاح الفوتر — تساوي الخطوط + توحيد الألوان
   ========================================================== */

/* ✅ 1. جعل العمودين بنفس البنية */
.footer-contact-col,
.footer-follow-col{
    display:flex !important;
    flex-direction:column !important;
    height:100% !important;
}

/* ✅ 2. تثبيت المساحة فوق الخط الفاصل بنفس الارتفاع */
.footer-contact-col .footer-contact-item,
.footer-follow-col .footer-socials{
    flex-shrink:0;
}

/* المحتوى الذي فوق الخط — ارتفاع ثابت لضمان تساوي الخطوط */
.footer-contact-col .footer-contact-item:nth-of-type(1),
.footer-follow-col .footer-socials{
    margin-top:0 !important;
}

/* ✅ 3. الخط الفاصل — نفس المستوى بالضبط */
.footer-contact-col .footer-hours,
.footer-follow-col .footer-copyright{
    margin-top:auto !important;             /* ← يدفعهم للأسفل بنفس المسافة */
    padding-top:16px !important;
    border-top:1px dashed rgba(229,200,139,.2) !important;
    min-height:90px !important;             /* ← يضمن تساوي الارتفاع */
    display:flex !important;
    flex-direction:column !important;
    justify-content:flex-start !important;
    gap:6px !important;
}

/* ✅ 4. توحيد لون كل النصوص — رمادي موحّد */
.footer-copyright p,
.footer-copyright .footer-copy,
.footer-copyright .footer-copy span,
.footer-copyright .footer-designed,
.footer-copyright .footer-designed span,
.footer-copyright .footer-designed a,
.footer-hours,
.footer-hours span{
    color:#8E88A3 !important;
    font-size:.75rem !important;
    font-weight:400 !important;
    font-family:var(--font-body) !important;
    letter-spacing:normal !important;
    line-height:1.7 !important;
    text-align:right !important;           /* ← نفس اتجاه البداية */
    margin:0 !important;
    padding:0 !important;
}

/* ✅ 5. إزالة كل الألوان الذهبية من الحقوق */
.footer-copyright .footer-copy span,
.footer-copyright .footer-designed a{
    color:#8E88A3 !important;
    font-weight:400 !important;
    font-family:var(--font-body) !important;
}

/* إزالة الخط الذهبي تحت رابط التصميم */
.footer-copyright .footer-designed a::after{
    display:none !important;
}

/* ✅ 6. النص الإنجليزي - اتجاه LTR لكن يبدأ من نفس المكان */
.footer-copyright .footer-designed,
.footer-copyright .footer-copy{
    direction:ltr !important;
    unicode-bidi:embed !important;
    text-align:right !important;
    white-space:normal !important;
}

/* ✅ 7. الوقت — نفس التنسيق */


.footer-hours i{
    color:#8E88A3 !important;
    font-size:.8rem !important;
    order:0;
}

.footer-hours span{
    order:1;
}

/* ============ Responsive ============ */
@media (max-width:1100px){
    .footer-contact-col .footer-hours,
    .footer-follow-col .footer-copyright{
        min-height:70px !important;
    }
}

@media (max-width:768px){
    .footer-contact-col .footer-hours,
    .footer-follow-col .footer-copyright{
        min-height:auto !important;
        margin-top:16px !important;
    }
}


/* ============ تنسيق "مواعيد الدوام" ============ */
.footer-hours .hours-label{
    color:#8E88A3 !important;
    font-weight:600 !important;
    font-size:.75rem !important;
    font-family:var(--font-body) !important;
    margin-inline-end:4px !important;
    white-space:nowrap !important;
}

/* إصلاح ترتيب العرض داخل الساعات */


.footer-hours i{
    order:1 !important;
}

.footer-hours .hours-label{
    order:2 !important;
}

.footer-hours span[data-site="hours"]{
    order:3 !important;
    direction:ltr !important;
    unicode-bidi:embed !important;
}


/* ============ مواعيد الدوام — كل شيء في سطر واحد ============ */


.footer-hours i{
    color:#8E88A3 !important;
    font-size:.8rem !important;
    flex-shrink:0 !important;
    order:1 !important;
}

.footer-hours .hours-label{
    color:#8E88A3 !important;
    font-size:.72rem !important;
    font-weight:600 !important;
    font-family:var(--font-body) !important;
    white-space:nowrap !important;
    flex-shrink:0 !important;
    order:2 !important;
    margin:0 !important;
}

.footer-hours span[data-site="hours"]{
    color:#8E88A3 !important;
    font-size:.7rem !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    flex-shrink:1 !important;
    order:3 !important;
    direction:ltr !important;
    unicode-bidi:embed !important;
}


/* ============ مواعيد الدوام ============ */
.footer-hours{
    display:flex !important;
    align-items:center !important;
    flex-wrap:nowrap !important;
    justify-content:flex-end !important;
    gap:8px !important;
    direction:rtl !important;
    white-space:nowrap !important;
    margin-top:16px !important;
    padding-top:16px !important;
    border-top:1px dashed rgba(229,200,139,.2) !important;
    color:#8E88A3 !important;
    font-size:.72rem !important;
}

.footer-hours i{
    color:#8E88A3 !important;
    font-size:.8rem !important;
    flex-shrink:0 !important;
}

.footer-hours .hours-label{
    color:#8E88A3 !important;
    font-weight:600 !important;
    font-size:.72rem !important;
    flex-shrink:0 !important;
    white-space:nowrap !important;
    margin:0 !important;
}

.footer-hours span[data-site="hours"]{
    color:#8E88A3 !important;
    font-size:.7rem !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    direction:ltr !important;
    unicode-bidi:embed !important;
}





/* ============ الحل النهائي - تجاوز كل القواعد السابقة ============ */
.footer-contact-col .footer-hours,
.footer-inner .footer-contact-col .footer-hours,
.footer .footer-inner .footer-contact-col .footer-hours{
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:6px !important;
    direction:rtl !important;
    white-space:nowrap !important;
    margin-top:16px !important;
    padding-top:16px !important;
    border-top:1px dashed rgba(229,200,139,.2) !important;
    color:#8E88A3 !important;
    font-size:.72rem !important;
}

.footer-contact-col .footer-hours > i,
.footer-inner .footer-contact-col .footer-hours > i{
    color:#8E88A3 !important;
    font-size:.8rem !important;
    flex-shrink:0 !important;
    display:inline-flex !important;
    width:auto !important;
    height:auto !important;
    background:none !important;
    border:none !important;
    padding:0 !important;
    margin:0 !important;
}

.footer-contact-col .footer-hours > .hours-label,
.footer-inner .footer-contact-col .footer-hours > .hours-label{
    color:#8E88A3 !important;
    font-size:.72rem !important;
    font-weight:600 !important;
    font-family:var(--font-body) !important;
    white-space:nowrap !important;
    flex-shrink:0 !important;
    margin:0 !important;
    padding:0 !important;
    display:inline !important;
}

.footer-contact-col .footer-hours > span[data-site="hours"],
.footer-inner .footer-contact-col .footer-hours > span[data-site="hours"]{
    color:#8E88A3 !important;
    font-size:.7rem !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    flex-shrink:1 !important;
    direction:ltr !important;
    unicode-bidi:embed !important;
    margin:0 !important;
    padding:0 !important;
    display:inline !important;
}




/* ============ مواعيد الدوام — تصميم عمودي ============ */
.footer-hours,
.footer-contact-col .footer-hours,
.footer-inner .footer-contact-col .footer-hours,
.footer .footer-inner .footer-contact-col .footer-hours{
    display:flex !important;
    flex-direction:column !important;    /* ← عمودي */
    align-items:flex-end !important;     /* ← من اليمين (RTL) */
    gap:4px !important;
    direction:rtl !important;
    flex-wrap:nowrap !important;
    margin-top:16px !important;
    padding-top:16px !important;
    border-top:1px dashed rgba(229,200,139,.2) !important;
    color:#8E88A3 !important;
    font-size:.72rem !important;
    white-space:nowrap !important;
}

/* السطر الأول: 🕐 مواعيد الدوام */
.footer-hours .footer-hours-head,
.footer-contact-col .footer-hours .footer-hours-head{
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    gap:6px !important;
    justify-content:flex-end !important;
    white-space:nowrap !important;
}

.footer-hours .footer-hours-head > i,
.footer-contact-col .footer-hours .footer-hours-head > i{
    color:#8E88A3 !important;
    font-size:.8rem !important;
    flex-shrink:0 !important;
    display:inline-flex !important;
    margin:0 !important;
    padding:0 !important;
}

.footer-hours .footer-hours-head > .hours-label,
.footer-contact-col .footer-hours .footer-hours-head > .hours-label{
    color:#8E88A3 !important;
    font-size:.72rem !important;
    font-weight:600 !important;
    font-family:var(--font-body) !important;
    margin:0 !important;
    padding:0 !important;
    display:inline !important;
    white-space:nowrap !important;
}

/* السطر الثاني: الأيام والوقت */
.footer-hours > span[data-site="hours"],
.footer-contact-col .footer-hours > span[data-site="hours"]{
    color:#8E88A3 !important;
    font-size:.7rem !important;
    font-weight:400 !important;
    white-space:nowrap !important;
    direction:ltr !important;
    unicode-bidi:embed !important;
    margin:0 !important;
    padding:0 !important;
    display:inline !important;
    text-align:right !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    max-width:100% !important;
}


/* ============ تساوي الخطوط الفاصلة في الفوتر ============ */

/* إعادة بناء العمودين */
.footer-inner > .footer-contact-col,
.footer-inner > .footer-follow-col{
    display:flex !important;
    flex-direction:column !important;
    height:100% !important;
}

/* العنصر الذي فوق الخط — يأخذ المساحة المتبقية */
.footer-inner > .footer-contact-col .footer-hours,
.footer-inner > .footer-follow-col .footer-copyright{
    margin-top:auto !important;
    min-height:auto !important;
}

/* ============ عمود التواصل — مواعيد الدوام ============ */
.footer-contact-col .footer-hours,
.footer .footer-contact-col .footer-hours,
.footer-inner .footer-contact-col .footer-hours{
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-end !important;
    gap:6px !important;
    direction:rtl !important;
    width:100% !important;
    padding-top:18px !important;
    padding-bottom:18px !important;
    margin-top:auto !important;
    border-top:1px dashed rgba(229,200,139,.2) !important;
    border-bottom:none !important;
    color:#8E88A3 !important;
    white-space:nowrap !important;
    min-height:0 !important;
}

/* السطر الأول: 🕐 مواعيد الدوام */
.footer-contact-col .footer-hours .footer-hours-head{
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    gap:6px !important;
    justify-content:flex-end !important;
    direction:rtl !important;
    white-space:nowrap !important;
    margin:0 !important;
}

.footer-contact-col .footer-hours .footer-hours-head i{
    color:#8E88A3 !important;
    font-size:.8rem !important;
    flex-shrink:0 !important;
    order:1 !important;
    display:inline-flex !important;
    margin:0 !important;
    padding:0 !important;
}

.footer-contact-col .footer-hours .footer-hours-head .hours-label{
    color:#8E88A3 !important;
    font-size:.72rem !important;
    font-weight:600 !important;
    order:2 !important;
    white-space:nowrap !important;
    margin:0 !important;
    padding:0 !important;
    font-family:var(--font-body) !important;
}

/* السطر الثاني: الأيام والوقت */
.footer-contact-col .footer-hours > span[data-site="hours"]{
    color:#8E88A3 !important;
    font-size:.7rem !important;
    font-weight:400 !important;
    white-space:nowrap !important;
    direction:ltr !important;
    unicode-bidi:embed !important;
    margin:0 !important;
    padding:0 !important;
    display:inline !important;
    text-align:right !important;
}

/* ============ عمود تابعينا — الحقوق ============ */
.footer-follow-col .footer-copyright,
.footer .footer-follow-col .footer-copyright,
.footer-inner .footer-follow-col .footer-copyright{
    display:flex !important;
    flex-direction:column !important;
    gap:6px !important;
    width:100% !important;
    padding-top:18px !important;
    padding-bottom:18px !important;
    margin-top:auto !important;
    border-top:1px dashed rgba(229,200,139,.2) !important;
    border-bottom:none !important;
    min-height:0 !important;
}

.footer-follow-col .footer-copyright p{
    color:#8E88A3 !important;
    font-size:.72rem !important;
    font-weight:400 !important;
    line-height:1.7 !important;
    margin:0 !important;
    padding:0 !important;
    text-align:right !important;
}



/* ============ محاذاة مواعيد الدوام لليمين ============ */

.footer-contact-col .footer-hours,
.footer .footer-contact-col .footer-hours,
.footer-inner .footer-contact-col .footer-hours{
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-end !important;      /* ← محاذاة لليمين */
    justify-content:flex-start !important;
    text-align:right !important;
    direction:rtl !important;
    gap:6px !important;
    width:100% !important;
    padding-top:18px !important;
    padding-bottom:18px !important;
    padding-inline-start:0 !important;    /* ← إلغاء padding اليسار */
    padding-inline-end:0 !important;      /* ← إلغاء padding اليمين */
    margin-top:auto !important;
    border-top:1px dashed rgba(229,200,139,.2) !important;
    min-height:0 !important;
}

/* السطر الأول: 🕐 مواعيد الدوام */
.footer-contact-col .footer-hours .footer-hours-head{
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:flex-start !important;  /* ← يبدأ من اليمين في RTL */
    gap:6px !important;
    direction:rtl !important;
    width:100% !important;
    text-align:right !important;
    margin:0 !important;
    padding:0 !important;
}

.footer-contact-col .footer-hours .footer-hours-head i{
    order:1 !important;
    color:#8E88A3 !important;
    font-size:.8rem !important;
    flex-shrink:0 !important;
    margin:0 !important;
    padding:0 !important;
}

.footer-contact-col .footer-hours .footer-hours-head .hours-label{
    order:2 !important;
    color:#8E88A3 !important;
    font-size:.72rem !important;
    font-weight:600 !important;
    white-space:nowrap !important;
    margin:0 !important;
    padding:0 !important;
    text-align:right !important;
}

/* السطر الثاني: الأيام والوقت */
.footer-contact-col .footer-hours > span[data-site="hours"]{
    display:block !important;
    width:100% !important;
    color:#8E88A3 !important;
    font-size:.7rem !important;
    font-weight:400 !important;
    white-space:nowrap !important;
    direction:rtl !important;              /* ← عربي من اليمين */
    unicode-bidi:embed !important;
    text-align:right !important;          /* ← محاذاة لليمين */
    margin:0 !important;
    padding:0 !important;
}


/* ==========================================================
   ANNOUNCEMENT BAR — شريط علوي متحرك بحركة سلسة 60 FPS
   ========================================================== */

.announcement-bar{
    position:relative;
    background:
        linear-gradient(90deg,
            var(--purple-dark) 0%,
            var(--purple) 50%,
            var(--purple-dark) 100%);
    color:var(--white);
    height:42px;
    overflow:hidden;
    display:flex;
    align-items:center;
    z-index:1001;
    border-bottom:1px solid rgba(229,200,139,.2);
    box-shadow:0 4px 12px -6px rgba(0,0,0,.25);
    /* GPU acceleration */
    transform:translate3d(0,0,0);
    backface-visibility:hidden;
    -webkit-backface-visibility:hidden;
}

/* خلفية زخرفية بنقاط ذهبية */
.announcement-bar::before{
    content:'';
    position:absolute;
    inset:0;
    background-image:radial-gradient(circle, rgba(229,200,139,.12) 1px, transparent 1px);
    background-size:24px 24px;
    opacity:.4;
    pointer-events:none;
    z-index:0;
}

/* المحتوى المتحرك */
.announcement-marquee{
    position:relative;
    flex:1;
    height:100%;
    overflow:hidden;
    display:flex;
    align-items:center;
    /* GPU acceleration */
    transform:translate3d(0,0,0);
    will-change:transform;
}

/* المسار المتحرك */
.announcement-track{
    display:inline-flex;
    align-items:center;
    /* لا gap — نستخدم padding على كل عنصر */
    white-space:nowrap;
    will-change:transform;
    transform:translate3d(0,0,0);
    backface-visibility:hidden;
    -webkit-backface-visibility:hidden;
    animation:marqueeScroll var(--marquee-duration, 40s) linear infinite;
    animation-play-state:running;
}

/* عنصر الإعلان */
.announcement-item{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding-inline-end:60px;   /* ← المسافة بين الإعلانات */
    font-family:var(--font-body);
    font-size:.86rem;
    font-weight:500;
    letter-spacing:.3px;
    color:var(--white);
    text-shadow:0 1px 2px rgba(0,0,0,.2);
    transform:translate3d(0,0,0);
    backface-visibility:hidden;
    -webkit-backface-visibility:hidden;
    white-space:nowrap;
}

.announcement-item i{
    color:var(--gold);
    font-size:.8rem;
}

/* الحركة — سلسة بـ translate3d */
@keyframes marqueeScroll{
    0%{
        transform:translate3d(0, 0, 0);
    }
    100%{
        transform:translate3d(50%, 0, 0);
    }
}

/* عند المرور → توقف ناعم */
.announcement-marquee:hover .announcement-track{
    animation-play-state:paused;
}

/* زر الإغلاق */
.announcement-close{
    position:relative;
    flex-shrink:0;
    width:42px;
    height:42px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:rgba(255,255,255,.05);
    border-inline-start:1px solid rgba(255,255,255,.1);
    color:var(--white);
    font-size:.85rem;
    cursor:pointer;
    transition:.3s var(--ease);
    z-index:2;
}
.announcement-close:hover{
    background:rgba(255,255,255,.15);
    color:var(--gold);
    transform:rotate(90deg);
}

/* عند الإغلاق — يختفي بحركة ناعمة */
.announcement-bar.hidden{
    height:0;
    opacity:0;
    border:none;
    transition:height .4s var(--ease), opacity .3s var(--ease);
}

/* ============ Responsive ============ */
@media (max-width:768px){
    .announcement-bar{
        height:38px;
    }
    .announcement-track{
        gap:40px;
        padding-inline-end:40px;
    }
    .announcement-item{
        font-size:.78rem;
    }
    .announcement-close{
        width:38px;
        height:38px;
        font-size:.78rem;
    }
}



/* ==========================================================
   PRELOADER
   ========================================================== */
/* ==========================================================
   PRELOADER — التصميم الجديد بأيقونة ذهبية
   ========================================================== */
.preloader{
    position:fixed;
    inset:0;
    background:linear-gradient(160deg,#1A1730 0%,#0F0D1A 60%,#0A0814 100%);
    display:flex;
    align-items:center;
    justify-content:center;
    z-index:99999;
    transition:opacity .6s var(--ease), visibility .6s var(--ease);
}
.preloader.hidden{
    opacity:0;
    visibility:hidden;
    pointer-events:none;
}
.preloader-inner{
    position:relative;
    text-align:center;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:24px;        /* ← من 14 إلى 24 */
    padding:40px;
}

/* أيقونة السنّة الذهبية */
.preloader-tooth{
    width:80px;
    height:80px;
    border-radius:50%;
    background:linear-gradient(135deg, var(--gold), #F0DCA8);
    color:var(--navy);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:2rem;
    margin-bottom:20px;    /* ← من 8 إلى 20 */
    box-shadow:
        0 20px 50px -10px rgba(229,200,139,.6),
        0 0 0 8px rgba(229,200,139,.08);
    animation:toothPulse 2s ease-in-out infinite;
    position:relative;
    z-index:2;
}
@keyframes toothPulse{
    0%,100%{
        transform:scale(1);
        box-shadow:
            0 20px 50px -10px rgba(229,200,139,.6),
            0 0 0 8px rgba(229,200,139,.08);
    }
    50%{
        transform:scale(1.08);
        box-shadow:
            0 25px 60px -10px rgba(229,200,139,.8),
            0 0 0 16px rgba(229,200,139,.04);
    }
}

/* حلقة دوّارة ذهبية */
.preloader-ring{
    position:absolute;
    top:50%;
    left:50%;
    width:130px;
    height:130px;
    margin-top:-65px;    /* ← نصف الارتفاع */
    margin-left:-65px;   /* ← نصف العرض */
    border-radius:50%;
    border:2px solid transparent;
    border-top-color:var(--gold);
    border-right-color:var(--gold);
    animation:preloaderSpin 1.5s linear infinite;
    opacity:.5;
    pointer-events:none;
}
@keyframes preloaderSpin{
    to{transform:rotate(360deg)}
}

/* اسم الدكتورة */
.preloader-name{
    font-family:var(--font-display);
    font-size:1.4rem;
    font-weight:700;
    color:var(--white);
    letter-spacing:-0.3px;
    margin-top:0px;
    opacity:0;
    animation:fadeInUp .8s var(--ease) .3s forwards;
}

.preloader-sub{
    font-family:var(--font-body);
    font-size:.68rem;
    letter-spacing:4px;
    color:var(--gold);
    text-transform:uppercase;
    opacity:0;
    animation:fadeInUp .8s var(--ease) .5s forwards;
}

/* Loading */
.preloader-text{
    font-family:var(--font-body);
    font-size:.65rem;
    letter-spacing:5px;
    color:rgba(229,200,139,.6);
    text-transform:uppercase;
    margin-top:14px;
    opacity:0;
    animation:fadeInUp .8s var(--ease) .7s forwards,
              preloaderFade 1.2s var(--ease) 1.5s infinite alternate;
}
@keyframes fadeInUp{
    from{opacity:0;transform:translateY(10px)}
    to{opacity:1;transform:translateY(0)}
}
@keyframes preloaderFade{
    from{opacity:.4}
    to{opacity:.9}
}


/* ==========================================================
   CLINIC STATUS — حالة العيادة المباشرة
   ========================================================== */
.clinic-status.open{
    background:rgba(37,211,102,.12);
    color:#25D366;
    border:1px solid rgba(37,211,102,.3);
}
.clinic-status.closed{
    background:rgba(239,68,68,.12);
    color:#EF4444;
    border:1px solid rgba(239,68,68,.3);
}
.status-dot{
    width:7px;
    height:7px;
    border-radius:50%;
    flex-shrink:0;
}
.clinic-status.open .status-dot{
    background:#25D366;
    box-shadow:0 0 0 0 rgba(37,211,102,.7);
    animation:statusPulse 2s infinite;
}
.clinic-status.closed .status-dot{
    background:#EF4444;
}
@keyframes statusPulse{
    0%{box-shadow:0 0 0 0 rgba(37,211,102,.7)}
    70%{box-shadow:0 0 0 6px rgba(37,211,102,0)}
    100%{box-shadow:0 0 0 0 rgba(37,211,102,0)}
}



/* ==========================================================
   BACK TO TOP + Progress Ring
   ========================================================== */
.back-to-top{
    position:fixed;
    bottom:30px;
    right:30px;
    width:56px;
    height:56px;
    border-radius:50%;
    background:var(--white);
    border:none;
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow:0 12px 30px -8px rgba(125,75,165,.35);
    z-index:900;
    opacity:0;
    visibility:hidden;
    transform:translateY(20px);
    transition:.4s var(--ease);
}
.back-to-top.visible{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}
.back-to-top:hover{
    transform:translateY(-4px);
    box-shadow:0 18px 40px -10px rgba(125,75,165,.5);
}
.back-to-top:hover i{
    color:var(--gold);
    transform:translateY(-2px);
}
.back-to-top i{
    position:relative;
    z-index:2;
    color:var(--purple);
    font-size:1rem;
    transition:.3s var(--ease);
}
.progress-ring{
    position:absolute;
    top:0;
    left:0;
    transform:rotate(-90deg);
}
.progress-ring-circle{
    stroke-dasharray:157;
    stroke-dashoffset:157;
    stroke-linecap:round;
    transition:stroke-dashoffset .15s linear;
}

@media (max-width:768px){
    .back-to-top{
        width:48px;
        height:48px;
        bottom:20px;
        right:20px;
    }
    .progress-ring{
        width:48px;
        height:48px;
    }
    .progress-ring-bg,
    .progress-ring-circle{
        r:21;
        cx:24;
        cy:24;
    }
}



/* ==========================================================
   LIVE VISITORS COUNTER
   ========================================================== */
.live-visitors{
    display:flex;
    align-items:center;
    gap:8px;
    padding:10px 14px;
    background:linear-gradient(135deg, rgba(229,200,139,.08), rgba(229,200,139,.03));
    border:1px solid rgba(229,200,139,.18);
    border-radius:12px;
    color:#D8D2E5;
    font-size:.72rem;
    font-family:var(--font-body);
    margin-bottom:16px;
    direction:rtl;
    transition:.3s var(--ease);
}
.live-visitors:hover{
    background:linear-gradient(135deg, rgba(229,200,139,.15), rgba(229,200,139,.06));
    border-color:rgba(229,200,139,.35);
}
.live-visitors .pulse-dot{
    width:8px;
    height:8px;
    border-radius:50%;
    background:#25D366;
    flex-shrink:0;
    box-shadow:0 0 0 0 rgba(37,211,102,.7);
    animation:statusPulse 2s infinite;
}
.live-visitors strong{
    color:var(--gold);
    font-weight:700;
    font-family:var(--font-display);
    font-size:.88rem;
    letter-spacing:.5px;
}
.live-visitors span:last-child{
    color:#8E88A3;
}


/* ============ حالة العيادة بجانب تسجيل الدخول ============ */
.cell-row-2 .clinic-status{
    display:inline-flex !important;
    align-items:center !important;
    gap:5px !important;
    padding:4px 10px !important;
    border-radius:50px !important;
    font-size:.65rem !important;
    font-weight:700 !important;
    font-family:var(--font-body) !important;
    white-space:nowrap !important;
    margin:0 !important;
    transition:.3s var(--ease);
    line-height:1.4;
}

.cell-row-2 .clinic-status.open{
    background:rgba(37,211,102,.12);
    color:#25D366;
    border:1px solid rgba(37,211,102,.3);
}

.cell-row-2 .clinic-status.closed{
    background:rgba(239,68,68,.12);
    color:#EF4444;
    border:1px solid rgba(239,68,68,.3);
}

.cell-row-2 .clinic-status .status-dot{
    width:6px !important;
    height:6px !important;
    border-radius:50% !important;
    flex-shrink:0;
}

.cell-row-2 .clinic-status.open .status-dot{
    background:#25D366;
    box-shadow:0 0 0 0 rgba(37,211,102,.7);
    animation:statusPulse 2s infinite;
}

.cell-row-2 .clinic-status.closed .status-dot{
    background:#EF4444;
}


/* ==========================================================
   8 ميزات دفعة واحدة
   ========================================================== */

/* ============ 1. شريط التقدّم ============ */
.scroll-progress-bar{
    position:fixed;
    top:0;
    right:0;
    left:0;
    height:3px;
    background:linear-gradient(90deg, var(--purple), var(--gold), #F0DCA8);
    z-index:10001;
    width:0%;
    transition:width .1s linear;
    box-shadow:0 0 12px rgba(229,200,139,.6);
    pointer-events:none;
}

/* ============ 2. Custom Cursor ============ */
@media (hover: hover) and (pointer: fine){
    body{ cursor:none; }
    a, button, input, select, textarea, .service-item, .ba-tab, .tool-btn { cursor:none !important; }

    .custom-cursor{
        position:fixed;
        width:12px;
        height:12px;
        border-radius:50%;
        background:var(--gold);
        pointer-events:none;
        z-index:99998;
        transform:translate(-50%, -50%);
        transition:width .25s var(--ease), height .25s var(--ease), background .25s var(--ease);
        mix-blend-mode:difference;
        box-shadow:0 0 12px rgba(229,200,139,.6);
    }
    .custom-cursor.hover{
        width:44px;
        height:44px;
        background:rgba(229,200,139,.4);
    }
    .custom-cursor-outline{
        position:fixed;
        width:36px;
        height:36px;
        border:1.5px solid rgba(125,75,165,.5);
        border-radius:50%;
        pointer-events:none;
        z-index:99997;
        transform:translate(-50%, -50%);
        transition:transform .15s ease-out, width .3s var(--ease), height .3s var(--ease);
    }
    .custom-cursor-outline.hover{
        width:60px;
        height:60px;
        border-color:var(--gold);
    }
}

/* ============ 3. Scroll Animations (تحديث) ============ */
.reveal{
    opacity:0;
    transform:translateY(35px);
    transition:opacity .8s var(--ease), transform .8s var(--ease);
    will-change:opacity, transform;
}
.reveal.visible{
    opacity:1;
    transform:translateY(0);
}
.reveal.delay-1{ transition-delay:.1s; }
.reveal.delay-2{ transition-delay:.2s; }
.reveal.delay-3{ transition-delay:.3s; }
.reveal.delay-4{ transition-delay:.4s; }

/* ============ 4. قسم "لماذا نحن؟" ============ */
.why-us-section{
    padding:80px 0;
    background:linear-gradient(180deg, var(--bg) 0%, var(--white) 100%);
    position:relative;
    overflow:hidden;
}
.why-us-section::before{
    content:'';
    position:absolute;
    top:20%;
    left:-10%;
    width:400px;
    height:400px;
    background:radial-gradient(circle, rgba(125,75,165,.06), transparent 70%);
    pointer-events:none;
}
.why-us-grid{
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    gap:22px;
    position:relative;
    z-index:1;
}
.why-card{
    background:var(--white);
    border-radius:22px;
    padding:36px 24px 30px;
    text-align:center;
    position:relative;
    overflow:hidden;
    box-shadow:0 15px 40px -15px rgba(125,75,165,.15);
    transition:.5s var(--ease);
    border:1px solid rgba(125,75,165,.06);
}
.why-card::before{
    content:'';
    position:absolute;
    top:0;
    right:0;
    left:0;
    height:4px;
    background:linear-gradient(90deg, var(--purple), var(--gold), var(--purple));
    transform:scaleX(0);
    transform-origin:center;
    transition:transform .5s var(--ease);
}
.why-card:hover{
    transform:translateY(-10px);
    box-shadow:0 30px 60px -20px rgba(125,75,165,.35);
    border-color:rgba(229,200,139,.3);
}
.why-card:hover::before{ transform:scaleX(1); }
.why-card-icon{
    width:80px;
    height:80px;
    border-radius:24px;
    background:linear-gradient(135deg, var(--purple-soft), #E8DCF7);
    color:var(--purple);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:1.8rem;
    margin:0 auto 22px;
    transition:.5s var(--ease);
    position:relative;
}
.why-card:hover .why-card-icon{
    background:linear-gradient(135deg, var(--purple), var(--purple-dark));
    color:var(--gold);
    transform:rotate(-8deg) scale(1.08);
    box-shadow:0 15px 35px -8px rgba(125,75,165,.5);
}
.why-card h3{
    font-family:var(--font-display);
    font-size:1.1rem;
    color:var(--purple-dark);
    margin-bottom:10px;
    font-weight:700;
}
.why-card p{
    color:var(--muted);
    font-size:.86rem;
    line-height:1.8;
}

/* ============ 5. قسم العروض + Countdown ============ */
.offers-section{
    padding:80px 0;
    background:
        radial-gradient(circle at 20% 20%, rgba(125,75,165,.08) 0%, transparent 50%),
        radial-gradient(circle at 80% 80%, rgba(229,200,139,.1) 0%, transparent 50%),
        linear-gradient(160deg, #1A1730 0%, #0F0D1A 60%, #0A0814 100%);
    position:relative;
    overflow:hidden;
    color:var(--white);
}
.offers-section::before{
    content:'';
    position:absolute;
    inset:0;
    background-image:radial-gradient(circle, rgba(229,200,139,.05) 1px, transparent 1px);
    background-size:24px 24px;
    opacity:.4;
    pointer-events:none;
}
.offers-section .section-head h2{ color:var(--white); }
.offers-section .section-head h2 em{ color:var(--gold); }
.offers-section .section-head p{ color:rgba(255,255,255,.7); }
.offers-section .eyebrow{ color:var(--gold); }
.offers-section .eyebrow .line{ background:var(--gold); }

.offers-countdown{
    display:flex;
    justify-content:center;
    gap:16px;
    margin:30px 0 50px;
    flex-wrap:wrap;
    position:relative;
    z-index:1;
}
.countdown-box{
    background:linear-gradient(135deg, rgba(229,200,139,.15), rgba(229,200,139,.05));
    border:1px solid rgba(229,200,139,.3);
    border-radius:16px;
    padding:18px 22px;
    min-width:90px;
    text-align:center;
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
    box-shadow:0 10px 30px -10px rgba(229,200,139,.3);
    transition:.3s var(--ease);
}
.countdown-box:hover{
    transform:translateY(-4px);
    border-color:var(--gold);
    box-shadow:0 15px 40px -10px rgba(229,200,139,.5);
}
.countdown-num{
    display:block;
    font-family:var(--font-display);
    font-size:2.2rem;
    font-weight:700;
    color:var(--gold);
    line-height:1;
    margin-bottom:6px;
    text-shadow:0 2px 12px rgba(229,200,139,.4);
}
.countdown-lbl{
    display:block;
    font-size:.7rem;
    letter-spacing:2px;
    color:rgba(255,255,255,.65);
    text-transform:uppercase;
}

.offers-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));
    gap:24px;
    max-width:900px;
    margin:0 auto;
    position:relative;
    z-index:1;
}
.offer-card{
    background:linear-gradient(160deg, rgba(255,255,255,.08), rgba(255,255,255,.02));
    border:1px solid rgba(229,200,139,.25);
    border-radius:24px;
    padding:36px 28px;
    text-align:center;
    position:relative;
    overflow:hidden;
    transition:.5s var(--ease);
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
}
.offer-card:hover{
    transform:translateY(-8px);
    border-color:var(--gold);
    box-shadow:0 30px 60px -20px rgba(229,200,139,.4);
}
.offer-card::before{
    content:'';
    position:absolute;
    top:-50px;
    right:-50px;
    width:150px;
    height:150px;
    border-radius:50%;
    background:radial-gradient(circle, rgba(229,200,139,.15), transparent 70%);
    pointer-events:none;
}
.offer-badge{
    position:absolute;
    top:16px;
    left:16px;
    background:linear-gradient(135deg, #EF4444, #DC2626);
    color:var(--white);
    padding:5px 14px;
    border-radius:50px;
    font-size:.7rem;
    font-weight:700;
    letter-spacing:1px;
    box-shadow:0 6px 16px -4px rgba(239,68,68,.5);
    animation:offerPulse 2s ease-in-out infinite;
}
@keyframes offerPulse{
    0%,100%{ transform:scale(1); }
    50%{ transform:scale(1.05); }
}
.offer-icon{
    width:80px;
    height:80px;
    border-radius:50%;
    background:linear-gradient(135deg, var(--gold), #F0DCA8);
    color:var(--navy);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:1.8rem;
    margin:0 auto 22px;
    box-shadow:0 15px 35px -10px rgba(229,200,139,.6);
}
.offer-card h3{
    font-family:var(--font-display);
    font-size:1.2rem;
    color:var(--white);
    margin-bottom:18px;
    font-weight:700;
}
.offer-prices{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:12px;
    margin-bottom:24px;
    flex-wrap:wrap;
}
.offer-old{
    font-size:1rem;
    color:rgba(255,255,255,.5);
    text-decoration:line-through;
    text-decoration-thickness:2px;
    text-decoration-color:rgba(239,68,68,.8);
}
.offer-new{
    font-family:var(--font-display);
    font-size:1.6rem;
    font-weight:700;
    color:var(--gold);
    text-shadow:0 2px 12px rgba(229,200,139,.5);
}
.offer-currency{
    font-size:.8rem;
    color:rgba(255,255,255,.7);
    margin-inline-start:4px;
}
.offer-btn{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:12px 26px;
    background:linear-gradient(135deg, var(--gold), #F0DCA8);
    color:var(--navy);
    border-radius:50px;
    font-weight:700;
    font-size:.85rem;
    text-decoration:none;
    box-shadow:0 12px 30px -10px rgba(229,200,139,.6);
    transition:.4s var(--ease);
}
.offer-btn:hover{
    transform:translateY(-3px);
    box-shadow:0 18px 40px -10px rgba(229,200,139,.8);
    gap:14px;
    color:var(--navy);
}

/* ============ 6. قسم فريق العمل ============ */
.team-section{
    padding:80px 0;
    background:
        radial-gradient(circle at 20% 30%, rgba(125,75,165,.05) 0%, transparent 50%),
        linear-gradient(180deg, var(--white) 0%, var(--bg) 100%);
    position:relative;
    overflow:hidden;
}
.team-grid{
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:24px;
    max-width:1000px;
    margin:0 auto;
    position:relative;
    z-index:1;
}
.team-card{
    background:var(--white);
    border-radius:24px;
    overflow:hidden;
    text-align:center;
    position:relative;
    transition:.5s var(--ease);
    box-shadow:0 15px 40px -15px rgba(125,75,165,.2);
    border:1px solid rgba(125,75,165,.06);
}
.team-card:hover{
    transform:translateY(-10px);
    box-shadow:0 40px 80px -25px rgba(125,75,165,.4);
    border-color:rgba(229,200,139,.3);
}
.team-card-image{
    position:relative;
    aspect-ratio:1/1;
    overflow:hidden;
}
.team-card-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center top;
    transition:transform 1s var(--ease);
}
.team-card:hover .team-card-image img{ transform:scale(1.08); }
.team-card-image::after{
    content:'';
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    height:60%;
    background:linear-gradient(180deg, transparent, rgba(30,27,41,.85));
    pointer-events:none;
}
.team-card-body{
    padding:20px 20px 26px;
    position:relative;
}
.team-card h3{
    font-family:var(--font-display);
    font-size:1.1rem;
    color:var(--purple-dark);
    margin-bottom:6px;
    font-weight:700;
}
.team-card p{
    color:var(--gold);
    font-size:.8rem;
    font-weight:600;
    letter-spacing:1px;
    margin:0;
}

/* ============ 7. Share Widget ============ */
.share-widget{
    position:fixed;
    bottom:100px;
    left:26px;
    z-index:998;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:12px;
}
.share-toggle{
    width:56px;
    height:56px;
    border-radius:50%;
    background:linear-gradient(135deg, var(--purple), var(--purple-dark));
    color:var(--white);
    border:none;
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:1.2rem;
    box-shadow:0 12px 30px -8px rgba(125,75,165,.6);
    transition:.4s var(--ease);
}
.share-toggle:hover{
    transform:scale(1.1);
    box-shadow:0 16px 40px -8px rgba(125,75,165,.8);
}
.share-widget.open .share-toggle{
    transform:rotate(45deg);
    background:linear-gradient(135deg, var(--gold), #F0DCA8);
    color:var(--navy);
}
.share-menu{
    display:flex;
    flex-direction:column;
    gap:10px;
    opacity:0;
    visibility:hidden;
    transform:translateY(10px);
    transition:.4s var(--ease);
    pointer-events:none;
}
.share-widget.open .share-menu{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
    pointer-events:all;
}
.share-item{
    width:46px;
    height:46px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:var(--white);
    font-size:1rem;
    text-decoration:none;
    border:none;
    cursor:pointer;
    box-shadow:0 8px 20px -6px rgba(0,0,0,.3);
    transition:.3s var(--ease);
}
.share-item:hover{ transform:scale(1.12) translateY(-2px); }
.share-item.whatsapp{ background:linear-gradient(135deg, #25D366, #128C7E); }
.share-item.facebook{ background:linear-gradient(135deg, #1877F2, #0E5FCC); }
.share-item.twitter{ background:linear-gradient(135deg, #1DA1F2, #0D8BD9); }
.share-item.copy{ background:linear-gradient(135deg, var(--gold), #F0DCA8); color:var(--navy); }

/* ============ 8. صفحة 404 ============ */
.page-404{
    min-height:100vh;
    display:flex;
    align-items:center;
    justify-content:center;
    background:
        radial-gradient(circle at 30% 30%, rgba(125,75,165,.15) 0%, transparent 50%),
        radial-gradient(circle at 70% 70%, rgba(229,200,139,.1) 0%, transparent 50%),
        linear-gradient(160deg, #1A1730 0%, #0F0D1A 60%, #0A0814 100%);
    position:relative;
    overflow:hidden;
    padding:20px;
    text-align:center;
    color:var(--white);
}
.page-404::before{
    content:'';
    position:absolute;
    inset:0;
    background-image:radial-gradient(circle, rgba(229,200,139,.05) 1px, transparent 1px);
    background-size:26px 26px;
    opacity:.4;
    pointer-events:none;
}
.page-404-content{
    position:relative;
    z-index:1;
    max-width:600px;
}
.page-404-num{
    font-family:var(--font-display);
    font-size:clamp(7rem, 20vw, 14rem);
    font-weight:700;
    line-height:1;
    background:linear-gradient(135deg, var(--purple-2), var(--gold), #F0DCA8);
    -webkit-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent;
    filter:drop-shadow(0 20px 40px rgba(229,200,139,.3));
    animation:err-404-float 4s ease-in-out infinite;
}
@keyframes err-404-float{
    0%,100%{ transform:translateY(0); }
    50%{ transform:translateY(-15px); }
}
.page-404 h1{
    font-family:var(--font-display);
    font-size:1.8rem;
    margin-bottom:14px;
    color:var(--white);
    font-weight:700;
}
.page-404 p{
    color:rgba(255,255,255,.7);
    font-size:1rem;
    margin-bottom:34px;
    line-height:1.8;
}
.page-404-actions{
    display:flex;
    gap:14px;
    justify-content:center;
    flex-wrap:wrap;
}
.page-404-actions .btn-primary,
.page-404-actions .btn-outline{
    padding:14px 30px;
    font-size:.95rem;
}
.page-404-actions .btn-outline{
    background:transparent;
    color:var(--white);
    border-color:rgba(255,255,255,.3);
}
.page-404-actions .btn-outline:hover{
    background:var(--white);
    color:var(--navy);
}

/* ============ Responsive ============ */
@media (max-width:1100px){
    .why-us-grid{ grid-template-columns:repeat(2, 1fr); }
    .team-grid{ grid-template-columns:repeat(2, 1fr); }
}
@media (max-width:768px){
    .why-us-section,
    .offers-section,
    .team-section{ padding:60px 0; }
    .why-us-grid,
    .team-grid{ grid-template-columns:1fr; gap:16px; }
    .countdown-box{ min-width:70px; padding:14px 16px; }
    .countdown-num{ font-size:1.6rem; }
    .offers-grid{ grid-template-columns:1fr; }
    .share-widget{ bottom:80px; left:16px; }
    .share-toggle{ width:50px; height:50px; font-size:1.1rem; }
}
@media (max-width:480px){
    .countdown-box{ min-width:60px; padding:10px 12px; }
    .countdown-num{ font-size:1.3rem; }
    .countdown-lbl{ font-size:.6rem; }
}



/* ============ أزرار المشاركة الجديدة ============ */
.share-item.instagram{
    background:linear-gradient(45deg, #F58529, #DD2A7B, #8134AF, #515BD4);
}
.share-item.telegram{
    background:linear-gradient(135deg, #0088CC, #229ED9);
}

/* تحسينات بصرية */
.share-item{
    position:relative;
    overflow:hidden;
}
.share-item::before{
    content:'';
    position:absolute;
    inset:0;
    background:linear-gradient(180deg, rgba(255,255,255,.2), transparent);
    opacity:0;
    transition:.3s var(--ease);
    border-radius:50%;
}
.share-item:hover::before{
    opacity:1;
}



/* ============ تنبيه النسخ ============ */
.share-toast{
    position:fixed;
    bottom:30px;
    left:50%;
    transform:translateX(-50%) translateY(20px);
    background:linear-gradient(135deg, var(--purple), var(--purple-dark));
    color:var(--white);
    padding:14px 26px;
    border-radius:50px;
    display:flex;
    align-items:center;
    gap:10px;
    font-size:.88rem;
    font-weight:600;
    box-shadow:0 15px 40px -10px rgba(125,75,165,.6);
    opacity:0;
    transition:.4s var(--ease);
    z-index:99999;
    pointer-events:none;
    border:1px solid rgba(229,200,139,.3);
}
.share-toast.show{
    opacity:1;
    transform:translateX(-50%) translateY(0);
}
.share-toast i{
    color:var(--gold);
    font-size:1rem;
}


/* ==========================================================
   LUXE SECTIONS — خلفية فخمة لـ "لماذا نحن" + "فريقنا" + "آراء المرضى"
   ========================================================== */

.why-us-section,
.team-section,
.testimonials-section{
    position: relative !important;
    margin: 50px 24px !important;
    padding: 90px 40px 80px !important;
    border-radius: 40px !important;
    background:
        /* زخارف ذهبية دائرية في الزوايا */
        radial-gradient(circle at 12% 12%, rgba(229,200,139,.22) 0%, transparent 40%),
        radial-gradient(circle at 88% 88%, rgba(229,200,139,.18) 0%, transparent 40%),
        radial-gradient(ellipse at 50% 0%, rgba(125,75,165,.05) 0%, transparent 60%),
        /* التدرج الأساسي — كريمي فاخر */
        linear-gradient(160deg, #FCFAF5 0%, #F8F3E8 50%, #F3ECDD 100%) !important;
    overflow: hidden !important;
    isolation: isolate;
    box-shadow:
        0 50px 100px -40px rgba(125,75,165,.35),
        0 20px 40px -20px rgba(229,200,139,.25),
        0 0 0 1px rgba(229,200,139,.35) inset !important;
}

/* الإطار الذهبي الداخلي */
.why-us-section::before,
.team-section::before,
.testimonials-section::before{
    content:'' !important;
    position: absolute !important;
    inset: 14px !important;
    border: 1px solid rgba(229,200,139,.45) !important;
    border-radius: 32px !important;
    pointer-events: none !important;
    z-index: 1 !important;
    background: none !important;
    width: auto !important;
    height: auto !important;
    top: 14px !important;
    right: 14px !important;
    bottom: 14px !important;
    left: 14px !important;
    transform: none !important;
}

/* نمط نقاط ذهبية خفيفة */
.why-us-section::after,
.team-section::after,
.testimonials-section::after{
    content:'' !important;
    position: absolute !important;
    inset: 0 !important;
    background-image: radial-gradient(circle, rgba(229,200,139,.12) 1px, transparent 1px) !important;
    background-size: 28px 28px !important;
    opacity: .55 !important;
    pointer-events: none !important;
    z-index: 0 !important;
    border-radius: 40px !important;
}

/* الخط الذهبي العلوي (زخرفة الرأس) */
.why-us-section .container::before,
.team-section .container::before,
.testimonials-section .container::before{
    content:'' !important;
    position: absolute;
    top: -45px;
    left: 50%;
    transform: translateX(-50%);
    width: 180px;
    height: 3px;
    background: linear-gradient(90deg, transparent, var(--gold), transparent);
    border-radius: 3px;
    box-shadow:
        0 0 20px rgba(229,200,139,.8),
        0 0 40px rgba(229,200,139,.4);
}

/* زخرفة صغيرة "✦" ذهبية على يسار ويمين الخط */
.why-us-section .container::after,
.team-section .container::after,
.testimonials-section .container::after{
    content: '✦';
    position: absolute;
    top: -54px;
    left: 50%;
    transform: translateX(-50%);
    color: var(--gold);
    font-size: 1rem;
    background: linear-gradient(160deg, #FCFAF5, #F3ECDD);
    padding: 0 12px;
    line-height: 1;
}

/* محتوى القسم — فوق كل الزخارف */
.why-us-section .container,
.team-section .container,
.testimonials-section .container{
    position: relative;
    z-index: 2;
}

/* ============ رؤوس الأقسام ============ */
.why-us-section .section-head h2,
.team-section .section-head h2,
.testimonials-section .section-head h2{
    color: var(--purple-dark) !important;
    font-size: clamp(1.8rem, 3.4vw, 2.6rem) !important;
    text-shadow: 0 2px 20px rgba(125,75,165,.08);
}

.why-us-section .section-head h2 em,
.team-section .section-head h2 em,
.testimonials-section .section-head h2 em{
    background: linear-gradient(135deg, var(--gold) 0%, #D9A94A 50%, var(--gold) 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: var(--gold) !important;
    font-style: normal !important;
    filter: drop-shadow(0 3px 10px rgba(229,200,139,.4));
}

.why-us-section .section-head p,
.team-section .section-head p,
.testimonials-section .section-head p{
    color: #6B6880 !important;
    font-size: 1rem !important;
}

/* ============ الأيقونة الصغيرة "✦" قبل العنوان ============ */
.why-us-section .eyebrow,
.team-section .eyebrow,
.testimonials-section .eyebrow{
    color: var(--gold) !important;
    font-weight: 700;
}

.why-us-section .eyebrow .line,
.team-section .eyebrow .line,
.testimonials-section .eyebrow .line{
    background: linear-gradient(90deg, transparent, var(--gold), transparent) !important;
    height: 1px;
    width: 50px;
}

/* إخفاء أي زخرفة قديمة */
.why-us-section .section-head::before,
.team-section .section-head::before,
.testimonials-section .section-head::before{
    display: none !important;
}

/* ============ البطاقات الداخلية — تباين مع الخلفية ============ */
.why-us-section .why-card,
.team-section .team-card{
    background: #FFFFFF !important;
    box-shadow:
        0 20px 50px -20px rgba(125,75,165,.18),
        0 0 0 1px rgba(229,200,139,.15) inset !important;
    border: 1px solid rgba(229,200,139,.18) !important;
}

.why-us-section .why-card:hover,
.team-section .team-card:hover{
    box-shadow:
        0 35px 70px -25px rgba(125,75,165,.35),
        0 0 0 1px var(--gold) inset !important;
    border-color: var(--gold) !important;
}

/* البطاقات الرأي — تباين قوي */
.testimonials-section .testimonial-card{
    background:
        radial-gradient(circle at 100% 0%, rgba(229,200,139,.12) 0%, transparent 50%),
        linear-gradient(160deg, var(--purple-dark) 0%, var(--purple) 100%) !important;
    box-shadow:
        0 30px 60px -25px rgba(91,54,128,.5),
        0 0 0 1px rgba(229,200,139,.3) inset !important;
}

/* ============ Responsive ============ */
@media (max-width: 1100px){
    .why-us-section,
    .team-section,
    .testimonials-section{
        margin: 30px 12px !important;
        padding: 70px 28px 60px !important;
        border-radius: 32px !important;
    }
    .why-us-section::before,
    .team-section::before,
    .testimonials-section::before{
        inset: 10px !important;
        border-radius: 24px !important;
    }
}

@media (max-width: 768px){
    .why-us-section,
    .team-section,
    .testimonials-section{
        margin: 20px 8px !important;
        padding: 60px 18px 50px !important;
        border-radius: 24px !important;
    }
    .why-us-section::before,
    .team-section::before,
    .testimonials-section::before{
        inset: 8px !important;
        border-radius: 18px !important;
    }
    .why-us-section .container::before,
    .team-section .container::before,
    .testimonials-section .container::before{
        top: -30px;
        width: 120px;
    }
    .why-us-section .container::after,
    .team-section .container::after,
    .testimonials-section .container::after{
        top: -38px;
        font-size: .85rem;
    }
}



/* ==========================================================
   تقليل المسافات في "لماذا نحن" + "فريقنا" + "آراء المرضى"
   ========================================================== */

.why-us-section,
.team-section,
.testimonials-section{
    margin: 20px 16px !important;       /* ← من 50px إلى 20px */
    padding: 55px 32px 50px !important; /* ← من 90px إلى 55px */
    border-radius: 32px !important;     /* ← من 40px إلى 32px */
}

/* الإطار الداخلي أصغر */
.why-us-section::before,
.team-section::before,
.testimonials-section::before{
    inset: 10px !important;             /* ← من 14px إلى 10px */
    border-radius: 24px !important;
}

/* الخط الذهبي العلوي أقرب للعنوان */
.why-us-section .container::before,
.team-section .container::before,
.testimonials-section .container::before{
    top: -25px !important;              /* ← من -45px إلى -25px */
    width: 140px !important;
}

.why-us-section .container::after,
.team-section .container::after,
.testimonials-section .container::after{
    top: -33px !important;              /* ← من -54px إلى -33px */
    font-size: .9rem !important;
    padding: 0 10px !important;
}

/* رأس القسم أقرب للبطاقات */
.why-us-section .section-head,
.team-section .section-head,
.testimonials-section .section-head{
    margin-bottom: 40px !important;     /* ← من 34px+ إلى 40px ثابت */
}

/* العناوين أقرب للأعلى */
.why-us-section .section-head h2,
.team-section .section-head h2,
.testimonials-section .section-head h2{
    margin-bottom: 8px !important;
}

.why-us-section .section-head p,
.team-section .section-head p,
.testimonials-section .section-head p{
    margin-top: 6px !important;
}

/* ============ Responsive ============ */
@media (max-width: 1100px){
    .why-us-section,
    .team-section,
    .testimonials-section{
        margin: 18px 12px !important;
        padding: 50px 24px 45px !important;
        border-radius: 26px !important;
    }
    .why-us-section::before,
    .team-section::before,
    .testimonials-section::before{
        inset: 8px !important;
        border-radius: 20px !important;
    }
    .why-us-section .section-head,
    .team-section .section-head,
    .testimonials-section .section-head{
        margin-bottom: 32px !important;
    }
}

@media (max-width: 768px){
    .why-us-section,
    .team-section,
    .testimonials-section{
        margin: 14px 8px !important;
        padding: 42px 18px 38px !important;
        border-radius: 22px !important;
    }
    .why-us-section::before,
    .team-section::before,
    .testimonials-section::before{
        inset: 6px !important;
        border-radius: 16px !important;
    }
    .why-us-section .container::before,
    .team-section .container::before,
    .testimonials-section .container::before{
        top: -18px !important;
        width: 100px !important;
    }
    .why-us-section .container::after,
    .team-section .container::after,
    .testimonials-section .container::after{
        top: -26px !important;
        font-size: .8rem !important;
    }
    .why-us-section .section-head,
    .team-section .section-head,
    .testimonials-section .section-head{
        margin-bottom: 26px !important;
    }
}



/* ==========================================================
   إزالة الزخرفة + تقليل المسافات أكثر
   ========================================================== */

/* ✅ إخفاء الخط الذهبي والنجمة */
.why-us-section .container::before,
.team-section .container::before,
.testimonials-section .container::before,
.why-us-section .container::after,
.team-section .container::after,
.testimonials-section .container::after{
    display: none !important;
    content: none !important;
}

/* ✅ تقليل المسافات أكثر */
.why-us-section,
.team-section,
.testimonials-section{
    margin: 12px 14px !important;         /* ← هوامش خارجية صغيرة جداً */
    padding: 40px 28px 38px !important;   /* ← حشوة داخلية أقل */
    border-radius: 28px !important;
}

/* الإطار الداخلي أقرب للحواف */
.why-us-section::before,
.team-section::before,
.testimonials-section::before{
    inset: 8px !important;
    border-radius: 22px !important;
}

/* رأس القسم أقرب للبطاقات */
.why-us-section .section-head,
.team-section .section-head,
.testimonials-section .section-head{
    margin-bottom: 28px !important;
}

.why-us-section .section-head h2,
.team-section .section-head h2,
.testimonials-section .section-head h2{
    margin-bottom: 6px !important;
}

.why-us-section .section-head p,
.team-section .section-head p,
.testimonials-section .section-head p{
    margin-top: 4px !important;
    font-size: .95rem !important;
}

/* تصغير التباعد بين العناوين */
.why-us-section .eyebrow,
.team-section .eyebrow,
.testimonials-section .eyebrow{
    margin-bottom: 6px !important;
}

/* ============ Responsive ============ */
@media (max-width: 1100px){
    .why-us-section,
    .team-section,
    .testimonials-section{
        margin: 10px 10px !important;
        padding: 36px 22px 34px !important;
        border-radius: 24px !important;
    }
    .why-us-section::before,
    .team-section::before,
    .testimonials-section::before{
        inset: 6px !important;
        border-radius: 18px !important;
    }
    .why-us-section .section-head,
    .team-section .section-head,
    .testimonials-section .section-head{
        margin-bottom: 22px !important;
    }
}

@media (max-width: 768px){
    .why-us-section,
    .team-section,
    .testimonials-section{
        margin: 8px 6px !important;
        padding: 30px 16px 28px !important;
        border-radius: 20px !important;
    }
    .why-us-section::before,
    .team-section::before,
    .testimonials-section::before{
        inset: 5px !important;
        border-radius: 14px !important;
    }
    .why-us-section .section-head,
    .team-section .section-head,
    .testimonials-section .section-head{
        margin-bottom: 18px !important;
    }
}


/* ==========================================================
   إزاحة نص السلايدر لليسار لتجنب السهم
   ========================================================== */

.hero-slide-content{
    padding-inline-end: 120px !important;   /* ← مسافة من اليمين (حيث السهم) */
    padding-inline-start: 30px !important;
    width: 60% !important;                 /* ← عرض أكبر قليلاً للنص */
}

/* على الشاشات الصغيرة */
@media (max-width: 768px){
    .hero-slide-content{
        padding-inline-end: 55px !important;
        padding-inline-start: 20px !important;
        width: 100% !important;
    }
}


/* ==========================================================
   إزاحة نص السلايدر بعيداً عن السهم — الإصلاح الصحيح
   ========================================================== */

.hero-slide-content{
    padding-right: 75px !important;    /* ← مسافة من اليمين (حيث السهم) */
    padding-left: 30px !important;
    width: 62% !important;
}

/* على الشاشات الصغيرة */
@media (max-width: 768px){
    .hero-slide-content{
        padding-right: 60px !important;
        padding-left: 20px !important;
        width: 100% !important;
    }
}


/* ==========================================================
   نقل زر المشاركة للزاوية اليسرى السفلية
   ========================================================== */

.share-widget{
    position: fixed !important;
    bottom: 30px !important;      /* ← أسفل الشاشة */
    left: 30px !important;         /* ← الجهة اليسرى */
    top: auto !important;
    right: auto !important;
    z-index: 999 !important;
    display: flex !important;
    flex-direction: column-reverse !important;  /* ← القائمة تفتح للأعلى */
    align-items: center !important;
    gap: 12px !important;
}

/* القائمة تفتح للأعلى من الزر */
.share-menu{
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: .4s var(--ease);
    pointer-events: none;
    order: -1;   /* ← القائمة فوق الزر */
}

.share-widget.open .share-menu{
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: all;
}

/* ============ Responsive ============ */
@media (max-width: 768px){
    .share-widget{
        bottom: 20px !important;
        left: 20px !important;
    }
    .share-toggle{
        width: 50px !important;
        height: 50px !important;
        font-size: 1.1rem !important;
    }
}



/* ==========================================================
   الترتيب النهائي للأزرار العائمة — لا تعدل أي شيء قبله
   ========================================================== */

/* 1. زر المشاركة — الزاوية اليسرى السفلية */
.share-widget{
    position: fixed !important;
    bottom: 30px !important;
    left: 30px !important;
    right: auto !important;
    top: auto !important;
    z-index: 999 !important;
    display: flex !important;
    flex-direction: column-reverse !important;
    align-items: center !important;
    gap: 12px !important;
}

.share-menu{
    order: -1 !important;
}

/* 2. زر الواتساب — الزاوية اليمنى السفلية (نُقل لليمين) */
.whatsapp-float{
    right: 30px !important;
    left: auto !important;
    bottom: 100px !important;
}

/* 3. زر العودة للأعلى — الزاوية اليمنى (تحت الواتساب) */
.back-to-top{
    right: 30px !important;
    left: auto !important;
    bottom: 30px !important;
}

/* ============ للجوال ============ */
@media (max-width: 768px){
    .share-widget{
        bottom: 20px !important;
        left: 20px !important;
    }
    .share-toggle{
        width: 50px !important;
        height: 50px !important;
    }
    .whatsapp-float{
        right: 16px !important;
        bottom: 80px !important;
    }
    .back-to-top{
        right: 16px !important;
        bottom: 20px !important;
    }
}


/* ==========================================================
   الترتيب النهائي للأزرار العائمة
   ========================================================== */

/* 1. زر المشاركة — الزاوية اليسرى السفلية */
.share-widget{
    position: fixed !important;
    bottom: 30px !important;
    left: 30px !important;
    right: auto !important;
    top: auto !important;
    z-index: 999 !important;
    display: flex !important;
    flex-direction: column-reverse !important;
    align-items: center !important;
    gap: 12px !important;
    background: none !important;
    padding: 0 !important;
}

.share-menu{
    order: -1 !important;
}

/* 2. زر الواتساب — الزاوية اليمنى السفلية */
.whatsapp-float{
    right: 30px !important;
    left: auto !important;
    bottom: 100px !important;
}

/* 3. زر العودة للأعلى — يمين، تحت الواتساب */
.back-to-top{
    right: 30px !important;
    left: auto !important;
    bottom: 30px !important;
}

@media (max-width: 768px){
    .share-widget{
        bottom: 20px !important;
        left: 20px !important;
    }
    .share-toggle{
        width: 50px !important;
        height: 50px !important;
    }
    .whatsapp-float{
        right: 16px !important;
        bottom: 80px !important;
    }
    .back-to-top{
        right: 16px !important;
        bottom: 20px !important;
    }
}




/* ==========================================================
   لماذا نحن + فريقنا جنباً إلى جنب
   ========================================================== */

.luxe-row{
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 20px !important;
    margin: 12px 14px !important;
    align-items: stretch !important;
}

/* إلغاء الهوامش الداخلية للقسمين */
.luxe-row .why-us-section,
.luxe-row .team-section{
    margin: 0 !important;
    padding: 40px 24px 38px !important;
    border-radius: 28px !important;
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
}

/* لماذا نحن: شبكة 2×2 */
.luxe-row .why-us-grid{
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 12px !important;
}

/* فريقنا: 3 بطاقات في صف */
.luxe-row .team-grid{
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 12px !important;
    max-width: none !important;
    margin: 0 !important;
}

/* تصغير بطاقات لماذا نحن */
.luxe-row .why-card{
    padding: 22px 14px 20px !important;
}
.luxe-row .why-card-icon{
    width: 56px !important;
    height: 56px !important;
    font-size: 1.3rem !important;
    margin-bottom: 14px !important;
    border-radius: 18px !important;
}
.luxe-row .why-card h3{
    font-size: .88rem !important;
    margin-bottom: 8px !important;
}
.luxe-row .why-card p{
    font-size: .74rem !important;
    line-height: 1.7 !important;
}

/* تصغير بطاقات فريقنا */
.luxe-row .team-card h3{
    font-size: .85rem !important;
}
.luxe-row .team-card p{
    font-size: .68rem !important;
}
.luxe-row .team-card-body{
    padding: 12px 10px 16px !important;
}

/* رؤوس الأقسام أصغر */
.luxe-row .section-head{
    margin-bottom: 20px !important;
}
.luxe-row .section-head h2{
    font-size: clamp(1.1rem, 1.6vw, 1.5rem) !important;
}
.luxe-row .section-head p{
    font-size: .78rem !important;
}
.luxe-row .eyebrow{
    font-size: .68rem !important;
}

/* الجوال والتابلت */
@media (max-width: 1100px){
    .luxe-row{
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }
    .luxe-row .team-grid{
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

@media (max-width: 768px){
    .luxe-row{
        margin: 8px 6px !important;
        gap: 12px !important;
    }
    .luxe-row .why-us-section,
    .luxe-row .team-section{
        padding: 30px 16px 28px !important;
        border-radius: 20px !important;
    }
    .luxe-row .why-us-grid{
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .luxe-row .team-grid{
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 480px){
    .luxe-row .why-us-grid{
        grid-template-columns: 1fr !important;
    }
}




/* ==========================================================
   لماذا نحن + فريقنا — خلفية فخمة بلون الخدمات
   ========================================================== */

/* ============ الخلفية الفخمة (نفس لون الخدمات) ============ */
.luxe-row .why-us-section,
.luxe-row .team-section{
    background:
        /* زخارف دائرية ذهبية */
        radial-gradient(circle at 15% 20%, rgba(155,107,196,.4) 0%, transparent 45%),
        radial-gradient(circle at 85% 80%, rgba(229,200,139,.18) 0%, transparent 50%),
        radial-gradient(circle at 50% 50%, rgba(229,200,139,.06) 0%, transparent 60%),
        /* التدرج الأساسي الفخم */
        linear-gradient(135deg, var(--purple-dark) 0%, var(--purple) 50%, var(--purple-dark) 100%) !important;

    border-radius: 32px !important;
    box-shadow:
        0 40px 80px -30px rgba(125,75,165,.55),
        0 0 0 1px rgba(229,200,139,.2) inset !important;

    position: relative !important;
    overflow: hidden !important;
    isolation: isolate !important;
}

/* نقاط زخرفية (مثل الخدمات) */
.luxe-row .why-us-section::before,
.luxe-row .team-section::before{
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background-image: radial-gradient(circle, rgba(255,255,255,.08) 1px, transparent 1px) !important;
    background-size: 22px 22px !important;
    opacity: .35 !important;
    pointer-events: none !important;
    z-index: 0 !important;
    border: none !important;
    border-radius: 32px !important;
}

/* لمعة علوية (مثل الخدمات) */
.luxe-row .why-us-section::after,
.luxe-row .team-section::after{
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 120px !important;
    background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, transparent 100%) !important;
    pointer-events: none !important;
    z-index: 0 !important;
    border-radius: 32px !important;
}

/* المحتوى فوق الزخارف */
.luxe-row .why-us-section .container,
.luxe-row .team-section .container{
    position: relative !important;
    z-index: 2 !important;
}

/* ============ رؤوس الأقسام (نص أبيض) ============ */
.luxe-row .section-head h2{
    color: var(--white) !important;
    text-shadow: 0 2px 12px rgba(0,0,0,.25) !important;
    letter-spacing: -0.3px !important;
}

.luxe-row .section-head h2 em{
    background: linear-gradient(135deg, var(--gold) 0%, #F0DCA8 50%, var(--gold) 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: var(--gold) !important;
    filter: drop-shadow(0 3px 10px rgba(229,200,139,.45)) !important;
}

.luxe-row .section-head p{
    color: rgba(255,255,255,.72) !important;
}

.luxe-row .eyebrow{
    color: var(--gold) !important;
}

.luxe-row .eyebrow .line{
    background: linear-gradient(90deg, transparent, var(--gold), transparent) !important;
}

/* ============ بطاقات "لماذا نحن" — زجاج شفاف فخم ============ */
.luxe-row .why-card{
    background:
        radial-gradient(circle at 100% 0%, rgba(229,200,139,.12) 0%, transparent 55%),
        linear-gradient(160deg, rgba(255,255,255,.12) 0%, rgba(255,255,255,.04) 100%) !important;
    border: 1px solid rgba(229,200,139,.25) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    box-shadow:
        0 12px 30px -12px rgba(0,0,0,.35),
        0 0 0 1px rgba(255,255,255,.05) inset !important;
}

.luxe-row .why-card:hover{
    background:
        radial-gradient(circle at 100% 0%, rgba(229,200,139,.25) 0%, transparent 55%),
        linear-gradient(160deg, rgba(255,255,255,.18) 0%, rgba(255,255,255,.08) 100%) !important;
    border-color: var(--gold) !important;
    box-shadow:
        0 25px 50px -18px rgba(0,0,0,.5),
        0 0 0 1px var(--gold) inset !important;
    transform: translateY(-8px) scale(1.02) !important;
}

/* أيقونة ذهبية على خلفية داكنة */
.luxe-row .why-card-icon{
    background: linear-gradient(135deg, var(--gold), #F0DCA8) !important;
    color: var(--navy) !important;
    box-shadow:
        0 12px 30px -10px rgba(229,200,139,.6),
        0 0 0 5px rgba(229,200,139,.1) !important;
}

.luxe-row .why-card:hover .why-card-icon{
    transform: rotate(-8deg) scale(1.1) !important;
    box-shadow:
        0 18px 40px -10px rgba(229,200,139,.8),
        0 0 0 8px rgba(229,200,139,.15) !important;
}

/* نصوص البطاقة بيضاء */
.luxe-row .why-card h3{
    color: var(--white) !important;
    text-shadow: 0 2px 8px rgba(0,0,0,.2) !important;
}

.luxe-row .why-card:hover h3{
    color: var(--gold) !important;
}

.luxe-row .why-card p{
    color: rgba(255,255,255,.75) !important;
}

/* ============ بطاقات "فريقنا" — زجاج فخم ============ */
.luxe-row .team-card{
    background:
        radial-gradient(circle at 50% 0%, rgba(229,200,139,.15) 0%, transparent 60%),
        linear-gradient(160deg, rgba(255,255,255,.12) 0%, rgba(255,255,255,.04) 100%) !important;
    border: 1px solid rgba(229,200,139,.25) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    box-shadow:
        0 12px 30px -12px rgba(0,0,0,.35),
        0 0 0 1px rgba(255,255,255,.05) inset !important;
    overflow: hidden !important;
}

.luxe-row .team-card:hover{
    border-color: var(--gold) !important;
    box-shadow:
        0 25px 50px -18px rgba(0,0,0,.5),
        0 0 0 1px var(--gold) inset !important;
    transform: translateY(-8px) scale(1.02) !important;
}

/* صورة العضو */
.luxe-row .team-card-image{
    border-bottom: 2px solid rgba(229,200,139,.3) !important;
}

.luxe-row .team-card-image::after{
    background: linear-gradient(180deg, transparent 40%, rgba(91,54,128,.85)) !important;
}

/* نصوص الفريق بيضاء */
.luxe-row .team-card h3{
    color: var(--white) !important;
    text-shadow: 0 2px 8px rgba(0,0,0,.2) !important;
}

.luxe-row .team-card:hover h3{
    color: var(--gold) !important;
}

.luxe-row .team-card p{
    color: var(--gold) !important;
}

.luxe-row .team-card-body{
    background: transparent !important;
}

/* ============ الحدود الذهبية العلوية للبطاقات ============ */
.luxe-row .why-card::after,
.luxe-row .team-card::before{
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    left: 0 !important;
    height: 3px !important;
    background: linear-gradient(90deg, transparent, var(--gold), transparent) !important;
    opacity: 0 !important;
    transition: opacity .5s var(--ease) !important;
    z-index: 3 !important;
}

.luxe-row .why-card:hover::after,
.luxe-row .team-card:hover::before{
    opacity: 1 !important;
}

/* ============ Responsive ============ */
@media (max-width: 768px){
    .luxe-row .why-us-section,
    .luxe-row .team-section{
        border-radius: 22px !important;
    }
    .luxe-row .why-us-section::before,
    .luxe-row .team-section::before,
    .luxe-row .why-us-section::after,
    .luxe-row .team-section::after{
        border-radius: 22px !important;
    }
}




/* ==========================================================
   آراء المرضى + نصائح الدكتورة — خلفية الخدمات الفخمة
   ========================================================== */

/* ============ الحاويتان الرئيسيتان ============ */
.testimonials-section,
.tips-section{
    position: relative !important;
    margin: 12px 14px !important;
    padding: 45px 30px 40px !important;
    border-radius: 32px !important;
    background:
        radial-gradient(circle at 15% 20%, rgba(155,107,196,.4) 0%, transparent 45%),
        radial-gradient(circle at 85% 80%, rgba(229,200,139,.16) 0%, transparent 50%),
        linear-gradient(135deg, var(--purple-dark) 0%, var(--purple) 50%, var(--purple-dark) 100%) !important;
    box-shadow:
        0 40px 80px -30px rgba(125,75,165,.55),
        0 0 0 1px rgba(229,200,139,.2) inset !important;
    overflow: hidden !important;
    isolation: isolate !important;
}

/* نقاط زخرفية (مثل الخدمات) */
.testimonials-section::before,
.tips-section::before{
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background-image: radial-gradient(circle, rgba(255,255,255,.08) 1px, transparent 1px) !important;
    background-size: 22px 22px !important;
    opacity: .35 !important;
    pointer-events: none !important;
    z-index: 0 !important;
    border: none !important;
    border-radius: 32px !important;
}

/* لمعة علوية (مثل الخدمات) */
.testimonials-section::after,
.tips-section::after{
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 120px !important;
    background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, transparent 100%) !important;
    pointer-events: none !important;
    z-index: 0 !important;
    border-radius: 32px !important;
}

/* المحتوى فوق الزخارف */
.testimonials-section .container,
.tips-section .container{
    position: relative !important;
    z-index: 2 !important;
}

/* ============ رؤوس الأقسام (نص أبيض + ذهبي) ============ */
.testimonials-section .section-head,
.tips-section .section-head{
    margin-bottom: 26px !important;
}

.testimonials-section .section-head h2,
.tips-section .section-head h2{
    color: var(--white) !important;
    text-shadow: 0 2px 12px rgba(0,0,0,.25) !important;
    font-size: clamp(1.3rem, 2vw, 1.7rem) !important;
    letter-spacing: -0.3px !important;
}

.testimonials-section .section-head h2 em,
.tips-section .section-head h2 em{
    background: linear-gradient(135deg, var(--gold) 0%, #F0DCA8 50%, var(--gold) 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: var(--gold) !important;
    font-style: normal !important;
    filter: drop-shadow(0 3px 10px rgba(229,200,139,.45)) !important;
}

.testimonials-section .section-head h2 em::after,
.tips-section .section-head h2 em::after{
    display: none !important;
}

.testimonials-section .section-head p,
.tips-section .section-head p{
    color: rgba(255,255,255,.72) !important;
    font-size: .85rem !important;
}

.testimonials-section .eyebrow,
.tips-section .eyebrow{
    color: var(--gold) !important;
    font-size: .7rem !important;
    margin-bottom: 4px !important;
}

.testimonials-section .eyebrow .line,
.tips-section .eyebrow .line{
    background: linear-gradient(90deg, transparent, var(--gold), transparent) !important;
    width: 40px !important;
}

/* ==========================================================
   بطاقات آراء المرضى — زجاج شفاف فخم ومصغّر
   ========================================================== */

.testimonials-grid{
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 16px !important;
    position: relative !important;
    z-index: 2 !important;
}

.testimonial-card{
    background:
        radial-gradient(circle at 100% 0%, rgba(229,200,139,.15) 0%, transparent 55%),
        linear-gradient(160deg, rgba(255,255,255,.12) 0%, rgba(255,255,255,.04) 100%) !important;
    border: 1px solid rgba(229,200,139,.25) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border-radius: 20px !important;
    padding: 24px 20px 20px !important;
    box-shadow:
        0 12px 30px -12px rgba(0,0,0,.35),
        0 0 0 1px rgba(255,255,255,.05) inset !important;
    position: relative !important;
    overflow: hidden !important;
    isolation: isolate !important;
    transition: transform .5s var(--ease), box-shadow .5s var(--ease), border-color .4s var(--ease) !important;
}

.testimonial-card::before{
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background-image: radial-gradient(circle, rgba(255,255,255,.05) 1px, transparent 1px) !important;
    background-size: 18px 18px !important;
    opacity: .4 !important;
    pointer-events: none !important;
    z-index: 0 !important;
    border-radius: 20px !important;
}

.testimonial-card::after{
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    left: 0 !important;
    height: 3px !important;
    background: linear-gradient(90deg, transparent, var(--gold), transparent) !important;
    opacity: 0 !important;
    transition: opacity .5s var(--ease) !important;
    z-index: 3 !important;
}

.testimonial-card:hover{
    transform: translateY(-8px) scale(1.02) !important;
    border-color: var(--gold) !important;
    box-shadow:
        0 25px 50px -18px rgba(0,0,0,.5),
        0 0 0 1px var(--gold) inset !important;
}

.testimonial-card:hover::after{
    opacity: 1 !important;
}

/* أيقونة الاقتباس */
.testimonial-card .quote-icon{
    font-family: var(--font-display) !important;
    font-size: 3.5rem !important;
    line-height: 1 !important;
    color: var(--gold) !important;
    opacity: .35 !important;
    position: absolute !important;
    top: 8px !important;
    left: 16px !important;
    z-index: 1 !important;
    text-shadow: 0 4px 20px rgba(229,200,139,.4) !important;
}

/* النجوم */
.testimonial-card .stars{
    color: var(--gold) !important;
    font-size: .8rem !important;
    letter-spacing: 2px !important;
    margin-bottom: 12px !important;
    position: relative !important;
    z-index: 1 !important;
    filter: drop-shadow(0 2px 6px rgba(229,200,139,.5)) !important;
}

/* النص */
.testimonial-card p{
    color: rgba(255,255,255,.85) !important;
    font-size: .82rem !important;
    line-height: 1.8 !important;
    margin-bottom: 18px !important;
    position: relative !important;
    z-index: 1 !important;
    font-style: italic !important;
}

/* معلومات المريض */
.testimonial-card .testimonial-author{
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding-top: 14px !important;
    border-top: 1px solid rgba(229,200,139,.2) !important;
    position: relative !important;
    z-index: 1 !important;
}

.testimonial-card .testimonial-author img{
    width: 42px !important;
    height: 42px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    border: 2px solid var(--gold) !important;
    box-shadow:
        0 0 0 3px rgba(229,200,139,.12),
        0 6px 16px -4px rgba(229,200,139,.4) !important;
    transition: .4s var(--ease) !important;
}

.testimonial-card:hover .testimonial-author img{
    transform: scale(1.08) !important;
    box-shadow:
        0 0 0 5px rgba(229,200,139,.18),
        0 10px 22px -4px rgba(229,200,139,.6) !important;
}

.testimonial-card .testimonial-author strong{
    display: block !important;
    font-family: var(--font-display) !important;
    font-size: .88rem !important;
    color: var(--white) !important;
    font-weight: 700 !important;
    margin-bottom: 1px !important;
}

.testimonial-card .testimonial-author span{
    display: block !important;
    font-size: .68rem !important;
    color: var(--gold) !important;
    letter-spacing: .5px !important;
    font-weight: 600 !important;
}

/* ==========================================================
   بطاقات نصائح الدكتورة — زجاج شفاف فخم ومصغّر
   ========================================================== */

.tips-grid{
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 14px !important;
    position: relative !important;
    z-index: 2 !important;
}

.tip-card{
    background:
        radial-gradient(circle at 100% 0%, rgba(229,200,139,.12) 0%, transparent 55%),
        linear-gradient(160deg, rgba(255,255,255,.12) 0%, rgba(255,255,255,.04) 100%) !important;
    border: 1px solid rgba(229,200,139,.25) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border-radius: 18px !important;
    padding: 20px 16px 18px !important;
    box-shadow:
        0 12px 30px -12px rgba(0,0,0,.35),
        0 0 0 1px rgba(255,255,255,.05) inset !important;
    position: relative !important;
    overflow: hidden !important;
    isolation: isolate !important;
    transition: transform .5s var(--ease), box-shadow .5s var(--ease), border-color .4s var(--ease) !important;
    border-top: none !important;
}

.tip-card::before{
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    left: 0 !important;
    height: 3px !important;
    background: linear-gradient(90deg, transparent, var(--gold), transparent) !important;
    opacity: 0 !important;
    transition: opacity .5s var(--ease) !important;
    z-index: 3 !important;
    border-radius: 18px 18px 0 0 !important;
}

.tip-card::after{
    content: '' !important;
    position: absolute !important;
    top: -50px !important;
    right: -50px !important;
    width: 140px !important;
    height: 140px !important;
    border-radius: 50% !important;
    background: radial-gradient(circle, rgba(229,200,139,.18), transparent 70%) !important;
    transition: .6s var(--ease) !important;
    z-index: 0 !important;
    pointer-events: none !important;
}

.tip-card:hover{
    transform: translateY(-8px) scale(1.02) !important;
    border-color: var(--gold) !important;
    box-shadow:
        0 25px 50px -18px rgba(0,0,0,.5),
        0 0 0 1px var(--gold) inset !important;
}

.tip-card:hover::before{
    opacity: 1 !important;
}

.tip-card:hover::after{
    transform: scale(1.4) !important;
}

/* رقم النصيحة (خلفي شفاف) */
.tip-number{
    position: absolute !important;
    top: 12px !important;
    left: 14px !important;
    font-family: var(--font-display) !important;
    font-size: 2.2rem !important;
    font-weight: 700 !important;
    color: rgba(255,255,255,.08) !important;
    line-height: 1 !important;
    pointer-events: none !important;
    z-index: 0 !important;
    transition: .5s var(--ease) !important;
    bottom: auto !important;
}

.tip-card:hover .tip-number{
    color: rgba(229,200,139,.25) !important;
    transform: none !important;
}

/* أيقونة النصيحة — ذهبية دائرية */
.tip-icon{
    width: 52px !important;
    height: 52px !important;
    border-radius: 16px !important;
    background: linear-gradient(135deg, var(--gold), #F0DCA8) !important;
    color: var(--navy) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 1.2rem !important;
    margin-bottom: 16px !important;
    position: relative !important;
    z-index: 1 !important;
    box-shadow:
        0 10px 24px -8px rgba(229,200,139,.6),
        0 0 0 4px rgba(229,200,139,.1) !important;
    transition: .5s var(--ease) !important;
}

.tip-card:hover .tip-icon{
    transform: rotate(-8deg) scale(1.1) !important;
    box-shadow:
        0 15px 32px -8px rgba(229,200,139,.8),
        0 0 0 8px rgba(229,200,139,.15) !important;
}

/* عنوان النصيحة */
.tip-card h3{
    font-family: var(--font-display) !important;
    font-size: .92rem !important;
    color: var(--white) !important;
    margin-bottom: 8px !important;
    font-weight: 700 !important;
    position: relative !important;
    z-index: 1 !important;
    line-height: 1.35 !important;
    letter-spacing: -0.2px !important;
    text-shadow: 0 2px 8px rgba(0,0,0,.2) !important;
    transition: .3s var(--ease) !important;
}

.tip-card:hover h3{
    color: var(--gold) !important;
}

/* نص النصيحة */
.tip-card p{
    color: rgba(255,255,255,.78) !important;
    font-size: .76rem !important;
    line-height: 1.75 !important;
    position: relative !important;
    z-index: 1 !important;
}

/* ==========================================================
   Responsive
   ========================================================== */
@media (max-width: 1100px){
    .testimonials-grid,
    .tips-grid{
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

@media (max-width: 768px){
    .testimonials-section,
    .tips-section{
        margin: 8px 6px !important;
        padding: 32px 18px 28px !important;
        border-radius: 22px !important;
    }
    .testimonials-section::before,
    .tips-section::before,
    .testimonials-section::after,
    .tips-section::after{
        border-radius: 22px !important;
    }
    .testimonials-grid,
    .tips-grid{
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }
    .testimonial-card{
        padding: 20px 16px 16px !important;
        border-radius: 16px !important;
    }
    .tip-card{
        padding: 18px 14px 16px !important;
        border-radius: 14px !important;
    }
    .testimonial-card .quote-icon{
        font-size: 3rem !important;
    }
    .tip-number{
        font-size: 1.8rem !important;
    }
    .tip-icon{
        width: 46px !important;
        height: 46px !important;
        font-size: 1.1rem !important;
    }
}



/* ==========================================================
   زر المشاركة في الهيدر — بجانب أيقونات التواصل
   ========================================================== */

/* ✅ إخفاء الزر العائم القديم */
.share-widget{
    display: none !important;
}

/* الحاوية الرئيسية */
.header-share{
    position: relative;
    display: inline-flex;
    align-items: center;
}

/* ✅ زر المشاركة — نفس حجم أيقونات التواصل بالضبط */
.header-share-btn{
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: var(--purple-soft);
    color: var(--purple);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .82rem;
    transition: .3s var(--ease);
    border: none;
    cursor: pointer;
    padding: 0;
    font-family: inherit;
    line-height: 1;
}

.header-share-btn:hover{
    background: var(--purple);
    color: var(--white);
    transform: translateY(-3px);
}

.header-share.open .header-share-btn{
    background: var(--purple);
    color: var(--white);
}

/* ============ القائمة المنسدلة ============ */
.header-share-menu{
    position: absolute;
    top: calc(100% + 10px);
    right: 50%;
    transform: translateX(50%) translateY(-8px);
    display: flex;
    gap: 6px;
    padding: 8px 10px;
    background: var(--white);
    border-radius: 50px;
    box-shadow:
        0 12px 30px -8px rgba(125,75,165,.4),
        0 0 0 1px rgba(229,200,139,.25);
    opacity: 0;
    visibility: hidden;
    transition: .3s var(--ease);
    z-index: 100;
    pointer-events: none;
    white-space: nowrap;
}

/* سهم صغير فوق القائمة */
.header-share-menu::before{
    content: '';
    position: absolute;
    top: -5px;
    right: 50%;
    transform: translateX(50%) rotate(45deg);
    width: 10px;
    height: 10px;
    background: var(--white);
    box-shadow: -1px -1px 2px rgba(229,200,139,.15);
    border-radius: 2px;
}

.header-share.open .header-share-menu{
    opacity: 1;
    visibility: visible;
    transform: translateX(50%) translateY(0);
    pointer-events: auto;
}

/* ============ أيقونات المشاركة ============ */
.header-share-item{
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    font-size: .78rem;
    text-decoration: none;
    transition: .3s var(--ease);
    flex-shrink: 0;
}

.header-share-item:hover{
    transform: scale(1.15) translateY(-2px);
    box-shadow: 0 8px 20px -6px rgba(0,0,0,.3);
}

.header-share-item.whatsapp{ background: linear-gradient(135deg, #25D366, #128C7E); }
.header-share-item.facebook{ background: linear-gradient(135deg, #1877F2, #0E5FCC); }
.header-share-item.instagram{ background: linear-gradient(45deg, #F58529, #DD2A7B, #8134AF, #515BD4); }
.header-share-item.telegram{ background: linear-gradient(135deg, #0088CC, #229ED9); }

/* ============ Responsive ============ */
@media (max-width: 1200px){
    /* نفس حجم السوشيال في هذا العرض */
    .header-share-btn{
        width: 30px;
        height: 30px;
        font-size: .75rem;
    }
}

@media (max-width: 768px){
    .header-share-menu{
        top: calc(100% + 8px);
        padding: 6px 8px;
    }
    .header-share-item{
        width: 26px;
        height: 26px;
        font-size: .7rem;
    }
}




/* ==========================================================
   إصلاح تخطيط الهيدر بعد إضافة زر المشاركة
   ========================================================== */

/* ✅ 1. إجبار العمود على التكديس العمودي */
.cell-actions{
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end !important;
    gap: 6px !important;
    flex-shrink: 0 !important;
}

/* ✅ 2. إجبار كل صف على أن يكون صفاً منفصلاً */
.cell-actions .cell-row{
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-end !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    width: auto !important;
    flex: 0 0 auto !important;
}

/* ✅ 3. قصر كل صف على محتواه فقط */
.cell-actions .cell-row-1{ width: auto !important; }
.cell-actions .cell-row-2{ width: auto !important; }
.cell-actions .cell-row-3{ width: auto !important; }

/* ============ إصلاح زر المشاركة في الهيدر ============ */
.header-share{
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    line-height: 1 !important;
    flex-shrink: 0 !important;
}

/* ✅ نفس حجم أيقونات السوشيال بالضبط */
.header-share-btn{
    width: 20px !important;
    height: 20px !important;
    border-radius: 50% !important;
    background: var(--purple-soft) !important;
    color: var(--purple) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: .82rem !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    cursor: pointer !important;
    transition: .3s var(--ease) !important;
    line-height: 1 !important;
}

.header-share-btn:hover{
    background: var(--purple) !important;
    color: var(--white) !important;
    transform: translateY(-3px) !important;
}

.header-share.open .header-share-btn{
    background: var(--purple) !important;
    color: var(--white) !important;
    transform: rotate(45deg) !important;
}

/* ✅ القائمة المنسدلة — مخفية تماماً في الوضع العادي */
.header-share-menu{
    position: absolute !important;
    top: calc(100% + 12px) !important;
    right: 50% !important;
    transform: translateX(50%) translateY(-6px) !important;
    display: none !important;
    gap: 6px !important;
    padding: 8px 10px !important;
    background: var(--white) !important;
    border-radius: 50px !important;
    box-shadow:
        0 12px 30px -8px rgba(125,75,165,.4),
        0 0 0 1px rgba(229,200,139,.25) !important;
    z-index: 999 !important;
    white-space: nowrap !important;
}

.header-share.open .header-share-menu{
    display: flex !important;
    animation: shareMenuIn .3s var(--ease) !important;
}

@keyframes shareMenuIn{
    from{ opacity: 0; transform: translateX(50%) translateY(-6px); }
    to{ opacity: 1; transform: translateX(50%) translateY(0); }
}

/* سهم صغير فوق القائمة */
.header-share-menu::before{
    content: '' !important;
    position: absolute !important;
    top: -5px !important;
    right: 50% !important;
    transform: translateX(50%) rotate(45deg) !important;
    width: 10px !important;
    height: 10px !important;
    background: var(--white) !important;
    border-radius: 2px !important;
}

/* أيقونات المشاركة داخل القائمة */
.header-share-item{
    width: 30px !important;
    height: 30px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: var(--white) !important;
    font-size: .78rem !important;
    text-decoration: none !important;
    transition: .3s var(--ease) !important;
    flex-shrink: 0 !important;
}

.header-share-item:hover{
    transform: scale(1.15) translateY(-2px) !important;
    box-shadow: 0 8px 20px -6px rgba(0,0,0,.3) !important;
}

.header-share-item.whatsapp{ background: linear-gradient(135deg, #25D366, #128C7E) !important; }
.header-share-item.facebook{ background: linear-gradient(135deg, #1877F2, #0E5FCC) !important; }
.header-share-item.instagram{ background: linear-gradient(45deg, #F58529, #DD2A7B, #8134AF, #515BD4) !important; }
.header-share-item.telegram{ background: linear-gradient(135deg, #0088CC, #229ED9) !important; }

/* ✅ إخفاء الزر العائم القديم (لو بقي) */
.share-widget{
    display: none !important;
}

/* ============ Responsive ============ */
@media (max-width: 1200px){
    .header-share-btn{
        width: 30px !important;
        height: 30px !important;
        font-size: .75rem !important;
    }
    .header-share-item{
        width: 28px !important;
        height: 28px !important;
        font-size: .72rem !important;
    }
}

@media (max-width: 1000px){
    .cell-actions{
        align-items: center !important;
        width: 100% !important;
    }
    .cell-actions .cell-row{
        justify-content: center !important;
    }
}

@media (max-width: 768px){
    .header-share-menu{
        top: calc(100% + 8px) !important;
        padding: 6px 8px !important;
    }
    .header-share-item{
        width: 26px !important;
        height: 26px !important;
        font-size: .68rem !important;
    }
}



/* ==========================================================
   إصلاح توزيع الهيدر — البحث + النافبار + الأعمدة
   ========================================================== */

/* ✅ 1. إعادة ضبط شبكة الصف الأول */
.header-row-1-grid{
    display: grid !important;
    grid-template-columns: auto 1fr auto !important;
    grid-template-areas: "logo search actions" !important;
    align-items: center !important;
    gap: 24px !important;
    padding-inline-start: 30px !important;
    padding-inline-end: 30px !important;
}

.cell-logo{ grid-area: logo !important; }
.cell-search{ 
    grid-area: search !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}
.cell-actions{ 
    grid-area: actions !important;
}

/* ✅ 2. البحث — عرض محدود ومتناسق */
.header-search{
    max-width: 520px !important;
    width: 100% !important;
}

/* ✅ 3. الأعمدة — إجبار التكديس العمودي */
.cell-actions{
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end !important;
    gap: 8px !important;
    flex-shrink: 0 !important;
}

/* ✅ 4. كل صف في مكانه */
.cell-actions > .cell-row{
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 10px !important;
    width: auto !important;
    flex: 0 0 auto !important;
}

.cell-actions > .cell-row-1{ gap: 10px !important; }
.cell-actions > .cell-row-2{ gap: 8px !important; }
.cell-actions > .cell-row-3{ gap: 4px !important; }

/* ==========================================================
   النافبار — إصلاح التوزيع
   ========================================================== */

.header-nav{
    padding: 8px 0 !important;
}

.header-nav-inner{
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 20px !important;
    padding-inline: 30px !important;
    flex-wrap: nowrap !important;
}

/* ✅ النافبار الرئيسي */
.nav{
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 2px !important;
    flex-wrap: wrap !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
}

/* ✅ معلومات الاتصال على الطرف الآخر */
.nav-contact{
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 14px !important;
    flex-shrink: 0 !important;
    margin-inline-start: auto !important;
    padding-inline-end: 0 !important;
}

/* ==========================================================
   إصلاح السوشيال والمشاركة
   ========================================================== */

.header-social{
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 6px !important;
    flex-wrap: nowrap !important;
}

/* ==========================================================
   Responsive
   ========================================================== */

@media (max-width: 1200px){
    .header-row-1-grid{
        gap: 16px !important;
        padding-inline: 20px !important;
    }
    .header-search{ max-width: 320px !important; }
}

@media (max-width: 1000px){
    .header-row-1-grid{
        grid-template-columns: auto 1fr !important;
        grid-template-areas:
            "logo search"
            "actions actions" !important;
        gap: 14px !important;
    }
    .cell-actions{
        align-items: center !important;
        width: 100% !important;
    }
    .cell-actions > .cell-row{
        justify-content: center !important;
    }
    .header-search{ max-width: 100% !important; }
    .header-nav-inner{
        flex-direction: column !important;
        gap: 10px !important;
    }
    .nav{ justify-content: center !important; }
    .nav-contact{ justify-content: center !important; }
}

@media (max-width: 768px){
    .header-row-1-grid{
        grid-template-columns: 1fr !important;
        grid-template-areas: "logo" "search" "actions" !important;
        padding-inline: 16px !important;
        gap: 12px !important;
    }
    .cell-logo{ justify-content: center !important; }
    .cell-actions{ align-items: center !important; }
}



/* ==========================================================
   إصلاح الأيقونات المقطوعة في صفحة الخدمات
   ========================================================== */

/* ✅ البطاقة = نقطة مرجعية للأيقونة */
.services-page-grid .service-page-card{
    position: relative !important;
    overflow: visible !important;
}

/* ✅ إخفاء overflow من الصورة حتى لا تقص الأيقونة */
.services-page-grid .service-page-image{
    position: relative !important;
    overflow: hidden !important;
    border-radius: 24px 24px 0 0 !important;
}

/* ✅ الأيقونة الآن موضوعة نسبة للبطاقة، ليست داخل الصورة */
.services-page-grid .service-page-icon{
    position: absolute !important;
    top: 188px !important;    /* = 220 - 32 (نصف ارتفاع الأيقونة) */
    right: 24px !important;
    bottom: auto !important;
    left: auto !important;

    width: 64px !important;
    height: 64px !important;
    border-radius: 20px !important;

    background: linear-gradient(135deg, var(--gold), #F0DCA8) !important;
    color: var(--navy) !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 1.6rem !important;

    box-shadow:
        0 15px 35px -10px rgba(229,200,139,.7),
        0 0 0 5px var(--white),
        0 0 0 6px rgba(229,200,139,.3) !important;

    transition: .5s var(--ease) !important;
    z-index: 5 !important;
}

/* ✅ الأيقونة تتفاعل مع البطاقة */
.services-page-grid .service-page-card:hover .service-page-icon{
    transform: rotate(-8deg) scale(1.08) !important;
    box-shadow:
        0 20px 45px -10px rgba(229,200,139,.9),
        0 0 0 5px var(--white),
        0 0 0 8px rgba(229,200,139,.4) !important;
}

/* ✅ إضافة مساحة لليوزر في جسم البطاقة */
.services-page-grid .service-page-body{
    padding-top: 44px !important;
}




/* ==========================================================
   إصلاح نهائي لعلامة الاقتباس في آراء المرضى
   ========================================================== */

/* ✅ 1. إخفاء علامة الاقتباس المكسورة */
.testi-quote{
    display: none !important;
    font-size: 0 !important;
    color: transparent !important;
    text-indent: -9999px !important;
}

/* ✅ 2. إضافة أيقونة اقتباس أنيقة بـ CSS فقط */
.testi-card::after{
    content: '\f10e' !important;              /* أيقونة quote-right */
    font-family: 'Font Awesome 6 Free' !important;
    font-weight: 900 !important;
    font-size: 2.5rem !important;
    color: var(--gold) !important;
    opacity: 0.2 !important;
    position: absolute !important;
    top: 20px !important;
    left: 22px !important;
    line-height: 1 !important;
    pointer-events: none !important;
    z-index: 0 !important;
    transition: opacity 0.4s var(--ease) !important;
}

.testi-card:hover::after{
    opacity: 0.35 !important;
}

/* ✅ 3. إزالة القوس الذهبي العلوي القديم إذا كان يتداخل */
.testi-card > .testi-quote{
    display: none !important;
}

/* ✅ 4. إخفاء الـ custom cursor (لو كان يظهر كمربع غريب) */
.custom-cursor,
.custom-cursor-outline{
    display: none !important;
}

/* ✅ 5. إرجاع مؤشر الماوس العادي */
body,
a, button, input, select, textarea,
.service-item, .ba-tab, .tool-btn,
.testi-card, .testi-filter-btn,
.service-page-card, .gallery-card, .photo-item{
    cursor: auto !important;
}

a, button, .testi-card, .testi-filter-btn,
.service-page-card, .gallery-card, .photo-item,
.tool-btn, .hero-btn, .gallery-hero-btn,
.photo-hero-btn, .about-btn, .btn-primary{
    cursor: pointer !important;
}

/* ✅ 6. التأكد من أن البطاقة position: relative */
.testi-card{
    position: relative !important;
    overflow: hidden !important;
}



/* ==========================================================
   مسافة بين النجوم وشارة "رأي مميز"
   ========================================================== */

/* رفع الشارة قليلاً للأعلى */
.testi-featured{
    top: 12px !important;
    right: 18px !important;
}

/* إضافة مسافة للنجوم من الأعلى */
.testi-stars{
    margin-top: 18px !important;
    margin-bottom: 16px !important;
    padding-top: 8px !important;
}



/* إزاحة الرقم والإيميل في النافبار */
.nav-contact {
    margin-inline-start: 0 !important;
    margin-inline-end: 35px !important;
}