[x-cloak] { display: none !important; }

body {
    font-family: 'Roboto', sans-serif;
}

@keyframes slide-down {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.menu-slide {
    animation: slide-down 0.3s ease-out;
}

.sale-ribbon {
    position: absolute;
    top: 15px;
    right: -35px;
    background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
    color: white;
    padding: 8px 40px;
    transform: rotate(45deg);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
    font-weight: bold;
    font-size: 14px;
    z-index: 10;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.card-with-ribbon {
    position: relative;
    overflow: hidden;
}