/* === Layout ile hizalı === */
.collection-wrapper {
    width: 93.75%;
    margin-left: 1.55%;
    padding: 0;
}

/* === Tek Hero Görsel === */
.single-hero {
    width: 100%;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 6px 20px rgba(0,0,0,.12);
}

/* GÖRSEL */
.collection-img {
    width: 100%;
    height: 520px;
    object-fit: cover;
    display: block;
    border-radius: 12px;
    transition: .25s ease;
}

/* Hover */
.single-hero:hover .collection-img {
    transform: scale(1.01);
}

/* Tablet */
@media(max-width: 992px) {
    .collection-img {
        height: 420px;
    }
}

/* Mobile */
@media(max-width: 600px) {
    .collection-img {
        height: 300px;
    }
}