@media (min-width: 769px) {
    body.trade-plaza-page .filter-container,
    body.trade-plaza-page .listings-grid,
    body.trade-plaza-page .pagination {
        max-width: min(1380px, calc(100vw - 4rem));
        margin-left: auto;
        margin-right: auto;
    }

    body.trade-plaza-page .filter-container {
        border: 1px solid rgba(128, 128, 128, 0.16);
        background: rgba(0, 0, 0, 0.28);
        border-radius: 12px;
        padding: 1.25rem;
    }

    body.trade-plaza-page .filter-bar {
        gap: 0.75rem;
    }

    body.trade-plaza-page .filter-group,
    body.trade-plaza-page .filter-actions {
        min-width: 0;
    }

    body.deck-plaza-desktop-page .container.deck-plaza-page {
        max-width: min(1420px, calc(100vw - 4rem));
    }

    body.deck-plaza-desktop-page .filters-section {
        border: 1px solid rgba(128, 128, 128, 0.16);
        background: rgba(0, 0, 0, 0.26);
        border-radius: 12px;
        padding: 1rem 1.1rem;
    }

    body.deck-plaza-desktop-page .filter-row {
        gap: 0.68rem;
        align-items: center;
        flex-wrap: wrap;
    }

    body.deck-plaza-desktop-page .filters-section .search-input {
        width: auto;
        flex: 1 1 220px;
        min-width: 0;
    }

    body.deck-plaza-desktop-page .filters-section .custom-select,
    body.deck-plaza-desktop-page .filters-section .filter-select {
        flex: 1 1 150px;
        min-width: 0;
    }

    body.deck-plaza-desktop-page .filters-section .btn {
        max-width: 100%;
        white-space: normal;
    }

    body.deck-plaza-desktop-page .decks-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    body.trade-plaza-page .listings-grid {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }

    body.trade-plaza-page .listing-title {
        white-space: normal;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    body.trade-plaza-page .filter-actions {
        flex-wrap: wrap;
        justify-content: flex-end;
    }

    body.trade-detail-page .container {
        max-width: min(1180px, calc(100vw - 4rem));
    }

    body.trade-detail-page .trade-header {
        border: 1px solid rgba(255, 255, 255, 0.12);
        box-shadow: 0 10px 24px rgba(0, 0, 0, 0.24);
    }

    body.trade-detail-page .trade-meta {
        border-color: rgba(255, 255, 255, 0.12);
    }

    body.trade-detail-page .trade-title,
    body.trade-detail-page .trade-description,
    body.trade-detail-page .trade-meta-item > span,
    body.trade-detail-page .contact-info {
        overflow-wrap: anywhere;
        word-break: break-word;
    }

    body.trade-detail-page .contact-actions .btn {
        max-width: 100%;
        white-space: normal;
    }

    body.trade-post-page .container {
        max-width: min(1040px, calc(100vw - 4rem)) !important;
    }

    body.trade-post-page .form-card {
        border: 1px solid rgba(192, 192, 192, 0.16);
        background: rgba(0, 0, 0, 0.26);
    }

    body.trade-post-page .card-search-section {
        border: 1px solid rgba(192, 192, 192, 0.14);
        background: rgba(255, 255, 255, 0.03);
    }

    body.trade-post-page .selected-card-name {
        overflow-wrap: anywhere;
        word-break: break-word;
    }

    body.trade-post-page .selected-deck-preview .preview-header {
        flex-wrap: wrap;
        gap: 0.5rem;
    }

    body.trade-post-page .selected-deck-preview .preview-header .btn {
        max-width: 100%;
        white-space: normal;
    }

    .card-detail-page .detail-container {
        max-width: min(1120px, calc(100vw - 4rem));
        border: 1px solid rgba(255, 255, 255, 0.1);
        box-shadow: 0 10px 24px rgba(0, 0, 0, 0.24);
    }

    .card-detail-page .meta {
        border: 1px solid rgba(255, 255, 255, 0.08);
    }

    .card-detail-page .price-chart-section,
    .card-detail-page .stats {
        border-color: rgba(255, 255, 255, 0.12);
    }

    #deckContent .deck-actions .btn {
        max-width: 100%;
        white-space: normal;
    }

    #deckContent .deck-header,
    #deckContent .deck-stats,
    #deckContent .controls-bar,
    #deckContent .cards-section {
        border-color: rgba(255, 255, 255, 0.12);
        box-shadow: none;
    }
}

@media (max-width: 1280px) and (min-width: 769px) {
    body.deck-plaza-desktop-page .decks-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.deck-plaza-desktop-page .deck-card {
        max-width: none;
    }
}

@media (max-width: 1200px) and (min-width: 769px) {
    body.trade-plaza-page .listings-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .card-detail-page .detail-container {
        align-items: stretch;
    }

    .card-detail-page .card-info-detailed {
        width: 100%;
        min-width: 0;
    }
}
