/* ==========================================================================
   AGROMARKET RESPONSIVE BREAKPOINTS - responsive.css
   ========================================================================== */

@media (max-width: 992px) {
    .navbar {
        flex-wrap: wrap;
        gap: 15px;
    }
    .search-bar-container {
        order: 3;
        flex: 1 1 100%;
    }
    .nav-menu {
        display: none; /* Managed by JS responsive toggle */
    }
    .hero-section {
        flex-direction: column;
        text-align: center;
    }
}

@media (max-width: 768px) {
    .product-grid {
        grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
        gap: 15px;
    }
    .product-actions {
        grid-template-columns: 1fr;
    }
    .footer-grid {
        grid-template-columns: 1fr;
    }
    .dashboard-container {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 480px) {
    .btn {
        width: 100%;
    }
    .product-grid {
        grid-template-columns: 1fr;
    }
}