/**
 * Ek Ürünler - Frontend CSS
 * Kutu görünüm, aynı boy, düzgün hizalama
 */

.cross-sells .gz-cross-sells-content .gz-product-list-item {
    background: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 8px;
    padding: 12px;
    transition: box-shadow 0.2s ease, border-color 0.2s ease;
    height: auto;
    box-sizing: border-box;
}

.cross-sells .gz-cross-sells-content .gz-product-list-item:hover {
    border-color: #d0d0d0;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
}

/* Resim alanı sabit oran */
.cross-sells .gz-cross-sells-content .gz-product-list-item .product-thumbnail {
    max-width: 90px;
    min-width: 90px;
    flex-shrink: 0;
}

/* Ürün adı tek satır - taşma engelle */
.cross-sells .gz-cross-sells-content .gz-product-list-item .product__title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 13px;
    line-height: 1.3;
}

/* Fiyat düzeni */
.cross-sells .gz-cross-sells-content .gz-product-list-item .gz-price {
    font-size: 13px;
    margin-top: 4px;
}

/* Sepete ekle butonu */
.cross-sells .gz-cross-sells-content .gz-product-list-item .gz-add-to-cart-button {
    font-size: 12px;
    padding: 6px 12px;
    margin-top: 8px;
}

/* Mobil 2x2 grid düzenlemesi */
@media (max-width: 767px) {
    .cross-sells .gz-cross-sells-content .gz-product-list-item {
        padding: 8px;
    }

    .cross-sells .gz-cross-sells-content .gz-product-list-item .product-thumbnail {
        max-width: 70px;
        min-width: 70px;
    }

    .cross-sells .gz-cross-sells-content .gz-product-list-item .product__title {
        font-size: 12px;
    }

    .cross-sells .gz-cross-sells-content .gz-product-list-item .gz-price {
        font-size: 12px;
    }

    .cross-sells .gz-cross-sells-content .gz-product-list-item .gz-add-to-cart-button {
        font-size: 11px;
        padding: 5px 8px;
        margin-top: 6px;
    }
}