.hkf-contact-phone{display:flex;flex-wrap:wrap;gap:8px;align-items:center;width:100%;min-width:0}.hkf-contact-phone select{flex:1 1 125px}.hkf-contact-phone input{flex:2 1 170px;min-width:min(100%,160px)}.hkf-contact-phone select,.hkf-contact-phone input{box-sizing:border-box;width:100%;margin:0!important}.hkf-contact-phone select{min-width:0}.hkf-contact-help{display:block;font-size:12px;line-height:1.6;margin:5px 0 10px;color:#586d68;overflow-wrap:anywhere}.hkf-contact-help.is-invalid{color:#a73422}.hkf-email-suggestion{display:flex;align-items:center;gap:7px;flex-wrap:wrap;background:#fff7e3;border:1px solid #dfc68a;border-radius:6px;padding:8px 10px;margin:6px 0 10px;font-size:13px;line-height:1.6;overflow-wrap:anywhere}.hkf-email-suggestion[hidden]{display:none!important}.hkf-email-suggestion button{font:inherit;padding:4px 9px;border-radius:5px;border:1px solid #b4c7be;background:#fff;color:#205545;cursor:pointer;min-height:44px}.hkf-email-suggestion button:first-of-type{background:#245d4c;color:white;border-color:#245d4c}.hkf-email-suggestion button:focus-visible{outline:2px solid #996c18;outline-offset:2px}

/* UX-01: shared customer field rhythm; staff screens and compact action forms are excluded. */
.hkf-public-design :is(.np-field,.pl-field){min-width:0;gap:7px;margin-bottom:16px;line-height:1.5}
.hkf-public-design :is(.np-grid,.pl-fields)>*{min-width:0}
body.hkf-public-design main :is(.np-card,.pl-panel) > :is(.np-field,.pl-field){margin-bottom:14px}
.hkf-public-design :is(.np-field,.pl-field) :is(input:not([type=checkbox]):not([type=radio]),select,textarea),
.hkf-checkout-page #checkout-form :is(input:not([type=checkbox]):not([type=radio]),select,textarea){box-sizing:border-box;max-width:100%;min-width:0;font-size:16px;line-height:1.5;min-height:46px}
.hkf-contact-phone{align-items:stretch;gap:8px}
.hkf-contact-help{font-size:13px;margin:6px 0 10px}
.hkf-contact-phone select{flex:1 1 145px;min-height:46px;font-size:16px}
.hkf-contact-phone input{flex:2 1 180px;min-height:46px;font-size:16px;direction:ltr;text-align:left}
.hkf-field-label{display:block;line-height:1.5}
.hkf-required-mark{display:inline-block;margin-inline-start:6px;color:#52664f;font-size:12px;font-weight:500;white-space:nowrap}
.hkf-field-error{display:block;margin:5px 0 0;color:#a73422;font-size:13px;font-weight:500;line-height:1.6;overflow-wrap:anywhere}
.hkf-field-error[hidden]{display:none!important}
.hkf-public-design main :is(input,select,textarea)[aria-invalid=true]{border-color:#ac4031!important;box-shadow:0 0 0 1px #ac403120}
.hkf-public-design main :is(input,select,textarea):focus-visible{outline:2px solid #907539;outline-offset:2px}
@media(max-width:600px){
 .hkf-public-design :is(.np-field,.pl-field){margin-bottom:14px}
 .hkf-public-design :is(.np-field,.pl-field) textarea{min-height:100px}
 .hkf-contact-help{font-size:13px;line-height:1.6}
}