/* ==========================================================================
   Kup SBC v2 (product/list-sbc.blade.php, resources/views/sbc-v2). Paczka sbc-skup-v2.
   Wszystko pod .sbc2 albo z prefiksem sbc2-. Tokeny jak packet-v2 / boosting-v2.
   Platforma: .sbc2[data-plat="con|pc"] pokazuje elementy .sbc2-con albo .sbc2-pc.
   Telefon: < 768 px. Fonty Barlow i Barlow Condensed ładuje layouts/shop/htmlheader.
   ========================================================================== */
.sbc2 {
  --sbc2-ciemny: #111a24;
  --sbc2-ciemny2: #0b121b;
  --sbc2-hero: #0a0612;
  --sbc2-zloty: #f5a623;
  --sbc2-zloty-tekst: #9a5b00;
  --sbc2-szary: #5b6472;
  --sbc2-tekst: #111a24;
  --sbc2-ramka: #dfe3e9;
  --sbc2-cond: 'Barlow Condensed', 'Arial Narrow', Arial, sans-serif;
  max-width: 1110px; margin: 0 auto; padding: 6px 0 28px;
  display: flex; flex-direction: column; gap: 24px;
  font-family: Barlow, 'Helvetica Neue', Arial, sans-serif; color: var(--sbc2-tekst); text-align: left;
  font-size: 15px; line-height: 1.5;
}
.sbc2 *, .sbc2 *::before, .sbc2 *::after { box-sizing: border-box; }
.sbc2 a { color: var(--sbc2-tekst); text-decoration: none; }
.sbc2 a:hover { color: #b36d00; }
.sbc2 button { font-family: inherit; cursor: pointer; }
.sbc2 h1, .sbc2 h2, .sbc2 h3 { text-transform: none; letter-spacing: 0; text-align: left; }
.sbc2 p { margin: 0; }
.sbc2 [hidden] { display: none !important; }
.sbc2 button:focus-visible, .sbc2 a:focus-visible, .sbc2 summary:focus-visible, .sbc2 input:focus-visible, .sbc2 select:focus-visible {
  outline: 3px solid var(--sbc2-zloty); outline-offset: 2px;
}
.sbc2[data-plat="con"] .sbc2-pc, .sbc2[data-plat="pc"] .sbc2-con { display: none !important; }
.sbc2 .sbc2-m { display: none; }
.sbc2-zloty { color: var(--sbc2-zloty); }
.sbc2-h2 { margin: 0; font-family: var(--sbc2-cond); font-size: 32px; font-weight: 800; line-height: 1.05; color: var(--sbc2-tekst); }

/* ---------- Hero ---------- */
.sbc2-hero { position: relative; overflow: hidden; background: var(--sbc2-hero); border-radius: 24px; min-height: 580px; padding: 34px; display: flex; align-items: center; color: #fff; }
.sbc2-hero-art { position: absolute; top: 0; bottom: 0; right: -30px; aspect-ratio: 1430 / 803; pointer-events: none; animation: sbc2Drift 22s ease-in-out infinite alternate; }
.sbc2-hero-art-in { position: absolute; inset: 0; }
.sbc2-hero-tlo { position: absolute; inset: 0; width: 100%; height: 100%; display: block; }
.sbc2-hero-cien { position: absolute; left: 69.9%; top: 6.4%; width: 11.4%; height: 32%; border-radius: 14px; background: var(--sbc2-hero); filter: blur(5px); }
.sbc2-hero-sylwetka, .sbc2-hero-karta { position: absolute; left: 67.3%; top: 2.2%; width: 16.4%; height: auto; }
.sbc2-hero-sylwetka { filter: brightness(.05) saturate(0) drop-shadow(0 0 1px rgba(196,181,253,.9)) drop-shadow(0 0 14px rgba(139,92,246,.55)); }
.sbc2-hero-karta { opacity: 0; filter: drop-shadow(0 0 18px rgba(245,166,35,.55)); animation: sbc2Karta 6s cubic-bezier(.2,.8,.2,1) infinite; }
.sbc2-hero::before { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg, #0a0612 0%, #0a0612 52%, rgba(10,6,18,.9) 59%, rgba(10,6,18,.45) 66%, rgba(10,6,18,0) 76%); pointer-events: none; z-index: 1; }
.sbc2-hero-in { position: relative; z-index: 2; width: 600px; max-width: 100%; display: flex; flex-direction: column; gap: 16px; }
.sbc2-live { display: inline-flex; align-items: center; gap: 8px; color: #c4b5fd; font-size: 13px; font-weight: 800; letter-spacing: 1.2px; }
.sbc2-live-kropka { width: 8px; height: 8px; border-radius: 50%; background: #8b5cf6; flex: none; animation: sbc2Puls 1.8s ease-in-out infinite; }
.sbc2-gora { display: flex; flex-direction: column; gap: 16px; }
.sbc2-gora h1, .sbc2-h1 { margin: 0; font-family: var(--sbc2-cond); font-size: 54px; font-weight: 800; line-height: .97; color: #fff; }
.sbc2-gora p, .sbc2-lead { margin: 0; color: #c9c3d8; font-size: 16px; line-height: 1.5; }
.sbc2-kafle { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.sbc2-kafel { background: rgba(20,14,34,.85); border: 1px solid #2e2546; border-radius: 14px; padding: 11px 14px; display: flex; flex-direction: column; }
.sbc2-kafel strong { white-space: nowrap; font-family: var(--sbc2-cond); font-size: 28px; font-weight: 800; color: var(--sbc2-zloty); line-height: 1; }
.sbc2-kafel span { color: #a99fc0; font-size: 13px; font-weight: 600; }

/* animacja "Tak wygląda realizacja" */
.sbc2-real { background: rgba(20,14,34,.88); border: 1px solid #2e2546; border-radius: 16px; padding: 14px 16px 16px; display: flex; flex-direction: column; gap: 12px; }
.sbc2-real-hd { display: flex; justify-content: space-between; font-size: 11px; font-weight: 800; letter-spacing: 1.2px; color: #a99fc0; }
.sbc2-real-hd span + span { color: #a78bfa; }
.sbc2-real-my { display: none; }
.sbc2-real-rzad { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)) 18px 64px; gap: 12px; align-items: start; }
.sbc2-real-sklad, .sbc2-real-nagroda { position: relative; display: flex; flex-direction: column; align-items: center; gap: 6px; }
.sbc2-real-boisko { position: relative; width: 100%; height: 56px; border-radius: 10px; background: rgba(139,92,246,.1); border: 1px solid #3b2f5c; display: block; animation: sbc2Sklad1 6s ease-in-out infinite; }
.sbc2-real-sklad--2 .sbc2-real-boisko { animation-name: sbc2Sklad2; }
.sbc2-real-sklad--3 .sbc2-real-boisko { animation-name: sbc2Sklad3; }
.sbc2-real-boisko i { position: absolute; width: 5px; height: 5px; border-radius: 50%; background: #c4b5fd; }
.sbc2-real-boisko i:nth-child(1) { left: 34%; top: 16%; } .sbc2-real-boisko i:nth-child(2) { left: 48%; top: 14%; } .sbc2-real-boisko i:nth-child(3) { left: 62%; top: 16%; }
.sbc2-real-boisko i:nth-child(4) { left: 28%; top: 38%; } .sbc2-real-boisko i:nth-child(5) { left: 42%; top: 36%; } .sbc2-real-boisko i:nth-child(6) { left: 54%; top: 36%; } .sbc2-real-boisko i:nth-child(7) { left: 68%; top: 38%; }
.sbc2-real-boisko i:nth-child(8) { left: 24%; top: 60%; } .sbc2-real-boisko i:nth-child(9) { left: 40%; top: 60%; } .sbc2-real-boisko i:nth-child(10) { left: 56%; top: 60%; } .sbc2-real-boisko i:nth-child(11) { left: 72%; top: 60%; }
.sbc2-real-boisko i:nth-child(12) { left: 48%; top: 78%; }
.sbc2-real-ok { position: absolute; top: -8px; right: -8px; width: 22px; height: 22px; border-radius: 50%; background: #17783f; box-shadow: 0 0 0 3px #140e22; opacity: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E");
  background-size: 11px; background-repeat: no-repeat; background-position: center; animation: sbc2Ok1 6s ease-in-out infinite; }
.sbc2-real-sklad--2 .sbc2-real-ok { animation-name: sbc2Ok2; }
.sbc2-real-sklad--3 .sbc2-real-ok { animation-name: sbc2Ok3; }
.sbc2-real-nazwa { font-size: 12px; font-weight: 800; color: #d9d2ee; }
.sbc2-real-strzalka { height: 56px; display: flex; align-items: center; color: #8b7fa8; font-weight: 800; }
.sbc2-real-glowa { width: 64px; height: 56px; border-radius: 10px; overflow: hidden; border: 1px solid #8a6516; background: radial-gradient(circle at 50% 40%, #c0262c55, #2a1f08 75%); position: relative; display: block; animation: sbc2Nagroda 6s cubic-bezier(.2,.8,.2,1) infinite; }
.sbc2-real-glowa img { position: absolute; width: 200%; left: -50%; top: -66%; height: auto; max-width: none; }
.sbc2-real-pasek { height: 5px; border-radius: 5px; background: #2a2140; overflow: hidden; display: block; }
.sbc2-real-pasek span { display: block; height: 100%; border-radius: 5px; background: linear-gradient(90deg, #8b5cf6, #f5a623); transform-origin: left; animation: sbc2Pasek 6s ease-in-out infinite; }

/* platformy w hero */
.sbc2-plat { display: flex; flex-direction: column; gap: 8px; }
.sbc2-plat-tytul { color: #a99fc0; font-size: 12px; font-weight: 800; letter-spacing: 1.2px; }
.sbc2-plat-btny { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; max-width: 560px; }
.sbc2-plat-btn { display: flex; align-items: center; gap: 12px; height: 64px; padding: 0 16px; border-radius: 14px; text-align: left; background: rgba(20,14,34,.85); color: #e3e8ee; border: 2px solid #3b2f5c; }
.sbc2-plat-btn svg { flex: none; }
.sbc2-plat-btn[aria-pressed="true"] { background: var(--sbc2-zloty); color: var(--sbc2-tekst); border-color: var(--sbc2-zloty); }
.sbc2-plat-txt { display: flex; flex-direction: column; align-items: flex-start; line-height: 1.15; }
.sbc2-plat-txt b { font-weight: 800; font-size: 17px; }
.sbc2-plat-txt span { font-size: 12px; font-weight: 600; opacity: .8; }
.sbc2-plat-sub-m { display: none; }
.sbc2-plat-dopisek { color: #8b7fa8; font-size: 13px; }

/* ---------- Plakietki ---------- */
.sbc2-plak { display: inline-flex; align-items: center; gap: 3px; font-size: 10px; font-weight: 800; letter-spacing: .8px; border-radius: 5px; padding: 2px 6px; white-space: nowrap; line-height: 1.4; }
.sbc2-plak--polecamy { background: var(--sbc2-ciemny); color: var(--sbc2-zloty); }
.sbc2-plak--nowe { background: #17783f; color: #fff; position: relative; overflow: hidden; }
.sbc2-plak--nowe::after { content: ''; position: absolute; top: 0; left: -80%; width: 60%; height: 100%; background: linear-gradient(100deg, transparent, rgba(255,255,255,.55), transparent); animation: sbc2Blysk 2.8s ease-in-out infinite; }
.sbc2-plak--popularne { background: #fff3d6; color: #7a4a00; border: 1px solid #f2c46b; padding: 1px 6px; }
.sbc2-plak--powt { background: #e8f0ff; color: #1a3f85; border: 1px solid #b8cdf3; padding: 1px 6px; }
.sbc2-plak--najczesciej { background: #fff3d6; color: #7a4a00; font-size: 11px; letter-spacing: 1px; padding: 4px 8px; border-radius: 6px; }
.sbc2-pol .sbc2-plak--polecamy { background: var(--sbc2-zloty); color: var(--sbc2-tekst); font-size: 11px; letter-spacing: 1px; padding: 4px 8px; border-radius: 6px; }
.sbc2-plak--ciemna { background: #1a2230; color: #c3cbd6; font-size: 11px; letter-spacing: 1px; padding: 4px 8px; border-radius: 6px; font-variant-numeric: tabular-nums; }

/* ---------- Miniatury ---------- */
.sbc2-karta { position: relative; display: block; overflow: hidden; aspect-ratio: 270 / 347; flex: none; filter: drop-shadow(0 6px 10px rgba(0,0,0,.45)); }
.sbc2-karta img { position: absolute; width: 111.111%; left: -3.704%; top: -11.239%; height: auto; max-width: none; display: block; }
.sbc2-karta--lista { width: 120px; }
.sbc2-karta--duza { width: 168px; filter: drop-shadow(0 12px 22px rgba(0,0,0,.55)); }
.sbc2-karta--mini { width: 78px; filter: drop-shadow(0 4px 8px rgba(0,0,0,.35)); }
.sbc2-zestaw, .sbc2-tarcza { display: flex; align-items: center; justify-content: center; overflow: hidden; flex: none; border-radius: 14px; background: radial-gradient(circle at 50% 35%, var(--sbc2-glow, #c3a83766), #0b121b 72%); }
.sbc2-zestaw img, .sbc2-tarcza img { display: block; max-width: 86%; max-height: 86%; width: auto; height: auto; object-fit: contain; }
.sbc2-zestaw--lista, .sbc2-tarcza--lista { width: 120px; height: 152px; }
.sbc2-zestaw--duza, .sbc2-tarcza--duza { width: 190px; height: 236px; border-radius: 18px; }
.sbc2-zestaw--mini, .sbc2-tarcza--mini { width: 84px; height: 100px; border-radius: 12px; }

/* ---------- Polecane teraz ---------- */
.sbc2-pol { display: flex; flex-direction: column; gap: 14px; }
.sbc2-pol-hd { display: flex; justify-content: space-between; align-items: flex-end; gap: 12px; }
.sbc2-pol-lead { color: var(--sbc2-szary); font-size: 15px; }
.sbc2 .sbc2-pol-wszystkie { font-weight: 800; font-size: 15px; color: var(--sbc2-zloty-tekst); white-space: nowrap; }
.sbc2-pol-uklad { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr); gap: 14px; }
.sbc2-pol-uklad:has(.sbc2-pol-duza:only-child) { grid-template-columns: minmax(0, 1fr); }
.sbc2-pol-duza { position: relative; overflow: hidden; background: var(--sbc2-ciemny2); border: 1px solid #2f3b4f; border-radius: 20px; padding: 22px; display: grid; grid-template-columns: 190px minmax(0, 1fr); gap: 24px; align-items: center; color: #fff; }
.sbc2-pol-duza::after { content: ''; position: absolute; top: -20%; left: -70%; width: 45%; height: 140%; transform: rotate(12deg); background: linear-gradient(90deg, transparent, rgba(255,255,255,.18), transparent); animation: sbc2Smuga 6s ease-in-out infinite; pointer-events: none; }
.sbc2-pol-art { width: 190px; height: 236px; display: flex; align-items: center; justify-content: center; border-radius: 18px; background: radial-gradient(circle at 50% 35%, #6b3fa066, #0b121b 72%); }
.sbc2-pol-tresc { display: flex; flex-direction: column; gap: 10px; min-width: 0; }
.sbc2-pol-plak { display: flex; gap: 6px; flex-wrap: wrap; }
.sbc2-pol-nazwa { display: flex; flex-direction: column; gap: 2px; }
.sbc2-pol-nazwa b { font-family: var(--sbc2-cond); font-size: 40px; font-weight: 800; line-height: 1; overflow-wrap: anywhere; }
.sbc2-pol-nazwa span { color: #b9c2cf; font-size: 15px; font-weight: 600; }
.sbc2-pol-info { color: #c3cbd6; font-size: 14px; }
.sbc2-pol-kup { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; padding-top: 4px; }
.sbc2-pol-cena { display: flex; flex-direction: column; }
.sbc2-pol-cena b { white-space: nowrap; font-family: var(--sbc2-cond); font-size: 36px; font-weight: 800; line-height: 1; color: var(--sbc2-zloty); }
.sbc2-pol-cena span { font-size: 12px; color: #8f9bab; font-weight: 600; }
.sbc2 .sbc2-go { height: 50px; padding: 0 22px; border-radius: 12px; background: var(--sbc2-zloty); color: var(--sbc2-tekst); font-weight: 800; font-size: 16px; display: inline-flex; align-items: center; gap: 8px; transition: transform .15s ease, background .15s ease; }
.sbc2 .sbc2-go:hover { transform: translateY(-1px); background: #ffb93d; color: var(--sbc2-tekst); }
.sbc2 .sbc2-go--maly { height: 38px; padding: 0 14px; border-radius: 10px; font-size: 14px; }
/* miniatura i nazwa w Polecanych = link do produktu (jak w liście) */
.sbc2 a.sbc2-pol-art, .sbc2 a.sbc2-mini-art { transition: transform .15s ease; }
.sbc2 a.sbc2-pol-art:hover, .sbc2 a.sbc2-mini-art:hover { transform: translateY(-2px); }
.sbc2 a.sbc2-pol-nazwa, .sbc2 a.sbc2-pol-nazwa:hover { color: #fff; align-self: flex-start; max-width: 100%; border-radius: 4px; }
.sbc2 a.sbc2-pol-nazwa:hover b { color: var(--sbc2-zloty); }
.sbc2 a.sbc2-mini-nazwa { color: var(--sbc2-tekst); border-radius: 4px; max-width: 100%; overflow-wrap: anywhere; }
.sbc2 a.sbc2-mini-nazwa:hover { color: #b36d00; }
.sbc2-pol-mini { display: flex; flex-direction: column; gap: 14px; }
.sbc2-mini { flex-grow: 1; background: #fff; border: 1px solid var(--sbc2-ramka); border-radius: 18px; padding: 14px 16px; display: grid; grid-template-columns: 84px minmax(0, 1fr) auto; gap: 14px; align-items: center; }
.sbc2-mini-art { display: flex; align-items: center; justify-content: center; width: 84px; height: 108px; }
.sbc2-mini-tresc { display: flex; flex-direction: column; gap: 3px; min-width: 0; align-items: flex-start; }
.sbc2-mini-plak-m { display: none; }
.sbc2-mini-nazwa { font-family: var(--sbc2-cond); font-size: 24px; font-weight: 800; line-height: 1; }
.sbc2-mini-pod { font-size: 13px; color: var(--sbc2-szary); }
.sbc2-mini-kup { display: flex; flex-direction: column; align-items: flex-end; gap: 6px; }
.sbc2-mini-cena { display: flex; flex-direction: column; align-items: flex-end; }
.sbc2-mini-cena b { white-space: nowrap; font-family: var(--sbc2-cond); font-size: 24px; font-weight: 800; line-height: 1; }
.sbc2-mini-cena span { font-size: 12px; color: var(--sbc2-szary); font-weight: 600; }

/* ---------- Lista ---------- */
.sbc2-lista { display: flex; flex-direction: column; gap: 14px; scroll-margin-top: 90px; }
.sbc2-lista-hd { display: flex; justify-content: space-between; align-items: flex-end; gap: 14px; flex-wrap: wrap; }
.sbc2-lista-hd-l { display: flex; flex-direction: column; gap: 4px; }
.sbc2-lista-tytul { display: flex; align-items: center; gap: 12px; }
.sbc2-licz { background: var(--sbc2-ciemny); color: var(--sbc2-zloty); font-weight: 800; font-size: 14px; border-radius: 999px; padding: 3px 10px; }
.sbc2-lista-plat-m { display: none; }
.sbc2-lista-lead { color: var(--sbc2-szary); font-size: 15px; }
.sbc2-lista-lead strong { color: var(--sbc2-tekst); }
.sbc2-seg { display: flex; background: var(--sbc2-zloty); border: 1px solid #e0951a; border-radius: 12px; padding: 4px; gap: 4px; }
.sbc2-seg button { height: 40px; padding: 0 18px; border: 0; border-radius: 9px; font-size: 15px; font-weight: 800; background: transparent; color: var(--sbc2-tekst); }
.sbc2-seg button[aria-pressed="true"] { background: var(--sbc2-ciemny); color: var(--sbc2-zloty); box-shadow: 0 2px 6px rgba(17,26,36,.25); }
.sbc2-filtry { display: flex; justify-content: space-between; align-items: center; gap: 14px; flex-wrap: wrap; }
.sbc2-chipy { display: flex; gap: 8px; flex-wrap: wrap; }
.sbc2-chip { display: inline-flex; align-items: center; gap: 7px; height: 44px; padding: 0 14px; border-radius: 999px; font-size: 15px; font-weight: 700; border: 1px solid #d5d9e0; background: #fff; color: var(--sbc2-tekst); }
.sbc2-chip--koncza { border-color: #f0b089; background: #fff3eb; color: #a63d0a; }
.sbc2-chip[aria-pressed="true"] { border-color: var(--sbc2-ciemny); background: var(--sbc2-ciemny); color: #fff; }
.sbc2-chip-licz { font-size: 12px; font-weight: 800; border-radius: 999px; padding: 2px 7px; background: #eef0f3; color: var(--sbc2-tekst); }
.sbc2-chip[aria-pressed="true"] .sbc2-chip-licz { background: var(--sbc2-zloty); }
.sbc2-narzedzia { display: flex; gap: 10px; flex-wrap: wrap; }
.sbc2-szukaj { display: flex; align-items: center; gap: 8px; background: #fff; border: 1px solid #d5d9e0; border-radius: 10px; padding: 0 12px; height: 44px; min-width: 210px; margin: 0; font-weight: 400; }
.sbc2-szukaj input { border: 0; outline: 0; font-family: Barlow, sans-serif; font-size: 15px; color: var(--sbc2-tekst); background: transparent; width: 100%; height: 40px; padding: 0; box-shadow: none; }
.sbc2-sort { display: flex; align-items: center; gap: 8px; background: #fff; border: 1px solid #d5d9e0; border-radius: 10px; padding: 0 6px 0 12px; height: 44px; margin: 0; }
.sbc2-sort span { font-size: 13px; color: var(--sbc2-szary); font-weight: 600; }
.sbc2-sort select { border: 0; outline: 0; font-family: Barlow, sans-serif; font-size: 15px; font-weight: 700; color: var(--sbc2-tekst); background: transparent; height: 40px; padding: 0 4px; width: auto; box-shadow: none; }
.sbc2-sekcje { display: flex; flex-direction: column; gap: 22px; }
.sbc2-sekcja { display: flex; flex-direction: column; gap: 10px; }
.sbc2-sekcja-hd { display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; }
.sbc2-sekcja-hd h3 { margin: 0; font-family: var(--sbc2-cond); font-size: 25px; font-weight: 800; color: var(--sbc2-tekst); }
.sbc2-sekcja-licz { font-size: 14px; font-weight: 700; color: var(--sbc2-szary); }
.sbc2-sekcja-opis { font-size: 14px; color: var(--sbc2-szary); }
.sbc2-wiersze { background: #fff; border: 1px solid var(--sbc2-ramka); border-radius: 14px; overflow: hidden; }
.sbc2-w + .sbc2-w { border-top: 1px solid #edf0f4; }
.sbc2-w-gl { cursor: pointer; display: grid; grid-template-columns: 120px minmax(0, 1fr) 180px 140px; align-items: center; gap: 18px; padding: 12px 18px; transition: background .15s ease; }
.sbc2-w-gl:hover { background: #fff8ea; }
.sbc2-w-gl:hover .sbc2-w-cta { background: #ffb93d; }
.sbc2-w-art { display: flex; align-items: center; justify-content: center; width: 120px; min-height: 152px; }
.sbc2-w-info { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.sbc2-w-plak { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.sbc2-w-ea { font-size: 11px; font-weight: 700; letter-spacing: 1.2px; color: var(--sbc2-szary); margin-right: 2px; }
.sbc2 .sbc2-w-tytul { font-family: var(--sbc2-cond); font-size: 24px; font-weight: 700; line-height: 1.05; color: var(--sbc2-tekst); overflow-wrap: anywhere; }
.sbc2-w-podpis { font-size: 14px; color: #3a4558; overflow-wrap: anywhere; }
.sbc2-w-meta { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.sbc2-czas { display: inline-flex; align-items: center; gap: 4px; font-size: 12px; font-weight: 700; border-radius: 6px; padding: 3px 7px; background: #eef0f3; color: var(--sbc2-tekst); font-variant-numeric: tabular-nums; }
.sbc2-czas--soon { background: #d9480f; color: #fff; }
.sbc2-czas--last { background: #c92a2a; color: #fff; }
.sbc2-w-sklady { font-size: 13px; color: var(--sbc2-szary); font-weight: 600; }
.sbc2-w-kropka { font-size: 13px; color: var(--sbc2-szary); }
.sbc2-w-szcz { background: transparent; border: 0; padding: 6px 2px; font-size: 13px; font-weight: 800; color: var(--sbc2-zloty-tekst); display: inline-flex; align-items: center; gap: 4px; }
.sbc2-w-szcz svg { transition: transform .2s ease; }
.sbc2-w--otwarty .sbc2-w-szcz svg { transform: rotate(180deg); }
.sbc2-w-cena { display: flex; flex-direction: column; align-items: flex-end; gap: 2px; }
.sbc2-w-cena b { font-family: var(--sbc2-cond); font-size: 27px; font-weight: 800; line-height: 1; white-space: nowrap; }
.sbc2-w-cena span { font-size: 12px; color: var(--sbc2-szary); font-weight: 600; white-space: nowrap; }
.sbc2 .sbc2-w-cta { justify-self: end; background: var(--sbc2-zloty); color: var(--sbc2-tekst); font-weight: 800; font-size: 15px; border-radius: 10px; padding: 12px 18px; display: inline-flex; align-items: center; gap: 8px; transition: background .15s ease; }
.sbc2-w-na { display: flex; flex-direction: column; align-items: flex-end; gap: 2px; text-align: right; }
.sbc2-w-na b { font-size: 14px; font-weight: 800; color: var(--sbc2-szary); }
.sbc2-w-na span { font-size: 12px; color: #8f9bab; }
.sbc2-w-inna { justify-self: end; background: #fff; color: var(--sbc2-tekst); border: 2px solid var(--sbc2-tekst); font-weight: 800; font-size: 14px; border-radius: 10px; padding: 10px 14px; }
.sbc2-w-panel { margin: 0 18px 14px 156px; background: #f6f7f9; border-radius: 12px; padding: 14px 16px; display: flex; gap: 18px; align-items: flex-start; }
.sbc2-w-panel-karta { display: block; width: 172px; height: auto; flex-shrink: 0; filter: drop-shadow(0 8px 16px rgba(17,26,36,.25)); }
.sbc2-w-panel-tresc { display: flex; flex-direction: column; gap: 12px; flex-grow: 1; min-width: 0; }
.sbc2-fakty { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px 18px; }
.sbc2-fakty div { display: flex; flex-direction: column; gap: 2px; }
.sbc2-fakty span { font-size: 12px; color: var(--sbc2-szary); font-weight: 700; }
.sbc2-fakty b { font-weight: 800; font-size: 15px; overflow-wrap: anywhere; }
.sbc2-seria { display: flex; flex-direction: column; gap: 8px; }
.sbc2-seria-tytul { font-size: 12px; color: var(--sbc2-szary); font-weight: 700; }
.sbc2-seria-lista { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.sbc2-seria-el { background: #fff; border: 1px solid #e3e7ee; border-radius: 10px; padding: 10px 12px; display: grid; grid-template-columns: 28px minmax(0, 1fr); gap: 10px; align-items: center; }
.sbc2-seria-el > span:last-child { display: flex; flex-direction: column; min-width: 0; }
.sbc2-seria-el b { font-weight: 800; font-size: 14px; }
.sbc2-seria-el span span { font-size: 12px; color: var(--sbc2-szary); }
.sbc2-seria-n { width: 28px; height: 28px; border-radius: 8px; background: var(--sbc2-ciemny); color: var(--sbc2-zloty); display: inline-flex; align-items: center; justify-content: center; font-family: var(--sbc2-cond); font-weight: 800; font-size: 16px; }
.sbc2-seria-calosc { font-size: 13px; color: #3a4558; }
.sbc2-uwaga { font-size: 13px; color: #3a4558; display: grid; grid-template-columns: 16px minmax(0, 1fr); gap: 6px; align-items: start; line-height: 1.45; }
.sbc2-uwaga svg { margin-top: 2px; }
.sbc2 .sbc2-uwaga a { color: var(--sbc2-zloty-tekst); font-weight: 800; }
.sbc2-pusto { background: #fff; border: 1px solid var(--sbc2-ramka); border-radius: 14px; padding: 36px 24px; display: flex; flex-direction: column; align-items: center; gap: 12px; text-align: center; }
.sbc2-pusto-tytul { font-family: var(--sbc2-cond); font-size: 24px; font-weight: 800; }
.sbc2-pusto p { color: var(--sbc2-szary); font-size: 15px; }
.sbc2-pusto button { background: var(--sbc2-ciemny); color: #fff; border: 0; border-radius: 10px; font-weight: 700; font-size: 15px; padding: 12px 18px; }

/* ---------- Bloki z panelu (2-sekcje) ---------- */
.sbc2-blok > section { display: flex; flex-direction: column; gap: 12px; }
.sbc2-blok details > summary { list-style: none; cursor: pointer; }
.sbc2-blok details > summary::-webkit-details-marker { display: none; }
.sbc2-jak { background: var(--sbc2-ciemny2); border-radius: 22px; padding: 28px 30px; gap: 20px !important; }
.sbc2-jak-hd { display: flex; flex-direction: column; gap: 2px; }
.sbc2-jak .sbc2-h2 { color: #fff; font-size: 34px; }
.sbc2-jak-hd p { color: #b9c2cf; font-size: 15px; }
.sbc2-jak-kroki { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.sbc2-jak-krok { background: #131d2a; border: 1px solid #24303f; border-radius: 16px; padding: 18px; display: flex; flex-direction: column; gap: 10px; }
.sbc2-jak-gora { display: flex; justify-content: space-between; align-items: center; }
.sbc2-jak-n { width: 34px; height: 34px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-family: var(--sbc2-cond); font-size: 19px; font-weight: 800; background: var(--sbc2-zloty); color: var(--sbc2-tekst); }
.sbc2-tag { border-radius: 6px; padding: 2px 8px; font-size: 11px; font-weight: 800; letter-spacing: 1px; background: rgba(245,166,35,.14); color: var(--sbc2-zloty); }
.sbc2-jak-krok--my .sbc2-jak-n { background: #3ddc84; color: var(--sbc2-ciemny2); }
.sbc2-jak-krok--my .sbc2-tag { background: rgba(61,220,132,.14); color: #3ddc84; }
.sbc2-jak-krok h3 { margin: 0; font-family: var(--sbc2-cond); font-size: 22px; font-weight: 800; color: #fff; line-height: 1.1; }
.sbc2-jak-krok p { font-size: 14px; color: #b9c2cf; line-height: 1.5; }
.sbc2-jak-krok .sbc2-jak-uwaga { background: rgba(245,166,35,.12); border: 1px solid rgba(245,166,35,.45); border-radius: 10px; padding: 8px 10px; font-size: 13px; font-weight: 700; color: #f5c46b; }
.sbc2-dwie { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 16px; align-items: start; }
.sbc2-kolumna { display: flex; flex-direction: column; gap: 16px; }
.sbc2-blok--konto { scroll-margin-top: 90px; }
.sbc2-konto { background: var(--sbc2-ciemny); border-radius: 18px; padding: 22px; gap: 10px !important; }
.sbc2-konto-hd { display: flex; justify-content: space-between; align-items: center; }
.sbc2-konto .sbc2-h2 { color: #fff; font-size: 26px; }
.sbc2-konto-licz { background: #17783f; color: #fff; border-radius: 999px; padding: 3px 10px; font-size: 13px; font-weight: 800; }
.sbc2-konto-lead { color: #b9c2cf; font-size: 14px; }
.sbc2-konto-lista { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.sbc2-konto-lista li { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: 12px; background: #1a2230; border-radius: 12px; padding: 11px 14px 11px 52px; margin: 0; }
.sbc2-konto-lista li::before { content: ''; position: absolute; left: 14px; top: 50%; margin-top: -13px; width: 26px; height: 26px; border-radius: 50%; background: #17783f url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") center / 14px no-repeat; }
.sbc2-konto-lista strong { grid-column: 1; color: #fff; font-weight: 800; font-size: 15px; }
.sbc2-konto-lista span { grid-column: 1; color: #9aa6b5; font-size: 13px; line-height: 1.4; }
.sbc2-konto-lista em { grid-column: 2; grid-row: 1 / span 2; align-self: center; font-style: normal; color: var(--sbc2-zloty); font-weight: 800; font-size: 13px; white-space: nowrap; }
.sbc2-powt { background: #fff; border: 1px solid var(--sbc2-ramka); border-radius: 18px; padding: 22px; }
.sbc2-powt .sbc2-h2, .sbc2-duze .sbc2-h2 { font-size: 26px; }
.sbc2-powt > p, .sbc2-duze > p { font-size: 14px; color: #3a4558; line-height: 1.5; }
.sbc2-powt-kafle { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.sbc2-powt-kafel { background: #f1f3f6; border-radius: 12px; padding: 10px 12px; display: flex; flex-direction: column; gap: 2px; }
.sbc2-powt-kafel strong { font-size: 12px; font-weight: 800; color: #3a4558; }
.sbc2-powt-kafel span { font-size: 14px; font-weight: 700; line-height: 1.3; }
.sbc2-powt-kafel--teraz { background: #eefaf1; } .sbc2-powt-kafel--teraz strong { color: #17783f; }
.sbc2-powt-kafel--potem { background: #fff8e6; } .sbc2-powt-kafel--potem strong { color: var(--sbc2-zloty-tekst); }
.sbc2-rozwin summary { font-size: 14px; font-weight: 800; color: var(--sbc2-zloty-tekst); padding: 4px 0; }
.sbc2-rozwin summary::after { content: ' +'; }
.sbc2-rozwin[open] summary::after { content: ' \2212'; }
.sbc2-rozwin p { margin-top: 6px; font-size: 14px; color: #3a4558; line-height: 1.5; background: #f6f7f9; border-radius: 12px; padding: 12px 14px; }
.sbc2-duze { position: relative; overflow: hidden; background: linear-gradient(160deg, #fff7e6 0%, #fff 55%); border: 1px solid #ecdcb8; border-radius: 18px; padding: 22px; gap: 16px !important; }
.sbc2-duze-hd { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; }
.sbc2-duze-plak { flex-shrink: 0; background: #eefaf1; color: #17783f; border-radius: 999px; padding: 4px 10px; font-size: 12px; font-weight: 800; }
.sbc2-transze { display: grid; grid-template-columns: auto minmax(0, 1fr) auto minmax(0, 1fr) auto; gap: 8px; align-items: start; padding: 4px 6px; }
.sbc2-transza { display: flex; flex-direction: column; align-items: center; gap: 6px; }
.sbc2-transza > span:last-child { font-size: 13px; font-weight: 800; white-space: nowrap; }
.sbc2-transza-ikona { width: 46px; height: 46px; border-radius: 14px; background: var(--sbc2-ciemny); box-shadow: 0 8px 18px rgba(17,26,36,.18); color: transparent; font-size: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cellipse cx='12' cy='17' rx='7' ry='2.6' fill='%23a36d0c'/%3E%3Cellipse cx='12' cy='13.5' rx='7' ry='2.6' fill='%23c98a12'/%3E%3Cellipse cx='12' cy='10' rx='7' ry='2.6' fill='%23e0a21f'/%3E%3Cellipse cx='12' cy='6.5' rx='7' ry='2.6' fill='%23ffd36b'/%3E%3C/svg%3E");
  background-size: 24px; background-repeat: no-repeat; background-position: center; }
.sbc2-transza--dalej .sbc2-transza-ikona { background: #f1f3f6; box-shadow: none; color: #8f9bab; font-size: 18px; font-weight: 800; display: flex; align-items: center; justify-content: center; }
.sbc2-transza--dalej > span:last-child { color: #8f9bab; }
.sbc2-transza-przerwa { position: relative; height: 46px; display: flex; align-items: center; justify-content: center; background: repeating-linear-gradient(90deg, #d4a63c 0 6px, transparent 6px 11px) center / 100% 2px no-repeat; }
.sbc2-transza-przerwa span { background: #fff3d6; color: #7a4a00; border: 1px solid #f2c46b; border-radius: 999px; padding: 2px 8px; font-size: 12px; font-weight: 800; white-space: nowrap; }
.sbc2-duze-dol { display: grid; grid-template-columns: 150px minmax(0, 1fr); gap: 10px; }
.sbc2-duze-30 { background: var(--sbc2-ciemny); color: #fff; border-radius: 14px; padding: 12px 14px; display: flex; flex-direction: column; }
.sbc2-duze-30 strong { font-family: var(--sbc2-cond); font-size: 34px; font-weight: 800; line-height: 1; color: var(--sbc2-zloty); }
.sbc2-duze-30 span { font-size: 13px; color: #c3cbd6; font-weight: 600; }
.sbc2-duze-plan { background: #fff; border: 1px solid #e6dcc6; border-radius: 14px; padding: 12px 14px; display: flex; align-items: center; font-size: 14px; color: #3a4558; line-height: 1.45; }
.sbc2-duze-plan strong { color: var(--sbc2-tekst); }
.sbc2-faq { background: #fff; border: 1px solid var(--sbc2-ramka); border-radius: 18px; overflow: hidden; gap: 0 !important; }
.sbc2-faq .sbc2-h2 { padding: 22px 24px 12px; font-size: 30px; }
.sbc2-faq details { border-top: 1px solid #edf0f4; }
.sbc2-faq summary { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 16px 24px; font-size: 17px; font-weight: 700; color: var(--sbc2-tekst); }
.sbc2-faq summary:hover { background: #fafbfc; }
.sbc2-faq summary::after { content: '+'; width: 30px; height: 30px; border-radius: 50%; background: #fff3d6; color: var(--sbc2-zloty-tekst); display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; font-weight: 800; }
.sbc2-faq details[open] summary::after { content: '\2212'; }
.sbc2-faq details p { padding: 0 24px 18px; font-size: 15px; line-height: 1.6; color: #3a4558; }
.sbc2-faq details p a { color: var(--sbc2-zloty-tekst); font-weight: 700; }

/* ---------- Opinie ---------- */
.sbc2-opinie { display: flex; flex-direction: column; gap: 14px; }
.sbc2-opinie-hd { display: flex; justify-content: space-between; align-items: flex-end; gap: 12px; }
.sbc2-opinie .sbc2-h2 { font-size: 30px; }
.sbc2-opinie-lead { font-size: 14px; color: var(--sbc2-szary); }
.sbc2 .sbc2-opinie-wszystkie { color: var(--sbc2-zloty-tekst); font-weight: 800; font-size: 15px; white-space: nowrap; }
.sbc2-opinie-lista { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.sbc2-opinia { background: #fff; border: 1px solid var(--sbc2-ramka); border-radius: 16px; padding: 18px; display: flex; flex-direction: column; gap: 12px; }
.sbc2-opinia-ocena { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 800; color: #17783f; }
.sbc2-opinia p { font-size: 16px; line-height: 1.5; overflow-wrap: anywhere; }
.sbc2-opinia-stopka { margin-top: auto; display: flex; align-items: center; gap: 10px; padding-top: 12px; border-top: 1px solid #edf0f4; }
.sbc2-opinia-stopka > span:last-child { display: flex; flex-direction: column; min-width: 0; }
.sbc2-opinia-stopka b { font-weight: 700; font-size: 13px; overflow-wrap: anywhere; }
.sbc2-opinia-stopka span span { font-size: 12px; color: var(--sbc2-szary); }
.sbc2-opinia-litera { width: 34px; height: 34px; border-radius: 50%; background: var(--sbc2-ciemny); color: var(--sbc2-zloty); display: inline-flex; align-items: center; justify-content: center; font-weight: 800; flex: none; }

/* ---------- To może Ci się przydać ---------- */
.sbc2-przyd { display: flex; flex-direction: column; gap: 12px; }
.sbc2-przyd .sbc2-h2 { font-size: 26px; }
.sbc2-przyd-lista { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.sbc2 .sbc2-przyd-el { background: #fff; border: 1px solid var(--sbc2-ramka); border-radius: 16px; padding: 18px; display: grid; grid-template-columns: 56px minmax(0, 1fr) auto; gap: 14px; align-items: center; }
.sbc2-przyd-tresc { display: flex; flex-direction: column; gap: 2px; }
.sbc2-przyd-tresc b { font-family: var(--sbc2-cond); font-size: 22px; font-weight: 800; color: var(--sbc2-tekst); }
.sbc2-przyd-tresc span { font-size: 14px; color: var(--sbc2-szary); }
.sbc2-przyd-link { font-weight: 800; color: var(--sbc2-zloty-tekst); white-space: nowrap; }
.sbc2-seo { margin-top: 8px; }

/* ---------- Animacje ---------- */
@keyframes sbc2Drift { from { transform: translateX(0) scale(1); } to { transform: translateX(-18px) scale(1.03); } }
@keyframes sbc2Karta { 0%, 56% { opacity: 0; transform: translateY(10px) scale(.92); } 66%, 90% { opacity: 1; transform: none; } 100% { opacity: 0; } }
@keyframes sbc2Puls { 0%, 100% { opacity: 1; } 50% { opacity: .35; } }
@keyframes sbc2Sklad1 { 0%, 14% { border-color: #3b2f5c; background: rgba(139,92,246,.1); } 20%, 90% { border-color: #8b5cf6; background: rgba(139,92,246,.22); } 100% { border-color: #3b2f5c; } }
@keyframes sbc2Sklad2 { 0%, 30% { border-color: #3b2f5c; background: rgba(139,92,246,.1); } 36%, 90% { border-color: #8b5cf6; background: rgba(139,92,246,.22); } 100% { border-color: #3b2f5c; } }
@keyframes sbc2Sklad3 { 0%, 46% { border-color: #3b2f5c; background: rgba(139,92,246,.1); } 52%, 90% { border-color: #8b5cf6; background: rgba(139,92,246,.22); } 100% { border-color: #3b2f5c; } }
@keyframes sbc2Ok1 { 0%, 17% { opacity: 0; transform: scale(.4); } 20%, 90% { opacity: 1; transform: scale(1); } 100% { opacity: 0; } }
@keyframes sbc2Ok2 { 0%, 33% { opacity: 0; transform: scale(.4); } 36%, 90% { opacity: 1; transform: scale(1); } 100% { opacity: 0; } }
@keyframes sbc2Ok3 { 0%, 49% { opacity: 0; transform: scale(.4); } 52%, 90% { opacity: 1; transform: scale(1); } 100% { opacity: 0; } }
@keyframes sbc2Nagroda { 0%, 54% { opacity: .18; transform: translateY(8px) scale(.94); filter: grayscale(1); } 64%, 90% { opacity: 1; transform: none; filter: none; } 100% { opacity: .18; filter: grayscale(1); } }
@keyframes sbc2Pasek { 0%, 4% { transform: scaleX(0); } 50% { transform: scaleX(.82); } 62%, 90% { transform: scaleX(1); } 100% { transform: scaleX(0); } }
@keyframes sbc2Blysk { 0% { left: -80%; } 60% { left: 140%; } 100% { left: 140%; } }
@keyframes sbc2Smuga { 0%, 55% { left: -70%; } 85%, 100% { left: 130%; } }
@media (prefers-reduced-motion: reduce) {
  .sbc2-hero-art, .sbc2-real-boisko, .sbc2-real-pasek span, .sbc2-live-kropka, .sbc2-plak--nowe::after, .sbc2-pol-duza::after { animation: none !important; }
  .sbc2-hero-karta, .sbc2-real-ok, .sbc2-real-glowa { animation: none !important; opacity: 1; transform: none; filter: none; }
}

/* ---------- Tablet ---------- */
@media (max-width: 1023px) {
  .sbc2-hero { min-height: 0; }
  .sbc2-hero-in { width: 100%; }
  .sbc2-hero::before { background: linear-gradient(90deg, #0a0612 0%, rgba(10,6,18,.92) 60%, rgba(10,6,18,.6) 100%); }
  .sbc2-pol-uklad { grid-template-columns: minmax(0, 1fr); }
  .sbc2-pol-mini { flex-direction: row; }
  .sbc2-mini { flex: 1 1 0; }
  .sbc2-jak-kroki { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sbc2-dwie { grid-template-columns: minmax(0, 1fr); }
  .sbc2-w-gl { grid-template-columns: 96px minmax(0, 1fr) auto; }
  .sbc2-w-art { width: 96px; min-height: 0; }
  .sbc2-karta--lista { width: 96px; }
  .sbc2-zestaw--lista, .sbc2-tarcza--lista { width: 96px; height: 122px; }
  .sbc2-w-cena { grid-column: 3; }
  .sbc2-w-cta, .sbc2-w-inna { grid-column: 3; }
  .sbc2-w-na { grid-column: 3; }
  .sbc2-w-panel { margin: 0 18px 14px 18px; }
}

/* ---------- Telefon ---------- */
@media (max-width: 767px) {
  .sbc2 { gap: 18px; padding-top: 0; }
  .sbc2 .sbc2-d { display: none; }
  .sbc2 .sbc2-m { display: inline; }
  .sbc2-h2 { font-size: 26px; }
  .sbc2-hero { display: block; padding: 0 16px 16px; border-radius: 20px; }
  .sbc2-hero::before { display: none; }
  .sbc2-hero-art { position: relative; top: auto; bottom: auto; right: auto; height: 250px; aspect-ratio: auto; margin: 0 -16px -58px; overflow: hidden; animation: none; }
  .sbc2-hero-art::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(10,6,18,0) 62%, #0a0612 97%); }
  .sbc2-hero-art-in { inset: auto; top: -6px; left: calc(50% - 604px); width: 800px; height: 449px; }
  .sbc2-hero-cien { border-radius: 9px; filter: blur(3px); }
  .sbc2-hero-sylwetka { filter: brightness(.05) saturate(0) drop-shadow(0 0 1px rgba(196,181,253,.9)) drop-shadow(0 0 8px rgba(139,92,246,.55)); }
  .sbc2-hero-karta { filter: drop-shadow(0 0 10px rgba(245,166,35,.6)); }
  .sbc2-hero-in { gap: 14px; }
  .sbc2-live { font-size: 12px; letter-spacing: 1px; gap: 7px; }
  .sbc2-gora { gap: 14px; }
  .sbc2-gora h1, .sbc2-h1 { font-size: 34px; line-height: 1; }
  .sbc2-gora h1 br, .sbc2-h1 br { display: none; }
  .sbc2-gora p, .sbc2-lead { font-size: 15px; line-height: 1.45; color: #c3cbd6; }
  .sbc2-kafle { gap: 6px; text-align: center; }
  .sbc2-kafel { background: #1a1430; border: 0; border-radius: 10px; padding: 8px 4px; }
  .sbc2-kafel strong { font-size: 21px; }
  .sbc2-kafel span { font-size: 11px; color: #9aa6b5; }
  .sbc2-real { flex-direction: row; align-items: center; gap: 8px; border-radius: 12px; padding: 10px 12px; }
  .sbc2-real-hd, .sbc2-real-pasek, .sbc2-real-strzalka, .sbc2-real-boisko i, .sbc2-real-ok, .sbc2-real-nagroda > .sbc2-real-nazwa { display: none; }
  .sbc2-real-my { display: block; color: #8f9bab; font-size: 11px; font-weight: 800; letter-spacing: .8px; line-height: 1.2; width: 70px; flex: none; }
  .sbc2-real-rzad { display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0; }
  .sbc2-real-sklad { flex-direction: row; }
  .sbc2-real-boisko { display: none; }
  .sbc2-real-sklad .sbc2-real-nazwa { height: 28px; padding: 0 8px; border-radius: 8px; display: inline-flex; align-items: center; color: #fff; font-size: 12px; animation: sbc2Kropka1 6s ease-in-out infinite; white-space: nowrap; }
  .sbc2-real-sklad--2 .sbc2-real-nazwa { animation-name: sbc2Kropka2; }
  .sbc2-real-sklad--3 .sbc2-real-nazwa { animation-name: sbc2Kropka3; }
  .sbc2-real-nagroda { margin-left: auto; }
  .sbc2-real-glowa { width: 40px; height: 40px; border-radius: 8px; }
  .sbc2-plat-tytul { font-size: 11px; letter-spacing: 1.1px; margin-bottom: -6px; }
  .sbc2-plat-btny { gap: 8px; }
  .sbc2-plat-btn { height: 56px; padding: 0 12px; border-radius: 12px; background: #1a1430; }
  .sbc2-plat-btn svg { display: none; }
  .sbc2-plat-txt b { font-size: 15px; }
  .sbc2-plat-txt span { font-size: 11px; }
  .sbc2-plat-sub-d { display: none; }
  .sbc2-plat-sub-m { display: inline; }
  .sbc2-plat-dopisek { font-size: 12px; line-height: 1.4; margin-top: -4px; }

  .sbc2-pol { gap: 10px; }
  .sbc2-pol-hd { display: block; }
  .sbc2-pol-lead, .sbc2-pol-wszystkie { display: none; }
  .sbc2-pol-duza { border-radius: 18px; padding: 14px; grid-template-columns: 112px minmax(0, 1fr); gap: 12px; }
  .sbc2-pol-art { width: 112px; height: 146px; border-radius: 14px; }
  .sbc2-karta--duza { width: 104px; }
  .sbc2-zestaw--duza, .sbc2-tarcza--duza { width: 112px; height: 146px; }
  .sbc2-pol-tresc { gap: 6px; }
  .sbc2-pol-plak .sbc2-plak--ciemna { display: none; }
  .sbc2-pol-nazwa b { font-size: 27px; }
  .sbc2-pol-nazwa span { font-size: 13px; font-weight: 400; }
  .sbc2-pol-info { display: none; }
  .sbc2-pol-kup { justify-content: space-between; gap: 8px; flex-wrap: nowrap; }
  .sbc2-pol-cena b { font-size: 25px; }
  .sbc2-pol-cena span { font-size: 11px; }
  .sbc2 .sbc2-go { height: 40px; padding: 0 14px; border-radius: 10px; font-size: 14px; }
  .sbc2 .sbc2-go svg { display: none; }
  .sbc2-pol-mini { flex-direction: row; overflow-x: auto; gap: 10px; scrollbar-width: none; margin: 0 -2px; }
  .sbc2-pol-mini::-webkit-scrollbar { display: none; }
  .sbc2-mini { flex: 0 0 250px; border-radius: 14px; padding: 12px; grid-template-columns: 58px minmax(0, 1fr); gap: 10px; }
  .sbc2-mini-art { width: 58px; height: 76px; }
  .sbc2-karta--mini { width: 54px; }
  .sbc2-zestaw--mini, .sbc2-tarcza--mini { width: 58px; height: 76px; }
  .sbc2-mini-plak-d { display: none; }
  .sbc2-mini-plak-m { display: block; font-size: 10px; font-weight: 800; color: #7a4a00; }
  .sbc2-mini-nazwa { font-size: 20px; }
  .sbc2-mini-pod { display: none; }
  .sbc2-mini-kup { display: none; }

  .sbc2-lista { gap: 10px; }
  .sbc2-lista-hd { flex-wrap: nowrap; align-items: center; }
  .sbc2-lista-hd-l { flex: 1; }
  .sbc2-lista-tytul { justify-content: space-between; }
  .sbc2-licz { background: none; color: var(--sbc2-szary); font-size: 16px; padding: 0; margin-left: -6px; margin-right: auto; }
  .sbc2-lista-plat-m { display: inline-block; background: var(--sbc2-ciemny); color: #fff; border-radius: 8px; padding: 4px 9px; font-size: 12px; font-weight: 800; }
  .sbc2-lista-lead, .sbc2-seg { display: none; }
  .sbc2-filtry { display: flex; flex-direction: column; flex-wrap: nowrap; align-items: stretch; gap: 8px; }
  .sbc2-chipy { flex-wrap: nowrap; overflow-x: auto; gap: 6px; scrollbar-width: none; }
  .sbc2-chipy::-webkit-scrollbar { display: none; }
  .sbc2-chip { flex-shrink: 0; height: 40px; padding: 0 13px; font-size: 14px; }
  .sbc2-chip-licz { display: none; }
  .sbc2-narzedzia { gap: 8px; flex-wrap: nowrap; }
  .sbc2-szukaj { flex: 1; min-width: 0; }
  .sbc2-sort span { display: none; }
  .sbc2-sort select { max-width: 150px; }
  .sbc2-w-kropka { display: none; }
  .sbc2-sekcje { gap: 12px; }
  .sbc2-sekcja { gap: 6px; }
  .sbc2-sekcja-hd h3 { font-size: 21px; margin-top: 6px; }
  .sbc2-sekcja-opis { display: none; }
  .sbc2-w-gl { grid-template-columns: 88px minmax(0, 1fr); gap: 0 12px; padding: 12px; align-items: start; }
  .sbc2-w-art { width: 88px; grid-row: span 3; }
  .sbc2-karta--lista { width: 84px; }
  .sbc2-zestaw--lista, .sbc2-tarcza--lista { width: 88px; height: 114px; border-radius: 12px; }
  .sbc2-w-plak { gap: 4px; }
  .sbc2-w-ea { font-size: 10px; letter-spacing: 1px; }
  .sbc2-plak { font-size: 9px; padding: 1px 5px; border-radius: 4px; }
  .sbc2 .sbc2-w-tytul { font-size: 21px; }
  .sbc2-w-podpis { font-size: 13px; }
  .sbc2-czas { font-size: 11px; padding: 2px 6px; border-radius: 5px; }
  .sbc2-czas svg { display: none; }
  .sbc2-w-sklady { font-size: 12px; }
  .sbc2-w-cena { grid-column: 2; align-items: flex-start; margin-top: 8px; }
  .sbc2-w-cena b { font-size: 24px; }
  .sbc2-w-cena span { font-size: 11px; }
  .sbc2 .sbc2-w-cta { grid-column: 2; justify-self: end; margin-top: -40px; height: 40px; padding: 0 16px; font-size: 14px; }
  .sbc2 .sbc2-w-cta svg { display: none; }
  .sbc2-w-na { grid-column: 2; align-items: flex-start; text-align: left; margin-top: 6px; }
  .sbc2-w-na b { font-size: 13px; }
  .sbc2-w-inna { grid-column: 2; justify-self: start; margin-top: 8px; padding: 8px 12px; font-size: 13px; }
  .sbc2-w-panel { margin: 0 12px 12px; flex-direction: column; }
  .sbc2-w-panel-karta { display: none; }
  .sbc2-fakty { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 12px; }
  .sbc2-seria-lista { grid-template-columns: minmax(0, 1fr); }

  .sbc2-jak { border-radius: 18px; padding: 16px; gap: 10px !important; }
  .sbc2-jak .sbc2-h2 { font-size: 26px; }
  .sbc2-jak-hd p { font-size: 13px; }
  .sbc2-jak-kroki { grid-template-columns: minmax(0, 1fr); gap: 10px; }
  .sbc2-jak-krok { flex-direction: column; border-radius: 12px; padding: 10px 12px; gap: 4px; position: relative; padding-left: 52px; }
  .sbc2-jak-gora { position: absolute; left: 12px; top: 10px; }
  .sbc2-jak-n { width: 28px; height: 28px; font-size: 14px; }
  .sbc2-jak-gora .sbc2-tag { display: none; }
  .sbc2-jak-krok h3 { font-family: Barlow, sans-serif; font-size: 15px; }
  .sbc2-jak-krok p { font-size: 13px; line-height: 1.4; }
  .sbc2-konto { border-radius: 16px; padding: 16px; gap: 8px !important; }
  .sbc2-konto .sbc2-h2 { font-size: 24px; }
  .sbc2-konto-lead { display: none; }
  .sbc2-konto-lista li { padding: 10px 12px; }
  .sbc2-konto-lista li::before { display: none; }
  .sbc2-konto-lista strong { font-size: 14px; }
  .sbc2-konto-lista span { font-size: 12px; line-height: 1.35; }
  .sbc2-konto-lista em { font-size: 12px; }
  .sbc2-powt, .sbc2-duze { border-radius: 16px; padding: 16px; gap: 8px !important; }
  .sbc2-powt .sbc2-h2, .sbc2-duze .sbc2-h2 { font-size: 22px; }
  .sbc2-powt-kafle { grid-template-columns: minmax(0, 1fr); gap: 6px; }
  .sbc2-powt-kafel { flex-direction: row; gap: 6px; border-radius: 10px; padding: 8px 10px; }
  .sbc2-powt-kafel strong, .sbc2-powt-kafel span { font-size: 13px; }
  .sbc2-duze-hd { display: block; }
  .sbc2-duze-plak { display: none; }
  .sbc2-transza-ikona { width: 38px; height: 38px; border-radius: 12px; background-size: 20px; }
  .sbc2-transza > span:last-child { font-size: 11px; }
  .sbc2-transza-przerwa { height: 38px; }
  .sbc2-transza-przerwa span { font-size: 11px; padding: 1px 6px; }
  .sbc2-duze-dol { grid-template-columns: minmax(0, 1fr); }
  .sbc2-duze-30 { flex-direction: row; align-items: center; gap: 10px; border-radius: 12px; padding: 10px 12px; }
  .sbc2-duze-30 strong { font-size: 28px; }
  .sbc2-duze-plan { display: none; }
  .sbc2-faq { border-radius: 16px; }
  .sbc2-faq .sbc2-h2 { padding: 16px 16px 8px; font-size: 24px; }
  .sbc2-faq summary { padding: 14px 16px; min-height: 48px; font-size: 15px; }
  .sbc2-faq summary::after { background: none; width: auto; height: auto; font-size: 18px; }
  .sbc2-faq details p { padding: 0 16px 14px; font-size: 14px; line-height: 1.55; }
  .sbc2-opinie-hd { display: block; }
  .sbc2-opinie .sbc2-h2 { font-size: 24px; }
  .sbc2-opinie-lead, .sbc2-opinie-wszystkie { display: none; }
  .sbc2-opinie-lista { display: flex; overflow-x: auto; gap: 10px; scrollbar-width: none; }
  .sbc2-opinie-lista::-webkit-scrollbar { display: none; }
  .sbc2-opinia { flex: 0 0 280px; border-radius: 14px; padding: 14px; gap: 8px; }
  .sbc2-opinia p { font-size: 15px; line-height: 1.45; }
  .sbc2-przyd { gap: 8px; }
  .sbc2-przyd .sbc2-h2 { font-size: 22px; }
  .sbc2-przyd-lista { grid-template-columns: minmax(0, 1fr); gap: 8px; }
  .sbc2 .sbc2-przyd-el { border-radius: 14px; padding: 12px 14px; grid-template-columns: minmax(0, 1fr) auto; }
  .sbc2-przyd-ikona, .sbc2-przyd-tresc span { display: none; }
  .sbc2-przyd-tresc b { font-family: Barlow, sans-serif; font-size: 15px; }
  .sbc2-przyd-link { font-size: 0; }
  .sbc2-przyd-link::after { content: '\2192'; font-size: 16px; }
}
@keyframes sbc2Kropka1 { 0%, 10% { background: #2a2140; } 18%, 90% { background: #7c3aed; } 100% { background: #2a2140; } }
@keyframes sbc2Kropka2 { 0%, 26% { background: #2a2140; } 34%, 90% { background: #7c3aed; } 100% { background: #2a2140; } }
@keyframes sbc2Kropka3 { 0%, 42% { background: #2a2140; } 50%, 90% { background: #7c3aed; } 100% { background: #2a2140; } }