.table {margin: 0 auto; width: auto;}
.qty-input {
    text-align: center;
    font-size: 16px;
    border: 1px solid #28a745;
    border-radius: 4px;
    padding: 2px;
    width: 40px;
    background: #fff;
}
.qty-btn {
    font-size: 16px;
    border: 1px solid #28a745;
    border-radius: 4px;
    padding: 2px 8px;
    background-color: #fff;
    cursor: pointer;
    color: #28a745;
    font-weight: bold;
}
.qty-btn:hover {
    background-color: #28a745;
    color: #fff;
}
.blink-green {animation: blink-green 0.5s linear;}
.blink-red {animation: blink-red 0.5s linear;}
@keyframes blink-green { 50% { background-color: #cfffbf; } }
@keyframes blink-red { 50% { background-color: #ffbfbf; } }
/* Ürün Kartı Stilleri */
.product-card {
    border: 1.5px solid #dee2e6 !important;
    border-radius: 14px !important;
    background-color: #fff;
    transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out, border-color 0.2s ease-in-out;
    overflow: hidden;
}
.product-card:hover {
    transform: translateY(-4px);
    border-color: #dddddd !important;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.1) !important;
}

/* Resim Alanı ve Alt Gri Border */
.product-img-wrapper {
    width: 100%;
    aspect-ratio: 4 / 3;
    border-bottom: 1px solid #dee2e6;
}
.product-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: transform 0.3s ease;
}
.product-card:hover .product-image {
    transform: scale(1.05);
}
/**/
/* Dropdown Menü Hover Ayarları */
.navbar .dropdown-menu .dropdown-item:hover, 
.navbar .dropdown-menu .dropdown-item:focus {
    background-color: #d32f2f !important;
    color: #ffffff !important;
}
/**/
.kampanya-title-wrapper {
	position: relative;
	text-align: center;
	margin-bottom: 4px;
}
/* H1 Başlık: Buton görünümünde */
.kampanya-title-wrapper h2 {
	display: inline-block;
	position: relative;
	padding: 3px 20px;
	font-size: 18px;
	font-weight: bold;
	border-radius: 30px;
	color: #fff;
	background-color: #d90000;
	animation: wave 5s ease infinite;
	box-shadow: 0 4px 10px rgba(0,0,0,0.15);
	z-index: 1;
	margin: 0;
}
/* Ortadaki ince çizgi */
.kampanya-title-wrapper::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #ccc;
	z-index: 0;
}
    /* ==========================================================
       YATAY ALT KATEGORİ BARİ VE ÖZEL STİLLER (F12 İle Kolay Düzenleme)
       ========================================================== */

    /* Sabit ve Açık Pembe Arka Planlı Bar Alanı */
    .ozel-sticky-bar {
        position: -webkit-sticky;
        position: sticky;
        top: 85px; 
        z-index: 1020;
        background-color: #fff0f3; /* Açık pembe arka plan */
        border-top: 1px solid #ffd6de;
        border-bottom: 1px solid #ffd6de;
        box-shadow: 0 4px 6px -6px rgba(0,0,0,0.08);
        padding: 10px 0;
        margin-top: 3px;
    }

    /* Kaydırma Alanı (Butonların altında kalmaması için sağdan soldan boşluk bırakıldı) */
    .ozel-scroll-alan {
        overflow-x: auto;
        white-space: nowrap;
        scroll-behavior: smooth;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none; /* Firefox için gizleme */
        padding-left: 32px;  
        padding-right: 32px; 
    }
    .ozel-scroll-alan::-webkit-scrollbar {
        display: none; /* Chrome, Safari ve Opera için gizleme */
    }

    /* Dikey Dikdörtgen Siyah Çerçeveli Beyaz Yön Tuşları */
    .ozel-yon-btn {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        background-color: #000; 
        color: #fff; 
        font-size: 14px;
        width: 18px;  
        height: 38px; 
        cursor: pointer;
        z-index: 10;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0;
        box-shadow: 0 2px 4px rgba(0,0,0,0.15);
        border-radius: 4px; 
        transition: background-color 0.15s ease;
    }
    .ozel-yon-btn:hover {
        background-color: #000;
    }
    
    /* Sol Ok - En Sola Sabit */
    .ozel-yon-sol {
        left: -5px;
    }

    /* Sağ Ok - En Sağa Sabit */
    .ozel-yon-sag {
        right: -5px;
    }

    /* Yatay Alt Kategori Butonlarının Tasarımı */
    .ozel-kategori-buton {
        display: inline-block;
        font-weight: 600;
        font-size: 0.875rem;
        padding: 7px 15px;
        border-radius: 50rem;
        text-decoration: none;
        background-color: #ffffff;
        color: #333333;
        border: 1px solid #dc3545;
        transition: all 0.2s ease-in-out;
        flex-shrink: 0;
    }
    
    /* Butonun Üzerine Gelindiğinde (Hover) */
    .ozel-kategori-buton:hover {
        background-color: #f8d7da;
        color: #dc3545;
        border-color: #dc3545;
    }

    /* Aktif (Seçili Olan) Kategori Butonu */
    .ozel-kategori-buton.secili {
        background-color: #dc3545;
        color: #ffffff;
        border-color: #dc3545;
    }
    
    /* Aktif Butonun Üzerine Gelindiğinde */
    .ozel-kategori-buton.secili:hover {
        background-color: #bb2d3b;
        color: #ffffff;
    }