/* Kadrowanie zdjęć serwisu (ładowane po animalis.css). Zgłoszenie właściciela 02.11.2026: przycięcie od środka
   ucinało głowy zwierząt, a tekst polecanego artykułu leżał na zwierzęciu.
   1. Punkt skupienia każdego zdjęcia (object-position) = środek obszaru ze zwierzęciem i twarzami, odczytany
      z siatki 10 % na pełnym kadrze. Działa we wszystkich miejscach, gdzie zdjęcie występuje.
      Nowe zdjęcie w deploy/html/img = nowa reguła tutaj (pilnuje tests/test_zdjecia.py).
   2. Polecany artykuł: zdjęcie obok tekstu, nie pod nim. */
img[src$="/g01.jpg"]{object-position:42% 35%}
img[src$="/g02.jpg"]{object-position:47% 28%}
img[src$="/g03.jpg"]{object-position:50% 45%}
img[src$="/g04.jpg"]{object-position:60% 30%}
img[src$="/g05.jpg"]{object-position:60% 28%}
img[src$="/g06.jpg"]{object-position:38% 45%}
img[src$="/g07.jpg"]{object-position:50% 48%}
img[src$="/g08.jpg"]{object-position:35% 45%}
img[src$="/g09.jpg"]{object-position:50% 45%}
img[src$="/g10.jpg"]{object-position:50% 50%}
img[src$="/g11.jpg"]{object-position:45% 40%}
img[src$="/g12.jpg"]{object-position:45% 35%}
img[src$="/g13.jpg"]{object-position:55% 50%}
img[src$="/g14.jpg"]{object-position:48% 52%}
img[src$="/g15.jpg"]{object-position:50% 12%}
img[src$="/g16.jpg"]{object-position:45% 55%}
img[src$="/g17.jpg"]{object-position:35% 52%}
img[src$="/g19.jpg"]{object-position:45% 55%}

.polecany:not(.polecany-bez-zdjecia){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);min-height:440px;background:#1F1A17}
.polecany:not(.polecany-bez-zdjecia)::before{content:none}
.polecany .polecany-foto{position:relative;inset:auto;grid-column:2;grid-row:1;width:100%;height:100%;min-height:440px;opacity:1}
.polecany .polecany-tresc{grid-column:1;grid-row:1;align-self:center;max-width:none}
.polecany .polecany-lead{-webkit-line-clamp:4;line-clamp:4}
.karta.polecany:hover .polecany-foto{transform:none}
@media (max-width: 760px){
  .polecany:not(.polecany-bez-zdjecia){grid-template-columns:minmax(0,1fr);min-height:0}
  .polecany .polecany-foto{grid-column:1;grid-row:1;min-height:0;height:auto;aspect-ratio:4 / 3}
  .polecany .polecany-tresc{grid-row:2;padding:28px 24px 32px}
  .polecany .podpis-ilustracji{top:16px;bottom:auto}
}