/* =========================================================
   DUBLET – wersja pokazowa nowej strony
   Projekt i kod: BIGUS PROMUJE, 2026
   ========================================================= */

:root{
  --bg:#FFFFFF;
  --soft:#F5F6F4;
  --grey:#62666E;
  --light-grey:#D7DAD6;
  --cw:1240px;
  --bg-2:#EDEBE6;
  --paper:#FFFFFF;
  --ink:#15171C;
  --ink-2:#2E3138;
  --muted:#5D6068;
  --dim:#8A8D94;
  --line:rgba(21,23,28,.09);
  --line-2:rgba(21,23,28,.16);
  --green:#007A34;
  --green-d:#006F30;
  --green-dd:#005A27;
  --green-t:#E6F1E9;
  --green-l:#7FD39B;
  --navy:#152A4B;
  --navy-d:#0D1B33;
  --navy-2:#1E3760;

  --f:'Plus Jakarta Sans',system-ui,-apple-system,'Segoe UI',sans-serif;
  --ease:cubic-bezier(.2,.75,.2,1);
  --ease-io:cubic-bezier(.65,0,.35,1);
  --wrap:1376px;
  --gut:clamp(16px,3.2vw,32px);
  --top:38px;
  --barh:78px;
  --hdr:calc(var(--top) + var(--barh));
  --sh-1:0 1px 2px rgba(21,23,28,.04),0 8px 24px -16px rgba(21,23,28,.18);
  --sh-2:0 2px 6px rgba(21,23,28,.04),0 30px 60px -30px rgba(21,23,28,.35);
}

*,*::before,*::after{box-sizing:border-box}
*{margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--barh) + 24px)}
body{font-family:var(--f);font-size:16px;line-height:1.6;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;padding-top:var(--hdr);overflow-x:clip}
img,svg{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
button{background:none;border:0;cursor:pointer}
ul,ol{list-style:none}
address{font-style:normal}
h1,h2,h3{font-weight:700;letter-spacing:-.03em;line-height:1.08;text-wrap:balance}
kbd{font-family:var(--f);font-size:11px;font-weight:600;line-height:1;padding:3px 6px;border-radius:6px;border:1px solid var(--line-2);color:var(--muted);background:var(--paper)}
::selection{background:var(--green);color:#fff}
:focus-visible{outline:2px solid var(--green);outline-offset:3px;border-radius:6px}
.sprite{position:absolute;width:0;height:0;overflow:hidden}
.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:fixed;left:16px;top:-60px;z-index:200;background:var(--ink);color:#fff;padding:12px 18px;border-radius:10px;font-weight:600;transition:top .2s}
.skip:focus{top:12px}
.wrap{width:min(var(--wrap),100%);margin-inline:auto;padding-inline:var(--gut)}
.ic{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}

.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:12.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--green)}
.eyebrow::before{content:"";width:22px;height:2px;border-radius:2px;background:currentColor}
.eyebrow--light{color:var(--green-l)}

/* ---------- przyciski ---------- */
.btn{--bh:48px;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:var(--bh);padding:0 22px;border-radius:12px;font-size:15px;font-weight:700;letter-spacing:-.01em;white-space:nowrap;border:1px solid transparent;cursor:pointer;transition:background-color .3s var(--ease),color .3s,border-color .3s,box-shadow .3s,transform .3s var(--ease)}
.btn .ic{width:18px;height:18px;transition:transform .4s var(--ease)}
.btn:hover .ic:last-child{transform:translateX(3px)}
.btn:active{transform:translateY(1px)}
.btn--green{background:var(--green);color:#fff;box-shadow:0 10px 24px -14px rgba(0,90,40,.8)}
.btn--green:hover{background:var(--green-d)}
.btn--glass{background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.34);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.btn--glass:hover{background:#fff;color:var(--ink);border-color:#fff}
.btn--ghost{background:var(--paper);color:var(--ink);border-color:var(--line-2)}
.btn--ghost:hover{border-color:var(--ink)}
.btn--lg{--bh:54px;padding:0 26px;font-size:15.5px}
.btn--block{width:100%}

.tbc{display:inline-block;vertical-align:2px;margin-left:6px;padding:2px 7px;border-radius:6px;border:1px dashed #C9A227;background:rgba(242,201,76,.16);color:#7A5F00;font:700 10px/1.3 var(--f);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
html.clean .tbc{display:none}

/* =========================================================
   NAGŁÓWEK
   ========================================================= */
.hdr{position:fixed;inset:0 0 auto;z-index:50}
.topbar{height:var(--top);background:var(--navy-d);color:rgba(255,255,255,.72);font-size:13px;transition:margin-top .5s var(--ease)}
.topbar__in{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}
.topbar ul{display:flex;align-items:center;gap:26px}
.topbar a,.topbar span{display:inline-flex;align-items:center;gap:8px;transition:color .25s}
.topbar a:hover{color:#fff}
.topbar .ic{width:15px;height:15px;stroke-width:1.6;color:var(--green-l)}
.topbar :focus-visible{outline-color:var(--green-l)}

.bar{position:relative;z-index:3;height:var(--barh);background:#fff;box-shadow:0 1px 18px rgba(0,0,0,.04);border-bottom:1px solid transparent;transition:height .45s var(--ease),background-color .35s,border-color .35s,box-shadow .35s}
.bar__in{height:100%;display:flex;align-items:center;gap:24px}
.hdr.is-scrolled .topbar{margin-top:calc(-1 * var(--top))}
.hdr.is-scrolled .bar{height:66px;background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(18px) saturate(1.6);backdrop-filter:blur(18px) saturate(1.6);border-color:var(--line);box-shadow:0 12px 30px -26px rgba(21,23,28,.5)}
.hdr.is-open .bar{background:var(--bg)}

.brand{display:inline-flex;align-items:center;gap:14px;flex:none}
.brand__logo{width:148px;height:auto;--logo-ink:var(--navy);transition:width .45s var(--ease)}
.brand__seal{width:40px;height:40px;transition:width .45s var(--ease),height .45s var(--ease)}
.hdr.is-scrolled .brand__logo{width:134px}
.hdr.is-scrolled .brand__seal{width:34px;height:34px}

.nav{margin-inline:auto}
.nav__list{display:flex;align-items:center;gap:2px}
.nav__link{position:relative;display:inline-flex;align-items:center;gap:4px;height:42px;padding:0 13px;border-radius:10px;font-size:14.5px;font-weight:600;color:var(--ink-2);white-space:nowrap;transition:color .25s,background-color .25s}
.nav__link:hover,.nav__link[aria-expanded="true"],.nav__link[aria-current="page"]{color:var(--ink);background:rgba(21,23,28,.05)}
.nav__link[aria-current="page"]{color:var(--green)}
.nav__link .ic--chev{width:16px;height:16px;transition:transform .4s var(--ease)}
.nav__link[aria-expanded="true"] .ic--chev{transform:rotate(180deg)}

.bar__tools{display:flex;align-items:center;gap:10px;flex:none}
.tool{display:grid;place-items:center;width:46px;height:46px;border-radius:12px;border:1px solid var(--line-2);background:var(--paper);color:var(--ink);transition:border-color .25s,background-color .25s}
.tool:hover,.tool[aria-expanded="true"]{border-color:var(--ink)}
.tool .ic{width:19px;height:19px}
.bar__cta{--bh:46px;padding:0 18px;font-size:14.5px}
.bar__cta .ic{width:18px;height:18px}
.bar__cta:hover .ic:last-child{transform:none}
.cta-s{display:none}
.burger{display:none;position:relative;width:46px;height:46px;border-radius:12px;background:var(--navy);flex:none}
.burger span{position:absolute;left:14px;right:14px;height:2px;background:#fff;border-radius:2px}
.burger span:first-child{top:18px}
.burger span:last-child{top:26px;right:20px}

/* mega menu i wyszukiwarka */
.mega,.search{position:absolute;left:0;right:0;top:100%;z-index:2;visibility:hidden;opacity:0;transform:translateY(-8px);transition:opacity .25s var(--ease),transform .4s var(--ease),visibility 0s linear .4s}
.mega.is-open,.search.is-open{visibility:visible;opacity:1;transform:none;transition-delay:0s}
.mega__in{display:grid;grid-template-columns:250px minmax(0,1fr) 300px;margin-top:8px;background:var(--paper);border:1px solid var(--line);border-radius:24px;box-shadow:0 40px 80px -40px rgba(21,23,28,.45);overflow:hidden}
.mega__cats{display:flex;flex-direction:column;gap:2px;padding:18px 12px;background:var(--soft);border-right:1px solid var(--line)}
.mega__grp{display:block;padding:14px 12px 6px;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}
.mega__grp:first-child{padding-top:2px}
.mtab{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:9px 12px;border-radius:10px;font-size:14.5px;font-weight:600;color:var(--ink-2);text-align:left;transition:background-color .2s,color .2s}
.mtab small{font-size:12px;font-weight:600;color:var(--dim);min-width:22px;text-align:center;padding:1px 6px;border-radius:999px;background:rgba(21,23,28,.05)}
.mtab:hover{background:rgba(21,23,28,.04)}
.mtab.is-on{background:var(--paper);color:var(--ink);box-shadow:var(--sh-1)}
.mtab.is-on small{background:var(--green);color:#fff}
.mtab--new span::after{content:"";display:inline-block;width:7px;height:7px;margin-left:8px;border-radius:50%;background:var(--green);vertical-align:1px}
.mega__panels{position:relative;padding:26px 28px}
.mpanel{display:none}
.mpanel.is-on{display:block;animation:fadeIn .35s var(--ease)}
@keyframes fadeIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
.mpanel__head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding-bottom:16px;margin-bottom:8px;border-bottom:1px solid var(--line)}
.mpanel__t{font-size:22px;font-weight:800;letter-spacing:-.03em}
.mpanel__d{font-size:14px;color:var(--muted)}
.mpanel__all{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:var(--green);white-space:nowrap}
.mpanel__all .ic{width:17px;height:17px;transition:transform .35s var(--ease)}
.mpanel__all:hover .ic{transform:translateX(3px)}
.mprods{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}
.mprods a{display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:12px;padding:11px 10px;margin:0 -10px;border-radius:12px;transition:background-color .2s}
.mprods a:hover{background:var(--bg)}
.mprod__n{font-size:15px;font-weight:700;letter-spacing:-.01em}
.mprod__n em{margin-left:8px;padding:2px 7px;border-radius:999px;background:var(--green-t);color:var(--green);font-size:10.5px;font-style:normal;font-weight:700;letter-spacing:.04em;text-transform:uppercase;vertical-align:2px}
.mprod__d{grid-column:1;font-size:13px;color:var(--muted)}
.mprods .ic{grid-column:2;grid-row:1/3;width:18px;height:18px;color:var(--dim);opacity:0;transform:translate(-4px,4px);transition:opacity .25s,transform .35s var(--ease)}
.mprods a:hover .ic{opacity:1;transform:none;color:var(--green)}
.mfeat{display:flex;flex-direction:column;margin:14px;border-radius:18px;overflow:hidden;background:var(--navy);color:#fff}
.mfeat__img{height:150px;overflow:hidden}
.mfeat__img img{width:100%;height:100%;object-fit:cover;object-position:65% 50%;transition:transform .8s var(--ease)}
.mfeat:hover .mfeat__img img{transform:scale(1.05)}
.mfeat__body{display:flex;flex-direction:column;gap:6px;padding:18px 18px 20px}
.mfeat__k{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--green-l)}
.mfeat__t{font-size:19px;font-weight:800;line-height:1.2;letter-spacing:-.02em}
.mfeat__l{font-size:13.5px;color:rgba(255,255,255,.72)}
.mfeat__go{display:inline-flex;align-items:center;gap:8px;margin-top:8px;font-size:14px;font-weight:700}
.mfeat__go .ic{width:17px;height:17px;transition:transform .35s var(--ease)}
.mfeat:hover .mfeat__go .ic{transform:translateX(4px)}
.mega__foot{grid-column:1/-1;display:flex;align-items:center;gap:28px;padding:14px 28px;border-top:1px solid var(--line);background:var(--soft);font-size:13.5px;font-weight:600}
.mega__foot a{display:inline-flex;align-items:center;gap:8px;color:var(--ink-2);transition:color .25s}
.mega__foot a:hover{color:var(--green)}
.mega__foot .ic{width:17px;height:17px;color:var(--green)}
.mega__esc{margin-left:auto;font-weight:500;color:var(--dim);display:inline-flex;align-items:center;gap:8px}

.search__in{margin:8px 0 0 auto;max-width:760px;padding:16px;background:var(--paper);border:1px solid var(--line);border-radius:22px;box-shadow:0 40px 80px -40px rgba(21,23,28,.45)}
.search__box{display:flex;align-items:center;gap:12px;height:58px;padding:0 8px 0 18px;border-radius:14px;background:var(--bg);border:1.5px solid transparent;transition:border-color .25s}
.search__box:focus-within{border-color:var(--green)}
.search__box input{flex:1;min-width:0;height:100%;border:0;background:none;outline:0;font-size:18px;font-weight:600}
.search__box input::placeholder{color:var(--dim);font-weight:500}
.search__box input::-webkit-search-cancel-button{display:none}
.search__x{display:grid;place-items:center;width:42px;height:42px;border-radius:10px;color:var(--muted)}
.search__x:hover{background:var(--paper);color:var(--ink)}
.search__pop{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:14px 4px 2px;font-size:13px;color:var(--muted)}
.search__pop span{margin-right:4px}
.search__pop button{padding:6px 12px;border-radius:999px;border:1px solid var(--line-2);font-size:13px;font-weight:600;color:var(--ink-2);transition:border-color .2s,background-color .2s}
.search__pop button:hover{border-color:var(--ink)}
.search__res{display:grid;gap:2px;margin-top:10px;max-height:min(52vh,420px);overflow:auto}
.search__res:empty{display:none}
.sres{display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px 14px;padding:11px 14px;border-radius:12px;cursor:pointer;transition:background-color .2s}
.sres[aria-selected="true"],.sres:hover{background:var(--bg)}
.sres b{font-size:15px;font-weight:700}
.sres b mark{background:rgba(0,122,52,.15);color:inherit;border-radius:3px}
.sres small{grid-column:1;font-size:13px;color:var(--muted)}
.sres__cat{grid-column:2;grid-row:1/3;font-size:12px;font-weight:600;color:var(--dim)}
.search__empty{padding:14px 6px 4px;color:var(--muted);font-size:14.5px}
.search__empty a{color:var(--green);font-weight:700}
.scrim{position:fixed;inset:0;z-index:-1;background:rgba(13,27,51,.28);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;visibility:hidden;transition:opacity .3s,visibility 0s linear .3s}
.scrim.is-on{opacity:1;visibility:visible;transition-delay:0s}

/* menu mobilne */
.mnav{position:fixed;inset:0;z-index:90;display:flex;flex-direction:column;background:var(--bg);clip-path:inset(0 0 100% 0);visibility:hidden;transition:clip-path .55s var(--ease-io),visibility 0s linear .55s}
.mnav.is-open{clip-path:inset(0);visibility:visible;transition-delay:0s}
.mnav__top{display:flex;align-items:center;justify-content:space-between;height:64px;padding:0 var(--gut);border-bottom:1px solid var(--line);flex:none}
.mnav__top .brand__logo{width:122px}
.mnav__top .brand__seal{width:34px;height:34px}
.mnav__x{display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:var(--navy);color:#fff}
.mnav__scroll{flex:1;overflow:auto;padding:18px var(--gut) 24px;overscroll-behavior:contain}
.mnav__scroll>*{opacity:0;transform:translateY(12px);transition:opacity .45s var(--ease),transform .55s var(--ease)}
.mnav.is-open .mnav__scroll>*{opacity:1;transform:none}
.mnav.is-open .mnav__scroll>*:nth-child(2){transition-delay:.05s}
.mnav.is-open .mnav__scroll>*:nth-child(3){transition-delay:.1s}
.mnav.is-open .mnav__scroll>*:nth-child(4){transition-delay:.15s}
.mnav.is-open .mnav__scroll>*:nth-child(5){transition-delay:.2s}
.mnav__lbl{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--green);margin-bottom:10px}
.mnav__paths{display:grid;gap:8px}
.mpath{display:flex;align-items:center;gap:14px;min-height:64px;padding:12px 16px;border-radius:16px;background:var(--paper);border:1px solid var(--line)}
.mpath b{flex:1;font-size:17px;font-weight:700;letter-spacing:-.02em}
.mpath .ic{color:var(--green)}
.mpath__n{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--green-t);color:var(--green);font-size:13px;font-weight:800}
.mpath--dark{background:var(--navy);color:#fff;border-color:transparent}
.mpath--dark .mpath__n{background:rgba(255,255,255,.1);color:var(--green-l)}
.mpath--dark .ic{color:var(--green-l)}
.mnav__search{display:flex;align-items:center;gap:12px;width:100%;height:54px;margin-top:14px;padding:0 16px;border-radius:14px;border:1px solid var(--line-2);background:var(--paper);color:var(--muted);font-size:16px}
.mnav__search .ic{color:var(--ink)}
.mnav__list{margin:12px 0 18px}
.mnav__list>li{border-bottom:1px solid var(--line)}
.mnav__list>li>a,.macc__btn{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:56px;font-size:18px;font-weight:700;letter-spacing:-.02em;text-align:left}
.mnav__list>li>a .ic,.macc__btn .ic{color:var(--dim)}
.macc__btn .ic--chev{transition:transform .4s var(--ease)}
.macc__btn[aria-expanded="true"] .ic--chev{transform:rotate(180deg)}
.macc__panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s var(--ease)}
.macc__panel>ul{overflow:hidden}
.macc__btn[aria-expanded="true"]+.macc__panel{grid-template-rows:1fr}
.macc__list a{display:flex;justify-content:space-between;padding:10px 4px;font-size:15.5px;font-weight:600;color:var(--ink-2)}
.macc__list small{color:var(--dim)}
.macc__list li:last-child a{margin-bottom:12px}
.mnav__foot{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px var(--gut) calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--paper);flex:none}
.mnav__foot a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;background:var(--bg)}
.mnav__foot .ic{color:var(--green)}
.mnav__foot b{display:block;font-size:15px}
.mnav__foot small{display:block;font-size:12px;color:var(--muted)}

/* =========================================================
   HERO: granatowa scena produktowa z paskiem kategorii
   ========================================================= */
.container{width:min(var(--cw),100%);margin-inline:auto;padding-inline:var(--gut)}
.hx{--lime:#2E9E36;position:relative;padding:0 0 28px;color:#fff;overflow:hidden;isolation:isolate;background:radial-gradient(70% 110% at 74% 38%,#244574 0%,#152A4B 42%,#0A1630 100%)}
.hx__bg{position:absolute;inset:0;z-index:-1;pointer-events:none}
.hx__bg::after{content:"";position:absolute;inset:0;background:var(--grain);opacity:.25;mix-blend-mode:overlay}
.hx__glow{position:absolute;right:6%;top:-6%;width:760px;height:760px;border-radius:50%;background:radial-gradient(closest-side,rgba(46,158,54,.32),rgba(46,158,54,.08) 55%,transparent);filter:blur(10px);animation:glow 8s ease-in-out infinite alternate}
@keyframes glow{to{transform:translate(-40px,30px) scale(1.08)}}
.hx__lines{position:absolute;left:-30px;bottom:110px;width:520px;height:220px;opacity:.06}
.hx__mark{position:absolute;right:-180px;top:50%;width:900px;height:900px;margin-top:-450px;opacity:.07;animation:spin 120s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}

.hx__slides{position:relative;height:clamp(500px,40vw,580px);touch-action:pan-y}
.hx .slide{position:absolute;inset:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:32px;opacity:0;visibility:hidden;transition:opacity .7s var(--ease),visibility 0s linear .7s;background:none;overflow:visible}
.hx .slide::after,.hx .slide::before{content:none}
.hx .slide.is-active{opacity:1;visibility:visible;transition-delay:0s;z-index:1}
.hx .slide__copy{max-width:580px;padding-bottom:10px}
.hx .slide__k{display:inline-flex;align-items:center;gap:12px;margin-bottom:22px;font-size:13px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:#7FE08A}
.hx .slide__k::before{content:"";width:30px;height:3px;background:var(--lime)}
.hx .slide__t{font-size:clamp(44px,4.8vw,74px);font-weight:800;line-height:1.06;letter-spacing:-.04em;color:#fff;text-transform:none}
.hx .slide__t mark{padding:0 .12em;margin-left:-.02em;background:linear-gradient(180deg,transparent 0 12%,var(--lime) 12% 100%);color:#fff;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.hx .slide__l{margin-top:22px;max-width:46ch;font-size:clamp(16px,1.25vw,18.5px);line-height:1.6;color:rgba(255,255,255,.78)}
.hx .slide__ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.btn--lime{background:var(--lime,#2E9E36);color:#fff;border-radius:10px;box-shadow:0 14px 30px -14px rgba(46,158,54,.8)}
.btn--lime:hover{background:#36B03F}
.btn--ghostw{background:transparent;color:#fff;border-color:rgba(255,255,255,.35);border-radius:10px}
.btn--ghostw:hover{background:#fff;color:var(--navy);border-color:#fff}
.hx.is-ready .slide.is-active .slide__copy>*{animation:rise .8s var(--ease) both}
.hx.is-ready .slide.is-active .slide__copy>*:nth-child(2){animation-delay:.07s}
.hx.is-ready .slide.is-active .slide__copy>*:nth-child(3){animation-delay:.14s}
.hx.is-ready .slide.is-active .slide__copy>*:nth-child(4){animation-delay:.21s}
@keyframes rise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}

/* scena */
.stage{position:relative;height:100%;min-height:440px}
.stage__ring{position:absolute;left:50%;top:48%;width:470px;height:470px;margin:-235px 0 0 -235px;border-radius:50%;border:1px dashed rgba(255,255,255,.16);animation:spin 60s linear infinite}
.stage__ring::before{content:"";position:absolute;inset:44px;border-radius:50%;border:1px solid rgba(255,255,255,.07);background:radial-gradient(closest-side,rgba(255,255,255,.07),transparent)}
.stage__ring::after{content:"";position:absolute;left:50%;top:-5px;width:10px;height:10px;margin-left:-5px;border-radius:50%;background:#5BE36B;box-shadow:0 0 16px #5BE36B}
.stage__plinth{position:absolute;left:50%;bottom:34px;width:560px;height:90px;margin-left:-280px;border-radius:50%;background:radial-gradient(closest-side,rgba(255,255,255,.22),rgba(255,255,255,.05) 60%,transparent)}
.stage .pk{position:absolute;height:auto;filter:drop-shadow(0 34px 28px rgba(0,0,0,.5))}
.hx .slide.is-active .pk{animation:pkPop .9s var(--ease) both,bob 5s ease-in-out 1s infinite alternate}
.hx .slide.is-active .pk--b{animation-delay:.1s,1.3s}
.hx .slide.is-active .pk--c{animation-delay:.2s,1.6s}
@keyframes pkPop{from{opacity:0;scale:.86;translate:0 40px}to{opacity:1;scale:1;translate:0 0}}
@keyframes bob{from{translate:0 0}to{translate:0 -10px}}
.stage--trio .pk--a{width:200px;left:calc(50% - 270px);bottom:74px}
.stage--trio .pk--b{width:220px;left:calc(50% - 120px);bottom:92px;z-index:2}
.stage--trio .pk--c{width:280px;left:calc(50% + 20px);bottom:56px;z-index:3}
.stage--trio .pk--bag{width:250px}
.stage--solo .pk--a{width:420px;left:50%;margin-left:-210px;bottom:46px}
.stage--wide .pk--a{width:440px;margin-left:-220px;bottom:60px}
.stage--duo .pk--a{width:230px;left:calc(50% - 230px);bottom:70px}
.stage--duo .pk--b{width:250px;left:calc(50% - 20px);bottom:58px;z-index:2}

/* etykiety produktów */
.hxc{position:absolute;z-index:4;display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:13px;font-weight:700;white-space:nowrap;color:#fff}
.hxc::before{content:"";width:8px;height:8px;border-radius:50%;background:#5BE36B;box-shadow:0 0 10px #5BE36B}
.hxc--new{background:var(--lime);border-color:transparent;text-transform:uppercase;letter-spacing:.06em;font-size:12px}
.hxc--new::before{background:#fff;box-shadow:none}
.hxc--1{left:4%;top:26%}
.hxc--2{right:4%;top:12%}
.hxc--3{right:0;bottom:9%}
.hx .slide.is-active .hxc{animation:chipIn .7s var(--ease) both}
.hx .slide.is-active .hxc--1{animation-delay:.45s}
.hx .slide.is-active .hxc--2{animation-delay:.6s}
.hx .slide.is-active .hxc--3{animation-delay:.75s}
@keyframes chipIn{from{opacity:0;transform:translateY(10px) scale(.9)}to{opacity:1;transform:none}}

/* wachlarz kolorów */
.stage--fan .fan{position:absolute;left:calc(50% - 60px);bottom:96px;width:0;height:0}
.fan i{position:absolute;left:-40px;bottom:0;width:80px;height:300px;border-radius:10px;background:var(--c);transform-origin:50% 92%;transform:rotate(var(--r));box-shadow:0 18px 30px -16px rgba(0,0,0,.6),inset 0 0 0 1px rgba(0,0,0,.08)}
.fan i::after{content:"";position:absolute;left:0;right:0;bottom:0;height:64px;border-radius:0 0 10px 10px;background:#fff}
.fan i::before{content:"";position:absolute;left:50%;bottom:16px;width:10px;height:10px;margin-left:-5px;border-radius:50%;background:#C9CED6;z-index:2}
.fan b{position:absolute;left:0;right:0;top:14px;margin:0 auto;width:20px;writing-mode:vertical-rl;transform:rotate(180deg);font-size:11.5px;font-weight:800;letter-spacing:.08em;color:rgba(255,255,255,.92)}
.hx .slide.is-active .fan i{animation:fanOpen 1.2s var(--ease) both}
@keyframes fanOpen{from{transform:rotate(0deg)}to{transform:rotate(var(--r))}}
.stage--fan .pk--a{width:250px;left:calc(50% + 70px);bottom:50px;z-index:3}

/* pasek kategorii */
.dock{position:relative;z-index:3;display:flex;align-items:center;gap:10px;padding:8px;border-radius:18px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.dock .htabs{flex:1;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}
.dock .htab{position:relative;display:flex;align-items:center;gap:12px;padding:10px 12px 16px;border-radius:12px;text-align:left;color:rgba(255,255,255,.72);transition:background-color .25s,color .25s}
.dock .htab:hover{background:rgba(255,255,255,.06);color:#fff}
.dock .htab.is-on{background:rgba(255,255,255,.11);color:#fff}
.dock__img{display:grid;place-items:center;width:44px;height:44px;flex:none;border-radius:10px;background:#fff;transition:transform .35s var(--ease)}
.dock__img img{width:36px;height:36px;object-fit:contain}
.dock .htab:hover .dock__img,.dock .htab.is-on .dock__img{transform:translateY(-2px)}
.dock__t{min-width:0;font-size:14px;font-weight:700;line-height:1.2}
.dock__t small{display:block;margin-top:3px;font-size:11.5px;font-weight:500;color:rgba(255,255,255,.5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dock .htab__bar{position:absolute;left:12px;right:12px;bottom:7px;width:auto;height:3px;border-radius:3px;background:rgba(255,255,255,.1);overflow:hidden}
.dock .htab__bar i{position:absolute;inset:0;background:var(--lime);transform-origin:left;transform:scaleX(var(--p,0))}
.dock .htab.is-on .htab__bar{width:auto}
.hx .hs__play{display:grid;place-items:center;width:40px;height:40px;flex:none;border-radius:10px;color:#fff;opacity:.7}
.hx .hs__play:hover{opacity:1;background:rgba(255,255,255,.08)}
.hx .hs__play .ic{width:16px;height:16px}
.hx .hs__play .ic--play,.hx .hs__play[aria-pressed="true"] .ic--pause{display:none}
.hx .hs__play[aria-pressed="true"] .ic--play{display:block;fill:currentColor;stroke:none}
.hx :focus-visible{outline-color:#7FE08A}

@media (max-width:1279px){
  .stage{transform:scale(.86);transform-origin:center 60%}
  .dock__t small{display:none}
}
@media (max-width:1023px){
  .hx__slides{height:auto;display:grid}
  .hx .slide{position:relative;grid-area:1/1;grid-template-columns:1fr;gap:0;align-items:start}
  .stage{order:-1;height:330px;min-height:0;transform:scale(.7);transform-origin:center 70%;margin:-20px 0 -30px}
  .hx .slide__copy{padding-bottom:26px}
  .hx__glow{right:-20%;top:-10%;width:520px;height:520px}
  .dock{padding:6px;margin-inline:calc(-1 * var(--gut) + 8px)}
  .dock .htabs{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
  .dock .htabs::-webkit-scrollbar{display:none}
  .dock .htab{flex:0 0 auto;scroll-snap-align:start;padding:8px 12px 14px 8px}
}
@media (max-width:767px){
  .stage{height:300px;transform:scale(.58);transform-origin:center 62%;margin:-4px -20px -46px}
  .hxc{display:none}
  .hx .slide__k{font-size:11.5px;letter-spacing:.14em;margin-bottom:14px}
  .hx .slide__t{font-size:clamp(36px,10.4vw,44px)}
  .hx .slide__l{margin-top:14px;font-size:15.5px}
  .hx .slide__ctas{margin-top:22px}
  .hx .slide__ctas .btn{--bh:50px;font-size:14.5px;padding:0 18px}
  .hx .slide__ctas .btn--ghostw{display:none}
  .dock__img{width:38px;height:38px}
  .dock__img img{width:30px;height:30px}
  .dock__t{font-size:13px}
}
@media (prefers-reduced-motion:reduce){
  .hx__glow,.hx__mark,.stage__ring{animation:none}
}

/* =========================================================
   BLOKI STRONY
   ========================================================= */
.pill{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 26px;border-radius:999px;border:1px solid var(--green);background:transparent;color:var(--green);font-size:14.5px;font-weight:600;white-space:nowrap;cursor:pointer;transition:background-color .25s,color .25s,border-color .25s}
.pill:hover,.way:hover .pill,.cat:hover .pill,.ban:hover .pill,.sysx:hover .pill{background:var(--green);color:#fff;border-color:var(--green)}
.pill--white{border-color:#fff;color:#fff}
.btn--line{background:transparent;color:#fff;border-color:rgba(255,255,255,.7)}
.btn--line:hover{background:#fff;color:var(--ink);border-color:#fff}
.blk{margin:clamp(56px,6vw,88px) 0}
.blk--soft{margin:0;padding:clamp(56px,6vw,88px) 0;background:var(--soft)}
.blk__head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:32px}
.blk__t{font-size:clamp(30px,3vw,44px);font-weight:800;line-height:1.12;letter-spacing:-.03em;color:var(--ink)}
.blk__t em{font-style:normal;color:var(--green)}
.blk__sub{margin-top:8px;font-size:17px;color:var(--grey)}

/* ścieżki */
.ways{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.way{position:relative;display:block;height:clamp(440px,38vw,540px);border-radius:16px;overflow:hidden;color:#fff;isolation:isolate;text-align:left}
.way>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease)}
.way:hover>img{transform:scale(1.06)}
.way::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(8,17,33,.05) 0%,rgba(8,17,33,.25) 35%,rgba(8,17,33,.92) 100%)}
.way--dark::before{background:linear-gradient(180deg,rgba(13,27,51,.2) 0%,rgba(13,27,51,.5) 35%,rgba(13,27,51,.96) 100%)}
.way__n{position:absolute;z-index:2;top:22px;left:24px;font-size:14px;font-weight:800;letter-spacing:.1em;padding-bottom:6px;border-bottom:2px solid var(--green-l)}
.way__body{position:absolute;z-index:2;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:flex-start;padding:28px}
.way__k{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--green-l)}
.way__t{margin-top:8px;font-size:clamp(26px,2.2vw,32px);font-weight:800;line-height:1.1;letter-spacing:-.03em}
.way__more{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .6s var(--ease),opacity .5s}
.way__more>span{overflow:hidden;min-height:0}
.way:hover .way__more,.way:focus-visible .way__more,.way.is-fx .way__more{grid-template-rows:1fr;opacity:1}
.way__d{display:block;margin-top:12px;font-size:15px;line-height:1.55;color:rgba(255,255,255,.85)}
.way__list{display:grid;gap:6px;margin-top:14px}
.way__list span{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600}
.way__list span::before{content:"";width:16px;height:16px;flex:none;border-radius:50%;background:var(--green) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12.5 4 4L18 8'/%3E%3C/svg%3E") center/11px no-repeat}
.way .pill{margin-top:22px}
.way:focus-visible{outline:3px solid var(--green);outline-offset:3px}

/* kategorie produktów */
.cats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.cat{position:relative;display:flex;flex-direction:column;align-items:center;padding:24px 22px 26px;border-radius:16px;border:1px solid var(--light-grey);background:#fff;text-align:center;transition:border-color .3s,box-shadow .4s,transform .4s var(--ease)}
.cat:hover{border-color:transparent;box-shadow:0 24px 50px -24px rgba(13,27,51,.35);transform:translateY(-4px)}
.cat__img{display:grid;place-items:center;width:100%;height:200px;margin-bottom:16px;border-radius:12px;background:radial-gradient(70% 70% at 50% 60%,#fff,var(--soft))}
.cat__img img{max-height:170px;width:auto;filter:drop-shadow(0 16px 14px rgba(13,27,51,.2));transition:transform .6s var(--ease)}
.cat:hover .cat__img img{transform:translateY(-6px) scale(1.04)}
.cat__t{font-size:17px;font-weight:800;letter-spacing:-.01em;text-transform:uppercase;color:var(--ink)}
.cat__d{margin:4px 0 18px;font-size:14px;color:var(--grey)}
.cat .pill{margin-top:auto;width:100%}
.cat__badge{position:absolute;z-index:2;top:14px;left:14px;padding:4px 10px;border-radius:999px;background:var(--green);color:#fff;font-size:11px;font-weight:700;letter-spacing:.03em}

/* banery CTA */
.ban{position:relative;display:flex;width:100%;min-height:220px;border-radius:16px;overflow:hidden;background:var(--navy-d);color:#fff;text-align:left;isolation:isolate;cursor:pointer;border:0}
.ban::after{content:"";position:absolute;left:0;right:0;bottom:0;height:12px;background:var(--green);z-index:3}
.ban__img{position:absolute;left:0;top:0;bottom:0;width:42%}
.ban__img img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
.ban:hover .ban__img img{transform:scale(1.05)}
.ban__img::after{content:"";position:absolute;inset:0;background:linear-gradient(286deg,var(--navy-d) 8%,rgba(13,27,51,.15) 50%,rgba(13,27,51,.15) 100%)}
.ban__body{position:relative;z-index:2;flex:1;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:44px 56px 56px calc(36% + 40px)}
.ban__t{display:block;font-size:clamp(28px,2.6vw,40px);font-weight:800;line-height:1.12;letter-spacing:-.03em}
.ban__t em{font-style:normal;color:var(--green-l)}
.ban__sub{display:block;margin-top:12px;max-width:52ch;font-size:16px;color:rgba(255,255,255,.82)}
.ban .pill{flex:none}
.ban--green{background:var(--green-dd)}
.ban--green::after{background:var(--navy)}
.ban--green .ban__t em{color:#fff;text-decoration:underline;text-decoration-color:var(--green-l);text-underline-offset:6px;text-decoration-thickness:3px}
.ban--green .ban__img::after{background:linear-gradient(74deg,var(--green-dd) 8%,rgba(0,90,39,.15) 50%,rgba(0,90,39,.1) 100%)}
.ban--green:hover .pill{background:#fff;color:var(--green-dd);border-color:#fff}
.ban--right .ban__img{left:auto;right:0}
.ban--right .ban__body{padding:44px calc(36% + 40px) 56px 56px}
.ban:focus-visible{outline:3px solid var(--green);outline-offset:3px}

/* systemy */
.sysg{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.sysx{position:relative;display:block;height:clamp(360px,32vw,460px);border-radius:16px;overflow:hidden;color:#fff;isolation:isolate}
.sysx>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease)}
.sysx:hover>img{transform:scale(1.05)}
.sysx::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(8,17,33,0) 30%,rgba(8,17,33,.88))}
.sysx__body{position:absolute;z-index:3;left:28px;bottom:28px;display:flex;flex-direction:column;align-items:flex-start}
.sysx__k{padding:3px 9px;border-radius:6px;background:var(--green);font-size:12px;font-weight:800;letter-spacing:.08em}
.sysx__t{margin:10px 0 18px;font-size:clamp(28px,2.6vw,38px);font-weight:800;letter-spacing:-.03em}
.sysx__layers{position:absolute;z-index:2;right:24px;bottom:28px;display:flex;flex-direction:column;gap:4px;width:210px}
.sysx__layers i{display:flex;align-items:center;gap:10px;padding:6px 10px;border-radius:8px;background:rgba(255,255,255,.92);color:var(--ink);font-size:12.5px;font-style:normal;font-weight:700;opacity:0;transform:translateX(24px);transition:opacity .4s,transform .55s var(--ease)}
.sysx__layers i::before{content:"";width:26px;height:10px;border-radius:2px;background:var(--c);transform:skewX(-18deg);box-shadow:inset 0 0 0 1px rgba(0,0,0,.1)}
.sysx:hover .sysx__layers i,.sysx.is-fx .sysx__layers i{opacity:1;transform:none}
.sysx__layers i:nth-child(2){transition-delay:.06s}.sysx__layers i:nth-child(3){transition-delay:.12s}.sysx__layers i:nth-child(4){transition-delay:.18s}.sysx__layers i:nth-child(5){transition-delay:.24s}

/* kolory */
.colors{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:48px;align-items:center}
.colors__d{margin:18px 0;color:var(--grey);max-width:46ch}
.colors__pick{display:flex;align-items:center;gap:12px;margin-bottom:24px;font-size:20px;font-weight:800;letter-spacing:-.02em}
.colors__pick i{width:44px;height:44px;border-radius:10px;background:var(--soft);box-shadow:inset 0 0 0 1px rgba(0,0,0,.08);transition:background-color .3s}
.colors__grid{display:grid;grid-template-columns:repeat(16,minmax(0,1fr));gap:4px}
.colors__grid button{aspect-ratio:1;border-radius:4px;background:var(--c);box-shadow:inset 0 0 0 1px rgba(0,0,0,.06);transition:transform .25s var(--ease),box-shadow .25s}
.colors__grid button:hover,.colors__grid button:focus-visible,.colors__grid button[aria-pressed="true"]{transform:scale(1.35);position:relative;z-index:2;box-shadow:0 6px 16px rgba(0,0,0,.25),0 0 0 2px #fff;outline:0}

/* aktualności */
.posts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.post{display:block}
.post__img{display:block;height:240px;border-radius:12px;overflow:hidden;background:#fff}
.post__img img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}
.post__img--pack{display:grid;place-items:center;background:radial-gradient(70% 70% at 50% 60%,#fff,#E9EDEA)}
.post__img--pack img{width:auto;height:190px;object-fit:contain;filter:drop-shadow(0 16px 14px rgba(13,27,51,.2))}
.post:hover .post__img img{transform:scale(1.05)}
.post__meta{display:block;margin-top:18px;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--green)}
.post__t{display:block;margin-top:8px;font-size:22px;font-weight:800;line-height:1.25;letter-spacing:-.02em;color:var(--ink);transition:color .25s}
.post:hover .post__t{color:var(--green)}
.post__d{display:block;margin-top:10px;font-size:15.5px;line-height:1.6;color:var(--grey)}

/* gdzie działamy */
.where{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center}
.wmap{width:100%;height:auto;overflow:visible;filter:drop-shadow(0 30px 40px rgba(13,27,51,.12))}
.wmap .w{fill:#fff;stroke:rgba(0,122,52,.35);stroke-width:1.6;transition:fill .3s}
.wmap .w.on{fill:var(--green-t)}
.wmap .b{fill:var(--green)}
.wmap .bt{fill:#fff;font:800 22px var(--f);text-anchor:middle;dominant-baseline:central;pointer-events:none}
.wmap .bub{transform-box:fill-box;transform-origin:center;transition:transform .35s var(--ease)}
.wmap .bub.pop{animation:bub .7s var(--ease) both;animation-delay:var(--d,0s)}
@keyframes bub{from{transform:scale(0)}to{transform:scale(1)}}
.where__d{margin:18px 0 22px;color:var(--grey);max-width:50ch}
.where__form{display:flex;gap:8px;max-width:460px;margin-bottom:16px}
.where__form input{flex:1;min-width:0;height:52px;padding:0 18px;border-radius:999px;border:1px solid var(--light-grey);font-size:16px;outline:0;transition:border-color .25s}
.where__form input:focus{border-color:var(--green)}
.where__form .btn{--bh:52px;border-radius:999px}

/* wyróżniki */
.usp{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;text-align:center}
.usp li{display:flex;flex-direction:column;align-items:center}
.usp .ic{width:72px;height:72px;stroke-width:1.1;color:var(--green);margin-bottom:18px}
.usp b{font-size:21px;font-weight:800;letter-spacing:-.02em}
.usp span{margin-top:8px;font-size:15.5px;color:var(--grey);max-width:24ch}

/* o firmie */
.about{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center;scroll-margin-top:110px}
.about__txt p{margin-top:18px;font-size:16.5px;line-height:1.7;color:var(--grey)}
.about__txt .blk__t{margin-bottom:6px}
.about__ctas{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.about__media{position:relative;padding:0 0 70px 0}
.about__a{width:100%;height:420px;object-fit:cover;border-radius:16px}
.about__b{position:absolute;left:-40px;bottom:0;width:46%;height:200px;object-fit:cover;border-radius:14px;border:8px solid #fff;box-shadow:0 30px 50px -30px rgba(13,27,51,.5)}
.about__seal{position:absolute;right:24px;top:24px;width:110px;height:110px;filter:drop-shadow(0 12px 24px rgba(0,0,0,.35))}

/* do pobrania */
.docs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.docs a{display:flex;flex-direction:column;align-items:center;gap:6px;padding:28px 20px;border-radius:12px;background:#fff;box-shadow:0 0 7px -2px rgba(0,0,0,.2);text-align:center;transition:box-shadow .3s,transform .3s var(--ease)}
.docs a:hover{transform:translateY(-3px);box-shadow:0 16px 30px -16px rgba(13,27,51,.35)}
.docs .ic{width:40px;height:40px;color:var(--green);margin-bottom:6px}
.docs b{font-size:16px;font-weight:700}
.docs span{font-size:13.5px;color:var(--grey)}
.docs a:hover b{color:var(--green)}

.js .rv{opacity:0;transform:translateY(26px);transition:opacity .9s var(--ease),transform .9s var(--ease)}
.js .rv.in{opacity:1;transform:none}

/* =========================================================
   PODSTRONY: brygady i firmy
   ========================================================= */
.phero{padding-top:12px}
.phero__frame{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);min-height:440px;border-radius:28px;overflow:hidden;background:var(--navy);color:#fff}
.phero__copy{padding:clamp(28px,4vw,56px)}
.crumbs{display:flex;gap:8px;font-size:13px;color:rgba(255,255,255,.6)}
.crumbs a:hover{color:#fff}
.phero__t{margin:22px 0 14px;font-size:clamp(34px,3.8vw,54px);font-weight:800;letter-spacing:-.04em}
.phero__l{max-width:54ch;color:rgba(255,255,255,.78);font-size:16.5px}
.phero__stats{display:grid;grid-template-columns:repeat(4,auto);justify-content:start;gap:28px;margin-top:32px;padding-top:24px;border-top:1px solid rgba(255,255,255,.14)}
.phero__stats li{font-size:13px;color:rgba(255,255,255,.65)}
.phero__stats b{display:block;font-size:30px;font-weight:800;letter-spacing:-.03em;color:#fff;line-height:1.1}
.phero__img{position:relative}
.phero__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.phero__img::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,var(--navy),rgba(21,42,75,0) 30%)}

.dir{padding:clamp(48px,5vw,80px) 0}
.dir__in{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:40px;align-items:start}
.dir__t{font-size:clamp(26px,2.6vw,36px);font-weight:800;letter-spacing:-.035em}
.dir__d{margin-top:6px;color:var(--muted)}
.dir__filters{display:grid;gap:12px;margin:24px 0 14px}
.dir__search{display:flex;align-items:center;gap:12px;height:56px;padding:0 16px;border-radius:14px;border:1.5px solid var(--line-2);background:var(--paper);transition:border-color .25s}
.dir__search:focus-within{border-color:var(--green)}
.dir__search input{flex:1;min-width:0;height:100%;border:0;outline:0;background:none;font-size:16px;font-weight:500}
.dir__chips{display:flex;flex-wrap:wrap;gap:8px}
.dchip{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;border-radius:999px;border:1px solid var(--line-2);background:var(--paper);font-size:14px;font-weight:600;transition:all .25s}
.dchip small{font-size:12px;color:var(--dim);font-weight:700}
.dchip:hover{border-color:var(--ink)}
.dchip[aria-pressed="true"]{background:var(--navy);border-color:var(--navy);color:#fff}
.dchip[aria-pressed="true"] small{color:var(--green-l)}
.dir__count{font-size:14px;color:var(--muted);margin-bottom:14px}
.dir__count b{color:var(--ink)}
.crews{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.crewc{display:flex;flex-direction:column;gap:12px;padding:20px;border-radius:20px;background:var(--paper);border:1px solid var(--line);transition:border-color .3s,box-shadow .4s,transform .4s var(--ease);animation:fadeIn .45s var(--ease) both}
.crewc:hover{border-color:var(--line-2);box-shadow:var(--sh-1)}
.crewc.is-picked{border-color:var(--green);box-shadow:0 0 0 3px rgba(0,122,52,.12)}
.crewc__top{display:grid;grid-template-columns:48px 1fr;gap:14px;align-items:center}
.crewc__av{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:var(--navy);color:#fff;font-size:15px;font-weight:800}
.crewc__n{font-size:16px;font-weight:800;letter-spacing:-.02em;line-height:1.3}
.crewc__loc{display:flex;align-items:center;gap:5px;font-size:13px;color:var(--muted)}
.crewc__loc .ic{width:15px;height:15px}
.crewc__badge{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;padding:4px 10px 4px 6px;border-radius:999px;background:var(--green-t);color:var(--green);font-size:12px;font-weight:700}
.crewc__badge .ic{width:16px;height:16px;padding:2px;border-radius:50%;background:var(--green);color:#fff;stroke-width:3}
.crewc__tags{display:flex;flex-wrap:wrap;gap:6px}
.crewc__tags span{padding:4px 9px;border-radius:8px;background:var(--bg);font-size:12.5px;font-weight:600;color:var(--ink-2)}
.crewc__btn{display:flex;align-items:center;justify-content:space-between;margin-top:auto;min-height:46px;padding:0 6px 0 16px;border-radius:12px;border:1px solid var(--line-2);font-size:14.5px;font-weight:700;transition:all .25s}
.crewc__btn .ic{width:34px;height:34px;padding:8px;border-radius:9px;background:var(--bg);transition:background-color .25s,color .25s}
.crewc__btn:hover{border-color:var(--green);color:var(--green)}
.crewc__btn:hover .ic{background:var(--green);color:#fff}
.dir__empty{padding:28px;border-radius:20px;background:var(--paper);border:1px dashed var(--line-2);color:var(--muted)}
.dir__side{position:sticky;top:96px}
.formcard{padding:26px;border-radius:24px;background:var(--paper);border:1px solid var(--line);box-shadow:var(--sh-2)}
.formcard__k{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--green)}
.formcard__t{margin:6px 0 16px;font-size:24px;font-weight:800;letter-spacing:-.03em}
.formcard__picked{display:flex;align-items:center;gap:10px;margin-bottom:14px;padding:10px 12px;border-radius:12px;background:var(--green-t);font-size:13.5px}
.formcard__picked b{color:var(--ink)}
.formcard__picked button{margin-left:auto;color:var(--muted);font-size:13px;font-weight:600;text-decoration:underline}
.formcard__tel{margin-top:14px;text-align:center;font-size:14px;color:var(--muted)}
.formcard__tel a{color:var(--ink);font-weight:800}

.proc{padding:clamp(48px,5vw,80px) 0;background:var(--paper);border-block:1px solid var(--line)}
.steps{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.steps li{position:relative;padding:22px 18px;border-radius:18px;background:var(--bg)}
.steps__n{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:var(--green);color:#fff;font-size:13px;font-weight:800;margin-bottom:16px}
.steps h3{font-size:16px;font-weight:800;letter-spacing:-.02em;margin-bottom:6px}
.steps p{font-size:14px;color:var(--muted);line-height:1.5}
.verify{padding:clamp(48px,5vw,80px) 0}
.verify__in{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:48px;align-items:center;padding:clamp(28px,4vw,56px);border-radius:28px;background:var(--navy);color:#fff}
.verify__t{margin:12px 0 12px;font-size:clamp(26px,2.6vw,38px);font-weight:800;letter-spacing:-.035em}
.verify__d{color:rgba(255,255,255,.75)}
.vsteps{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.vsteps li{padding:20px;border-radius:18px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1)}
.vsteps span{font-size:13px;font-weight:800;color:var(--green-l)}
.vsteps b{display:block;margin:8px 0 6px;font-size:16px;font-weight:800;letter-spacing:-.02em}
.vsteps small{display:block;font-size:13.5px;color:rgba(255,255,255,.7);line-height:1.5}
.sys{padding:clamp(48px,5vw,80px) 0 0}
.sys__grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.sysc{padding:28px;border-radius:24px;background:var(--paper);border:1px solid var(--line)}
.sysc__k{display:inline-block;padding:4px 10px;border-radius:8px;background:var(--navy);color:#fff;font-size:12px;font-weight:800;letter-spacing:.08em}
.sysc__t{margin:14px 0 4px;font-size:28px;font-weight:800;letter-spacing:-.035em}
.sysc__d{color:var(--muted)}
.sysc__layers{display:grid;gap:4px;margin-top:20px}
.sysc__layers li{display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:14px;padding:10px 12px;border-radius:12px;background:var(--bg);font-size:15px;font-weight:700}
.sysc__layers i{height:16px;border-radius:4px;background:var(--c);transform:skewX(-18deg);box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}
.sysc__layers a{text-decoration:underline;text-decoration-color:rgba(0,122,52,.35);text-underline-offset:3px}
.sysc__layers a:hover{color:var(--green)}
.sysc__layers small{font-size:13px;font-weight:500;color:var(--muted)}

/* =========================================================
   STOPKA
   ========================================================= */
.ftr{position:relative;margin-top:clamp(56px,6vw,88px);color:rgba(255,255,255,.7);font-size:15px;isolation:isolate;background:var(--navy-d)}
.ftr__bg{position:absolute;inset:0;z-index:-1;overflow:hidden}
.ftr__bg img{width:100%;height:100%;object-fit:cover;opacity:.22;filter:grayscale(.3)}
.ftr__bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(13,27,51,.85),rgba(13,27,51,.96))}
.ftr>.container{padding-top:clamp(56px,6vw,80px);padding-bottom:40px}
.ftr :focus-visible{outline-color:var(--green-l)}
.ftr__contact{display:flex;flex-wrap:wrap;align-items:center;gap:16px;padding-bottom:40px;margin-bottom:12px;border-bottom:1px solid rgba(255,255,255,.12)}
.ftr__contact .brand{margin-right:auto}
.ftr__big{display:flex;align-items:center;gap:12px;padding:12px 18px 12px 12px;border-radius:14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);transition:background-color .3s,border-color .3s}
.ftr__big:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.24)}
.ftr__big .ic{width:40px;height:40px;padding:10px;border-radius:10px;background:var(--green);color:#fff}
.ftr__big small{display:block;font-size:12px;color:rgba(255,255,255,.6)}
.ftr__big b{display:block;font-size:17px;font-weight:800;color:#fff}
.brand--inv .brand__logo{--logo-ink:#fff;width:156px}
.ftr__lbl{margin:36px 0 18px;font-size:16px;color:rgba(255,255,255,.45)}
.ftr__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}
.ftr__grid h2{margin-bottom:12px;font-size:17px;font-weight:700;letter-spacing:-.01em;color:#fff}
.ftr__grid li+li{margin-top:8px}
.ftr__grid a{transition:color .25s}
.ftr__grid a:hover{color:#fff}
.ftr__grid address{font-style:normal;margin-bottom:8px}
.ftr__bot{background:#060D1A}
.ftr__bot .container{display:flex;justify-content:space-between;gap:16px;padding-top:22px;padding-bottom:22px;font-size:13px;color:rgba(255,255,255,.5)}

/* =========================================================
   OKNO + KREATOR FORMULARZA
   ========================================================= */
.lead{margin:auto;padding:0;border:0;border-radius:26px;width:min(600px,calc(100% - 32px));max-height:min(780px,calc(100svh - 32px));background:var(--paper);color:var(--ink);box-shadow:0 50px 120px -30px rgba(0,0,0,.5);overflow:hidden}
.lead::backdrop{background:rgba(13,27,51,.5);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.lead[open]{animation:dlgIn .5s var(--ease)}
.lead[open]::backdrop{animation:fade .4s ease}
.lead.is-closing{animation:dlgOut .26s ease forwards}
@keyframes dlgIn{from{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:none}}
@keyframes dlgOut{to{opacity:0;transform:translateY(16px) scale(.98)}}
@keyframes fade{from{opacity:0}to{opacity:1}}
.lead__in{display:flex;flex-direction:column;max-height:inherit}
.lead__head{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:22px 22px 4px 24px}
.lead__ic{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:var(--navy);color:var(--green-l)}
.lead__ic .ic{width:24px;height:24px}
.lead__k{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--green)}
.lead__t{font-size:24px;font-weight:800;letter-spacing:-.03em}
.lead__x{display:grid;place-items:center;align-self:start;width:44px;height:44px;border-radius:12px;color:var(--muted)}
.lead__x:hover{background:var(--bg);color:var(--ink)}
.lead .wiz{display:flex;flex-direction:column;min-height:0;flex:1;padding:14px 24px 22px}
.wiz__steps{display:grid;gap:6px}
.wiz__steps i{height:4px;border-radius:4px;background:var(--bg-2);position:relative;overflow:hidden}
.wiz__steps i::after{content:"";position:absolute;inset:0;background:var(--green);transform:scaleX(0);transform-origin:left;transition:transform .6s var(--ease)}
.wiz__steps i.on::after{transform:none}
.wiz__n{margin-top:10px;font-size:13px;color:var(--muted)}
.wiz__body{flex:1;overflow:auto;padding:8px 2px 4px;margin:0 -2px}
.wiz__foot{display:flex;gap:10px;padding-top:16px;margin-top:12px;border-top:1px solid var(--line)}
.wiz__foot .btn{--bh:52px}
.wiz__back[hidden]{display:none}
.wiz__next{margin-left:auto;flex:1;max-width:280px}
.wiz.is-done .wiz__foot,.wiz.is-done .wiz__steps,.wiz.is-done .wiz__n{display:none}
.step{animation:stepIn .45s var(--ease) both}
.step.back{animation-name:stepBack}
@keyframes stepIn{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:none}}
@keyframes stepBack{from{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:none}}
.step__q{font-size:18px;font-weight:800;letter-spacing:-.02em;margin:6px 0 4px}
.step__h{font-size:14px;color:var(--muted);margin-bottom:14px}
.opts{display:grid;gap:8px}
.opts--2{grid-template-columns:1fr 1fr}
.opt{position:relative;display:flex;gap:12px;padding:14px 16px;border-radius:14px;border:1.5px solid var(--line-2);background:var(--paper);cursor:pointer;transition:border-color .2s,background-color .2s}
.opt:hover{border-color:var(--ink)}
.opt input{position:absolute;opacity:0;pointer-events:none}
.opt__mark{display:grid;place-items:center;width:22px;height:22px;flex:none;border-radius:50%;border:1.5px solid var(--line-2);margin-top:1px;transition:background-color .2s,border-color .2s}
.opt__mark .ic{width:14px;height:14px;stroke-width:2.6;color:#fff;opacity:0;transform:scale(.6);transition:opacity .2s,transform .3s var(--ease)}
.opt b{display:block;font-size:15.5px;font-weight:700;line-height:1.3}
.opt small{display:block;margin-top:2px;font-size:13px;line-height:1.4;color:var(--muted)}
.opt:has(input:checked){border-color:var(--green);background:#F4F9F5}
.opt:has(input:checked) .opt__mark{background:var(--green);border-color:var(--green)}
.opt:has(input:checked) .opt__mark .ic{opacity:1;transform:none}
.opt:has(input:focus-visible){outline:2px solid var(--green);outline-offset:2px}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{position:relative;cursor:pointer}
.chip input{position:absolute;opacity:0;pointer-events:none}
.chip span{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:999px;border:1.5px solid var(--line-2);font-size:14.5px;font-weight:600;transition:all .2s}
.chip:hover span{border-color:var(--ink)}
.chip input:checked+span{background:var(--navy);border-color:var(--navy);color:#fff}
.chip input:focus-visible+span{outline:2px solid var(--green);outline-offset:2px}
.fgroup+.fgroup{margin-top:16px}
.fgroup__l{display:block;font-size:13.5px;font-weight:700;margin-bottom:8px}
.fsel{width:100%;height:56px;padding:0 44px 0 16px;border-radius:14px;border:1.5px solid var(--line-2);background:var(--paper) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2315171C' stroke-width='1.7' stroke-linecap='round'%3E%3Cpath d='m6.5 9.5 5.5 5.5 5.5-5.5'/%3E%3C/svg%3E") right 14px center/20px no-repeat;font-size:16px;appearance:none;outline:0}
.fsel:focus{border-color:var(--green)}
.fl{position:relative}
.fl+.fl{margin-top:10px}
.fl input{width:100%;height:58px;padding:22px 44px 6px 16px;border-radius:14px;border:1.5px solid var(--line-2);background:var(--paper);font-size:17px;font-weight:500;outline:0;transition:border-color .25s,box-shadow .25s}
.fl label{position:absolute;left:17px;top:18px;font-size:16px;color:var(--muted);pointer-events:none;transform-origin:left top;transition:transform .3s var(--ease),color .25s}
.fl input:focus{border-color:var(--green);box-shadow:0 0 0 4px rgba(0,122,52,.12)}
.fl input:focus+label,.fl input:not(:placeholder-shown)+label{transform:translateY(-11px) scale(.76);color:var(--ink-2)}
.fl.bad input{border-color:#B3261E}
.fl.bad::after{content:attr(data-err);display:block;margin:6px 4px 0;font-size:13px;color:#B3261E}
.fl.ok input{border-color:var(--green)}
.fl__ok{position:absolute;right:14px;top:18px;width:22px;height:22px;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center;opacity:0;transform:scale(.6);transition:opacity .25s,transform .35s var(--ease)}
.fl__ok .ic{width:14px;height:14px;stroke-width:2.6}
.fl.ok .fl__ok{opacity:1;transform:none}
.f2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.f2 .fl+.fl{margin-top:0}
.consent{display:grid;grid-template-columns:22px 1fr;gap:10px;margin-top:14px;font-size:12.5px;line-height:1.45;color:var(--muted);cursor:pointer}
.consent input{width:20px;height:20px;margin-top:1px;accent-color:var(--green)}
.consent.bad{color:#B3261E}
.wiz__note{margin-top:12px;font-size:12.5px;color:var(--muted)}
.done{padding:18px 2px 6px;text-align:center}
.done__ic{width:76px;height:76px;margin:0 auto 16px;border-radius:50%;background:var(--green);display:grid;place-items:center;color:#fff;animation:pop .7s var(--ease) both}
.done__ic .ic{width:36px;height:36px;stroke-width:2.4;stroke-dasharray:30;stroke-dashoffset:30;animation:draw .6s .3s var(--ease) forwards}
@keyframes pop{from{transform:scale(.4);opacity:0}to{transform:none;opacity:1}}
@keyframes draw{to{stroke-dashoffset:0}}
.done h3{font-size:26px;font-weight:800;letter-spacing:-.03em;margin-bottom:8px}
.done p{max-width:40ch;margin:0 auto;color:var(--muted);font-size:15px}
.done ul{display:inline-grid;gap:4px;margin:16px auto 0;padding:12px 16px;border-radius:14px;background:var(--bg);text-align:left;font-size:13.5px}
.done .btn{margin-top:18px}
.done small{display:block;margin-top:12px;font-size:12px;color:var(--dim)}
.spin{width:18px;height:18px;border-radius:50%;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;animation:spin .8s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}

.demo{position:fixed;left:12px;bottom:12px;z-index:40;display:inline-flex;align-items:center;gap:8px;padding:8px;border-radius:999px;background:rgba(13,27,51,.86);color:rgba(255,255,255,.85);font-size:12px;font-weight:600;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:.5;transition:opacity .3s}
.demo:hover,.demo:focus-visible{opacity:1}
.demo span{display:none;padding-right:4px}
.demo:hover span,.demo:focus-visible span{display:inline}
.demo i{width:26px;height:15px;border-radius:999px;background:#C9A227;position:relative;transition:background-color .3s}
.demo i::after{content:"";position:absolute;top:2px;left:13px;width:11px;height:11px;border-radius:50%;background:#fff;transition:left .3s var(--ease)}
.clean .demo i{background:rgba(255,255,255,.25)}
.clean .demo i::after{left:2px}


/* =========================================================
   MEGA MENU v3: granatowe kategorie, produkty ze zdjęciami, wizytówka kategorii
   ========================================================= */
.mega__in{display:grid;grid-template-columns:280px minmax(0,1fr);margin-top:8px;background:#fff;border:0;border-radius:20px;box-shadow:0 50px 100px -40px rgba(13,27,51,.55),0 0 0 1px rgba(13,27,51,.06);overflow:hidden}
.mega__cats{display:flex;flex-direction:column;gap:2px;padding:20px 14px;background:var(--navy-d);border:0}
.mega__grp{padding:16px 12px 8px;font-size:10.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.4)}
.mega__grp:first-child{padding-top:2px}
.mtab{position:relative;display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;width:100%;padding:7px 10px;border-radius:10px;font-size:14px;font-weight:600;color:rgba(255,255,255,.78);text-align:left;transition:background-color .2s,color .2s}
.mtab::before{content:"";position:absolute;left:-14px;top:8px;bottom:8px;width:3px;border-radius:0 3px 3px 0;background:#2E9E36;opacity:0;transition:opacity .2s}
.mtab__ic{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;background:rgba(255,255,255,.95)}
.mtab__ic img{width:26px;height:26px;object-fit:contain}
.mtab small{min-width:24px;padding:1px 7px;border-radius:999px;background:rgba(255,255,255,.08);color:rgba(255,255,255,.55);font-size:11.5px;font-weight:700;text-align:center}
.mtab:hover{background:rgba(255,255,255,.06);color:#fff}
.mtab.is-on{background:rgba(255,255,255,.1);color:#fff;box-shadow:none}
.mtab.is-on::before{opacity:1}
.mtab.is-on small{background:#2E9E36;color:#fff}
.mtab--new .mtab__n::after{content:"";display:inline-block;width:7px;height:7px;margin-left:8px;border-radius:50%;background:#5BE36B;vertical-align:1px}
.mtab--new span::after{content:none}
.mega__cats :focus-visible{outline-color:#7FD39B}

.mega__panels{padding:0;display:flex}
.mpanel.is-on{flex:1}
.mpanel.is-on{display:grid;grid-template-columns:minmax(0,1fr) 290px}
.mpanel__main{padding:26px 28px 22px}
.mpanel__head{align-items:center;padding-bottom:16px;margin-bottom:14px}
.mpanel__t{font-size:24px;font-weight:800;letter-spacing:-.03em;color:var(--navy)}
.mprods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.mprods a{display:grid;grid-template-columns:64px 1fr;align-items:center;gap:12px;margin:0;padding:8px;border-radius:12px;border:1px solid transparent;transition:background-color .2s,border-color .2s}
.mprods a:hover{background:var(--soft);border-color:var(--line)}
.mprod__img{display:grid;place-items:center;width:64px;height:64px;border-radius:10px;background:radial-gradient(70% 70% at 50% 60%,#fff,#EEF1F4)}
.mprod__img img{width:52px;height:52px;object-fit:contain;filter:drop-shadow(0 6px 6px rgba(13,27,51,.18));transition:transform .4s var(--ease)}
.mprods a:hover .mprod__img img{transform:translateY(-3px) scale(1.06)}
.mprod__txt{min-width:0}
.mprod__n{display:block;font-size:14.5px;font-weight:800;letter-spacing:-.01em;color:var(--navy);line-height:1.3}
.mprod__n em{display:inline-block;margin-left:6px;padding:1px 6px;border-radius:4px;background:#2E9E36;color:#fff;font-size:9.5px;font-style:normal;font-weight:800;letter-spacing:.06em;text-transform:uppercase;vertical-align:2px}
.mprod__d{display:block;margin-top:2px;font-size:12.5px;line-height:1.35;color:var(--grey)}
.mprods .ic{display:none}

.mspot{display:flex;flex-direction:column;align-items:flex-start;padding:24px 24px 22px;background:linear-gradient(180deg,#F3F5F8,#E8ECF1);border-left:1px solid var(--line)}
.mspot__img{display:grid;place-items:center;align-self:stretch;height:190px;margin-bottom:14px}
.mspot__img img{max-height:190px;max-width:100%;width:auto;object-fit:contain;filter:drop-shadow(0 22px 20px rgba(13,27,51,.28));animation:spotIn .6s var(--ease) both}
@keyframes spotIn{from{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:none}}
.mspot__k{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#2E9E36}
.mspot__t{margin-top:4px;font-size:19px;font-weight:800;line-height:1.2;letter-spacing:-.02em;color:var(--navy)}
.mspot__d{margin-top:8px;font-size:13.5px;line-height:1.5;color:var(--grey)}
.mspot__btn{display:inline-flex;align-items:center;gap:8px;margin-top:auto;padding:0 18px;min-height:44px;border-radius:8px;background:var(--navy);color:#fff;font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;transition:background-color .25s}
.mspot__btn:hover{background:#2E9E36}
.mspot__btn .ic{width:16px;height:16px}
.mspot__sub{display:inline-flex;align-items:center;gap:6px;margin-top:12px;font-size:13px;font-weight:600;color:var(--navy)}
.mspot__sub .ic{width:16px;height:16px;color:#2E9E36}
.mspot__sub:hover{color:#2E9E36}
.mspot__d+.mspot__btn{margin-top:18px}

.mega__foot{grid-column:1/-1;background:var(--soft)}
@media (max-width:1439px){
  .mega__in{grid-template-columns:250px minmax(0,1fr)}
  .mpanel.is-on{grid-template-columns:minmax(0,1fr) 250px}
  .mprods{grid-template-columns:repeat(2,minmax(0,1fr))}
}



/* =========================================================
   DRUGA SEKCJA: 3 kafle ścieżek (minimalistyczne karty)
   ========================================================= */
.ptiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.ptile{position:relative;display:flex;flex-direction:column;align-items:center;padding:28px 28px 30px;border-radius:18px;border:1px solid var(--light-grey);background:#fff;text-align:center;overflow:hidden;isolation:isolate;transition:border-color .35s,box-shadow .5s var(--ease),transform .5s var(--ease)}
.ptile:hover,.ptile:focus-visible{border-color:#2E9E36;box-shadow:0 30px 60px -34px rgba(13,27,51,.45);transform:translateY(-6px);outline:0}
.ptile:focus-visible{box-shadow:0 0 0 3px rgba(46,158,54,.35)}
.ptile__n{position:absolute;z-index:3;left:40px;top:40px;display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#fff;box-shadow:0 6px 16px -8px rgba(13,27,51,.35);font-size:13px;font-weight:800;color:var(--navy);transition:background-color .35s,color .35s}
.ptile:hover .ptile__n{background:#2E9E36;color:#fff}
.ptile__mark{position:absolute;z-index:-1;right:-30px;top:-30px;width:60px;height:60px;background:#2E9E36;transform:rotate(45deg) scale(.4);opacity:0;transition:transform .6s var(--ease),opacity .4s}
.ptile:hover .ptile__mark{opacity:1;transform:rotate(45deg) scale(1)}
.ptile__vis{position:relative;display:block;width:100%;height:250px;margin-bottom:22px;border-radius:14px;background:radial-gradient(60% 70% at 50% 62%,#fff,#EEF1F4 70%)}
.ptile__vis::after{content:"";position:absolute;left:18%;right:18%;bottom:22px;height:22px;border-radius:50%;background:radial-gradient(closest-side,rgba(13,27,51,.22),transparent)}
.ptile__pk{position:absolute;z-index:1;height:auto;filter:drop-shadow(0 18px 16px rgba(13,27,51,.22));transition:transform .6s var(--ease)}
.ptile__pk--a{width:190px;left:calc(50% - 165px);bottom:22px}
.ptile__pk--b{width:190px;left:calc(50% - 35px);bottom:18px}
.ptile__pk--c{width:180px;left:calc(50% - 30px);bottom:24px}
.ptile__pk--s{width:130px;left:calc(50% - 130px);bottom:30px}
.ptile:hover .ptile__pk--a{transform:translateY(-8px) rotate(-3deg)}
.ptile:hover .ptile__pk--b,.ptile:hover .ptile__pk--c{transform:translateY(-12px) rotate(3deg)}
.ptile__badge{position:absolute;z-index:2;right:14px;top:14px;display:flex;align-items:center;gap:8px;padding:8px 12px 8px 10px;border-radius:12px;background:var(--navy);color:rgba(255,255,255,.8);font-size:11px;font-weight:600;line-height:1.2;text-align:left;transform:translateY(-6px);opacity:0;transition:opacity .4s,transform .5s var(--ease)}
.ptile__badge b{font-size:22px;font-weight:800;color:#fff;letter-spacing:-.03em}
.ptile:hover .ptile__badge,.ptile.is-fx .ptile__badge{opacity:1;transform:none}
.ptile__k{font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#2E9E36}
.ptile__t{margin-top:8px;font-size:20px;font-weight:800;letter-spacing:.01em;text-transform:uppercase;color:var(--navy)}
.ptile__d{margin:10px 0 24px;max-width:34ch;font-size:15px;line-height:1.55;color:var(--grey)}
.ptile .pill{margin-top:auto;width:100%}
.ptile:hover .pill{background:#2E9E36;border-color:#2E9E36;color:#fff}

/* certyfikat brygady partnerskiej */
.cert{position:absolute;left:50%;top:50%;z-index:1;display:flex;flex-direction:column;align-items:center;width:230px;padding:18px 16px 14px;border-radius:12px;background:#fff;border:1px solid #E1E5EA;box-shadow:0 22px 40px -22px rgba(13,27,51,.4),inset 0 0 0 6px #F6F8FA;transform:translate(-50%,-52%) rotate(-4deg);transition:transform .6s var(--ease)}
.ptile:hover .cert{transform:translate(-50%,-56%) rotate(0deg)}
.cert::before{content:"";position:absolute;inset:10px;border:1px dashed rgba(21,42,75,.18);border-radius:6px;pointer-events:none}
.cert__seal{width:52px;height:52px;margin-bottom:6px}
.cert__k{font-size:9.5px;font-weight:800;letter-spacing:.24em;text-transform:uppercase;color:#2E9E36}
.cert__t{margin-top:2px;font-size:14px;font-weight:800;color:var(--navy);letter-spacing:-.01em}
.cert__list{display:grid;grid-template-columns:auto auto;gap:5px 12px;margin-top:10px}
.cert__list i{white-space:nowrap;display:flex;align-items:center;gap:5px;font-size:10.5px;font-style:normal;font-weight:700;color:#3B4656}
.cert__list i::before{content:"";width:12px;height:12px;flex:none;border-radius:50%;background:#2E9E36 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12.5 4 4L18 8'/%3E%3C/svg%3E") center/9px no-repeat}
.cert__sig{display:block;width:90px;margin-top:8px;opacity:.7}
.cert__sig path{stroke-dasharray:200;stroke-dashoffset:200;transition:stroke-dashoffset 1.2s var(--ease)}
.ptile:hover .cert__sig path,.ptile.is-fx .cert__sig path{stroke-dashoffset:0}

@media (max-width:1023px){
  .ptiles{grid-template-columns:1fr 1fr}
  .ptile--partner{grid-column:1/-1}
}
@media (max-width:767px){
  .ptiles{grid-template-columns:minmax(0,1fr);gap:16px}
  .ptile{padding:20px 20px 22px}
  .ptile:hover{transform:none}
  .ptile__vis{height:220px}
  .ptile__badge{opacity:1;transform:none}
}


/* ---------- kafle ze zdjęciami realizacji ---------- */
.ptile__vis{overflow:hidden;background:#dfe3e8}
.ptile__vis::after{content:none}
.ptile__photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
.ptile:hover .ptile__photo{transform:scale(1.06)}
.ptile__vis::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(10,22,48,0) 45%,rgba(10,22,48,.55));pointer-events:none}
.ptile__tag{position:absolute;z-index:3;left:14px;bottom:14px;padding:6px 11px;border-radius:8px;background:rgba(255,255,255,.94);color:var(--navy);font-size:12px;font-weight:800;letter-spacing:.06em}
.ptile__tag--count{letter-spacing:0;font-weight:600}
.ptile__tag--count b{font-weight:800;color:#2E9E36}

/* przed / po */
.ba{cursor:ew-resize}
.ba::before{display:none}
.ba__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.ba__img--after{clip-path:inset(0 0 0 var(--x));transition:clip-path .08s linear}
.ba__line{position:absolute;z-index:2;top:0;bottom:0;left:var(--x);width:2px;margin-left:-1px;background:#fff;box-shadow:0 0 12px rgba(0,0,0,.35)}
.ba__line i{position:absolute;left:50%;top:50%;width:40px;height:40px;margin:-20px 0 0 -20px;border-radius:50%;background:#2E9E36;border:3px solid #fff;box-shadow:0 6px 16px rgba(0,0,0,.3)}
.ba__line i::before,.ba__line i::after{content:"";position:absolute;top:50%;width:0;height:0;margin-top:-5px;border:5px solid transparent}
.ba__line i::before{left:5px;border-right-color:#fff}
.ba__line i::after{right:5px;border-left-color:#fff}
.ba__lbl{position:absolute;z-index:3;bottom:14px;padding:5px 10px;border-radius:7px;font-size:11.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.ba__lbl--l{left:14px;background:rgba(10,22,48,.75);color:#fff}
.ba__lbl--r{right:14px;background:#2E9E36;color:#fff}
.ba.is-auto .ba__img--after,.ba.is-auto .ba__line{transition:clip-path 1.6s var(--ease),left 1.6s var(--ease)}

/* warstwy systemu */
.plyr{position:absolute;z-index:3;right:12px;top:12px;display:flex;flex-direction:column;gap:4px;width:190px}
.plyr i{display:flex;align-items:center;gap:8px;padding:5px 9px;border-radius:7px;background:rgba(255,255,255,.94);font-size:11.5px;font-style:normal;font-weight:700;color:var(--navy);opacity:0;transform:translateX(30px);transition:opacity .35s,transform .5s var(--ease);transition-delay:calc((4 - var(--i)) * .07s)}
.plyr i::before{content:"";width:22px;height:9px;flex:none;border-radius:2px;background:var(--c);transform:skewX(-18deg);box-shadow:inset 0 0 0 1px rgba(0,0,0,.1)}
.ptile:hover .plyr i,.ptile.is-fx .plyr i{opacity:1;transform:none}

/* plakietka brygady */
.pbadge{position:absolute;z-index:3;left:62px;right:14px;top:14px;display:grid;grid-template-columns:40px 1fr 26px;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:#fff;box-shadow:0 14px 30px -16px rgba(10,22,48,.6);text-align:left;opacity:0;transform:translateY(-16px);transition:opacity .4s,transform .55s var(--ease)}
.pbadge__n{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:var(--navy);color:#fff;font-size:18px;font-weight:800}
.pbadge b{display:block;font-size:13.5px;font-weight:800;color:var(--navy)}
.pbadge small{display:block;font-size:11.5px;color:var(--grey)}
.pbadge i{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#2E9E36;color:#fff}
.pbadge .ic{width:15px;height:15px;stroke-width:3}
.ptile:hover .pbadge,.ptile.is-fx .pbadge{opacity:1;transform:none}
@media (max-width:767px){
  .plyr i,.pbadge{opacity:1;transform:none}
}


/* =========================================================
   KONFIGURATOR ELEWACJI (wzornik Polskie Pejzaże)
   ========================================================= */
.cfg{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:0;border-radius:24px;overflow:hidden;border:1px solid var(--light-grey);background:#fff;box-shadow:0 40px 80px -50px rgba(13,27,51,.45)}
.cfg__stage{position:relative;background:#EEF3F6;min-height:560px;display:flex;align-items:flex-end}
.cfg__house{position:absolute;inset:0;width:100%;height:100%}
.cfg__house .wall{transition:fill .8s var(--ease)}
.cfg__house .wall--a{fill:var(--wa)}
.cfg__house .wall--b{fill:var(--wb)}
.cfg__house .sky,.cfg__house .sun,.cfg__house .moon,.cfg__house .lit,.cfg__house .glow,.cfg__house .dusk-tint,.cfg__house .ground-shade{transition:opacity 1.2s var(--ease)}
.cfg__house .sky--dusk,.cfg__house .moon,.cfg__house .lit,.cfg__house .glow,.cfg__house .dusk-tint,.cfg__house .ground-shade{opacity:0}
.cfg.is-dusk .sky--dusk{opacity:1}
.cfg.is-dusk .sun{opacity:0}
.cfg.is-dusk .moon{opacity:1}
.cfg.is-dusk .lit{opacity:.95}
.cfg.is-dusk .lit--soft{opacity:.8}
.cfg.is-dusk .glow{opacity:.55}
.cfg.is-dusk .dusk-tint{opacity:.32}
.cfg.is-dusk .ground-shade{opacity:.45}
.cfg__house .wall.flash{animation:wallFlash .8s var(--ease)}
@keyframes wallFlash{0%{filter:url(#cfgTex) brightness(1.25)}100%{filter:url(#cfgTex) brightness(1)}}
.cfg__hud{position:absolute;z-index:2;left:20px;right:20px;top:20px;display:flex;justify-content:space-between;gap:10px}
.cfg__seg{display:flex;padding:4px;border-radius:12px;background:rgba(255,255,255,.88);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 24px -14px rgba(13,27,51,.5)}
.cfg__seg button{padding:8px 16px;border-radius:9px;font-size:13.5px;font-weight:700;color:var(--navy);transition:background-color .25s,color .25s}
.cfg__seg button.is-on{background:var(--navy);color:#fff}
.cfg__rand{display:inline-flex;align-items:center;gap:8px;padding:0 16px;border-radius:12px;background:rgba(255,255,255,.88);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:13.5px;font-weight:700;color:var(--navy);box-shadow:0 10px 24px -14px rgba(13,27,51,.5);transition:background-color .25s,color .25s}
.cfg__rand .ic{width:17px;height:17px;color:#2E9E36;transition:transform .5s var(--ease)}
.cfg__rand:hover{background:var(--navy);color:#fff}
.cfg__rand:hover .ic{transform:rotate(90deg);color:#7FE08A}
.cfg__sum{position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:8px;margin:20px;padding:0}
.cfg__sum span{display:inline-flex;align-items:center;gap:8px;padding:8px 14px 8px 8px;border-radius:999px;background:rgba(255,255,255,.92);font-size:13.5px;color:var(--grey);box-shadow:0 10px 24px -14px rgba(13,27,51,.5)}
.cfg__sum b{color:var(--navy);font-weight:800}
.cfg__dot{display:inline-block;width:22px;height:22px;flex:none;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12);transition:background-color .6s}

.cfg__panel{display:flex;flex-direction:column;gap:18px;padding:28px 28px 26px;border-left:1px solid var(--light-grey)}
.cfg__target{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.cfg__target button{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;border:1.5px solid var(--light-grey);text-align:left;font-size:14px;font-weight:800;color:var(--navy);transition:border-color .25s,background-color .25s}
.cfg__target small{display:block;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--grey)}
.cfg__target button.is-on{border-color:var(--navy);background:var(--soft)}
.cfg__target .cfg__dot{width:30px;height:30px;border-radius:9px}
.cfg__groups{display:flex;flex-wrap:wrap;gap:6px}
.cfg__groups button{display:inline-flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;border-radius:999px;border:1px solid var(--light-grey);font-size:13px;font-weight:700;color:var(--navy);transition:border-color .2s,background-color .2s,color .2s}
.cfg__groups button i{display:block;width:22px;height:22px;border-radius:50%;background:var(--g)}
.cfg__groups button:hover{border-color:var(--navy)}
.cfg__groups button[aria-selected="true"]{background:var(--navy);border-color:var(--navy);color:#fff}
.cfg__grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}
.cfg__fam{display:flex;flex-direction:column;gap:5px}
.cfg__fam p{font-size:10.5px;font-weight:800;letter-spacing:.04em;color:var(--grey);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cfg__fam button{position:relative;height:34px;border-radius:7px;background:var(--c);box-shadow:inset 0 0 0 1px rgba(0,0,0,.08);transition:transform .25s var(--ease),box-shadow .25s}
.cfg__fam button:hover{transform:scale(1.08);z-index:2}
.cfg__fam button[aria-checked="true"]{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--navy);z-index:3}
.cfg__fam button[aria-checked="true"]::after{content:"";position:absolute;left:50%;top:50%;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23152A4B' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12.5 4 4L18 8'/%3E%3C/svg%3E") center/10px no-repeat}
.cfg__grid.swap .cfg__fam{animation:rise .5s var(--ease) both}
.cfg__grid.swap .cfg__fam:nth-child(2){animation-delay:.03s}.cfg__grid.swap .cfg__fam:nth-child(3){animation-delay:.06s}.cfg__grid.swap .cfg__fam:nth-child(4){animation-delay:.09s}.cfg__grid.swap .cfg__fam:nth-child(5){animation-delay:.12s}.cfg__grid.swap .cfg__fam:nth-child(6){animation-delay:.15s}
.cfg__note{font-size:12.5px;line-height:1.5;color:var(--grey)}
.cfg__ctas{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto}
.cfg__ctas .btn{--bh:50px}

@media (max-width:1023px){
  .cfg{grid-template-columns:1fr}
  .cfg__stage{min-height:0;aspect-ratio:800/520}
  .cfg__panel{border-left:0;border-top:1px solid var(--light-grey)}
}
@media (max-width:767px){
  .cfg{border-radius:18px;margin-inline:calc(-1 * var(--gut) + 8px)}
  .cfg__stage{aspect-ratio:auto;height:320px}
  .cfg__house{width:auto;height:100%;left:50%;transform:translateX(-52%)}
  .cfg__hud{left:12px;right:12px;top:12px}
  .cfg__seg button{padding:7px 11px;font-size:12.5px}
  .cfg__rand{padding:0 12px;font-size:12.5px}
  .cfg__sum{margin:12px;gap:6px}
  .cfg__sum span{font-size:12px;padding:6px 10px 6px 6px}
  .cfg__sum .cfg__dot{width:18px;height:18px}
  .cfg__panel{padding:18px 16px}
  .cfg__target button{font-size:13px;padding:8px 10px}
  .cfg__target .cfg__dot{width:26px;height:26px}
  .cfg__grid{gap:4px}
  .cfg__fam p{font-size:9.5px}
  .cfg__fam button{height:30px}
  .cfg__ctas .btn{width:100%}
}

/* =========================================================
   RESPONSYWNOŚĆ
   ========================================================= */
.tool{display:inline-flex;align-items:center;width:auto;padding:0 14px;gap:8px;border:0;background:transparent;font-size:14.5px;font-weight:600}
.tool:hover,.tool[aria-expanded="true"]{background:var(--soft)}
.bar__cta{min-height:44px;padding:0 22px}
@media (max-width:1439px){
  .nav__link{padding:0 10px;font-size:14px}
  .bar__in{gap:16px}
  .mega__in{grid-template-columns:230px minmax(0,1fr) 270px}
}
@media (max-width:1279px){
  .brand__seal{display:none}
  .nav__link{padding:0 8px}
  .tool__t{display:none}
  .cats{grid-template-columns:repeat(3,minmax(0,1fr))}
  .steps{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ban__body{padding-left:calc(36% + 28px);padding-right:36px}
  .ban--right .ban__body{padding:44px calc(36% + 28px) 56px 36px}
}
@media (max-width:1199px){
  :root{--barh:68px}
  .nav,.mega{display:none}
  .burger{display:block}
  .brand__seal{display:block}
  .bar__in{justify-content:space-between}
  .dir__in{grid-template-columns:minmax(0,1fr) 360px;gap:28px}
  .crews{grid-template-columns:1fr}
  .slide__pack,.slide__seal{display:none}
  .ways{grid-template-columns:1fr 1fr}
  .way--dark{grid-column:1/-1;height:380px}
  .about__b{left:16px}
}
@media (max-width:1023px){
  .cats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .blk__head{flex-direction:column;align-items:flex-start}
  .colors,.where,.about{grid-template-columns:1fr;gap:32px}
  .posts{grid-template-columns:1fr 1fr}
  .posts .post:last-child{display:none}
  .usp{grid-template-columns:1fr 1fr;row-gap:40px}
  .docs{grid-template-columns:1fr 1fr}
  .ftr__grid{grid-template-columns:1fr 1fr}
  .ban{flex-direction:column}
  .ban__img,.ban--right .ban__img{position:relative;width:100%;height:220px}
  .ban__img::after{background:linear-gradient(0deg,var(--navy-d) 4%,rgba(13,27,51,0) 60%)}
  .ban--green .ban__img::after{background:linear-gradient(0deg,var(--green-dd) 4%,rgba(0,90,39,0) 60%)}
  .ban__body,.ban--right .ban__body{flex-direction:column;align-items:flex-start;padding:8px 28px 44px}
  .phero__frame{grid-template-columns:1fr}
  .phero__img{height:260px;order:-1}
  .phero__img::before{background:linear-gradient(0deg,var(--navy),rgba(21,42,75,0) 40%)}
  .dir__in{grid-template-columns:1fr}
  .dir__side{position:static}
  .crews{grid-template-columns:1fr 1fr}
  .verify__in{grid-template-columns:1fr}
  .shead,.shead--row{grid-template-columns:1fr}
  .shead__d{justify-self:start;text-align:left}
}
@media (max-width:767px){
  :root{--top:0px;--barh:64px}
  .topbar{display:none}
  .brand{gap:10px}
  .brand__logo,.hdr.is-scrolled .brand__logo{width:112px}
  .brand__seal,.hdr.is-scrolled .brand__seal{width:32px;height:32px}
  .bar__tools{gap:6px}
  .bar__cta{display:none}
  .tool{width:44px;padding:0;justify-content:center}
  .burger{width:44px;height:44px}
  .hdr.is-scrolled .bar{height:58px}
  .search__in{padding:12px;border-radius:18px}
  .search__box{height:54px}


  .blk__t{font-size:clamp(28px,7.6vw,34px)}
  .blk__sub{font-size:15.5px}
  .ways{grid-template-columns:minmax(0,1fr);gap:16px}
  .way,.way--dark{height:auto;min-height:440px}
  .way__more{grid-template-rows:1fr;opacity:1}
  .cats{gap:12px}
  .cat{padding:14px 12px 16px}
  .cat__img{height:140px;margin-bottom:10px}
  .cat__img img{max-height:120px}
  .cat__t{font-size:14px}
  .cat__d{font-size:12.5px;margin-bottom:12px}
  .cat .pill{min-height:40px;padding:0 12px;font-size:13px}
  .cat__badge{font-size:10px;padding:3px 8px;top:10px;left:10px}
  .sysg{grid-template-columns:minmax(0,1fr)}
  .sysx{height:400px}
  .sysx__layers{left:20px;right:auto;top:20px;bottom:auto;width:200px}
  .sysx__body{left:20px;bottom:22px}
  .colors__grid{grid-template-columns:repeat(12,minmax(0,1fr))}
  .posts{grid-template-columns:minmax(0,1fr)}
  .posts .post:last-child{display:block}
  .where__form{flex-direction:column}
  .usp{gap:28px 16px}
  .usp .ic{width:56px;height:56px}
  .usp b{font-size:18px}
  .usp span{font-size:14px}
  .about__a{height:280px}
  .about__b{height:150px}
  .docs{grid-template-columns:1fr 1fr;gap:12px}
  .docs a{padding:20px 12px}
  .ftr__contact .brand{margin-right:0;width:100%}
  .ftr__big{width:100%}
  .ftr__grid{grid-template-columns:1fr 1fr;gap:24px}
  .ftr__bot .container{flex-direction:column}

  .phero .wrap{padding-inline:10px}
  .phero__frame{border-radius:24px}
  .phero__copy{padding:22px 20px 26px}
  .phero__stats{grid-template-columns:1fr 1fr;gap:16px 20px}
  .phero__stats b{font-size:26px}
  .crews{grid-template-columns:minmax(0,1fr)}
  .formcard{padding:20px}
  .steps{grid-template-columns:minmax(0,1fr)}
  .vsteps{grid-template-columns:minmax(0,1fr)}
  .verify__in{border-radius:24px}
  .sys__grid{grid-template-columns:minmax(0,1fr)}
  .sysc{padding:20px}
  .sysc__layers li{grid-template-columns:36px 1fr;font-size:14px}
  .sysc__layers small{grid-column:2}

  .lead{width:100%;max-width:100%;max-height:94svh;margin:auto 0 0;border-radius:24px 24px 0 0}
  .lead[open]{animation:sheetIn .5s var(--ease)}
  .lead.is-closing{animation:sheetOut .28s ease forwards}
  @keyframes sheetIn{from{transform:translateY(100%)}to{transform:none}}
  @keyframes sheetOut{to{transform:translateY(100%)}}
  .lead__head{padding:18px 16px 4px 18px}
  .lead .wiz{padding:12px 18px calc(16px + env(safe-area-inset-bottom))}
  .opts--2,.f2{grid-template-columns:1fr}
  .f2 .fl+.fl{margin-top:10px}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-delay:0s!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .pmap .ring{display:none}
}
.formcard__picked[hidden],[hidden]{display:none!important}

.pbadge__n .ic{width:20px;height:20px;color:#fff}

/* ---------- v11: uporządkowana strona główna ---------- */
#o-firmie .usp{margin-top:clamp(48px,5vw,72px);padding-top:clamp(40px,4vw,56px);border-top:1px solid rgba(21,23,28,.1)}
.blk--soft+.ftr,main>.blk--soft:last-child{margin-bottom:0}
main:has(>.blk--soft:last-child)+.ftr{margin-top:0}
.subpage{padding-top:0}

/* ---------- v12: płynne wejścia (ruch) ---------- */
html{scroll-behavior:smooth}
.js .mo{opacity:0;transform:translate3d(0,34px,0);transition:opacity 1s var(--ease),transform 1.1s var(--ease);transition-delay:calc(var(--mi,0) * 90ms)}
.js .mo.in{opacity:1;transform:none}
.js .mo--l{transform:translate3d(-40px,0,0)}
.js .mo--r{transform:translate3d(40px,0,0)}
.js .mo--s{transform:scale(.94)}
/* zdjęcia: odsłonięcie + oddalenie */
.js .mimg{clip-path:inset(12% 8% 12% 8% round 18px);transition:clip-path 1.3s var(--ease);transition-delay:calc(var(--mi,0) * 90ms + .1s)}
.js .mimg img,.js img.mimg{transform:scale(1.18);transition:transform 1.8s var(--ease);transition-delay:inherit}
.js .mimg.in{clip-path:inset(0 0 0 0 round 0)}
.js .mimg.in img,.js img.mimg.in{transform:scale(1)}
/* nagłówki sekcji: zielone słowo dosuwa się chwilę później */
.js .blk__t em{display:inline-block;opacity:0;transform:translateY(.35em);transition:opacity .9s var(--ease) .25s,transform .9s var(--ease) .25s}
.js .in .blk__t em,.js .blk__t.in em{opacity:1;transform:none}
/* worki w kartach produktów: wyjście z cienia */
.js .cat.mo .cat__img img,.js .cat.mo img{transform:translateY(26px) scale(.92);opacity:.0;transition:transform 1.2s var(--ease),opacity 1s var(--ease);transition-delay:calc(var(--mi,0) * 90ms + .2s)}
.js .cat.mo.in .cat__img img,.js .cat.mo.in img{transform:none;opacity:1}
/* ikony atutów */
.js .usp li.mo svg{transform:scale(.5) rotate(-12deg);opacity:0;transition:transform .9s cubic-bezier(.3,1.5,.5,1),opacity .6s;transition-delay:calc(var(--mi,0) * 110ms + .25s)}
.js .usp li.mo.in svg{transform:none;opacity:1}
/* hover: karty żyją */
.ptile,.cat,.post{transition:transform .5s var(--ease),box-shadow .5s var(--ease),border-color .3s}
.ptile:hover,.cat:hover{transform:translateY(-8px);box-shadow:0 34px 60px -34px rgba(13,27,51,.35)}
.ptile__vis{overflow:hidden}
.ptile__photo,.post__img img{transition:transform 1.2s var(--ease)}
.ptile:hover .ptile__photo,.post:hover .post__img img{transform:scale(1.06)}
.cat:hover img{transform:translateY(-6px) rotate(-1.5deg)!important;transition:transform .6s var(--ease)!important}
.post:hover .post__t{color:var(--green)}
/* paralaksa zdjęcia zakładu */
.about__a{will-change:transform}
/* mapa: wjazd i pulsujące punkty */
.js .where__map.mo{transform:scale(.96) translateY(20px)}
.wmap .bub.pop .b{animation:mapPulse 2.6s ease-out 1.2s infinite}
@keyframes mapPulse{0%{filter:drop-shadow(0 0 0 rgba(0,122,52,.55))}70%{filter:drop-shadow(0 0 14px rgba(0,122,52,0))}100%{filter:none}}
@media (prefers-reduced-motion:reduce){
  .js .mo,.js .mimg,.js .mimg img,.js .blk__t em,.js .cat.mo img,.js .usp li.mo svg{opacity:1!important;transform:none!important;clip-path:none!important;transition:none!important}
  html{scroll-behavior:auto}
}
.js .about__a.mo,.js .about__b.mo{transform:none;transition:opacity 1.2s var(--ease)}
.js .about__b.mo{transition-delay:.35s}

/* ---------- v13: kategorie produktów (zdjęcie zastosowania + nazwa) ---------- */
.kcats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.kcat{position:relative;display:flex;flex-direction:column;border-radius:18px;background:#fff;border:1px solid var(--light-grey);overflow:hidden;transition:transform .5s var(--ease),box-shadow .5s var(--ease),border-color .3s}
.kcat:hover{transform:translateY(-8px);border-color:transparent;box-shadow:0 34px 60px -34px rgba(13,27,51,.4)}
.kcat__ph{position:relative;aspect-ratio:3/2;overflow:hidden;background:var(--soft)}
.kcat__ph img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
.kcat:hover .kcat__ph img{transform:scale(1.07)}
.kcat__ph::after{content:"";position:absolute;left:0;right:0;bottom:0;height:5px;background:var(--kc);transform-origin:left;transform:scaleX(.18);transition:transform .7s var(--ease)}
.kcat:hover .kcat__ph::after{transform:none}
.kcat__new{position:absolute;top:14px;left:14px;padding:5px 11px;border-radius:999px;background:var(--green);color:#fff;font-size:11.5px;font-weight:700;letter-spacing:.02em}
.kcat__body{position:relative;display:flex;flex-direction:column;flex:1;padding:22px 24px 22px;padding-right:118px}
.kcat__pk{position:absolute;right:16px;top:-62px;width:92px;height:118px;display:grid;place-items:end center;pointer-events:none}
.kcat__pk img{max-width:100%;max-height:100%;width:auto;filter:drop-shadow(0 14px 14px rgba(13,27,51,.28));transition:transform .6s var(--ease)}
.kcat:hover .kcat__pk img{transform:translateY(-6px) rotate(-3deg)}
.kcat__t{font-size:19px;font-weight:800;line-height:1.2;letter-spacing:-.02em;color:var(--ink)}
.kcat__d{margin-top:6px;font-size:14px;line-height:1.45;color:var(--grey)}
.kcat__go{display:inline-flex;align-items:center;gap:8px;margin-top:auto;padding-top:16px;font-size:14px;font-weight:700;color:var(--green)}
.kcat__go .ic{width:16px;height:16px;transition:transform .35s var(--ease)}
.kcat:hover .kcat__go .ic{transform:translateX(5px)}
.js .kcat.mo .kcat__pk img{opacity:0;transform:translateY(24px);transition:opacity .9s var(--ease),transform 1s var(--ease);transition-delay:calc(var(--mi,0) * 90ms + .35s)}
.js .kcat.mo.in .kcat__pk img{opacity:1;transform:none}
@media (max-width:1023px){.kcats{grid-template-columns:1fr 1fr;gap:18px}}
@media (max-width:767px){
  .kcats{grid-template-columns:1fr 1fr;gap:12px}
  .kcat{border-radius:14px}
  .kcat__body{padding:14px 14px 16px}
  .kcat__pk{display:none}
  .kcat__t{font-size:15.5px}
  .kcat__d{font-size:12.5px}
  .kcat__go{font-size:13px;padding-top:10px}
  .kcat__new{top:8px;left:8px;font-size:10px;padding:4px 8px}
}
@media (max-width:767px){
  .kcat:last-child{grid-column:1/-1;flex-direction:row}
  .kcat:last-child .kcat__ph{flex:0 0 48%;aspect-ratio:auto}
  .kcat:last-child .kcat__ph::after{display:none}
}
@media (min-width:768px) and (max-width:1023px){.kcat:last-child{grid-column:1/-1}.kcat:last-child .kcat__ph{aspect-ratio:21/8}}

/* ---------- v14: czyste karty produktów (sam produkt) ---------- */
.kcat__ph--pk{display:grid;place-items:center;aspect-ratio:4/3;padding:28px;background:radial-gradient(65% 70% at 50% 58%,#fff 0%,var(--soft) 100%)}
.kcat__ph--pk img{width:auto;height:100%;max-height:230px;object-fit:contain;filter:drop-shadow(0 22px 18px rgba(13,27,51,.22))}
.kcat:hover .kcat__ph--pk img{transform:translateY(-8px) scale(1.04)}
.kcat__ph--pk::after{transform:scaleX(.12)}
.kcat__body{padding-right:24px}
.kcat__t{text-transform:uppercase;font-size:18px}
.js .kcat__ph--pk.mimg{clip-path:none}
.js .kcat__ph--pk.mimg img{transform:translateY(30px) scale(.92);opacity:0;transition:transform 1.1s var(--ease),opacity .9s var(--ease);transition-delay:calc(var(--mi,0) * 90ms + .15s)}
.js .kcat__ph--pk.mimg.in img{transform:none;opacity:1}
@media (max-width:767px){
  .kcat__ph--pk{padding:16px}
  .kcat__ph--pk img{max-height:140px}
  .kcat__t{font-size:14.5px}
  .kcat:last-child .kcat__ph--pk{aspect-ratio:auto;min-height:150px}
}
.kcat__ph--pk{aspect-ratio:auto;height:280px}
.kcat__ph--pk img{height:100%;max-height:none;min-height:0}
@media (max-width:1023px){.kcat__ph--pk{height:220px}}
@media (max-width:767px){.kcat__ph--pk{height:160px;padding:14px}.kcat:last-child .kcat__ph--pk{height:auto;min-height:160px}}
@media (max-width:767px){.kcat:last-child .kcat__ph--pk{height:160px;min-height:0}}

/* ---------- v15: zakładki dla odbiorców (ciemna sekcja) ---------- */
.aud{position:relative;isolation:isolate;padding:clamp(72px,8vw,120px) 0 clamp(64px,7vw,104px);background:#0B1424;color:#fff;overflow:hidden}
.aud::before{content:"";position:absolute;z-index:-1;inset:auto -10% -40% auto;width:60vw;height:60vw;border-radius:50%;background:radial-gradient(closest-side,rgba(0,122,52,.22),transparent);filter:blur(10px)}
.aud__anchor{position:absolute;top:0}
.aud__eyebrow{font-size:13px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.55)}
.aud__h{margin-top:10px;font-size:clamp(36px,4.4vw,64px);font-weight:800;line-height:1.02;letter-spacing:-.04em}
.aud__h em{font-style:normal;color:#5FD08A}
.aud__tabs{position:relative;display:flex;gap:6px;margin-top:clamp(28px,3vw,44px);border-bottom:1px solid rgba(255,255,255,.12);overflow-x:auto;scrollbar-width:none}
.aud__tabs::-webkit-scrollbar{display:none}
.aud__tab{position:relative;flex:none;padding:16px 22px 18px;font-size:17px;font-weight:700;color:rgba(255,255,255,.55);transition:color .3s}
.aud__tab:hover{color:#fff}
.aud__tab.is-on{color:#fff}
.aud__tab i{position:absolute;left:22px;right:22px;bottom:-1px;height:3px;border-radius:3px;background:rgba(255,255,255,.12);overflow:hidden;opacity:0;transition:opacity .3s}
.aud__tab.is-on i{opacity:1}
.aud__tab i::after{content:"";position:absolute;inset:0;background:#5FD08A;transform-origin:left;transform:scaleX(var(--p,0))}
.aud__panels{position:relative;margin-top:clamp(36px,4vw,56px)}
.aud__panel{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,5vw,80px);align-items:center}
.aud__panel[hidden]{display:none}
.aud__k{font-size:14px;font-weight:700;color:#5FD08A}
.aud__t{margin-top:12px;font-size:clamp(28px,3vw,44px);font-weight:800;line-height:1.08;letter-spacing:-.03em;text-wrap:balance}
.aud__d{margin-top:18px;max-width:52ch;font-size:17px;line-height:1.65;color:rgba(255,255,255,.72)}
.aud__li{display:grid;gap:12px;margin:26px 0 32px}
.aud__li li{display:flex;align-items:center;gap:12px;font-size:16px;font-weight:600}
.aud__li .ic{width:24px;height:24px;flex:none;padding:5px;border-radius:50%;background:rgba(95,208,138,.16);color:#5FD08A;stroke-width:3}
.aud__media{position:relative;aspect-ratio:4/3;margin:0;border-radius:22px;overflow:hidden;box-shadow:0 50px 90px -40px rgba(0,0,0,.8)}
.aud__media img{width:100%;height:100%;object-fit:cover}
.aud__media figcaption{position:absolute;left:18px;bottom:18px;padding:8px 14px;border-radius:999px;background:rgba(11,20,36,.72);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:13px;font-weight:600}
/* wejście panelu */
.aud__panel.is-on .aud__copy>*{animation:audUp .7s var(--ease) both}
.aud__panel.is-on .aud__copy>*:nth-child(2){animation-delay:.06s}.aud__panel.is-on .aud__copy>*:nth-child(3){animation-delay:.12s}
.aud__panel.is-on .aud__copy>*:nth-child(4){animation-delay:.18s}.aud__panel.is-on .aud__copy>*:nth-child(5){animation-delay:.24s}
.aud__panel.is-on .aud__media{animation:audImg 1s var(--ease) both}
.aud__panel.is-on .aud__media img{animation:audZoom 7s var(--ease) both}
@keyframes audUp{from{opacity:0;transform:translateY(18px)}}
@keyframes audImg{from{opacity:0;clip-path:inset(0 0 0 30% round 22px)}to{opacity:1;clip-path:inset(0 0 0 0 round 22px)}}
@keyframes audZoom{from{transform:scale(1.12)}to{transform:scale(1)}}
@media (max-width:1023px){
  .aud__panel{grid-template-columns:1fr}
  .aud__media{order:-1}
}
@media (max-width:767px){
  .aud__tabs{margin-left:calc(-1 * var(--gut,16px));margin-right:calc(-1 * var(--gut,16px));padding:0 var(--gut,16px)}
  .aud__tab{padding:14px 14px 16px;font-size:15px}
  .aud__tab i{left:14px;right:14px}
  .aud__media{border-radius:16px;aspect-ratio:16/11}
  .aud__d{font-size:15.5px}
  .aud__li li{font-size:15px}
  .aud__cta{width:100%}
}
@media (prefers-reduced-motion:reduce){.aud__panel.is-on *{animation:none!important}}

/* ---------- v16: zakładki w jasnej wersji, wyróżnione ---------- */
.aud--light{background:#fff;color:var(--ink)}
.aud--light::before{inset:-20% auto auto -15%;width:46vw;height:46vw;background:radial-gradient(closest-side,rgba(0,122,52,.07),transparent)}
.aud--light .aud__head{display:flex;flex-direction:column;align-items:center;text-align:center}
.aud--light .aud__eyebrow{display:inline-flex;align-items:center;gap:12px;color:var(--green)}
.aud--light .aud__eyebrow::before,.aud--light .aud__eyebrow::after{content:"";width:28px;height:2px;border-radius:2px;background:var(--green)}
.aud--light .aud__h{color:var(--ink)}
.aud--light .aud__h em{position:relative;color:var(--green);white-space:nowrap}
.aud--light .aud__h em::after{content:"";position:absolute;left:-.04em;right:-.04em;bottom:.02em;height:.2em;z-index:-1;border-radius:.1em;background:rgba(0,122,52,.16);transform-origin:left;transform:scaleX(0);transition:transform .9s var(--ease) .5s}
.aud--light .in .aud__h em::after,.aud--light .aud__h.in em::after{transform:none}
/* zakładki jako 4 karty */
.aud--light .aud__tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;border:0;margin-top:clamp(32px,3.5vw,52px);overflow:visible}
.aud--light .aud__tab{display:flex;align-items:center;gap:14px;padding:18px 18px 20px;border-radius:16px;border:1px solid var(--light-grey);background:#fff;text-align:left;color:var(--ink);overflow:hidden;transition:background-color .35s,border-color .35s,box-shadow .35s,transform .35s var(--ease),color .35s}
.aud--light .aud__tab:hover{transform:translateY(-3px);border-color:#bfc4bf;box-shadow:0 18px 34px -24px rgba(13,27,51,.35)}
.aud__ic{display:grid;place-items:center;width:46px;height:46px;flex:none;border-radius:12px;background:var(--soft);color:var(--green);transition:background-color .35s,color .35s}
.aud__ic .ic{width:22px;height:22px}
.aud__tl{display:flex;flex-direction:column;min-width:0}
.aud__tl b{font-size:16.5px;font-weight:800;letter-spacing:-.01em}
.aud__tl small{margin-top:2px;font-size:13px;font-weight:500;color:var(--grey);transition:color .35s}
.aud--light .aud__tab.is-on{background:var(--navy,#152A4B);border-color:transparent;color:#fff;box-shadow:0 26px 44px -26px rgba(21,42,75,.7)}
.aud--light .aud__tab.is-on .aud__ic{background:rgba(255,255,255,.12);color:#7FE08A}
.aud--light .aud__tab.is-on small{color:rgba(255,255,255,.65)}
.aud--light .aud__tab i{left:0;right:0;bottom:0;height:4px;border-radius:0;background:rgba(255,255,255,.12)}
.aud--light .aud__tab i::after{background:#2E9E36}
/* panel: miękka karta */
.aud--light .aud__panels{margin-top:22px;padding:clamp(28px,4vw,56px);border-radius:28px;background:var(--soft);overflow:hidden}
.aud--light .aud__k{color:var(--green)}
.aud--light .aud__t{color:var(--ink)}
.aud--light .aud__d{color:var(--grey)}
.aud--light .aud__li li{color:var(--ink)}
.aud--light .aud__li .ic{background:rgba(0,122,52,.12);color:var(--green)}
.aud--light .aud__media{box-shadow:0 40px 70px -40px rgba(13,27,51,.45)}
.aud--light .aud__media figcaption{background:rgba(255,255,255,.9);color:var(--ink)}
@media (max-width:1023px){.aud--light .aud__tabs{grid-template-columns:1fr 1fr}}
@media (max-width:767px){
  .aud--light .aud__tabs{gap:8px;margin-left:0;margin-right:0;padding:0}
  .aud--light .aud__tab{flex-direction:column;align-items:flex-start;gap:10px;padding:14px 14px 16px;border-radius:14px}
  .aud__ic{width:38px;height:38px;border-radius:10px}
  .aud__tl b{font-size:15px}.aud__tl small{font-size:12px}
  .aud--light .aud__panels{padding:18px;border-radius:20px;margin-top:14px}
}

/* =========================================================
   v17: „DUBLET. Jakość w każdej warstwie.” – strona główna producenta
   mineralna biel · głęboki granat · oszczędna zieleń · duża typografia
   ========================================================= */
:root{--mineral:#F3F2EE;--mineral-2:#E9E7E1}
.anchor{position:absolute;top:-80px}
.btn--navy{background:var(--navy);color:#fff;border-radius:10px}
.btn--navy:hover{background:var(--navy-d)}
.btn--out{background:transparent;color:var(--navy);border-color:rgba(21,42,75,.28);border-radius:10px}
.btn--out:hover{border-color:var(--navy);background:#fff}
.btn .ic{width:18px;height:18px}
.lnk{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:var(--navy);border-bottom:1px solid rgba(21,42,75,.25);padding-bottom:3px;transition:border-color .3s,gap .3s}
.lnk .ic{width:16px;height:16px;color:var(--green)}
.lnk:hover{border-color:var(--navy);gap:12px}
.eyebrow{text-transform:none;letter-spacing:.02em;font-size:14px}
.eyebrow--l{color:var(--green-l)}

/* ---------- HERO ---------- */
.hs{position:relative;background:var(--mineral);padding:calc(var(--hh,116px) + clamp(28px,4vw,56px)) 0 clamp(28px,3vw,40px);overflow:hidden}
.hs__stage{position:relative;display:grid}
.hs__slide{grid-area:1/1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(32px,5vw,88px);align-items:center;min-height:min(calc(100svh - var(--hh,116px) - 170px),640px);opacity:0;visibility:hidden;transition:opacity .7s var(--ease),visibility 0s .7s}
.hs__slide.is-on{opacity:1;visibility:visible;transition:opacity .7s var(--ease)}
.hs__k{display:block;margin-bottom:22px;font-size:15px;font-weight:600;letter-spacing:.01em;color:var(--green)}
.hs__t{font-size:clamp(40px,5.2vw,78px);font-weight:800;line-height:1.02;letter-spacing:-.045em;color:var(--navy);text-wrap:balance}
.hs__t .hs__k{line-height:1.4;letter-spacing:.01em}
.hs__l{margin-top:24px;max-width:50ch;font-size:clamp(16px,1.2vw,18.5px);line-height:1.65;color:#4A4E57}
.hs__ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}
.hs__media{position:relative;margin:0;aspect-ratio:5/4;max-height:600px;border-radius:6px;overflow:hidden;background:var(--mineral-2)}
.hs__photo{width:100%;height:100%;object-fit:cover}
.hs__media figcaption{position:absolute;left:0;bottom:0;padding:12px 18px;background:#fff;font-size:13px;font-weight:600;color:var(--navy);border-top-right-radius:6px}
.hs__layers{position:absolute;top:0;right:0;bottom:0;display:flex;width:18%;overflow:hidden}
.hs__layers i{flex:1;background-size:cover;background-position:center;border-left:3px solid var(--mineral);filter:saturate(.85)}
.hs__pk{position:absolute;right:20px;bottom:18px;display:flex;align-items:flex-end}
.hs__pk img{height:clamp(110px,13vw,180px);width:auto;filter:drop-shadow(0 18px 16px rgba(13,27,51,.35))}
.hs__pk img+img{margin-left:-18px}
.hs__slide.is-on .hs__copy>*{animation:hsUp .9s var(--ease) both}
.hs__slide.is-on .hs__copy>*:nth-child(2){animation-delay:.08s}.hs__slide.is-on .hs__copy>*:nth-child(3){animation-delay:.16s}.hs__slide.is-on .hs__copy>*:nth-child(4){animation-delay:.24s}
.hs__slide.is-on .hs__media{animation:hsMedia 1.1s var(--ease) both}
.hs__slide.is-on .hs__photo{animation:hsZoom 9s var(--ease) both}
.hs__slide.is-on .hs__layers i{animation:hsLayer .9s var(--ease) both}
.hs__slide.is-on .hs__layers i:nth-child(2){animation-delay:.12s}.hs__slide.is-on .hs__layers i:nth-child(3){animation-delay:.24s}
.hs__slide.is-on .hs__pk img{animation:hsUp .9s var(--ease) .35s both}
.hs__slide.is-on .hs__pk img:nth-child(2){animation-delay:.45s}.hs__slide.is-on .hs__pk img:nth-child(3){animation-delay:.55s}
@keyframes hsUp{from{opacity:0;transform:translateY(22px)}}
@keyframes hsMedia{from{clip-path:inset(0 0 0 22%)}to{clip-path:inset(0)}}
@keyframes hsZoom{from{transform:scale(1.1)}to{transform:scale(1)}}
@keyframes hsLayer{from{transform:translateY(100%)}}
.hs__nav{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:clamp(28px,3vw,44px);border-top:1px solid rgba(21,42,75,.14)}
.hs__dots{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));flex:1;max-width:820px}
.hs__dot{position:relative;display:flex;align-items:baseline;gap:10px;padding:16px 16px 4px 0;text-align:left;color:#7A7E86;transition:color .3s}
.hs__dot:hover,.hs__dot.is-on{color:var(--navy)}
.hs__n{font-size:12px;font-weight:700;color:var(--green)}
.hs__nl{font-size:15px;font-weight:700}
.hs__dot i{position:absolute;left:0;right:16px;top:-1px;height:2px;background:var(--navy);transform-origin:left;transform:scaleX(0)}
.hs__dot.is-on i{transform:scaleX(var(--p,1))}
.hs__arrows{display:flex;gap:8px;padding-top:14px}
.hs__arr{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;border:1px solid rgba(21,42,75,.22);color:var(--navy);transition:background-color .3s,color .3s,border-color .3s}
.hs__arr:hover{background:var(--navy);border-color:var(--navy);color:#fff}
.hs__arr .ic{width:18px;height:18px}

/* ---------- 3 DOWODY ---------- */
.pf{position:relative;padding:clamp(80px,9vw,140px) 0;background:#fff}
.pf__head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px 64px;align-items:end;margin-bottom:clamp(44px,5vw,72px)}
.pf__head .eyebrow{grid-column:1/-1}
.pf__h,.sol__h,.kd__h{font-size:clamp(34px,4vw,60px);font-weight:800;line-height:1.04;letter-spacing:-.04em;color:var(--navy)}
.pf__lead,.sol__lead{max-width:48ch;font-size:clamp(16px,1.15vw,18px);line-height:1.65;color:#4A4E57}
.pf__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,3vw,48px)}
.pf__it{display:flex;flex-direction:column;padding-top:20px;border-top:2px solid var(--navy)}
.pf__ph{aspect-ratio:4/3;overflow:hidden;border-radius:4px;background:var(--mineral)}
.pf__ph img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
.pf__it:hover .pf__ph img{transform:scale(1.05)}
.pf__n{margin-top:22px;font-size:13px;font-weight:700;color:var(--green)}
.pf__t{margin-top:6px;font-size:clamp(22px,1.8vw,27px);font-weight:800;letter-spacing:-.03em;color:var(--navy)}
.pf__d{margin:12px 0 22px;font-size:15.5px;line-height:1.65;color:#4A4E57}
.pf__it .lnk{margin-top:auto;align-self:flex-start}

/* ---------- 3 ROZWIĄZANIA ---------- */
.sol{position:relative;padding:clamp(80px,9vw,140px) 0;background:var(--mineral)}
.sol__head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px 64px;margin-bottom:clamp(40px,4.5vw,64px)}
.sol__head .eyebrow{margin-bottom:14px}
.sol__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,2.4vw,36px)}
.sol__it{display:flex;flex-direction:column}
.sol__ph{position:relative;display:block;aspect-ratio:4/5;overflow:hidden;border-radius:4px;background:var(--mineral-2)}
.sol__ph img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease)}
.sol__it:hover .sol__ph img{transform:scale(1.06)}
.sol__k{position:absolute;left:0;top:0;display:flex;gap:10px;align-items:baseline;padding:12px 16px;background:var(--mineral);font-size:15px;font-weight:700;color:var(--navy)}
.sol__k b{font-size:12px;color:var(--green)}
.sol__t{margin-top:24px;font-size:clamp(22px,1.9vw,28px);font-weight:800;letter-spacing:-.03em;color:var(--navy)}
.sol__t a:hover{color:var(--green)}
.sol__d{margin-top:10px;font-size:15.5px;line-height:1.6;color:#4A4E57}
.sol__l{margin-top:18px;border-top:1px solid rgba(21,42,75,.14)}
.sol__l a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid rgba(21,42,75,.14);font-size:15.5px;font-weight:600;color:var(--navy);transition:color .3s,padding .3s}
.sol__l a .ic{width:16px;height:16px;color:var(--green);transition:transform .3s var(--ease)}
.sol__l a:hover{color:var(--green);padding-left:6px}
.sol__l a:hover .ic{transform:translateX(4px)}
.sol__all{margin-top:clamp(36px,4vw,56px);text-align:center}

/* ---------- REALIZACJE (do uzupełnienia) ---------- */
.rz{position:relative;padding:clamp(80px,9vw,140px) 0;background:#fff}
.rz__grid{display:grid;grid-template-columns:1.4fr 1fr;grid-template-rows:1fr 1fr;gap:clamp(16px,2vw,28px);min-height:520px}
.rz__todo{display:flex;flex-direction:column;justify-content:flex-end;gap:6px;padding:26px;border:1.5px dashed rgba(21,42,75,.28);border-radius:4px;background:repeating-linear-gradient(135deg,var(--mineral) 0 14px,#fff 14px 28px);color:#4A4E57}
.rz__todo--lg{grid-row:1/3}
.rz__todo .ic{width:26px;height:26px;color:var(--green);margin-bottom:auto}
.rz__todo b{font-size:17px;color:var(--navy)}
.rz__todo span{font-size:14px;line-height:1.5;max-width:46ch}

/* ---------- WSPÓŁPRACA (nadpisania zakładek) ---------- */
.aud--manual{background:var(--mineral)}
.aud--manual::before{display:none}
.aud--manual .aud__head{align-items:flex-start;text-align:left}
.aud--manual .aud__eyebrow{text-transform:none;letter-spacing:.02em;font-size:14px}
.aud--manual .aud__eyebrow::after{display:none}
.aud--manual .aud__h{font-size:clamp(34px,4vw,60px);color:var(--navy)}
.aud__sub{margin-top:14px;max-width:56ch;font-size:clamp(16px,1.15vw,18px);line-height:1.6;color:#4A4E57}
.aud--manual .aud__tabs{grid-template-columns:repeat(3,minmax(0,1fr))}
.aud--manual .aud__tab{position:relative;border-radius:6px}
.aud--manual .aud__tab i{display:none}
.aud--manual .aud__panels{background:#fff;border-radius:6px}
.aud--manual .aud__media{border-radius:4px}
.aud--manual #aud-t-tynkarze::after{content:"Wyróżniona usługa";position:absolute;top:10px;right:12px;padding:3px 8px;border-radius:999px;background:var(--green);color:#fff;font-size:10.5px;font-weight:700}

/* ---------- KONTAKT Z DORADCĄ ---------- */
.kd{position:relative;padding:clamp(80px,9vw,130px) 0;background:var(--navy);color:#fff}
.kd__in{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(36px,6vw,96px);align-items:center}
.kd__h{color:#fff;margin-top:14px}
.kd__d{margin-top:20px;max-width:52ch;font-size:clamp(16px,1.15vw,18px);line-height:1.65;color:rgba(255,255,255,.72)}
.kd__ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.kd__list{border-top:1px solid rgba(255,255,255,.14)}
.kd__list a{display:flex;align-items:center;gap:18px;padding:20px 0;border-bottom:1px solid rgba(255,255,255,.14);transition:padding .3s var(--ease)}
.kd__list a:hover{padding-left:8px}
.kd__list .ic{width:22px;height:22px;flex:none;color:var(--green-l)}
.kd__list small{display:block;font-size:13px;color:rgba(255,255,255,.6)}
.kd__list b{display:block;margin-top:2px;font-size:clamp(17px,1.4vw,21px);font-weight:700;letter-spacing:-.01em}
main:has(>.kd:last-child)+.ftr{margin-top:0}

@media (max-width:1023px){
  .hs__slide{grid-template-columns:1fr;min-height:0;gap:28px}
  .hs__media{order:-1;aspect-ratio:16/10}
  .hs__dots{display:flex;overflow-x:auto;scrollbar-width:none}
  .hs__dots::-webkit-scrollbar{display:none}
  .pf__head,.kd__in{grid-template-columns:1fr}
  .pf__grid,.sol__grid{grid-template-columns:1fr 1fr}
  .sol__head{flex-direction:column;align-items:flex-start}
}
@media (max-width:767px){
  .hs{padding-top:calc(var(--hh,64px) + 16px)}
  .hs__t{font-size:clamp(32px,9.6vw,42px)}
  .hs__k{font-size:13px;margin-bottom:14px}
  .hs__ctas .btn{width:100%}
  .hs__pk img{height:92px}
  .hs__dot{flex:none;padding-right:16px}
  .hs__nl{font-size:13.5px;white-space:nowrap}
  .hs__arrows{display:none}
  .pf__grid,.sol__grid{grid-template-columns:1fr;gap:44px}
  .sol__ph{aspect-ratio:4/3}
  .rz__grid{grid-template-columns:1fr;grid-template-rows:auto;min-height:0}
  .rz__todo,.rz__todo--lg{grid-row:auto;min-height:170px}
  .aud--manual .aud__tabs{grid-template-columns:1fr}
  .aud--manual .aud__tab{flex-direction:row;align-items:center}
  .kd__ctas .btn{width:100%}
}
@media (prefers-reduced-motion:reduce){.hs__slide *,.hs__slide{animation:none!important}}
.hs__slide{grid-template-columns:minmax(0,1.12fr) minmax(0,1fr)}
.hs__t{font-size:clamp(38px,4.7vw,72px)}
@media (max-width:1023px){.hs__slide{grid-template-columns:1fr}}
@media (max-width:767px){.hs__t br{display:none}}
.hs{padding-top:clamp(36px,4.5vw,72px)}
.hs__slide{min-height:min(calc(100svh - 300px),600px)}
@media (max-width:767px){.hs{padding-top:16px}.hs__media figcaption{font-size:11.5px;padding:8px 12px}}

/* =========================================================
   v18: twardy styl lidera – granat, kontrast, ostre krawędzie, mocna zieleń
   (komunikacja v17 bez zmian)
   ========================================================= */
:root{--hard:#0A1426}
/* przyciski: pełne, zdecydowane */
.btn--navy,.hs .btn--navy{background:var(--lime,#2E9E36);color:#fff;border-radius:6px;box-shadow:0 16px 34px -16px rgba(46,158,54,.9)}
.btn--navy:hover,.hs .btn--navy:hover{background:#36B03F}
.btn--out{border-radius:6px;border-width:2px;font-weight:800}
.btn{font-weight:800}

/* ---------- HERO: granat, biała typografia, produkty na scenie ---------- */
.hs{background:radial-gradient(70% 90% at 78% 40%,#1E3A66 0%,#122544 45%,var(--hard) 100%);color:#fff;padding-top:clamp(48px,5vw,84px)}
.hs::before{content:"";position:absolute;inset:0;pointer-events:none;background:
  linear-gradient(115deg,transparent 0 62%,rgba(255,255,255,.035) 62% 62.2%,transparent 62.2%),
  linear-gradient(115deg,transparent 0 70%,rgba(255,255,255,.035) 70% 70.2%,transparent 70.2%),
  repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,transparent 1px 80px),
  repeating-linear-gradient(90deg,rgba(255,255,255,.025) 0 1px,transparent 1px 80px)}
.hs::after{content:"";position:absolute;left:0;right:0;bottom:0;height:6px;background:linear-gradient(90deg,var(--green) 0 34%,var(--navy) 34%)}
.hs__k{color:#7FE08A;font-weight:700;text-transform:uppercase;letter-spacing:.14em;font-size:13px}
.hs__t{color:#fff;font-size:clamp(42px,5vw,80px);letter-spacing:-.05em}
.hs__l{color:rgba(255,255,255,.76)}
.hs .btn--out{color:#fff;border-color:rgba(255,255,255,.45)}
.hs .btn--out:hover{background:#fff;color:var(--navy);border-color:#fff}
.hs__media{border-radius:0;background:#0F1E38;box-shadow:0 60px 100px -50px rgba(0,0,0,.9)}
.hs__media::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,20,38,.55) 0%,rgba(10,20,38,0) 45%);pointer-events:none}
.hs__media figcaption{z-index:2;background:var(--green);color:#fff;border-radius:0;font-weight:700}
.hs__layers{z-index:1}
.hs__layers i{border-left-color:var(--hard)}
.hs__pk{z-index:2;right:24px;bottom:22px}
.hs__pk img{height:clamp(140px,16vw,230px);filter:drop-shadow(0 26px 22px rgba(0,0,0,.55))}
.hs__nav{border-top-color:rgba(255,255,255,.14);position:relative;z-index:1}
.hs__dot{color:rgba(255,255,255,.5)}
.hs__dot:hover,.hs__dot.is-on{color:#fff}
.hs__n{color:#7FE08A}
.hs__dot i{background:#7FE08A;height:3px;top:-2px}
.hs__arr{border-color:rgba(255,255,255,.3);color:#fff;border-radius:6px}
.hs__arr:hover{background:#fff;color:var(--navy);border-color:#fff}

/* ---------- wspólne nagłówki: mocniej ---------- */
.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:12.5px;font-weight:800}
.eyebrow::before{width:28px;height:3px}
.pf__h,.sol__h,.kd__h,.aud--manual .aud__h{font-size:clamp(38px,4.6vw,68px);letter-spacing:-.05em}

/* ---------- 3 DOWODY: twarde kolumny z grubą belką ---------- */
.pf__it{border-top:6px solid var(--navy);padding-top:0}
.pf__it:nth-child(1){border-top-color:var(--green)}
.pf__ph{border-radius:0}
.pf__n{margin-top:20px;font-size:56px;font-weight:800;line-height:1;letter-spacing:-.05em;color:var(--navy);opacity:.12}
.pf__t{margin-top:-28px;font-size:clamp(24px,2vw,30px)}
.lnk{border-bottom-width:2px;border-color:var(--green)}

/* ---------- 3 ROZWIĄZANIA: ciemna sekcja ---------- */
.sol{background:var(--hard);color:#fff}
.sol .eyebrow{color:#7FE08A}
.sol__h{color:#fff}
.sol__lead{color:rgba(255,255,255,.7)}
.sol__ph{border-radius:0;aspect-ratio:4/4.4}
.sol__ph::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,20,38,.7),rgba(10,20,38,0) 50%)}
.sol__k{z-index:1;background:var(--green);color:#fff;font-weight:800}
.sol__k b{color:rgba(255,255,255,.75)}
.sol__t{color:#fff}
.sol__t a:hover{color:#7FE08A}
.sol__d{color:rgba(255,255,255,.66)}
.sol__l{border-top-color:rgba(255,255,255,.14)}
.sol__l a{color:#fff;border-bottom-color:rgba(255,255,255,.14)}
.sol__l a .ic{color:#7FE08A}
.sol__l a:hover{color:#7FE08A}
.sol .btn--out{color:#fff;border-color:rgba(255,255,255,.45)}
.sol .btn--out:hover{background:#fff;color:var(--navy)}

/* ---------- REALIZACJE ---------- */
.rz__todo{border-radius:0;border-width:2px}

/* ---------- WSPÓŁPRACA: biel, karty z granatowym aktywnym ---------- */
.aud--manual{background:#fff}
.aud--manual .aud__tab{border-radius:0;border-width:2px;padding:20px}
.aud--manual .aud__tab.is-on{background:var(--navy)}
.aud--manual .aud__tab.is-on::before{content:"";position:absolute;left:0;right:0;bottom:-2px;height:4px;background:var(--green)}
.aud--manual .aud__panels{background:var(--hard);color:#fff;border-radius:0;margin-top:0}
.aud--manual .aud__k{color:#7FE08A}
.aud--manual .aud__t{color:#fff}
.aud--manual .aud__d{color:rgba(255,255,255,.72)}
.aud--manual .aud__li li{color:#fff}
.aud--manual .aud__li .ic{background:rgba(127,224,138,.15);color:#7FE08A}
.aud--manual .aud__media{border-radius:0}
.aud--manual .aud__media figcaption{background:var(--green);color:#fff;border-radius:0}
.aud--manual #aud-t-tynkarze::after{border-radius:0}

/* ---------- KONTAKT: zielona belka lidera ---------- */
.kd{background:var(--navy);border-top:6px solid var(--green)}
.kd .btn--lime{border-radius:6px}
.kd .btn--ghostw{border-radius:6px;border-width:2px}
@media (max-width:767px){
  .hs__pk img{height:110px}
  .pf__n{font-size:44px}.pf__t{margin-top:-22px}
}
.aud--manual .aud__panel.is-on .aud__media{animation:none}
.aud--manual .aud__media{border-radius:0;clip-path:none}
.aud--manual .aud__eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:12.5px;font-weight:800}
.aud--manual .aud__eyebrow::before{width:28px;height:3px}
.aud--manual #aud-t-tynkarze::after{top:-11px;right:14px;padding:4px 10px}
.aud--manual .aud__tabs{margin-top:clamp(32px,3.5vw,48px);overflow:visible}
.pf__n{margin-top:22px;font-size:15px;opacity:1;color:var(--green);letter-spacing:.02em}
.pf__t{margin-top:6px}
@media (max-width:767px){.pf__n{font-size:14px}.pf__t{margin-top:4px}}

/* ---------- v19: „Od czego zaczynasz?” – 3 ścieżki, jasna sekcja ---------- */
.aud--3{padding:clamp(80px,9vw,130px) 0}
.aud--3 .aud__sub{margin:16px auto 0;max-width:58ch;text-align:center}
.aud--3 .aud__tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.aud--3 .aud__tab{position:relative;padding:22px 22px 24px;border-width:1.5px}
.aud__nr{position:absolute;right:18px;top:16px;font-size:13px;font-weight:800;color:rgba(21,42,75,.25);transition:color .35s}
.aud--3 .aud__tab.is-on .aud__nr{color:rgba(255,255,255,.35)}
.aud--3 .aud__tl b{font-size:18px}
.aud--3 .aud__tab.is-on{box-shadow:0 30px 50px -28px rgba(21,42,75,.75)}
.aud--3 .aud__tab.is-on::after{content:"";position:absolute;left:50%;bottom:-11px;width:20px;height:20px;margin-left:-10px;background:var(--navy);transform:rotate(45deg);border-radius:3px}
.aud--3 .aud__panels{margin-top:26px;padding:clamp(28px,4vw,60px)}
.aud--3 .aud__t{font-size:clamp(28px,2.9vw,44px)}
.aud__ctas{display:flex;flex-wrap:wrap;align-items:center;gap:20px 28px}
.aud__tel{display:flex;align-items:center;gap:12px;color:var(--navy)}
.aud__tel .ic{width:44px;height:44px;padding:11px;border-radius:12px;background:#fff;color:var(--green);box-shadow:0 10px 24px -14px rgba(13,27,51,.35)}
.aud__tel small{display:block;font-size:12.5px;color:var(--grey)}
.aud__tel b{display:block;font-size:18px;font-weight:800}
.aud--3 .aud__media{aspect-ratio:4/3.4}
.aud--3 .aud__media figcaption{font-weight:700}

/* ---------- v19: pas dla dystrybutorów ---------- */
.dst{padding:0 0 clamp(80px,9vw,130px);background:#fff}
.dst__box{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);overflow:hidden;background:var(--hard,#0A1426);color:#fff;border-top:6px solid var(--green)}
.dst__copy{padding:clamp(32px,5vw,72px)}
.dst__copy .eyebrow{color:#7FE08A}
.dst__h{margin-top:14px;font-size:clamp(28px,3vw,46px);font-weight:800;line-height:1.08;letter-spacing:-.04em}
.dst__d{margin:18px 0 30px;max-width:52ch;font-size:17px;line-height:1.65;color:rgba(255,255,255,.72)}
.dst__media{margin:0;min-height:320px}
.dst__media img{width:100%;height:100%;object-fit:cover}
@media (max-width:1023px){
  .aud--3 .aud__tabs{grid-template-columns:1fr 1fr 1fr;gap:10px}
  .aud--3 .aud__tab{flex-direction:column;align-items:flex-start;padding:16px}
  .dst__box{grid-template-columns:1fr}
  .dst__media{min-height:240px;order:-1}
}
@media (max-width:767px){
  .aud--3 .aud__tabs{grid-template-columns:1fr;gap:8px}
  .aud--3 .aud__tab{flex-direction:row;align-items:center;padding:14px 16px}
  .aud--3 .aud__tl b{font-size:16px}
  .aud--3 .aud__tab.is-on::after{display:none}
  .aud__nr{top:50%;transform:translateY(-50%)}
  .aud__ctas{flex-direction:column;align-items:stretch}
  .dst__copy .btn{width:100%}
}

/* ---------- v20: „Od czego zaczynasz?” – pełnoekranowa scena ---------- */
.aud--wow{position:relative;isolation:isolate;min-height:min(100svh,920px);display:flex;padding:clamp(80px,8vw,120px) 0 clamp(36px,3vw,48px);background:#0A1426;color:#fff;overflow:hidden}
.aud--wow::before{display:none}
.wow__bgs{position:absolute;inset:0;z-index:-1}
.wow__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.08);transition:opacity 1.1s var(--ease),transform 7s var(--ease)}
.aud--wow:has(#aud-p-tynki.is-on) .wow__bg--tynki,
.aud--wow:has(#aud-p-ocieplenie.is-on) .wow__bg--ocieplenie,
.aud--wow:has(#aud-p-wykonawca.is-on) .wow__bg--wykonawca{opacity:1;transform:scale(1)}
.wow__bgs::after{content:"";position:absolute;inset:0;background:
  linear-gradient(90deg,rgba(10,20,38,.97) 0%,rgba(10,20,38,.88) 34%,rgba(10,20,38,.45) 62%,rgba(10,20,38,.2) 100%),
  linear-gradient(0deg,rgba(10,20,38,.95) 0%,rgba(10,20,38,0) 38%)}
.aud--wow::after{content:"";position:absolute;left:0;top:0;width:34%;height:6px;background:var(--green)}
.wow__in{display:flex;flex-direction:column;width:100%}
/* nagłówek */
.aud--wow .aud__head{display:block;text-align:left}
.aud--wow .aud__eyebrow{display:inline-flex;align-items:center;gap:12px;color:#7FE08A;text-transform:uppercase;letter-spacing:.16em;font-size:12.5px;font-weight:800}
.aud--wow .aud__eyebrow::before{content:"";width:28px;height:3px;background:#7FE08A}
.aud--wow .aud__eyebrow::after{display:none}
.aud--wow .aud__h{margin-top:16px;max-width:15ch;font-size:clamp(40px,5vw,78px);line-height:1;letter-spacing:-.05em;color:#fff}
.aud--wow .aud__h em{color:#7FE08A;white-space:normal}
.aud--wow .aud__h em::after{display:none}
.aud--wow .aud__sub{margin:20px 0 0;max-width:56ch;text-align:left;color:rgba(255,255,255,.72)}
/* panel */
.aud--wow .aud__panels{position:relative;margin-top:clamp(36px,4vw,60px);padding:0;background:none;border-radius:0;overflow:visible;flex:1}
.aud--wow .aud__panel{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:40px}
.aud--wow .aud__copy{max-width:620px;padding:28px 0 0 28px;border-left:3px solid var(--green)}
.aud--wow .aud__k{color:#7FE08A;font-weight:800}
.aud--wow .aud__t{color:#fff;font-size:clamp(26px,2.6vw,40px)}
.aud--wow .aud__d{color:rgba(255,255,255,.76)}
.aud--wow .aud__li{margin:22px 0 28px}
.aud--wow .aud__li li{color:#fff}
.aud--wow .aud__li .ic{background:rgba(127,224,138,.16);color:#7FE08A}
.aud--wow .aud__tel{color:#fff}
.aud--wow .aud__tel .ic{background:rgba(255,255,255,.1);color:#7FE08A;box-shadow:none}
.aud--wow .aud__tel small{color:rgba(255,255,255,.6)}
.wow__stat{display:flex;align-items:center;gap:16px;padding:22px 26px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.wow__stat b{font-size:clamp(48px,5vw,76px);font-weight:800;line-height:.9;letter-spacing:-.05em;color:#fff}
.wow__stat span{font-size:16px;font-weight:700;line-height:1.25}
.wow__stat small{display:block;margin-top:4px;font-size:13px;font-weight:500;color:rgba(255,255,255,.6)}
.aud--wow .aud__panel.is-on .wow__stat{animation:audUp .9s var(--ease) .35s both}
/* zakładki na dole */
.aud--wow .aud__tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:clamp(36px,4vw,56px);border:0;border-top:1px solid rgba(255,255,255,.18);overflow:visible}
.aud--wow .aud__tab{position:relative;display:flex;align-items:center;gap:16px;padding:22px 24px 22px 0;border:0;border-radius:0;background:none;color:rgba(255,255,255,.55);text-align:left;box-shadow:none;transform:none}
.aud--wow .aud__tab+.aud__tab{padding-left:24px;border-left:1px solid rgba(255,255,255,.12)}
.aud--wow .aud__tab:hover{color:#fff;transform:none;box-shadow:none;border-color:rgba(255,255,255,.12)}
.aud--wow .aud__tab.is-on{background:none;color:#fff;box-shadow:none}
.aud--wow .aud__tab.is-on::after,.aud--wow .aud__tab.is-on::before{display:none}
.aud--wow .aud__nr{position:static;transform:none;font-size:clamp(28px,2.4vw,40px);font-weight:800;letter-spacing:-.04em;color:inherit;opacity:.5}
.aud--wow .aud__tab.is-on .aud__nr{color:#7FE08A;opacity:1}
.aud--wow .aud__tl b{font-size:18px}
.aud--wow .aud__tl small{color:inherit;opacity:.75}
.aud__go{width:20px;height:20px;margin-left:auto;opacity:0;transform:translateX(-8px);transition:opacity .3s,transform .3s var(--ease)}
.aud--wow .aud__tab:hover .aud__go,.aud--wow .aud__tab.is-on .aud__go{opacity:1;transform:none}
.aud--wow .aud__tab i{display:block;position:absolute;left:0;right:0;top:-1px;bottom:auto;height:3px;border-radius:0;background:rgba(255,255,255,.08);opacity:0}
.aud--wow .aud__tab+.aud__tab i{left:24px}
.aud--wow .aud__tab.is-on i{opacity:1}
.aud--wow .aud__tab i::after{background:#7FE08A}
@media (max-width:1023px){
  .aud--wow{min-height:0}
  .aud--wow .aud__panel{grid-template-columns:1fr}
  .wow__stat{justify-self:start}
  .aud--wow .aud__tabs{grid-template-columns:1fr;order:-1;margin:28px 0 0}
  .aud--wow .aud__tab,.aud--wow .aud__tab+.aud__tab{padding:16px 0;border-left:0;border-bottom:1px solid rgba(255,255,255,.12)}
  .aud--wow .aud__tab+.aud__tab i{left:0}
  .aud--wow .aud__panels{margin-top:28px}
  .wow__bgs::after{background:linear-gradient(0deg,rgba(10,20,38,.97) 25%,rgba(10,20,38,.7) 70%,rgba(10,20,38,.55) 100%)}
}
@media (max-width:767px){
  .aud--wow .aud__h{font-size:clamp(34px,10vw,44px)}
  .aud--wow .aud__copy{padding:20px 0 0 18px}
  .aud--wow .aud__nr{font-size:26px}
  .aud--wow .aud__tl b{font-size:16px}
  .wow__stat{padding:16px 18px}
  .wow__stat b{font-size:44px}
}
@media (prefers-reduced-motion:reduce){.wow__bg{transition:opacity .3s}}
.wow__in{width:min(var(--cw,1240px),100%)}
@media (max-width:1023px){.aud--wow .aud__head{order:-2}.wow__stat{margin-top:6px}}

/* =========================================================
   v21: wyważony producent – płaskie kolory, nagłówki mieszanej grubości, różnorodne sekcje
   ========================================================= */
.lt{font-weight:300;letter-spacing:-.03em}
.sec-head{display:flex;flex-direction:column;gap:14px;margin-bottom:clamp(32px,4vw,52px)}
.sec-head--row{flex-direction:row;align-items:flex-end;justify-content:space-between}
.sec-h{font-size:clamp(34px,3.8vw,56px);font-weight:800;line-height:1.05;letter-spacing:-.04em;color:var(--navy)}
.sec-lead{max-width:60ch;font-size:clamp(16px,1.15vw,18px);line-height:1.6;color:#4A4E57}
.pf__h,.aud__h,.sol__h,.kd__h,.hs__t{font-weight:800}
.pf__h .lt,.sol__h .lt{color:var(--navy)}
.eyebrow,.aud--wow .aud__eyebrow{display:none}
.hs__k{text-transform:none;letter-spacing:.01em;font-weight:600}

/* hero: płaski granat, bez siatki i poświat */
.hs{background:var(--navy-d,#0D1B33)}
.hs::before{display:none}
.hs::after{height:4px;background:var(--green)}
.hs__t .lt{color:rgba(255,255,255,.92)}
.hs__media{box-shadow:none}
.btn--navy,.hs .btn--navy{box-shadow:none}
.btn--lime{box-shadow:none}

/* O DUBLET: spokojniej */
.pf__it{border-top-width:3px}

/* ---------- NASZA OFERTA ---------- */
.of{padding:clamp(72px,8vw,120px) 0;background:#F4F4F2}
.of__grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.of__it{position:relative;grid-column:span 2;display:block;aspect-ratio:4/3;overflow:hidden;background:#ddd;color:#fff}
.of__it--lg{grid-column:span 3;aspect-ratio:16/9}
.of__it img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
.of__it::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,20,38,.82) 0%,rgba(10,20,38,.1) 55%,rgba(10,20,38,0) 100%);transition:background-color .4s}
.of__it:hover img{transform:scale(1.06)}
.of__txt{position:absolute;z-index:1;left:22px;right:22px;bottom:20px;display:flex;flex-direction:column}
.of__txt b{font-size:clamp(18px,1.5vw,22px);font-weight:700;letter-spacing:-.02em}
.of__txt small{margin-top:4px;font-size:13px;color:rgba(255,255,255,.72)}
.of__more{position:absolute;z-index:1;right:20px;top:18px;display:inline-flex;align-items:center;gap:6px;padding:7px 12px;background:#fff;color:var(--navy);font-size:12.5px;font-weight:700;opacity:0;transform:translateY(-6px);transition:opacity .3s,transform .3s var(--ease)}
.of__more .ic{width:14px;height:14px}
.of__it:hover .of__more,.of__it:focus-visible .of__more{opacity:1;transform:none}

/* ---------- REKOMENDOWANE PRODUKTY ---------- */
.rp{padding:clamp(72px,8vw,120px) 0;background:#fff;overflow:hidden}
.rp__nav{display:flex;gap:8px}
.rp__arr{display:grid;place-items:center;width:48px;height:48px;border:1px solid rgba(21,42,75,.2);color:var(--navy);transition:background-color .3s,color .3s}
.rp__arr:hover{background:var(--navy);color:#fff}
.rp__arr .ic{width:18px;height:18px}
.rp__track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 3 * 20px) / 4);gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:4px}
.rp__track::-webkit-scrollbar{display:none}
.rp__card{scroll-snap-align:start;display:flex;flex-direction:column;padding:22px;border:1px solid #E3E5E8;background:#fff;transition:border-color .3s,box-shadow .3s}
.rp__card:hover{border-color:var(--navy);box-shadow:0 24px 40px -30px rgba(13,27,51,.4)}
.rp__cat{font-size:12px;font-weight:600;color:var(--green)}
.rp__img{display:grid;place-items:center;height:200px;margin:12px 0 18px;background:#F4F4F2}
.rp__img img{max-height:170px;width:auto;transition:transform .5s var(--ease)}
.rp__card:hover .rp__img img{transform:translateY(-6px)}
.rp__t{font-size:20px;font-weight:800;letter-spacing:-.02em;color:var(--navy)}
.rp__d{margin-top:4px;font-size:14px;color:var(--grey)}
.rp__par{margin:16px 0 20px;border-top:1px solid #E3E5E8}
.rp__par div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #E3E5E8;font-size:13.5px}
.rp__par dt{color:var(--grey)}
.rp__par dd{margin:0;font-weight:700;color:var(--navy);text-align:right}
.rp__card .lnk{margin-top:auto;align-self:flex-start}

/* ---------- Od czego zaczynasz: nagłówek mieszany ---------- */
.aud--wow .aud__h .lt{color:#fff}
.aud--wow::after{height:4px}

/* ---------- POLECANE DLA CIEBIE ---------- */
.pd{padding:clamp(72px,8vw,120px) 0;background:#F4F4F2}
.pd__grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:10px}
.pd__it{position:relative;display:flex;flex-direction:column;gap:18px;min-height:340px;padding:28px;background:#fff;color:var(--navy);overflow:hidden;transition:background-color .35s,color .35s}
.pd__it>.ic{width:40px;height:40px;stroke-width:1.4;color:var(--green);transition:color .35s}
.pd__b{display:flex;flex-direction:column;gap:10px;margin-top:auto}
.pd__b b{font-size:21px;font-weight:800;letter-spacing:-.02em}
.pd__b>span{font-size:14.5px;line-height:1.55;color:var(--grey);transition:color .35s}
.pd__b em{display:inline-flex;align-items:center;gap:8px;margin-top:6px;font-style:normal;font-size:14px;font-weight:700;color:var(--green);transition:color .35s}
.pd__b em .ic{width:15px;height:15px}
.pd__it:not(.pd__it--img):hover{background:var(--navy);color:#fff}
.pd__it:not(.pd__it--img):hover .ic,.pd__it:not(.pd__it--img):hover em{color:#7FE08A}
.pd__it:not(.pd__it--img):hover .pd__b>span{color:rgba(255,255,255,.72)}
.pd__it--img{color:#fff}
.pd__it--img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
.pd__it--img::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,20,38,.92) 10%,rgba(10,20,38,.15) 70%)}
.pd__it--img .pd__b{position:relative;z-index:1}
.pd__it--img .pd__b>span{color:rgba(255,255,255,.78)}
.pd__it--img em{color:#7FE08A}
.pd__it--img:hover img{transform:scale(1.05)}

/* kontakt: płasko */
.kd{border-top-width:4px}
.kd__h .lt{color:#fff}

@media (max-width:1023px){
  .of__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .of__it,.of__it--lg{grid-column:span 1;aspect-ratio:4/3}
  .rp__track{grid-auto-columns:calc((100% - 20px) / 2.2)}
  .pd__grid{grid-template-columns:1fr 1fr}
  .pd__it{min-height:260px}
}
@media (max-width:767px){
  .of__grid{gap:8px}
  .of__txt{left:14px;right:14px;bottom:12px}
  .of__txt b{font-size:15px}
  .of__txt small{font-size:11.5px}
  .of__more{display:none}
  .rp__track{grid-auto-columns:82%;gap:12px}
  .rp__nav{display:none}
  .pd__grid{grid-template-columns:1fr}
  .pd__it{min-height:0}
  .pd__it--img{min-height:300px}
}
@media (min-width:1024px){
  .of__grid{grid-template-columns:repeat(12,minmax(0,1fr))}
  .of__it{grid-column:span 4;aspect-ratio:4/3}
  .of__it--lg{grid-column:span 6;aspect-ratio:16/8}
  .of__it:nth-child(n+6){grid-column:span 3;aspect-ratio:1/1}
}
@media (max-width:1023px){.of__it:last-child{grid-column:1/-1;aspect-ratio:16/8}}

/* ---------- v22: oferta – gablota DUBLET ---------- */
.ofx{position:relative;padding:clamp(80px,9vw,130px) 0;background:#0D1B33;color:#fff;overflow:hidden}
.ofx::before{content:"";position:absolute;right:-6%;top:-10%;width:42%;height:120%;background:repeating-linear-gradient(115deg,rgba(255,255,255,.035) 0 2px,transparent 2px 46px);pointer-events:none}
.ofx__head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px 64px;margin-bottom:clamp(40px,4.5vw,64px)}
.ofx__h{color:#fff}
.ofx__h .lt{color:rgba(255,255,255,.9)}
.ofx .sec-lead{max-width:40ch;color:rgba(255,255,255,.66)}
.ofx__wrap{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(28px,4vw,64px);align-items:stretch}
/* lista */
.ofx__list{list-style:none;margin:0;padding:0;border-top:1px solid rgba(255,255,255,.14);counter-reset:none}
.ofx__it{position:relative;display:flex;align-items:center;gap:20px;padding:16px 8px 16px 0;border-bottom:1px solid rgba(255,255,255,.14);color:rgba(255,255,255,.62);transition:color .3s,padding .4s var(--ease)}
.ofx__it::before{content:"";position:absolute;left:0;bottom:-1px;height:2px;width:100%;background:#2E9E36;transform-origin:left;transform:scaleX(0);transition:transform .5s var(--ease)}
.ofx__n{flex:none;width:30px;font-size:13px;font-weight:700;color:rgba(255,255,255,.4);transition:color .3s}
.ofx__nm{display:flex;flex-direction:column;min-width:0}
.ofx__nm b{font-size:clamp(18px,1.55vw,23px);font-weight:700;letter-spacing:-.02em;transition:color .3s}
.ofx__nm small{margin-top:2px;font-size:13px;color:rgba(255,255,255,.45)}
.ofx__it>.ic{width:20px;height:20px;margin-left:auto;flex:none;opacity:0;transform:translateX(-10px);transition:opacity .3s,transform .4s var(--ease);color:#7FE08A}
.ofx__it.is-on,.ofx__it:hover,.ofx__it:focus-visible{color:#fff;padding-left:14px}
.ofx__it.is-on::before{transform:none}
.ofx__it.is-on .ofx__n{color:#7FE08A}
.ofx__it.is-on>.ic,.ofx__it:hover>.ic{opacity:1;transform:none}
/* gablota */
.ofx__stage{position:relative;min-height:560px}
.ofx__card{position:absolute;inset:0;display:block;overflow:hidden;background:#152A4B;opacity:0;visibility:hidden;transition:opacity .6s var(--ease),visibility 0s .6s}
.ofx__card.is-on{opacity:1;visibility:visible;transition:opacity .6s var(--ease)}
.ofx__ph{position:absolute;inset:0}
.ofx__ph img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.15) brightness(.95);transform:scale(1.08);transition:transform 6s var(--ease),filter .8s}
.ofx__ph::after{content:"";position:absolute;inset:0;background:linear-gradient(200deg,rgba(21,42,75,.35) 0%,rgba(13,27,51,.92) 72%),#152A4B;mix-blend-mode:multiply}
.ofx__card.is-on .ofx__ph img{transform:scale(1)}
.ofx__card:hover .ofx__ph img{filter:grayscale(.35) contrast(1.05)}
.ofx__mark{position:absolute;left:0;top:34px;display:flex;flex-direction:column;gap:6px;z-index:2}
.ofx__mark i{display:block;height:6px;background:#fff}
.ofx__mark i:nth-child(1){width:84px;background:#2E9E36}.ofx__mark i:nth-child(2){width:62px}.ofx__mark i:nth-child(3){width:40px}
.ofx__big{position:absolute;right:-8px;top:-30px;z-index:1;font-size:clamp(150px,15vw,240px);font-weight:800;line-height:1;letter-spacing:-.06em;color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.22)}
.ofx__pk{position:absolute;z-index:2;right:clamp(20px,3vw,44px);bottom:clamp(110px,12vw,150px);height:clamp(190px,22vw,300px);width:auto;filter:drop-shadow(0 30px 26px rgba(0,0,0,.55))}
.ofx__body{position:absolute;z-index:3;left:0;bottom:0;right:0;display:flex;flex-direction:column;gap:6px;padding:28px 32px 30px;background:linear-gradient(0deg,rgba(13,27,51,.98) 30%,rgba(13,27,51,0))}
.ofx__body small{font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#7FE08A}
.ofx__body b{font-size:clamp(26px,2.5vw,38px);font-weight:800;letter-spacing:-.035em;line-height:1.05}
.ofx__body>span{max-width:46ch;font-size:15px;line-height:1.55;color:rgba(255,255,255,.72)}
.ofx__body em{display:inline-flex;align-items:center;gap:8px;margin-top:10px;font-style:normal;font-size:15px;font-weight:800;color:#fff}
.ofx__body em .ic{width:18px;height:18px;color:#7FE08A;transition:transform .3s var(--ease)}
.ofx__card:hover .ofx__body em .ic{transform:translateX(5px)}
.ofx__card.is-on .ofx__pk{animation:ofxPk .9s var(--ease) both}
.ofx__card.is-on .ofx__body>*{animation:hsUp .7s var(--ease) both}
.ofx__card.is-on .ofx__body>*:nth-child(2){animation-delay:.06s}.ofx__card.is-on .ofx__body>*:nth-child(3){animation-delay:.12s}.ofx__card.is-on .ofx__body>*:nth-child(4){animation-delay:.18s}
.ofx__card.is-on .ofx__mark i{animation:ofxBar .7s var(--ease) both}
.ofx__card.is-on .ofx__mark i:nth-child(2){animation-delay:.08s}.ofx__card.is-on .ofx__mark i:nth-child(3){animation-delay:.16s}
@keyframes ofxPk{from{opacity:0;transform:translateY(40px) rotate(4deg)}to{opacity:1;transform:none}}
@keyframes ofxBar{from{transform:scaleX(0);transform-origin:left}to{transform:none;transform-origin:left}}

/* tablet / telefon: karty jedna pod drugą, lista ukryta */
@media (max-width:1023px){
  .ofx__head{flex-direction:column;align-items:flex-start}
  .ofx__wrap{display:block}
  .ofx__list{display:none}
  .ofx__stage{display:grid;grid-template-columns:1fr 1fr;gap:12px;min-height:0}
  .ofx__card,.ofx__card.is-on{position:relative;inset:auto;opacity:1;visibility:visible;min-height:340px}
  .ofx__card .ofx__ph img{transform:none}
  .ofx__stage{pointer-events:auto}
  .ofx__card.is-on .ofx__pk,.ofx__card.is-on .ofx__body>*,.ofx__card.is-on .ofx__mark i{animation:none}
  .ofx__pk{height:150px;bottom:150px;right:16px}
  .ofx__big{font-size:110px;top:-16px}
  .ofx__body{padding:20px}
  .ofx__body b{font-size:22px}
  .ofx__body>span{font-size:13.5px}
}
@media (max-width:767px){
  .ofx__stage{grid-template-columns:1fr}
  .ofx__card,.ofx__card.is-on{min-height:300px}
  .ofx__pk{height:140px;bottom:auto;top:24px}
  .ofx__mark{top:24px}
}
@media (prefers-reduced-motion:reduce){.ofx__card *{animation:none!important}}
/* v22b: jaśniejszy duotone, kompaktowe karty na telefonie */
.ofx__ph::after{background:#3A6AA8;mix-blend-mode:multiply}
.ofx__ph::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(0deg,rgba(13,27,51,.95) 0%,rgba(13,27,51,.35) 45%,rgba(13,27,51,.1) 100%)}
.ofx__ph img{filter:grayscale(1) contrast(1.1) brightness(1.08)}
@media (max-width:767px){
  .ofx__stage{grid-template-columns:1fr 1fr;gap:8px}
  .ofx__card,.ofx__card.is-on{min-height:250px}
  .ofx__pk{height:96px;top:18px;right:10px}
  .ofx__mark{top:18px}.ofx__mark i{height:4px}.ofx__mark i:nth-child(1){width:44px}.ofx__mark i:nth-child(2){width:32px}.ofx__mark i:nth-child(3){width:20px}
  .ofx__big{font-size:76px;top:-10px;right:-4px}
  .ofx__body{padding:14px}
  .ofx__body b{font-size:16px}
  .ofx__body small{font-size:10px;letter-spacing:.03em}
  .ofx__body>span{display:none}
  .ofx__body em{font-size:12.5px;margin-top:4px}
}
@media (min-width:1024px){.ofx__pk{bottom:200px;height:clamp(190px,20vw,280px)}}
@media (max-width:1023px){.ofx__card:last-child{grid-column:1/-1}}
@media (max-width:767px){.ofx__card:last-child{min-height:200px}.ofx__card:last-child .ofx__pk{right:24px}}

/* ---------- v23: #sciezki „Wsparcie na Twojej budowie.” ---------- */
.stb{position:relative;padding:clamp(64px,6.5vw,96px) 0;background:#F5F5F2;color:var(--navy)}
.stb__head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px 64px;align-items:end}
.stb__h{font-size:clamp(40px,3.7vw,54px);line-height:1.1;letter-spacing:-.035em;color:var(--navy)}
.stb__h .w4{font-weight:400}
.stb__h .w65{font-weight:650}
.stb__intro{justify-self:end;max-width:34ch;font-size:18px;line-height:1.55;color:#3E434C}
.stb__tabs{display:flex;gap:clamp(24px,3.5vw,48px);margin-top:clamp(36px,3.5vw,48px);border-bottom:1px solid rgba(21,42,75,.18)}
.stb__tab{position:relative;padding:14px 0 16px;font-size:17.5px;font-weight:400;color:#3E434C;transition:color .2s}
.stb__tab::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;background:#007A34;transform:scaleX(0);transform-origin:left;transition:transform .22s ease}
.stb__tab:hover{color:var(--navy)}
.stb__tab[aria-selected="true"]{font-weight:700;color:var(--navy)}
.stb__tab[aria-selected="true"]::after{transform:none}
.stb__tab:focus-visible{outline:2px solid #007A34;outline-offset:4px;border-radius:2px}
.stb__panels{display:grid;margin-top:clamp(36px,3.5vw,52px)}
.stb__panel{grid-area:1/1;display:grid;grid-template-columns:42fr 58fr;column-gap:64px;align-items:start}
.js .stb__panel{transition:opacity .2s ease,visibility 0s}
.js .stb__panel:not(.is-on){visibility:hidden;opacity:0;transition:opacity .2s ease,visibility 0s .2s}
.stb__panel:focus-visible{outline:2px solid #007A34;outline-offset:6px}
.stb__copy{padding-top:6px}
.stb__t{color:var(--navy);letter-spacing:-.03em}
.stb__t .s1{display:block;font-size:22px;font-weight:400;letter-spacing:-.01em;line-height:1.3;margin-bottom:6px}
.stb__t .s2{display:block;font-size:clamp(32px,2.7vw,39px);font-weight:600;line-height:1.1}
.stb__d{max-width:44ch;margin-top:24px;font-size:17.5px;line-height:1.6;color:#2F343C}
.stb__it{margin-top:30px;font-size:14px;font-weight:700;color:var(--navy)}
.stb__info{margin:30px 0 0;max-width:46ch;border-top:1px solid rgba(21,42,75,.16)}
.stb__it+.stb__info{margin-top:10px}
.stb__row{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:16px;padding:12px 0;border-bottom:1px solid rgba(21,42,75,.16)}
.stb__row dt{font-size:15.5px;font-weight:600;color:var(--navy)}
.stb__row dd{margin:0;font-size:15.5px;color:#2F343C}
.stb__row--h dt,.stb__row--h dd{font-size:12.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#5B6069}
.stb__info--tab .stb__row:not(.stb__row--h) dd{font-weight:600;color:var(--navy)}
.stb__cta{display:inline-flex;align-items:center;gap:10px;min-height:52px;margin-top:30px;padding:0 24px;border-radius:4px;background:#007A34;color:#fff;font-size:16px;font-weight:700;transition:background-color .2s}
.stb__cta:hover{background:#00632A}
.stb__cta:focus-visible{outline:2px solid var(--navy);outline-offset:3px}
.stb__cta .ic{width:18px;height:18px}
.stb__media{margin:0}
.stb__ph{aspect-ratio:4/3.3;overflow:hidden;border-radius:4px;background:#E6E5E0}
.stb__ph img{width:100%;height:100%;object-fit:cover}
.stb__under{display:flex;align-items:center;gap:14px;margin-top:14px}
.stb__swatch{width:64px;height:40px;border-radius:2px;background:url(../img/ba-plaster.webp) 40% 50%/320px auto}
.stb__under a{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:var(--navy);border-bottom:1px solid rgba(21,42,75,.3);padding-bottom:2px}
.stb__under a:hover{border-color:var(--navy)}
.stb__under .ic{width:15px;height:15px;color:#007A34}
@media (max-width:1100px){.stb__panel{column-gap:48px}}
@media (max-width:767px){
  .stb{padding:56px 0}
  .stb .container{padding-inline:20px}
  .stb__head{grid-template-columns:1fr;gap:14px}
  .stb__h{font-size:clamp(34px,9.6vw,38px)}
  .stb__intro{justify-self:start;font-size:16.5px}
  .stb__tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:28px}
  .stb__tab{padding:10px 0 12px;font-size:15.5px;line-height:1.25;text-align:left}
  .stb__panels{display:block;margin-top:24px}
  .js .stb__panel:not(.is-on){display:none}
  .stb__panel{display:flex;flex-direction:column}
  .stb__media{order:-1}
  .stb__ph{aspect-ratio:16/10}
  .stb__swatch{display:none}
  .stb__copy{padding-top:24px}
  .stb__t .s1{font-size:19px}
  .stb__t .s2{font-size:clamp(28px,8.2vw,32px)}
  .stb__d{font-size:16.5px}
  .stb__row{grid-template-columns:1fr;gap:2px}
  .stb__row--h{display:none}
  .stb__cta{display:flex;justify-content:center;width:100%}
  .stb__under{margin-top:10px}
}
@media (prefers-reduced-motion:reduce){.js .stb__panel,.stb__tab::after{transition:none!important}}
.stb{padding:clamp(56px,5vw,72px) 0}
.stb__tabs{margin-top:clamp(28px,3vw,40px)}
.stb__panels{margin-top:clamp(32px,3vw,44px)}
.stb__ph{aspect-ratio:16/12}
.stb__swatch{background:url(../img/stb-elewacja.webp) 38% 62%/1100px auto;box-shadow:inset 0 0 0 1px rgba(21,42,75,.12)}
@media (min-width:768px){.stb__ph{aspect-ratio:16/11}.stb__info{margin-top:26px}.stb__cta{margin-top:28px}}
@media (min-width:1024px){.stb{padding:56px 0 60px}.stb__t .s1{margin-bottom:4px}}

/* ---------- v24: #rozwiazania – granatowy katalog kategorii ---------- */
.kat{position:relative;padding:68px 0 64px;background:#101F34;color:#F5F7FA;scroll-margin-top:90px}
.kat__head{display:flex;align-items:baseline;justify-content:space-between;gap:16px 40px;flex-wrap:wrap}
.kat__h{font-size:clamp(32px,3.1vw,45px);line-height:1.15;letter-spacing:-.03em;color:#F5F7FA}
.kat__h .w4{font-weight:400}
.kat__h .w65{font-weight:650}
.kat__sub{font-size:15px;color:#B8C4D1}
.kat__grid{list-style:none;margin:38px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:32px}
.kat__it{position:relative;display:flex;align-items:center;gap:19px;min-height:120px;padding:14px 12px 14px 6px;border-bottom:1px solid rgba(184,196,209,.18);color:#F5F7FA;transition:background-color .18s ease,border-color .18s ease}
.kat__grid li:nth-child(-n+3) .kat__it{border-top:1px solid rgba(184,196,209,.18)}
.kat__th{flex:none;display:grid;place-items:center;width:72px;height:88px}
.kat__th img{max-width:100%;max-height:88px;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 8px 10px rgba(0,0,0,.35))}
.kat__th--bucket img{max-height:62px}
.kat__tx{display:flex;flex-direction:column;gap:5px;min-width:0}
.kat__tx b{font-size:20px;font-weight:600;line-height:1.2;letter-spacing:-.015em}
.kat__tx small{font-size:13.5px;font-weight:400;line-height:1.35;color:#B8C4D1}
.kat__it>.ic{flex:none;width:20px;height:20px;margin-left:auto;color:#B8C4D1;transition:color .18s ease,transform .18s ease}
.kat__it:hover{background:rgba(245,247,250,.05);border-bottom-color:#3FB861}
.kat__it:hover>.ic{color:#4CC46E;transform:translateX(4px)}
.kat__it:focus-visible{outline:2px solid #4CC46E;outline-offset:2px;border-radius:2px}
.kat__docs{display:flex;align-items:center;justify-content:space-between;gap:10px 24px;flex-wrap:wrap;margin-top:30px;font-size:14px;color:#B8C4D1}
.kat__docs a{display:inline-flex;align-items:center;gap:8px;font-weight:600;color:#F5F7FA;border-bottom:1px solid rgba(245,247,250,.3);padding-bottom:2px;transition:border-color .18s}
.kat__docs a .ic{width:15px;height:15px;color:#4CC46E;transition:transform .18s}
.kat__docs a:hover{border-color:#4CC46E}
.kat__docs a:hover .ic{transform:translateX(3px)}
.kat__docs a:focus-visible{outline:2px solid #4CC46E;outline-offset:3px}
@media (max-width:1099px){
  .kat__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .kat__grid li:nth-child(3) .kat__it{border-top:0}
}
@media (max-width:699px){
  .kat{padding:56px 0}
  .kat .container{padding-inline:20px}
  .kat__head{flex-direction:column;gap:8px}
  .kat__h{font-size:32px}
  .kat__grid{grid-template-columns:1fr;margin-top:28px}
  .kat__grid li:nth-child(2) .kat__it{border-top:0}
  .kat__it{min-height:86px;gap:16px;padding:10px 4px 10px 2px}
  .kat__th{width:52px;height:64px}
  .kat__th img{max-height:64px}
  .kat__th--bucket img{max-height:46px}
  .kat__tx b{font-size:17.5px}
  .kat__tx small{font-size:12.5px}
}
@media (prefers-reduced-motion:reduce){.kat__it,.kat__it>.ic,.kat__docs a .ic{transition:none}}

/* ---------- v25: katalog – wariant B (jasny, wg etapu budowy) ---------- */
.ktb{position:relative;padding:72px 0;background:#fff;color:var(--navy);scroll-margin-top:90px}
.ktb__head{display:flex;align-items:baseline;justify-content:space-between;gap:16px 40px;flex-wrap:wrap;padding-bottom:28px;border-bottom:2px solid var(--navy)}
.ktb__h{font-size:clamp(32px,3.1vw,45px);line-height:1.15;letter-spacing:-.03em;color:var(--navy)}
.ktb__h .w4{font-weight:400}.ktb__h .w65{font-weight:650}
.ktb__docs{display:inline-flex;align-items:center;gap:8px;font-size:14.5px;font-weight:600;color:var(--navy);border-bottom:1px solid rgba(21,42,75,.3);padding-bottom:2px;transition:border-color .18s}
.ktb__docs .ic{width:15px;height:15px;color:#007A34;transition:transform .18s}
.ktb__docs:hover{border-color:var(--navy)}.ktb__docs:hover .ic{transform:translateX(3px)}
.ktb__cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:40px}
.ktb__col{padding-top:26px}
.ktb__g{display:flex;align-items:baseline;gap:10px;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#5B6069;margin-bottom:10px}
.ktb__g span{font-size:12px;color:#007A34;letter-spacing:0}
.ktb__list{list-style:none;margin:0;padding:0}
.ktb__it{display:flex;align-items:center;gap:18px;padding:12px 4px 12px 0;border-bottom:1px solid #E6E8EB;color:var(--navy);transition:border-color .18s}
.ktb__th{flex:none;display:grid;place-items:center;width:76px;height:84px;border-radius:4px;background:#F3F3F0;transition:background-color .18s}
.ktb__th img{max-width:58px;max-height:70px;width:auto;height:auto;object-fit:contain;transition:transform .2s ease}
.ktb__th--b img{max-width:62px;max-height:52px}
.ktb__tx{display:flex;flex-direction:column;gap:4px;min-width:0}
.ktb__tx b{font-size:18.5px;font-weight:600;line-height:1.2;letter-spacing:-.015em}
.ktb__tx small{font-size:13.5px;line-height:1.35;color:#5B6069}
.ktb__it>.ic{flex:none;width:18px;height:18px;margin-left:auto;color:#9AA1AB;transition:color .18s,transform .18s}
.ktb__it:hover{border-bottom-color:#007A34}
.ktb__it:hover .ktb__th{background:#ECEDE8}
.ktb__it:hover .ktb__th img{transform:translateY(-3px)}
.ktb__it:hover>.ic{color:#007A34;transform:translateX(4px)}
.ktb__it:focus-visible,.ktb__docs:focus-visible{outline:2px solid #007A34;outline-offset:3px;border-radius:2px}
@media (max-width:1099px){.ktb__cols{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:699px){
  .ktb{padding:56px 0}
  .ktb .container{padding-inline:20px}
  .ktb__head{flex-direction:column;gap:12px}
  .ktb__h{font-size:32px}
  .ktb__cols{grid-template-columns:1fr}
  .ktb__th{width:58px;height:66px}
  .ktb__th img{max-width:44px;max-height:56px}
  .ktb__th--b img{max-width:48px;max-height:40px}
  .ktb__tx b{font-size:17.5px}.ktb__tx small{font-size:12.5px}
}
@media (prefers-reduced-motion:reduce){.ktb__it *,.ktb__it{transition:none}}
/* v26: zielone zaznaczenie w H1 */
.hs__mk{display:inline;padding:0 .12em .02em;margin-left:-.04em;background:var(--lime,#2E9E36);color:#fff;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.hs .hs__t{line-height:1.12}
.hs__mk{padding:.02em .1em .06em;line-height:1.02}
.hs__t .hs__k + .lt,.hs__t .lt{position:relative;z-index:1}
.pf__h{font-size:clamp(34px,3.6vw,54px)}
.hs__mk{padding:0 .06em;margin:0;line-height:inherit;color:#fff;background:linear-gradient(transparent 62%,var(--lime,#2E9E36) 62%,var(--lime,#2E9E36) 92%,transparent 92%)}

/* ---------- v27: produkty – półka producenta ---------- */
.pk{position:relative;padding:clamp(72px,7vw,104px) 0;background:#F5F5F2;color:var(--navy);scroll-margin-top:90px}
.pk__head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px 48px;align-items:end;margin-bottom:clamp(32px,3.4vw,44px)}
.pk__h{font-size:clamp(36px,3.6vw,54px);line-height:1.08;letter-spacing:-.035em;color:var(--navy)}
.pk__h .w4{font-weight:400}.pk__h .w65{font-weight:650}
.pk__lead{margin-top:18px;max-width:56ch;font-size:17px;line-height:1.6;color:#3E434C}
.pk__filters{display:flex;flex-wrap:wrap;gap:8px}
.pk__f{min-height:42px;padding:0 18px;border:1px solid rgba(21,42,75,.2);border-radius:999px;background:#fff;font-size:14.5px;font-weight:500;color:var(--navy);transition:background-color .18s,color .18s,border-color .18s}
.pk__f:hover{border-color:var(--navy)}
.pk__f[aria-pressed="true"]{background:var(--navy);border-color:var(--navy);color:#fff;font-weight:600}
.pk__f:focus-visible{outline:2px solid #007A34;outline-offset:2px}
/* siatka kart */
.pk__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.pk__it{display:flex;transition:opacity .2s ease}
.pk__it[hidden]{display:none}
.pk__card{position:relative;display:flex;flex-direction:column;width:100%;background:#fff;border:1px solid #E4E5E1;border-radius:6px;overflow:hidden;color:var(--navy);transition:border-color .2s,box-shadow .25s,transform .25s}
.pk__card:hover{border-color:#C9CCD1;box-shadow:0 26px 46px -32px rgba(13,27,51,.45);transform:translateY(-3px)}
.pk__card:focus-visible{outline:2px solid #007A34;outline-offset:3px}
/* półka z opakowaniami */
.pk__shelf{position:relative;display:flex;align-items:flex-end;justify-content:center;height:260px;padding:28px 24px 0;background:radial-gradient(70% 80% at 50% 100%,#FFFFFF 0%,#EFEFEB 70%);overflow:hidden}
.pk__shelf::after{content:"";position:absolute;left:12%;right:12%;bottom:22px;height:14px;border-radius:50%;background:radial-gradient(closest-side,rgba(13,27,51,.22),transparent);filter:blur(2px)}
.pk__p{position:relative;z-index:1;width:auto;object-fit:contain;margin-bottom:26px;filter:drop-shadow(0 10px 10px rgba(13,27,51,.18));transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.pk__p--w{height:196px}
.pk__p--q{height:206px;margin-bottom:22px}
.pk__p--b{height:132px}
.pk__shelf--2 .pk__p+.pk__p,.pk__shelf--3 .pk__p+.pk__p{margin-left:-26px}
.pk__shelf--3 .pk__p--q+.pk__p--q{margin-left:-70px}
.pk__shelf--2 .pk__p--q+.pk__p--q{margin-left:-60px}
.pk__shelf--3 .pk__p:nth-child(1),.pk__shelf--3 .pk__new+.pk__p{transform:scale(.88);transform-origin:bottom center}
.pk__card:hover .pk__p{transform:translateY(calc(-6px - var(--i) * 2px))}
.pk__card:hover .pk__shelf--3 .pk__p:nth-child(1){transform:scale(.88) translateY(-6px)}
.pk__new{position:absolute;z-index:2;left:16px;top:16px;padding:5px 11px;border-radius:999px;background:#007A34;color:#fff;font-size:12px;font-weight:600}
/* opis */
.pk__body{display:flex;flex-direction:column;flex:1;padding:20px 24px 22px;border-top:1px solid #ECEDE9}
.pk__g{font-size:12.5px;font-weight:600;color:#007A34}
.pk__t{margin-top:6px;font-size:21px;font-weight:650;line-height:1.2;letter-spacing:-.02em}
.pk__line{margin-top:6px;font-size:14px;line-height:1.5;color:#5B6069}
.pk__go{display:inline-flex;align-items:center;gap:8px;margin-top:auto;padding-top:18px;font-size:14.5px;font-weight:600;color:var(--navy)}
.pk__go .ic{width:16px;height:16px;color:#007A34;transition:transform .2s}
.pk__card:hover .pk__go .ic{transform:translateX(4px)}
/* stopka */
.pk__foot{display:flex;align-items:center;justify-content:space-between;gap:12px 24px;flex-wrap:wrap;margin-top:32px}
.pk__all{display:inline-flex;align-items:center;gap:10px;min-height:50px;padding:0 22px;border-radius:4px;background:var(--navy);color:#fff;font-size:15px;font-weight:600;transition:background-color .2s}
.pk__all:hover{background:#0D1B33}
.pk__all .ic{width:17px;height:17px}
.pk__docs{display:inline-flex;align-items:center;gap:8px;font-size:14.5px;font-weight:600;color:var(--navy);border-bottom:1px solid rgba(21,42,75,.3);padding-bottom:2px}
.pk__docs .ic{width:15px;height:15px;color:#007A34}
.pk__all:focus-visible,.pk__docs:focus-visible{outline:2px solid #007A34;outline-offset:3px}
@media (max-width:1099px){
  .pk__head{grid-template-columns:1fr}
  .pk__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:699px){
  .pk{padding:56px 0}
  .pk .container{padding-inline:20px}
  .pk__h{font-size:32px}
  .pk__lead{font-size:16px}
  .pk__filters{flex-wrap:nowrap;overflow-x:auto;margin-inline:-20px;padding:0 20px 4px;scrollbar-width:none}
  .pk__filters::-webkit-scrollbar{display:none}
  .pk__f{flex:none}
  .pk__grid{grid-template-columns:1fr;gap:12px}
  .pk__card{flex-direction:row;align-items:stretch}
  .pk__shelf{flex:0 0 120px;height:auto;min-height:140px;padding:12px 6px 0}
  .pk__shelf::after{bottom:10px}
  .pk__p{margin-bottom:14px}
  .pk__p--w{height:96px}.pk__p--q{height:104px;margin-bottom:10px}.pk__p--b{height:66px}
  .pk__shelf--2 .pk__p+.pk__p,.pk__shelf--3 .pk__p+.pk__p{margin-left:-30px}
  .pk__shelf--3 .pk__p--q+.pk__p--q,.pk__shelf--2 .pk__p--q+.pk__p--q{margin-left:-62px}
  .pk__new{left:6px;top:6px;font-size:10px;padding:3px 7px}
  .pk__body{padding:14px 16px;border-top:0;border-left:1px solid #ECEDE9}
  .pk__t{font-size:17.5px;margin-top:3px}
  .pk__line{font-size:12.5px}
  .pk__go{padding-top:10px;font-size:13.5px}
  .pk__all{width:100%;justify-content:center}
}
@media (prefers-reduced-motion:reduce){.pk__card,.pk__p,.pk__it{transition:none}.pk__card:hover{transform:none}}
.pk__head>*{min-width:0}
.pk__shelf--3 .pk__p--q+.pk__p--q{margin-left:-118px}
.pk__shelf--3 .pk__p--q{height:214px}
.pk__shelf--3 .pk__p--q:nth-child(2){position:relative;z-index:2}
@media (max-width:699px){
  .pk__shelf--3 .pk__p--q{height:108px}
  .pk__shelf--3 .pk__p--q+.pk__p--q{margin-left:-66px}
  .pk__new{max-width:calc(100% - 12px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}
@media (max-width:699px){.pk__filters{display:grid;grid-template-columns:1fr 1fr;overflow:visible;margin-inline:0;padding:0}.pk__f{padding:0 10px;font-size:14px}}
.kd,.pf,.stb,.pk{overflow-x:clip}