/* --- HERO BÖLÜMÜ --- */
.hero { text-align: center; margin-bottom: 50px; }
.coming-soon { 
    font-family: 'Playfair Display', serif; 
    font-size: 3rem; 
    color: var(--gold); 
    letter-spacing: 1px;
    margin-bottom: 15px;
}
.desc { color: var(--text-soft); font-size: 1.1rem; }

.features { 
    display: flex; 
    justify-content: center; 
    gap: 30px; 
    margin-bottom: 60px; 
    flex-wrap: wrap; 
}

/* --- 4'LÜ VİTRİN YAPISI --- */
.home-vitrin {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* PC'de yan yana 4 tane */
    gap: 20px;
    margin-bottom: 60px;
}

.vitrin-card { text-align: center; text-decoration: none; display: block; cursor: pointer; }

.vitrin-img {
    width: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    border-radius: 15px;
    background: #fff;
    box-shadow: 0 10px 25px rgba(0,0,0,0.03);
    margin-bottom: 15px;
}

.vitrin-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.vitrin-card:hover img { transform: scale(1.1); }

.vitrin-card p {
    font-family: 'Playfair Display', serif;
    font-weight: 600;
    color: var(--dark);
    font-size: 1.1rem;
}

.btn-container { text-align: center; padding: 20px 0; }
.explore-btn {
    display: inline-block;
    padding: 15px 40px;
    border: 2px solid var(--gold);
    color: var(--gold);
    text-decoration: none;
    border-radius: 50px;
    font-weight: 600;
    transition: 0.3s;
}
.explore-btn:hover { background: var(--gold); color: #fff; }

/* --- MOBİL UYUM --- */
@media (max-width: 768px) {
    .home-vitrin {
        grid-template-columns: repeat(2, 1fr); /* Mobilde 2x2 yapalım, daha şık durur */
        gap: 15px;
    }
    .coming-soon { font-size: 2.2rem; }
}