/* MB Spectrums — Contact widget (info + form) */
.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:start}
.contact-info h2{font-size:clamp(2rem,4vw,2.8rem);margin:14px 0 18px}
.contact-info p{color:var(--on-deep-soft);margin-bottom:28px;max-width:380px}
.ci-row{display:flex;gap:14px;align-items:flex-start;margin-bottom:22px}
.ci-row .ico{color:var(--gold-light);margin-top:3px}
.ci-row .ico svg{width:20px;height:20px}
.ci-row .k{font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--on-deep-faint)}
.ci-row .v{font-size:1.05rem;color:var(--on-deep);font-weight:500}
.ci-row .v a{border-bottom:1px solid transparent;transition:.2s}
.ci-row .v a:hover{color:var(--gold-light);border-bottom-color:var(--line-gold)}
/* small print under a row — e.g. the after-hours and delivery notes */
.ci-note{margin-top:5px;max-width:340px;font-size:.85rem;line-height:1.55;color:var(--on-deep-faint)}
.block-cream .ci-note,.block-white .ci-note{color:var(--muted)}
.form-card{background:var(--cream-2);border-radius:var(--radius);padding:40px;border:1px solid var(--line)}
.form-card h3{font-size:1.7rem;margin-bottom:6px;color:var(--ink)}
.form-card .fc-sub{color:var(--muted);font-size:.92rem;margin-bottom:26px}
.field{margin-bottom:18px}
.field label{display:block;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;font-weight:600;color:var(--ink);margin-bottom:7px}
.field input,.field select,.field textarea{width:100%;padding:13px 15px;border:1px solid var(--line);border-radius:var(--radius);font-family:inherit;font-size:.96rem;color:var(--ink);background:#fff;transition:.2s}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(201,162,75,.15)}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.form-card .btn{width:100%;justify-content:center;margin-top:6px}
.form-success{display:none;background:rgba(30,74,51,.07);border:1px solid #3F7A55;color:#2E5C3F;padding:14px 16px;border-radius:var(--radius);font-size:.9rem;margin-bottom:18px}
.form-success.show{display:block}

@media(max-width:980px){
  .contact-grid{grid-template-columns:1fr;gap:34px}
}
@media(max-width:680px){
  .field-row{grid-template-columns:1fr}
  .form-card{padding:26px}
}
