.gpu-order-form{

    max-width:850px;

    margin:auto;

    background:rgba(20,28,42,.65);

    backdrop-filter:blur(18px);

    border:1px solid rgba(255,255,255,.08);

    border-radius:28px;

    padding:45px;

    position:relative;

}

.submit-btn:disabled{

    opacity:.5;

    pointer-events:none;

    filter:grayscale(.3);

    transform:none !important;

    box-shadow:none !important;

}

.submit-btn:not(:disabled){

    opacity:1;
}

#customerFields{

    opacity:.45;

    transition:.3s;

}

.contact-us-form {
    margin-top: 36px;
}

.contact-us-form #customerFields {
    opacity: 1;
}

#customerFields.enabled{

    opacity:1;

}

.form-lock{

    position:absolute;

    inset:0;

    background:rgba(8,12,24,.55);

    backdrop-filter:blur(3px);

    display:flex;

    align-items:center;

    justify-content:center;

    z-index:20;

    border-radius:24px;

    font-size:20px;

    font-weight:700;

}

.form-lock.hidden{

    display:none;

}


.form-grid{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:22px;

}

.form-group{

    display:flex;

    flex-direction:column;

}

.form-group.full{

    grid-column:1/-1;

}

.form-group label{

    margin-bottom:10px;

    color:#c8d5e4;

    text-align: right;
}

.form-group textarea {

    resize:vertical;

    min-height:140px;

}

.char-counter{

    margin-top:8px;

    text-align:left;

    color:#7d8ca5;

    font-size:.82rem;

}

.form-group.error input,
.form-group.error textarea{

    border-color:#ef4444;

    box-shadow:0 0 0 3px rgba(239,68,68,.18);

}

.field-error{

    display:block;

    min-height:18px;

    margin-top:6px;

    font-size:.82rem;

    color:#ef4444;

    opacity:0;

    transition:.2s;

    text-align: right;
}

.form-group.error .field-error{

    opacity:1;

}

.form-group input,
.form-group textarea{

    background:#111827;

    border:1px solid rgba(255,255,255,.08);

    border-radius:14px;

    padding:16px;

    color:white;

    font-size:1rem;

    transition:.3s;

}

.form-group input:focus,
.form-group textarea:focus{

    border-color:#3b82f6;

    outline:none;

    box-shadow:0 0 0 3px rgba(59,130,246,.2);

}

.submit-btn{

    margin-top:35px;

    width:100%;

}

@media (max-width:768px){

    .gpu-order-form{

        padding:22px;

        border-radius:20px;

    }

    .selected-main{

        flex-direction:column;

        align-items:flex-start;

        gap:18px;

    }

    .selected-price{

        width:100%;

        text-align:right;

    }

    .selected-specs{

        grid-template-columns:1fr;

        gap:12px;

    }

    .form-grid{

        grid-template-columns:1fr;

        gap:18px;

    }

    .form-group.full{

        grid-column:auto;

    }

    .form-group input,
    .form-group textarea{

        width:100%;

        min-width:0;

        box-sizing:border-box;

    }

}