.kontakt-page {}

.kontakt-hero {
  background: linear-gradient(180deg, rgba(26,32,48,0.9), rgba(14,16,22,1));
}
.kontakt-hero__inner {
  max-width: var(--container-max);
  margin: 0 auto;
  display: grid;
  grid-template-columns: 40% 60%;
}
.kontakt-hero__text {
  max-width: 60ch;
}
.kontakt-dropcap {
  font-size: 2.5em;
  color: var(--color-accent-magic);
}

.kontakt-kategorie__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: var(--space-4);
}
.kontakt-karta {
  text-align: left;
  padding: var(--space-4);
  border: var(--border-subtle);
  background: var(--color-bg-secondary);
  border-radius: var(--radius-sm);
  transition: box-shadow .2s ease, border-color .2s ease;
}
.kontakt-karta:hover {
  border-color: var(--color-accent-primary);
  box-shadow: 0 0 12px rgba(74,163,255,0.2);
}

.kontakt-formularz__wrap {
  max-width: 800px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}
.kontakt-field {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}
.kontakt-actions {
  display: flex;
  justify-content: center;
}

.kontakt-success {
  max-width: 500px;
  margin: 0 auto;
  text-align: center;
  opacity: 0;
  transition: opacity .4s ease;
}
.kontakt-success.active {
  opacity: 1;
}

.kontakt-zasady__inner {
  max-width: 700px;
}

.kontakt-dlaczego__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: var(--space-4);
  max-width: 900px;
  margin: 0 auto;
}

.kontakt-cta {
  text-align: center;
}
.kontakt-cta__inner {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  align-items: center;
}

@media (max-width: 1000px) {
  .kontakt-kategorie__grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 800px) {
  .kontakt-hero__inner { grid-template-columns: 1fr; }
  .kontakt-hero__text { margin: 0 auto; text-align:center; }
  .kontakt-dlaczego__grid { grid-template-columns: 1fr; }
}
@media (max-width: 600px) {
  .kontakt-kategorie__grid { grid-template-columns: 1fr; }
}