/* Style stron podrzędnych systemu „Clarity”. Każda strona ma własny prefiks klas (of-, om-, fl-, kt-, bl-, wp-, nw-, we-, pf-, pj-, sk-, pd-, ct-, zm-, po-, lg-, kn-, sz-, e4, nl-, mp-). */

/* Oferta */
.of-dir{position:relative;display:flex;flex-direction:column;gap:16px;padding:30px 28px 26px;border-radius:26px;background:var(--lp-sf);overflow:hidden;transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s}
.of-dir:hover{transform:translateY(-6px);box-shadow:0 24px 48px -32px var(--lp-sh)}
.of-dir i{position:absolute;top:0;left:0;right:0;height:6px;background:var(--cc)}
.of-dir img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:18px}
.of-dir h3{font-size:clamp(28px,2.6vw,36px);font-weight:700;letter-spacing:-.04em;line-height:1.05}
.of-dir dl{display:grid;gap:10px;padding-top:14px;border-top:1px solid var(--lp-ln);font-size:.92rem}
.of-dir dt{font-weight:600;font-size:.8rem;color:var(--lp-mu)}
.of-dir dd{margin:2px 0 0;color:var(--lp-tx2)}
.of-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:6px}
.of-svc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.of-svc li{display:flex;border-radius:22px;background:var(--lp-bg)}
.of-svc__a{display:flex;flex-direction:column;gap:12px;width:100%;padding:26px;border-radius:22px;color:inherit;transition:box-shadow .2s,background .2s}
.of-svc__a:hover{background:var(--lp-sf);box-shadow:inset 0 0 0 1px var(--lp-ln)}
.of-svc__a .lp-more{margin-top:auto}
.of-svc h3{font-size:1.2rem;font-weight:600;letter-spacing:-.02em}
.of-line{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 36px;counter-reset:s}
.of-line li{display:flex;flex-direction:column;gap:12px;padding-top:20px;border-top:2px solid #020304}
.of-line .n{font-family:'IBM Plex Mono',Consolas,monospace;font-size:.8rem;color:var(--lp-mu)}
@media (max-width:1000px){.of-svc,.of-line{grid-template-columns:1fr}.of-line{gap:24px}}
@media (max-width:640px){.of-dirs{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;margin-inline:-22px;padding:0 22px 4px;scrollbar-width:none}.of-dirs > *{flex:0 0 86%;scroll-snap-align:start}}

/* Omnie */
.om-cover{min-height:640px;justify-content:flex-end}
.om-ch{display:grid;grid-template-columns:minmax(0,.55fr) minmax(0,1.45fr);gap:clamp(20px,3vw,48px);padding:clamp(28px,3.4vw,48px) 0;border-top:1px solid var(--lp-ln);scroll-margin-top:84px}
.om-ch:first-child{border-top:0;padding-top:0}
.om-ch h2{font-size:clamp(26px,2.6vw,36px);letter-spacing:-.035em;line-height:1.1}
.om-body{display:flex;flex-direction:column;gap:14px;font-size:1.1rem;line-height:1.7;color:var(--lp-tx2);max-width:660px}
.om-side{display:flex;flex-direction:column;gap:6px}
.om-link{display:grid;grid-template-columns:92px minmax(0,1fr);gap:12px;align-items:baseline;padding:12px 14px;border-radius:12px;font-size:.92rem;color:var(--lp-mu);transition:background .2s,color .2s}
.om-link span:first-child{font-family:'IBM Plex Mono',Consolas,monospace;font-size:.76rem}
.om-link:hover{background:color-mix(in srgb,var(--lp-tx) 5%,transparent);color:var(--lp-tx)}
.om-link.is-on{background:color-mix(in srgb,var(--lp-tx) 7%,transparent);color:var(--lp-tx);font-weight:600}
@media (max-width:1000px){.om-ch{grid-template-columns:1fr;gap:12px}.om-cover{min-height:520px}.om-side{display:none}}

/* Filozofia */
.fl-big{font-size:clamp(46px,8vw,120px);font-weight:700;letter-spacing:-.055em;line-height:.98}
.fl-p{position:relative;display:flex;flex-direction:column;gap:16px;padding:clamp(24px,2.6vw,36px);border-radius:26px;background:var(--lp-sf);overflow:hidden;transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s}
.fl-p:hover{transform:translateY(-6px);box-shadow:0 24px 48px -32px var(--lp-sh)}
.fl-p i{position:absolute;top:0;left:0;right:0;height:6px;background:var(--cc)}
.fl-p h2{font-size:clamp(24px,2.4vw,32px);font-weight:700;letter-spacing:-.035em;line-height:1.12}
.fl-p p{font-size:1.05rem;line-height:1.65;color:var(--lp-tx2)}
.fl-num{font-family:'IBM Plex Mono',Consolas,monospace;font-size:.85rem;color:var(--lp-mu)}
.fl-cover{min-height:460px;justify-content:flex-end}
.fl-co li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:14px;padding:16px 0;border-top:1px solid var(--lp-ln);font-size:1.1rem;letter-spacing:-.015em;align-items:start}
.fl-co li:first-child{border-top:0}
.fl-co .lp-ic{width:24px;height:24px;color:#020304;background:#00d6d8;border-radius:50%;padding:4px}
@media (max-width:1000px){.wp-toc-box{order:-1}}

/* Portfolio */
.pf-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.pf-tab{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:18px 20px;border:0;border-radius:20px;background:var(--lp-bg);text-align:left;box-shadow:inset 0 0 0 1px transparent;transition:box-shadow .2s,background .2s}
.pf-tab:hover{box-shadow:inset 0 0 0 1px var(--lp-ln2)}
.pf-tab.is-on{background:var(--lp-inv);color:var(--lp-inv-tx)}
.pf-tab b{font-size:1.05rem;letter-spacing:-.02em}
.pf-tab span{font-size:.85rem;color:var(--lp-mu)}
.pf-tab.is-on span{color:var(--lp-inv-mu)}
.pf-st{position:absolute;top:14px;left:14px}
.pf-card{position:relative}
.pf-card .lp-card__im{position:relative}
.pf-meta{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;padding-top:12px;border-top:1px solid var(--lp-ln);font-size:.86rem}
.pf-meta dt{color:var(--lp-mu)}
.pf-meta dd{margin:0;font-weight:500}
.pf-repo{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:18px;align-items:center;padding:20px 0;border-top:1px solid var(--lp-ln)}
.pf-repo:first-child{border-top:0}
.pf-repo .gh{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#020304;color:#f4f6f6}
.pf-repo b{display:block;font-size:1.08rem;letter-spacing:-.02em}
.pf-repo:hover b{color:var(--lp-at)}
@media (max-width:1000px){.pf-tabs{grid-template-columns:1fr}}
@media (max-width:640px){.pf-tabs{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:-22px;padding-inline:22px;scrollbar-width:none}.pf-tab{flex:0 0 68%;scroll-snap-align:start}.pf-repo{grid-template-columns:44px minmax(0,1fr)}.pf-repo .lp-more{grid-column:2}}

/* Projekt */
.pj-cover{min-height:520px;justify-content:flex-end}
.pj-sec{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:clamp(24px,4vw,64px);align-items:start}
.pj-sec h2{font-size:clamp(26px,2.6vw,36px);letter-spacing:-.035em;line-height:1.1}
.pj-n{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--cc);color:var(--tc);font-weight:700}
.pj-body{display:flex;flex-direction:column;gap:14px;font-size:1.1rem;line-height:1.7;color:var(--lp-tx2);max-width:640px}
.pj-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.pj-nav a{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;gap:6px;min-height:220px;padding:24px;border-radius:24px;color:#f4f6f6;isolation:isolate;background:#020304}
.pj-nav a img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .6s}
.pj-nav a:hover img{transform:scale(1.04)}
.pj-nav a::before{content:"";position:absolute;inset:0;background:rgba(2,3,4,.4);z-index:-1}
.pj-nav small{color:#f2e500;font-weight:600}
.pj-nav b{color:#00d6d8;font-size:1.3rem;letter-spacing:-.025em;line-height:1.2}
@media (max-width:1000px){.pj-sec{grid-template-columns:1fr;gap:16px}.pj-nav{grid-template-columns:1fr}.pj-cover{min-height:440px}}

/* Sklep */
.sk-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px}
.sk-sel{height:44px;padding:0 40px 0 16px;border:0;border-radius:999px;background:var(--lp-sf);box-shadow:inset 0 0 0 1px var(--lp-ln);font:inherit;font-size:.92rem;font-weight:500;color:var(--lp-tx);appearance:none;-webkit-appearance:none}
.sk-wrap{position:relative;display:inline-flex;align-items:center}
.sk-wrap .lp-ic{position:absolute;right:14px;width:16px;height:16px;pointer-events:none;color:var(--lp-mu)}
.sk-pack{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(24px,4vw,56px);align-items:center;padding:clamp(24px,3vw,44px);border-radius:28px;background:#f2e500;color:#020304}
.sk-pack img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:20px}
.sk-pick{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:center}
.sk-q{display:flex;flex-direction:column;gap:10px}
.sk-q button{display:grid;grid-template-columns:44px minmax(0,1fr) 20px;gap:14px;align-items:center;padding:14px 16px;border:0;border-radius:18px;background:var(--lp-bg);text-align:left;font-weight:600;box-shadow:inset 0 0 0 1px transparent;transition:box-shadow .2s,background .2s}
.sk-q button:hover{box-shadow:inset 0 0 0 1px var(--lp-ln2)}
.sk-q button.is-on{background:var(--lp-sf);box-shadow:inset 0 0 0 2px var(--lp-tx)}
.sk-q button span.n{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--cc);color:var(--tc)}
.sk-rec{display:grid;grid-template-columns:150px minmax(0,1fr);gap:20px;align-items:center;padding:20px;border-radius:24px;background:var(--lp-bg)}
.sk-rec img{width:150px;height:150px;border-radius:18px;object-fit:cover}
.sk-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
@media (max-width:1000px){.sk-pack,.sk-pick{grid-template-columns:1fr}.sk-three{grid-template-columns:1fr}.sk-pack img{order:-1}}
@media (max-width:640px){.sk-rec{grid-template-columns:96px minmax(0,1fr);padding:14px}.sk-rec img{width:96px;height:96px}.lp-pcard__im{aspect-ratio:16/11}}

/* Produkt */
.pd-main{position:relative;overflow:hidden;border-radius:28px;aspect-ratio:1/1;background:#020304}
.pd-main img{width:100%;height:100%;object-fit:cover}
.pd-thumbs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:12px}
.pd-th{padding:0;border:0;border-radius:16px;overflow:hidden;aspect-ratio:1/1;background:#020304;opacity:.7;transition:opacity .2s}
.pd-th:hover{opacity:1}
.pd-th.is-on{opacity:1;outline:2px solid var(--lp-tx);outline-offset:3px}
.pd-th img{width:100%;height:100%;object-fit:cover}
.pd-box{display:flex;flex-direction:column;gap:20px;padding:clamp(22px,2.4vw,34px);border-radius:28px;background:var(--lp-sf)}
.pd-bul{display:flex;flex-direction:column;gap:10px}
.pd-bul li{display:grid;grid-template-columns:22px minmax(0,1fr);gap:12px;align-items:start;font-size:.98rem;color:var(--lp-tx2)}
.pd-bul .lp-ic{width:20px;height:20px;color:#020304;background:#00d6d8;border-radius:50%;padding:3px}
.pd-opt{display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:14px;align-items:center;width:100%;padding:16px 18px;border:0;border-radius:18px;background:var(--lp-bg);text-align:left;box-shadow:inset 0 0 0 1px transparent;transition:box-shadow .2s,background .2s}
.pd-opt:hover{box-shadow:inset 0 0 0 1px var(--lp-ln2)}
.pd-opt.is-on{background:var(--lp-sf);box-shadow:inset 0 0 0 2px var(--lp-tx)}
.pd-rd{width:22px;height:22px;border-radius:50%;box-shadow:inset 0 0 0 2px var(--lp-ln2);transition:all .2s}
.pd-opt.is-on .pd-rd{background:#00d6d8;box-shadow:inset 0 0 0 5px var(--lp-sf),0 0 0 2px var(--lp-tx)}
.pd-opt b{display:block;letter-spacing:-.015em}
.pd-opt small{display:block;color:var(--lp-mu);font-size:.85rem;line-height:1.4;margin-top:2px}
.pd-opt .lp-price{font-size:1.15rem;white-space:nowrap}
.pd-days{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.pd-day{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 4px;border:0;border-radius:14px;background:var(--lp-bg);font-size:.78rem;color:var(--lp-mu);transition:background .2s}
.pd-day b{font-size:1.1rem;color:var(--lp-tx);letter-spacing:-.02em}
.pd-day:hover{background:color-mix(in srgb,var(--lp-tx) 8%,var(--lp-bg))}
.pd-day.is-on{background:var(--lp-inv);color:var(--lp-inv-mu)}.pd-day.is-on b{color:var(--lp-inv-tx)}
.pd-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.pd-slot{min-height:44px;border:0;border-radius:12px;background:var(--lp-bg);font-weight:600;font-size:.95rem;transition:background .2s}
.pd-slot:hover{background:color-mix(in srgb,var(--lp-tx) 8%,var(--lp-bg))}
.pd-slot.is-on{background:#00d6d8;color:#020304}
.pd-slot.is-off{opacity:.4;text-decoration:line-through;pointer-events:none}
.pd-sec{display:flex;flex-direction:column;gap:14px;padding:18px 0 0;border-top:1px solid var(--lp-ln)}
.pd-sec li{display:grid;grid-template-columns:22px minmax(0,1fr);gap:12px;font-size:.9rem;color:var(--lp-tx2);align-items:start}
.pd-sec .lp-ic{width:20px;height:20px;color:var(--lp-at)}
.pd-trust{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}
.pd-trust li{display:flex;align-items:center;gap:12px;padding:6px 18px;border-left:1px solid var(--lp-ln);font-weight:600;font-size:.95rem;line-height:1.3}
.pd-trust li:first-child{border-left:0;padding-left:0}
.pd-trust .lp-ic{color:var(--lp-at)}
.pd-ba{display:grid;grid-template-columns:minmax(0,1fr) 56px minmax(0,1fr);gap:16px;align-items:stretch}
.pd-ba > div{display:flex;flex-direction:column;gap:12px;padding:26px;border-radius:22px}
.pd-ba ul{display:flex;flex-direction:column;gap:10px}
.pd-ba li{display:grid;grid-template-columns:22px minmax(0,1fr);gap:10px;font-size:.98rem}
.pd-arrow{display:grid;place-items:center}
.pd-arrow span{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#00d6d8}
.pd-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.pd-ben{display:flex;flex-direction:column;gap:12px;padding:28px;border-radius:24px;background:var(--lp-bg)}
.pd-vid{position:relative;overflow:hidden;border-radius:24px;aspect-ratio:16/10;background:#020304;color:#f4f6f6;isolation:isolate;display:flex;flex-direction:column;justify-content:flex-end;gap:6px;padding:24px}
.pd-vid > img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.pd-vid::before{content:"";position:absolute;inset:0;background:rgba(2,3,4,.4);z-index:-1}
.pd-play{position:absolute;top:50%;left:50%;width:72px;height:72px;margin:-36px 0 0 -36px;display:grid;place-items:center;border-radius:50%;background:#00d6d8;color:#020304}
.pd-play .lp-ic{width:28px;height:28px;fill:#020304}
.pd-cmp th:first-child,.pd-cmp td:first-child{white-space:nowrap;font-weight:600}
.pd-cmp .is-hl{background:var(--lp-bg)}
.pd-cmp thead .is-hl{box-shadow:inset 0 3px 0 #00d6d8}
@media (max-width:1000px){
  .pd-trust{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 0}
  .pd-trust li:nth-child(odd){border-left:0;padding-left:0}
  .pd-three{grid-template-columns:1fr}
  .pd-ba{grid-template-columns:1fr}
  .pd-arrow{transform:rotate(90deg);height:40px}}
@media (max-width:640px){
  .pd-days{grid-template-columns:repeat(6,minmax(54px,1fr));overflow-x:auto;scrollbar-width:none}
  .pd-box{border-radius:22px}
  .pd-opt{grid-template-columns:22px minmax(0,1fr)} .pd-opt .lp-price{grid-column:2}}

/* Zamowienie */
.zm-steps{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;padding:0 6px}
.zm-st{display:inline-flex;align-items:center;gap:10px;font-weight:600;font-size:.95rem;color:var(--lp-mu)}
.zm-st i{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--lp-sf);box-shadow:inset 0 0 0 1px var(--lp-ln);font-style:normal;font-size:.85rem}
.zm-st.is-on{color:var(--lp-tx)}.zm-st.is-on i{background:#00d6d8;box-shadow:none}
.zm-st.is-done i{background:var(--lp-inv);color:var(--lp-inv-tx);box-shadow:none}
.zm-bar{width:36px;height:1px;background:var(--lp-ln)}
@media (max-width:640px){.zm-bar{display:none}}

/* Potwierdzenie */
.po-ok{display:grid;place-items:center;width:72px;height:72px;border-radius:50%;background:#020304;color:#00d6d8}
.po-ok .lp-ic{width:34px;height:34px;stroke-width:2}

/* Logowanie */
.lg-form{display:flex;flex-direction:column;gap:18px}
.lg-form h2{font-size:clamp(26px,2.4vw,34px);font-weight:700;letter-spacing:-.035em;line-height:1.1}
.lg-b li{display:grid;grid-template-columns:22px minmax(0,1fr);gap:12px;font-size:.98rem;color:var(--lp-tx2);align-items:start}
.lg-b .lp-ic{width:20px;height:20px;color:#020304;background:#00d6d8;border-radius:50%;padding:3px}
.lg-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}

/* Szukaj */
.sz-bar{display:flex;align-items:center;gap:12px;height:64px;padding:0 10px 0 24px;border-radius:999px;background:var(--lp-bg);box-shadow:inset 0 0 0 1px var(--lp-ln)}
.sz-bar:focus-within{box-shadow:inset 0 0 0 2px var(--lp-tx)}
.sz-bar input{flex:1;min-width:0;border:0;background:none;font:inherit;font-size:1.15rem;outline:none}
.sz-bar .lp-ic{color:var(--lp-mu)}
.sz-r{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:20px;align-items:start;padding:22px 0;border-top:1px solid var(--lp-ln)}
.sz-r:first-child{border-top:0}
.sz-r img{width:72px;height:72px;border-radius:16px;object-fit:cover}
.sz-r h2{font-size:1.2rem;font-weight:600;letter-spacing:-.02em;line-height:1.3;transition:color .2s}
.sz-r:hover h2{color:var(--lp-at)}
.sz-r p{margin-top:4px;color:var(--lp-mu);font-size:.95rem}
.sz-url{margin-top:6px;font-family:'IBM Plex Mono',Consolas,monospace;font-size:.76rem;color:var(--lp-mu)}
.sz-hit{background:#f2e500;color:#020304;border-radius:4px;padding:0 2px}
@media (max-width:640px){.sz-r{grid-template-columns:56px minmax(0,1fr);gap:14px}.sz-r img{width:56px;height:56px}.sz-r .lp-tag{grid-column:2;width:fit-content}.sz-bar{height:56px}.sz-tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:-22px;padding-inline:22px}.sz-tabs .lp-chip{flex:none}}

/* Err404 */
.e4{display:flex;align-items:center;gap:clamp(8px,2vw,28px);font-size:clamp(96px,22vw,300px);font-weight:700;letter-spacing:-.07em;line-height:.9}
.e4 svg{width:.74em;height:.74em;flex:none}
.e4-l{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.e4-l a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px;border-radius:18px;background:var(--lp-bg);font-weight:600;transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s}
.e4-l a:hover{transform:translateY(-4px);box-shadow:0 24px 48px -32px var(--lp-sh)}
.e4-l .lp-ic{color:var(--lp-mu);transition:transform .25s}
.e4-l a:hover .lp-ic{transform:translateX(4px)}
@media (max-width:640px){.e4-l{grid-template-columns:1fr}}

/* Newsletter */
.nl-l{display:flex;flex-direction:column;gap:14px;list-style:none}.nl-l li{display:flex;gap:12px;align-items:flex-start}.nl-l .lp-ic{flex:none;margin-top:2px}

/* Mapa */
.mp-l{list-style:none;display:flex;flex-direction:column}.mp-l a{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 0;border-top:1px solid var(--lp-ln);font-weight:500;transition:color .2s}.mp-l li:first-child a{border-top:0}.mp-l a:hover{color:var(--lp-at)}.mp-l .lp-ic{color:var(--lp-mu);transition:transform .25s}.mp-l a:hover .lp-ic{transform:translateX(4px)}

/* Dodatki szablonów WordPressa */
.sz-bar button{flex:none}
.sz-ph{width:72px;height:72px;border-radius:16px;background:var(--lp-bg)}
.sz-hit{background:#f2e500;color:#020304;border-radius:4px;padding:0 2px}
.sz-r img{width:72px;height:72px;border-radius:16px;object-fit:cover}
.sz-r .lp-ic{color:var(--lp-mu);margin-top:6px}
.fl-lead p{margin:0;font-size:clamp(20px,1.8vw,24px);color:var(--lp-tx2);max-width:58ch}
.fl-lead strong{font-weight:700;color:var(--lp-tx)}
.fl-p p{margin:0}
.doc-contact{background:var(--lp-sf)}
.pj-body.lp-art{font-size:1.1rem}
.om-body .story-image{margin:6px 0 0}
.om-body .story-image img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:22px}
.om-body .story-image figcaption{margin-top:8px;font-size:.86rem;color:var(--lp-mu)}
.art-body > .lp-tldr{margin-bottom:clamp(24px,3.2vw,32px)}
/* wprowadzenie: spokojny blok redakcyjny, bez karty i poświaty */
.art-lead,
.art-body > p:first-child{margin:0 0 clamp(32px,4vw,44px);padding:clamp(18px,2.2vw,24px) 0;border-top:1px solid var(--lp-tx);border-bottom:1px solid var(--lp-ln);font-size:clamp(1.12rem,1.3vw,1.25rem);line-height:1.65;font-weight:400;letter-spacing:-.01em;color:var(--lp-tx)}
.art-lead::before,
.art-body > p:first-child::before{content:"Wprowadzenie";display:block;margin:0 0 12px;font:500 .72rem/1 'IBM Plex Mono',Consolas,monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--lp-mu)}
html[lang="en"] .art-lead::before,
html[lang="en-US"] .art-lead::before,
html[lang="en"] .art-body > p:first-child::before,
html[lang="en-US"] .art-body > p:first-child::before{content:"Introduction"}
@media (max-width:640px){
  .art-lead,
  .art-body > p:first-child{padding:16px 0;font-size:1.04rem;line-height:1.6;margin-bottom:28px}
}
.art-body ol{list-style:decimal}
.art-body img{border-radius:18px}
.pd-four{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 28px}
.pd-four li{grid-template-columns:1fr;gap:10px;border-top:2px solid #020304}
.pd-prose{color:var(--lp-tx2);font-size:1rem;line-height:1.6}
.pd-prose ul{list-style:disc;padding-left:1.2em}
.pd-prose p + p{margin-top:.7em}
.pd-nophoto{display:grid;place-items:center;min-height:340px;background:var(--lp-sf);border-radius:28px}
.pd-cmp th a{color:inherit}
.pd-cmp th.is-me{background:#00d6d8;color:#020304}
.product-mobile-bar{display:none}
@media (max-width:1000px){
  .pd-four{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
  .product-mobile-bar{position:fixed;left:0;right:0;bottom:0;z-index:25;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--lp-sf) 94%,transparent);backdrop-filter:blur(14px);border-top:1px solid var(--lp-ln);transform:translateY(110%);transition:transform .3s}
  .product-mobile-bar.is-on{transform:none}
  .product-mobile-bar .lp-price{font-size:1.3rem}}
@media (max-width:640px){.pd-four{grid-template-columns:1fr}}

/* komentarze WordPressa */
.comments-area .comment-list{list-style:none;display:flex;flex-direction:column;gap:14px;margin:6px 0 10px}
.comments-area .children{list-style:none;margin:14px 0 0 clamp(12px,3vw,28px);display:flex;flex-direction:column;gap:14px}
.comments-area .comment-body{padding:18px 20px;border-radius:18px;background:var(--lp-bg);font-size:.98rem}
.comments-area .comment-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin-bottom:8px}
.comments-area .comment-author{display:flex;align-items:center;gap:10px;font-weight:600}
.comments-area .comment-author img{border-radius:50%;width:40px;height:40px}
.comments-area .comment-author .says{display:none}
.comments-area .comment-metadata{font-size:.8rem;color:var(--lp-mu)}
.comments-area .comment-metadata a{color:inherit}
.comments-area .comment-content p{margin:0 0 .6em}
.comments-area .reply a{font-weight:600;color:var(--lp-at);font-size:.88rem}
.comments-area .comment-respond{display:flex;flex-direction:column;gap:14px;margin-top:10px}
.comments-area .comment-form{display:flex;flex-direction:column;gap:14px}
.comments-area .comment-reply-title{font-size:1.2rem;letter-spacing:-.02em}
.comments-area .comment-reply-title small{margin-left:10px;font-size:.85rem}
.comments-area textarea.lp-in{height:auto;min-height:130px;padding:14px 18px;line-height:1.5}
.comments-area .comment-form-url{display:flex}
.comments-area .comment-awaiting-moderation{font-size:.88rem;color:var(--lp-mu)}
.page-links{display:flex;gap:8px;margin-top:1.4em}
.lp-share .is-done{background:#00d6d8;color:#020304}

/* telefon: okładki z tekstem niższe (zdjęcie nie może zajmować całego ekranu) */
@media (max-width:640px){
  .lp-cover{min-height:340px}
  .om-cover{min-height:360px}
  .pj-cover {min-height:360px}
  .fl-cover {min-height:340px}}

/* AI News: źródła jako karty linków */
.we-src{display:flex;flex-direction:column;gap:10px;margin-top:16px}
.we-src__l{font-family:'IBM Plex Mono',Consolas,monospace;font-size:.74rem;letter-spacing:.06em;text-transform:uppercase;color:var(--lp-mu)}
.we-src__list{display:flex;flex-direction:column;gap:8px}
.we-src__a{display:grid;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--lp-ln);border-radius:16px;background:var(--lp-sf);color:var(--lp-tx);transition:border-color .2s,background .2s}
.we-src__a:hover{border-color:var(--lp-at)}
.we-src__a > .lp-ic{width:36px;height:36px;padding:9px;border-radius:50%;background:color-mix(in srgb,#8f5bff 14%,transparent);color:var(--lp-at)}
.we-src__a span{display:flex;flex-direction:column;gap:2px;min-width:0}
.we-src__a b{font-size:.95rem;line-height:1.35;font-weight:600;overflow-wrap:anywhere}
.we-src__a small{font-size:.8rem;color:var(--lp-mu)}

/* strony usług (page-usluga.php) */
.sv-ic{display:inline-grid;place-items:center;width:56px;height:56px;border-radius:18px;background:var(--cc);color:#020304}
.sv-ic .lp-ic{width:26px;height:26px}
.sv-ic--sm{width:40px;height:40px;border-radius:12px}
.sv-ic--sm .lp-ic{width:20px;height:20px}
.sv-fig{overflow:hidden;border-radius:28px;background:#020304;min-height:100%}
.sv-fig img{width:100%;height:100%;min-height:320px;object-fit:cover}
.sv-lead > p:first-child{font-size:1.25rem;line-height:1.6;color:var(--lp-tx)}
.sv-body ul,.sv-body ol{margin:0}
.sv-body li{margin-bottom:.55em}
.sv-other{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.sv-other a{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:14px;padding:12px 16px 12px 12px;border-radius:18px;background:var(--lp-bg);font-weight:600;transition:background .2s,box-shadow .2s}
.sv-other a:hover{background:var(--lp-sf);box-shadow:inset 0 0 0 1px var(--lp-ln)}
@media (max-width:1000px){.sv-other{grid-template-columns:1fr}}
@media (max-width:640px){.sv-fig img{min-height:0;aspect-ratio:16/10}.sv-lead > p:first-child{font-size:1.1rem}}

/* karta produktu — uzupełnienia do sekcji z kanwy */
.pd-bul--y .lp-ic{background:#f2e500}
.pd-ba li .lp-ic{width:20px;height:20px;color:var(--lp-mu)}
.pd-ba .pd-ba__ok .lp-ic{color:#00d6d8}
.pd-arrow .lp-ic{color:#020304}
.pd-mech{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
.pd-proj{background:var(--lp-bg);padding:16px;border-radius:24px}
.pd-days{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 40px)/6);overflow-x:auto;scrollbar-width:none;scroll-snap-type:x mandatory}
.pd-days::-webkit-scrollbar{display:none}
.pd-day{scroll-snap-align:start}
.pd-days [data-days-status]{grid-column:1/-1;align-self:center}
.lp-pb.is-off{opacity:.45;cursor:not-allowed}
.product-mobile-bar [data-bar-cta]{white-space:nowrap}
@media (max-width:1000px){.pd-mech{grid-template-columns:1fr}}
@media (max-width:640px){.pd-days{grid-auto-columns:minmax(58px,1fr)}}
/* karta autora w siatce opinii: wysokość z wiersza, nie z proporcji (inaczej aspect-ratio poszerza ją ponad kolumnę) */
.d240-product .pd-vid{aspect-ratio:auto;min-height:340px;text-decoration:none}
.pd-proj .lp-card__im{aspect-ratio:16/10}

/* Pudełko „Google · Twoje źródła”, sekcja źródeł wpisu i ciągły feed artykułów */
.d240-gsrc{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px 22px;margin:2.2em 0 0;padding:22px 26px 22px 32px;border-radius:24px;background:linear-gradient(#00d6d8 0 33.4%,#f2e500 0 66.7%,#8f5bff 0) left/8px 100% no-repeat,#020304;color:#f4f6f6}
.d240-gsrc__logo{display:grid;place-items:center;width:52px;height:52px;border-radius:12px;background:#fff}
.d240-gsrc__logo .lp-logo svg{width:30px;height:30px}
.d240-gsrc__tx{display:flex;flex-direction:column;gap:6px;min-width:0}
.d240-gsrc__tx .lp-mono{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:rgba(244,246,246,.62)}
.d240-gsrc__tx b{font-size:clamp(1.05rem,1.7vw,1.35rem);line-height:1.25;letter-spacing:-.02em;color:#f4f6f6}
.d240-gsrc .lp-pb{white-space:nowrap}
@media (max-width:760px){.d240-gsrc{grid-template-columns:auto minmax(0,1fr);padding:20px 20px 20px 26px}.d240-gsrc .lp-pb{grid-column:1 / -1;justify-self:start}}
.d240-sources{display:flex;flex-direction:column;gap:10px;margin:2.2em 0 0;padding-top:20px;border-top:1px solid var(--lp-ln)}
.d240-feed{display:flex;flex-direction:column;gap:clamp(36px,5vw,64px)}
.d240-feed__head{display:flex;align-items:center;gap:16px;margin-top:clamp(36px,5vw,64px);padding-top:clamp(24px,3vw,40px);border-top:1px solid var(--lp-ln)}
.d240-feed__head span{font-family:'IBM Plex Mono',Consolas,monospace;font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;color:var(--lp-mu)}
.d240-feed__end{height:1px}