/* Homepage enquiry form: the same fields, appearance and delivery as inner pages. */
#contact .contact-panel {grid-template-columns:1fr .86fr;gap:clamp(32px,5vw,74px);padding:0;border:0;background:transparent;align-items:start}
#contact .contact-panel > div {min-width:0}
#contact .contact-direct {margin-top:30px;padding:24px 0 0;border-left:0;border-top:1px solid var(--line)}
#contact .contact-direct > a:not(.text-link) {font-size:16px}
#contact .contact-direct .whatsapp {font-size:14px;margin-top:18px}
#contact .contact-form {display:grid;gap:14px;min-width:0;margin:0;padding:clamp(18px,3vw,30px);border:1px solid var(--line);border-radius:9px;background:var(--panel)}
#contact .contact-form label {display:grid;gap:6px;color:var(--text);font-size:13px;font-weight:500}
#contact .contact-form :is(input:not([type="checkbox"]),textarea) {width:100%;min-width:0;padding:13px 14px;border:1px solid var(--line);border-radius:5px;background:#080706;color:var(--text);font:500 15px/1.65 Outfit,Arial,sans-serif}
#contact .contact-form textarea {resize:vertical}
#contact .contact-form :is(input,textarea):focus-visible {outline:2px solid var(--gold);outline-offset:3px}
#contact .contact-form .bot-field {position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}
#contact .contact-form .security-check {display:flex;align-items:center;gap:10px;padding:14px;border:1px solid var(--line);border-radius:5px;background:rgba(255,255,255,.025)}
#contact .security-check input {flex:0 0 auto;width:18px;height:18px;margin:3px 0 0;accent-color:var(--gold)}
#contact .security-check span {color:var(--muted);font-weight:400}
#contact .form-status {margin:0;color:#e3b77f;font-size:14px}
#contact .form-status:empty {min-height:0}
#contact .contact-form .button {min-height:48px;margin:0;padding:11px 20px;border:1px solid transparent;border-radius:5px;background:var(--gold);color:#050404;font:500 14px/1.45 Outfit,Arial,sans-serif;cursor:pointer}
#contact .contact-form .button:hover {background:#ebb166;border-color:#ebb166}
#contact .contact-form .button:disabled {cursor:wait;opacity:.62}
@media (max-width:760px) {
  #contact .contact-panel {grid-template-columns:1fr;gap:30px}
  #contact .contact-direct > a:not(.text-link) {font-size:16px}
}
