:root { --gold:#c0a080; --dark:#0f1016; --bg-light:#f9f7f2; }
        body { font-family:'Poppins',sans-serif;margin:0;color:#333;line-height:1.6 }
        h1,h2,h3,.logo { font-family:'Cinzel',serif }

        header{background:var(--dark);padding:0 8%;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:1000;border-bottom:2px solid var(--gold);height:80px}
        .logo{color:var(--gold);text-decoration:none;font-weight:bold}
        nav ul{list-style:none;display:flex;margin:0}
        nav ul li a{color:#fff;text-decoration:none;padding:30px 15px;display:block;font-size:14px}
        nav ul li a:hover{color:var(--gold)}

        .dropdown-content{display:none;position:absolute;background:var(--dark);min-width:200px}
        .dropdown:hover .dropdown-content{display:block}
        .dropdown-content a{padding:12px;border-bottom:1px solid #222;color:white;text-decoration:none;font-size:13px}

        section{padding:80px 10%}
        .section-title{text-align:center;margin-bottom:50px}
        .section-title h2{font-size:2.5rem;color:var(--dark)}

        .hero{
            background:linear-gradient(rgba(0,0,0,.7),rgba(0,0,0,.7)),
            url('https://images.unsplash.com/photo-1501004318641-729e8e22bd01');
            height:60vh;display:flex;align-items:center;justify-content:center;
            flex-direction:column;color:#fff;text-align:center
        }
        .hero h1{color:var(--gold)}

        .expert-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px}
        .expert-card{background:#fff;padding:30px;border-radius:8px;text-align:center;border-bottom:4px solid var(--gold)}
        .expert-card i{font-size:40px;color:var(--gold)}

        .btn-detail{display:inline-block;margin-top:15px;padding:10px 25px;border:2px solid var(--gold);color:var(--gold);text-decoration:none}
        .btn-detail:hover{background:var(--gold);color:#fff}

        .testimonials{background:var(--dark);color:white}
        .testimonial-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}
        .t-card{background:#1a1a2e;padding:25px;border-radius:10px}

        .blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px}
        .blog-card{background:#fff;border-radius:10px;overflow:hidden}
        .blog-content{padding:20px}

        footer{background:var(--dark);color:#777;text-align:center;padding:40px}
        .wa-float{position:fixed;bottom:30px;right:30px;background:#25d366;color:#fff;width:60px;height:60px;border-radius:50%;text-align:center;line-height:60px;font-size:30px}
        .hero-blur {
    position: relative;
    height: 60vh;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    color: white;
    text-align: center;
}

/* Bulanık arka plan */
.hero-blur::before {
    content: "";
    position: absolute;
    inset: 0;
    background: 
        linear-gradient(rgba(0,0,0,0.55), rgba(0,0,0,0.55)),
        url("uploads/hero.jpg");
    background-size: cover;
    background-position: center;
    filter: blur(8px);
    transform: scale(1.1); /* blur kenarlarını gizler */
    z-index: 1;
}

/* Yazı katmanı */
.hero-content {
    position: relative;
    z-index: 2;
    max-width: 800px;
    padding: 20px;
}

.hero-content h1 {
    font-family: 'Cinzel', serif;
    font-size: 3rem;
    color: #c0a080;
    margin-bottom: 15px;
}

.hero-content p {
    font-size: 1.2rem;
    color: #f1f1f1;
}

/* =====================
   📱 MOBİL UYUMLULUK
   ===================== */
@media (max-width: 768px) {

    header {
        padding: 0 5%;
        height: auto;
        flex-direction: column;
        align-items: flex-start;
    }

    nav ul {
        flex-direction: column;
        width: 100%;
    }

    nav ul li a {
        padding: 12px 10px;
        font-size: 15px;
    }

    section {
        padding: 60px 6%;
    }

    /* HERO */
    .hero-blur {
        height: 50vh;
        padding: 0 15px;
    }

    .hero-content h1 {
        font-size: 1.8rem;
        line-height: 1.3;
    }

    .hero-content p {
        font-size: 1rem;
    }

    /* GRIDLER TEK KOLON */
    .expert-grid,
    .testimonial-grid,
    .blog-grid {
        grid-template-columns: 1fr;
    }

    /* KARTLAR */
    .expert-card {
        padding: 25px 20px;
    }

    .blog-card img {
        height: 160px;
    }

    .blog-content h3 {
        font-size: 1.1rem;
    }

    /* BAŞLIKLAR */
    .section-title h2 {
        font-size: 1.9rem;
    }

    /* WHATSAPP */
    .wa-float {
        width: 52px;
        height: 52px;
        font-size: 26px;
        line-height: 52px;
        bottom: 20px;
        right: 20px;
    }
}

/* 📱 DAHA KÜÇÜK TELEFONLAR */
@media (max-width: 480px) {

    .hero-content h1 {
        font-size: 1.5rem;
    }

    .hero-content p {
        font-size: 0.95rem;
    }

    .section-title h2 {
        font-size: 1.7rem;
    }
}

:root { --gold:#c0a080; --dark:#0f1016; --bg-light:#f9f7f2; }
        body { font-family:'Poppins',sans-serif;margin:0;color:#333;line-height:1.6 }
        h1,h2,h3,.logo { font-family:'Cinzel',serif }

        header{background:var(--dark);padding:0 8%;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:1000;border-bottom:2px solid var(--gold);height:80px}
        .logo{color:var(--gold);text-decoration:none;font-weight:bold}
        nav ul{list-style:none;display:flex;margin:0}
        nav ul li a{color:#fff;text-decoration:none;padding:30px 15px;display:block;font-size:14px}
        nav ul li a:hover{color:var(--gold)}

        .dropdown-content{display:none;position:absolute;background:var(--dark);min-width:200px}
        .dropdown:hover .dropdown-content{display:block}
        .dropdown-content a{padding:12px;border-bottom:1px solid #222;color:white;text-decoration:none;font-size:13px}

        section{padding:80px 10%}
        .section-title{text-align:center;margin-bottom:50px}
        .section-title h2{font-size:2.5rem;color:var(--dark)}

        .hero{
            background:linear-gradient(rgba(0,0,0,.7),rgba(0,0,0,.7)),
            url('https://images.unsplash.com/photo-1501004318641-729e8e22bd01');
            height:60vh;display:flex;align-items:center;justify-content:center;
            flex-direction:column;color:#fff;text-align:center
        }
        .hero h1{color:var(--gold)}

        .expert-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px}
        .expert-card{background:#fff;padding:30px;border-radius:8px;text-align:center;border-bottom:4px solid var(--gold)}
        .expert-card i{font-size:40px;color:var(--gold)}

        .btn-detail{display:inline-block;margin-top:15px;padding:10px 25px;border:2px solid var(--gold);color:var(--gold);text-decoration:none}
        .btn-detail:hover{background:var(--gold);color:#fff}

        .testimonials{background:var(--dark);color:white}
        .testimonial-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}
        .t-card{background:#1a1a2e;padding:25px;border-radius:10px}

        .blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px}
        .blog-card{background:#fff;border-radius:10px;overflow:hidden}
        .blog-content{padding:20px}

        footer{background:var(--dark);color:#777;text-align:center;padding:40px}
        .wa-float{position:fixed;bottom:30px;right:30px;background:#25d366;color:#fff;width:60px;height:60px;border-radius:50%;text-align:center;line-height:60px;font-size:30px}
        .hero-blur {
    position: relative;
    height: 60vh;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    color: white;
    text-align: center;
}

/* Bulanık arka plan */
.hero-blur::before {
    content: "";
    position: absolute;
    inset: 0;
    background: 
        linear-gradient(rgba(0,0,0,0.55), rgba(0,0,0,0.55)),
        url("uploads/hero.jpg");
    background-size: cover;
    background-position: center;
    filter: blur(8px);
    transform: scale(1.1); /* blur kenarlarını gizler */
    z-index: 1;
}

/* Yazı katmanı */
.hero-content {
    position: relative;
    z-index: 2;
    max-width: 800px;
    padding: 20px;
}

.hero-content h1 {
    font-family: 'Cinzel', serif;
    font-size: 3rem;
    color: #c0a080;
    margin-bottom: 15px;
}

.hero-content p {
    font-size: 1.2rem;
    color: #f1f1f1;
}

/* =====================
   📱 MOBİL UYUMLULUK
   ===================== */
@media (max-width: 768px) {

    header {
        padding: 0 5%;
        height: auto;
        flex-direction: column;
        align-items: flex-start;
    }

    nav ul {
        flex-direction: column;
        width: 100%;
    }

    nav ul li a {
        padding: 12px 10px;
        font-size: 15px;
    }

    section {
        padding: 60px 6%;
    }

    /* HERO */
    .hero-blur {
        height: 50vh;
        padding: 0 15px;
    }

    .hero-content h1 {
        font-size: 1.8rem;
        line-height: 1.3;
    }

    .hero-content p {
        font-size: 1rem;
    }

    /* GRIDLER TEK KOLON */
    .expert-grid,
    .testimonial-grid,
    .blog-grid {
        grid-template-columns: 1fr;
    }

    /* KARTLAR */
    .expert-card {
        padding: 25px 20px;
    }

    .blog-card img {
        height: 160px;
    }

    .blog-content h3 {
        font-size: 1.1rem;
    }

    /* BAŞLIKLAR */
    .section-title h2 {
        font-size: 1.9rem;
    }

    /* WHATSAPP */
    .wa-float {
        width: 52px;
        height: 52px;
        font-size: 26px;
        line-height: 52px;
        bottom: 20px;
        right: 20px;
    }
}

/* 📱 DAHA KÜÇÜK TELEFONLAR */
@media (max-width: 480px) {

    .hero-content h1 {
        font-size: 1.5rem;
    }

    .hero-content p {
        font-size: 0.95rem;
    }

    .section-title h2 {
        font-size: 1.7rem;
    }
}
body{
            font-family:'Poppins',sans-serif;
            margin:0;
            background:#f5f5f5;
            line-height:1.7;
        }

         header{background:var(--dark);padding:0 8%;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:1000;border-bottom:2px solid var(--gold);height:80px}

        .container{
            max-width:900px;
            margin:60px auto;
            background:#fff;
            padding:40px;
            border-radius:12px;
            box-shadow:0 10px 30px rgba(0,0,0,.08);
        }

        h1{
            font-family:'Cinzel',serif;
            color:#0f1016;
            margin-top:0;
        }

        p{
            margin-bottom:18px;
            color:#333;
        }

        .highlight{
            color:#8b6b3e;
            font-weight:600;
        }

        .back{
            display:inline-block;
            margin-bottom:25px;
            color:#8b6b3e;
            text-decoration:none;
            font-weight:600;
        }

        .warning{
            margin-top:30px;
            padding:15px;
            background:#f9f4ef;
            border-left:4px solid #c0a080;
            font-size:14px;
            color:#555;
        }

        /* 📱 MOBİL */
        @media (max-width:768px){
             header {
        padding: 0 5%;
        height: auto;
        flex-direction: column;
        align-items: flex-start;
    }
            .container{
                margin:30px 15px;
                padding:25px 20px;
            }
            h1{
                font-size:1.6rem;
            }
        }
        /* ======================
   FOTOĞRAF GALERİ
====================== */

.photo-section {
    padding: 80px 10%;
    background: #f9f7f2;
    text-align: center;
}

.photo-section p {
    color: #666;
    margin-top: 10px;
}

.photo-grid {
    margin-top: 40px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 20px;
}

.photo-grid img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    border-radius: 12px;
    border: 3px solid #c0a080;
    transition: 0.3s ease;
    cursor: pointer;
}

.photo-grid img:hover {
    transform: scale(1.05);
}

/* Mobil */
@media (max-width: 768px) {
    .photo-section {
        padding: 60px 20px;
    }

    .photo-grid img {
        height: 180px;
    }
}