/* Squishy Box Żanetki: świat z pudełka. Róż + cytryna po skosie, czarne sylwetki z „?”, gwiazdki. */
@font-face{font-family:'Baloo 2';font-weight:700;font-display:swap;src:url(/assets/fonts/baloo-2-latin-700-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Baloo 2';font-weight:700;font-display:swap;src:url(/assets/fonts/baloo-2-latin-ext-700-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Baloo 2';font-weight:800;font-display:swap;src:url(/assets/fonts/baloo-2-latin-800-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Baloo 2';font-weight:800;font-display:swap;src:url(/assets/fonts/baloo-2-latin-ext-800-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Nunito';font-weight:400;font-display:swap;src:url(/assets/fonts/nunito-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Nunito';font-weight:400;font-display:swap;src:url(/assets/fonts/nunito-latin-ext-400-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Nunito';font-weight:700;font-display:swap;src:url(/assets/fonts/nunito-latin-700-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Nunito';font-weight:700;font-display:swap;src:url(/assets/fonts/nunito-latin-ext-700-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Nunito';font-weight:800;font-display:swap;src:url(/assets/fonts/nunito-latin-800-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Nunito';font-weight:800;font-display:swap;src:url(/assets/fonts/nunito-latin-ext-800-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

:root{
  --roz:#f7c4dc; --roz-j:#fde3ef; --roz-m:#c8317e; --roz-c:#a8236a;
  --cyt:#fbeb8c; --cyt-j:#fff7cf;
  --sliwka:#3a1631; --sliwka-2:#5d2a50; --czern:#211a22;
  --lawenda:#cbb6f2; --bialy:#fffdfb;
  --tekst:#3a1631; --tekst-2:#6b3f60;
  --cien:0 18px 40px -18px rgba(90,20,70,.45), 0 4px 10px -4px rgba(90,20,70,.18);
  --cien-m:0 10px 24px -12px rgba(90,20,70,.4);
  --r:22px; --szer:1240px;
  --ease:cubic-bezier(.16,1,.3,1);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;font:400 1.1875rem/1.6 Nunito,system-ui,sans-serif;color:var(--tekst);background:var(--bialy);overflow-x:hidden}
::selection{background:var(--cyt);color:var(--sliwka)}
:focus-visible{outline:3px solid var(--roz-m);outline-offset:3px;border-radius:8px}
img{max-width:100%;height:auto;display:block}
a{color:var(--roz-c);text-underline-offset:3px;text-decoration-thickness:2px}
h1,h2,h3{font-family:'Baloo 2',Nunito,sans-serif;line-height:1.05;margin:0;text-wrap:balance;color:var(--sliwka)}
h2{font-size:clamp(2.3rem,5vw,3.6rem);font-weight:800;letter-spacing:-.01em}
h3{font-size:1.65rem;font-weight:800}
p{margin:0}
.ik{width:1.25em;height:1.25em;flex:none;fill:currentColor}
.wrap{max-width:var(--szer);margin:0 auto;padding:0 24px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Pasek dropu */
.pasek{background:var(--sliwka);color:var(--cyt-j);font:800 1rem/1 Nunito,sans-serif;text-transform:uppercase;letter-spacing:.08em;text-align:center;padding:10px 16px;display:flex;gap:10px;justify-content:center;align-items:center}
.pasek .ik{color:var(--cyt);width:1.1em;height:1.1em}

/* Nagłówek */
.naglowek{position:sticky;top:0;z-index:20;background:rgba(255,253,251,.92);backdrop-filter:saturate(1.4) blur(10px);-webkit-backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid rgba(58,22,49,.08)}
.naglowek .wrap{display:flex;align-items:center;justify-content:space-between;height:76px;gap:24px}
.menu{display:flex;gap:6px;margin:0 auto}
.menu a{font:800 1.05rem/1 Nunito,sans-serif;color:var(--sliwka);text-decoration:none;padding:12px 14px;border-radius:999px;transition:background .25s var(--ease),color .25s}
.menu a:hover{background:var(--roz-j);color:var(--roz-c)}
.logo{font:800 1.5rem/1 'Baloo 2',sans-serif;color:var(--sliwka);text-decoration:none;display:flex;gap:8px;align-items:center}
.logo b{color:var(--roz-m);font-weight:800}

/* Przyciski */
.btn{--t:var(--roz-m);display:inline-flex;align-items:center;justify-content:center;gap:11px;font:800 1.27rem/1 Nunito,sans-serif;color:#fff;background:var(--t);border:0;border-radius:999px;padding:20px 33px;cursor:pointer;text-decoration:none;box-shadow:0 10px 22px -10px rgba(194,48,122,.75),inset 0 -3px 0 rgba(0,0,0,.14);transition:transform .35s var(--ease),box-shadow .35s var(--ease),background .2s}
.btn{position:relative;isolation:isolate}
.btn::before{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:0 0 0 0 rgba(200,49,126,.45);animation:puls 2.6s var(--ease) infinite;z-index:-1}
.btn::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.35) 50%,transparent 65%);background-size:250% 100%;background-position:120% 0;transition:background-position .7s var(--ease);pointer-events:none}
.btn:hover::after{background-position:-20% 0}
.btn .ik{transition:transform .35s var(--ease)}
.btn:hover .ik{transform:rotate(-10deg) scale(1.15)}
.btn[aria-disabled=true]::before{animation:none}
@keyframes puls{0%{box-shadow:0 0 0 0 rgba(200,49,126,.45)}70%,100%{box-shadow:0 0 0 14px rgba(200,49,126,0)}}
.btn:hover{background:var(--roz-c);transform:translateY(-2px);box-shadow:0 16px 28px -12px rgba(194,48,122,.8),inset 0 -3px 0 rgba(0,0,0,.14)}
.btn:active{transform:scale(.96,.92)}
.btn[aria-disabled=true]{background:#a78a9d;box-shadow:none;cursor:not-allowed;transform:none}
.btn-maly{padding:12px 20px;font-size:.95rem}
.naglowek .btn-maly{padding:16px 28px;font-size:1.1rem}
/* Przycisk w menu: co kilka sekund lekko się ściska i puszcza mały pierścień */
.naglowek .btn{animation:zaczepka 4.5s var(--ease) 1.5s infinite}
.naglowek .btn::before{animation:puls-maly 4.5s var(--ease) 1.5s infinite}
@keyframes zaczepka{0%,82%,100%{transform:none}86%{transform:scale(1.08,.92)}90%{transform:scale(.96,1.05)}94%{transform:scale(1.02,.99)}}
@keyframes puls-maly{0%,80%{box-shadow:0 0 0 0 rgba(200,49,126,.4)}100%{box-shadow:0 0 0 10px rgba(200,49,126,0)}}
.naglowek .btn:hover{animation-play-state:paused}

/* Hero: tło jak bok pudełka, róż i cytryna po skosie, kropki rastra */
.hero{position:relative;overflow:hidden;background:linear-gradient(118deg,var(--roz-j) 0 52%,var(--cyt-j) 52% 100%);padding:56px 0 88px}
.hero::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(224,85,154,.22) 1.6px,transparent 2px);background-size:18px 18px;-webkit-mask-image:linear-gradient(200deg,#000 0,transparent 45%);mask-image:linear-gradient(200deg,#000 0,transparent 45%);pointer-events:none}
.hero .wrap{position:relative;z-index:1;display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:center}
.hero h1{font-size:clamp(2.6rem,4.9vw,4.6rem);white-space:nowrap;font-weight:800;letter-spacing:-.02em;line-height:.92;color:var(--roz);-webkit-text-stroke:7px var(--sliwka);paint-order:stroke fill}
.hero h1 span{display:inline}
.hero h1 .cyt{color:var(--cyt)}
.hero h1 .bial{color:#fff}
.lead{font-size:clamp(1.25rem,1.9vw,1.5rem);line-height:1.5;margin-top:26px;max-width:40ch;color:var(--tekst)}
.lead strong{font-weight:800}
.zakup{margin-top:30px;display:flex;flex-wrap:wrap;align-items:center;gap:16px 20px}
.zakup .btn{flex:1 1 100%}
.opcje{border:0;padding:0;margin:0;flex:1 1 100%;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.opcja{position:relative;cursor:pointer;display:flex}
.opcja input{position:absolute;opacity:0;pointer-events:none}
.opcja-tresc{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:4px;background:#fff;border:3px solid transparent;border-radius:20px;padding:18px 12px 14px;box-shadow:var(--cien-m);transition:transform .35s var(--ease),border-color .25s,box-shadow .35s var(--ease)}
.opcja-tresc .ik{width:26px;height:26px;color:var(--roz-m);margin-bottom:4px}
.opcja-tresc b{font:800 1.08rem/1.2 Nunito,sans-serif;color:var(--sliwka)}
.opcja-tresc small{font-weight:700;font-size:.88rem;color:var(--tekst-2)}
.opcja-cena{margin-top:4px;font:800 1.65rem/1 'Baloo 2',sans-serif;color:var(--sliwka)}
.opcja-cena s{display:block;font:700 1rem/1 Nunito,sans-serif;color:var(--tekst-2);margin-bottom:4px;text-decoration-thickness:2px}
.opcja-zysk{margin-top:6px;font:800 .82rem/1.25 Nunito,sans-serif;color:#1d6b3a;background:#dcf5e3;padding:6px 12px;border-radius:999px}
.opcja-znaczek{position:absolute;top:-13px;left:50%;transform:translateX(-50%) rotate(-3deg);background:var(--cyt);color:var(--sliwka);font:800 .85rem/1 Nunito,sans-serif;padding:7px 12px;border-radius:999px;box-shadow:var(--cien-m);white-space:nowrap}
.opcja:hover .opcja-tresc{transform:translateY(-3px)}
.opcja input:checked + .opcja-tresc{border-color:var(--roz-m);box-shadow:0 0 0 5px rgba(200,49,126,.15),var(--cien-m)}
.opcja input:focus-visible + .opcja-tresc{outline:3px solid var(--roz-m);outline-offset:4px}
.komunikat{flex-basis:100%;font-weight:700;font-size:.95rem;color:var(--roz-c);min-height:1.5em}
.zaufanie{list-style:none;padding:0;margin:24px 0 0;display:flex;flex-wrap:wrap;gap:10px 22px;font-weight:700;font-size:1.05rem;color:var(--tekst-2)}
.zaufanie li{display:flex;align-items:center;gap:7px}
.zaufanie .ik{color:var(--roz-m)}

.pudelko{position:relative;justify-self:end;width:min(110%,550px);margin-right:0}
@media (min-width:1280px){.pudelko{margin-right:-72px}}
.pudelko button{all:unset;cursor:pointer;display:block;border-radius:var(--r)}
.pudelko img{border-radius:var(--r);box-shadow:0 40px 60px -30px rgba(90,20,70,.55),0 10px 20px -10px rgba(90,20,70,.25);transform:rotate(2.5deg);transform-origin:50% 90%}
.pudelko button:focus-visible img{outline:3px solid var(--roz-m);outline-offset:6px}
.naklejka{position:absolute;left:-18px;bottom:28px;transform:rotate(-8deg);background:var(--sliwka);color:#fff;font:800 1rem/1.15 'Baloo 2',sans-serif;padding:12px 18px 10px;border-radius:16px;box-shadow:var(--cien-m);text-align:center}
.naklejka b{display:block;font-size:1.9rem;color:var(--cyt);line-height:1}
.gw{position:absolute;color:var(--sliwka);pointer-events:none}
.gw svg{width:100%;height:100%;fill:currentColor}

/* Moment sygnaturowy: gniotek się ściska */
@keyframes sciskanie{
  0%{transform:scale(1,1)}
  18%{transform:scale(1.22,.74)}
  40%{transform:scale(.88,1.14)}
  60%{transform:scale(1.07,.94)}
  80%{transform:scale(.98,1.02)}
  100%{transform:scale(1,1)}
}
.sciska{animation:sciskanie .7s var(--ease);transform-origin:50% 100%}
/* Tło hero: gniotki i gwiazdki dryfują powoli za treścią */
.tlo{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.tlo svg{position:absolute;width:var(--w,48px);height:var(--w,48px);opacity:var(--o,.13);fill:var(--sliwka);animation:dryf var(--t,14s) ease-in-out var(--d,0s) infinite alternate}
.tlo .g{fill:var(--roz-m);opacity:.5}
@keyframes dryf{from{transform:translate3d(0,0,0) rotate(var(--r0,-8deg))}to{transform:translate3d(var(--x,14px),var(--y,-26px),0) rotate(var(--r1,10deg))}}
@media (prefers-reduced-motion:reduce){.sciska,.tlo svg,.btn::before,.pasek-zakup__box,.naglowek .btn{animation:none}html{scroll-behavior:auto}}

/* Sekcje */
.sekcja{padding:96px 0}
.sekcja-glowa{text-align:center;max-width:640px;margin:0 auto 52px}
.sekcja-glowa p{margin-top:16px;font-size:1.3rem;color:var(--tekst-2)}

/* Co jest w środku */
.srodek{display:grid;grid-template-columns:1.25fr 1fr;gap:24px}
.srodek-gniotki{grid-row:span 2;background:var(--roz-j);border-radius:28px;padding:40px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:32px;box-shadow:var(--cien)}
.srodek-gniotki .liczba{font:800 clamp(4.5rem,10vw,7rem)/.85 'Baloo 2',sans-serif;color:var(--roz);-webkit-text-stroke:6px var(--sliwka);paint-order:stroke fill}
.srodek-gniotki h3{font-size:1.9rem;margin-top:10px}
.srodek-gniotki p{margin:10px auto 0;color:var(--tekst-2);max-width:36ch}
.mini-sylwetki{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
.mini-sylwetki svg{width:56px;height:56px}
.dodatek{border-radius:28px;padding:32px;display:flex;flex-direction:column;justify-content:center;gap:18px;align-items:center;text-align:center;box-shadow:var(--cien)}
.dodatek:nth-child(2){background:var(--cyt-j)}
.dodatek:nth-child(3){background:#f1eafd}
.dodatek .znak{flex:none;width:76px;height:76px;border-radius:24px;background:#fff;display:grid;place-items:center;color:var(--sliwka);box-shadow:var(--cien-m);transform:rotate(-6deg)}
.dodatek .znak .ik{width:38px;height:38px}
.dodatek p{margin-top:6px;color:var(--tekst-2)}

/* Kto się schował */
.schowek{background:var(--sliwka);color:#f8e6f0;position:relative;overflow:hidden}
.schowek::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(247,196,220,.13) 1.6px,transparent 2px);background-size:22px 22px;pointer-events:none}
.schowek h2{color:var(--cyt)}
.schowek .sekcja-glowa p{color:#e6c9da}
.sylwetki{position:relative;list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(6,1fr);gap:18px}
.sylwetki li{display:flex}
.sylwetki button{all:unset;cursor:pointer;flex:1;display:flex;flex-direction:column;align-items:center;gap:12px;padding:22px 8px 18px;border-radius:24px;background:rgba(255,255,255,.06);transition:background .3s var(--ease)}
.sylwetki button:hover{background:rgba(255,255,255,.12)}
.sylwetki button:focus-visible{outline:3px solid var(--cyt);outline-offset:3px}
.sylwetki svg{width:min(100%,110px);aspect-ratio:1;overflow:visible}
.sylwetki .nazwa{font:800 1.05rem/1.2 Nunito,sans-serif;color:#f8e6f0}
.sylwetka{fill:#120b12}
.pytajnik{font:800 34px/1 'Baloo 2',sans-serif;fill:var(--lawenda)}
.dymek{position:relative;text-align:center;margin:36px auto 0;max-width:520px;font-weight:700;font-size:1.1rem;color:var(--cyt-j);min-height:1.6em}
.wskazowka{margin-top:10px;text-align:center;font-size:.95rem;color:#c9a5bb}

/* Drop */
.drop{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.drop p{margin-top:16px;font-size:1.25rem;color:var(--tekst-2);max-width:46ch}
.etykieta-serii{position:relative;background:linear-gradient(118deg,var(--roz) 0 50%,var(--cyt) 50%);border-radius:32px;padding:44px 36px;text-align:center;box-shadow:var(--cien);transform:rotate(-1.5deg)}
.etykieta-serii .seria{font:800 clamp(3.5rem,8vw,5.5rem)/.9 'Baloo 2',sans-serif;color:#fff;-webkit-text-stroke:6px var(--sliwka);paint-order:stroke fill}
.etykieta-serii .opis{margin-top:14px;font:800 1.2rem/1.3 Nunito,sans-serif;color:var(--sliwka)}

/* FAQ */
.faq{max-width:760px;margin:0 auto}
.faq details{background:#fff;border-radius:20px;box-shadow:var(--cien-m);margin-bottom:14px}
.faq summary{list-style:none;cursor:pointer;padding:24px 28px;font:800 1.25rem/1.3 Nunito,sans-serif;display:flex;justify-content:space-between;gap:16px;align-items:center}
.faq summary::-webkit-details-marker{display:none}
.faq summary .ik{color:var(--roz-m);transition:transform .3s var(--ease)}
.faq details[open] summary .ik{transform:rotate(45deg)}
.faq details p{padding:0 26px 22px;color:var(--tekst-2)}

/* Ostatnie wezwanie */
.koniec{background:linear-gradient(118deg,var(--roz-j) 0 50%,var(--cyt-j) 50%);text-align:center}
.koniec .wrap{display:flex;flex-direction:column;align-items:center}
.koniec img{width:220px;border-radius:18px;box-shadow:var(--cien);transform:rotate(-3deg);margin-bottom:30px}
.koniec p{margin-top:14px;font-size:1.3rem;color:var(--tekst-2)}
.koniec .zakup{width:min(100%,660px);margin-top:30px}
.koniec .btn{min-width:280px}
.koniec .komunikat{text-align:center}

/* Stopka */
.stopka{background:var(--sliwka);color:#e6c9da;padding:28px 0;font-size:1rem}
.stopka .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px 32px;flex-wrap:wrap}
.stopka a{color:#fff}
.stopka nav{display:flex;flex-wrap:wrap;gap:10px 24px}
.stopka .imker{display:flex;align-items:center;gap:12px;color:#c9a5bb}
.stopka .imker img{width:83px;height:auto;filter:brightness(0) invert(1);opacity:.85}
@media (max-width:640px){.stopka .wrap{flex-direction:column;text-align:center}.stopka nav{justify-content:center}}

/* CTA pod sekcjami */
.cta-sekcji{position:relative;margin-top:48px;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}
.cta-sekcji .btn{min-width:320px}
.cta-sekcji p{font-weight:700;color:var(--tekst-2)}
.cta-ciemne{margin-top:20px}
.cta-ciemne p{color:#e6c9da}

/* Pasek zakupu (wzór: system100): po hero, chowa się przy ostatnim wezwaniu i stopce */
.pasek-zakup{position:fixed;left:50%;bottom:16px;z-index:40;width:min(760px,calc(100% - 24px));display:flex;align-items:center;gap:18px;padding:14px 14px 14px 26px;border-radius:24px;background:var(--sliwka);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),0 22px 44px -16px rgba(40,8,32,.65);transform:translate(-50%,150%);opacity:0;transition:transform .55s var(--ease),opacity .3s}
.pasek-zakup.widoczny{transform:translate(-50%,0);opacity:1}
.pasek-zakup::before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(100deg,rgba(247,196,220,.18),rgba(247,196,220,0) 55%);pointer-events:none}
.pasek-zakup__box{position:relative;width:74px;height:auto;flex:none;border-radius:10px;transform:rotate(-6deg);margin:-38px 0 -6px;box-shadow:0 12px 20px -8px rgba(0,0,0,.55);animation:podskok 3.2s var(--ease) infinite}
@keyframes podskok{0%,70%,100%{transform:rotate(-6deg) translateY(0)}78%{transform:rotate(-2deg) translateY(-8px) scale(1.04,.97)}86%{transform:rotate(-7deg) translateY(0) scale(.98,1.03)}}
.pasek-zakup__tekst{position:relative;margin:0;display:grid;gap:3px;min-width:0}
.pasek-zakup__tekst b{white-space:nowrap;font:800 1.3rem/1.1 'Baloo 2',sans-serif;color:var(--roz)}
.pasek-zakup__tekst span{font:700 .95rem/1.3 Nunito,sans-serif;color:#e6c9da;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.btn-pasek{margin-left:auto;flex:none;padding:16px 26px;font-size:1.1rem}

@media (max-width:900px){
  .hero{padding:32px 0 64px}
  .hero .wrap{grid-template-columns:1fr;gap:36px}
  .pudelko{order:-1;width:min(94%,462px);justify-self:center;margin-right:0}
  .menu{display:none}
  .hero h1{-webkit-text-stroke:4px var(--sliwka);font-size:clamp(1.9rem,10.4vw,4.4rem)}
  .srodek{grid-template-columns:1fr}
  .srodek-gniotki{grid-row:auto}
  .sylwetki{grid-template-columns:repeat(3,1fr)}
  .drop{grid-template-columns:1fr;gap:40px}
  .sekcja{padding:72px 0}
}
@media (max-width:520px){
  .wrap{padding:0 16px}
  .logo{font-size:1.2rem}
  body{font-size:1.125rem}
  .naglowek .btn-maly{padding:12px 18px;font-size:1rem}
  .srodek-gniotki,.dodatek{padding:26px}
  .sylwetki{gap:10px}
  .naklejka{left:-8px;font-size:.9rem}
  .naklejka b{font-size:1.5rem}
  .opcje{gap:10px}
  .opcja-tresc{padding:22px 8px 14px}
  .opcja-tresc b{font-size:1.02rem}
  .opcja-cena{font-size:1.55rem}
  .opcja-zysk{border-radius:12px;font-size:.82rem;padding:6px 8px}
  .cta-sekcji .btn{min-width:0;width:100%}
  .cta-sekcji .btn{font-size:1.05rem;padding:20px 20px;white-space:nowrap}
  .btn-pasek .ik{display:none}
  .pasek-zakup{gap:12px;padding:10px 10px 10px 14px;bottom:10px;width:calc(100% - 20px);border-radius:20px}
  .pasek-zakup__box{width:58px;margin:-30px 0 -4px}
  .pasek-zakup__tekst b{font-size:1.02rem}
  .pasek-zakup .dl{display:none}
  .pasek-zakup__tekst span{font-size:.82rem}
  .btn-pasek{padding:14px 18px;font-size:1rem}
  .pasek{font-size:.8rem}
}
section[id]{scroll-margin-top:76px}
@media (max-width:380px){.pasek-zakup__tekst b{font-size:.94rem}.btn-pasek{padding:13px 14px}.pasek-zakup__box{width:50px}}