/* Ogrody Roślin – „etykieta szkółkarska” */
@font-face{font-family:"Fraunces";src:url(../../fonts/fraunces-latin-full-normal.woff2) format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212}
@font-face{font-family:"Fraunces";src:url(../../fonts/fraunces-latin-ext-full-normal.woff2) format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+20A0-20AB,U+20AD-20C0,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Fraunces";font-style:italic;src:url(../../fonts/fraunces-latin-full-italic.woff2) format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F}
@font-face{font-family:"Fraunces";font-style:italic;src:url(../../fonts/fraunces-latin-ext-full-italic.woff2) format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+0100-02BA,U+1E00-1E9F}
@font-face{font-family:"Figtree";src:url(../../fonts/figtree-latin-wght-normal.woff2) format("woff2");font-weight:300 900;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+20AC,U+2212}
@font-face{font-family:"Figtree";src:url(../../fonts/figtree-latin-ext-wght-normal.woff2) format("woff2");font-weight:300 900;font-display:swap;unicode-range:U+0100-02BA,U+1E00-1E9F,U+20A0-20C0}

:root{
  --paper:#F3EFE4;--paper-2:#E8E1CE;--card:#FBF9F3;--ink:#1C2A1F;--ink-2:#4A564D;--line:rgba(28,42,31,.14);
  --green:#2E6B34;--green-2:#245729;--leaf:#3BA935;--forest:#16301C;--forest-2:#1F3F26;
  --plum:#6B2C91;--plum-2:#55207A;--plum-soft:#EFE6F3;--soil:#6B4E37;--amber:#C98A1B;
  --r:10px;--r-sm:6px;--shadow:0 1px 2px rgba(28,42,31,.06),0 8px 24px -12px rgba(28,42,31,.18);
  --f-display:"Fraunces",Georgia,serif;--f-text:"Figtree",system-ui,-apple-system,"Segoe UI",sans-serif;
  --wrap:1240px;--gut:clamp(18px,4vw,40px);--ease:cubic-bezier(.2,.7,.2,1);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:90px}
body{margin:0;background:var(--paper);color:var(--ink);font:400 17px/1.6 var(--f-text);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--plum);outline-offset:3px;border-radius:4px}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip{position:absolute;left:12px;top:-60px;background:var(--forest);color:#fff;padding:10px 16px;border-radius:6px;z-index:999;text-decoration:none}
.skip:focus{top:12px}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--gut)}
h1,h2,h3,h4{font-family:var(--f-display);font-weight:560;line-height:1.06;letter-spacing:-.015em;margin:0;font-variation-settings:"SOFT" 60,"WONK" 0}
h1{font-size:clamp(2.6rem,6.6vw,5.4rem);letter-spacing:-.025em}
h2{font-size:clamp(2rem,4.2vw,3.3rem)}
h3{font-size:1.45rem}
p{margin:0 0 1em}
.lead{font-size:clamp(1.05rem,1.4vw,1.2rem);color:var(--ink-2);max-width:56ch}
.eyebrow{display:inline-flex;align-items:center;gap:.55em;font:600 .78rem/1 var(--f-text);letter-spacing:.14em;text-transform:uppercase;color:var(--green);margin-bottom:1.1rem}
.eyebrow i{color:var(--leaf)}
.latin{font-family:var(--f-display);font-style:italic;font-weight:400;color:var(--ink-2)}
.muted{color:var(--ink-2)}

/* przyciski */
.btn{--bg:var(--green);--fg:#fff;display:inline-flex;align-items:center;justify-content:center;gap:.6em;min-height:50px;padding:0 1.35em;border-radius:999px;border:1.5px solid var(--bg);background:var(--bg);color:var(--fg);font-weight:650;font-size:1rem;text-decoration:none;cursor:pointer;transition:transform .25s var(--ease),background .25s,border-color .25s,box-shadow .25s;white-space:nowrap}
.btn:hover{transform:translateY(-2px);box-shadow:0 10px 22px -10px rgba(22,48,28,.5)}
.btn:active{transform:translateY(0)}
.btn-primary:hover{--bg:var(--green-2)}
.btn-plum{--bg:var(--plum)}.btn-plum:hover{--bg:var(--plum-2)}
.btn-ghost{--bg:transparent;--fg:var(--ink);border-color:var(--line)}
.btn-ghost:hover{border-color:var(--ink);box-shadow:none}
.btn-light{--bg:#fff;--fg:var(--forest)}
.btn-sm{min-height:40px;font-size:.92rem;padding:0 1em}
.btn[disabled]{opacity:.5;pointer-events:none}
.link{color:var(--plum);font-weight:600;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1.5px}

/* pasek makiety + komunikat */
.mock-note{background:var(--forest);color:#DDE8DA;font-size:.8rem;text-align:center;padding:6px var(--gut)}
.mock-note b{color:#fff}
.banner{background:var(--plum);color:#fff;font-size:.92rem;text-align:center;padding:9px var(--gut);display:flex;justify-content:center;gap:.6em;align-items:center}
.banner a{color:#fff;font-weight:600}

/* nagłówek */
.hdr{position:sticky;top:0;z-index:50;background:rgba(243,239,228,.92);backdrop-filter:saturate(1.4) blur(10px);-webkit-backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid transparent;transition:border-color .3s,box-shadow .3s}
.hdr.scrolled{border-color:var(--line);box-shadow:0 6px 24px -18px rgba(0,0,0,.3)}
.hdr .wrap{display:flex;align-items:center;gap:24px;height:78px}
.brand{display:flex;align-items:center;flex-shrink:0}
.brand img{height:50px;width:auto}
.nav{display:flex;gap:4px;margin-left:auto}
.nav a{padding:10px 14px;border-radius:999px;text-decoration:none;font-weight:550;font-size:.98rem;color:var(--ink-2);transition:color .2s,background .2s}
.nav a:hover,.nav a[aria-current=page]{color:var(--ink);background:rgba(28,42,31,.06)}
.hdr-actions{display:flex;align-items:center;gap:10px}
.hdr-phone{display:flex;align-items:center;gap:.5em;text-decoration:none;font-weight:700;font-size:1rem;padding:0 6px}
.hdr-phone i{color:var(--green)}
.list-btn{position:relative;width:46px;height:46px;border-radius:50%;border:1.5px solid var(--line);background:var(--card);display:grid;place-items:center;cursor:pointer;transition:border-color .2s}
.list-btn:hover{border-color:var(--ink)}
.list-btn .count{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:var(--plum);color:#fff;font-size:.72rem;font-weight:700;display:grid;place-items:center;transform:scale(0);transition:transform .3s var(--ease)}
.list-btn .count.on{transform:scale(1)}
.list-btn.bump{animation:bump .5s var(--ease)}
@keyframes bump{40%{transform:scale(1.15) rotate(-6deg)}}
.menu-btn{display:none;width:46px;height:46px;border-radius:50%;border:1.5px solid var(--line);background:var(--card);cursor:pointer}
@media (max-width:980px){.nav,.hdr-phone{display:none}.menu-btn{display:grid;place-items:center}.hdr .wrap{height:68px}.brand img{height:42px}.hdr-actions{margin-left:auto}}
.mnav{position:fixed;inset:0;z-index:80;background:var(--paper);padding:90px var(--gut) 30px;display:flex;flex-direction:column;gap:6px;transform:translateY(-100%);transition:transform .45s var(--ease);visibility:hidden}
.mnav.open{transform:none;visibility:visible}
.mnav a.big{font:560 2rem/1.2 var(--f-display);text-decoration:none;padding:8px 0;border-bottom:1px solid var(--line)}
.mnav .close{position:absolute;top:12px;right:var(--gut);width:46px;height:46px;border-radius:50%;border:1.5px solid var(--line);background:var(--card)}
.mnav .mnav-contact{margin-top:auto;display:grid;gap:10px}

/* hero */
.hero{position:relative;padding:clamp(28px,5vw,64px) 0 clamp(40px,6vw,90px)}
.hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(28px,5vw,72px);align-items:center}
.hero h1 em{font-style:italic;font-weight:440;color:var(--green)}
.hero .lead{margin:1.4rem 0 2rem}
.hero-ctas{display:flex;flex-wrap:wrap;gap:12px}
.open-chip{display:inline-flex;align-items:center;gap:.55em;font-weight:600;font-size:.92rem;padding:7px 14px 7px 12px;border-radius:999px;background:var(--card);border:1px solid var(--line);margin-bottom:1.4rem}
.open-chip .dot{width:9px;height:9px;border-radius:50%;background:#B9473A;box-shadow:0 0 0 4px rgba(185,71,58,.15)}
.open-chip.is-open .dot{background:var(--leaf);box-shadow:0 0 0 4px rgba(59,169,53,.18);animation:pulse 2.4s infinite}
@keyframes pulse{50%{box-shadow:0 0 0 8px rgba(59,169,53,0)}}
.hero-stats{display:flex;gap:clamp(18px,3vw,40px);margin-top:2.4rem;padding-top:1.6rem;border-top:1px solid var(--line);flex-wrap:wrap}
.hero-stats b{display:block;font:560 2rem/1 var(--f-display);letter-spacing:-.02em}
.hero-stats span{font-size:.88rem;color:var(--ink-2)}
.hero-media{position:relative;aspect-ratio:4/5;border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow);background:var(--paper-2)}
.hero-media picture,.hero-media img{width:100%;height:100%;object-fit:cover}
.hero-media img{transform:scale(1.08);transition:transform 1.6s var(--ease)}
.loaded .hero-media img{transform:scale(1)}
.hero-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 55%,rgba(10,25,14,.45))}
.hero-cap{position:absolute;left:18px;bottom:16px;z-index:2;color:#fff;font-size:.82rem;display:flex;gap:.5em;align-items:center;opacity:.92}
/* zawieszka w hero */
.hang{position:absolute;z-index:3;top:-6px;right:clamp(14px,6%,44px);width:min(230px,52%);transform-origin:50% 0;animation:sway 6s ease-in-out infinite}
.hang .string{display:block;width:2px;height:58px;margin:0 auto;background:linear-gradient(#fff,#e8e2d4)}
@keyframes sway{0%,100%{transform:rotate(-2.4deg)}50%{transform:rotate(2.4deg)}}
.label{position:relative;background:var(--card);border-radius:12px 12px 14px 14px;padding:26px 18px 16px;box-shadow:0 16px 30px -14px rgba(0,0,0,.45);text-decoration:none;display:block}
.label::before{content:"";position:absolute;top:9px;left:50%;width:12px;height:12px;margin-left:-6px;border-radius:50%;background:var(--paper-2);box-shadow:inset 0 1px 2px rgba(0,0,0,.25)}
.label .latin{font-size:.85rem;display:block}
.label strong{display:block;font:560 1.25rem/1.15 var(--f-display);margin:2px 0 8px}
.label .row{display:flex;justify-content:space-between;gap:8px;font-size:.82rem;color:var(--ink-2)}
.label .price{font-weight:700;color:var(--plum)}
@media (max-width:860px){
  .hero-grid{grid-template-columns:1fr}
  .hero-media{aspect-ratio:4/4.3;order:-1;margin:0 calc(var(--gut) * -1);border-radius:0}
  .hero{padding-top:0}
  .hang{width:180px}
}

/* pasek info */
.strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--card)}
.strip ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr)}
.strip li{display:flex;align-items:center;gap:12px;padding:20px 18px;border-left:1px solid var(--line);font-size:.95rem;line-height:1.35}
.strip li:first-child{border-left:0}
.strip i{font-size:1.25rem;color:var(--green);width:24px;text-align:center}
.strip b{display:block}
@media (max-width:860px){.strip ul{grid-template-columns:1fr 1fr}.strip li:nth-child(3){border-left:0}.strip li:nth-child(n+3){border-top:1px solid var(--line)}}
@media (max-width:460px){.strip li{padding:16px 12px;font-size:.88rem}}

/* sekcje */
.sec{padding:clamp(64px,9vw,130px) 0}
.sec-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:clamp(28px,4vw,52px);flex-wrap:wrap}
.sec-head h2{max-width:18ch}
.sec-head p{max-width:46ch;color:var(--ink-2);margin:0}

/* kategorie – lista redakcyjna */
.cats{border-top:1px solid var(--ink)}
.cat{display:grid;grid-template-columns:64px 1fr auto 56px;align-items:center;gap:22px;padding:22px 6px;border-bottom:1px solid var(--line);text-decoration:none;position:relative;transition:padding .35s var(--ease),background .35s}
.cat .n{font:500 .9rem/1 var(--f-text);color:var(--ink-2);font-variant-numeric:tabular-nums}
.cat h3{font-size:clamp(1.5rem,3vw,2.4rem);transition:color .3s}
.cat p{margin:4px 0 0;color:var(--ink-2);font-size:.95rem}
.cat .cnt{font-size:.9rem;color:var(--ink-2);white-space:nowrap}
.cat .go{width:46px;height:46px;border-radius:50%;border:1.5px solid var(--line);display:grid;place-items:center;transition:all .3s var(--ease)}
.cat:hover{padding-left:20px;background:var(--card)}
.cat:hover h3{color:var(--green)}
.cat:hover .go{background:var(--green);border-color:var(--green);color:#fff;transform:rotate(-45deg)}
.cat-peek{position:fixed;z-index:40;width:220px;aspect-ratio:1;border-radius:var(--r);overflow:hidden;pointer-events:none;opacity:0;transform:translate(-50%,-50%) scale(.85) rotate(-4deg);transition:opacity .25s,transform .35s var(--ease);box-shadow:var(--shadow);display:grid;place-items:center}
.cat-peek.on{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(-4deg)}
.cat-peek img{width:100%;height:100%;object-fit:cover}
.cat-peek i{font-size:4rem;color:rgba(28,42,31,.35)}
@media (max-width:700px){.cat{grid-template-columns:1fr auto;gap:8px 14px;padding:18px 2px}.cat .n{display:none}.cat .cnt{grid-column:1;grid-row:2}.cat .go{grid-row:1/3;grid-column:2;width:42px;height:42px}.cat:hover{padding-left:2px}.cat-peek{display:none}}

/* karta = etykieta szkółkarska */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(240px,100%),1fr));gap:clamp(16px,2vw,26px)}
.tag{position:relative;display:flex;flex-direction:column;background:var(--card);border-radius:14px;box-shadow:0 1px 0 rgba(28,42,31,.06),0 12px 28px -20px rgba(28,42,31,.4);transform-origin:50% 0;transition:transform .5s var(--ease),box-shadow .4s}
.tag:hover{transform:translateY(-4px) rotate(-.6deg);box-shadow:0 1px 0 rgba(28,42,31,.06),0 22px 40px -22px rgba(28,42,31,.5)}
.tag-hole{position:absolute;z-index:3;top:12px;left:16px;width:13px;height:13px;border-radius:50%;background:var(--paper);box-shadow:inset 0 1px 2px rgba(0,0,0,.25)}
.tag-hole::after{content:"";position:absolute;left:5px;top:-20px;width:2px;height:22px;background:#d8cfb8;transform:rotate(14deg);transform-origin:bottom}
.tag-media{position:relative;aspect-ratio:1/1;border-radius:14px 14px 0 0;overflow:hidden;background:var(--tint,#E4EBD8);display:block}
.tag-media img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.tag:hover .tag-media img{transform:scale(1.05)}
.ph{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:rgba(28,42,31,.42);background:radial-gradient(circle at 50% 42%,rgba(255,255,255,.55),transparent 62%),var(--tint,#E4EBD8)}
.ph{gap:0}
.ph b{font:italic 340 clamp(6rem,11vw,9rem)/1 var(--f-display);color:rgba(28,42,31,.16);letter-spacing:-.04em;font-variation-settings:"SOFT" 100,"opsz" 144}
.ph i{position:absolute;left:16px;bottom:14px;font-size:1rem;color:rgba(28,42,31,.32)}
.ph span{position:absolute;right:14px;bottom:14px;font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;font-weight:600}
.ph::before{content:"";position:absolute;inset:14px;border:1px dashed rgba(28,42,31,.14);border-radius:10px}
.badges{position:absolute;z-index:2;top:12px;right:12px;display:flex;gap:6px}
.badge{font-size:.72rem;font-weight:700;letter-spacing:.04em;padding:5px 9px;border-radius:999px;background:var(--card);color:var(--ink)}
.badge.new{background:var(--plum);color:#fff}
.tag-body{padding:16px 18px 18px;display:flex;flex-direction:column;gap:4px;flex:1}
.tag-body .latin{font-size:.86rem}
.tag-body h3{font-size:1.32rem;line-height:1.12}
.tag-body h3 a{text-decoration:none}
.tag-body h3 a::after{content:"";position:absolute;inset:0;z-index:1}
.tag-body .short{font-size:.9rem;color:var(--ink-2);margin:4px 0 10px;line-height:1.45}
.tag-meta{display:flex;flex-wrap:wrap;gap:6px 12px;font-size:.8rem;color:var(--ink-2);margin-bottom:12px}
.tag-meta i{color:var(--green);margin-right:4px}
.tag-foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:12px;border-top:1px dashed var(--line)}
.tag-price{font-weight:700;font-size:1.05rem}
.tag-price small{font-weight:500;color:var(--ink-2);font-size:.78rem}
.add{position:relative;z-index:2;display:inline-flex;align-items:center;gap:.45em;height:38px;padding:0 14px;border-radius:999px;border:1.5px solid var(--green);background:transparent;color:var(--green);font-weight:650;font-size:.88rem;cursor:pointer;transition:all .25s}
.add:hover{background:var(--green);color:#fff}
.add.added{background:var(--green);color:#fff}
.av{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;font-weight:600}
.av::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}
.av.ok{color:#2E7D32}.av.low{color:#B7791F}.av.order{color:var(--plum)}.av.later{color:#3A6EA5}.av.none{color:#9B3B30}

/* rail */
.rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(250px,1fr);gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;padding:20px 4px 22px;margin:0 -4px;scrollbar-width:thin}
.rail>*{scroll-snap-align:start}
.sezon{display:grid;grid-template-columns:.8fr 2fr;gap:clamp(24px,4vw,56px);align-items:start}
.sezon-side{position:sticky;top:110px}
.sezon-side .month{font:400 clamp(4rem,9vw,7rem)/.9 var(--f-display);font-style:italic;color:var(--plum);letter-spacing:-.04em;margin:.2em 0 .3em}
@media (max-width:860px){.sezon{grid-template-columns:1fr}.sezon-side{position:static}}

/* kalendarz zbiorów */
.cal{background:var(--card);border-radius:var(--r);box-shadow:var(--shadow);padding:clamp(18px,3vw,34px)}
.cal-months{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin-bottom:22px}
.cal-months button{border:1.5px solid var(--line);background:transparent;border-radius:12px;padding:12px 4px 10px;cursor:pointer;transition:all .25s;text-align:center}
.cal-months button b{display:block;font:560 1.5rem/1 var(--f-display)}
.cal-months button span{font-size:.75rem;color:var(--ink-2)}
.cal-months button:hover{border-color:var(--ink)}
.cal-months button[aria-pressed=true]{background:var(--plum);border-color:var(--plum);color:#fff}
.cal-months button[aria-pressed=true] span{color:#E9DDF0}
.gantt{display:grid;grid-template-columns:minmax(120px,190px) 1fr;gap:0;font-size:.9rem}
.gantt .g-row{display:contents}
.gantt .g-name{padding:7px 10px 7px 0;border-top:1px solid var(--line);text-decoration:none;font-weight:550;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gantt .g-name:hover{color:var(--green)}
.gantt .g-track{position:relative;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(7,1fr)}
.gantt .g-track span{border-left:1px dashed rgba(28,42,31,.08)}
.gantt .g-bar{position:absolute;top:8px;bottom:8px;border-radius:999px;background:var(--bar,#7aa86b);opacity:.9;transition:opacity .3s,transform .3s var(--ease);transform-origin:left}
.gantt.filtered .g-row:not(.hit) .g-bar{opacity:.15}
.gantt.filtered .g-row:not(.hit) .g-name{color:rgba(28,42,31,.35)}
.gantt .g-head{font-size:.75rem;color:var(--ink-2);display:grid;grid-template-columns:repeat(7,1fr);text-align:center;padding-bottom:6px}
.cal-result{margin-top:18px;padding-top:16px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.chip{display:inline-flex;align-items:center;gap:.4em;padding:7px 12px;border-radius:999px;background:var(--plum-soft);color:var(--plum-2);font-weight:600;font-size:.88rem;text-decoration:none}
.chip:hover{background:var(--plum);color:#fff}
@media (max-width:640px){.cal-months{grid-template-columns:repeat(4,1fr)}.gantt{grid-template-columns:104px 1fr;font-size:.82rem}}

/* ogrody – ciemna */
.dark{background:var(--forest);color:#E8EFE4}
.dark .eyebrow{color:#9FD39A}
.dark .lead,.dark p{color:#C3D2C0}
.og-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(30px,5vw,80px);align-items:start}
.steps{list-style:none;margin:0;padding:0;counter-reset:s}
.steps li{display:grid;grid-template-columns:64px 1fr;gap:18px;padding:26px 0;border-top:1px solid rgba(255,255,255,.14)}
.steps li:last-child{border-bottom:1px solid rgba(255,255,255,.14)}
.steps .ico{width:56px;height:56px;border-radius:50%;border:1.5px solid rgba(255,255,255,.25);display:grid;place-items:center;font-size:1.2rem;color:#9FD39A}
.steps h3{font-size:1.6rem;color:#fff;margin-bottom:6px}
.steps h3 small{font:500 .8rem var(--f-text);color:#9FD39A;margin-right:10px;letter-spacing:.1em}
.steps p{margin:0}
.og-note{display:flex;gap:14px;align-items:center;margin-top:28px;padding:16px 18px;border-radius:var(--r);background:var(--forest-2);font-size:.95rem}
.og-note i{font-size:1.4rem;color:#9FD39A}
@media (max-width:860px){.og-grid{grid-template-columns:1fr}}

/* o nas */
.about{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(30px,5vw,80px);align-items:center}
.collage{position:relative;aspect-ratio:1/1}
.collage .c1{position:absolute;inset:0 22% 18% 0;border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow)}
.collage .c2{position:absolute;right:0;bottom:0;width:48%;aspect-ratio:3/4;border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow);border:6px solid var(--paper)}
.collage img{width:100%;height:100%;object-fit:cover}
.facts{list-style:none;padding:0;margin:1.6rem 0 0;display:grid;gap:12px}
.facts li{display:flex;gap:12px;align-items:flex-start}
.facts i{color:var(--green);margin-top:5px}
.thanks{margin-top:22px;padding:14px 16px;border-left:3px solid var(--plum);background:var(--card);font-size:.92rem;color:var(--ink-2)}
@media (max-width:860px){.about{grid-template-columns:1fr}}

/* dojazd */
.visit{display:grid;grid-template-columns:1fr 1.25fr;gap:clamp(24px,4vw,56px)}
.hours{width:100%;border-collapse:collapse;font-size:1rem}
.hours td{padding:12px 0;border-bottom:1px solid var(--line)}
.hours td:last-child{text-align:right;font-variant-numeric:tabular-nums;font-weight:600}
.hours tr.today td{color:var(--plum);font-weight:700}
.hours tr.today td:first-child::after{content:"dziś";margin-left:8px;font-size:.7rem;padding:3px 7px;border-radius:999px;background:var(--plum-soft);vertical-align:2px}
.season-note{font-size:.85rem;color:var(--ink-2);margin-top:10px}
.map{position:relative;border-radius:var(--r);overflow:hidden;background:var(--paper-2);min-height:380px;box-shadow:var(--shadow)}
.map iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.map-cover{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;padding:24px;background:repeating-linear-gradient(135deg,rgba(28,42,31,.035) 0 12px,transparent 12px 24px),var(--paper-2)}
.map-cover .pin{width:64px;height:64px;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center;font-size:1.5rem}
.map-cover small{color:var(--ink-2);max-width:36ch}
.addr{font:560 1.5rem/1.25 var(--f-display);margin:.2em 0 .8em}
@media (max-width:860px){.visit{grid-template-columns:1fr}.map{min-height:300px}}

/* kontakt */
.contact{display:grid;grid-template-columns:1fr 1.15fr;gap:clamp(28px,5vw,72px)}
.phones a{display:flex;align-items:center;gap:14px;text-decoration:none;font:560 clamp(1.7rem,3.4vw,2.5rem)/1.15 var(--f-display);padding:10px 0;letter-spacing:-.01em}
.phones a i{font-size:1rem;width:44px;height:44px;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center}
.phones a:hover{color:var(--green)}
.form{background:var(--card);border-radius:var(--r);box-shadow:var(--shadow);padding:clamp(20px,3vw,34px);display:grid;gap:14px}
.f-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.field{display:grid;gap:6px}
.field label{font-weight:600;font-size:.9rem}
.field label small{font-weight:400;color:var(--ink-2)}
.input{width:100%;min-height:50px;padding:12px 14px;border-radius:var(--r-sm);border:1.5px solid var(--line);background:#fff;transition:border-color .2s,box-shadow .2s}
textarea.input{min-height:120px;resize:vertical}
.input:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 4px rgba(46,107,52,.14)}
.input[aria-invalid=true]{border-color:#B23B2E}
.err{color:#B23B2E;font-size:.82rem;font-weight:600}
.consent{font-size:.8rem;color:var(--ink-2);display:flex;gap:10px;align-items:flex-start}
.consent input{margin-top:3px;width:18px;height:18px;accent-color:var(--green)}
.form-list{display:flex;flex-wrap:wrap;gap:6px}
.form-ok{text-align:center;padding:30px 10px}
.form-ok i{font-size:2.6rem;color:var(--green);margin-bottom:10px}
@media (max-width:860px){.contact{grid-template-columns:1fr}}
@media (max-width:520px){.f-row{grid-template-columns:1fr}}

/* stopka */
.ftr{background:var(--card);border-top:1px solid var(--line);padding:64px 0 110px;font-size:.95rem}
.ftr-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px}
.ftr h4{font:600 .78rem/1 var(--f-text);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);margin-bottom:16px}
.ftr ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.ftr a{text-decoration:none}
.ftr a:hover{color:var(--green);text-decoration:underline}
.ftr .logo{height:56px;width:auto;margin-bottom:14px}
.ftr-bottom{margin-top:44px;padding-top:20px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;color:var(--ink-2);font-size:.85rem}
@media (max-width:860px){.ftr-grid{grid-template-columns:1fr 1fr}.ftr{padding-bottom:120px}}
@media (min-width:981px){.ftr{padding-bottom:40px}}

/* sticky mobile */
.mbar{position:fixed;left:10px;right:10px;bottom:10px;z-index:60;display:none;grid-template-columns:1fr 1fr 1fr;gap:6px;padding:6px;border-radius:18px;background:rgba(22,48,28,.96);backdrop-filter:blur(8px);box-shadow:0 14px 30px -12px rgba(0,0,0,.5);transform:translateY(130%);transition:transform .45s var(--ease)}
.mbar.on{transform:none}
.mbar a,.mbar button{display:flex;flex-direction:column;align-items:center;gap:3px;padding:9px 4px;border:0;border-radius:13px;background:transparent;color:#E8EFE4;font-size:.75rem;font-weight:600;text-decoration:none;cursor:pointer}
.mbar a:first-child{background:var(--leaf);color:#0F2413}
.mbar i{font-size:1.05rem}
.mbar .count{font-size:.7rem;background:var(--plum);color:#fff;border-radius:999px;padding:0 6px;margin-left:3px}
@media (max-width:980px){.mbar{display:grid}}

/* szuflada listy */
.drawer{position:fixed;inset:0;z-index:90;visibility:hidden}
.drawer.open{visibility:visible}
.drawer-bg{position:absolute;inset:0;background:rgba(15,25,18,.45);opacity:0;transition:opacity .35s}
.drawer.open .drawer-bg{opacity:1}
.drawer-panel{position:absolute;top:0;right:0;bottom:0;width:min(460px,100%);background:var(--paper);display:flex;flex-direction:column;transform:translateX(100%);transition:transform .45s var(--ease);box-shadow:-20px 0 40px -20px rgba(0,0,0,.4)}
.drawer.open .drawer-panel{transform:none}
.drawer-head{display:flex;justify-content:space-between;align-items:center;padding:20px 22px;border-bottom:1px solid var(--line)}
.drawer-head h2{font-size:1.6rem}
.icon-btn{width:42px;height:42px;border-radius:50%;border:1.5px solid var(--line);background:var(--card);cursor:pointer;display:grid;place-items:center}
.icon-btn:hover{border-color:var(--ink)}
.drawer-body{flex:1;overflow:auto;padding:16px 22px}
.drawer-foot{padding:16px 22px 22px;border-top:1px solid var(--line);background:var(--card)}
.li{display:grid;grid-template-columns:56px 1fr auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}
.li-img{width:56px;height:56px;border-radius:8px;overflow:hidden;background:var(--tint);display:grid;place-items:center;color:rgba(28,42,31,.35)}
.li-img img{width:100%;height:100%;object-fit:cover}
.li b{display:block;line-height:1.2}
.li small{color:var(--ink-2)}
.qty{display:flex;align-items:center;border:1.5px solid var(--line);border-radius:999px;height:36px}
.qty button{width:32px;height:32px;border:0;background:none;cursor:pointer;font-size:1rem}
.qty input{width:44px;text-align:center;border:0;background:transparent;-moz-appearance:textfield}
.qty input::-webkit-inner-spin-button{-webkit-appearance:none}
.rm{border:0;background:none;color:var(--ink-2);font-size:.78rem;cursor:pointer;padding:4px 0;text-decoration:underline}
.empty{text-align:center;padding:50px 10px;color:var(--ink-2)}
.empty i{font-size:2.4rem;color:var(--green);opacity:.6;margin-bottom:12px}

/* katalog */
.page-head{padding-top:clamp(30px,5vw,60px);padding-bottom:clamp(20px,3vw,34px)}
.crumbs{font-size:.85rem;color:var(--ink-2);margin-bottom:14px;display:flex;gap:8px;flex-wrap:wrap}
.crumbs a{text-decoration:none}.crumbs a:hover{text-decoration:underline}
.kat{display:grid;grid-template-columns:260px 1fr;gap:clamp(24px,3vw,44px);padding-bottom:90px}
.filters{position:sticky;top:100px;align-self:start;display:grid;gap:22px}
.filters h3{font:600 .78rem/1 var(--f-text);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);margin-bottom:10px}
.fopt{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border-radius:8px;cursor:pointer;font-size:.95rem}
.fopt:hover{background:rgba(28,42,31,.05)}
.fopt input{accent-color:var(--green);width:17px;height:17px}
.fopt span:first-of-type{flex:1}
.fopt .c{color:var(--ink-2);font-size:.82rem}
.mchips{display:flex;flex-wrap:wrap;gap:6px}
.mchips button{border:1.5px solid var(--line);background:transparent;border-radius:999px;padding:6px 10px;font-size:.85rem;cursor:pointer}
.mchips button[aria-pressed=true]{background:var(--plum);border-color:var(--plum);color:#fff}
.toolbar{display:flex;gap:12px;align-items:center;margin-bottom:22px;flex-wrap:wrap}
.search{flex:1;min-width:220px;position:relative}
.search i{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--ink-2)}
.search input{padding-left:44px;border-radius:999px}
.toolbar select{min-height:50px;border-radius:999px;padding:0 16px;border:1.5px solid var(--line);background:#fff}
.fbtn{display:none}
.result-count{font-size:.9rem;color:var(--ink-2);margin-bottom:14px}
@media (max-width:900px){.kat{grid-template-columns:1fr}.filters{position:fixed;inset:auto 0 0 0;z-index:85;background:var(--paper);max-height:82vh;overflow:auto;padding:22px var(--gut) 100px;border-radius:20px 20px 0 0;box-shadow:0 -20px 40px -10px rgba(0,0,0,.3);transform:translateY(105%);visibility:hidden;transition:transform .4s var(--ease),visibility .4s}.filters.open{transform:none;visibility:visible}.fbtn{display:inline-flex}}

/* karta rośliny */
.pdp{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(28px,5vw,72px);padding-bottom:70px}
.gal-main{position:relative;aspect-ratio:1/1;border-radius:var(--r);overflow:hidden;background:var(--tint);box-shadow:var(--shadow)}
.gal-main img{width:100%;height:100%;object-fit:cover}
.gal-thumbs{display:flex;gap:10px;margin-top:12px}
.gal-thumbs button{width:76px;height:76px;border-radius:8px;overflow:hidden;border:2px solid transparent;padding:0;cursor:pointer;background:var(--paper-2)}
.gal-thumbs button[aria-current=true]{border-color:var(--plum)}
.gal-thumbs img{width:100%;height:100%;object-fit:cover}
.pdp-info .latin{font-size:1.15rem}
.pdp-info h1{font-size:clamp(2.4rem,5vw,4rem);margin:.15em 0 .3em}
.pdp-price{display:flex;align-items:baseline;gap:12px;margin:18px 0;flex-wrap:wrap}
.pdp-price b{font:560 2.2rem/1 var(--f-display);color:var(--plum)}
.pdp-price small{color:var(--ink-2)}
.specs{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border-radius:var(--r);overflow:hidden;margin:22px 0}
.specs div{background:var(--card);padding:14px 16px;font-size:.92rem}
.specs dt{font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2);margin-bottom:4px;display:flex;gap:6px;align-items:center}
.specs dd{margin:0;font-weight:600}
.opt-group{margin:18px 0}
.opt-group>b{display:block;font-size:.9rem;margin-bottom:8px}
.opts{display:flex;flex-wrap:wrap;gap:8px}
.opts label{position:relative;cursor:pointer}
.opts input{position:absolute;opacity:0}
.opts span{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:10px;border:1.5px solid var(--line);background:var(--card);font-size:.92rem;transition:all .2s}
.opts span small{color:var(--ink-2)}
.opts input:checked+span{border-color:var(--plum);background:var(--plum-soft);color:var(--plum-2)}
.opts input:focus-visible+span{outline:3px solid var(--plum);outline-offset:2px}
.pdp-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:20px}
.bulk{font-size:.9rem;margin-top:10px;padding:12px 14px;background:var(--card);border-radius:8px;border:1px dashed var(--line)}
.odm{width:100%;border-collapse:collapse;font-size:.95rem;margin-top:10px}
.odm th{text-align:left;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2);padding:8px 0;border-bottom:1px solid var(--ink)}
.odm td{padding:11px 0;border-bottom:1px solid var(--line)}
.odm td:last-child{text-align:right}
@media (max-width:860px){.pdp{grid-template-columns:1fr}}

/* toast */
.toast{position:fixed;left:50%;bottom:96px;z-index:120;transform:translate(-50%,30px);opacity:0;background:var(--forest);color:#fff;padding:12px 18px;border-radius:999px;font-weight:600;font-size:.92rem;transition:all .35s var(--ease);display:flex;gap:10px;align-items:center;pointer-events:none;box-shadow:0 12px 24px -10px rgba(0,0,0,.4)}
.toast.on{opacity:1;transform:translate(-50%,0)}
.toast i{color:#9FD39A}
@media (min-width:981px){.toast{bottom:30px}}

/* preloader */
.pre{position:fixed;inset:0;z-index:200;background:var(--paper);display:grid;place-items:center;transition:opacity .5s .1s,visibility .5s .1s}
.pre img{width:min(260px,60vw);clip-path:inset(0 100% 0 0);animation:wipe 1s var(--ease) .1s forwards}
.pre .sprout{position:absolute;bottom:calc(50% - 90px);left:50%;width:2px;height:0;background:var(--leaf);animation:grow .8s var(--ease) .2s forwards}
@keyframes wipe{to{clip-path:inset(0 0 0 0)}}
@keyframes grow{to{height:40px}}
.loaded .pre{opacity:0;visibility:hidden}

/* odsłony */
.rv{opacity:0;transform:translateY(26px);transition:opacity .9s var(--ease),transform .9s var(--ease)}
.rv.in{opacity:1;transform:none}
.rv-d1{transition-delay:.08s}.rv-d2{transition-delay:.16s}.rv-d3{transition-delay:.24s}
.mask{clip-path:inset(12% 12% 12% 12% round 12px);transition:clip-path 1.2s var(--ease)}
.mask.in{clip-path:inset(0 0 0 0 round 12px)}

/* tekst stron prawnych */
.prose{max-width:72ch;padding-bottom:90px}
.prose h2{font-size:1.6rem;margin:1.6em 0 .5em}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
  .rv{opacity:1;transform:none}.mask{clip-path:none}.hang{animation:none}.pre{display:none}
}

@media (max-width:560px){.grid .tag-media{aspect-ratio:4/3}}

/* ===== v2: więcej koloru i życia ===== */
:root{--sun:#F4B740;--sun-2:#B97F00;--sun-soft:#FCEFC7;--berry:#D2386C;--berry-soft:#FBE1EA;--sky:#2F7FB8;--sky-soft:#E1EEF8;--lime:#8CC63F;--lime-soft:#E8F2D8;--peach-soft:#FCE6D6;--red:#C8433A;--pink:#C0397A;--hdr:#E4EED6}
.brand-stripe{height:4px;background:linear-gradient(90deg,var(--red) 0 20%,var(--sun) 20% 40%,var(--lime) 40% 60%,var(--sky) 60% 80%,var(--plum) 80% 100%)}
.hdr{background:rgba(228,238,214,.95);border-bottom:1px solid rgba(46,107,52,.2)}
.hdr.scrolled{border-color:rgba(46,107,52,.25)}
.hdr::after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:4px;background:linear-gradient(90deg,var(--red) 0 20%,var(--sun) 20% 40%,var(--lime) 40% 60%,var(--sky) 60% 80%,var(--plum) 80% 100%);opacity:.9}
.list-btn,.menu-btn{background:#fff}
/* menu – duży, czytelny hover */
.nav{gap:6px}
.nav a{position:relative;display:flex;align-items:center;gap:9px;padding:11px 16px;border-radius:14px;border:2px solid transparent;font-size:1.03rem;font-weight:620;color:var(--ink);transition:transform .25s var(--ease),background .25s,border-color .25s,color .25s,box-shadow .25s}
.nav a i{color:var(--green);font-size:.95em;transition:transform .35s var(--ease),color .25s}
.nav a::after{content:"";position:absolute;left:16px;right:16px;bottom:5px;height:3px;border-radius:3px;background:var(--sun);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease)}
.nav a:hover,.nav a:focus-visible{background:#fff;border-color:var(--green);color:var(--green-2);transform:translateY(-2px);box-shadow:0 10px 20px -12px rgba(46,107,52,.7)}
.nav a:hover i,.nav a:focus-visible i{transform:scale(1.3) rotate(-12deg);color:var(--berry)}
.nav a:hover::after,.nav a:focus-visible::after{transform:scaleX(1)}
.nav a[aria-current=page]{background:var(--green);color:#fff;border-color:var(--green)}
.nav a[aria-current=page] i{color:#CFEBB0}
.nav a[aria-current=page]::after{background:var(--sun);transform:scaleX(1)}
@media (max-width:1240px){.nav a{padding:10px 12px;font-size:.98rem}.nav a i{display:none}}
@media (max-width:1100px){.hdr-phone{display:none}}
.mnav a.big i{color:var(--green);font-size:.7em;width:1.4em}
/* hero */
.hero{background:radial-gradient(circle at 92% 8%,var(--sun-soft),transparent 38%),radial-gradient(circle at 0% 100%,var(--lime-soft),transparent 45%)}
.hero h1 em{color:var(--green);background:linear-gradient(transparent 64%,rgba(244,183,64,.45) 64% 92%,transparent 92%);padding:0 .06em}
.hero-media{box-shadow:16px 16px 0 0 var(--sun-soft),var(--shadow)}
.hero-stats div:nth-child(1) b{color:var(--red)}.hero-stats div:nth-child(2) b{color:var(--sky)}.hero-stats div:nth-child(3) b{color:var(--sun-2)}
@media (max-width:860px){.hero-media{box-shadow:none}}
/* pasek */
.strip{background:#fff}
.strip i{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-size:1.05rem;flex-shrink:0}
.strip li:nth-child(1) i{background:var(--lime-soft);color:var(--green)}
.strip li:nth-child(2) i{background:var(--berry-soft);color:var(--berry)}
.strip li:nth-child(3) i{background:var(--sky-soft);color:var(--sky)}
.strip li:nth-child(4) i{background:var(--sun-soft);color:var(--sun-2)}
/* kategorie w kolorach */
.cats{border-top:2px solid var(--ink)}
.cat .n{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:color-mix(in srgb,var(--cc) 14%,#fff);color:var(--cc);font-size:1.25rem;transition:transform .35s var(--ease),background .3s,color .3s}
.cat:hover{background:color-mix(in srgb,var(--cc) 9%,transparent);padding-left:20px;box-shadow:inset 5px 0 0 var(--cc)}
.cat:hover h3{color:var(--cc)}
.cat:hover .n{background:var(--cc);color:#fff;transform:rotate(-8deg) scale(1.06)}
.cat:hover .go{background:var(--cc);border-color:var(--cc)}
.cat .go{background:#fff}
@media (max-width:700px){.cat{grid-template-columns:48px 1fr auto}.cat .n{display:grid;width:44px;height:44px;grid-row:1/3}.cat .cnt{grid-column:2}.cat .go{grid-column:3}}
/* co sadzić teraz */
.sezon-wrap{background:linear-gradient(135deg,var(--peach-soft),var(--sun-soft) 60%,var(--berry-soft))!important}
.sezon-side .month{color:var(--berry)}
/* kalendarz z zakładkami */
.sec-cal{background:linear-gradient(180deg,var(--lime-soft),var(--paper))}
.cal-tabs{display:flex;gap:10px;flex-wrap:wrap}
.cal-tab{display:inline-flex;align-items:center;gap:10px;min-height:58px;padding:0 24px;border-radius:999px;border:2.5px solid var(--tc);background:#fff;color:var(--tc);font-weight:700;font-size:1.08rem;cursor:pointer;transition:all .25s var(--ease)}
.cal-tab i{font-size:1.15em}
.cal-tab-zbiory{--tc:var(--red)}.cal-tab-kwitnienie{--tc:var(--pink)}
.cal-tab:hover{transform:translateY(-2px);box-shadow:0 10px 20px -12px var(--tc)}
.cal-tab[aria-selected=true]{background:var(--tc);color:#fff;box-shadow:0 12px 24px -12px var(--tc)}
.cal-intro{font-size:1.05rem;color:var(--ink-2);margin:0 0 18px;max-width:70ch}
.cal{border-top:6px solid var(--red)}
.cal-kwitnienie{border-top-color:var(--pink)}
.cal-zbiory .cal-months button[aria-pressed=true]{background:var(--red);border-color:var(--red)}
.cal-kwitnienie .cal-months button[aria-pressed=true]{background:var(--pink);border-color:var(--pink)}
.cal-kwitnienie .chip{background:var(--berry-soft);color:#8E2257}.cal-kwitnienie .chip:hover{background:var(--pink);color:#fff}
.cal-zbiory .chip{background:#FBE3DF;color:#8F2A22}.cal-zbiory .chip:hover{background:var(--red);color:#fff}
.gantt .g-bar{box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}
@media (max-width:640px){.cal-months{grid-template-columns:repeat(4,1fr)!important}.cal-tab{flex:1;justify-content:center;padding:0 14px;font-size:.98rem}}
/* polecane – karty */
.badge.new{background:var(--berry)}
.add{border-color:var(--green)}
/* projektowanie – jaśniejsza zieleń */
.dark{background:linear-gradient(135deg,#1E5A2B,#2C7A3A 70%,#3B8A3F)}
.steps li:nth-child(1) .ico{background:var(--sun);border-color:var(--sun);color:#3A2A00}
.steps li:nth-child(2) .ico{background:var(--berry);border-color:var(--berry);color:#fff}
.steps li:nth-child(3) .ico{background:var(--sky);border-color:var(--sky);color:#fff}
.og-note{background:rgba(255,255,255,.12)}
.og-note i{color:var(--sun)}
.dark .eyebrow{color:#FCE6A0}
/* o nas */
.facts li:nth-child(1) i{color:var(--red)}.facts li:nth-child(2) i{color:var(--sun-2)}.facts li:nth-child(3) i{color:var(--sky)}.facts li:nth-child(4) i{color:var(--plum)}
.collage .c1{box-shadow:-14px 14px 0 0 var(--lime-soft),var(--shadow)}
/* dojazd */
#dojazd{background:linear-gradient(180deg,var(--sky-soft),#EEF4F9)!important}
.map-cover .pin{background:var(--berry)}
/* kontakt */
.phones a:nth-child(1) i{background:var(--green)}.phones a:nth-child(2) i{background:var(--sky)}
#kontakt{background:radial-gradient(circle at 100% 0%,var(--berry-soft),transparent 40%)}
/* stopka */
.ftr{background:var(--hdr);position:relative;border-top:0}
.ftr::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,var(--red) 0 20%,var(--sun) 20% 40%,var(--lime) 40% 60%,var(--sky) 60% 80%,var(--plum) 80% 100%)}
/* katalog */
.mchips button[aria-pressed=true]{background:var(--red);border-color:var(--red)}
.hdr .wrap{max-width:1440px;gap:18px}
.nav a{white-space:nowrap}
.hdr-phone{white-space:nowrap}
@media (max-width:1439px){.hdr-phone{width:46px;height:46px;border-radius:50%;background:var(--green);color:#fff;justify-content:center;padding:0}.hdr-phone i{color:#fff}.hdr-phone .ph-t{display:none}}
@media (max-width:1100px){.hdr-phone{display:flex}}
@media (max-width:980px){.hdr-phone{display:none}}
.gantt .g-bar{box-shadow:inset 0 0 0 1.5px rgba(28,42,31,.18)}

/* ===== v3: pełny rebranding kolorystyczny – „ogród w rozkwicie” ===== */
:root{
  --paper:#FFFCF4;--paper-2:#FFF4DC;--card:#FFFFFF;--ink:#1D2B21;--ink-2:#4B5850;
  --green:#2E8B3A;--green-2:#23712E;--leaf:#3BA935;--forest:#1E4D2B;
  --plum:#6B2C91;--plum-2:#55207A;--plum-soft:#F0E5FA;
  --sun:#FFC93C;--sun-2:#B07A00;--sun-soft:#FFF1C2;
  --coral:#FF7A59;--coral-soft:#FFE3D9;
  --berry:#E0457B;--berry-soft:#FDE0EA;
  --sky:#2E8BD0;--sky-soft:#DCEEFC;
  --mint:#2DB48A;--mint-soft:#DDF5EB;
  --lime-soft:#E9F6D3;--lilac-soft:#F1E7FB;--red:#E04B3C;--pink:#D63C84;
  --hdr:#EAF6D7;
}
body{background:var(--paper)}
h1,h2{color:var(--forest)}
.mock-note{background:#1E4D2B}
.banner{background:linear-gradient(90deg,var(--plum),#8B3FB0)}
.hdr{background:rgba(234,246,215,.96)}
.list-btn{border-color:rgba(107,44,145,.25)}.list-btn i{color:var(--plum)}
.btn-ghost{background:#fff;border-color:rgba(29,43,33,.16)}
.btn-ghost:hover{border-color:var(--plum);color:var(--plum)}
.eyebrow{color:var(--plum)}
.eyebrow i{color:var(--berry)}

/* hero – wschód słońca */
.hero{background:radial-gradient(circle at 85% 10%,rgba(255,201,60,.55),transparent 40%),radial-gradient(circle at 10% 95%,rgba(224,69,123,.22),transparent 45%),linear-gradient(135deg,#FFF6D6 0%,#FFE8DC 55%,#FBE4F0 100%)}
.hero h1{color:var(--forest)}
.hero h1 em{color:var(--plum);background:linear-gradient(transparent 62%,rgba(255,201,60,.75) 62% 90%,transparent 90%)}
.hero .eyebrow{color:var(--green)}.hero .eyebrow i{color:var(--leaf)}
.hero-media{box-shadow:18px 18px 0 0 var(--berry),var(--shadow)}
.hero-stats{border-top-color:rgba(107,44,145,.2)}
.hero-stats div{padding:12px 16px;border-radius:14px;background:rgba(255,255,255,.7)}
.hero-stats div:nth-child(1) b{color:var(--red)}.hero-stats div:nth-child(2) b{color:var(--sky)}.hero-stats div:nth-child(3) b{color:var(--green)}
.open-chip{background:#fff;border-color:rgba(46,139,58,.3)}
@media (max-width:860px){.hero-media{box-shadow:none}}
/* zawieszka rotująca */
.hang{width:min(250px,56%)}
.label{padding:24px 16px 14px;overflow:hidden;transition:transform .32s var(--ease),opacity .32s}
.label.out{opacity:0;transform:translateY(-14px) rotateX(35deg)}
.label.in{opacity:0;transform:translateY(14px) rotateX(-35deg);transition:none}
.label-in{display:block;text-decoration:none;color:var(--ink)}
.label-top{display:flex;gap:10px;align-items:center;margin-bottom:6px}
.label-thumb{width:44px;height:44px;border-radius:12px;overflow:hidden;background:var(--tint);display:grid;place-items:center;flex-shrink:0;color:rgba(0,0,0,.35)}
.label-thumb img{width:100%;height:100%;object-fit:cover}
.label-cat{display:inline-block;font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:var(--cc);padding:3px 8px;border-radius:999px;margin-bottom:3px}
.label .latin{font-size:.8rem;display:block;line-height:1.25}
.label strong{font-size:1.3rem;margin:2px 0 8px;color:var(--forest)}
.label-in:hover strong{color:var(--cc)}
.label-ctrl{display:flex;align-items:center;justify-content:space-between;margin-top:10px;padding-top:8px;border-top:1px dashed rgba(29,43,33,.15)}
.label-dots{display:flex;gap:5px}
.label-dots i{width:7px;height:7px;border-radius:50%;background:rgba(29,43,33,.18);transition:all .3s}
.label-dots i.on{width:18px;border-radius:4px;background:var(--plum)}
.label-pause{width:30px;height:30px;border-radius:50%;border:1.5px solid rgba(29,43,33,.15);background:#fff;cursor:pointer;font-size:.72rem;color:var(--plum)}
.label-pause:hover{border-color:var(--plum)}
.label-bar{position:absolute;left:0;bottom:0;height:4px;width:100%;background:linear-gradient(90deg,var(--berry),var(--sun));transform-origin:left;animation:labelbar 3s linear forwards}
.label.paused .label-bar{animation-play-state:paused}
@keyframes labelbar{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media (prefers-reduced-motion:reduce){.label-bar{display:none}}

/* pasek – kolorowe kafle */
.strip{background:#fff;border:0}
.strip ul{gap:0}
.strip li{border-left:0}
.strip li:nth-child(1){background:var(--lime-soft)}.strip li:nth-child(2){background:var(--berry-soft)}.strip li:nth-child(3){background:var(--sky-soft)}.strip li:nth-child(4){background:var(--sun-soft)}
.strip li:nth-child(1) i{background:var(--green);color:#fff}.strip li:nth-child(2) i{background:var(--berry);color:#fff}.strip li:nth-child(3) i{background:var(--sky);color:#fff}.strip li:nth-child(4) i{background:var(--sun);color:#3A2A00}

/* kategorie */
#oferta{background:linear-gradient(180deg,var(--mint-soft),#F2FBF6)}
.cats{border-top:3px solid var(--green)}
.cat{border-bottom-color:rgba(29,43,33,.1);border-radius:14px}
.cat .n{background:var(--cc);color:#fff}
.cat .go{border-color:color-mix(in srgb,var(--cc) 40%,transparent);color:var(--cc)}
.cat:hover{background:var(--cc);box-shadow:none}
.cat:hover h3,.cat:hover p,.cat:hover .cnt{color:#fff}
.cat:hover .n{background:#fff;color:var(--cc)}
.cat:hover .go{background:#fff;color:var(--cc);border-color:#fff}

/* co sadzić teraz */
.sezon-wrap{background:radial-gradient(circle at 0 0,rgba(255,122,89,.35),transparent 45%),linear-gradient(135deg,#FFE3D9,#FFF1C2 65%,#FFE9B0)!important}
.sezon-side .month{color:var(--coral);-webkit-text-stroke:0}
.sezon-side h2{color:#7A2E14}
.sezon-wrap .eyebrow{color:#B23C1D}.sezon-wrap .eyebrow i{color:var(--coral)}

/* kalendarz */
.sec-cal{background:linear-gradient(180deg,#E6F5D0,#DCEEFC)}
.cal{box-shadow:0 20px 40px -24px rgba(30,77,43,.35)}

/* polecane */
.sec-pol{background:linear-gradient(180deg,var(--lilac-soft),#FBF6FF)}
.sec-pol h2{color:var(--plum-2)}

/* karty – kolor kategorii */
.tag{border-bottom:5px solid var(--cc)}
.tag-cat{position:absolute;z-index:2;left:12px;bottom:12px;font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#fff;background:var(--cc);padding:5px 10px;border-radius:999px}
.ph{background:radial-gradient(circle at 50% 42%,rgba(255,255,255,.7),transparent 62%),color-mix(in srgb,var(--cc) 22%,var(--tint))}
.ph b{color:color-mix(in srgb,var(--cc) 45%,transparent)}
.ph span{bottom:auto;top:14px}
.ph i{display:none}
.tag-price{color:var(--plum)}
.add{border-color:var(--cc);color:var(--cc)}
.add:hover,.add.added{background:var(--cc);color:#fff}
.tag-meta i{color:var(--cc)}

/* projektowanie */
.dark{background:radial-gradient(circle at 90% 10%,rgba(255,201,60,.25),transparent 40%),linear-gradient(135deg,#1F6B30,#2E8B3A 60%,#46A23F)}
.dark h1,.dark h2{color:#fff}

/* o nas */
#o-nas{background:linear-gradient(180deg,var(--sun-soft),#FFF9E6)}
#o-nas h2{color:#6A4500}

/* dojazd */
#dojazd{background:linear-gradient(180deg,var(--sky-soft),#EEF7FF)!important}
#dojazd h2{color:#14507F}
.hours tr.today td{color:var(--sky)}
.hours tr.today td:first-child::after{background:var(--sky-soft)}
#dojazd .btn-primary{--bg:var(--sky)}#dojazd .btn-primary:hover{--bg:#1F72B0}

/* kontakt */
#kontakt{background:radial-gradient(circle at 100% 0%,rgba(224,69,123,.22),transparent 45%),linear-gradient(135deg,var(--berry-soft),var(--coral-soft))}
#kontakt h2{color:#8E1F4E}
.phones a:nth-child(1) i{background:var(--berry)}.phones a:nth-child(2) i{background:var(--coral)}
.form{box-shadow:0 20px 40px -24px rgba(142,31,78,.35)}

/* stopka – fiolet z logo */
.ftr{background:linear-gradient(135deg,#4A1A68,#6B2C91);color:#F1E7FB}
.ftr h4{color:#FFC93C}
.ftr .muted,.ftr-bottom{color:#D9C6EA}
.ftr-bottom{border-top-color:rgba(255,255,255,.18)}
.ftr a:hover{color:#FFC93C}
.ftr .logo{background:#fff;padding:10px 14px;border-radius:14px;height:72px}

/* podstrony */
.page-head{position:relative}
body[data-page=katalog] main{background:linear-gradient(180deg,var(--mint-soft) 0,var(--paper) 360px)}
body[data-page=roslina] main{background:linear-gradient(180deg,var(--lilac-soft) 0,var(--paper) 420px)}
body[data-page=kontakt] main{background:linear-gradient(180deg,var(--berry-soft) 0,var(--paper) 420px)}
body[data-page=prywatnosc] main{background:linear-gradient(180deg,var(--sun-soft) 0,var(--paper) 300px)}
.pdp-price b{color:var(--plum)}
.specs div:nth-child(1) dt i{color:var(--red)}.specs div:nth-child(2) dt i{color:var(--pink)}.specs div:nth-child(3) dt i{color:var(--sun-2)}.specs div:nth-child(4) dt i{color:var(--sky)}
.opts input:checked+span{border-color:var(--plum);background:var(--plum-soft)}
.mbar{background:linear-gradient(90deg,#4A1A68,#6B2C91)}
.mbar a:first-child{background:var(--sun);color:#3A2A00}
.toast{background:var(--plum)}
.toast i{color:var(--sun)}
.dark .btn-ghost{background:transparent;--fg:#fff;color:#fff;border-color:rgba(255,255,255,.45)}
.dark .btn-ghost:hover{background:rgba(255,255,255,.12);border-color:#fff;color:#fff}
.hang:hover,.hang:focus-within{animation-play-state:paused}

/* ===== menu rozwijane „Rośliny” ===== */
.hdr .wrap{position:relative}
.nav-item{position:static;display:flex}
.nav-chev{font-size:.7em!important;margin-left:2px;transition:transform .3s var(--ease)!important;color:var(--ink-2)!important}
.nav-item.open>a{background:#fff;border-color:var(--green);color:var(--green-2)}
.nav-item.open .nav-chev{transform:rotate(180deg)}
.mega{position:absolute;left:var(--gut);right:var(--gut);top:calc(100% - 6px);z-index:70;padding-top:14px;visibility:hidden;opacity:0;transform:translateY(-8px);transition:opacity .25s var(--ease),transform .3s var(--ease),visibility 0s .3s}
.nav-item.open .mega{visibility:visible;opacity:1;transform:none;transition:opacity .25s var(--ease),transform .3s var(--ease),visibility 0s}
.mega-in{background:#fff;border-radius:20px;border:2px solid rgba(46,139,58,.2);box-shadow:0 30px 60px -24px rgba(30,77,43,.45);padding:26px 28px 18px;max-height:calc(100vh - 140px);overflow:auto}
.mega-in::before{content:"";display:block;height:5px;margin:-26px -28px 22px;border-radius:18px 18px 0 0;background:linear-gradient(90deg,var(--red) 0 20%,var(--sun) 20% 40%,var(--lime) 40% 60%,var(--sky) 60% 80%,var(--plum) 80% 100%)}
.mega-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:22px 20px}
.mega-col{min-width:0}
.mega-cat{display:flex;gap:10px;align-items:center;text-decoration:none;padding:8px 10px;margin:0 -10px 6px;border-radius:12px;font:600 1.08rem/1.2 var(--f-display);color:var(--cc);transition:background .2s}
.mega-cat small{display:block;font:500 .78rem var(--f-text);color:var(--ink-2)}
.mega-cat:hover,.mega-cat:focus-visible{background:color-mix(in srgb,var(--cc) 12%,#fff)}
.mc-ic{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:var(--cc);color:#fff;flex-shrink:0;font-size:.95rem}
.mega-col ul{list-style:none;margin:0;padding:0 0 0 2px;display:grid;gap:1px}
.mega-col li a{display:block;padding:6px 10px;margin-left:-10px;border-radius:9px;text-decoration:none;font-size:1rem;color:var(--ink);border-left:3px solid transparent;transition:background .2s,border-color .2s,color .2s,padding .2s}
.mega-col li a:hover,.mega-col li a:focus-visible{background:color-mix(in srgb,var(--cc) 12%,#fff);border-left-color:var(--cc);color:var(--cc);padding-left:14px;font-weight:600}
.mega-foot{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:20px;padding-top:16px;border-top:1px dashed var(--line);font-size:.95rem}
@media (max-width:1240px){.mega-grid{grid-template-columns:repeat(4,1fr)}}
@media (max-width:980px){.mega{display:none}}
/* menu mobilne – kategorie */
.mnav{overflow:auto}
.mnav-cats summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:.3em}
.mnav-cats summary::-webkit-details-marker{display:none}
.mnav-cats summary .nav-chev{margin-left:auto;font-size:.5em!important}
.mnav-cats[open] summary .nav-chev{transform:rotate(180deg)}
.mnav-cat-list{display:grid;gap:4px;padding:10px 0 14px}
.mnav-cat-list a{display:flex;align-items:center;gap:12px;padding:9px 6px;border-radius:12px;text-decoration:none;font-weight:600;font-size:1.05rem}
.mnav-cat-list a small{margin-left:auto;color:var(--ink-2);font-weight:500}
.mnav-cat-list .mnav-all{color:var(--green);padding-left:8px}
@media (prefers-reduced-motion:reduce){.mega{transition:none}}
/* reset stylów menu wewnątrz panelu */
.nav .mega a{border:0;transform:none;box-shadow:none;white-space:normal;font-size:inherit;font-weight:inherit;gap:10px;color:inherit}
.nav .mega a::after{display:none}
.nav .mega a i{color:inherit;transform:none!important;font-size:inherit;display:inline-block}
.nav .mega .mc-ic i{color:#fff}
.nav .mega .mega-cat{display:flex;padding:8px 10px;border-radius:12px;font:600 1.08rem/1.2 var(--f-display);color:var(--cc)}
.nav .mega .mega-cat:hover{background:color-mix(in srgb,var(--cc) 12%,#fff);color:var(--cc)}
.nav .mega li a{display:block;padding:6px 10px;font-size:1rem;font-weight:500;color:var(--ink);border-left:3px solid transparent;border-radius:9px}
.nav .mega li a:hover,.nav .mega li a:focus-visible{background:color-mix(in srgb,var(--cc) 12%,#fff);border-left-color:var(--cc);color:var(--cc);padding-left:14px;font-weight:650}
.nav .mega .btn{display:inline-flex;color:#fff;font-size:.92rem;padding:0 1em;border:1.5px solid var(--bg);border-radius:999px}
.nav .mega .btn i{color:#fff}
.nav .mega .link{color:var(--plum);font-weight:600}
.mnav .big{font:560 2rem/1.2 var(--f-display);text-decoration:none;padding:8px 0;border-bottom:1px solid var(--line)}
@media (max-width:1240px){.nav a .nav-chev{display:inline-block!important}}

/* ===== wersja produkcyjna: większe logo, mapa ===== */
.hdr .wrap{height:96px}
.brand img{height:70px;width:auto}
.pre img{width:min(320px,70vw)}
.ftr .logo{height:84px}
@media (max-width:980px){.hdr .wrap{height:78px}.brand img{height:56px}}
@media (max-width:380px){.brand img{height:48px}}
.map{min-height:420px}
.map iframe{display:block}
@media (max-width:860px){.map{min-height:320px}}
.banner a{display:inline-block;padding:8px 4px}.banner{padding-top:4px;padding-bottom:4px;flex-wrap:wrap}
@media (max-width:380px){.hang{width:175px;right:10px}.label strong{font-size:1.1rem}.label-thumb{width:34px;height:34px}}