/* ============================================================
   RESPONSIVE STYLES
   Breakpoints: 1200px | 992px | 768px | 576px
   ============================================================ */

/* ---- 1200px ---- */
@media (max-width: 1200px) {
    :root { --container: 960px; }
    .categories-grid  { grid-template-columns: repeat(3, 1fr); }
    .products-grid    { grid-template-columns: repeat(3, 1fr); }
    .footer-grid      { grid-template-columns: 1fr 1fr; gap: 40px; }
    .admin-stats-grid { grid-template-columns: repeat(2, 1fr); }
    .cert-page-grid   { grid-template-columns: repeat(3, 1fr); }
}

/* ---- 992px ---- */
@media (max-width: 992px) {
    :root { --container: 720px; }

    /* Header */
    .hamburger { display: flex; }
    .main-nav {
        position: fixed;
        top: 0; right: -320px;
        width: 300px;
        height: 100vh;
        background: var(--white);
        z-index: 999;
        flex-direction: column;
        justify-content: flex-start;
        padding: 80px 0 30px;
        box-shadow: var(--shadow-lg);
        transition: right 0.4s cubic-bezier(0.4,0,0.2,1);
        overflow-y: auto;
    }
    .main-nav.open { right: 0; }
    .nav-list { flex-direction: column; align-items: stretch; gap: 0; padding: 0 20px; }
    .nav-list > li > a { padding: 12px 16px; border-radius: var(--radius-sm); font-size: 0.95rem; }
    .dropdown {
        position: static;
        opacity: 1;
        visibility: visible;
        transform: none;
        box-shadow: none;
        border-top: none;
        border-left: 3px solid var(--gold);
        border-radius: 0;
        margin-left: 16px;
        display: none;
    }
    .has-dropdown.open .dropdown { display: block; }
    .header-actions .btn-gold { display: none; }

    /* Language switcher — hide label */
    .lang-trigger .lang-current { display: none; }

    /* Hero */
    .slide-text { max-width: 100%; }
    .scroll-indicator { display: none; }

    /* Stats */
    .stats-grid { grid-template-columns: repeat(2, 1fr); }
    .stat-item { border-right: none; border-bottom: 1px solid rgba(255,255,255,0.08); }
    .stat-item:nth-child(odd) { border-right: 1px solid rgba(255,255,255,0.08); }
    .stat-item:nth-child(3), .stat-item:nth-child(4) { border-bottom: none; }

    /* About */
    .about-grid { grid-template-columns: 1fr; gap: 40px; }
    .about-image-badge { right: 0; bottom: -10px; }

    /* Services */
    .services-grid { grid-template-columns: 1fr; max-width: 500px; margin: 0 auto; }

    /* Categories */
    .categories-grid { grid-template-columns: repeat(2, 1fr); }

    /* Why */
    .why-grid { grid-template-columns: repeat(2, 1fr); }

    /* Blog */
    .blog-grid { grid-template-columns: repeat(2, 1fr); }

    /* Inquiry */
    .inquiry-grid { grid-template-columns: 1fr; gap: 40px; }

    /* Products */
    .products-grid { grid-template-columns: repeat(2, 1fr); }

    /* Gallery */
    .gallery-grid { grid-template-columns: repeat(3, 1fr); }

    /* Contact */
    .contact-grid { grid-template-columns: 1fr; }

    /* About highlights */
    .about-highlights { grid-template-columns: repeat(3, 1fr); }

    /* Cert page */
    .cert-page-grid { grid-template-columns: repeat(2, 1fr); }

    /* Admin */
    .admin-sidebar { transform: translateX(-100%); transition: transform 0.3s ease; }
    .admin-sidebar.open { transform: translateX(0); }
    .admin-main { margin-left: 0; }
}

/* ---- 768px ---- */
@media (max-width: 768px) {
    :root { --container: 100%; }

    /* Top bar */
    .top-bar-left span:first-child { display: none; }
    .top-bar-left { gap: 14px; }

    /* Logo */
    .logo-img { height: 56px !important; width: 56px !important; }
    .main-header.scrolled .logo-img { height: 46px !important; width: 46px !important; }

    /* Hero */
    .hero-slider { height: 85vh; min-height: 500px; }
    .slide-text h1 { font-size: 2rem; }
    .slide-text p { font-size: 0.95rem; }
    .slider-arrow { width: 40px; height: 40px; font-size: 0.85rem; }
    .slider-prev { left: 16px; }
    .slider-next { right: 16px; }

    /* Stats */
    .stat-number { font-size: 2.2rem; }

    /* About */
    .about-highlights { grid-template-columns: 1fr; }

    /* Services */
    .services-grid { max-width: 100%; }

    /* Categories */
    .categories-grid { grid-template-columns: repeat(2, 1fr); }

    /* Why */
    .why-grid { grid-template-columns: 1fr; }

    /* Blog */
    .blog-grid { grid-template-columns: 1fr; max-width: 480px; margin: 0 auto; }

    /* Testimonial */
    .testimonial-card  { padding: 0 16px !important; }
    .testimonial-quote { padding: 40px 24px 32px !important; }

    /* Footer */
    .footer-grid { grid-template-columns: 1fr; gap: 36px; }
    .footer-bottom-inner { flex-direction: column; text-align: center; }

    /* Products */
    .products-grid { grid-template-columns: repeat(2, 1fr); }

    /* Gallery */
    .gallery-grid { grid-template-columns: repeat(2, 1fr); }

    /* Form */
    .form-row { grid-template-columns: 1fr; }

    /* Inquiry form */
    .inquiry-form-wrap { padding: 28px 20px; }

    /* Cert page */
    .cert-page-grid { grid-template-columns: repeat(2, 1fr); gap: 20px; }

    /* Language dropdown */
    .lang-dropdown { width: 210px; }

    /* Admin */
    .admin-stats-grid { grid-template-columns: 1fr 1fr; }
    .admin-main { padding: 16px; }
}

/* ---- 576px ---- */
@media (max-width: 576px) {
    /* Top bar */
    .top-bar-left { display: none; }
    .top-bar .container { justify-content: center; }

    /* Logo */
    .logo-img { height: 48px !important; width: 48px !important; }

    /* Header — hide "Get Quote" label space */
    .header-actions { gap: 8px; }

    /* Hero */
    .hero-slider { height: 75vh; }
    .slide-text h1 { font-size: 1.6rem; }
    .slide-btns { flex-direction: column; align-items: flex-start; }
    .slide-btns .btn { width: 100%; justify-content: center; }

    /* Stats */
    .stats-grid { grid-template-columns: 1fr 1fr; }
    .stat-item { padding: 20px 12px; }
    .stat-number { font-size: 1.8rem; }

    /* Section padding */
    .section-pad { padding: 60px 0; }

    /* Categories */
    .categories-grid { grid-template-columns: 1fr 1fr; gap: 12px; }

    /* Products */
    .products-grid { grid-template-columns: 1fr; max-width: 360px; margin: 0 auto; }

    /* Gallery */
    .gallery-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }

    /* Blog */
    .blog-grid { max-width: 100%; }

    /* Testimonial */
    .testimonial-card   { padding: 0 8px !important; }
    .testimonial-quote  { padding: 36px 16px 28px !important; }
    .testimonial-text   { font-size: 0.92rem !important; }
    .testimonial-author { flex-direction: column !important; }
    .testimonial-info   { text-align: center !important; }

    /* Cert page */
    .cert-page-grid { grid-template-columns: 1fr; }

    /* Language switcher */
    .lang-trigger .lang-arrow { display: none; }
    .lang-dropdown { right: -40px; width: 200px; }

    /* WhatsApp + back-to-top */
    .back-to-top  { bottom: 16px; right: 16px; width: 40px; height: 40px; }
    .whatsapp-float { bottom: 72px; right: 14px; }
    .wa-icon-wrap { width: 46px; height: 46px; font-size: 1.5rem; }
    .wa-pulse { width: 46px; height: 46px; }

    /* Page hero */
    .page-hero { padding: 80px 0 50px; }
    .page-hero h1 { font-size: 1.8rem; }

    /* Contact */
    .contact-info-card { padding: 28px 20px; }

    /* Team */
    .team-card { flex: 0 0 calc(50% - 10px) !important; }

    /* Admin */
    .admin-stats-grid { grid-template-columns: 1fr; }
    .admin-table { font-size: 0.8rem; }
    .admin-table th, .admin-table td { padding: 8px 10px; }
}

/* ---- Print ---- */
@media print {
    .top-bar, .main-header, .hero-slider, .back-to-top,
    .whatsapp-float, .site-footer { display: none; }
    body { color: #000; }
    a { color: #000; }
}