/* KADROWANIE v4 (19.10.2026 wieczór, Danusia: „ogólnie te ucięte zdjęcia - masakra na desktop i mobile”).
   Zasady: (a) ramka w naturalnych proporcjach zdjęcia tam, gdzie układ pozwala; (b) stałe ramki = proporcje zdjęć z telefonu (4:3)
   i do nich zdjęcia poziome; (c) object-position per zdjęcie tylko gdy brak pasującego; (d) BEZ rozmytego tła (kadr.js usunięty).
   Ładowane po wszystkich arkuszach motywu i podglądów. */

/* Kafle produktów (sklep, kategorie, „Folie” na głównej, karuzela): 4:3 jak zdjęcia (wcześniej kwadrat ucinał 25% każdego auta).
   Zdjęcia główne produktów są poziome; pionowe zdjęcia narzędzi (sznurek, ręcznik) w całości na tle kafla. */
.ah-karuzela__foto, .ah-k__foto { aspect-ratio: 4 / 3; }
.ah-karuzela__foto img, .ah-k__foto img { height: 100%; }
.ah-k__foto img.ah-kadr-pion, .ah-karuzela__foto img.ah-kadr-pion { object-fit: contain; }

/* Karta produktu - duże zdjęcie: zawsze całe (ramka 4:3, zdjęcia główne są poziome i wypełniają ją w całości; pionowe zdjęcia z galerii
   w pełnej wysokości na tle strony - bez szarego pola i bez rozmycia). Miniatury 4:3 z rozmiaru „medium” (nie kwadrat 150x150). */
.ah-galeria--produkt .ah-galeria__duze, .ah-p .ah-galeria--produkt .ah-galeria__duze, body.ah-wow .ah-galeria--produkt .ah-galeria__duze { background: transparent; border-color: transparent; }
.ah-galeria--produkt .ah-galeria__duze img { object-fit: contain; }
.ah-p .ah-galeria--produkt .ah-galeria__miniatury button { height: auto; aspect-ratio: 4 / 3; }
.ah-p .ah-galeria--produkt .ah-galeria__miniatury img.ah-kadr-pion { object-fit: contain; background: transparent; }
@media (max-width: 859px) { .ah-p .ah-galeria--produkt .ah-galeria__miniatury button { flex: 0 0 72px; width: 72px; height: 54px; } }

/* Dojazd (główna): zdjęcie warsztatu od frontu 4:3 w ramce 4:3 (wcześniej panorama 2,17:1 w wysokiej ramce = rozmyte pasy);
   karta dalej równa formularzowi - nadwyżkę wysokości bierze tekst, przyciski przy dolnej krawędzi. */
.ah-dojazd__foto { flex: none; min-height: 0; aspect-ratio: 4 / 3; }
.ah-dojazd__foto img { position: static; display: block; height: 100%; object-position: 50% 50%; }
.ah-dojazd__in { flex: 1 1 auto; display: flex; flex-direction: column; }
.ah-dojazd__akcje { margin-top: auto; padding-top: 16px; }
@media (max-width: 999px) and (min-width: 760px) { .ah-dojazd__foto { min-height: 0; align-self: center; } }

/* Voucher „Na co można wykorzystać”: obie ramki pionowe 9:16 jak film montażu; zdjęcie sklepu = pionowy kadr z filmu (BMW M3) - bez panoramy w wąskiej ramce. */
.ah-vn-gdzie__kafel img.ah-vn-gdzie__img-sklep { object-position: 50% 50%; }
.ah-vn-gdzie__kafel > img, .ah-vn-gdzie__kafel > .ah-vn-gdzie__wv { width: 100%; height: auto; aspect-ratio: 9 / 16; align-self: start; }

/* O nas (obecna wersja): zdjęcia w połówkach w naturalnych proporcjach (wcześniej rozciągnięte do wysokości tekstu = ucięte albo rozmyte),
   zdjęcie wyśrodkowane w pionie względem tekstu. Nagłówki stron z jednym zdjęciem (O nas, Kontakt) - zdjęcie w całości, w swoich proporcjach. */
.ah-onas-rzad .ah-pol--foto { align-self: center; }
.ah-onas-rzad .ah-pol--foto img { height: auto; aspect-ratio: auto; display: block; }
.ah-ng__foto { height: auto; aspect-ratio: auto; object-fit: contain; }

/* Karta produktu: film folii (pionowy) jako 1. element galerii - bez rozmytej kopii plakatu po bokach; film w całości na tle strony. */
.ah-galeria__film--wow { background: transparent; }
.ah-galeria__film--wow::before { display: none; }