/* Contact Us page styles for PenMarkk */
.page-hero { padding-block: var(--space-16) var(--space-12); background: linear-gradient(180deg, rgba(15,39,72,0.04), transparent); border-bottom: 1px solid var(--gray-200); }
.hero__inner { display: grid; gap: var(--space-6); }
.hero__cta { display: inline-flex; gap: var(--space-3); flex-wrap: wrap; }

.section { padding-block: var(--space-14); }
.section + .section { border-top: 1px solid var(--gray-200); }

.contact-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: var(--space-6); margin-top: var(--space-6); }

.faq details { border: 1px solid var(--gray-200); border-radius: var(--radius-lg); background: var(--color-surface); padding: var(--space-4) var(--space-5); box-shadow: var(--shadow-sm); }
.faq details + details { margin-top: var(--space-4); }
.faq summary { cursor: pointer; font-weight: 600; list-style: none; }
.faq summary::-webkit-details-marker { display: none; }
.faq__content { margin-top: var(--space-3); color: var(--gray-700); }

/* Chat */
.chat { margin-top: var(--space-6); }
.chat-widget { margin-top: var(--space-5); border: 1px solid var(--gray-200); border-radius: var(--radius-lg); background: var(--color-surface); box-shadow: var(--shadow-sm); overflow: hidden; }
.chat__header { display: flex; align-items: center; justify-content: space-between; padding: var(--space-4) var(--space-5); background: var(--gray-100); border-bottom: 1px solid var(--gray-200); }
.chat__title { font-family: var(--font-serif); font-size: var(--text-xl); margin: 0; }
.chat__status { font-size: var(--text-sm); color: var(--color-success); }
.chat__window { max-height: 360px; min-height: 240px; overflow: auto; padding: var(--space-5); display: grid; gap: var(--space-3); background: var(--gray-50); }
.chat__msg { padding: var(--space-3) var(--space-4); border-radius: var(--radius-md); width: fit-content; max-width: 70ch; box-shadow: var(--shadow-sm); }
.chat__msg--agent { background: #fff; border: 1px solid var(--gray-200); }
.chat__msg--user { background: var(--color-primary); color: #fff; margin-left: auto; }
.chat__form { display: grid; grid-template-columns: 1fr auto; gap: var(--space-3); padding: var(--space-4) var(--space-5); border-top: 1px solid var(--gray-200); }

/* Forms */
.form-row { display: grid; grid-template-columns: 1fr; gap: var(--space-5); }
.form-field label { display: inline-block; font-weight: 600; margin-bottom: var(--space-2); }
.form-consent { display: grid; grid-template-columns: auto 1fr; align-items: start; gap: var(--space-3); margin-top: var(--space-4); }
.form-actions { display: flex; gap: var(--space-4); align-items: center; margin-top: var(--space-5); }
.form-status { min-height: 1.5em; color: var(--gray-700); }

.newsletter { display: grid; grid-template-columns: 1fr auto; gap: var(--space-3); max-width: 520px; }

.b2b-cta { display: flex; gap: var(--space-3); flex-wrap: wrap; }

@media (min-width: 720px) {
  .form-row { grid-template-columns: 1fr 1fr; }
}