/*
 * Strona zestawu — arkusz sekcyjny (patrz komentarz o `$css` w layout_v2.php).
 * Tu tylko to, co doszlo 10 pazdziernika 2026: angielska nazwa pod polska
 * i dluzszy H1 („LEGO Star Wars 75192 Sokol Millennium") — o stopien
 * mniejszy, zeby na telefonie nie zajmowal pol ekranu.
 */
.summary h1{font-size:28px;line-height:1.2;text-wrap:balance}
.summary__en{font-size:15px;color:var(--text-3);margin-top:-6px;margin-bottom:6px}
@media (max-width:600px){.summary h1{font-size:24px}}

/* Alert cenowy (od 11 X 2026). Pola na pelna szerokosc kolumny bocznej,
   te same kolory co reszta paneli — zmienne z style-v2.css, wiec dziala
   w obu motywach. Pulapka na boty (.alert-form__hp) poza ekranem, a nie
   display:none — czesc botow pomija pola ukryte przez display. */
.alert-form{display:flex;flex-direction:column;gap:12px;margin-top:4px}
.alert-form__field{display:flex;flex-direction:column;gap:5px;font-size:13.5px;color:var(--text-3)}
.alert-form__field input{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:5px;
  background:var(--input);color:var(--text);font:inherit;font-size:15px}
.alert-form__field input:focus{outline:2px solid var(--orange);outline-offset:1px;border-color:var(--orange)}
.alert-form__zgoda{display:flex;gap:9px;align-items:flex-start;font-size:13px;line-height:1.45;color:var(--text-3)}
.alert-form__zgoda input{margin-top:3px;flex:none;accent-color:var(--orange)}
.alert-form .btn{width:100%;justify-content:center}
.alert-form__hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.alert-box .stats__note a{color:var(--orange-2)}

/* Oceny czytelnikow 1-5 (od 11 X 2026). Gwiazdki w HTML ida od 5 do 1,
   row-reverse odwraca je na ekranie — wtedy „button:hover ~ button"
   podswietla gwiazdki na lewo od kursora bez JavaScriptu. Srednia
   rysowana jednym napisem ★★★★★ z gradientem przycietym do tekstu:
   --p to procent wypelnienia (4,3 / 5 = 86%). */
.oceny__wynik{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;margin:2px 0 10px}
.oceny__gw{font-size:20px;letter-spacing:2px;line-height:1;
  background:linear-gradient(90deg,var(--orange) var(--p),var(--line) var(--p));
  -webkit-background-clip:text;background-clip:text;color:transparent}
.oceny__wynik .num{font-size:20px}
.oceny__z{color:var(--text-3);font-size:14px}
.oceny__n{color:var(--text-3);font-size:13.5px;margin-left:4px}
.oceny__gwiazdki{display:inline-flex;flex-direction:row-reverse;gap:2px;margin:2px 0 8px}
.oceny__gwiazdki button{font-size:30px;line-height:1;padding:2px 3px;background:none;border:0;cursor:pointer;
  color:var(--line);transition:color .12s,transform .12s}
.oceny__gwiazdki button.on{color:var(--orange)}
.oceny__gwiazdki:hover button{color:var(--line)}
.oceny__gwiazdki button:hover,.oceny__gwiazdki button:hover ~ button{color:var(--orange)}
.oceny__gwiazdki button:hover{transform:scale(1.12)}
.oceny__gwiazdki button:focus-visible{outline:2px solid var(--orange);outline-offset:2px;border-radius:4px}
.oceny .stats__note a{color:var(--orange-2)}