/* Tablet Styles */
@media (max-width: 1024px) {
    /* Grid Layout */
    .collections-grid[data-columns="3"],
    .collections-grid[data-columns="4"] {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: var(--grid-spacing, 15px) !important;
    }

    /* Collection Title */
    .collection-title {
        font-size: 20px !important;
    }
}

/* Mobile Styles */
@media (max-width: 768px) {
    /* Filter Controls */
    .collections-filter-controls {
        flex-direction: column !important;
        align-items: stretch !important;
    }
    
    .filter-group {
        width: 100% !important;
    }

    .filter-group-label {
        margin-bottom: 5px !important;
        justify-content: flex-start !important;
        padding: 0 !important;
    }

    .filter-select,
    .reset-button {
        width: 100% !important;
        min-height: 44px !important;
    }

    /* Collection Info */
    .collection-info {
        padding: 20px !important;
    }

    /* Collection Title */
    .collection-title {
        font-size: 18px !important;
    }

    /* Collection Attributes */
    .collection-attributes {
        font-size: 11px !important;
    }
}

/* Small Mobile Styles */
@media (max-width: 576px) {
    /* Grid Layout */
    .collections-grid[data-columns="3"],
    .collections-grid[data-columns="4"] {
        grid-template-columns: 1fr !important;
        max-width: 400px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        gap: var(--grid-spacing, 12px) !important;
    }

    /* Load More Button */
    .collections-load-more {
        width: 100% !important;
        min-width: 0 !important;
        min-height: 44px !important;
    }
}