@font-face { font-family: 'Godber'; src: url('/assets/godber.ttf') format('truetype'); font-weight: normal; font-style: normal; font-display: swap; }
        :root { --midnight-navy: #04123F; --deep-card: #111B4B; --neon-green: #EFFF00; --text-light: #f4f4f5; --text-gray: #a0aec0; --font-heading: 'Godber', 'Montserrat', sans-serif; }
        * { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Poppins', sans-serif; scroll-behavior: smooth; }
        body { background-color: var(--midnight-navy); color: var(--text-light); overflow-x: hidden; }
        h1, h2, h3, h4 { font-family: var(--font-heading); }
        .reveal { opacity: 0; transform: translateY(40px); transition: all 1.2s cubic-bezier(0.25, 1, 0.5, 1); } .reveal.active { opacity: 1; transform: translateY(0); }

        header { position: fixed; top: 0; width: 100%; padding: 20px 5%; display: flex; justify-content: flex-end; align-items: center; z-index: 1000; background: rgba(4, 18, 63, 0.85); backdrop-filter: blur(15px); border-bottom: 1px solid rgba(255,255,255,0.05); }
        .logo { position: absolute; top: 5px; left: 5%; z-index: 1001; } .logo img { height: 85px; width: auto; object-fit: contain; filter: drop-shadow(0 4px 10px rgba(0, 0, 0, 0.5)); }
        .header-right { display: flex; align-items: center; gap: 20px; }
        .lang-switch { display: flex; align-items: center; gap: 8px; font-family: var(--font-heading); font-size: 16px; font-weight: 700; margin-right: 5px; letter-spacing: 1px; } .lang-switch a { color: var(--text-gray); text-decoration: none; transition: color 0.3s; } .lang-switch a.active, .lang-switch a:hover { color: var(--neon-green); } .lang-separator { color: rgba(255,255,255,0.2); font-weight: 300; }
        .header-football-logo { height: 45px; object-fit: contain; }
        .sandwich-menu { display: flex; flex-direction: column; justify-content: space-around; width: 35px; height: 25px; background: transparent; border: none; cursor: pointer; padding: 0; z-index: 1005; }
        .sandwich-menu div { width: 35px; height: 3px; background: var(--neon-green); border-radius: 10px; transition: 0.3s; } .sandwich-menu:hover div { background: #fff; }
        
        .fullscreen-menu { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: var(--midnight-navy); z-index: 1001; display: flex; transform: translateY(-100%); transition: transform 0.6s cubic-bezier(0.77, 0, 0.175, 1); overflow-y: auto; }
        .fullscreen-menu.active { transform: translateY(0); }
        .close-menu { position: absolute; top: 30px; right: 5%; background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); color: #fff; width: 50px; height: 50px; border-radius: 50%; font-size: 24px; cursor: pointer; transition: 0.3s; z-index: 1010; display: flex; align-items: center; justify-content: center; }
        .close-menu:hover { background: var(--neon-green); color: #000; transform: rotate(90deg); }
        
        .menu-inner { width: 100%; max-width: 1400px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; padding: 100px 5%; }
        .menu-nav { list-style: none; display: flex; flex-direction: column; gap: 20px; width: 50%; }
        .menu-nav li { display: block; border-bottom: 1px solid rgba(255,255,255,0.05); padding-bottom: 15px; }
        
        .menu-nav li a { color: var(--text-light); text-decoration: none; font-size: 80px; font-weight: 900; font-family: var(--font-heading); text-transform: uppercase; letter-spacing: 2px; transition: all 0.3s ease; display: flex; justify-content: space-between; align-items: center; line-height: 1; }
        .menu-nav li a .nav-text { position: relative; display: inline-block; }
        .menu-nav li a::after { content: '';  font-size: 45px; font-weight: 300; font-family: 'Poppins', sans-serif; color: rgba(255,255,255,0.2); transition: 0.4s ease; }
        .menu-nav li a:hover { color: var(--neon-green); text-shadow: 0 0 20px rgba(239, 255, 0, 0.4); padding-left: 20px; }
        .menu-nav li a:hover::after { color: var(--neon-green); transform: rotate(90deg); }
        
        .menu-nav li a.active { color: var(--neon-green); }
        .menu-nav li a.active .nav-text::after { content: ''; position: absolute; left: 0; bottom: -2px; width: 100%; height: 4px; background: var(--neon-green); box-shadow: 0 0 15px var(--neon-green); border-radius: 2px; }
        .menu-nav li a.active::after { color: var(--neon-green); transform: rotate(45deg); }
        
        .menu-right { width: 40%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 15px; }
        .menu-right .top-logos { display: flex; gap: 30px; align-items: center; justify-content: center; width: 100%; }
        .menu-right .top-logos img { height: 115px; object-fit: contain; filter: drop-shadow(0 10px 20px rgba(0,0,0,0.5)); }
        .menu-right .sponsor-logo { width: 100%; display: flex; justify-content: center; }
        .menu-right .sponsor-logo img { width: 270px; height: auto; object-fit: contain; opacity: 0.8; }

        .hero { position: relative; min-height: 100vh; display: flex; align-items: center; padding: 120px 5% 0; overflow: hidden; }
        .hero-bg-video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2; opacity: 0.25; filter: blur(10px); }
        
        .hero-content { flex: 1; z-index: 2; max-width: 650px; position: relative; } 
        .hero-content h1 { font-size: 64px; line-height: 1.05; margin-bottom: 25px; font-weight: 900; letter-spacing: -2px; color: #fff; } 
        .hero-content h1 span { color: var(--neon-green); text-shadow: 0 0 15px rgba(239, 255, 0, 0.3); } 
        /* MOBİL İÇİN ÖZEL KIRILMA VE YAZI RENGİ GİZLEMELERİ (MASAÜSTÜNDE PASİF) */
        .mobile-break { display: none; } 
        .hero-content h1 span.mobile-highlight { color: #fff !important; text-shadow: none !important; } 
        .hero-content p { font-size: 19px; color: var(--text-gray); font-weight: 300; margin-bottom: 35px; line-height: 1.6; }
        
        .hero-mockup { flex: 1; display: flex; justify-content: center; z-index: 2; pointer-events: none; } .phone-frame { width: 310px; height: 620px; border: 14px solid var(--deep-card); border-radius: 45px; overflow: hidden; box-shadow: 0 30px 60px rgba(0,0,0,0.8), 0 0 40px rgba(239, 255, 0, 0.15); position: relative; } .phone-frame video { width: 100%; height: 100%; object-fit: cover; }

        .marquee-wrapper { width: 100%; display: flex; flex-direction: column; gap: 14px; margin-top: 80px; position: relative; z-index: 5; }
        .marquee-section { background: var(--neon-green); padding: 15px 0; overflow: hidden; display: flex; box-shadow: 0 0 35px rgba(239, 255, 0, 0.4); }
        .marquee-container { display: flex; width: max-content; animation: scroll 25s linear infinite; }
        .marquee-track { display: flex; align-items: center; justify-content: space-around; min-width: 100vw; gap: 40px; padding: 0 20px; } 
        .marquee-track img { height: 55px; object-fit: contain; }
        @keyframes scroll { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }
        .stripe-1 { width: 100%; height: 5px; background: var(--neon-green); opacity: 0.8; box-shadow: 0 0 15px rgba(239, 255, 0, 0.3); }
        .stripe-2 { width: 100%; height: 3px; background: var(--neon-green); opacity: 0.5; }
        .stripe-3 { width: 100%; height: 2px; background: var(--neon-green); opacity: 0.25; }
        .stripe-4 { width: 100%; height: 1px; background: var(--neon-green); opacity: 0.1; }

        .stats-section { padding: 120px 5%; background: var(--midnight-navy); border-top: 1px solid rgba(255,255,255,0.05); position: relative; z-index: 5; } .section-tag { color: var(--neon-green); font-weight: 700; text-transform: uppercase; letter-spacing: 3px; font-size: 14px; margin-bottom: 15px; display: block; } .section-title { font-size: 44px; font-weight: 900; margin-bottom: 60px; color: #fff; }
        .bento-grid { display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(2, 1fr); gap: 25px; } .bento-card { background: var(--deep-card); border: 1px solid rgba(255,255,255,0.05); border-radius: 24px; padding: 40px 30px; transition: all 0.4s ease; display: flex; flex-direction: column; justify-content: space-between; } .bento-card:hover { border-color: var(--neon-green); transform: translateY(-5px); } .bento-card h3 { font-size: 64px; font-weight: 900; color: var(--neon-green); margin-bottom: 10px; font-family: var(--font-heading); line-height: 1; } .bento-card h4 { font-size: 20px; font-weight: 700; margin-bottom: 10px; color: var(--text-light); } .bento-card p { font-size: 14px; color: var(--text-gray); line-height: 1.6; font-weight: 300; } .bento-card.wide { grid-column: span 2; background: linear-gradient(135deg, var(--deep-card) 0%, #080d24 100%); }
        .jersey-container { grid-column: 4; grid-row: 1 / span 2; display: flex; align-items: center; justify-content: center; background: transparent; } .jersey-container img { max-width: 100%; height: auto; animation: floatJersey 4s ease-in-out infinite; filter: drop-shadow(0 20px 30px rgba(0,0,0,0.8)); } @keyframes floatJersey { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-20px); filter: drop-shadow(0 35px 40px rgba(239, 255, 0, 0.25)); } }

        .branch-rows { display: flex; flex-direction: column; gap: 30px; width: 100%; padding: 60px 5% 100px; max-width: 1400px; margin: 0 auto; position: relative; z-index: 5; } .branch-row { position: relative; width: 100%; min-height: 200px; display: flex; align-items: center; justify-content: space-between; background-size: cover !important; background-position: center !important; padding: 40px 5% 40px 10%; border-radius: 24px; overflow: hidden; box-shadow: 0 0 25px rgba(239, 255, 0, 0.2); } .branch-row::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }
        .branch-incek { background: url('/assets/pitch.webp'); } .branch-incek::after { background: linear-gradient(90deg, rgba(4, 18, 63, 0.95) 0%, rgba(4, 18, 63, 0.8) 50%, rgba(4, 18, 63, 0.4) 100%); }
        .branch-baglica { background: url('/assets/school.webp'); } .branch-baglica::after { background: linear-gradient(90deg, rgba(4, 18, 63, 0.95) 0%, rgba(4, 18, 63, 0.8) 50%, rgba(4, 18, 63, 0.4) 100%); }
        .branch-bodrum { background: url('/assets/residence.webp'); } .branch-bodrum::after { background: linear-gradient(90deg, rgba(4, 18, 63, 0.95) 0%, rgba(4, 18, 63, 0.8) 50%, rgba(4, 18, 63, 0.4) 100%); }
        .branch-badge { position: absolute; top: 0; left: 5%; background: var(--neon-green); color: #000; padding: 8px 25px; font-family: var(--font-heading); font-size: 18px; font-weight: 900; letter-spacing: 2px; z-index: 4; border-bottom-right-radius: 12px; border-bottom-left-radius: 12px; box-shadow: 0 5px 15px rgba(239, 255, 0, 0.3); } .branch-content { position: relative; z-index: 4; flex: 1; } .branch-content ul { list-style: none; margin-top: 15px; } .branch-content ul li { color: #fff; font-size: 16px; font-weight: 300; margin-bottom: 12px; display: flex; align-items: center; gap: 12px; text-shadow: 0 2px 10px rgba(0,0,0,0.8); } .branch-content ul li::before { content: '';  color: var(--neon-green); font-size: 18px; font-weight: 900; text-shadow: 0 0 10px rgba(239, 255, 0, 0.5); } .branch-buttons { position: relative; z-index: 4; display: flex; flex-direction: column; gap: 15px; min-width: 280px; } .btn-register { background: rgba(4, 18, 63, 0.8); color: var(--neon-green); border: 1px solid var(--neon-green); padding: 16px 20px; border-radius: 12px; font-family: var(--font-heading); font-size: 16px; font-weight: 700; letter-spacing: 1px; cursor: pointer; transition: all 0.3s ease; text-align: center; text-transform: uppercase; backdrop-filter: blur(5px); } .btn-register:hover { background: var(--neon-green); color: #000; box-shadow: 0 0 20px rgba(239, 255, 0, 0.6); transform: translateY(-3px); }

        .modal-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(4, 18, 63, 0.85); backdrop-filter: blur(10px); z-index: 2000; display: flex; justify-content: center; align-items: center; opacity: 0; visibility: hidden; transition: 0.3s ease; } .modal-overlay.active { opacity: 1; visibility: visible; } .modal-content { background: var(--deep-card); padding: 40px; border-radius: 24px; border: 1px solid rgba(239, 255, 0, 0.2); width: 90%; max-width: 600px; position: relative; transform: translateY(30px); transition: 0.4s ease; box-shadow: 0 20px 50px rgba(0,0,0,0.8); } .modal-overlay.active .modal-content { transform: translateY(0); } .close-modal { position: absolute; top: 20px; right: 25px; background: none; border: none; color: var(--neon-green); font-size: 35px; cursor: pointer; transition: 0.3s; } .close-modal:hover { transform: scale(1.2); } .modal-header h3 { color: var(--neon-green); font-size: 28px; margin-bottom: 20px; text-align: center; } .selection-summary { background: rgba(239, 255, 0, 0.05); padding: 15px 20px; border-radius: 12px; margin-bottom: 25px; border-left: 4px solid var(--neon-green); } .selection-summary p { margin: 5px 0; color: var(--text-light); font-size: 14px; } .selection-summary span { color: var(--neon-green); font-weight: 700; } .input-group { margin-bottom: 20px; text-align: left; } .input-group label { display: block; margin-bottom: 8px; font-size: 14px; color: var(--text-gray); } .input-group input { width: 100%; padding: 16px; border-radius: 12px; border: 1px solid rgba(255,255,255,0.1); background: rgba(4, 18, 63, 0.5); color: #fff; font-family: 'Poppins', sans-serif; transition: 0.3s; } .input-group input:focus { border-color: var(--neon-green); outline: none; background: rgba(4, 18, 63, 0.8); } .btn-submit { width: 100%; padding: 20px; background: var(--neon-green); color: #000; border: none; border-radius: 12px; font-weight: 700; font-size: 16px; cursor: pointer; text-transform: uppercase; letter-spacing: 2px; font-family: var(--font-heading); transition: 0.3s; margin-top: 10px; } .btn-submit:hover { transform: translateY(-3px); box-shadow: 0 10px 20px rgba(239, 255, 0, 0.3); }

        .facilities { padding: 120px 5%; background: var(--deep-card); border-top: 1px solid rgba(255,255,255,0.05); position: relative; z-index: 5; } .facility-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; margin-bottom: 60px; } .facility-card { position: relative; height: 450px; width: 100%; border-radius: 24px; overflow: hidden; cursor: pointer; box-shadow: 0 20px 40px rgba(0,0,0,0.6); } .facility-card img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1); } .facility-card:hover img { transform: scale(1.08); } .facility-overlay { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to top, rgba(4,18,63,0.95) 10%, rgba(4,18,63,0.3) 60%, transparent 100%); padding: 35px; display: flex; flex-direction: column; justify-content: flex-end; } .facility-overlay h3 { font-size: 26px; color: var(--text-light); font-weight: 900; margin-bottom: 8px; font-family: var(--font-heading); } .facility-overlay h3 span { color: var(--neon-green); } .facility-overlay p { font-size: 14px; color: var(--text-gray); font-weight: 300; line-height: 1.5; }

        .map-section { padding: 80px 5% 120px; background: var(--midnight-navy); position: relative; z-index: 5; } .map-wrapper { display: grid; grid-template-columns: 1fr 1.5fr; gap: 40px; background: var(--deep-card); border-radius: 32px; padding: 40px; border: 1px solid rgba(255,255,255,0.05); } .map-info { display: flex; flex-direction: column; justify-content: center; text-align: left; } .map-info h3 { font-size: 32px; font-weight: 900; margin-bottom: 15px; color: var(--text-light); } .map-info p { color: var(--text-gray); font-size: 15px; line-height: 1.7; font-weight: 300; margin-bottom: 25px; } .map-embed { width: 100%; height: 350px; border-radius: 20px; overflow: hidden; border: 1px solid rgba(255,255,255,0.05); filter: grayscale(1) invert(1) contrast(1.2) hue-rotate(180deg); } .map-embed iframe { width: 100%; height: 100%; border: none; }
        
        .footer { background: var(--midnight-navy); padding: 80px 0 0; border-top: 1px solid rgba(255,255,255,0.05); overflow: hidden; position: relative; z-index: 5; }
        .lets-talk-wrapper { width: 100%; max-width: 1200px; margin: 0 auto 80px; padding: 0 5%; position: relative; z-index: 15; }
        .lets-talk-box { background: linear-gradient(135deg, rgba(17, 24, 56, 0.8) 0%, rgba(4, 18, 63, 0.9) 100%); border: 1px solid rgba(239, 255, 0, 0.3); border-radius: 24px; padding: 50px 60px; display: flex; justify-content: space-between; align-items: center; box-shadow: 0 20px 40px rgba(0,0,0,0.5); overflow: hidden; position: relative; transition: 0.4s; }
        .lets-talk-box:hover { border-color: var(--neon-green); box-shadow: 0 20px 50px rgba(239, 255, 0, 0.15); transform: translateY(-5px); }
        .lt-left h2 { font-family: var(--font-heading); font-size: 50px; color: #fff; line-height: 1.1; margin:0; z-index: 2; position: relative; letter-spacing: 1px; }
        .animated-gradient { background: linear-gradient(90deg, #EFFF00, #FF6332, #EFFF00); background-size: 200% auto; color: transparent; -webkit-background-clip: text; background-clip: text; animation: shine 3s linear infinite; }
        @keyframes shine { to { background-position: 200% center; } }
        .lt-right { position: relative; z-index: 2; }
        .lt-link { font-family: var(--font-heading); font-size: 35px; color: #000; background: var(--neon-green); padding: 15px 45px; border-radius: 50px; text-decoration: none; font-weight: 900; transition: 0.3s ease; display: inline-block; letter-spacing: 2px; }
        .lt-link:hover { transform: scale(1.05) rotate(-3deg); box-shadow: 0 0 30px rgba(239,255,0,0.6); }

        .footer-top { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 50px; max-width: 1300px; margin: 0 auto; padding: 0 5%; position: relative; z-index: 15; }
        
        .footer-left { display: flex; flex-direction: column; align-items: center; width: 100%; max-width: 400px; text-align: center; }
        .footer-block-text { display: flex; flex-direction: column; width: 100%; align-items: center; }
        .fb-line { display: flex; justify-content: space-between; width: 340px; font-size: 65px; font-family: var(--font-heading); color: #fff; font-weight: 900; line-height: 0.95; }
        
        .footer-logos { display: flex; align-items: center; justify-content: center; gap: 35px; margin-top: 25px; width: 100%; }
        .footer-logos img { height: 85px; object-fit: contain; opacity: 0.9; filter: drop-shadow(0 5px 10px rgba(0,0,0,0.5)); }
        
        .footer-right-cols { display: flex; gap: 80px; flex-wrap: wrap; margin-top: 10px; }
        .footer-col h4 { font-family: var(--font-heading); color: #fff; font-size: 20px; margin-bottom: 20px; position: relative; padding-left: 20px; text-transform: uppercase; letter-spacing: 1px; }
        .footer-col h4::before { content: '';  color: var(--neon-green); position: absolute; left: 0; font-size: 24px; top: -4px; }
        
        .contact-item { display: flex; flex-direction: column; gap: 4px; margin-bottom: 18px; }
        .contact-item strong { color: var(--neon-green); font-weight: 600; font-family: var(--font-heading); letter-spacing: 1px; font-size: 16px; }
        .contact-item span { color: var(--text-gray); font-size: 14px; line-height: 1.5; font-weight: 300; max-width: 250px; }
        
        .contact-item a { color: var(--text-gray) !important; text-decoration: none !important; transition: 0.3s; font-size: 14px; line-height: 1.5; font-weight: 300; }
        .contact-item a:hover { color: var(--neon-green) !important; text-shadow: 0 0 10px var(--neon-green); }
        
        .footer-massive { margin-top: 60px; text-align: center; border-bottom: 1px solid rgba(255,255,255,0.05); padding: 0; width: 100%; display: flex; justify-content: center; align-items: flex-end; overflow: hidden; }
        .footer-massive .footer-brand-title { font-weight: bold; font-family: var(--font-heading); font-size: 14vw; line-height: 0.8; color: var(--neon-green); margin: 0; padding-bottom: 2vw; text-shadow: 0 0 25px rgba(239, 255, 0, 0.25); white-space: nowrap; letter-spacing: -2px; width: 100%; text-align: center; }
        .footer-massive .footer-brand-title .white-dot { color: #fff; text-shadow: 0 0 25px rgba(255, 255, 255, 0.4); }
        
        .footer-bottom { max-width: 1300px; margin: 0 auto; padding: 25px 0; display: flex; justify-content: center; align-items: center; font-size: 13px; color: #55627a; text-align: center; position: relative; z-index: 15; }

        .whatsapp-float { position: fixed; bottom: 30px; left: 30px; width: 50px; height: 50px; background-color: #25d366; border-radius: 50px; text-align: center; box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.5); z-index: 1000; display: flex; align-items: center; justify-content: center; transition: all 0.3s; }
        .whatsapp-float:hover { transform: scale(1.1); box-shadow: 0 0 20px rgba(37, 211, 102, 0.7); }
        .whatsapp-float img { width: 28px; height: 28px; }
        
        .cookie-banner { position: fixed; bottom: 0; left: 0; width: 100%; background: rgba(4, 18, 63, 0.95); backdrop-filter: blur(10px); color: #fff; padding: 15px 5%; display: flex; justify-content: space-between; align-items: center; z-index: 9999; border-top: 1px solid var(--neon-green); transition: opacity 0.5s ease; font-size: 13px; }
        .cookie-banner a { color: var(--neon-green); text-decoration: underline; }
        .cookie-banner button { background: var(--neon-green); color: #000; border: none; padding: 8px 20px; font-weight: 700; border-radius: 8px; cursor: pointer; font-family: var(--font-heading); transition: 0.3s; }
        .cookie-banner button:hover { transform: translateY(-2px); box-shadow: 0 5px 15px rgba(239, 255, 0, 0.4); }

        /* ====== RESPONSIVE MEDYA SORGULARI ====== */
        @media (max-width: 1100px) { 
            .bento-grid { grid-template-columns: repeat(2, 1fr); grid-template-rows: auto; } 
            .bento-card.wide { grid-column: span 2; } 
            .jersey-container { grid-column: 1 / -1; grid-row: auto; padding: 40px 0; } 
            .facility-grid { grid-template-columns: 1fr; } 
            .map-wrapper { grid-template-columns: 1fr; } 
            
            .menu-nav li a { font-size: 61px; }
            .menu-right .top-logos img { height: 90px; }
            .menu-right .sponsor-logo img { width: 210px; }
        }
        
        @media (max-width: 900px) { 
            .logo { top: 8px; } .logo img { height: 75px; } .header-right { gap: 15px; } .header-football-logo { height: 35px; } 
            
            .hero { flex-direction: column; text-align: center; padding-top: 130px; } 
            .hero-mockup { display: none; } 
            .hero-bg-video { opacity: 0.5; filter: blur(0); z-index: -1; } 
            .hero-content h1 { font-size: 44px; } 
            
            /* MOBİLDE AÇIKLAMA YAZISINI GİZLE VE KIRILMAYI AKTİF ET */
            .hero-content p { display: none; }
            .mobile-break { display: block; }
            .hero-content h1 span.mobile-highlight { color: var(--neon-green) !important; text-shadow: 0 0 15px rgba(239, 255, 0, 0.3) !important; }
            
            .branch-row { flex-direction: column; align-items: flex-start; padding: 60px 5% 40px; gap: 30px; } 
            .branch-buttons { width: 100%; flex-direction: row; } 
            .btn-register { flex: 1; } 
            
            /* PIXORA MENÜ MOBİL */
            .menu-inner { flex-direction: column; align-items: flex-start; justify-content: flex-start; padding: 120px 5% 40px; min-height: 100vh; gap: 50px; }
            .menu-nav { width: 100%; gap: 15px; }
            .menu-nav li { padding-bottom: 10px; }
            
            .menu-nav li a { font-size: 46px; }
            .menu-nav li a::after { font-size: 31px; }
            
            /* FOOTBALL LOGOSUNU ÜSTE YAKLAŞTIRAN KISIM (gap: 0px yapıldı) */
            .menu-right { width: 100%; margin-top: auto; gap: 0px; }
            .menu-right .top-logos img { height: 72px; }
            .menu-right .sponsor-logo img { width: 175px; }
            
            .lets-talk-box { flex-direction: column; text-align: center; gap: 30px; padding: 40px 20px; }
            .lt-left h2 { font-size: 38px; }
            .lt-link { font-size: 26px; padding: 12px 35px; }
            
            .footer-top { flex-direction: column; gap: 40px; align-items: center; }
            .footer-block-text { display: none; } 
            .footer-logos { width: 100%; justify-content: center; margin-top: 0; }

            .footer-right-cols { flex-direction: column; gap: 30px; align-items: center; width: 100%; }
            .footer-col { width: 100%; text-align: center; } 
            .footer-col h4 { text-align: center; padding-left: 0; margin-bottom: 15px; }
            .footer-col h4::before { display: none; }
            
            .contact-item { align-items: center; text-align: center; }
            .contact-item span { max-width: 100%; }
            
            .footer-massive { margin-top: 20px; padding-top: 20px; }
            .footer-massive .footer-brand-title { font-size: 13.5vw; letter-spacing: -2px; padding-bottom: 3vw; text-shadow: none !important; white-space: nowrap !important; }
            .footer-massive .footer-brand-title .white-dot { text-shadow: none !important; }
        }
        
        @media (max-width: 600px) { 
            .hero-content h1 { font-size: 32px; } .bento-grid { grid-template-columns: 1fr; } .bento-card.wide { grid-column: span 1; } .branch-badge { left: 50%; transform: translateX(-50%); width: max-content; } .branch-content { margin-left: 0; width: 100%; } .branch-buttons { flex-direction: column; } 
            
            .lt-left h2 { font-size: 32px; }
            .menu-nav li a { font-size: 41px; }
            
            .cookie-banner { flex-direction: column; gap: 10px; text-align: center; padding-bottom: 25px; } 
            .whatsapp-float { bottom: 20px; left: 20px; width: 45px; height: 45px; } .whatsapp-float img { width: 25px; height: 25px; }
            
            .footer-top { padding-left: 0; padding-right: 0; }
            .footer-bottom { padding: 15px 0 25px; }
            .footer-bottom p { font-size: 10px; white-space: nowrap; margin: 0 auto; text-align: center; width: 100%; }
            
            .footer-massive .footer-brand-title { font-size: 13.5vw; letter-spacing: -1px; padding-bottom: 4vw; text-shadow: none !important; white-space: nowrap !important; }
        }
    
/* Only the fullscreen navigation is affected. Existing page styles stay intact. */
#mobileNav.fullscreen-menu{height:100vh;height:100dvh;overscroll-behavior:contain;box-sizing:border-box}
#mobileNav .close-menu{top:max(12px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));width:44px;height:44px;font-size:20px}
#mobileNav .menu-nav li a[aria-current=page]{color:var(--neon-green)}
#mobileNav .menu-nav li a:focus-visible,#mobileNav .close-menu:focus-visible{outline:2px solid var(--neon-green);outline-offset:4px}
#mobileNav .menu-nav li a{font-size:clamp(32px,7vh,74px)}
#mobileNav .menu-nav{gap:clamp(7px,1.4vh,16px)}
#mobileNav .menu-inner{padding-top:70px;padding-bottom:30px;min-height:min-content}
#mobileNav .menu-nav li{padding-bottom:10px}
@media(max-width:900px){
 #mobileNav .menu-inner{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;width:100%;max-width:none;margin:0;min-height:100%;height:max-content;padding:calc(58px + env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) calc(14px + env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));gap:18px}
 #mobileNav .menu-nav{width:100%;gap:0;flex:0 0 auto}
 #mobileNav .menu-nav li{padding:0;margin:0!important}
 #mobileNav .menu-nav li a{font-size:clamp(23px,4.2vh,36px);font-size:clamp(23px,4.2dvh,36px);line-height:1.15;letter-spacing:1px;min-height:44px;padding:clamp(7px,1.2dvh,11px) 0}
 #mobileNav .menu-nav li a::after{font-size:25px;flex-shrink:0;margin-left:8px}
 #mobileNav .menu-nav li a:hover{padding-left:6px}
 #mobileNav .menu-nav li a.active .nav-text::after{height:2px;bottom:-4px}
 #mobileNav .menu-right{width:100%;gap:20px;margin:0;padding:20px 0;flex:1 0 auto;justify-content:center}
 #mobileNav .menu-right .top-logos{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,5vw,36px);width:100%;max-width:620px;align-items:center;justify-items:center}
 #mobileNav .menu-right .top-logos img{display:block;width:100%;max-width:100%;height:clamp(125px,21dvh,230px);object-fit:contain}
 #mobileNav .menu-right .sponsor-logo{display:flex;justify-content:center;width:100%;max-width:620px}
 #mobileNav .menu-right .sponsor-logo img{display:block;width:100%;max-width:100%;height:auto;max-height:140px;object-fit:contain;opacity:1}

}
@media(max-height:500px){#mobileNav .menu-inner{gap:12px}#mobileNav .menu-nav li a{font-size:23px;min-height:44px;padding:7px 0}}
@media(prefers-reduced-motion:reduce){#mobileNav,#mobileNav *{transition:none!important}}

/* Centre the complete logo group in the remaining area, rather than anchoring it to the menu links. */
@media(max-width:900px){
 #mobileNav .menu-inner{min-height:100vh;min-height:100dvh;height:auto;gap:12px;padding-bottom:max(20px,env(safe-area-inset-bottom))}
 #mobileNav .menu-right{min-height:240px}
}
/* Portrait tablets have room for a broader, taller brand group. */
@media(min-width:600px) and (max-width:900px) and (min-height:701px){
 #mobileNav .menu-right{gap:28px;min-height:350px}
 #mobileNav .menu-right .top-logos img{height:clamp(190px,23dvh,290px)}
 #mobileNav .menu-right .sponsor-logo{max-width:620px}
}
/* Desktop / landscape tablet: fill the right-hand column, retaining equal crest height. */
@media(min-width:901px){
 #mobileNav .menu-right{display:flex;flex-direction:column;align-self:stretch;align-items:center;justify-content:center;width:43%;margin:0;padding:24px 0;gap:clamp(28px,5dvh,60px)}
 #mobileNav .menu-right .top-logos{display:grid;grid-template-columns:1fr 1fr;align-items:center;justify-items:center;gap:clamp(18px,3vw,40px);width:100%}
 #mobileNav .menu-right .top-logos img{display:block;width:100%;max-width:100%;height:clamp(170px,25dvh,320px);object-fit:contain}
 #mobileNav .menu-right .sponsor-logo{display:flex;justify-content:center;width:100%}
 #mobileNav .menu-right .sponsor-logo img{display:block;width:100%;max-width:100%;height:auto;max-height:170px;object-fit:contain;opacity:1}
}
/* Short phones retain substantially larger marks; the existing menu scroll remains available. */
@media(max-width:900px) and (max-height:700px){
 #mobileNav .menu-inner{gap:8px}
 #mobileNav .menu-right{min-height:210px;padding:14px 0;gap:18px}
 #mobileNav .menu-right .top-logos img{height:125px}
 #mobileNav .menu-right .sponsor-logo{max-width:460px}
}
/* Dinamo content adapters. Theme geometry and animations above come from Rangers. */
:root{--violet:#7F00FF;--coral:#FF6332;--maroon:#5E0000;--red:#E62727}
a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}img{max-width:100%}p{line-height:1.7}em{font:inherit}h1 span,h2 span,.accent{font-family:var(--font-heading)}:focus-visible{outline:3px solid var(--neon-green);outline-offset:5px}.skip{position:fixed;top:-100px;left:20px;z-index:3000;background:var(--neon-green);color:#04123F;padding:14px}.skip:focus{top:15px}header{min-height:85px}.logo img{height:78px}.nav-text{font-family:var(--font-heading)}.menu-cities{color:var(--neon-green);letter-spacing:3px;font-weight:600;text-align:center}#mobileNav .menu-nav li a{font-size:clamp(26px,4.6vw,64px)}
.hero{isolation:isolate}.hero-bg-video{z-index:-1;animation:heroDrift 20s ease-in-out infinite alternate}.phone-frame img{width:100%;height:100%;object-fit:cover;animation:heroDrift 18s ease-in-out infinite alternate}.phone-frame{border-color:#1c1657}.hero-content h1{font-weight:normal}.marquee-track span{font-family:var(--font-heading);font-size:32px;color:#04123F;white-space:nowrap}.marquee-section:hover .marquee-container{animation-play-state:paused}.bento-card h3{font-size:clamp(38px,4.5vw,64px)}.bento-card.wide{background:linear-gradient(135deg,#33107a,#111B4B)}.bento-card:nth-child(5){background:linear-gradient(135deg,#5E0000,#211532)}.bento-card:nth-child(6){border-top:3px solid var(--coral)}.jersey-container img{max-width:250px;max-height:400px;object-fit:contain}.service-spor-egitimi{background-image:url('/assets/pitch.webp')}.service-okul-tesisleri{background-image:url('/assets/school.webp')}.service-sosyal-tesisler{background-image:url('/assets/residence.webp')}.service-kamp-organizasyon{background-image:url('/assets/rangers.webp')}.branch-row::after{background:linear-gradient(90deg,rgba(4,18,63,.95),rgba(4,18,63,.8) 50%,rgba(4,18,63,.4))}.branch-row:nth-of-type(2) .branch-badge{background:var(--violet);color:#fff}.branch-row:nth-of-type(3) .branch-badge{background:var(--coral)}.branch-row:nth-of-type(4) .branch-badge{background:var(--red);color:#fff}.branch-content{padding-right:30px}.accent{color:var(--neon-green)}.footer-col a{font-size:14px;color:var(--text-gray)}.footer-col a:hover{color:var(--neon-green)}.footer-brand-title{font-size:12.3vw!important}.footer-bottom{padding:25px 5%;color:#a0aec0}.footer-bottom p{white-space:normal!important}.footer-right-cols{gap:45px}.fb-line{font-family:var(--font-heading)}
.section{padding:100px 5%;max-width:1500px;margin:auto}.section h2{font-size:clamp(30px,4vw,48px);line-height:1.15;margin-bottom:25px}.section p{color:var(--text-gray);margin-bottom:20px}.eyebrow{font-size:13px;letter-spacing:2px;text-transform:uppercase;color:var(--neon-green)!important;font-weight:600;margin-bottom:20px}.page-hero{padding:155px 5% 70px;position:relative;background:radial-gradient(ellipse at 95% 0,rgba(127,0,255,.25),transparent 60%);border-bottom:1px solid #ffffff10}.page-hero h1{font-size:clamp(42px,6.5vw,80px);line-height:1.05;max-width:1050px;margin:20px 0 30px}.page-lead{max-width:800px;font-size:18px;color:var(--text-gray)}.breadcrumb{display:flex;gap:12px;font-size:12px;color:var(--text-gray);margin-bottom:35px}.breadcrumb a{color:var(--neon-green)}.page-orbit{display:none}.wide-image{position:relative;margin:50px 5% 0;border-radius:24px;overflow:hidden;height:480px}.wide-image>img{width:100%;height:100%;object-fit:cover}.image-data{position:absolute;bottom:0;left:0;width:100%;padding:35px;display:flex;gap:50px;background:linear-gradient(transparent,#04123f)}.image-data span{display:flex;flex-direction:column;gap:8px}.image-data small{color:var(--neon-green)}.detail-layout,.intro,.approach,.contact-layout{display:grid;grid-template-columns:1fr 1.3fr;gap:70px}.detail-list article{padding:28px;border:1px solid #ffffff14;border-radius:24px;background:var(--deep-card);display:flex;gap:24px;margin-bottom:20px}.detail-list article>span{color:var(--coral);font-family:var(--font-heading);font-size:28px}.detail-list h3{font-size:24px;margin-bottom:12px}.detail-list p{margin:0}.button,.text-link{display:inline-flex;align-items:center;justify-content:center;gap:16px;padding:16px 24px;border:1px solid var(--neon-green);border-radius:12px;color:var(--neon-green);background:transparent;cursor:pointer;transition:.3s}.button:hover,.text-link:hover{background:var(--neon-green);color:#04123F;transform:translateY(-3px)}.button{font-weight:700}.section-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:40px}.section-head>p{max-width:420px}.services-grid,.values{display:grid;grid-template-columns:1fr 1fr;gap:30px}.service-card{display:block;border-radius:24px;overflow:hidden;background:var(--deep-card);border:1px solid #ffffff14;transition:.4s}.service-card:hover{border-color:var(--neon-green);transform:translateY(-5px)}.service-visual{height:320px;position:relative;overflow:hidden}.service-visual img{height:100%;width:100%;object-fit:cover;transition:transform .6s}.service-card:hover img{transform:scale(1.08)}.project-index,.circle-arrow{position:absolute;top:20px;background:#04123fe6;color:var(--neon-green);padding:12px;border-radius:12px}.project-index{left:20px}.circle-arrow{right:20px}.service-copy{padding:30px}.service-copy h3{font-size:30px;margin:12px 0}.service-copy p{margin:0}.branch-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.branch-grid article{background:var(--deep-card);border-radius:24px;overflow:hidden;scroll-margin-top:110px}.branch-grid img{width:100%;height:280px;object-fit:cover}.branch-grid article>div{padding:28px}.branch-grid h3{font-size:32px;margin-bottom:12px;color:var(--neon-green)}.branch-grid strong{display:block;margin-bottom:16px}.branch-grid p{font-size:14px}.partner{display:flex;align-items:center;gap:60px;background:var(--deep-card);border-radius:24px;margin:30px 5%}.partner>img{width:160px;height:160px;object-fit:contain}.partner p{max-width:800px}.values article{padding:40px;border-radius:24px;background:linear-gradient(135deg,#351070,#111B4B)}.values article:nth-child(2){background:linear-gradient(135deg,#5E0000,#111B4B)}.founder{border-left:3px solid var(--neon-green);padding-left:20px;display:flex;flex-direction:column;gap:5px}.founder span{font-size:23px}.founder small{color:var(--neon-green)}.large{font-size:22px}.approach ol{list-style:decimal-leading-zero;padding-left:40px}.approach li{padding-left:12px;margin-bottom:25px}.approach li::marker{color:var(--coral);font-size:24px}.approach b{display:block;margin-bottom:15px}.international{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;margin-bottom:70px;scroll-margin-top:115px}.international>div:first-child{height:380px;position:relative}.international img{width:100%;height:100%;object-fit:cover;border-radius:24px}.international>div>span{position:absolute;bottom:25px;left:25px;font-family:var(--font-heading);font-size:50px;color:var(--neon-green)}.international h3{font-size:22px;margin-bottom:20px}.contact-panel,.enquiry{padding:35px;background:var(--deep-card);border-radius:24px;border:1px solid #ffffff12}.contact-panel>a{display:block;margin-bottom:20px;overflow-wrap:anywhere}.contact-phone{font-size:clamp(22px,2.4vw,32px);color:var(--neon-green)}address{font-style:normal;line-height:1.8;color:var(--text-gray);margin:25px 0}.contact-note{border-top:1px solid #ffffff20;padding-top:25px;margin-top:30px}.enquiry form{display:grid;gap:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.enquiry label{display:flex;flex-direction:column;gap:8px;font-size:14px}.enquiry input,.enquiry select,.enquiry textarea{width:100%;min-width:0;background:#04123F;color:#fff;border:1px solid #ffffff25;border-radius:12px;padding:14px}.enquiry textarea{resize:vertical}.form-hint{font-size:12px}.enquiry .button{background:var(--neon-green);color:#04123F}.contact-world{border-top:1px solid #ffffff10}.section-label{display:flex;justify-content:space-between;color:var(--neon-green);font-size:12px;letter-spacing:1px;margin-bottom:40px}.top-small{padding-top:60px}main{min-height:50vh}.reveal{opacity:1;transform:none}.reveal:not(.active){opacity:1} /* Content stays usable if scripts are blocked. */
@keyframes heroDrift{from{transform:scale(1)}to{transform:scale(1.08)}}
@media(min-width:901px){#mobileNav .menu-nav{width:55%}#mobileNav .menu-right{width:38%}}
@media(max-width:900px){#mobileNav .menu-nav li a{font-size:clamp(23px,4.2dvh,36px)}.hero{justify-content:center;padding-bottom:60px;min-height:100svh}.hero-content{flex:0 1 auto}.hero-bg-video{opacity:.4}.detail-layout,.intro,.approach,.contact-layout,.international{grid-template-columns:1fr;gap:35px}.section{padding:65px 5%}.branch-grid{grid-template-columns:1fr 1fr}.page-hero{padding-top:135px}.wide-image{height:350px}.services-grid{gap:20px}.service-visual{height:250px}.section-head{display:block}.partner{padding:35px;gap:30px}.footer-right-cols{justify-content:center}.image-data{padding:25px;gap:20px}.branch-content{padding-right:0}.international>div:first-child{height:320px}.menu-cities{font-size:12px}}
@media(max-width:600px){.services-grid,.values,.branch-grid,.form-row{grid-template-columns:1fr}.page-hero h1{font-size:40px}.page-lead{font-size:16px}.wide-image{height:320px}.image-data{flex-direction:column;font-size:13px}.detail-list article{padding:22px;gap:16px}.contact-panel,.enquiry{padding:24px}.partner{flex-direction:column;text-align:center}.section-label{flex-direction:column;gap:12px}.branch-badge{font-size:16px;letter-spacing:1px;max-width:90%}.branch-row{padding-top:65px}.branch-content li{font-size:15px}.marquee-track span{font-size:25px}.marquee-track{gap:25px}.footer-brand-title{font-size:12.3vw!important}.footer-col a{overflow-wrap:anywhere}.footer-bottom p{font-size:11px!important}.hero-content h1{font-size:42px}.bento-card h3{font-size:50px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1!important;transform:none!important}}

@media(prefers-reduced-motion:no-preference){.reveal.will-reveal:not(.active){opacity:0;transform:translateY(40px)}.reveal.will-reveal.active{opacity:1;transform:translateY(0)}}
/* Responsive refinements: phone / landscape / tablet / wide desktop. */
html{-webkit-text-size-adjust:100%;scroll-padding-top:110px}
.header-right{min-height:44px}.sandwich-menu{width:44px;height:44px;justify-content:center;gap:6px;align-items:center}
.hero-content,.hero-mockup,.bento-card,.branch-content,.branch-buttons,.section-head>*,.detail-layout>*,.contact-layout>*,.intro>*,.international>*,.service-copy,.footer-col{min-width:0}
.section p,.service-copy,.contact-item,.page-lead,.detail-list p,.footer-col a{overflow-wrap:anywhere}
.branch-grid article,.international{scroll-margin-top:110px}
.enquiry input,.enquiry select,.enquiry textarea{font-size:16px;min-height:48px}
.enquiry input,.enquiry textarea{appearance:none;-webkit-appearance:none}
.enquiry select{max-width:100%}.enquiry label{min-width:0}
.enquiry button:disabled{opacity:.65;cursor:wait;transform:none}
#form-status{padding:16px;border:1px solid var(--neon-green);border-radius:12px;background:rgba(239,255,0,.05);color:#fff;overflow-wrap:anywhere}
#form-status[hidden]{display:none}
.phone-frame{max-width:100%}.btn-register{white-space:normal}.footer-col{max-width:100%}
.footer-bottom{padding-bottom:max(24px,env(safe-area-inset-bottom))}
@media(min-width:1600px){.hero{padding-left:max(5%,calc((100vw - 1440px)/2));padding-right:max(5%,calc((100vw - 1440px)/2))}.bento-grid,.facility-grid{max-width:1440px;margin-left:auto;margin-right:auto}}
@media(min-width:901px) and (max-width:1200px){.hero-content h1{font-size:54px}.phone-frame{width:280px;height:560px}.hero{gap:30px}.contact-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:28px}.contact-panel,.enquiry{padding:25px}.form-row{grid-template-columns:1fr}.footer-right-cols{gap:30px}.footer-top{gap:35px}}
@media(min-width:601px) and (max-width:1100px){.facility-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.facility-card:last-child{grid-column:1/-1}.facility-card{height:360px}}
@media(max-width:900px){.hero-content p{display:block;font-size:16px;line-height:1.65;max-width:650px;margin:24px auto 0;color:#e2e6f0}.hero-content h1{font-size:clamp(38px,7.2vw,60px)}.hero{min-height:100svh;padding-bottom:70px}.hero-content{max-width:100%}.footer-top{padding-left:5%;padding-right:5%}.footer-right-cols{width:100%;justify-content:space-evenly;gap:25px}.branch-buttons{min-width:0}.menu-nav li a .nav-text{overflow-wrap:anywhere}.lets-talk-box{padding:35px 25px}.lt-left h2{font-size:clamp(30px,5vw,45px)}.lt-link{font-size:clamp(24px,4vw,32px);padding:15px 25px}}
@media(max-width:600px){.facility-grid{grid-template-columns:1fr}.facility-card{height:360px}.bento-card{padding:28px 22px}.section-title{font-size:34px}.branch-row{padding-left:6%;padding-right:6%}.branch-badge{font-size:15px;padding:10px 15px}.footer-right-cols{display:grid;grid-template-columns:minmax(0,1fr);text-align:center}.footer-col .contact-item span{max-width:100%}.footer-col h4{display:inline-block}.footer-logos{gap:30px}.footer-logos img{max-width:38%;height:85px}.hero-content h1{font-size:clamp(35px,9vw,44px);letter-spacing:-1px}.hero-content p{font-size:15px}.page-hero h1{font-size:clamp(32px,8.8vw,40px)}.image-data{padding:20px}.section{padding-left:5%;padding-right:5%}.detail-list article{gap:12px}.contact-panel,.enquiry{padding:22px 18px}.form-row{grid-template-columns:1fr}.enquiry h2{font-size:30px}.breadcrumb{flex-wrap:wrap}.lt-left h2{font-size:32px}.footer-brand-title{letter-spacing:-1px!important}}
@media(max-height:520px) and (orientation:landscape){.hero{min-height:620px}.hero-mockup{display:none}.hero-content{max-width:760px}.fullscreen-menu .menu-inner{align-items:flex-start}#mobileNav .menu-right{min-height:180px}#mobileNav .menu-right .top-logos img{height:100px}.logo img{height:65px}header{min-height:75px;padding-top:12px;padding-bottom:12px}}
/* Compact menu: every destination remains visible in the viewport. */
#mobileNav .menu-inner{height:100%;min-height:0;max-height:100%;padding:70px 6% 28px;gap:36px;display:flex;flex-direction:row;align-items:center;justify-content:space-between}
#mobileNav .menu-nav{width:58%;gap:0;min-height:0;margin:0}
#mobileNav .menu-nav li{padding:0;margin:0!important}
#mobileNav .menu-nav li a{font-size:clamp(20px,4.2dvh,40px);line-height:1.12;min-height:0;padding:clamp(8px,1.5dvh,16px) 0;letter-spacing:.3px}
#mobileNav .menu-nav li a::after{font-size:24px;margin-left:12px}
#mobileNav .menu-nav li a:hover{padding-left:8px}
#mobileNav .menu-nav li a .nav-text{overflow-wrap:normal}
#mobileNav .menu-right{width:36%;min-height:0;flex:0 0 auto;margin:0;padding:0;gap:18px;align-self:auto}
#mobileNav .menu-right .top-logos{display:flex;justify-content:center;align-items:center;width:auto;max-width:100%;gap:10px}
#mobileNav .menu-right .top-logos img{width:auto;max-width:45%;height:clamp(80px,17dvh,150px);object-fit:contain}
#mobileNav .menu-cities{font-size:11px;letter-spacing:2px;white-space:nowrap}
.hero-mockup{pointer-events:auto}.phone-frame video{display:block;width:100%;height:100%;object-fit:cover}.video-toggle{position:absolute;bottom:18px;right:16px;width:44px;height:44px;border:1px solid #ffffff50;border-radius:50%;color:white;background:#04123fc9;cursor:pointer;font-size:18px;backdrop-filter:blur(8px)}
.navigation-status{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);z-index:4000;max-width:90vw;padding:12px 20px;background:#efff00;color:#04123f;border-radius:12px;box-shadow:0 6px 30px #0005;font-size:14px}
main[aria-busy=true]{opacity:.65;transition:opacity .15s}
@media(max-width:900px){
 #mobileNav .menu-inner{padding:62px 7% max(16px,env(safe-area-inset-bottom));flex-direction:column;gap:14px;justify-content:center}
 #mobileNav .menu-nav{width:100%;flex:0 1 auto}
 #mobileNav .menu-nav li a{font-size:clamp(17px,3dvh,26px);line-height:1.15;padding:clamp(7px,1.2dvh,12px) 0}
 #mobileNav .menu-right{width:100%;gap:10px;flex:0 0 auto}
 #mobileNav .menu-right .top-logos{gap:10px}
 #mobileNav .menu-right .top-logos img{height:clamp(58px,11dvh,100px);width:auto;max-width:44%}
 #mobileNav .menu-cities{font-size:10px;letter-spacing:1.4px}
 .hero .hero-mockup{display:flex;flex:0 0 auto;margin:32px auto 0;width:100%}.hero .phone-frame{width:230px;height:410px;border-width:9px;border-radius:30px}.hero{padding-bottom:45px}
}
@media(max-height:470px) and (orientation:landscape){
 #mobileNav .menu-inner{flex-direction:row;padding:52px 6% 14px;gap:20px}
 #mobileNav .menu-nav{width:64%}#mobileNav .menu-nav li a{font-size:clamp(14px,4dvh,19px);padding:4px 0;line-height:1.15}
 #mobileNav .menu-right{width:30%}#mobileNav .menu-right .top-logos img{height:65px}#mobileNav .menu-cities{font-size:8px;white-space:normal}
}
@media(prefers-reduced-motion:reduce){.hero-bg-video{animation:none}main[aria-busy=true]{transition:none}}

/* Larger mobile navigation without a second scroll area. */
@media(max-width:900px) and (min-height:471px){
 #mobileNav .menu-inner{padding:60px 6% max(14px,env(safe-area-inset-bottom));gap:18px}
 #mobileNav .menu-nav li a{font-size:clamp(22px,3.8dvh,34px);padding:clamp(6px,1dvh,10px) 0;line-height:1.12;letter-spacing:.15px}
 #mobileNav .menu-right{gap:12px}
 #mobileNav .menu-right .top-logos{gap:12px}
 #mobileNav .menu-right .top-logos img{height:clamp(88px,16dvh,150px);max-width:46%}
 #mobileNav .menu-cities{font-size:11px;letter-spacing:1.5px}
}
#mobileNav .menu-nav li a::after{content:"";display:block;flex:0 0 10px;width:10px;height:10px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;transform:rotate(45deg);opacity:.45}
#mobileNav .menu-nav li a:hover::after,#mobileNav .menu-nav li a.active::after{transform:rotate(45deg);opacity:1}
.branch-content ul li::before{content:"";width:14px;height:1px;background:var(--neon-green);display:inline-block;flex-shrink:0;vertical-align:middle}
.footer-col h4::before{content:"";width:10px;height:1px;background:var(--neon-green);top:50%;transform:translateY(-50%)}
.marquee-track .marquee-divider{display:block;width:36px;min-width:36px;height:1px;background:currentColor;opacity:.6}

/* Desktop navigation uses the available viewport height. */
@media(min-width:901px){
 #mobileNav .menu-inner{padding:64px 5% 24px;gap:4%}
 #mobileNav .menu-nav{width:66%}
 #mobileNav .menu-nav li a{font-size:clamp(28px,min(5.4vw,6.5dvh),64px);line-height:1.08;padding:clamp(5px,1.2dvh,12px) 0;letter-spacing:0}
 #mobileNav .menu-right{width:30%;gap:22px}
 #mobileNav .menu-right .top-logos{gap:12px}
 #mobileNav .menu-right .top-logos img{height:clamp(110px,24dvh,220px);max-width:46%}
 #mobileNav .menu-cities{font-size:12px;letter-spacing:1.6px}
}