.home-page .hero-actions a{gap:9px}.home-page .hero-actions img,.home-page .hero-actions svg{width:21px;height:21px;object-fit:contain;flex:none}.home-page .hero-actions .primary-action img{border-radius:3px}.route-page:has(#harita.route-active) .navbar,.route-page:has(#harita.route-active) .site-footer,.route-page:has(#harita.route-active) .music-player,.route-page:has(#harita.route-active) .music-launcher,.route-page:has(#harita.route-active) #live-support-toggle{display:none!important}

.home-page{height:auto!important;min-height:100vh;overflow-x:hidden!important;overflow-y:auto!important}.home-scroll-section{display:none}.home-page main>section.home-scroll-section{position:relative;display:block!important;width:min(980px,calc(100% - 36px));min-height:auto;margin:0 auto;padding:70px 0;text-align:center;opacity:0;transform:translateY(46px);transition:opacity .7s ease,transform .7s ease}.home-page main>section.home-scroll-section.is-visible{opacity:1;transform:none}.home-section-kicker{display:inline-block;padding:6px 12px;border:1px solid #9f50dc66;border-radius:99px;color:#bb6df0;font-size:8px;font-weight:800;letter-spacing:.12em}.home-scroll-section h2{margin:14px 0 30px;font:700 clamp(25px,3vw,38px) 'Space Grotesk'}.home-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);overflow:hidden;border:1px solid #6f438c55;border-radius:14px;background:#100b16cc}.home-stat-grid article{display:grid;place-items:center;min-height:135px;padding:22px;border-right:1px solid #6f438c44}.home-stat-grid article:last-child{border:0}.home-stat-grid i{display:grid;place-items:center;width:30px;height:30px;border:1px solid #a45ddd77;border-radius:7px;color:#ba6ef0;font-style:normal}.home-stat-grid strong{margin-top:10px;font:700 24px 'Space Grotesk'}.home-stat-grid small{color:#756b7d;font-size:7px;letter-spacing:.12em}.home-update-list{display:grid;gap:12px;max-width:720px;margin:auto;text-align:left}.home-update-list article{padding:20px;border:1px solid #71449455;border-radius:14px;background:linear-gradient(145deg,#130d1a,#0d0912)}.home-update-list header{display:flex;align-items:center;gap:12px}.home-update-list header i{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:linear-gradient(145deg,#a24ee6,#482069);font-style:normal;font-weight:800}.home-update-list header div{display:grid}.home-update-list time{margin-top:3px;color:#766b80;font-size:8px}.home-update-list p{margin:15px 0 0;color:#ada2b4;font-size:11px;line-height:1.65}

.route-page:has(#harita.route-active){background:#16a7c4;overflow:hidden}.route-page:has(#harita.route-active) .background-poster,.route-page:has(#harita.route-active) .site-overlay,.route-page:has(#harita.route-active) .feature-marquee{display:none!important}.route-page:has(#harita.route-active) #harita{height:100vh;overflow:hidden}.route-page:has(#harita.route-active) .map-canvas{height:100vh;min-height:0;background:#16a7c4}.route-page:has(#harita.route-active) .map-world{background-image:url('/brand-assets/gta-map.png?v=20260905-2')!important;background-position:center;background-size:contain;background-color:#16a7c4;background-repeat:no-repeat}.map-panel{max-height:calc(100vh - 28px);overflow:auto}.map-panel>div>p{margin:8px 2px;padding:14px 9px;border:1px solid rgba(255,255,255,.12);border-radius:7px;color:#c7e6ed;font-size:10px;line-height:1.5}.map-marker{cursor:pointer}.map-home{text-decoration:none}.map-controls button:hover,.map-home:hover{background:#123044}

@media(max-width:650px){.home-stat-grid{grid-template-columns:1fr}.home-stat-grid article{border-right:0;border-bottom:1px solid #6f438c44}.map-panel{top:8px;left:8px;width:210px;max-height:calc(100vh - 16px)}.map-home{top:8px;right:8px}.map-controls{right:8px;bottom:8px}}

.home-page .scroll-hint{width:44px;height:44px;display:grid!important;place-items:center;bottom:22px;padding:0;border:1px solid rgba(255,255,255,.17);border-radius:50%;background:rgba(20,24,31,.72);color:#9ca7b5;font-size:0;letter-spacing:0;box-shadow:inset 0 0 0 3px rgba(255,255,255,.018),0 8px 24px rgba(0,0,0,.3);transition:.2s}.home-page .scroll-hint span{margin:0;color:#9ca7b5;font-size:21px;line-height:1}.home-page .scroll-hint:hover{border-color:rgba(183,106,239,.6);color:#fff;transform:translate(-50%,-3px)}

/* Referanstaki kompakt harita arayüzü. */
.route-page:has(#harita.route-active) .map-world{background-size:cover!important;background-position:center!important}
.route-page:has(#harita.route-active) .map-panel{top:7px;left:7px;width:152px;max-height:calc(100vh - 14px);padding:7px;border:0;border-radius:6px;background:rgba(9,86,111,.72);box-shadow:0 6px 18px rgba(0,66,91,.18);backdrop-filter:blur(5px);scrollbar-width:none}
.route-page:has(#harita.route-active) .map-panel::-webkit-scrollbar{display:none}.route-page:has(#harita.route-active) .map-panel h2{min-height:26px;gap:6px;margin:0 0 6px;padding:7px 8px;border:0;border-radius:5px;background:rgba(10,114,145,.76);color:#fff;font:800 7px 'DM Sans';letter-spacing:.045em}.route-page:has(#harita.route-active) .map-panel h2 span{font-size:10px}.route-page:has(#harita.route-active) .map-panel label{height:25px;align-items:center;gap:5px;padding:5px 7px;border:0;border-radius:5px;background:rgba(5,94,121,.72);color:#d9f6ff;font-size:7px}.route-page:has(#harita.route-active) .map-panel label span{font-size:7px;filter:grayscale(1) brightness(4)}.route-page:has(#harita.route-active) .map-panel input{font-size:7px}.route-page:has(#harita.route-active) .map-panel input::placeholder{color:#85c5d5}.route-page:has(#harita.route-active) .map-panel header{margin:9px 3px 5px;color:#ddf7fc;font-size:6px;letter-spacing:.07em}.route-page:has(#harita.route-active) .map-panel header span{color:#7cbac8}.route-page:has(#harita.route-active) .map-panel>div{gap:3px;margin-top:0}.route-page:has(#harita.route-active) .map-panel>div section{gap:3px}.route-page:has(#harita.route-active) .map-panel>div section h3{margin:6px 3px 2px;color:#ccecf2;font-size:6px;letter-spacing:.05em}.route-page:has(#harita.route-active) .map-panel button{min-height:24px;gap:6px;padding:6px 7px;border:1px solid rgba(196,242,250,.13);border-radius:4px;background:rgba(13,105,130,.56);color:#eefcff;font:700 6px 'DM Sans'}.route-page:has(#harita.route-active) .map-panel button:hover{background:rgba(15,126,155,.82)}.route-page:has(#harita.route-active) .map-panel button i{width:6px;height:6px;box-shadow:0 0 7px var(--dot)}.route-page:has(#harita.route-active) .map-panel>div>p{margin:3px 0;padding:9px 7px;border-radius:4px;color:#c4e8ef;font-size:6px}.route-page:has(#harita.route-active) .map-home{top:8px;right:8px;padding:7px 10px;border-radius:5px;background:#061923;color:#fff;font-size:6px;letter-spacing:.08em;box-shadow:0 5px 16px rgba(0,0,0,.2)}.route-page:has(#harita.route-active) .map-home span{margin-right:3px;font-size:10px}.route-page:has(#harita.route-active) .map-controls{right:8px;bottom:8px;gap:4px}.route-page:has(#harita.route-active) .map-controls button{width:20px;height:20px;border-radius:5px;background:#06212d;font-size:11px;line-height:20px;box-shadow:0 3px 10px rgba(0,0,0,.18)}.route-page:has(#harita.route-active) .map-marker i{width:10px;height:10px;border-width:2px;box-shadow:0 0 0 4px color-mix(in srgb,var(--marker-color) 32%,transparent)}.route-page:has(#harita.route-active) .map-marker span{left:9px;top:8px;padding:3px 5px;border-radius:3px;background:rgba(4,31,42,.88);font-size:6px}
@media(max-width:650px){.route-page:has(#harita.route-active) .map-panel{width:145px}.route-page:has(#harita.route-active) .map-world{background-size:cover!important}}

/* Alfea harita ölçüleri: geniş okunaklı panel ve sabit kontroller. */
.route-page:has(#harita.route-active) .map-world{inset:auto!important;top:0;left:0;background:#0a0e14 url('/brand-assets/alfea-map.jpg?v=20260905-1') 0 0/100% 100% no-repeat!important;transform-origin:0 0!important}
.route-page:has(#harita.route-active) .map-panel{z-index:10;top:14px;left:14px;width:300px;max-height:calc(100vh - 28px);padding:0;border:0;border-radius:12px;background:transparent;box-shadow:none;overflow:auto}
.route-page:has(#harita.route-active) .map-panel h2{height:49px;display:flex;align-items:center;gap:10px;margin:0 0 10px;padding:0 17px;border:0;border-radius:11px;background:rgba(19,79,96,.64);backdrop-filter:blur(9px);color:#fff;font:800 14px 'DM Sans';letter-spacing:.08em}
.route-page:has(#harita.route-active) .map-panel h2 span{font-size:17px}.route-page:has(#harita.route-active) .map-panel label{height:45px;display:flex;align-items:center;gap:10px;margin:0 0 10px;padding:0 17px;border:0;border-radius:11px;background:rgba(19,79,96,.58);backdrop-filter:blur(9px);font-size:13px}.route-page:has(#harita.route-active) .map-panel label span{font-size:13px}.route-page:has(#harita.route-active) .map-panel input{font-size:13px}.route-page:has(#harita.route-active) .map-panel>header{height:41px;display:flex;align-items:center;margin:0;padding:0 17px;border-radius:11px 11px 0 0;background:rgba(19,79,96,.58);backdrop-filter:blur(9px);color:#d6eef3;font-size:10px;letter-spacing:.11em}.route-page:has(#harita.route-active) .map-panel>header span{font-size:9px}.route-page:has(#harita.route-active) .map-panel>div{display:grid;gap:7px;margin:0;padding:0 14px 14px;border-radius:0 0 11px 11px;background:rgba(19,79,96,.58);backdrop-filter:blur(9px)}.route-page:has(#harita.route-active) .map-panel>div section{display:grid;gap:7px}.route-page:has(#harita.route-active) .map-panel>div section h3{margin:7px 2px 0;color:#c6e6ec;font-size:9px}.route-page:has(#harita.route-active) .map-panel button{min-height:46px;display:flex;align-items:center;gap:11px;padding:0 13px;border:1px solid rgba(221,249,255,.13);border-radius:8px;background:rgba(35,105,123,.43);color:#fff;font:800 14px 'DM Sans';box-shadow:none}.route-page:has(#harita.route-active) .map-panel button i{width:13px;height:13px;flex:none;border-radius:50%;box-shadow:none}.route-page:has(#harita.route-active) .map-panel>div>p{margin:0;padding:16px 13px;border:1px solid rgba(221,249,255,.13);border-radius:8px;color:#d0ebf0;font-size:11px}.route-page:has(#harita.route-active) .map-home{z-index:10;top:14px;right:14px;min-width:147px;height:45px;display:flex;align-items:center;justify-content:center;padding:0 18px;border-radius:10px;background:#06151d;color:#fff;font:800 12px 'DM Sans';letter-spacing:.12em}.route-page:has(#harita.route-active) .map-home span{margin-right:7px;font-size:17px}.route-page:has(#harita.route-active) .map-controls{z-index:10;right:14px;bottom:14px;gap:7px}.route-page:has(#harita.route-active) .map-controls button{width:39px;height:39px;border-radius:9px;background:#06202b;color:#fff;font-size:19px;line-height:39px}.route-page:has(#harita.route-active) .map-marker i{width:15px;height:15px;border:3px solid #fff}.route-page:has(#harita.route-active) .map-marker span{left:14px;top:13px;padding:5px 8px;border-radius:5px;font-size:10px}
@media(max-width:650px){.route-page:has(#harita.route-active) .map-world{background-size:auto 100%!important}.route-page:has(#harita.route-active) .map-panel{top:8px;left:8px;width:min(245px,calc(100vw - 80px));max-height:55vh}.route-page:has(#harita.route-active) .map-panel h2{height:40px;font-size:11px}.route-page:has(#harita.route-active) .map-panel label{height:38px}.route-page:has(#harita.route-active) .map-panel button{min-height:39px;font-size:11px}.route-page:has(#harita.route-active) .map-home{top:8px;right:8px;min-width:0;height:37px;padding:0 11px;font-size:8px}.route-page:has(#harita.route-active) .map-controls{right:8px;bottom:8px}}

/* Ana sayfa istatistik emojileri. */
.home-page .home-stat-grid i{width:36px;height:36px;border-radius:9px;background:#9c4cda16;font-size:17px}

/* Referans sayfanın gerçek cam yüzeyleri ve hover davranışı. */
.route-page:has(#harita.route-active) .map-canvas{background:#070a0f!important;cursor:grab;user-select:none}.route-page:has(#harita.route-active) .map-canvas:active{cursor:grabbing}.route-page:has(#harita.route-active) .map-panel h2,.route-page:has(#harita.route-active) .map-panel label,.route-page:has(#harita.route-active) .map-panel>header,.route-page:has(#harita.route-active) .map-panel>div{background:rgba(8,11,16,.32)!important;border-color:rgba(255,255,255,.07)!important;backdrop-filter:blur(4px)!important;transition:background .2s ease,border-color .2s ease,backdrop-filter .2s ease}.route-page:has(#harita.route-active) .map-panel:hover h2,.route-page:has(#harita.route-active) .map-panel:hover label,.route-page:has(#harita.route-active) .map-panel:hover>header,.route-page:has(#harita.route-active) .map-panel:hover>div,.route-page:has(#harita.route-active) .map-panel:focus-within h2,.route-page:has(#harita.route-active) .map-panel:focus-within label,.route-page:has(#harita.route-active) .map-panel:focus-within>header,.route-page:has(#harita.route-active) .map-panel:focus-within>div{background:rgba(8,11,16,.92)!important;border-color:rgba(255,255,255,.14)!important;backdrop-filter:blur(10px)!important}.route-page:has(#harita.route-active) .map-panel h2,.route-page:has(#harita.route-active) .map-panel label{border:1px solid rgba(255,255,255,.07)!important}.route-page:has(#harita.route-active) .map-panel>header{border:1px solid rgba(255,255,255,.07)!important;border-bottom:0!important}.route-page:has(#harita.route-active) .map-panel>div{border:1px solid rgba(255,255,255,.07)!important;border-top:0!important}.route-page:has(#harita.route-active) .map-panel>div section h3{display:none}.route-page:has(#harita.route-active) .map-panel button{background:rgba(255,255,255,.04)!important;border-color:rgba(255,255,255,.08)!important}.route-page:has(#harita.route-active) .map-panel button:hover{background:rgba(255,255,255,.09)!important}.route-page:has(#harita.route-active) .map-home,.route-page:has(#harita.route-active) .map-controls button{border:1px solid rgba(255,255,255,.14)!important;background:rgba(10,14,20,.85)!important;backdrop-filter:blur(6px)}.route-page:has(#harita.route-active) .map-home:hover,.route-page:has(#harita.route-active) .map-controls button:hover{border-color:rgba(33,161,255,.55)!important;background:rgba(33,161,255,.25)!important}