/* Dodatkowe style */
.hero-bg {
  background-image:
    radial-gradient(60% 40% at 50% -10%, rgba(56,189,248,0.25), transparent),
    radial-gradient(40% 40% at 80% 20%, rgba(251,146,60,0.25), transparent);
}
/* 16:9 helper */
.aspect-video { position: relative; width: 100%; }
.aspect-video::before { content: ""; display: block; padding-top: 56.25%; }
.aspect-video > * { position: absolute; inset: 0; }

/* Reveal anim */
.reveal { opacity: 0; transform: translateY(20px); transition: opacity .6s, transform .6s; }
.reveal.visible { opacity: 1; transform: translateY(0); }

/* (opcjonalnie) kursory nad produktami */
.product { cursor: default; }

.hero-logo {
  margin-top: 1px;   /* przesunięcie w dół */
  height: 150;      /* wysokość logo */
  width: auto;        /* dopasuje szerokość automatycznie */
}