/* Reusable contact section and labelled fields. Delivery is not configured yet. */
.contact-section { display: grid; grid-template-columns: .85fr 1.15fr; gap: 60px; padding: 46px; margin-top: 44px; border: 1px solid var(--line); border-radius: var(--radius); background: #f5f5f5; }
.contact-copy h2 { margin-top: 20px; }
.contact-copy > p:not(.eyebrow) { margin-top: 24px; color: var(--muted); font-size: 15px; }
.contact-copy .contact-note { margin-top: 36px !important; font-size: 13px !important; }
.inquiry-form { min-width: 0; }
.inquiry-form fieldset { margin: 0; padding: 0; border: 0; min-width: 0; }
.form-status { display: flex; align-items: baseline; gap: 8px; font-size: 12px; line-height: 1.6; margin-bottom: 20px !important; color: var(--muted); }
.status-dot { flex: 0 0 5px; width: 5px; height: 5px; border-radius: 50%; background: #777; }
.form-row { display: grid; grid-template-columns: 1fr; gap: 0; }
.field { display: flex; flex-direction: column; gap: 7px; margin-bottom: 16px; }
.field label { font-size: 12px; font-weight: 600; }
.field label span { color: #757575; font-weight: 400; font-size: 10px; margin-left: 6px; }
.field input, .field select, .field textarea { border: 1px solid #dedede; border-radius: 9px; padding: 13px 14px; width: 100%; min-width: 0; background: #fff; color: var(--ink); font-size: 13px; line-height: 1.5; }
.field textarea { resize: vertical; min-height: 104px; }
.field :disabled { opacity: 1; -webkit-text-fill-color: #737373; color: #737373; cursor: not-allowed; }
.field input::placeholder, .field textarea::placeholder { color: #808080; opacity: 1; }
.inquiry-form .action-button:disabled { cursor: not-allowed; background: #d7d7d7; border-color: #d7d7d7; color: #626262 !important; box-shadow: none; }
@media (max-width: 1000px) { .contact-section { gap: 32px; padding: 32px; } }
@media (max-width: 700px) { .contact-section { grid-template-columns: 1fr; padding: 25px 22px; gap: 30px; margin-top: 25px; } .contact-copy h2 br { display: none; } .contact-copy .contact-note { margin-top: 20px !important; } .field input, .field select, .field textarea { font-size: 16px; } .inquiry-form .action-button { width: 100%; } }