@media all {

}
@media (max-width: 1200px) {

}
@media (max-width: 1000px) {

}
@media (max-width: 700px) {

}

/* === QUANTECTERAPIE.PL === START === */

/* Custom Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@500;600;700&family=Inter:wght@400;500;600&display=swap');

:root {
  --mark: #6b3fa0;        /* fiolet zamiast czerwieni */
  --mark-light: #9c6bdb;
  --mark-dark: #4a2872;
}

body { font-family: 'Inter', system-ui, sans-serif; }
h1, h2, h3, h4, h5, h6 { font-family: 'Quicksand', sans-serif; font-weight: 600; }

/* Hero - lepszy padding, max-width, kolor */
section.container.layout-2.fixed.bg-mark-dark {
  background: linear-gradient(135deg, var(--mark-dark) 0%, var(--mark) 100%) !important;
  padding: 6rem 0 !important;
}
section.container.layout-2.fixed.bg-mark-dark .section-content > div.color-white p {
  font-size: 1.1rem; max-width: 700px;
}

/* Karty wskazań - cienie, większy padding, hover */
section.container.layout-4.bg-grey-lighter > .section-content > div.bg-white.border-radius-1rem {
  padding: 2rem 1.2rem !important;
  box-shadow: 0 2px 12px rgba(0,0,0,0.06);
  transition: transform 0.2s, box-shadow 0.2s;
}
section.container.layout-4.bg-grey-lighter > .section-content > div.bg-white.border-radius-1rem:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(0,0,0,0.12);
}
section.container.layout-4.bg-grey-lighter .material-symbols-outlined.color-mark {
  font-size: 2.5rem !important; margin-bottom: 0.5rem;
}

/* CTA pill - białe na hero, fioletowe na innych */
section.container nav p a, section.container .cta-btn {
  display: inline-block;
  padding: 0.9rem 1.8rem;
  border-radius: 2rem;
  background: var(--mark);
  color: #fff !important;
  font-weight: 600;
  text-decoration: none;
  transition: background 0.2s;
}
section.container nav p a:hover { background: var(--mark-dark); text-decoration: none; }
section.container.bg-mark-dark nav p a,
section.container.bg-mark-light nav p a {
  background: #fff; color: var(--mark) !important;
}
section.container.bg-mark-dark nav p a:hover,
section.container.bg-mark-light nav p a:hover {
  background: var(--grey-lighter, #f1f2f6);
}

/* Section spacing */
section.container { padding: 3rem 0; }
section.container + section.container { margin-top: 0; }

/* Steps (sekcja "Jak wyglada sesja") */
section.container.layout-4.steps-v1 > .section-content > div {
  padding: 1.5rem 1rem;
}

/* Headers w sekcjach na ciemnym tle - bialy kolor */
section.container.bg-mark-dark h1,
section.container.bg-mark-dark h2,
section.container.bg-mark-dark h3,
section.container.bg-mark-light h1,
section.container.bg-mark-light h2,
section.container.bg-mark-light h3 { color: #fff !important; }

/* Linki w treści */
section.container.bg-grey-lighter a:not(nav a),
section.container:not([class*="bg-mark"]) a:not(nav a) {
  color: var(--mark);
}

/* Sekcje CTA z 2 buttonami w <nav> obok siebie - 12px gap (hero + bottom CTA) */
section.container[class*="bg-mark"] nav {
  display: inline-block;
  margin-right: 12px;
  margin-bottom: 8px;
  vertical-align: top;
}
section.container[class*="bg-mark"] nav:last-of-type {
  margin-right: 0;
}

/* === QUANTECTERAPIE.PL === END === */