/**
 * WebP <picture> wrapper na zdjęciach kart produktów.
 * Filtr (inc/admin/config.php → gk_add_product_card_srcset) owija <img> w
 * <picture class="gk-pc-pic"> z <source type="image/webp">. Te reguły:
 *  - display:contents — <picture> znika z layoutu, by img height:100% nadal
 *    celował w .gk-product-card__media (aspect-ratio), nie w picture.
 *  - :has() przywraca hover-swap (po owinięciu `:only-of-type` z product-card.css
 *    przestaje działać — primary jest jedynym <img> w swoim picture).
 */
.gk-pc-pic {
	display: contents;
}

.gk-product-card__media:has(.gk-product-card__image--secondary):hover .gk-product-card__image--primary {
	opacity: 0;
}