:root{--dropdown-bg:#ffffff;--dropdown-shadow:0 10px 40px rgba(0, 0, 0, 0.1);--dropdown-border:rgba(0, 0, 0, 0.05);--clinic-green:#4CAF50;--clinic-green-hover:#45a049;--clinic-black:#121212;--clinic-gray:#f5f5f5;--clinic-text-muted:#666666;--dropdown-transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);--dropdown-scale:cubic-bezier(0.16, 1, 0.3, 1)}.dropdown{position:relative;display:inline-block}.dropdown-toggle{background:none;border:none;padding:.75rem 1rem;cursor:pointer;align-items:center;font-size:15px;font-weight:500;color:var(--clinic-black);transition:var(--dropdown-transition);border-radius:8px;text-decoration:none;color:#374151;text-decoration:none;font-weight:500;transition:color 0.3s ease}.dropdown-toggle:hover{color:var(--clinic-green);background-color:rgb(76 175 80 / .05)}.dropdown-toggle.active{color:var(--clinic-green);background-color:rgb(76 175 80 / .1)}.dropdown-arrow{width:1rem;height:1rem;transition:var(--dropdown-transition);stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.dropdown-toggle.active .dropdown-arrow{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:100%;left:0;right:0;min-width:320px;background:var(--dropdown-bg);border-radius:9px;box-shadow:var(--dropdown-shadow);border:1px solid var(--dropdown-border);opacity:0;visibility:hidden;transform:translateY(-10px) scale(.95);transition:opacity 0.3s var(--dropdown-scale),visibility 0.3s var(--dropdown-scale),transform 0.3s var(--dropdown-scale);z-index:1000;overflow:hidden;backdrop-filter:blur(10px);background:rgb(255 255 255 / .95)}.rtl .dropdown-menu{left:auto;right:0}.dropdown-menu.show{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.dropdown-header{padding:1.5rem 1.5rem 1rem;border-bottom:1px solid rgb(0 0 0 / .05);background:linear-gradient(135deg,rgb(76 175 80 / .05) 0%,rgb(76 175 80 / .02) 100%)}.dropdown-title{font-size:1.2rem;font-weight:600;color:var(--clinic-black);margin-bottom:.25rem}.dropdown-subtitle{font-size:.875rem;color:var(--clinic-text-muted);margin:0}.services-grid{padding:1rem;display:grid;grid-template-columns:1fr;gap:.5rem}.service-item{display:flex;align-items:center;gap:1rem;padding:1rem;border-radius:8px;transition:var(--dropdown-transition);cursor:pointer;text-decoration:none;color:inherit;border:1px solid #fff0}.service-item:hover{background-color:rgb(76 175 80 / .05);border-color:rgb(76 175 80 / .1);transform:translateX(5px)}.rtl .service-item:hover{transform:translateX(-5px)}.service-icon{width:2.5rem;height:2.5rem;background:linear-gradient(135deg,var(--clinic-green) 0%,var(--clinic-green-hover) 100%);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;transition:var(--dropdown-transition)}.service-item:hover .service-icon{transform:scale(1.1);box-shadow:0 5px 15px rgb(76 175 80 / .3)}.service-icon svg{width:1.25rem;height:1.25rem}.service-content{flex:1;min-width:0}.service-name{font-size:1rem;font-weight:500;color:var(--clinic-black);margin-bottom:.25rem;line-height:1.4}.service-description{font-size:.875rem;color:var(--clinic-text-muted);line-height:1.4;margin:0}.dropdown-footer{padding:1rem 1.5rem;border-top:1px solid rgb(0 0 0 / .05);background:rgb(76 175 80 / .02)}.dropdown-cta{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;background:var(--clinic-green);color:#fff;border:none;border-radius:8px;font-weight:500;text-decoration:none;transition:var(--dropdown-transition);cursor:pointer;width:100%}.dropdown-cta:hover{background:var(--clinic-green-hover);transform:translateY(-2px);box-shadow:0 5px 15px rgb(76 175 80 / .4)}.dropdown-cta svg{width:1rem;height:1rem}.mobile-dropdown{position:relative}.mobile-dropdown-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:1rem;background:none;border:none;cursor:pointer;font-size:1rem;font-weight:500;color:var(--clinic-black);text-align:right;border-bottom:1px solid rgb(0 0 0 / .05);transition:var(--dropdown-transition)}.mobile-dropdown-toggle:hover{background-color:rgb(76 175 80 / .05);color:var(--clinic-green)}.mobile-dropdown-toggle.active{background-color:rgb(76 175 80 / .1);color:var(--clinic-green)}.mobile-dropdown-menu{max-height:0;overflow:hidden;transition:max-height 0.3s cubic-bezier(.4,0,.2,1);background:rgb(76 175 80 / .02)}.mobile-dropdown-menu.show{max-height:500px}.mobile-services-list{padding:.5rem 0}.mobile-service-item{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;text-decoration:none;color:inherit;transition:var(--dropdown-transition);border-bottom:1px solid rgb(0 0 0 / .03)}.mobile-service-item:last-child{border-bottom:none}.mobile-service-item:hover{background-color:rgb(76 175 80 / .08);padding-right:2rem}.rtl .mobile-service-item:hover{padding-left:2rem;padding-right:1.5rem}.mobile-service-icon{width:2rem;height:2rem;background:var(--clinic-green);border-radius:6px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.mobile-service-icon svg{width:1rem;height:1rem}.mobile-service-content{flex:1;min-width:0}.mobile-service-name{font-size:.95rem;font-weight:500;color:var(--clinic-black);margin-bottom:.25rem}.mobile-service-description{font-size:.8rem;color:var(--clinic-text-muted);line-height:1.3;margin:0}.dropdown-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:rgb(0 0 0 / .1);opacity:0;visibility:hidden;transition:opacity 0.3s ease,visibility 0.3s ease;z-index:999}.dropdown-backdrop.show{opacity:1;visibility:visible}.service-item,.mobile-service-item{animation:fadeInUp 0.3s ease-out}.service-item:nth-child(1){animation-delay:0.05s}.service-item:nth-child(2){animation-delay:0.1s}.service-item:nth-child(3){animation-delay:0.15s}.service-item:nth-child(4){animation-delay:0.2s}.service-item:nth-child(5){animation-delay:0.25s}.service-item:nth-child(6){animation-delay:0.3s}@keyframes fadeInUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dropdown-loading{display:flex;align-items:center;justify-content:center;padding:2rem;color:var(--clinic-text-muted)}.loading-spinner{width:1.5rem;height:1.5rem;border:2px solid rgb(76 175 80 / .2);border-top:2px solid var(--clinic-green);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@media (max-width:768px){.dropdown-menu{min-width:280px;left:-50%;right:auto}.rtl .dropdown-menu{left:auto;right:-50%}.services-grid{padding:.75rem}.service-item{padding:.75rem}.service-icon{width:2rem;height:2rem}.service-icon svg{width:1rem;height:1rem}.service-name{font-size:.9rem}.service-description{font-size:.8rem}}@media (max-width:480px){.dropdown-menu{min-width:260px;left:-75%}.rtl .dropdown-menu{left:auto;right:-75%}.dropdown-header{padding:1rem}.dropdown-title{font-size:1.1rem}.services-grid{padding:.5rem;gap:.25rem}.service-item{padding:.5rem;gap:.75rem}}@media (prefers-color-scheme:dark){:root{--dropdown-bg:#1a1a1a;--dropdown-shadow:0 10px 40px rgba(0, 0, 0, 0.3);--dropdown-border:rgba(255, 255, 255, 0.1);--clinic-black:#ffffff;--clinic-gray:#2a2a2a;--clinic-text-muted:#a0a0a0}.dropdown-menu{background:rgb(26 26 26 / .95)}.dropdown-header{background:linear-gradient(135deg,rgb(76 175 80 / .1) 0%,rgb(76 175 80 / .05) 100%);border-bottom-color:rgb(255 255 255 / .1)}.dropdown-footer{background:rgb(76 175 80 / .05);border-top-color:rgb(255 255 255 / .1)}.mobile-dropdown-toggle{border-bottom-color:rgb(255 255 255 / .1)}.mobile-dropdown-menu{background:rgb(76 175 80 / .05)}.mobile-service-item{border-bottom-color:rgb(255 255 255 / .05)}}.dropdown-toggle:focus,.mobile-dropdown-toggle:focus{outline:2px solid var(--clinic-green);outline-offset:2px}.service-item:focus,.mobile-service-item:focus{outline:2px solid var(--clinic-green);outline-offset:-2px}@media (prefers-contrast:high){.dropdown-menu{border:2px solid var(--clinic-green)}.service-item{border:1px solid rgb(0 0 0 / .2)}.service-item:hover{border-color:var(--clinic-green)}}@media (prefers-reduced-motion:reduce){.dropdown-menu,.mobile-dropdown-menu,.service-item,.mobile-service-item,.dropdown-arrow,.service-icon,.dropdown-cta{transition:none;animation:none}.service-item:hover,.mobile-service-item:hover{transform:none}.service-item:hover .service-icon{transform:none}}