/* ===== RESPONSIVE BREAKPOINTS ===== */

/* Tablet: 992px and below */
@media (max-width: 992px) {
    .hero-slide { padding: 60px 0; min-height: 400px; }
    .hero-slide-content h1 { font-size: 32px; }
    .hero-slide-content p { font-size: 15px; }
    
    .page-hero { padding: 40px 0 !important; }
    .page-hero h1 { font-size: 28px !important; }
    
    .section { padding: 50px 0 !important; }
    .section-header { margin-bottom: 32px; }
    .section-title { font-size: 26px; }
    
    .footer-grid { grid-template-columns: repeat(2, 1fr) !important; }
    .footer-col { max-width: none !important; }
    
    /* Homepage grids */
    .section .container > div[style*="grid-template-columns: repeat(4"] { grid-template-columns: repeat(2, 1fr) !important; }
    .section .container > div[style*="grid-template-columns: repeat(5"] { grid-template-columns: repeat(3, 1fr) !important; }
    .section .container > div[style*="grid-template-columns: repeat(6"] { grid-template-columns: repeat(3, 1fr) !important; }
    .section .container > div[style*="grid-template-columns: 1fr 1fr"] { grid-template-columns: 1fr !important; }
    .section .container > div[style*="grid-template-columns: 2fr 1fr"] { grid-template-columns: 1fr !important; }
    
    /* About page */
    .value-card { padding: 24px 20px; }
    .team-card { padding: 24px 20px; }
    
    /* Category grid */
    .category-card-new { border-radius: 14px; }
    
    /* Contact page */
    .contact-grid { grid-template-columns: 1fr !important; }
}

/* Mobile: 768px and below */
@media (max-width: 768px) {
    .hero-slide { padding: 40px 0; min-height: 350px; }
    .hero-slide-content h1 { font-size: 24px; }
    .hero-slide-content p { font-size: 14px; }
    .hero-slide-buttons { flex-direction: column; gap: 10px; }
    .hero-slide-buttons .btn { width: 100%; text-align: center; }
    .hero-slider-dot { width: 10px; height: 10px; }
    .hero-slider-arrow { width: 36px; height: 36px; }
    
    .page-hero { padding: 30px 0 !important; }
    .page-hero h1 { font-size: 24px !important; }
    .breadcrumb { font-size: 13px; }
    
    .section { padding: 40px 0 !important; }
    .section-title { font-size: 22px; }
    .section-desc { font-size: 14px; }
    .section-label { font-size: 12px; padding: 5px 12px; }
    
    /* All grids to single column */
    .section .container > div[style*="grid-template-columns"] { grid-template-columns: 1fr !important; }
    .section .container > div[style*="grid-template-columns: repeat(2"] { grid-template-columns: 1fr !important; }
    
    /* Cards */
    .value-card, .team-card, .testimonial-card, .news-card-new { padding: 20px 16px; }
    .category-card-new div[style*="height: 200px"] { height: 160px; }
    
    /* Stats */
    .stats-grid { grid-template-columns: repeat(2, 1fr) !important; gap: 16px; }
    .stat-number { font-size: 32px; }
    
    /* Footer */
    .footer-grid { grid-template-columns: 1fr !important; gap: 24px; }
    .footer-bottom { flex-direction: column; text-align: center; gap: 8px; }
    
    /* Buttons */
    .btn { padding: 10px 20px; font-size: 14px; }
    .btn-lg { padding: 12px 24px; font-size: 15px; }
    
    /* Forms */
    .form-row { grid-template-columns: 1fr !important; }
    .form-control { padding: 12px 14px; }
    
    /* Contact cards */
    .contact-grid > div { padding: 24px 20px; }
    
    /* CTA banner */
    .cta-banner { padding: 40px 24px !important; border-radius: 16px !important; }
    .cta-banner h2 { font-size: 24px !important; }
    
    /* Group tabs */
    .product-tabs { gap: 6px; }
    .tab-btn { padding: 8px 16px; font-size: 13px; }
    
    /* Process steps */
    .section .container > div[style*="repeat(5"] { grid-template-columns: repeat(2, 1fr) !important; gap: 16px; }
    
    /* QC stages */
    .section .container > div[style*="flex-direction:column"] > div[style*="display:flex"] { flex-direction: column; text-align: center; }
    
    /* Gallery */
    .section .container > div[style*="repeat(3"] { grid-template-columns: repeat(2, 1fr) !important; gap: 12px; }
    
    /* Trust badges */
    .section .container > div[style*="flex-wrap:wrap"] { gap: 12px; }
}

/* Small mobile: 480px and below */
@media (max-width: 480px) {
    .hero-slide-content h1 { font-size: 20px; }
    .hero-slide-content p { font-size: 13px; }
    .hero-slide-buttons .btn { padding: 10px 16px; font-size: 14px; }
    
    .page-hero h1 { font-size: 20px !important; }
    .section-title { font-size: 20px; }
    
    .stats-grid { grid-template-columns: 1fr !important; }
    
    .section .container > div[style*="repeat(2"] { grid-template-columns: 1fr !important; }
    
    .btn { padding: 10px 16px; font-size: 13px; }
    .btn-lg { padding: 10px 20px; font-size: 14px; }
    
    .footer-grid { gap: 20px; }
    
    /* WhatsApp button */
    .whatsapp-float { width: 48px; height: 48px; bottom: 16px; right: 16px; }
    .whatsapp-float svg { width: 24px; height: 24px; }
    
    /* Back to top */
    #backToTop { width: 40px; height: 40px; bottom: 72px; right: 16px; }
}

/* Print styles */
@media print {
    .site-header, .site-footer, .whatsapp-float, #backToTop, .hero-slider { display: none !important; }
    body { background: #fff; color: #000; }
    .section { padding: 20px 0; }
}