/* Mobile Spacing Fix - Consistent left/right padding to match header */

/* Apply consistent 16px padding to all main content sections on mobile */
@media (max-width: 768px) {
    
    /* Hero Section */
    .section-hero-a {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
    
    /* Main content containers */
    .content {
        padding-left: 16px !important;
        padding-right: 16px !important;
        width: 100% !important;
        max-width: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    
    /* Background sections */
    .section.background .content {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
    
    /* Why Choose Us section */
    .why-choose-us-section .content {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
    
    /* Products section */
    #products-section .content {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
    
    /* Full-width sections */
    .section-full .block-full {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
    
    /* Testimonial section */
    .testimonial-section .content {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
    
    /* Any section with content class */
    .section .content,
    .section-background .content,
    .bg-m .content {
        padding-left: 16px !important;
        padding-right: 16px !important;
        width: 100% !important;
        max-width: none !important;
    }
    
    /* Grid containers within content */
    .content .w-layout-grid,
    .content .grid-2-columns,
    .content .grid-3-columns,
    .content .grid-4-columns {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    
    /* Specific adjustments for nested containers */
    .about-us-grid,
    .why-choose-us-grid,
    .grid-2-columns.about-us-grid {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    
    /* Stats container */
    .stats-container-redesigned {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    
    /* Content blocks */
    .content-container-redesigned,
    .block-right.about-us-enhanced {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    /* Why choose us specific adjustments */
    .why-choose-us-grid {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    /* Products tabs content */
    .tabs-content,
    .product-card,
    .certificates-section {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    
    /* Testimonial cards */
    .testimonial-slider-container {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    /* Override any conflicting styles */
    .section {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    /* Ensure swiper containers don't overflow */
    .swiper,
    .videoSwiper,
    .testimonialSwiper {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    
    /* Mobile dropdown for products */
    .mobile-dropdown .dropdown-wrapper {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    
    /* Product Badge Mobile Responsive Fix - Keep Position, Make Responsive */
    .product-badge {
        padding: 6px 12px !important;
        font-size: 0.75rem !important;
        letter-spacing: 0.5px !important;
        border-radius: 15px !important;
        line-height: 1.3 !important;
        max-width: 85% !important;
        word-wrap: break-word !important;
        overflow-wrap: break-word !important;
        hyphens: auto !important;
        white-space: normal !important;
        /* Keep original positioning - don't change display or alignment */
    }
}

/* Additional fix for very small screens */
@media (max-width: 480px) {
    .content {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
    
    /* Enhanced Product Badge for Small Mobile - Keep Position */
    .product-badge {
        padding: 5px 10px !important;
        font-size: 0.7rem !important;
        letter-spacing: 0.3px !important;
        border-radius: 12px !important;
        line-height: 1.2 !important;
        max-width: 90% !important;
        word-wrap: break-word !important;
        overflow-wrap: break-word !important;
        hyphens: auto !important;
        white-space: normal !important;
        /* Keep original positioning - don't change display or alignment */
    }
    
    /* Ensure no horizontal overflow */
    .section,
    .section-hero-a,
    .section.background,
    .why-choose-us-section,
    #products-section,
    .testimonial-section {
        overflow-x: hidden !important;
    }
}

/* Extra small screens - Product Badge - Keep Position */
@media (max-width: 360px) {
    .product-badge {
        padding: 4px 8px !important;
        font-size: 0.65rem !important;
        letter-spacing: 0.2px !important;
        border-radius: 10px !important;
        line-height: 1.1 !important;
        max-width: 95% !important;
        word-wrap: break-word !important;
        overflow-wrap: break-word !important;
        hyphens: auto !important;
        white-space: normal !important;
        /* Keep original positioning - don't change display or alignment */
    }
}