/* Variables & Base styling - Premium Light / White Theme */:root { /* Ana Renk Paleti — Premium Klinik Beyaz */ --primary-navy: #0D2A5C; /* Koyu lacivert — güven, profesyonellik */ --primary-navy-hover: #0a2149; --primary-blue: #1a6fc4; /* Canlı mavi — aksan */ --primary-blue-hover: #155ca3; /* Accent — altın sarısı (logoya uyum) */ --primary-yellow: #D4A017; --primary-yellow-hover: #b8890f; --primary-color: var(--primary-navy); --primary-color-hover: var(--primary-navy-hover); --primary-color-light: rgba(13, 42, 92, 0.08); /* Arka plan — beyaz & açık gri */ --bg-white: #FFFFFF; --bg-light: #F7F9FC; --bg-light-alt: #EEF3FA; --bg-dark: #FFFFFF; /* artık beyaz */ --bg-darker: #F7F9FC; --bg-light-dark: #EEF3FA; /* Metin */ --text-main: #1A1A2E; --text-muted: #6B7A99; --text-light: #FFFFFF; /* Border */ --border-color: #DDE3EF; --border-light: #E8EDF5; /* Status renkleri */ --danger-color: #dc2626; --success-color: #16a34a; --container-width: 1400px;}* { box-sizing: border-box;}body { margin: 0; padding: 0; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Inter', sans-serif; color: var(--text-main); background-color: var(--bg-white); line-height: 1.6; text-rendering: optimizeSpeed; -webkit-font-smoothing: antialiased;}img { max-width: 100%; height: auto; display: block; /* Prevent CLS: images always maintain aspect ratio */ aspect-ratio: auto;}.container { max-width: var(--container-width); margin: 0 auto; padding: 0 20px;}/* ========================================= Typography ========================================= */h1, h2, h3, h4 { color: var(--primary-navy); margin-top: 0; font-weight: 700;}h1 { font-size: 3rem; letter-spacing: -0.5px;}h2 { font-size: 2.2rem; position: relative; padding-bottom: 14px; margin-bottom: 30px;}h2::after { content: ''; position: absolute; left: 0; bottom: 0; width: 50px; height: 3px; background: linear-gradient(90deg, var(--primary-navy), var(--primary-blue)); border-radius: 2px;}.text-center { text-align: center;}.text-center h2::after { left: 50%; transform: translateX(-50%);}a { color: var(--primary-blue); text-decoration: none; transition: color 0.3s;}a:hover { color: var(--primary-navy);}/* ========================================= Buttons ========================================= */.btn { display: inline-block; padding: 12px 30px; border-radius: 8px; border: none; cursor: pointer; font-size: 0.95rem; text-align: center; font-weight: 600; text-decoration: none !important; letter-spacing: 0.3px; transition: all 0.3s ease;}.btn--sm { padding: 8px 16px; font-size: 0.85rem;}.btn--primary { background: var(--primary-navy); color: #FFFFFF; box-shadow: 0 4px 14px rgba(13, 42, 92, 0.25);}.btn--primary:hover { background: var(--primary-blue); color: #FFFFFF; transform: translateY(-2px); box-shadow: 0 8px 20px rgba(26, 111, 196, 0.3);}.btn--outline { border: 2px solid var(--primary-navy); color: var(--primary-navy); background: transparent;}.btn--outline:hover { background: var(--primary-navy); color: #FFFFFF; transform: translateY(-2px);}.btn--danger { background: var(--danger-color); color: #FFFFFF;}/* ========================================= Forms ========================================= */.form-group { margin-bottom: 20px;}.form-group label { display: block; margin-bottom: 8px; font-weight: 600; color: var(--text-main); font-size: 0.9rem;}.form-control { width: 100%; padding: 12px 15px; border: 1.5px solid var(--border-color); border-radius: 8px; font-size: 1rem; background-color: #FFFFFF; color: var(--text-main); transition: border-color 0.3s, box-shadow 0.3s;}.form-control:focus { outline: none; border-color: var(--primary-blue); box-shadow: 0 0 0 3px rgba(26, 111, 196, 0.12);}/* ========================================= Alerts ========================================= */.alert { padding: 15px 20px; border-radius: 8px; margin-bottom: 20px; font-weight: 500;}.alert--success { background: rgba(22, 163, 74, 0.08); color: var(--success-color); border: 1px solid rgba(22, 163, 74, 0.3);}.alert--danger { background: rgba(220, 38, 38, 0.08); color: var(--danger-color); border: 1px solid rgba(220, 38, 38, 0.3);}/* ========================================= Legacy header (backward compat) ========================================= */.header { background: transparent; box-shadow: none; position: absolute; top: 0; left: 0; width: 100%; z-index: 1000; border-bottom: 1px solid var(--border-light);}.header__logo { display: flex; align-items: center; gap: 10px; font-size: 1.6rem; font-weight: 700; color: var(--primary-navy); text-decoration: none; text-transform: lowercase;}.logo-icon { color: var(--primary-yellow); font-size: 1.4rem;}/* ========================================= Sections ========================================= */section { padding: 80px 0;}.bg-light-dark { background-color: var(--bg-light);}/* ========================================= Hero ========================================= */.hero { position: relative; height: 850px; display: flex; align-items: center; justify-content: center; text-align: center; overflow: hidden;}.hero__bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: -1;}.hero::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient( 160deg, rgba(13, 42, 92, 0.82) 0%, rgba(13, 42, 92, 0.55) 60%, rgba(0, 0, 0, 0.3) 100% ); z-index: 1;}.hero__content { position: relative; z-index: 2; max-width: 850px; margin: 0 auto;}.hero h1 { color: #FFFFFF; margin-bottom: 20px; text-shadow: 0 2px 8px rgba(0,0,0,0.3); font-weight: 800;}.hero p { font-size: 1.2rem; margin-bottom: 40px; color: rgba(255,255,255,0.9); font-weight: 300;}.hero .btn-group { display: flex; justify-content: center; gap: 16px; flex-wrap: wrap;}/* Hero CTA butonları beyaz arka planda iyi görünsün */.hero .btn--primary { background: #FFFFFF; color: var(--primary-navy); box-shadow: 0 4px 20px rgba(0,0,0,0.2);}.hero .btn--primary:hover { background: var(--primary-yellow); color: #FFFFFF; box-shadow: 0 8px 24px rgba(212,160,23,0.4);}.hero .btn--outline { border-color: rgba(255,255,255,0.8); color: #FFFFFF;}.hero .btn--outline:hover { background: rgba(255,255,255,0.15); border-color: #FFFFFF;}/* ========================================= Page Header Banner ========================================= */.page-header { position: relative; padding: 120px 0 60px; margin-bottom: 60px; text-align: center; background-size: cover; background-position: center; min-height: 400px; display: flex; flex-direction: column; justify-content: center; align-items: center;}.page-header::before { content: ''; position: absolute; inset: 0; background: linear-gradient(160deg, rgba(13,42,92,0.85) 0%, rgba(13,42,92,0.5) 100%); z-index: 0;}.page-header h1, .page-header p { position: relative; z-index: 1;}.page-header h1 { font-size: 2.8rem; color: #FFFFFF; margin-bottom: 10px;}/* ========================================= Service & Blog Cards ========================================= */.services-grid,.blog-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 32px;}.service-card,.blog-card { background: #FFFFFF; border-radius: 16px; overflow: hidden; border: 1px solid var(--border-color); transition: all 0.35s ease; display: flex; flex-direction: column; height: 100%; box-shadow: 0 2px 12px rgba(13,42,92,0.06);}.service-card:hover,.blog-card:hover { transform: translateY(-8px); border-color: var(--primary-blue); box-shadow: 0 16px 40px rgba(13,42,92,0.12);}.card-img-wrapper { position: relative; overflow: hidden; padding-top: 60%;}.card-img-wrapper img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease;}.service-card:hover .card-img-wrapper img,.blog-card:hover .card-img-wrapper img { transform: scale(1.06);}.card-content { padding: 28px; flex-grow: 1; display: flex; flex-direction: column; background: #FFFFFF;}.card-content h3 { font-size: 1.2rem; margin-bottom: 12px; color: var(--primary-navy); font-weight: 700;}.card-content h3::after { display: none;}.card-content p { color: var(--text-muted); margin-bottom: 20px; flex-grow: 1; line-height: 1.65;}.card-content .btn { align-self: flex-start;}/* ========================================= Process Steps ========================================= */.process-steps { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 30px; counter-reset: step;}.step-item { background: #FFFFFF; padding: 40px 30px; border-radius: 16px; position: relative; border: 1px solid var(--border-color); text-align: center; box-shadow: 0 2px 12px rgba(13,42,92,0.05); transition: box-shadow 0.3s, transform 0.3s;}.step-item:hover { box-shadow: 0 12px 30px rgba(13,42,92,0.1); transform: translateY(-4px);}.step-item::before { counter-increment: step; content: counter(step); position: absolute; top: -20px; left: 50%; transform: translateX(-50%); width: 42px; height: 42px; background: var(--primary-navy); color: #FFFFFF; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: 1.1rem; box-shadow: 0 4px 12px rgba(13,42,92,0.3);}.step-item h3 { margin-top: 10px; font-size: 1.15rem; color: var(--primary-navy);}.step-item h3::after { display: none;}.step-item p { color: var(--text-muted);}/* ========================================= Contact ========================================= */.contact-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 60px;}.contact-info p { margin-bottom: 20px; font-size: 1.05rem; color: var(--text-muted);}.contact-info strong { color: var(--primary-navy); display: block; margin-bottom: 4px; font-size: 0.85rem; text-transform: uppercase; letter-spacing: 1px; font-weight: 700;}.contact-map iframe { border-radius: 12px; filter: none;}/* ========================================= Footer ========================================= */.footer { background: var(--primary-navy) !important; color: rgba(255,255,255,0.85); padding: 60px 0 20px; border-top: none !important;}.footer__inner { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 30px; margin-bottom: 40px;}.footer__col h3 { color: #FFFFFF; margin-bottom: 20px; font-size: 1.1rem;}.footer__col h3::after { display: none;}.footer__col ul { list-style: none; padding: 0; margin: 0;}.footer__col ul li { margin-bottom: 10px;}.footer__col ul li a { color: rgba(255,255,255,0.65); transition: color 0.3s;}.footer__col ul li a:hover { color: var(--primary-yellow); padding-left: 4px;}.footer__bottom { text-align: center; border-top: 1px solid rgba(255,255,255,0.1); padding-top: 20px; color: rgba(255,255,255,0.5); font-size: 0.85rem;}/* ========================================= Blog / Hizmet İçerik Alanı ========================================= */.rich-content,.blog-detail__content,.service-detail__content,.single-article-body { text-transform: none !important; letter-spacing: normal !important; color: #374151 !important; overflow-wrap: break-word; word-wrap: break-word; overflow: hidden;}.rich-content h1,.rich-content h2,.rich-content h3,.rich-content h4,.rich-content h5,.rich-content h6,.blog-detail__content h1,.blog-detail__content h2,.blog-detail__content h3,.blog-detail__content h4,.service-detail__content h1,.service-detail__content h2,.service-detail__content h3,.service-detail__content h4 { text-transform: none !important; letter-spacing: normal !important; font-size: revert; color: var(--primary-navy) !important; overflow-wrap: break-word;}.rich-content h1,.blog-detail__content h1,.service-detail__content h1 { font-size: 2rem !important;}.rich-content h2,.blog-detail__content h2,.service-detail__content h2 { font-size: 1.6rem !important;}.rich-content h3,.blog-detail__content h3,.service-detail__content h3 { font-size: 1.3rem !important;}.rich-content p,.blog-detail__content p,.service-detail__content p { text-transform: none !important; letter-spacing: normal !important; color: #374151 !important; font-size: 1.05rem !important; line-height: 1.8 !important; overflow-wrap: break-word;}.rich-content strong,.blog-detail__content strong,.service-detail__content strong { color: var(--primary-navy) !important; text-transform: none !important;}/* ========================================= Global Editor Content Overrides ========================================= */.rich-content img[style*="float: left"],.rich-content img[style*="float:left"],.single-article-body img[style*="float: left"],.single-article-body img[style*="float:left"],.service-detail__content img[style*="float: left"],.service-detail__content img[style*="float:left"],.blog-detail__content img[style*="float: left"],.blog-detail__content img[style*="float:left"] { float: left; margin: 8px 25px 15px 0 !important; max-width: 50%; border-radius: 8px;}.rich-content img[style*="float: right"],.rich-content img[style*="float:right"],.single-article-body img[style*="float: right"],.single-article-body img[style*="float:right"],.service-detail__content img[style*="float: right"],.service-detail__content img[style*="float:right"],.blog-detail__content img[style*="float: right"],.blog-detail__content img[style*="float:right"] { float: right; margin: 8px 0 15px 25px !important; max-width: 50%; border-radius: 8px;}.editor-clearfix,.rich-content::after,.single-article-body::after,.service-detail__content::after,.blog-detail__content::after { content: ''; display: table; clear: both;}/* ========================================= Responsive ========================================= */@media (max-width: 991px) { .hero { height: 500px !important; }}@media (max-width: 900px) { .contact-grid { grid-template-columns: 1fr; } .hero h1 { font-size: 2.2rem; }}/* ========================================= PREMIUM AUTHOR CARD (E-E-A-T) ========================================= */.premium-author-card { background: linear-gradient(145deg, #FFFFFF, #F0F4FB); border: 1px solid var(--border-color); border-radius: 24px; padding: 40px; margin: 60px 0; box-shadow: 0 8px 40px rgba(13,42,92,0.08); overflow: hidden; position: relative;}.premium-author-card::before { content: ''; position: absolute; top: 0; right: 0; width: 180px; height: 180px; background: radial-gradient(circle, rgba(13,42,92,0.06) 0%, transparent 70%); z-index: 0;}.author-card-inner { display: flex; gap: 40px; position: relative; z-index: 1;}.author-card-aside { flex-shrink: 0; text-align: center; width: 180px;}.author-card-img { position: relative; margin-bottom: 20px;}.author-card-img img { width: 160px; height: 160px; border-radius: 50%; object-fit: cover; border: 4px solid var(--primary-navy); box-shadow: 0 8px 24px rgba(13,42,92,0.18);}.author-verified-badge { position: absolute; bottom: -5px; left: 50%; transform: translateX(-50%); background: #00c853; color: #fff; font-size: 0.75rem; font-weight: 700; padding: 4px 12px; border-radius: 20px; white-space: nowrap; box-shadow: 0 4px 10px rgba(0,0,0,0.15); display: flex; align-items: center; gap: 5px;}.author-card-social { display: flex; justify-content: center; gap: 15px; margin-top: 15px;}.author-card-social a { color: var(--text-muted); font-size: 1.2rem; transition: all 0.3s ease;}.author-card-social a:hover { color: var(--primary-navy); transform: translateY(-3px);}.author-card-main { flex-grow: 1;}.author-card-label { display: inline-block; color: var(--primary-blue); font-size: 0.72rem; font-weight: 800; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 8px;}.author-card-name { font-size: 1.9rem; margin-bottom: 5px; color: var(--primary-navy); font-weight: 800;}.author-card-designation { color: var(--text-muted); font-size: 1rem; font-weight: 500; margin-bottom: 20px;}.author-card-bio { font-size: 1rem; line-height: 1.7; color: #4B5563; margin-bottom: 30px;}.author-card-footer { display: flex; justify-content: space-between; align-items: center; border-top: 1px solid var(--border-color); padding-top: 25px;}.author-card-stats { display: flex; gap: 20px;}.stat-item { display: flex; align-items: center; gap: 8px; font-size: 0.9rem; color: var(--text-muted);}.stat-item i { color: var(--primary-blue);}.btn-author-profile { color: var(--primary-blue); font-weight: 700; font-size: 0.95rem; display: flex; align-items: center; gap: 10px; transition: all 0.3s ease;}.btn-author-profile:hover { gap: 15px; color: var(--primary-navy);}/* Mini Author Box */.author-mini-box { display: flex; align-items: center; gap: 15px; background: var(--bg-light); padding: 10px 20px; border-radius: 50px; border: 1px solid var(--border-color); margin-bottom: 30px;}.author-mini-img img { width: 45px; height: 45px; border-radius: 50%; object-fit: cover; border: 2px solid var(--primary-navy);}.author-mini-info { display: flex; flex-direction: column;}.author-mini-label { font-size: 0.62rem; text-transform: uppercase; color: var(--primary-blue); font-weight: 800; letter-spacing: 1px;}.author-mini-name { color: var(--primary-navy) !important; font-weight: 700; font-size: 0.95rem;}.author-mini-meta { font-size: 0.75rem; color: var(--text-muted);}@media (max-width: 768px) { .author-card-inner { flex-direction: column; align-items: center; text-align: center; } .author-card-footer { flex-direction: column; gap: 20px; } .author-card-stats { justify-content: center; } .premium-author-card { padding: 30px 20px; }}/* ========================================= Single Page / Blog-Servis Detay ========================================= */.single-page-wrapper { background: var(--bg-white);}.page-hero-banner { background: linear-gradient(160deg, rgba(13,42,92,0.85) 0%, rgba(13,42,92,0.55) 100%), center/cover no-repeat;}.single-content-wrapper { background: var(--bg-white); padding: 60px 0;}.single-article-body { background: var(--bg-white);}/* Tag badges */.tag-badge { display: inline-block; padding: 4px 12px; background: var(--bg-light-alt); color: var(--primary-navy); border: 1px solid var(--border-color); border-radius: 20px; font-size: 0.8rem; font-weight: 600; margin: 4px;}/* ========================================= Social Link (footer) ========================================= */.social-link { width: 36px; height: 36px; border-radius: 50%; border: 1px solid rgba(255,255,255,0.2); display: flex; align-items: center; justify-content: center; color: rgba(255,255,255,0.7); transition: all 0.3s ease;}.social-link:hover { background: var(--primary-yellow); border-color: var(--primary-yellow); color: var(--primary-navy);}/* header-new.css - Modern Dental Clinic Navigation — White/Light Theme */:root { --header-bg: #FFFFFF; --header-bg-scroll: rgba(255, 255, 255, 0.97); --header-text: #1A1A2E; --header-accent: #0D2A5C; /* lacivert */ --header-blue: #1a6fc4; /* mavi aksan */ --header-yellow: #D4A017; /* altın */ --header-height: 80px; --dropdown-bg: #FFFFFF; --dropdown-hover: #F0F4FB; --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);}.header-main { position: sticky; top: 0; width: 100%; height: var(--header-height); background-color: var(--header-bg); color: var(--header-text); z-index: 1000; transition: var(--transition); border-bottom: 1px solid #E8EDF5; display: flex; align-items: center;}.header-main.is-scrolled { height: 68px; background-color: var(--header-bg-scroll); backdrop-filter: blur(16px); box-shadow: 0 4px 24px rgba(13, 42, 92, 0.1); border-bottom-color: #DDE3EF;}.header-container { max-width: 1400px; margin: 0 auto; padding: 0 24px; width: 100%; display: flex; justify-content: space-between; align-items: center;}/* ========================================= Logo ========================================= */.header-logo { display: flex; align-items: center; gap: 10px; font-size: 1.45rem; font-weight: 800; color: var(--header-accent); text-decoration: none; z-index: 1001; letter-spacing: -0.3px; text-transform: lowercase;}.header-logo img { height: 44px; width: auto;}.header-logo .logo-icon { color: var(--header-yellow);}.logo-text { color: var(--header-accent);}/* ========================================= Navigation Menu ========================================= */.nav-menu { display: flex; align-items: center; list-style: none; margin: 0; padding: 0; gap: 2px;}.nav-item { position: relative;}.nav-link { display: flex; align-items: center; gap: 5px; padding: 10px 13px; color: #374151; text-decoration: none; font-size: 0.83rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.4px; transition: var(--transition); white-space: nowrap; border-radius: 6px;}.nav-link:hover,.nav-link.active { color: var(--header-accent); background-color: #F0F4FB;}.nav-link i { font-size: 0.7rem; transition: transform 0.3s ease; color: #9CA3AF;}/* ========================================= Dropdown ========================================= */.dropdown-toggle { cursor: pointer;}.dropdown-list { position: absolute; top: calc(100% + 6px); left: 0; min-width: 240px; background-color: var(--dropdown-bg); border: 1px solid #DDE3EF; border-radius: 12px; box-shadow: 0 12px 40px rgba(13, 42, 92, 0.12); opacity: 0; visibility: hidden; transform: translateY(8px); transition: var(--transition); list-style: none; padding: 8px 0; margin: 0;}.nav-item:hover .dropdown-list { opacity: 1; visibility: visible; transform: translateY(0);}.nav-item:hover .nav-link i { transform: rotate(180deg); color: var(--header-accent);}.dropdown-item { padding: 0;}.dropdown-link { display: block; padding: 10px 20px; color: #374151; text-decoration: none; font-size: 0.88rem; font-weight: 500; transition: var(--transition);}.dropdown-link:hover { background-color: var(--dropdown-hover); color: var(--header-accent); padding-left: 26px;}/* ========================================= CTA / Randevu Butonu ========================================= */.btn-appointment { background: var(--header-accent); color: #FFFFFF; padding: 10px 22px; border-radius: 8px; font-size: 0.83rem; font-weight: 700; text-transform: uppercase; text-decoration: none; letter-spacing: 0.4px; transition: var(--transition); white-space: nowrap; box-shadow: 0 4px 14px rgba(13, 42, 92, 0.2);}.btn-appointment:hover { background: var(--header-blue); color: #FFFFFF; transform: translateY(-2px); box-shadow: 0 8px 20px rgba(26, 111, 196, 0.3);}.mobile-actions { display: none;}/* ========================================= Mobile Toggle ========================================= */.mobile-toggle { display: none; background: none; border: none; cursor: pointer; color: var(--header-accent); font-size: 1.5rem; z-index: 1001; padding: 5px;}html, body { width: 100%; overflow-x: hidden; scroll-behavior: smooth;}body { padding-top: 0;}.main-content { padding-top: 0 !important; margin-top: 0 !important;}/* ========================================= Search ========================================= */.header-actions { display: flex; align-items: center; gap: 10px;}.header-search-form { display: flex; align-items: center; background: #F7F9FC; border-radius: 50px; padding: 3px 5px 3px 14px; margin-right: 8px; border: 1.5px solid #DDE3EF; transition: var(--transition);}.header-search-form:focus-within { background: #FFFFFF; border-color: var(--header-blue); box-shadow: 0 0 0 3px rgba(26,111,196,0.1);}.header-search-form input { background: none; border: none; color: var(--header-text); font-size: 0.85rem; outline: none; width: 0; transition: width 0.4s ease;}.header-search-form input::placeholder { color: #9CA3AF;}.header-search-form:hover input,.header-search-form input:focus { width: 150px;}.header-search-form button { background: none; border: none; color: #6B7A99; padding: 8px; cursor: pointer; transition: var(--transition);}.header-search-form button:hover { color: var(--header-accent);}/* ========================================= Mobile Search ========================================= */.mobile-search { display: none;}@media (max-width: 1024px) { .mobile-search { display: block; width: 100%; margin-top: 16px; }}.mobile-search-form { display: flex; background: #F7F9FC; border: 1.5px solid #DDE3EF; border-radius: 10px; padding: 5px 5px 5px 14px;}.mobile-search-form input { flex: 1; background: none; border: none; color: var(--header-text); padding: 10px 0; outline: none; font-size: 0.95rem;}.mobile-search-form input::placeholder { color: #9CA3AF;}.mobile-search-form button { background: var(--header-accent); border: none; color: #FFFFFF; padding: 8px 14px; border-radius: 7px; cursor: pointer; transition: var(--transition);}.mobile-search-form button:hover { background: var(--header-blue);}/* ========================================= Responsive ========================================= */@media (max-width: 1200px) { .nav-menu { gap: 0; } .nav-link { padding: 9px 9px; font-size: 0.78rem; }}@media (max-width: 1024px) { .mobile-toggle { display: block; } .nav-menu { position: fixed; top: 0; right: -100%; width: 85%; max-width: 340px; height: 100vh; background-color: #FFFFFF; flex-direction: column; align-items: flex-start; padding: 100px 28px 40px; gap: 0; transition: right 0.4s ease; overflow-y: auto; box-shadow: -12px 0 40px rgba(13, 42, 92, 0.15); border-left: 1px solid #DDE3EF; } .nav-menu.is-active { right: 0; } .nav-item { width: 100%; } .nav-link { padding: 14px 0; font-size: 1rem; border-radius: 0; border-bottom: 1px solid #EEF3FA; justify-content: space-between; color: var(--header-text); background: transparent !important; } .nav-link:hover, .nav-link.active { color: var(--header-accent); background: transparent !important; } .dropdown-list { position: static; opacity: 1; visibility: visible; transform: none; box-shadow: none; background: #F7F9FC; border: none; border-radius: 8px; padding: 4px 0 8px 16px; display: none; } .nav-item.is-open .dropdown-list { display: block; } .nav-item.is-open .nav-link i { transform: rotate(180deg); } .dropdown-link { padding: 8px 0; color: #4B5563; } .dropdown-link:hover { background: transparent; color: var(--header-accent); padding-left: 6px; } .header-actions { display: none; } .mobile-actions { display: block; width: 100%; margin-top: 20px; } .mobile-actions .btn-appointment { display: block; text-align: center; width: 100%; }}/* ========================================= Mobile Lang List (in nav menu) ========================================= */.mobile-lang-list { display: none; list-style: none; padding: 8px 0; margin: 0; border-top: 1px solid #EEF3FA;}.mobile-lang-list li a { display: flex; align-items: center; gap: 10px; padding: 11px 0; color: #4B5563; text-decoration: none; font-size: 0.95rem; transition: color 0.2s;}.mobile-lang-list li a:hover,.mobile-lang-list li a.active { color: var(--header-accent); font-weight: 600;}@media (max-width: 1024px) { .mobile-lang-list { display: block; }}/* ========================================= Lang Switcher (Desktop) ========================================= */.lang-switcher { position: relative; display: flex; align-items: center; margin-left: 10px;}.lang-switcher__current { display: flex; align-items: center; gap: 6px; padding: 7px 12px; border-radius: 8px; cursor: pointer; font-size: 0.83rem; font-weight: 700; color: var(--header-accent); background: #F0F4FB; border: 1.5px solid #DDE3EF; transition: all 0.3s ease; text-decoration: none; text-transform: uppercase;}.lang-switcher__current:hover { background: var(--header-accent); color: #FFFFFF; border-color: var(--header-accent);}.lang-switcher__current .chevron { font-size: 0.6rem; transition: transform 0.3s; color: #9CA3AF;}.lang-switcher.open .lang-switcher__current .chevron { transform: rotate(180deg);}.lang-switcher__dropdown { position: absolute; top: calc(100% + 8px); right: 0; background: #FFFFFF; border: 1px solid #DDE3EF; border-radius: 12px; min-width: 180px; box-shadow: 0 12px 40px rgba(13, 42, 92, 0.12); opacity: 0; visibility: hidden; transform: translateY(8px); transition: all 0.3s ease; z-index: 10001; list-style: none; padding: 8px 0; margin: 0; overflow: visible;}.lang-switcher.open .lang-switcher__dropdown { opacity: 1; visibility: visible; transform: translateY(0);}.lang-switcher__dropdown a { display: flex; align-items: center; gap: 10px; padding: 10px 16px; color: #374151; text-decoration: none; font-size: 0.88rem; font-weight: 500; transition: all 0.2s ease;}.lang-switcher__dropdown a:hover { background: #F0F4FB; color: var(--header-accent);}.lang-switcher__dropdown a.active { color: var(--header-accent); font-weight: 700; background: #EEF3FA;}.lang-switcher__dropdown .flag-icon { font-size: 1.1rem;}@media (max-width: 1024px) { .lang-switcher { display: none; }}/* ========================================= Accessibility ========================================= */.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;}