/* ==============================================
   PROMO BAR RESPONSIVE
   ============================================== */


/* Laptop (992-1199) */
@media (max-width: 1199px) {
    .promo-bar-container {
        gap: 15px;
    }
    
    .promo-bar-right {
        gap: 12px;
    }
}


/* Tablet (768-991) */
@media (max-width: 991px) {
    .promo-bar {
        padding: 8px 0;
    }
    
    .promo-bar-container {
        padding: 0 15px;
        gap: 15px;
    }
    
    .promo-bar-left {
        display: none;
    }
    
    .promo-marquee-track {
        animation-duration: 20s;
        gap: 50px;
    }
    
    .promo-marquee-item {
        font-size: 12px;
    }
    
    .promo-contact-item {
        font-size: 11px;
    }
}


/* Mobile Large (576-767) */
@media (max-width: 767px) {
    .promo-bar {
        padding: 6px 0;
        min-height: 36px;
    }
    
    .promo-bar-container {
        padding: 0 12px;
        justify-content: center;
    }
    
    .promo-bar-right {
        display: none;
    }
    
    .promo-bar-center {
        flex: 1;
    }
    
    .promo-marquee-track {
        animation-duration: 18s;
        gap: 40px;
    }
    
    .promo-marquee-item {
        font-size: 11px;
        gap: 8px;
    }
    
    .promo-marquee-item i {
        font-size: 12px;
    }
    
    .promo-marquee-separator {
        font-size: 14px;
    }
}


/* Mobile Small (Below 576) */
@media (max-width: 575px) {
    .promo-bar {
        padding: 5px 0;
        min-height: 32px;
    }
    
    .promo-bar-container {
        padding: 0 10px;
    }
    
    .promo-marquee-track {
        animation-duration: 15s;
        gap: 30px;
    }
    
    .promo-marquee-item {
        font-size: 10px;
        gap: 6px;
    }
    
    .promo-marquee-item i {
        font-size: 11px;
    }
}


/* Extra Small (Below 360) */
@media (max-width: 359px) {
    .promo-marquee-item {
        font-size: 9px;
    }
}