/* =============================================================================
   dcCMS — Achilles :: custom.css
   Wszystko, co specyficzne dla projektu: klasy sekcji (.dla-kogo, .cta...),
   warianty bloków wpisywane w pole "Klasa CSS" (dc-card--*, dc-cta--offer-*...).
   main.css = rdzeń dcCMS. Ładowany w head.tpl ZARAZ PO main.css (przed site-chrome.css),
   żeby kaskada była 1:1 jak przed przeniesieniem.
   ============================================================================= */
/* ─── HEADER ───   */


.site-header__bar .dc-button--primary {padding:12px 40px; border:2px solid var(--orange); border-radius:var(--radius-2xl); background-color: var(--orange);}
.site-header__bar .dc-button--primary:hover {border:2px solid var(--orange); background-color: var(--color-surface);color:var(--orange);}
.site-header__bar .dc-button--primary svg {margin-right:5px;}

/* ─── SLIDER — sekcja ze sliderem ── */
.sekcja-slider {min-height:0!important; }



/* ─── STRONA GŁÓWNA — „Dla kogo” (.dla-kogo) ── */
.dla-kogo .dc-card {padding:0!important;}
.dla-kogo .dc-card__image img {object-fit:none!important; border-radius:0;}
.dla-kogo .dc-card__title {margin-left: 2rem; margin-right: 2rem;}
.dla-kogo .dc-card__description {margin-left: 2rem; margin-right: 2rem;}
.dla-kogo .dc-card__description ul {margin-top:1.25rem; list-style-position: inside; list-style-type: none;}
.dla-kogo .dc-card__description li::before {margin-right:5px; position:relative; top:5px; content:""; display: inline-block; background-image: url("../../img/svg/check.svg"); width:24px; height: 24px; }
.dla-kogo .dc-card__footer {margin:auto 2rem 2rem 2rem;}

/* ─── STRONA GŁÓWNA — „Jak działa” ── */

.jak-dziala .dc-card {padding: 0;}
.jak-dziala .dc-card .dc-card__tag {position: absolute; top:30%; right:5%;background: color-mix(in srgb, var(--navy) 60%, transparent); color:var(--color-surface);}
.jak-dziala .dc-card .dc-card__footer, .jak-dziala .dc-card .dc-card__content {padding:30px;}
.jak-dziala .dc-card .dc-card__description {padding-bottom:25px; border-bottom:2px solid var(--teal);}
.jak-dziala .dc-card .dc-card__footer--priced {margin:0; padding-top:0; border:0px;}
.jak-dziala .dc-card .dc-card__content {padding-bottom:0;}

/* ─── STRONA GŁÓWNA — „Nasz proces” ── */

.nasz-proces .dc-card {box-shadow:none;}
.nasz-proces {background-image:url("../../img/bg-nasz-proces.jpg"); background-repeat: no-repeat; background-position: center top;}
.nasz-proces .dc-card--default {padding:0;background:transparent;}
.nasz-proces .dc-card:hover {box-shadow:none; transform: none;}
.nasz-proces .dc-card__title {display:flex; flex-direction: row; color:var(--color-surface);}

.nasz-proces .dc-card__title .number, .nasz-proces .dc-card__title .txt {display:inline-block;}
.nasz-proces .dc-card__title .number {padding-right:15px; font-size:var(--fs-h2); border-right: 1px solid var(--teal);} 
.nasz-proces .dc-card__title .txt {padding-left:15px; font-size: clamp(16px, 2vw, 24px); text-align:left;}

.nasz-proces .dc-card__tag {display:block; color: var(--teal); width:100%; background:transparent;}
.nasz-proces .dc-card__description {color:var(--color-surface);}
.nasz-proces .dc-card__icon--svg {width:100%;}

/* ─── TEKST pod nagłówkiem hero (.header-subtext) ── */
.header-subtext .dc-text {font-size: var(--fs-body-xl);}

/* ─── CTA HOME ── */

.cta-home {background-image:url(../../img/bg-call2action-home.jpg); background-position: center top; background-repeat: no-repeat;background-size: contain;}
.cta-home .dc-text {width:100%; display:flex; flex-direction: row; color:var(--color-surface);}
.cta-home .dc-text .c1, .cta-home .dc-text .c2 {width:29%}
.cta-home .dc-text .c3 {width:40%;}


.cta-home .dc-text .c1 h2 {padding:20% 0;font-weight:var(--fw-extrabold); font-size:var(--fs-display); text-align: center; }
.cta-home .dc-text .c2 {padding:0 1%; border-left: 2px solid var(--color-surface);border-right: 2px solid var(--color-surface);}
.cta-home .dc-text .c2 h3 {padding:10% 0; font-weight: var(--fw-extrabold); font-size: var(--fs-h3); text-align: center;}
.cta-home .dc-text .c3 {padding-left:2%;}
.cta-home .dc-text .c3 p {font-weight: var(--fw-semibold);}
.cta-home .dc-text .c3 .orange li {list-style-type:none;}
.cta-home .dc-text .c3 .orange li::before {content:""; display: inline-block; margin-right:10px; width:16px; height: 16px; background-image: url("../../img/svg/check-orange.svg"); background-repeat: no-repeat; background-position: left 2px;}

@media(max-width:768px){
	
	.cta-home {background:none; background-color:var(--deep-teal)!important;}
	.cta-home .dc-text {flex-direction: column;}
	.cta-home .dc-text .c1, .cta-home .dc-text .c2, .cta-home .dc-text .c3 {margin:2% 0;width:100%}
	.cta-home .dc-text .c2 {padding:1% 0;border-left:0px; border-right:0px; border-top: 2px solid var(--color-surface);border-bottom: 2px solid var(--color-surface);}
	.cta-home .dc-text .c1 h2 {padding:2% 0;}
}


/* ─── CTA — sekcje Achillesa (.cta, .cta-achilles, .cta-achilles-alterantive) ── */
.cta .dc-columns {justify-content:center;}
/* Kolumna-baner: navy + wkładki w tle po prawej. Padding z !important, bo main.css ma .dc-column {padding-left/right:12px!important} (wygrywa też z inline padding z buildera). */
.dc-column.cta-achilles {position:relative;background:var(--navy) url('../../img/cta-wkladki.png') no-repeat right 4% center / 40% auto;border-radius:var(--radius-2xl);
    padding:clamp(48px,6vw,96px) clamp(24px,6vw,104px)!important;}
.cta-achilles > .dc-block {max-width:55%;} /* lewe 55% tekst, prawe ~40% obrazek */
.cta-achilles .dc-cta {padding:0;}
.cta-achilles .dc-cta__title {margin:0 0 24px;font-size:var(--fs-display);line-height:1.05;letter-spacing:var(--ls-tight);font-weight:var(--fw-extrabold);color:#fff;}
.cta-achilles .dc-cta__description {max-width:none;margin:0 0 40px;font-size:var(--fs-body-xl);line-height:1.6;color:#fff;}
.cta-achilles .dc-text {margin-top:24px;}
.cta-achilles .dc-text p {margin:0;font-size:var(--fs-body-lg);color:#fff;}
/* Przycisk: pomarańczowa pigułka, ikona kalendarza + pionowa kreska — 3 warstwy tła (ikona, kreska, kolor) */
.cta .dc-button {gap:0;padding:22px 40px 22px 96px;border:0;border-radius:var(--radius-pill);font-size:var(--fs-body-lg);font-weight:var(--fw-bold);color:#fff;
    background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='18' height='18' x='3' y='4' rx='2'/%3E%3Cpath d='M16 2v4M8 2v4M3 10h18M8 14h.01M12 14h.01M16 14h.01M8 18h.01M12 18h.01M16 18h.01'/%3E%3C/svg%3E") no-repeat left 32px center / 24px 24px, linear-gradient(#fff,#fff) no-repeat left 72px center / 2px 50%, var(--orange);}
.cta .dc-button:hover {background-color:#E65C00;color:#fff;}
@media (max-width: 991px) {
    .dc-column.cta-achilles {background-position:center bottom 32px;background-size:min(420px,85%) auto;padding-bottom:clamp(200px,58vw,280px)!important;}
    .cta-achilles > .dc-block {max-width:none;}
}
.cta .dc-text {color:var(--color-surface);}
.cta .dc-text a {font-weight:600;color:var(--color-surface); text-decoration: none;}
.cta .dc-text a:hover {text-decoration: underline;}
.cta-achilles-alterantive .dc-cta {background:var(--mint);border-radius:var(--radius-lg);padding:15px 40px;}
.cta-achilles-alterantive .dc-cta {display:flex; flex-direction: row;}
.cta-achilles-alterantive .dc-cta__title {font-size: var(--fs-h1)!important; line-height: var(--lh-heading); color:var( --deep-teal)!important; letter-spacing: var(--ls-tight); font-weight: var(--fw-extrabold); font-family: var(--font-heading);}
.cta-achilles-alterantive .dc-cta__description {margin-bottom:0!important; font-size: var(--fs-sm); color:var(--navy);}
.cta-achilles-alterantive .dc-cta__description .upper { font-weight: var(--fw-bold); text-transform:uppercase;}
.cta-achilles-alterantive .dc-cta__description .accent {font-weight: var(--fw-semibold); font-size:var(--fs-h4); color: var( --navy);}
.cta-achilles-alterantive .dc-button {display:none;}

/* ─── Card: warianty "flat" i "chip" (dodane 10.09.2026, podstrony Next) ── */
/* Użycie: wpisz w polu "Klasa CSS" bloku Card (css_class) wartość dc-card--flat lub dc-card--chip — nic więcej nie trzeba zmieniać. */
.dc-card--flat .dc-card {background:transparent;box-shadow:none;}
.dc-card--flat .dc-card:hover {box-shadow:none;transform:none;}
.dc-card--flat-onnavy .dc-card__icon--svg {color:var(--mint);}
.dc-card--flat-onnavy .dc-card__title {color:#fff;}
.dc-card--flat-onnavy .dc-card__description {color:var(--white-85);}
.dc-card--flat-onnavy.dc-card--flat .dc-card {padding:24px;border-radius:var(--radius-lg);}
.dc-card--flat-onnavy.dc-card--flat .dc-card:hover {box-shadow:var(--shadow-sm);}
.dc-card--chip .dc-card {padding:12px 16px;box-shadow:var(--shadow-xs);}
.dc-card--chip .dc-card:hover {box-shadow:var(--shadow-xs);transform:none;}
.dc-card--chip .dc-card__inner {display:flex;align-items:center;gap:12px;text-align:left;}
.dc-card--chip .dc-card__icon--svg {width:18px;height:18px;margin-bottom:0;flex-shrink:0;}
.dc-card--chip .dc-card__title {margin:0;font-size:14px;font-weight:var(--fw-medium);}

.salon .dc-card--default .dc-card__description {color:var(--navy);}

.bol-nie-pyta .dc-header, .proces .dc-header {font-size:var(--fs-h2); color:var(--navy)!important;}
.bol-nie-pyta .dc-text p, .proces .dc-text p {font-size: var(--fs-body-xl);}

.bol-nie-pyta .dc-card__inner {align-items: center;}
.bol-nie-pyta .dc-card__icon--svg {padding:10px; background-color:var(--mint);border-radius:var(--radius-md);}
.bol-nie-pyta .dc-card__icon--svg svg {stroke:var(--teal);}

.proces .dc-card--step .dc-card__tag {margin-bottom:0;}

/* .czym-jest-badanie .dc-card--feature-line {margin:15px 0;}*/
.czym-jest-badanie .dc-card__inner {flex-direction:row;}
.czym-jest-badanie .dc-card__inner .dc-card__icon svg {stroke:var(--mint);}
.czym-jest-badanie .dc-card__content .dc-card__description {color:var(--white-85);}

/* ─── CTA: warianty "offer" pod baner -50% (dodane 10.09.2026, podstrony Next) ── */
/* Użycie: css_class bloku CTA = dc-cta--offer-banner (krótki, poziomy, cennik/badanie) albo dc-cta--offer-card (rozbudowany, navy, wkładki). */
/* Duży numer "-50%" wpisz w polu Tytuł jako <span class="dc-cta__stat">-50%</span> przed resztą tekstu. Listę warunków wpisz w polu Opis jako zwykłe <ul><li>...</li></ul> — pole już dziś renderuje się jako czysty HTML. */
.dc-cta__stat {display:block;font-family:var(--font-heading);font-weight:var(--fw-extrabold);line-height:1;margin-bottom:12px;}
.dc-cta__eyebrow {display:block;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:4px;}
.dc-cta--offer-banner .dc-cta__eyebrow {color:var(--deep-teal);}
.dc-cta--offer-card .dc-cta__eyebrow {color:var(--mint);}
.dc-cta--offer-banner {background:var(--mint);border-radius:var(--radius-lg);padding:32px 40px;}
.dc-cta--offer-banner .dc-cta__stat {font-size:clamp(40px,6vw,64px);color:var(--deep-teal);}
.dc-cta--offer-banner .dc-cta__title {color:var(--navy);font-size:20px;margin:0;}
.dc-cta--offer-banner .dc-cta__description {color:var(--deep-teal);margin-top:8px;}
.dc-cta--offer-banner .dc-button {display:none;} /* renderer zawsze wypisuje <a class="btn">; w krótkim wariancie -50% przycisku nie ma — zostaw pole "Tekst przycisku" puste, i tak jest ukryty */
.dc-cta--offer-card {background:var(--navy);border-radius:var(--radius-lg);padding:48px 32px;box-shadow:var(--shadow-xl);}
.dc-cta--offer-card .dc-cta__stat {font-size:clamp(48px,7vw,72px);color:var(--mint);}
.dc-cta--offer-card .dc-cta__title {color:#fff;font-size:28px;margin:0;}
.dc-cta--offer-card .dc-cta__description {color:var(--white-85);max-width:540px;margin:16px auto 0;}
.dc-cta--offer-card .dc-cta__description ul {list-style:none;margin:24px auto 0;padding:0;max-width:540px;text-align:left;display:flex;flex-direction:column;gap:12px;}
.dc-cta--offer-card .dc-cta__description li {display:flex;gap:10px;font-size:15px;line-height:1.65;}
.dc-cta--offer-card .dc-cta__description li::before {content:"✓";flex-shrink:0;color:var(--mint);font-weight:var(--fw-bold);}
.dc-cta--offer-card .dc-button {margin-top:24px;}

/* ─── Formularz kontaktowy: placeholder pod /kontakt (dodane 10.09.2026) ── */
/* Statyczna makieta w Text blocku, disabled — realny formularz (dc-form) podepniesz przez blok Form, ta klasa tylko na czas oczekiwania na wpis w formbuilderze. */
.dc-form-placeholder {display:flex;flex-direction:column;gap:16px;background:#fff;border-radius:var(--radius-lg);padding:32px;box-shadow:var(--shadow-md);}
.dc-form-placeholder__group {display:flex;flex-direction:column;gap:6px;}
.dc-form-placeholder label {font-size:14px;font-weight:var(--fw-medium);color:var(--navy);}
.dc-form-placeholder input, .dc-form-placeholder select, .dc-form-placeholder textarea {border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:12px 16px;font-size:15px;color:var(--navy);background:#fff;}
.dc-form-placeholder input:disabled, .dc-form-placeholder select:disabled, .dc-form-placeholder textarea:disabled {cursor:not-allowed;opacity:.6;}
.dc-form-placeholder__submit {margin-top:8px;width:100%;border-radius:var(--radius-sm);padding:14px 24px;font-size:15px;font-weight:var(--fw-semibold);color:#fff;background:var(--navy);opacity:.5;cursor:not-allowed;border:0;}
.dc-form-placeholder__note {text-align:center;font-size:13px;color:var(--color-text-muted);}

/* ─── Text: notatka w boxie (dodane 10.09.2026) ── */
/* Użycie: css_class bloku Text = dc-text--note-mint. Treść wpisz jako zwykłe akapity <p>, ewentualnie <strong> na pierwsze słowa. */
.dc-text--note-mint .dc-text {background:var(--mint);border-radius:var(--radius-lg);padding:48px 32px;text-align:center;color:var(--deep-teal);}
.dc-text--note-mint .dc-text strong {color:var(--navy);}
.dc-text--note-mint .dc-text p {max-width:760px;margin:0 auto 16px;}
.dc-text--note-mint .dc-text p:last-child {margin-bottom:0;}

/* ─── Column: wariant "card" — biała karta z cieniem wokół zawartości kolumny (dodane 10.09.2026) ── */
/* Użycie: wpisz w polu "Klasa CSS" KOLUMNY (nie bloku!) wartość dc-column--card — klasa trafia bezpośrednio na .dc-column. */
.dc-column--card {background:#fff;border-radius:var(--radius-lg);padding:40px;box-shadow:var(--shadow-md);}

/* ─── Card: wariant "file-row" — wiersz pliku do pobrania (dodane 10.09.2026, /zalaczniki) ── */
/* Użycie: css_class bloku Card = dc-card--file-row. Ikonę wklej w polu "Ikona SVG". Gdy dokument gotowy: uzupełnij "Link" (URL do PDF) i pole "Tekst linku" np. "Pobierz" — pojawi się przycisk; przy pustym linku wiersz zostaje "cichy" (bez przycisku), tak jak dziś dla wszystkich 4 wpisów. */

.dc-section.attach {min-height:50vh;}

.hero-attach-p p {font-size: var(--fs-body-xl); color: var(--white-85);}

.dc-card--file-row {margin-bottom:1rem;}
.dc-card--file-row .dc-card {display:flex;align-items:center; background:#fff;border-radius:var(--radius-lg);padding:10px 24px;box-shadow:var(--shadow-md);text-align:left;}
.dc-card--file-row .dc-card:hover {box-shadow:var(--shadow-md);transform:none;}
.dc-card--file-row .dc-card__inner {margin:0 0 0 auto; display:flex; flex-direction: row; align-items:center;gap:20px;flex:1;text-align:left;}
.dc-card--file-row .dc-card__inner .dc-card__icon {order:1;}
.dc-card--file-row .dc-card__inner .dc-card__content {padding-top:10px; order:2;}
.dc-card--file-row .dc-card__inner .dc-card__tag {margin-left:auto; order:3;flex-shrink:0;}
.dc-card--file-row .dc-card__icon--svg {width:48px;height:48px;flex-shrink:0;margin-bottom:0;background:var(--mint);border-radius:var(--radius-md);padding:12px;color:var(--teal);box-sizing:border-box;}
.dc-card--file-row .dc-card__icon--svg svg {width:100%;height:100%;}
.dc-card--file-row .dc-card__inner .dc-card__tag {background:transparent; color: var(--ink-400);}
.dc-card--file-row .dc-card__title {margin:0;font-size:17px;}
.dc-card--file-row .dc-card__description {margin-top:4px;font-size:14px;}
.dc-card--file-row .dc-card__description em {font-style:normal;color:var(--color-text-muted);}
.dc-card--file-row .dc-card__footer {margin:0 0 0 auto;border:0;padding:0;flex-shrink:0;}
.dc-card--file-row .dc-card__link {background:var(--teal);color:#fff;padding:10px 16px;border-radius:4px;font-size:14px;font-weight:600;}
@media (max-width:640px) {
  .dc-card--file-row .dc-card, .dc-card--file-row .dc-card__inner {flex-wrap:wrap;}
  .dc-card--file-row .dc-card__footer {margin-left:0;width:100%;}
}

.small .dc-text p{font-size: var(--fs-xs); display:flex;align-items:flex-start;gap:8px;}
.small .dc-text p::before{content:"";flex-shrink:0;width:16px;height:16px;margin-top:3px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%233088A7' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 16v-4'/%3E%3Cpath d='M12 8h.01'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;}

.dc-card--step .dc-card {background:transparent;box-shadow:none;padding:0;text-align:left;}
.dc-card--step .dc-card:hover {box-shadow:none;transform:none;}
.dc-card--step .dc-card__inner {display:grid;grid-template-columns:48px 1fr;grid-template-rows:auto auto auto;column-gap:20px;row-gap:2px;text-align:left;}
.dc-card--step .dc-card__icon--svg {grid-column:1;grid-row:1/4;margin:0;width:48px;height:48px;background:var(--mint);border-radius:var(--radius-md);padding:12px;color:var(--teal);box-sizing:border-box;}
.dc-card--step .dc-card__tag {grid-column:2;grid-row:1;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--teal);background:none;padding:0;border-radius:0;}
.dc-card--step .dc-card__content {grid-column:2;grid-row:2;}
.dc-card--step .dc-card__title {margin:4px 0 0;font-size:20px;}
.dc-card--step .dc-card__description {margin-top:8px;font-size:15px;}
.dc-card--step .dc-card__footer {grid-column:2;grid-row:3;margin-top:8px;border:0;padding:0;}
.dc-card--step .dc-card__link {font-size:14px;}
.dc-card--step-onnavy .dc-card__title {color:#fff;}
.dc-card--step-onnavy .dc-card__description {color:var(--white-85);}
.dc-card--step-onnavy .dc-card__tag {color:var(--mint);}

.dc-card--feature-line .dc-card {background:transparent;box-shadow:none;padding:0;text-align:left;}
.dc-card--feature-line .dc-card:hover {box-shadow:none;transform:none;}
.dc-card--feature-line .dc-card__inner {display:flex;align-items:flex-start;gap:12px;text-align:left;}
.dc-card--feature-line .dc-card__icon--svg {width:20px;height:20px;flex-shrink:0;margin:2px 0 0;color:var(--teal);}
.dc-card--feature-line .dc-card__description {margin:0;font-size:14px;font-weight:500;color:var(--navy);}
.dc-card--feature-line .dc-card__description strong {font-weight:700;}
.dc-card--feature-line-onnavy .dc-card__icon--svg {color:var(--mint);}
.dc-card--feature-line-onnavy .dc-card__description {color:#fff;}

.dc-section.subhero:first-child .dc-header {font-size:var(--fs-h1);line-height:var(--lh-heading);letter-spacing:var(--ls-tight);font-weight:var(--fw-extrabold);font-family:var(--font-heading);}

.dc-text--onnavy .dc-text, .dc-text--onnavy .dc-text p { color: rgba(255,255,255,.85); }

.dc-eyebrow .dc-text, .dc-eyebrow .dc-text p { font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.1em; color:var(--teal); margin:0; }
.dc-eyebrow--onnavy .dc-text, .dc-eyebrow--onnavy .dc-text p { color:var(--mint); }

/* ---- Karuzela opinii (CarouselRenderer: wszystkie slajdy z oceną 1–5) — karty zanikają po bokach ---- */
/* .swiper.dc-carousel--reviews — custom.css ładuje się PRZED swiper-bundle.min.css, a ten zeruje .swiper {padding:0} */
.swiper.dc-carousel--reviews {padding:24px 0 40px;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 14%,#000 86%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 14%,#000 86%,transparent 100%);}
.dc-carousel--reviews .swiper-slide {height:auto;max-height:none;}
.dc-review {display:flex;flex-direction:column;height:100%;margin:0;padding:40px 48px;background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-md);box-sizing:border-box;}
.dc-review__stars {display:flex;gap:4px;color:var(--teal);}
.dc-review__stars svg {display:block;}
.dc-review__stars svg.is-empty {color:var(--ink-200);}
.dc-review__quote {margin:24px 0 32px;font-family:var(--font-body);font-size:var(--fs-body-lg);line-height:var(--lh-relaxed);color:var(--ink-600);}
.dc-review__author {display:flex;align-items:center;gap:16px;margin-top:auto;padding-top:24px;border-top:2px solid var(--teal);}
.dc-review .dc-review__avatar {flex:0 0 56px;width:56px;height:56px;border-radius:50%;object-fit:cover;}
.dc-review__who {display:flex;flex-direction:column;justify-content:center;gap:2px;min-width:0;min-height:56px;} /* min-height = awatar → kreska na tej samej wysokości z awatarem i bez */
.dc-review__name {font-family:var(--font-body);font-size:var(--fs-body-lg);font-weight:var(--fw-bold);color:var(--navy);}
.dc-review__source {font-family:var(--font-body);font-size:var(--fs-sm);color:var(--ink-600);}
@media (max-width: 767px) {
    .dc-carousel--reviews {-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%);}
    .dc-review {padding:28px 24px;}
    .dc-review__quote {margin:16px 0 24px;font-size:var(--fs-body);}
}

/* ─── LICZNIKI — kolory na ciemnym tle (nadpisuje CSS modułu counters, który ładuje się po tym pliku — stąd podwójna klasa) ── */
.dc-counters .dc-counters__value {font-size: clamp(1.75rem, 3vw, 2.5rem); color: var(--color-surface);}
.dc-counters .dc-counters__affix {font-size: clamp(1.75rem, 3vw, 2.5rem); color: var(--color-surface);}
.dc-counters .dc-counters__label {font-weight: var(--fw-light); color: var(--white-85);}