@media (max-width:1100px) {

    .outlet-card,
    .has-selection .outlet-card {
        grid-template-columns: 16px 58px minmax(200px, 1fr) 104px 82px 135px 75px 150px;
    }

    .outlet-logo,
    .has-selection .outlet-logo {
        width: 58px;
        height: 58px;
        font-size: 26px;
    }

    .outlet-name h2,
    .has-selection .outlet-name h2 {
        font-size: 16px;
    }

    .has-selection .outlet-content {
        grid-template-columns: minmax(0, 1fr) 360px;
    }
}

@media (max-width:850px) {
    .filter-bar {
        align-items: stretch;
        flex-direction: column;
    }

    .filter-list {
        flex-wrap: wrap;
    }

    .outlet-search {
        width: 100%;
    }

    .outlet-card,
    .has-selection .outlet-card {
        grid-template-columns: 16px 58px minmax(200px, 1fr) 100px 84px 150px;
    }

    /* .outlet-card .markets,
    .outlet-card .price {
        display: none;
    } */

    .card-actions {
        grid-template-columns: 1fr 1fr;
    }

    .has-selection .outlet-content {
        grid-template-columns: 1fr;
    }

    .has-selection .detail-panel {
        border-top: 1px solid #edf0f4;
        border-left: 0;
    }

    .has-selection .outlet-results {
        padding-right: 4%;
    }
}

@media (max-width:560px) {
    .outlets-hero {
        padding: 24px 16px;
    }

    .outlets-hero h1 {
        font-size: 32px;
    }

    .outlets-hero>p:not(.eyebrow) br {
        display: none;
    }

    .filter-list {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .filter-list button {
        text-align: left;
    }

    .filter-list .clear-filter {
        grid-column: span 2;
    }

    .outlet-results {
        padding: 13px 16px 24px;
    }

    .result-top {
        align-items: flex-start;
        gap: 8px;
    }

    .outlet-card,
    .has-selection .outlet-card {
        grid-template-columns: 16px 58px minmax(200px, 1fr) 104px 82px 135px 75px 150px;
        gap: 8px;
        min-height: 105px;
        padding: 10px 8px;
    }

    .outlet-logo,
    .has-selection .outlet-logo {
        width: 52px;
        height: 52px;
        font-size: 22px;
    }

    .outlet-name h2,
    .has-selection .outlet-name h2 {
        margin-bottom: 6px;
        font-size: 15px;
    }

    .outlet-name p span:nth-last-child(-n+2) {
        display: none;
    }

    /* .outlet-metric {
        display: none;
    } */

    .outlet-card .outlet-metric:nth-of-type(4) {
        display: block;
    }

    /* .card-actions {
        display: none;
    } */

    .media-request {
        align-items: flex-start;
        flex-wrap: wrap;
        padding: 15px;
    }

    .media-request button {
        width: 100%;
        min-width: 0;
        margin: 0;
    }

    .pagination {
        gap: 4px;
    }

    .pagination button {
        min-width: 28px;
        padding: 0 6px;
    }

    .pagination button:first-child,
    .pagination button:last-child {
        display: none;
    }

    .detail-stats {
        grid-template-columns: repeat(2, 1fr);
    }

    .detail-bottom .create-btn {
        width: 100%;
    }
}

@media (max-width:560px) {
    .info-row {
        grid-template-columns: 30px 1fr;
    }

    .info-row p {
        grid-column: 2;
    }

    .detail-extras {
        grid-template-columns: 1fr;
    }
}