/* ══════════════════════════════════════════════════════════
   NUZA — rodzeństwo próbka ↔ flakon
   Przełącznik na karcie produktu, informacja na kaflu listingu
   i pasek ikon płatności. Zmienne z theme.css (--pg-*).
   ══════════════════════════════════════════════════════════ */

/* ── przełącznik na karcie produktu ── */
.nuza-war{
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px;
  margin:22px 0 0;
}
.nuza-war-i{
  display:flex; flex-direction:column; gap:2px; justify-content:center;
  min-height:70px; padding:12px 14px;
  background:var(--pg-card); border:1.5px solid var(--pg-line);
  border-radius:var(--pg-rp); text-decoration:none; color:var(--pg-ink);
  transition:border-color .18s, background .18s, box-shadow .18s;
}
.nuza-war-i b{
  font-family:var(--pg-dsp); font-size:14.5px; font-weight:700; line-height:1.2;
}
.nuza-war-i .c{
  font-size:14px; font-weight:600; font-variant-numeric:tabular-nums;
  color:var(--pg-ink);
}
.nuza-war-i .c del{display:none}
.nuza-war-i .c ins{background:none; text-decoration:none}
.nuza-war-i .o{
  font-size:10.5px; font-weight:700; letter-spacing:var(--pg-caps);
  text-transform:uppercase; color:var(--pg-ink3);
}

/* nieaktywny kafel jest linkiem — podświetlamy go na hover */
a.nuza-war-i:hover{
  border-color:var(--pg-acc); background:var(--pg-acc-l); color:var(--pg-acc);
}
a.nuza-war-i:hover .c,
a.nuza-war-i:hover .o{color:var(--pg-acc)}

/* kafel, na którym klient stoi */
.nuza-war-i.on{
  border-color:var(--pg-ink); background:var(--pg-surf); cursor:default;
}
.nuza-war-i.on .o{color:var(--pg-ink2)}

.nuza-war-i:focus-visible{outline:2px solid var(--pg-acc); outline-offset:2px}

@media (max-width:420px){
  .nuza-war{grid-template-columns:1fr}
  .nuza-war-i{min-height:0; flex-direction:row; align-items:baseline; gap:8px; flex-wrap:wrap}
  .nuza-war-i .o{margin-left:auto}
}

/* ── „próbka od X zł" na kaflu listingu ── */
.nuza-war-od{
  display:inline-flex; align-items:center; gap:5px;
  margin:6px 0 0; padding:2px 8px;
  background:var(--pg-acc-l); color:var(--pg-acc);
  border-radius:var(--pg-rp);
  font-size:11.5px; font-weight:700; letter-spacing:.01em;
  text-decoration:none; white-space:nowrap;
}
.nuza-war-od::before{
  content:""; width:6px; height:9px; flex:none;
  border:1px solid currentColor; border-radius:1px 1px 2px 2px;
}
.nuza-war-od:hover{background:var(--pg-acc); color:#fff}

/* ── ikony płatności (BLIK, Przelewy24) ── */
.nuza-pay{display:inline-flex; align-items:center; gap:8px; flex-wrap:wrap}
.nuza-pay-i{display:block; height:28px; width:auto; color:var(--pg-ink2)}

/* stopka — dokładane obok istniejącego paska .fpay .pl */
.fpay .nuza-pay{margin-left:8px}

/* strona zamówienia — pod listą metod płatności */
.nuza-pay-row{
  display:flex; align-items:center; gap:12px; flex-wrap:wrap;
  margin-top:16px; padding-top:14px; border-top:1px solid var(--pg-line);
}
.nuza-pay-row .lbl{
  font-size:10.5px; font-weight:700; letter-spacing:var(--pg-caps);
  text-transform:uppercase; color:var(--pg-ink3);
}
