/*==================================
RESPONSIVE STYLES
==================================*/

/* ---------- Tablets (<=1024px) ---------- */
@media (max-width:1024px){

    .category-grid{ grid-template-columns:repeat(3,1fr); }
    .product-grid{ grid-template-columns:repeat(2,1fr); }
    .why-grid{ grid-template-columns:repeat(2,1fr); }
    .trust-grid{ grid-template-columns:repeat(2,1fr); }
    .deal-grid{ grid-template-columns:repeat(2,1fr); }
    .collection-grid{ grid-template-columns:1fr; }
    .testimonial-slider{ grid-template-columns:repeat(2,1fr); }
    .footer-grid{ grid-template-columns:1fr 1fr; }

    .about-story,
    .farmers-intro,
    .contact-layout{ grid-template-columns:1fr; }

    .about-stats{ grid-template-columns:repeat(2,1fr); }
    .team-grid,
    .farmer-grid,
    .recipe-grid{ grid-template-columns:repeat(2,1fr); }

    .shop-layout{ grid-template-columns:1fr; }
    .shop-filters{ position:static; }

    .hero h1{ font-size:56px; }
}

/* ---------- Small tablets / large phones (<=768px) ---------- */
@media (max-width:768px){

    .top-bar-content{
        flex-direction:column;
        gap:5px;
        padding:6px 0;
        font-size:12px;
    }

    .top-bar{ height:auto; padding:6px 0; position:relative; }
    .header{ top:0; }
    .hero{ margin-top:150px; }

    .navbar{
        position:fixed;
        top:0;
        right:-300px;
        width:280px;
        height:100vh;
        background:#fff;
        flex-direction:column;
        padding:100px 30px 30px;
        transition:.4s ease;
        z-index:9999;
        box-shadow:-10px 0 30px rgba(0,0,0,.15);
    }

    .navbar.active{
        right:0;
    }

    .navbar ul{
        flex-direction:column;
        gap:26px;
    }

    .nav-toggle{
        display:flex;
    }

    .nav-icons{
        gap:16px;
        font-size:20px;
    }

    .nav-icons a[title="Wishlist"]{
        display:none;
    }

    .hero h1{ font-size:38px; }
    .hero p{ font-size:17px; }
    .buttons{ flex-direction:column; gap:14px; }
    .btn{ text-align:center; }

    .section-title h2{ font-size:32px; }

    .category-grid,
    .product-grid,
    .why-grid,
    .trust-grid,
    .deal-grid,
    .team-grid,
    .farmer-grid,
    .recipe-grid,
    .about-stats{
        grid-template-columns:1fr 1fr;
    }

    .testimonial-slider{ grid-template-columns:1fr; }

    .footer-grid{ grid-template-columns:1fr; gap:40px; }
    .footer-bottom{ flex-direction:column; text-align:center; }

    .deal-timer{ width:100%; }

    .page-banner{ margin-top:150px; padding:60px 6% 45px; }
    .page-banner h1{ font-size:32px; }

    .contact-layout{ padding:60px 6%; }
    .form-row{ grid-template-columns:1fr; gap:0; }

    .cart-sidebar{ width:100%; max-width:100%; }
}

/* ---------- Phones (<=520px) ---------- */
@media (max-width:520px){

    .category-grid,
    .product-grid,
    .why-grid,
    .trust-grid,
    .deal-grid,
    .team-grid,
    .farmer-grid,
    .recipe-grid,
    .about-stats{
        grid-template-columns:1fr;
    }

    .hero h1{ font-size:30px; }
    .hero p{ font-size:15px; }
    .badge{ font-size:13px; padding:10px 18px; }

    .section-title h2{ font-size:26px; }
    .section-title p{ font-size:14px; }

    .featured-categories,
    .best-products,
    .why-vonpura,
    .trust-section,
    .collections,
    .deals-section,
    .testimonials{
        padding:60px 6%;
    }

    .logo img{ width:130px; }

    #countdown{ font-size:24px; }

    .whatsapp{
        width:55px;
        height:55px;
        font-size:26px;
        right:15px;
        bottom:15px;
    }

    .back-to-top{
        right:15px;
        bottom:85px;
        width:44px;
        height:44px;
    }
}