/* gx-lab.css — G|LAB: „rzecz na czarnym”, sklep z kategoriami, Zleć zbudowanie, koszyk (03.11.2026, Kodzior T88 · OP55-d94b)
   Tylko na /glab/, /pl/glab/, /en/glab/ i w koszyku. Wspólne (topbar, menu, stopka, pigułki, typografia) = gx-podstrona.css.
   Żółty = akcent filaru (kreska, kropka, oznaczenie „Rysunek”), nigdy przycisk. Przyciski = biała pigułka (gx-cta). */

/* ---------- rysunki (uczciwe, nie zdjęcia) ---------- */
.lb-rys{display:block;width:100%;height:auto;overflow:visible;}
.lb-rys *{vector-effect:non-scaling-stroke;}
.lb-rys .f{fill:#0b0b0b;stroke:rgba(255,255,255,.86);stroke-width:2.2;stroke-linejoin:round;}
.lb-rys .o{fill:#000;stroke:rgba(255,255,255,.66);stroke-width:1.8;}
.lb-rys .l{fill:none;stroke:rgba(255,255,255,.46);stroke-width:2;stroke-linecap:round;}
.lb-rys .l2{fill:none;stroke:rgba(255,255,255,.2);stroke-width:2;stroke-linecap:round;}
.lb-rys .a{fill:none;stroke:var(--acc);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;}
.lb-grav{font-family:'Montserrat',sans-serif;font-weight:900;font-size:15px;letter-spacing:.1em;fill:rgba(255,255,255,.3);}
.lb-zast{position:absolute;left:14px;top:14px;z-index:1;display:inline-flex;align-items:center;min-height:24px;padding:3px 10px;border:1px solid var(--acc);border-radius:100px;
  font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--acc);background:rgba(0,0,0,.72);line-height:1.2;}

/* ---------- wejście: jedna rzecz na czerni ---------- */
/* wspólne „html[data-wyglad="2"] .w-sec” robi z sekcji kolumnę flex — tu świadomie wyżej (html[data-wyglad] header/section…) */
html[data-wyglad] header.lb-hero{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-template-areas:"t r" "ak r";grid-template-rows:auto auto;
  column-gap:clamp(24px,4vw,64px);row-gap:clamp(20px,3vh,32px);align-content:center;align-items:end;}
.lb-h-t{grid-area:t;align-self:end;min-width:0;}
.lb-h-ak{grid-area:ak;align-self:start;min-width:0;}
.lb-rzecz{grid-area:r;position:relative;margin:0;align-self:center;min-width:0;}
.lb-rzecz figcaption{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;margin-top:clamp(8px,1.6vh,16px);}
.lb-rzecz .lb-zast{position:static;}
.lb-rys-hero{max-height:min(58vh,560px);margin:0 auto;}
.lb-hero .gxf-h1 .d{max-width:30ch;}
.lb-hak{margin-top:0;font-size:clamp(24px,min(2.6vw,4.4vh),38px);max-width:20ch;}
.lb-hero .gxf-lead{margin-top:18px;max-width:44ch;}
.lb-hero .gxf-actions{margin-top:24px;}
.lb-marka{margin:0;font-weight:900;font-size:13px;letter-spacing:.06em;color:#fff;white-space:nowrap;}
.lb-marka b{color:var(--acc);font-weight:900;}
.lb-marka .lb-pw{font-weight:600;font-size:11px;letter-spacing:.04em;color:rgba(255,255,255,.55);text-transform:none;margin:0 2px;}
.lb-marka sup{font-size:.55em;font-weight:700;color:rgba(255,255,255,.55);}
.lb-ghost{display:inline-flex;align-items:center;min-height:48px;padding:0 24px;border:1px solid rgba(255,255,255,.4);border-radius:100px;color:#fff;text-decoration:none;
  font-weight:700;font-size:15px;letter-spacing:-.01em;transition:border-color .2s;}
@media(hover:hover){.lb-ghost:hover{border-color:#fff;}}
.lb-ghost-s{min-height:44px;padding:0 18px;font-size:13px;}
/* rzecz składa się raz przy wejściu (od pierwszej klatki: stan startowy pod .js ustawionym w <head>) */
.js .lb-rys-hero .lb-dm{animation:lbDm .8s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(.25s + var(--i) * .09s);}
.js .lb-rys-hero .a{stroke-dasharray:340;stroke-dashoffset:340;animation:lbKr 1.1s cubic-bezier(.16,1,.3,1) .2s forwards;}
@keyframes lbDm{from{opacity:0;transform:translateY(-22px);}to{opacity:1;transform:none;}}
@keyframes lbKr{to{stroke-dashoffset:0;}}
@media(max-width:860px){
  html[data-wyglad] header.lb-hero{grid-template-columns:minmax(0,1fr);grid-template-areas:"t" "r" "ak";min-height:0;row-gap:14px;align-content:start;padding-top:calc(var(--w-gora) - 24px);}
  .lb-rys-hero{max-height:40vh;}
  .lb-hak{font-size:clamp(24px,7vw,32px);}
}

/* ---------- co to LAB ---------- */
html[data-wyglad] section.lb-co{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(28px,5vw,72px);align-items:start;}
.lb-co-q{margin-top:20px;font-size:clamp(19px,2vw,25px);font-weight:700;line-height:1.42;letter-spacing:-.01em;color:#fff;max-width:34ch;text-wrap:pretty;}
.lb-zasady{list-style:none;margin:0;padding:0;border-top:1px solid rgba(255,255,255,.12);}
.lb-z{display:grid;grid-template-columns:72px minmax(0,1fr);column-gap:16px;padding:20px 0;border-bottom:1px solid rgba(255,255,255,.12);}
.lb-z-n{grid-row:span 2;font-weight:900;font-size:44px;line-height:.9;letter-spacing:-.05em;color:rgba(255,255,255,.18);}
.lb-z-h{font-size:clamp(17px,1.6vw,20px);font-weight:800;line-height:1.2;letter-spacing:-.01em;color:#fff;}
.lb-z .gxf-p{margin-top:6px;font-size:15px;}
@media(max-width:860px){html[data-wyglad] section.lb-co{grid-template-columns:minmax(0,1fr);}.lb-z{grid-template-columns:52px minmax(0,1fr);}.lb-z-n{font-size:34px;}}

/* ---------- sklep: kategorie po lewej (PC), rozwijany przycisk (telefon, 6j) ---------- */
.lb-sklep-g .gxf-lead{margin-top:14px;}
.lb-sklep{display:grid;grid-template-columns:220px minmax(0,1fr);gap:clamp(24px,3.4vw,48px);align-items:start;}
.lb-kats{position:sticky;top:calc(var(--topbar-h) + 72px);}
.lb-kats-h{margin:0 0 10px;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.5);}
.lb-kats-l{display:flex;flex-direction:column;border-top:1px solid rgba(255,255,255,.1);}
.lb-kat{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:46px;padding:10px 4px 10px 14px;border:0;border-bottom:1px solid rgba(255,255,255,.1);
  background:none;color:rgba(255,255,255,.62);font-family:inherit;font-size:14px;font-weight:700;text-align:left;line-height:1.3;cursor:pointer;transition:color .2s;}
.lb-kat span{flex:none;font-size:12px;font-weight:800;color:rgba(255,255,255,.6);}   /* 6j: .4 dawało 3,66:1 — bramka kontrastu ≥ 4,5 */
.lb-kat::before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:2px;background:var(--acc);transform:scaleY(0);transition:transform .25s cubic-bezier(.16,1,.3,1);}
.lb-kat[aria-pressed="true"]{color:#fff;}
.lb-kat[aria-pressed="true"]::before{transform:none;}
@media(hover:hover){.lb-kat:hover{color:#fff;}}
.lb-polka{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;min-width:0;}
/* 04.11 T88 (6j, Dawid: „menu sklepu rozwijane z kategoriami … domyślnie wszystkie produkty”): przycisk „Wszystkie produkty · N ▾” + lupka (≤ 860 px),
   lista rozwija się na klik (bez przewijanego rzędu pigułek); pasek „Filtr: … × Pokaż wszystkie”; link do kalkulatora 3D na dole listy */
.lb-kats-b{display:none;}
a.lb-kat-l{text-decoration:none;}
a.lb-kat-l span{color:var(--acc);}
.lb-filtr{grid-column:1 / -1;display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0;font-size:14px;line-height:1.4;color:rgba(255,255,255,.72);}
.lb-filtr[hidden]{display:none;}
.lb-filtr b{color:#fff;font-weight:800;}
.lb-filtr-x{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 14px;border:1px solid rgba(255,255,255,.32);border-radius:100px;background:none;color:#fff;
  font-family:inherit;font-size:13px;font-weight:700;cursor:pointer;}
.lb-filtr-x span{font-size:16px;line-height:1;}
@media(hover:hover){.lb-filtr-x:hover{border-color:#fff;}}
.lb-kats-t:focus-visible,.lb-kats-lupa:focus-visible,.lb-filtr-x:focus-visible,.lb-kat:focus-visible{outline:2px solid var(--acc);outline-offset:2px;}
@media(max-width:860px){
  .lb-sklep{grid-template-columns:minmax(0,1fr);gap:20px;}
  .lb-kats{position:relative;top:auto;z-index:6;}
  .lb-kats-h{display:none;}
  .lb-kats-b{display:flex;gap:8px;}
  .lb-kats-t{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:6px;min-height:48px;padding:0 16px;border:1px solid rgba(255,255,255,.28);border-radius:12px;
    background:rgba(255,255,255,.04);color:#fff;font-family:inherit;font-size:15px;font-weight:800;text-align:left;cursor:pointer;}
  .lb-kats-tn{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  .lb-kats-tc{flex:none;color:rgba(255,255,255,.62);font-weight:700;}
  .lb-kats-t i{flex:none;margin-left:auto;font-style:normal;font-size:12px;transition:transform .2s;}
  .lb-kats-otw .lb-kats-t i{transform:rotate(180deg);}
  .lb-kats-lupa{flex:none;display:flex;align-items:center;justify-content:center;width:48px;min-height:48px;border:1px solid rgba(255,255,255,.28);border-radius:12px;color:#fff;}
  .lb-kats-lupa svg{width:18px;height:18px;}
  .lb-kats-l{display:none;position:absolute;left:0;right:0;top:calc(100% + 6px);flex-direction:column;padding:6px;border:1px solid rgba(255,255,255,.18);border-radius:14px;
    background:#0b0b0b;box-shadow:0 18px 40px rgba(0,0,0,.6);}
  .lb-kats-otw .lb-kats-l{display:flex;}
  .lb-kat{min-height:48px;padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.08);border-radius:8px;color:rgba(255,255,255,.78);}
  .lb-kat:last-child{border-bottom:0;}
  .lb-kat::before{display:none;}
  .lb-kat[aria-pressed="true"]{background:rgba(255,255,255,.1);color:#fff;}
  .lb-kat[aria-pressed="true"] span{color:rgba(255,255,255,.7);}
  .lb-polka{grid-template-columns:minmax(0,1fr);gap:16px;}
}

/* karta produktu */
.lb-k{position:relative;display:flex;flex-direction:column;min-width:0;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(255,255,255,.025);overflow:hidden;scroll-margin-top:calc(var(--topbar-h) + 72px);}
.lb-k[hidden]{display:none;}
.lb-k-img{position:relative;background:#000;border-bottom:1px solid rgba(255,255,255,.08);padding:clamp(28px,4vw,40px) clamp(20px,3vw,32px) clamp(14px,2vw,20px);}
.lb-k-img .lb-rys{max-width:340px;margin:0 auto;}
.lb-k-t{display:flex;flex-direction:column;flex:1;padding:20px clamp(18px,2.4vw,24px) 22px;}
.lb-k-kat{margin:0;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.5);}
.lb-k-h{margin-top:8px;font-size:clamp(18px,1.7vw,21px);font-weight:800;line-height:1.2;letter-spacing:-.015em;color:#fff;text-wrap:balance;}
.lb-k-p{margin-top:10px;font-size:15px;font-weight:600;line-height:1.55;color:rgba(255,255,255,.84);text-wrap:pretty;}   /* T87/research C1.4: „z jakiego problemu powstał” wyraźnie */
.lb-k-fit{margin-top:8px;font-size:12.5px;font-weight:600;line-height:1.45;color:rgba(255,255,255,.5);}
.lb-cena{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px;margin-top:16px;}
.lb-cena b{font-size:30px;font-weight:900;letter-spacing:-.03em;line-height:1;color:#fff;font-variant-numeric:tabular-nums;}
.lb-cena-i{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.55);}
.lb-cena-x{flex-basis:100%;font-size:13px;font-weight:600;color:rgba(255,255,255,.5);font-variant-numeric:tabular-nums;}
.lb-cena-brak{font-size:13px;font-weight:700;color:rgba(255,255,255,.55);}
.lb-st{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:13px;font-weight:600;color:rgba(255,255,255,.66);}
.lb-st i{flex:none;width:8px;height:8px;border-radius:50%;background:var(--acc);}
.lb-st-wb i{background:transparent;border:1.5px solid var(--acc);}
/* 6k: stan magazynowy — zawsze dwa wiersze (stan / termin), ten sam rozmiar karty w obu wariantach; spokojnie: bez zielonej lampki, bez pulsowania */
.lb-st{flex-wrap:wrap;row-gap:2px;}
.lb-st-a{flex:1 1 auto;min-width:0;}
.lb-st-w{flex-basis:100%;padding-left:16px;font-weight:500;color:rgba(255,255,255,.6);}
.lb-st-zam i{background:transparent;border:1.5px solid var(--acc);}
.lb-k-ak{margin-top:auto;padding-top:18px;}
.lb-do{width:100%;justify-content:center;}
.lb-do.on{background:#000;color:#fff;box-shadow:inset 0 0 0 1.5px #fff;}
.lb-det{margin-top:14px;border-top:1px solid rgba(255,255,255,.1);padding-top:10px;}
.lb-det summary{cursor:pointer;min-height:36px;display:flex;align-items:center;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.6);list-style:none;}
.lb-det summary::-webkit-details-marker{display:none;}
.lb-det summary::after{content:"+";margin-left:auto;font-size:18px;font-weight:700;color:rgba(255,255,255,.5);}
.lb-det[open] summary::after{content:"−";}
.lb-det dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px 14px;margin:8px 0 0;font-size:13px;line-height:1.5;color:rgba(255,255,255,.66);}
.lb-det dt{font-weight:800;color:rgba(255,255,255,.5);}
.lb-det dd{margin:0;}
.lb-det .lb-det-o{grid-column:1 / -1;color:rgba(255,255,255,.78);}
.lb-det a{color:#fff;}
.lb-bezp{margin-top:10px;font-size:12px;line-height:1.5;color:rgba(255,255,255,.5);}
/* duża karta (komplet): rysunek obok tekstu na PC — 3 rozmiary w siatce: duża · zwykłe · kafel 3D */
.lb-k-xl{grid-column:1 / -1;flex-direction:row;}
.lb-k-xl .lb-k-img{flex:0 0 52%;display:flex;align-items:center;border-bottom:0;border-right:1px solid rgba(255,255,255,.08);}
.lb-k-xl .lb-k-img .lb-rys{max-width:460px;}
.lb-k-xl .lb-k-h{font-size:clamp(22px,2.4vw,30px);}
.lb-k-xl .lb-cena b{font-size:38px;}
@media(max-width:860px){.lb-k-xl{flex-direction:column;}.lb-k-xl .lb-k-img{flex:none;border-right:0;border-bottom:1px solid rgba(255,255,255,.08);}}
/* w budowie */
.lb-k-wb{border-style:dashed;border-color:rgba(255,255,255,.16);background:transparent;}
.lb-k-wb .lb-k-img{background:transparent;}
.lb-k-wb .lb-rys{opacity:.72;}
.lb-k-wb .lb-k-ak{padding-top:14px;}
.lb-wb{grid-column:1 / -1;margin-top:clamp(20px,4vw,40px);padding-top:clamp(20px,3vw,28px);border-top:1px solid rgba(255,255,255,.12);}
.lb-wb[hidden]{display:none;}
.lb-wb-h{font-size:clamp(22px,2.4vw,30px);font-weight:900;letter-spacing:-.03em;color:#fff;}
.lb-wb .gxf-p{margin-top:8px;max-width:56ch;}
/* kafel druku 3D: warstwy rosną jak na stole drukarki (przełamanie, bez dekoracji dla dekoracji) */
.lb-3d{grid-column:1 / -1;flex-direction:row;align-items:stretch;border-color:rgba(230,184,0,.38);}
.lb-3d-t{flex:1;padding:clamp(22px,3vw,36px);display:flex;flex-direction:column;}
.lb-3d-h{margin-top:8px;font-size:clamp(24px,2.8vw,36px);font-weight:900;letter-spacing:-.035em;line-height:1.05;color:#fff;}
.lb-3d .gxf-p{margin-top:10px;max-width:46ch;}
.lb-3d .lb-k-ak{padding-top:22px;}
.lb-3d-sw{flex:0 0 38%;display:flex;flex-direction:column-reverse;justify-content:flex-start;gap:5px;padding:clamp(24px,3vw,40px);border-left:1px solid rgba(255,255,255,.08);background:#000;}
.lb-3d-sw i{display:block;height:10px;border-radius:3px;background:rgba(255,255,255,.14);transform-origin:left center;}
.lb-3d-sw i:nth-child(odd){background:rgba(230,184,0,.5);}
.lb-3d-sw i:nth-child(1){width:92%;}.lb-3d-sw i:nth-child(2){width:90%;}.lb-3d-sw i:nth-child(3){width:86%;}.lb-3d-sw i:nth-child(4){width:80%;}
.lb-3d-sw i:nth-child(5){width:72%;}.lb-3d-sw i:nth-child(6){width:62%;}.lb-3d-sw i:nth-child(7){width:50%;}.lb-3d-sw i:nth-child(8){width:36%;}
.js .rv .lb-3d-sw i{transform:scaleX(0);transition:transform .7s cubic-bezier(.16,1,.3,1);}
.js .rv.in .lb-3d-sw i{transform:none;}
.lb-3d-sw i:nth-child(2){transition-delay:.08s;}.lb-3d-sw i:nth-child(3){transition-delay:.16s;}.lb-3d-sw i:nth-child(4){transition-delay:.24s;}
.lb-3d-sw i:nth-child(5){transition-delay:.32s;}.lb-3d-sw i:nth-child(6){transition-delay:.4s;}.lb-3d-sw i:nth-child(7){transition-delay:.48s;}.lb-3d-sw i:nth-child(8){transition-delay:.56s;}
@media(max-width:860px){.lb-3d{flex-direction:column-reverse;}.lb-3d-sw{flex:none;border-left:0;border-bottom:1px solid rgba(255,255,255,.08);padding:20px 22px;}}

/* ---------- Zleć zbudowanie ---------- */
html[data-wyglad] section.lb-zlec{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:clamp(28px,5vw,72px);align-items:start;}
.lb-zlec-t{position:sticky;top:calc(var(--topbar-h) + 72px);}
.lb-zlec-lead{margin-top:18px;font-size:clamp(17px,1.7vw,20px);font-weight:600;line-height:1.5;color:rgba(255,255,255,.82);max-width:36ch;}
.lb-zlec-cena{margin-top:16px;padding-left:14px;border-left:3px solid var(--acc);font-size:15px;font-weight:700;line-height:1.5;color:#fff;max-width:36ch;}
.lb-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 16px;margin:0;}
.lb-pole{display:flex;flex-direction:column;gap:8px;min-width:0;margin:0;padding:0;border:0;}
.lb-pole-w{grid-column:1 / -1;}
.lb-pole>span,.lb-pole legend{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.62);padding:0;}
.lb-pole input,.lb-pole textarea,.lb-pole select{width:100%;min-height:50px;padding:13px 16px;border:1px solid rgba(255,255,255,.2);border-radius:12px;background:#0a0a0a;color:#fff;
  font-family:inherit;font-size:16px;font-weight:500;line-height:1.4;outline:none;transition:border-color .2s;-webkit-appearance:none;appearance:none;}
.lb-pole textarea{resize:vertical;min-height:132px;}
.lb-pole select{background-image:linear-gradient(45deg,transparent 50%,#fff 50%),linear-gradient(135deg,#fff 50%,transparent 50%);background-position:calc(100% - 22px) 50%,calc(100% - 16px) 50%;background-size:6px 6px;background-repeat:no-repeat;padding-right:40px;}
.lb-pole input::placeholder,.lb-pole textarea::placeholder{color:rgba(255,255,255,.34);}
.lb-pole input:focus,.lb-pole textarea:focus,.lb-pole select:focus{border-color:#fff;}
.lb-pole .lb-zle,.lb-pole.lb-zle input,.lb-pole.lb-zle textarea{border-color:#FF2A2A;}
.lb-plik input{padding:12px;font-size:14px;}
.lb-plik small{font-size:12px;color:rgba(255,255,255,.5);}
.lb-chipy{display:flex;flex-wrap:wrap;gap:8px;}
.lb-chip{position:relative;display:inline-flex;}
.lb-chip input{position:absolute;opacity:0;width:1px;height:1px;}
.lb-chip span{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border:1px solid rgba(255,255,255,.22);border-radius:100px;font-size:14px;font-weight:700;color:rgba(255,255,255,.78);cursor:pointer;transition:background .2s,color .2s,border-color .2s;}
.lb-chip input:checked+span{background:#fff;color:#000;border-color:#fff;}
.lb-chip input:focus-visible+span{outline:2px solid #fff;outline-offset:3px;}
fieldset.lb-zle .lb-chip span{border-color:#FF2A2A;}
.lb-zgoda{display:flex;gap:12px;align-items:flex-start;font-size:13px;line-height:1.5;color:rgba(255,255,255,.66);cursor:pointer;}
.lb-zgoda input{flex:none;width:22px;height:22px;margin:1px 0 0;accent-color:#fff;}
.lb-zgoda a{color:#fff;}
.lb-zgoda.lb-zle span{color:#fff;}
.lb-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important;}
.lb-form-ak{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-top:6px;}
.lb-form-msg{margin:0;font-size:14px;font-weight:600;line-height:1.5;color:#fff;min-height:1em;max-width:52ch;}
.lb-form-msg.lb-ok{padding-left:12px;border-left:3px solid var(--acc);}
@media(max-width:860px){html[data-wyglad] section.lb-zlec{grid-template-columns:minmax(0,1fr);}.lb-zlec-t{position:static;}.lb-form{grid-template-columns:minmax(0,1fr);}.lb-form-ak .gx-cta{width:100%;justify-content:center;}}

/* ---------- toast „dodano do koszyka” ---------- */
.lb-toast{position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 18px);z-index:500;display:flex;align-items:center;gap:14px;width:max-content;max-width:calc(100vw - 32px);white-space:nowrap;   /* fixed + left:50% przycinało szerokość do połowy ekranu */
  padding:12px 12px 12px 18px;border:1px solid rgba(255,255,255,.22);border-radius:100px;background:#000;color:#fff;font-size:14px;font-weight:700;
  transform:translate(-50%,24px);opacity:0;pointer-events:none;transition:transform .35s cubic-bezier(.16,1,.3,1),opacity .25s;}
.lb-toast.on{transform:translate(-50%,0);opacity:1;pointer-events:auto;}
.lb-toast i{flex:none;width:8px;height:8px;border-radius:50%;background:var(--acc);}
.lb-toast a{flex:none;display:inline-flex;align-items:center;min-height:40px;padding:0 16px;border-radius:100px;background:#fff;color:#000;text-decoration:none;font-size:13px;font-weight:800;white-space:nowrap;}

/* ---------- strona koszyka ---------- */
.lb-strona-koszyk .gxf-wrap{padding-bottom:24px;}
.lb-wroc{display:inline-flex;align-items:center;min-height:40px;font-size:13px;font-weight:700;color:rgba(255,255,255,.62);text-decoration:none;}
.lb-koszyk-h{margin-top:8px;font-size:clamp(36px,6vw,64px);font-weight:900;letter-spacing:-.04em;line-height:1;}
.lb-koszyk-g{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(24px,4vw,56px);margin-top:clamp(24px,4vw,40px);align-items:start;}
.lb-poz{list-style:none;margin:0;padding:0;border-top:1px solid rgba(255,255,255,.12);}
.lb-poz li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 16px;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.12);}
.lb-poz-t{min-width:0;}
.lb-plak{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:900;letter-spacing:.06em;color:#fff;}
.lb-plak i{width:8px;height:8px;border-radius:50%;background:var(--acc);}
.lb-poz-h{margin-top:6px;font-size:17px;font-weight:800;line-height:1.25;color:#fff;}
.lb-poz-c{margin-top:4px;font-size:13px;color:rgba(255,255,255,.55);}
.lb-poz-w{margin-top:4px;font-size:13px;line-height:1.45;color:rgba(255,255,255,.66);}   /* 6k: termin przy linii */
.lb-poz-w[hidden]{display:none;}
.lb-poz-uw{display:block;margin-top:2px;color:rgba(255,255,255,.82);}
.lb-poz-s{text-align:right;font-size:18px;font-weight:900;color:#fff;font-variant-numeric:tabular-nums;}
.lb-ilosc{display:flex;align-items:center;gap:6px;grid-column:1 / -1;}
.lb-ilosc button{width:44px;height:44px;border:1px solid rgba(255,255,255,.22);border-radius:50%;background:none;color:#fff;font-family:inherit;font-size:20px;font-weight:700;cursor:pointer;}
.lb-ilosc output{min-width:36px;text-align:center;font-weight:800;font-variant-numeric:tabular-nums;}
.lb-usun{margin-left:auto;min-height:44px;border:0;background:none;color:rgba(255,255,255,.55);font-family:inherit;font-size:13px;font-weight:700;text-decoration:underline;cursor:pointer;}
.lb-pusty{display:flex;flex-direction:column;align-items:flex-start;gap:18px;margin-top:8px;font-size:17px;font-weight:600;color:rgba(255,255,255,.72);}
.lb-pusty[hidden],.lb-konf[hidden]{display:none;}
.lb-konf{margin-top:28px;padding:18px 20px;border:1px solid rgba(255,255,255,.14);border-radius:16px;}
.lb-konf .gxf-p{margin:8px 0 14px;}
.lb-sumy{position:sticky;top:calc(var(--topbar-h) + 72px);padding:clamp(18px,2.4vw,28px);border:1px solid rgba(255,255,255,.14);border-radius:16px;background:rgba(255,255,255,.02);}
.lb-sumy dl{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 16px;margin:0 0 20px;font-size:14px;color:rgba(255,255,255,.66);}
.lb-sumy dd{margin:0;text-align:right;font-weight:800;color:#fff;font-variant-numeric:tabular-nums;}
.lb-sumy dd.lb-sumy-w{font-weight:600;font-size:12.5px;color:rgba(255,255,255,.55);max-width:22ch;}
.lb-kasa{grid-template-columns:repeat(2,minmax(0,1fr));}
.lb-kasa-h{grid-column:1 / -1;font-size:18px;font-weight:900;letter-spacing:-.01em;}
.lb-kasa-p{margin:0;font-size:12.5px;line-height:1.5;color:rgba(255,255,255,.55);}
.lb-kasa-p a{color:#fff;}
.lb-kasa[hidden],.lb-sumy[hidden]{display:none;}
@media(max-width:860px){.lb-koszyk-g{grid-template-columns:minmax(0,1fr);}.lb-sumy{position:static;}.lb-kasa{grid-template-columns:minmax(0,1fr);}}

/* ---------- szkic 2: plakietka z panelu, status zamówienia, sumy z serwera ---------- */
.lb-badge{position:absolute;top:-1px;right:18px;z-index:2;display:inline-flex;align-items:center;min-height:26px;padding:4px 12px;border-radius:0 0 10px 10px;background:#FFC233;color:#1C1814;
  font-size:11px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;}
.lb-k .lb-k-img img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;}
.lb-do:disabled{opacity:.45;cursor:not-allowed;}
.lb-status{margin-top:20px;padding:18px 20px;border:1px solid rgba(255,255,255,.18);border-left:3px solid var(--acc);border-radius:14px;max-width:720px;}
.lb-status[hidden]{display:none;}
.lb-status-t{margin-top:6px;font-size:17px;font-weight:700;line-height:1.5;color:#fff;}
.lb-status-x{margin-top:6px;font-size:12.5px;font-weight:700;color:var(--acc);}
.lb-status-x[hidden]{display:none;}
.lb-status-ak:not(:empty){margin-top:14px;}
.lb-sumy .lb-sumy-r{padding-top:10px;border-top:1px solid rgba(255,255,255,.14);font-size:17px;font-weight:900;color:#fff;}
.lb-sumy dd.lb-sumy-r{font-size:20px;}
.lb-sumy .lb-sumy-v{font-size:12px;font-weight:600;color:rgba(255,255,255,.5);}
.lb-sumy-od{margin:-10px 0 18px;font-size:12.5px;font-weight:700;color:rgba(255,255,255,.66);}
.lb-sumy-od[hidden]{display:none;}
.lb-poz-nie .lb-poz-h,.lb-poz-nie .lb-poz-c{color:rgba(255,255,255,.45);}
.lb-poz-nie .lb-poz-c{color:#FF8A80;}
/* ---------- pasek LAB: „Kategorie ▾” + lupa (belka) → megamenu — tylko na klik (Dawid 03.11 21:5x) ---------- */
.topbar-center .lb-pk,.mobile-subs .lb-pk{display:inline-flex;align-items:center;gap:5px;color:#fff;border:1px solid rgba(255,255,255,.24);cursor:pointer;transition:background .2s,color .2s,border-color .2s;}
.topbar-center .lb-pk{padding:4px 10px 4px 12px;}
.lb-pk i{font-style:normal;font-size:.75em;line-height:1;opacity:.85;transition:transform .2s;}
.lb-pk[aria-expanded="true"]{background:#fff;color:#000;border-color:#fff;}
.lb-pk[aria-expanded="true"] i{transform:rotate(180deg);}
.topbar-center .lb-pl,.mobile-subs .lb-pl{display:inline-flex;align-items:center;justify-content:center;padding:0;color:#fff;cursor:pointer;}
.topbar-center .lb-pl{width:30px;height:24px;}
.lb-pl[aria-expanded="true"]{background:rgba(255,255,255,.14);}
@media(max-width:768px){
  .mobile-subs .lb-pk{min-height:28px;padding:0 9px;margin-right:2px;}
  .mobile-subs .lb-pl{width:34px;height:28px;}
  .mobile-subs .lb-pl svg{width:15px;height:15px;}
}
html.lb-mega-otw,html.lb-mega-otw body{overflow:hidden;}
.lb-mega-w{position:fixed;inset:0;z-index:400;}
.lb-mega-w[hidden]{display:none;}
.lb-mega-tlo{position:absolute;inset:0;background:rgba(0,0,0,.74);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;transition:opacity .22s ease-out;}
.lb-mega{position:absolute;left:50%;top:calc(var(--topbar-h) + env(safe-area-inset-top,0px) + 14px);width:min(1180px,calc(100% - 32px));max-height:calc(100svh - var(--topbar-h) - 40px);
  overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:0 clamp(16px,2.4vw,28px) clamp(16px,2.4vw,28px);background:#0a0a0a;border:1px solid rgba(255,255,255,.14);
  border-radius:20px;opacity:0;transform:translate(-50%,-8px);transition:opacity .22s ease-out,transform .22s cubic-bezier(.16,1,.3,1);}
.lb-mega-w.on .lb-mega-tlo{opacity:1;}
.lb-mega-w.on .lb-mega{opacity:1;transform:translate(-50%,0);}
.lb-mega-g{position:sticky;top:0;z-index:1;display:flex;align-items:center;gap:10px;padding:clamp(16px,2.4vw,28px) 0 16px;background:#0a0a0a;}
.lb-szuk{flex:1;display:flex;align-items:center;gap:10px;min-height:52px;padding:0 18px;border:1px solid rgba(255,255,255,.22);border-radius:100px;background:#000;color:rgba(255,255,255,.6);cursor:text;}
.lb-szuk:focus-within{border-color:#fff;color:#fff;}
.lb-szuk svg{flex:none;width:18px;height:18px;}
.lb-szuk input{flex:1;min-width:0;height:50px;border:0;outline:none;background:none;color:#fff;font-family:inherit;font-size:16px;font-weight:600;-webkit-appearance:none;appearance:none;}
.lb-szuk input::placeholder{color:rgba(255,255,255,.4);}
.lb-szuk input::-webkit-search-cancel-button{-webkit-appearance:none;}
.lb-mega-x{flex:none;width:52px;height:52px;border:1px solid rgba(255,255,255,.22);border-radius:50%;background:none;color:#fff;font-family:inherit;font-size:18px;font-weight:700;cursor:pointer;}
@media(hover:hover){.lb-mega-x:hover{border-color:#fff;}}
.lb-mega-h{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:4px 0 12px;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.55);}
.lb-mega-all{font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:none;color:#fff;text-decoration:none;}
.lb-mega-k[hidden],.lb-wyn[hidden],.lb-wyn-brak[hidden]{display:none;}
/* siatka kategorii: auto-fill — 15–20 kategorii układa się w kolejne rzędy bez rozjeżdżania */
.lb-mega-kat{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(232px,1fr));gap:10px;}
.lb-mk{display:flex;align-items:center;gap:12px;min-height:68px;padding:8px 14px 8px 8px;border:1px solid rgba(255,255,255,.12);border-radius:14px;color:#fff;text-decoration:none;transition:border-color .2s,box-shadow .2s;}
@media(hover:hover){.lb-mk:hover,.lb-mega-kafel:hover,.lb-wk:hover{border-color:rgba(255,255,255,.42);box-shadow:0 0 0 1px rgba(230,184,0,.18);}}
.lb-mk-r{flex:none;display:flex;align-items:center;justify-content:center;width:68px;height:52px;padding:4px;border-radius:10px;background:#000;overflow:hidden;}
.lb-mk-r .lb-rys,.lb-wk-r .lb-rys{width:100%;height:100%;}
.lb-mk-t{min-width:0;}
.lb-mk-t b{display:block;font-size:14px;font-weight:800;line-height:1.25;letter-spacing:-.01em;}
.lb-mk-t span{display:block;margin-top:3px;font-size:12px;font-weight:600;color:rgba(255,255,255,.55);}
.lb-mega-kafle{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px;}
.lb-mega-kafel{position:relative;display:flex;flex-direction:column;gap:4px;min-height:68px;padding:14px 48px 14px 16px;border:1px solid rgba(230,184,0,.42);border-radius:14px;color:#fff;text-decoration:none;}
.lb-mega-kafel b{font-size:15px;font-weight:900;letter-spacing:-.01em;}
.lb-mega-kafel span{font-size:12.5px;font-weight:600;color:rgba(255,255,255,.62);}
.lb-mega-kafel i{position:absolute;right:18px;top:50%;transform:translateY(-50%);font-style:normal;font-weight:800;color:var(--acc,#E6B800);}
.lb-wyn-l{list-style:none;margin:0;padding:0;display:grid;gap:8px;}
.lb-wk{display:grid;grid-template-columns:76px minmax(0,1fr) auto;align-items:center;gap:14px;padding:10px 12px 10px 10px;border:1px solid rgba(255,255,255,.12);border-radius:14px;}
.lb-wk-r{display:flex;width:76px;height:56px;padding:4px;border-radius:10px;background:#000;overflow:hidden;}
.lb-wk-t{min-width:0;}
.lb-wk-h{font-size:15px;font-weight:800;line-height:1.25;color:#fff;text-decoration:none;}
.lb-wk-k{display:block;margin-top:3px;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.5);}
.lb-wk-p{display:-webkit-box;margin-top:3px;font-size:12.5px;line-height:1.4;color:rgba(255,255,255,.64);-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.lb-wk-c{display:flex;flex-direction:column;align-items:flex-end;gap:4px;}
.lb-wk-c b{font-size:19px;font-weight:900;letter-spacing:-.02em;color:#fff;font-variant-numeric:tabular-nums;}
.lb-wk-c small{font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.5);}
.lb-wk-c .lb-do{width:auto;min-height:42px;margin-top:4px;padding:0 18px;font-size:13px;}
.lb-wk-wb{font-size:12px;font-weight:800;color:var(--acc,#E6B800);}
.lb-wyn-brak{margin:14px 0 0;font-size:15px;font-weight:600;color:rgba(255,255,255,.75);}
.lb-wyn-brak a{color:#fff;font-weight:800;}
@media(max-width:768px){
  .lb-mega{inset:0;left:0;top:0;width:100%;max-height:none;height:100%;border:0;border-radius:0;transform:translateY(14px);padding:0 16px calc(env(safe-area-inset-bottom,0px) + 24px);}
  .lb-mega-w.on .lb-mega{transform:none;}
  .lb-mega-g{padding-top:calc(env(safe-area-inset-top,0px) + 14px);}
  .lb-mega-kat{grid-template-columns:minmax(0,1fr);gap:8px;}
  .lb-mega-kafle{grid-template-columns:minmax(0,1fr);gap:8px;}
  .lb-wk{grid-template-columns:64px minmax(0,1fr);}
  .lb-wk-r{width:64px;height:48px;}
  .lb-wk-c{grid-column:1 / -1;flex-direction:row;align-items:center;justify-content:space-between;gap:10px;}
  .lb-wk-c small{margin-right:auto;}
}
/* ---------- 03.11 22:1x SEDNO A: cztery warsztaty (Elektryka · Kod · Drewno · Mechanika i druk 3D) ---------- */
.lb-ws-i{display:block;width:18px;height:18px;flex:none;color:var(--acc,#E6B800);}
.lb-ws-i-l{width:26px;height:26px;}
.lb-ws-i-xl{width:40px;height:40px;}
.lb-ws{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0;padding:0;}
.lb-ws li{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:3px 10px 3px 7px;border:1px solid rgba(255,255,255,.16);border-radius:100px;font-size:11px;font-weight:800;letter-spacing:.04em;color:rgba(255,255,255,.82);}
.lb-ws-hero{margin-top:12px;justify-content:center;}
.lb-ws-hero li{min-height:32px;font-size:12px;padding:4px 12px 4px 8px;}
.lb-ws-k{margin-top:10px;}
.lb-ws-k li{min-height:26px;font-size:10.5px;padding:2px 9px 2px 6px;}
.lb-ws-k .lb-ws-i{width:15px;height:15px;}
html[data-wyglad] section.lb-co{display:block;}
.lb-co-t{max-width:760px;}
.lb-wsy{list-style:none;margin:clamp(28px,4vw,48px) 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;}
.lb-wsk{position:relative;display:flex;flex-direction:column;gap:12px;padding:clamp(20px,2.4vw,28px);border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(255,255,255,.02);}
.lb-wsk-i{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:14px;background:#000;border:1px solid rgba(230,184,0,.32);}
.lb-wsk-h{font-size:clamp(19px,1.8vw,23px);font-weight:900;letter-spacing:-.02em;line-height:1.15;color:#fff;}
.lb-wsk .gxf-p{font-size:15px;color:rgba(255,255,255,.72);}
.lb-styk{margin-top:clamp(24px,3.6vw,40px);font-size:clamp(20px,2.4vw,30px);font-weight:800;line-height:1.25;letter-spacing:-.02em;color:#fff;max-width:28ch;text-wrap:balance;}
.lb-test{display:flex;align-items:center;gap:10px;margin-top:14px;font-size:14px;font-weight:700;color:rgba(255,255,255,.66);}
.lb-stan{margin:24px 0 0;border-radius:16px;overflow:hidden;}
.lb-stan img{display:block;width:100%;height:auto;}
@media(max-width:1023px){.lb-wsy{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:600px){
  .lb-wsy{grid-template-columns:minmax(0,1fr);gap:10px;}
  .lb-wsk{display:grid;grid-template-columns:52px minmax(0,1fr);column-gap:14px;row-gap:4px;padding:16px;}
  .lb-wsk-i{grid-row:span 2;width:52px;height:52px;}
  .lb-wsk-i .lb-ws-i-xl{width:30px;height:30px;}
}
/* jak pracuje LAB: cztery kroki, wielkie cyfry (przełamanie skalą — DNA pkt 12) */
html[data-wyglad] section.lb-jak-s{display:block;}
.lb-jak{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(16px,2.4vw,32px);counter-reset:none;}
.lb-jk{position:relative;padding-top:48px;border-top:1px solid rgba(255,255,255,.14);}
.lb-jk-n{position:absolute;top:16px;left:0;font-size:12px;font-weight:800;line-height:1.2;letter-spacing:.14em;text-transform:uppercase;color:var(--acc);}   /* 6l: „Krok 1” (nie „01” jak legenda hero) */
/* 6l: kroki wyłaniają się, gdy kulka przewodu do nich dojdzie (gx-wyglad.js → .w-zas); te same krzywe co SAAS; od 1. klatki przygaszone, bez JS widoczne */
.js .gxf-lab .lb-jak .lb-jk{opacity:.22;transform:translateY(8px);transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1);}
.js .gxf-lab .lb-jak .lb-jk.w-zas{opacity:1;transform:none;}
@media(min-width:861px){.js .gxf-lab .lb-jak .lb-jk{transition-delay:calc(var(--i,0) * .12s);}}
@media(prefers-reduced-motion:reduce){.js .gxf-lab .lb-jak .lb-jk{opacity:1!important;transform:none!important;transition:none!important;}}
.lb-jk-h{font-size:clamp(17px,1.6vw,20px);font-weight:800;line-height:1.2;letter-spacing:-.01em;color:#fff;}
.lb-jk .gxf-p{margin-top:8px;font-size:15px;}
@media(max-width:860px){
  .lb-jak{grid-template-columns:minmax(0,1fr);gap:0;}
  .lb-jk{display:block;padding:18px 0;}
  .lb-jk-n{position:static;display:block;margin-bottom:6px;}
  .lb-jk .gxf-p{margin-top:4px;}
}
/* Zleć zbudowanie: trzy kroki nad formularzem + „zgłoszenie to jeszcze nie zamówienie” */
.lb-kroki{list-style:none;margin:20px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px;}
.lb-kroki li{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 14px 0 6px;border:1px solid rgba(255,255,255,.16);border-radius:100px;font-size:13px;font-weight:800;color:#fff;}
.lb-kroki li span{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:#FFC233;color:#1C1814;font-size:12px;font-weight:900;}
.lb-zlec-nz{margin-top:12px;font-size:14px;font-weight:600;line-height:1.5;color:rgba(255,255,255,.66);max-width:36ch;}
/* megamenu: dwie osie — „Do czego” (kategorie) i „Z jakiego warsztatu” (filtr) */
.lb-mega-kol{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:clamp(16px,2.4vw,28px);}
.lb-mega-ws{list-style:none;margin:0;padding:0;display:grid;gap:8px;}
.lb-mw{display:flex;align-items:center;gap:12px;min-height:56px;padding:8px 14px;border:1px solid rgba(255,255,255,.12);border-radius:14px;color:#fff;text-decoration:none;transition:border-color .2s,box-shadow .2s;}
@media(hover:hover){a.lb-mw:hover{border-color:rgba(255,255,255,.42);box-shadow:0 0 0 1px rgba(230,184,0,.18);}}
.lb-mw-0{opacity:.5;cursor:default;}
.lb-mw-0 .lb-ws-i{color:rgba(255,255,255,.5);}
@media(max-width:1023px){.lb-mega-kol{grid-template-columns:minmax(0,1fr);}.lb-mega-ws{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:768px){.lb-mega-ws{grid-template-columns:minmax(0,1fr);}}
@media(prefers-reduced-motion:reduce){
  .js .lb-rys-hero .lb-dm,.js .lb-rys-hero .a{animation:none!important;stroke-dashoffset:0;}
  .js .rv .lb-3d-sw i{transform:none!important;transition:none!important;}
  .lb-toast{transition:none;}
  .lb-mega,.lb-mega-tlo,.lb-pk i{transition:none!important;}
}

/* 03.11 T88: JEDEN KOSZYK gek-x (plan §4.2b) — grupy G|LAB · Kleding · Mr. GEK; status wysyłki/zwrotu */
.lb-grupa[hidden]{display:none;}
.lb-grupa-h{margin:0 0 4px;}
.lb-konf.lb-grupa{margin-top:28px;}
.lb-poz-obce{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:10px;}
.lb-poz-obce li{display:flex;flex-direction:column;gap:2px;padding:10px 0;border-top:1px solid rgba(255,255,255,.08);}
.lb-poz-obce li:first-child{border-top:0;padding-top:2px;}
.lb-poz-obce b{font-size:15px;font-weight:700;color:#fff;line-height:1.35;overflow-wrap:anywhere;}
.lb-poz-obce span{font-size:13px;color:rgba(255,255,255,.66);line-height:1.45;overflow-wrap:anywhere;}
.lb-koszyk-g.lb-bez-kasy{grid-template-columns:minmax(0,1fr);max-width:760px;}
.lb-koszyk-g.lb-bez-kasy .lb-sumy{display:none;}
.lb-status-nr{margin:0 0 12px;font-size:14px;color:rgba(255,255,255,.72);overflow-wrap:anywhere;}

/* 03.11 T88 (odbiór T87-A): „usuń” = ✕ w kółku (A3), zamknięta kasa wyraźnie nieaktywna (A2), koszyk bez skoku układu (A5) */
.lb-ilosc .lb-usun{margin-left:auto;width:44px;height:44px;flex:0 0 44px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:1px solid rgba(255,255,255,.22);border-radius:50%;text-decoration:none;font-size:15px;font-weight:700;color:rgba(255,255,255,.85);}
.lb-ilosc .lb-usun:hover{border-color:rgba(255,255,255,.6);color:#fff;}
.lb-kasa button[type="submit"]:disabled,.lb-kasa button[type="submit"][aria-disabled="true"]{opacity:.38;filter:grayscale(1);cursor:not-allowed;box-shadow:none;transform:none;}
.lb-strona-koszyk .lb-koszyk{min-height:calc(100vh - 60px);min-height:calc(100svh - 60px);}
html.lb-ma-status #lbStatus[hidden]{display:block;min-height:120px;}

/* 03.11 T88 (odbiór T87-A C5): cztery znaczki warsztatów na pierwszym ekranie także na niskich ekranach (iPhone SE 375×667, laptop 1366×768) */
@media(max-width:860px) and (max-height:740px){
  .lb-rys-hero{max-height:20vh;}
  html[data-wyglad] header.lb-hero{row-gap:10px;}
  .lb-rzecz figcaption{margin-top:6px;}
  .lb-ws-hero{margin-top:6px;}
}
@media(min-width:861px) and (max-height:820px){
  .lb-rys-hero{max-height:min(48vh,560px);}
}

/* ===== 04.11 T88 (6l): HERO A — styl 1:1 z makiety T87 (<style id="hx-hero">, GSITE/glab-2026-11/hero/wariant-A) ===== */
/* ===== HERO G|LAB — wariant A (szkic T87 · 04.11.2026; podmienione tylko <figure> w hero) ===== */
html[data-wyglad] header.lb-hero.hx{padding-top:24px;}
@media(min-width:861px){html[data-wyglad] header.lb-hero.hx{min-height:calc(100svh - var(--topbar-h,52px) - 48px);}}
.hx-fig{margin:0;}
@keyframes hxZl{from{opacity:0;transform:translate(var(--dx,0px),var(--dy,0px));}to{opacity:1;transform:none;}}
@keyframes hxPo{from{opacity:0;}to{opacity:1;}}
@keyframes hxWj{from{opacity:0;transform:translateY(12px);}to{opacity:1;transform:none;}}
@keyframes hxLed{from{fill:#000;stroke:rgba(255,255,255,.7);}to{fill:var(--acc,#E6B800);stroke:var(--acc,#E6B800);}}
@keyframes hxRys{to{stroke-dashoffset:0;}}
.hx-rys{display:block;width:100%;height:auto;overflow:visible}
.hx-rys *{vector-effect:non-scaling-stroke}
.hx-rys .gm{fill:none;stroke:rgba(255,255,255,.05);stroke-width:1}
.hx-rys .gM{fill:none;stroke:rgba(255,255,255,.1);stroke-width:1}
.hx-rys .fr{fill:none;stroke:rgba(255,255,255,.16);stroke-width:1}
.hx-rys .t,.hx-rys .s1,.hx-rys .s2,.hx-rys .w-t,.hx-rys .w-l,.hx-rys .w-r,.hx-rys .p-t,.hx-rys .e-t{stroke:rgba(255,255,255,.88);stroke-width:1.5;stroke-linejoin:round}
.hx-rys .t{fill:#161616}.hx-rys .s1{fill:#0d0d0d}.hx-rys .s2{fill:#080808}
.hx-rys .w-t{fill:#151515}.hx-rys .w-l{fill:#0d0d0d}.hx-rys .w-r{fill:#090909}
.hx-rys .p-t{fill:#111}.hx-rys .e-t{fill:#171717}
.hx-rys .h,.hx-rys .pad{fill:#000;stroke:rgba(255,255,255,.62);stroke-width:1}
.hx-rys .gr{fill:none;stroke:rgba(255,255,255,.3);stroke-width:1;stroke-linecap:round;stroke-linejoin:round}
.hx-rys .tr{fill:none;stroke:rgba(255,255,255,.52);stroke-width:1.1;stroke-linejoin:round;stroke-linecap:round}
.hx-rys .lut{fill:rgba(255,255,255,.8)}
.hx-rys .d{fill:none;stroke:rgba(255,255,255,.62);stroke-width:1;stroke-linecap:round;stroke-linejoin:round}
.hx-rys .d2{fill:none;stroke:rgba(255,255,255,.24);stroke-width:1}
.hx-rys .ly{fill:none;stroke:rgba(255,255,255,.14);stroke-width:1}
.hx-rys .emb{font-family:Montserrat,sans-serif;font-weight:900;font-size:8px;letter-spacing:.08em;fill:rgba(255,255,255,.36)}
.hx-rys .ch{fill:none;stroke:rgba(255,255,255,.32);stroke-width:1;stroke-dasharray:10 3 2 3}
.hx-rys .cw{fill:#0b0b0b;stroke:rgba(255,255,255,.72);stroke-width:1.2}
.hx-rys .cd{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-weight:600;font-size:9.4px;fill:rgba(255,255,255,.86)}
.hx-rys .cur{fill:rgba(255,255,255,.7)}
.hx-rys .fl{fill:none;stroke:rgba(255,255,255,.6);stroke-width:1;stroke-dasharray:3 3}
.hx-rys .dot{fill:#fff}
.hx-rys .ld{fill:none;stroke:rgba(255,255,255,.58);stroke-width:1}
.hx-rys .bl{fill:#000;stroke:var(--acc,#E6B800);stroke-width:1.4}
.hx-rys .bn{font-family:Montserrat,sans-serif;font-weight:800;font-size:10.5px;fill:var(--acc,#E6B800)}
.hx-rys .dm{fill:none;stroke:rgba(255,255,255,.46);stroke-width:1}
.hx-rys .dt{font-family:Montserrat,sans-serif;font-weight:800;font-size:8.6px;letter-spacing:.1em;fill:rgba(255,255,255,.66)}
.hx-rys .sk{fill:none;stroke:rgba(255,255,255,.74);stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round}
.hx-rys .sk2{fill:none;stroke:rgba(255,255,255,.34);stroke-width:1;stroke-linecap:round}
.hx-rys .brim{fill:#0a0a0a;stroke:rgba(255,255,255,.46);stroke-width:1}
.hx-rys .kb{fill:none;stroke:rgba(255,255,255,.78);stroke-width:1.4;stroke-linecap:round}
.hx-rys .led{fill:#000;stroke:rgba(255,255,255,.7);stroke-width:1}
.hx-rys .led-on,.hx-rys .led.on{fill:var(--acc,#E6B800);stroke:var(--acc,#E6B800)}
.hx-rys .b-t,.hx-rys .b-f{stroke:rgba(255,255,255,.88);stroke-width:1.5;stroke-linejoin:round}
.hx-rys .b-t{fill:#121212}.hx-rys .b-f{fill:#0b0b0b}
.hx-rys .scr{fill:#050505;stroke:rgba(255,255,255,.4);stroke-width:1}
.hx-rys .cbar{fill:none;stroke:rgba(255,255,255,.62);stroke-width:2;stroke-linecap:round}
.hx-rys .kb2{fill:none;stroke:rgba(255,255,255,.72);stroke-width:1.6;stroke-linecap:round}
.hx-rys .fil{fill:none;stroke:rgba(255,255,255,.5);stroke-width:1}
.hx-rys .ly2{fill:none;stroke:rgba(255,255,255,.26);stroke-width:1}
.hx-rys .zak{fill:none;stroke:var(--acc,#E6B800);stroke-width:1.5;stroke-linecap:round}
.hx-rys .ld-a{fill:none;stroke:var(--acc,#E6B800);stroke-width:1}
.hx-rys .dot-a{fill:var(--acc,#E6B800)}
.hx-rys .trs{fill:none;stroke:rgba(255,255,255,.7);stroke-width:1;stroke-dasharray:3 2}

.hx-fig-a .hx-rys{aspect-ratio:324/260;}
.hx-leg{list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px;}
.hx-leg li{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:10px;align-items:start;}
.hx-leg b{font-weight:900;font-size:22px;line-height:1;letter-spacing:-.02em;color:var(--acc,#E6B800);font-variant-numeric:tabular-nums;}
.hx-leg strong{display:block;font-weight:800;font-size:15px;line-height:1.15;color:#fff;}
.hx-leg em{display:flex;align-items:center;gap:6px;margin-top:4px;font-style:normal;font-weight:700;font-size:12px;line-height:1.2;color:rgba(255,255,255,.72);}
.hx-leg .lb-ws-i{width:15px;height:15px;color:rgba(255,255,255,.72);}
@media(min-width:861px){.hx-leg{gap:16px 24px;margin-top:20px;}.hx-leg b{font-size:26px;}.hx-leg strong{font-size:16px;}.hx-leg em{font-size:13px;}}
@media(prefers-reduced-motion:no-preference){
  .js .hx-fig-a .hx-cz{animation:hxZl .9s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(.25s + var(--i) * .12s);}
  .js .hx-fig-a .hx-bl{animation:hxPo .5s ease-out both;animation-delay:calc(.95s + var(--i) * .06s);}
  .js .hx-fig-a .hx-leg li{animation:hxPo .5s ease-out both;animation-delay:calc(1s + var(--i) * .06s);}
}
/* 6l: ścieżka (breadcrumb) — .44 dawało 4,2:1 przy 12 px; jak w OPTIMIE */
.gxf-lab .gxf-crumb{color:rgba(255,255,255,.56);}

/* ===== 04.11 T88 (6o, Dawid 10:1x): podstrona sklepu LAB — gęsta siatka, szczegóły na klik w panelu; /glab/ = zapowiedź 2–4 rzeczy ===== */
html[data-wyglad="2"] .lb-strona-sklep section.lb-sklep-pelny{padding-top:56px;}
@media(max-width:860px){html[data-wyglad="2"] .lb-strona-sklep section.lb-sklep-pelny{padding-top:24px;}}   /* jak hero A: ścieżka ~40 px pod paskiem */
.lb-strona-sklep .lb-3d-t{padding:18px 20px;}.lb-strona-sklep .lb-3d-h{font-size:clamp(20px,2vw,26px);}.lb-strona-sklep .lb-3d .gxf-p{font-size:14px;}
.lb-strona-sklep .lb-3d-sw{flex-basis:26%;padding:16px 20px;}@media(max-width:860px){.lb-strona-sklep .lb-3d-sw{display:none;}}
.lb-strona-sklep .gxf-crumb{margin-bottom:12px;}
.lb-strona-sklep .gxf-crumb a,.lb-strona-sklep .gxf-crumb>span{color:rgba(255,255,255,.56);}
.lb-strona-sklep .gxf-crumb [aria-current]{color:rgba(255,255,255,.8);}
.lb-sklep-h1{margin:0;}
.lb-sklep-brak{margin:28px 0 0;font-size:15px;line-height:1.5;color:rgba(255,255,255,.72);}
.lb-sklep-brak a{color:#fff;font-weight:800;}
.lb-k-a{color:inherit;text-decoration:none;}
.lb-k-a:focus-visible{outline:2px solid var(--acc);outline-offset:3px;border-radius:4px;}
/* siatka (wszystkie warianty): w karcie tylko obraz, nazwa, cena z BTW, stan, przycisk — reszta w panelu */
.lb-strona-sklep .lb-polka{gap:14px;align-items:stretch;}
.lb-strona-sklep .lb-polka>.lb-filtr,.lb-strona-sklep .lb-polka>.lb-3d{grid-column:1 / -1;}
.lb-strona-sklep .lb-polka .lb-k{border-radius:14px;cursor:pointer;}
.lb-strona-sklep .lb-polka .lb-k.lb-3d{cursor:auto;}
.lb-strona-sklep .lb-polka .lb-k-xl{grid-column:auto;flex-direction:column;}
.lb-strona-sklep .lb-polka .lb-k-xl .lb-k-img{flex:none;display:block;border-right:0;border-bottom:1px solid rgba(255,255,255,.08);}
.lb-strona-sklep .lb-polka .lb-k :is(.lb-ws-k,.lb-k-p,.lb-k-fit,.lb-cena-x,.lb-det,.lb-zast,.lb-k-kat){display:none;}
.lb-strona-sklep .lb-polka .lb-k-img{padding:14px;}
.lb-strona-sklep .lb-polka .lb-k-img .lb-rys{max-width:100%;}
.lb-strona-sklep .lb-polka .lb-k-t{padding:12px 12px 14px;}
.lb-strona-sklep .lb-polka .lb-k-h,.lb-strona-sklep .lb-polka .lb-k-xl .lb-k-h{margin-top:0;font-size:15px;line-height:1.25;letter-spacing:-.01em;}
.lb-strona-sklep .lb-polka .lb-cena{margin-top:8px;}
.lb-strona-sklep .lb-polka .lb-cena b,.lb-strona-sklep .lb-polka .lb-k-xl .lb-cena b{font-size:20px;}
.lb-strona-sklep .lb-polka .lb-cena-i{font-size:10px;}
.lb-strona-sklep .lb-polka .lb-st{margin-top:6px;font-size:12px;}
.lb-strona-sklep .lb-polka .lb-k-ak{padding-top:10px;}
.lb-strona-sklep .lb-polka .lb-k-ak .gx-cta{width:100%;justify-content:center;min-height:42px;padding:0 12px;font-size:14px;}
.lb-strona-sklep .lb-polka .lb-badge{right:10px;min-height:22px;padding:3px 9px;font-size:10px;}
@media(hover:hover){.lb-strona-sklep .lb-polka .lb-k[data-sku]:hover{border-color:rgba(255,255,255,.34);}}
/* układ karty A — kompaktowa karta (wybór Dawida 04.11 10:5x): telefon 2 kol., PC 3–4 */
.lb-strona-sklep .lb-polka{grid-template-columns:repeat(2,minmax(0,1fr));}
@media(min-width:861px){.lb-strona-sklep .lb-polka{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media(min-width:1280px){.lb-strona-sklep .lb-polka{grid-template-columns:repeat(4,minmax(0,1fr));}}
/* panel szczegółów: telefon = arkusz od dołu, PC = okno na środku; transform/opacity, klik obok i Esc zamykają */
html.lb-pan-otw,html.lb-pan-otw body{overflow:hidden;}
.lb-pan{position:fixed;inset:0;z-index:620;display:flex;align-items:flex-end;justify-content:center;}
.lb-pan[hidden]{display:none;}
.lb-pan-tlo{position:absolute;inset:0;background:rgba(0,0,0,.74);opacity:0;transition:opacity .22s ease-out;}
.lb-pan.on .lb-pan-tlo{opacity:1;}
.lb-pan-k{position:relative;width:100%;max-height:92vh;max-height:92svh;overflow:auto;overscroll-behavior:contain;background:#0b0b0b;border:1px solid rgba(255,255,255,.14);
  border-radius:18px 18px 0 0;transform:translateY(24px);opacity:0;transition:transform .28s cubic-bezier(.16,1,.3,1),opacity .2s ease-out;outline:0;}
.lb-pan.on .lb-pan-k{transform:none;opacity:1;}
@media(min-width:861px){.lb-pan{align-items:center;padding:32px;}.lb-pan-k{max-width:880px;border-radius:18px;}}
.lb-pan-x{position:sticky;top:10px;float:right;z-index:3;width:42px;height:42px;margin:10px 10px -52px 0;border-radius:50%;border:1px solid rgba(255,255,255,.32);
  background:#000;color:#fff;font:inherit;font-size:16px;line-height:1;cursor:pointer;}
.lb-pan-x:focus-visible{outline:2px solid var(--acc);outline-offset:2px;}
.lb-pan .lb-k-pan{border:0;border-radius:0;background:none;cursor:auto;}
@media(min-width:861px){.lb-pan .lb-k-pan{flex-direction:row;}.lb-pan .lb-k-pan .lb-k-img{flex:0 0 46%;display:flex;align-items:center;border-bottom:0;border-right:1px solid rgba(255,255,255,.08);}}
@media(prefers-reduced-motion:reduce){.lb-pan-tlo,.lb-pan-k{transition:none;}}
/* zapowiedź sklepu na /glab/: 2–4 rzeczy w jednym rzędzie (telefon: przewijany kciukiem) + „Cały sklep →” */
.lb-zap{list-style:none;margin:20px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;}
.lb-zap-i{min-width:0;}
.lb-zap-a{display:flex;flex-direction:column;height:100%;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(255,255,255,.025);overflow:hidden;color:inherit;text-decoration:none;}
.lb-zap-a:focus-visible{outline:2px solid var(--acc);outline-offset:2px;}
@media(hover:hover){.lb-zap-a:hover{border-color:rgba(255,255,255,.34);}}
.lb-zap-img{display:block;padding:12px;background:#000;border-bottom:1px solid rgba(255,255,255,.08);}
.lb-zap-img .lb-rys,.lb-zap-img img{display:block;width:100%;max-width:100%;height:auto;}
.lb-zap-t{display:flex;flex-direction:column;gap:6px;padding:12px;}
.lb-zap-n{font-size:15px;font-weight:800;line-height:1.25;color:#fff;}
.lb-zap-c b{font-size:18px;font-weight:900;letter-spacing:-.02em;color:#fff;font-variant-numeric:tabular-nums;}
.lb-zap-c small{font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.6);}
.lb-zap-s{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:rgba(255,255,255,.7);}
.lb-zap-s i{flex:none;width:7px;height:7px;border-radius:50%;background:var(--acc);}
.lb-zap-s.lb-st-zam i{background:transparent;border:1.5px solid var(--acc);}
.lb-zap-ak{margin-top:20px;}
@media(max-width:860px){.lb-zap{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding-bottom:6px;scrollbar-width:none;}.lb-zap::-webkit-scrollbar{display:none;}
  .lb-zap-i{flex:0 0 72%;scroll-snap-align:start;}}