/* Contact us — palmer-bets-contact-us 52:834 / -mobile 87:225 */

/* ── intro  52:868 ────────────────────────────────────────────────────── */
.contact-intro { background: var(--color-surface-3); box-shadow: inset 0 0 0 1px var(--color-border); }
.contact-intro__inner { display: flex; flex-direction: column; gap: 12px; padding-block: 32px; }
.contact-intro__title { font-family: var(--font-display); font-weight: 700; font-size: 32px; line-height: 43px; color: var(--color-text); }
.contact-intro__lead { font-size: 14px; line-height: 20px; color: var(--color-muted); }

/* ── form + panel  52:871 ─────────────────────────────────────────────── */
.contact { background: #fff; }
.contact__inner { display: grid; grid-template-columns: minmax(0, 1fr) 380px; gap: 48px; align-items: start; padding-block: 48px 64px; }
.contact__form { display: flex; flex-direction: column; gap: 32px; }
.contact__head { display: flex; flex-direction: column; gap: 6px; }
.contact__title { font-family: var(--font-display); font-weight: 700; font-size: 22px; line-height: 30px; color: var(--color-text); letter-spacing: .03em; }
.contact__lead { font-size: 14px; line-height: 18px; color: var(--color-muted); }
.contact__req { font-size: 12px; line-height: 16px; color: var(--color-brand); }
.cform { display: flex; flex-direction: column; gap: 32px; }
.cform__group { display: flex; flex-direction: column; gap: 16px; margin: 0; padding: 0; border: 0; min-width: 0; }
.cform__legend { padding: 0; margin-bottom: 16px; font-weight: 800; font-size: 11px; line-height: 14px; color: var(--color-muted-3); letter-spacing: .04em; }
.cform__row { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.field--contact .field__label--dark { color: var(--color-text); }
.field--contact input:not([type="checkbox"]):not([type="radio"]):not(.visually-hidden), .field--contact select { min-height: 48px; box-shadow: inset 0 0 0 1px var(--color-border); }
.field--contact textarea { min-height: 160px; padding: 16px; box-shadow: inset 0 0 0 1px var(--color-border); }
.field__hint--md { margin-top: -2px; font-size: 12px; line-height: 16px; }
.attach {
  display: flex; align-items: center; gap: 12px; min-height: 60px; padding: 0 16px;
  background: var(--color-surface-3); border-radius: var(--radius); box-shadow: inset 0 0 0 1px var(--color-border); cursor: pointer;
  transition: box-shadow var(--dur-fast) var(--ease), background-color var(--dur-fast) var(--ease);
}
.attach:hover { background: var(--color-surface); }
.attach:focus-within { box-shadow: inset 0 0 0 1px var(--color-brand), var(--focus-ring); }
.attach .icon { width: 20px; height: 20px; color: var(--color-text); flex: none; }
.attach__text { display: flex; flex-direction: column; gap: 2px; }
.attach__title { font-weight: 700; font-size: 14px; line-height: 18px; color: var(--color-text); }
.attach__hint { font-size: 11px; line-height: 14px; color: var(--color-muted-3); }
.cform__actions { padding: 8px 0; }
.cform__submit { padding: 12px 24px; }
.cform__done { font-size: 14px; line-height: 20px; }

.contact-panel { display: flex; flex-direction: column; gap: 24px; padding: 32px; background: var(--color-surface-3); border-radius: var(--radius-md); box-shadow: inset 0 0 0 1px var(--color-border); }
.contact-panel__title { font-family: var(--font-display); font-weight: 700; font-size: 16px; line-height: 22px; color: var(--color-text); letter-spacing: .03em; }
.contact-panel__block { display: flex; flex-direction: column; gap: 8px; }
.contact-panel__block--help { gap: 12px; }
.contact-panel__block--rg { gap: 10px; }
.contact-panel__label { font-weight: 700; font-size: 11px; line-height: 14px; color: var(--color-muted); letter-spacing: .04em; }
.contact-panel__text { font-size: 13px; line-height: 18px; color: var(--color-muted); }
.contact-panel__email { font-weight: 700; font-size: 14px; line-height: 18px; color: var(--color-text); text-decoration: none; }
.contact-panel__email:hover { color: var(--color-brand); }
.contact-panel__rule { height: 1px; border: 0; margin: 0; background: var(--color-border); }
.contact-panel__help { display: flex; flex-direction: column; gap: 4px; }
.contact-panel__help-name { font-weight: 700; font-size: 14px; line-height: 18px; color: var(--color-text); }
.contact-panel__phone { font-family: var(--font-display); font-weight: 700; font-size: 24px; line-height: 32px; color: var(--color-brand); text-decoration: none; }
.contact-panel__phone:hover { text-decoration: underline; }
.contact-panel__small { font-size: 11px; line-height: 14px; color: var(--color-muted-3); }
.contact-panel__link { font-weight: 700; font-size: 12px; line-height: 16px; color: var(--color-brand); text-decoration: underline; }

/* ── mobile  87:225 ───────────────────────────────────────────────────── */
@media (max-width: 1199px) {
  .contact-intro { box-shadow: none; }
  .contact-intro__inner { padding-block: 24px; }
  .contact-intro__title { font-size: 26px; line-height: 35px; }
  .contact__inner { grid-template-columns: 1fr; gap: 0; padding: 0; }
  .contact__form { gap: 24px; padding: 24px var(--container-pad-mobile) 32px; }
  .contact__lead { font-size: 13px; line-height: 17px; }
  .contact__req { font-size: 13px; line-height: 17px; }
  .cform { gap: 24px; }
  .cform__row { grid-template-columns: 1fr; gap: 16px; }
  .field--contact input:not([type="checkbox"]):not([type="radio"]):not(.visually-hidden), .field--contact select { padding-block: 12px; }
  .contact__title { font-size: 20px; line-height: 27px; }   /* 87:251 */
  .field--contact textarea { min-height: 120px; }             /* 87:297 */
  .attach { min-height: 71px; padding: 12px 16px; }           /* 87:301 */
  .attach__title { font-size: 13px; line-height: 17px; }
  .cform__actions { padding: 8px 0 0; }                       /* 87:307 — fixed 56px frame */
  .cform__submit { width: 100%; min-height: 48px; }           /* 87:308 */
  .contact-panel { gap: 20px; padding: 16px; background: var(--color-surface); box-shadow: none; }
  .contact-panel__title { font-size: 18px; line-height: 24px; }
}