/* =============================================
   SunGrid Volt — Master Build Responsive Stylesheet
   Breakpoints: 390px, 768px, 1024px, 1280px
   ============================================= */

@media (max-width: 1200px) {
    .products-grid { grid-template-columns: repeat(3, 1fr); }
    .hero-slide { padding: 0 16px 0 90px; grid-template-columns: 1fr 1fr 180px; }
    .section-inner { padding: 0 32px; }
    .pdp-body { padding: 24px 28px 0; gap: 32px; grid-template-columns: 1fr 400px; }
}

@media (max-width: 1024px) {
    .products-grid { grid-template-columns: repeat(2, 1fr); }
    .hero-slide { grid-template-columns: 1fr 1fr !important; padding: 0 16px 0 70px; }
    .hero-trust-stack { display: none; }
    .why-grid, .testi-grid, .policies-grid { grid-template-columns: 1fr 1fr; }
    .footer-grid { grid-template-columns: 1fr 1fr; }
    .steps-row { grid-template-columns: 1fr 1fr; gap: 24px; }
    .steps-row::before { display: none; }
    #trustbar { padding: 18px 40px; }
    .pdp-body {
        grid-template-columns: 1fr;
        gap: 20px;
        padding: 20px 20px 16px;
        height: auto;
        max-height: calc(100vh - 62px - 64px);
        overflow-y: auto;
    }
    .pdp-gallery { height: auto; min-height: 280px; }
    .pdp-main-img-wrap { min-height: 260px; }
}

@media (max-width: 768px) {
    .nav-links { display: none; }
    .hamburger { display: flex; }
    .nav-right .nav-cta { display: none; }
    #navbar { padding: 0 20px; height: 64px; }
    #sidebar { display: none; }

    #hero { height: auto; min-height: 100svh; }
    .hero-viewport { position: relative; top: 0; }
    .hero-track { height: auto; }
    .hero-slide {
        grid-template-columns: 1fr !important;
        padding: 24px 20px 80px;
        min-height: calc(100svh - 64px);
        justify-items: center;
        text-align: center;
    }
    .hero-content {
        display: flex;
        flex-direction: column;
        align-items: center;
        max-width: 100%;
    }
    .hero-h1 { font-size: 24px; }
    .hero-actions { justify-content: center; }
    .hero-visual { order: -1; height: 240px; width: 100%; }
    .hero-prod-img { width: 220px; height: 220px; }
    .hero-stats { justify-content: center; }
    .hero-price-row { justify-content: center; }

    #trustbar { padding: 16px 20px; }
    .trust-item { flex: 0 0 calc(50% - 8px); }

    .section-inner { padding: 0 20px; }
    .section-title { font-size: 26px; }

    .products-grid { grid-template-columns: repeat(2, 1fr); gap: 16px; }
    .product-img-zone { min-height: 180px; padding: 16px; }
    .product-img { width: 130px; height: 130px; }
    .product-name { font-size: 13.5px; }
    .product-price { font-size: 19px; }

    /* PDP Mobile */
    .pdp-topbar { padding: 0 16px; }
    .pdp-topbar-title { font-size: 13px; max-width: 160px; }
    .pdp-body { padding: 16px 16px 14px; gap: 16px; }
    .pdp-name { font-size: 20px; }
    .pdp-sticky-bar { padding: 12px 16px; flex-wrap: wrap; }
    .pdp-sticky-name { font-size: 13px; flex: 1 1 100%; }
    .pdp-sticky-price { font-size: 18px; }
    .pdp-sticky-actions { width: 100%; display: flex; gap: 8px; }
    .pdp-sticky-actions button { flex: 1; justify-content: center; }

    .why-grid, .testi-grid, .steps-row, .contact-grid, .about-grid, .footer-grid { grid-template-columns: 1fr; }
    .policies-grid { grid-template-columns: 1fr 1fr; }
    #cartPanel { width: 100%; right: -100%; }
    #heroPrev { left: calc(50% - 58px); }
    #heroNext { left: calc(50% + 18px); }
    #sgv-whatsapp-fab { bottom: 80px; }
}

@media (max-width: 390px) {
    .products-grid { grid-template-columns: 1fr; }
    .policies-grid { grid-template-columns: 1fr; }
    .hero-h1 { font-size: 22px; }
    .trust-item { flex: 0 0 100%; }
    .section-title { font-size: 22px; }
    .product-card-actions { flex-direction: column; }
}