/* Home Page Responsive */

@media (max-width: 1024px) {
    .bento-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .bento-large {
        grid-column: span 1;
        grid-row: span 1;
    }

    .hero-content {
        max-width: 60%;
    }

    .hero-title {
        font-size: 2rem;
    }
}

@media (max-width: 768px) {
    .hero-section {
        height: 300px;
    }

    .hero-content {
        max-width: 100%;
        padding: 2rem;
    }

    .hero-title {
        font-size: 1.5rem;
    }

    .hero-stats.show {
        display: none;
    }

    .content-grid {
        grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    }

    .bento-grid {
        grid-template-columns: 1fr;
        auto-rows: auto;
    }

    .filters-section {
        flex-direction: column;
        align-items: start;
    }

    .sort-btn {
        display: none;
    }
}