/* Strony sklepu w wyglądzie nowej strony: karta produktu (.pp), lista produktów (.sp), strona B2B (.bb).
   Ładowane razem z home.css (zmienne, przyciski, nagłówek, koszyk, panel wyboru paczki, zestawy, pytania).
   IN Rama i Smak 1.0 (22.10.2026): tokeny z fonts.css, jedna rodzina Archivo (75% tylko duże słowa, liczby 100%),
   czerń i biel jak logo, kolor ze smaków (tinta = 24% koloru w czerni), bez neonów i poświat. */

body.in-site{background:var(--bg)}
.pp,.sp,.bb{padding-top:calc(env(safe-area-inset-top,0px) + 96px);overflow-x:clip}
.pp-crumbs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:clamp(14px,2vw,24px);font-family:var(--font);font-size:var(--fs-meta);font-weight:500;letter-spacing:0;text-transform:none;color:var(--text-2)}
.pp-crumbs a{color:var(--text-2);text-decoration:none;transition:color .16s var(--ease)}
.pp-crumbs a:hover{color:var(--text-1)}
.pp-crumbs b{color:var(--text-1);font-weight:500}

/* komunikaty WooCommerce (np. „dodano do koszyka”, błędy): surface-1, lewa krawędź 3 px w kolorze statusu */
.pp-notices:empty,.pp-notices .woocommerce-notices-wrapper:empty{display:none}
.pp-notices .woocommerce-message,.pp-notices .woocommerce-info,.pp-notices .woocommerce-error,.woocommerce-notices-wrapper>*{display:block;list-style:none;margin:0 0 16px;padding:14px 18px;border-radius:12px;border:1px solid var(--line-1);border-left:3px solid var(--info);background:var(--surface-1);color:var(--text-1);font-size:var(--fs-small)}
.pp-notices .woocommerce-message,.woocommerce-notices-wrapper>.woocommerce-message{border-left-color:var(--ok)}
.pp-notices .woocommerce-error,.woocommerce-notices-wrapper>.woocommerce-error{border-left-color:var(--err)}
.pp-notices a.button{float:right;color:var(--text-1);font-weight:600;text-decoration:underline;text-decoration-color:rgba(255,255,255,.4);text-underline-offset:.18em;margin-left:12px}

/* gwiazdki oceny: białe (text-1) */
.stars{position:relative;display:inline-block;line-height:0;vertical-align:-2px}
.stars svg{width:15px;height:15px;fill:currentColor;margin-right:1px}
.stars-0{color:rgba(245,245,247,.18);white-space:nowrap}
.stars-1{position:absolute;inset:0 auto 0 0;overflow:hidden;white-space:nowrap;color:var(--text-1)}
.pp-rating{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;color:var(--text-2);font-size:var(--fs-small);text-decoration:none}
.pp-rating b{color:var(--text-1);font-weight:700;font-variant-numeric:tabular-nums}
.pp-rating span{text-decoration:underline;text-underline-offset:.18em;text-decoration-color:rgba(255,255,255,.4)}
@media (hover:hover){.pp-rating:hover span{color:var(--text-1);text-decoration-color:var(--text-1)}}
.pp-rating.sm{font-size:var(--fs-meta)}

/* ===== KARTA PRODUKTU ===== */
.pp{--c:var(--fl,var(--text-1))}
.pp-hero{position:relative;isolation:isolate;padding-bottom:clamp(40px,6vw,90px)}
/* dawna poświata i snop światła na całą sekcję (także za tekstem) znikają; światło smaku jest tylko za paczką */
.pp-bg{display:none}
.pp-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(24px,5vw,80px);align-items:center}
.pp-media{position:relative;display:grid;justify-items:center;align-items:end;min-height:min(62vh,640px)}
/* miękkie światło smaku za paczką (jedyny wyjątek od zakazu poświat): kolor smaku, niska krycie, bez blur */
.pp-media::before{content:"";position:absolute;inset:4% 2% 10%;z-index:0;pointer-events:none;background:radial-gradient(closest-side,var(--c),transparent);opacity:.2}
.pp-media .pack{width:min(100%,560px);position:relative;z-index:2}
.pp-media .pk>img{filter:drop-shadow(0 34px 38px rgba(0,0,0,.7))}
.pp-pool{position:absolute;left:50%;bottom:2%;width:min(80%,520px);height:90px;margin-left:calc(min(80%,520px) / -2);border-radius:50%;background:radial-gradient(closest-side,var(--c),transparent);opacity:.22;z-index:1}
.pp-info{display:grid;gap:16px;align-content:center;min-width:0}
.pp-info .hud b{color:var(--text-1);font-weight:600;font-variant-numeric:tabular-nums}
/* nazwa smaku: display, Archivo wąski 800, w kolorze smaku (akcent) */
.pp-name{font-family:var(--font);font-stretch:var(--wd-cond);font-weight:800;font-size:var(--fs-display);line-height:1;color:var(--c);letter-spacing:-.02em;text-transform:none;text-wrap:balance}
.pp-tag{font-size:var(--fs-h3);font-weight:700;line-height:1.25;letter-spacing:-.01em}
.pp-desc{color:var(--text-2);max-width:46ch;text-wrap:pretty}
.pp-notes{display:flex;flex-wrap:wrap;gap:8px}
/* nuty smaku jako chipy smaku: tło tinty (16% koloru smaku na surface-1, liczone z --c, bez color-mix), kropka i tekst w kolorze smaku */
.pp-notes li{display:inline-flex;align-items:center;gap:8px;min-height:36px;font-family:var(--font);font-size:14px;font-weight:600;line-height:1.2;text-transform:none;letter-spacing:0;padding:8px 14px;border-radius:999px;border:0;color:var(--c);background:linear-gradient(rgba(18,18,20,.84),rgba(18,18,20,.84)),var(--c)}
.pp-notes li::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--c);flex:none}
.pp .fl-buy{box-sizing:border-box;width:100%;max-width:480px;justify-self:start;margin-top:6px;padding:20px;border-radius:20px;border:1px solid var(--line-1);background:var(--surface-1)}
.pp .size{position:relative}
.pp-trust{display:flex;flex-wrap:wrap;gap:8px 18px;color:var(--text-2);font-size:var(--fs-meta);font-weight:500}
.pp-trust li{display:flex;align-items:center;gap:8px}
.pp-trust svg{width:20px;height:20px;color:var(--text-2);flex:none}

.pp-facts{padding-block:clamp(40px,6vw,80px);border-top:1px solid var(--line-1);display:grid;gap:24px}
.pp-facts-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;background:var(--line-1);border:1px solid var(--line-1);border-radius:20px;overflow:hidden}
.pp-facts-grid>div{background:var(--bg);padding:24px 20px;display:grid;gap:4px;align-content:start}
/* statystyki: liczby zawsze w szerokości 100%, tabular */
.pp-facts-grid b{font-family:var(--font);font-stretch:var(--wd-text);font-weight:700;font-size:var(--fs-num-xl);line-height:1;letter-spacing:-.02em;color:var(--text-1);font-variant-numeric:tabular-nums lining-nums}
.pp-facts-grid span{font-weight:600;font-size:var(--fs-small)}
.pp-facts-grid small{color:var(--text-2);font-size:var(--fs-meta)}
.pp-legal{color:var(--text-3);font-size:var(--fs-meta);max-width:80ch}

.pp-set{padding-bottom:clamp(40px,6vw,80px)}
.pp-set-card{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr) auto;align-items:center;gap:clamp(16px,3vw,40px);padding:clamp(20px,3vw,32px);border-radius:20px;border:1px solid var(--line-1);background:var(--surface-1)}
.pp-set-card .card-fan{margin:0;aspect-ratio:16/10}
.pp-set-copy{display:grid;gap:8px}
.pp-set-copy h2{font-family:var(--font);font-stretch:var(--wd-cond);font-weight:700;font-size:var(--fs-h2);line-height:1.06;letter-spacing:-.01em;text-transform:none;text-wrap:balance}
.pp-set-copy p:not(.hud){color:var(--text-2);font-size:var(--fs-small)}
.pp-set-buy{display:grid;gap:6px;justify-items:end;text-align:right}
.pp-set-buy s{color:var(--text-2);font-size:var(--fs-small);font-variant-numeric:tabular-nums}
.pp-set-buy b{font-family:var(--font);font-stretch:var(--wd-text);font-size:var(--fs-price);font-weight:700;letter-spacing:-.01em;line-height:1;font-variant-numeric:tabular-nums lining-nums}

/* zakładki z WooCommerce (Opis, Informacje, Składniki, Ostrzeżenia, Opinie) jako rozwijane sekcje */
.pp-tabs{padding-bottom:clamp(48px,7vw,100px);display:grid;border-top:1px solid var(--line-1)}
.pp-tab{border-bottom:1px solid var(--line-1)}
.pp-tab summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:24px 0;cursor:pointer;font-family:var(--font);font-stretch:var(--wd-cond);font-weight:700;font-size:var(--fs-h2);line-height:1.06;letter-spacing:-.01em;text-transform:none}
.pp-tab summary::-webkit-details-marker{display:none}
.pp-tab summary i{flex:none;width:36px;height:36px;border-radius:50%;border:1px solid var(--line-2);position:relative;transition:background-color .16s var(--ease),border-color .16s var(--ease)}
.pp-tab summary i::before,.pp-tab summary i::after{content:"";position:absolute;left:50%;top:50%;width:13px;height:2px;margin:-1px 0 0 -6.5px;background:currentColor;border-radius:2px;transition:transform .35s var(--ease)}
.pp-tab summary i::after{transform:rotate(90deg)}
.pp-tab[open] summary i{background:var(--c);border-color:var(--c);color:#000}
.pp-tab[open] summary i::after{transform:rotate(0)}
.pp-tab-body{padding:0 0 28px;color:var(--text-2);max-width:68ch;font-size:var(--fs-body);line-height:1.65}
.pp-tab-body>h2:first-child,.pp-tab-body>h2.woocommerce-Reviews-title:first-child{display:none}
.pp-tab-body h2,.pp-tab-body h3,.pp-tab-body h4{font-family:var(--font);font-stretch:var(--wd-text);color:var(--text-1);font-weight:700;font-size:var(--fs-h3);line-height:1.25;letter-spacing:-.01em;text-transform:none;margin:18px 0 8px}
.pp-tab-body p{margin:0 0 12px;text-wrap:pretty}
.pp-tab-body ul,.pp-tab-body ol{padding-left:20px;margin:0 0 12px;list-style:disc}
.pp-tab-body li{margin:4px 0}
.pp-tab-body strong,.pp-tab-body b{color:var(--text-1)}
.pp-tab-body a{color:var(--text-1);text-decoration:underline;text-decoration-color:rgba(255,255,255,.4);text-underline-offset:.18em}
.pp-tab-body a:hover{text-decoration-color:var(--text-1)}
.pp-tab-body table{width:100%;border-collapse:collapse;margin:8px 0 16px;font-variant-numeric:tabular-nums}
.pp-tab-body th,.pp-tab-body td{padding:10px 12px;border-bottom:1px solid var(--line-1);text-align:left;vertical-align:top}
.pp-tab-body th{color:var(--text-2);font-weight:600}
/* opinie (Customer Reviews / WooCommerce) */
.pp-tab-body #reviews,.pp-tab-body .cr-reviews-ajax-reviews{color:var(--text-2)}
.pp-tab-body .commentlist,.pp-tab-body ol.commentlist{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.pp-tab-body .commentlist li,.pp-tab-body .cr-review-card,.pp-tab-body .cr-ajax-reviews-review{list-style:none;margin:0;padding:16px 18px;border-radius:16px;border:1px solid var(--line-1);background:var(--surface-1)}
.pp-tab-body .comment_container img.avatar{display:none}
.pp-tab-body .comment-text{margin:0!important;border:0!important;padding:0!important}
.pp-tab-body .meta{color:var(--text-3);font-size:var(--fs-meta)}
.pp-tab-body .woocommerce-review__author{color:var(--text-1);font-weight:600}
.pp-tab-body .description p{color:var(--text-1)}
.pp-tab-body .star-rating{color:var(--text-1)}
.pp-tab-body input,.pp-tab-body textarea,.pp-tab-body select{max-width:100%;background:var(--surface-1);border:1px solid var(--line-control);border-radius:12px;color:var(--text-1);padding:10px 12px;font:inherit;font-size:17px}
.pp-tab-body :is(input,textarea,select):focus{outline:2px solid var(--focus);outline-offset:2px;border-color:var(--text-1)}
.pp-tab-body :is(input,textarea)::placeholder{color:var(--text-3)}
.pp-tab-body .button,.pp-tab-body button[type=submit],.pp-tab-body input[type=submit]{background:var(--action);color:var(--on-action);border:0;border-radius:999px;padding:12px 22px;font-weight:600;cursor:pointer;box-shadow:none}
@media (hover:hover){.pp-tab-body .button:hover,.pp-tab-body button[type=submit]:hover,.pp-tab-body input[type=submit]:hover{background:var(--action-hover)}}
.pp-tab-body [class*="cr-"] a{color:var(--text-1)}
.pp-tab-body .cr-summaryBox-wrap,.pp-tab-body .cr-review-form-wrap,.pp-tab-body .cr-ajax-search,.pp-tab-body .cr-count-row{background:transparent!important;border-color:var(--line-1)!important}

/* pozostałe smaki: karta smaku w tincie (24% koloru w czerni = --c-deep, liczone z --c karty, żeby nie dziedziczyć --c-deep strony), nazwa w kolorze smaku */
.pp-more{padding-bottom:clamp(64px,9vw,130px);display:grid;gap:18px}
.pp-more-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.pp-other{display:grid;grid-template-columns:auto minmax(0,1fr);gap:18px;align-items:center;padding:16px 20px;border-radius:28px;border:1px solid transparent;background:linear-gradient(rgba(0,0,0,.76),rgba(0,0,0,.76)),var(--c);text-decoration:none;transition:border-color .16s var(--ease)}
@media (hover:hover){.pp-other:hover{border-color:var(--c)}}
.pp-other-img img{width:clamp(80px,9vw,130px);filter:drop-shadow(0 14px 16px rgba(0,0,0,.6))}
.pp-other-t{display:grid;gap:2px}
.pp-other-t b{font-family:var(--font);font-stretch:var(--wd-cond);font-weight:700;font-size:var(--fs-h2);line-height:1.06;letter-spacing:-.01em;color:var(--c);text-transform:none}
.pp-other-t small{color:var(--text-1);font-weight:600;font-size:var(--fs-small)}
.pp-other-t em{font-style:normal;color:var(--text-2);font-size:var(--fs-small);font-weight:500;font-variant-numeric:tabular-nums}

/* przyklejony pasek zakupu (telefon): szkło jak nagłówek */
.pp-sticky{display:none}
@media (max-width:899px){
  .pp-sticky{display:flex;align-items:center;justify-content:space-between;gap:12px;position:fixed;z-index:95;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom,0px));padding:8px 8px 8px 16px;border-radius:20px;background:#161618;border:1px solid var(--line-2);box-shadow:var(--shadow-overlay);transform:translateY(calc(100% + 40px));transition:transform .45s var(--ease)}
  @supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.pp-sticky{background:var(--glass);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%)}}
  .pp-sticky.on{transform:none}
  .lock .pp-sticky{transform:translateY(calc(100% + 40px))}
  .pp-sticky-t{display:grid;line-height:1.2}
  .pp-sticky-t b{font-weight:600;font-size:var(--fs-small)}
  .pp-sticky-t small{color:var(--text-2);font-size:var(--fs-meta);font-variant-numeric:tabular-nums}
  .pp-sticky .btn{height:46px;padding:0 20px}
  .pp-grid{grid-template-columns:1fr;gap:8px}
  .pp-media{min-height:0;order:-1;margin-top:-8px}
  .pp-media .pack{width:min(78vw,420px)}
  .pp-info{text-align:left}
  .pp .fl-buy{max-width:none;justify-self:stretch;padding:16px}
  .pp-facts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pp-facts-grid>div:first-child{grid-column:1/-1}
  .pp-set-card{grid-template-columns:1fr;text-align:left;padding:20px}
  .pp-set-buy{justify-items:start;text-align:left;grid-template-columns:auto auto 1fr;align-items:center;gap:10px}
  .pp-set-buy .btn{grid-column:1/-1;width:100%}
  .pp-more-grid{grid-template-columns:1fr}
  .pp-st .toast{bottom:calc(92px + env(safe-area-inset-bottom,0px))}
}

/* ===== LISTA PRODUKTÓW ===== */
.sp-head{display:grid;gap:16px;padding-bottom:clamp(28px,4vw,56px)}
/* tytuł strony = h1: Archivo wąski 800 */
.sp-head h1.h2{font-family:var(--font);font-stretch:var(--wd-cond);font-weight:800;font-size:var(--fs-h1);line-height:1.02;letter-spacing:-.015em;text-transform:none}
.sp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
/* karta smaku w tincie: 24% koloru smaku w czerni (= --c-deep, liczone z --c karty), radius 28 */
.sp-card{display:grid;grid-template-rows:auto 1fr;border-radius:28px;border:0;background:linear-gradient(rgba(0,0,0,.76),rgba(0,0,0,.76)),var(--c);overflow:hidden;min-width:0}
.sp-media{position:relative;display:grid;justify-items:center;align-items:end;padding:28px 24px 8px;isolation:isolate}
/* światło smaku za paczką: kolor smaku, niska krycie, bez blur */
.sp-glow{position:absolute;inset:12% 6% 0;background:radial-gradient(closest-side,var(--c),transparent);opacity:.22;z-index:-1}
.sp-media img{width:min(82%,330px);filter:drop-shadow(0 26px 30px rgba(0,0,0,.65));transition:transform .5s var(--ease)}
@media (hover:hover){.sp-card:hover .sp-media img{transform:translateY(-6px) rotate(-1.5deg)}}
@media (prefers-reduced-motion:reduce){.sp-media img{transition:none}.sp-card:hover .sp-media img{transform:none}}
.sp-body{display:grid;gap:12px;align-content:start;padding:8px 24px 24px}
.sp-body .hud b{color:var(--text-1);font-weight:600;font-variant-numeric:tabular-nums}
.sp-name{font-family:var(--font);font-stretch:var(--wd-cond);font-weight:700;font-size:var(--fs-h2);line-height:1.06;letter-spacing:-.01em;color:var(--c);text-transform:none}
.sp-name a{text-decoration:none}
.sp-tag{font-weight:600;font-size:17px}
.sp .fl-buy{max-width:none;justify-self:stretch;margin-top:4px}
.sp .fl-buy>.hud:first-child{display:none}
.sp .size{position:relative}
.sp-more{justify-self:start;color:var(--text-2);font-size:var(--fs-small);font-weight:600;text-decoration:underline;text-decoration-color:rgba(255,255,255,.4);text-underline-offset:.18em}
@media (hover:hover){.sp-more:hover{color:var(--text-1);text-decoration-color:var(--text-1)}}
.sp-sets{padding-top:clamp(72px,9vw,130px)}
.sp-help{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;margin-bottom:clamp(64px,9vw,130px);padding:clamp(24px,4vw,40px);border-radius:20px;border:1px solid var(--line-1);background:var(--surface-1)}
.sp-help h2{font-family:var(--font);font-stretch:var(--wd-cond);font-weight:700;font-size:var(--fs-h2);line-height:1.06;letter-spacing:-.01em;text-transform:none;margin-top:8px;text-wrap:balance}
@media (max-width:1100px){.sp-grid{grid-template-columns:1fr 1fr}}
@media (max-width:720px){
  .sp-grid{grid-template-columns:1fr}
  .sp-card{display:grid;grid-template-columns:38% minmax(0,1fr);grid-template-rows:none}
  .sp-card .sp-media{padding:16px 0 8px 12px;align-items:center}
  .sp-card .sp-media img{width:100%}
  .sp-card .sp-name{font-size:var(--fs-h2)}
  .sp-card .sp-tag{font-size:var(--fs-small)}
  .sp-card .sp-body{display:contents}
  .sp-card .sp-body>*{grid-column:2;padding-right:16px}
  .sp-card .sp-body>.hud{padding-top:14px}
  .sp-card .sp-media{grid-row:1/span 4}
  .sp-card .fl-buy{grid-column:1/-1;margin:6px 14px 0;padding-right:0;width:auto;max-width:none;justify-self:stretch}
  .sp-card .sp-more{grid-column:1/-1;margin:2px 14px 18px}
}

/* ===== STRONA B2B ===== */
/* tylko strona B2B (konkurs i konfigurator też mają main.bb, ale własne style): sekcje = h2, tytuł w hero = h1 */
.bb:not(.kk-main,.kf-main) .h2{font-family:var(--font);font-stretch:var(--wd-cond);font-weight:700;font-size:var(--fs-h2);line-height:1.06;letter-spacing:-.01em;text-transform:none}
.bb:not(.kk-main,.kf-main) h1.h2{font-weight:800;font-size:var(--fs-h1);line-height:1.02;letter-spacing:-.015em}
.bb-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,5vw,72px);align-items:center;padding-bottom:clamp(56px,8vw,120px)}
.bb-copy{display:grid;gap:24px;justify-items:start}
.bb-cta{display:flex;flex-wrap:wrap;gap:12px}
.bb-tel a{color:var(--text-1);text-decoration:underline;text-decoration-color:rgba(255,255,255,.4);text-underline-offset:.18em;font-variant-numeric:tabular-nums}
.bb-note{color:var(--text-2);font-size:var(--fs-small);line-height:1.5;max-width:560px;margin-top:-8px}
.bb-witaj{color:var(--text-1)}
.bb-firmowe .bb-reg{border-top:0;padding-top:0}
.bb-firmowe .bb-hero{grid-template-columns:minmax(0,1fr);padding-bottom:clamp(28px,4vw,48px)}
.bb-firmowe .bb-copy{max-width:760px}
.bb-visual{position:relative;display:grid;gap:18px}
.bb-photo{width:100%;border-radius:28px;border:1px solid var(--line-1);object-fit:cover;aspect-ratio:4/3}
.bb-counter{position:relative;aspect-ratio:5/4;border-radius:28px;border:1px solid var(--line-1);overflow:hidden;isolation:isolate;background:radial-gradient(60% 55% at 50% 38%,rgba(245,245,247,.06),transparent 70%),linear-gradient(180deg,var(--surface-1),var(--bg))}
/* „IN” na ladzie: nagłówek bez obrysu i poświaty */
.bb-neon{position:absolute;left:50%;top:9%;transform:translateX(-50%);font-family:var(--font);font-stretch:var(--wd-cond);font-weight:800;font-style:normal;font-size:var(--fs-display);line-height:1;letter-spacing:-.02em;color:var(--text-1);-webkit-text-stroke:0;text-shadow:none;opacity:1}
.bb-packs{position:absolute;left:6%;right:6%;bottom:22%;height:52%;z-index:2}
.bb-packs span{position:absolute;bottom:0}
.bb-packs img{width:100%;filter:drop-shadow(0 22px 24px rgba(0,0,0,.7))}
.bb-packs .c{width:44%;left:28%;z-index:2}
.bb-packs .l{width:33%;left:2%;rotate:-8deg;bottom:4%}
.bb-packs .r{width:33%;right:2%;rotate:8deg;bottom:4%}
.bb-desk{position:absolute;left:0;right:0;bottom:0;height:24%;background:linear-gradient(180deg,var(--surface-3),var(--surface-1));border-top:1px solid var(--line-2);z-index:1}
.bb-desk::before{content:"";position:absolute;left:8%;right:8%;top:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(245,245,247,.35),transparent)}
.bb-chips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.bb-chips li{padding:12px 14px;border-radius:16px;border:1px solid var(--line-1);background:var(--surface-1);color:var(--text-2);font-size:var(--fs-meta);line-height:1.3}
.bb-chips b{display:block;color:var(--text-1);font-size:20px;font-weight:700;letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.bb-why{display:grid;gap:18px;padding-block:clamp(56px,8vw,110px);border-top:1px solid var(--line-1)}
.bb-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:clamp(16px,3vw,32px)}
.bb-card{display:grid;gap:10px;align-content:start;padding:24px 20px;border-radius:20px;border:1px solid var(--line-1);background:var(--surface-1)}
.bb-card.hot{border-color:var(--line-2);background:var(--surface-2)}
.bb-card svg{width:24px;height:24px;color:var(--text-1)}
.bb-card h3{font-weight:700;font-size:var(--fs-h3);line-height:1.25;letter-spacing:-.01em;text-wrap:balance}
.bb-card p{color:var(--text-2);font-size:var(--fs-small)}
.bb-kit{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,5vw,72px);align-items:center;padding-block:clamp(56px,8vw,110px);border-top:1px solid var(--line-1)}
.bb-kit-copy{display:grid;gap:18px}
.bb-retail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:6px}
.bb-retail dt{grid-column:1/-1}
.bb-retail dd{margin:0;padding:14px;border-radius:16px;border:1px solid var(--line-1);display:grid;gap:2px}
.bb-retail dd span{color:var(--text-2);font-size:var(--fs-meta)}
.bb-retail dd b{font-size:22px;font-weight:700;letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.bb-retail dd.note{grid-column:1/-1;border:0;padding:0;color:var(--text-2);font-size:var(--fs-meta)}
.bb-kit-box{display:grid;gap:14px}
.bb-kit-rows{border-radius:20px;border:1px solid var(--line-1);overflow:hidden;background:var(--surface-1)}
.bb-kit-row{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:14px;align-items:center;padding:18px 20px;border-bottom:1px solid var(--line-1)}
.bb-kit-row:last-child{border-bottom:0}
.bb-kit-row b{font-weight:700;font-size:17px;font-variant-numeric:tabular-nums}
.bb-kit-row span{color:var(--text-2);font-size:var(--fs-small)}
/* liczba paczek: cięcie 100%, tabular (zamiast Bebas) */
.bb-kit-row em{font-style:normal;font-family:var(--font);font-stretch:var(--wd-text);font-weight:700;font-size:var(--fs-num-xl);line-height:1;letter-spacing:-.02em;color:var(--text-1);font-variant-numeric:tabular-nums lining-nums}
.bb-kit-row.sum{background:var(--surface-2)}
.bb-kit-row.sum b{font-weight:700}
.bb-kit-row.sum em{color:var(--text-1)}
.bb-steps{padding-block:clamp(56px,8vw,110px);border-top:1px solid var(--line-1);display:grid;gap:24px}
.bb-steps ol{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.bb-steps li{display:grid;gap:8px;align-content:start;padding:24px;border-radius:20px;border:1px solid var(--line-1);background:var(--surface-1)}
.bb-steps i{font-style:normal;font-family:var(--font);font-stretch:var(--wd-text);font-weight:700;font-size:var(--fs-num-xl);line-height:1;letter-spacing:-.02em;color:var(--text-2);font-variant-numeric:tabular-nums lining-nums}
.bb-steps h3{font-weight:700;font-size:var(--fs-h3);line-height:1.25;letter-spacing:-.01em}
.bb-steps p{color:var(--text-2);font-size:var(--fs-small)}
.bb-reg{padding-block:clamp(56px,8vw,110px);border-top:1px solid var(--line-1);scroll-margin-top:90px}
.bb-faq{border-top:1px solid var(--line-1);padding-top:clamp(56px,8vw,110px)}
.bb-talk{border-top:1px solid var(--line-1)}
.bb-18{text-align:center;margin-top:clamp(32px,5vw,60px)}
.bb-talk .lead a{color:var(--text-1);text-decoration:underline;text-decoration-color:rgba(255,255,255,.4);text-underline-offset:.18em}

/* rejestracja konta firmowego (shortcode [in_b2b] ze snippetu B2B): tylko wygląd, działanie bez zmian */
.bb .in-b2b{max-width:none!important;margin:0!important;padding:0!important;background:none!important;color:var(--text-1)!important;font-family:var(--font)!important;border:0!important}
.bb .in-b2b-hero,.bb .in-b2b-grid3{display:none!important}
.bb .in-b2b{display:grid!important;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:16px;align-items:start}
.bb .in-b2b>*:not(.in-b2b-panel){grid-column:1/-1}
.bb .in-b2b:not(:has(.in-b2b-panel ~ .in-b2b-panel)){grid-template-columns:minmax(0,1fr);max-width:820px!important}
.bb .in-b2b-info{margin:0 0 16px!important;padding:14px 16px!important;border-radius:12px!important;border:1px solid var(--line-1)!important;background:var(--surface-1)!important;color:var(--text-2)!important;font-size:var(--fs-small)!important}
.bb .in-b2b-panel{scroll-margin-top:100px;padding:clamp(20px,3vw,32px)!important;border-radius:20px!important;border:1px solid var(--line-1)!important;background:var(--surface-1)!important;box-shadow:none!important;margin:0!important;color:var(--text-1)!important}
.bb .in-b2b-panel#in-b2b-rejestracja{border-color:var(--line-2)!important;background:var(--surface-1)!important}
.bb .in-b2b-panel h2{font-family:var(--font)!important;font-stretch:var(--wd-cond)!important;font-weight:700!important;font-size:var(--fs-h2)!important;line-height:1.06!important;color:var(--text-1)!important;margin:0 0 18px!important;text-transform:none!important;letter-spacing:-.01em!important}
.bb .in-b2b-panel :is(p,span,small){color:var(--text-2)!important;font-family:var(--font)!important}
/* etykiety pól: .label 13 px/600, pisane zdaniem */
.bb .in-b2b-panel label{display:grid!important;gap:8px!important;font-family:var(--font)!important;font-size:var(--fs-label)!important;letter-spacing:0!important;text-transform:none!important;color:var(--text-2)!important;font-weight:600!important}
/* pola: tło czerni w karcie surface-1, obrys --line-control, 17 px (iOS nie przybliża) */
.bb .in-b2b-panel input:not([type=checkbox]):not([type=hidden]),.bb .in-b2b-panel select{box-sizing:border-box!important;min-width:0!important;max-width:100%!important;width:100%!important;height:48px!important;border-radius:12px!important;border:1px solid var(--line-control)!important;background:var(--bg)!important;color:var(--text-1)!important;-webkit-text-fill-color:var(--text-1);font-family:var(--font)!important;font-size:17px!important;font-weight:400!important;text-transform:none!important;letter-spacing:0!important;padding:0 14px!important;box-shadow:none!important;outline:none}
.bb .in-b2b-panel input:focus{border-color:var(--text-1)!important;outline:2px solid var(--focus);outline-offset:2px}
.bb .in-b2b-panel select:focus{border-color:var(--text-1)!important;outline:2px solid var(--focus);outline-offset:2px}
.bb .in-b2b-panel input::placeholder{color:var(--text-3)!important;-webkit-text-fill-color:var(--text-3)}
.bb .in-b2b-nip{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end}
.bb .in-b2b-pola{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}
.bb .in-b2b-szer{grid-column:1/-1}
.bb .in-b2b-zgoda,.bb .in-b2b-panel label.in-b2b-zgoda{display:flex!important;gap:10px!important;align-items:flex-start!important;text-transform:none!important;letter-spacing:0!important;font-family:var(--font)!important;font-size:14px!important;font-weight:500!important;line-height:1.5!important}
.bb .in-b2b-zgoda input{width:20px;height:20px;flex:none;accent-color:var(--text-1);margin-top:1px}
.bb .in-b2b-zgoda a{color:var(--text-1)!important;text-decoration:underline;text-decoration-color:rgba(255,255,255,.4);text-underline-offset:.18em}
/* przycisk główny: biała pigułka (--action), bez poświaty */
.bb .in-b2b-btn,.bb .in-b2b-panel button[type=submit]{display:inline-flex!important;align-items:center;justify-content:center;height:52px!important;padding:0 24px!important;border-radius:999px!important;border:0!important;background:var(--action)!important;color:var(--on-action)!important;-webkit-text-fill-color:var(--on-action);font-family:var(--font)!important;font-weight:600!important;font-size:17px!important;text-transform:none!important;letter-spacing:0!important;box-shadow:none!important;cursor:pointer;text-decoration:none!important;transition:background-color .16s var(--ease)}
@media (hover:hover){.bb .in-b2b-btn:hover,.bb .in-b2b-panel button[type=submit]:hover{background:var(--action-hover)!important}}
.bb .in-b2b-btn-2{background:var(--surface-3)!important;color:var(--text-1)!important;-webkit-text-fill-color:var(--text-1);border:0!important;box-shadow:none!important}
@media (hover:hover){.bb .in-b2b-btn-2:hover{background:var(--surface-3-hover)!important}}
.bb .in-b2b-status{min-height:1.4em;margin:8px 0 0!important;font-size:14px!important}
.bb .in-b2b-male,.bb .in-b2b-panel small{font-size:var(--fs-meta)!important}
.bb .in-b2b-panel a{color:var(--text-1)!important}
/* pole „Kto Ci o nas powiedział?” z wtyczki panelu B2B: wpisywane ręcznie pokazuje się dopiero po wybraniu „Ktoś inny” */
.in-pan-polecil input[hidden]{display:none!important}
.bb .in-b2b-pola .in-pan-polecil{grid-column:1/-1;margin:4px 0 0!important}
.bb .in-pan-polecil input:not([hidden]){margin-top:8px!important}
.bb .in-b2b .woocommerce-error,.bb .in-b2b .woocommerce-message,.bb .in-b2b [class*="blad"],.bb .in-b2b [class*="ok"]{border-radius:12px}
@media (max-width:1100px){.bb-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:899px){
  .bb-hero,.bb-kit{grid-template-columns:1fr}
  .bb-counter{aspect-ratio:4/3}
  .bb-cards{grid-template-columns:1fr 1fr}
  .bb-steps ol{grid-template-columns:1fr}
  .bb .in-b2b{grid-template-columns:1fr}
  .bb .in-b2b-pola{grid-template-columns:1fr}
}
@media (max-width:520px){
  .bb-cards{grid-template-columns:1fr}
  .bb-chips b{font-size:17px}
  .bb-chips li{padding:10px}
  .bb-retail dd b{font-size:18px}
  .bb .in-b2b-nip{grid-template-columns:1fr}
}

/* ===== 1.3: strona 404 ===== */
.e404-head{display:grid;gap:16px;justify-items:start;padding-bottom:clamp(28px,4vw,56px);position:relative}
/* „404” to liczba: cięcie 100%, 700, tabular, bez obrysu i poświaty */
.e404-num{font-family:var(--font);font-stretch:var(--wd-text);font-weight:700;font-size:var(--fs-display);line-height:1;letter-spacing:-.02em;color:var(--text-1);-webkit-text-stroke:0;text-shadow:none;font-variant-numeric:tabular-nums lining-nums;margin:0}
.e404-search{display:flex;gap:10px;width:min(100%,560px);margin-top:6px}
.e404-search input{flex:1;min-width:0;height:52px;padding:0 16px;border-radius:12px;border:1px solid var(--line-control);background:var(--surface-1);color:var(--text-1);font:inherit;font-size:17px}
.e404-search input::placeholder{color:var(--text-3)}
.e404-search input:focus{outline:2px solid var(--focus);outline-offset:2px;border-color:var(--text-1)}
.e404-links{display:flex;flex-wrap:wrap;gap:10px 22px}
.e404-links a{color:var(--text-2);font-weight:600;text-decoration:underline;text-decoration-color:rgba(255,255,255,.4);text-underline-offset:.18em}
@media (hover:hover){.e404-links a:hover{color:var(--text-1);text-decoration-color:var(--text-1)}}
.e404-flavors{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:12px;padding-bottom:clamp(64px,9vw,130px)}
@media (max-width:520px){.e404-search{flex-direction:column}.e404-search input{flex:none;width:100%}.e404-search .btn{width:100%}}

/* ===== STRONA KONTAKT (1.8.0) ===== */
.kt{padding-bottom:clamp(64px,9vw,140px)}
.kt .sh-copy{max-width:600px}
.kt-form{max-width:none}
.kt-form .fld select,.kt-form .fld textarea{width:100%;border-radius:12px;border:1px solid var(--line-control);background:var(--bg);color:var(--text-1);font:inherit;font-size:var(--fs-body);outline:none;transition:border-color .16s}
.kt-form .fld select{height:48px;padding:0 40px 0 14px;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F5F5F7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:18px}
.kt-form .fld textarea{min-height:150px;padding:12px 14px;line-height:1.5;resize:vertical}
.kt-form .fld textarea::placeholder{color:var(--text-3)}
.kt-form .fld :is(select,textarea):focus{border-color:var(--text-1);outline:2px solid var(--focus);outline-offset:2px}
.kt-form .fld.bad :is(select,textarea){border-color:var(--err)}
.kt-form :disabled{opacity:.6}
.kt-opc{font-weight:400;color:var(--text-3)}
.kt-pp{font-size:var(--fs-meta);color:var(--text-2);line-height:1.5}
.kt-pp a,.kt-points p a,.kt .lead a{color:var(--text-1);text-decoration:underline;text-decoration-color:rgba(255,255,255,.4);text-underline-offset:.18em}
.kt-points{position:sticky;top:calc(env(safe-area-inset-top,0px) + 100px)}
.kt-points .copy-row{flex-wrap:wrap;color:var(--text-1);font-variant-numeric:tabular-nums}
.kt-points .copy-row a{color:var(--text-1);text-decoration:none;font-weight:600;overflow-wrap:anywhere}
@media (max-width:899px){.kt .sh-grid{grid-template-columns:1fr}.kt-points{position:static}}
@media (min-width:900px) and (max-width:1199px){.kt-points{grid-template-columns:1fr}} /* adres e-mail z „Kopiuj” w jednej linii */

/* ===== DOKUMENTY: REGULAMIN, POLITYKA PRYWATNOŚCI (1.9.0) ===== */
.doc-head{display:grid;gap:18px;justify-items:start;padding-bottom:clamp(28px,4vw,48px)}
.doc-links{display:flex;flex-wrap:wrap;gap:8px}
.doc-links a{display:inline-flex;align-items:center;min-height:40px;padding:0 16px;border-radius:999px;border:1px solid var(--line-2);color:var(--text-1);font-size:var(--fs-small);font-weight:600;text-decoration:none}
@media (hover:hover){.doc-links a:hover{background:var(--surface-2)}}
.doc-grid{display:grid;grid-template-columns:minmax(220px,300px) minmax(0,72ch);gap:clamp(32px,5vw,80px);align-items:start;padding-bottom:clamp(64px,9vw,140px)}
.doc-grid:not(:has(.doc-spis)){grid-template-columns:minmax(0,72ch)}
.doc-spis{position:sticky;top:calc(env(safe-area-inset-top,0px) + 100px);max-height:calc(100vh - 130px);overflow:auto;border:1px solid var(--line-1);border-radius:20px;background:var(--surface-1);padding:18px 18px 14px}
.doc-spis summary{cursor:pointer;font-weight:600;font-size:var(--fs-small);color:var(--text-2);list-style:none;display:flex;justify-content:space-between;align-items:center;min-height:24px}
.doc-spis summary::after{content:"";width:9px;height:9px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-3px);transition:transform .2s}
.doc-spis details[open] summary::after{transform:rotate(-135deg) translateY(-1px)}
.doc-spis summary::-webkit-details-marker{display:none}
.doc-spis ol{margin:12px 0 0;padding:0;list-style:none;display:grid;gap:8px;font-size:var(--fs-small);color:var(--text-3)} /* numery z dokumentu, nie z listy */
.doc-spis a{color:var(--text-1);text-decoration:none;line-height:1.4}
@media (hover:hover){.doc-spis a:hover{text-decoration:underline;text-underline-offset:.18em}}
.doc-body{min-width:0;color:var(--text-2);font-size:var(--fs-body);line-height:1.65;overflow-wrap:break-word}
.doc-body p{margin:0 0 1em}
.doc-body .doc-tytul{color:var(--text-1);font-weight:700;letter-spacing:.02em;margin-bottom:1.6em}
.doc-body h2{scroll-margin-top:110px;color:var(--text-1);font-family:var(--font);font-stretch:var(--wd-cond);font-weight:700;font-size:clamp(20px,2.2vw,26px);line-height:1.2;letter-spacing:0;text-transform:none;margin:2.2em 0 .8em;padding-top:1.2em;border-top:1px solid var(--line-1)}
.doc-body h2:first-child{margin-top:0;padding-top:0;border-top:0}
.doc-body h3{scroll-margin-top:110px;color:var(--text-1);font-weight:600;font-size:var(--fs-body);line-height:1.4;margin:1.6em 0 .6em}
.doc-body a{color:var(--text-1);text-decoration:underline;text-decoration-color:rgba(255,255,255,.4);text-underline-offset:.18em}
@media (hover:hover){.doc-body a:hover{text-decoration-color:currentColor}}
@media (max-width:899px){
  .doc-grid{grid-template-columns:minmax(0,1fr)}
  .doc-spis{position:static;max-height:none}
  .doc-spis details:not([open]) ol{display:none}
}

/* ===== KARTA PRODUKTU: SKŁAD I ETYKIETA (1.10.0) ===== */
.ety{display:grid;gap:0;margin:0}
.ety-row{display:grid;grid-template-columns:minmax(120px,180px) minmax(0,1fr);gap:8px 24px;padding:14px 0;border-top:1px solid var(--line-1)}
.ety-row:first-child{border-top:0;padding-top:4px}
.ety dt{font-weight:600;color:var(--text-1);font-size:var(--fs-small)}
.ety dd{margin:0;color:var(--text-2);line-height:1.6}
.ety dd strong{color:var(--text-1);font-weight:600}
.ety-tab{width:100%;max-width:420px;border-collapse:collapse;font-variant-numeric:tabular-nums}
.ety-tab caption{text-align:left;font-size:var(--fs-meta);color:var(--text-3);padding-bottom:6px}
.ety-tab th,.ety-tab td{padding:6px 0;border-bottom:1px solid var(--line-1);text-align:left;font-weight:400}
.ety-tab th{color:var(--text-2)}
.ety-tab td{color:var(--text-1);text-align:right;white-space:nowrap}
.ety-tab tr.sub th{padding-left:14px;color:var(--text-3)}
.ety-note{margin-top:12px;font-size:var(--fs-meta);color:var(--text-3)}
@media (max-width:600px){.ety-row{grid-template-columns:1fr;gap:4px}}