/* Dodatkowe tło — ładowane po style.css, nic w nim nie nadpisuje trwale */
body{
  background-color:#f4efe3;
  background-image:
    radial-gradient(900px 500px at 8% 0%,rgba(120,160,100,.18),transparent 70%),
    radial-gradient(800px 500px at 100% 40%,rgba(200,170,110,.18),transparent 70%),
    radial-gradient(900px 600px at 0% 85%,rgba(120,160,100,.14),transparent 70%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160' fill='none' stroke='%23193b2a' stroke-opacity='.07' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M30 50c0-14 8-24 22-26 0 14-8 24-22 26Zm0 0 14-14'/%3E%3Cpath d='M110 120c0-14 8-24 22-26 0 14-8 24-22 26Zm0 0 14-14'/%3E%3Cpath d='M118 36c0-8 5-14 13-15 0 8-5 14-13 15Zm0 0 8-8'/%3E%3Cpath d='M44 130c0-8 5-14 13-15 0 8-5 14-13 15Zm0 0 8-8'/%3E%3C/svg%3E");
  background-attachment:fixed,fixed,fixed,scroll;
}
/* naprzemienne pasy pełnej szerokości */
main > section.wrap:nth-of-type(even){
  position:relative;
  background:rgba(255,255,255,.55);
  box-shadow:0 0 0 100vmax rgba(255,255,255,.55);
  clip-path:inset(0 -100vmax);
}
main > section.wrap:nth-of-type(odd):not(:first-child){
  position:relative;
  background:rgba(25,59,42,.045);
  box-shadow:0 0 0 100vmax rgba(25,59,42,.045);
  clip-path:inset(0 -100vmax);
}
.trust{background:rgba(255,255,255,.6);border-radius:14px}
.steps article,details{background-color:rgba(255,255,255,.75)}
@media (prefers-reduced-motion:no-preference){body{background-attachment:scroll}}

/* ===== Zdjęcie w banerze (hero) =====
   Poprawne adresy względem tego pliku (assets/). Układ i przyciemnienie zostają ze style.css */
.hero{background-image:url("hero-garden.webp")}
.hero[style*="snow.webp"]{background-image:url("snow.webp")}
.hero[style*="grave.webp"]{background-image:url("grave.webp")}