/* LP Black Weeks – wariant V2A (2026-11-11): kolory i fonty marki Natural połączone z ciemnym kluczem kampanii.
   Ładowany po style.css, tylko gdy .bw-lp ma klasę .bw-v2a (podgląd: ?styl=v2a).
   Ciemne sceny kampanii (hero, baner z wikingiem) zostają; część sklepowa: beż, granat, zieleń „do koszyka”, złoto marki.
   Fonty: Source Serif 4 Bold Italic = słowa mocy (.bw-pw), Source Sans 3 = reszta; nagłówek hero „20% EXTRA” w Source Sans 3 Black.
   Fonty z paczki (fonts/, woff2 z Google Fonts, podzbiory latin + latin-ext, licencja OFL 1.1): bez zapytań do Google. */

@font-face { font-family: "Source Sans 3"; font-style: normal; font-weight: 200 900; font-display: swap;
  src: url("fonts/source-sans-3-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Source Sans 3"; font-style: normal; font-weight: 200 900; font-display: swap;
  src: url("fonts/source-sans-3-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Source Serif 4"; font-style: italic; font-weight: 700; font-display: swap;
  src: url("fonts/source-serif-4-bold-italic-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Source Serif 4"; font-style: italic; font-weight: 700; font-display: swap;
  src: url("fonts/source-serif-4-bold-italic-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

.bw-lp.bw-v2a {
  --ink: #010102;
  --blue: #1E3169;
  --muted: #5d6272;
  --strike: #9a9aa3;
  --line: #ebe3d8;
  --line-2: #dcd2c4;
  --bg: #FBF9F4;
  --bg-2: #F7F1EA;
  --card: #FFFFFF;
  --gold: #E8C966;
  --gold-2: #f1da92;
  --orange: #E8C966;
  --gold-text: #1E3169;
  --green: #068919;
  --green-2: #05741a;
  --red: #c80100;
  --cart-price: #068919;
  --dark: #0b0f1f;
  --display: "Source Sans 3", "Source Sans Pro", system-ui, sans-serif;
  --serif: "Source Serif 4", "Source Serif Pro", Georgia, serif;
  font-family: "Source Sans 3", "Source Sans Pro", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  font-size: 16px;
}
.bw-v2a .bw-pw { font-family: var(--serif); font-style: italic; font-weight: 700; letter-spacing: -.01em; }

/* ---------- Przyciski ---------- */
.bw-v2a .bw-btn { border-radius: 4px; font-weight: 700; letter-spacing: .03em; text-transform: uppercase; }
.bw-v2a .bw-btn--gold { background: var(--gold); color: var(--blue); }
.bw-v2a .bw-btn--gold:hover { background: var(--gold-2); }
.bw-v2a .bw-btn--ink, .bw-v2a .bw-card .bw-btn--ink { background: var(--green); color: #fff; }
.bw-v2a .bw-btn--ink:hover, .bw-v2a .bw-card .bw-btn--ink:hover { background: var(--green-2); color: #fff; }

/* ---------- Hero: ciemna scena kampanii, złoto marki zamiast ognia ---------- */
.bw-v2a .bw-hero__bw { font-family: var(--display); font-weight: 700; letter-spacing: .14em; font-size: clamp(20px, 6vw, 40px);
  text-shadow: 0 2px 10px rgba(0,0,0,.5); }
.bw-v2a .bw-hero__title { font-family: var(--display); font-weight: 900; letter-spacing: -.01em; text-shadow: 0 2px 14px rgba(0,0,0,.55); }
/* „20% EXTRA” w hero: bezszeryfowy Source Sans 3 Black (decyzja 2026-11-11), nie serif */
.bw-v2a .bw-hero__title .bw-pw, .bw-v2a .bw-hero__title .bw-fire { font-family: var(--display); font-style: normal; font-weight: 900; letter-spacing: -.01em; }
.bw-v2a .bw-fire { background: none; -webkit-background-clip: border-box; background-clip: border-box; color: var(--gold);
  font-family: var(--serif); font-style: italic; font-weight: 700; filter: drop-shadow(0 0 14px rgba(232,201,102,.45)); }
/* „na cały koszyk”: podpis, nie przycisk (V4). Wariant 1 (domyślny): złoty napis wersalikami między liniami.
   Do porównania: ?plakietka=2 (biały napis z podkreśleniem markerem), ?plakietka=3 (Source Serif italic). */
.bw-v2a .bw-hero__pill { display: inline-flex; align-items: center; gap: .65em; margin-top: 6px; padding: 0; border: 0; border-radius: 0; background: none;
  font-family: var(--display); font-weight: 700; font-size: clamp(13px, 3.7vw, 20px); line-height: 1.2; letter-spacing: .18em; text-transform: uppercase;
  color: var(--gold); text-shadow: 0 2px 10px rgba(0,0,0,.65); }
.bw-v2a .bw-hero__pill::before, .bw-v2a .bw-hero__pill::after { content: ""; width: 1.9em; height: 2px; background: currentColor; opacity: .75; }
.bw-v2a.bw-pill-2 .bw-hero__pill { gap: 0; padding: 0 .12em; letter-spacing: 0; text-transform: none; color: #fff; font-size: clamp(17px, 4.8vw, 28px);
  background: linear-gradient(transparent 60%, rgba(232,201,102,.6) 60%, rgba(232,201,102,.6) 90%, transparent 90%); }
.bw-v2a.bw-pill-3 .bw-hero__pill { gap: 0; letter-spacing: 0; text-transform: none; color: #fff; font-family: var(--serif); font-style: italic; font-weight: 700;
  font-size: clamp(19px, 5.4vw, 34px); }
.bw-v2a.bw-pill-2 .bw-hero__pill::before, .bw-v2a.bw-pill-2 .bw-hero__pill::after,
.bw-v2a.bw-pill-3 .bw-hero__pill::before, .bw-v2a.bw-pill-3 .bw-hero__pill::after { content: none; }
/* przycisk w hero: wyraźnie klikalny (wypełnienie, cień, strzałka, hover) */
.bw-v2a .bw-hero .bw-hero__cta { gap: .6em; font-family: var(--display); font-weight: 700; border-radius: 6px; background: var(--gold); color: var(--blue);
  box-shadow: 0 10px 24px rgba(0,0,0,.45), inset 0 -3px 0 rgba(0,0,0,.16); transition: transform .15s ease, box-shadow .15s ease, background-color .15s ease; }
.bw-v2a .bw-hero .bw-hero__cta::after { content: "→"; font-size: 1.15em; line-height: 1; transition: transform .15s ease; }
.bw-v2a .bw-hero .bw-hero__cta:hover { background: var(--gold-2); transform: translateY(-2px); box-shadow: 0 14px 28px rgba(0,0,0,.5), inset 0 -3px 0 rgba(0,0,0,.16); }
.bw-v2a .bw-hero .bw-hero__cta:hover::after { transform: translateX(4px); }
.bw-v2a .bw-hero .bw-hero__cta:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) { .bw-v2a .bw-hero .bw-hero__cta, .bw-v2a .bw-hero .bw-hero__cta::after { transition: none; } }

/* ---------- Pasek progów: granat marki ---------- */
.bw-v2a .bw-tiers { background: var(--blue); border-top: 0; }
.bw-v2a .bw-tiers__row > span { color: #d6dcef; }
.bw-v2a .bw-tiers__row b { font-family: var(--serif); font-style: italic; font-weight: 700; color: var(--gold); }

/* ---------- Sekcje ---------- */
.bw-v2a .bw-sec__head h2, .bw-v2a .bw-faq h2 { font-family: var(--display); font-weight: 400; color: var(--blue); letter-spacing: -.005em; }
.bw-v2a .bw-sec__head h2 .bw-pw, .bw-v2a .bw-faq h2 .bw-pw { font-size: 1.06em; }
.bw-v2a #wszystkie { background: var(--bg-2); }

/* ---------- Karty ---------- */
.bw-v2a .bw-card { border-color: var(--line); border-radius: 6px; }
.bw-v2a .bw-card:hover { border-color: var(--line-2); box-shadow: 0 8px 24px rgba(30,49,105,.08); }
.bw-v2a .bw-card__media { background: #fff; }
.bw-v2a .bw-card__name { color: var(--blue); font-weight: 600; }
.bw-v2a .bw-card__gift { background: var(--gold); color: var(--blue); font-weight: 700; }
.bw-v2a .bw-seg { border-color: var(--line-2); }
.bw-v2a .bw-seg button { font-weight: 600; color: var(--blue); border-left-color: var(--line-2); }
.bw-v2a .bw-seg button[aria-checked="true"] { background: var(--blue); color: #fff; }
.bw-v2a .bw-price__now { font-weight: 700; color: var(--ink); }
.bw-v2a .bw-incart__price { font-weight: 700; color: var(--cart-price); }
.bw-v2a .bw-incart__pct { background: var(--red); color: #fff; font-weight: 700; }
.bw-v2a .bw-incart__label svg { fill: var(--blue); }

/* ---------- Baner z wikingiem: ciemny, złoto marki ---------- */
.bw-v2a .bw-viking__kicker { font-family: var(--display); font-weight: 700; color: var(--gold); letter-spacing: .14em; }
.bw-v2a .bw-viking__title { font-family: var(--display); font-weight: 400; }
.bw-v2a .bw-viking__title .bw-pw { color: var(--gold); }
.bw-v2a .bw-viking__claim { font-family: var(--display); font-weight: 600; text-shadow: 0 2px 14px rgba(0,0,0,.5); }
.bw-v2a .bw-viking__claim .bw-pw { color: #fff; }
.bw-v2a .bw-viking__link { color: var(--gold); }

/* ---------- Zaufanie, „Jak działa”, FAQ ---------- */
.bw-v2a .bw-trust { background: var(--bg-2); border-color: var(--line); }
.bw-v2a .bw-trust__row { font-weight: 600; color: var(--blue); }
.bw-v2a .bw-trust__row svg { color: var(--green); }
.bw-v2a .bw-how__n { font-family: var(--serif); font-style: italic; font-weight: 700; color: var(--gold); -webkit-text-stroke: .4px var(--blue); }
.bw-v2a .bw-how__steps h3 { color: var(--blue); font-weight: 700; }
.bw-v2a .bw-faq summary { color: var(--blue); font-weight: 600; }
.bw-v2a .bw-faq summary::after { color: var(--blue); font-family: var(--display); }
.bw-v2a .bw-faq a, .bw-v2a .bw-legal a { color: var(--blue); }
.bw-v2a .bw-legal { background: var(--bg-2); }

/* ---------- Pasek koszyka i okna ---------- */
.bw-v2a .bw-cartbar { background: var(--blue); }
.bw-v2a .bw-cartbar__track { background: rgba(255,255,255,.22); }
.bw-v2a .bw-cartbar__meter i { background: var(--blue); border-color: rgba(255,255,255,.55); }
.bw-v2a .bw-cartbar__meter i.bw-on { background: var(--gold); border-color: var(--gold); }
.bw-v2a .bw-cartbar__text b { color: var(--gold); }
.bw-v2a .bw-sheet h3 { font-family: var(--display); font-weight: 600; color: var(--blue); }

@media (min-width: 1024px) {
  .bw-v2a .bw-hero__pill { font-size: 22px; margin-top: 8px; }
  .bw-v2a .bw-hero__pill::before { content: none; }
  .bw-v2a.bw-pill-2 .bw-hero__pill { font-size: 28px; }
  .bw-v2a.bw-pill-3 .bw-hero__pill { font-size: 34px; }
  .bw-v2a .bw-hero .bw-hero__cta { margin-top: 22px; padding: 15px 26px 15px 30px; font-size: 17px; }
  .bw-v2a .bw-hero__bw { font-size: 34px; }
  .bw-v2a .bw-hero__title { font-size: 84px; }
  .bw-v2a .bw-sec__head h2, .bw-v2a .bw-faq h2 { font-size: 34px; }
  .bw-v2a .bw-viking__title { font-size: 40px; }
}