@media (max-width: 680px) {
    .marketplace-page {
        overflow-x: hidden;
    }

    .marketplace-nav {
        width: 100%;
    }

    .marketplace-hero {
        padding: 52px 20px 48px;
    }

    .marketplace-hero h1 {
        max-width: 10ch;
        margin: 16px 0 20px;
        font-size: clamp(2.8rem, 14vw, 4.2rem);
    }

    .marketplace-hero > p:not(.website-kicker) {
        font-size: .94rem;
        line-height: 1.65;
    }

    .marketplace-search {
        margin-top: 30px;
    }

    .marketplace-search div {
        display: grid;
        gap: 10px;
    }

    .marketplace-search input,
    .marketplace-search .website-button {
        width: 100%;
        min-height: 50px;
    }

    .marketplace-results {
        padding: 52px 20px;
    }

    .marketplace-section-heading {
        margin-bottom: 28px;
    }

    .marketplace-section-heading h2 {
        font-size: clamp(2.35rem, 12vw, 3.5rem);
    }

    .marketplace-section-heading > span {
        display: block;
        margin-top: 14px;
    }

    .marketplace-grid {
        gap: 14px;
    }

    .marketplace-card__top {
        gap: 12px;
        padding: 14px 16px;
        font-size: .61rem;
    }

    .marketplace-card__top span {
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .marketplace-card__body {
        padding: 22px 16px 18px;
    }

    .marketplace-card h3 {
        font-size: 1.3rem;
    }

    .marketplace-card p {
        min-height: 0;
        font-size: .8rem;
    }

    .marketplace-card__meta {
        flex-wrap: wrap;
        gap: 8px 14px;
        margin: 18px 0;
    }

    .marketplace-card .website-button {
        min-height: 48px;
    }

    .marketplace-pagination {
        align-items: center;
        gap: 14px;
        flex-wrap: wrap;
        line-height: 1.5;
    }
}

@media (max-width: 380px) {
    .marketplace-hero,
    .marketplace-results {
        padding-inline: 16px;
    }

    .marketplace-hero h1 {
        font-size: 2.7rem;
    }
}






