/* page.css - podstrony poza stronami uslug: dokumenty (page.php), strony WooCommerce (woocommerce.php),
   blog, kontakt, O mnie, bezplatna wycena i realizacje. Ladowany tylko tam (inc/enqueue.php:
   sarnetski_subpage_templates), jako zwykly (blokujacy) arkusz. Hero podstron jest w critical.css.
   Tokeny z critical.css :root. */

.page-default{padding-bottom:var(--section-y,80px)}

/* ===== Strony WooCommerce (koszyk, zamowienie, konto) - jasny naglowek bez hero ===== */
.page-default__article{padding-top:var(--sp-3,24px)}
.page-default__header{background:var(--surface,#f5f7f6);border-radius:var(--wide-radius,20px);padding:clamp(28px,4vw,56px) clamp(20px,4vw,56px);margin-bottom:var(--sp-4,40px)}
.page-default__title{font-size:clamp(2rem,3.4vw,3rem);font-weight:800;color:var(--accent-dark,#1e3932);letter-spacing:-.02em;line-height:1.15;overflow-wrap:anywhere}
.page-default__content{padding-inline:clamp(0px,2vw,24px)}
.page-default__content:focus{outline:none}

/* ===== Strona z trescia na cala szerokosc (np. wtyczka audytu) ===== */
.page-wide{padding-top:clamp(20px,2.4vw,32px)}
/* Strona bez hero (darmowy audyt): okruszki nad pierwsza sekcja, H1 w formularzu wtyczki */
.page-crumbs{padding-top:clamp(20px,2.4vw,32px);font-size:.75rem;line-height:1.4;color:var(--text-muted,#5c6b64)}
.page-crumbs a{color:var(--text-muted,#5c6b64);text-decoration:none;transition:color .2s var(--ease)}
.page-crumbs a:hover{color:var(--accent-dark,#1e3932)}
.page-crumbs .breadcrumb_last{color:var(--text,#1a1a1a);font-weight:500}
.page-crumbs + .page-wide{padding-top:12px}
.page-wide h1.ssa-contact__title{font-size:clamp(1.9rem,3.2vw,2.75rem)}
/* ===== Dokument: tresc + przyklejony spis tresci i karta kontaktu ===== */
.page-doc{padding-top:clamp(32px,4vw,56px)}
.page-doc__main{min-width:0}
.page-doc--toc{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:clamp(32px,5vw,80px);align-items:start}
.page-doc__side{position:sticky;top:calc(var(--header-h,72px) + 24px);display:flex;flex-direction:column;gap:16px}
.page-doc__toc{background:var(--surface,#f5f7f6);border:1px solid var(--border,#e4e9e7);border-radius:var(--r-md,20px);padding:20px 16px 16px}
.page-doc__toc-title{margin:0 8px 10px;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted,#5c6b64)}
.page-doc__toc ol,.page-doc__toc-m ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.page-doc__toc ol{max-height:calc(100vh - var(--header-h,72px) - 300px);overflow:auto;overscroll-behavior:contain}
.page-doc__toc a,.page-doc__toc-m a{display:block;padding:7px 10px;border-radius:10px;font-size:.875rem;line-height:1.4;color:var(--text,#1a1a1a);transition:background .2s var(--ease),color .2s var(--ease)}
.page-doc__toc a:hover,.page-doc__toc-m a:hover{background:#fff;color:var(--accent-dark,#1e3932)}
.page-doc__toc-m,.page-doc__help-m{display:none}
.page-doc__toc-m{background:var(--surface,#f5f7f6);border:1px solid var(--border,#e4e9e7);border-radius:14px;margin-bottom:28px}
.page-doc__toc-m summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;padding:0 18px;font-weight:700;color:var(--accent-dark,#1e3932);cursor:pointer;list-style:none}
.page-doc__toc-m summary::-webkit-details-marker{display:none}
.page-doc__toc-m summary::after{content:"";width:10px;height:10px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-3px);transition:transform .2s var(--ease)}
.page-doc__toc-m[open] summary::after{transform:rotate(-135deg) translateY(-2px)}
.page-doc__toc-m ol{padding:0 8px 12px}
.page-doc__help-m{margin-top:32px}

/* Karta "Masz pytania?" (ciemna, jak karta osoby w sekcji kontaktu) */
.doc-help{display:flex;flex-direction:column;gap:12px;background:var(--accent-dark,#1e3932);color:#fff;border-radius:var(--r-md,20px);padding:22px 22px 20px}
.doc-help__title{margin:0 0 2px;font-size:1rem;font-weight:800;line-height:1.3}
.doc-help__link{display:flex;align-items:center;gap:10px;color:#fff;font-weight:700;font-size:.9375rem;line-height:1.3;overflow-wrap:anywhere}
.doc-help__link:hover{color:var(--accent,#01df9d)}
.doc-help__link svg,.doc-help__hours svg{flex:0 0 auto;color:var(--accent,#01df9d)}
.doc-help__hours{display:flex;align-items:flex-start;gap:10px;margin:0;font-size:.8125rem;line-height:1.45;color:rgba(255,255,255,.72)}
.doc-help :focus-visible{outline-color:var(--accent,#01df9d)}

/* ===== Tresc redakcyjna (dokumenty, wpisy bloga) ===== */
.entry-content{max-width:78ch;font-size:var(--fs-md,1.0625rem);line-height:1.75;color:var(--text,#1a1a1a)}
.entry-content > * + *{margin-top:1em}
.entry-content > :first-child{margin-top:0}
.entry-content h2{font-size:clamp(1.5rem,2.4vw,2rem);font-weight:800;color:var(--accent-dark,#1e3932);margin-top:1.8em;letter-spacing:-.01em;line-height:1.2}
.entry-content h3{font-size:var(--fs-h3,1.375rem);font-weight:700;margin-top:1.5em;color:var(--accent-dark,#1e3932)}
.entry-content h4{font-size:1.125rem;font-weight:700;margin-top:1.4em;color:var(--text,#1a1a1a);line-height:1.35}
.entry-content h2 + *,.entry-content h3 + *,.entry-content h4 + *{margin-top:.6em}
/* Wideo YouTube (blok osadzenia): 16:9 bez polegania na CSS bloków WordPressa */
.entry-content .wp-block-embed{margin-block:1.6em}
.entry-content .wp-block-embed__wrapper{position:relative;aspect-ratio:16 / 9;border-radius:var(--r-sm,12px);overflow:hidden;background:#10231e}
.entry-content .wp-block-embed__wrapper iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.entry-content li > figure,.entry-content li > img,.entry-content li > .wp-block-image{margin-top:.8em}
/* Fasada filmu (inc/embeds.php): miniatura 16:9 z przyciskiem, odtwarzacz po kliknieciu */
.yt-facade-wrap{margin-block:1.6em}
.yt-facade,.yt-facade__frame{position:relative;display:block;width:100%;aspect-ratio:16 / 9;border:0;border-radius:var(--r-sm,12px);overflow:hidden;background:#10231e}
.entry-content .yt-facade img,.yt-facade img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;border-radius:0;transition:transform .3s var(--ease)}
.yt-facade::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(16,35,30,0) 45%,rgba(16,35,30,.75))}
.yt-facade__play{position:absolute;left:50%;top:50%;z-index:1;width:72px;height:72px;margin:-36px 0 0 -36px;border-radius:50%;background:var(--accent,#01df9d);box-shadow:0 10px 30px rgba(0,0,0,.25);transition:transform .2s var(--ease)}
.yt-facade__play::before{content:"";position:absolute;left:29px;top:22px;border-style:solid;border-width:14px 0 14px 22px;border-color:transparent transparent transparent var(--accent-dark,#1e3932)}
.yt-facade__label{position:absolute;left:18px;bottom:14px;z-index:1;color:#fff;font-size:.9375rem;font-weight:700;text-decoration:none}
.entry-content a.yt-facade{text-decoration:none}
.yt-facade:hover img{transform:scale(1.03)}
.yt-facade:hover .yt-facade__play{transform:scale(1.08)}
.yt-facade:focus-visible{outline:3px solid var(--accent,#01df9d);outline-offset:3px}
.entry-content a{color:var(--accent-ink,#017a56);text-decoration:underline;text-underline-offset:2px}
.entry-content a:hover{color:var(--accent-dark,#1e3932)}
.entry-content ul{list-style:disc;padding-left:1.4em}
.entry-content ol{list-style:decimal;padding-left:1.6em}
.entry-content li + li{margin-top:.4em}
.entry-content li::marker{color:var(--accent-ink,#017a56);font-weight:700}
.entry-content li > ul,.entry-content li > ol{margin-top:.4em}
.entry-content strong{font-weight:700}
.entry-content blockquote{border-left:4px solid var(--accent,#01df9d);padding:.25em 0 .25em 1.1em;color:var(--text-sub,#4a5a54)}
.entry-content table{width:100%;border-collapse:collapse;font-size:var(--fs-sm,.9375rem)}
.entry-content th,.entry-content td{border:1px solid var(--border,#e4e9e7);padding:.6em .8em;text-align:left;vertical-align:top}
.entry-content th{background:var(--surface,#f5f7f6);font-weight:700}
.entry-content img{height:auto;border-radius:var(--r-sm,12px)}
.entry-content figure{margin-block:1.6em}
.entry-content figcaption{margin-top:.5em;font-size:var(--fs-xs,.8125rem);color:var(--text-muted,#5c6b64)}
.entry-content code{font-size:.9em;background:var(--surface,#f5f7f6);border:1px solid var(--border,#e4e9e7);border-radius:6px;padding:.1em .35em}
.entry-content pre{overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;background:#10231e;color:#e8f5ef;border-radius:var(--r-sm,12px);padding:1em 1.2em;font-size:.9375rem;line-height:1.6}
.entry-content pre code{background:none;border:0;padding:0;color:inherit}
/* Dokument: kazdy rozdzial (H2) oddzielony linia, jak paragrafy regulaminu */
.page-doc__body h2{padding-top:1.4em;border-top:1px solid var(--border,#e4e9e7);scroll-margin-top:calc(var(--header-h,72px) + 16px)}
.page-doc__body > h2:first-child{padding-top:0;border-top:0}
.page-doc__body .doc-intro{font-size:var(--fs-lg,1.25rem);line-height:1.6;color:var(--text-sub,#4a5a54)}
.page-doc__body .doc-note{display:flex;gap:10px;align-items:flex-start;padding:14px 16px;border-radius:12px;background:var(--surface,#f5f7f6);border:1px solid var(--border,#e4e9e7);font-size:var(--fs-sm,.9375rem);line-height:1.6}
.page-default__pages{margin-top:var(--sp-4,40px);font-weight:600}

/* ===== WooCommerce: koszyk, zamowienie, konto, sklep - bloki maja wlasne style, tu tylko rytm i kolory ===== */
.page-default--woo .page-default__content{max-width:none}
.page-default--woo .wc-block-components-button:not(.is-link),
.page-default--woo a.button,
.page-default--woo button.button{background:var(--accent-dark,#1e3932);color:#fff;border-radius:var(--r-pill,999px);font-weight:600}
.page-default--woo .wc-block-components-button:not(.is-link):hover,
.page-default--woo a.button:hover,
.page-default--woo button.button:hover{background:#15302a;color:#fff}
/* Domyslny kolor ceny WooCommerce (#958e09) ma za niski kontrast na bieli. */
.page-default--woo .price,.page-default--woo .price ins{color:var(--accent-dark,#1e3932)}
.page-default--woo .woocommerce-MyAccount-navigation ul{list-style:none;padding:0}
.page-default--woo .woocommerce-MyAccount-navigation a{color:var(--accent-ink,#017a56);text-decoration:underline;text-underline-offset:2px}
.page-default--woo ul.products{list-style:none}
.page-default--woo .wp-block-woocommerce-empty-cart-block p{max-width:60ch;margin:var(--sp-2,16px) auto 0;color:var(--text-sub,#4a5a54)}
.page-default--woo .wp-block-woocommerce-empty-cart-block a{color:var(--accent-ink,#017a56);text-decoration:underline;text-underline-offset:2px}

/* ===== Kontakt: dane firmy, profile i skroty ===== */
.contact-data__box{background:var(--surface,#f5f7f6);border-radius:20px;padding:clamp(2rem,4vw,3.5rem)}
.contact-data__head{max-width:46rem;margin-bottom:2rem}
/* Kontakt (2026-10-02): H1 w formularzu zamiast hero; "Kto stoi za strona" ze zdjeciem, opisem i liczbami. */
.svc-contact .svc-contact__title.svc-contact__title--h1{font-size:clamp(1.75rem,3vw,2.5rem);line-height:1.15}
.brief__main .svc-contact__lead{margin-bottom:1.1rem}
.page-crumbs + .svc-contact{padding-top:clamp(.75rem,1.6vw,1.25rem)}
.contact-data__person{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:clamp(1.5rem,4vw,3.5rem);align-items:center;margin-bottom:clamp(1.75rem,3vw,2.5rem)}
.contact-data__photo{display:block;width:100%;height:auto;aspect-ratio:678 / 620;object-fit:cover;border-radius:20px;background:#e9efec}
.contact-data__about .contact-data__lead{max-width:46rem}
.contact-data__stats{list-style:none;margin:1.5rem 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}
.contact-data__stats li{background:#fff;border:1px solid var(--border,#e4e9e7);border-radius:14px;padding:1rem 1.1rem}
.contact-data__stats strong{display:block;font-size:clamp(1.35rem,2.2vw,1.75rem);font-weight:800;line-height:1.1;letter-spacing:-.02em;color:var(--accent-dark,#1e3932)}
.contact-data__stats span{display:block;margin-top:.3rem;font-size:.875rem;line-height:1.45;color:var(--text-sub,#4a5a54)}
.contact-data__actions{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;margin-top:1.5rem}
.contact-data__reviews{display:inline-flex;align-items:center;gap:8px;font-size:.9375rem;font-weight:700;color:var(--text,#1a1a1a);text-decoration:underline;text-underline-offset:3px}
/* "Wiesz juz, czego potrzebujesz?": duze karty z tytulem, opisem i przyciskiem; pierwsza (wycena) wyrozniona. */
.contact-routes__head{max-width:46rem;margin-bottom:1.5rem}
.contact-routes__head .contact-routes__title{margin:0}
.contact-routes__lead{margin:.5rem 0 0;font-size:var(--fs-md,1.0625rem);line-height:1.6;color:var(--text-sub,#4a5a54)}
.contact-route{display:flex;flex-direction:column;gap:.6rem;min-height:100%;padding:clamp(1.5rem,2.5vw,2rem);border-radius:20px;background:#fff;border:1px solid var(--border,#e4e9e7);color:var(--text,#1a1a1a);text-decoration:none;transition:transform .2s var(--ease),box-shadow .2s var(--ease),border-color .2s var(--ease)}
.contact-route:hover{transform:translateY(-3px);border-color:var(--accent-dark,#1e3932);box-shadow:0 16px 36px rgba(30,57,50,.12)}
.contact-route__ico{display:flex;align-items:center;justify-content:center;width:52px;height:52px;margin-bottom:.4rem;border-radius:14px;background:var(--accent,#01df9d);color:var(--accent-dark,#1e3932)}
.contact-route__title{font-size:clamp(1.15rem,1.6vw,1.375rem);font-weight:800;line-height:1.25;letter-spacing:-.01em}
.contact-route__text{flex:1 1 auto;font-size:1rem;line-height:1.6;color:var(--text-sub,#4a5a54)}
.contact-route__go{display:inline-flex;align-items:center;gap:10px;margin-top:.6rem;font-size:.9375rem;font-weight:800;color:var(--accent-dark,#1e3932)}
.contact-route__arrow{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:var(--accent-dark,#1e3932);color:#fff;transition:transform .2s var(--ease)}
.contact-route:hover .contact-route__arrow{transform:translateX(3px)}
.contact-route--main{background:var(--accent-dark,#1e3932);border-color:var(--accent-dark,#1e3932);color:#fff}
.contact-route--main .contact-route__text{color:rgba(255,255,255,.82)}
.contact-route--main .contact-route__go{color:#fff}
.contact-route--main .contact-route__arrow{background:var(--accent,#01df9d);color:var(--accent-dark,#1e3932)}
.contact-route:focus-visible{outline:3px solid var(--accent,#01df9d);outline-offset:3px}
@media(max-width:991px){.contact-data__person{grid-template-columns:minmax(0,1fr)}.contact-data__photo{max-width:420px}.contact-data__stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
.contact-data__title{margin:0;font-size:clamp(1.5rem,2.6vw,2.25rem);font-weight:800;line-height:1.2;letter-spacing:-.02em;color:var(--text,#1a1a1a)}
.contact-data__lead{margin:.6rem 0 0;font-size:var(--fs-md,1.0625rem);line-height:1.6;color:var(--text-sub,#4a5a54)}
.contact-data__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
.contact-data__cell{background:#fff;border:1px solid var(--border,#e4e9e7);border-radius:14px;padding:1.4rem 1.4rem 1.5rem}
.contact-data__ico{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:var(--accent,#01df9d);color:var(--accent-dark,#1e3932);margin-bottom:1rem}
.contact-data__cell h3{margin:0 0 .4rem;font-size:1rem;font-weight:800;color:var(--text,#1a1a1a)}
.contact-data__cell p{margin:0;font-size:.9375rem;line-height:1.6;color:var(--text-sub,#4a5a54)}
.contact-data__social{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1rem;margin-top:1.75rem}
.contact-data__social-label{font-size:.875rem;font-weight:700;color:var(--text,#1a1a1a)}
.contact-social{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}
.contact-social a{display:inline-flex;align-items:center;min-height:40px;padding:.4rem 1rem;border-radius:999px;background:#fff;border:1px solid var(--border,#e4e9e7);font-size:.875rem;font-weight:600;color:var(--accent-dark,#1e3932);transition:border-color .2s var(--ease),background .2s var(--ease)}
.contact-social a:hover{border-color:var(--accent-dark,#1e3932)}
.contact-routes{padding-top:clamp(2.5rem,4vw,4rem)}
.contact-routes__title{margin:0 0 1.25rem;font-size:clamp(1.35rem,2.2vw,1.875rem);font-weight:800;line-height:1.25;color:var(--text,#1a1a1a)}
.contact-routes__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}

/* ===== Blog: lista, karty, wpis ===== */
.blog-list{padding-top:clamp(2rem,3.5vw,3.5rem)}
.blog-grid--list{grid-template-columns:repeat(3,minmax(0,1fr))}
.post-card__cat{margin:0;font-size:.6875rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-ink,#017a56)}
.post-card__title--full{-webkit-line-clamp:3;font-size:1.125rem}
.post-card__media-fallback{display:flex;align-items:flex-end;padding:1.1rem 1.25rem}
.post-card__fallback-cat{font-size:1.5rem;font-weight:900;letter-spacing:-.02em;line-height:1;color:rgba(255,255,255,.14)}
.blog-list__empty{padding:1.5rem;border-radius:14px;background:var(--surface,#f5f7f6)}
.blog-pagination{margin-top:2rem}
.blog-pagination ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}
.blog-pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 .75rem;border-radius:999px;border:1px solid var(--border,#e4e9e7);background:#fff;font-weight:700;color:var(--text,#1a1a1a)}
.blog-pagination a.page-numbers:hover{border-color:var(--accent-dark,#1e3932)}
.blog-pagination .page-numbers.current{background:var(--accent-dark,#1e3932);border-color:var(--accent-dark,#1e3932);color:#fff}
.blog-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.25rem 2rem;margin-top:clamp(2rem,4vw,3.5rem);padding:clamp(1.5rem,3vw,2.25rem) clamp(1.5rem,3vw,2.5rem);border-radius:20px;background:var(--accent-dark,#1e3932);color:#fff}
.blog-cta__title{margin:0 0 .35rem;font-size:clamp(1.25rem,2vw,1.625rem);font-weight:800;line-height:1.25}
.blog-cta__lead{margin:0;max-width:60ch;font-size:.9375rem;line-height:1.6;color:rgba(255,255,255,.78)}
.blog-cta :focus-visible{outline-color:var(--accent,#01df9d)}
.search-box{padding-top:clamp(1.5rem,3vw,2.5rem)}
.search-box__form{max-width:640px}
/* ===== Wpis na blogu (przebudowa 2026-10-03, uwagi Szymona: "to ma byc na cala szerokosc", "hero totalnie nie pasuje",
   "za duzo wolnej przestrzeni po prawej", bannerki CTA). Jasny naglowek jak case study, film po prawej; tresc na cala
   szerokosc: od 1600 px spis tresci | tresc | karta CTA, 1200-1599 px tresc | kolumna (spis tresci + CTA). ===== */
.post-hero{padding-top:clamp(1rem,2vw,1.5rem)}
.post-hero__box{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);align-items:center;gap:clamp(1.5rem,4vw,4rem);padding:clamp(1.75rem,3.6vw,3.5rem);border-radius:28px;background:radial-gradient(60% 80% at 82% 42%,rgba(1,223,157,.26) 0%,rgba(1,223,157,0) 62%),linear-gradient(160deg,#f7fbf9 0%,#eefaf4 55%,#e1f6ec 100%)}
.post-hero__box::before,.post-hero__box::after,.blog-hero__box::before,.blog-hero__box::after{content:"";position:absolute;z-index:-1;border-radius:50%;pointer-events:none}
.post-hero__box::before,.blog-hero__box::before{right:-10%;top:-38%;width:56%;aspect-ratio:1;border:1px solid rgba(1,122,86,.13)}
.post-hero__box::after,.blog-hero__box::after{right:6%;bottom:-52%;width:42%;aspect-ratio:1;border:1px solid rgba(1,122,86,.1)}
.post-hero__box--text{grid-template-columns:minmax(0,1fr)}
.post-hero .usluga-crumbs,.post-hero .usluga-crumbs a,.post-hero .usluga-crumbs span,.blog-hero .usluga-crumbs,.blog-hero .usluga-crumbs a,.blog-hero .usluga-crumbs span{color:var(--text-muted,#5c6b64)}
.post-hero .usluga-crumbs,.blog-hero .usluga-crumbs{margin-bottom:1.1rem}
.post-hero .usluga-crumbs a:hover,.blog-hero .usluga-crumbs a:hover{color:var(--accent-ink,#017a56)}
.post-hero .usluga-crumbs .breadcrumb_last,.blog-hero .usluga-crumbs .breadcrumb_last{color:var(--text-sub,#4a5a54);font-weight:600}
.post-hero__chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 1rem}
a.cs-chip{text-decoration:none;transition:border-color .2s var(--ease)}
a.cs-chip:hover{border-color:var(--accent-ink,#017a56)}
.post-hero__title{margin:0;font-size:clamp(1.75rem,2.9vw,2.75rem);font-weight:800;line-height:1.12;letter-spacing:-.025em;color:var(--accent-dark,#1e3932)}
.post-hero__lead{margin:1rem 0 0;font-size:clamp(1rem,1.2vw,1.125rem);line-height:1.7;color:var(--text-sub,#4a5a54)}
.post-hero__lead a{color:var(--accent-ink,#017a56);font-weight:700}
.post-hero__author{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid rgba(30,57,50,.1)}
.post-hero__author img{flex:0 0 auto;width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid var(--accent,#01df9d)}
.post-hero__who{display:flex;flex-direction:column;margin:0;line-height:1.35}
.post-hero__who strong{font-size:.9375rem;color:var(--text,#1a1a1a)}
.post-hero__who span{font-size:.8125rem;color:var(--text-muted,#5c6b64)}
.post-hero__date{margin:0 0 0 auto;font-size:.8125rem;color:var(--text-sub,#4a5a54)}
.post-hero__media{position:relative;margin:0}
.post-hero__media .yt-facade-wrap,.post-hero__media .post-cover{margin:0}
.post-hero__media .yt-facade,.post-hero__media .post-cover img{border-radius:18px;box-shadow:0 26px 56px rgba(30,57,50,.22),0 0 0 6px rgba(255,255,255,.75)}
.post-cover img{display:block;width:100%;height:auto;border-radius:var(--r-sm,12px)}

.post-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(2rem,3.5vw,3.5rem);align-items:start;padding-top:clamp(2rem,3.5vw,3rem)}
.post-toc,.post-side{display:none}
.post-main{min-width:0}
.post-main > .page-doc__toc-m{display:block}
.post-main .entry-content,.post-main .post-author{max-width:none}
.post-body{font-size:1.0625rem}
.post-side__toc ol{max-height:min(40vh,360px)}
@media(min-width:1200px){
  .post-layout{grid-template-columns:minmax(0,1fr) 340px}
  .post-side{display:flex;flex-direction:column;gap:16px;position:sticky;top:calc(var(--header-h,72px) + 24px)}
  .post-main > .page-doc__toc-m{display:none}
  .post-body{font-size:1.125rem;line-height:1.8}
}
@media(min-width:1600px){
  .post-layout{grid-template-columns:minmax(250px,1fr) minmax(0,1080px) minmax(300px,1fr)}
  .post-toc{display:flex;flex-direction:column;gap:16px;position:sticky;top:calc(var(--header-h,72px) + 24px);width:100%;max-width:400px;justify-self:end}
  .post-side{width:100%;max-width:420px}
  .post-side__toc{display:none}
}

/* Banery CTA we wpisie (inc/post-cta.php): ciemny baner w tresci i biala karta w kolumnie bocznej. */
.post-cta{color:var(--text,#1a1a1a)}
.post-cta p,.entry-content .post-cta p{margin:0}
.post-cta__media{display:flex;align-items:center;justify-content:center;aspect-ratio:1;overflow:hidden;border-radius:16px;background:radial-gradient(80% 80% at 50% 30%,#ffffff 0%,#effdf7 60%,#d6f8ea 100%)}
.post-cta__media img{display:block;width:100%;height:100%;max-width:none;object-fit:contain;border-radius:0;transition:transform .4s var(--ease)}
.post-cta--photo .post-cta__media img{object-fit:cover;object-position:50% 8%}
.post-cta--report .post-cta__media img{object-fit:cover;object-position:0 0}
/* Okladka kursu ma ciemne tlo marki: pole wokol w tym samym kolorze (w karcie bocznej 16:10 okladka jest kwadratem) */
.post-cta--cover .post-cta__media{background:radial-gradient(90% 90% at 70% 0%,#21674f 0%,#0d2a23 60%,#07271c 100%)}
.post-cta:hover .post-cta__media img{transform:scale(1.04)}
.post-cta__kicker{font-size:.6875rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-ink,#017a56)}
.post-cta .post-cta__title{margin-top:.35rem;font-size:clamp(1.2rem,1.8vw,1.5rem);font-weight:800;line-height:1.25;letter-spacing:-.01em}
.post-cta__title a,.entry-content .post-cta__title a{color:inherit;text-decoration:none}
.post-cta .post-cta__text{margin-top:.5rem;font-size:.9375rem;line-height:1.6;color:var(--text-sub,#4a5a54)}
.post-cta__meta,.entry-content .post-cta__meta{display:flex;flex-wrap:wrap;gap:6px;margin:.75rem 0 0;padding:0;list-style:none}
.post-cta__meta li,.entry-content .post-cta__meta li{margin:0;padding:4px 10px;border-radius:999px;background:var(--surface,#f5f7f6);font-size:.75rem;font-weight:700;line-height:1.4;color:var(--text-sub,#4a5a54)}
.post-cta__meta li::before,.post-cta__meta li::marker{content:none}
.post-cta .post-cta__price{margin-top:.75rem;font-size:1rem;font-weight:800;color:var(--accent-dark,#1e3932)}
.post-cta__buttons{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;margin-top:1.1rem}
.entry-content .post-cta a.btn{text-decoration:none}
.post-cta__second{font-size:.875rem;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.post-cta--inline{display:grid;grid-template-columns:clamp(150px,18vw,220px) minmax(0,1fr);gap:clamp(1.25rem,2.5vw,2rem);align-items:center;margin:2.75rem 0;padding:clamp(1.1rem,2.2vw,1.6rem);border-radius:24px;background:radial-gradient(70% 120% at 0% 0%,rgba(1,223,157,.2),rgba(1,223,157,0) 60%),var(--accent-dark,#1e3932);color:#fff}
.post-cta--inline .post-cta__kicker{color:var(--accent,#01df9d)}
.post-cta--inline .post-cta__text{color:rgba(255,255,255,.82)}
.post-cta--inline .post-cta__meta li{background:rgba(255,255,255,.1);color:#fff}
.post-cta--inline .post-cta__price{color:var(--accent,#01df9d)}
.entry-content .post-cta--inline .post-cta__second,.post-cta--inline .post-cta__second{color:#fff}
.post-cta--side{display:flex;flex-direction:column;overflow:hidden;border-radius:20px;background:#fff;border:1px solid var(--border,#e4e9e7);box-shadow:0 14px 34px rgba(30,57,50,.08)}
.post-cta--side .post-cta__media{aspect-ratio:16 / 10;border-radius:0}
.post-cta--side .post-cta__body{padding:1.1rem 1.2rem 1.25rem}
.post-cta--side .post-cta__title{font-size:1.125rem}
.post-cta--side .post-cta__text{font-size:.875rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.post-cta--side .post-cta__buttons .btn{width:100%;justify-content:center}
@media(max-width:575px){
  .post-cta--inline{grid-template-columns:minmax(0,1fr)}
  .post-cta--inline .post-cta__media{aspect-ratio:16 / 10}
  .post-cta--inline .post-cta__buttons .btn{width:100%;justify-content:center}
}

/* ===== Blog i kategorie (2026-10-03): jasny naglowek zamiast ciemnego hero, najnowszy wpis jako duza karta. ===== */
.blog-hero{padding-top:clamp(1rem,2vw,1.5rem)}
.blog-hero__box{--bh-pad:clamp(1.75rem,3.6vw,3.5rem);position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:clamp(1.5rem,4vw,4rem);padding:var(--bh-pad);border-radius:28px;background:radial-gradient(60% 80% at 82% 42%,rgba(1,223,157,.26) 0%,rgba(1,223,157,0) 62%),linear-gradient(160deg,#f7fbf9 0%,#eefaf4 55%,#e1f6ec 100%)}
.blog-hero__label{display:inline-flex;align-items:center;gap:8px;margin:0 0 .75rem;font-size:.75rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-ink,#017a56)}
.blog-hero__title{margin:0;font-size:clamp(1.9rem,3.4vw,3.1rem);font-weight:800;line-height:1.08;letter-spacing:-.03em;color:var(--accent-dark,#1e3932)}
.blog-hero__title span{color:var(--accent-ink,#017a56)}
.blog-hero__lead{max-width:60ch;margin:1rem 0 0;font-size:clamp(1rem,1.3vw,1.125rem);line-height:1.7;color:var(--text-sub,#4a5a54)}
.blog-hero__cats{display:flex;flex-wrap:wrap;gap:8px;margin-top:1.5rem}
.blog-hero__cat{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:6px 8px 6px 14px;border-radius:999px;background:#fff;border:1px solid rgba(1,122,86,.18);font-size:.875rem;font-weight:700;color:var(--accent-dark,#1e3932);text-decoration:none;transition:border-color .2s var(--ease),background .2s var(--ease)}
.blog-hero__cat span{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 7px;border-radius:999px;background:var(--surface,#f5f7f6);font-size:.75rem;color:var(--text-sub,#4a5a54)}
.blog-hero__cat:hover{border-color:var(--accent-dark,#1e3932)}
.blog-hero__cat.is-current{background:var(--accent-dark,#1e3932);border-color:var(--accent-dark,#1e3932);color:#fff}
.blog-hero__cat.is-current span{background:var(--accent,#01df9d);color:var(--accent-dark,#1e3932)}
.blog-hero__yt{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:1.25rem 0 0;font-size:.875rem;color:var(--text-sub,#4a5a54)}
.blog-hero__yt svg{color:var(--accent-ink,#017a56)}
.blog-hero__yt a{font-weight:700;color:var(--accent-dark,#1e3932);text-decoration:underline;text-underline-offset:3px}
.blog-hero__media{align-self:end;margin:0 0 calc(var(--bh-pad) * -1)}
.blog-hero__media img{display:block;width:100%;max-width:640px;height:auto;margin-left:auto}

.post-featured{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:clamp(1.5rem,3vw,3rem);margin-bottom:clamp(2rem,3vw,2.75rem);padding:clamp(.9rem,1.5vw,1.25rem);border-radius:24px;background:#fff;border:1px solid var(--border,#e4e9e7);box-shadow:0 18px 40px rgba(30,57,50,.07)}
.post-featured__media{position:relative;display:block;aspect-ratio:16 / 9;overflow:hidden;border-radius:18px;background:var(--surface,#f5f7f6)}
.post-featured__media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s var(--ease)}
.post-featured__media--contain img{object-fit:contain}
.post-featured:hover .post-featured__media img{transform:scale(1.03)}
.post-featured__badge{position:absolute;left:14px;top:14px;padding:6px 12px;border-radius:999px;background:var(--accent,#01df9d);color:var(--accent-dark,#1e3932);font-size:.6875rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.post-featured__body{padding:.5rem clamp(.25rem,1.5vw,1.5rem) .5rem 0}
.post-featured__meta{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem 1rem;margin:0 0 .75rem;font-size:.8125rem;color:var(--text-muted,#5c6b64)}
.post-featured__cat{font-size:.6875rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-ink,#017a56)}
.post-featured__title{margin:0;font-size:clamp(1.4rem,2.2vw,2rem);font-weight:800;line-height:1.2;letter-spacing:-.02em}
.post-featured__title a{color:var(--text,#1a1a1a);text-decoration:none}
.post-featured__title a:hover{color:var(--accent-ink,#017a56)}
.post-featured__excerpt{margin:.9rem 0 0;font-size:1rem;line-height:1.65;color:var(--text-sub,#4a5a54)}
.post-featured__foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;margin-top:1.5rem}

@media(max-width:991px){
  .post-hero__box,.blog-hero__box{grid-template-columns:minmax(0,1fr);border-radius:22px}
  /* Telefon i tablet: najpierw grafika (film, zdjecie), potem tekst - zasada z naglowkow calej strony. */
  .post-hero__media,.blog-hero__media{order:-1}
  .blog-hero__media{margin:0}
  .blog-hero__media img{max-width:440px;margin-inline:auto}
  .post-hero__date{width:100%;margin-left:0}
  .post-featured{grid-template-columns:minmax(0,1fr)}
  .post-featured__body{padding:0 .25rem .5rem}
}
.post-author{display:flex;align-items:flex-start;gap:1.1rem;margin-top:2.5rem;padding:1.4rem 1.5rem;border-radius:18px;background:var(--surface,#f5f7f6);border:1px solid var(--border,#e4e9e7)}
.post-author__photo{flex:0 0 auto;width:72px;height:72px;border-radius:50%;object-fit:cover;border:2px solid var(--accent,#01df9d)}
.post-author__label{margin:0;font-size:.6875rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted,#5c6b64)}
.post-author__name{margin:.1rem 0 .35rem;font-size:1.0625rem;font-weight:800;color:var(--text,#1a1a1a)}
.post-author__bio{margin:0 0 .6rem;font-size:.9375rem;line-height:1.6;color:var(--text-sub,#4a5a54)}
.post-author__link{display:inline-flex;align-items:center;gap:6px;font-size:.875rem;font-weight:700;color:var(--accent-ink,#017a56);text-decoration:underline;text-underline-offset:3px}
.post-related{padding-top:clamp(2.5rem,4vw,4rem)}
@media(max-width:1199px){.blog-grid--list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:575px){.blog-grid--list{grid-template-columns:1fr}.post-author{flex-direction:column}}

/* ===== Bezplatna wycena: brief w 4 krokach ===== */
.brief__progress{margin:.25rem 0 1.25rem}
.brief__stepinfo{margin:0 0 .55rem;font-size:.8125rem;font-weight:700;color:var(--text-muted,#5c6b64)}
.brief__stepinfo [data-brief-name]{color:var(--text,#1a1a1a)}
.brief__bar{height:6px;border-radius:999px;background:var(--border,#e4e9e7);overflow:hidden}
.brief__bar span{display:block;height:100%;border-radius:inherit;background:var(--accent,#01df9d);transition:width .35s var(--ease)}
.brief__step{margin:0;padding:0;border:0;min-width:0}
.brief__step[hidden]{display:none}
.brief__legend{float:left;width:100%;margin:0 0 1rem;padding:0;font-size:clamp(1.2rem,1.8vw,1.5rem);font-weight:800;line-height:1.25;color:var(--text,#1a1a1a)}
.brief__legend + *{clear:both}
.brief__group{margin-bottom:1rem}
.brief__tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}
.brief__tiles--3{grid-template-columns:1fr}
.brief .brief__tile{margin:0;font-size:inherit;font-weight:inherit;}
.brief__tile{position:relative;display:flex;align-items:center;gap:.85rem;min-height:64px;padding:.8rem 1rem;border:1.5px solid var(--border,#e4e9e7);border-radius:14px;background:#fff;cursor:pointer;transition:border-color .2s var(--ease),background .2s var(--ease),box-shadow .2s var(--ease)}
.brief__tile:hover{border-color:var(--accent-dark,#1e3932)}
.brief__tile input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.brief__tile-ico{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;background:var(--surface,#f5f7f6);color:var(--accent-dark,#1e3932);transition:background .2s var(--ease)}
.brief__tile-txt{display:flex;flex-direction:column;gap:2px;min-width:0}
.brief__tile-txt strong{font-size:.9375rem;font-weight:700;line-height:1.3;color:var(--text,#1a1a1a)}
.brief__tile-txt small{font-size:.8125rem;font-weight:500;line-height:1.35;color:var(--text-muted,#5c6b64)}
.brief .svc-next{justify-content:flex-start}
.brief .brief__chip{margin:0}
.brief__tile:has(input:checked){border-color:var(--accent-dark,#1e3932);background:#effdf7;box-shadow:inset 0 0 0 1px var(--accent-dark,#1e3932)}
.brief__tile:has(input:checked) .brief__tile-ico{background:var(--accent,#01df9d)}
.brief__tile:has(input:focus-visible){outline:3px solid var(--accent-dark,#1e3932);outline-offset:2px}
.has-error .brief__tile{border-color:#b3261e}
.brief__nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;margin-top:1.25rem}
.brief__nav .brief__next{margin-left:auto}
.brief__back{display:inline-flex;align-items:center;gap:.4rem;min-height:44px;padding:0 .5rem;font-size:.9375rem;font-weight:700;color:var(--text-sub,#4a5a54)}
.brief__back svg{transform:rotate(180deg)}
.brief__back:hover{color:var(--accent-dark,#1e3932)}
.brief .svc-form__foot .brief__back{margin-left:auto}
.brief__label{display:block;margin-bottom:.4rem;font-size:.8125rem;font-weight:600;color:var(--text,#1a1a1a)}
.brief__chips{display:flex;flex-wrap:wrap;gap:.5rem}
.brief__chip{position:relative;display:inline-flex;cursor:pointer}
.brief__chip input{position:absolute;opacity:0;width:1px;height:1px}
.brief__chip span{display:inline-flex;align-items:center;min-height:44px;padding:0 1.1rem;border:1.5px solid var(--border,#e4e9e7);border-radius:999px;background:#fff;font-size:.9375rem;font-weight:700;color:var(--text,#1a1a1a);transition:border-color .2s var(--ease),background .2s var(--ease)}
.brief__chip input:checked + span{border-color:var(--accent-dark,#1e3932);background:var(--accent-dark,#1e3932);color:#fff}
.brief__chip input:focus-visible + span{outline:3px solid var(--accent-dark,#1e3932);outline-offset:2px}
.brief .svc-form__field textarea{min-height:7rem}
@media(max-width:575px){.brief__tiles{grid-template-columns:1fr}.brief__tile{min-height:58px}}

/* ===== O mnie: technologie ===== */
.about-stack__box{background:var(--surface,#f5f7f6);border-radius:20px;padding:clamp(2rem,4vw,3.5rem)}
.about-stack__head{margin-bottom:1.75rem}
.about-stack__title{margin:0;font-size:clamp(1.5rem,2.6vw,2.25rem);font-weight:800;line-height:1.2;letter-spacing:-.02em;color:var(--text,#1a1a1a)}
.about-stack__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
.about-stack__card{display:flex;flex-direction:column;gap:.9rem;padding:1.35rem;border-radius:14px;background:#fff;border:1px solid var(--border,#e4e9e7)}
.about-stack__name{display:flex;align-items:center;gap:10px;margin:0;font-size:1rem;font-weight:800;color:var(--text,#1a1a1a)}
.about-stack__ico{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;background:var(--accent,#01df9d);color:var(--accent-dark,#1e3932)}
@media(max-width:1199px){.about-stack__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:575px){.about-stack__grid{grid-template-columns:1fr}.about-stack__box{padding:1.75rem 1.1rem}}

/* ===== Realizacje: karty (siatka /realizacje/, "Inne realizacje", O mnie) ===== */
.rgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}
.rgrid--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.rcard{position:relative;display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid var(--border,#e4e9e7);border-radius:18px;overflow:hidden;transition:border-color .25s var(--ease),transform .25s var(--ease),box-shadow .25s var(--ease)}
.rcard[hidden]{display:none}
.rcard:hover,.rcard:focus-within{border-color:var(--accent-dark,#1e3932);transform:translateY(-3px);box-shadow:0 16px 36px rgba(30,57,50,.1)}
.rcard__media{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:16/10;padding:6% 5%;background:radial-gradient(120% 90% at 50% 0%,#ffffff 0%,#eef3f1 58%,#e2ebe7 100%);overflow:hidden}
.rcard__media img{display:block;width:100%;height:auto;max-height:100%;object-fit:contain;transition:transform .45s var(--ease)}
.rcard:hover .rcard__media img{transform:scale(1.04)}
.rcard--mockup .rcard__media{padding:4% 2%}
.rcard--mockup .rcard__media img{width:108%;max-width:none}
/* Zrzut strony w ramce przegladarki - ten sam "produktowy" wyglad co makiety laptopa */
.rcard__browser{display:block;width:92%;border-radius:10px;overflow:hidden;background:#fff;box-shadow:0 18px 40px rgba(30,57,50,.18),0 2px 6px rgba(30,57,50,.08);transition:transform .45s var(--ease)}
.rcard:hover .rcard__browser{transform:translateY(-2px) scale(1.02)}
.rcard:hover .rcard__browser img{transform:none}
.rcard__bar{display:flex;align-items:center;gap:5px;height:22px;padding:0 10px;background:#f1f4f3;border-bottom:1px solid var(--border,#e4e9e7)}
.rcard__bar i{width:7px;height:7px;border-radius:50%;background:#cfd8d4}
.rcard__bar i:first-child{background:#ff6159}.rcard__bar i:nth-child(2){background:#ffbd2e}.rcard__bar i:nth-child(3){background:#28c941}
.rcard__url{flex:1;margin-left:8px;font-size:.625rem;font-weight:600;color:var(--text-muted,#5c6b64);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rcard__browser img{width:100%;height:auto}
/* Kampania: duza pieczatka zamiast zdjecia */
.rcard--stamp .rcard__media{background:radial-gradient(120% 90% at 50% 0%,#ffffff 0%,#effdf7 60%,#d6f8ea 100%)}
.rcard__bigstamp{transform:rotate(-5deg);padding:1rem 1.6rem}
.rcard__bigstamp .case-stamp__value{font-size:clamp(2.4rem,3.2vw,3.1rem)}
.rcard:hover .rcard__bigstamp{transform:rotate(-2.5deg) scale(1.03)}
.rcard__bigstamp .case-stamp__value{color:var(--accent-dark,#1e3932)}
.rcard__badge{position:absolute;top:12px;left:12px;z-index:2;padding:6px 11px;border-radius:999px;background:var(--accent-dark,#1e3932);color:#fff;font-size:.6875rem;font-weight:800;letter-spacing:.05em;line-height:1.2;text-transform:uppercase}
/* Mala pieczatka z wynikiem w rogu zdjecia */
.rcard__stamp{position:absolute;right:12px;bottom:12px;z-index:2;display:flex;flex-direction:column;align-items:center;gap:1px;padding:.45rem .75rem .5rem;border:2px solid var(--accent-dark,#1e3932);border-radius:10px;background:rgba(255,255,255,.94);color:var(--accent-dark,#1e3932);transform:rotate(-6deg);box-shadow:0 6px 16px rgba(30,57,50,.14)}
.rcard__stamp strong{font-size:1.25rem;font-weight:900;letter-spacing:-.03em;line-height:1}
.rcard__stamp span{font-size:.5625rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;line-height:1.2}
.rcard__body{display:flex;flex-direction:column;gap:.5rem;flex:1;padding:1.2rem 1.35rem 1.25rem}
.rcard__eyebrow{margin:0;font-size:.6875rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted,#5c6b64)}
.rcard__title{margin:0;font-size:1.0625rem;font-weight:800;line-height:1.3;color:var(--text,#1a1a1a)}
.rcard__title a{color:inherit}
.rcard__title a::after{content:"";position:absolute;inset:0;z-index:3;border-radius:18px}
.rcard__title a:focus-visible{outline:none}
.rcard:has(.rcard__title a:focus-visible){outline:3px solid var(--accent-dark,#1e3932);outline-offset:3px}
.rcard__lead{margin:0;font-size:.875rem;line-height:1.55;color:var(--text-sub,#4a5a54);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.rcard__foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:.9rem;border-top:1px solid var(--border,#e4e9e7)}
.rcard__fact{display:flex;flex-direction:column;gap:2px;min-width:0;margin:0}
.rcard__fact strong{font-size:1.1875rem;font-weight:900;line-height:1.1;letter-spacing:-.02em;color:var(--accent-dark,#1e3932)}
.rcard__fact span{font-size:.75rem;line-height:1.35;color:var(--text-muted,#5c6b64)}
.rcard__fact--domain strong{font-size:.9375rem;letter-spacing:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rcard__go{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:var(--accent,#01df9d);color:var(--accent-dark,#1e3932);transition:background .25s var(--ease),color .25s var(--ease)}
.rcard:hover .rcard__go{background:var(--accent-dark,#1e3932);color:#fff}

/* ===== Realizacje: katalog z filtrami ===== */
.rhub{padding-top:clamp(2rem,3.5vw,3.5rem)}
.rhub__layout{display:grid;grid-template-columns:minmax(0,290px) minmax(0,1fr);gap:clamp(1.5rem,3vw,3rem);align-items:start}
.rhub__side{display:flex;flex-direction:column;gap:1.25rem;min-width:0}
.rfilter{display:flex;flex-direction:column;gap:.5rem;margin:0}
.rfilter__label{margin:0 0 .35rem;font-size:.75rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted,#5c6b64)}
.rfilter__cats,.rfilter__tags{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}
.rfilter__cat{display:flex;align-items:center;gap:12px;min-height:48px;padding:6px 10px 6px 6px;border-radius:12px;color:var(--text,#1a1a1a);font-size:.9375rem;font-weight:700;transition:background .2s var(--ease),color .2s var(--ease)}
.rfilter__cat:hover{background:var(--surface,#f5f7f6)}
.rfilter__ico{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:var(--surface,#f5f7f6);border:1px solid var(--border,#e4e9e7);color:var(--accent-dark,#1e3932)}
.rfilter__name{flex:1;min-width:0;line-height:1.3}
.rfilter__count{flex:0 0 auto;min-width:28px;padding:2px 8px;border-radius:999px;background:var(--surface,#f5f7f6);font-size:.75rem;font-weight:700;text-align:center;color:var(--text-muted,#5c6b64)}
.rfilter__cat.is-active{background:var(--accent-dark,#1e3932);color:#fff}
.rfilter__cat.is-active .rfilter__ico{background:var(--accent,#01df9d);border-color:var(--accent,#01df9d)}
.rfilter__cat.is-active .rfilter__count{background:rgba(255,255,255,.16);color:#fff}
.rfilter__more{margin-top:1rem;padding-top:1.1rem;border-top:1px solid var(--border,#e4e9e7)}
.rfilter__check{display:flex;align-items:center;gap:10px;min-height:40px;padding:4px 6px;border-radius:10px;font-size:.875rem;color:var(--text,#1a1a1a);cursor:pointer}
.rfilter__check:hover{background:var(--surface,#f5f7f6)}
.rfilter__check input{flex:0 0 auto;width:18px;height:18px;margin:0;accent-color:var(--accent-dark,#1e3932)}
.rfilter__actions{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:.5rem}
.rfilter__reset{font-size:.875rem;font-weight:700;color:var(--accent-ink,#017a56);text-decoration:underline;text-underline-offset:3px}
.rfilter__reset[hidden]{display:none}
.rhub__cta{padding:1.35rem 1.35rem 1.4rem;border-radius:18px;background:var(--accent-dark,#1e3932);color:#fff}
.rhub__cta-title{margin:0 0 .35rem;font-size:1.0625rem;font-weight:800}
.rhub__cta-text{margin:0 0 1rem;font-size:.875rem;line-height:1.55;color:rgba(255,255,255,.75)}
.rhub__cta :focus-visible{outline-color:var(--accent,#01df9d)}
.rhub__main{min-width:0}
.rhub__bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem 1.5rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border,#e4e9e7)}
.rhub__count{margin:0;font-size:1rem;color:var(--text,#1a1a1a)}
.rhub__count strong{font-size:1.5rem;font-weight:900}
.rhub__hint{display:flex;align-items:center;gap:8px;margin:0;font-size:.8125rem;color:var(--text-muted,#5c6b64)}
.rhub__hint svg{flex:0 0 auto;color:var(--accent-ink,#017a56)}
.rhub__empty{margin:1.5rem 0 0;padding:1.5rem;border-radius:14px;background:var(--surface,#f5f7f6);font-size:.9375rem}
.rhub__empty a{color:var(--accent-ink,#017a56);font-weight:700;text-decoration:underline}
.rhub__note{margin-top:1.5rem}

/* ===== Strona case study: opinia, inne realizacje; lista technologii (tez na /o-mnie/) ===== */
.case-project__tech{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.case-project__tech li{padding:5px 11px;border-radius:999px;background:var(--surface,#f5f7f6);border:1px solid var(--border,#e4e9e7);font-size:.8125rem;font-weight:600;color:var(--accent-dark,#1e3932)}
.case-review-wrap--single .home-reviews__grid{grid-template-columns:minmax(0,760px);justify-content:center}
.case-others{padding-top:clamp(2.5rem,4vw,4rem)}
.case-others__head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}
.case-others__title{margin:0;font-size:clamp(1.5rem,2.4vw,2rem);font-weight:800;color:var(--text,#1a1a1a)}

/* ===== Strona case study (/realizacje/{slug}/): jasny naglowek ze zdjeciem obok tekstu, boksy z faktami,
   wyzwanie i rozwiazanie, co zbudowalem, efekt, zakres prac, zacheta. Bez ciemnego hero stron uslug. ===== */
.cs-hero{padding-top:clamp(1rem,2vw,1.5rem)}
.cs-hero__box{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:clamp(1.5rem,4vw,4rem);padding:clamp(1.75rem,4vw,4rem) clamp(1.5rem,4vw,4rem) clamp(5rem,8vw,7rem);border-radius:28px;background:radial-gradient(60% 80% at 82% 42%,rgba(1,223,157,.26) 0%,rgba(1,223,157,0) 62%),linear-gradient(160deg,#f7fbf9 0%,#eefaf4 55%,#e1f6ec 100%)}
.cs-hero__box::before,.cs-hero__box::after{content:"";position:absolute;z-index:-1;border-radius:50%;pointer-events:none}
.cs-hero__box::before{right:-10%;top:-38%;width:56%;aspect-ratio:1;border:1px solid rgba(1,122,86,.13)}
.cs-hero__box::after{right:6%;bottom:-52%;width:42%;aspect-ratio:1;border:1px solid rgba(1,122,86,.1)}
.cs-hero .usluga-crumbs,.cs-hero .usluga-crumbs a,.cs-hero .usluga-crumbs span{color:var(--text-muted,#5c6b64)}
.cs-hero .usluga-crumbs{margin-bottom:1.1rem}
.cs-hero .usluga-crumbs a:hover{color:var(--accent-ink,#017a56)}
.cs-hero .usluga-crumbs .breadcrumb_last{color:var(--text-sub,#4a5a54);font-weight:600}
.cs-hero__chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 1.1rem}
.cs-chip{display:inline-flex;align-items:center;gap:7px;padding:6px 13px;border-radius:999px;background:#fff;border:1px solid rgba(1,122,86,.18);font-size:.75rem;font-weight:700;line-height:1.3;color:var(--accent-dark,#1e3932);box-shadow:0 4px 14px rgba(30,57,50,.06)}
.cs-chip svg{flex:0 0 auto;color:var(--accent-ink,#017a56)}
.cs-chip--soft{background:rgba(255,255,255,.55);box-shadow:none;border-color:rgba(30,57,50,.12);color:var(--text-sub,#4a5a54)}
.cs-hero__title{margin:0;font-size:clamp(1.8rem,3.4vw,3.1rem);font-weight:800;line-height:1.08;letter-spacing:-.03em;color:var(--accent-dark,#1e3932)}
.cs-hero__title span{color:var(--accent-ink,#017a56)}
.cs-hero__lead{max-width:56ch;margin:1.15rem 0 0;font-size:clamp(1rem,1.3vw,1.125rem);line-height:1.7;color:var(--text-sub,#4a5a54)}
.cs-hero__buttons{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.75rem}
.cs-hero__buttons .btn--outline{background:#fff}
.cs-hero__proof{display:flex;align-items:center;gap:8px;margin:1.1rem 0 0;font-size:.875rem;color:var(--text-sub,#4a5a54)}
.cs-hero__proof a{color:var(--accent-dark,#1e3932);font-weight:700;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.cs-hero__proof a:hover{color:var(--accent-ink,#017a56)}
.cs-hero__media{position:relative;margin:0}
.cs-hero__media img{display:block;width:100%;height:auto}
.cs-hero__media--mockup img{filter:drop-shadow(0 28px 36px rgba(30,57,50,.2));transform:scale(1.3);transform-origin:50% 50%}
.cs-hero--multi .cs-hero__title{font-size:clamp(1.9rem,3vw,2.7rem)}
.cs-hero__media--screen{padding:clamp(.5rem,2vw,1.5rem)}
.cs-browser{width:100%;transform:perspective(1400px) rotateY(-6deg) rotateX(2deg);box-shadow:0 30px 60px rgba(30,57,50,.22),0 2px 6px rgba(30,57,50,.08)}
.cs-browser img{display:block;width:100%;height:auto}

/* Boksy z faktami: nachodza na dol naglowka, wyrozniony wynik w ciemnej karcie. */
.cs-facts{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(.75rem,1.5vw,1.25rem);margin:clamp(-4rem,-6vw,-3rem) clamp(1rem,3vw,3rem) 0;padding:0;list-style:none}
.cs-fact{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;gap:.3rem;min-width:0;padding:1.3rem 1.4rem;border-radius:22px;background:rgba(255,255,255,.94);border:1px solid rgba(30,57,50,.08);box-shadow:0 18px 40px rgba(30,57,50,.1);transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .35s var(--ease)}
.cs-fact:hover{transform:translateY(-5px);border-color:rgba(1,223,157,.5);box-shadow:0 26px 50px rgba(30,57,50,.14)}
.cs-fact__ico{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;margin-bottom:.4rem;border-radius:13px;background:linear-gradient(135deg,#e7fbf3 0%,#c6f4e0 100%);color:var(--accent-ink,#017a56);transition:transform .35s var(--ease)}
.cs-fact:hover .cs-fact__ico{transform:rotate(-8deg) scale(1.06)}
.cs-fact__label{font-size:.6875rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted,#5c6b64)}
.cs-fact__value{font-size:1.0625rem;font-weight:800;line-height:1.35;color:var(--accent-dark,#1e3932)}
.cs-fact__sub{font-size:.8125rem;line-height:1.45;color:var(--text-sub,#4a5a54)}
.cs-fact__chips{display:flex;flex-wrap:wrap;gap:5px}
.cs-fact__chips span{padding:3px 9px;border-radius:999px;background:var(--surface,#f5f7f6);border:1px solid var(--border,#e4e9e7);font-size:.75rem;font-weight:700;color:var(--accent-dark,#1e3932)}
.cs-fact--accent{justify-content:center;background:radial-gradient(120% 120% at 100% 0%,rgba(1,223,157,.38) 0%,rgba(1,223,157,0) 56%),linear-gradient(150deg,#21483b 0%,#1e3932 52%,#10261f 100%);border-color:transparent}
.cs-fact--accent .cs-fact__label{color:rgba(255,255,255,.62)}
.cs-fact--accent .cs-fact__value{font-size:clamp(2rem,3.2vw,2.75rem);font-weight:900;line-height:1;letter-spacing:-.035em;white-space:nowrap;color:var(--accent,#01df9d)}
.cs-fact--accent .cs-fact__sub{color:rgba(255,255,255,.8)}
.cs-fact--accent::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.16) 50%,transparent 70%);transform:translateX(-130%);transition:transform 1s var(--ease);pointer-events:none}
.cs-fact--accent:hover::after{transform:translateX(130%)}
.cs-facts--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.cs-fact--live .cs-fact__value{font-size:clamp(1.15rem,1.6vw,1.4rem);letter-spacing:-.01em;white-space:normal;overflow-wrap:anywhere;text-decoration:none}
.cs-fact__link::before{content:"";position:absolute;inset:0;z-index:1}
.cs-fact__link:focus-visible{outline:none}
.cs-fact--live:focus-within{box-shadow:0 0 0 3px var(--accent,#01df9d),0 26px 50px rgba(30,57,50,.14)}
.cs-fact--live .cs-fact__sub{display:inline-flex;align-items:center;gap:6px}

/* Rozdzial projektu: wyzwanie i rozwiazanie, co zbudowalem, efekt, zakres prac. */
.cs-chapter{padding-top:clamp(2.75rem,5vw,4.75rem)}
.cs-steps{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1rem,2.5vw,2rem)}
.cs-step{padding:clamp(1.5rem,3vw,2.5rem);border-radius:26px;background:#fff;border:1px solid var(--border,#e4e9e7);box-shadow:0 10px 30px rgba(30,57,50,.05)}
.cs-step--solution{background:linear-gradient(160deg,#f3fcf8 0%,#e2f8ee 100%);border-color:rgba(1,122,86,.18)}
.cs-step__title{display:flex;align-items:center;gap:12px;margin:0 0 1rem;font-size:clamp(1.35rem,2.2vw,1.75rem);font-weight:800;line-height:1.2;letter-spacing:-.02em;color:var(--accent-dark,#1e3932)}
.cs-step__no{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:40px;height:40px;border-radius:50%;background:var(--accent-dark,#1e3932);font-size:.875rem;font-weight:800;letter-spacing:0;color:var(--accent,#01df9d)}
.cs-step p{margin:0;max-width:62ch;font-size:var(--fs-md,1.0625rem);line-height:1.75;color:var(--text-sub,#4a5a54)}
.cs-steps__arrow{position:absolute;left:50%;top:50%;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:var(--accent,#01df9d);color:var(--accent-dark,#1e3932);box-shadow:0 0 0 8px #fff;transform:translate(-50%,-50%)}
.cs-block{margin-top:clamp(2.25rem,4vw,3.5rem)}
.cs-block__title{margin:0 0 1.25rem;font-size:clamp(1.5rem,2.6vw,2.125rem);font-weight:800;line-height:1.2;letter-spacing:-.02em;color:var(--accent-dark,#1e3932)}
.cs-features{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(.75rem,1.5vw,1.25rem);margin:0;padding:0;list-style:none}
.cs-features--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.cs-feature{position:relative;overflow:hidden;padding:1.6rem 1.45rem 1.7rem;border-radius:24px;background:#fff;border:1px solid var(--border,#e4e9e7);transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .35s var(--ease)}
.cs-feature::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--accent,#01df9d),rgba(1,223,157,0));transform:scaleX(.25);transform-origin:left;transition:transform .45s var(--ease)}
.cs-feature:hover{transform:translateY(-5px);border-color:rgba(1,223,157,.5);box-shadow:0 24px 48px rgba(30,57,50,.1)}
.cs-feature:hover::before{transform:scaleX(1)}
.cs-feature__num{position:absolute;right:1rem;top:.55rem;font-size:3.75rem;font-weight:900;line-height:1;letter-spacing:-.05em;color:rgba(30,57,50,.06);transition:color .35s var(--ease)}
.cs-feature:hover .cs-feature__num{color:rgba(1,223,157,.3)}
.cs-feature__ico{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;margin-bottom:1.1rem;border-radius:15px;background:var(--accent-dark,#1e3932);color:var(--accent,#01df9d)}
.cs-feature__title{margin:0 0 .5rem;font-size:1.0625rem;font-weight:800;line-height:1.3;color:var(--accent-dark,#1e3932)}
.cs-feature p{margin:0;font-size:.9375rem;line-height:1.6;color:var(--text-sub,#4a5a54)}
.cs-metrics{display:grid;grid-template-columns:repeat(var(--n,4),minmax(0,1fr));margin:0;padding:clamp(1.75rem,3vw,2.75rem);list-style:none;border-radius:28px;background:radial-gradient(90% 150% at 0% 0%,rgba(1,223,157,.24) 0%,rgba(1,223,157,0) 52%),linear-gradient(150deg,#21483b 0%,#1e3932 52%,#10261f 100%);box-shadow:0 24px 50px rgba(16,38,31,.18)}
.cs-metric{display:flex;flex-direction:column;gap:.35rem;padding:.25rem clamp(1rem,2vw,2rem);border-left:1px solid rgba(255,255,255,.12)}
.cs-metric:first-child{padding-left:0;border-left:0}
.cs-metric__value{font-size:clamp(2.25rem,4.2vw,3.6rem);font-weight:900;line-height:1;letter-spacing:-.045em;white-space:nowrap;color:var(--accent,#01df9d)}
.cs-metric__label{margin-top:.35rem;font-size:1rem;font-weight:700;line-height:1.35;color:#fff}
.cs-metric__note{font-size:.8125rem;line-height:1.5;color:rgba(255,255,255,.64)}
.cs-note{margin:.85rem .25rem 0;font-size:.8125rem;line-height:1.5;color:var(--text-muted,#5c6b64)}
.cs-benefits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:0;padding:0;list-style:none}
.cs-benefit{display:flex;align-items:center;gap:.9rem;padding:1.05rem 1.2rem;border-radius:18px;background:linear-gradient(160deg,#f3fcf8 0%,#e7f9f1 100%);border:1px solid rgba(1,122,86,.14);font-size:.96875rem;font-weight:600;line-height:1.45;color:var(--accent-dark,#1e3932)}
.cs-benefit svg{flex:0 0 auto;padding:6px;box-sizing:content-box;border-radius:50%;background:var(--accent,#01df9d);color:var(--accent-dark,#1e3932)}
.cs-scope{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:clamp(1rem,2vw,1.5rem);margin-top:clamp(2.25rem,4vw,3.5rem)}
.cs-scope__card{padding:clamp(1.5rem,3vw,2.25rem);border-radius:26px;background:#fff;border:1px solid var(--border,#e4e9e7)}
.cs-scope__card--side{background:var(--surface,#f5f7f6)}
.cs-scope__title{margin:0 0 1.1rem;font-size:1.25rem;font-weight:800;line-height:1.3;color:var(--accent-dark,#1e3932)}
.cs-scope__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem 1.5rem;margin:0;padding:0;list-style:none}
.cs-scope__list li{display:flex;align-items:flex-start;gap:10px;font-size:.9375rem;line-height:1.45;color:var(--text,#1a1a1a)}
.cs-scope__list svg{flex:0 0 auto;margin-top:1px;padding:4px;box-sizing:content-box;border-radius:50%;background:var(--accent,#01df9d);color:var(--accent-dark,#1e3932)}
.cs-scope__label{margin:0 0 .6rem;font-size:.75rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted,#5c6b64)}
.cs-tech{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 1.25rem;padding:0;list-style:none}
.cs-tech li{padding:6px 12px;border-radius:999px;background:#fff;border:1px solid var(--border,#e4e9e7);font-size:.8125rem;font-weight:700;color:var(--accent-dark,#1e3932)}
.cs-ai{margin:0 0 1.25rem;padding:1rem 1.15rem;border-radius:16px;background:#fff;border-left:4px solid var(--accent,#01df9d)}
.cs-ai__title{display:flex;align-items:center;gap:8px;margin:0 0 .35rem;font-size:.875rem;font-weight:800;color:var(--accent-dark,#1e3932)}
.cs-ai__title svg{color:var(--accent-ink,#017a56)}
.cs-ai p:last-child{margin:0;font-size:.875rem;line-height:1.65;color:var(--text-sub,#4a5a54)}
.cs-links{display:flex;flex-wrap:wrap;align-items:center;gap:.85rem 1.25rem}
.cs-links .btn{white-space:normal;text-align:left}
.cs-private{display:flex;align-items:center;gap:8px;margin:0;font-size:.875rem;font-weight:600;color:var(--text-muted,#5c6b64)}
.cs-service{display:inline-flex;align-items:center;gap:6px;font-size:.875rem;font-weight:700;color:var(--accent-ink,#017a56);text-decoration:underline;text-underline-offset:3px}

/* Galeria zrzutow projektu (np. katalog i karta produktu): dwa zrzuty obok siebie, nie na cala szerokosc. */
.cs-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1rem,2.5vw,2rem)}
.cs-gallery__item{margin:0;padding:clamp(1rem,2.5vw,1.75rem);border-radius:26px;background:radial-gradient(80% 80% at 50% 30%,#ffffff 0%,#effdf7 60%,#d6f8ea 100%)}
.cs-gallery__item .cs-browser{transform:none}
.cs-gallery__cap{margin:.9rem .25rem 0;font-size:.875rem;line-height:1.55;color:var(--text-sub,#4a5a54)}

/* Strona z kilkoma projektami: rozdzialy z duzym numerem, grafika obok tekstu (nie na cala szerokosc). */
.cs-chapter__head{display:flex;align-items:center;gap:clamp(1rem,2vw,1.75rem);margin-bottom:clamp(1.25rem,2.5vw,2rem)}
.cs-chapter__num{flex:0 0 auto;font-size:clamp(3.5rem,7vw,6rem);font-weight:900;line-height:.85;letter-spacing:-.06em;color:transparent;-webkit-text-stroke:2px rgba(1,122,86,.35)}
.cs-chapter__kicker{margin:0 0 .35rem;font-size:.75rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-ink,#017a56)}
.cs-chapter__title{margin:0;font-size:clamp(1.6rem,3vw,2.5rem);font-weight:800;line-height:1.15;letter-spacing:-.02em;color:var(--accent-dark,#1e3932)}
.cs-chapter__split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(1.5rem,4vw,3.5rem);align-items:center}
.cs-chapter__split.is-reverse .cs-chapter__media{order:2}
.cs-chapter__split.is-text{grid-template-columns:minmax(0,1fr)}
.cs-chapter__media{display:flex;align-items:center;justify-content:center;margin:0;min-height:100%;padding:clamp(1.5rem,3.5vw,3rem);border-radius:28px;background:radial-gradient(80% 80% at 50% 30%,#ffffff 0%,#effdf7 60%,#d6f8ea 100%)}
.cs-chapter__media img{display:block;width:100%;height:auto}
.cs-chapter__media--screen .cs-browser{transform:none}
.cs-chapter__media--stamp{min-height:340px}
.cs-stamp{transform:rotate(-4deg)}
.cs-stamp .case-stamp__value{font-size:clamp(3.5rem,8vw,6rem);color:var(--accent-dark,#1e3932)}
.cs-chapter__lead{margin:0 0 1.25rem;font-size:clamp(1.0625rem,1.5vw,1.25rem);font-weight:600;line-height:1.6;color:var(--accent-dark,#1e3932)}
.cs-qa{display:grid;gap:1rem}
.cs-qa__item{padding:1.35rem 1.5rem;border-radius:20px;background:#fff;border:1px solid var(--border,#e4e9e7)}
.cs-qa__item--solution{background:linear-gradient(160deg,#f3fcf8 0%,#e2f8ee 100%);border-color:rgba(1,122,86,.18)}
.cs-qa__title{display:flex;align-items:center;gap:8px;margin:0 0 .45rem;font-size:.8125rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-ink,#017a56)}
.cs-qa__item p{margin:0;font-size:.96875rem;line-height:1.7;color:var(--text-sub,#4a5a54)}

/* Zacheta przed formularzem: ciemna karta z dwoma przyciskami. */
.cs-pitch{padding-top:clamp(2.75rem,5vw,4.75rem)}
.cs-pitch__box{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1.5rem 3rem;padding:clamp(2rem,4vw,3.5rem);border-radius:28px;background:radial-gradient(55% 120% at 100% 0%,rgba(1,223,157,.34) 0%,rgba(1,223,157,0) 60%),linear-gradient(150deg,#21483b 0%,#1e3932 55%,#10261f 100%)}
.cs-pitch__box::before{content:"";position:absolute;right:-70px;bottom:-90px;z-index:-1;width:280px;height:280px;border-radius:50%;border:44px solid rgba(1,223,157,.08)}
.cs-pitch__kicker{margin:0 0 .6rem;font-size:.75rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--accent,#01df9d)}
.cs-pitch__title{margin:0;font-size:clamp(1.6rem,3vw,2.5rem);font-weight:800;line-height:1.15;letter-spacing:-.02em;color:#fff}
.cs-pitch__text{max-width:62ch;margin:.9rem 0 0;font-size:var(--fs-md,1.0625rem);line-height:1.7;color:rgba(255,255,255,.82)}
.cs-pitch__buttons{display:flex;flex-direction:column;align-items:stretch;gap:.75rem}
.cs-pitch__buttons .btn{justify-content:space-between;white-space:normal;text-align:left}

@media (prefers-reduced-motion:reduce){
  .cs-fact,.cs-fact__ico,.cs-feature,.cs-feature::before,.cs-fact--accent::after{transition:none}
  .cs-fact:hover,.cs-feature:hover{transform:none}
}
@media(max-width:1199px){
  .cs-facts,.cs-features{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cs-features--3{grid-template-columns:repeat(3,minmax(0,1fr))}
  .cs-metrics{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:1.5rem}
  .cs-metric:nth-child(odd){padding-left:0;border-left:0}
}
@media(max-width:991px){
  .cs-hero__box{grid-template-columns:minmax(0,1fr);padding-bottom:clamp(4.5rem,10vw,6rem)}
  .cs-hero__media{width:min(100%,640px);margin-inline:auto}
  .cs-hero__media--mockup img{transform:scale(1.18)}
  /* Telefon i tablet: grafika nad tekstem (jak w hero strony glownej i uslug). */
  .cs-hero__media{order:-1}
  .cs-browser{transform:none}
  .cs-steps,.cs-chapter__split,.cs-scope,.cs-pitch__box{grid-template-columns:minmax(0,1fr)}
  .cs-steps__arrow{display:none}
  .cs-chapter__split.is-reverse .cs-chapter__media{order:0}
  .cs-features--3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cs-pitch__buttons{flex-direction:row;flex-wrap:wrap}
  .cs-gallery{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:575px){
  .cs-hero__box{border-radius:22px}
  .cs-facts{margin-inline:.6rem}
  .cs-fact{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;column-gap:.75rem;row-gap:.25rem;padding:1rem 1.1rem}
  .cs-fact__ico{grid-row:1 / span 2;width:34px;height:34px;margin:0;border-radius:11px}
  .cs-fact__ico svg{width:17px;height:17px}
  .cs-fact__chips,.cs-fact__sub{grid-column:2}
  .cs-fact--accent{display:flex}
  .cs-fact--accent{grid-column:1 / -1}
  .cs-features,.cs-features--3,.cs-benefits,.cs-scope__list,.cs-metrics{grid-template-columns:minmax(0,1fr)}
  .cs-metric,.cs-metric:nth-child(odd){padding:0;border-left:0}
  .cs-metric + .cs-metric{padding-top:1.25rem;border-top:1px solid rgba(255,255,255,.12)}
  .cs-step,.cs-scope__card{border-radius:22px}
  .cs-pitch__buttons{flex-direction:column}
  .cs-pitch__buttons .btn,.cs-hero__buttons .btn{width:100%}
}
@media(max-width:400px){
  .cs-facts{grid-template-columns:minmax(0,1fr)}
}


@media(max-width:1399px){.rgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.rgrid--4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:991px){
  .rhub__layout{grid-template-columns:minmax(0,1fr)}
  .rhub__side{position:static;gap:.75rem}
  .rhub__cta{display:none}
  .rfilter__label{margin-bottom:.25rem}
  /* Kategorie i zakresy jako poziome paski pigulek */
  .rfilter__cats,.rfilter__tags{flex-direction:row;flex-wrap:nowrap;gap:8px;overflow-x:auto;margin-inline:-1rem;padding:2px 1rem 8px;scroll-padding-inline:1rem;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
  .rfilter__cats li,.rfilter__tags li{flex:0 0 auto;scroll-snap-align:start}
  .rfilter__cat{min-height:44px;padding:4px 12px 4px 5px;border:1px solid var(--border,#e4e9e7);border-radius:999px;font-size:.875rem;white-space:nowrap}
  .rfilter__ico{width:32px;height:32px;border-radius:50%}
  .rfilter__more{margin-top:.5rem;padding-top:.75rem}
  .rfilter__check{min-height:40px;padding:4px 12px;border:1px solid var(--border,#e4e9e7);border-radius:999px;white-space:nowrap}
  .rfilter__tags .rfilter__count{display:none}
}
@media(max-width:575px){
  .rgrid,.rgrid--4{grid-template-columns:1fr}
  .rcard__body{padding:1.1rem 1.1rem 1.15rem}
}

@media(max-width:1199px){.contact-data__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:991px){.contact-routes__grid{grid-template-columns:1fr}}
@media(max-width:575px){.contact-data__grid{grid-template-columns:1fr}.contact-data__box{padding:1.75rem 1.1rem}}

@media(max-width:991px){
  .page-doc--toc{display:block}
  .page-doc__side{display:none}
  .page-doc__toc-m,.page-doc__help-m{display:block}
}
@media(max-width:767px){
  .page-default__article{padding-top:var(--sp-2,16px)}
  .page-default__header{margin-bottom:var(--sp-3,24px)}
  .page-default__content{padding-inline:0}
  .page-doc{padding-top:28px}
  .entry-content{font-size:1rem;line-height:1.7}
}

/* ===== Cennik (templates/page-cennik.php) i huby uslug: karty z cena (inc/pricing-data.php) ===== */
.price-group{padding-top:clamp(48px,6vw,88px)}
.price-group__head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px 32px;margin-bottom:24px}
.price-group__title{margin:0;font-size:var(--fs-h2,2.2rem);font-weight:800;letter-spacing:-.02em;line-height:1.15;color:var(--text,#1a1a1a)}
.price-group__lead{margin:10px 0 0;max-width:62ch;font-size:1rem;line-height:1.6;color:var(--text-sub,#4a5a54)}
.price-group__hub{display:inline-flex;align-items:center;gap:8px;font-size:.9375rem;font-weight:700;color:var(--accent-dark,#1e3932);text-decoration:underline;text-decoration-color:var(--accent,#01df9d);text-decoration-thickness:2px;text-underline-offset:4px}
.price-group__hub svg{flex:0 0 auto}
.price-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}
.price-card{position:relative;display:flex;flex-direction:column;gap:6px;min-width:0;padding:22px 22px 20px;background:#fff;border:1px solid var(--border,#e4e9e7);border-radius:18px;transition:border-color .25s var(--ease),transform .25s var(--ease),box-shadow .25s var(--ease)}
.price-card:hover{border-color:var(--accent-dark,#1e3932);transform:translateY(-3px);box-shadow:0 12px 30px rgba(30,57,50,.08)}
.price-card__head{display:flex;align-items:center;gap:12px;margin-bottom:8px;min-height:44px}
.price-card__icon{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:var(--surface,#f5f7f6);border:1px solid var(--border,#e4e9e7)}
.price-card__icon svg{width:26px;height:26px}
.price-card__title{flex:1 1 auto;min-width:0;margin:0;font-size:1rem;font-weight:700;line-height:1.3;color:var(--text,#1a1a1a)}
.price-card__title a{color:inherit;text-decoration:none}
.price-card__title a::after{content:"";position:absolute;inset:0;border-radius:inherit}
.price-card__title a:focus-visible{outline:none}
.price-card:focus-within{outline:3px solid var(--accent,#01df9d);outline-offset:2px}
.price-card__badge{flex:0 0 auto;align-self:flex-start;padding:3px 10px;border-radius:999px;background:rgba(1,223,157,.16);font-size:.6875rem;font-weight:700;letter-spacing:.02em;color:var(--accent-ink,#017a56);white-space:nowrap}
.price-card__price{margin:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px}
.price-card__price strong{font-size:1.5rem;font-weight:800;letter-spacing:-.02em;line-height:1.2;color:var(--accent-dark,#1e3932);white-space:nowrap}
.price-card__price span{font-size:.8125rem;font-weight:600;color:var(--text-muted,#5c6b64)}
.price-card__sub{margin:0;font-size:.8125rem;color:var(--text-muted,#5c6b64)}
.price-card__desc{margin:8px 0 0;padding-right:44px;font-size:.875rem;line-height:1.5;color:var(--text-sub,#4a5a54)}
.price-card__extra{margin:2px 0 0;padding-right:44px;font-size:.8125rem;font-weight:700;color:var(--accent-ink,#017a56)}
.price-card__go{position:absolute;right:16px;bottom:16px;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--accent,#01df9d);color:var(--accent-dark,#1e3932);transition:background .25s var(--ease),color .25s var(--ease)}
.price-card:hover .price-card__go{background:var(--accent-dark,#1e3932);color:#fff}
/* Co jest w cenie: ciemny box z bialymi kartami */
.price-info{margin-top:clamp(48px,6vw,88px);padding:clamp(28px,4vw,56px);background:var(--accent-dark,#1e3932);border-radius:var(--wide-radius,20px);color:#fff}
.price-info__title{margin:0 0 24px;font-size:var(--fs-h2,2.2rem);font-weight:800;letter-spacing:-.02em;line-height:1.15;color:#fff}
.price-info__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.price-info__card{padding:24px;background:#fff;border-radius:16px;color:var(--text,#1a1a1a)}
.price-info__label{margin:0 0 14px;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted,#5c6b64)}
.price-info__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.price-info__list li{display:flex;align-items:flex-start;gap:12px;font-size:.9375rem;line-height:1.5;color:var(--text-sub,#4a5a54)}
.price-info__ico{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;background:var(--surface,#f5f7f6);border:1px solid var(--border,#e4e9e7);color:var(--accent-dark,#1e3932)}
.price-info__note{margin-top:20px;color:rgba(255,255,255,.82)}
.price-info__note .info-note__ico{background:rgba(1,223,157,.16);color:var(--accent,#01df9d)}
@media(max-width:767px){
  .price-info__grid{grid-template-columns:1fr}
  .price-info__card{padding:20px 18px}
  .price-group__title,.price-info__title{font-size:1.6rem}
}
/* Huby: kolumny menu jako krotsze sekcje, 3 karty w rzedzie (tyle linkow ma kolumna menu) */
.price-group--hub + .price-group--hub{padding-top:clamp(36px,4vw,56px)}
.price-group--hub .price-group__title{font-size:clamp(1.5rem,2.2vw,1.9rem)}
@media(min-width:992px){.price-group--hub .price-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* Lokalizacje: linki do podstron miast */
.city-links{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.city-link{display:flex;align-items:center;gap:12px;min-height:60px;padding:14px 18px;background:#fff;border:1px solid var(--border,#e4e9e7);border-radius:16px;font-weight:700;color:var(--text,#1a1a1a);text-decoration:none;transition:border-color .2s var(--ease),transform .2s var(--ease)}
.city-link:hover{border-color:var(--accent-dark,#1e3932);transform:translateY(-2px)}
.city-link > span:nth-child(2){flex:1 1 auto}
.city-link__ico{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:var(--surface,#f5f7f6);color:var(--accent-dark,#1e3932)}

/* ===== Kursy online (templates/page-kursy.php, page-kurs.php, template-parts/kursy-*.php) ===== */
/* Plany abonamentu (template-parts/kursy-plany.php) */
.gmf-plans.gmf-plans--two{grid-template-columns:repeat(2,minmax(0,1fr));max-width:860px;margin-inline:auto}
.kursy-plan__feats{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}
.kursy-plan__feats li{display:flex;align-items:flex-start;gap:8px;font-size:.875rem;line-height:1.45;color:var(--text-sub,#4a5a54)}
.kursy-plan__feats svg{flex:0 0 auto;margin-top:2px;color:var(--accent-ink,#017a56)}
.kursy-plan__note{justify-content:center;color:rgba(255,255,255,.82)}
.kursy-plan__note .info-note__ico{background:rgba(1,223,157,.16);color:var(--accent,#01df9d)}
@media(max-width:991px){.gmf-plans.gmf-plans--two{grid-template-columns:minmax(0,1fr)}}

/* /moje-kursy/: duze karty kursow (okladka na jasnym tle z mietowa poswiata | opis, program w skrocie, przyciski) */
.kursy-list{padding-top:clamp(2.5rem,5vw,4rem);padding-bottom:1.5rem}
.kursy-list__head{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:.75rem 2rem;margin-bottom:clamp(1.5rem,3vw,2.25rem)}
.kursy-list__title{font-size:clamp(1.6rem,2.6vw,2.25rem);font-weight:800;color:var(--text);line-height:1.2;letter-spacing:-.02em;margin:0}
.kursy-list__lead{margin:0;max-width:52ch;font-size:.95rem;line-height:1.6;color:var(--text-muted)}
.kursy-list__items{display:flex;flex-direction:column;gap:clamp(1rem,2vw,1.5rem)}
.kursy-item{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:stretch;background:#fff;border:1px solid var(--border);border-radius:20px;overflow:hidden;transition:border-color .25s var(--ease),box-shadow .25s var(--ease)}
.kursy-item:hover{border-color:rgba(30,57,50,.35);box-shadow:0 18px 44px rgba(30,57,50,.1)}
.kursy-item__media{display:flex;align-items:center;justify-content:center;padding:clamp(1.5rem,3vw,2.5rem);background:radial-gradient(60% 60% at 50% 55%,rgba(1,223,157,.22),transparent 70%),var(--surface)}
.kursy-item__media img{display:block;width:100%;max-width:400px;height:auto;border-radius:20px;box-shadow:0 24px 50px rgba(30,57,50,.25);transition:transform .35s var(--ease)}
.kursy-item:hover .kursy-item__media img{transform:scale(1.03) rotate(-1deg)}
.kursy-item__body{display:flex;flex-direction:column;align-items:flex-start;padding:clamp(1.75rem,3.5vw,3rem)}
.kursy-item__cat{margin:0 0 .75rem;padding:.3rem .75rem;border-radius:999px;background:rgba(1,223,157,.16);font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-ink)}
.kursy-item__title{margin:0 0 .75rem;font-size:clamp(1.4rem,2.2vw,1.9rem);font-weight:800;line-height:1.2;letter-spacing:-.02em;color:var(--text)}
.kursy-item__title a{color:inherit;text-decoration:none}
.kursy-item__title a:hover{color:var(--accent-ink)}
.kursy-item__lead{margin:0 0 1.1rem;max-width:62ch;font-size:1rem;line-height:1.7;color:var(--text-sub)}
.kursy-item__meta{list-style:none;margin:0 0 1.35rem;padding:0;display:flex;flex-wrap:wrap;gap:.45rem}
.kursy-item__meta li{padding:.35rem .8rem;border-radius:999px;background:var(--surface);border:1px solid var(--border);font-size:.78rem;font-weight:700;color:var(--text-sub)}
.kursy-item__learn{list-style:none;width:100%;margin:0 0 1.75rem;padding:1.25rem 0 0;border-top:1px solid var(--border);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem 1.5rem}
.kursy-item__learn li{display:flex;align-items:flex-start;gap:.55rem;font-size:.875rem;line-height:1.5;color:var(--text-sub)}
.kursy-item__learn svg{flex:0 0 auto;margin-top:2px;color:var(--accent-ink)}
.kursy-item__actions{display:flex;flex-wrap:wrap;align-items:center;gap:.9rem 1.5rem;margin-top:auto}
.kursy-item__free{display:inline-flex;align-items:center;gap:.55rem;min-height:44px;font-size:.9rem;font-weight:700;color:var(--accent-dark);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.kursy-item__free:hover{color:var(--accent-ink)}
.kursy-item__play{position:relative;flex:0 0 auto;width:32px;height:32px;border-radius:50%;background:var(--accent)}
.kursy-item__play::before{content:"";position:absolute;left:12px;top:9px;border-style:solid;border-width:7px 0 7px 11px;border-color:transparent transparent transparent var(--accent-dark)}
@media(max-width:1199px){.kursy-item__learn{grid-template-columns:minmax(0,1fr)}}
@media(max-width:991px){
  .kursy-item{grid-template-columns:minmax(0,1fr)}
  .kursy-item__media{padding:1.5rem}
  .kursy-item__media img{max-width:300px}
}
@media(max-width:575px){
  .kursy-item__media img{max-width:220px}
  .kursy-item__body{padding:1.5rem 1.25rem}
  .kursy-item__actions .btn{width:100%;justify-content:space-between}
}
@media(prefers-reduced-motion:reduce){.kursy-item__media img,.kursy-item:hover .kursy-item__media img{transition:none;transform:none}}

/* Kursy w przygotowaniu: jasny box, trzy karty z okladka obok tekstu */
.kursy-soon{padding-top:clamp(1.5rem,3vw,2.5rem);padding-bottom:1.5rem}
.kursy-soon__box{background:var(--surface);border-radius:20px;padding:clamp(1.75rem,4vw,3rem)}
.kursy-soon__head{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:.5rem 2rem;margin-bottom:clamp(1.25rem,2.5vw,1.75rem)}
.kursy-soon__title{font-size:clamp(1.4rem,2.2vw,1.9rem);font-weight:800;color:var(--text);line-height:1.2;letter-spacing:-.02em;margin:0}
.kursy-soon__lead{margin:0;font-size:.95rem;line-height:1.6;color:var(--text-muted)}
.kursy-soon__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.kursy-soon__card{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem 1rem 1rem;background:#fff;border:1px solid var(--border);border-radius:16px}
.kursy-soon__media{flex:0 0 auto;width:96px;height:96px;border-radius:12px;background:var(--surface);overflow:hidden}
.kursy-soon__media img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.kursy-soon__body{display:flex;flex-direction:column;gap:.25rem;min-width:0}
.kursy-soon__badge{font-size:.68rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-ink)}
.kursy-soon__name{font-size:1rem;font-weight:800;line-height:1.3;color:var(--text)}
.kursy-soon__text{font-size:.8125rem;line-height:1.5;color:var(--text-muted)}
@media(max-width:1199px){.kursy-soon__grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:575px){.kursy-soon__media{width:76px;height:76px}.kursy-soon__card{padding:.85rem}}

/* ===== Strona kursu (templates/page-kurs.php, spec v3.26): strona sprzedazowa z klockow stron uslug.
   Hero, "Dlaczego ten kurs" (.gmf-gains), opinie, proces, plany i FAQ maja style wspolne (critical.css, main.css);
   tu tylko sekcje wlasne kursu. Jasne sekcje przeplataja sie z ciemnymi, zadne dwa ciemne boxy obok siebie. ===== */

/* Pasek kursantow pod hero (template-parts/kursy-proof.php, tez /moje-kursy/) */
.kurs-proof{padding-top:1.25rem;padding-bottom:.5rem}
.kurs-proof__box{display:flex;align-items:center;justify-content:space-between;gap:1.25rem 2.5rem;padding:1.25rem 2rem;background:var(--surface);border-radius:20px}
.kurs-proof__people{display:flex;align-items:center;gap:1rem;min-width:0}
.kurs-proof__faces{list-style:none;margin:0;padding:0 0 0 10px;display:flex}
.kurs-proof__faces li{flex:0 0 auto;width:42px;height:42px;margin-left:-10px;border:3px solid var(--surface);border-radius:50%;overflow:hidden;background:#dfe6e3}
.kurs-proof__faces img{display:block;width:100%;height:100%;object-fit:cover}
.kurs-proof__count{margin:0;display:flex;flex-direction:column;line-height:1.3}
.kurs-proof__count strong{font-size:1.0625rem;font-weight:800;color:var(--text);white-space:nowrap}
.kurs-proof__count span{font-size:.8125rem;color:var(--text-muted)}
.kurs-proof__facts{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:1rem 2rem}
.kurs-proof__fact{display:flex;align-items:center;gap:.7rem;min-width:0}
.kurs-proof__ico{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;background:#fff;border:1px solid var(--border);color:var(--accent-dark)}
.kurs-proof__txt{display:flex;flex-direction:column;line-height:1.3;font-size:.8125rem;color:var(--text-muted);text-decoration:none}
.kurs-proof__txt strong{font-size:.9375rem;font-weight:800;color:var(--text)}
a.kurs-proof__txt:hover strong{text-decoration:underline;text-underline-offset:3px}
.kurs-proof__stars{margin-left:.2rem;font-size:.8rem;letter-spacing:1px;color:#fbbc04}
.kurs-proof__txt strong,.kurs-proof__txt>span{white-space:nowrap}
/* 12 twarzy tylko na szerokim ekranie; na laptopie 8, zeby trzy fakty zmiescily sie w jednym rzedzie */
@media(min-width:1200px) and (max-width:1599px){.kurs-proof__faces li:nth-child(n+9){display:none}}
@media(max-width:1199px){
  .kurs-proof__box{flex-direction:column;align-items:stretch}
  .kurs-proof__facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:767px){
  .kurs-proof__box{padding:1.25rem 1rem}
  .kurs-proof__people{flex-wrap:wrap;gap:.65rem 1rem}
  .kurs-proof__faces li:nth-child(n+8){display:none}
  .kurs-proof__facts{grid-template-columns:minmax(0,1fr);gap:.85rem}
  .kurs-proof__ico{width:36px;height:36px;border-radius:10px}
}

/* Czym jest kurs: okladka obok opisu */
.kurs-about{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(2rem,5vw,5rem);align-items:center;padding-top:clamp(2.5rem,5vw,4.5rem);padding-bottom:clamp(1.5rem,3vw,2.5rem)}
/* Okladka kursu (kwadrat z wlasnym ciemnym tlem): zaokraglona, z cieniem, bez dodatkowej karty */
.kurs-about__media{position:relative;isolation:isolate;justify-self:center;width:100%;max-width:460px}
.kurs-about__media::before{content:"";position:absolute;inset:-12%;z-index:-1;border-radius:50%;background:radial-gradient(circle,rgba(1,223,157,.2),transparent 66%);pointer-events:none}
.kurs-about__media img{position:relative;display:block;width:100%;height:auto;border-radius:24px;box-shadow:0 30px 60px rgba(30,57,50,.24)}
.kurs-about__title{font-size:clamp(1.6rem,2.6vw,2.25rem);font-weight:800;color:var(--text);line-height:1.2;letter-spacing:-.02em;margin:0 0 1rem}
.kurs-about__lead{margin:0 0 1.75rem;font-size:1rem;line-height:1.75;color:var(--text-sub);max-width:68ch}
.kurs-about__label{margin:0 0 .85rem;font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}
.kurs-about__for{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem 1.5rem}
@media(max-width:1199px){.kurs-about__for{grid-template-columns:1fr}}
@media(max-width:991px){
  .kurs-about{grid-template-columns:1fr}
  .kurs-about__media{max-width:420px}
}
/* Telefon i tablet: hero pokazuje okladke nad tekstem, tu bylaby drugi raz zaraz pod nim */
@media(max-width:991px){.kurs-about__media{display:none}}

/* Brzmi znajomo? Jasny box z kartami problemow */
.kurs-pains{padding-top:clamp(1.5rem,3vw,2.5rem);padding-bottom:1.5rem}
.kurs-pains__box{background:var(--surface);border-radius:20px;padding:clamp(2rem,4vw,3.5rem)}
.kurs-pains__head{max-width:40rem;margin:0 auto clamp(1.5rem,3vw,2.25rem);text-align:center}
.kurs-pains__title{font-size:clamp(1.6rem,2.6vw,2.25rem);font-weight:800;color:var(--text);line-height:1.2;letter-spacing:-.02em;margin:0}
.kurs-pains__lead{margin:.65rem 0 0;font-size:.95rem;line-height:1.6;color:var(--text-muted)}
.kurs-pains__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
.kurs-pains__grid li{display:flex;align-items:flex-start;gap:.8rem;padding:1.15rem 1.25rem;background:#fff;border:1px solid var(--border);border-radius:16px;font-size:.9rem;font-weight:600;line-height:1.5;color:var(--text)}
.kurs-pains__ico{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--accent-dark);color:var(--accent);font-size:.85rem;font-weight:900;line-height:1}
@media(max-width:1199px){.kurs-pains__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:575px){.kurs-pains__grid{grid-template-columns:1fr;gap:.75rem}.kurs-pains__grid li{padding:1rem}}

/* Projekt z kursu / historia: ciemny box (.brand-split) i grafika obok */
.kurs-show .brand-box__lead{max-width:62ch}
.kurs-show .gmf-crosssell__list{margin-top:1.25rem}
.kurs-show .gmf-crosssell__actions{margin-top:1.75rem}
.kurs-show__visual{position:relative;margin:0;flex-direction:column;align-items:center}
.kurs-show__visual img{border-radius:20px}
.kurs-show__note{position:absolute;left:clamp(.75rem,2vw,1.25rem);bottom:clamp(.75rem,2vw,1.25rem);display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .9rem;border-radius:999px;background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.18);font-size:.8125rem;font-weight:800;color:var(--accent-dark)}

/* Darmowe lekcje: dwie karty z okladka filmu (odtwarzacz YouTube po kliknieciu) */
.kurs-videos{padding-top:clamp(2rem,4vw,3.5rem);padding-bottom:1.5rem}
.kurs-videos__head{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:.75rem 2rem;margin-bottom:clamp(1.5rem,3vw,2.25rem)}
.kurs-videos__title{font-size:clamp(1.6rem,2.6vw,2.25rem);font-weight:800;color:var(--text);line-height:1.2;letter-spacing:-.02em;margin:0}
.kurs-videos__lead{margin:0;max-width:52ch;font-size:.95rem;line-height:1.6;color:var(--text-muted)}
.kurs-videos__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1rem,2vw,1.5rem)}
.kurs-video{display:flex;flex-direction:column;padding:12px;background:var(--surface);border-radius:20px}
.kurs-video .yt-facade{border-radius:14px}
.kurs-video__body{padding:1.15rem 1rem .85rem}
.kurs-video__kicker{margin:0 0 .4rem;font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-ink)}
.kurs-video__title{margin:0 0 .45rem;font-size:1.125rem;font-weight:800;line-height:1.3;color:var(--text)}
.kurs-video__text{margin:0;font-size:.875rem;line-height:1.65;color:var(--text-muted)}
@media(max-width:767px){.kurs-videos__grid{grid-template-columns:1fr}.kurs-video{padding:8px}.kurs-video__body{padding:1rem .75rem .75rem}}
/* Szeroki ekran: naglowek w lewej kolumnie, dwa filmy obok (na 1920 px okladki mialy po 900 px szerokosci) */
@media(min-width:1400px){
  .kurs-videos{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,3fr);column-gap:clamp(2rem,3vw,3.5rem);align-items:start}
  .kurs-videos__head{flex-direction:column;align-items:flex-start;margin:0;padding-top:.5rem}
}

/* Program: moduly z lekcjami z platformy + karta zakupu przyklejona obok */
/* Desktop: naglowek i karta zakupu (przyklejona) po lewej, moduly po prawej - jak FAQ (wstep obok listy).
   Przy pelnej szerokosci modulow wiersze na 1920 px mialy ponad 1300 px i duzo pustego miejsca. */
.kurs-program{display:grid;grid-template-columns:minmax(300px,4fr) minmax(0,7fr);grid-template-areas:"head mods" "buy mods";grid-template-rows:auto 1fr;column-gap:clamp(2rem,4vw,4rem);align-items:start;padding-top:clamp(2rem,4vw,3.5rem);padding-bottom:1.5rem}
.kurs-program__head{grid-area:head;margin-bottom:clamp(1.25rem,2.5vw,1.75rem)}
.kurs-mods{grid-area:mods}
.kurs-program__title{font-size:clamp(1.6rem,2.6vw,2.25rem);font-weight:800;color:var(--text);line-height:1.2;letter-spacing:-.02em;margin:0}
.kurs-program__lead{margin:.6rem 0 0;font-size:.95rem;line-height:1.6;color:var(--text-muted)}
.kurs-mods{display:flex;flex-direction:column;gap:.75rem}
.kurs-mod{background:#fff;border:1px solid var(--border);border-radius:18px;transition:border-color .2s var(--ease),box-shadow .2s var(--ease)}
.kurs-mod[open]{border-color:rgba(30,57,50,.35);box-shadow:0 14px 36px rgba(30,57,50,.08)}
.kurs-mod__head{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;list-style:none}
summary.kurs-mod__head{cursor:pointer;border-radius:18px}
summary.kurs-mod__head::-webkit-details-marker{display:none}
summary.kurs-mod__head:hover .kurs-mod__chev{background:var(--accent)}
.kurs-mod__no{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:var(--accent);color:var(--accent-dark);font-size:.95rem;font-weight:900}
.kurs-mod__name{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}
.kurs-mod__title{font-size:1.0625rem;font-weight:800;line-height:1.3;color:var(--text)}
.kurs-mod__meta{font-size:.8125rem;color:var(--text-muted)}
.kurs-mod__chev{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--surface);color:var(--accent-dark);transform:rotate(90deg);transition:transform .2s var(--ease),background .2s var(--ease)}
.kurs-mod[open] .kurs-mod__chev{transform:rotate(-90deg)}
.kurs-mod__body{padding:0 1.25rem 1.25rem calc(1.25rem + 44px + 1rem)}
.kurs-mod__topics{list-style:none;margin:0 0 1rem;padding:0;display:flex;flex-wrap:wrap;gap:.4rem}
.kurs-mod__topics li{padding:.3rem .75rem;border-radius:999px;background:var(--surface);border:1px solid var(--border);font-size:.78rem;font-weight:600;line-height:1.4;color:var(--text-sub)}
.kurs-mod__lessons{list-style:none;margin:0;padding:0;border-top:1px solid var(--border)}
.kurs-mod__lessons li{display:flex;align-items:center;gap:.75rem;padding:.7rem 0;border-bottom:1px solid var(--border);font-size:.9rem;line-height:1.45;color:var(--text-sub)}
.kurs-mod__lessons li:last-child{padding-bottom:0;border-bottom:0}
.kurs-mod__ico{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:var(--surface);color:var(--text-muted)}
.kurs-mod__lessons li.is-free{font-weight:700;color:var(--text)}
.kurs-mod__lessons li.is-free .kurs-mod__ico{background:var(--accent);color:var(--accent-dark)}
.kurs-mod__lesson{flex:1 1 auto;min-width:0}
.kurs-mod__free{flex:0 0 auto;padding:.3rem .7rem;border-radius:999px;background:rgba(1,223,157,.16);font-size:.72rem;font-weight:800;color:var(--accent-ink);text-decoration:none;white-space:nowrap}
.kurs-mod__free:hover{background:var(--accent);color:var(--accent-dark)}
.kurs-mod--soon{background:var(--surface);border-style:dashed}
.kurs-mod--soon .kurs-mod__no{background:#fff;border:1px solid var(--border);color:var(--text-muted)}
.kurs-mod__badge{flex:0 0 auto;padding:.3rem .75rem;border-radius:999px;background:#fff;border:1px solid var(--border);font-size:.68rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);white-space:nowrap}
.kurs-buy{grid-area:buy;position:sticky;top:calc(var(--header-h,72px) + 1.5rem);max-width:520px}
.admin-bar .kurs-buy{top:calc(var(--header-h,72px) + 1.5rem + 32px)}
.kurs-buy__card{position:relative;overflow:hidden;padding:clamp(1.5rem,2.5vw,2rem);border-radius:20px;background:linear-gradient(158deg,#24463c 0%,var(--accent-dark) 55%,#152c26 100%);color:#fff;box-shadow:0 24px 60px rgba(30,57,50,.22)}
.kurs-buy__card::before{content:"";position:absolute;top:-35%;right:-35%;width:85%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(1,223,157,.24),transparent 66%);pointer-events:none}
.kurs-buy__card>*{position:relative}
.kurs-buy__kicker{margin:0 0 .5rem;font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}
.kurs-buy__price{margin:0;font-size:.95rem;color:rgba(255,255,255,.75)}
.kurs-buy__price strong{font-size:2.25rem;font-weight:900;letter-spacing:-.02em;line-height:1.1;color:#fff}
.kurs-buy__per{font-size:.875rem}
.kurs-buy__alt{margin:.4rem 0 0;font-size:.85rem;line-height:1.5;color:rgba(255,255,255,.72)}
.kurs-buy__list{list-style:none;margin:1.35rem 0 1.5rem;padding:1.35rem 0 0;border-top:1px solid rgba(255,255,255,.14);display:flex;flex-direction:column;gap:.7rem}
.kurs-buy__list li{display:flex;align-items:flex-start;gap:.6rem;font-size:.875rem;line-height:1.45;color:rgba(255,255,255,.88)}
.kurs-buy__list svg{flex:0 0 auto;margin-top:2px;color:var(--accent)}
.kurs-buy__cta{width:100%;justify-content:space-between}
.kurs-buy__login{margin:1rem 0 0;font-size:.8125rem;text-align:center;color:rgba(255,255,255,.7)}
.kurs-buy__login a{font-weight:700;color:#fff;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.kurs-buy__login a:hover{color:var(--accent)}
.kurs-buy :focus-visible{outline-color:var(--accent)}
@media(max-width:991px){
  .kurs-program{grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "mods" "buy";grid-template-rows:auto}
  .kurs-buy{position:static;max-width:none;margin-top:1.25rem}
}
/* Tablet: karta zakupu w dwoch kolumnach (cena i przycisk | lista), bez przycisku na cala szerokosc ekranu */
@media(min-width:576px) and (max-width:991px){
  .kurs-buy__card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"kicker list" "price list" "alt list" "cta list" "login list";grid-template-rows:auto auto auto auto 1fr;column-gap:2rem}
  .kurs-buy__kicker{grid-area:kicker}
  .kurs-buy__price{grid-area:price}
  .kurs-buy__alt{grid-area:alt}
  .kurs-buy__list{grid-area:list;align-self:center;margin:0;padding:0 0 0 2rem;border-top:0;border-left:1px solid rgba(255,255,255,.14)}
  .kurs-buy__cta{grid-area:cta;margin-top:1.25rem}
  .kurs-buy__login{grid-area:login;text-align:left}
}
@media(max-width:575px){
  .kurs-mod__head{gap:.75rem;padding:.9rem 1rem}
  .kurs-mod__no{width:38px;height:38px;border-radius:10px;font-size:.85rem}
  .kurs-mod__title{font-size:1rem}
  .kurs-mod__body{padding:0 1rem 1rem}
  .kurs-mod__badge{display:none}
  .kurs-mod--soon .kurs-mod__meta::before{content:"W przygotowaniu: ";font-weight:700}
}

/* Czego sie nauczysz / czego potrzebujesz */
.kurs-learn{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:clamp(1rem,2vw,1.5rem);align-items:stretch;padding-top:clamp(1.5rem,3vw,2.5rem);padding-bottom:1.5rem}
.kurs-learn:not(:has(.kurs-learn__card--soft)){grid-template-columns:minmax(0,1fr)}
.kurs-learn__card{padding:clamp(1.75rem,3vw,2.5rem);background:#fff;border:1px solid var(--border);border-radius:20px}
.kurs-learn__card--soft{background:var(--surface);border-color:transparent}
.kurs-learn__title{display:flex;align-items:center;gap:.75rem;margin:0 0 1.35rem;font-size:clamp(1.25rem,1.8vw,1.5rem);font-weight:800;line-height:1.25;color:var(--text)}
.kurs-learn__ico{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;background:var(--accent);color:var(--accent-dark)}
.kurs-learn__card--soft .kurs-learn__ico{background:#fff;border:1px solid var(--border)}
.kurs-learn__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem 1.75rem}
.kurs-learn__card--soft .kurs-learn__list{grid-template-columns:minmax(0,1fr)}
.kurs-learn__list li{display:flex;align-items:flex-start;gap:.65rem;font-size:.9rem;line-height:1.55;color:var(--text-sub)}
.kurs-learn__list svg{flex:0 0 auto;margin-top:3px;color:var(--accent-ink)}
.kurs-learn__list--dots li::before{content:"";flex:0 0 auto;width:8px;height:8px;margin-top:.5em;border-radius:50%;background:var(--accent-ink)}
.kurs-learn__label{margin:1.75rem 0 .75rem;font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}
.kurs-tools{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.45rem}
.kurs-tools li{padding:.35rem .8rem;border-radius:999px;background:var(--surface);border:1px solid var(--border);font-size:.8rem;font-weight:700;color:var(--accent-dark)}
@media(max-width:1199px){.kurs-learn__list{grid-template-columns:minmax(0,1fr)}}
@media(max-width:991px){.kurs-learn{grid-template-columns:minmax(0,1fr)}}

/* Autor kursu: zdjecie, tekst i liczby */
.kurs-author{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(2rem,5vw,5rem);align-items:center;padding-top:clamp(2rem,4vw,3.5rem);padding-bottom:clamp(1.5rem,3vw,2.5rem)}
.kurs-author__photo{justify-self:center;width:100%;max-width:560px;border-radius:20px;overflow:hidden;background:var(--surface)}
.kurs-author__photo img{display:block;width:100%;height:auto}
.kurs-author__title{font-size:clamp(1.6rem,2.6vw,2.25rem);font-weight:800;color:var(--text);line-height:1.2;letter-spacing:-.02em;margin:0 0 1rem}
.kurs-author__p{margin:0 0 1rem;max-width:68ch;font-size:1rem;line-height:1.75;color:var(--text-sub)}
.kurs-author__stats{list-style:none;margin:1.75rem 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}
.kurs-author__stats li{display:flex;flex-direction:column;gap:.25rem;padding:1rem 1.1rem;border-radius:16px;background:var(--surface)}
.kurs-author__stats strong{font-size:1.5rem;font-weight:900;line-height:1.1;letter-spacing:-.02em;color:var(--accent-dark);white-space:nowrap}
.kurs-author__stats span{font-size:.78rem;line-height:1.4;color:var(--text-muted)}
.kurs-author__links{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.5rem}
.kurs-author__yt{display:inline-flex;align-items:center;gap:.5rem;min-height:44px;font-size:.9rem;font-weight:700;color:var(--accent-dark);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.kurs-author__yt:hover{color:var(--accent-ink)}
@media(max-width:1399px){.kurs-author__stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:991px){.kurs-author{grid-template-columns:minmax(0,1fr)}.kurs-author__photo{max-width:480px}}

/* Certyfikat: wzor certyfikatu (albo kafel z ikona) obok opisu */
.kurs-cert{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2rem,5vw,5rem);align-items:center;padding-top:clamp(2rem,4vw,3.5rem);padding-bottom:clamp(1.5rem,3vw,2.5rem)}
.kurs-cert__media{justify-self:center;width:100%;max-width:640px}
.kurs-cert__media img{display:block;width:100%;height:auto;border-radius:14px;box-shadow:0 24px 60px rgba(30,57,50,.18)}
/* Bez grafiki certyfikatu: kartka z elementami z listy obok (poglądowo) na jasnym tle z mietowa poswiata */
.kurs-cert--noimg .kurs-cert__media{position:relative;padding:clamp(1.25rem,4vw,3rem);border-radius:20px;background:radial-gradient(70% 70% at 50% 60%,rgba(1,223,157,.2),transparent 70%),var(--surface)}
.kurs-cert__paper{position:relative;display:flex;flex-direction:column;align-items:center;aspect-ratio:1.414;padding:clamp(1.25rem,3vw,2.25rem) clamp(1.25rem,3vw,2.5rem);border-radius:10px;background:#fff;box-shadow:0 24px 60px rgba(30,57,50,.16);text-align:center;color:var(--text);transform:rotate(-2deg)}
.kurs-cert__paper::before{content:"";position:absolute;inset:10px;border:2px solid rgba(30,57,50,.12);border-radius:6px;pointer-events:none}
.kurs-cert__kicker{margin-top:auto;font-size:clamp(1.25rem,2.4vw,1.75rem);font-weight:900;letter-spacing:.18em;text-transform:uppercase;color:var(--accent-dark)}
.kurs-cert__of{font-size:.8rem;letter-spacing:.06em;color:var(--text-muted)}
.kurs-cert__course{margin-top:.75rem;font-size:clamp(.95rem,1.6vw,1.15rem);font-weight:800;color:var(--accent-ink)}
.kurs-cert__line{width:min(70%,320px);margin-top:clamp(1rem,2.5vw,1.6rem);padding-top:.4rem;border-top:1px solid rgba(30,57,50,.3);font-size:.72rem;color:var(--text-muted)}
.kurs-cert__foot{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;width:100%;margin-top:auto}
.kurs-cert__sign{flex:1 1 0;padding-top:.35rem;border-top:1px solid rgba(30,57,50,.3);font-size:.68rem;color:var(--text-muted)}
.kurs-cert__seal{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:clamp(48px,6vw,60px);height:clamp(48px,6vw,60px);border-radius:50%;background:var(--accent);color:var(--accent-dark);box-shadow:0 0 0 5px rgba(1,223,157,.2)}
.kurs-cert__title{font-size:clamp(1.6rem,2.6vw,2.25rem);font-weight:800;color:var(--text);line-height:1.2;letter-spacing:-.02em;margin:0 0 1rem}
.kurs-cert__lead{margin:0 0 1.5rem;max-width:62ch;font-size:1rem;line-height:1.75;color:var(--text-sub)}
@media(max-width:991px){.kurs-cert{grid-template-columns:minmax(0,1fr)}.kurs-cert__media{max-width:560px}}