/* Header sepet butonu stilleri - Güncellenmiş */
.sepet,
.bottom-item {
    cursor: pointer;
    transition: all 0.2s ease;
    position: relative;
}

    .sepet:hover,
    .bottom-item:hover {
        opacity: 0.8;
    }

    /* Üst menüdeki sepet sayısı */
    .sepet .sayi {
        background: #1ba57e;
        color: white;
        border-radius: 50%;
        padding: 2px 6px;
        font-size: 12px;
        font-weight: 600;
        position: absolute;
        top: -8px;
        right: -8px;
        min-width: 18px;
        height: 18px;
        display: flex;
        align-items: center;
        justify-content: center;
        animation: pulse 0.3s ease;
    }

/* Alt menüdeki sepet sayısı */
.sepet-sayi {
    background: #1ba57e;
    color: white;
    border-radius: 50%;
    padding: 2px 6px;
    font-size: 12px;
    font-weight: 600;
    position: absolute;
    top: -8px;
    right: -8px;
    min-width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    animation: pulse 0.3s ease;
}

    /* Sepet sayısı 0 olduğunda gizle */
    .sayi:empty,
    .sepet-sayi:empty {
        display: none !important;
    }

    .sayi[style*="display: none"],
    .sepet-sayi[style*="display: none"] {
        display: none !important;
    }

@keyframes pulse {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.2);
    }

    100% {
        transform: scale(1);
    }
}

/* Bildirim stilleri */
.notification-alert {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    border: none;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
}

/* Responsive */
@media (max-width: 768px) {
    .sayi,
    .sepet-sayi {
        font-size: 10px;
        min-width: 16px;
        height: 16px;
        top: -6px;
        right: -6px;
    }
}