.scb-wrapper{
    width:100%;
    max-width:1200px;
    margin:0 auto;

    display:grid;

    /* 🔥 stabil kolon sistemi */
    grid-template-columns:repeat(auto-fit, minmax(320px, 1fr));

    gap:30px;

    padding:20px;

    box-sizing:border-box;

    /* 🔥 önemli: grid stretch kontrol */
    justify-items:center;
}

/* FILTER */
.scb-filter{
    display:flex;
    gap:10px;
    justify-content:center;
    margin-bottom:25px;
    flex-wrap:wrap;
}

/* CARD */
.scb-card{
    display:flex;
    flex-direction:column;

    text-decoration:none;
    background:#f2f0ea;
    border:1px solid #d9d5cb;

    padding:20px;

    transition:.2s ease;
    box-shadow:0 4px 14px rgba(0,0,0,.08);

    color:inherit;

    height:520px;

    /* 🔥 KRİTİK FIX: sabit genişlik */
    width:100%;
    max-width:360px;

    box-sizing:border-box;

    overflow:hidden;
}

.scb-card:hover{
    transform:translateY(-2px);
    box-shadow:0 10px 22px rgba(0,0,0,.12);
}

/* IMAGE */
.scb-img img{
    width:100%;
    aspect-ratio:3/4;
    object-fit:cover;
    display:block;
}

/* TEXT */
.scb-text{
    text-align:center;
    padding:18px 10px 0;
    flex:1;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
}

.scb-text h3{
    font-size:18px;
    margin:0;
}

.scb-text p{
    font-size:13px;
    color:#666;

    display:-webkit-box;
    -webkit-line-clamp:4;
    -webkit-box-orient:vertical;
    overflow:hidden;
}

/* MOBILE */
@media(max-width:768px){
    .scb-wrapper{
        grid-template-columns:1fr;
        gap:20px;
        padding:10px;
    }

    .scb-card{
        max-width:100%;
        height:auto;
    }
}