@media (max-width: 1024px) {
    .hero .container { grid-template-columns: 1fr; text-align: center; }
    .hero-visual { display: none; }
    .hero-cta { justify-content: center; }
    .hero-stats { justify-content: center; }
    .pricing-cards { grid-template-columns: repeat(2, 1fr); }
    .packs-grid { grid-template-columns: repeat(2, 1fr); }
    .footer-grid { grid-template-columns: repeat(2, 1fr); }
    .admin-grid-2col { grid-template-columns: 1fr; }
    .admin-form-grid { grid-template-columns: 1fr; }
    .order-detail-grid { grid-template-columns: 1fr; }
    .coloriage-layout { grid-template-columns: 1fr; gap: 2rem; }
    .pack-detail-layout { grid-template-columns: 1fr; }
}

@media (max-width: 768px) {
    .main-nav {
        display: none;
        position: absolute;
        top: 64px;
        left: 0;
        right: 0;
        background: white;
        flex-direction: column;
        padding: 1rem;
        box-shadow: var(--shadow-md);
        border-top: 1px solid var(--border);
    }
    .main-nav.open { display: flex; }
    .nav-toggle { display: flex; }
    .nav-link { padding: 0.75rem 0; border-bottom: 1px solid var(--border-light); }

    .hero-title { font-size: 2rem; }
    .age-cards { grid-template-columns: 1fr; max-width: 300px; }
    .how-steps { grid-template-columns: 1fr; }
    .pricing-cards { grid-template-columns: 1fr; max-width: 400px; margin: 0 auto; }
    .pricing-card-popular { transform: none; }
    .pricing-card-popular:hover { transform: translateY(-4px); }
    .packs-grid { grid-template-columns: 1fr; }
    .categories-grid { grid-template-columns: repeat(3, 1fr); }

    .galerie-layout { grid-template-columns: 1fr; }
    .galerie-filters { position: static; }
    .coloriages-grid { grid-template-columns: repeat(2, 1fr); }

    .cart-layout { grid-template-columns: 1fr; }
    .footer-grid { grid-template-columns: 1fr; }

    .admin-sidebar { transform: translateX(-100%); }
    .admin-sidebar.open { transform: translateX(0); }
    .admin-main { margin-left: 0; }
    .admin-menu-toggle { display: block; }
    .admin-coloriages-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 480px) {
    .coloriages-grid { grid-template-columns: 1fr; }
    .categories-grid { grid-template-columns: repeat(2, 1fr); }
    .form-row { grid-template-columns: 1fr; }
    .checkout-form .form-row { grid-template-columns: 1fr; }
    .packs-grid-full { grid-template-columns: 1fr; }
    .admin-coloriages-grid { grid-template-columns: 1fr; }
    .result-actions { flex-direction: column; }
}