/* ============================================
   ULTRA-COMPACT PREMIUM DESKTOP - FORM
   Mobile = UNTOUCHED | Desktop = DENSE & PREMIUM
   ============================================ */

/* Desktop: 1024px+ ONLY */
@media (min-width: 1024px) {

    /* HEADER - COMPACT */
    .form-header {
        padding: 24px 40px;
    }

    .header-content {
        max-width: 850px;
        margin: 0 auto;
    }

    .back-link {
        width: 46px;
        height: 46px;
        font-size: 19px;
    }

    .header-title h1 {
        font-size: 32px;
    }

    .header-title p {
        font-size: 17px;
    }

    /* PROGRESS - COMPACT */
    .progress-container {
        padding: 20px 40px;
    }

    .progress-steps {
        max-width: 850px;
        margin: 0 auto;
        gap: 28px;
    }

    .step-circle {
        width: 48px;
        height: 48px;
        font-size: 19px;
    }

    .step-label {
        display: block;
        font-size: 14px;
    }

    /* FORM - COMPACT & CENTERED */
    .form-main {
        max-width: 800px;
        margin: 0 auto;
        padding: 40px 36px;
    }

    .step-content {
        padding: 36px 32px;
        border-radius: 18px;
    }

    .step-header h2 {
        font-size: 28px;
        margin-bottom: 8px;
    }

    .step-header p {
        font-size: 16px;
        margin-bottom: 28px;
    }

    /* FORM FIELDS */
    .form-group {
        margin-bottom: 20px;
    }

    .form-label {
        font-size: 15px;
        margin-bottom: 7px;
    }

    .form-input,
    .form-select,
    .form-textarea {
        padding: 14px 16px;
        font-size: 15px;
        border-radius: 10px;
    }

    .form-textarea {
        min-height: 130px;
    }

    /* SERVICE BADGE */
    .service-badge {
        padding: 20px 24px;
        border-radius: 14px;
    }

    .service-badge-icon {
        width: 56px;
        height: 56px;
        font-size: 24px;
    }

    .service-badge-name {
        font-size: 20px;
    }

    .service-badge-tag {
        font-size: 12px;
        padding: 5px 12px;
    }

    .btn-change-service {
        padding: 9px 18px;
        font-size: 13px;
    }

    /* FOOTER - COMPACT */
    .form-footer {
        padding: 20px 40px;
    }

    .footer-content {
        max-width: 800px;
        margin: 0 auto;
        gap: 14px;
    }

    .btn-primary {
        padding: 16px 40px;
        font-size: 17px;
    }

    .btn-back {
        padding: 16px 32px;
        font-size: 15px;
    }
}

/* Large Desktop: 1440px+ */
@media (min-width: 1440px) {
    .form-main {
        max-width: 900px;
    }

    .header-content,
    .progress-steps,
    .footer-content {
        max-width: 950px;
    }
}

/* SUCCESS MODAL - COMPACT */
@media (min-width: 1024px) {
    .modal-content {
        max-width: 480px;
        padding: 44px 36px;
        border-radius: 20px;
    }

    .modal-icon {
        width: 80px;
        height: 80px;
        font-size: 36px;
        margin-bottom: 20px;
    }

    .modal-content h2 {
        font-size: 28px;
        margin-bottom: 12px;
    }

    .modal-content p {
        font-size: 16px;
    }

    .btn-close-modal {
        padding: 14px 36px;
        font-size: 16px;
        margin-top: 20px;
    }
}