@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap');
body {
    font-family: 'Montserrat', sans-serif;
}
.container-fluid {
    background-color: #2c3e50;}

.product-card {
    transition: all 0.3s ease;
}
.product-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.1);
}
.product-image {
    height: 250px;
    object-fit: cover;
}
.quantity-input {
    width: 70px;
    text-align: center;
}
/* Geri dön butonu hover efekti */
.btn-outline-light:hover {
    background-color: rgba(255, 255, 255, 0.1);
    border-color: white;
}
/* Sayfa başlığı için responsive ayarlar */
@media (max-width: 576px) {
    h4 {
        font-size: 1.2rem;
    }
}
/* Sepet badge pozisyonu */
.badge {
    font-size: 0.7rem;
    padding: 0.35em 0.5em;
}
/* Sepet öğeleri için stil */
#cartItems {
    max-height: 300px;
    overflow-y: auto;
}
/* Sepet badge animasyonu */
.badge:not(:empty) {
    transform: scale(1.1);
}
/* Çöp kutusu hover efekti */
.btn-outline-danger {
    padding: 0.25rem 0.5rem;
}
.btn-outline-danger:hover {
    background-color: #dc3545;
    color: white;
}
.btn-odeme{
    background-color: green;
    color: white;
}