/* ==========================================================
   Orędowniczka Odwagi – wspólny styl strony
   Układ: „list od Oli” – asymetryczne pasy kremu i pudru,
   łuki jak okna, jeden ciemny, czekoladowy pas z ofertą.
   Kurs zachowuje przydymiony błękit, program SOS – róż i wino.
   ========================================================== */
:root{
  color-scheme:light;
  /* tło i papier */
  --krem:#F7F1EA;
  --papier:#EFE5DA;
  --puder:#EDD9D2;
  --puder-jasny:#F6E9E4;
  /* tekst */
  --czeko:#4A3027;
  --tekst:#5B473D;
  --szary:#8A766B;
  --linia:#DFCFC1;
  /* akcenty */
  --roz:#B27A75;
  --wino:#6E2E38;
  --wino-ciemne:#57222B;
  --niebieski:#7486A0;
  --niebieski-ciemny:#56677F;
  --niebieski-jasny:#DDE3EB;
  --zloto:#B8976A;
  --bialy:#FFFDFB;

  --f-display:"Cormorant Garamond",Georgia,"Times New Roman",serif;
  --f-script:"Pinyon Script","Cormorant Garamond",Georgia,cursive;
  --f-body:"Montserrat",system-ui,-apple-system,"Segoe UI",sans-serif;

  --r:20px;
  --cien:0 22px 60px -30px rgba(74,48,39,.45);
  --gutter-l:max(20px,env(safe-area-inset-left,0px));
  --gutter-r:max(20px,env(safe-area-inset-right,0px));
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;font-family:var(--f-body);font-size:16px;line-height:1.7;color:var(--tekst);background:var(--krem);overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
p{margin:0}
h1,h2,h3{margin:0;font-family:var(--f-display);font-weight:600;color:var(--czeko);line-height:1.08;text-wrap:balance;letter-spacing:.005em}
p,li{text-wrap:pretty}
:focus-visible{outline:2px solid var(--wino);outline-offset:3px;border-radius:4px}
[hidden]{display:none!important}
.ukryte{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* delikatne ziarno papieru */
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:100;opacity:.35;mix-blend-mode:multiply;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .45 0 0 0 0 .36 0 0 0 0 .25 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
/* pasek pod wycięciem w telefonie w kolorze nagłówka */
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:60;background:var(--krem)}

.wrap{width:100%;max-width:1160px;margin:0 auto;padding-left:var(--gutter-l);padding-right:var(--gutter-r)}
.waski{max-width:820px}
section{padding-block:96px;position:relative}
@media (max-width:700px){section{padding-block:68px}}

/* ---------- typografia ---------- */
.script{font-family:var(--f-script);font-weight:400;font-style:normal;color:var(--roz);letter-spacing:0;line-height:.9;font-size:1.22em;padding-inline:.04em;display:inline-block}
.etykieta{display:inline-flex;align-items:center;gap:12px;font-family:var(--f-body);font-size:12px;font-weight:600;letter-spacing:.26em;text-transform:uppercase;color:var(--roz)}
.etykieta::before{content:"";width:28px;height:1px;background:currentColor}
.etykieta.srodek::after{content:"";width:28px;height:1px;background:currentColor}
h2{font-size:clamp(34px,4.6vw,54px)}
.naglowek{display:grid;gap:18px;margin-bottom:48px}
.naglowek.srodek{text-align:center;justify-items:center}
.naglowek p{font-size:17px;max-width:60ch;color:var(--tekst)}
mark{background:linear-gradient(transparent 58%,var(--puder) 58%);color:inherit;padding:0 .1em}
strong{font-weight:600;color:var(--czeko)}

/* ---------- przyciski ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:14px 30px;border-radius:999px;border:0;font:600 14px/1.2 var(--f-body);letter-spacing:.06em;text-decoration:none;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease,background .25s ease;text-align:center}
.btn .str{transition:transform .25s ease}
.btn:hover .str{transform:translateX(4px)}
.btn-wino{background:var(--wino);color:var(--bialy);box-shadow:0 14px 30px -14px rgba(110,46,56,.65)}
.btn-wino:hover{background:var(--wino-ciemne);transform:translateY(-2px)}
.btn-niebieski{background:var(--niebieski-ciemny);color:var(--bialy);box-shadow:0 14px 30px -14px rgba(86,103,127,.7)}
.btn-niebieski:hover{background:#45546A;transform:translateY(-2px)}
.btn-jasny{background:var(--krem);color:var(--czeko)}
.btn-jasny:hover{background:var(--bialy);transform:translateY(-2px)}
.link-str{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:14px;letter-spacing:.04em;color:var(--czeko);text-decoration:none;border-bottom:1px solid var(--zloto);padding-bottom:3px}
.link-str:hover{color:var(--wino);border-color:var(--wino)}
.btn-obrys{background:transparent;color:var(--wino);box-shadow:inset 0 0 0 1.5px var(--wino)}
.btn-obrys:hover{background:var(--wino);color:var(--bialy);transform:translateY(-2px)}
.btn svg{width:18px;height:18px;flex:none}

/* ---------- nagłówek strony ---------- */
.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:rgba(247,241,234,.9);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid transparent;transition:border-color .3s}
.top.przewiniete{border-color:var(--linia)}
.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:76px}
.logo{display:inline-flex;flex-direction:column;align-items:flex-start;text-decoration:none;line-height:1;flex:none}
.logo .l1{font-family:var(--f-display);font-weight:600;font-size:15px;letter-spacing:.3em;text-transform:uppercase;color:var(--czeko)}
.logo .l2{font-family:var(--f-script);font-size:30px;color:var(--roz);margin:-6px 0 -8px 46px}
.menu{display:flex;align-items:center;gap:30px}
.menu a{font-size:14px;font-weight:500;letter-spacing:.04em;text-decoration:none;color:var(--czeko);position:relative;padding-block:6px}
.menu a:not(.btn)::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--roz);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}
.menu a:not(.btn):hover::after,.menu a[aria-current]::after{transform:scaleX(1)}
.menu .btn{min-height:44px;padding:10px 22px;font-size:13px;color:var(--bialy)}
.burger{display:none;width:46px;height:46px;border:1px solid var(--linia);border-radius:50%;background:transparent;cursor:pointer;place-items:center;flex:none}
.burger span,.burger span::before,.burger span::after{display:block;width:18px;height:1.5px;background:var(--czeko);position:relative;transition:transform .3s,background .3s}
.burger span::before,.burger span::after{content:"";position:absolute;left:0}
.burger span::before{top:-6px}.burger span::after{top:6px}
.top.otwarte .burger span{background:transparent}
.top.otwarte .burger span::before{transform:translateY(6px) rotate(45deg)}
.top.otwarte .burger span::after{transform:translateY(-6px) rotate(-45deg)}
/* elementy menu widoczne tylko na telefonie; na komputerze zwykła kolejność w jednym rzędzie */
.m-tyt,.m-cena,.m-social,.m-only,.m-mob{display:none}
.m-omnie{order:1}.m-sos{order:2}.m-kurs{order:3}.m-konsult{order:4}.m-kontakt{order:5}.m-test{order:6}
@media (min-width:1001px) and (max-width:1220px){.menu{gap:22px}}
@media (max-width:1000px){
  .burger{display:grid}
  .menu{position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;gap:0;background:var(--krem);border-bottom:1px solid var(--linia);padding:4px var(--gutter-r) 26px var(--gutter-l);box-shadow:0 30px 40px -30px rgba(74,48,39,.4);display:none;max-height:calc(100vh - 76px);max-height:calc(100dvh - 76px);overflow-y:auto}
  .top.otwarte .menu{display:flex}
  .menu>*{order:0}
  .menu a{padding:13px 4px;border-bottom:1px solid var(--linia);font-size:16px;display:flex;align-items:center;justify-content:space-between;gap:12px}
  .menu a:not(.btn)::after{display:none}
  .menu .btn{margin-top:6px;border:0;min-height:52px;font-size:15px;justify-content:center}
  .m-tyt{display:block;padding:20px 4px 4px;font-size:11px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--roz)}
  .m-cena{display:inline;font-size:13px;font-weight:500;color:var(--szary)}
  .m-only{display:inline}
  .menu .m-mob{display:flex;font-size:15px;color:var(--niebieski-ciemny);font-weight:600}
  .m-social{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}
  .m-social a{justify-content:center;gap:8px;border:1px solid var(--linia);border-radius:999px;padding:11px 10px;font-size:14px}
  .m-social svg{width:18px;height:18px;color:var(--roz)}
}

/* ---------- HERO ---------- */
.hero{padding-block:56px 40px;overflow:hidden}
.hero-siatka{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:56px;align-items:center}
.hero-tekst{display:grid;gap:26px;justify-items:start}
.hero h1{font-size:clamp(48px,6.6vw,86px);line-height:.98;font-weight:500}
.hero h1 .script{font-size:1.18em;display:block;margin-top:.02em;margin-left:-.04em}
.hero .lead{font-size:18px;max-width:46ch}
.hero .cta{display:flex;flex-wrap:wrap;align-items:center;gap:18px 28px}
.dla-kogo{font-size:13px;color:var(--szary);letter-spacing:.02em;display:flex;flex-wrap:wrap;gap:6px 16px}
.dla-kogo span{display:inline-flex;align-items:center;gap:8px}
.dla-kogo span::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--roz)}

.hero-foto{position:relative;margin:0;justify-self:center;width:min(100%,460px);aspect-ratio:460/560}
.hero-foto .luk{position:absolute;inset:6% 4% 0 8%;border-radius:999px 999px 0 0;background:radial-gradient(120% 80% at 50% 20%,var(--puder-jasny),var(--puder) 70%)}
.hero-foto .luk-linia{position:absolute;inset:0 0 6% 2%;border-radius:999px 999px 0 0;border:1px solid var(--zloto);opacity:.75}
.hero-foto img{position:absolute;left:4%;right:0;bottom:0;width:96%;height:auto;max-height:100%;object-fit:contain;object-position:bottom;filter:drop-shadow(0 30px 30px rgba(74,48,39,.18))}
.hero-foto .podpis{position:absolute;right:-6px;top:16%;font-family:var(--f-script);font-size:44px;color:var(--wino);transform:rotate(-8deg)}
.cytat-plywa{position:absolute;left:-58px;top:30%;max-width:230px;background:var(--bialy);border-radius:16px;padding:16px 18px;box-shadow:var(--cien);font-size:13px;line-height:1.5}
.cytat-plywa b{display:block;font-family:var(--f-display);font-size:19px;font-weight:600;color:var(--czeko);line-height:1.2;margin-bottom:6px}
.cytat-plywa small{color:var(--szary);font-size:12px}

@media (max-width:860px){
  .hero{padding-top:28px}
  .hero-siatka{grid-template-columns:1fr;gap:34px}
  .hero-foto{width:min(84%,380px)}
  .cytat-plywa{left:-6%;top:auto;bottom:5%;max-width:200px;padding:12px 14px}
  .cytat-plywa b{font-size:17px}
  .hero .lead{font-size:17px}
}

/* wejście hero przy załadowaniu */
@media (prefers-reduced-motion:no-preference){
  .hero-tekst>*,.hero-foto{animation:wejscie .9s cubic-bezier(.2,.7,.2,1) both}
  .hero-tekst>*:nth-child(2){animation-delay:.08s}
  .hero-tekst>*:nth-child(3){animation-delay:.16s}
  .hero-tekst>*:nth-child(4){animation-delay:.24s}
  .hero-tekst>*:nth-child(5){animation-delay:.32s}
  .hero-foto{animation-delay:.2s}
  .cytat-plywa{animation:wejscie 1s .7s cubic-bezier(.2,.7,.2,1) both}
}
@keyframes wejscie{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}

/* ---------- ZNASZ TO? ---------- */
.znasz{background:var(--papier);overflow:hidden}
.znasz .kwiat{position:absolute;bottom:0;width:min(220px,22vw);opacity:.7;pointer-events:none;-webkit-mask-image:linear-gradient(180deg,#000 40%,transparent 98%);mask-image:linear-gradient(180deg,#000 40%,transparent 98%)}
.znasz .kwiat.l{left:0}.znasz .kwiat.p{right:0}
.bole{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:940px;margin:0 auto}
.bol{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:start;background:var(--krem);border-radius:var(--r);padding:24px 26px}
.bol .zn{width:30px;height:30px;border-radius:50%;border:1px solid var(--roz);display:grid;place-items:center;color:var(--roz);margin-top:2px}
.bol .zn svg{width:12px;height:12px}
.zwrot{text-align:center;margin:54px auto 0;max-width:720px;display:grid;gap:14px}
.zwrot p{font-size:17px}
.zwrot .duzy{font-family:var(--f-display);font-size:clamp(28px,3.6vw,40px);font-weight:600;color:var(--czeko);line-height:1.15}
@media (max-width:760px){.bole{grid-template-columns:1fr}.znasz .kwiat{display:none}}

/* ---------- DROGA KROK PO KROKU ---------- */
.droga{padding-bottom:40px}
.kroki{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;position:relative}
.kroki::before{content:"";position:absolute;top:28px;left:17%;right:17%;height:1px;background:repeating-linear-gradient(90deg,var(--zloto) 0 7px,transparent 7px 14px)}
.krok{display:grid;justify-items:center;align-content:start;gap:18px;position:relative;min-width:0}
.nr{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;font-family:var(--f-body);font-size:20px;font-weight:600;line-height:1;color:var(--bialy);position:relative;z-index:1;box-shadow:0 0 0 8px var(--krem)}
.k1 .nr{background:var(--roz)}.k2 .nr{background:var(--wino)}.k3 .nr{background:var(--niebieski-ciemny)}
.krok-tresc{display:grid;gap:10px;justify-items:center;text-align:center;background:var(--bialy);border:1px solid var(--linia);border-radius:var(--r);padding:26px 24px 24px;width:100%;height:100%;align-content:start}
.krok-tag{font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase}
.k1 .krok-tag{color:var(--roz)}.k2 .krok-tag{color:var(--wino)}.k3 .krok-tag{color:var(--niebieski-ciemny)}
.krok h3{font-size:29px}
.krok p{font-size:15px}
.krok .link-str{margin-top:6px}
.droga-info{margin:40px auto 0;max-width:760px;text-align:center;display:grid;gap:14px;font-size:15px}
.blisko{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 18px;color:var(--szary)}
.blisko a{display:inline-flex;align-items:center;gap:6px;font-weight:600;color:var(--czeko);text-decoration:none}
.blisko a:hover{color:var(--wino)}
.blisko svg{width:17px;height:17px;color:var(--roz)}
@media (max-width:760px){
  .kroki{grid-template-columns:1fr;gap:14px}
  .kroki::before{top:28px;bottom:40px;left:27.5px;right:auto;width:1px;height:auto;background:repeating-linear-gradient(180deg,var(--zloto) 0 7px,transparent 7px 14px)}
  .krok{grid-template-columns:56px minmax(0,1fr);justify-items:start;gap:14px}
  .krok-tresc{justify-items:start;text-align:left;padding:18px 18px 18px}
  .krok h3{font-size:26px}
  .droga-info{text-align:left;margin-top:28px}
  .blisko{justify-content:flex-start}
}

.krok .link-maly{font-size:13px;color:var(--szary);text-decoration:underline;text-decoration-color:var(--linia);text-underline-offset:3px}
.krok .link-maly:hover{color:var(--niebieski-ciemny)}
.konsult-mini{display:flex;align-items:center;gap:16px;text-align:left;background:var(--puder-jasny);border:1px solid var(--puder);border-radius:var(--r);padding:16px 20px;text-decoration:none;color:var(--tekst);width:100%;max-width:640px;margin:0 auto 6px;transition:border-color .25s,transform .25s}
.konsult-mini:hover{border-color:var(--roz);transform:translateY(-2px)}
.konsult-mini .ikona{width:48px;height:48px;border-radius:50%;background:var(--wino);color:var(--bialy);display:grid;place-items:center;font-weight:600;font-size:14px;flex:none}
.konsult-mini .str{margin-left:auto;color:var(--wino);font-weight:600;font-size:18px}

/* ---------- TEST ---------- */
.test-pas{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:56px;align-items:center;background:var(--puder);border-radius:32px;padding:64px;position:relative;overflow:hidden}
.test-pas::before{content:"";position:absolute;width:520px;height:520px;right:-140px;top:-180px;border-radius:50%;border:1px solid rgba(110,46,56,.18)}
.test-pas::after{content:"";position:absolute;width:380px;height:380px;right:-70px;top:-110px;border-radius:50%;border:1px solid rgba(110,46,56,.12)}
.test-okno{position:relative;aspect-ratio:4/5;max-width:340px;width:100%;justify-self:center;border-radius:999px 999px 24px 24px;background:var(--krem);box-shadow:var(--cien);display:grid;align-content:center;justify-items:center;gap:10px;padding:40px 28px;text-align:center}
.test-okno .pyt{font-family:var(--f-display);font-size:24px;font-weight:600;color:var(--czeko);line-height:1.2}
.test-okno .odp{width:100%;display:grid;gap:8px;margin-top:10px}
.test-okno .odp span{display:block;border:1px solid var(--linia);border-radius:999px;padding:9px 14px;font-size:13px;background:var(--bialy)}
.test-okno .odp span.wyb{border-color:var(--wino);color:var(--wino);font-weight:600}
.test-okno .licznik{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--szary)}
.test-tekst{display:grid;gap:20px;justify-items:start;position:relative;z-index:1}
.test-tekst p{font-size:17px;max-width:46ch}
.style4{display:flex;flex-wrap:wrap;gap:8px}
.style4 span{font-size:13px;font-weight:500;padding:7px 14px;border-radius:999px;background:var(--krem);color:var(--czeko)}
@media (max-width:860px){.test-pas{grid-template-columns:1fr;padding:44px 24px;gap:36px}.test-okno{max-width:280px;order:2}}

/* ---------- OFERTA ---------- */
.oferta{background:var(--czeko);color:#E9DCD2}
.oferta h2,.oferta .naglowek p{color:var(--krem)}
.oferta .etykieta{color:#D9AFA8}
.oferta .script{color:#D9AFA8}
.karty{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;align-items:stretch}
.karta{background:var(--krem);color:var(--tekst);border-radius:26px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 30px 60px -36px rgba(0,0,0,.6)}
.karta .foto{aspect-ratio:1374/572;overflow:hidden;position:relative;background:var(--papier)}
.karta .foto img{width:100%;height:100%;object-fit:cover;transition:transform .8s ease}
.karta:hover .foto img{transform:scale(1.03)}
.karta .znaczek{position:absolute;left:18px;top:18px;font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;padding:7px 14px;border-radius:999px;color:var(--bialy)}
.karta-sos .znaczek{background:var(--wino)}
.karta-kurs .znaczek{background:var(--niebieski-ciemny)}
.karta .tresc{padding:30px 32px 32px;display:flex;flex-direction:column;gap:16px;flex:1}
.karta h3{font-size:clamp(26px,2.6vw,32px);line-height:1.1}
.karta-sos h3 em{font-style:italic;color:var(--wino)}
.karta-kurs h3 em{font-style:italic;color:var(--niebieski-ciemny)}
.karta ul{list-style:none;padding:0;margin:0;display:grid;gap:8px;font-size:15px}
.karta li{display:grid;grid-template-columns:18px 1fr;gap:10px;align-items:start}
.karta li svg{width:16px;height:16px;margin-top:5px}
.karta-sos li svg{color:var(--roz)}
.karta-kurs li svg{color:var(--niebieski)}
.karta .dol{margin-top:auto;padding-top:20px;border-top:1px solid var(--linia);display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.cena{font-family:var(--f-display);font-size:44px;font-weight:600;color:var(--czeko);line-height:1;font-variant-numeric:lining-nums}
.cena small{font-size:20px;margin-left:4px}
.cena-op{display:block;font-family:var(--f-body);font-size:12px;color:var(--szary);font-weight:500;letter-spacing:.04em;margin-bottom:4px}
.darmowy{display:block;margin-top:14px;font-size:13.5px;color:var(--szary);text-decoration:none}
.darmowy b{color:var(--niebieski-ciemny);font-weight:600}
.darmowy:hover b{text-decoration:underline;text-underline-offset:3px}
.konsultacja{margin-top:28px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:34px;align-items:center;background:var(--puder-jasny);color:var(--tekst);border-radius:26px;padding:32px 36px;box-shadow:0 30px 60px -36px rgba(0,0,0,.6);scroll-margin-top:100px}
.konsultacja img{width:128px;height:128px;border-radius:50%;object-fit:cover;border:5px solid var(--krem)}
.k-tekst{display:grid;gap:10px;justify-items:start}
.znaczek-k{font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--wino)}
.konsultacja h3{font-size:clamp(28px,2.8vw,34px)}
.konsultacja h3 em{font-style:italic;color:var(--wino)}
.konsultacja p{font-size:15px;max-width:58ch}
.k-meta{list-style:none;margin:2px 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.k-meta li{font-size:13px;font-weight:500;padding:6px 13px;border-radius:999px;background:var(--krem);color:var(--czeko)}
.k-jak{color:var(--szary)}
.k-btn{display:grid;gap:10px}
.k-cena{text-align:center;margin-bottom:8px}
@media (max-width:960px){.konsultacja{grid-template-columns:1fr;gap:20px;padding:28px 22px}.konsultacja img{width:96px;height:96px}.k-btn{width:100%}.k-cena{text-align:left}}
.co-wybrac{margin:40px auto 0;max-width:760px;text-align:center;font-size:15px;color:#D8C8BC}
.co-wybrac a{color:var(--krem);text-decoration-color:#D9AFA8;text-underline-offset:3px}
@media (max-width:860px){.karty{grid-template-columns:1fr}.karta .tresc{padding:26px 22px 26px}}

/* ---------- O MNIE ---------- */
.omnie-siatka{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:64px;align-items:center}
.omnie-foto{position:relative;margin:0 0 0 0;max-width:460px;width:100%}
.omnie-foto .glowne{border-radius:999px 999px 24px 24px;overflow:hidden;aspect-ratio:5/6;box-shadow:var(--cien)}
.omnie-foto .glowne img{width:100%;height:100%;object-fit:cover;object-position:60% 22%}
.omnie-foto .tag{position:absolute;font-family:var(--f-script);font-size:40px;line-height:1;color:var(--wino)}
.omnie-foto .tag.dzis{right:6%;top:4%}
.kiedys{position:absolute;left:-36px;bottom:-34px;width:min(62%,270px);background:var(--bialy);padding:10px 10px 12px;border-radius:14px;box-shadow:var(--cien);transform:rotate(-4deg)}
.kiedys .siatka{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}
.kiedys img{aspect-ratio:4/5;object-fit:cover;filter:grayscale(1) contrast(.95) blur(.4px);opacity:.9;border-radius:4px}
.kiedys .tag{position:static;display:block;font-size:30px;margin:2px 0 0 4px;color:var(--szary)}
.omnie-tekst{display:grid;gap:20px;justify-items:start}
.omnie-tekst p{font-size:17px;max-width:54ch}
.podpis-ola{font-family:var(--f-script);font-size:48px;color:var(--roz);line-height:1}
@media (max-width:860px){.omnie-siatka{grid-template-columns:1fr;gap:70px}.omnie-foto{justify-self:center;width:84%}.kiedys{left:-8%}}

/* ---------- OPINIE ---------- */
.opinie{background:linear-gradient(180deg,#D9E0EA 0%,var(--niebieski-jasny) 55%,#E6EAF0 100%)}
.opinie .etykieta{color:var(--niebieski-ciemny)}
.opinie .script{color:var(--niebieski-ciemny)}
.opinie .opinia{background:var(--bialy)}
.opinie .opinia::before{color:#D4DCE7}
.opinie .opinia blockquote{border-left-color:var(--niebieski)}
.opinie .opinie-przypis,.opinie .przesun{color:#5E6B7D}
.opinie mark{background:linear-gradient(transparent 56%,#F1D9D3 56%)}
.opinie-siatka{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.opinia{background:var(--krem);border-radius:var(--r);padding:34px 28px 28px;display:flex;flex-direction:column;gap:16px;position:relative}
.opinia::before{content:"„";position:absolute;right:22px;top:-6px;font-family:var(--f-display);font-size:110px;line-height:1;color:var(--puder)}
.opinia h3{font-size:25px;line-height:1.15;position:relative}
.opinia .kontekst{font-size:14px;color:var(--szary)}
.opinia blockquote{margin:0;font-size:15px;padding-left:16px;border-left:2px solid var(--roz)}
.opinia .kto{margin-top:auto;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--szary);font-weight:600}
.opinie-przypis{text-align:center;margin-top:30px;font-size:13px;color:var(--szary)}
@media (max-width:900px){.opinie-siatka{grid-template-columns:1fr;max-width:560px;margin:0 auto}}


/* wiadomości od kursantek jak z czatu */
.dm-tytul{font-size:clamp(26px,2.8vw,34px);text-align:center;margin:64px 0 26px}
.dm-siatka{columns:3 280px;column-gap:20px}
.dm{break-inside:avoid;display:grid;gap:6px;justify-items:start;margin-bottom:22px}
.dymek{background:var(--bialy);border-radius:20px 20px 20px 6px;padding:13px 16px 8px;font-size:14.5px;line-height:1.55;color:var(--tekst);box-shadow:0 12px 26px -22px rgba(52,64,84,.55);max-width:100%}
.dymek time{display:block;text-align:right;font-size:11px;color:var(--szary);margin-top:4px;font-variant-numeric:tabular-nums}
.dm-wiecej-btn{display:none;width:fit-content;margin:6px auto 0;color:var(--niebieski-ciemny);box-shadow:inset 0 0 0 1.5px var(--niebieski-ciemny)}
.dm-wiecej-btn:hover{background:var(--niebieski-ciemny);color:var(--bialy)}
@media (max-width:760px){.dm-siatka{columns:1}.dm-siatka:not(.pokaz) .dm-wiecej{display:none}.dm-wiecej-btn{display:flex}.dm-tytul{margin-top:48px}}

/* ---------- KONTAKT ---------- */
.kontakt-pas{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:40px;align-items:center;background:var(--puder-jasny);border-radius:32px;padding:44px 52px;border:1px solid var(--puder)}
.kontakt-pas img{width:150px;height:150px;border-radius:50%;object-fit:cover;object-position:50% 50%;border:6px solid var(--krem)}
.kontakt-pas h2{font-size:clamp(30px,3.6vw,44px)}
.kontakt-pas p{margin-top:10px;font-size:16px;max-width:48ch}
.kontakt-btn{display:grid;gap:10px}
@media (max-width:860px){.kontakt-pas{grid-template-columns:1fr;justify-items:center;text-align:center;padding:40px 22px;gap:22px}.kontakt-pas p{margin-inline:auto}.kontakt-btn{width:100%;max-width:340px}}

/* ---------- STOPKA ---------- */
.stopka{background:var(--papier);padding-block:64px 36px;font-size:14px}
.stopka-siatka{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr));gap:40px}
.stopka h4{margin:0 0 14px;font-size:11px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--roz)}
.stopka ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.stopka a{text-decoration:none}
.stopka a:hover{color:var(--wino);text-decoration:underline;text-underline-offset:3px}
.stopka .opis{margin-top:18px;max-width:34ch;color:var(--szary)}
.stopka .prawa{margin-top:48px;padding-top:24px;border-top:1px solid var(--linia);display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 30px;font-size:12.5px;color:var(--szary)}
@media (max-width:860px){.stopka-siatka{grid-template-columns:1fr 1fr}.stopka-siatka>div:first-child{grid-column:1/-1}}

/* ==========================================================
   PODSTRONA: KONSULTACJA
   ========================================================== */
.k-hero{padding-block:56px 72px;overflow:hidden}
.k-hero h1{font-size:clamp(46px,6vw,80px);line-height:1;font-weight:500}
.k-hero .lead{font-size:18px;max-width:48ch}
.k-hero .k-meta li{background:var(--papier)}
.k-hero .cta{display:flex;flex-wrap:wrap;align-items:center;gap:18px 28px}
.k-foto{margin:0;justify-self:center;width:min(100%,430px);aspect-ratio:610/680;border-radius:999px 999px 26px 26px;overflow:hidden;box-shadow:var(--cien);position:relative}
.k-foto img{width:100%;height:100%;object-fit:cover;object-position:52% 40%}
.k-foto::after{content:"";position:absolute;inset:10px;border-radius:999px 999px 18px 18px;border:1px solid rgba(255,255,255,.55);pointer-events:none}
.papier{background:var(--papier)}
.bole.trzy{grid-template-columns:repeat(3,minmax(0,1fr));max-width:1100px}
.krok-tresc>h3:first-child{margin-top:2px}
.dostajesz{background:linear-gradient(180deg,var(--puder-jasny),#FBF3EF)}
.dost-lista{display:grid;gap:16px;max-width:900px;margin:0 auto}
.dost{display:grid;grid-template-columns:auto minmax(0,1fr);gap:22px;align-items:center;background:var(--bialy);border:1px solid #EFDCD6;border-radius:24px;padding:24px 30px}
.dost .ik{width:62px;height:62px;border-radius:50%;background:var(--puder-jasny);border:1px solid #E6C3BC;color:var(--roz);display:grid;place-items:center}
.dost .ik svg{width:26px;height:26px}
.dost h3{font-size:26px;margin-bottom:6px}
.dost p{font-size:15.5px}
.dost.glowna{border-color:var(--roz);box-shadow:0 22px 44px -32px rgba(110,46,56,.55)}
.dost.glowna .ik{background:var(--wino);border-color:var(--wino);color:var(--bialy)}
.dost.glowna h3{color:var(--wino)}
@media (max-width:760px){.dost{grid-template-columns:1fr;gap:14px;padding:22px 20px}.dost .ik{width:52px;height:52px}.dost h3{font-size:24px}}
.przebieg-dol{text-align:center;margin:36px auto 0;max-width:620px;font-size:15px;color:var(--szary)}
.rezerwacja{background:var(--czeko);color:#E9DCD2;scroll-margin-top:60px}
.rezerwacja h2{color:var(--krem)}
.rezerwacja .etykieta,.rezerwacja .script{color:#D9AFA8}
.rez-siatka{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:56px;align-items:start}
.rez-info{display:grid;gap:24px;justify-items:start;position:sticky;top:110px}
.rez-cena{font-family:var(--f-display);font-size:64px;font-weight:600;line-height:1;color:var(--krem);font-variant-numeric:lining-nums}
.rez-cena small{font-size:26px;margin-left:6px}
.rez-cena .cena-op{display:block;font-family:var(--f-body);font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#D9AFA8;margin-bottom:10px}
.rez-kroki{list-style:none;margin:0;padding:0;display:grid;gap:16px}
.rez-kroki li{display:grid;grid-template-columns:34px 1fr;gap:14px;align-items:start;font-size:15px}
.rez-kroki .n{width:34px;height:34px;border-radius:50%;border:1px solid #D9AFA8;color:#F3E2DC;display:grid;place-items:center;font-size:14px;font-weight:600}
.rez-kroki b{color:var(--krem);font-weight:600}
.rez-alt{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;font-size:14px;color:#CDBBAE}
.rez-alt a{display:inline-flex;align-items:center;gap:6px;color:var(--krem);font-weight:600;text-decoration:none}
.rez-alt a:hover{color:#F3D3CC}
.rez-alt svg{width:17px;height:17px;color:#D9AFA8}
.formularz{background:var(--krem);color:var(--tekst);border-radius:28px;padding:36px 38px;box-shadow:0 30px 60px -36px rgba(0,0,0,.6)}
.formularz form{display:grid;gap:20px}
.formularz h3{font-size:30px}
.pola-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.pole{display:grid;gap:7px;min-width:0}
.pole label,.formularz legend{font-size:13px;font-weight:600;color:var(--czeko);letter-spacing:.02em}
.opc{font-weight:400;color:var(--szary)}
.pole input,.pole textarea{width:100%;font:inherit;font-size:16px;color:var(--czeko);background:var(--bialy);border:1px solid var(--linia);border-radius:14px;padding:13px 16px;transition:border-color .2s,box-shadow .2s}
.pole textarea{resize:vertical;min-height:110px}
.pole input:focus,.pole textarea:focus{outline:none;border-color:var(--wino);box-shadow:0 0 0 3px rgba(110,46,56,.13)}
.formularz fieldset{border:0;margin:0;padding:0;min-width:0}
.formularz legend{padding:0;margin-bottom:10px}
.chipy{display:flex;flex-wrap:wrap;gap:8px}
.chip-wyb{position:relative;cursor:pointer}
.chip-wyb input{position:absolute;opacity:0;width:1px;height:1px}
.chip-wyb span{display:inline-block;padding:9px 15px;border:1px solid var(--linia);border-radius:999px;background:var(--bialy);font-size:14px;color:var(--czeko);transition:background .2s,color .2s,border-color .2s}
.chip-wyb:hover span{border-color:var(--roz)}
.chip-wyb input:checked+span{background:var(--wino);border-color:var(--wino);color:var(--bialy)}
.chip-wyb input:focus-visible+span{outline:2px solid var(--wino);outline-offset:2px}
.zgoda{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;font-size:13px;line-height:1.55;color:var(--szary);cursor:pointer}
.zgoda input{width:19px;height:19px;margin:1px 0 0;accent-color:var(--wino)}
.zgoda a{color:var(--wino)}
.formularz .btn{width:100%}
.formularz .btn:disabled{opacity:.7;cursor:progress;transform:none}
.form-uwaga{font-size:12.5px;color:var(--szary);text-align:center}
.form-blad{font-size:14px;color:var(--wino);font-weight:500;text-align:center}
.form-ok{display:grid;justify-items:center;text-align:center;gap:14px;padding:30px 10px}
.form-ok:focus{outline:none}
.ok-ikona{width:64px;height:64px;border-radius:50%;background:var(--puder);color:var(--wino);display:grid;place-items:center}
.ok-ikona svg{width:28px;height:28px}
.form-ok h3{font-size:32px}
.form-ok p{max-width:40ch}
.form-ok .podglad{font-size:13px;color:var(--szary);background:var(--papier);border-radius:12px;padding:8px 14px}
.alt-siatka{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.alt-karta{display:flex;flex-direction:column;gap:10px;text-decoration:none;background:var(--bialy);border:1px solid var(--linia);border-radius:var(--r);padding:26px 24px;transition:transform .3s ease,box-shadow .3s ease,border-color .3s}
.alt-karta:hover{transform:translateY(-4px);box-shadow:var(--cien)}
.alt-karta .kat{font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase}
.alt-karta h3{font-size:26px}
.alt-karta p{font-size:14.5px}
.alt-karta .dalej{margin-top:auto;padding-top:6px;font-size:13px;font-weight:600}
.alt-karta.a1 .kat,.alt-karta.a1 .dalej{color:var(--roz)}
.alt-karta.a2 .kat,.alt-karta.a2 .dalej{color:var(--wino)}
.alt-karta.a3 .kat,.alt-karta.a3 .dalej{color:var(--niebieski-ciemny)}
@media (max-width:1000px){.bole.trzy{grid-template-columns:repeat(2,minmax(0,1fr))}.alt-siatka{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:900px){.rez-siatka{grid-template-columns:1fr;gap:36px}.rez-info{position:static}}
@media (max-width:860px){.k-hero{padding-top:28px}.k-foto{width:min(78%,340px)}}
@media (max-width:760px){
  .bole.trzy,.alt-siatka{grid-template-columns:1fr}
  .k-hero .lead{font-size:17px}
  .formularz{padding:26px 18px;border-radius:22px}
  .pola-2{grid-template-columns:1fr}
  .rez-cena{font-size:54px}
  .alt-karta{padding:20px}
}

/* ==========================================================
   PODSTRONA: O MNIE
   ========================================================== */
.historia-siatka{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center}
.historia-tekst{display:grid;gap:18px;justify-items:start}
.historia-tekst p{font-size:17px;max-width:54ch}
.kd{position:relative;padding:10px 0 20px}
.kd-kiedys{margin:0;background:var(--bialy);padding:14px 14px 16px;border-radius:16px;box-shadow:var(--cien);transform:rotate(-2.5deg);width:80%;position:relative;z-index:1}
.kd-kiedys .tag{display:block;font-family:var(--f-script);font-size:36px;line-height:1;color:var(--szary);margin:0 0 8px 4px}
.k6{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}
.k6 img{aspect-ratio:4/5;object-fit:cover;filter:grayscale(1) contrast(.95) blur(.4px);opacity:.9;border-radius:4px}
.kd-kiedys figcaption{font-size:12.5px;font-style:italic;color:var(--szary);margin-top:10px}
.kd-dzis{position:relative;margin:-28px 0 0 auto;width:54%;z-index:2}
.kd-dzis img{width:100%;aspect-ratio:5/6;object-fit:cover;object-position:60% 22%;border-radius:999px 999px 20px 20px;border:6px solid var(--krem);box-shadow:var(--cien)}
.kd-dzis .tag{position:absolute;left:-78px;bottom:16%;font-family:var(--f-script);font-size:48px;line-height:1;color:var(--wino)}
.stories-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;max-width:960px;margin:80px auto 0}
.stories-head h3{font-size:clamp(26px,3vw,34px)}
.st-nav{display:flex;gap:10px}
.st-nav button{width:46px;height:46px;border-radius:50%;border:1px solid var(--linia);background:var(--bialy);color:var(--czeko);cursor:pointer;display:grid;place-items:center;transition:background .2s}
.st-nav button:hover{background:var(--puder-jasny)}
.st-nav svg{width:20px;height:20px}
.st-bars{display:flex;gap:4px;max-width:960px;margin:18px auto 0}
.st-bars i{flex:1;height:3px;border-radius:3px;background:var(--puder);transition:background .3s}
.st-bars i.on{background:var(--wino)}
.st-rail{display:grid;grid-auto-flow:column;grid-auto-columns:228px;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding:18px 4px 24px;max-width:960px;margin:0 auto;scrollbar-width:none}
.st-rail::-webkit-scrollbar{display:none}
.story{margin:0;scroll-snap-align:start;border-radius:18px;overflow:hidden;aspect-ratio:9/16;background:var(--krem);box-shadow:0 16px 34px -22px rgba(74,48,39,.6);border:4px solid var(--bialy)}
.story img{width:100%;height:100%;object-fit:cover}
.przesun-st{display:none;text-align:center;font-size:12px;color:var(--szary)}
.psych{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:64px;align-items:center}
.psych-foto{margin:0;justify-self:center;width:min(100%,400px);aspect-ratio:4/5;border-radius:999px 999px 24px 24px;overflow:hidden;box-shadow:var(--cien)}
.psych-foto img{width:100%;height:100%;object-fit:cover;object-position:50% 30%}
.psych-tekst{display:grid;gap:18px;justify-items:start}
.psych-tekst p{font-size:17px;max-width:54ch}
.psych-uwaga{font-size:13px!important;color:var(--szary);border-left:2px solid var(--roz);padding-left:12px}
.wartosci{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.wartosc{background:var(--krem);border-radius:var(--r);padding:30px 28px;display:grid;gap:12px;align-content:start}
.wartosc::before{content:"";width:34px;height:2px;background:var(--roz)}
.wartosc h3{font-size:27px}
.wartosc p{font-size:15px}
@media (max-width:900px){.historia-siatka,.psych{grid-template-columns:1fr;gap:44px}.psych-foto{width:min(74%,340px)}}
@media (max-width:760px){
  .kd-kiedys{width:90%}
  .kd-dzis{width:60%;margin-top:-12px}
  .kd-dzis .tag{left:-62px;font-size:40px}
  .stories-head{justify-content:center;text-align:center;margin-top:56px}
  .st-nav{display:none}
  .przesun-st{display:block}
  .st-rail{grid-auto-columns:62%;gap:12px}
  .wartosci{grid-template-columns:1fr}
  .historia-tekst p,.psych-tekst p{font-size:16px}
}

/* ==========================================================
   PODSTRONA: KONTAKT
   ========================================================== */
.kontakt-hero{padding-block:56px 8px}
.kontakt-hero h1{font-size:clamp(46px,6vw,76px);font-weight:500;line-height:1}
.kontakt-sekcja{padding-top:32px}
.kontakt-siatka{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:36px;align-items:start}
.kontakt-boczna{display:grid;gap:18px}
.sm-karta{background:var(--puder-jasny);border:1px solid var(--puder);border-radius:28px;padding:30px 28px;display:grid;gap:12px;justify-items:center;text-align:center}
.sm-karta img{width:120px;height:120px;border-radius:50%;object-fit:cover;border:5px solid var(--krem)}
.sm-karta h3{font-size:28px}
.sm-karta>p{font-size:15px;color:var(--szary)}
.sm-lista{display:grid;gap:10px;width:100%;margin-top:6px}
.sm{display:flex;align-items:center;gap:14px;text-align:left;background:var(--bialy);border:1px solid var(--linia);border-radius:18px;padding:12px 16px;text-decoration:none;transition:border-color .2s,transform .2s}
.sm:hover{border-color:var(--roz);transform:translateY(-2px)}
.sm .ik{width:42px;height:42px;border-radius:50%;background:var(--puder-jasny);color:var(--wino);display:grid;place-items:center;flex:none}
.sm .ik svg{width:20px;height:20px}
.sm-t{display:grid;font-size:13px;color:var(--szary);min-width:0;overflow-wrap:anywhere}
.sm-t b{font-size:15px;color:var(--czeko);font-weight:600}
.sm .str{margin-left:auto;color:var(--wino);font-weight:600}
.kontakt-boczna .konsult-mini{max-width:none;margin:0}
@media (max-width:900px){.kontakt-siatka{grid-template-columns:1fr}}

/* ==========================================================
   DOKUMENTY: POLITYKA PRYWATNOŚCI, REGULAMIN
   ========================================================== */
.dok-wrap{max-width:820px}
.dok-hero{padding-block:56px 24px}
.dok-hero h1{font-size:clamp(42px,5.4vw,68px);font-weight:500;margin:16px 0 10px}
.dok-data{font-size:13px;color:var(--szary);letter-spacing:.04em}
.dok-wstep{font-size:17px;margin-top:18px;max-width:62ch}
.dok-spis{margin-top:30px;background:var(--papier);border-radius:var(--r);padding:22px 26px}
.dok-spis>p{font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--roz);margin-bottom:10px}
.dok-spis ol{list-style:none;margin:0;padding:0;columns:2 260px;column-gap:28px}
.dok-spis li{break-inside:avoid;padding:3px 0;font-size:14.5px}
.dok-spis a{text-decoration:none;color:var(--czeko)}
.dok-spis a:hover{color:var(--wino);text-decoration:underline;text-underline-offset:3px}
.dok{padding-top:20px}
.dok-sekcja{padding-block:26px;border-top:1px solid var(--linia);scroll-margin-top:96px}
.dok-sekcja h2{font-size:clamp(26px,3vw,32px);margin-bottom:14px}
.dok-sekcja h3{font-size:21px;margin:18px 0 6px}
.dok-sekcja p{font-size:15.5px;margin-top:10px;max-width:68ch}
.dok-sekcja ul{margin:10px 0 0;padding-left:20px;display:grid;gap:6px;font-size:15.5px;max-width:66ch}
.dok-sekcja a{color:var(--wino)}
.dok-uwaga{margin-top:18px;background:var(--puder-jasny);border-left:3px solid var(--wino);border-radius:0 14px 14px 0;padding:6px 20px 16px}
.uzupelnij{background:#FCEFB4;color:#6B4E00;padding:1px 6px;border-radius:5px;font-weight:600}

/* ---------- TELEFON: przewijane rzędy, zwięźlejsze bloki, pasek z kolejnym krokiem ---------- */
.przesun{display:none}
.pasek-krok{display:none}
@media (max-width:900px){
  .opinie-siatka{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:84%;max-width:none;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;margin-inline:calc(-1 * var(--gutter-l)) calc(-1 * var(--gutter-r));padding:4px var(--gutter-r) 10px var(--gutter-l);scroll-padding-inline:var(--gutter-l)}
  .opinie-siatka::-webkit-scrollbar{display:none}
  .opinia{scroll-snap-align:start}
  .opinia::before{display:none}
  .etykieta{letter-spacing:.2em}
  .etykieta::before,.etykieta.srodek::after{width:18px}
  .przesun{display:block;text-align:right;font-size:12px;letter-spacing:.06em;color:var(--szary);margin-top:8px}
}
@media (max-width:760px){
  section{padding-block:60px}
  .naglowek{margin-bottom:32px;gap:14px}
  .naglowek p{font-size:16px}
  .bole{gap:10px}
  .bol{padding:16px 18px;gap:14px;font-size:15px}
  .zwrot{margin-top:36px}
  .hero-foto{width:min(74%,320px)}
  .test-pas{padding:38px 20px}
  .test-okno{display:none}
  .omnie-tekst p,.test-tekst p{font-size:16px}
  .pasek-krok{display:flex;align-items:center;gap:12px;position:fixed;left:0;right:0;bottom:0;z-index:55;padding:10px var(--gutter-r) calc(10px + env(safe-area-inset-bottom,0px)) var(--gutter-l);background:rgba(247,241,234,.97);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--linia);box-shadow:0 -14px 30px -24px rgba(74,48,39,.5);transform:translateY(110%);transition:transform .35s ease}
  .pasek-krok.widac{transform:none}
  .pasek-krok .opis{flex:1;min-width:0;font-size:12px;line-height:1.35;color:var(--szary)}
  .pasek-krok .opis b{display:block;font-size:13.5px;color:var(--czeko)}
  .pasek-krok .btn{min-height:44px;padding:10px 18px;font-size:13px;flex:none}
}

/* komunikat „podstrona w przygotowaniu” (tylko podgląd) */
.toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));transform:translate(-50%,20px);opacity:0;background:var(--czeko);color:var(--krem);padding:14px 22px;border-radius:999px;font-size:14px;box-shadow:var(--cien);transition:opacity .3s,transform .3s;z-index:90;max-width:calc(100% - 32px);text-align:center;pointer-events:none}
.toast.widac{opacity:1;transform:translate(-50%,0)}
@media (max-width:760px){.toast{bottom:calc(84px + env(safe-area-inset-bottom,0px))}}

@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}html{scroll-behavior:auto}}