/**
 * EN flow — desktop-only styles (min-width: 1024px).
 * Mobile layout is unchanged; these rules only apply on larger viewports.
 */

@media (min-width: 1024px) {
    /* ── Shared layout: progress, page wrap, nav ── */
    .progress-wrap {
        max-width: 640px;
        margin-left: auto;
        margin-right: auto;
        padding: 1.25rem 2rem 0;
    }
    .progress-track {
        height: 6px;
    }
    .progress-meta {
        font-size: 0.8rem;
        margin-top: 0.5rem;
    }

    .page-wrap {
        max-width: 640px;
        margin-left: auto;
        margin-right: auto;
        padding: 2.5rem 2rem 10rem;
    }

    .nav-fixed-outer {
        padding: 1rem 2rem calc(1rem + env(safe-area-inset-bottom));
    }
    .nav-inner {
        max-width: 640px;
        margin-left: auto;
        margin-right: auto;
        padding: 0;
    }
    .btn-back,
    .btn-continue,
    .btn-submit {
        padding: 0.85rem 1.5rem;
        font-size: 1rem;
    }

    /* ── Typography: slightly larger for readability ── */
    .page-wrap .logo-text {
        font-size: 1.4rem;
        margin-bottom: 2rem;
    }
    .page-wrap .step-eyebrow {
        font-size: 0.7rem;
        margin-bottom: 0.5rem;
    }
    .page-wrap h1,
    .page-wrap .step-header h1 {
        font-size: 1.85rem;
        margin-bottom: 0.5rem;
    }
    .page-wrap .step-sub,
    .page-wrap .step-header p {
        font-size: 1rem;
        line-height: 1.55;
    }

    /* ── Form fields: comfortable width, spacing ── */
    .field {
        margin-bottom: 1.75rem;
    }
    .field label {
        font-size: 0.9rem;
    }
    .field input,
    .field select {
        padding: 1rem 1.15rem;
        font-size: 1.05rem;
    }
    .field-hint {
        font-size: 0.8rem;
    }

    /* ── Chips / options: more breathing room ── */
    .chip-group {
        gap: 0.75rem;
    }
    .chip-box {
        padding: 0.75rem 1.35rem;
        font-size: 0.95rem;
    }

    /* ── Micro trust / reviews: better on wide ── */
    .micro-trust {
        padding: 1.1rem 1.35rem;
        border-radius: 12px;
    }
    .micro-trust-row {
        font-size: 0.85rem;
    }
    .reviews-slider-wrap {
        margin-bottom: 2rem;
    }
    .review-card {
        padding: 1.25rem 1.35rem;
    }
    .review-card .quote {
        font-size: 0.9rem;
        line-height: 1.55;
    }

    /* ── Style selection: grid 2 cols on desktop ── */
    .style-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 1.25rem;
        margin-bottom: 1.5rem;
    }
    .style-card {
        border-radius: 16px;
    }
    .style-card-visual {
        height: 120px;
        font-size: 3.5rem;
    }
    .style-card-info {
        padding: 1rem 1.25rem;
    }
    .style-card-title {
        font-size: 1.1rem;
    }
    .style-card-desc {
        font-size: 0.85rem;
    }

    /* ── Values row: more chips per line ── */
    .values-row {
        gap: 0.65rem;
        margin-bottom: 1.25rem;
    }
    .value-chip span {
        padding: 0.6rem 1rem;
        font-size: 0.88rem;
    }

    /* ── Message/textarea ── */
    .message-field textarea {
        padding: 1rem;
        min-height: 100px;
        font-size: 1rem;
    }

    /* ── Story submitted: content wrap ── */
    .content-wrap {
        max-width: 640px;
        margin-left: auto;
        margin-right: auto;
        padding: 2.5rem 2rem 4rem;
    }
    .hero-section {
        padding: 2.5rem 2rem 2rem;
    }
    .hero-section h1 {
        font-size: clamp(1.5rem, 3vw, 2rem);
    }
    .hero-section .hero-sub {
        max-width: 420px;
        font-size: 0.95rem;
    }
    .steps-card {
        margin-bottom: 1.75rem;
    }
    .step-row {
        padding: 1.1rem 1.35rem;
    }
    .step-row-title {
        font-size: 0.95rem;
    }
    .step-row-desc {
        font-size: 0.85rem;
    }
    footer {
        padding: 3.5rem 2rem 3rem;
    }

    /* ── Avatar preview: cta-inner + grid ── */
    .cta-inner {
        max-width: 640px;
        margin-left: auto;
        margin-right: auto;
    }
    .avatar-grid {
        gap: 1rem;
        margin-bottom: 1.5rem;
    }

    /* ── Summary card (confirmation page) ── */
    .summary-card {
        margin-bottom: 1.5rem;
        border-radius: 14px;
    }
    .summary-row,
    .summary-row-photo {
        padding: 0.75rem 1.25rem;
    }
    .summary-value {
        font-size: 0.88rem;
    }

    /* ── Legal/static pages: container ── */
    .container {
        max-width: 800px;
        margin-left: auto;
        margin-right: auto;
        padding: 3rem 2.5rem;
    }
}