/**
 * File: assets/css/frontend/favorites-responsive.css
 * Purpose: Split piece of a larger source file (1.0.191 file-size programme; cascade/build order unchanged). Split from assets/css/frontend/favorites.css (1.0.191, 300-line standard): cascade order is preserved by the enqueue chain; this file holds lines 302-380 of the original file, verbatim.
 * Scope: Same feature scope as the source file named in the provenance line; not a standalone design source.
 * Package: HyperDAF Engine
 */
@media (max-width: 1100px) {
    .hdf-favorites-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 780px) {
    .hdf-favorites {
        padding: 24px 14px 52px;
    }

    .hdf-favorites-hero {
        min-height: 0;
        align-items: stretch;
        padding: 24px;
    }

    .hdf-favorites-hero__metric {
        min-width: 126px;
    }

    .hdf-favorites-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 14px;
        padding: 14px;
    }
}

@media (max-width: 600px) {
    .hdf-favorites-hero {
        display: grid;
        gap: 20px;
    }

    .hdf-favorites-hero__metric {
        min-height: 84px;
    }

    .hdf-favorites-toolbar {
        align-items: flex-start;
        flex-direction: column;
    }

    .hdf-favorites-toolbar__actions {
        width: 100%;
        justify-content: space-between;
    }
}

@media (max-width: 480px) {
    .hdf-favorites {
        padding-inline: 10px;
    }

    .hdf-favorites-hero {
        padding: 20px;
        border-radius: var(--hdf-engine-radius-lg);
    }

    .hdf-favorites-panel {
        border-radius: var(--hdf-engine-radius-lg);
    }

    .hdf-favorites-grid {
        grid-template-columns: 1fr;
    }

    .hdf-favorites-toolbar__actions {
        align-items: stretch;
        flex-direction: column;
        gap: 6px;
    }

    .hdf-favorites-browse,
    .hdf-favorites-clear,
    .hdf-favorites-toolbar__actions form {
        width: 100%;
    }
}