/* =====================================================================
   NOWY WYGLĄD — nakładka na style.css i tlo.css
   Aby wrócić do starego wyglądu: usuń z <head> linię z nowy-wyglad.css
   (oraz linie z fonts.googleapis.com / fonts.gstatic.com).
   ===================================================================== */

:root{
  --green:#173826;          /* główna zieleń marki (lekko pogłębiona) */
  --green-2:#24513a;        /* hover */
  --ink:#1c2e22;            /* tekst główny — ciemniejszy = lepszy kontrast */
  --muted:#4f5c4c;          /* tekst pomocniczy — kontrast ok. 7:1 na tle */
  --cream:#f7f5ee;
  --paper:#fffdf8;
  --accent:#dfeaa6;         /* limonkowy akcent */
  --accent-ink:#4c6a2a;     /* kolor eyebrow / ikon */
  --line:#e2e2d6;
  --radius:20px;
  --radius-sm:12px;
  --shadow:0 1px 2px rgba(23,56,38,.04),0 8px 24px rgba(23,56,38,.07);
  --shadow-lg:0 2px 4px rgba(23,56,38,.05),0 22px 48px rgba(23,56,38,.12);
  --serif:"Fraunces",Georgia,"Times New Roman",serif;
  --sans:"Manrope",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
}

/* ---------- Podstawy: czcionka, rozmiar, tło ---------- */
body{
  font:17px/1.7 var(--sans);
  color:var(--ink);
  background:var(--cream);           /* spokojne, jednolite tło zamiast wzoru w listki */
  background-image:none;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
h1,h2{font-family:var(--serif);font-optical-sizing:auto;font-variation-settings:"SOFT" 50,"WONK" 0;color:inherit}
h1{font-weight:500;font-size:clamp(42px,5.4vw,80px);line-height:1.04;letter-spacing:-.025em}
h2{font-weight:500;font-size:clamp(32px,3.6vw,52px);line-height:1.1;letter-spacing:-.02em}
h1 em,h2 em{font-style:italic;font-weight:400}
h3{font-family:var(--sans);font-weight:700;font-size:21px;letter-spacing:-.01em}
p{text-wrap:pretty}
h1,h2{text-wrap:balance}
::selection{background:var(--accent);color:var(--green)}

/* pasy sekcji — delikatniej niż wcześniej */
main > section.wrap:nth-of-type(even){background:var(--paper);box-shadow:0 0 0 100vmax var(--paper)}
main > section.wrap:nth-of-type(odd):not(:first-child){background:#eef0e4;box-shadow:0 0 0 100vmax #eef0e4}

.eyebrow{font-size:13px;letter-spacing:.14em;font-weight:700;color:var(--accent-ink);gap:10px}
.eyebrow::before{content:"";width:22px;height:2px;border-radius:2px;background:currentColor;opacity:.7}
.hero .eyebrow::before{display:none}
.hero .eyebrow{font-size:13px;color:#eef2df}

/* ---------- Górny pasek + nagłówek (przyklejony, z rozmyciem) ---------- */
.topline{font-size:13px;letter-spacing:.01em}
.topline svg{width:15px;height:15px}
header{
  position:sticky;top:0;z-index:30;max-width:none;
  padding:16px max(48px,calc((100% - 1280px)/2 + 48px));
  background:rgba(247,245,238,.86);
  backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);
  border-bottom:1px solid rgba(23,56,38,.08);
}
.brand-mark{border-radius:14px 14px 14px 4px}
.brand-name{font-size:16px;letter-spacing:.08em}
.brand-name>span{font-size:11.5px;letter-spacing:.12em;color:var(--accent-ink);font-weight:700}
nav{gap:6px}
nav a{font-size:15px;font-weight:600;padding:9px 14px;border-radius:999px;transition:background .2s,color .2s}
nav a:hover,nav a[aria-current]{color:var(--green);background:#e6ebd6;text-decoration:none}
.call{font-size:15px;padding:11px 20px;border:0;background:var(--green);color:#fff;transition:background .2s}
.call:hover{background:var(--green-2)}

/* ---------- Przyciski ---------- */
.button{border-radius:999px;font-size:15px;font-weight:700;padding:16px 26px;min-height:54px;gap:12px;box-shadow:0 6px 18px rgba(23,56,38,.18)}
.button:hover{background:var(--green-2);transform:translateY(-2px);box-shadow:0 10px 24px rgba(23,56,38,.22)}
.hero .button{background:var(--accent);color:var(--green);box-shadow:0 8px 24px rgba(0,0,0,.25)}
.hero .button:hover{background:#ecf3c4}
.secondary{background:transparent;box-shadow:none;border:1.5px solid var(--green)}
.secondary:hover{background:var(--green);color:#fff}

/* ---------- Hero ---------- */
.hero{min-height:640px}
.hero-shade{background:linear-gradient(90deg,rgba(10,30,18,.92) 0%,rgba(10,30,18,.78) 32%,rgba(10,30,18,.35) 66%,rgba(10,30,18,.05) 100%),linear-gradient(0deg,rgba(10,30,18,.35),transparent 40%)}
.hero h1 em{color:var(--accent)}
.lead{font-size:19px;line-height:1.7;color:#eef1e6;max-width:600px}
.hero-phone{font-size:18px;font-weight:700}
.hero-label{border-radius:var(--radius);font-size:15px;padding:16px 22px;background:rgba(15,40,25,.55)}
.hero-label b{font:italic 500 21px var(--serif)}
.image-disclaimer{font-size:11px;border-radius:6px}

/* ---------- Pasek zaufania ---------- */
.trust{font-size:15px;font-weight:600;background:var(--paper);border-radius:var(--radius);margin-top:-36px;position:relative;z-index:2;box-shadow:var(--shadow);border:0;padding:22px 36px;max-width:1184px}
.trust svg{width:22px;height:22px;color:var(--accent-ink);background:#e9efd6;border-radius:50%;padding:4px;box-sizing:content-box}

/* ---------- Nagłówki sekcji ---------- */
.section-heading>p{font-size:17px;max-width:380px;color:var(--muted)}

/* ---------- Karty usług ---------- */
.cards{gap:28px}
.service-card{border:0;border-radius:var(--radius);background:var(--paper);box-shadow:var(--shadow);transition:transform .3s,box-shadow .3s}
.service-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}
.service-image{height:260px}
.service-number{font-size:12px;background:rgba(255,255,255,.9);color:var(--green);padding:5px 11px}
.service-icon{width:48px;height:48px;background:var(--accent);color:var(--green)}
.service-content{padding:28px 30px 30px}
.service-content small{font-size:12px;letter-spacing:.12em;color:var(--accent-ink)}
.service-content h3{font:500 32px/1.15 var(--serif);letter-spacing:-.015em}
.service-content p{font-size:16px;line-height:1.7;color:var(--muted);min-height:82px}
.service-link{font-size:15px;color:var(--green);border-top:1px solid var(--line);padding-top:18px}
.service-card:hover .service-link svg{transform:translate(3px,-3px)}
.service-link svg{transition:transform .25s}

/* ---------- Sekcja „Dbamy o to, co ważne” ---------- */
.care-photo img{border-radius:var(--radius) 120px var(--radius) var(--radius)}
.photo-note{border-radius:var(--radius-sm);font-size:16px;box-shadow:var(--shadow-lg)}
.photo-note em{font:italic 500 25px var(--serif)}
.care-copy>p:not(.eyebrow){font-size:17px;color:var(--muted)}
.benefit{gap:18px;margin-top:26px}
.benefit>span{width:46px;height:46px;background:var(--accent);color:var(--green);border-radius:14px}
.benefit svg{width:21px;height:21px}
.benefit h3{font-size:17px;margin-bottom:4px}
.benefit p{font-size:15.5px;line-height:1.6}
.text-link{font-size:16px;color:var(--green);border-bottom:2px solid var(--accent);padding-bottom:6px}
.text-link:hover{border-color:var(--green)}

/* ---------- Kroki ---------- */
.steps{gap:24px}
.steps article{border:0;border-radius:var(--radius);padding:32px;background:var(--paper)!important;box-shadow:var(--shadow)}
.steps article>b{font:italic 500 46px var(--serif);color:var(--accent-ink);opacity:.85}
.steps h3{font-size:20px}
.steps p{font-size:16px;max-width:none}

/* ---------- Podstrony: listy, notatki, karty, FAQ ---------- */
.split{gap:64px}
.check li{font-size:17px;margin-bottom:16px;padding-left:6px}
.check li::marker{content:"✓  ";color:var(--accent-ink);font-weight:700}
.note,.card{border-radius:var(--radius);padding:34px;box-shadow:var(--shadow)}
.note{background:var(--paper);border-left:5px solid var(--accent)}
.note h3,.card h3{font-family:var(--serif);font-weight:500;font-size:26px}
.note p,.card p{font-size:16px}
.green{background:#e6edd6}.blue{background:#e2ecea}.sand{background:#f0e9db}
details{background:var(--paper)!important;border:0;border-radius:var(--radius-sm);padding:4px 26px;margin-bottom:12px;box-shadow:var(--shadow)}
summary{font-size:17px;font-weight:700;padding:18px 0;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";font:400 26px/1 var(--sans);color:var(--accent-ink);transition:transform .25s}
details[open] summary::after{transform:rotate(45deg)}
details p{font-size:16px;padding:0 0 20px}

/* ---------- Kontakt + formularz ---------- */
.contact{background:var(--green) radial-gradient(800px 500px at 90% 10%,rgba(223,234,166,.10),transparent 70%)}
.contact .eyebrow{color:var(--accent)}
.contact-intro>p:not(.eyebrow){font-size:17px;color:#d6e0d2}
.contact-phone{font-size:34px;font-weight:800;letter-spacing:-.01em}
.contact-alternative a{font-size:15px}
.contact-intro .fine{font-size:13px!important;color:#c3d1bf!important}
form{border-radius:24px;padding:38px;box-shadow:0 30px 60px rgba(0,0,0,.25)}
form h3{font:500 32px var(--serif)}
.form-subtitle{font-size:15px}
label{font-size:14px;font-weight:700;margin-bottom:18px}
input,select,textarea{font-size:16px;border-radius:var(--radius-sm);border:1.5px solid #d6dccb;background:#fff;padding:13px 15px;min-height:50px;transition:border-color .2s,box-shadow .2s}
input:focus,select:focus,textarea:focus{outline:0;border-color:var(--accent-ink);box-shadow:0 0 0 4px rgba(223,234,166,.7)}
form .button{font-size:15px}
.fine{font-size:13px;line-height:1.6}

/* ---------- Stopka ---------- */
footer{background:#ecede2}
.footer-grid{font-size:15px}
.footer-grid h3{font-size:15px}
.footer-grid p{color:var(--muted)}
.footer-grid .eyebrow{font-size:12px}
.footer-grid .brand-name>span{font-size:11px}
.footer-phone{font-size:22px}
.footer-bottom{font-size:13px;color:var(--muted)}

/* ---------- Dostępność ---------- */
:focus-visible{outline:3px solid #c99a1e;outline-offset:3px;border-radius:6px}

/* ---------- Responsywność ---------- */
@media(max-width:1100px){
  header{padding-left:30px;padding-right:30px}
  nav a{font-size:14px;padding:8px 10px}
  .call{font-size:14px;padding:10px 16px}
}
@media(max-width:850px){
  header{position:static;padding:16px 22px;flex-wrap:wrap}
  nav{gap:4px}
  nav a{font-size:14px;padding:7px 10px}
  .hero{min-height:560px}
  .hero h1{font-size:56px}
  .trust{font-size:13px;margin:-28px 22px 0;padding:18px 20px}
  .section-heading>p{font-size:15px}
  .service-content small{font-size:11px}
  .service-content p{font-size:15px}
  .service-content h3{font-size:27px}
  .care-copy h2{font-size:34px}
  .contact-phone{font-size:28px}
  .contact h2{font-size:38px}
}
@media(max-width:620px){
  body{font-size:16.5px}
  .topline{font-size:12px}
  .brand-name{font-size:13px}
  .brand-name>span{font-size:10px}
  .call{font-size:13px;padding:9px 13px}
  nav{gap:0;justify-content:space-between;margin:0 -6px}
  nav a{font-size:13.5px;padding:7px 6px}
  .hero h1{font-size:39px;letter-spacing:-.02em}
  .image-disclaimer{bottom:auto;top:10px}
  .hero .eyebrow{font-size:11px;letter-spacing:.1em}
  .lead{font-size:17px}
  .hero-phone{font-size:17px}
  .eyebrow{font-size:12px;letter-spacing:.12em}
  .trust{margin:-24px 16px 0;padding:16px 18px;font-size:14px;gap:10px}
  .trust span{font-size:14px}
  .service-content{padding:24px}
  .service-content small{font-size:11.5px}
  .service-content p{font-size:16px}
  .service-content h3{font-size:30px}
  .benefit p{font-size:15px}
  .steps article{padding:26px}
  .steps p{font-size:16px}
  h2{font-size:34px}
  .contact h2{font-size:36px}
  .contact-phone{font-size:30px}
  form{padding:26px 22px}
  .note,.card{padding:26px}
  details{padding:2px 20px}
  .footer-bottom{font-size:12.5px}
  .mobile-contact a{font-size:15px;font-weight:700;padding:16px}
}
@media(prefers-reduced-motion:reduce){
  .service-card,.service-link svg,nav a,input,select,textarea{transition:none}
  .service-card:hover{transform:none}
}


/* =====================================================================
   OŻYWIENIE — kolory pór roku, ilustracje, kolaż, pasek, animacje
   ===================================================================== */
:root{
  --cream:#fbf8ef;
  --lime:#d4ec74;  --lime-soft:#eef7d4;
  --sun:#ffc93c;   --sun-soft:#fff2c7;
  --sky:#5aa9e0;   --sky-soft:#e1f0fb;
  --ember:#f08a4b; --ember-soft:#ffe5d3;
  --tint:var(--lime-soft);
  --hero-rgb:16,44,28;
  --grass:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 64' preserveAspectRatio='none'%3E%3Cpath d='M0 64V52Q1.2 38 0.9 24 Q2.8 38 4 52Q5.5 44 5.9 37 Q7.5 44 9 52Q10.8 38 12.4 25 Q13.2 38 15 52Q16.5 40 18.6 28 Q18.5 40 20 52Q21.5 31 23.3 11 Q23.5 31 25 52Q26.5 44 26.9 36 Q28.5 44 30 52Q31.2 40 32.9 28 Q32.8 40 34 52Q36.1 43 36.2 34 Q38.9 43 41 52Q42.8 42 45.1 33 Q45.2 42 47 52Q48.8 38 51.6 25 Q51.2 38 53 52Q55.1 38 55.1 25 Q57.9 38 60 52Q62.1 43 64.4 34 Q64.9 43 67 52Q69.1 29 68.8 7 Q71.9 29 74 52Q75.2 37 76.0 23 Q76.8 37 78 52Q79.5 31 82.4 10 Q81.5 31 83 52Q84.5 33 84.6 15 Q86.5 33 88 52Q89.8 41 91.8 30 Q92.2 41 94 52Q95.5 42 97.4 33 Q97.5 42 99 52Q101.1 35 102.1 19 Q103.9 35 106 52Q108.1 33 110.1 14 Q110.9 33 113 52Q114.5 28 115.3 5 Q116.5 28 118 52Q119.5 42 119.7 33 Q121.5 42 123 52Q124.8 38 125.5 24 Q127.2 38 129 52Q130.5 30 129.6 9 Q132.5 30 134 52Q135.8 33 136.3 15 Q138.2 33 140 52Q141.5 39 142.2 27 Q143.5 39 145 52Q146.2 30 146.6 9 Q147.8 30 149 52Q151.1 31 154.5 11 Q153.9 31 156 52Q158.1 37 161.0 23 Q160.9 37 163 52Q164.2 28 164.1 5 Q165.8 28 167 52Q168.5 32 168.1 13 Q170.5 32 172 52Q173.5 42 172.8 32 Q175.5 42 177 52Q178.5 38 180.6 24 Q180.5 38 182 52Q183.8 34 186.2 16 Q186.2 34 188 52Q190.1 30 189.7 8 Q192.9 30 195 52Q196.2 37 196.5 22 Q197.8 37 199 52Q200.8 30 200.2 8 Q203.2 30 205 52Q207.1 43 207.2 34 Q209.9 43 212 52Q213.5 29 213.1 7 Q215.5 29 217 52Q218.5 31 221.1 11 Q220.5 31 222 52Q223.2 41 225.7 30 Q224.8 41 226 52Q227.5 33 229.0 14 Q229.5 33 231 52Q232.5 33 233.3 15 Q234.5 33 236 52H240V64Z'/%3E%3C/svg%3E");
  --drift:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 64' preserveAspectRatio='none'%3E%3Cpath d='M0 64V42Q30 22 60 38T120 34T180 30T240 42V64Z'/%3E%3C/svg%3E");
}
/* Kolory podstron: odśnieżanie = zimowy błękit, groby = ciepłe światło znicza */
body:has(.hero[style*="snow.webp"]){--green:#13314a;--green-2:#1f4a6e;--accent:#bfe3f7;--accent-ink:#2a6c9a;--tint:var(--sky-soft);--hero-rgb:19,49,74;--grass:var(--drift)}
body:has(.hero[style*="grave.webp"]){--green:#3a2a36;--green-2:#56404f;--accent:#f6cf8a;--accent-ink:#9a5a2e;--tint:#fbeee0;--hero-rgb:58,42,54}

html,body{overflow-x:clip}
body{
  background:
    radial-gradient(700px 420px at 92% 6%,rgba(255,201,60,.16),transparent 70%),
    radial-gradient(800px 520px at 2% 30%,rgba(212,236,116,.28),transparent 70%),
    radial-gradient(700px 500px at 98% 62%,rgba(90,169,224,.10),transparent 70%),
    var(--cream);
}
h2 em{color:var(--accent-ink)}
.contact h2 em,.hero h1 em{color:var(--accent)}

/* pasy sekcji */
main > section.wrap:nth-of-type(even){background:var(--paper);box-shadow:0 0 0 100vmax var(--paper)}
main > section.wrap:nth-of-type(odd):not(:first-child){background:var(--tint);box-shadow:0 0 0 100vmax var(--tint)}
main > section.services,main > section.how{background:transparent!important;box-shadow:none!important}
main > section.care-section{background:var(--lime-soft)!important;box-shadow:0 0 0 100vmax var(--lime-soft)!important;padding-top:90px}
footer{background:var(--tint)}

/* ---------- Hero: jaśniejsze, z trawą na dole ---------- */
.hero-shade{background:linear-gradient(90deg,rgba(var(--hero-rgb),.9) 0%,rgba(var(--hero-rgb),.72) 34%,rgba(var(--hero-rgb),.22) 68%,rgba(var(--hero-rgb),0) 100%)}
.hero::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:56px;background:var(--cream);-webkit-mask:var(--grass) repeat-x bottom/240px 56px;mask:var(--grass) repeat-x bottom/240px 56px;pointer-events:none;z-index:1}
.hero-inner{z-index:2;padding-bottom:120px}
.image-disclaimer{bottom:auto;top:12px;z-index:2}
.hero-label{bottom:80px}
@media(min-width:851px){
  .page-hero{background-color:var(--green)}
  .page-hero .hero-shade{background:linear-gradient(90deg,var(--green) 20%,rgba(var(--hero-rgb),.94) 37%,rgba(var(--hero-rgb),.4) 68%,rgba(var(--hero-rgb),.05))}
}
@media(max-width:850px){.hero-shade{background:linear-gradient(90deg,rgba(var(--hero-rgb),.92),rgba(var(--hero-rgb),.5))}}
@media(prefers-reduced-motion:no-preference){
  .hero-copy>*{animation:rise .8s cubic-bezier(.2,.7,.2,1) both}
  .hero-copy>:nth-child(2){animation-delay:.08s}.hero-copy>:nth-child(3){animation-delay:.16s}.hero-copy>:nth-child(4){animation-delay:.24s}
  .hero-label{animation:rise .8s .4s both}
}
@keyframes rise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}

/* ---------- Pasek zaufania w kolorach ---------- */
.trust span:nth-child(1) svg{background:var(--lime);color:#3d5a1f}
.trust span:nth-child(2) svg{background:var(--sky-soft);color:#2a6c9a}
.trust span:nth-child(3) svg{background:var(--sun-soft);color:#9a6a00}

/* ---------- Karty usług — każda w swoim kolorze ---------- */
.service-card:nth-child(1){--c:var(--lime);--c-soft:var(--lime-soft);--c-ink:#4c6a2a}
.service-card:nth-child(2){--c:#bfe3f7;--c-soft:var(--sky-soft);--c-ink:#2a6c9a}
.service-card:nth-child(3){--c:#f6cf8a;--c-soft:#fdf0dc;--c-ink:#9a5a2e}
.service-content{border-top:6px solid var(--c);background:linear-gradient(180deg,var(--c-soft),var(--paper) 55%)}
.service-icon{background:var(--c);color:var(--c-ink);box-shadow:0 6px 16px rgba(0,0,0,.18)}
.service-content small{color:var(--c-ink)}
.service-link{color:var(--c-ink)}
.service-link svg{background:var(--c);border-radius:50%;padding:7px;box-sizing:content-box}

/* ---------- Pory roku ---------- */
.seasons{background:var(--paper);position:relative}
.season-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.season{--s-bg:var(--lime-soft);--s-art:#e6f5ff;--s-ink:#4c6a2a;background:var(--s-bg);border-radius:24px;padding:16px 16px 24px;transition:transform .35s,box-shadow .35s}
.season:hover{transform:translateY(-6px) rotate(-.6deg);box-shadow:var(--shadow-lg)}
.season-summer{--s-bg:var(--sun-soft);--s-art:#fffbe8;--s-ink:#9a6a00}
.season-autumn{--s-bg:var(--ember-soft);--s-art:#fff4ea;--s-ink:#b14f22}
.season-winter{--s-bg:var(--sky-soft);--s-art:#cfe7f9;--s-ink:#2a6c9a}
.season-art{background:var(--s-art);border-radius:16px;overflow:hidden;margin-bottom:18px}
.season-art svg{display:block;width:100%;height:auto}
.season>:not(.season-art){margin-left:8px;margin-right:8px}
.season-when{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--s-ink);margin-bottom:4px}
.season h3{font:500 30px/1.15 var(--serif);margin:0 0 8px}
.season p:not(.season-when){font-size:15.5px;line-height:1.6;color:var(--muted);margin-bottom:16px}
.season-tags{display:flex;flex-wrap:wrap;gap:8px}
.season-tags a{font-size:13.5px;font-weight:700;text-decoration:none;color:var(--s-ink);background:#fff;padding:6px 14px;border-radius:999px;transition:background .2s,color .2s}
.season-tags a:hover{background:var(--s-ink);color:#fff}
@media(prefers-reduced-motion:no-preference){
  .season-summer .season-art g:first-of-type{transform-origin:80px 36px;animation:spin 30s linear infinite}
  .season-winter .season-art g{animation:drift 6s ease-in-out infinite alternate}
}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes drift{to{transform:translateY(6px)}}

/* ---------- Kolaż zdjęć ---------- */
.care-photo .collage{position:absolute;width:160px;height:160px;border-radius:50%;border:7px solid var(--paper);box-shadow:var(--shadow-lg);object-fit:cover;z-index:2}
.care-photo .collage-snow{top:40px;left:-46px}
.care-photo .collage-grave{top:220px;left:-70px;width:124px;height:124px}
@media(prefers-reduced-motion:no-preference){
  .care-photo .collage-snow{animation:float 7s ease-in-out infinite}
  .care-photo .collage-grave{animation:float 8s 1s ease-in-out infinite reverse}
}
@keyframes float{50%{transform:translateY(-10px)}}
.photo-note{background:var(--sun)}
.benefit:nth-of-type(1)>span{background:var(--lime)}
.benefit:nth-of-type(2)>span{background:var(--sky-soft);color:#2a6c9a}
.benefit:nth-of-type(3)>span{background:var(--sun-soft);color:#9a6a00}

/* ---------- Kroki w kolorowych kółkach ---------- */
.steps article>b{display:grid;place-items:center;width:68px;height:68px;border-radius:50% 50% 50% 14%;background:var(--lime);color:var(--green);font-size:30px;opacity:1}
.steps article:nth-child(2)>b{background:var(--sun)}
.steps article:nth-child(3)>b{background:#bfe3f7}
.steps article{transition:transform .3s}
.steps article:hover{transform:translateY(-4px)}

/* ---------- Przewijany pasek ---------- */
.ticker{background:var(--lime);color:var(--green);overflow:hidden;padding:20px 0;transform:rotate(-1.4deg);margin:20px -30px -14px;position:relative;z-index:3;box-shadow:0 10px 30px rgba(23,56,38,.15)}
.ticker-track{display:flex;align-items:center;width:max-content;animation:ticker 70s linear infinite}
.ticker span{font:italic 500 30px/1 var(--serif);white-space:nowrap;margin-right:34px}
.ticker i{width:18px;height:18px;background:var(--green);border-radius:50% 0 50% 0;margin-right:34px;flex-shrink:0}
.ticker i:nth-of-type(3n+2){background:var(--sun);border-radius:50%}
.ticker i:nth-of-type(3n){background:var(--sky);transform:rotate(45deg);border-radius:3px}
@keyframes ticker{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.ticker-track{animation:none}}

/* ---------- Kontakt: więcej światła ---------- */
.contact{background:
  radial-gradient(520px 360px at 88% 12%,rgba(255,201,60,.16),transparent 70%),
  radial-gradient(600px 420px at 6% 92%,rgba(212,236,116,.16),transparent 70%),
  var(--green)}
.contact .wrap{padding-top:110px}

/* ---------- Podstrony ---------- */
.check li::marker{color:var(--accent-ink)}
.note{border-left-color:var(--accent);background:var(--paper)}

/* ---------- Pojawianie się przy przewijaniu ---------- */
.js-reveal .reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
.js-reveal .reveal.is-in{opacity:1;transform:none}

/* ---------- Responsywność nowych elementów ---------- */
@media(max-width:1100px){
  .season-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:850px){
  .care-photo .collage{width:110px;height:110px;border-width:5px}
  .care-photo .collage-snow{left:-14px;top:24px}
  .care-photo .collage-grave{left:-20px;top:150px;width:90px;height:90px}
  .ticker span{font-size:24px}
  .hero-label{bottom:52px}
  .home-hero .hero-inner{padding-bottom:150px}
}
@media(max-width:620px){
  .season-grid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:80%;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -22px;padding:4px 22px 18px;scrollbar-width:none}
  .season-grid::-webkit-scrollbar{display:none}
  .season{scroll-snap-align:center}
  .season:hover{transform:none}
  .care-photo .collage{width:92px;height:92px}
  .care-photo .collage-snow{left:-8px;top:18px}
  .care-photo .collage-grave{left:-8px;top:122px;width:74px;height:74px}
  .hero::after{height:36px;-webkit-mask-size:180px 36px;mask-size:180px 36px}
  .hero-inner{padding-bottom:80px}
  .ticker{padding:14px 0}
  .ticker span{font-size:21px;margin-right:24px}
  .ticker i{width:13px;height:13px;margin-right:24px}
  .contact .wrap{padding-top:80px}
}


/* =====================================================================
   WSPÓLNOTY MIESZKANIOWE — baner na stronie głównej i podstrona
   ===================================================================== */
.community-wrap>.wrap{padding-top:10px;padding-bottom:70px}
.community{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center;color:#f1f5e6;border-radius:32px;padding:56px;position:relative;overflow:hidden;box-shadow:var(--shadow-lg);
  background:radial-gradient(520px 340px at 100% 0%,rgba(255,201,60,.18),transparent 70%),radial-gradient(500px 360px at 0% 100%,rgba(212,236,116,.16),transparent 70%),var(--green)}
.community .eyebrow{color:var(--lime)}
.community h2{color:#fff}
.community h2 em{color:var(--lime)}
.community-copy>p:not(.eyebrow){font-size:17px;color:#d6e0d2;max-width:520px}
.community-chips{list-style:none;padding:0;margin:22px 0 6px;display:flex;flex-wrap:wrap;gap:8px}
.community-chips li{font-size:14px;font-weight:700;padding:7px 14px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18)}
.community-chips li:nth-child(5n+1){border-color:var(--lime)}
.community-chips li:nth-child(5n+2){border-color:#bfe3f7}
.community-chips li:nth-child(5n+4){border-color:var(--sun)}
.community .button{background:var(--lime);color:var(--green)}
.community .button:hover{background:#e6f5a0}
.community .hero-phone{color:#fff}
.community-art{background:linear-gradient(180deg,#d9eefc,#eef7ff);border-radius:24px;padding:24px 24px 0;overflow:hidden;transform:rotate(1.5deg);box-shadow:0 20px 40px rgba(0,0,0,.25)}
.community-art svg{display:block;width:100%;height:auto}

/* zakres usług */
.scope{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.scope-card{border-radius:24px;padding:36px;box-shadow:var(--shadow)}
.scope-out{background:var(--lime-soft);--k:var(--lime);--k-ink:#4c6a2a}
.scope-in{background:var(--sky-soft);--k:#bfe3f7;--k-ink:#2a6c9a}
.scope-head{display:flex;align-items:center;gap:16px;margin-bottom:22px}
.scope-head>span{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:var(--k);color:var(--k-ink);flex-shrink:0}
.scope-head svg{width:28px;height:28px}
.scope-head small{font-size:12px;font-weight:800;letter-spacing:.12em;color:var(--k-ink)}
.scope-head h3{font:500 28px/1.15 var(--serif);margin:2px 0 0}
.scope .check{margin:0}
.scope .check li{font-size:16.5px;margin-bottom:12px}
.scope .check li::marker{color:var(--k-ink)}

/* dlaczego jeden wykonawca */
.why{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.why article{background:var(--paper);border-radius:20px;padding:28px;box-shadow:var(--shadow)}
.why b{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--lime);color:var(--green);font:italic 500 22px var(--serif);margin-bottom:16px}
.why article:nth-child(2) b{background:var(--sun)}
.why article:nth-child(3) b{background:#bfe3f7}
.why article:nth-child(4) b{background:#f9c9a6}
.why h3{font-size:18px;margin:0 0 8px}
.why p{font-size:15.5px;color:var(--muted);margin:0}

/* rok obsługi bez ilustracji + pasek „przez cały rok” */
.season:not(:has(.season-art)){padding-top:26px}
.all-year{margin-top:20px;display:flex;align-items:center;gap:18px;background:var(--green);color:#e9efdc;border-radius:20px;padding:22px 28px}
.all-year>span{width:48px;height:48px;border-radius:50%;background:var(--lime);color:var(--green);display:grid;place-items:center;flex-shrink:0}
.all-year p{margin:0;font-size:16.5px}
.all-year b{color:var(--lime)}

@media(max-width:1000px){
  nav a{font-size:13.5px;padding:7px 8px}
  .call{font-size:13px;padding:9px 13px}
  .brand-name{font-size:14px}
}
@media(max-width:1100px){
  .community{grid-template-columns:1fr 1fr;padding:40px;gap:32px}
  .why{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:850px){
  .community{grid-template-columns:1fr}
  .community-art{max-width:460px;transform:none}
  .scope{grid-template-columns:1fr}
}
@media(max-width:620px){
  nav{overflow-x:auto;flex-wrap:nowrap;justify-content:flex-start;gap:2px;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);mask-image:linear-gradient(90deg,#000 88%,transparent);padding-right:24px}
  nav::-webkit-scrollbar{display:none}
  nav a{flex-shrink:0}
  .community-wrap>.wrap{padding-bottom:50px}
  .community{padding:30px 22px;border-radius:24px}
  .community-chips li{font-size:13px}
  .scope-card{padding:26px 22px}
  .scope-head h3{font-size:24px}
  .why{grid-template-columns:1fr}
  .all-year{align-items:flex-start;padding:20px}
}


/* =====================================================================
   LOGO SEASON4YOU (ikona + nazwa w Montserrat)
   ===================================================================== */
.brand.s4y{gap:12px}
.s4y-icon{width:58px;height:58px;flex-shrink:0;object-fit:contain}
.s4y-name{font:600 27px/1 "Montserrat",var(--sans);letter-spacing:-.025em;color:#1d2b23;white-space:nowrap}
.s4y-name b{font-weight:600;color:#a8834f;font-size:1.14em;line-height:0;position:relative;top:.07em}
.s4y-name>span{display:block;margin-top:7px;font:800 9.5px/1 var(--sans);letter-spacing:.17em;text-transform:uppercase;color:#4c6a2a}
.footer-grid .s4y-icon{width:50px;height:50px}
.footer-grid .s4y-name{font-size:23px}
.footer-grid .s4y-name>span{font-size:8.5px}
@media(max-width:1000px){.s4y-icon{width:48px;height:48px}.s4y-name{font-size:23px}.s4y-name>span{font-size:8.5px;letter-spacing:.13em}}
@media(max-width:620px){.brand.s4y{gap:8px}.s4y-icon{width:40px;height:40px}.s4y-name{font-size:19px}.s4y-name>span{font-size:7.5px;letter-spacing:.1em;margin-top:5px}}
@media(max-width:440px){
  header:has(.s4y) .call{font-size:0;gap:0;padding:12px;margin-left:auto}
  header:has(.s4y) .call svg{width:18px;height:18px}
}
.footer-bottom{flex-wrap:wrap;row-gap:6px}