/* WebP Background Images - pridajte toto na koniec styles.css pred minifikáciou */

/* Detekcia WebP v CSS */
@supports (background-image: url('data:image/webp;base64,UklGRiYAAABXRUJQVlA4IBIAAAAwAQCdASoBAAEADsD+JaQAA3AA/v3AgAA=')) {
  .hero::before {
    background-image: url("../img/hero-laptop.webp");
  }

  main#content::before {
    background-image: url("../img/hero-datacenter.webp");
  }
}

/* Fallback pre existujúce obrázky - PNG ostanú ako default */