/* TRICHOLINE SCALP & HAIR - motyw „pięć pasm”. Tokeny ze strony serii (purpura marki #8A337E, głęboki fiolet #2C1F33,
   lawendowa mgiełka #FCFAFD / #F5EFF7), logo #672F85 na liliowym kole #D2CDE7 i 5 kolorów podlinii ze stron produktów
   (materiały: identyfikacja-wizualna.json). Motywy: pięć pasm (linie gradientowe podlinii jak pasma włosów), lawendowe koło
   z logo za packshotami, ramka logotypu, kodowanie kolorem potrzeby w doborze, grupach, tabeli i rytuale. */
:root{
  --c-lead:#8A337E;--c-lead-strong:#6E2864;--c-lead-soft:#EBDDF0;--c-lead-mist:#FCFAFD;
  --c-accent:#8A337E;--c-heading:#2C1F33;--c-text:#574B5E;--c-muted:#6B5560;
  --c-bg:#FFFFFF;--c-bg-alt:#F5EFF7;--c-line:#E8E0EC;--c-on-lead:#FFFFFF;--c-pack:#7E5C99;
  --grad-lead:linear-gradient(90deg,#B85CA6,#8A337E);
  --c-ciemne:#2C1F33;--c-na-ciemnym:#F4EEF6;--c-na-ciemnym-muted:#D9C9DF;
  --c-promo-tlo:#6E2864;--c-promo-tekst:#FFFFFF;
  --c-brand:#8A337E;--c-brand-ink:#3A1226;--c-white:#FFFFFF;
  --c-logo:#672F85;--c-logo-bg:#D2CDE7;--c-lead-hover:#5E2255;
  /* podlinie: wiodący, tekst (-strong), tło (-soft), dekoracja (-bright), korpus butelek (-pack) */
  --c-sub-odbudowa:#9B3A56;--c-sub-odbudowa-strong:#7E2C43;--c-sub-odbudowa-soft:#FBEEF2;--c-sub-odbudowa-bright:#C9647F;--c-sub-odbudowa-pack:#DFDEDA;
  --c-sub-porost:#2E7D5B;--c-sub-porost-strong:#24614A;--c-sub-porost-soft:#EDF7F1;--c-sub-porost-bright:#4FA97C;--c-sub-porost-pack:#ABBEA1;
  --c-sub-wygladzenie:#5B3E9B;--c-sub-wygladzenie-strong:#432E75;--c-sub-wygladzenie-soft:#F1ECFA;--c-sub-wygladzenie-bright:#8E6FD1;--c-sub-wygladzenie-pack:#C2C5E1;
  --c-sub-kolagen:#8A337E;--c-sub-kolagen-strong:#6E2864;--c-sub-kolagen-soft:#F7EEF9;--c-sub-kolagen-bright:#B85CA6;--c-sub-kolagen-pack:#EDE4ED;
  --c-sub-rownowaga:#1F6F8B;--c-sub-rownowaga-strong:#175A73;--c-sub-rownowaga-soft:#EBF5F9;--c-sub-rownowaga-bright:#4FA3C4;--c-sub-rownowaga-pack:#C5E1EE;
  --pasma:linear-gradient(90deg,#C9647F 0 20%,#4FA97C 20% 40%,#8E6FD1 40% 60%,#B85CA6 60% 80%,#4FA3C4 80%);
  --pasma-svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 400' preserveAspectRatio='none'%3E%3Cg fill='none' stroke-width='1.4' stroke-linecap='round'%3E%3Cpath stroke='%23C9647F' d='M-20 250C180 170 360 330 600 250S1000 120 1220 200'/%3E%3Cpath stroke='%234FA97C' d='M-20 270C190 195 370 355 610 272S1005 145 1220 224'/%3E%3Cpath stroke='%238E6FD1' d='M-20 290C200 220 380 380 620 294S1010 170 1220 248'/%3E%3Cpath stroke='%23B85CA6' d='M-20 310C210 245 390 405 630 316S1015 195 1220 272'/%3E%3Cpath stroke='%234FA3C4' d='M-20 330C220 270 400 430 640 338S1020 220 1220 296'/%3E%3C/g%3E%3C/svg%3E");
  --cien-s:0 1px 2px rgba(44,31,51,.04),0 6px 20px rgba(138,51,126,.07);
  --cien-m:0 2px 6px rgba(44,31,51,.05),0 20px 44px -20px rgba(138,51,126,.3);
}
/* Kolor potrzeby: grupy produktów, dobór, tabela, różnice */
.linia-tricholine-scalp-hair :is(#grupa-odbudowa,.dobor .karta-info:nth-child(1),.roznice .karta-info:nth-child(1),.sekcja--tabela tbody tr:nth-child(1),.hero__fakty li:nth-child(1)){--g:var(--c-sub-odbudowa);--g-strong:var(--c-sub-odbudowa-strong);--g-soft:var(--c-sub-odbudowa-soft);--g-bright:var(--c-sub-odbudowa-bright);--g-pack:var(--c-sub-odbudowa-pack)}
.linia-tricholine-scalp-hair :is(#grupa-porost,.dobor .karta-info:nth-child(2),.roznice .karta-info:nth-child(2),.sekcja--tabela tbody tr:nth-child(2),.hero__fakty li:nth-child(2)){--g:var(--c-sub-porost);--g-strong:var(--c-sub-porost-strong);--g-soft:var(--c-sub-porost-soft);--g-bright:var(--c-sub-porost-bright);--g-pack:var(--c-sub-porost-pack)}
.linia-tricholine-scalp-hair :is(#grupa-wygladzenie,.dobor .karta-info:nth-child(3),.roznice .karta-info:nth-child(3),.sekcja--tabela tbody tr:nth-child(3),.hero__fakty li:nth-child(3)){--g:var(--c-sub-wygladzenie);--g-strong:var(--c-sub-wygladzenie-strong);--g-soft:var(--c-sub-wygladzenie-soft);--g-bright:var(--c-sub-wygladzenie-bright);--g-pack:var(--c-sub-wygladzenie-pack)}
.linia-tricholine-scalp-hair :is(#grupa-kolagen,.dobor .karta-info:nth-child(4),.roznice .karta-info:nth-child(4),.sekcja--tabela tbody tr:nth-child(4),.hero__fakty li:nth-child(4)){--g:var(--c-sub-kolagen);--g-strong:var(--c-sub-kolagen-strong);--g-soft:var(--c-sub-kolagen-soft);--g-bright:var(--c-sub-kolagen-bright);--g-pack:var(--c-sub-kolagen-pack)}
.linia-tricholine-scalp-hair :is(#grupa-rownowaga,.dobor .karta-info:nth-child(5),.roznice .karta-info:nth-child(5),.sekcja--tabela tbody tr:nth-child(5),.hero__fakty li:nth-child(5)){--g:var(--c-sub-rownowaga);--g-strong:var(--c-sub-rownowaga-strong);--g-soft:var(--c-sub-rownowaga-soft);--g-bright:var(--c-sub-rownowaga-bright);--g-pack:var(--c-sub-rownowaga-pack)}

/* Typografia i nadtytuł: pięć pasm zamiast kreski */
.linia-tricholine-scalp-hair .nadtytul{letter-spacing:.08em}
.linia-tricholine-scalp-hair .nadtytul::before{width:30px;height:3px;background:var(--pasma)}
.linia-tricholine-scalp-hair :is(.tlo--lead,.tlo--ciemne) .nadtytul::before{background:currentColor}
.linia-tricholine-scalp-hair :is(.sekcja__tytul,.hero__tytul) em{color:var(--c-lead-strong)}
.linia-tricholine-scalp-hair .przycisk{font-family:var(--f-naglowki);font-weight:700;letter-spacing:.015em}
.linia-tricholine-scalp-hair .przycisk:not(.przycisk--obrys,.przycisk--odwrocony):hover{background:var(--c-lead-hover);border-color:var(--c-lead-hover)}

/* Hero: lawendowa mgiełka, liliowe koło logo, pasma włosów, pięć zestawów na podestach */
.linia-tricholine-scalp-hair .hero{padding-block:clamp(16px,3vw,40px) clamp(36px,5vw,64px);background:radial-gradient(46% 60% at 80% 46%,#fff 0,rgba(255,255,255,0) 70%),linear-gradient(180deg,#FCFAFD 0,#F5EFF7 100%)}
.linia-tricholine-scalp-hair .hero::before{content:"";position:absolute;left:-4%;right:-4%;bottom:-2%;height:56%;background:var(--pasma-svg) center/100% 100% no-repeat;opacity:.34;pointer-events:none}
.linia-tricholine-scalp-hair .hero .okruszki{margin-bottom:6px}
.linia-tricholine-scalp-hair .hero .znacznik-premiery{vertical-align:middle;min-height:30px;margin:0 8px 14px 0;padding:0 12px;font-size:.75rem;letter-spacing:.04em}
.linia-tricholine-scalp-hair .hero__nadtytul{vertical-align:middle;min-height:30px;margin-bottom:14px;padding:0 12px;border:1.5px solid var(--c-logo);border-radius:2px;background:rgba(255,255,255,.75);color:var(--c-logo);letter-spacing:.16em;font-size:.75rem}
.linia-tricholine-scalp-hair .hero__nadtytul::before{display:none}
.linia-tricholine-scalp-hair .hero__tytul{font-size:clamp(1.75rem,1.25rem + 2.1vw,2.875rem);letter-spacing:-.022em}
.linia-tricholine-scalp-hair .hero__lead{max-width:52ch}
.linia-tricholine-scalp-hair .hero__przyciski{margin-top:24px}
.linia-tricholine-scalp-hair .hero__motyw{inset:4% 6% 12%;border-radius:50%;background:radial-gradient(closest-side,rgba(210,205,231,.95) 0,rgba(210,205,231,.55) 58%,rgba(210,205,231,0) 100%);filter:none;pointer-events:none}
.linia-tricholine-scalp-hair .hero__packshot{width:100%;max-height:none;filter:drop-shadow(0 30px 30px rgba(44,31,51,.16))}
.linia-tricholine-scalp-hair .hero__fakty{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.linia-tricholine-scalp-hair .hero__fakty li{align-items:center}
.linia-tricholine-scalp-hair .hero__fakty .ikona{display:none}
.linia-tricholine-scalp-hair .hero__fakty a{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px 0 12px;border:1px solid var(--c-line);border-radius:999px;background:rgba(255,255,255,.85);color:var(--c-heading);font-size:.8125rem;font-weight:600;text-decoration:none;transition:border-color .2s,background-color .2s}
.linia-tricholine-scalp-hair .hero__fakty a::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--g);box-shadow:0 0 0 3px var(--g-soft);flex:none}
.linia-tricholine-scalp-hair .hero__fakty a:hover{border-color:var(--g);background:#fff}
.linia-tricholine-scalp-hair .hero__scena{margin-top:4px}
@media (min-width:600px) and (max-width:899px){.linia-tricholine-scalp-hair .hero__packshot{width:min(100%,560px)}}
@media (min-width:900px){
  .linia-tricholine-scalp-hair .hero--scena .hero__siatka{grid-template-columns:1.1fr .9fr}
  .linia-tricholine-scalp-hair .hero__scena{margin-top:0}
}
@media (min-width:1200px){.linia-tricholine-scalp-hair .hero__packshot{width:min(104%,680px);max-width:none}}
@media (min-width:1360px){.linia-tricholine-scalp-hair .hero__packshot{width:min(112%,680px)}}
@media (max-width:479px){.linia-tricholine-scalp-hair .okruszki{font-size:.75rem}.linia-tricholine-scalp-hair .okruszki li+li::before{margin:0 6px}.linia-tricholine-scalp-hair .hero__lead{font-size:1rem}.linia-tricholine-scalp-hair .hero__nadtytul{letter-spacing:.1em}}
/* CLS: nazwa linii w okruszkach i para „Premiera już wkrótce” + nadtytuł mieściły się w 1 wierszu tylko po wczytaniu fontu (412 i 430 px: CLS 0,17-0,18); na telefonie stały podział */
@media (max-width:479px){.linia-tricholine-scalp-hair .hero .okruszki li:last-child{flex-basis:100%}.linia-tricholine-scalp-hair .hero .okruszki li:last-child::before{display:none}.linia-tricholine-scalp-hair .hero .znacznik-premiery{display:flex;width:fit-content}}
@media (max-height:520px) and (orientation:landscape){
  .linia-tricholine-scalp-hair .hero__tytul{font-size:clamp(1.375rem,3.6vh + .55rem,1.875rem)}
  .linia-tricholine-scalp-hair :is(.hero__nadtytul,.hero .znacznik-premiery,.hero__fakty,.hero__lead){display:none}
  .linia-tricholine-scalp-hair .hero .okruszki{margin-bottom:0}
  .linia-tricholine-scalp-hair .hero__przyciski{margin-top:14px}
}

/* W skrócie: karta z pięcioma pasmami */
.linia-tricholine-scalp-hair .sekcja--skrot{padding-top:clamp(36px,5vw,64px)}
.linia-tricholine-scalp-hair .skrot{position:relative;overflow:hidden;border:1px solid var(--c-line);border-radius:18px;background:linear-gradient(180deg,#fff,var(--c-lead-mist));box-shadow:var(--cien-s)}
.linia-tricholine-scalp-hair .skrot::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--pasma);pointer-events:none}
.linia-tricholine-scalp-hair .skrot__tytul{font-size:.8125rem;letter-spacing:.22em;text-transform:uppercase;color:var(--c-lead-strong)}
.linia-tricholine-scalp-hair .skrot__tekst p:first-child{color:var(--c-heading)}
.linia-tricholine-scalp-hair .skrot__lista{padding-top:14px;border-top:1px dashed var(--c-line)}
.linia-tricholine-scalp-hair .skrot__lista div{align-content:start}
@media (min-width:1000px){.linia-tricholine-scalp-hair .skrot__lista{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* Pasek faktów */
.linia-tricholine-scalp-hair .pas-tricholine{padding-top:0;border:0}
.linia-tricholine-scalp-hair .pas-tricholine .fakty{padding-block:22px;border-block:1px solid var(--c-line)}
.linia-tricholine-scalp-hair .pas-tricholine .fakty__pozycja{align-items:flex-start;font-weight:400;font-size:.875rem;color:var(--c-text)}
.linia-tricholine-scalp-hair .pas-tricholine .ikona{width:44px;height:44px;padding:10px;border-radius:50%;background:var(--c-bg-alt);color:var(--c-lead-strong);box-shadow:0 0 0 1px var(--c-logo-bg)}
.linia-tricholine-scalp-hair .pas-tricholine .fakty__wartosc{display:block;margin-bottom:2px;font-size:.9375rem;color:var(--c-heading)}

/* Dobór po potrzebie: wiersze w kolorze potrzeby */
.linia-tricholine-scalp-hair .dobor .karty{grid-template-columns:minmax(0,1fr);gap:12px}
.linia-tricholine-scalp-hair .dobor .karta-info{overflow:hidden;border:1px solid #fff;border-radius:18px;background:#fff;box-shadow:var(--cien-s)}
.linia-tricholine-scalp-hair .dobor .karta-info::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--g-bright),var(--g));pointer-events:none}
.linia-tricholine-scalp-hair .dobor .karta-info__ikona{background:var(--g-soft);color:var(--g-strong)}
.linia-tricholine-scalp-hair .dobor .karta-info__tekst strong{color:var(--g-strong)}
/* link na końcu karty: własny wiersz, cel 44 px, strzałka za ostatnim słowem także po złamaniu wiersza */
.linia-tricholine-scalp-hair :is(.dobor,.dwa-kroki) .karta-info__tekst a{display:block;width:fit-content;max-width:100%;margin-top:4px;padding-block:10px;padding-inline-end:16px;color:var(--g-strong,var(--c-lead-strong));font-weight:600;text-underline-offset:4px}
.linia-tricholine-scalp-hair :is(.dobor,.dwa-kroki) .karta-info__tekst a::after{content:"";display:inline-block;width:7px;height:7px;margin:0 -16px 2px 9px;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(45deg);vertical-align:middle}
@media (min-width:900px){
  .linia-tricholine-scalp-hair .dobor .karta-info{display:grid;grid-template-columns:52px minmax(0,.85fr) minmax(0,1.4fr);align-items:center;column-gap:28px;padding:22px 30px 22px 32px}
  .linia-tricholine-scalp-hair .dobor .karta-info__ikona{margin:0}
  .linia-tricholine-scalp-hair .dobor .karta-info__tytul{font-size:1.1875rem}
  .linia-tricholine-scalp-hair .dobor .karta-info:hover{box-shadow:var(--cien-m)}
}

/* Jak działa: numery w ramce logotypu */
.linia-tricholine-scalp-hair .sekcja--karty-numery .karta-info{overflow:hidden;background:#fff}
.linia-tricholine-scalp-hair .sekcja--karty-numery .karta-info::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--grad-lead)}
.linia-tricholine-scalp-hair .karta-info__numer{align-self:flex-start;padding:6px 10px 5px;border:1.5px solid var(--c-logo);border-radius:2px;font-size:.9375rem;letter-spacing:.14em;color:var(--c-logo)}
.linia-tricholine-scalp-hair .dwa-kroki .karta-info__tekst a{font-weight:600}
@media (min-width:900px){.linia-tricholine-scalp-hair .dwa-kroki .karty{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Produkty: grupy w kolorach potrzeb; zestaw jako karta wiodąca grupy, pod nim szampon i odżywka */
.linia-tricholine-scalp-hair .produkty-potrzeby{counter-reset:grupa}
.linia-tricholine-scalp-hair .tlo--alt .grupy-nav{background:color-mix(in srgb,var(--c-bg-alt) 96%,transparent)}
.linia-tricholine-scalp-hair .grupy-nav a::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--c-lead);flex:none}
.linia-tricholine-scalp-hair .grupy-nav li:nth-child(1) a::before{background:var(--c-sub-odbudowa)}
.linia-tricholine-scalp-hair .grupy-nav li:nth-child(2) a::before{background:var(--c-sub-porost)}
.linia-tricholine-scalp-hair .grupy-nav li:nth-child(3) a::before{background:var(--c-sub-wygladzenie)}
.linia-tricholine-scalp-hair .grupy-nav li:nth-child(4) a::before{background:var(--c-sub-kolagen)}
.linia-tricholine-scalp-hair .grupy-nav li:nth-child(5) a::before{background:var(--c-sub-rownowaga)}
.linia-tricholine-scalp-hair .grupa{counter-increment:grupa}
.linia-tricholine-scalp-hair .grupa__glowa{position:relative;overflow:hidden;padding:18px 20px 18px 26px;border:0;border-radius:18px;background:linear-gradient(90deg,var(--g-soft) 0,#fff 90%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--g) 18%,transparent)}
.linia-tricholine-scalp-hair .grupa__glowa::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--g-bright),var(--g));pointer-events:none}
.linia-tricholine-scalp-hair .grupa__tytul::before{content:counter(grupa,decimal-leading-zero) / "";display:inline-block;margin-right:12px;font-size:.8125rem;letter-spacing:.14em;color:var(--g-strong);vertical-align:.2em}
.linia-tricholine-scalp-hair .grupa__opis{color:var(--c-text)}
/* linki w zdaniu zostają w wierszu (WCAG 2.5.8: wyjątek dla celów w tekście); dopełnienie powiększa pole dotyku bez rozsuwania wierszy */
.linia-tricholine-scalp-hair :is(.grupa__opis,.nota) a:not([class]){padding-block:3px}
.linia-tricholine-scalp-hair .grupa .produkt{border-color:#fff;border-top:3px solid var(--g);box-shadow:var(--cien-s)}
.linia-tricholine-scalp-hair .grupa .produkt:hover{box-shadow:var(--cien-m)}
.linia-tricholine-scalp-hair .grupa .produkt__media{aspect-ratio:4/3;background:radial-gradient(circle at 50% 60%,#fff 0 26%,var(--g-soft) 60%,color-mix(in srgb,var(--g-pack) 60%,#fff) 100%)}
.linia-tricholine-scalp-hair .grupa .produkt__img{inset:7% 10% 5%;width:80%;height:88%}
.linia-tricholine-scalp-hair .grupa .produkt__etykieta{color:var(--g-strong)}
.linia-tricholine-scalp-hair .grupa .znacznik-premiery--maly{background:var(--g-strong)}
.linia-tricholine-scalp-hair .grupa .inci mark{background:var(--g-soft)}
.linia-tricholine-scalp-hair .produkt__img{z-index:1}
.linia-tricholine-scalp-hair .produkt__uwaga{background:var(--c-lead-mist)}
/* 600-1023 px: karty poziome z rdzenia (grupy po 3), kadr 4:5 dla smukłych butelek; od 1024 px zestaw na całą szerokość, szampon i odżywka obok siebie */
@media (min-width:600px) and (max-width:1023px){.linia-tricholine-scalp-hair .grupa .produkt__media{aspect-ratio:4/5}}
@media (min-width:1024px){.linia-tricholine-scalp-hair .grupa .produkt:first-child{grid-column:1/-1}}
@media (min-width:1024px){.linia-tricholine-scalp-hair .grupa .produkty{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1024px){
  .linia-tricholine-scalp-hair .grupa .produkt:first-child{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);border-top-width:4px}
  .linia-tricholine-scalp-hair .grupa .produkt:first-child .produkt__media{aspect-ratio:auto;min-height:420px}
  .linia-tricholine-scalp-hair .grupa .produkt:first-child .produkt__media::before{content:"";position:absolute;inset:12% 14% 16%;border-radius:50%;background:radial-gradient(closest-side,rgba(255,255,255,.95),rgba(255,255,255,0));pointer-events:none}
  .linia-tricholine-scalp-hair .grupa .produkt:first-child .produkt__img{inset:9% 8% 7%;width:84%;height:84%}
  .linia-tricholine-scalp-hair .grupa .produkt:first-child .produkt__tresc{padding:clamp(24px,3vw,40px)}
  .linia-tricholine-scalp-hair .grupa .produkt:first-child .produkt__nazwa{font-size:clamp(1.375rem,1.1rem + .8vw,1.75rem)}
  .linia-tricholine-scalp-hair .grupa .produkt:first-child .produkt__kup{width:auto;align-self:flex-start;padding-inline:32px}
}

/* Tabela porównania: znacznik koloru potrzeby */
.linia-tricholine-scalp-hair .tabela-faktow tbody th{box-shadow:inset 4px 0 0 var(--g)}
.linia-tricholine-scalp-hair .tabela-faktow tbody th a{text-decoration-color:var(--g)}
@media (max-width:759px){.linia-tricholine-scalp-hair .tabela-faktow tbody th{background:var(--g-soft)}}

/* Składniki */
.linia-tricholine-scalp-hair .skladniki{align-items:stretch}
.linia-tricholine-scalp-hair .skladnik{position:relative;border:1px solid #fff;border-top:0;border-radius:16px;background:#fff;box-shadow:var(--cien-s);overflow:hidden}
.linia-tricholine-scalp-hair .skladnik::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--grad-lead);pointer-events:none}
.linia-tricholine-scalp-hair .skladnik:first-child::before{background:var(--pasma)}
@media (min-width:1000px){.linia-tricholine-scalp-hair .skladniki__bok .sekcja__tytul{font-size:clamp(1.625rem,1.1rem + 1vw,2.125rem)}}
.linia-tricholine-scalp-hair .skladnik__gdzie a{display:inline;min-height:0;padding-block:5px}

/* Rytuał: numery w obrysie, oś w pięciu pasmach */
.linia-tricholine-scalp-hair .rytual-tricholine .krok__numer{background:#fff;color:var(--c-lead-strong);box-shadow:inset 0 0 0 1.5px var(--c-lead),0 0 0 6px var(--c-lead-mist)}
.linia-tricholine-scalp-hair .rytual-tricholine .krok:not(:last-child)::before{background:linear-gradient(#B85CA6,rgba(184,92,166,0))}
@media (min-width:1024px){
  .linia-tricholine-scalp-hair .sekcja--rytual-poziomy .krok::before{background:var(--pasma)!important;opacity:.55;height:2px}
  .linia-tricholine-scalp-hair .rytual-tricholine .rytual__uklad .kroki{grid-template-columns:minmax(0,1fr)}
  .linia-tricholine-scalp-hair .rytual-tricholine .rytual__uklad .krok{grid-template-columns:48px minmax(0,1fr)}
  .linia-tricholine-scalp-hair .rytual-tricholine .rytual__uklad .krok::before{display:none}
}
.linia-tricholine-scalp-hair .rytual-tricholine .krok__tresc{padding-top:8px}

/* Różnice między liniami: lista z kolorem potrzeby */
.linia-tricholine-scalp-hair .roznice .karty--lista{border-top:1px solid var(--c-line)}
.linia-tricholine-scalp-hair .roznice .karta-info{display:grid;grid-template-columns:minmax(0,1fr);gap:4px;padding:16px 0 16px 22px;border-color:var(--c-line)}
.linia-tricholine-scalp-hair .roznice .karta-info::before{content:"";position:absolute;left:0;top:22px;width:10px;height:10px;border-radius:50%;background:var(--g);box-shadow:0 0 0 3px var(--g-soft)}
.linia-tricholine-scalp-hair .roznice .karta-info__tytul{font-size:1rem;color:var(--g-strong)}
@media (min-width:760px){.linia-tricholine-scalp-hair .roznice .karta-info{grid-template-columns:minmax(200px,.4fr) 1fr;column-gap:32px;align-items:baseline}.linia-tricholine-scalp-hair .roznice .karta-info::before{top:24px}}

/* FAQ, O marce, CTA */
.linia-tricholine-scalp-hair .faq__pozycja[open] summary .faq__pytanie{color:var(--c-lead-strong)}
.linia-tricholine-scalp-hair .marka-tricholine .marka__haslo{color:var(--c-logo)}
.linia-tricholine-scalp-hair .marka-tricholine .marka__wartosci li{background:#fff}
.linia-tricholine-scalp-hair .cta-tricholine{background:radial-gradient(60% 90% at 50% 120%,rgba(184,92,166,.45),transparent 70%),linear-gradient(135deg,#5E2255 0,#6E2864 55%,#7A2F70 100%)}
.linia-tricholine-scalp-hair .cta-tricholine::after{content:"";position:absolute;left:-4%;right:-4%;bottom:-6%;height:70%;background:var(--pasma-svg) center/100% 100% no-repeat;opacity:.3;pointer-events:none}
.linia-tricholine-scalp-hair .cta-tricholine .kontener{position:relative;z-index:1}
.linia-tricholine-scalp-hair .cta-tricholine .link-strzalka{color:#fff}
.linia-tricholine-scalp-hair .stopka{border-top:3px solid transparent;border-image:var(--pasma) 1}
@media (min-width:900px){.linia-tricholine-scalp-hair .grupy-nav ul{flex-wrap:wrap;overflow:visible}}

/* Kontrola wyglądu 30.09: telefon najpierw */
/* Hero: nazwa linii jest w logo nagłówka i w okruszkach, więc na telefonie bez ramki nadtytułu (H1 wyżej) */
@media (max-width:599px){.linia-tricholine-scalp-hair .hero__nadtytul{display:none}.linia-tricholine-scalp-hair .hero .znacznik-premiery{margin-bottom:16px}}
.linia-tricholine-scalp-hair .hero__fakty a{gap:7px;padding:0 13px 0 11px}
@media (min-width:1200px){.linia-tricholine-scalp-hair .hero__tekst{min-width:0}.linia-tricholine-scalp-hair .hero__fakty{width:max-content;max-width:calc(100vw - 2 * var(--gutter))}
  /* z grafiką hero fakty zostają w kolumnie tekstu, pod pełną nakładką rdzenia */
  .linia-tricholine-scalp-hair .hero--foto .hero__fakty{width:auto;max-width:none}}
/* W skrócie: pierwsze zdanie wiodące, reszta drobniej */
@media (max-width:599px){.linia-tricholine-scalp-hair .skrot__tekst{font-size:1rem}.linia-tricholine-scalp-hair .skrot__tekst p+p{font-size:.9375rem}}
/* Dobór na telefonie: ikona obok pytania */
@media (max-width:899px){
  .linia-tricholine-scalp-hair .dobor .karta-info{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:10px 14px;padding:18px 18px 12px 22px}
  .linia-tricholine-scalp-hair .dobor .karta-info__ikona{width:44px;height:44px;margin:0}
  .linia-tricholine-scalp-hair .dobor .karta-info__tytul{font-size:1.0625rem}
  .linia-tricholine-scalp-hair .dobor .karta-info__tekst{grid-column:1/-1}
}
/* Szampon i odżywka na telefonie: smukła butelka obok nazwy zamiast pustego kadru 4:3 (zestaw zostaje duży) */
@media (max-width:599px){
  .linia-tricholine-scalp-hair .grupa .produkt:not(:first-child){display:grid;grid-template-columns:104px minmax(0,1fr);column-gap:16px;padding:18px 18px 20px}
  .linia-tricholine-scalp-hair .grupa .produkt:not(:first-child) .produkt__tresc{display:contents}
  .linia-tricholine-scalp-hair .grupa .produkt:not(:first-child) .produkt__tresc>*{grid-column:1/-1;margin-top:10px}
  .linia-tricholine-scalp-hair .grupa .produkt:not(:first-child) :is(.produkt__etykieta,.produkt__nazwa,.produkt__pojemnosc,.znacznik-premiery--maly){grid-column:2;margin-top:6px}
  .linia-tricholine-scalp-hair .grupa .produkt:not(:first-child) .produkt__etykieta{margin-top:0}
  .linia-tricholine-scalp-hair .grupa .produkt:not(:first-child) .znacznik-premiery--maly{justify-self:start}
  .linia-tricholine-scalp-hair .grupa .produkt:not(:first-child) .produkt__media{grid-column:1;grid-row:1/span 4;aspect-ratio:auto;min-height:132px;border-radius:14px}
  .linia-tricholine-scalp-hair .grupa .produkt:not(:first-child) .produkt__img{inset:4% 0 3%;width:100%;height:93%}
  .linia-tricholine-scalp-hair .grupa .produkt:not(:first-child) .produkt__opis{margin-top:14px}
}
/* Rytuał: zamiennik grafiki (przed wgraniem rytual.webp) jako kadr pary Kolagen, nie drugi raz to samo zdjęcie co w hero */
.linia-tricholine-scalp-hair .rytual__grafika .zamiennik-grafiki{aspect-ratio:16/10;background:radial-gradient(60% 70% at 50% 58%,#fff 0,var(--c-sub-kolagen-soft) 62%,var(--c-lead-soft) 100%)}
.linia-tricholine-scalp-hair .rytual__grafika .zamiennik-grafiki::before{content:"";position:absolute;left:-6%;right:-6%;bottom:4%;height:46%;background:var(--pasma-svg) center/100% 100% no-repeat;opacity:.4;pointer-events:none}
.linia-tricholine-scalp-hair .rytual__grafika .zamiennik-grafiki img{position:relative;width:96%}
@media (min-width:900px){
  .linia-tricholine-scalp-hair .rytual__grafika .zamiennik-grafiki{aspect-ratio:5/4}
  .linia-tricholine-scalp-hair .rytual__grafika .zamiennik-grafiki img{width:100%;height:100%;object-fit:cover;object-position:50% 70%;filter:none}
}
@media (min-width:1000px){.linia-tricholine-scalp-hair .tabela-faktow :is(th,td):nth-child(5){white-space:nowrap}}
/* Chipsy grup: w każdej grupie są 3 produkty, więc licznik nic nie mówi; 5 chipsów w jednym wierszu od 1200 px */
.linia-tricholine-scalp-hair .grupy-nav__liczba{display:none}
@media (max-width:599px){.linia-tricholine-scalp-hair .hero .okruszki [aria-current]{font-family:var(--f-naglowki);font-weight:700;letter-spacing:.1em;color:var(--c-logo)}}
@media (max-width:379px){.linia-tricholine-scalp-hair .grupa .produkt:not(:first-child){grid-template-columns:86px minmax(0,1fr);column-gap:14px;padding-inline:16px}.linia-tricholine-scalp-hair .grupa .produkt:not(:first-child) .produkt__etykieta{letter-spacing:.06em}}
/* Tablet: bez osieroconych kafli (3 karty -> 2 + 1 na całą szerokość, 4 fakty i 4 wartości marki -> 2 x 2) */
@media (min-width:600px) and (max-width:899px){.linia-tricholine-scalp-hair .sekcja--karty-numery .karty{grid-template-columns:repeat(2,minmax(0,1fr))}.linia-tricholine-scalp-hair .sekcja--karty-numery .karty>li:nth-child(3):last-child{grid-column:1/-1}}
@media (min-width:520px) and (max-width:959px){.linia-tricholine-scalp-hair .pas-tricholine .fakty{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:480px) and (max-width:999px){.linia-tricholine-scalp-hair .marka__wartosci{grid-template-columns:repeat(2,minmax(0,1fr))}}