.s-product-card-promotion-title {
    background-color: rgba(196, 164, 132, 0.8) !important; /* Light brown with 60% transparency */
    color: white !important; /* Keep text visible */
    padding: 8px 15px; /* Default spacing for desktop */
    border-radius: 6px; /* Smooth rounded corners */
    font-weight: bold; /* Make text stand out */
    display: inline-block; /* Keeps it as a neat block */
    font-size: 12px; /* Default size for desktop */
}

/* Reduce padding size on mobile devices */
@media (max-width: 768px) {  
    .s-product-card-promotion-title {
        font-size: 12px; /* Adjust for mobile */
        padding: 4px 6px; /* Smaller padding on mobile */
    }
}