/* ==========================================================================
   Widoki v2 (resources/views/widoki-v2). Paczka widoki-v2: Konta WebApp, Doradztwo FC 27, Snajpienie kart, CD-Keye.
   Wszystko pod .wv2 albo z prefiksem wv2-. Mobile-first: baza = telefon, od 768 px desktop.
   Tokeny jak fcpoints-v2 / sbc-skup-v2. Animacje wyłączone przy prefers-reduced-motion.
   ========================================================================== */
.wv2 {
  --w-ciemny: #111a24; --w-ciemny2: #0b121b; --w-hero: #04080d;
  --w-zloty: #f5a623; --w-zloty-jasny: #f5c66b; --w-zloty-tekst: #9a5b00;
  --w-zielony: #17783f; --w-zielony-jasny: #3ddc84;
  --w-szary: #5b6472; --w-szary2: #3a4558; --w-tekst: #111a24; --w-ramka: #dfe3e9; --w-tlo: #f6f7f9;
  --w-cond: 'Barlow Condensed', 'Arial Narrow', Arial, sans-serif;
  max-width: 1110px; margin: 0 auto; padding: 4px 0 24px;
  display: flex; flex-direction: column; gap: 14px;
  font-family: Barlow, 'Helvetica Neue', Arial, sans-serif; color: var(--w-tekst); text-align: left;
  font-size: 15px; line-height: 1.5;
}
.wv2 *, .wv2 *::before, .wv2 *::after { box-sizing: border-box; }
.wv2 a { color: var(--w-zloty-tekst); text-decoration: none; }
.wv2 a:hover { color: #6e4100; }
.wv2 button { font-family: inherit; cursor: pointer; }
.wv2 h1, .wv2 h2, .wv2 h3 { text-transform: none; letter-spacing: 0; text-align: left; }
.wv2 p { margin: 0; }
.wv2 ul, .wv2 ol { margin: 0; padding: 0; list-style: none; }
.wv2 dl, .wv2 dd { margin: 0; }
.wv2 [hidden] { display: none !important; }
.wv2 button:focus-visible, .wv2 a:focus-visible, .wv2 summary:focus-visible, .wv2 input:focus-visible, .wv2 textarea:focus-visible, .wv2 select:focus-visible { outline: 3px solid var(--w-zloty); outline-offset: 2px; }
.wv2-blok:empty { display: none; }
.wv2 details > summary { list-style: none; cursor: pointer; }
.wv2 details > summary::-webkit-details-marker { display: none; }
.wv2-h2 { margin: 0; font-family: var(--w-cond); font-size: 26px; font-weight: 800; line-height: 1.05; color: var(--w-tekst); }
.wv2-h3 { margin: 0; font-family: var(--w-cond); font-size: 22px; font-weight: 800; line-height: 1.1; color: var(--w-tekst); }
.wv2-pod { font-size: 14px; color: var(--w-szary); }
.wv2-ok { color: var(--w-zielony) !important; }
.wv2-zloty { color: var(--w-zloty); }
.wv2-zloty-tekst { color: var(--w-zloty-tekst) !important; }

/* ---------- Nagłówek: okruszki i H1 (nazwa kategorii) ---------- */
.wv2-naglowek { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 6px; font-size: 12px; font-weight: 700; letter-spacing: .6px; color: var(--w-szary); text-transform: uppercase; }
.wv2-okruszki { display: inline-flex; flex-wrap: wrap; gap: 4px 6px; align-items: baseline; }
.wv2-okruszki a { color: var(--w-szary); }
.wv2-okruszki span { color: #9aa3af; }
.wv2 .wv2-h1 { margin: 0; padding: 0; font-family: Barlow, Arial, sans-serif; font-size: 12px; font-weight: 800; line-height: 1.4; letter-spacing: .6px; color: var(--w-szary2); text-transform: uppercase; }

/* ---------- Hero ---------- */
.wv2-hero { position: relative; overflow: hidden; background: var(--w-hero); border-radius: 20px; display: flex; flex-direction: column; color: #fff; }
.wv2-hero-tlo { position: relative; height: 150px; background-color: var(--w-hero); background-size: cover; background-position: 75% 50%; background-repeat: no-repeat; }
.wv2-hero-tlo::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(4,8,13,.05) 30%, rgba(4,8,13,1) 100%); }
.wv2-hero-cien { display: none; }
.wv2-hero-tekst { position: relative; z-index: 2; padding: 4px 18px 20px; display: flex; flex-direction: column; gap: 12px; }
.wv2-hero-anim { position: absolute; top: 0; left: 0; right: 0; height: 150px; z-index: 1; pointer-events: none; }
.wv2-hero-tag { align-self: flex-start; display: inline-flex; align-items: center; gap: 8px; border: 1px solid #5a4a20; background: rgba(245,166,35,.12); color: var(--w-zloty-jasny); border-radius: 999px; padding: 5px 11px; font-size: 11px; font-weight: 800; letter-spacing: .9px; text-transform: uppercase; }
.wv2-hero-tag--zielony { border-color: #2c5a33; background: rgba(23,120,63,.18); color: #8ee6a8; }
.wv2-hero-tytul { margin: 0; font-family: var(--w-cond); font-size: clamp(32px, 9vw, 48px); font-weight: 800; line-height: 1; color: #fff; }
.wv2-hero-tytul span, .wv2-hero-tytul strong { color: var(--w-zloty); }
.wv2-hero-opis { color: #c3cbd6; font-size: 15px; line-height: 1.55; max-width: 520px; }
.wv2-chipy { display: flex; gap: 8px; flex-wrap: wrap; }
.wv2-chip { display: inline-flex; align-items: center; gap: 8px; background: rgba(18,28,40,.85); border: 1px solid #253244; border-radius: 10px; padding: 7px 11px; color: #e3e8ee; font-size: 13px; font-weight: 700; }
.wv2-chip::before { content: ""; width: 16px; height: 16px; flex: 0 0 16px; background: no-repeat center/16px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233ddc84' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E"); }
.wv2-hero-cta { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 4px; }
.wv2-hero-platformy { display: flex; gap: 8px; flex-wrap: wrap; }
.wv2-hero-plat { display: inline-flex; white-space: nowrap; align-items: center; gap: 10px; min-height: 44px; color: #fff !important; background: rgba(18,28,40,.85); border: 1px solid #253244; border-radius: 12px; padding: 7px 12px; }
.wv2-hero-plat > span:last-child { display: flex; flex-direction: column; line-height: 1.15; }
.wv2-hero-plat strong { font-size: 14px; font-weight: 800; }
.wv2-hero-plat small { font-size: 11px; font-weight: 700; color: #9aa6b5; }
.wv2-hero-plat .wv2-kropka { background: #5b6472; }
.wv2-hero-plat--ok { border-color: #2c5a33; }
.wv2-hero-plat--ok .wv2-kropka { background: var(--w-zielony-jasny); }
.wv2-kropka { width: 10px; height: 10px; flex: 0 0 10px; border-radius: 50%; display: inline-block; }

/* ---------- Przyciski ---------- */
.wv2-przycisk { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 46px; padding: 0 18px; border-radius: 12px; border: 0; font-family: Barlow, Arial, sans-serif; font-size: 16px; font-weight: 800; line-height: 1.1; text-align: center; cursor: pointer; transition: background .15s ease, transform .15s ease; text-decoration: none; }
.wv2-przycisk:hover { transform: translateY(-1px); }
.wv2-przycisk--zloty { background: var(--w-zloty); color: var(--w-tekst) !important; }
.wv2-przycisk--zloty:hover { background: #ffb93d; }
.wv2-przycisk--ciemny { background: var(--w-tekst); color: #fff !important; }
.wv2-przycisk--obrys { background: #fff; color: var(--w-tekst) !important; border: 1px solid #c9d0d9; }
.wv2-przycisk--obrys-zloty { background: transparent; color: var(--w-zloty) !important; border: 1px solid var(--w-zloty); }
.wv2-przycisk--jasny-obrys { background: transparent; color: #fff !important; border: 1px solid #2f3b4f; }
.wv2-przycisk--pelny { width: 100%; }
.wv2-przycisk--duzy { min-height: 52px; font-size: 17px; border-radius: 14px; }
.wv2-przycisk--maly { min-height: 44px; padding: 0 12px; font-size: 14px; }
.wv2-przycisk svg { flex: 0 0 auto; }
.wv2-link { background: none; border: 0; padding: 0; color: var(--w-zloty-tekst); font-weight: 800; text-decoration: underline; cursor: pointer; font-size: inherit; text-align: left; }

/* ---------- Sekcje ---------- */
.wv2-karta-sekcji { background: #fff; border: 1px solid var(--w-ramka); border-radius: 18px; box-shadow: 0 10px 30px rgba(17,26,36,.06); padding: 16px; display: flex; flex-direction: column; gap: 14px; }
.wv2-sekcja-gora { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; gap: 10px; }
.wv2-sekcja-gora > div:not(.wv2-segment) { display: flex; flex-direction: column; gap: 4px; }
.wv2-dwie { display: flex; flex-wrap: wrap; gap: 14px; }
.wv2-dwie > * { flex: 1 1 330px; min-width: 0; }
.wv2-ciemna-sekcja { background: var(--w-ciemny2); color: #fff; border-radius: 18px; position: relative; overflow: hidden; }
.wv2-podsumowanie { font-size: 13px; font-weight: 700; color: var(--w-szary2); }

/* treść z panelu: wspólne klasy bloków desc-*-v2-tresci */
.wv2-tresc { background: #fff; border: 1px solid var(--w-ramka); border-radius: 18px; padding: 18px; display: flex; flex-direction: column; gap: 12px; height: 100%; }
.wv2-tresc--ciemna { background: var(--w-ciemny2); color: #fff; border: 0; }
.wv2-tresc--zielona { background: #f3fbf6; border-color: #cdebd8; }
.wv2-tresc h2, .wv2-tresc .wv2-tresc-h2 { margin: 0; font-family: var(--w-cond); font-size: 24px; font-weight: 800; line-height: 1.05; color: inherit; }
.wv2-tresc-napis { font-size: 12px; font-weight: 800; letter-spacing: 1.3px; color: #8f9bab; text-transform: uppercase; }
.wv2-tresc--ciemna .wv2-tresc-napis { color: var(--w-zloty-jasny); }
.wv2-tresc p { font-size: 14px; line-height: 1.55; color: var(--w-szary2); }
.wv2-tresc--ciemna p { color: #c3cbd6; }
.wv2-tresc-drobny { font-size: 13px !important; color: #9aa6b5 !important; }
.wv2-lista-ok { display: flex; flex-direction: column; gap: 10px; }
.wv2-lista-ok li { position: relative; padding-left: 34px; font-size: 14px; line-height: 1.5; min-height: 24px; }
.wv2-lista-ok li::before { content: "✓"; position: absolute; left: 0; top: 0; width: 24px; height: 24px; border-radius: 50%; background: var(--w-zielony); color: #fff; font-size: 13px; font-weight: 800; display: flex; align-items: center; justify-content: center; }
.wv2-lista-ok li strong { display: block; font-size: 15px; }
.wv2-lista-ok li.wv2-uwaga-pkt::before { content: "!"; background: var(--w-zloty); color: var(--w-tekst); }
.wv2-znak { display: inline-block; border-radius: 8px; padding: 3px 8px; font-size: 11px; font-weight: 800; letter-spacing: .6px; background: #e8f6ed; color: var(--w-zielony); margin-left: 6px; vertical-align: 1px; }
.wv2-znak--zloty { background: #fff3dc; color: var(--w-zloty-tekst); }
.wv2 .wv2-os { display: flex; flex-direction: column; gap: 16px; border-left: 2px dashed #e1e5eb; margin-left: 13px; padding-left: 22px; counter-reset: wv2os; }
.wv2-os li { position: relative; font-size: 14px; color: var(--w-szary); line-height: 1.5; counter-increment: wv2os; }
.wv2-os li::before { content: counter(wv2os); position: absolute; left: -37px; top: 0; width: 28px; height: 28px; border-radius: 50%; background: var(--w-zloty); color: var(--w-tekst); display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: 14px; }
.wv2-os li:last-child::before { background: var(--w-zielony-jasny); color: var(--w-ciemny2); }
.wv2-os li strong { display: block; font-size: 16px; color: var(--w-tekst); }
.wv2-kroki { display: grid; grid-template-columns: 1fr; gap: 10px; counter-reset: wv2kr; }
.wv2-kroki li { background: var(--w-tlo); border-radius: 14px; padding: 14px; display: flex; flex-direction: column; gap: 6px; font-size: 14px; color: var(--w-szary2); line-height: 1.5; counter-increment: wv2kr; }
.wv2-kroki li::before { content: counter(wv2kr); width: 32px; height: 32px; border-radius: 50%; background: var(--w-tekst); color: var(--w-zloty); display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: 15px; }
.wv2-kroki li:last-child::before { background: var(--w-zielony-jasny); color: var(--w-ciemny2); }
.wv2-kroki li strong { font-size: 16px; color: var(--w-tekst); }
.wv2-kroki li em { font-style: normal; font-size: 13px; color: var(--w-zloty-tekst); font-weight: 700; }
.wv2-kroki li.wv2-krok-wyrozniony { background: #fff8e6; border: 1px solid #f5d9a0; }
.wv2-faq details { border-top: 1px solid #edf0f4; }
.wv2-faq summary { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 13px 0; font-size: 15px; font-weight: 800; color: var(--w-tekst); min-height: 44px; }
.wv2-faq summary::after { content: "+"; flex: 0 0 28px; width: 28px; height: 28px; border-radius: 50%; background: #f1f3f6; color: var(--w-tekst); display: flex; align-items: center; justify-content: center; font-size: 18px; font-weight: 800; transition: transform .2s ease; }
.wv2-faq details[open] summary::after { background: var(--w-tekst); color: var(--w-zloty); transform: rotate(45deg); }
.wv2-faq details p { margin: 0 0 14px; font-size: 14px; color: var(--w-szary2); line-height: 1.6; }
.wv2-kafle { display: flex; flex-wrap: wrap; gap: 14px; }
.wv2-kafel { flex: 1 1 300px; min-width: 0; display: flex; flex-direction: column; gap: 6px; border-radius: 18px; padding: 18px 20px; background: #fff; border: 1px solid var(--w-ramka); color: var(--w-tekst) !important; transition: transform .2s cubic-bezier(.2,.8,.2,1); }
.wv2-kafel:hover { transform: translateY(-3px); }
.wv2-kafel--zloty { background: linear-gradient(150deg, #3a2a08 0%, #1a1408 45%, #0d1118 100%); border: 2px solid var(--w-zloty); color: #fff !important; }
.wv2-kafel--ciemny { background: var(--w-ciemny2); border: 2px solid var(--w-zloty); color: #fff !important; }
.wv2-kafel-napis { font-size: 11px; font-weight: 800; letter-spacing: 1.3px; color: var(--w-szary); text-transform: uppercase; }
.wv2-kafel--zloty .wv2-kafel-napis, .wv2-kafel--ciemny .wv2-kafel-napis { color: var(--w-zloty-jasny); }
.wv2-kafel-tytul { font-family: var(--w-cond); font-size: 24px; font-weight: 800; line-height: 1.05; }
.wv2-kafel-opis { font-size: 14px; line-height: 1.5; color: var(--w-szary2); }
.wv2-kafel--zloty .wv2-kafel-opis, .wv2-kafel--ciemny .wv2-kafel-opis { color: #d7dde6; }
.wv2-kafel-link { margin-top: auto; font-size: 14px; font-weight: 800; color: var(--w-zloty-tekst); }
.wv2-kafel--zloty .wv2-kafel-link, .wv2-kafel--ciemny .wv2-kafel-link { color: var(--w-zloty); }
.wv2-moneta { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; background: radial-gradient(circle at 35% 30%, #ffe08a, #f5a623 55%, #b8720a); box-shadow: 0 0 16px rgba(245,166,35,.5); color: #4a2c00; font-family: var(--w-cond); font-weight: 800; font-size: 17px; }
.wv2-pasek-info { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px 16px; font-size: 13px; font-weight: 600; color: var(--w-szary2); border-top: 1px solid #edf0f4; padding-top: 12px; }
.wv2-pasek-info .wv2-pasek-ok::before { content: "✓ "; color: var(--w-zielony); font-weight: 800; }

/* ---------- Konta WebApp ---------- */
.wv2-k-rynek { position: absolute; right: 14px; top: 14px; width: 150px; border-radius: 16px; background: rgba(11,18,27,.88); border: 1px solid #2a3a4f; box-shadow: 0 20px 40px rgba(0,0,0,.5); padding: 10px; display: flex; flex-direction: column; gap: 6px; }
.wv2-k-rynek-gora { display: flex; justify-content: space-between; align-items: center; font-family: var(--w-cond); font-size: 12px; font-weight: 800; color: #fff; letter-spacing: .4px; }
.wv2-k-rynek .wv2-k-wiersz, .wv2-k-rynek .wv2-k-kupiono { display: none; }
.wv2-k-rynek { width: auto; }
.wv2-k-ok { align-self: flex-start; background: #17a557; color: #fff; border-radius: 6px; padding: 2px 7px; font-size: 9px; font-weight: 800; letter-spacing: 1px; }
.wv2-k-wiersz { display: flex; align-items: center; gap: 6px; padding: 4px; border-radius: 8px; background: #111a26; }
.wv2-k-wiersz--hit { background: rgba(245,166,35,.14); box-shadow: inset 0 0 0 1px rgba(245,166,35,.55); }
.wv2-k-karta { width: 16px; height: 22px; border-radius: 3px; flex: 0 0 16px; }
.wv2-k-linie { flex: 1; display: flex; flex-direction: column; gap: 3px; }
.wv2-k-linie span { height: 5px; border-radius: 3px; background: #2a3a4f; }
.wv2-k-linie span + span { width: 55%; background: #1f2c3c; }
.wv2-k-cena { font-family: var(--w-cond); font-size: 12px; font-weight: 800; color: var(--w-zloty-jasny); }
.wv2-k-kupiono { margin-top: 2px; border-radius: 7px; background: var(--w-zloty); color: var(--w-tekst); font-size: 9px; font-weight: 800; letter-spacing: .5px; text-align: center; padding: 5px 4px; }
.wv2-zakladki { display: flex; gap: 8px; overflow-x: auto; margin: 0 -16px; padding: 0 16px 4px; scrollbar-width: none; }
.wv2-zakladki::-webkit-scrollbar { display: none; }
.wv2-zakladka { flex: 0 0 auto; display: flex; align-items: center; gap: 10px; min-height: 52px; padding: 7px 12px; border-radius: 12px; background: var(--w-tlo); border: 2px solid transparent; color: var(--w-tekst) !important; transition: background .15s ease, border-color .15s ease; }
.wv2-zakladka[aria-selected="true"] { background: #fff8e6; border-color: var(--w-zloty); box-shadow: 0 6px 16px rgba(245,166,35,.18); }
.wv2-zakladka-tekst { display: flex; flex-direction: column; line-height: 1.2; }
.wv2-zakladka-tekst strong { font-size: 15px; font-weight: 800; }
.wv2-zakladka-tekst small { font-size: 11px; font-weight: 700; color: var(--w-szary); }
.wv2-zakladka--wszystkie .wv2-kropka { background: var(--w-tekst); }
.wv2-zakladka--ps .wv2-kropka { background: #2f6df0; }
.wv2-zakladka--xbox .wv2-kropka { background: #27b04c; }
.wv2-zakladka--pc .wv2-kropka { background: #c47f0d; }
.wv2-oferta-srodek { display: flex; flex-direction: column; gap: 14px; }
.wv2-konta-siatka { display: grid; grid-template-columns: 1fr; gap: 14px; }
.wv2[data-plat="ps"] .wv2-konto:not([data-plat="ps"]), .wv2[data-plat="xbox"] .wv2-konto:not([data-plat="xbox"]), .wv2[data-plat="pc"] .wv2-konto:not([data-plat="pc"]) { display: none; }
.wv2:not([data-plat="wszystkie"]) [data-tylko-wszystkie] { display: none; }
.wv2-pusto { display: none; }
.wv2[data-plat="wszystkie"] .wv2-pusto[data-pusto="wszystkie"], .wv2[data-plat="ps"] .wv2-pusto[data-pusto="ps"], .wv2[data-plat="xbox"] .wv2-pusto[data-pusto="xbox"], .wv2[data-plat="pc"] .wv2-pusto[data-pusto="pc"] { display: flex; }
.wv2-status { display: inline-flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 800; color: var(--w-szary); }
.wv2-status-kropka { width: 9px; height: 9px; border-radius: 50%; background: #9aa3af; flex: 0 0 9px; }
.wv2-status--ok { color: var(--w-zielony); }
.wv2-status--ok .wv2-status-kropka { background: var(--w-zielony-jasny); }
.wv2-status--res { color: var(--w-zloty-tekst); }
.wv2-status--res .wv2-status-kropka { background: var(--w-zloty); }
.wv2-cena-wiersz { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; }
.wv2-cena { font-family: var(--w-cond); font-size: 30px; font-weight: 800; line-height: 1; color: var(--w-tekst); }
.wv2-scp { font-size: 13px; font-weight: 800; color: var(--w-szary); }
.wv2-form-koszyk { margin: 0; }
/* ---------- Konta WebApp: karta konta (poprawki 1) ----------
   Znak poziomu: tło z serwera obrazków (--wv2-ptlo) na ciemnym gradiencie z poświatą w kolorze poziomu (--wv2-prgb);
   bez wpisu w widoki_v2_konta_poziomy albo gdy zdjęcie się nie wczyta - sam gradient. Napis metalicznym gradientem (--wv2-p1..p3).
   Dół karty: tytuł na 2 linie, 4 pola tej samej wysokości, stan z paskiem, cena, przycisk na dole - w rzędzie wszystko na jednej wysokości. */
.wv2 .wv2-konto { margin: 0; padding: 0; clear: none; }
.wv2-konto { display: flex; flex-direction: column; min-width: 0; background: #fff; border: 1px solid var(--w-ramka); border-radius: 16px; overflow: hidden; box-shadow: 0 8px 22px rgba(17,26,36,.06); transition: transform .2s cubic-bezier(.2,.8,.2,1), box-shadow .2s ease; animation: wv2Pop .32s cubic-bezier(.2,.9,.3,1.2); }
.wv2-konto:hover { transform: translateY(-4px); box-shadow: 0 18px 36px rgba(17,26,36,.14); }
.wv2-konto--out, .wv2-konto--res { opacity: .86; }
.wv2-poziom { --wv2-p1: #5f6b7a; --wv2-p2: #c3ccd7; --wv2-p3: #f4f7fa; --wv2-prgb: 150,165,185; --wv2-ptlo: none; --wv2-pi: 0;
  position: relative; overflow: hidden; display: flex; flex-direction: column; height: 128px; padding: 12px 14px 10px; border-bottom: 1px solid rgba(var(--wv2-prgb), .35);
  background: radial-gradient(120% 85% at 50% -10%, rgba(var(--wv2-prgb), .20), transparent 62%), linear-gradient(180deg, #141c27 0%, #0a0f15 100%); }
.wv2-konto--out .wv2-poziom, .wv2-konto--res .wv2-poziom { filter: grayscale(.85) brightness(.85); }
.wv2-poziom-tlo { position: absolute; inset: -4%; background-image: var(--wv2-ptlo), radial-gradient(120% 85% at 50% -10%, rgba(var(--wv2-prgb), .20), transparent 62%), linear-gradient(180deg, #141c27 0%, #0a0f15 100%);
  background-size: cover, auto, auto; background-position: center; background-repeat: no-repeat; animation: wv2Drift 16s ease-in-out infinite alternate; animation-delay: calc(var(--wv2-pi) * -3s); will-change: transform; }
.wv2-poziom-cien { position: absolute; inset: 0; background: radial-gradient(75% 65% at 50% 52%, rgba(5,8,12,0) 40%, rgba(5,8,12,.42) 100%), linear-gradient(180deg, rgba(5,8,12,0) 55%, rgba(5,8,12,.5) 100%); }
.wv2-poziom-srodek { position: relative; margin: auto 0; display: flex; flex-direction: column; align-items: center; gap: 6px; min-width: 0; }
.wv2-poziom-napis { font-family: var(--w-cond); font-size: 46px; font-weight: 700; letter-spacing: 1.5px; line-height: 1; white-space: nowrap;
  background-image: linear-gradient(105deg, var(--wv2-p1) 0%, var(--wv2-p2) 30%, var(--wv2-p3) 47%, var(--wv2-p2) 62%, var(--wv2-p1) 100%); background-size: 260% 100%; background-position: 100% 0;
  -webkit-background-clip: text; background-clip: text; color: transparent; -webkit-text-fill-color: transparent; filter: drop-shadow(0 2px 12px rgba(var(--wv2-prgb), .30));
  animation: wv2Foil 8s ease-in-out infinite; animation-delay: calc(var(--wv2-pi) * -1.1s); }
.wv2-poziom-napis--dlugi { font-size: 40px; }
.wv2-poziom-podpis { display: flex; align-items: center; gap: 8px; max-width: 100%; font-size: 9px; font-weight: 700; letter-spacing: 2.4px; text-transform: uppercase; color: var(--wv2-p2); opacity: .85; white-space: nowrap; }
.wv2-poziom-podpis span { overflow: hidden; text-overflow: ellipsis; }
.wv2-poziom-podpis i { flex: 0 0 16px; height: 1px; background: linear-gradient(90deg, transparent, var(--wv2-p2)); }
.wv2-poziom-podpis i:last-child { background: linear-gradient(270deg, transparent, var(--wv2-p2)); }
.wv2-konto-tresc { flex: 1; display: flex; flex-direction: column; gap: 10px; padding: 12px 14px 14px; min-width: 0; }
.wv2 .wv2-konto-tytul { margin: 0; font-family: var(--w-cond); font-size: 21px; font-weight: 700; line-height: 1.05; color: var(--w-tekst); overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.wv2-konto-pola { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.wv2-konto-pole { height: 48px; min-width: 0; border-radius: 10px; padding: 7px 10px; display: flex; flex-direction: column; justify-content: center; gap: 1px; background: var(--w-tlo); }
.wv2-konto-pole dt { font-size: 10px; font-weight: 800; letter-spacing: 1px; text-transform: uppercase; color: var(--w-szary); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: left; }
.wv2-konto-pole dd { font-size: 14px; font-weight: 800; color: var(--w-tekst); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: left; }
/* style sklepu dla dl/dt/dd (float, szerokość, odstępy) i grup przycisków - zerowane, żeby pola miały pełną szerokość */
.wv2 .wv2-konto-pola { margin: 0; padding: 0; }
.wv2 .wv2-konto-pole dt { float: none; clear: none; width: auto; margin: 0; padding: 0; }
.wv2 .wv2-konto-pole dd { float: none; margin: 0; padding: 0; }
.wv2 .wv2-sortuj { border: 0; padding: 0; height: auto; background: transparent; border-radius: 0; box-shadow: none; }
.wv2-konto-pole--wyr { background: #fff6e3; box-shadow: inset 0 0 0 1px #f2d08a; }
.wv2-konto-pole--pusty { visibility: hidden; }
.wv2-konto-stan { display: flex; flex-direction: column; gap: 6px; font-size: 12px; font-weight: 800; line-height: 1.2; color: var(--w-szary); }
.wv2-konto-stan > span:first-child { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.wv2-konto-stan--ok { color: var(--w-zielony); }
.wv2-konto-stan--niski, .wv2-konto-stan--res { color: var(--w-zloty-tekst); }
.wv2-konto-pasek { display: block; height: 4px; border-radius: 3px; background: #edf0f4; overflow: hidden; }
.wv2-konto-pasek > span { display: block; height: 100%; border-radius: 3px; background: var(--w-zielony-jasny); transform-origin: left center; animation: wv2Rosnie 1.1s cubic-bezier(.2,.8,.2,1) both; }
.wv2-konto-stan--niski .wv2-konto-pasek > span { background: var(--w-zloty); }
.wv2-konto-dol { margin-top: auto; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 10px; }
.wv2-konto-cena { display: flex; flex-direction: column; gap: 1px; min-width: 0; }
.wv2-konto-cena .wv2-cena { font-size: 28px; white-space: nowrap; }
.wv2-konto-cena .wv2-scp { font-size: 12px; }
.wv2-konto--out .wv2-cena, .wv2-konto--res .wv2-cena { color: #8a94a1; }
.wv2-konto-dol .wv2-przycisk { min-height: 48px; padding: 0 12px; font-size: 15px; }
.wv2-konto-dol .wv2-przycisk--pelny { width: auto; }
.wv2-sortuj { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.wv2-sortuj-napis { font-size: 12px; font-weight: 800; letter-spacing: 1px; color: var(--w-szary); margin-right: 4px; }
.wv2 .wv2-sortuj-opcja { min-height: 44px; padding: 0 14px; border-radius: 999px; border: 1px solid var(--w-ramka); background: #fff; color: var(--w-tekst); font-size: 14px; font-weight: 800; transition: background .15s ease, color .15s ease; }
.wv2 .wv2-sortuj-opcja[aria-pressed="true"] { border-color: var(--w-ciemny); background: var(--w-ciemny); color: var(--w-zloty); }
.wv2-pasek-pc { display: flex; align-items: center; justify-content: space-between; gap: 10px 14px; flex-wrap: wrap; background: var(--w-ciemny2); color: #fff; border-radius: 14px; padding: 12px 16px; animation: wv2Pop .32s cubic-bezier(.2,.9,.3,1.2); }
.wv2-pasek-pc-tekst { display: flex; align-items: center; gap: 4px 10px; flex-wrap: wrap; }
.wv2-pasek-pc-tekst i { width: 10px; height: 10px; border-radius: 50%; background: #5b6472; }
.wv2-pasek-pc-tekst strong { font-size: 15px; font-weight: 800; }
.wv2-pasek-pc-tekst small { font-size: 13px; color: #9aa6b5; }
.wv2-pasek-pc .wv2-przycisk { min-height: 44px; font-size: 14px; }
.wv2-pusto { position: relative; overflow: hidden; flex-direction: column; gap: 16px; background: var(--w-ciemny2); border-radius: 18px; padding: 20px; color: #fff; }
.wv2-pusto-ikona { width: 96px; height: 96px; border-radius: 24px; background: radial-gradient(circle at 40% 35%, #1d2c3d, #0d151f); border: 1px solid #22344a; display: flex; align-items: center; justify-content: center; }
.wv2-pusto-tekst { display: flex; flex-direction: column; gap: 10px; align-items: flex-start; }
.wv2-pusto-tekst small { font-size: 12px; font-weight: 800; letter-spacing: 1.3px; color: var(--w-zloty-jasny); }
.wv2-pusto-tekst strong { font-family: var(--w-cond); font-size: 26px; font-weight: 800; line-height: 1.05; }
.wv2-pusto-tekst > span { font-size: 14px; color: #c3cbd6; }

/* ---------- Doradztwo ---------- */
.wv2-d-skan { position: absolute; left: 0; right: 0; height: 40%; background: linear-gradient(180deg, transparent, rgba(61,220,132,.10), transparent); animation: wv2Skan 7s linear infinite; }
.wv2-d-ok { position: absolute; right: 12px; bottom: 12px; background: var(--w-zielony-jasny); color: var(--w-ciemny2); border-radius: 9px; padding: 5px 9px; font-size: 11px; font-weight: 800; letter-spacing: .8px; animation: wv2Ok 7s cubic-bezier(.2,.9,.3,1.3) infinite; }
.wv2-segment { display: inline-flex; background: var(--w-zloty); border-radius: 14px; padding: 4px; gap: 4px; }
.wv2-segment button { display: inline-flex; align-items: center; justify-content: center; width: auto; min-height: 44px; padding: 0 18px; border-radius: 10px; border: 0; background: transparent; color: var(--w-tekst); font-size: 15px; font-weight: 800; }
.wv2-segment button[aria-checked="true"] { background: var(--w-tekst); color: var(--w-zloty); }
.wv2-tylko-plat { display: none !important; }
.wv2[data-plat="ps_xbox"] .wv2-tylko-plat[data-dla="ps_xbox"], .wv2[data-plat="pc"] .wv2-tylko-plat[data-dla="pc"] { display: flex !important; }
.wv2[data-plat="ps_xbox"] small.wv2-tylko-plat[data-dla="ps_xbox"], .wv2[data-plat="pc"] small.wv2-tylko-plat[data-dla="pc"] { display: block !important; }
.wv2-pakiety-tabs { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.wv2-pakiet-tab { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; min-height: 58px; padding: 8px 12px; border-radius: 12px; background: var(--w-tlo); border: 2px solid transparent; color: var(--w-tekst); text-align: left; }
.wv2-pakiet-tab strong { font-family: var(--w-cond); font-size: 21px; font-weight: 800; line-height: 1; }
.wv2-pakiet-tab small { font-size: 13px; font-weight: 800; }
.wv2-pakiet-tab[aria-selected="true"] { background: #fff8e6; border-color: var(--w-zloty); }
.wv2-pakiet-tab--premium[aria-selected="true"] { background: var(--w-ciemny2); color: var(--w-zloty); }
.wv2-pakiety { display: grid; grid-template-columns: 1fr; gap: 16px; padding-top: 6px; }
.wv2-pakiet { display: none; }
.wv2[data-plat="ps_xbox"][data-pakiet="standard"] .wv2-pakiet[data-dla="ps_xbox"][data-pakiet-karta="standard"], .wv2[data-plat="ps_xbox"][data-pakiet="premium"] .wv2-pakiet[data-dla="ps_xbox"][data-pakiet-karta="premium"], .wv2[data-plat="pc"][data-pakiet="standard"] .wv2-pakiet[data-dla="pc"][data-pakiet-karta="standard"], .wv2[data-plat="pc"][data-pakiet="premium"] .wv2-pakiet[data-dla="pc"][data-pakiet-karta="premium"] { display: flex; }
.wv2-pakiet { position: relative; flex-direction: column; gap: 12px; border-radius: 18px; padding: 18px; background: #fff; border: 1px solid var(--w-ramka); animation: wv2Pop .32s cubic-bezier(.2,.9,.3,1.2); }
.wv2-pakiet--premium { background: linear-gradient(160deg, #18222f, #0b121b 60%); color: #fff; border: 2px solid var(--w-zloty); box-shadow: 0 18px 40px rgba(245,166,35,.18); }
.wv2-pakiet-znak { position: absolute; top: -12px; left: 18px; background: var(--w-zloty); color: var(--w-tekst); border-radius: 8px; padding: 4px 9px; font-size: 11px; font-weight: 800; letter-spacing: 1px; }
.wv2-pakiet-gora { display: flex; justify-content: space-between; align-items: flex-start; gap: 10px; }
.wv2-pakiet-gora > span { display: flex; flex-direction: column; gap: 2px; }
.wv2-pakiet-nazwa { font-family: var(--w-cond); font-size: 30px; font-weight: 800; line-height: 1; }
.wv2-pakiet--premium .wv2-pakiet-nazwa { color: var(--w-zloty); }
.wv2-pakiet-gora small { font-size: 13px; font-weight: 700; color: var(--w-szary); }
.wv2-pakiet--premium .wv2-pakiet-gora small { color: #c3cbd6; }
.wv2-pakiet-cena { align-items: flex-end; text-align: right; }
.wv2-pakiet-cena strong { font-family: var(--w-cond); font-size: 34px; font-weight: 800; line-height: 1; }
.wv2-pakiet--premium .wv2-pakiet-cena small { color: #9aa6b5; }
.wv2-pakiet-wiersze > div { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 10px; align-items: center; padding: 8px 0; border-top: 1px solid #edf0f4; }
.wv2-pakiet-wiersze > div:first-child { border-top: 0; }
.wv2-pakiet--premium .wv2-pakiet-wiersze > div { border-top-color: #1d2836; }
.wv2-pakiet-wiersze dt, .wv2-pakiet-wiersze dd { text-align: left; margin: 0; }
.wv2-pakiet-wiersze dt { font-size: 14px; font-weight: 600; color: var(--w-szary2); }
.wv2-pakiet--premium .wv2-pakiet-wiersze dt { color: #c3cbd6; }
.wv2-pakiet-wiersze dd { font-size: 15px; font-weight: 800; text-align: right !important; }
.wv2-pakiet-wiersze dd.wv2-kreska { color: #9aa3af; }
.wv2-pakiet--premium .wv2-pakiet-wiersze dd.wv2-kreska { color: var(--w-szary); }
.wv2-pakiet form { margin-top: auto; }
.wv2-d-formularz { padding: 18px; display: flex; flex-direction: column; gap: 18px; }
.wv2-d-formularz .wv2-tresc { background: transparent; border: 0; padding: 0; color: #fff; }
.wv2-d-podglad { display: none; background: #fff; color: var(--w-tekst); border-radius: 18px; padding: 16px; flex-direction: column; gap: 12px; box-shadow: 0 20px 44px rgba(0,0,0,.4); transform: rotate(1.2deg); }
.wv2-d-podglad-gora { display: flex; justify-content: space-between; align-items: center; }
.wv2-d-podglad-gora strong { font-family: var(--w-cond); font-size: 20px; font-weight: 800; }
.wv2-d-podglad-gora small { font-size: 12px; font-weight: 800; color: var(--w-zielony); }
.wv2-d-podglad-pole { display: flex; flex-direction: column; gap: 6px; }
.wv2-d-podglad-pole > small { font-size: 11px; font-weight: 800; letter-spacing: 1px; color: var(--w-szary); text-transform: uppercase; }
.wv2-chipy-podglad { display: flex; gap: 6px; flex-wrap: wrap; }
.wv2-chipy-podglad i { font-style: normal; height: 34px; padding: 0 11px; border-radius: 10px; border: 1px solid var(--w-ramka); font-size: 13px; font-weight: 800; display: inline-flex; align-items: center; }
.wv2-chipy-podglad i.wv2-wl { background: var(--w-tekst); color: var(--w-zloty); border-color: var(--w-tekst); }
.wv2-d-podglad-pytanie { border: 1px solid #c9d0d9; border-radius: 10px; padding: 9px 11px; font-size: 13px; color: var(--w-szary2); }
.wv2-d-podglad-pole b { font-size: 13px; color: var(--w-zloty-tekst); }
.wv2-pakiety-pod { font-size: 13px; }

/* ---------- Formularz doradztwa ---------- */
.wv2-etapy { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; }
.wv2-etap { display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 8px 4px; border-radius: 12px; background: #fff; border: 1px solid var(--w-ramka); color: var(--w-szary); font-size: 11px; font-weight: 800; text-align: center; line-height: 1.2; }
.wv2-etap span { width: 26px; height: 26px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; background: #f1f3f6; font-size: 13px; }
.wv2-etap--teraz { background: var(--w-tekst); color: #fff; border-color: var(--w-tekst); }
.wv2-etap--teraz span { background: var(--w-zloty); color: var(--w-tekst); }
.wv2-etap--zrobiony { background: #e8f6ed; color: var(--w-zielony); border-color: #cdebd8; }
.wv2-etap--zrobiony span { background: var(--w-zielony); color: #fff; }
.wv2-f { display: flex; flex-direction: column; gap: 16px; margin: 0; }
.wv2-f-glowna { display: flex; flex-direction: column; gap: 14px; min-width: 0; }
.wv2-f-wstep { display: flex; flex-direction: column; gap: 4px; }
.wv2 .wv2-f-h1 { margin: 0; font-family: var(--w-cond); font-size: 32px; font-weight: 800; line-height: 1; }
.wv2-f-wstep p { font-size: 15px; color: var(--w-szary2); }
.wv2-f-bledy { background: #fdecec; border: 1px solid #f3b5b5; border-radius: 14px; padding: 12px 14px; color: #8a1c1c; font-size: 14px; }
.wv2-f-bledy ul { list-style: disc; padding-left: 18px; margin-top: 4px; }
.wv2-f-sekcja-gora { display: flex; justify-content: space-between; align-items: center; gap: 10px; }
.wv2-f-znak { border-radius: 8px; padding: 4px 9px; font-size: 11px; font-weight: 800; letter-spacing: .5px; background: #fff3dc; color: var(--w-zloty-tekst); white-space: nowrap; }
.wv2-f-znak--ok { background: #e8f6ed; color: var(--w-zielony); }
.wv2-f-licznik { font-size: 13px; font-weight: 800; color: var(--w-szary2); white-space: nowrap; }
.wv2-pole { display: flex; flex-direction: column; gap: 6px; font-size: 13px; font-weight: 800; color: var(--w-szary2); margin: 0; }
.wv2-pole > span small, .wv2-pole-grupa legend small { font-weight: 600; color: var(--w-szary); }
.wv2-pole input[type="text"], .wv2-pole input[type="email"], .wv2-pole input[type="password"], .wv2-pole textarea { width: 100%; min-height: 48px; border: 1px solid #c9d0d9; border-radius: 12px; padding: 10px 14px; font-family: Barlow, Arial, sans-serif; font-size: 16px; font-weight: 500; color: var(--w-tekst); background: #fff; }
.wv2-pole textarea { resize: vertical; }
.wv2-pole-gora { display: flex; justify-content: space-between; gap: 10px; }
.wv2-pole-gora b { color: var(--w-zloty-tekst); }
.wv2-pole-gora b.wv2-ok { color: var(--w-zielony); }
.wv2-pola-2 { display: grid; grid-template-columns: 1fr; gap: 12px; }
.wv2-haslo { display: flex; align-items: center; border: 1px solid #c9d0d9; border-radius: 12px; padding: 0 6px 0 0; background: #fff; }
.wv2 .wv2-haslo input { border: 0 !important; flex: 1; min-width: 0; }
.wv2-haslo button { min-height: 36px; padding: 0 10px; border-radius: 8px; border: 0; background: #f1f3f6; font-size: 13px; font-weight: 800; color: var(--w-tekst); }
.wv2-kody-chipy { display: flex; gap: 6px; flex-wrap: wrap; }
.wv2-kody-chipy i { font-style: normal; font-family: 'JetBrains Mono', Consolas, monospace; font-size: 12px; font-weight: 700; border-radius: 8px; padding: 5px 9px; background: var(--w-tlo); color: #9aa3af; border: 1px dashed #c9d0d9; }
.wv2-kody-chipy i.wv2-kod-ok { background: #e8f6ed; color: var(--w-zielony); border: 1px solid #cdebd8; }
.wv2-pole-ostrzezenie { font-size: 13px; font-weight: 700; color: var(--w-zloty-tekst); }
.wv2-pole-blad { font-style: normal; font-size: 13px; font-weight: 700; color: #b42318; }
.wv2-pole-pod { font-size: 13px; font-weight: 500; color: var(--w-szary); }
.wv2-f-bezpiecznie { font-size: 13px; color: var(--w-szary2); line-height: 1.5; background: var(--w-tlo); border-radius: 12px; padding: 10px 12px 10px 40px; position: relative; }
.wv2-f-bezpiecznie::before { content: "✓"; position: absolute; left: 12px; top: 10px; width: 20px; height: 20px; border-radius: 50%; background: var(--w-zielony); color: #fff; font-size: 12px; font-weight: 800; display: flex; align-items: center; justify-content: center; }
.wv2-pole-grupa { margin: 0; padding: 0; border: 0; display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.wv2-pole-grupa legend { padding: 0; margin: 0 0 6px; border: 0; font-size: 13px; font-weight: 800; color: var(--w-szary2); width: auto; }
.wv2-tryby { display: grid; grid-template-columns: 1fr; gap: 8px; }
.wv2-tryb { position: relative; margin: 0; cursor: pointer; }
.wv2-tryb input, .wv2-chip-wybor input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.wv2-tryb > span { display: flex; flex-direction: column; gap: 2px; min-height: 58px; padding: 9px 13px; border-radius: 14px; background: #fff; border: 2px solid var(--w-ramka); }
.wv2-tryb strong { font-size: 16px; font-weight: 800; color: var(--w-tekst); }
.wv2-tryb small { font-size: 12px; font-weight: 700; color: var(--w-szary); }
.wv2-tryb input:checked + span { background: #fff8e6; border-color: var(--w-zloty); box-shadow: 0 8px 18px rgba(245,166,35,.18); }
.wv2-tryb input:focus-visible + span, .wv2-chip-wybor input:focus-visible + span { outline: 3px solid var(--w-zloty); outline-offset: 2px; }
.wv2-chipy-wybor { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
.wv2-chip-wybor { position: relative; margin: 0; cursor: pointer; }
.wv2-chip-wybor > span { display: inline-flex; align-items: center; min-height: 44px; padding: 0 15px; border-radius: 12px; background: #fff; border: 2px solid var(--w-ramka); font-size: 15px; font-weight: 800; color: var(--w-tekst); }
.wv2-chip-wybor input:checked + span { background: var(--w-tekst); border-color: var(--w-tekst); color: var(--w-zloty); }
/* formularz doradztwa: sekcja 4 "Jak wolisz dostać odpowiedź?" (poprawki 1) */
.wv2-kontakty { display: grid; grid-template-columns: 1fr; gap: 10px; }
.wv2-kontakt { position: relative; margin: 0; cursor: pointer; display: flex; flex-direction: column; gap: 8px; padding: 14px; border-radius: 16px; background: #fff; border: 2px solid var(--w-ramka); font-weight: 400; transition: border-color .15s ease, background .15s ease, box-shadow .15s ease; }
.wv2-kontakt input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.wv2-kontakt:has(input:checked) { background: #fff8e6; border-color: var(--w-zloty); box-shadow: 0 8px 18px rgba(245,166,35,.18); }
.wv2-kontakt:has(input:focus-visible) { outline: 3px solid var(--w-zloty); outline-offset: 2px; }
.wv2-kontakt-gora { display: flex; align-items: center; gap: 10px; }
.wv2-kontakt-gora strong { font-size: 17px; font-weight: 800; color: var(--w-tekst); }
.wv2-kontakt-ikona { flex: 0 0 36px; width: 36px; height: 36px; border-radius: 10px; display: inline-flex; align-items: center; justify-content: center; background: var(--w-tekst); }
.wv2-kontakt--discord .wv2-kontakt-ikona { background: #5865f2; }
.wv2-kontakt-polecane { margin-left: auto; background: var(--w-zloty); color: var(--w-tekst); border-radius: 7px; padding: 3px 8px; font-size: 11px; font-weight: 800; letter-spacing: .6px; }
.wv2-kontakt-opis { font-size: 14px; color: var(--w-szary2); line-height: 1.45; }
.wv2-nick { display: flex; align-items: center; gap: 6px; border: 1px solid #c9d0d9; border-radius: 12px; padding: 0 14px; background: #fff; }
.wv2-nick.wv2-ok { border-color: #9fd6b2; }
.wv2-nick b { font-weight: 800; color: var(--w-szary); }
.wv2 .wv2-nick input { border: 0 !important; flex: 1; min-width: 0; padding-left: 0 !important; }
.wv2-f-info { font-size: 14px; color: var(--w-szary2); background: var(--w-tlo); border-radius: 12px; padding: 10px 12px; line-height: 1.5; }
.wv2-budzet-pole { display: flex; align-items: center; gap: 8px; min-height: 44px; border: 2px solid var(--w-zloty); border-radius: 12px; padding: 0 12px; margin: 0; }
.wv2 .wv2-budzet-pole input { border: 0; outline: 0; width: 130px; font-size: 16px; font-weight: 800; background: transparent; }
.wv2-budzet-pole span { font-size: 13px; font-weight: 800; color: var(--w-szary); }
.wv2-pytania { display: flex; flex-direction: column; gap: 10px; }
.wv2-pytanie { display: grid; grid-template-columns: 32px minmax(0, 1fr) 44px; gap: 8px; align-items: start; animation: wv2Pop .3s cubic-bezier(.2,.9,.3,1.2); }
.wv2-pytanie-nr { width: 32px; height: 32px; border-radius: 50%; background: var(--w-tekst); color: var(--w-zloty); display: inline-flex; align-items: center; justify-content: center; font-weight: 800; margin-top: 6px; }
.wv2-pytanie textarea { width: 100%; min-height: 48px; border: 1px solid #c9d0d9; border-radius: 12px; padding: 10px 12px; font-family: Barlow, Arial, sans-serif; font-size: 16px; resize: vertical; color: var(--w-tekst); }
.wv2-pytanie-usun { width: 44px; height: 44px; border-radius: 10px; border: 1px solid var(--w-ramka); background: #fff; font-size: 18px; font-weight: 800; color: var(--w-szary); }
.wv2-dodaj-pytanie { align-self: flex-start; min-height: 44px; padding: 0 16px; border-radius: 12px; border: 1px dashed #c9a052; background: #fff8e6; color: #6e4100; font-size: 15px; font-weight: 800; }
.wv2-limit-info { font-size: 14px; color: var(--w-szary2); background: var(--w-tlo); border-radius: 12px; padding: 10px 12px; }
.wv2-f-uwaga { font-size: 14px; }
.wv2-f-bok { display: flex; flex-direction: column; gap: 12px; }
.wv2-f-podsumowanie { background: var(--w-ciemny2); color: #fff; border-radius: 18px; padding: 18px; display: flex; flex-direction: column; gap: 12px; }
.wv2-f-podsumowanie > small { font-size: 12px; font-weight: 800; letter-spacing: 1.3px; color: #8f9bab; }
.wv2-f-produkt { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; }
.wv2-f-produkt > span { display: flex; flex-direction: column; }
.wv2-f-produkt strong { font-family: var(--w-cond); font-size: 22px; font-weight: 800; color: var(--w-zloty); }
.wv2-f-produkt small { font-size: 13px; color: #9aa6b5; }
.wv2-f-produkt b { font-family: var(--w-cond); font-size: 26px; font-weight: 800; }
.wv2-f-checki { display: flex; flex-direction: column; gap: 8px; border-top: 1px solid #1d2836; padding-top: 12px; }
.wv2-f-checki li { position: relative; padding-left: 32px; font-size: 14px; font-weight: 700; color: #8f9bab; min-height: 22px; }
.wv2-f-checki li::before { content: "✓"; position: absolute; left: 0; top: 0; width: 22px; height: 22px; border-radius: 50%; background: #2f3b4f; color: var(--w-ciemny2); font-size: 12px; font-weight: 800; display: flex; align-items: center; justify-content: center; }
.wv2-f-checki li.wv2-ok { color: #fff !important; }
.wv2-f-checki li.wv2-ok::before { background: var(--w-zielony-jasny); }
.wv2-f-eta { font-size: 12px; color: #8f9bab; line-height: 1.5; }
.wv2-f-widzi { background: #fff; border: 1px solid var(--w-ramka); border-radius: 16px; padding: 14px; font-size: 13px; color: var(--w-szary2); line-height: 1.5; }

/* ---------- Snajpienie ---------- */
.wv2-sn-rynek { position: absolute; left: 12px; top: 12px; width: 130px; height: 126px; border-radius: 14px; background: rgba(11,18,27,.9); border: 1px solid #22344a; overflow: hidden; }
.wv2-sn-rynek-gora { position: absolute; left: 0; right: 0; top: 0; height: 26px; z-index: 2; display: flex; align-items: center; justify-content: space-between; padding: 0 9px; background: #121c28; font-size: 9px; font-weight: 800; letter-spacing: 1px; color: #8f9bab; }
.wv2-sn-na-zywo { width: 7px; height: 7px; border-radius: 50%; background: #ff5d5d; animation: wv2Puls 2.2s ease-in-out infinite; }
.wv2-sn-feed { position: absolute; left: 0; right: 0; top: 30px; display: flex; flex-direction: column; gap: 5px; padding: 0 6px; animation: wv2Feed 2.2s linear infinite; filter: blur(.6px); opacity: .8; }
.wv2-sn-wiersz { display: flex; align-items: center; gap: 5px; height: 21px; padding: 0 5px; border-radius: 6px; background: #111a26; }
.wv2-sn-karta { width: 12px; height: 16px; border-radius: 2px; flex: 0 0 12px; }
.wv2-sn-linia { flex: 1; height: 5px; border-radius: 3px; background: #24364b; }
.wv2-sn-wiersz b { font-family: var(--w-cond); font-size: 10px; color: #9aa6b5; }
.wv2-sn-wiersz i { font-style: normal; font-size: 8px; font-weight: 800; color: #ff7a7a; }
.wv2-sn-kupiono { position: absolute; right: 18px; bottom: 16px; border: 3px solid var(--w-zielony-jasny); color: var(--w-zielony-jasny); background: rgba(4,8,13,.85); border-radius: 8px; padding: 2px 9px; font-family: var(--w-cond); font-size: 20px; font-weight: 800; letter-spacing: 2px; transform: rotate(-12deg); animation: wv2Stempel 6s cubic-bezier(.2,.9,.3,1.4) infinite; }
.wv2-sn-klub { display: none; }
.wv2-sn-zamow { display: flex; flex-wrap: wrap; gap: 14px; }
.wv2-sn-zamow > * { flex: 1 1 340px; min-width: 0; }
.wv2-sn-produkt { display: flex; flex-direction: column; gap: 14px; margin: 0; padding-top: 4px; }
.wv2-sn-produkt + .wv2-sn-produkt { border-top: 1px solid #edf0f4; padding-top: 16px; }
.wv2-sn-produkt-gora { display: grid; grid-template-columns: 76px minmax(0, 1fr); gap: 14px; align-items: center; background: var(--w-tlo); border-radius: 14px; padding: 12px; }
.wv2-sn-ikona { position: relative; width: 76px; height: 96px; border-radius: 12px; background: var(--w-ciemny2); display: flex; align-items: center; justify-content: center; overflow: hidden; }
.wv2-sn-ikona > span { width: 44px; height: 60px; border-radius: 6px; background: linear-gradient(160deg, #fff1b8, #f5c044 40%, #9a6b06); }
.wv2-sn-ikona svg { position: absolute; width: 64px; height: 64px; }
.wv2-sn-produkt-tekst { display: flex; flex-direction: column; gap: 5px; }
.wv2-sn-produkt-tekst strong { font-size: 16px; font-weight: 800; line-height: 1.25; }
.wv2-sn-produkt-tekst span { font-size: 13px; color: var(--w-szary2); line-height: 1.45; }
.wv2-sn-produkt-tekst a { font-size: 13px; font-weight: 800; }
.wv2-sn-ile { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; }
.wv2-sn-ile-lewo { display: flex; flex-direction: column; gap: 6px; }
.wv2-sn-ile-lewo small { font-size: 11px; font-weight: 800; letter-spacing: 1.2px; color: var(--w-szary); }
.wv2-sn-suma { display: flex; flex-direction: column; align-items: flex-end; gap: 2px; }
.wv2-sn-suma strong { font-family: var(--w-cond); font-size: 36px; font-weight: 800; line-height: 1; }
.wv2-sn-suma small { font-size: 12px; font-weight: 800; color: var(--w-szary); }
.wv2-licznik { display: inline-flex; align-items: center; background: var(--w-tlo); border: 1px solid var(--w-ramka); border-radius: 12px; height: 50px; }
.wv2-licznik button { width: 46px; height: 48px; border: 0; background: transparent; font-size: 22px; font-weight: 800; color: var(--w-tekst); }
.wv2-licznik button:disabled { opacity: .3; cursor: default; }
.wv2 .wv2-licznik input { width: 40px; height: 46px; border: 0; background: transparent; text-align: center; font-family: var(--w-cond); font-size: 24px; font-weight: 800; color: var(--w-tekst); padding: 0; }
.wv2-sn-info { font-size: 14px; }
.wv2-sn-gotowe-gora { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.wv2-sn-gotowe-gora > span:first-child { display: flex; flex-direction: column; gap: 2px; }
.wv2-sn-gotowe-gora small { font-size: 13px; color: var(--w-szary); }
.wv2-pierscien { position: relative; width: 64px; height: 64px; flex: 0 0 64px; }
.wv2-pierscien circle[data-wv2-pierscien] { transition: stroke-dasharray .35s ease, stroke .2s ease; }
.wv2-pierscien b { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; font-family: var(--w-cond); font-size: 19px; font-weight: 800; }
.wv2-check { display: grid; grid-template-columns: 26px minmax(0, 1fr) auto; gap: 12px; align-items: center; width: 100%; min-height: 56px; padding: 10px 12px; border-radius: 12px; background: #fff; border: 1px solid var(--w-ramka); text-align: left; transition: background .15s ease, border-color .15s ease; }
.wv2-check-pole { width: 26px; height: 26px; border-radius: 8px; background: #fff; box-shadow: inset 0 0 0 2px #c9d0d9; display: inline-flex; align-items: center; justify-content: center; }
.wv2-check-pole svg { opacity: 0; }
.wv2-check[aria-checked="true"] { background: #f3fbf6; border-color: #cdebd8; }
.wv2-check[aria-checked="true"] .wv2-check-pole { background: var(--w-zielony); box-shadow: none; }
.wv2-check[aria-checked="true"] .wv2-check-pole svg { opacity: 1; }
.wv2-check-tekst { display: flex; flex-direction: column; gap: 2px; }
.wv2-check-tekst strong { font-size: 15px; color: var(--w-tekst); }
.wv2-check-tekst small { font-size: 13px; color: var(--w-szary); line-height: 1.4; }
.wv2-check-znak { border-radius: 8px; padding: 4px 8px; font-size: 11px; font-weight: 800; letter-spacing: .5px; white-space: nowrap; background: #f1f3f6; color: var(--w-szary); }
.wv2-check[aria-checked="true"] .wv2-check-znak { background: #e8f6ed; color: var(--w-zielony); }
.wv2-check-ok { background: #e8f6ed; color: var(--w-zielony); border-radius: 12px; padding: 12px 14px; font-weight: 800; font-size: 15px; }
.wv2-sn-linki { font-size: 14px; font-weight: 800; }

/* ---------- CD-Keye: miniatura ---------- */
.wv2-min { position: relative; display: block; width: 100%; aspect-ratio: 1.586; border-radius: 14px; overflow: hidden; color: #fff; isolation: isolate; box-shadow: 0 14px 30px -10px rgba(140,90,255,.55), 0 4px 10px rgba(0,0,0,.25); background: radial-gradient(circle at 86% 14%, rgba(245,166,35,.45), transparent 40%), linear-gradient(140deg, #7a4cff 0%, #3a1a99 45%, #0f0826 100%); font-family: Barlow, Arial, sans-serif; text-align: left; }
.wv2-min--psn { background: repeating-linear-gradient(115deg, rgba(255,255,255,.05) 0 2px, transparent 2px 14px), radial-gradient(circle at 88% 12%, rgba(150,200,255,.55), transparent 42%), linear-gradient(140deg, #3d7bff 0%, #1440a8 45%, #071a52 100%); box-shadow: 0 14px 30px -10px rgba(60,120,255,.55), 0 4px 10px rgba(0,0,0,.25); }
.wv2-min--xbox { background: radial-gradient(circle at 92% 6%, rgba(160,255,190,.6), transparent 38%), linear-gradient(140deg, #3ee070 0%, #108a35 45%, #03270f 100%); box-shadow: 0 14px 30px -10px rgba(40,200,90,.55), 0 4px 10px rgba(0,0,0,.25); }
.wv2-min--roblox { background: radial-gradient(circle at 85% 20%, rgba(255,190,170,.45), transparent 40%), linear-gradient(140deg, #ff6a5c 0%, #d0261c 45%, #4a0805 100%); box-shadow: 0 14px 30px -10px rgba(240,60,40,.55), 0 4px 10px rgba(0,0,0,.25); }
.wv2-min-wzor { position: absolute; inset: 0; width: 100%; height: 100%; z-index: 0; }
.wv2-min-tlo { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 75% 50%; mix-blend-mode: screen; opacity: .95; z-index: 1; }
.wv2-min-cien { position: absolute; inset: 0; z-index: 2; background: linear-gradient(90deg, rgba(0,0,0,.38) 0%, rgba(0,0,0,.12) 48%, transparent 70%), linear-gradient(180deg, rgba(255,255,255,.16) 0%, transparent 32%); box-shadow: inset 0 0 0 1px rgba(255,255,255,.22), inset 0 1px 0 rgba(255,255,255,.4); border-radius: inherit; }
.wv2-min-polysk { position: absolute; inset: 0; z-index: 3; overflow: hidden; border-radius: inherit; pointer-events: none; }
.wv2-min-polysk::after { content: ""; position: absolute; inset: -40% -60%; background: linear-gradient(115deg, transparent 42%, rgba(255,255,255,.3) 50%, transparent 58%); transform: translateX(-60%); animation: wv2Polysk 5.5s ease-in-out infinite; }
.wv2-min-gora { position: absolute; z-index: 4; left: var(--wv2-pad, 13px); right: var(--wv2-pad, 13px); top: var(--wv2-pad, 13px); display: flex; justify-content: space-between; align-items: center; gap: 6px; }
.wv2-min-logo { display: inline-flex; align-items: center; height: 24px; padding: 0 8px; border-radius: 7px; background: rgba(255,255,255,.16); border: 1px solid rgba(255,255,255,.34); font-size: 12px; font-weight: 800; letter-spacing: .3px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 70%; }
.wv2-min-logo--obraz { background: transparent; border: 0; padding: 0; }
.wv2-min-logo--obraz img { height: 100%; width: auto; display: block; }
.wv2-min-region { border-radius: 5px; padding: 2px 6px; font-size: 9px; font-weight: 800; letter-spacing: .8px; background: rgba(0,0,0,.28); color: #fff; border: 1px solid rgba(255,255,255,.3); }
.wv2-min-region--pl { background: #fff; color: #0a2161; border-color: #fff; }
.wv2-min-dol { position: absolute; z-index: 4; left: var(--wv2-pad, 13px); right: var(--wv2-pad, 13px); bottom: calc(var(--wv2-pad, 13px) * .8); display: flex; justify-content: space-between; align-items: flex-end; gap: 6px; }
.wv2-min-kwota { display: flex; flex-direction: column; min-width: 0; }
.wv2-min-wartosc { font-family: var(--w-cond, 'Barlow Condensed'), 'Arial Narrow', Arial, sans-serif; font-size: 40px; font-weight: 800; line-height: .9; letter-spacing: -.5px; color: #fff; text-shadow: 0 2px 6px rgba(0,0,0,.35); white-space: nowrap; }
.wv2-min-jedn { margin-top: 3px; font-size: 10px; font-weight: 800; letter-spacing: 1.1px; color: rgba(255,255,255,.92); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.wv2-min-nazwa { font-family: 'Barlow Condensed', 'Arial Narrow', Arial, sans-serif; font-size: 20px; font-weight: 800; line-height: 1.05; color: #fff; text-shadow: 0 2px 6px rgba(0,0,0,.35); }
.wv2-min-24 { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 3px; font-size: 9px; font-weight: 800; letter-spacing: .8px; color: rgba(255,255,255,.85); }
.wv2-min-24 svg { width: 11px; height: 11px; }
.wv2-min-brak { position: absolute; inset: 0; z-index: 5; background: rgba(20,24,30,.55); display: flex; align-items: center; justify-content: center; }
.wv2-min-brak span { background: var(--w-tekst, #111a24); color: #fff; border-radius: 6px; padding: 4px 9px; font-size: 10px; font-weight: 800; letter-spacing: 1px; }
.wv2-min--brak { filter: saturate(.25); }
.wv2-min--sm { border-radius: 10px; --wv2-pad: 9px; }
.wv2-min--sm .wv2-min-wartosc { font-size: 26px; }
.wv2-min--sm .wv2-min-jedn { font-size: 8px; }
.wv2-min--sm .wv2-min-logo { height: 19px; font-size: 9.5px; padding: 0 6px; }
.wv2-min--sm .wv2-min-region { font-size: 8px; }
.wv2-min--sm .wv2-min-24 { font-size: 8px; }
.wv2-min--sm .wv2-min-nazwa { font-size: 15px; }
.wv2-min--lg { border-radius: 18px; --wv2-pad: 18px; }
.wv2-min--lg .wv2-min-wartosc { font-size: 58px; }
.wv2-min--lg .wv2-min-jedn { font-size: 13px; }
.wv2-min--lg .wv2-min-logo { height: 30px; font-size: 15px; }
.wv2-min-produkt { display: block; max-width: 260px; margin: 0 auto; }

/* ---------- CD-Keye: strona ---------- */
.wv2-cd-kod { position: absolute; left: 12px; right: 12px; bottom: 10px; background: rgba(11,18,27,.94); border: 1px solid #2f3b4f; border-radius: 12px; padding: 9px 12px; display: flex; flex-direction: column; gap: 5px; box-shadow: 0 20px 40px rgba(0,0,0,.5); }
.wv2-cd-kod small { font-size: 9px; font-weight: 800; letter-spacing: 1.3px; color: #8f9bab; }
.wv2-cd-kod-tekst { display: flex; align-items: center; font-family: 'JetBrains Mono', Consolas, monospace; font-size: 16px; font-weight: 700; color: #fff; letter-spacing: 1px; }
.wv2-cd-pisanie { overflow: hidden; white-space: nowrap; width: calc(14ch + 15px); animation: wv2Pisz 6s steps(14) infinite; }
.wv2-cd-kursor { color: var(--w-zloty); animation: wv2Kursor .7s steps(1) infinite; }
.wv2-cd-wyslany { display: none; }
.wv2-marki { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.wv2-marka { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; padding: 8px; min-height: 84px; border-radius: 14px; background: var(--w-tlo); border: 2px solid transparent; color: var(--w-tekst) !important; transition: transform .2s cubic-bezier(.2,.8,.2,1), box-shadow .2s ease; }
.wv2-marka:hover { transform: translateY(-2px); }
.wv2-marka[aria-selected="true"] { background: #fff; border-color: var(--wv2-m-kolor, var(--w-tekst)); box-shadow: 0 10px 24px rgba(17,26,36,.12); }
.wv2-marka-min { width: 84px; display: block; }
.wv2-marka-min .wv2-min-dol { display: none; }
.wv2-marka-tekst { display: flex; flex-direction: column; line-height: 1.2; }
.wv2-marka-tekst strong { font-size: 16px; font-weight: 800; }
.wv2-marka-tekst small { font-size: 12px; font-weight: 700; color: var(--w-szary); }
.wv2-cd-srodek { display: flex; flex-direction: column; gap: 14px; }
.wv2-tylko-marka { display: none; }
.wv2-tylko-marka.wv2-aktywna { display: block; }
.wv2-nominaly.wv2-aktywna { display: grid; }
.wv2-uwaga { background: #fff8e6; border: 1px solid #f5d9a0; border-radius: 14px; padding: 12px 14px; font-size: 14px; line-height: 1.45; }
.wv2-uwaga p { margin: 0; }
.wv2-nominaly { display: none; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.wv2-nominal { display: flex; flex-direction: column; padding: 5px; border-radius: 14px; background: #fff; border: 2px solid #e1e5eb; text-align: left; transition: transform .18s cubic-bezier(.2,.8,.2,1), box-shadow .18s ease, border-color .15s ease; color: var(--w-tekst); }
.wv2-nominal:hover { transform: translateY(-3px) rotate(-.6deg); }
.wv2-nominal[aria-checked="true"] { background: #fff8e6; border-color: var(--w-zloty); box-shadow: 0 12px 28px rgba(245,166,35,.25); }
.wv2-nominal-dol { display: flex; justify-content: space-between; align-items: center; gap: 6px; padding: 8px 3px 2px; }
.wv2-nominal-ceny { display: flex; flex-direction: column; }
.wv2-nominal-ceny strong { font-family: var(--w-cond); font-size: 20px; font-weight: 800; line-height: 1; }
.wv2-nominal--brak .wv2-nominal-ceny strong { color: var(--w-szary); }
.wv2-nominal-ceny small { font-size: 11px; font-weight: 700; color: var(--w-szary); }
.wv2-najlepsza { background: var(--w-tekst); color: var(--w-zloty); border-radius: 7px; padding: 3px 6px; font-size: 9px; font-weight: 800; letter-spacing: .5px; text-align: center; line-height: 1.15; }
.wv2-twoj-wybor { background: var(--w-ciemny2); border-radius: 16px; padding: 14px; display: flex; flex-wrap: wrap; align-items: center; gap: 12px 16px; color: #fff; animation: wv2Pop .32s cubic-bezier(.2,.9,.3,1.2); }
.wv2-twoj-wybor-min { width: 104px; flex: 0 0 104px; }
.wv2-twoj-wybor-min .wv2-min--sm .wv2-min-wartosc { font-size: 22px; }
.wv2-twoj-wybor-tekst { display: flex; flex-direction: column; gap: 3px; flex: 1 1 180px; min-width: 0; }
.wv2-twoj-wybor-tekst small { font-size: 11px; font-weight: 800; letter-spacing: 1.3px; color: #8f9bab; }
.wv2-twoj-wybor-tekst strong { font-family: var(--w-cond); font-size: 22px; font-weight: 800; line-height: 1.1; }
.wv2-twoj-wybor-tekst span { font-size: 13px; color: #b9c2cf; }
.wv2-twoj-wybor-kup { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; margin: 0; flex: 1 1 100%; }
.wv2-twoj-wybor .wv2-licznik { background: #131d2a; border-color: #2f3b4f; }
.wv2-twoj-wybor .wv2-licznik button, .wv2-twoj-wybor .wv2 .wv2-licznik input, .wv2-twoj-wybor .wv2-licznik input { color: #fff; }
.wv2-twoj-wybor-cena { display: flex; flex-direction: column; align-items: flex-end; margin-left: auto; }
.wv2-twoj-wybor-cena strong { font-family: var(--w-cond); font-size: 32px; font-weight: 800; color: var(--w-zielony-jasny); line-height: 1; }
.wv2-twoj-wybor-cena small { font-size: 12px; color: #8f9bab; }
.wv2-twoj-wybor-kup .wv2-przycisk { flex: 1 1 100%; }
.wv2-twoj-wybor-brak { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; color: #ffcf8a; font-weight: 700; font-size: 14px; flex: 1 1 100%; }
.wv2-jak { background: var(--w-tlo); border-radius: 14px; padding: 14px; }
.wv2-jak-tytul { display: flex; flex-direction: column; gap: 2px; margin-bottom: 10px; }
.wv2-jak-tytul small { font-size: 11px; font-weight: 800; letter-spacing: 1.2px; color: var(--w-szary); }
.wv2-jak-tytul strong { font-family: var(--w-cond); font-size: 21px; font-weight: 800; }
.wv2-jak ol { display: grid; grid-template-columns: 1fr; gap: 10px; counter-reset: wv2jak; }
.wv2-jak li { position: relative; padding-left: 36px; font-size: 14px; color: var(--w-szary2); line-height: 1.45; counter-increment: wv2jak; min-height: 26px; }
.wv2-jak li::before { content: counter(wv2jak); position: absolute; left: 0; top: 0; width: 26px; height: 26px; border-radius: 50%; background: var(--w-tekst); color: var(--w-zloty); display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: 13px; }
.wv2-szukaj { display: flex; align-items: center; gap: 10px; min-height: 48px; width: 100%; border: 1px solid #c9d0d9; border-radius: 12px; padding: 0 14px; background: #f9fafb; margin: 0; }
.wv2 .wv2-szukaj input { border: 0; outline: 0; background: transparent; width: 100%; font-family: Barlow, Arial, sans-serif; font-size: 16px; color: var(--w-tekst); min-height: 44px; }
.wv2-filtry { display: flex; flex-direction: column; gap: 10px; }
.wv2-filtry-marki { display: flex; gap: 6px; overflow-x: auto; scrollbar-width: none; margin: 0 -16px; padding: 0 16px 2px; }
.wv2-filtry-marki::-webkit-scrollbar { display: none; }
.wv2-filtr { flex: 0 0 auto; min-height: 40px; padding: 0 13px; border-radius: 10px; font-size: 14px; font-weight: 800; background: #fff; color: var(--w-tekst); border: 1px solid var(--w-ramka); }
.wv2-filtr[aria-pressed="true"] { background: var(--w-tekst); color: var(--w-zloty); border-color: var(--w-tekst); }
.wv2-filtry-prawo { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
.wv2-tylko-dostepne, .wv2-sortuj { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 11px; border-radius: 10px; border: 1px solid var(--w-ramka); background: #fff; font-size: 14px; font-weight: 800; color: var(--w-tekst); margin: 0; cursor: pointer; }
.wv2-tylko-dostepne input { width: 18px; height: 18px; margin: 0; accent-color: var(--w-zielony); }
.wv2-sortuj select { border: 0; outline: 0; background: transparent; font-family: Barlow, Arial, sans-serif; font-size: 14px; font-weight: 800; color: var(--w-tekst); min-height: 40px; }
.wv2-kody { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 12px; }
.wv2-kod { display: flex; flex-direction: column; background: #fff; border: 1px solid var(--w-ramka); border-radius: 16px; padding: 8px; box-shadow: 0 6px 16px rgba(17,26,36,.05); transition: transform .2s cubic-bezier(.2,.8,.2,1), box-shadow .2s ease; animation: wv2Pop .32s cubic-bezier(.2,.9,.3,1.2); }
.wv2-kod:hover { transform: translateY(-4px); box-shadow: 0 18px 36px rgba(17,26,36,.12); }
.wv2-kod-min { display: block; }
.wv2-kod-tekst { display: flex; flex-direction: column; gap: 3px; padding: 10px 3px 0; }
.wv2-kod-tekst a { font-weight: 800; font-size: 14px; color: var(--w-tekst); line-height: 1.3; }
.wv2-kod-tekst small { font-size: 11px; font-weight: 700; color: var(--w-szary); }
.wv2-kod-dol { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 8px; padding: 10px 3px 2px; margin-top: auto; }
.wv2-kod-dol form { margin: 0; }
.wv2-kod-cena { display: flex; flex-direction: column; }
.wv2-kod-cena strong { font-family: var(--w-cond); font-size: 22px; font-weight: 800; line-height: 1; }
.wv2-kod-cena small { font-size: 11px; font-weight: 700; color: var(--w-szary); }
.wv2-brak-wynikow { text-align: center; padding: 22px; background: var(--w-tlo); border-radius: 14px; font-size: 15px; color: var(--w-szary2); }
.wv2-wiecej { align-self: center; }
.wv2-zaufanie { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.wv2-zaufanie > div { background: #fff; border: 1px solid var(--w-ramka); border-radius: 16px; padding: 14px; display: flex; flex-direction: column; gap: 5px; }
.wv2-zaufanie strong { font-size: 15px; font-weight: 800; }
.wv2-zaufanie span { font-size: 13px; color: var(--w-szary); line-height: 1.45; }
.wv2-zaufanie strong::before { content: ""; display: block; width: 34px; height: 34px; border-radius: 10px; margin-bottom: 6px; background: var(--w-tekst) no-repeat center/18px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f5a623' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E"); }

/* ---------- Pasek mobilny (przyklejony nad dolną nawigacją) ---------- */
.wv2-pasek-mobilny { position: fixed; left: 0; right: 0; bottom: 56px; z-index: 900; background: var(--w-ciemny2); padding: 9px 12px; display: flex; align-items: center; justify-content: space-between; gap: 10px; color: #fff; box-shadow: 0 -8px 24px rgba(0,0,0,.25); }
.wv2-pasek-mobilny > span { display: flex; flex-direction: column; min-width: 0; }
.wv2-pasek-mobilny small { font-size: 12px; color: #9aa6b5; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.wv2-pasek-mobilny strong { font-family: var(--w-cond); font-size: 23px; font-weight: 800; line-height: 1; }
.wv2-pasek-mobilny .wv2-przycisk { flex: 0 0 auto; min-height: 48px; }
.wv2--doradztwo, .wv2--cdkeye { padding-bottom: 90px; }

/* ---------- Opis kategorii (SEO) pod widokiem ---------- */
.wv2-seo { margin-top: 6px; }
/* drugi tekst SEO pod widokiem (poprawki 1): zwykły tekst artykułowy, bez zwijania; pusty = brak elementu */
.wv2-seo2 { background: #fff; border: 1px solid var(--w-ramka); border-radius: 18px; padding: 18px; color: var(--w-szary2); font-size: 15px; line-height: 1.65; }
.wv2-seo2 > * { max-width: 820px; }
.wv2-seo2 h2 { margin: 18px 0 8px; font-family: var(--w-cond); font-size: 26px; font-weight: 800; line-height: 1.1; color: var(--w-tekst); }
.wv2-seo2 h3 { margin: 16px 0 6px; font-size: 18px; font-weight: 800; line-height: 1.25; color: var(--w-tekst); }
.wv2-seo2 > :first-child { margin-top: 0; }
.wv2-seo2 p { margin: 0 0 12px; }
.wv2-seo2 ul, .wv2-seo2 ol { margin: 0 0 12px; padding-left: 22px; }
.wv2-seo2 ul { list-style: disc; }
.wv2-seo2 ol { list-style: decimal; }
.wv2-seo2 li { margin: 4px 0; }
.wv2-seo2 a { text-decoration: underline; }
.wv2-seo--zwiniety > summary { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 14px; border-radius: 12px; border: 1px solid var(--w-ramka); background: #fff; font-weight: 800; font-size: 14px; color: var(--w-szary2); }
.wv2-seo--zwiniety[open] > summary { margin-bottom: 12px; }

/* ---------- Animacje ---------- */
@keyframes wv2Pop { from { transform: translateY(6px) scale(.98); } to { transform: none; } }
@keyframes wv2Polysk { 0%, 60% { transform: translateX(-60%); } 90%, 100% { transform: translateX(60%); } }
@keyframes wv2Puls { 0%, 100% { opacity: .5; } 50% { opacity: 1; } }
.wv2-puls { animation: wv2Puls 2.4s ease-in-out infinite; }
@keyframes wv2Skan { 0% { transform: translateY(-40%); } 100% { transform: translateY(260%); } }
@keyframes wv2Ok { 0%, 40% { opacity: 0; transform: scale(.6); } 48%, 88% { opacity: 1; transform: scale(1); } 94%, 100% { opacity: 0; } }
@keyframes wv2Feed { from { transform: translateY(0); } to { transform: translateY(-156px); } }
@keyframes wv2Stempel { 0%, 50% { opacity: 0; transform: rotate(-12deg) scale(1.8); } 55%, 80% { opacity: 1; transform: rotate(-12deg) scale(1); } 86%, 100% { opacity: 0; transform: rotate(-12deg) scale(1); } }
@keyframes wv2Pisz { 0%, 10% { width: 0; } 45%, 88% { width: calc(14ch + 15px); } 100% { width: 0; } }
@keyframes wv2Kursor { 50% { opacity: 0; } }
@keyframes wv2Wiersz { 0%, 20% { opacity: .2; filter: blur(1.5px); } 30%, 92% { opacity: 1; filter: none; } 100% { opacity: .2; filter: blur(1.5px); } }
@keyframes wv2Kupiono { 0%, 52% { opacity: 0; transform: translateX(10px); } 58%, 84% { opacity: 1; transform: none; } 90%, 100% { opacity: 0; } }
@keyframes wv2Palak { 0%, 14% { transform: translateY(0) rotate(0); } 24%, 86% { transform: translateY(-9px) rotate(-28deg); } 96%, 100% { transform: none; } }
@keyframes wv2Klodka { 0%, 19% { fill: #3a4558; } 20%, 90% { fill: #17a557; } 91%, 100% { fill: #3a4558; } }
@keyframes wv2Ring { 0%, 19% { opacity: 0; transform: scale(.6); } 22% { opacity: .9; } 40%, 100% { opacity: 0; transform: scale(2.4); } }
@keyframes wv2Slot { 0%, 82% { box-shadow: 0 0 0 0 rgba(61,220,132,0); border-color: #2f3b4f; } 88% { box-shadow: 0 0 0 8px rgba(61,220,132,.25); border-color: #3ddc84; } 100% { border-color: #3ddc84; } }
.wv2-k-wiersz { animation: wv2Wiersz 6s ease-in-out infinite; }
.wv2-k-kupiono { animation: wv2Kupiono 6s ease-in-out infinite; }
.wv2-k-palak { transform-box: fill-box; transform-origin: 85% 100%; animation: wv2Palak 6s cubic-bezier(.5,0,.2,1) infinite; }
.wv2-k-klodka { animation: wv2Klodka 6s steps(1) infinite; }
.wv2-k-ring { transform-box: fill-box; transform-origin: 50% 50%; animation: wv2Ring 6s ease-out infinite; }
@keyframes wv2Rosnie { from { transform: scaleX(0); } to { transform: scaleX(1); } }
@keyframes wv2Drift { from { transform: scale(1) translateY(0); } to { transform: scale(1.07) translateY(-2%); } }
@keyframes wv2Foil { 0%, 100% { background-position: 100% 0; } 50% { background-position: 0% 0; } }
@media (prefers-reduced-motion: reduce) {
  .wv2 *, .wv2 *::before, .wv2 *::after, .wv2-min *, .wv2-min::after { animation: none !important; transition: none !important; }
  .wv2-cd-pisanie { width: calc(14ch + 15px); }
  .wv2-k-kupiono, .wv2-d-ok, .wv2-sn-kupiono { opacity: 1; }
}

/* ---------- Od 768 px: desktop ---------- */
@media (min-width: 768px) {
  .wv2 { gap: 20px; padding-top: 14px; }
  .wv2-h2 { font-size: 30px; }
  .wv2-hero { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); min-height: 420px; border-radius: 24px; align-items: center; }
  .wv2-hero-tlo { position: absolute; top: 0; right: 0; bottom: 0; width: 70%; height: auto; background-position: right center; }
  .wv2-hero-tlo::after { background: linear-gradient(90deg, rgba(4,8,13,1) 0%, rgba(4,8,13,.65) 22%, rgba(4,8,13,0) 55%); }
  .wv2-hero-tekst { grid-column: 1; padding: 36px; gap: 14px; }
  .wv2-hero-anim { position: relative; grid-column: 2; grid-row: 1; height: 100%; min-height: 420px; top: auto; left: auto; right: auto; }
  .wv2-hero-opis { font-size: 17px; }
  .wv2-hero-tag { font-size: 12px; }
  .wv2-karta-sekcji { padding: 22px 24px 24px; border-radius: 22px; }
  .wv2-zakladki { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 0; padding: 0; overflow: visible; }
  .wv2-zakladka { min-height: 64px; padding: 10px 14px; border-radius: 14px; }
  .wv2-zakladka-tekst strong { font-size: 17px; }
  .wv2-zakladka-tekst small { font-size: 12px; }
  .wv2-konta-siatka { grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 16px; align-items: stretch; }
  .wv2-konto { border-radius: 18px; }
  .wv2-poziom { height: 168px; padding: 14px 16px 12px; }
  .wv2-poziom-napis { font-size: 58px; }
  .wv2-poziom-napis--dlugi { font-size: 50px; }
  .wv2-poziom-srodek { gap: 8px; }
  .wv2-poziom-podpis { font-size: 9.5px; letter-spacing: 2.6px; }
  .wv2-poziom-podpis i { flex-basis: 18px; }
  .wv2-konto-tresc { padding: 14px 16px 16px; gap: 12px; }
  .wv2 .wv2-konto-tytul { font-size: 22px; height: 2.1em; }
  .wv2-konto-pole { height: 50px; padding: 8px 10px; gap: 2px; }
  .wv2-konto-dol { display: flex; flex-direction: column; align-items: stretch; gap: 12px; }
  .wv2-konto-cena { gap: 2px; }
  .wv2-konto-cena .wv2-cena { font-size: 32px; }
  .wv2-konto-dol .wv2-przycisk--pelny { width: 100%; font-size: 16px; }
  .wv2-konto-dol .wv2-przycisk--obrys { font-size: 15px; }
  .wv2 .wv2-sortuj-opcja { min-height: 36px; }
  .wv2-kontakty { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  .wv2-seo2 { padding: 22px 24px; border-radius: 20px; }
  .wv2-pusto { flex-direction: row; align-items: center; gap: 22px; padding: 26px; }
  .wv2-pusto-ikona { width: 120px; height: 120px; flex: 0 0 120px; border-radius: 28px; }
  .wv2-k-rynek .wv2-k-wiersz { display: flex; }
  .wv2-k-rynek .wv2-k-kupiono { display: block; }
  .wv2-k-rynek { right: 28px; top: auto; bottom: 28px; width: 200px; padding: 12px; gap: 7px; background: rgba(11,18,27,.82); }
  .wv2-k-rynek-gora { font-size: 15px; }
  .wv2-k-karta { width: 22px; height: 30px; flex-basis: 22px; }
  .wv2-k-cena { font-size: 14px; }
  .wv2-k-ok { font-size: 10px; }
  .wv2-k-kupiono { font-size: 11px; padding: 8px 4px; }
  .wv2-pakiety-tabs { display: none; }
  .wv2-pakiety { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
  .wv2[data-plat="ps_xbox"] .wv2-pakiet[data-dla="ps_xbox"], .wv2[data-plat="pc"] .wv2-pakiet[data-dla="pc"] { display: flex; }
  .wv2-d-formularz { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 26px; padding: 26px; align-items: center; }
  .wv2-d-podglad { display: flex; }
  .wv2-d-ok { right: 40px; bottom: 40px; font-size: 12px; }
  .wv2-kroki { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
  .wv2-kroki li { padding: 16px; }
  .wv2-etapy { gap: 10px; }
  .wv2-etap { flex-direction: row; justify-content: flex-start; gap: 10px; padding: 10px 12px; font-size: 15px; text-align: left; }
  .wv2-etap span { width: 28px; height: 28px; font-size: 14px; flex: 0 0 28px; }
  .wv2-f { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 20px; align-items: start; }
  .wv2-f-bok { position: sticky; top: 16px; }
  .wv2 .wv2-f-h1 { font-size: 40px; }
  .wv2-pola-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .wv2-tryby { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .wv2-sn-rynek { left: 30px; top: 50px; width: 230px; height: 300px; }
  .wv2-sn-rynek-gora { height: 34px; font-size: 11px; }
  .wv2-sn-feed { top: 40px; gap: 8px; padding: 0 9px; }
  .wv2-sn-wiersz { height: 30px; }
  .wv2-sn-karta { width: 18px; height: 24px; flex-basis: 18px; }
  .wv2-sn-wiersz b { font-size: 13px; }
  .wv2-sn-wiersz i { font-size: 10px; }
  .wv2-sn-kupiono { right: auto; left: 250px; bottom: auto; top: 190px; font-size: 26px; }
  .wv2-sn-klub { display: flex; position: absolute; right: 24px; bottom: 30px; width: 150px; flex-direction: column; gap: 8px; }
  .wv2-sn-klub small { font-size: 10px; font-weight: 800; letter-spacing: 1.3px; color: #c3cbd6; }
  .wv2-sn-sloty { display: grid; grid-template-columns: repeat(3, 1fr); gap: 7px; }
  .wv2-sn-sloty i { height: 60px; border-radius: 8px; background: rgba(19,29,42,.85); border: 1px solid #22344a; }
  .wv2-sn-sloty i.wv2-sn-slot { border: 2px dashed #2f3b4f; animation: wv2Slot 6s ease-out infinite; }
  .wv2-sn-produkt-gora { grid-template-columns: 96px minmax(0, 1fr); }
  .wv2-sn-ikona { width: 96px; height: 120px; }
  .wv2-cd-kod { left: 0; right: auto; bottom: 28px; width: 330px; padding: 12px 14px; gap: 8px; }
  .wv2-cd-kod small { font-size: 11px; }
  .wv2-cd-kod-tekst { font-size: 22px; }
  .wv2-cd-wyslany { display: inline-flex; align-self: flex-start; align-items: center; gap: 8px; background: #17a557; color: #fff; border-radius: 8px; padding: 4px 10px; font-size: 12px; font-weight: 800; animation: wv2Kupiono 6s ease-in-out infinite; }
  .wv2-marki { grid-template-columns: repeat(var(--kol, 3), minmax(0, 1fr)); gap: 12px; }
  .wv2-marka { display: grid; grid-template-columns: 92px minmax(0, 1fr); align-items: center; gap: 14px; padding: 10px 14px 10px 10px; border-radius: 16px; }
  .wv2-marka-min { width: 92px; }
  .wv2-marka-tekst strong { font-size: 19px; }
  .wv2-marka-tekst small { font-size: 13px; }
  .wv2-nominaly { grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 16px; }
  .wv2-nominal { padding: 7px; border-radius: 18px; }
  .wv2-nominal-ceny strong { font-size: 24px; }
  .wv2-nominal-ceny small { font-size: 12px; }
  .wv2-twoj-wybor { flex-wrap: nowrap; padding: 16px 18px; gap: 18px; }
  .wv2-twoj-wybor-min { width: 120px; flex-basis: 120px; }
  .wv2-twoj-wybor-kup { flex: 0 0 auto; flex-wrap: nowrap; }
  .wv2-twoj-wybor-kup .wv2-przycisk { flex: 0 0 auto; min-height: 54px; }
  .wv2-twoj-wybor-cena strong { font-size: 36px; }
  .wv2-twoj-wybor-brak { flex: 0 0 auto; }
  .wv2-jak { display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: 16px; align-items: start; padding: 16px; }
  .wv2-jak-tytul { margin-bottom: 0; }
  .wv2-jak ol { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .wv2-szukaj { width: 340px; }
  .wv2-filtry { flex-direction: row; justify-content: space-between; align-items: center; }
  .wv2-filtry-marki { margin: 0; padding: 0; flex-wrap: wrap; overflow: visible; }
  .wv2-kody { grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 16px; }
  .wv2-kod { padding: 10px; border-radius: 18px; }
  .wv2-kod-cena strong { font-size: 26px; }
  .wv2-zaufanie { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
  .wv2-pasek-mobilny { display: none !important; }
  .wv2--doradztwo, .wv2--cdkeye { padding-bottom: 24px; }
  .wv2-tresc { padding: 22px 24px; border-radius: 20px; gap: 14px; }
  .wv2-tresc h2, .wv2-tresc .wv2-tresc-h2 { font-size: 28px; }
}

/* ---------- Snajpienie: treść bloku (widełki EA, trzy powody, to jest / to nie jest) ---------- */
.wv2-widelki { position: relative; height: 110px; background: #121c28; border: 1px solid #1d2a3a; border-radius: 14px; margin: 4px 0; }
.wv2-widelki > span { position: absolute; display: block; font-size: 0; line-height: 0; }
.wv2-widelki .wv2-widelki-os { left: 14px; right: 14px; top: 62px; height: 10px; border-radius: 5px; background: #1d2a3a; }
.wv2-widelki .wv2-widelki-ea { left: 10%; width: 28%; top: 58px; height: 18px; border-radius: 6px; background: linear-gradient(90deg, #3a4558, #8f9bab); transform-origin: left center; }
.wv2-widelki .wv2-widelki-max { left: 38%; top: 50px; width: 2px; height: 34px; background: #ff7a7a; }
.wv2-widelki .wv2-widelki-karta { left: 74%; top: 54px; width: 26px; height: 26px; border-radius: 50%; background: var(--w-zloty); box-shadow: 0 0 18px rgba(245,166,35,.7); animation: wv2Puls 2.2s ease-in-out infinite; }
.wv2-widelki .wv2-widelki-opis-ea, .wv2-widelki .wv2-widelki-opis-karta { top: 10px; font-size: 12px; line-height: 1.35; color: #9aa6b5; display: flex; flex-direction: column; }
.wv2-widelki .wv2-widelki-opis-ea { left: 10%; }
.wv2-widelki .wv2-widelki-opis-karta { right: 14px; text-align: right; align-items: flex-end; }
.wv2-widelki b { font-size: 11px; letter-spacing: .8px; color: #c3cbd6; }
.wv2-widelki .wv2-widelki-opis-karta b { color: var(--w-zloty-jasny); }
.wv2-widelki .wv2-widelki-opis-max { left: calc(38% + 8px); top: 86px; font-size: 11px; line-height: 1.2; font-weight: 800; color: #ff9b9b; }
@supports (animation-timeline: view()) { .wv2-widelki .wv2-widelki-ea { animation: wv2Rosnie linear both; animation-timeline: view(); animation-range: entry 20% cover 45%; } }
.wv2-trzy { display: grid; grid-template-columns: 1fr; gap: 12px; }
.wv2-trzy p { border-top: 2px solid #3a4558; padding-top: 10px; font-size: 14px; color: #9aa6b5 !important; line-height: 1.5; }
.wv2-trzy p strong { display: block; font-size: 16px; color: #fff; }
.wv2-trzy p.wv2-trzy-czerwony { border-top-color: #ff7a7a; }
.wv2-trzy p.wv2-trzy-zielony { border-top-color: var(--w-zielony-jasny); }
.wv2-to-jest, .wv2-to-nie { position: relative; border-radius: 14px; padding: 14px 14px 14px 56px; font-size: 14px; line-height: 1.5; color: #c3cbd6 !important; }
.wv2-to-jest { background: rgba(23,120,63,.14); border: 1px solid #2c5a33; }
.wv2-to-nie { background: #121c28; border: 1px solid #1d2a3a; }
.wv2-to-jest strong, .wv2-to-nie strong { display: block; font-size: 16px; color: #fff; }
.wv2-to-jest::before, .wv2-to-nie::before { position: absolute; left: 14px; top: 14px; width: 30px; height: 30px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 800; color: #fff; }
.wv2-to-jest::before { content: "✓"; background: var(--w-zielony); }
.wv2-to-nie::before { content: "×"; background: #3a4558; }
.wv2-info-niebieska { font-size: 14px; color: var(--w-szary2); line-height: 1.5; background: #f2f6ff; border: 1px solid #cfdcf7; border-radius: 12px; padding: 12px 14px; }
.wv2-sn-linki p { display: flex; flex-wrap: wrap; gap: 8px 14px; }
@media (min-width: 768px) {
  .wv2-trzy { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .wv2-widelki { height: 120px; }
}
.wv2-tresc .wv2-tresc { height: auto; padding: 14px; }
.wv2-tresc .wv2-dwie { gap: 12px; }

/* snajpienie: zdjęcie hero ma już rynek i celownik - z animacji makiety zostaje stempel i klub */
.wv2-sn-rynek { display: none !important; }
.wv2-tylko-marka:not(.wv2-aktywna) { display: none !important; }
.wv2-marka-min .wv2-min-logo { display: none; }
.wv2-marka-min .wv2-min-gora { justify-content: flex-end; }
.wv2-twoj-wybor-min .wv2-min-jedn { display: none; }
@media (max-width: 767px) {
  .wv2-kod .wv2-min { --wv2-pad: 9px; border-radius: 10px; }
  .wv2-kod .wv2-min-wartosc { font-size: 28px; }
  .wv2-kod .wv2-min-jedn { font-size: 8px; }
  .wv2-kod .wv2-min-logo { height: 19px; font-size: 9.5px; padding: 0 6px; }
  .wv2-kod .wv2-min-region, .wv2-kod .wv2-min-24 { font-size: 8px; }
  .wv2-kod .wv2-min-nazwa { font-size: 15px; }
  .wv2-kod-dol .wv2-przycisk--maly { width: 100%; }
  .wv2-kod-dol form { width: 100%; }
}

/* ---------- Poprawki 2026-10-22 ---------- */

/* Kafle obok siebie (dwie kolumny niezaleznej wysokosci): Doradztwo - "Na Twoim koncie" + "Zasady", "Co dostajesz" + FAQ.
   Na telefonie kolumny znikaja (display: contents), a bloki ida w dotychczasowej kolejnosci (style order w widoku). */
.wv2-kolumny { display: flex; flex-direction: column; gap: 14px; }
.wv2-kolumna { display: contents; }
@media (min-width: 768px) {
  .wv2-kolumny { flex-direction: row; align-items: flex-start; gap: 20px; }
  .wv2-kolumna { display: flex; flex-direction: column; gap: 20px; flex: 1 1 0; min-width: 0; }
  .wv2-kolumna .wv2-tresc { height: auto; }
}

/* Snajpienie: lewa karta (zamowienie) bez rozciagania do wysokosci checklisty; na komputerze idzie za przewijaniem */
.wv2-sn-zamow { align-items: flex-start; }
@media (min-width: 768px) {
  .wv2-sn-kup { position: sticky; top: 16px; }
}

/* Doradztwo: wiersze tabel Standard i Premium na tej samej wysokosci (subgrid; liczba wierszy z widoku: --wv2-wiersze) */
@media (min-width: 768px) {
  @supports (grid-template-rows: subgrid) {
    .wv2-pakiety { row-gap: 0; }
    .wv2[data-plat="ps_xbox"][data-pakiet] .wv2-pakiety > .wv2-pakiet[data-dla="ps_xbox"][data-pakiet-karta], .wv2[data-plat="pc"][data-pakiet] .wv2-pakiety > .wv2-pakiet[data-dla="pc"][data-pakiet-karta] { display: grid; grid-template-rows: subgrid; grid-row: span calc(var(--wv2-wiersze, 0) + 2); row-gap: 12px; }
    .wv2-pakiet-wiersze { display: grid; grid-template-rows: subgrid; grid-row: span var(--wv2-wiersze, 1); row-gap: 0; }
    .wv2-pakiet form, .wv2-pakiet > .wv2-status { align-self: end; }
  }
}

/* CD-Keye: podpis kwoty na malych miniaturach (wybor kwoty, lista na telefonie) bez ucinania - "KOD 24/7" znika
   (to samo mowi linia "automat 24/7" pod nazwa), podpis moze zajac dwie linie */
.wv2-min--sm .wv2-min-24 { display: none; }
.wv2-min--sm .wv2-min-jedn { white-space: normal; overflow: visible; text-overflow: clip; line-height: 1.15; }
@media (max-width: 767px) {
  .wv2-kod .wv2-min-24 { display: none; }
  .wv2-kod .wv2-min-jedn { white-space: normal; overflow: visible; text-overflow: clip; line-height: 1.15; }
  /* trzy platformy w jednym rzedzie zamiast samotnego kafla w drugim */
  .wv2-marki[style*="--kol: 3"] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .wv2-marki[style*="--kol: 3"] .wv2-marka-min { width: 100%; max-width: 84px; }
}

/* CD-Keye: kafle pod FAQ (FC 27 Coins, FC Points) jeden pod drugim */
.wv2-cd-kafle { display: flex; flex-direction: column; gap: 14px; }
.wv2-cd-kafle > p:empty { display: none; }
.wv2-cd-kafle > .wv2-kafel { flex: 0 0 auto; }

/* CD-Keye, podstrona platformy: zamiast drugiej siatki tych samych kodow - linki do pozostalych platform */
.wv2-cd-inne-linki { display: grid; grid-template-columns: 1fr; gap: 10px; }
.wv2-cd-inny { display: flex; align-items: center; gap: 12px; padding: 10px 14px 10px 10px; border-radius: 14px; background: var(--w-tlo); border: 2px solid transparent; color: var(--w-tekst) !important; transition: transform .2s cubic-bezier(.2,.8,.2,1), border-color .15s ease; }
.wv2-cd-inny:hover { transform: translateY(-2px); border-color: var(--wv2-m-kolor, var(--w-tekst)); }
.wv2-cd-inny .wv2-marka-min { flex: 0 0 72px; width: 72px; }
.wv2-cd-inny-tekst { display: flex; flex-direction: column; min-width: 0; line-height: 1.2; }
.wv2-cd-inny-tekst strong { font-size: 16px; font-weight: 800; }
.wv2-cd-inny-tekst small { font-size: 12px; font-weight: 700; color: var(--w-szary); }
.wv2-cd-inny-strzalka { margin-left: auto; font-weight: 800; color: var(--w-zloty-tekst); }
.wv2-cd-inny--wszystkie { background: var(--w-ciemny2); color: #fff !important; }
.wv2-cd-inny--wszystkie .wv2-cd-inny-tekst small { color: #9aa6b5; }
.wv2-cd-inny--wszystkie .wv2-cd-inny-strzalka { color: var(--w-zloty); }
.wv2-cd-inny-ikona { flex: 0 0 52px; width: 52px; height: 52px; border-radius: 12px; background: var(--w-zloty); color: var(--w-tekst); display: flex; align-items: center; justify-content: center; font-family: var(--w-cond); font-size: 20px; font-weight: 800; }
@media (min-width: 768px) {
  .wv2-cd-inne-linki { grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 12px; }
}

/* Telefon: przyklejony pasek "Dodaj do koszyka" nad komunikatem o cookies, a zwiniety czat (LiveChat, chatbase) nad paskiem.
   Klase body.wv2-pasek-on i zmienne --wv2-pasek-dol (od dolu ekranu do paska) i --wv2-czat-dol ustawia widoki-v2.js.
   Selektor z body wygrywa z newlayout.css (#chat-widget-container { bottom: 58px !important } do 768 px). */
@media (max-width: 767px) {
  body.wv2-pasek-on .wv2-pasek-mobilny { bottom: var(--wv2-pasek-dol, 56px); }
  body.wv2-pasek-on #chat-widget-container,
  body.wv2-pasek-on #chatbase-bubble-button,
  body.wv2-pasek-on div[id^="chatbase-bubble"] { bottom: var(--wv2-czat-dol, 140px) !important; }
}