/* Extracted from affiliate.html */

        /* Reduce inner left padding (no icons in this form) */
        #partner-form .xb-contact-form .xb-input-field input,
        #partner-form .xb-contact-form .xb-input-field textarea,
        #partner-form .xb-contact-form .xb-select-field .nice-select {
            padding-left: 20px;
        }

        /* Fix: nice-select dropdown was being overlapped by sibling
           form fields below (each field has its own background, and the
           open .nice-select had no elevated stacking context). Lift the
           open select + its option list above all neighbouring fields. */
        #partner-form .xb-contact-form .row.mt-none-20 > [class*="col-"] {
            position: relative;
            z-index: 1;
        }
        #partner-form .xb-select-field {
            position: relative;
        }
        #partner-form .nice-select {
            position: relative;
        }
        #partner-form .nice-select.open {
            z-index: 1000;
        }
        /* When any select inside a column is open, raise that whole column
           above the columns rendered after it in the grid. */
        #partner-form .xb-contact-form .row.mt-none-20 > [class*="col-"]:has(.nice-select.open) {
            z-index: 1000;
        }
        #partner-form .nice-select .list {
            z-index: 1001;
            background: #0B1120;
            border: 1px solid rgba(0, 255, 151, 0.18);
            box-shadow: 0 18px 40px rgba(0, 0, 0, 0.45);
            max-height: 260px;
            overflow-y: auto;
        }
        #partner-form .nice-select .list .option {
            background: transparent;
            color: #E2E8F0;
        }
        #partner-form .nice-select .list .option:hover,
        #partner-form .nice-select .list .option.selected,
        #partner-form .nice-select .list .option.focus {
            background: rgba(0, 255, 151, 0.12);
            color: #ffffff;
        }
        #partner-form .xb-contact-form label {
            display: block;
            font-size: 14px;
            color: rgba(255, 255, 255, 0.85);
            margin-bottom: 8px;
            letter-spacing: -0.01em;
        }

        /* Tablet */
        @media (max-width: 991px) {
            #partner-form .details-contact-form {
                padding: 50px 30px 50px;
            }
        }

        /* Phone */
        @media (max-width: 767px) {
            #partner-form {
                padding-top: 70px !important;
                padding-bottom: 80px !important;
            }
            #partner-form .container-fluid {
                padding-left: 16px;
                padding-right: 16px;
            }
            #partner-form .details-contact-form {
                padding: 28px 18px 32px;
                border-radius: 14px;
            }
            #partner-form .sec-title.mb-60 {
                margin-bottom: 30px;
            }
            #partner-form .sec-title .title {
                font-size: 26px;
                line-height: 1.3;
            }
            #partner-form .sec-title .content {
                font-size: 14px;
                margin-top: 12px;
            }
            #partner-form .row.mt-none-20 > [class*="col-"] {
                margin-top: 16px;
            }
            #partner-form .xb-contact-form .xb-input-field input,
            #partner-form .xb-contact-form .xb-input-field textarea,
            #partner-form .xb-contact-form .xb-select-field .nice-select {
                height: 52px;
                min-height: 52px;
                font-size: 16px; /* prevents iOS zoom on focus */
                padding: 10px 16px;
                line-height: 1.4;
            }
            #partner-form .xb-contact-form .xb-select-field .nice-select {
                line-height: 30px;
                padding: 10px 36px 10px 16px;
            }
            #partner-form .xb-contact-form .xb-massage-field textarea {
                height: 110px;
                padding: 14px 16px;
            }
            #partner-form .xb-contact-form label {
                font-size: 13px;
                margin-bottom: 6px;
            }
            #partner-form .xb-upload_file {
                padding: 14px 16px;
            }
            #partner-form .form-submit-btn {
                margin-top: 28px !important;
            }
            #partner-form .form-submit-btn .thm-btn {
                width: 100%;
                justify-content: center;
            }
            /* nice-select dropdown should not overflow viewport */
            #partner-form .nice-select .list {
                width: 100%;
                max-width: 100%;
            }
        }

        /* Very small phones */
        @media (max-width: 380px) {
            #partner-form .details-contact-form {
                padding: 24px 14px 28px;
            }
            #partner-form .container-fluid {
                padding-left: 12px;
                padding-right: 12px;
            }
        }