/* PAGADI Hero Playlist Manager */
.hero-player .hero-youtube-layer,
.hero-player .hero-native-video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  transition: opacity .42s ease;
}

.hero-player .hero-youtube-layer {
  z-index: 1;
  overflow: hidden;
  opacity: 1;
}

.hero-player .hero-native-video {
  z-index: 2;
  display: block;
  border: 0;
  background: #050505;
  object-fit: cover;
  object-position: center;
  opacity: 0;
  pointer-events: none;
}

.hero-player.is-native .hero-native-video { opacity: 1; }
.hero-player.is-native .hero-youtube-layer { opacity: 0; }
.hero-player.is-youtube .hero-native-video { opacity: 0; }
.hero-player.is-youtube .hero-youtube-layer { opacity: 1; }

.hero-player .hero-youtube-layer > iframe,
.hero-player .hero-youtube-layer > #heroYoutubePlayer {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100vw;
  height: 56.25vw;
  min-width: 177.78vh;
  min-height: 100vh;
  border: 0;
  transform: translate(-50%, -50%) scale(1.08);
  pointer-events: none;
}

/* Jeden stabilny SVG zamiast dwóch ikon przełączanych atrybutem hidden. */
.hero-sound > svg.hero-sound-icon {
  display: block !important;
  width: 20px !important;
  height: 20px !important;
  opacity: 1 !important;
  visibility: visible !important;
  overflow: visible;
  color: inherit;
  stroke: currentColor !important;
}

.hero-sound .hero-sound-waves { display: none; }
.hero-sound .hero-sound-mute { display: inline; }
.hero-sound.has-sound .hero-sound-waves { display: inline; }
.hero-sound.has-sound .hero-sound-mute { display: none; }

@media (max-width: 767px) {
  .hero-player .hero-youtube-layer > iframe,
  .hero-player .hero-youtube-layer > #heroYoutubePlayer {
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 0;
    transform: translate(-50%, -50%) scale(1.09);
  }

  .hero-sound > svg.hero-sound-icon {
    width: 17px !important;
    height: 17px !important;
  }
}

/* =========================================================
   PAGADI Hero Playlist 1.1.0 — reliable sound icon + preloader
   ========================================================= */
.hero-sound > svg.hero-sound-icon{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
.hero-sound::after{
  content:"";
  display:block;
  width:20px;
  height:20px;
  background-position:center;
  background-repeat:no-repeat;
  background-size:contain;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='11 5 6 9 2 9 2 15 6 15 11 19 11 5'/%3E%3Cpath d='M23 9 17 15'/%3E%3Cpath d='M17 9 23 15'/%3E%3C/svg%3E");
}
.hero-sound.has-sound::after{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23050505' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='11 5 6 9 2 9 2 15 6 15 11 19 11 5'/%3E%3Cpath d='M19.07 4.93a10 10 0 0 1 0 14.14'/%3E%3Cpath d='M15.54 8.46a5 5 0 0 1 0 7.07'/%3E%3C/svg%3E");
}

.pagadi-site-preloader{
  position:fixed;
  inset:0;
  z-index:2147483646;
  display:grid;
  place-items:center;
  background:#050505;
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transition:opacity .42s ease,visibility .42s ease;
}
.pagadi-site-preloader::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 50% 42%,rgba(255,192,0,.10),transparent 34%),
    linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:auto,64px 64px,64px 64px;
  opacity:.8;
}
.pagadi-site-preloader.is-hidden{
  opacity:0;
  visibility:hidden;
  pointer-events:none;
}
.pagadi-site-preloader__inner{
  position:relative;
  z-index:1;
  width:min(280px,70vw);
  display:grid;
  justify-items:center;
  gap:16px;
}
.pagadi-site-preloader__logo{
  display:grid;
  place-items:center;
  min-height:76px;
}
.pagadi-site-preloader__logo-image{
  display:block;
  width:auto!important;
  height:auto!important;
  max-width:min(190px,55vw)!important;
  max-height:76px!important;
  object-fit:contain!important;
}
.pagadi-site-preloader__logo strong{
  color:#fff;
  font:900 34px/1 Montserrat,Arial,sans-serif;
  letter-spacing:-.05em;
}
.pagadi-site-preloader__line{
  position:relative;
  width:100%;
  height:2px;
  overflow:hidden;
  border-radius:999px;
  background:rgba(255,255,255,.10);
}
.pagadi-site-preloader__line i{
  position:absolute;
  inset:0;
  display:block;
  background:#ffc000;
  transform:translateX(-100%);
  animation:pagadiPreloaderLine 1.05s cubic-bezier(.65,0,.35,1) infinite;
}
.pagadi-site-preloader__caption{
  color:rgba(255,255,255,.50);
  font:800 8px/1.2 Montserrat,Arial,sans-serif;
  letter-spacing:.18em;
  text-transform:uppercase;
}
@keyframes pagadiPreloaderLine{
  0%{transform:translateX(-105%)}
  50%{transform:translateX(0)}
  100%{transform:translateX(105%)}
}
@media(max-width:767px){
  .hero-sound::after{width:17px;height:17px}
  .pagadi-site-preloader__inner{width:min(230px,68vw);gap:13px}
  .pagadi-site-preloader__logo-image{max-width:min(160px,52vw)!important;max-height:64px!important}
}
@media(prefers-reduced-motion:reduce){
  .pagadi-site-preloader__line i{animation-duration:1.8s}
}