/* Global responsive adjustments for ASPept pages */

@media (max-width: 1024px) {
    .header-main {
        padding: 16px 20px !important;
        gap: 12px;
        flex-wrap: wrap;
    }

    .nav-links {
        gap: 16px !important;
        font-size: 12px !important;
        order: 3;
        width: 100%;
        justify-content: center;
    }

    .search-container {
        margin: 0 !important;
        flex: 1 1 100% !important;
        order: 4;
    }

    .category-grid,
    .catalog-container,
    .product-container,
    .checkout-container {
        grid-template-columns: 1fr !important;
    }

    .product-container {
        gap: 28px !important;
    }

    .sidebar {
        order: 2;
    }

    .summary-card {
        position: static !important;
    }

    .legal-container {
        margin: 24px 16px !important;
        padding: 28px 20px !important;
    }

    .trust-bar {
        padding: 28px 16px !important;
        justify-content: flex-start !important;
    }
}

@media (max-width: 768px) {
    .logo {
        font-size: 22px !important;
    }

    .hero {
        padding: 56px 16px 76px !important;
    }

    .hero h1 {
        font-size: 34px !important;
    }

    .hero p {
        font-size: 16px !important;
    }

    .cat-card {
        padding: 28px 20px !important;
    }

    .trust-item {
        width: 100%;
    }

    .catalog-header {
        gap: 12px;
        flex-direction: column;
        align-items: flex-start !important;
    }

    .product-gallery {
        height: 340px !important;
    }

    .product-info h1 {
        font-size: 28px !important;
    }

    .price {
        font-size: 32px !important;
        flex-wrap: wrap;
    }

    .variant-container {
        flex-wrap: wrap;
    }

    .form-section {
        padding: 24px 18px !important;
    }

    .form-grid {
        grid-template-columns: 1fr !important;
        gap: 14px !important;
    }

    .form-group.full {
        grid-column: span 1 !important;
    }

    .checkout-header {
        padding: 18px 16px !important;
    }
}

@media (max-width: 520px) {
    .header-main {
        justify-content: center !important;
    }

    .header-actions {
        width: 100%;
        justify-content: center;
    }

    .cart-drawer {
        width: 100% !important;
        right: -100% !important;
    }

    .cart-drawer.open {
        right: 0 !important;
    }

    .breadcrumbs {
        margin: 14px auto !important;
    }

    .checkout-container,
    .catalog-container,
    .product-container {
        padding: 0 14px !important;
    }
}