/* Contact support: one warm presentation layer for the active contact page. */
body.buyer-contact-support-consistency-page {
  --contact-line: var(--color-line);
  --contact-ink: var(--color-ink);
  --contact-muted: var(--color-muted);
  background: var(--color-canvas) !important;
  color: var(--contact-ink) !important;
}

body.buyer-contact-support-consistency-page .page-shell {
  width: 100% !important;
  max-width: none !important;
  padding: 10px 7px calc(104px + env(safe-area-inset-bottom)) !important;
  background: var(--color-canvas) !important;
}

body.buyer-contact-support-consistency-page .narrow-page {
  width: min(100%, 900px) !important;
  max-width: 900px !important;
  margin-inline: auto !important;
  padding: 0 !important;
}

body.buyer-contact-support-consistency-page .narrow-page > .section-heading {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 12px !important;
  min-height: 112px !important;
  margin: 0 0 8px !important;
  padding: 14px !important;
  border: 1px solid var(--contact-line) !important;
  border-radius: 20px !important;
  background: var(--color-surface) !important;
  box-shadow: var(--shadow-card) !important;
}

body.buyer-contact-support-consistency-page .section-heading .eyebrow {
  margin: 0 0 5px !important;
  color: var(--color-brand) !important;
  font-size: 9px !important;
  font-weight: 600 !important;
  letter-spacing: .12em !important;
  line-height: 1.05 !important;
  text-transform: uppercase !important;
}

body.buyer-contact-support-consistency-page .narrow-page > .section-heading h1 {
  margin: 0 !important;
  max-width: none !important;
  color: var(--contact-ink) !important;
  font-size: clamp(22px, 6.25vw, 30px) !important;
  font-weight: 600 !important;
  line-height: 1.08 !important;
  letter-spacing: -.035em !important;
}

body.buyer-contact-support-consistency-page .narrow-page > .section-heading p:not(.eyebrow) {
  max-width: 620px !important;
  margin: 7px 0 0 !important;
  color: var(--contact-muted) !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;
}

body.buyer-contact-support-consistency-page .panel,
body.buyer-contact-support-consistency-page .contact-method-card {
  margin: 0 0 8px !important;
  padding: 12px !important;
  border: 1px solid var(--contact-line) !important;
  border-radius: 17px !important;
  background: var(--color-surface) !important;
  box-shadow: var(--shadow-card) !important;
}

body.buyer-contact-support-consistency-page .contact-method-card strong,
body.buyer-contact-support-consistency-page .panel h2,
body.buyer-contact-support-consistency-page .settings-note-card summary strong {
  margin: 0 !important;
  color: var(--contact-ink) !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
}

body.buyer-contact-support-consistency-page .contact-method-card p,
body.buyer-contact-support-consistency-page .panel p {
  margin: 5px 0 0 !important;
  color: var(--contact-muted) !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 1.42 !important;
}

body.buyer-contact-support-consistency-page .btn {
  min-height: var(--eetza-control-height-max, 34px) !important;
  padding: 0 11px !important;
  border-radius: 12px !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  line-height: 1.1 !important;
  text-align: center !important;
}

body.buyer-contact-support-consistency-page .btn-primary {
  border: 1px solid var(--color-brand) !important;
  color: var(--color-brand-fg) !important;
  background: var(--color-brand) !important;
  box-shadow: var(--shadow-card) !important;
}

body.buyer-contact-support-consistency-page .btn-ghost,
body.buyer-contact-support-consistency-page .contact-method-card .text-link {
  border: 1px solid var(--contact-line) !important;
  color: var(--color-brand) !important;
  background: var(--color-surface) !important;
}

body.buyer-contact-support-consistency-page .contact-method-card .text-link {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 33px !important;
  padding: 0 10px !important;
  border-radius: 12px !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}

body.buyer-contact-support-consistency-page .contact-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
  margin: 0 0 8px !important;
}

body.buyer-contact-support-consistency-page .contact-method-card {
  min-height: 96px !important;
  display: grid !important;
  align-content: center !important;
  gap: 7px !important;
}

body.buyer-contact-support-consistency-page .settings-note-card {
  border-left: 4px solid var(--color-brand) !important;
}

body.buyer-contact-support-consistency-page .button-row {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 6px !important;
  margin-top: 10px !important;
}

@media (max-width: 460px) {
  body.buyer-contact-support-consistency-page .contact-grid,
  body.buyer-contact-support-consistency-page .button-row {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}