/* TABLET.CSS - Media queries para tablet */

@media (min-width: 768px) {
    /* Container com padding maior */
    .container {
        max-width: 768px;
        padding: var(--space-4);
    }

    /* Galeria - 2 colunas */
    .masonry-grid {
        column-count: 2;
        column-gap: var(--space-4);
    }

    /* Cards com largura máxima */
    .card-wrapper {
        max-width: none;
    }

    /* Produto - layout similar ao mobile */
    .product-showcase {
        max-width: 500px;
        margin: 0 auto !important;
    }

    /* Upload/Pagamento centralizados */
    .upload-page,
    .payment-page {
        max-width: 600px;
        margin: 0 auto;
    }

    /* Bottom nav mantém o mesmo estilo */
    .bottom-nav {
        padding: var(--space-3) var(--space-4);
    }

    /* Sugestões horizontais em grid 2 colunas */
    .horizontal-scroll {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: var(--space-3);
        overflow-x: visible;
    }

    /* Modais centralizados */
    .modal-overlay {
        align-items: center;
        padding: var(--space-4);
    }

    .modal {
        border-radius: var(--radius-xl);
        max-width: 500px;
    }

    /* Toast centralizado no topo */
    .toast-container {
        left: 50%;
        transform: translateX(-50%);
        max-width: 400px;
    }
}