/* desktop-hero-cover.css — obraz w hero wypełnia całą ramkę na desktopie */
@media (min-width: 1024px){
  .hero .hero-art{
    position: relative;
    overflow: hidden;
    border-radius: 18px;
    min-height: 400px; /* możesz podnieść do 460–520, jeśli chcesz wyższy hero */
  }
  .hero .hero-art picture,
  .hero .hero-art img{
    display: block;
    width: 100%;
    height: 100%;
  }
  .hero .hero-art img{
    position: absolute;
    inset: 0;
    object-fit: cover;
    object-position: center;
  }
}