@media (max-width: 1200px) {
    .business-carousel-wrapper {
        margin: 0 30px;
    }
    
    .business-carousel-nav.prev {
        left: 10px !important;
    }
    
    .business-carousel-nav.next {
        right: 10px !important;
    }
}

@media (max-width: 1024px) {
    .business-carousel-wrapper {
        margin: 0 25px;
    }
    
    .business-carousel-nav {
        width: 50px;
        height: 50px;
        font-size: 20px;
    }
    
    .business-carousel-nav.prev {
        left: 10px;
    }
    
    .business-carousel-nav.next {
        right: 10px;
    }
    
    .business-partner-card {
        min-width: 320px;
        padding: 30px 25px;
    }
}

@media (max-width: 768px) {
    .business-partners-section {
        height: auto;
        min-height: 80vh;
        padding: 4rem 1rem;
    }
    
    .business-section-header {
        padding: 20px 0 15px;
    }
    
    .business-container {
        padding: 0 1rem;
    }
    
    .business-section-title {
        font-size: clamp(2rem, 8vw, 3rem);
    }
    
    .business-section-subtitle {
        font-size: 1rem;
        margin-bottom: 30px;
    }
    
    .business-carousel-wrapper {
        padding: 20px 10px;
        margin: 0;
        overflow: hidden;
    }
    
    .business-carousel-track {
        /* Keep items aligned from the start to avoid extra spacing */
        justify-content: flex-start;
    }
    
    .business-partner-card {
        /* Slightly smaller card and no auto margins to keep constant step */
        min-width: 300px !important;
        max-width: 300px !important;
        padding: 20px 15px;
        margin: 0;
        flex-shrink: 0;
    }
    
    .business-partner-logo {
        width: 70px;
        height: 70px;
        font-size: 1.5rem;
    }
    
    .business-partner-name {
        font-size: 1.2rem;
    }
    
    /* RESPONSIVE FIX: Carousel navigation positioning */
    .business-carousel-nav {
        width: 45px;
        height: 45px;
        font-size: 18px;
    }
    
    .business-carousel-nav.prev {
        left: 10px !important;
    }
    
    .business-carousel-nav.next {
        right: 10px !important;
    }
    
    .business-partners-grid {
        grid-template-columns: 1fr;
        gap: 15px;
        max-height: 50vh;
    }
    
    .business-partners-stats {
        padding: 20px 15px;
        margin: 15px 0 0;
    }
    
    .business-stats-title {
        font-size: 1.3rem;
    }
    
    .business-stats-description {
        font-size: 0.8rem;
    }

    /* Tablet indicators styling */
    .business-carousel-indicators {
        gap: 10px !important;
        margin-top: 18px !important;
    }
    
    .business-indicator {
        width: 10px !important;
        height: 10px !important;
    }
}

@media (max-width: 480px) {
    .business-partners-section {
        padding: 3rem 0.5rem;
        min-height: 70vh;
    }
    
    .business-container {
        padding: 0 0.5rem;
    }
    
    .business-section-header {
        padding: 15px 0 10px;
    }
    
    .business-section-title {
        font-size: clamp(1.8rem, 9vw, 2.5rem);
        letter-spacing: -2px;
    }
    
    .business-section-subtitle {
        font-size: 0.9rem;
        margin-bottom: 25px;
    }
    
    .business-carousel-wrapper {
        margin: 0;
        padding: 15px 5px;
        overflow: hidden;
    }
    
    .business-carousel-track {
        /* Keep items aligned from the start to avoid extra spacing */
        justify-content: flex-start;
        gap: 10px;
    }
    
    .business-partner-card {
        /* Make mobile card a bit smaller */
        min-width: 260px !important;
        max-width: 260px !important;
        padding: 15px 10px;
        margin: 0;
        flex-shrink: 0;
    }
    
    .business-partner-logo {
        width: 60px;
        height: 60px;
        font-size: 1.2rem;
    }
    
    /* RESPONSIVE FIX: Mobile carousel navigation */
    .business-carousel-nav {
        width: 35px;
        height: 35px;
        font-size: 14px;
        border-width: 1px;
    }
    
    .business-carousel-nav.prev {
        left: 10px !important;
    }
    
    .business-carousel-nav.next {
        right: 10px !important;
    }
    
    .business-toggle-btn {
        padding: 8px 16px;
        margin: 5px;
        font-size: 0.75rem;
    }
    
    .business-partners-grid {
        max-height: 45vh;
        gap: 12px;
    }
    
    .business-partners-stats {
        padding: 15px 10px;
    }
    
    .business-stats-title {
        font-size: 1.1rem;
    }
    
    .business-stats-description {
        font-size: 0.75rem;
    }
    
    .business-partner-field {
        font-size: 0.7rem;
        padding: 4px 12px;
    }
    
    .business-partner-description {
        font-size: 0.8rem;
    }

    /* Mobile indicators styling */
    .business-carousel-indicators {
        gap: 8px !important;
        margin-top: 15px !important;
    }
    
    .business-indicator {
        width: 8px !important;
        height: 8px !important;
    }
    
    .business-indicator.active {
        transform: scale(1.3) !important;
    }
}