/* dobrydrob.pl — redesign v2 wg projektu Figma (dobrydrob.pl / l5FnQQVIzrkIQsOUjyjHtM) */
:root{--green:#306a3f;--green-dark:#1e6734;--gold:#f7aa2d;--ink:#0d0d0d;--maxw:1200px;--sans:"Open Sans",system-ui,sans-serif;--display:"Jost","Century Gothic",var(--sans);--poppins:"Poppins",var(--sans)}
*,*:before,*:after{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth}
body{margin:0;font-family:var(--sans);color:var(--ink);background:#fdfdfc url(/redesign/img/bg-texture.webp) repeat;background-size:700px auto;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
.wrap{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 24px}
.wrap.narrow{max-width:1240px}
.skip{position:absolute;left:-9999px;top:0;z-index:100;background:var(--green);color:#fff;padding:10px 18px;border-radius:0 0 8px}
.skip:focus{left:0}

/* ===== Header ===== */
.site{position:sticky;top:0;z-index:50;background:#fff;box-shadow:0 1px rgba(0,0,0,.06)}
.site-in{display:flex;align-items:center;gap:24px;padding:22px 24px 0}
.brand img{width:207px;height:auto}
.search{margin-left:auto;display:flex;align-items:center;gap:6px;border:1.5px solid rgba(0,0,0,.35);border-radius:20px;padding:4px 12px 4px 16px}
.search input{border:0;outline:0;background:transparent;font:400 15px var(--sans);width:120px;color:var(--ink)}
.search input::placeholder{color:rgba(0,0,0,.4)}
.search button{border:0;background:transparent;cursor:pointer;padding:0;display:flex}
.nav{padding:14px 24px 18px}
.nav-in{display:flex;align-items:center;justify-content:space-between;gap:8px}
.nav-in a{font:400 15px var(--sans);color:#000;white-space:nowrap}
.nav-in a:hover,.nav-in a[aria-current=page]{color:var(--gold)}
.dot{width:3px;height:3px;border-radius:50%;background:#000;flex:none}
.burger{display:none;margin-left:12px;width:40px;height:40px;border:0;background:transparent;cursor:pointer;flex-direction:column;justify-content:center;gap:5px}
.burger span{display:block;height:3px;background:var(--green);border-radius:3px}
.mnav{display:none}

/* ===== Hero ===== */
.hero{position:relative;height:clamp(440px,63vw,908px);overflow:hidden}
.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.35),rgba(0,0,0,.05) 45%,rgba(0,0,0,.15))}
.hero-in{position:relative;height:100%;display:flex;flex-direction:column;justify-content:flex-start;padding-top:clamp(20px,2.5vw,36px)}
.hero-h{margin:0;color:#fff;max-width:1190px}
.hero-title{display:inline;font-family:var(--sans);font-weight:700;font-size:clamp(44px,7vw,100px);line-height:1.1;background:linear-gradient(transparent 55%,rgba(30,103,52,.7) 55%,rgba(30,103,52,.7) 96%,transparent 96%);background-size:100% 1.2em;padding-right:.35em}
.hero-sub{display:block;margin-top:10px;font-family:var(--sans);font-weight:700;font-size:clamp(20px,3.4vw,48px);line-height:1.25}

/* ===== Sekcje wspólne ===== */
.section{padding:86px 0}
.h-center{text-align:center;margin:0 auto;max-width:1200px}
.h-green{font:800 clamp(32px,4.4vw,64px)/1.2 var(--sans);color:var(--green)}
.h-white{font:800 clamp(32px,4.4vw,64px)/1.2 var(--sans);color:#fff}
.body-lg{font:400 20px/1.45 var(--sans);color:#000}
.narrow .body-lg{max-width:1200px;margin:0 auto}
.btn{display:inline-flex;align-items:center;justify-content:center;font:400 20px var(--sans);border-radius:25px;padding:11px 26px;cursor:pointer;transition:background .15s,color .15s}
.btn-outline{border:2px solid #fff;color:#fff}
.btn-outline:hover{background:#fff;color:var(--green)}
.btn-fill{background:var(--green);color:#fff;font-family:var(--poppins)}
.btn-fill:hover{background:var(--green-dark)}
.btn-lg{font-size:24px;padding:15px 30px}

/* ===== Etapy ===== */
.steps-h{font:400 clamp(26px,3.4vw,48px)/1.35 var(--sans);color:#000}
.steps-h strong{font-weight:800;color:var(--green)}
.steps-sec .steps-h{margin:0 auto 70px}
.wrap.wide{max-width:1360px}
.steps{display:flex;flex-direction:column;align-items:center;gap:10px}
.steps-row{display:flex;justify-content:center;gap:46px;flex-wrap:wrap}
.step{width:387px;max-width:90vw;text-align:center}
.step-label{margin:0;color:var(--gold);font:700 clamp(22px,2.4vw,32px)/1.3 var(--sans)}
.step-num{position:relative;display:flex;align-items:center;justify-content:center;height:clamp(180px,19vw,270px)}
.step-num:before{content:attr(data-n);order:2;margin-left:-.18em;font:700 clamp(150px,17vw,250px)/1 var(--sans);color:transparent;-webkit-text-stroke:5px rgba(247,170,45,.3)}
.step-num img{order:1;position:relative;z-index:1;width:auto;height:auto;margin-right:-.4em}
.steps-wrap{position:relative}
.steps-line{position:absolute;top:9%;left:50%;transform:translateX(-50%);z-index:0;width:min(1566px,112%);max-width:none;height:auto;pointer-events:none}
.steps{position:relative;z-index:1}
.zasada-sec{padding:40px 0 80px}
.callout{margin:56px auto 0;max-width:1200px;text-align:center;font:700 clamp(26px,2.9vw,40px)/1.45 var(--sans);color:var(--green)}
.mark-green{background:var(--green);color:#fff;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:.06em .25em}

/* ===== Fałsz wkurza ===== */
.falsz{background:var(--green);color:#fff}
.falsz-in{display:flex;align-items:center;gap:40px;padding:56px 24px;min-height:337px}
.falsz-copy{max-width:590px}
.falsz-copy h2{margin:0 0 18px;font:800 clamp(34px,4.4vw,64px)/1.1 var(--sans)}
.falsz-copy p{margin:0 0 26px;font:400 20px/1.35 var(--sans)}
.falsz-icons{margin-left:auto;display:flex;align-items:flex-start;gap:20px;flex:none}
.falsz-icons img{height:clamp(120px,17vw,240px);width:auto}

/* ===== Gatunki ===== */
.gatunki-sec .h-green{margin-bottom:54px}
.species{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:254px;gap:26px}
.sp{position:relative;border-radius:35px;overflow:hidden;display:block}
.sp.tall{grid-row:span 2}
.sp img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.sp:hover img{transform:scale(1.05)}
.sp-name{position:absolute;left:0;right:0;bottom:24px;text-align:center;color:#fff;font:800 clamp(30px,3.3vw,48px)/1.1 var(--sans);text-shadow:0 2px 14px rgba(0,0,0,.5)}

/* ===== Drób uskrzydla (zdjęcie rodziny) ===== */
.uskrzydla{position:relative;overflow:hidden}
.uskrzydla-bg{width:100%;height:clamp(380px,51vw,737px);object-fit:cover;display:block}
.uskrzydla-h{position:absolute;top:clamp(16px,2.5vw,36px);left:52%;margin:0;color:#fff;font:800 clamp(32px,4.4vw,64px)/1.2 var(--sans);text-shadow:0 2px 18px rgba(0,0,0,.35);white-space:nowrap}

/* ===== Rozsmakuj ===== */
.rozsmakuj{background:var(--green);padding:70px 0 80px}
.rozsmakuj .h-white{margin-bottom:44px}
.carousel{position:relative;display:flex;align-items:center}
.car-track{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;padding:10px calc(50% - 260px);scrollbar-width:none}
.car-track::-webkit-scrollbar{display:none}
.slide{flex:none;width:521px;max-width:80vw;aspect-ratio:521/406;scroll-snap-align:center;border-radius:30px;overflow:hidden;position:relative}
.slide img{width:100%;height:100%;object-fit:cover}
.slide::after{content:"";position:absolute;inset:0;background:rgba(35,80,50,.55);transition:opacity .3s;pointer-events:none}
.slide.center::after{opacity:0}
.car-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:2;border:0;background:transparent;cursor:pointer;padding:0}
.car-prev{left:max(24px,calc(50% - 600px))}
.car-next{right:max(24px,calc(50% - 600px))}
.car-btn svg{filter:drop-shadow(0 2px 6px rgba(0,0,0,.4))}
.rozsmakuj-cta{display:flex;justify-content:center;margin-top:40px}

/* ===== Dla mediów ===== */
.media-sec .h-green{margin-bottom:36px;font-size:clamp(28px,3.6vw,50px)}
.media-intro{max-width:1200px;margin:0 auto 50px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.card{background:#fff;border:1.5px solid var(--green);border-radius:22px;padding:34px 28px 28px;text-align:center;display:flex;flex-direction:column;align-items:center;box-shadow:0 12px 40px rgba(13,22,47,.06)}
.card h3{margin:0 0 22px;font:700 25px/1.35 var(--sans);color:#000;min-height:68px;display:flex;align-items:center}
.card-ico{height:116px;width:auto;object-fit:contain;margin-bottom:6px}
.card hr.short{width:223px;max-width:100%;border:0;border-top:2.5px solid var(--green);margin:26px 0 22px}
.card hr.long{width:100%;border:0;border-top:2.5px solid var(--green);margin:30px 0 0}
.card p{margin:0;font:400 20px/1.4 var(--sans);color:#000;flex:1}

/* ===== Misja ===== */
.misja{background:var(--green);padding:22px 0 34px;text-align:center}
.misja p{margin:0 auto;max-width:1200px;color:#fff;font:600 clamp(20px,2.3vw,32px)/1.4 var(--sans);font-style:italic}
.misja .btn{margin-top:22px;font-size:20px;padding:8px 26px}

/* ===== Stopka (biała) ===== */
.foot{background:#fff;padding:34px 0 24px}
.foot-in{display:flex;align-items:flex-start;gap:40px;flex-wrap:wrap}
.foot-left{flex:none}
.foot-brand img{width:304px;height:auto}
.socials{margin-top:16px;display:flex;flex-wrap:wrap;gap:12px;max-width:220px}
.soc{width:52px;height:52px;border-radius:12px;background:var(--green);display:flex;align-items:center;justify-content:center;transition:background .15s}
.soc:hover{background:var(--green-dark)}
.soc svg{width:28px;height:28px;fill:#fff}
.foot-links{margin:8px auto 0;display:flex;flex-direction:column;gap:20px;text-align:center}
.foot-links a{font:400 20px var(--poppins);color:#000}
.foot-links a:hover{color:var(--green)}
.foot-partners{margin-left:auto;text-align:center;max-width:360px}
.foot-partners-logos{display:flex;align-items:center;justify-content:center;gap:24px}
.foot-partners-logos img.fundusze{width:149px;height:auto}
.foot-partners-logos img.krdig{width:110px;height:auto}
.foot-partners p{margin:14px 0 0;font:400 12px/1.5 var(--sans);color:#000}
.copy{text-align:center;margin:30px 0 0;font:400 16px var(--poppins);color:#000}

/* ===== Podstrony: kategoria ===== */
.cat-hero{position:relative;height:clamp(320px,48vw,690px);overflow:hidden}
.cat-hero img.cat-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cat-hero-in{position:relative;height:100%;display:flex;flex-direction:column;justify-content:flex-start;padding-top:clamp(24px,4vw,60px)}
.cat-h{margin:0;color:#fff;font-family:var(--sans);font-weight:800;line-height:1.12;font-size:clamp(34px,4.9vw,70px)}
.cat-h .l1{display:inline}
.cat-h .l2{display:inline;background:linear-gradient(transparent 10%,rgba(48,106,63,.75) 10%,rgba(48,106,63,.75) 92%,transparent 92%);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:0 .12em}
.cat-intro{padding:56px 0 10px}
.cat-intro .body-lg{max-width:1200px}
.art-grid-h{margin:56px auto 44px}
.art-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:34px}
.art-card{background:var(--green);border-radius:40px;overflow:hidden;display:flex;flex-direction:column}
.art-card img{width:100%;aspect-ratio:387/240;object-fit:cover}
.art-card span{padding:22px 26px 28px;color:#fff;font:700 22px/1.4 var(--sans);text-align:center}
.art-card:hover{background:var(--green-dark)}
.art-list{margin:44px 0 90px;display:flex;flex-direction:column;gap:34px}
.art-row{display:grid;grid-template-columns:224px 1fr;gap:44px;align-items:center}
.art-row img{width:224px;aspect-ratio:1;object-fit:cover;border-radius:28px}
.art-row h3{margin:0 0 10px;font:700 32px/1.2 var(--sans);color:var(--green)}
.art-row p{margin:0;font:400 18px/1.45 var(--sans);color:#000}
.art-row .more{font-weight:700;color:var(--green)}
.art-row.alt .art-row-txt{background:var(--green);border-radius:6px;padding:22px 28px}
.art-row.alt h3,.art-row.alt p{color:#fff}
.art-row.alt .more{color:#fff}

@media(max-width:1024px){
.nav{display:none}
.burger{display:flex}
.mnav[hidden]{display:none}
.mnav{display:flex;flex-direction:column;gap:0;background:#fff;border-top:1px solid rgba(0,0,0,.08)}
.mnav a{padding:14px 24px;font:400 17px var(--sans);border-bottom:1px solid rgba(0,0,0,.06)}
.falsz-icons{display:none}
.foot-partners{margin:0 auto}
.art-cards{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
.section{padding:56px 0}
.site-in{padding:18px 20px 0;gap:14px}
.search{display:none}
.step{width:100%}
.species{grid-template-columns:1fr;grid-auto-rows:220px}
.sp.tall{grid-row:auto;height:280px}
.cards{grid-template-columns:1fr}
.card h3{min-height:0}
.uskrzydla-h{left:24px}
.art-cards{grid-template-columns:1fr}
.art-row{grid-template-columns:1fr;gap:16px}
.art-row img{width:100%;max-width:360px}
.foot-in{flex-direction:column;align-items:center}
.foot-partners{margin:0 auto}
}

/* ===== Eksperci ===== */
.experts{display:flex;flex-direction:column;gap:64px;margin:70px 0 90px}
.expert{display:grid;grid-template-columns:309px 1fr;gap:0 30px;align-items:start}
.expert img{width:309px;height:309px;border-radius:50%;object-fit:cover}
.exp-head{background:var(--green);color:#fff;font:700 24px/1.2 var(--sans);padding:20px 28px;margin:35px 0 0 -90px;position:relative;z-index:1;display:inline-block;justify-self:start}
.exp-col{display:flex;flex-direction:column}
.exp-role{margin:10px 0 0;font:400 15px/1.4 var(--sans);color:#000}
.exp-bio{margin:14px 0 0;font:400 16px/1.55 var(--sans);color:#000}
.expert.rev{grid-template-columns:1fr 309px}
.expert.rev img{grid-column:2;grid-row:1}
.expert.rev .exp-col{grid-column:1;grid-row:1;align-items:flex-end;text-align:right}
.expert.rev .exp-head{margin:35px -90px 0 0;justify-self:end}
.expert .exp-bio.full{grid-column:1 / -1;text-align:left}
@media(max-width:900px){.expert,.expert.rev{grid-template-columns:1fr}.expert.rev img{grid-column:1}.expert.rev .exp-col{grid-column:1;align-items:flex-start;text-align:left}.exp-head,.expert.rev .exp-head{margin:16px 0 0}.expert img{margin:0 auto}}

/* ===== Przepisy ===== */
.rec-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:70px;margin-top:60px}
.rec-card{background:var(--green);border-radius:24px;padding:19px;display:flex;flex-direction:column;gap:16px}
.rec-card img{width:100%;aspect-ratio:277/186;object-fit:cover;border-radius:14px}
.rec-card span{color:#fff;font:700 24px/1.35 var(--sans);text-align:center;padding-bottom:10px}
.rec-card:hover{background:var(--green-dark)}
.rec-list{margin:50px 0 90px;display:flex;flex-direction:column;gap:44px}
.rec-row{display:grid;grid-template-columns:298px 1fr;gap:70px;align-items:center}
.rec-row img{width:298px;aspect-ratio:298/233;object-fit:cover;border-radius:20px}
.rec-row h3{margin:0 0 12px;font:700 40px/1.15 var(--sans);color:var(--green)}
.rec-row p{margin:0;font:400 26px/1.4 var(--sans);color:#000}
.rec-row .more{font-weight:700;color:var(--green)}
@media(max-width:900px){.rec-cards{grid-template-columns:1fr;gap:30px}.rec-row{grid-template-columns:1fr;gap:16px}.rec-row h3{font-size:30px}.rec-row p{font-size:20px}}

/* ===== O serwisie ===== */
.os-quote{background:var(--green);border-radius:10px;padding:34px;margin:40px 0 60px}
.os-quote p{margin:0;color:#fff;font:400 clamp(20px,2.3vw,32px)/1.45 var(--sans)}
.os-h{font:700 clamp(30px,3.6vw,50px)/1.25 var(--sans);color:var(--green);margin:56px 0 20px}
.os-p{font:400 clamp(18px,1.8vw,24px)/1.5 var(--sans);color:#000;margin:0}
.os-tematy{display:grid;grid-template-columns:1fr 480px;gap:50px;align-items:start;margin-top:20px}
.os-tematy img{width:100%;border-radius:10px}
.os-tematy h3{font:700 clamp(24px,2.4vw,32px)/1.3 var(--sans);margin:0 0 18px}
.os-tematy ul{margin:0;padding-left:24px;font:300 clamp(18px,1.8vw,24px)/1.7 var(--sans)}
.os-social{background:var(--green);margin-top:80px;padding:52px 0 60px;text-align:center}
.os-social h2{margin:0 0 34px;color:#fff;font:700 clamp(28px,3.6vw,50px)/1.2 var(--sans)}
.os-social .socials{max-width:none;justify-content:center;margin:0}
.os-social .soc{background:#fff;width:64px;height:64px;border-radius:14px}
.os-social .soc svg{fill:var(--green);width:34px;height:34px}
.os-social .soc:hover{background:#fdf3df}
@media(max-width:900px){.os-tematy{grid-template-columns:1fr}}

/* ===== Fakty i mity (ciemna) ===== */
.fim{background:#000;color:#fff}
.fim-hero{position:relative;height:clamp(420px,63vw,908px);overflow:hidden}
.fim-hero img.fim-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.fim-hero-in{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;padding-top:clamp(24px,3.4vw,50px)}
.fim-h{margin:0;color:#f24e39;font:800 clamp(44px,7vw,100px)/1.08 var(--sans)}
.fim-h .sub{display:block;font-size:clamp(20px,2.7vw,40px);line-height:1.35;margin-top:12px;font-weight:700;max-width:26em}
.fim-h .sub .hl{background:linear-gradient(transparent 6%,rgba(30,103,52,.75) 6%,rgba(30,103,52,.75) 94%,transparent 94%);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:0 .15em}
.fim-intro{background:#151515;padding:30px 0}
.fim-intro p{margin:0;font:400 20px/1.45 var(--sans);color:#fff}
.fim-dez{background:#000;padding:60px 0 70px}
.fim-dez .lead{margin:0 0 46px;font:700 clamp(24px,2.9vw,40px)/1.35 var(--sans);color:#fff}
.fim-dez h2{margin:0 0 40px;font:700 clamp(30px,3.6vw,50px)/1.2 var(--sans);color:#fff}
.mit-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:70px}
.mit-card{background:#f24e39;border-radius:24px;padding:19px 19px 0;display:flex;flex-direction:column}
.mit-card img{width:100%;aspect-ratio:277/186;object-fit:cover;border-radius:14px}
.mit-card span{color:#fff;font:700 clamp(28px,2.9vw,40px)/1.2 var(--sans);text-align:center;padding:26px 0 30px}
.mit-card:hover{background:#d43d2a}
.mit-more{display:flex;justify-content:center;margin-top:54px}
.mit-more a{color:#f24e39;font:400 24px var(--sans);letter-spacing:.04em;border:1px solid #f24e39;padding:10px 22px}
.mit-more a:hover{background:#f24e39;color:#fff}
.mit-rest{display:none;margin-top:40px}
.mit-rest.open{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.mit-rest a{color:#fff;font:400 20px var(--sans);border:1px solid #f24e39;border-radius:14px;padding:16px 20px;text-align:center}
.mit-rest a:hover{background:#f24e39}
.fim-stop{background:#1e1e1e;padding:64px 0 80px}
.fim-stop h2{margin:0 0 12px;font:700 clamp(30px,3.6vw,50px)/1.2 var(--sans);color:#fff}
.fim-stop .redbar{width:min(967px,90%);height:14px;background:#f24e39;margin-bottom:48px}
.stopdezinfo-frame{display:block;border-radius:10px;overflow:hidden}
.stopdezinfo-frame img{width:100%;height:auto}
.fim-quote{background:#000;padding:70px 0 90px}
.fim-quote p{margin:0;font:600 clamp(22px,2.6vw,36px)/1.45 var(--sans);color:#fff;font-style:italic}
@media(max-width:900px){.mit-cards{grid-template-columns:1fr;gap:30px}.mit-rest.open{grid-template-columns:1fr}}

/* ===== Dla mediów ===== */
.dm-hero{padding:44px 0 10px}
.dm-h{margin:0;font:800 clamp(28px,3.6vw,50px)/1.35 var(--sans);color:#fff}
.dm-h .hl{background:var(--green);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:.1em .25em}
.dm-tabs{display:flex;gap:40px;flex-wrap:wrap;margin:44px 0 40px}
.dm-tab{border:2px solid var(--green);border-radius:25px;background:transparent;color:#000;font:400 24px var(--sans);padding:14px 30px;cursor:pointer}
.dm-tab[aria-selected=true]{background:var(--green);color:#fff}
.dm-rows{display:flex;flex-direction:column;gap:36px;margin-bottom:90px}
.dm-row{display:grid;grid-template-columns:298px 1fr;gap:60px;align-items:center}
.dm-row.rev{grid-template-columns:1fr 298px}
.dm-row.rev img{grid-column:2;grid-row:1}
.dm-row.rev div{grid-column:1;grid-row:1}
.dm-row img{width:298px;aspect-ratio:298/233;object-fit:cover;border-radius:20px}
.dm-row h3{margin:0 0 12px;font:700 clamp(26px,2.9vw,40px)/1.2 var(--sans);color:var(--green)}
.dm-row p{margin:0;font:400 20px/1.45 var(--sans);color:#000}
.dm-row .more{font-weight:700;color:var(--green)}
.dm-empty{font:400 22px var(--sans);color:#000;margin:20px 0 90px}
@media(max-width:900px){.dm-row,.dm-row.rev{grid-template-columns:1fr}.dm-row.rev img{grid-column:1}.dm-row.rev div{grid-column:1}.dm-row img{width:100%;max-width:400px}}

/* ===== Artykuł ===== */
.art-wrap{padding:44px 24px 90px}
.art-title{margin:0 0 34px;font:800 clamp(30px,4vw,58px)/1.25 var(--sans)}
.art-title span{color:#fff;background:linear-gradient(transparent 4%,rgba(48,106,63,.9) 4%,rgba(48,106,63,.9) 96%,transparent 96%);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:.05em .25em}
.art-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:60px;align-items:start}
.art-body{font:400 20px/1.6 var(--sans);color:#000;min-width:0}
.art-body p{margin:0 0 22px}
.art-body h2,.art-body h3,.art-body h4,.art-body h5{color:var(--green-dark);font:700 clamp(24px,2.6vw,36px)/1.3 var(--sans);margin:40px 0 18px}
.art-body h4,.art-body h5{font-size:clamp(20px,2vw,26px)}
.art-body img{max-width:100%;height:auto;border-radius:14px;margin:10px 0}
.art-hero-img{width:100%;margin:0 0 26px}
.art-body figure{margin:20px 0}
.art-body figcaption{font:400 15px var(--sans);color:#555;margin-top:8px}
.art-body ul,.art-body ol{margin:0 0 22px;padding-left:26px}
.art-body a{color:var(--green);font-weight:600}
.art-body a:hover{text-decoration:underline}
.art-body blockquote{margin:26px 0;padding:18px 26px;border-left:5px solid var(--gold);background:#fff;border-radius:0 12px 12px 0}
.art-body hr{border:0;border-top:2px solid rgba(48,106,63,.25);margin:34px 0}
.art-body iframe{max-width:100%;border-radius:14px}
.art-body table{border-collapse:collapse;margin:0 0 22px;max-width:100%}
.art-body td,.art-body th{border:1px solid rgba(0,0,0,.15);padding:8px 12px;font-size:17px}
.art-side{background:#fff;border:1.5px solid var(--green);border-radius:20px;padding:26px 28px;position:sticky;top:130px;display:flex;flex-direction:column;gap:16px}
.art-side h2{margin:0 0 4px;font:700 24px var(--sans);color:var(--green-dark)}
.art-side a{font:400 18px/1.4 var(--sans);color:#000}
.art-side a:hover{color:var(--green)}
@media(max-width:1000px){.art-layout{grid-template-columns:1fr}.art-side{position:static}}

/* ===== Popup fakty ===== */
.fim-popup{position:fixed;inset:0;z-index:90;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.6)}
.fim-popup[hidden]{display:none}
.fim-popup-box{background:var(--green);border-radius:16px;max-width:713px;width:92%;padding:56px 48px;text-align:center;box-shadow:0 20px 70px rgba(0,0,0,.5)}
.fim-popup-box p{margin:0 0 34px;color:#fff;font:800 clamp(28px,4vw,48px)/1.25 var(--sans)}
.fim-popup-box button{border:0;background:#fff;color:var(--green);font:600 20px var(--sans);border-radius:25px;padding:12px 34px;cursor:pointer}
.fim-popup-box button:hover{background:#fdf3df}
.mnav a[href="/szukaj/"]{font-weight:600;color:var(--green)}

/* ===== Gatunki: hover z opisem i CTA ===== */
.sp .sp-hover{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:24px;background:rgba(30,70,45,.62);opacity:0;transition:opacity .3s;text-align:center}
.sp:hover .sp-hover,.sp:focus-visible .sp-hover{opacity:1}
.sp-desc{color:#fff;font:300 clamp(17px,1.7vw,24px)/1.4 var(--sans);max-width:32ch}
.sp-btn{display:inline-block;border:2px solid #fff;border-radius:25px;color:#fff;font:400 18px var(--sans);padding:8px 22px}
.sp:hover .sp-name{opacity:.95}

/* ===== Drób uskrzydla: wyskakujące hasła ===== */
.usk-pill{position:absolute;background:#fff;color:var(--green);font:400 clamp(14px,1.55vw,26px)/1.25 var(--sans);border-radius:25px;padding:.55em 1.1em;box-shadow:0 10px 34px rgba(0,0,0,.25);opacity:0;transform:translateY(26px) scale(.92);transition:opacity .5s ease,transform .5s ease}
.uskrzydla.in-view .usk-pill{opacity:1;transform:none}
.usk-pill:nth-child(3){transition-delay:.15s}
.usk-pill:nth-child(4){transition-delay:.35s}
.usk-pill:nth-child(5){transition-delay:.55s}
.usk-pill:nth-child(6){transition-delay:.75s}
.usk-p1{left:4%;top:26%}
.usk-p2{right:4%;top:30%;text-align:right}
.usk-p3{left:6%;bottom:16%}
.usk-p4{right:7%;bottom:12%}
@media(max-width:760px){.usk-pill{font-size:12px}}

/* ===== Karty mediów: nagłówki kategorii ===== */
.cards-cat{display:block;text-align:center;font:700 clamp(22px,2.4vw,32px)/1.2 var(--sans);color:var(--green);margin:0 0 18px}
a.cards-cat:hover{color:var(--green-dark);text-decoration:underline}
.card-link{display:block;color:inherit}
.card-link:hover .card{box-shadow:0 16px 48px rgba(13,22,47,.14)}

/* ===== Fakty i mity: akcenty czerwone wg projektu ===== */
.fim-dez h2{color:#f24e39}
.fim-quote p{color:#f24e39}
.fim-przyklady{display:flex;justify-content:center;margin-top:44px}
.fim-przyklady a{color:#fff;font:400 20px var(--sans);letter-spacing:.04em;border:1px solid #fff;border-radius:6px;padding:12px 26px}
.fim-przyklady a:hover{background:#f24e39;border-color:#f24e39}
.fim-hero .fim-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.38),rgba(0,0,0,.12) 55%,rgba(0,0,0,.2))}

/* ===== Dla mediów: siatka zdjęć/infografik ===== */
.dm-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:44px 40px;margin-bottom:90px}
.dm-cell{display:block;text-align:center}
.dm-cell h3{margin:0 0 14px;font:700 24px/1.3 var(--sans);color:#000;min-height:2.6em;display:flex;align-items:flex-end;justify-content:center}
.dm-cell img{width:100%;aspect-ratio:554/369;object-fit:cover;border-radius:14px;background:#fff}
.dm-cell img.contain{object-fit:contain}
.dm-cell p{margin:14px 0 0;font:300 22px/1.4 var(--sans);color:#000}
.dm-cell .dl{display:inline-block;margin-top:12px;font:400 17px var(--sans);color:var(--green);font-weight:600}
.dm-cell:hover .dl{text-decoration:underline}
@media(max-width:1000px){.dm-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.dm-grid{grid-template-columns:1fr}}

.fim-art-person{position:absolute;left:9%;bottom:0;height:64%;width:auto;z-index:1;pointer-events:none}
.fim-art-bub{position:absolute;right:7%;top:34%;width:36%;max-width:530px;height:auto;z-index:1;pointer-events:none}
@media(max-width:760px){.fim-art-person{height:44%;left:4%}.fim-art-bub{top:auto;bottom:14%}}