/* ========================= */
/* Responsive */
/* ========================= */

@media (max-width: 1200px) {
    .page {
        width: min(100% - 48px, 1180px);
    }

    .hero-content,
    .home-split,
    .home-cta-band,
    .plans-hero-grid,
    .comparison-modern,
    .trust-banner,
    .auth-premium-layout,
    .dashboard-premium-grid,
    .dashboard-progress-layout,
    .dashboard-account-band,
    .account-v2-hero-grid,
    .account-v2-grid-two,
    .account-v2-band,
    .account-v2-danger-band,
    .checkout-premium-grid,
    .checkout-info-band,
    .module-v2-hero-grid,
    .module-v2-training-grid,
    .password-v2-grid,
    .password-v2-info-band {
        grid-template-columns: 1fr;
    }

    .hero-card {
        justify-self: start;
    }

    .home-cta-actions,
    .dashboard-account-actions,
    .account-v2-danger-actions {
        justify-content: flex-start;
    }

    .premium-plans-grid,
    .account-v2-plan-grid,
    .checkout-info-grid,
    .password-v2-info-grid {
        grid-template-columns: 1fr;
    }

    .premium-plan-featured {
        transform: none;
    }

    .auth-trust-grid {
        grid-template-columns: 1fr;
    }

    .auth-premium-card,
    .checkout-premium-card,
    .password-v2-card {
        max-width: 680px;
    }

    .dashboard-stats-grid,
    .stats-grid,
    .faq-grid,
    .module-v2-feature-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .history-content {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 900px) {
    .site-header {
        padding: 8px 0;
    }

    .navbar {
        align-items: flex-start;
        gap: 14px;
        flex-direction: column;
        padding: 12px 0;
    }

    .nav-actions {
        width: 100%;
        justify-content: flex-start;
        border-radius: var(--radius-md);
        flex-wrap: wrap;
    }

    .feature-grid,
    .security-grid {
        grid-template-columns: 1fr;
    }

    .page-header,
    .history-toolbar,
    .history-card-header,
    .history-card-footer {
        flex-direction: column;
        align-items: flex-start;
    }

    .page-actions,
    .history-badges {
        justify-content: flex-start;
    }
}

@media (max-width: 760px) {
    .hero,
    .landing-hero {
        min-height: auto;
        padding-top: 8px;
    }

    .hero-content,
    .landing-hero .hero-content {
        padding-top: 16px;
    }

    .page {
        width: min(100% - 24px, 1180px);
    }

    .landing-hero h1,
    .plans-hero h1,
    .auth-premium-copy h1,
    .dashboard-premium-grid h1,
    .account-v2-copy h1,
    .checkout-premium-copy h1,
    .module-v2-hero-grid h1,
    .password-v2-copy h1,
    .page-header h1 {
        font-size: 3.1rem;
    }

    .hero {
        min-height: auto;
    }

    .hero-content {
        padding: 36px 0 72px;
    }

    .hero-actions {
        flex-direction: column;
    }

    .primary-link,
    .secondary-link,
    .btn {
        text-align: center;
    }

    .home-metrics,
    .home-product-grid,
    .mini-grid,
    .steps-grid,
    .trust-banner-grid,
    .faq-grid,
    .dashboard-metrics,
    .dashboard-modules-grid,
    .dashboard-stats-grid,
    .stats-grid,
    .account-v2-user-stats,
    .account-v2-data-grid,
    .account-v2-access-item,
    .account-v2-band-grid,
    .module-v2-feature-grid,
    .module-v2-mini-grid {
        grid-template-columns: 1fr;
    }

    .home-cta-band,
    .trust-banner,
    .auth-premium-card,
    .auth-card,
    .dashboard-plan-panel,
    .dashboard-module-card,
    .dashboard-account-band,
    .account-v2-user-card,
    .account-v2-card,
    .account-v2-plan-card,
    .account-v2-band,
    .account-v2-danger-band,
    .checkout-premium-card,
    .checkout-info-band,
    .module-v2-summary-card,
    .module-v2-training-card,
    .module-v2-side-card,
    .module-v2-feature-card,
    .password-v2-card,
    .password-v2-info-band,
    .history-card,
    .empty-state {
        border-radius: var(--radius-lg);
        padding: 26px;
    }

    .plan-top,
    .checkout-card-top,
    .account-v2-card-top,
    .module-v2-training-header,
    .form-row {
        flex-direction: column;
        align-items: flex-start;
    }

    .best-value-badge {
        position: static;
        width: fit-content;
        margin-bottom: 18px;
    }

    .comparison-table {
        overflow-x: auto;
    }

    .comparison-row {
        min-width: 720px;
    }

    .history-toolbar {
        padding: 14px;
    }

    .history-filters,
    .history-toolbar form,
    .history-card-footer form,
    .history-card-footer .btn,
    .history-toolbar .btn {
        width: 100%;
    }

    .history-filters .btn,
    .empty-actions .btn {
        width: 100%;
    }

    .empty-actions {
        flex-direction: column;
    }
}

@media (max-width: 520px) {
    .nav-actions {
        gap: 14px;
        padding: 8px 12px;
    }

    .auth-section {
        padding: 42px 0;
    }

    .auth-card h1 {
        font-size: 2.35rem;
    }

    .history-card h2 {
        font-size: 1.7rem;
    }

    .stat-card strong,
    .stat-value {
        font-size: 2.1rem;
    }
}