/* ==========================================================================
   emedia: blok rankingu widocznosci agencji w AI na hubach uslug (7.09.2026)
   Jeden link z obrazem w natywnych proporcjach (pas 21:9 na komputerze,
   kwadrat na telefonie, bez przycinania), bez ramki i cienia, z odstepami
   jak miedzy sasiednimi blokami katalogu.

   Gdzie wystepuje znacznik (section.em-promo-hub.fit):
   - huby kategorii pozycjonowanie-seo, content-marketing, seo-lokalnie i wordpress
     oraz produkt audyt-seo: wypisuje emedia_ranking_promo_hub() z inc/functions-settings.php
     (listy slugow w stalych EMEDIA_RANKING_PROMO_KATEGORIE i EMEDIA_RANKING_PROMO_PRODUKTY),
     wolana z archive-product.php i woocommerce/content-single-product.php;
   - strona /software/kompetencje/strony-internetowe (id 6209): ten sam znacznik
     wklejony w tresc strony.
   Arkusz laduje emedia_ranking_promo_zasoby() na kazdej podstronie.

   Wgrywanie po zmianie:
   node narzedzia/motyw-wgraj.mjs css/emedia-promo-huby.css kod/motyw-emedia/css/emedia-promo-huby.css
   node narzedzia/wpsc-wyczysc.mjs
   ========================================================================== */

.em-promo-hub { margin: 40px auto 48px; }
.em-promo-hub-link { display: block; line-height: 0; }
.em-promo-hub picture, .em-promo-hub img { display: block; width: 100%; height: auto; max-width: 100%; }
.em-promo-hub-link:focus-visible { outline: 2px solid #00A4E0; outline-offset: 4px; }

@media (max-width: 767px) {
	.em-promo-hub { margin: 26px auto 30px; }
	.em-promo-hub img { max-width: 480px; margin: 0 auto; }
}