*{box-sizing:border-box;margin:0;padding:0}
html,body{font-family:'Segoe UI',sans-serif;line-height:1.7;background:#f5f9ff;color:#333;font-size:16px}
h1,h2,h3,h4,h5,h6{color:#003366;margin:15px 0;font-weight:700}
a{color:#0066cc;text-decoration:none}
a:hover{color:#ff6b35}
.top-header{background:#003366;padding:15px 0;position:sticky;top:0;z-index:998;box-shadow:0 4px 15px rgba(0,0,0,.1)}
.top-header .container{max-width:1200px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 20px}
.logo{font-size:2em;font-weight:900;color:#fff}
.logo span{color:#ff6b35}
.desktop-menu a{color:#fff;margin:0 15px;font-weight:600;transition:.3s}
.desktop-menu a:hover{color:#ff6b35}
.hamburger{display:none;cursor:pointer}
.hamburger span{display:block;width:28px;height:3px;background:#fff;margin:6px 0;transition:.3s}
.mobile-menu-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);z-index:999}
.mobile-menu{position:fixed;top:0;left:-300px;width:280px;height:100%;background:#003366;padding:20px 0;z-index:1000;transition:left .4s;overflow-y:auto}
.mobile-menu.open{left:0}
.menu-header{text-align:right;padding:0 20px}
.close-btn{font-size:40px;color:#fff;cursor:pointer}
.mobile-menu ul{list-style:none}
.mobile-menu a{display:block;padding:18px 25px;color:#fff;font-size:1.1em;font-weight:600;border-bottom:1px solid #004488;transition:.3s}
.mobile-menu a:hover{background:#ff6b35}
.hero-section{background:linear-gradient(rgba(0,0,0,.82),rgba(0,0,0,.82)),url('img/hero-aku.webp') center/cover no-repeat;color:#fff;text-align:center;padding:90px 20px 70px}
.hero-content h1{font-size:2.9em;margin:0 0 12px;text-shadow:0 0 20px rgba(0,0,0,.9);color:#fff}
.hero-content p{font-size:1.25em;margin:0 0 25px;color:#fff;text-shadow:0 0 10px rgba(0,0,0,.8)}
.page-section{max-width:1200px;margin:40px auto;padding:0 20px}
.section-title{text-align:center;margin-bottom:25px;color:#003366;font-size:2em;position:relative}
.section-title::after{content:'';width:80px;height:4px;background:#ff6b35;display:block;margin:12px auto 0;border-radius:2px}
.home-only-section{background:linear-gradient(135deg,#0066cc,#ff6b35);color:#fff;padding:40px 25px;border-radius:20px;text-align:center;margin:25px auto;max-width:1000px;box-shadow:0 15px 40px rgba(0,0,0,0.3);border:3px solid rgba(255,255,255,0.2)}
.home-only-section h2{font-size:2.5em;margin-bottom:18px;text-shadow:0 0 20px rgba(0,0,0,0.7)}
.home-only-section p{font-size:1.4em;font-weight:600;text-shadow:0 0 10px rgba(0,0,0,0.6)}
.back-link{display:inline-block;margin-top:30px;color:#ff6b35;font-weight:bold;font-size:1.1em}
.back-link:hover{text-decoration:underline}
.fixed-photos-section{max-width:1200px;margin:50px auto;padding:0 20px}
.photos-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px}
.photo-item{text-align:center;background:#fff;border:3px solid #0066cc;border-radius:18px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.12);transition:.4s}
.photo-item:hover{transform:translateY(-12px);border-color:#ff6b35;box-shadow:0 20px 40px rgba(0,0,0,.2)}
.photo-item img{width:100%;height:260px;object-fit:cover}
.photo-item p{margin:16px 0 20px;font-size:1.2rem;font-weight:600;color:#003366}
.scroll-top-btn{position:fixed;bottom:25px;right:25px;width:58px;height:58px;background:#ff6b35;border:none;border-radius:50%;cursor:pointer;box-shadow:0 6px 20px rgba(255,107,53,.5);opacity:0;visibility:hidden;transition:all .4s;z-index:999;display:flex;align-items:center;justify-content:center;color:#fff;font-size:32px;font-weight:bold}
.scroll-top-btn.show{opacity:1;visibility:visible}
.scroll-top-btn:hover{background:#e55a2b;transform:scale(1.15)}
footer{background:#003366;color:#ccc;text-align:center;padding:30px;margin-top:60px}
footer a{color:#ff6b35;font-weight:600}
footer span{opacity:0;height:0;width:0;position:absolute;overflow:hidden}
img{max-width:100%;height:auto;display:block}

/* YENİ KAYAN YAZI – RESPONSIVE & KESİNTİSİZ (MOBİL 15 SANİYE) */
.info-slider{
    overflow:hidden;
    background:#fff;
    padding:15px 0;
    margin:20px auto;
    box-shadow:0 4px 15px rgba(0,0,0,.08);
    border-radius:18px;
    max-width:95%;
    position:relative;
}

.info-track{
    display:flex;
    gap:40px;
    width:max-content;
    animation:scrollInfo linear infinite;
}

.info-item{
    padding:0 20px;
    font-size:1.1em;
    color:#003366;
    font-weight:600;
    white-space:nowrap;
    flex-shrink:0;
}

@keyframes scrollInfo{
    0%   { transform:translateX(0); }
    100% { transform:translateX(-50%); }
}

/* MOBİL – ARTIK 15 SANİYE (çok çok rahat okunuyor) */
@media (max-width:768px){
    .info-track{
        gap:30px;
        animation-duration:15s;
    }
    .info-item{
        font-size:1em;
    }
}

/* MASAÜSTÜ – 13 SANİYE (hâlâ biraz daha hızlı, dengeli duruyor) */
@media (min-width:769px){
    .info-track{
        gap:45px;
        animation-duration:13s;
    }
    .info-item{
        font-size:1.15em;
    }
}

/* Üzerine gelince dursun */
.info-slider:hover .info-track{
    animation-play-state:paused;
}

/* Üzerine gelince dursun */
.info-slider:hover .info-track{
    animation-play-state:paused;
}

/* Fare üzerine gelince dursun – hâlâ aktif */
.info-slider:hover .info-track{
    animation-play-state:paused;
}

/* TELEFON BUTONLARI – MOBİLDE KÜÇÜK VE GÜZEL */
a[href^="tel:"],
.cta-button,
.location-cta a {
    background:#d4380d !important;
    color:#fff !important;
    padding:14px 20px !important;
    border-radius:50px !important;
    font-size:1.25em !important;
    font-weight:900 !important;
    text-decoration:none !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-width:280px !important;
    max-width:320px !important;
    margin:18px auto !important;
    box-shadow:0 8px 25px rgba(212,56,13,.4) !important;
    transition:all .3s ease !important;
    line-height:1.2 !important;
    white-space:nowrap !important;
}
a[href^="tel:"]:hover,
.cta-button:hover,
.location-cta a:hover{
    background:#c02d00 !important;
    transform:translateY(-3px) scale(1.03) !important;
    box-shadow:0 12px 35px rgba(212,56,13,.5) !important;
}
a[href^="tel:"]:not(.cta-button):not(.location-cta a){
    background:none !important;padding:0 !important;min-width:auto !important;box-shadow:none !important;
    color:#d4380d !important;text-decoration:underline !important;font-size:inherit !important;margin:0 !important;font-weight:600 !important;
}

/* İLÇE BUTONLARI */
.cities-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
    gap:22px;
    margin-top:30px;
}
.city-button{
    display:block;
    padding:20px;
    background:#0066cc;
    color:#fff;
    font-weight:700;
    font-size:1.3rem;
    border-radius:16px;
    text-align:center;
    box-shadow:0 8px 20px rgba(0,102,204,.3);
    transition:all .35s;
}
.city-button:hover{
    background:#0052a3;
    transform:translateY(-6px);
    box-shadow:0 14px 30px rgba(0,102,204,.5);
}

@media (max-width: 768px){
    .desktop-menu{display:none}
    .hamburger{display:block}
    .hero-content h1{font-size:2.1em}
    .home-only-section h2{font-size:1.9em}
    .home-only-section p{font-size:1.15em;padding:0 10px}

    .cities-grid{
        grid-template-columns:1fr !important;
        gap:14px !important;
        padding:15px !important;
        margin:20px auto !important;
    }
    .city-item,
    .city-button,
    .mobile-compact,
    a[href*="-aku-servisi"]{
        display:flex !important;
        justify-content:center !important;
        align-items:center !important;
        padding:16px 20px !important;
        background:#0066cc !important;
        color:#fff !important;
        font-size:16px !important;
        font-weight:700 !important;
        text-align:center !important;
        border-radius:16px !important;
        min-height:62px !important;
        box-shadow:0 5px 15px rgba(0,102,204,.3) !important;
        transition:all .3s ease !important;
    }
    .city-button:hover,
    a[href*="-aku-servisi"]:hover{
        background:#0052a3 !important;
        transform:translateY(-4px) !important;
    }
}