/* ==========================================================================
   Atlantyda – strona „Kontakt”
   ========================================================================== */

.contact-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
@media (max-width: 900px) { .contact-cards { grid-template-columns: 1fr; } }
.contact-card {
  min-height: 260px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 32px;
  padding: 36px;
  border-radius: var(--radius);
}
.contact-card .icon-box { box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .45); }
.contact-card--mail .icon-box { box-shadow: inset 0 0 0 1px var(--accent-border-soft); }
.contact-card__text { display: flex; flex-direction: column; gap: 8px; }
.contact-card__text .kicker { color: inherit; }
.contact-card__text strong { font: 700 clamp(26px, 2.4vw, 34px)/1.1 var(--font); }
.contact-card__sub { font: 400 15px var(--font); }
.contact-card__text .link-more { color: inherit; }
.contact-card--phone { color: var(--white); box-shadow: 0 24px 48px -28px rgba(235, 90, 20, .6); }
.contact-card--phone:hover { color: var(--white); filter: brightness(1.05); }
.contact-card--mail { color: var(--text); }
.contact-card--mail:hover { border-color: var(--accent); color: var(--text); }
.contact-card--mail .kicker { color: var(--accent-deep); }
.contact-card--mail strong { font-size: clamp(24px, 2.2vw, 30px); line-height: 1.15; color: var(--ink); }
.contact-card--quote { color: var(--white); }
.contact-card--quote:hover { color: var(--white); filter: brightness(1.08); }

/* ---------- Siedziba ---------- */
.hq { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr)); gap: clamp(32px, 4vw, 64px); align-items: stretch; }
.hq__copy { display: flex; flex-direction: column; gap: 28px; }
.hq__map { position: relative; min-height: 380px; border-radius: var(--radius); background: #f6f5f4; }

/* ---------- Wiadomość ---------- */
.message { padding-bottom: var(--section); }
.message__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr)); gap: clamp(32px, 4vw, 64px); align-items: start; }
.message__copy { display: flex; flex-direction: column; gap: 18px; }
.message__copy p { font: 400 17px/1.65 var(--font); max-width: 460px; }
.message__sent { display: flex; flex-direction: column; gap: 16px; padding: clamp(24px, 3vw, 40px); }
.message__sent h3 { font: 700 26px var(--font); color: var(--ink); }
.message__sent p { font: 400 16px/1.6 var(--font); }
.message .form-card .btn { align-self: flex-start; }