@media (max-width: 700px) {
    .private-profile-card {
        grid-template-columns: 1fr;
        gap: 22px;
        padding: 24px;
        text-align: center;
    }

    .private-profile-image-wrap {
        min-height: 220px;
    }

    .private-profile-image {
        max-height: 260px;
    }

    .private-profile-meta {
        justify-content: center;
    }

    .player-pvp-stat-groups {
        grid-template-columns: 1fr;
    }

    .clan-overview {
        grid-template-columns: 1fr;
    }

    .clan-insight-layout,
    .clan-highlight-grid {
        grid-template-columns: 1fr;
    }

    .clan-summary-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .section-action-row {
        flex-direction: column;
        justify-content: stretch;
    }

    .section-action-row .btn {
        width: 100%;
        text-align: center;
    }

    .ships-input,
    .ships-select,
    .ships-search-btn {
        width: 100%;
        min-width: 0;
    }

    .ships-filter-row {
        grid-template-columns: 1fr;
    }

    .compare-picker-fields,
    .duel-picker-fields,
    .ship-stats-picker-fields,
    .compare-ship-heroes,
    .compare-abilities,
    .duel-player-heads,
    .ship-stats-player-heads,
    .ship-stats-result-grid,
    .duel-ship-hero {
        grid-template-columns: 1fr;
    }

    .compare-picker-vs {
        height: auto;
    }

    .compare-row {
        grid-template-columns: 1fr 110px 1fr;
        gap: 8px;
    }

    .compare-row strong {
        font-size: 0.78rem;
    }

    .compare-row span {
        font-size: 0.7rem;
    }

    .fh-data-rating-result {
        gap: 8px;
    }

    .fh-data-rating-result div {
        display: grid;
        gap: 4px;
        text-align: center;
    }

    .fh-data-rating-result strong {
        font-size: 0.72rem;
    }

    .fh-data-rating-category {
        grid-template-columns: 1fr;
        gap: 7px;
    }

    .ships-section-heading-row,
    .ships-listing-toolbar {
        align-items: flex-start;
        flex-direction: column;
    }

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

    .ship-meta {
        flex-direction: column;
    }
}

@media (min-width: 701px) and (max-width: 1050px) {
    .ships-filter-row {
        grid-template-columns: minmax(240px, 1fr) 1fr 1fr;
    }

    .ships-search-btn {
        grid-column: 1 / -1;
    }
}