/*
 * Poradniki — arkusz sekcyjny (patrz komentarz o `$css` w layout_v2.php).
 * Ladowany tylko na /poradniki/ i /poradniki/<slug>/. Reguly bazowe kart
 * (.guides, .guide, .guide__cat...) zostaja w style-v2.css; tutaj tylko to,
 * co doszlo z grafikami 10 pazdziernika 2026.
 */

/* Karta z miniatura: obraz dotyka krawedzi karty (ujemne marginesy znosza
   padding 20px), rogi zaokraglone razem z karta. Proporcja 1200x630 trzymana
   przez aspect-ratio, zeby pusta karta nie skakala przy doczytaniu SVG. */
.guide--img{padding-top:0}
.guide__img{display:block;margin:0 -20px 4px;aspect-ratio:1200/630;overflow:hidden;
  border-radius:5px 5px 0 0;background:var(--panel-2);border-bottom:1px solid var(--line-soft)}
.guide__img img{display:block;width:100%;height:100%;object-fit:cover}
.guide--img:hover .guide__img img{transform:scale(1.02);transition:transform .25s ease}

/* W naglowku artykulu: pelna szerokosc kolumny, nad blokiem „Krotko". */
.artykul__obraz{margin:0 0 20px;border-radius:5px;overflow:hidden;aspect-ratio:1200/630;
  background:var(--panel-2);border:1px solid var(--line-soft)}
.artykul__obraz img{display:block;width:100%;height:100%;object-fit:cover}

/* Zestawy pod tekstem (od 11 X 2026). Siatka i karta to te same .similar
   i .card co w „Podobnych zestawach" (style-v2.css); tu tylko to, czego
   wymaga karta z dwoma linkami: czesc klikalna do strony zestawu i przycisk
   Amazon pod nia, przyklejony do dolu, zeby przyciski staly w jednej linii. */
.poradnik-zestawy{margin-top:32px;padding-top:24px;border-top:1px solid var(--line-soft)}
.poradnik-zestawy h2{font-size:22px;font-weight:700;margin:0 0 4px}
.poradnik-zestawy .similar{margin-top:16px}
.card--z .card__link{display:flex;flex-direction:column;flex:1;color:var(--text)}
.card--z .card__link:hover{color:var(--text)}
.card--z .card__go{padding:0 14px 14px}
.card--z .card__go .btn{width:100%;justify-content:center;font-size:13.5px;padding:8px 12px}

@media (prefers-reduced-motion:reduce){
  .guide--img:hover .guide__img img{transform:none;transition:none}
}