/* Contact cards grow with their labelled fields; desktop ws07 retains its equal grid row. */
body[data-ws-theme] .login_area :is(#contact_submit_form,#contact_submit_form1){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;width:calc(100% - 48px);max-width:420px;margin:44px auto 24px;box-sizing:border-box}
body[data-ws-theme] .login_area :is(#contact_submit_form,#contact_submit_form1)>.hea{grid-column:1/-1;margin:0 0 4px;font-size:24px;line-height:1.3;overflow-wrap:anywhere}
body[data-ws-theme] .login_area :is(#contact_submit_form,#contact_submit_form1)>.ws-ui-field{width:100%;padding:0;margin:0;border:0;background:transparent;border-radius:0;box-sizing:border-box}
body[data-ws-theme] .login_area :is(#contact_submit_form,#contact_submit_form1) .ws-ui-field>.icons{display:none}
body[data-ws-theme] .login_area :is(#contact_submit_form,#contact_submit_form1)>.ws-ui-field:has(:is(textarea,input[name=order_no])){grid-column:1/-1}
body[data-ws-theme] .login_area :is(#contact_submit_form,#contact_submit_form1) textarea{min-height:112px;height:112px;padding:10px 12px;resize:vertical}
body[data-ws-theme] .login_area :is(#contact_submit_buttom,#contact_submit_buttom1){grid-column:1/-1;width:100%;margin:0;position:static}
body[data-ws-theme] .login_area .ws-form-status{grid-column:1/-1}
body[data-ws-theme] .login_area>.close{z-index:2;top:12px;right:12px;display:flex;align-items:center;justify-content:center}
body[data-ws-theme] .login_area>.close img{width:20px;height:20px;object-fit:contain}
@media(max-width:1024px){
 body[data-ws-theme] .ws-contact-open>.login_area{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;min-height:0;max-height:none;overflow:visible;box-sizing:border-box}
 body[data-ws-theme] .ws-contact-open{height:auto;min-height:0}
}
@media(max-width:767px){body[data-ws-theme] .login_area :is(#contact_submit_form,#contact_submit_form1){grid-template-columns:minmax(0,1fr);width:calc(100% - 40px);gap:14px;margin-top:52px}}