/* style.css – GÜNCEL, ENTEGRE VE TEK PARÇA HALİ (Logo: 50x120px sabit) */

*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:'Segoe UI',sans-serif;line-height:1.7;background:#f5f6fa;color:#333;font-size:16px}
h1,h2,h3,h4,h5,h6{color:#1a1a1a;margin:15px 0;font-weight:700}
a{color:#c0392b;text-decoration:none}
a:hover{color:#962c22}

.main-menu{background:#1a1a1a;padding:12px 0;box-shadow:0 4px 15px rgba(0,0,0,.1);position:sticky;top:0;z-index:1000}
.main-menu ul{list-style:none;margin:0;padding:0;display:flex;justify-content:center;gap:8px;overflow-x:auto;white-space:nowrap}
.main-menu a{color:#fff;padding:10px 18px;border-radius:8px;font-weight:600;font-size:.95em;transition:all .3s}
.main-menu a:hover,.main-menu a.active{background:#c0392b;color:#fff;transform:scale(1.05)}

.hero-section{
    background:linear-gradient(rgba(0,0,0,.65),rgba(0,0,0,.65)),url('img/hero-cekici.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;color:#fff;text-shadow:0 0 15px rgba(0,0,0,.7)}
.hero-content p{font-size:1.25em;margin:0 0 25px;color:#ddd}
.cta-button{
    background:#c0392b;color:#fff;padding:16px 36px;border-radius:30px;font-weight:bold;
    font-size:1.15em;transition:.3s;box-shadow:0 6px 20px rgba(192,57,43,.4);
    display:inline-block;
}
.cta-button:hover{background:#962c22;transform:scale(1.07);box-shadow:0 8px 25px rgba(192,57,43,.6)}

/* LOGO SLAYT – SABİT 50x120px */
.brand-logos-container{
    overflow:hidden;background:#fff;padding:20px 0;margin:20px auto;max-width:95%;border-radius:18px;
    box-shadow:0 6px 20px rgba(0,0,0,.08);border:1px solid #e0e0e0;
}
.logo-track{
    display:flex;
    gap:40px;
    align-items:center;
    padding:0 20px;
}
.logo-track img{
    height:50px;
    width:120px;
    object-fit:contain;
    filter:drop-shadow(0 2px 6px rgba(0,0,0,.2));
    transition:.3s;
    padding:8px;
    border-radius:12px;
    background:#f8f9fa;
}
.logo-track img:hover{
    transform:scale(1.18);
    background:#c0392b;
    filter:drop-shadow(0 4px 12px rgba(192,57,43,.5));
}

@keyframes scroll-desktop{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes scroll-mobile{from{transform:translateX(0)}to{transform:translateX(-50%)}}

@media (max-width:768px){
    .logo-track{
        gap:20px;
        padding:0 10px;
    }
    .logo-track img{
        height:50px;
        width:120px;
        padding:6px;
    }
    .brand-logos-container{
        padding:15px 0;
        border-radius:14px;
    }
    .hero-content h1{font-size:2.1em}
    .main-menu a{font-size:.88em;padding:8px 12px}
    .cities-grid{gap:18px;flex-direction:column}
    .scroll-top-btn{width:48px;height:48px}
    .scroll-top-btn svg{width:18px;height:18px}
}

.page-section{max-width:1200px;margin:40px auto;padding:0 20px}
.section-title{text-align:center;margin-bottom:25px;color:#1a1a1a;font-size:2em;position:relative}
.section-title::after{content:'';width:80px;height:4px;background:#c0392b;display:block;margin:12px auto 0;border-radius:2px}

.cities-grid{display:flex;flex-wrap:wrap;gap:25px;justify-content:center;padding:0 15px}
.city-item{max-width:340px;width:100%}
.city-button{display:block;width:100%;padding:22px 24px;background:#c0392b;color:#fff;font-weight:600;
    font-size:1.25rem;border-radius:16px;text-align:center;box-shadow:0 6px 18px rgba(192,57,43,.3);transition:all .3s}
.city-button:hover{background:#962c22;transform:translateY(-4px);box-shadow:0 10px 25px rgba(192,57,43,.4)}

.back-link{display:inline-block;margin-top:25px;color:#c0392b;font-weight:bold;font-size:1.05em}
.back-link:hover{color:#962c22;text-decoration:underline}

.scroll-top-btn{
    position:fixed;bottom:20px;right:20px;width:54px;height:54px;background:#c0392b;border:none;
    border-radius:50%;cursor:pointer;box-shadow:0 5px 15px rgba(192,57,43,.4);opacity:0;visibility:hidden;
    transition:all .3s;z-index:999;display:flex;align-items:center;justify-content:center;
}
.scroll-top-btn.show{opacity:1;visibility:visible}
.scroll-top-btn:hover{background:#962c22;transform:scale(1.12)}
.scroll-top-btn svg{width:20px;height:20px;stroke:#fff;stroke-width:3}

footer{background:#1a1a1a;color:#ccc;text-align:center;padding:25px;margin-top:50px}
footer a{color:#c0392b;text-decoration:none;font-weight:600}
footer a:hover{color:#fff}

.fixed-photos-section{max-width:1200px;margin:40px auto;padding:0 20px}
.photos-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
    gap:22px;
}
.photo-item{
    text-align:center;
    background:#fff;
    border:3px solid #c0392b;
    border-radius:16px;
    overflow:hidden;
    box-shadow:0 8px 25px rgba(0,0,0,.1);
    transition:.3s;
}
.photo-item:hover{
    transform:translateY(-10px);
    box-shadow:0 15px 35px rgba(0,0,0,.15);
    border-color:#962c22;
}
.photo-item img{
    width:100%;
    height:250px;
    object-fit:cover;
    opacity:0;
    transition:opacity .4s;
}
.photo-item img.loaded{opacity:1}
.photo-caption{
    margin:14px 0 18px;
    font-size:1.15rem;
    font-weight:600;
    color:#1a1a1a;
    padding:0 14px;
}

#breadcrumbs a{color:#c0392b}
#breadcrumbs a:hover{text-decoration:underline}
#breadcrumbs span{color:#962c22}

#initial-content{display:none;} /* Varsayılan olarak gizli */

noscript *{all:revert!important;display:block!important;visibility:visible!important;opacity:1!important}

/* 7 FOTOĞRAF MOBİL UYUM */
@media (max-width: 768px) {
    .photos-grid {
        grid-template-columns: 1fr;
    }
}