/* Smooth scroll global (tylko jeśli nie koliduje z innymi efektami) */
html{ scroll-behavior:smooth; }

/* Offset dla nawigacji hash (tylko na stronie oferty) */
body.page-oferta section[id]{ scroll-margin-top: 110px; }
/* Tablet: minimalny zapas tylko o kilka px ponad realną wysokość headera */
@media (max-width: 991.98px){ body.page-oferta section[id]{ scroll-margin-top: 100px; } }
/* Mobile: brak dodatkowego marginesu – sekcja zaczyna się natychmiast (uwaga: nagłówek sticky może przykryć górę, jeśli to niepożądane, zwiększ do ~84px) */
@media (max-width: 575.98px){ body.page-oferta section[id]{ scroll-margin-top: 0; } }

/* Drobne indywidualne korekty (jeśli któraś sekcja ma większy top padding) */
/* Sekcja akcentowa też zredukowana żeby nie było zbyt dużej pustki nad nagłówkiem */
body.page-oferta section.oferta-accent[id]{ scroll-margin-top: 110px; }
@media (max-width: 991.98px){ body.page-oferta section.oferta-accent[id]{ scroll-margin-top: 100px; } }
@media (max-width: 575.98px){ body.page-oferta section.oferta-accent[id]{ scroll-margin-top: 0; } }
/* oferta.css - sekcje oferty, łatwe spacingi, responsywność */
.oferta-section {
  --oferta-section-padding-y: 3rem;
  --oferta-section-padding-x: 0;
  padding: var(--oferta-section-padding-y) var(--oferta-section-padding-x);
  margin-bottom: 2.5rem;
}
.oferta-accent {
  background: #f8fafc;
}
.oferta-section h2 {
  margin-bottom: 1rem;
}
.oferta-section ul {
  margin-bottom: 1.5rem;
}
.oferta-img {
  max-width: 100%;
  height: auto;
  border-radius: 1rem;
  box-shadow: 0 4px 24px rgba(17,24,39,0.08);
}
@media (max-width: 767.98px) {
  .oferta-section {
    --oferta-section-padding-y: 2rem;
    margin-bottom: 1.5rem;
  }
}