.contact-page { padding: 74px 0 90px; background: #fff; }
.contact-shell { width: min(calc(100% - 40px), 1140px); margin-inline: auto; }
.contact-heading { text-align: center; margin-bottom: 48px; }
.contact-heading h1 { margin: 0 0 12px; color: var(--eros-gold); font-size: clamp(38px, 5vw, 52px); line-height: 1.1; }
.contact-heading p { margin: 0; font-size: 14px; }
.contact-heading a { color: var(--eros-gold); }
.contact-tabs { display: flex; justify-content: center; flex-wrap: wrap; gap: 18px; margin-bottom: 48px; }
.contact-tab { min-width: 220px; padding: 14px 24px; background: #282828; color: #fff; text-align: center; font-size: 17px; font-weight: 600; transition: background .2s, transform .2s; }
.contact-tab:hover { transform: translateY(-2px); background: #161616; }
.contact-tab.is-active { background: var(--eros-gold); }
.contact-card { padding: 48px 50px 50px; background: #f4f4f4; }
.contact-intro { margin-bottom: 32px; color: #344861; font-size: 16px; }
.contact-intro p { margin: 0 0 15px; }
.contact-form { display: grid; grid-template-columns: 1fr 1fr; gap: 24px 30px; }
.contact-form label { display: grid; gap: 8px; color: #344861; font-size: 15px; font-weight: 600; }
.contact-label { display: inline; color: #344861; }
.contact-label em { color: #d52b2b; font-style: normal; }
.contact-form input:not([type="checkbox"]), .contact-form textarea { width: 100%; border: 1px solid #e4e4e4; border-radius: 0; background: #fff; padding: 13px 15px; color: #171717; outline: none; }
.contact-form input:focus, .contact-form textarea:focus { border-color: var(--eros-gold); box-shadow: 0 0 0 2px rgba(217,154,43,.15); }
.contact-message, .contact-consent, .contact-submit { grid-column: 1 / -1; }
.contact-form textarea { resize: vertical; min-height: 165px; }
.contact-form .contact-consent { display: flex; flex-direction: row; align-items: flex-start; gap: 10px; font-size: 12px; font-weight: 400; }
.contact-consent > span { display: inline; color: #344861; line-height: 1.55; }
.contact-consent input { margin-top: 3px; }
.contact-consent a { color: #9c6812; text-decoration: underline; }
.contact-submit { justify-self: start; min-width: 132px; }
.contact-honeypot { position: absolute !important; left: -9999px !important; }
.form-notice { margin: 0 0 26px; padding: 13px 16px; font-weight: 600; }
.form-notice.success { color: #155724; background: #d4edda; }
.form-notice.error { color: #721c24; background: #f8d7da; }
@media (max-width: 720px) {
  .contact-page { padding: 48px 0 64px; }
  .contact-shell { width: min(calc(100% - 28px), 1140px); }
  .contact-heading { margin-bottom: 34px; }
  .contact-tabs { display: grid; gap: 10px; margin-bottom: 30px; }
  .contact-tab { min-width: 0; width: 100%; padding: 12px 16px; font-size: 15px; }
  .contact-card { padding: 28px 20px 32px; }
  .contact-intro { font-size: 14px; }
  .contact-form { grid-template-columns: 1fr; gap: 18px; }
  .contact-message, .contact-consent, .contact-submit { grid-column: auto; }
}
