/* Frontend Additional Styles */
/* This file provides additional styling for frontend pages */

/* Main Content Area */
.main-content {
    min-height: calc(100vh - 200px);
    display: block;
}

/* Ensure product grids are always visible */
.product-grid {
    display: grid;
    visibility: visible !important;
}

/* Shop page overrides */
body .shop-section .product-grid {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

@media (max-width: 1200px) {
    body .shop-section .product-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 991px) {
    body .shop-section .product-grid,
    body .product-grid,
    .featured-products .product-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 12px !important;
    }
}

@media (max-width: 768px) {
    body .shop-section .product-grid,
    body .product-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 10px !important;
        padding: 0 10px;
    }
    
    .products-area {
        padding: 0 !important;
    }
}

@media (max-width: 480px) {
    body .shop-section .product-grid,
    body .product-grid {
        gap: 8px !important;
        padding: 0 8px;
    }
}

/* Product card visibility */
.product-card {
    display: block !important;
    visibility: visible !important;
}