/* =========================
   ÜRÜNLER GRID
========================= */

.qn-products-grid {

    display: grid;

    grid-template-columns: repeat(4, 1fr);

    gap: 25px;

    width: 100%;

    box-sizing: border-box;

}



/* =========================
   KART
========================= */

.qn-product-card {

    background: #111;

    border-radius: 14px;

    overflow: hidden;

    display: flex;

    flex-direction: column;

    min-width: 0;

    transition: .3s ease;

    border: 1px solid rgba(255, 255, 255, .08);

}



.qn-product-card:hover {

    transform: translateY(-5px);

}



/* RESİM */

.qn-product-card>img {

    width: 100%;

    height: 220px;

    object-fit: cover;

    display: block;

}



/* İÇ ALAN */

.qn-product-info {

    padding: 18px;

    display: flex;

    flex-direction: column;

    flex: 1;

}



/* BAŞLIK + FİYAT */

.qn-product-header {

    display: flex;

    justify-content: space-between;

    align-items: center;

    gap: 10px;

}



.qn-product-header h3 {

    margin: 0;

    color: #fff;

    font-size: 18px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}



/* FİYAT */

.qn-product-cost {

    color: #ff6600;

    font-size: 18px;

    font-weight: bold;

    white-space: nowrap;

}



/* AÇIKLAMA */

.qn-product-info p {

    color: #bbb;

    line-height: 1.5;

    margin: 15px 0;

    min-height: 50px;

}



/* BUTON */

.qn-product-button {

    margin-top: auto;

    text-align: center;

}



.qn-product-btn {

    display: block;

    width: 80%;

    margin: auto;

    padding: 12px;

    background: #ff6600;

    color: white;

    border-radius: 8px;

    text-decoration: none;

    font-weight: bold;

}



/* TABLET */

@media(max-width:1100px) {

    .qn-products-grid {

        grid-template-columns: repeat(3, 1fr);

    }

}



/* TABLET */

@media(max-width:800px) {

    .qn-products-grid {

        grid-template-columns: repeat(2, 1fr);

    }

}



/* MOBİL */

@media(max-width:550px) {

    .qn-products-grid {

        grid-template-columns: 1fr;

    }

}