/** * Dr. Naela Daghmi - Main Stylesheet * Version:2.0.0 * * TABLE OF CONTENTS:* 1. CSS Variables & Design System * 2. Reset & Base Styles * 3. Typography * 4. Layout & Grid * 5. Header & Navigation * 6. Hero Section * 7. Services Showcase * 8. About Section * 9. Testimonials * 10. Gallery * 11. Contact & Booking * 12. Footer * 13. Utilities * 14. Responsive Design */:root{ --color-primary:#0A4D68; --color-primary-light:#1565A0; --color-primary-dark:#053447; --color-secondary:#E8B4B8; --color-secondary-light:#F5D6D9; --color-secondary-dark:#D89BA0; --color-accent:#88D4D1; --color-accent-light:#B3E5E3; --color-accent-dark:#5FBFBB; --color-success:#4CAF50; --color-warning:#FF9800; --color-error:#F44336;  --color-white:#FFFFFF;--color-gray-50:#F9FAFB;--color-gray-100:#F3F4F6;--color-gray-200:#E5E7EB;--color-gray-300:#D1D5DB;--color-gray-400:#9CA3AF;--color-gray-500:#6B7280;--color-gray-600:#4B5563;--color-gray-700:#374151;--color-gray-800:#1F2937;--color-gray-900:#111827;--color-black:#000000; --font-primary:'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;--font-secondary:'Poppins', sans-serif;--font-arabic:'Cairo', 'Tajawal', sans-serif;--font-size-xs:0.75rem; --font-size-sm:0.875rem; --font-size-base:1rem; --font-size-lg:1.125rem; --font-size-xl:1.25rem; --font-size-2xl:1.5rem; --font-size-3xl:1.875rem; --font-size-4xl:2.25rem; --font-size-5xl:3rem; --font-size-6xl:3.75rem; --font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--line-height-loose:2; --spacing-xs:0.25rem; --spacing-sm:0.5rem; --spacing-md:1rem; --spacing-lg:1.5rem; --spacing-xl:2rem; --spacing-2xl:3rem; --spacing-3xl:4rem; --spacing-4xl:6rem; --spacing-5xl:8rem;  --radius-sm:0.25rem; --radius-md:0.5rem; --radius-lg:1rem; --radius-xl:1.5rem; --radius-2xl:2rem; --radius-full:9999px; --shadow-sm:0 1px 2px 0 rgba(0, 0, 0, 0.05);--shadow-md:0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);--shadow-lg:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);--shadow-xl:0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);--shadow-2xl:0 25px 50px -12px rgba(0, 0, 0, 0.25); --transition-fast:150ms ease-in-out;--transition-base:300ms ease-in-out;--transition-slow:500ms ease-in-out; --z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;}*, *::before, *::after{box-sizing:border-box;margin:0;padding:0;}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;}body{font-family:var(--font-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--color-gray-800);background-color:var(--color-white);overflow-x:hidden;}body.lang-ar{font-family:var(--font-arabic);direction:rtl;}img, picture, video, canvas, svg{display:block;max-width:100%;height:auto;}input, button, textarea, select{font:inherit;}p, h1, h2, h3, h4, h5, h6{overflow-wrap:break-word;}a{color:inherit;text-decoration:none;transition:color var(--transition-fast);}a:hover{color:var(--color-primary);}h1, h2, h3, h4, h5, h6{font-family:var(--font-secondary);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-gray-900);margin-bottom:var(--spacing-md);}.lang-ar h1, .lang-ar h2, .lang-ar h3, .lang-ar h4, .lang-ar h5, .lang-ar h6{font-family:var(--font-arabic);}h1{font-size:var(--font-size-5xl);}h2{font-size:var(--font-size-4xl);}h3{font-size:var(--font-size-3xl);}h4{font-size:var(--font-size-2xl);}h5{font-size:var(--font-size-xl);}h6{font-size:var(--font-size-lg);}p{margin-bottom:var(--spacing-md);line-height:var(--line-height-relaxed);}.text-primary{color:var(--color-primary);}.text-secondary{color:var(--color-secondary);}.text-accent{color:var(--color-accent);}.text-white{color:var(--color-white);}.text-gray{color:var(--color-gray-600);}.text-center{text-align:center;}.text-left{text-align:left;}.text-right{text-align:right;}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg);}.container-wide{max-width:1400px;}.container-narrow{max-width:900px;}.section{padding:var(--spacing-4xl) 0;}.section-sm{padding:var(--spacing-3xl) 0;}.section-lg{padding:var(--spacing-5xl) 0;}.grid{display:grid;gap:var(--spacing-xl);}.grid-2{grid-template-columns:repeat(2, 1fr);}.grid-3{grid-template-columns:repeat(3, 1fr);}.grid-4{grid-template-columns:repeat(4, 1fr);}.flex{display:flex;}.flex-center{display:flex;justify-content:center;align-items:center;}.flex-between{display:flex;justify-content:space-between;align-items:center;}.site-header{position:fixed;top:0;left:0;right:0;background:var(--color-white);box-shadow:var(--shadow-md);z-index:var(--z-fixed);transition:transform var(--transition-base);}.site-header.hidden{transform:translateY(-100%);}.header-top{background:var(--color-primary);color:var(--color-white);padding:var(--spacing-sm) 0;font-size:var(--font-size-sm);}.header-top .container{display:flex;justify-content:space-between;align-items:center;}.header-contact{display:flex;gap:var(--spacing-lg);align-items:center;}.header-contact-item{display:flex;align-items:center;gap:var(--spacing-xs);}.header-contact-item .contact-icon{font-size:var(--font-size-base);}.header-contact-item .contact-link{color:var(--color-white);text-decoration:none;font-weight:var(--font-weight-medium);transition:all var(--transition-fast);position:relative;}.header-contact-item .contact-link::after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--color-secondary);transition:width var(--transition-fast);}.header-contact-item .contact-link:hover{color:var(--color-secondary-light);}.header-contact-item .contact-link:hover::after{width:100%;}.header-main{padding:var(--spacing-md) 0;}.header-main .container{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-lg);}.header-cta{display:flex;align-items:center;gap:var(--spacing-md);}.btn-phone-premium{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background:rgba(255, 255, 255, 0.15);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:2px solid rgba(255, 255, 255, 0.3);color:var(--color-white);border-radius:var(--radius-full);text-decoration:none;font-weight:var(--font-weight-semibold);box-shadow:0 8px 32px rgba(10, 77, 104, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.2);transition:all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);position:relative;overflow:hidden;white-space:nowrap;transform-style:preserve-3d;}.btn-phone-premium::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);transition:left 0.5s ease;}.btn-phone-premium:hover::before{left:100%;}.btn-phone-premium:hover{transform:translateY(-3px) scale(1.08) translateZ(10px);box-shadow:0 12px 40px rgba(10, 77, 104, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 0 20px rgba(136, 201, 193, 0.3);background:rgba(255, 255, 255, 0.25);border-color:rgba(255, 255, 255, 0.5);backdrop-filter:blur(25px) saturate(200%);-webkit-backdrop-filter:blur(25px) saturate(200%);}.btn-phone-premium:active{transform:translateY(0) scale(1);}.btn-phone-premium .phone-icon{font-size:var(--font-size-xl);animation:phone-pulse 2s ease-in-out infinite;}@keyframes phone-pulse{0%, 100%{transform:scale(1);} 50%{transform:scale(1.1);}}.btn-phone-premium .phone-text{display:flex;flex-direction:column;line-height:1.2;}.btn-phone-premium .phone-label{font-size:var(--font-size-xs);opacity:0.9;text-transform:uppercase;letter-spacing:0.5px;}.btn-phone-premium .phone-number{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);}.site-logo img{height:60px;width:auto;}.main-navigation ul{display:flex;list-style:none;gap:var(--spacing-xl);}.main-navigation a{font-weight:var(--font-weight-medium);color:var(--color-gray-700);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);transition:all var(--transition-fast);}.main-navigation a:hover,.main-navigation a.active{color:var(--color-primary);background:var(--color-gray-50);}.language-switcher{display:flex;gap:var(--spacing-sm);}.language-switcher a{width:32px;height:32px;border-radius:var(--radius-sm);overflow:hidden;transition:transform var(--transition-fast);}.language-switcher a:hover{transform:scale(1.1);}.mobile-menu-toggle{display:none;background:none;border:none;font-size:var(--font-size-2xl);color:var(--color-primary);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-md);transition:all var(--transition-fast);}.mobile-menu-toggle:hover{background:var(--color-gray-100);transform:scale(1.1);}@media (max-width:1024px){.btn-phone-premium .phone-text{display:none;} .btn-phone-premium{padding:var(--spacing-sm);min-width:50px;justify-content:center;} .btn-phone-premium .phone-icon{font-size:var(--font-size-xl);}}@media (max-width:768px){.header-top{padding:var(--spacing-xs) 0;font-size:var(--font-size-xs);} .header-contact{gap:var(--spacing-sm);} .header-contact-item .contact-link{font-size:var(--font-size-xs);} .header-main{padding:var(--spacing-sm) 0;} .site-logo img{height:45px;} .btn-phone-premium{padding:var(--spacing-xs) var(--spacing-sm);} .mobile-menu-toggle{display:block !important;}  }.hero-section{position:relative;min-height:100vh;display:flex;align-items:center;background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);overflow:hidden;margin-top:120px;}.hero-section::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url('../images/hero-pattern.svg') repeat;opacity:0.05;z-index:1;}.hero-video-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden;}.hero-background-video{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;transform:translate(-50%, -50%);object-fit:cover;z-index:0;}.hero-video-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient( 135deg, rgba(10, 77, 104, 0.4) 0%, rgba(5, 52, 71, 0.3) 50%, rgba(10, 77, 104, 0.4) 100% );z-index:1;}.hero-content{position:relative;z-index:2;max-width:600px;}.hero-title{font-size:var(--font-size-6xl);color:var(--color-white);margin-bottom:var(--spacing-lg);line-height:1.1;}.hero-subtitle{font-size:var(--font-size-2xl);color:var(--color-secondary-light);margin-bottom:var(--spacing-xl);font-weight:var(--font-weight-light);}.hero-description{font-size:var(--font-size-lg);color:var(--color-gray-100);margin-bottom:var(--spacing-2xl);line-height:var(--line-height-relaxed);}.hero-image{position:absolute;right:0;top:50%;transform:translateY(-50%);width:50%;height:100%;z-index:2;}.hero-image img{width:100%;height:100%;object-fit:cover;object-position:center;}.hero-cta{display:flex;gap:var(--spacing-md);}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);border-radius:var(--radius-lg);border:2px solid transparent;cursor:pointer;transition:all var(--transition-base);text-decoration:none;}.btn-primary{background:var(--color-primary);color:var(--color-white);border-color:var(--color-primary);}.btn-primary:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg);}.btn-secondary{background:var(--color-secondary);color:var(--color-white);border-color:var(--color-secondary);}.btn-secondary:hover{background:var(--color-secondary-dark);border-color:var(--color-secondary-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg);}.btn-outline{background:transparent;color:var(--color-white);border-color:var(--color-white);}.btn-outline:hover{background:var(--color-white);color:var(--color-primary);}.btn-lg{padding:var(--spacing-lg) var(--spacing-2xl);font-size:var(--font-size-lg);}.btn-icon{display:inline-flex;align-items:center;gap:var(--spacing-sm);}.services-section{background:var(--color-gray-50);}.section-header{text-align:center;max-width:700px;margin:0 auto var(--spacing-4xl);}.section-subtitle{color:var(--color-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:var(--spacing-sm);}.section-title{font-size:var(--font-size-4xl);color:var(--color-gray-900);margin-bottom:var(--spacing-md);}.section-description{font-size:var(--font-size-lg);color:var(--color-gray-600);}.services-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:var(--spacing-xl);}.service-card{background:var(--color-white);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-md);transition:all var(--transition-base);position:relative;}.service-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-2xl);}.service-card-image{position:relative;height:250px;overflow:hidden;}.service-card-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow);}.service-card:hover .service-card-image img{transform:scale(1.1);}.service-card-icon{position:absolute;bottom:-30px;left:50%;transform:translateX(-50%);width:60px;height:60px;background:var(--color-primary);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:var(--color-white);font-size:var(--font-size-2xl);box-shadow:var(--shadow-lg);z-index:1;}.service-card-content{padding:var(--spacing-2xl) var(--spacing-xl) var(--spacing-xl);text-align:center;}.service-card-title{font-size:var(--font-size-xl);color:var(--color-gray-900);margin-bottom:var(--spacing-md);}.service-card-description{color:var(--color-gray-600);margin-bottom:var(--spacing-lg);line-height:var(--line-height-relaxed);}.service-card-link{color:var(--color-primary);font-weight:var(--font-weight-semibold);display:inline-flex;align-items:center;gap:var(--spacing-xs);transition:gap var(--transition-fast);}.service-card-link:hover{gap:var(--spacing-sm);}.stats-section{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);color:var(--color-white);position:relative;overflow:hidden;}.stats-section::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url('../images/stats-pattern.svg') repeat;opacity:0.05;}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:var(--spacing-2xl);position:relative;z-index:1;}.stat-item{text-align:center;}.stat-number{font-size:var(--font-size-5xl);font-weight:var(--font-weight-bold);color:var(--color-secondary);margin-bottom:var(--spacing-sm);display:block;}.stat-label{font-size:var(--font-size-lg);color:var(--color-gray-100);font-weight:var(--font-weight-medium);}.about-section{background:var(--color-white);}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-4xl);align-items:center;}.about-image{position:relative;border-radius:var(--radius-2xl);overflow:hidden;box-shadow:var(--shadow-2xl);}.about-image img{width:100%;height:auto;}.about-text h2{margin-bottom:var(--spacing-lg);}.about-text p{color:var(--color-gray-600);margin-bottom:var(--spacing-md);}.about-features{display:grid;grid-template-columns:repeat(2, 1fr);gap:var(--spacing-lg);margin-top:var(--spacing-xl);}.about-feature{display:flex;align-items:flex-start;gap:var(--spacing-md);}.about-feature-icon{width:40px;height:40px;background:var(--color-primary);color:var(--color-white);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0;}.about-feature-text h4{font-size:var(--font-size-lg);margin-bottom:var(--spacing-xs);}.about-feature-text p{font-size:var(--font-size-sm);color:var(--color-gray-600);margin:0;}.testimonials-section{background:var(--color-gray-50);}.testimonials-slider{max-width:900px;margin:0 auto;}.testimonial-card{background:var(--color-white);border-radius:var(--radius-xl);padding:var(--spacing-2xl);box-shadow:var(--shadow-lg);text-align:center;}.testimonial-avatar{width:100px;height:100px;border-radius:var(--radius-full);margin:0 auto var(--spacing-lg);border:4px solid var(--color-secondary);overflow:hidden;}.testimonial-avatar img{width:100%;height:100%;object-fit:cover;}.testimonial-rating{color:var(--color-warning);font-size:var(--font-size-xl);margin-bottom:var(--spacing-md);}.testimonial-text{font-size:var(--font-size-lg);color:var(--color-gray-700);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-lg);font-style:italic;}.testimonial-author{font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin-bottom:var(--spacing-xs);}.testimonial-service{color:var(--color-gray-500);font-size:var(--font-size-sm);}.contact-section{background:var(--color-white);}.contact-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-4xl);}.contact-map{grid-column:1 / -1;margin-top:var(--spacing-2xl);}.map-container{position:relative;border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 10px 40px rgba(0, 0, 0, 0.1);transition:transform 0.3s ease, box-shadow 0.3s ease;}.map-container:hover{transform:translateY(-5px);box-shadow:0 20px 60px rgba(0, 0, 0, 0.15);}.map-container iframe{width:100%;height:400px;border:0;display:block;}.map-overlay{position:absolute;bottom:20px;right:20px;z-index:10;}.map-overlay .btn{background:rgba(255, 255, 255, 0.95);backdrop-filter:blur(10px);color:var(--color-primary);border:2px solid var(--color-primary);padding:var(--spacing-sm) var(--spacing-lg);font-weight:var(--font-weight-semibold);transition:all 0.3s ease;}.map-overlay .btn:hover{background:var(--color-primary);color:var(--color-white);transform:scale(1.05);}.contact-info{background:var(--color-primary);color:var(--color-white);border-radius:var(--radius-xl);padding:var(--spacing-2xl);}.contact-info h3{color:var(--color-white);margin-bottom:var(--spacing-xl);}.contact-item{display:flex;align-items:flex-start;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);}.contact-item-icon{width:40px;height:40px;background:rgba(255, 255, 255, 0.1);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0;}.contact-item-text h4{color:var(--color-white);font-size:var(--font-size-base);margin-bottom:var(--spacing-xs);}.contact-item-text p{color:var(--color-gray-100);margin:0;}.contact-phone-link{color:var(--color-white);text-decoration:none;font-weight:var(--font-weight-semibold);transition:color 0.3s ease;}.contact-phone-link:hover{color:var(--color-secondary-light);text-decoration:underline;}.contact-actions{display:flex;gap:var(--spacing-sm);flex-wrap:wrap;}.contact-actions .btn{flex:1;min-width:120px;}.social-link{transition:all 0.3s ease;}.social-link:hover{transform:translateY(-3px) scale(1.1);}.social-whatsapp:hover{background:#25D366 !important;}.social-youtube:hover{background:#FF0000 !important;}.social-facebook:hover{background:#1877F2 !important;}.booking-form{background:var(--color-gray-50);border-radius:var(--radius-xl);padding:var(--spacing-2xl);}.form-group{margin-bottom:var(--spacing-lg);}.form-label{display:block;font-weight:var(--font-weight-medium);color:var(--color-gray-700);margin-bottom:var(--spacing-sm);}.form-input,.form-select,.form-textarea{width:100%;padding:var(--spacing-md);border:2px solid var(--color-gray-200);border-radius:var(--radius-md);font-size:var(--font-size-base);transition:border-color var(--transition-fast);}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--color-primary);}.form-textarea{resize:vertical;min-height:120px;}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md);}.site-footer{background:var(--color-gray-900);color:var(--color-gray-300);padding:var(--spacing-4xl) 0 var(--spacing-xl);}.footer-main{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--spacing-2xl);margin-bottom:var(--spacing-2xl);padding-bottom:var(--spacing-2xl);border-bottom:1px solid var(--color-gray-700);}.footer-about h3{color:var(--color-white);margin-bottom:var(--spacing-md);}.footer-about p{color:var(--color-gray-400);margin-bottom:var(--spacing-md);}.footer-social{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-md);}.footer-social a{width:40px;height:40px;background:var(--color-gray-800);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--color-white);transition:all var(--transition-fast);}.footer-social a:hover{background:var(--color-primary);transform:translateY(-3px);}.footer-links h4{color:var(--color-white);font-size:var(--font-size-lg);margin-bottom:var(--spacing-md);}.footer-links ul{list-style:none;}.footer-links li{margin-bottom:var(--spacing-sm);}.footer-links a{color:var(--color-gray-400);transition:color var(--transition-fast);}.footer-links a:hover{color:var(--color-white);}.footer-bottom{text-align:center;color:var(--color-gray-500);font-size:var(--font-size-sm);}.whatsapp-float{position:fixed;bottom:30px;right:30px;width:60px;height:60px;background:#25D366;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:var(--color-white);font-size:var(--font-size-2xl);box-shadow:var(--shadow-2xl);z-index:var(--z-fixed);transition:all var(--transition-base);animation:pulse 2s infinite;}.whatsapp-float:hover{transform:scale(1.1);box-shadow:0 10px 30px rgba(37, 211, 102, 0.5);}@keyframes pulse{0%, 100%{transform:scale(1);} 50%{transform:scale(1.05);}}.book-float-btn{position:fixed;bottom:110px; right:30px;background:linear-gradient(135deg, var(--color-primary), var(--color-primary-light));color:var(--color-white);border:none;border-radius:var(--radius-2xl);padding:18px 28px;display:flex;align-items:center;gap:12px;font-size:var(--font-size-base);font-weight:600;cursor:pointer;z-index:var(--z-fixed);box-shadow:0 8px 30px rgba(10, 77, 104, 0.4);transition:all var(--transition-base);opacity:0;transform:translateY(20px) scale(0.9);pointer-events:none; backdrop-filter:blur(10px);background:linear-gradient(135deg, rgba(10, 77, 104, 0.95), rgba(21, 101, 160, 0.95));}.book-float-btn.visible{opacity:1;transform:translateY(0) scale(1);pointer-events:all;animation:slideInBounce 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);}@keyframes slideInBounce{0%{opacity:0;transform:translateY(20px) scale(0.9);} 60%{transform:translateY(-5px) scale(1.05);} 100%{opacity:1;transform:translateY(0) scale(1);}}.book-float-btn:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 12px 40px rgba(10, 77, 104, 0.5);background:linear-gradient(135deg, var(--color-primary-light), var(--color-primary));}.book-float-btn:active{transform:translateY(-1px) scale(1.02);}.book-icon{font-size:24px;animation:bookIconPulse 2s infinite;}@keyframes bookIconPulse{0%, 100%{transform:rotate(0deg) scale(1);} 25%{transform:rotate(-5deg) scale(1.1);} 75%{transform:rotate(5deg) scale(1.1);}}.book-text{white-space:nowrap;}.book-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;opacity:0;animation:fadeIn 0.3s forwards;}@keyframes fadeIn{to{opacity:1;}}.book-modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.6);backdrop-filter:blur(5px);}.book-modal-content{position:relative;background:var(--color-white);border-radius:var(--radius-2xl);padding:40px;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px rgba(0, 0, 0, 0.3);animation:modalSlideIn 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);z-index:1;}@keyframes modalSlideIn{from{transform:scale(0.8) translateY(20px);opacity:0;} to{transform:scale(1) translateY(0);opacity:1;}}.book-modal-close{position:absolute;top:20px;right:20px;background:transparent;border:none;font-size:32px;color:var(--color-gray-400);cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);transition:all var(--transition-base);}.book-modal-close:hover{background:var(--color-gray-100);color:var(--color-gray-700);transform:rotate(90deg);}.book-modal-title{font-size:var(--font-size-3xl);font-weight:700;color:var(--color-primary);margin-bottom:var(--spacing-sm);text-align:center;}.book-modal-subtitle{font-size:var(--font-size-base);color:var(--color-gray-600);text-align:center;margin-bottom:var(--spacing-xl);}.book-options-grid{display:grid;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);}.book-option{display:flex;align-items:center;gap:var(--spacing-md);padding:24px;background:var(--color-gray-50);border:2px solid transparent;border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-base);text-decoration:none;position:relative;overflow:hidden;}.book-option::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);transition:left 0.5s;}.book-option:hover::before{left:100%;}.book-option:hover{border-color:var(--color-primary);background:var(--color-white);transform:translateY(-2px);box-shadow:var(--shadow-lg);}.book-option-icon{font-size:48px;flex-shrink:0;}.book-option-content{flex:1;position:relative;}.book-option h4{font-size:var(--font-size-lg);font-weight:600;color:var(--color-primary);margin-bottom:4px;}.book-option p{font-size:var(--font-size-sm);color:var(--color-gray-600);margin:0;}.book-option-badge{position:absolute;top:-8px;right:0;background:var(--color-accent);color:var(--color-white);font-size:var(--font-size-xs);font-weight:600;padding:4px 12px;border-radius:var(--radius-full);white-space:nowrap;}.book-phone .book-option-badge{background:var(--color-success);}.book-whatsapp .book-option-badge{background:#25D366;}.book-online .book-option-badge{background:var(--color-primary);}.book-modal-footer{text-align:center;font-size:var(--font-size-base);color:var(--color-primary);font-weight:600;padding:20px;background:linear-gradient(135deg, rgba(10, 77, 104, 0.05), rgba(136, 212, 209, 0.05));border-radius:var(--radius-xl);margin:0;}.mt-0{margin-top:0;}.mt-sm{margin-top:var(--spacing-sm);}.mt-md{margin-top:var(--spacing-md);}.mt-lg{margin-top:var(--spacing-lg);}.mt-xl{margin-top:var(--spacing-xl);}.mb-0{margin-bottom:0;}.mb-sm{margin-bottom:var(--spacing-sm);}.mb-md{margin-bottom:var(--spacing-md);}.mb-lg{margin-bottom:var(--spacing-lg);}.mb-xl{margin-bottom:var(--spacing-xl);}.pt-0{padding-top:0;}.pb-0{padding-bottom:0;}.hidden{display:none;}.visible{display:block;}@media (max-width:1024px){:root{--font-size-6xl:3rem;--font-size-5xl:2.5rem;--font-size-4xl:2rem;} .grid-3, .grid-4{grid-template-columns:repeat(2, 1fr);} .hero-content{max-width:500px;} .footer-main{grid-template-columns:1fr 1fr;} .contact-wrapper, .about-content{grid-template-columns:1fr;} .contact-map{margin-top:var(--spacing-xl);} .map-container iframe{height:300px;} .map-overlay{bottom:10px;right:10px;} .map-overlay .btn{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm);}}@media (max-width:768px){:root{--font-size-6xl:2.5rem;--font-size-5xl:2rem;--font-size-4xl:1.75rem;--spacing-4xl:4rem;--spacing-5xl:5rem;}  .grid-2, .grid-3, .grid-4{grid-template-columns:1fr;} .hero-section{min-height:auto;padding:var(--spacing-4xl) 0;}   .hero-video-wrapper::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);z-index:0;} .hero-image{position:relative;width:100%;height:300px;margin-top:var(--spacing-xl);} .hero-cta{flex-direction:column;} .form-row{grid-template-columns:1fr;} .footer-main{grid-template-columns:1fr;} .about-features{grid-template-columns:1fr;}}@media (max-width:480px){.container{padding:0 var(--spacing-md);} .btn{width:100%;} .whatsapp-float{bottom:20px;right:20px;width:50px;height:50px;} .book-float-btn{bottom:90px;right:20px;padding:14px 20px;font-size:var(--font-size-sm);} .book-icon{font-size:20px;} .book-text{font-size:var(--font-size-sm);} .book-modal-content{padding:30px 20px;width:95%;} .book-modal-title{font-size:var(--font-size-2xl);} .book-option{padding:16px;} .book-option-icon{font-size:36px;} .book-option h4{font-size:var(--font-size-base);} .book-option p{font-size:var(--font-size-xs);}}.breadcrumbs{background:linear-gradient(135deg, rgba(10, 77, 104, 0.03), rgba(136, 212, 209, 0.03));padding:var(--spacing-md) 0;margin-bottom:var(--spacing-xl);border-bottom:1px solid var(--color-gray-200);}.breadcrumbs ol{list-style:none;padding:0;margin:0 auto;max-width:var(--container-max-width);padding:0 var(--container-padding);display:flex;flex-wrap:wrap;gap:var(--spacing-xs);align-items:center;}.breadcrumbs li{font-size:var(--font-size-sm);color:var(--color-gray-600);display:flex;align-items:center;}.breadcrumbs li::after{content:'→';margin:0 var(--spacing-sm);color:var(--color-primary);font-weight:600;}.breadcrumbs li:last-child::after{content:'';}.breadcrumbs li:last-child{color:var(--color-primary);font-weight:600;}.breadcrumbs a{color:var(--color-primary);text-decoration:none;transition:all var(--transition-base);padding:4px 8px;border-radius:var(--radius-md);}.breadcrumbs a:hover{color:var(--color-primary-light);background:rgba(10, 77, 104, 0.05);}.rtl-layout .breadcrumbs li::after{content:'←';}.services-page{background:var(--light);}.page-hero{background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);color:white;padding:4rem 0;text-align:center;margin-bottom:3rem;}.page-hero h1{font-size:3rem;margin-bottom:1rem;font-weight:700;}.page-hero .hero-subtitle{font-size:1.25rem;opacity:0.95;max-width:800px;margin:0 auto;}.services-grid{padding:3rem 0;}.services-grid .container{display:grid;grid-template-columns:repeat(auto-fill, minmax(350px, 1fr));gap:2rem;}.service-card{background:white;border-radius:var(--radius-lg);padding:2rem;box-shadow:var(--shadow-sm);transition:all 0.3s ease;border:1px solid var(--border-color);}.service-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);}.service-card .service-icon{font-size:3rem;margin-bottom:1rem;}.service-card .service-category{display:inline-block;background:var(--primary);color:white;padding:0.25rem 0.75rem;border-radius:var(--radius-sm);font-size:0.75rem;text-transform:uppercase;letter-spacing:0.5px;margin-bottom:1rem;}.service-card h2{font-size:1.5rem;margin-bottom:1rem;color:var(--primary);}.service-card p{color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem;}.trust-signals{background:white;padding:4rem 0;margin:3rem 0;}.trust-signals h2{text-align:center;font-size:2.5rem;margin-bottom:3rem;color:var(--primary);}.trust-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:2rem;}.trust-item{text-align:center;padding:2rem;}.trust-item .trust-icon{font-size:3rem;margin-bottom:1rem;}.trust-item h3{font-size:1.25rem;margin-bottom:1rem;color:var(--secondary);}.trust-item p{color:var(--text-secondary);line-height:1.6;}.services-cta{background:linear-gradient(135deg, var(--secondary) 0%, var(--primary) 100%);color:white;padding:4rem 0;text-align:center;}.services-cta h2{font-size:2.5rem;margin-bottom:1rem;}.services-cta p{font-size:1.25rem;margin-bottom:2rem;opacity:0.95;}.services-cta .cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;}.single-service{background:var(--light);}.service-header{background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);color:white;padding:3rem 0;}.service-featured-image{max-width:800px;margin:0 auto 2rem;border-radius:var(--radius-lg);overflow:hidden;}.service-featured-image img{width:100%;height:auto;display:block;}.service-header h1{font-size:2.5rem;margin-bottom:1rem;text-align:center;}.service-subtitle{font-size:1.25rem;text-align:center;opacity:0.95;max-width:700px;margin:0 auto 2rem;}.service-meta{display:flex;gap:2rem;justify-content:center;flex-wrap:wrap;font-size:0.95rem;}.service-meta .meta-item{opacity:0.9;}.service-content{padding:3rem 0;}.content-wrapper{display:grid;grid-template-columns:2fr 1fr;gap:3rem;}.main-content{background:white;padding:2rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);}.main-content h2{color:var(--primary);margin-top:2rem;margin-bottom:1rem;font-size:1.75rem;}.main-content p{line-height:1.8;margin-bottom:1rem;}.procedure-details{margin-top:3rem;}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:1.5rem;margin-top:1.5rem;}.detail-item{background:var(--light);padding:1.5rem;border-radius:var(--radius-md);text-align:center;}.detail-item h3{font-size:1rem;margin-bottom:0.5rem;color:var(--secondary);}.benefits-list{list-style:none;padding:0;}.benefits-list li{padding:0.75rem;margin-bottom:0.5rem;background:var(--light);border-left:4px solid var(--primary);border-radius:var(--radius-sm);}.medical-disclaimer{background:#fff9e6;border:1px solid #ffd700;border-radius:var(--radius-md);padding:1.5rem;margin-top:2rem;}.medical-disclaimer p{margin:0;font-size:0.9rem;color:#856404;}.faq-section{background:linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);}.faq-grid{display:grid;gap:1.5rem;max-width:900px;margin:0 auto;}.faq-item{background:white;border-radius:var(--radius-lg);padding:1.5rem;box-shadow:0 2px 8px rgba(0, 0, 0, 0.08);transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);border-left:4px solid var(--primary);}.faq-item:hover{box-shadow:0 8px 24px rgba(0, 0, 0, 0.12);transform:translateY(-2px);}.faq-question{font-size:1.15rem;font-weight:600;color:var(--primary);margin-bottom:1rem;display:flex;align-items:flex-start;gap:0.75rem;line-height:1.5;}.faq-icon{font-size:1.5rem;flex-shrink:0;opacity:0.8;}.faq-answer{color:var(--text-color);line-height:1.7;font-size:0.95rem;}.faq-answer p{margin:0;}.faq-cta{background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);padding:2.5rem;border-radius:var(--radius-xl);color:white;}.faq-cta p{color:white;}@media (max-width:768px){.faq-item{padding:1.25rem;} .faq-question{font-size:1rem;} .faq-answer{font-size:0.9rem;}}.service-sidebar{display:flex;flex-direction:column;gap:2rem;}.sidebar-widget{background:white;padding:1.5rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);}.sidebar-widget h3{font-size:1.25rem;margin-bottom:1rem;color:var(--primary);}.sidebar-widget h4{font-size:1rem;margin-top:1rem;margin-bottom:0.5rem;color:var(--secondary);}.appointment-widget{background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);color:white;}.appointment-widget h3{color:white;}.appointment-widget p{margin-bottom:1rem;}.btn-block{display:block;width:100%;margin-bottom:0.5rem;}.location-widget address{font-style:normal;line-height:1.6;}.location-hours p{margin-bottom:0.25rem;font-size:0.9rem;}.related-services-list{list-style:none;padding:0;}.related-services-list li{padding:0.75rem 0;border-bottom:1px solid var(--border-color);}.related-services-list li:last-child{border-bottom:none;}.related-services-list a{color:var(--primary);text-decoration:none;transition:color 0.3s ease;}.related-services-list a:hover{color:var(--secondary);}.service-faq{background:white;padding:3rem 0;}.service-faq h2{text-align:center;font-size:2rem;margin-bottom:2rem;color:var(--primary);}.faq-item{background:var(--light);padding:1.5rem;border-radius:var(--radius-md);margin-bottom:1rem;border-left:4px solid var(--primary);}.faq-item h3{font-size:1.1rem;margin-bottom:0.75rem;color:var(--secondary);}.faq-item p{margin:0;line-height:1.6;color:var(--text-secondary);}@media (max-width:768px){.page-hero h1{font-size:2rem;} .page-hero .hero-subtitle{font-size:1rem;} .services-grid .container{grid-template-columns:1fr;} .content-wrapper{grid-template-columns:1fr;} .service-sidebar{order:-1;} .detail-grid{grid-template-columns:1fr;} .trust-grid{grid-template-columns:1fr;}}.videos-page{background:linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);padding:var(--spacing-2xl) 0;}.videos-page .page-header{text-align:center;margin-bottom:var(--spacing-2xl);}.videos-page .page-title{font-size:var(--font-size-4xl);font-weight:700;color:var(--color-primary);margin-bottom:var(--spacing-md);}.videos-page .page-subtitle{font-size:var(--font-size-lg);color:var(--color-gray-600);max-width:700px;margin:0 auto;}.video-categories{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-md);margin-bottom:var(--spacing-2xl);}.category-filter{background:var(--color-white);border:2px solid var(--color-gray-200);color:var(--color-gray-700);padding:12px 24px;border-radius:var(--radius-full);font-size:var(--font-size-base);font-weight:600;cursor:pointer;transition:all var(--transition-base);}.category-filter:hover{border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-2px);}.category-filter.active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-white);}.videos-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(350px, 1fr));gap:var(--spacing-xl);margin-bottom:var(--spacing-2xl);}.video-card{background:var(--color-white);border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 4px 12px rgba(0, 0, 0, 0.08);transition:all var(--transition-base);opacity:1;transform:translateY(0);}.video-card:hover{box-shadow:0 12px 24px rgba(0, 0, 0, 0.15);transform:translateY(-4px);}.video-thumbnail{position:relative;width:100%;padding-bottom:56.25%; overflow:hidden;background:var(--color-gray-900);}.video-thumbnail iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none;}.video-duration{position:absolute;bottom:10px;right:10px;background:rgba(0, 0, 0, 0.8);color:var(--color-white);padding:4px 8px;border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:600;}.video-content{padding:var(--spacing-lg);}.video-title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-primary);margin-bottom:var(--spacing-sm);line-height:1.4;}.video-description{font-size:var(--font-size-sm);color:var(--color-gray-600);line-height:1.6;margin-bottom:var(--spacing-md);}.video-cta{display:inline-flex;align-items:center;gap:var(--spacing-xs);color:var(--color-primary);font-weight:600;text-decoration:none;transition:all var(--transition-base);}.video-cta:hover{color:var(--color-primary-light);gap:var(--spacing-sm);}.videos-cta-section{background:linear-gradient(135deg, rgba(10, 77, 104, 0.95), rgba(21, 101, 160, 0.95));color:var(--color-white);padding:var(--spacing-2xl);border-radius:var(--radius-2xl);text-align:center;margin-bottom:var(--spacing-2xl);}.videos-cta-section h2{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-md);color:var(--color-white);}.videos-cta-section p{font-size:var(--font-size-lg);margin-bottom:var(--spacing-xl);opacity:0.95;}.videos-cta-section .btn{background:var(--color-white);color:var(--color-primary);padding:16px 32px;font-size:var(--font-size-lg);font-weight:700;}.videos-cta-section .btn:hover{background:var(--color-accent);color:var(--color-white);transform:translateY(-2px);}.youtube-subscribe-section{text-align:center;padding:var(--spacing-xl);background:var(--color-white);border-radius:var(--radius-xl);border:2px solid var(--color-gray-200);}.youtube-subscribe-section h3{font-size:var(--font-size-2xl);color:var(--color-primary);margin-bottom:var(--spacing-sm);}.youtube-subscribe-section p{font-size:var(--font-size-base);color:var(--color-gray-600);margin-bottom:var(--spacing-lg);}.youtube-subscribe-btn{display:inline-block;background:#FF0000; color:var(--color-white);padding:14px 32px;border-radius:var(--radius-xl);font-size:var(--font-size-lg);font-weight:700;text-decoration:none;transition:all var(--transition-base);}.youtube-subscribe-btn:hover{background:#CC0000;transform:scale(1.05);box-shadow:0 8px 20px rgba(255, 0, 0, 0.3);}.homepage-videos-section{padding:var(--spacing-2xl) 0;background:var(--color-gray-50);}.homepage-videos-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:var(--spacing-xl);margin-top:var(--spacing-xl);}.homepage-video-card{background:var(--color-white);border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 4px 12px rgba(0, 0, 0, 0.08);transition:all var(--transition-base);}.homepage-video-card:hover{box-shadow:0 12px 24px rgba(0, 0, 0, 0.15);transform:translateY(-4px);}.homepage-blog-section{padding:var(--spacing-2xl) 0;background:var(--color-white);}.blog-posts-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(320px, 1fr));gap:var(--spacing-xl);margin-top:var(--spacing-xl);}.blog-post-card{background:var(--color-white);border:2px solid var(--color-gray-200);border-radius:var(--radius-xl);overflow:hidden;transition:all var(--transition-base);display:flex;flex-direction:column;}.blog-post-card:hover{border-color:var(--color-primary);box-shadow:0 8px 20px rgba(0, 0, 0, 0.12);transform:translateY(-4px);}.blog-post-image{width:100%;height:200px;object-fit:cover;background:var(--color-gray-100);}.blog-post-content{padding:var(--spacing-lg);flex:1;display:flex;flex-direction:column;}.blog-post-title{font-size:var(--font-size-xl);font-weight:600;color:var(--color-primary);margin-bottom:var(--spacing-sm);line-height:1.4;}.blog-post-excerpt{font-size:var(--font-size-base);color:var(--color-gray-600);line-height:1.6;margin-bottom:var(--spacing-md);flex:1;}.blog-post-meta{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-sm);color:var(--color-gray-500);margin-bottom:var(--spacing-md);}.blog-post-cta{display:inline-flex;align-items:center;gap:var(--spacing-xs);color:var(--color-primary);font-weight:600;text-decoration:none;transition:all var(--transition-base);}.blog-post-cta:hover{color:var(--color-primary-light);gap:var(--spacing-sm);}.blog-external-badge{display:inline-block;background:var(--color-accent);color:var(--color-white);padding:4px 12px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;margin-left:var(--spacing-xs);}@media (max-width:768px){.videos-grid{grid-template-columns:1fr;} .video-categories{justify-content:flex-start;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:var(--spacing-sm);} .category-filter{flex-shrink:0;} .videos-cta-section{padding:var(--spacing-xl);} .videos-cta-section h2{font-size:var(--font-size-2xl);} .homepage-videos-grid, .blog-posts-grid{grid-template-columns:1fr;}}@media (max-width:480px){.videos-page .page-title{font-size:var(--font-size-3xl);} .video-content{padding:var(--spacing-md);}}