:root{--bg:#050816;--bg2:#081329;--card:rgba(255,255,255,.078);--card2:rgba(255,255,255,.12);--line:rgba(255,255,255,.14);--text:#f7fbff;--muted:rgba(247,251,255,.72);--soft:rgba(247,251,255,.55);--a:#ff7a18;--b:#2f8cff;--c:#ff3fb4;--d:#34f5c5;--good:#48ff9d;--shadow:0 28px 90px rgba(0,0,0,.45);--r:28px;--r2:18px;--nav:82px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--text);font-family:Inter,"Segoe UI",system-ui,Arial,sans-serif;background:radial-gradient(circle at 12% 10%,rgba(255,122,24,.25),transparent 32%),radial-gradient(circle at 90% 6%,rgba(47,140,255,.25),transparent 30%),radial-gradient(circle at 54% 86%,rgba(255,63,180,.16),transparent 34%),linear-gradient(145deg,#050816,#081329 45%,#050816);overflow-x:hidden}body:before{content:"";position:fixed;inset:0;z-index:-2;background-image:linear-gradient(rgba(255,255,255,.042) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.042) 1px,transparent 1px);background-size:68px 68px;mask-image:radial-gradient(circle at 50% 30%,#000 0%,transparent 72%)}body:after{content:"";position:fixed;inset:-35%;z-index:-3;background:conic-gradient(from 180deg,rgba(255,122,24,.20),rgba(47,140,255,.20),rgba(255,63,180,.14),rgba(52,245,197,.13),rgba(255,122,24,.20));filter:blur(110px);animation:spin 30s linear infinite;opacity:.78}@keyframes spin{to{transform:rotate(360deg)}}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}img{max-width:100%;display:block}.page{width:min(1240px,calc(100% - 32px));margin:0 auto}.top{position:sticky;top:0;z-index:50;border-bottom:1px solid rgba(255,255,255,.09);background:rgba(4,8,20,.76);backdrop-filter:blur(24px)}.nav{height:var(--nav);display:flex;align-items:center;gap:18px;justify-content:space-between}.brand{display:flex;align-items:center;gap:13px;min-width:218px}.brand img{width:54px;height:54px;object-fit:contain;filter:drop-shadow(0 0 25px rgba(255,122,24,.35))}.brand b{display:block;font-size:1.12rem;letter-spacing:.4px}.brand small{display:block;color:var(--muted);font-size:.78rem}.menu{display:flex;align-items:center;justify-content:center;gap:5px;flex-wrap:wrap}.menu a,.menu button{border:1px solid transparent;border-radius:999px;background:transparent;color:var(--muted);padding:10px 12px;cursor:pointer}.menu a:hover,.menu button:hover,.menu .active{color:#fff;background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.13)}.actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.btn{border:0;border-radius:999px;padding:12px 18px;background:linear-gradient(135deg,var(--a),#ffb34c);color:#160900;font-weight:800;box-shadow:0 14px 35px rgba(255,122,24,.22);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:hover{transform:translateY(-1px)}.btn.ghost{background:rgba(255,255,255,.08);color:#fff;border:1px solid var(--line);box-shadow:none}.btn.dark{background:rgba(0,0,0,.24);color:#fff;border:1px solid var(--line);box-shadow:none}.btn.coffee{background:linear-gradient(135deg,#7a4b28,#ffb36c);color:#160900;border:1px solid rgba(255,255,255,.18);box-shadow:0 14px 35px rgba(255,179,108,.18)}.mobile{display:none}.hero{padding:64px 0 36px;display:grid;grid-template-columns:1.03fr .97fr;gap:34px;align-items:center}.kicker{display:inline-flex;align-items:center;gap:10px;color:var(--muted);border:1px solid var(--line);background:rgba(255,255,255,.06);padding:9px 13px;border-radius:999px}.dot{width:10px;height:10px;border-radius:50%;background:var(--good);box-shadow:0 0 22px var(--good)}h1{font-size:clamp(2.35rem,6vw,5.4rem);line-height:.94;margin:18px 0 18px;letter-spacing:-.07em}h2{font-size:clamp(1.55rem,3vw,2.55rem);line-height:1.05;margin:0 0 8px;letter-spacing:-.04em}h3{margin:0 0 8px;font-size:1.16rem}.grad{background:linear-gradient(90deg,#fff,var(--a),var(--b),var(--c));-webkit-background-clip:text;background-clip:text;color:transparent}.lead{font-size:1.17rem;line-height:1.66;color:var(--muted);max-width:720px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px}.mini,.card{border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.055));box-shadow:var(--shadow);border-radius:var(--r);backdrop-filter:blur(20px)}.mini{padding:18px}.mini b{display:block;font-size:1.32rem}.mini span{color:var(--muted);font-size:.91rem}.player{padding:22px 22px 10px 22px;position:relative;overflow:hidden}.player:before{content:"";position:absolute;inset:-50% -30%;background:radial-gradient(circle,rgba(255,122,24,.19),transparent 35%),radial-gradient(circle at 80% 20%,rgba(47,140,255,.16),transparent 32%);animation:float 9s ease-in-out infinite alternate;pointer-events:none}@keyframes float{to{transform:translate(5%,4%) rotate(8deg)}}.player>*{position:relative}.liveTop{display:flex;justify-content:space-between;gap:18px;align-items:center}.now b{display:block;color:var(--d);font-size:.86rem;text-transform:uppercase;letter-spacing:.12em}.now strong{display:block;font-size:1.42rem;margin:8px 0 6px}.now span{color:var(--muted)}.avatar{width:118px;height:118px;border-radius:30px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.08);display:grid;place-items:center;overflow:hidden;flex:0 0 auto}.avatar img{width:100%;height:100%;object-fit:cover}.avatar .fb{font-size:2rem;font-weight:900;color:rgba(255,255,255,.68)}.meter{height:76px;display:flex;align-items:end;gap:7px;margin:24px 0}.meter i{display:block;flex:1;border-radius:999px;background:linear-gradient(180deg,var(--d),var(--b),var(--c));min-height:10px;animation:bar 1.1s ease-in-out infinite alternate}.meter i:nth-child(2n){animation-duration:.8s}.meter i:nth-child(3n){animation-duration:1.35s}.meter i:nth-child(1){height:35%}.meter i:nth-child(2){height:58%}.meter i:nth-child(3){height:32%}.meter i:nth-child(4){height:74%}.meter i:nth-child(5){height:44%}.meter i:nth-child(6){height:88%}.meter i:nth-child(7){height:49%}.meter i:nth-child(8){height:68%}.meter i:nth-child(9){height:37%}.meter i:nth-child(10){height:82%}.meter i:nth-child(11){height:51%}.meter i:nth-child(12){height:71%}@keyframes bar{to{transform:scaleY(.45);opacity:.55}}.controls{display:flex;align-items:center;gap:14px}.play{width:60px;height:60px;border-radius:50%;border:0;background:#fff;color:#07101e;font-weight:900;font-size:1.2rem;cursor:pointer}.volume{width:100%;accent-color:var(--a)}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.chip{font-size:.88rem;color:var(--muted);border:1px solid var(--line);background:rgba(255,255,255,.06);padding:8px 11px;border-radius:999px}.section{padding:38px 0}.head{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:18px}.head p{margin:0;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px;align-items:start}.span3{grid-column:span 3}.span4{grid-column:span 4}.span5{grid-column:span 5}.span6{grid-column:span 6}.span7{grid-column:span 7}.span8{grid-column:span 8}.span12{grid-column:span 12}.card{padding:22px}.feature{display:flex;flex-direction:column;justify-content:space-between;gap:18px;min-height:225px}.feature .ico{width:52px;height:52px;border-radius:18px;display:grid;place-items:center;background:rgba(255,255,255,.10);margin-bottom:18px;font-size:1.45rem}.feature p,.card p{color:var(--muted);line-height:1.6}.liveStatus{min-height:auto;display:flex;flex-direction:column;gap:18px}.quickTiles{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:4px}.quickTiles a,.quickTiles button{border:1px solid var(--line);background:rgba(255,255,255,.07);color:#fff;border-radius:20px;padding:15px;text-align:left;cursor:pointer;min-height:88px;display:flex;flex-direction:column;justify-content:center;gap:7px}.quickTiles a:hover,.quickTiles button:hover{background:rgba(255,255,255,.12);transform:translateY(-1px)}.quickTiles b{font-size:1rem}.quickTiles span{color:var(--muted);font-size:.9rem;line-height:1.35}.embedBox{height:620px;overflow:hidden;border-radius:var(--r);border:1px solid var(--line);background:rgba(0,0,0,.16);box-shadow:var(--shadow)}.embedBox.small{height:430px}.embedBox.tall{height:760px}.embedBox iframe,.modal iframe{width:100%;height:100%;border:0;background:transparent}.quickDock{position:fixed;right:16px;bottom:16px;z-index:40;display:flex;flex-direction:column;gap:10px}.quickDock button,.quickDock a{width:48px;height:48px;border-radius:18px;border:1px solid var(--line);background:rgba(6,10,25,.72);backdrop-filter:blur(18px);display:grid;place-items:center;color:#fff;box-shadow:0 16px 40px rgba(0,0,0,.25);cursor:pointer}.modal{position:fixed;inset:0;z-index:80;background:rgba(0,0,0,.64);backdrop-filter:blur(12px);display:none;align-items:center;justify-content:center;padding:18px}.modal.open{display:flex}.modalCard{width:min(1120px,100%);height:min(820px,92vh);border:1px solid var(--line);background:#080d1f;border-radius:28px;overflow:hidden;box-shadow:0 40px 120px rgba(0,0,0,.55)}.modalHead{height:64px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 16px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.05)}.close{border:1px solid var(--line);background:rgba(255,255,255,.08);color:#fff;border-radius:999px;padding:9px 13px;cursor:pointer}.footer{padding:34px 0 44px;color:var(--muted);border-top:1px solid rgba(255,255,255,.08);margin-top:28px}.foot{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}.footer button{background:transparent;border:0;color:inherit;cursor:pointer;padding:0}.subHero{padding:44px 0 10px}.subHero .card{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center}.fbPanel{display:grid;gap:14px}.fbFrame{width:100%;min-height:420px;border:0;border-radius:22px;background:#fff}.contactForm{display:grid;gap:12px}.contactForm input,.contactForm textarea{width:100%;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.07);color:#fff;padding:13px 14px;outline:0}.contactForm textarea{min-height:160px;resize:vertical}.notice{border:1px solid rgba(52,245,197,.25);background:rgba(52,245,197,.08);color:rgba(247,251,255,.86);border-radius:22px;padding:15px;line-height:1.55}.listenLayout{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:18px}.listenSide{display:grid;gap:18px}.toast{position:fixed;left:50%;bottom:22px;transform:translateX(-50%) translateY(20px);background:#fff;color:#07101e;border-radius:999px;padding:11px 16px;font-weight:800;opacity:0;pointer-events:none;transition:.25s;z-index:90}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}@media (max-width:1050px){.mobile{display:inline-flex}.menu{position:fixed;left:16px;right:16px;top:calc(var(--nav) + 10px);display:none;padding:14px;border:1px solid var(--line);background:rgba(6,10,25,.96);border-radius:24px;box-shadow:var(--shadow)}.menu.open{display:flex}.hero,.listenLayout{grid-template-columns:1fr}.span3,.span4,.span5,.span6,.span7,.span8{grid-column:span 12}.stats{grid-template-columns:1fr 1fr}.subHero .card{grid-template-columns:1fr}.quickDock{display:none}}@media (max-width:640px){.quickTiles{grid-template-columns:1fr}.page{width:min(100% - 22px,1240px)}.nav{height:74px}.brand small{display:none}.brand img{width:44px;height:44px}.actions .btn:not(.mobile){display:none}.hero{padding-top:38px}.stats{grid-template-columns:1fr}.liveTop{align-items:flex-start}.avatar{width:86px;height:86px;border-radius:22px}.embedBox{height:560px}.embedBox.small{height:390px}.modal{padding:8px}.modalCard{height:94vh;border-radius:20px}}

.section.stackSafe{padding-top:58px}.supportStrip{margin-top:18px;display:flex;gap:12px;flex-wrap:wrap;align-items:center}.supportStrip .note{color:var(--muted);line-height:1.45}.quickDock .coffeeDock{background:linear-gradient(135deg,#7a4b28,#ffb36c);color:#160900;font-weight:900}

/* VirtualMix v5 refinements: subtelna kawa + stabilniejsze odstępy sekcji */
.liveStatus .quickTiles{grid-template-columns:1fr 1fr;}
.section.stackSafe{padding-top:74px;}
.grid{align-items:start;}


/* VirtualMix v6 — efekt WOW: animowany muzyczny hero, fale audio i pierścienie playera */
.heroWow{
  position:relative;
  min-height:calc(100vh - var(--nav));
  padding-top:78px;
  padding-bottom:72px;
  isolation:isolate;
}
.heroWow:before{
  content:"";
  position:absolute;
  inset:14px 50% 14px calc(50% - 50vw);
  z-index:-3;
  width:100vw;
  background:
    linear-gradient(90deg,rgba(5,8,22,.78),rgba(5,8,22,.38) 43%,rgba(5,8,22,.70)),
    radial-gradient(circle at 73% 35%,rgba(255,122,24,.34),transparent 30%),
    radial-gradient(circle at 37% 67%,rgba(47,140,255,.26),transparent 32%),
    radial-gradient(circle at 88% 78%,rgba(255,63,180,.25),transparent 30%),
    linear-gradient(135deg,#060817,#0b1734 42%,#14091c 76%,#070814);
  border-radius:0 0 42px 42px;
  overflow:hidden;
  box-shadow:inset 0 -80px 120px rgba(5,8,22,.65);
}
.heroWow:after{
  content:"";
  position:absolute;
  inset:14px 50% 14px calc(50% - 50vw);
  z-index:-2;
  width:100vw;
  background:
    linear-gradient(115deg,transparent 0 42%,rgba(255,255,255,.10) 43%,transparent 47% 100%),
    linear-gradient(75deg,transparent 0 58%,rgba(52,245,197,.10) 59%,transparent 62% 100%),
    repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 1px,transparent 1px 72px),
    repeating-linear-gradient(0deg,rgba(255,255,255,.028) 0 1px,transparent 1px 72px);
  opacity:.95;
  animation:heroDrift 18s ease-in-out infinite alternate;
  pointer-events:none;
  mask-image:linear-gradient(90deg,#000,rgba(0,0,0,.9) 58%,rgba(0,0,0,.35));
}
@keyframes heroDrift{to{transform:translate3d(0,-18px,0) scale(1.025);filter:hue-rotate(8deg)}}
.heroWow .heroContent{position:relative;z-index:2}
.heroScene{position:absolute;inset:-74px -20px -42px -44px;z-index:-1;pointer-events:none;overflow:hidden;border-radius:42px;opacity:.95}
.heroScene:before{
  content:"";
  position:absolute;
  width:560px;height:560px;right:-90px;top:-120px;border-radius:50%;
  background:radial-gradient(circle,rgba(255,122,24,.22),transparent 52%);
  filter:blur(10px);animation:pulseGlow 5.8s ease-in-out infinite alternate;
}
.heroScene:after{
  content:"DJ • LIVE • MUSIC";
  position:absolute;
  right:2%;bottom:12%;
  font-size:clamp(2.8rem,10vw,8.8rem);
  font-weight:950;
  letter-spacing:-.08em;
  color:rgba(255,255,255,.045);
  transform:rotate(-7deg);
  white-space:nowrap;
  text-shadow:0 0 60px rgba(255,122,24,.14);
}
.orb{position:absolute;border-radius:50%;filter:blur(.5px);opacity:.72;mix-blend-mode:screen}
.orb1{width:210px;height:210px;right:10%;top:13%;background:radial-gradient(circle,#ffb36c,transparent 68%);animation:orbMove1 12s ease-in-out infinite alternate}
.orb2{width:160px;height:160px;left:48%;bottom:10%;background:radial-gradient(circle,#2f8cff,transparent 68%);animation:orbMove2 10s ease-in-out infinite alternate}
.orb3{width:120px;height:120px;left:18%;top:52%;background:radial-gradient(circle,#ff3fb4,transparent 70%);animation:orbMove3 11s ease-in-out infinite alternate}
@keyframes pulseGlow{to{transform:scale(1.12);opacity:.68}}
@keyframes orbMove1{to{transform:translate(-46px,48px) scale(1.08)}}
@keyframes orbMove2{to{transform:translate(58px,-34px) scale(.92)}}
@keyframes orbMove3{to{transform:translate(34px,42px) scale(1.18)}}
.wave{position:absolute;left:4%;right:3%;height:130px;border:1px solid transparent;border-top-color:rgba(52,245,197,.34);border-radius:50%;filter:drop-shadow(0 0 18px rgba(52,245,197,.22));opacity:.66;animation:waveFlow 6s ease-in-out infinite alternate}
.wave1{bottom:16%;transform:rotate(-5deg)}.wave2{bottom:22%;transform:rotate(-3deg);animation-duration:7.4s;border-top-color:rgba(47,140,255,.34)}.wave3{bottom:28%;transform:rotate(-1deg);animation-duration:8.6s;border-top-color:rgba(255,63,180,.30)}
@keyframes waveFlow{to{transform:translateY(-18px) scaleX(1.08) rotate(1deg);opacity:.42}}
.beam{position:absolute;width:2px;height:540px;top:-120px;background:linear-gradient(180deg,transparent,rgba(255,255,255,.28),transparent);filter:blur(.2px);opacity:.34;transform-origin:top center;animation:beamSweep 9s ease-in-out infinite alternate}
.beam1{right:23%;transform:rotate(24deg)}.beam2{right:39%;transform:rotate(-18deg);animation-duration:11s;background:linear-gradient(180deg,transparent,rgba(47,140,255,.32),transparent)}
@keyframes beamSweep{to{transform:rotate(-26deg) translateX(-35px);opacity:.18}}
.heroPlayer{overflow:visible;z-index:2;border-color:rgba(255,255,255,.22);box-shadow:0 35px 120px rgba(0,0,0,.52),0 0 55px rgba(255,122,24,.12)}
.heroPlayer:after,.player:after{
  content:"";
  position:absolute;
  inset:-18px;
  border-radius:calc(var(--r) + 20px);
  border:1px solid rgba(255,255,255,.14);
  background:conic-gradient(from 0deg,transparent,rgba(52,245,197,.42),transparent 34%,rgba(255,122,24,.36),transparent 68%,rgba(47,140,255,.34),transparent);
  z-index:-1;
  filter:blur(.2px);
  opacity:.46;
  animation:ringSpin 12s linear infinite;
  mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  padding:1px;
  mask-composite:exclude;
  -webkit-mask-composite:xor;
}
@keyframes ringSpin{to{transform:rotate(360deg)}}
.heroPlayer .play{position:relative;box-shadow:0 0 0 8px rgba(255,255,255,.06),0 0 38px rgba(255,122,24,.32)}
.heroPlayer .play:after{
  content:"";position:absolute;inset:-13px;border-radius:50%;border:1px solid rgba(52,245,197,.32);animation:ringSpin 5.5s linear infinite;pointer-events:none
}
.liveTop .now b{position:relative;display:inline-block;padding-left:18px;color:#7dffd9;text-shadow:0 0 18px rgba(52,245,197,.42)}
.liveTop .now b:before{content:"";position:absolute;left:0;top:50%;width:9px;height:9px;border-radius:50%;background:#48ff9d;box-shadow:0 0 0 0 rgba(72,255,157,.7);transform:translateY(-50%);animation:livePulse 1.6s ease-out infinite}
@keyframes livePulse{70%{box-shadow:0 0 0 12px rgba(72,255,157,0)}100%{box-shadow:0 0 0 0 rgba(72,255,157,0)}}
.heroWow .meter{filter:drop-shadow(0 0 18px rgba(47,140,255,.18))}
.heroWow h1{max-width:760px;text-shadow:0 28px 90px rgba(0,0,0,.4)}
.heroWow .lead{max-width:660px}
@media (max-width:1050px){.heroWow{min-height:auto;padding-top:52px}.heroScene{inset:-50px -8px -26px -8px}.heroWow:after{mask-image:linear-gradient(#000,rgba(0,0,0,.55))}}
@media (max-width:640px){.heroWow{padding-top:38px;padding-bottom:42px}.heroWow:before{border-radius:0 0 28px 28px}.heroPlayer:after,.player:after{inset:-9px}.heroScene:after{font-size:3.4rem;right:-20%;bottom:22%}.wave{height:90px}.beam{display:none}}
@media (prefers-reduced-motion:reduce){.heroWow:after,.heroScene:before,.orb,.wave,.beam,.heroPlayer:after,.player:after,.heroPlayer .play:after,.liveTop .now b:before{animation:none!important}}

/* VirtualMix v7 — WZMOCNIONE ruchome HERO: widoczne światła, fale, tło i pierścienie */
.heroWow{
  overflow:visible;
}
.heroWow:before{
  background-size:160% 160%,140% 140%,140% 140%,140% 140%,100% 100%;
  animation:vmHeroBackgroundMove 9s ease-in-out infinite alternate;
}
.heroWow:after{
  opacity:1;
  background-size:220% 220%,220% 220%,72px 72px,72px 72px;
  animation:vmHeroGridMove 7s linear infinite;
}
@keyframes vmHeroBackgroundMove{
  0%{background-position:0% 50%,72% 35%,37% 67%,88% 78%,0 0;filter:hue-rotate(0deg) saturate(1)}
  100%{background-position:100% 50%,58% 48%,48% 58%,74% 65%,0 0;filter:hue-rotate(10deg) saturate(1.18)}
}
@keyframes vmHeroGridMove{
  0%{transform:translate3d(0,0,0);background-position:0 0,0 0,0 0,0 0}
  100%{transform:translate3d(-24px,-18px,0);background-position:120px 0,-90px 0,72px 72px,72px 72px}
}
.heroScene{
  opacity:1;
  mix-blend-mode:screen;
}
.heroScene:before{
  width:720px;height:720px;right:-170px;top:-160px;
  background:radial-gradient(circle,rgba(255,122,24,.40),rgba(255,63,180,.16) 34%,transparent 62%);
  filter:blur(18px);
  animation:vmPulseGlowStrong 3.8s ease-in-out infinite alternate;
}
.heroScene:after{
  opacity:.9;
  color:rgba(255,255,255,.072);
  animation:vmHeroTextDrift 13s ease-in-out infinite alternate;
}
@keyframes vmPulseGlowStrong{
  0%{transform:translate3d(0,0,0) scale(.9);opacity:.45}
  100%{transform:translate3d(-70px,55px,0) scale(1.18);opacity:.82}
}
@keyframes vmHeroTextDrift{
  0%{transform:translateX(0) rotate(-7deg)}
  100%{transform:translateX(-95px) rotate(-5deg)}
}
.orb{opacity:.9;filter:blur(2px) saturate(1.35)}
.orb1{animation:vmOrbOne 6.5s ease-in-out infinite alternate!important}
.orb2{animation:vmOrbTwo 5.8s ease-in-out infinite alternate!important}
.orb3{animation:vmOrbThree 7.2s ease-in-out infinite alternate!important}
@keyframes vmOrbOne{0%{transform:translate(0,0) scale(.95)}100%{transform:translate(-90px,72px) scale(1.25)}}
@keyframes vmOrbTwo{0%{transform:translate(0,0) scale(1.1)}100%{transform:translate(92px,-65px) scale(.82)}}
@keyframes vmOrbThree{0%{transform:translate(0,0) scale(.9)}100%{transform:translate(72px,58px) scale(1.32)}}
.wave{
  border-top-width:2px;
  opacity:.88;
  filter:drop-shadow(0 0 26px rgba(52,245,197,.42));
  animation:vmWaveMove 3.8s ease-in-out infinite alternate!important;
}
.wave2{animation-duration:4.6s!important;filter:drop-shadow(0 0 24px rgba(47,140,255,.42))}
.wave3{animation-duration:5.2s!important;filter:drop-shadow(0 0 24px rgba(255,63,180,.36))}
@keyframes vmWaveMove{
  0%{transform:translateY(0) scaleX(.94) rotate(-5deg);opacity:.52}
  100%{transform:translateY(-38px) scaleX(1.16) rotate(3deg);opacity:.98}
}
.beam{
  width:82px;
  height:720px;
  top:-190px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.20),rgba(52,245,197,.18),transparent);
  filter:blur(9px);
  opacity:.52;
  animation:vmBeamSweep 5.8s ease-in-out infinite alternate!important;
}
.beam2{
  width:96px;
  background:linear-gradient(90deg,transparent,rgba(47,140,255,.24),rgba(255,122,24,.14),transparent);
  animation-duration:7s!important;
}
@keyframes vmBeamSweep{
  0%{transform:rotate(28deg) translateX(0);opacity:.20}
  50%{opacity:.62}
  100%{transform:rotate(-24deg) translateX(-180px);opacity:.35}
}
.heroPlayer:after{
  z-index:0;
  inset:-24px;
  border:2px solid rgba(52,245,197,.18);
  opacity:.92;
  filter:drop-shadow(0 0 18px rgba(52,245,197,.32));
  animation:vmRingSpinStrong 5.5s linear infinite!important;
}
.heroPlayer:before{
  animation:vmPlayerGlowMove 5s ease-in-out infinite alternate!important;
}
.heroPlayer .play:after{
  border-width:2px;
  border-color:rgba(52,245,197,.72);
  box-shadow:0 0 22px rgba(52,245,197,.42);
  animation:vmPlayRing 2.4s linear infinite!important;
}
@keyframes vmRingSpinStrong{to{transform:rotate(360deg)}}
@keyframes vmPlayRing{to{transform:rotate(360deg) scale(1.08)}}
@keyframes vmPlayerGlowMove{
  0%{transform:translate(-6%,0) rotate(0deg);opacity:.62}
  100%{transform:translate(8%,7%) rotate(14deg);opacity:.95}
}
.liveTop .now b{
  animation:vmLiveGlow 1.8s ease-in-out infinite alternate;
}
@keyframes vmLiveGlow{to{text-shadow:0 0 28px rgba(52,245,197,.85),0 0 12px rgba(72,255,157,.75)}}
@media (max-width:640px){.beam{width:48px;height:520px;display:block}.heroScene:after{opacity:.55}.wave{border-top-width:1px}}

/* VirtualMix v8 — profesjonalizacja HERO: bez dużego rombu, subtelny glow i pierścienie przy Play */
.heroWow .heroScene{
  inset:-92px -680px -58px -54px;
  opacity:.88;
}
.heroWow .heroScene:before{
  right:8%;
  top:-135px;
  width:680px;
  height:680px;
  background:radial-gradient(circle,rgba(255,122,24,.30),rgba(255,63,180,.13) 34%,transparent 62%);
}
.heroWow .wave{
  left:2%;
  right:1%;
  opacity:.58;
}
.heroWow .beam1{right:22%;}
.heroWow .beam2{right:34%;}
.heroPlayer{
  position:relative;
  overflow:visible;
  box-shadow:
    0 36px 130px rgba(0,0,0,.54),
    0 0 62px rgba(255,122,24,.16),
    0 0 88px rgba(47,140,255,.10),
    inset 0 0 0 1px rgba(255,255,255,.055);
}
.heroPlayer:before{
  content:"";
  position:absolute;
  inset:-44px -58px -48px -58px;
  z-index:-2;
  pointer-events:none;
  background:
    radial-gradient(circle at 18% 72%,rgba(52,245,197,.26),transparent 20%),
    radial-gradient(circle at 58% 46%,rgba(255,122,24,.18),transparent 32%),
    radial-gradient(circle at 86% 20%,rgba(47,140,255,.20),transparent 25%),
    radial-gradient(circle at 78% 88%,rgba(255,63,180,.14),transparent 28%);
  filter:blur(22px) saturate(1.15);
  opacity:.78;
  animation:vmPlayerAuraPulse 4.8s ease-in-out infinite alternate!important;
}
/* Usuwa duży obracający się prostokąt/romb wokół całego playera */
.heroPlayer:after{
  display:none!important;
}
@keyframes vmPlayerAuraPulse{
  0%{transform:translate3d(-10px,-4px,0) scale(.97);opacity:.58;filter:blur(24px) saturate(1.05)}
  100%{transform:translate3d(14px,10px,0) scale(1.06);opacity:.92;filter:blur(20px) saturate(1.28)}
}
.heroPlayer .controls{
  position:relative;
  z-index:3;
}
.heroPlayer .controls:before,
.heroPlayer .controls:after{
  content:"";
  position:absolute;
  left:30px;
  top:50%;
  width:92px;
  height:92px;
  border-radius:50%;
  transform:translate(-50%,-50%);
  pointer-events:none;
  z-index:-1;
  border:1px solid rgba(52,245,197,.22);
  box-shadow:0 0 28px rgba(52,245,197,.18), inset 0 0 20px rgba(47,140,255,.10);
  animation:vmLocalAudioRing 3.8s linear infinite;
}
.heroPlayer .controls:after{
  width:118px;
  height:118px;
  border-color:rgba(255,122,24,.18);
  box-shadow:0 0 34px rgba(255,122,24,.16), inset 0 0 22px rgba(255,63,180,.09);
  animation-duration:5.8s;
  animation-direction:reverse;
}
@keyframes vmLocalAudioRing{
  0%{transform:translate(-50%,-50%) rotate(0deg) scale(.96);opacity:.46}
  50%{opacity:.86}
  100%{transform:translate(-50%,-50%) rotate(360deg) scale(1.04);opacity:.50}
}
.heroPlayer .play{
  position:relative;
  z-index:5;
  box-shadow:
    0 0 0 8px rgba(255,255,255,.06),
    0 0 30px rgba(255,122,24,.30),
    0 0 46px rgba(52,245,197,.18);
  animation:vmPlaySoftPulse 1.9s ease-in-out infinite alternate;
}
.heroPlayer .play:before{
  content:"";
  position:absolute;
  inset:-20px;
  border-radius:50%;
  border:1px dashed rgba(52,245,197,.38);
  pointer-events:none;
  animation:vmPlayRingOuter 7s linear infinite;
}
.heroPlayer .play:after{
  inset:-12px!important;
  border:2px solid rgba(52,245,197,.62)!important;
  box-shadow:0 0 24px rgba(52,245,197,.30)!important;
  animation:vmPlayRingInner 3.1s linear infinite!important;
}
@keyframes vmPlaySoftPulse{
  from{transform:scale(1);filter:drop-shadow(0 0 0 rgba(52,245,197,0))}
  to{transform:scale(1.025);filter:drop-shadow(0 0 12px rgba(52,245,197,.28))}
}
@keyframes vmPlayRingOuter{to{transform:rotate(360deg)}}
@keyframes vmPlayRingInner{to{transform:rotate(-360deg) scale(1.05)}}
.heroPlayer .meter{
  position:relative;
  z-index:2;
}
.heroPlayer .meter:before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:50%;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,transparent,rgba(52,245,197,.44),rgba(47,140,255,.34),rgba(255,63,180,.30),transparent);
  box-shadow:0 0 22px rgba(52,245,197,.22);
  opacity:.56;
  transform:translateY(-50%);
  animation:vmMeterWaveLine 2.9s ease-in-out infinite alternate;
}
@keyframes vmMeterWaveLine{
  0%{transform:translateY(-50%) scaleX(.72);opacity:.30}
  100%{transform:translateY(-50%) scaleX(1.03);opacity:.72}
}
.heroPlayer .avatar{
  box-shadow:0 0 34px rgba(47,140,255,.18),0 0 18px rgba(255,122,24,.12);
}
@media (max-width:1050px){
  .heroWow .heroScene{inset:-64px -26px -34px -26px;}
  .heroPlayer:before{inset:-34px -28px -36px -28px;}
}
@media (max-width:640px){
  .heroPlayer .controls:before{width:82px;height:82px;}
  .heroPlayer .controls:after{width:104px;height:104px;}
  .heroPlayer .play:before{inset:-16px;}
}
@media (prefers-reduced-motion:reduce){
  .heroPlayer:before,.heroPlayer .controls:before,.heroPlayer .controls:after,.heroPlayer .play,.heroPlayer .play:before,.heroPlayer .play:after,.heroPlayer .meter:before{animation:none!important;}
}


/* VirtualMix v9 — dopracowane HERO premium: pełniejsza scena, mniej marginesów, mocniejszy ruch bez tandety */
:root{--vm-page-max:1400px;}
.page{width:min(var(--vm-page-max),calc(100% - 18px));}
.heroWow{grid-template-columns:1fr 1.03fr;gap:22px;min-height:660px;padding-top:70px;}

/* pełne animowane tło przez całą szerokość hero, również za playerem */
.heroWow:before{
  inset:8px 50% 8px calc(50% - 50vw)!important;
  background:
    radial-gradient(circle at 18% 50%,rgba(255,122,24,.19),transparent 28%),
    radial-gradient(circle at 45% 70%,rgba(47,140,255,.18),transparent 30%),
    radial-gradient(circle at 76% 38%,rgba(255,122,24,.30),transparent 34%),
    radial-gradient(circle at 88% 62%,rgba(255,63,180,.20),transparent 30%),
    linear-gradient(120deg,rgba(5,8,22,.93),rgba(7,13,34,.72) 42%,rgba(20,9,28,.78) 72%,rgba(5,8,22,.92)),
    linear-gradient(135deg,#050816,#0b1734 45%,#16091f 78%,#050816)!important;
  background-size:145% 145%,150% 150%,150% 150%,150% 150%,100% 100%,100% 100%!important;
  animation:vmV9HeroBreath 7.5s ease-in-out infinite alternate!important;
  border-radius:0 0 32px 32px!important;
}
.heroWow:after{
  inset:8px 50% 8px calc(50% - 50vw)!important;
  opacity:.78!important;
  background:
    linear-gradient(110deg,transparent 0 38%,rgba(255,255,255,.07) 39%,transparent 43% 100%),
    linear-gradient(76deg,transparent 0 54%,rgba(52,245,197,.10) 55%,transparent 59% 100%),
    repeating-linear-gradient(90deg,rgba(255,255,255,.030) 0 1px,transparent 1px 60px),
    repeating-linear-gradient(0deg,rgba(255,255,255,.024) 0 1px,transparent 1px 60px)!important;
  animation:vmV9GridSlide 10s linear infinite!important;
  mask-image:linear-gradient(90deg,rgba(0,0,0,.9),#000 45%,rgba(0,0,0,.9))!important;
}
@keyframes vmV9HeroBreath{
  0%{background-position:0% 42%,35% 68%,68% 34%,90% 62%,0 0,0 0;filter:saturate(1.05) hue-rotate(0deg)}
  100%{background-position:16% 56%,50% 58%,88% 46%,74% 52%,0 0,0 0;filter:saturate(1.26) hue-rotate(8deg)}
}
@keyframes vmV9GridSlide{
  from{transform:translate3d(0,0,0);background-position:0 0,0 0,0 0,0 0}
  to{transform:translate3d(-34px,-20px,0);background-position:120px 0,-100px 0,60px 60px,60px 60px}
}

/* usuwa nieczytelny napis DJ/LIVE/MUSIC z tła */
.heroScene:after,.heroWow .heroScene:after{content:""!important;display:none!important;}

/* scena z efektami rozciągnięta pod player, a nie tylko pod tekst */
.heroWow .heroScene{inset:-96px -760px -74px -60px!important;opacity:1!important;mix-blend-mode:screen;}
.heroWow .heroScene:before{
  right:4%!important;top:-160px!important;width:820px!important;height:820px!important;
  background:radial-gradient(circle,rgba(255,122,24,.34),rgba(47,140,255,.13) 34%,rgba(255,63,180,.11) 48%,transparent 66%)!important;
  filter:blur(20px) saturate(1.2)!important;
  animation:vmV9MainGlow 4.8s ease-in-out infinite alternate!important;
}
@keyframes vmV9MainGlow{
  0%{transform:translate3d(-30px,-10px,0) scale(.92);opacity:.46}
  100%{transform:translate3d(56px,42px,0) scale(1.12);opacity:.86}
}
.orb{opacity:.86!important;filter:blur(6px) saturate(1.32)!important;}
.orb1{right:42%!important;top:18%!important;animation:vmV9Orb1 6.2s ease-in-out infinite alternate!important;}
.orb2{left:56%!important;bottom:10%!important;animation:vmV9Orb2 5.7s ease-in-out infinite alternate!important;}
.orb3{left:74%!important;top:62%!important;animation:vmV9Orb3 6.8s ease-in-out infinite alternate!important;}
@keyframes vmV9Orb1{to{transform:translate(100px,36px) scale(1.18);opacity:.98}}
@keyframes vmV9Orb2{to{transform:translate(86px,-58px) scale(.92);opacity:.78}}
@keyframes vmV9Orb3{to{transform:translate(-66px,-44px) scale(1.25);opacity:.82}}
.wave{left:0!important;right:0!important;height:155px!important;border-top-width:2px!important;opacity:.72!important;filter:drop-shadow(0 0 30px rgba(52,245,197,.38))!important;}
.wave1{bottom:21%!important;animation:vmV9Wave1 4.2s ease-in-out infinite alternate!important;}
.wave2{bottom:28%!important;animation:vmV9Wave2 5.1s ease-in-out infinite alternate!important;}
.wave3{bottom:35%!important;animation:vmV9Wave3 5.8s ease-in-out infinite alternate!important;}
@keyframes vmV9Wave1{from{transform:translateX(-20px) translateY(0) rotate(-4deg) scaleX(.94);opacity:.42}to{transform:translateX(52px) translateY(-34px) rotate(2deg) scaleX(1.14);opacity:.88}}
@keyframes vmV9Wave2{from{transform:translateX(30px) translateY(0) rotate(-2deg) scaleX(.90);opacity:.32}to{transform:translateX(-48px) translateY(-24px) rotate(3deg) scaleX(1.18);opacity:.74}}
@keyframes vmV9Wave3{from{transform:translateX(-34px) translateY(0) rotate(1deg) scaleX(.96);opacity:.30}to{transform:translateX(42px) translateY(-40px) rotate(-2deg) scaleX(1.12);opacity:.66}}
.beam{width:76px!important;height:760px!important;top:-210px!important;opacity:.42!important;filter:blur(11px)!important;}
.beam1{right:12%!important;animation:vmV9Beam1 6.4s ease-in-out infinite alternate!important;}
.beam2{right:30%!important;animation:vmV9Beam2 8s ease-in-out infinite alternate!important;}
@keyframes vmV9Beam1{from{transform:rotate(24deg) translateX(0);opacity:.20}50%{opacity:.62}to{transform:rotate(-18deg) translateX(-190px);opacity:.34}}
@keyframes vmV9Beam2{from{transform:rotate(-19deg) translateX(0);opacity:.16}50%{opacity:.48}to{transform:rotate(20deg) translateX(150px);opacity:.30}}

/* player premium: mniej prostokąta, więcej delikatnego światła */
.heroPlayer{padding:24px!important;border-color:rgba(255,255,255,.20)!important;overflow:visible!important;box-shadow:0 36px 120px rgba(0,0,0,.50),0 0 74px rgba(255,122,24,.18),0 0 94px rgba(47,140,255,.12),inset 0 0 0 1px rgba(255,255,255,.04)!important;}
.heroPlayer:before{
  inset:-58px -70px -62px -70px!important;
  background:
    radial-gradient(circle at 12% 72%,rgba(52,245,197,.30),transparent 20%),
    radial-gradient(circle at 42% 44%,rgba(255,122,24,.20),transparent 34%),
    radial-gradient(circle at 92% 20%,rgba(47,140,255,.22),transparent 27%),
    radial-gradient(circle at 86% 90%,rgba(255,63,180,.17),transparent 30%)!important;
  opacity:.86!important;
  filter:blur(24px) saturate(1.2)!important;
  animation:vmV9PlayerGlow 3.8s ease-in-out infinite alternate!important;
}
@keyframes vmV9PlayerGlow{from{transform:translate3d(-16px,-8px,0) scale(.96);opacity:.56}to{transform:translate3d(18px,14px,0) scale(1.08);opacity:.96}}

/* żadnego dużego rombu */
.heroPlayer:after{display:none!important;}

/* mocniejszy, ale elegancki ring przy samym Play */
.heroPlayer .controls{position:relative;z-index:5;}
.heroPlayer .controls:before,.heroPlayer .controls:after{
  left:30px!important;top:50%!important;border-radius:50%!important;opacity:.95!important;
  background:conic-gradient(from 0deg,transparent 0 18%,rgba(52,245,197,.90) 25%,transparent 34% 52%,rgba(47,140,255,.65) 61%,transparent 72% 100%)!important;
  border:0!important;
  padding:2px!important;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0)!important;
  -webkit-mask-composite:xor!important;
  mask-composite:exclude!important;
  box-shadow:0 0 28px rgba(52,245,197,.28),0 0 42px rgba(47,140,255,.16)!important;
}
.heroPlayer .controls:before{width:90px!important;height:90px!important;animation:vmV9RingFast 4.8s linear infinite!important;}
.heroPlayer .controls:after{width:122px!important;height:122px!important;background:conic-gradient(from 180deg,transparent 0 12%,rgba(255,122,24,.78) 20%,transparent 33% 58%,rgba(255,63,180,.52) 66%,transparent 78% 100%)!important;animation:vmV9RingSlow 8.2s linear infinite!important;}
@keyframes vmV9RingFast{to{transform:translate(-50%,-50%) rotate(360deg) scale(1.02)}}
@keyframes vmV9RingSlow{to{transform:translate(-50%,-50%) rotate(-360deg) scale(1.04)}}
.heroPlayer .play{box-shadow:0 0 0 7px rgba(255,255,255,.07),0 0 26px rgba(52,245,197,.34),0 0 44px rgba(255,122,24,.24)!important;animation:vmV9PlayPulse 1.55s ease-in-out infinite alternate!important;}
.heroPlayer .play:before{inset:-18px!important;border:1px solid rgba(52,245,197,.46)!important;box-shadow:0 0 26px rgba(52,245,197,.22)!important;animation:vmV9PlayOrbit 5.8s linear infinite!important;}
.heroPlayer .play:after{inset:-10px!important;border:2px solid rgba(255,122,24,.60)!important;box-shadow:0 0 20px rgba(255,122,24,.26)!important;animation:vmV9PlayOrbit2 3.2s linear infinite!important;}
@keyframes vmV9PlayPulse{from{transform:scale(1)}to{transform:scale(1.035)}}
@keyframes vmV9PlayOrbit{to{transform:rotate(360deg)}}
@keyframes vmV9PlayOrbit2{to{transform:rotate(-360deg) scale(1.06)}}

.heroPlayer .meter{filter:drop-shadow(0 0 22px rgba(52,245,197,.22))!important;}
.heroPlayer .meter i{animation-duration:.92s!important;}
.heroPlayer .meter i:nth-child(2n){animation-duration:.72s!important;}
.heroPlayer .meter i:nth-child(3n){animation-duration:1.15s!important;}

@media (max-width:1050px){.page{width:min(var(--vm-page-max),calc(100% - 16px));}.heroWow{grid-template-columns:1fr;min-height:auto}.heroWow .heroScene{inset:-70px -40px -42px -40px!important}.heroPlayer:before{inset:-36px -30px -40px -30px!important}}
@media (max-width:640px){.page{width:min(var(--vm-page-max),calc(100% - 12px));}.heroWow{padding-top:42px}.heroPlayer .controls:before{width:82px!important;height:82px!important}.heroPlayer .controls:after{width:108px!important;height:108px!important}.heroScene{display:block!important}.beam{opacity:.22!important;width:44px!important}}
@media (prefers-reduced-motion:reduce){.heroWow:before,.heroWow:after,.heroWow .heroScene:before,.orb,.wave,.beam,.heroPlayer:before,.heroPlayer .controls:before,.heroPlayer .controls:after,.heroPlayer .play,.heroPlayer .play:before,.heroPlayer .play:after{animation:none!important}}


/* VirtualMix v10 — HERO ma żyć: więcej widocznego ruchu, bez tandety i bez dużych figur */
.heroWow{
  overflow:hidden!important;
  isolation:isolate;
  min-height:650px!important;
}
.heroWow:before{
  opacity:1!important;
  background:
    radial-gradient(circle at 14% 48%,rgba(255,122,24,.28),transparent 25%),
    radial-gradient(circle at 34% 74%,rgba(255,63,180,.25),transparent 26%),
    radial-gradient(circle at 58% 36%,rgba(47,140,255,.23),transparent 28%),
    radial-gradient(circle at 78% 52%,rgba(255,122,24,.36),transparent 32%),
    radial-gradient(circle at 92% 22%,rgba(52,245,197,.20),transparent 24%),
    linear-gradient(120deg,rgba(5,8,22,.94),rgba(7,13,34,.72) 42%,rgba(24,8,34,.78) 72%,rgba(5,8,22,.94)),
    linear-gradient(135deg,#050816,#071837 44%,#18091f 78%,#050816)!important;
  background-size:170% 170%,160% 160%,155% 155%,165% 165%,140% 140%,100% 100%,100% 100%!important;
  animation:vmV10HeroLife 5.2s ease-in-out infinite alternate!important;
}
.heroWow:after{
  opacity:.96!important;
  background:
    linear-gradient(112deg,transparent 0 20%,rgba(255,255,255,.09) 23%,transparent 27% 100%),
    linear-gradient(68deg,transparent 0 58%,rgba(52,245,197,.18) 60%,transparent 64% 100%),
    linear-gradient(95deg,transparent 0 42%,rgba(255,122,24,.12) 45%,transparent 49% 100%),
    repeating-linear-gradient(90deg,rgba(255,255,255,.040) 0 1px,transparent 1px 48px),
    repeating-linear-gradient(0deg,rgba(255,255,255,.032) 0 1px,transparent 1px 48px)!important;
  animation:vmV10GridScan 5.8s linear infinite!important;
}
@keyframes vmV10HeroLife{
  0%{background-position:0% 42%,22% 70%,56% 32%,78% 55%,96% 24%,0 0,0 0;filter:saturate(1.10) contrast(1)}
  50%{background-position:12% 54%,34% 58%,68% 46%,66% 42%,82% 32%,0 0,0 0;filter:saturate(1.28) contrast(1.04)}
  100%{background-position:25% 60%,48% 46%,76% 58%,54% 62%,68% 44%,0 0,0 0;filter:saturate(1.42) contrast(1.06)}
}
@keyframes vmV10GridScan{
  0%{transform:translate3d(0,0,0);background-position:-220px 0,260px 0,-140px 0,0 0,0 0;}
  100%{transform:translate3d(-58px,-34px,0);background-position:520px 0,-500px 0,420px 0,96px 96px,96px 96px;}
}

.heroWow .heroScene{
  inset:-120px -860px -90px -80px!important;
  opacity:1!important;
  z-index:-1!important;
}
.heroWow .heroScene:before{
  width:980px!important;height:980px!important;right:-4%!important;top:-220px!important;
  background:
    radial-gradient(circle,rgba(255,155,68,.52),rgba(47,140,255,.18) 32%,rgba(255,63,180,.16) 47%,transparent 67%)!important;
  filter:blur(24px) saturate(1.55)!important;
  animation:vmV10BigGlow 3.6s ease-in-out infinite alternate!important;
}
@keyframes vmV10BigGlow{
  0%{transform:translate3d(-70px,-26px,0) scale(.86);opacity:.46}
  45%{opacity:.82}
  100%{transform:translate3d(112px,68px,0) scale(1.18);opacity:.96}
}

/* wyraźniejsze, ruchome fale przez całą szerokość HERO */
.wave{left:-4%!important;right:-4%!important;height:190px!important;border-top-width:3px!important;opacity:.92!important;filter:drop-shadow(0 0 34px rgba(52,245,197,.54)) drop-shadow(0 0 18px rgba(47,140,255,.32))!important;}
.wave1{bottom:16%!important;border-top-color:rgba(52,245,197,.62)!important;animation:vmV10Wave1 2.7s ease-in-out infinite alternate!important;}
.wave2{bottom:25%!important;border-top-color:rgba(47,140,255,.56)!important;animation:vmV10Wave2 3.2s ease-in-out infinite alternate!important;}
.wave3{bottom:34%!important;border-top-color:rgba(255,63,180,.48)!important;animation:vmV10Wave3 3.8s ease-in-out infinite alternate!important;}
@keyframes vmV10Wave1{from{transform:translateX(-90px) translateY(8px) rotate(-5deg) scaleX(.82);opacity:.38}to{transform:translateX(115px) translateY(-46px) rotate(3deg) scaleX(1.28);opacity:.96}}
@keyframes vmV10Wave2{from{transform:translateX(95px) translateY(16px) rotate(-2deg) scaleX(.78);opacity:.32}to{transform:translateX(-112px) translateY(-36px) rotate(4deg) scaleX(1.34);opacity:.86}}
@keyframes vmV10Wave3{from{transform:translateX(-70px) translateY(22px) rotate(2deg) scaleX(.90);opacity:.26}to{transform:translateX(96px) translateY(-56px) rotate(-3deg) scaleX(1.22);opacity:.74}}

/* dodatkowe światła/lasery, ale miękkie */
.beam{width:92px!important;height:880px!important;top:-260px!important;opacity:.58!important;filter:blur(12px) saturate(1.35)!important;}
.beam1{right:8%!important;background:linear-gradient(180deg,transparent,rgba(255,122,24,.48),transparent)!important;animation:vmV10Beam1 4.6s ease-in-out infinite alternate!important;}
.beam2{right:31%!important;background:linear-gradient(180deg,transparent,rgba(47,140,255,.44),transparent)!important;animation:vmV10Beam2 5.1s ease-in-out infinite alternate!important;}
.beam3{position:absolute;right:52%;width:78px;height:820px;top:-220px;background:linear-gradient(180deg,transparent,rgba(255,63,180,.36),transparent);filter:blur(13px) saturate(1.4);opacity:.38;transform:rotate(12deg);animation:vmV10Beam3 5.6s ease-in-out infinite alternate;}
@keyframes vmV10Beam1{from{transform:rotate(28deg) translateX(130px);opacity:.16}50%{opacity:.82}to{transform:rotate(-20deg) translateX(-250px);opacity:.48}}
@keyframes vmV10Beam2{from{transform:rotate(-22deg) translateX(-80px);opacity:.14}50%{opacity:.70}to{transform:rotate(23deg) translateX(220px);opacity:.42}}
@keyframes vmV10Beam3{from{transform:rotate(12deg) translateX(-80px);opacity:.10}50%{opacity:.54}to{transform:rotate(-16deg) translateX(240px);opacity:.32}}

/* drobne cząsteczki i pulsy — daje wrażenie, że tło żyje */
.spark{position:absolute;width:7px;height:7px;border-radius:50%;background:#fff;box-shadow:0 0 18px rgba(255,255,255,.85),0 0 34px rgba(52,245,197,.45);opacity:.0;pointer-events:none;}
.s1{left:16%;top:22%;animation:vmV10Spark 4.2s ease-in-out infinite .2s;}.s2{left:48%;top:30%;animation:vmV10Spark 5s ease-in-out infinite 1.1s;}.s3{left:73%;top:47%;animation:vmV10Spark 4.6s ease-in-out infinite .7s;}.s4{left:38%;top:78%;animation:vmV10Spark 5.4s ease-in-out infinite 1.6s;}.s5{left:86%;top:20%;animation:vmV10Spark 4.8s ease-in-out infinite 2s;}
@keyframes vmV10Spark{0%,100%{transform:translate3d(0,0,0) scale(.35);opacity:0}18%{opacity:.92}50%{transform:translate3d(44px,-42px,0) scale(1);opacity:.65}82%{opacity:.14}}
.pulseCircle{position:absolute;border-radius:50%;border:1px solid rgba(52,245,197,.24);box-shadow:0 0 30px rgba(52,245,197,.16);pointer-events:none;opacity:.0;}
.pc1{width:220px;height:220px;right:18%;top:44%;animation:vmV10PulseCircle 3.4s ease-out infinite;}.pc2{width:310px;height:310px;right:8%;top:31%;border-color:rgba(255,122,24,.20);animation:vmV10PulseCircle 4.2s ease-out infinite 1.2s;}
@keyframes vmV10PulseCircle{0%{transform:scale(.55);opacity:0}25%{opacity:.58}100%{transform:scale(1.55);opacity:0}}

/* player: więcej ruchu przy samym przycisku, ring ma być widoczny i elegancki */
.heroPlayer{box-shadow:0 38px 130px rgba(0,0,0,.52),0 0 92px rgba(255,122,24,.24),0 0 120px rgba(47,140,255,.18),inset 0 0 0 1px rgba(255,255,255,.05)!important;}
.heroPlayer:before{
  inset:-72px -86px -78px -86px!important;
  opacity:1!important;
  filter:blur(25px) saturate(1.45)!important;
  animation:vmV10PlayerAura 2.8s ease-in-out infinite alternate!important;
}
@keyframes vmV10PlayerAura{from{transform:translate3d(-26px,-12px,0) scale(.92);opacity:.48}to{transform:translate3d(30px,22px,0) scale(1.12);opacity:1}}
.heroPlayer .controls:before{width:104px!important;height:104px!important;opacity:1!important;animation:vmV10RingFast 2.8s linear infinite!important;}
.heroPlayer .controls:after{width:138px!important;height:138px!important;opacity:.86!important;animation:vmV10RingSlow 5.2s linear infinite!important;}
@keyframes vmV10RingFast{to{transform:translate(-50%,-50%) rotate(360deg) scale(1.04)}}
@keyframes vmV10RingSlow{to{transform:translate(-50%,-50%) rotate(-360deg) scale(1.06)}}
.heroPlayer .play{animation:vmV10PlayPulse 1.05s ease-in-out infinite alternate!important;box-shadow:0 0 0 8px rgba(255,255,255,.08),0 0 34px rgba(52,245,197,.48),0 0 58px rgba(255,122,24,.30)!important;}
@keyframes vmV10PlayPulse{from{transform:scale(1)}to{transform:scale(1.055)}}
.heroPlayer .meter{filter:drop-shadow(0 0 30px rgba(52,245,197,.34)) drop-shadow(0 0 18px rgba(255,63,180,.22))!important;}
.heroPlayer .meter:before{opacity:.75!important;animation:vmV10MeterSweep 1.8s ease-in-out infinite alternate!important;}
@keyframes vmV10MeterSweep{from{transform:translateX(-22px);opacity:.26}to{transform:translateX(44px);opacity:.82}}

@media (max-width:1050px){.beam3{display:none}.spark{opacity:.65}.pc1,.pc2{right:12%;}.heroWow{min-height:auto!important}}
@media (max-width:640px){.wave{height:120px!important;border-top-width:2px!important}.beam{width:52px!important;opacity:.28!important}.pulseCircle{display:none}.heroPlayer .controls:before{width:88px!important;height:88px!important}.heroPlayer .controls:after{width:112px!important;height:112px!important}}
@media (prefers-reduced-motion:reduce){.spark,.pulseCircle,.beam3{animation:none!important;display:none!important}}

/* VirtualMix v11 — dopasowanie HERO na pełną szerokość, bez uciętych boków */
.heroWow.page{
  width:calc(100vw - 24px)!important;
  max-width:none!important;
  margin-left:calc(50% - 50vw + 12px)!important;
  margin-right:calc(50% - 50vw + 12px)!important;
  padding-left:clamp(28px,5.2vw,88px)!important;
  padding-right:clamp(28px,5.2vw,88px)!important;
  border-radius:0 0 34px 34px!important;
  overflow:hidden!important;
  background:rgba(5,8,22,.72)!important;
  box-shadow:inset 0 -1px 0 rgba(255,255,255,.08),0 30px 110px rgba(0,0,0,.38)!important;
}
.heroWow:before{
  inset:0!important;
  border-radius:0 0 34px 34px!important;
  background-size:190% 190%,180% 180%,170% 170%,185% 185%,160% 160%,100% 100%,100% 100%!important;
  animation:vmV11HeroLife 4.6s ease-in-out infinite alternate!important;
}
.heroWow:after{
  inset:0!important;
  border-radius:0 0 34px 34px!important;
  animation:vmV11GridScan 5.2s linear infinite!important;
}
@keyframes vmV11HeroLife{
  0%{background-position:0% 44%,18% 74%,54% 26%,82% 58%,100% 18%,0 0,0 0;filter:saturate(1.15) contrast(1.02)}
  35%{background-position:18% 56%,42% 52%,72% 42%,64% 36%,72% 30%,0 0,0 0;filter:saturate(1.38) contrast(1.06)}
  70%{background-position:36% 66%,58% 42%,82% 64%,48% 70%,58% 52%,0 0,0 0;filter:saturate(1.48) contrast(1.08)}
  100%{background-position:54% 50%,30% 62%,62% 78%,90% 42%,36% 38%,0 0,0 0;filter:saturate(1.32) contrast(1.05)}
}
@keyframes vmV11GridScan{
  0%{transform:translate3d(0,0,0);background-position:-280px 0,320px 0,-180px 0,0 0,0 0;}
  100%{transform:translate3d(-72px,-42px,0);background-position:650px 0,-640px 0,540px 0,112px 112px,112px 112px;}
}
.heroWow .heroScene{
  inset:0!important;
  width:100%!important;
  height:100%!important;
  overflow:hidden!important;
  border-radius:0 0 34px 34px!important;
  opacity:1!important;
}
.heroWow .heroScene:before{
  width:115vw!important;
  height:115vw!important;
  min-width:980px!important;
  min-height:980px!important;
  right:-22vw!important;
  top:-34vw!important;
  opacity:.78!important;
  animation:vmV11BigGlow 3.2s ease-in-out infinite alternate!important;
}
@keyframes vmV11BigGlow{
  0%{transform:translate3d(-130px,-42px,0) scale(.84);opacity:.44}
  45%{opacity:.88}
  100%{transform:translate3d(160px,98px,0) scale(1.12);opacity:.96}
}
.heroWow .wave{
  left:-18vw!important;
  right:-18vw!important;
  width:auto!important;
  max-width:none!important;
  opacity:.95!important;
}
.heroWow .wave1{animation:vmV11Wave1 2.35s ease-in-out infinite alternate!important;}
.heroWow .wave2{animation:vmV11Wave2 2.85s ease-in-out infinite alternate!important;}
.heroWow .wave3{animation:vmV11Wave3 3.25s ease-in-out infinite alternate!important;}
@keyframes vmV11Wave1{from{transform:translateX(-150px) translateY(14px) rotate(-4deg) scaleX(.90);opacity:.42}to{transform:translateX(170px) translateY(-54px) rotate(3deg) scaleX(1.18);opacity:1}}
@keyframes vmV11Wave2{from{transform:translateX(150px) translateY(20px) rotate(-2deg) scaleX(.86);opacity:.34}to{transform:translateX(-170px) translateY(-42px) rotate(4deg) scaleX(1.22);opacity:.9}}
@keyframes vmV11Wave3{from{transform:translateX(-130px) translateY(26px) rotate(2deg) scaleX(.96);opacity:.30}to{transform:translateX(150px) translateY(-62px) rotate(-3deg) scaleX(1.16);opacity:.78}}
.heroWow .beam1{right:9%!important;}
.heroWow .beam2{right:31%!important;}
.heroWow .beam3{right:55%!important;}
.heroPlayer{
  transform:translateZ(0);
  background:linear-gradient(180deg,rgba(255,255,255,.135),rgba(255,255,255,.065))!important;
}
@media (max-width:1050px){
  .heroWow.page{width:calc(100vw - 16px)!important;margin-left:calc(50% - 50vw + 8px)!important;margin-right:calc(50% - 50vw + 8px)!important;padding-left:22px!important;padding-right:22px!important;}
  .heroWow .heroScene{inset:0!important;}
}
@media (max-width:640px){
  .heroWow.page{width:calc(100vw - 10px)!important;margin-left:calc(50% - 50vw + 5px)!important;margin-right:calc(50% - 50vw + 5px)!important;padding-left:14px!important;padding-right:14px!important;border-radius:0 0 24px 24px!important;}
  .heroWow:before,.heroWow:after,.heroWow .heroScene{border-radius:0 0 24px 24px!important;}
}

/* VirtualMix v12 — lewa część HERO znowu bez widocznej ramki/bloku pod tekstem.
   Efekty zostają żywe, ale mają być tłem całej sceny, nie prostokątną nakładką pod napisem. */
.heroWow .heroContent{
  position:relative!important;
  z-index:2!important;
  background:transparent!important;
  box-shadow:none!important;
  border:0!important;
  overflow:visible!important;
}
.heroWow .heroScene{
  inset:-105px -820px -92px -90px!important;
  width:auto!important;
  height:auto!important;
  max-width:none!important;
  overflow:visible!important;
  border-radius:0!important;
  opacity:1!important;
  mix-blend-mode:screen!important;
  pointer-events:none!important;
}
.heroWow .heroScene:before{
  right:8%!important;
  top:-170px!important;
  width:920px!important;
  height:920px!important;
  min-width:0!important;
  min-height:0!important;
  opacity:.72!important;
  filter:blur(30px) saturate(1.45)!important;
}
.heroWow .heroScene:after{
  display:none!important;
  content:""!important;
}
.heroWow .wave{
  left:-110px!important;
  right:-960px!important;
  width:auto!important;
  max-width:none!important;
  border-radius:50%!important;
}
.heroWow .orb,
.heroWow .beam,
.heroWow .spark,
.heroWow .pulseCircle{
  pointer-events:none!important;
}
.heroWow h1,
.heroWow .lead,
.heroWow .actions,
.heroWow .stats,
.heroWow .kicker{
  position:relative!important;
  z-index:3!important;
}
@media (max-width:1050px){
  .heroWow .heroScene{inset:-80px -120px -55px -50px!important;overflow:visible!important;border-radius:0!important;}
}
@media (max-width:640px){
  .heroWow .heroScene{inset:-55px -70px -42px -34px!important;}
}


/* VirtualMix v13 — branding HERO: wielkie litery, subtelny neon, powolna zmiana kolorów i połysk */
.brand b{
  text-transform:uppercase;
  letter-spacing:.7px;
}
.brand small{
  letter-spacing:.15px;
}
.heroContent h1{
  text-transform:uppercase;
}
.heroContent h1 .grad.vmLogoText{
  position:relative;
  display:inline-block;
  padding-right:.04em;
  background:linear-gradient(100deg,#ffe6c7 0%,#ff7a18 24%,#2f8cff 52%,#ff3fb4 78%,#fff1d8 100%);
  background-size:260% 100%;
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  filter:drop-shadow(0 0 18px rgba(255,122,24,.22)) drop-shadow(0 0 28px rgba(47,140,255,.16));
  animation:vmTextFlow 8s ease-in-out infinite;
}
.heroContent h1 .grad.vmLogoText::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(105deg,transparent 0%,transparent 38%,rgba(255,255,255,.92) 48%,transparent 60%,transparent 100%);
  transform:translateX(-130%) skewX(-16deg);
  mix-blend-mode:screen;
  animation:vmTextShine 5.8s ease-in-out infinite;
}
@keyframes vmTextFlow{
  0%,100%{background-position:0% 50%;filter:drop-shadow(0 0 16px rgba(255,122,24,.20)) drop-shadow(0 0 24px rgba(47,140,255,.14));}
  45%{background-position:100% 50%;filter:drop-shadow(0 0 22px rgba(255,63,180,.24)) drop-shadow(0 0 34px rgba(52,245,197,.14));}
}
@keyframes vmTextShine{
  0%,28%{transform:translateX(-135%) skewX(-16deg);opacity:0;}
  38%{opacity:.52;}
  56%{transform:translateX(135%) skewX(-16deg);opacity:0;}
  100%{transform:translateX(135%) skewX(-16deg);opacity:0;}
}
.heroContent .lead{
  max-width:760px;
}

/* VirtualMix v14 — korekta skali: strona na 100% ma wyglądać naturalnie, nie jak powiększona. */
:root{
  --nav:72px;
  --r:24px;
  --r2:16px;
}
body{
  font-size:15px;
}
.page{
  width:min(1360px,calc(100% - 44px));
}
.nav{
  gap:14px;
}
.brand{
  gap:10px;
  min-width:200px;
}
.brand img{
  width:46px;
  height:46px;
}
.brand b{
  font-size:1rem;
  line-height:1.08;
}
.brand small{
  font-size:.70rem;
  line-height:1.2;
}
.menu{
  gap:3px;
}
.menu a,.menu button{
  padding:8px 10px;
  font-size:.92rem;
}
.actions{
  gap:8px;
}
.btn{
  padding:10px 15px;
  font-size:.92rem;
}
.hero{
  padding:48px 0 30px;
  gap:24px;
}
.heroWow{
  min-height:calc(100vh - var(--nav) - 42px)!important;
  padding-top:50px!important;
  padding-bottom:42px!important;
}
.kicker{
  padding:8px 12px;
  font-size:.93rem;
}
h1,
.heroWow h1,
.heroContent h1{
  font-size:clamp(2.45rem,5.05vw,4.95rem)!important;
  line-height:.96!important;
  letter-spacing:-.062em!important;
  margin:16px 0 16px!important;
  max-width:680px!important;
}
h2{
  font-size:clamp(1.38rem,2.35vw,2.15rem);
}
h3{
  font-size:1.06rem;
}
.lead,
.heroWow .lead,
.heroContent .lead{
  font-size:1.02rem!important;
  line-height:1.55!important;
  max-width:660px!important;
}
.heroContent .actions{
  margin-top:18px;
}
.stats{
  gap:10px;
  margin-top:18px;
}
.mini{
  padding:14px 16px;
  border-radius:22px;
}
.mini b{
  font-size:1.12rem;
}
.mini span{
  font-size:.84rem;
}
.card,
.player{
  padding:18px;
  border-radius:24px;
}
.heroPlayer{
  max-width:610px;
  margin-left:auto;
}
.now b{
  font-size:.78rem;
}
.now strong{
  font-size:1.22rem;
  line-height:1.22;
  margin:7px 0 5px;
}
.now span{
  font-size:.91rem;
}
.avatar{
  width:100px;
  height:100px;
  border-radius:24px;
}
.meter{
  height:62px;
  gap:6px;
  margin:20px 0;
}
.play{
  width:52px;
  height:52px;
  font-size:1.05rem;
}
.controls{
  gap:12px;
}
.chips{
  margin-top:14px;
}
.chip{
  padding:7px 10px;
  font-size:.80rem;
}
.section{
  padding:32px 0;
}
.head{
  margin-bottom:16px;
}
.grid{
  gap:16px;
}
.feature{
  min-height:190px;
}
.feature .ico{
  width:46px;
  height:46px;
  border-radius:16px;
  font-size:1.25rem;
  margin-bottom:14px;
}
.feature p,.card p{
  font-size:.93rem;
  line-height:1.52;
}
.quickTiles{
  gap:10px;
}
.quickTiles a,.quickTiles button{
  min-height:76px;
  padding:13px;
  border-radius:18px;
}
.quickTiles b{
  font-size:.94rem;
}
.quickTiles span{
  font-size:.82rem;
}
.embedBox{
  height:560px;
}
.embedBox.small{
  height:390px;
}
.embedBox.tall{
  height:700px;
}
.subHero{
  padding:34px 0 8px;
}
.listenLayout{
  grid-template-columns:minmax(0,1fr) 350px;
  gap:16px;
}
.quickDock{
  right:14px;
  bottom:14px;
  gap:9px;
}
.quickDock button,.quickDock a{
  width:44px;
  height:44px;
  border-radius:16px;
}
.footer{
  padding:28px 0 38px;
}
@media (max-width:1050px){
  .page{width:min(100% - 28px,1360px);}
  .heroWow{min-height:auto!important;padding-top:42px!important;}
  h1,.heroWow h1,.heroContent h1{font-size:clamp(2.2rem,8vw,4.3rem)!important;}
  .heroPlayer{max-width:none;margin-left:0;}
}
@media (max-width:640px){
  :root{--nav:68px;}
  body{font-size:14px;}
  .page{width:min(100% - 20px,1360px);}
  .brand img{width:40px;height:40px;}
  .brand b{font-size:.93rem;}
  .heroWow{padding-top:34px!important;padding-bottom:34px!important;}
  h1,.heroWow h1,.heroContent h1{font-size:clamp(2rem,12vw,3.45rem)!important;}
  .lead,.heroWow .lead,.heroContent .lead{font-size:.95rem!important;}
  .btn{padding:9px 13px;font-size:.88rem;}
  .card,.player{padding:16px;}
  .avatar{width:82px;height:82px;border-radius:20px;}
}

/* VirtualMix v15 — korekta skali playera + equalizer reagujący po włączeniu odsłuchu */
@media (min-width:1051px){
  .heroWow{
    grid-template-columns:.92fr 1.08fr!important;
    gap:18px!important;
  }
  .heroPlayer{
    width:min(calc(100% + 92px),760px)!important;
    margin-left:-72px!important;
    justify-self:end!important;
  }
}

/* Equalizer nie ma udawać grania, kiedy odsłuch jest wyłączony */
.player .meter i{
  animation:none!important;
  transform-origin:bottom center;
  transition:height .09s linear, transform .09s linear, opacity .18s ease;
  opacity:.50;
}
.player:not(.is-playing) .meter i{
  height:18px!important;
  min-height:8px!important;
  transform:scaleY(.55)!important;
  opacity:.42!important;
}
.player.is-playing .meter i{
  opacity:.92;
  animation:vmLiveFallbackBars .78s ease-in-out infinite alternate!important;
}
.player.is-playing .meter i:nth-child(2n){animation-duration:.58s!important;}
.player.is-playing .meter i:nth-child(3n){animation-duration:.94s!important;}
.player.is-playing .meter i:nth-child(4n){animation-duration:.68s!important;}
.player.audio-reactive .meter i{
  animation:none!important;
}
@keyframes vmLiveFallbackBars{
  0%{transform:scaleY(.42);filter:saturate(1)}
  50%{transform:scaleY(1.06);filter:saturate(1.35)}
  100%{transform:scaleY(.62);filter:saturate(1.1)}
}

.player.is-playing .play{
  box-shadow:0 0 0 7px rgba(255,255,255,.08),0 0 28px rgba(52,245,197,.42),0 0 58px rgba(255,122,24,.32)!important;
}

@media (max-width:1050px){
  .heroPlayer{width:100%!important;margin-left:0!important;}
}


/* VirtualMix v16 — szybszy, żywszy equalizer */
.player .meter i{
  transition:height .028s linear, transform .028s linear, opacity .08s linear!important;
  will-change:height,transform,opacity,filter;
}
.player.is-playing .meter i{
  animation:vmLiveFallbackBarsFast .36s cubic-bezier(.2,.75,.18,1) infinite alternate!important;
}
.player.is-playing .meter i:nth-child(2n){animation-duration:.27s!important;}
.player.is-playing .meter i:nth-child(3n){animation-duration:.42s!important;}
.player.is-playing .meter i:nth-child(4n){animation-duration:.31s!important;}
.player.is-playing .meter i:nth-child(5n){animation-duration:.50s!important;}
.player.audio-reactive .meter i{
  animation:none!important;
}
@keyframes vmLiveFallbackBarsFast{
  0%{height:18px;transform:scaleY(.45);filter:saturate(1)}
  32%{height:58px;transform:scaleY(1.12);filter:saturate(1.35)}
  67%{height:34px;transform:scaleY(.72);filter:saturate(1.15)}
  100%{height:82px;transform:scaleY(1.36);filter:saturate(1.55)}
}
.player.is-playing .meter i:nth-child(1){animation-delay:-.08s!important;}
.player.is-playing .meter i:nth-child(2){animation-delay:-.21s!important;}
.player.is-playing .meter i:nth-child(3){animation-delay:-.13s!important;}
.player.is-playing .meter i:nth-child(4){animation-delay:-.30s!important;}
.player.is-playing .meter i:nth-child(5){animation-delay:-.04s!important;}
.player.is-playing .meter i:nth-child(6){animation-delay:-.26s!important;}
.player.is-playing .meter i:nth-child(7){animation-delay:-.18s!important;}
.player.is-playing .meter i:nth-child(8){animation-delay:-.36s!important;}
.player.is-playing .meter i:nth-child(9){animation-delay:-.10s!important;}
.player.is-playing .meter i:nth-child(10){animation-delay:-.24s!important;}
.player.is-playing .meter i:nth-child(11){animation-delay:-.16s!important;}
.player.is-playing .meter i:nth-child(12){animation-delay:-.33s!important;}


/* VirtualMix v17 — equalizer niżej, bez zasłaniania tytułu + żywsza praca */
.heroPlayer .meter,
.player .meter{
  height:58px!important;
  min-height:58px!important;
  max-height:58px!important;
  margin:44px 0 14px!important;
  align-items:end!important;
  overflow:visible!important;
}
.heroPlayer .meter i,
.player .meter i{
  max-height:56px!important;
  min-height:8px!important;
  transform-origin:bottom center!important;
  transition:height .018s linear, transform .018s linear, opacity .05s linear, filter .05s linear!important;
}
.player:not(.is-playing) .meter i{
  height:10px!important;
  transform:scaleY(.42)!important;
  opacity:.35!important;
}
.player.is-playing .meter i{
  animation:vmLiveFallbackBarsV17 .24s cubic-bezier(.12,.88,.18,1) infinite alternate!important;
}
.player.audio-reactive .meter i{
  animation:none!important;
}
@keyframes vmLiveFallbackBarsV17{
  0%{height:9px;transform:scaleY(.45);filter:saturate(1)}
  24%{height:44px;transform:scaleY(1.08);filter:saturate(1.45)}
  52%{height:20px;transform:scaleY(.72);filter:saturate(1.18)}
  78%{height:54px;transform:scaleY(1.22);filter:saturate(1.62)}
  100%{height:14px;transform:scaleY(.58);filter:saturate(1.12)}
}
.player.is-playing .meter i:nth-child(1){animation-duration:.20s!important;animation-delay:-.04s!important;}
.player.is-playing .meter i:nth-child(2){animation-duration:.28s!important;animation-delay:-.17s!important;}
.player.is-playing .meter i:nth-child(3){animation-duration:.22s!important;animation-delay:-.09s!important;}
.player.is-playing .meter i:nth-child(4){animation-duration:.31s!important;animation-delay:-.24s!important;}
.player.is-playing .meter i:nth-child(5){animation-duration:.19s!important;animation-delay:-.13s!important;}
.player.is-playing .meter i:nth-child(6){animation-duration:.34s!important;animation-delay:-.28s!important;}
.player.is-playing .meter i:nth-child(7){animation-duration:.23s!important;animation-delay:-.06s!important;}
.player.is-playing .meter i:nth-child(8){animation-duration:.29s!important;animation-delay:-.20s!important;}
.player.is-playing .meter i:nth-child(9){animation-duration:.21s!important;animation-delay:-.11s!important;}
.player.is-playing .meter i:nth-child(10){animation-duration:.32s!important;animation-delay:-.26s!important;}
.player.is-playing .meter i:nth-child(11){animation-duration:.24s!important;animation-delay:-.15s!important;}
.player.is-playing .meter i:nth-child(12){animation-duration:.27s!important;animation-delay:-.22s!important;}

/* VirtualMix v18 — equalizer bardziej żywy, bez efektu jednej ściany */
.heroPlayer .meter,
.player .meter{
  height:56px!important;
  min-height:56px!important;
  max-height:56px!important;
  margin:36px 0 14px!important;
}
.heroPlayer .meter i,
.player .meter i{
  max-height:54px!important;
  min-height:8px!important;
  transition:height .012s linear, transform .012s linear, opacity .04s linear, filter .04s linear!important;
}
.player.is-playing .meter i{
  animation:vmLiveFallbackBarsV18 .18s cubic-bezier(.08,.9,.12,1) infinite alternate!important;
}
.player.audio-reactive .meter i{
  animation:none!important;
}
@keyframes vmLiveFallbackBarsV18{
  0%{height:10px;transform:scaleY(.42);filter:saturate(1)}
  18%{height:50px;transform:scaleY(1.16);filter:saturate(1.55)}
  43%{height:18px;transform:scaleY(.62);filter:saturate(1.12)}
  72%{height:38px;transform:scaleY(.98);filter:saturate(1.38)}
  100%{height:12px;transform:scaleY(.50);filter:saturate(1.06)}
}
.player.is-playing .meter i:nth-child(1){animation-duration:.17s!important;animation-delay:-.03s!important;}
.player.is-playing .meter i:nth-child(2){animation-duration:.23s!important;animation-delay:-.16s!important;}
.player.is-playing .meter i:nth-child(3){animation-duration:.19s!important;animation-delay:-.08s!important;}
.player.is-playing .meter i:nth-child(4){animation-duration:.27s!important;animation-delay:-.22s!important;}
.player.is-playing .meter i:nth-child(5){animation-duration:.16s!important;animation-delay:-.12s!important;}
.player.is-playing .meter i:nth-child(6){animation-duration:.30s!important;animation-delay:-.26s!important;}
.player.is-playing .meter i:nth-child(7){animation-duration:.20s!important;animation-delay:-.05s!important;}
.player.is-playing .meter i:nth-child(8){animation-duration:.25s!important;animation-delay:-.19s!important;}
.player.is-playing .meter i:nth-child(9){animation-duration:.18s!important;animation-delay:-.10s!important;}
.player.is-playing .meter i:nth-child(10){animation-duration:.28s!important;animation-delay:-.24s!important;}
.player.is-playing .meter i:nth-child(11){animation-duration:.21s!important;animation-delay:-.14s!important;}
.player.is-playing .meter i:nth-child(12){animation-duration:.24s!important;animation-delay:-.21s!important;}

/* VirtualMix v19 — equalizer z bramką ciszy, szybkim opadem i bez stania przy górze */
.heroPlayer .meter,
.player .meter{
  height:56px!important;
  min-height:56px!important;
  max-height:56px!important;
  margin:34px 0 14px!important;
  overflow:visible!important;
}
.heroPlayer .meter i,
.player .meter i{
  max-height:50px!important;
  min-height:7px!important;
  transition:height .006s linear, transform .006s linear, opacity .03s linear, filter .03s linear!important;
  will-change:height,transform,opacity,filter!important;
}
.player:not(.is-playing) .meter i{
  height:8px!important;
  transform:scaleY(.42)!important;
  opacity:.34!important;
  animation:none!important;
}
.player.audio-reactive .meter i{
  animation:none!important;
}
.player.vm-meter-fallback.is-playing .meter i{
  animation:vmFallbackV19 .34s cubic-bezier(.14,.82,.18,1) infinite alternate!important;
}
@keyframes vmFallbackV19{
  0%{height:8px;transform:scaleY(.42);opacity:.46}
  35%{height:28px;transform:scaleY(.78);opacity:.78}
  62%{height:15px;transform:scaleY(.55);opacity:.58}
  100%{height:44px;transform:scaleY(1.02);opacity:.92}
}
.player.vm-meter-fallback.is-playing .meter i:nth-child(1){animation-duration:.26s!important;animation-delay:-.04s!important;}
.player.vm-meter-fallback.is-playing .meter i:nth-child(2){animation-duration:.39s!important;animation-delay:-.21s!important;}
.player.vm-meter-fallback.is-playing .meter i:nth-child(3){animation-duration:.31s!important;animation-delay:-.13s!important;}
.player.vm-meter-fallback.is-playing .meter i:nth-child(4){animation-duration:.45s!important;animation-delay:-.28s!important;}
.player.vm-meter-fallback.is-playing .meter i:nth-child(5){animation-duration:.29s!important;animation-delay:-.09s!important;}
.player.vm-meter-fallback.is-playing .meter i:nth-child(6){animation-duration:.41s!important;animation-delay:-.31s!important;}
.player.vm-meter-fallback.is-playing .meter i:nth-child(7){animation-duration:.33s!important;animation-delay:-.17s!important;}
.player.vm-meter-fallback.is-playing .meter i:nth-child(8){animation-duration:.47s!important;animation-delay:-.25s!important;}
.player.vm-meter-fallback.is-playing .meter i:nth-child(9){animation-duration:.28s!important;animation-delay:-.11s!important;}
.player.vm-meter-fallback.is-playing .meter i:nth-child(10){animation-duration:.43s!important;animation-delay:-.35s!important;}
.player.vm-meter-fallback.is-playing .meter i:nth-child(11){animation-duration:.35s!important;animation-delay:-.19s!important;}
.player.vm-meter-fallback.is-playing .meter i:nth-child(12){animation-duration:.40s!important;animation-delay:-.27s!important;}


/* VirtualMix v20 — equalizer: prawdziwe pionowe słupki, bez efektu kulek */
.heroPlayer .meter,
.player .meter{
  align-items:flex-end!important;
  gap:10px!important;
  height:62px!important;
  min-height:62px!important;
  max-height:62px!important;
  margin:30px 0 14px!important;
  padding:0 2px!important;
  overflow:visible!important;
}
.heroPlayer .meter i,
.player .meter i{
  flex:1 1 0!important;
  width:auto!important;
  max-width:42px!important;
  min-width:12px!important;
  max-height:56px!important;
  min-height:5px!important;
  border-radius:12px 12px 5px 5px!important;
  transform-origin:bottom center!important;
  transform:none!important;
  background:linear-gradient(180deg,#19f2dc 0%,#1aa8ff 44%,#f63dc8 100%)!important;
  box-shadow:0 0 16px rgba(31,226,255,.30), inset 0 1px 0 rgba(255,255,255,.36)!important;
  transition:height .018s linear, opacity .025s linear, filter .025s linear!important;
}
.player:not(.is-playing) .meter i{
  height:6px!important;
  transform:none!important;
  opacity:.36!important;
  animation:none!important;
}
.player.audio-reactive .meter i{
  animation:none!important;
}
.player.vm-meter-fallback.is-playing .meter i{
  animation:vmFallbackV20 .28s cubic-bezier(.12,.84,.18,1) infinite alternate!important;
}
@keyframes vmFallbackV20{
  0%{height:7px;opacity:.42;filter:saturate(1.05)}
  28%{height:34px;opacity:.82;filter:saturate(1.4)}
  58%{height:16px;opacity:.58;filter:saturate(1.15)}
  100%{height:52px;opacity:.95;filter:saturate(1.7)}
}
.player.vm-meter-fallback.is-playing .meter i:nth-child(1){animation-duration:.20s!important;animation-delay:-.03s!important;}
.player.vm-meter-fallback.is-playing .meter i:nth-child(2){animation-duration:.31s!important;animation-delay:-.17s!important;}
.player.vm-meter-fallback.is-playing .meter i:nth-child(3){animation-duration:.24s!important;animation-delay:-.10s!important;}
.player.vm-meter-fallback.is-playing .meter i:nth-child(4){animation-duration:.35s!important;animation-delay:-.23s!important;}
.player.vm-meter-fallback.is-playing .meter i:nth-child(5){animation-duration:.22s!important;animation-delay:-.07s!important;}
.player.vm-meter-fallback.is-playing .meter i:nth-child(6){animation-duration:.32s!important;animation-delay:-.25s!important;}
.player.vm-meter-fallback.is-playing .meter i:nth-child(7){animation-duration:.25s!important;animation-delay:-.13s!important;}
.player.vm-meter-fallback.is-playing .meter i:nth-child(8){animation-duration:.37s!important;animation-delay:-.21s!important;}
.player.vm-meter-fallback.is-playing .meter i:nth-child(9){animation-duration:.21s!important;animation-delay:-.08s!important;}
.player.vm-meter-fallback.is-playing .meter i:nth-child(10){animation-duration:.34s!important;animation-delay:-.28s!important;}
.player.vm-meter-fallback.is-playing .meter i:nth-child(11){animation-duration:.27s!important;animation-delay:-.15s!important;}
.player.vm-meter-fallback.is-playing .meter i:nth-child(12){animation-duration:.30s!important;animation-delay:-.20s!important;}


/* VirtualMix v21 — equalizer: żywszy, większy zakres, bez efektu sztywnych klocków */
.heroPlayer .meter,
.player .meter{
  height:76px!important;
  min-height:76px!important;
  max-height:76px!important;
  align-items:flex-end!important;
  gap:9px!important;
  margin:24px 0 12px!important;
  padding:0 2px!important;
  overflow:visible!important;
}
.heroPlayer .meter i,
.player .meter i{
  flex:1 1 0!important;
  width:auto!important;
  min-width:11px!important;
  max-width:38px!important;
  min-height:6px!important;
  max-height:68px!important;
  border-radius:10px 10px 4px 4px!important;
  transform-origin:bottom center!important;
  background:linear-gradient(180deg,#10fff0 0%,#17adff 42%,#ff34cb 100%)!important;
  box-shadow:0 0 18px rgba(31,226,255,.33), inset 0 1px 0 rgba(255,255,255,.38)!important;
  transition:height .006s linear, opacity .006s linear, filter .006s linear, transform .006s linear!important;
  will-change:height,transform,opacity,filter!important;
}
.player:not(.is-playing) .meter i{
  height:6px!important;
  transform:none!important;
  opacity:.34!important;
  animation:none!important;
}
.player.audio-reactive .meter i{
  animation:none!important;
}
.player.vm-meter-fallback.is-playing .meter i{
  animation:vmFallbackV21 .18s cubic-bezier(.05,.92,.16,1) infinite alternate!important;
}
@keyframes vmFallbackV21{
  0%{height:7px;opacity:.40;filter:saturate(1.05)}
  22%{height:46px;opacity:.88;filter:saturate(1.55)}
  46%{height:18px;opacity:.62;filter:saturate(1.15)}
  72%{height:62px;opacity:.98;filter:saturate(1.85)}
  100%{height:27px;opacity:.76;filter:saturate(1.35)}
}
.player.vm-meter-fallback.is-playing .meter i:nth-child(1){animation-duration:.16s!important;animation-delay:-.04s!important;}
.player.vm-meter-fallback.is-playing .meter i:nth-child(2){animation-duration:.23s!important;animation-delay:-.15s!important;}
.player.vm-meter-fallback.is-playing .meter i:nth-child(3){animation-duration:.19s!important;animation-delay:-.09s!important;}
.player.vm-meter-fallback.is-playing .meter i:nth-child(4){animation-duration:.27s!important;animation-delay:-.21s!important;}
.player.vm-meter-fallback.is-playing .meter i:nth-child(5){animation-duration:.17s!important;animation-delay:-.06s!important;}
.player.vm-meter-fallback.is-playing .meter i:nth-child(6){animation-duration:.24s!important;animation-delay:-.18s!important;}
.player.vm-meter-fallback.is-playing .meter i:nth-child(7){animation-duration:.20s!important;animation-delay:-.12s!important;}
.player.vm-meter-fallback.is-playing .meter i:nth-child(8){animation-duration:.29s!important;animation-delay:-.24s!important;}
.player.vm-meter-fallback.is-playing .meter i:nth-child(9){animation-duration:.16s!important;animation-delay:-.08s!important;}
.player.vm-meter-fallback.is-playing .meter i:nth-child(10){animation-duration:.25s!important;animation-delay:-.22s!important;}
.player.vm-meter-fallback.is-playing .meter i:nth-child(11){animation-duration:.18s!important;animation-delay:-.13s!important;}
.player.vm-meter-fallback.is-playing .meter i:nth-child(12){animation-duration:.21s!important;animation-delay:-.17s!important;}


/* VirtualMix v22 — equalizer: bardziej muzyczny, szybszy, bez sztywnych klocków */
.heroPlayer .meter,
.player .meter{
  height:84px!important;
  min-height:84px!important;
  max-height:84px!important;
  align-items:flex-end!important;
  gap:8px!important;
  margin:20px 0 12px!important;
  padding:0 2px!important;
  overflow:visible!important;
}
.heroPlayer .meter i,
.player .meter i{
  flex:1 1 0!important;
  width:auto!important;
  min-width:9px!important;
  max-width:34px!important;
  min-height:7px!important;
  max-height:72px!important;
  border-radius:10px 10px 4px 4px!important;
  transform-origin:bottom center!important;
  background:linear-gradient(180deg,#10fff0 0%,#17adff 43%,#ff34cb 100%)!important;
  box-shadow:0 0 18px rgba(31,226,255,.34), inset 0 1px 0 rgba(255,255,255,.38)!important;
  transition:height .001s linear, opacity .001s linear, filter .001s linear, transform .001s linear!important;
  will-change:height,transform,opacity,filter!important;
}
.player:not(.is-playing) .meter i{
  height:7px!important;
  transform:scaleY(.72)!important;
  opacity:.36!important;
  animation:none!important;
}
.player.audio-reactive .meter i{
  animation:none!important;
}
.player.vm-meter-fallback.is-playing .meter i{
  animation:vmFallbackV22 .16s cubic-bezier(.05,.96,.10,1) infinite alternate!important;
}
@keyframes vmFallbackV22{
  0%{height:8px;opacity:.40;filter:saturate(1.05) brightness(.96)}
  18%{height:54px;opacity:.90;filter:saturate(1.62) brightness(1.13)}
  39%{height:16px;opacity:.58;filter:saturate(1.12) brightness(.98)}
  66%{height:68px;opacity:.98;filter:saturate(1.95) brightness(1.20)}
  100%{height:26px;opacity:.72;filter:saturate(1.34) brightness(1.04)}
}
.player.vm-meter-fallback.is-playing .meter i:nth-child(1){animation-duration:.14s!important;animation-delay:-.02s!important;}
.player.vm-meter-fallback.is-playing .meter i:nth-child(2){animation-duration:.21s!important;animation-delay:-.13s!important;}
.player.vm-meter-fallback.is-playing .meter i:nth-child(3){animation-duration:.17s!important;animation-delay:-.08s!important;}
.player.vm-meter-fallback.is-playing .meter i:nth-child(4){animation-duration:.24s!important;animation-delay:-.20s!important;}
.player.vm-meter-fallback.is-playing .meter i:nth-child(5){animation-duration:.15s!important;animation-delay:-.05s!important;}
.player.vm-meter-fallback.is-playing .meter i:nth-child(6){animation-duration:.22s!important;animation-delay:-.18s!important;}
.player.vm-meter-fallback.is-playing .meter i:nth-child(7){animation-duration:.18s!important;animation-delay:-.11s!important;}
.player.vm-meter-fallback.is-playing .meter i:nth-child(8){animation-duration:.26s!important;animation-delay:-.22s!important;}
.player.vm-meter-fallback.is-playing .meter i:nth-child(9){animation-duration:.14s!important;animation-delay:-.07s!important;}
.player.vm-meter-fallback.is-playing .meter i:nth-child(10){animation-duration:.23s!important;animation-delay:-.20s!important;}
.player.vm-meter-fallback.is-playing .meter i:nth-child(11){animation-duration:.16s!important;animation-delay:-.10s!important;}
.player.vm-meter-fallback.is-playing .meter i:nth-child(12){animation-duration:.19s!important;animation-delay:-.16s!important;}

/* VirtualMix v23 — equalizer: szybka reakcja bez efektu żółwia */
.heroPlayer .meter,
.player .meter{
  height:86px!important;
  min-height:86px!important;
  max-height:86px!important;
  margin:18px 0 12px!important;
}
.heroPlayer .meter i,
.player .meter i{
  max-height:78px!important;
  min-height:7px!important;
  border-radius:10px 10px 4px 4px!important;
  transition:none!important;
  will-change:height,transform,opacity,filter!important;
}
.player.audio-reactive .meter i{animation:none!important;}
.player.vm-meter-fallback.is-playing .meter i{
  animation:vmFallbackV23 .13s cubic-bezier(.02,.98,.08,1) infinite alternate!important;
}
@keyframes vmFallbackV23{
  0%{height:8px;opacity:.40;filter:saturate(1.05) brightness(.96)}
  20%{height:62px;opacity:.92;filter:saturate(1.70) brightness(1.16)}
  42%{height:14px;opacity:.56;filter:saturate(1.10) brightness(.98)}
  68%{height:76px;opacity:.99;filter:saturate(2.00) brightness(1.22)}
  100%{height:24px;opacity:.72;filter:saturate(1.35) brightness(1.04)}
}
.player.vm-meter-fallback.is-playing .meter i:nth-child(1){animation-duration:.12s!important;animation-delay:-.02s!important;}
.player.vm-meter-fallback.is-playing .meter i:nth-child(2){animation-duration:.18s!important;animation-delay:-.11s!important;}
.player.vm-meter-fallback.is-playing .meter i:nth-child(3){animation-duration:.14s!important;animation-delay:-.07s!important;}
.player.vm-meter-fallback.is-playing .meter i:nth-child(4){animation-duration:.20s!important;animation-delay:-.17s!important;}
.player.vm-meter-fallback.is-playing .meter i:nth-child(5){animation-duration:.13s!important;animation-delay:-.05s!important;}
.player.vm-meter-fallback.is-playing .meter i:nth-child(6){animation-duration:.19s!important;animation-delay:-.15s!important;}
.player.vm-meter-fallback.is-playing .meter i:nth-child(7){animation-duration:.15s!important;animation-delay:-.09s!important;}
.player.vm-meter-fallback.is-playing .meter i:nth-child(8){animation-duration:.21s!important;animation-delay:-.19s!important;}
.player.vm-meter-fallback.is-playing .meter i:nth-child(9){animation-duration:.12s!important;animation-delay:-.06s!important;}
.player.vm-meter-fallback.is-playing .meter i:nth-child(10){animation-duration:.19s!important;animation-delay:-.18s!important;}
.player.vm-meter-fallback.is-playing .meter i:nth-child(11){animation-duration:.14s!important;animation-delay:-.10s!important;}
.player.vm-meter-fallback.is-playing .meter i:nth-child(12){animation-duration:.17s!important;animation-delay:-.14s!important;}

/* VirtualMix v24 — tylko rozmieszczenie equalizera: odsunięcie od Play i wykorzystanie wolnego miejsca po prawej */
@media (min-width:1051px){
  .heroPlayer .meter{
    width:calc(100% - 112px)!important;
    margin-left:96px!important;
    margin-right:8px!important;
  }
}
@media (max-width:1050px){
  .heroPlayer .meter,
  .player .meter{
    width:calc(100% - 76px)!important;
    margin-left:64px!important;
    margin-right:0!important;
  }
}
@media (max-width:640px){
  .heroPlayer .meter,
  .player .meter{
    width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
  }
}

/* VirtualMix v25 — korekta położenia playera + płynniejsze tło HERO bez efektu przeskoku */
@media (min-width:1051px){
  .heroWow{
    padding-top:38px!important;
    padding-bottom:34px!important;
    align-items:center!important;
  }
  .heroPlayer{
    margin-top:34px!important;
  }
}

/* mniej pustej przestrzeni u góry, ale bez ruszania układu tekstu */
.heroWow.page{
  background-position:center top!important;
}

/* animacje tła mają pracować płynnie, bez zatrzymania na końcu cyklu */
.heroWow:before{
  animation:vmV25HeroLife 12s linear infinite alternate!important;
}
.heroWow:after{
  animation:vmV25GridScan 14s linear infinite alternate!important;
}
.heroWow .heroScene:before{
  animation:vmV25BigGlow 10s linear infinite alternate!important;
}
.heroWow .wave1{animation:vmV25Wave1 7.5s linear infinite alternate!important;}
.heroWow .wave2{animation:vmV25Wave2 8.5s linear infinite alternate!important;}
.heroWow .wave3{animation:vmV25Wave3 9.5s linear infinite alternate!important;}
.heroWow .beam1{animation:vmV25Beam1 9s linear infinite alternate!important;}
.heroWow .beam2{animation:vmV25Beam2 10s linear infinite alternate!important;}
.heroWow .beam3{animation:vmV25Beam3 11s linear infinite alternate!important;}

@keyframes vmV25HeroLife{
  0%{background-position:0% 44%,18% 74%,54% 26%,82% 58%,100% 18%,0 0,0 0;filter:saturate(1.15) contrast(1.02)}
  25%{background-position:18% 56%,42% 52%,72% 42%,64% 36%,72% 30%,0 0,0 0;filter:saturate(1.32) contrast(1.05)}
  50%{background-position:36% 66%,58% 42%,82% 64%,48% 70%,58% 52%,0 0,0 0;filter:saturate(1.46) contrast(1.07)}
  75%{background-position:54% 50%,30% 62%,62% 78%,90% 42%,36% 38%,0 0,0 0;filter:saturate(1.36) contrast(1.06)}
  100%{background-position:72% 58%,48% 46%,44% 52%,66% 62%,22% 46%,0 0,0 0;filter:saturate(1.22) contrast(1.03)}
}
@keyframes vmV25GridScan{
  0%{transform:translate3d(0,0,0);background-position:-280px 0,320px 0,-180px 0,0 0,0 0;}
  100%{transform:translate3d(-52px,-30px,0);background-position:360px 0,-360px 0,300px 0,96px 96px,96px 96px;}
}
@keyframes vmV25BigGlow{
  0%{transform:translate3d(-120px,-40px,0) scale(.86);opacity:.50}
  50%{transform:translate3d(15px,35px,0) scale(1.02);opacity:.86}
  100%{transform:translate3d(150px,90px,0) scale(1.12);opacity:.92}
}
@keyframes vmV25Wave1{from{transform:translateX(-150px) translateY(14px) rotate(-4deg) scaleX(.90);opacity:.48}to{transform:translateX(170px) translateY(-54px) rotate(3deg) scaleX(1.18);opacity:.95}}
@keyframes vmV25Wave2{from{transform:translateX(150px) translateY(20px) rotate(-2deg) scaleX(.86);opacity:.40}to{transform:translateX(-170px) translateY(-42px) rotate(4deg) scaleX(1.22);opacity:.82}}
@keyframes vmV25Wave3{from{transform:translateX(-130px) translateY(26px) rotate(2deg) scaleX(.96);opacity:.34}to{transform:translateX(150px) translateY(-62px) rotate(-3deg) scaleX(1.16);opacity:.70}}
@keyframes vmV25Beam1{from{transform:rotate(28deg) translateX(100px);opacity:.18}to{transform:rotate(-20deg) translateX(-210px);opacity:.52}}
@keyframes vmV25Beam2{from{transform:rotate(-22deg) translateX(-70px);opacity:.16}to{transform:rotate(23deg) translateX(190px);opacity:.46}}
@keyframes vmV25Beam3{from{transform:rotate(12deg) translateX(-70px);opacity:.12}to{transform:rotate(-16deg) translateX(210px);opacity:.34}}

@media (max-width:1050px){
  .heroPlayer{margin-top:0!important;}
  .heroWow{padding-top:38px!important;}
}

/* VirtualMix v26 — TYLKO: player niżej + ponownie żywe, płynne tło HERO */
@media (min-width:1051px){
  .heroPlayer{
    margin-top:62px!important;
  }
}

/* przywrócenie widocznego ruchu tła bez zatrzymania/przeskoku */
.heroWow:before{
  background-size:170% 170%,150% 150%,150% 150%,150% 150%,100% 100%!important;
  animation:vmV26HeroBreath 16s linear infinite!important;
  will-change:background-position,filter;
}
.heroWow:after{
  animation:vmV26GridSlide 18s linear infinite!important;
  will-change:background-position,transform,opacity;
}
.heroWow .heroScene{
  opacity:.95!important;
}
.heroWow .heroScene:before{
  animation:vmV26GlowTravel 9s ease-in-out infinite alternate!important;
}
.heroWow .orb1{animation:vmV26Orb1 7s ease-in-out infinite alternate!important;}
.heroWow .orb2{animation:vmV26Orb2 8s ease-in-out infinite alternate!important;}
.heroWow .orb3{animation:vmV26Orb3 6.5s ease-in-out infinite alternate!important;}
.heroWow .wave1{animation:vmV26Wave1 5.8s ease-in-out infinite alternate!important;}
.heroWow .wave2{animation:vmV26Wave2 6.7s ease-in-out infinite alternate!important;}
.heroWow .wave3{animation:vmV26Wave3 7.5s ease-in-out infinite alternate!important;}
.heroWow .beam1{animation:vmV26Beam1 7.5s ease-in-out infinite alternate!important;}
.heroWow .beam2{animation:vmV26Beam2 8.8s ease-in-out infinite alternate!important;}

@keyframes vmV26HeroBreath{
  0%{background-position:0% 48%,72% 35%,37% 67%,88% 78%,0 0;filter:saturate(1.18) hue-rotate(0deg)}
  20%{background-position:24% 54%,66% 40%,44% 60%,82% 70%,0 0;filter:saturate(1.30) hue-rotate(3deg)}
  40%{background-position:48% 60%,58% 48%,51% 52%,74% 62%,0 0;filter:saturate(1.42) hue-rotate(7deg)}
  60%{background-position:72% 55%,50% 56%,58% 44%,66% 54%,0 0;filter:saturate(1.35) hue-rotate(4deg)}
  80%{background-position:96% 50%,60% 44%,46% 58%,78% 66%,0 0;filter:saturate(1.26) hue-rotate(1deg)}
  100%{background-position:120% 48%,72% 35%,37% 67%,88% 78%,0 0;filter:saturate(1.18) hue-rotate(0deg)}
}
@keyframes vmV26GridSlide{
  0%{background-position:0 0,0 0,0 0,0 0;transform:translate3d(0,0,0);opacity:.92}
  100%{background-position:432px 0,-432px 0,288px 288px,288px 288px;transform:translate3d(-26px,-18px,0);opacity:.98}
}
@keyframes vmV26GlowTravel{
  0%{transform:translate3d(-80px,-20px,0) scale(.88);opacity:.46}
  50%{transform:translate3d(40px,42px,0) scale(1.05);opacity:.88}
  100%{transform:translate3d(145px,84px,0) scale(1.18);opacity:.78}
}
@keyframes vmV26Orb1{0%{transform:translate(0,0) scale(.95);opacity:.58}100%{transform:translate(-110px,70px) scale(1.25);opacity:.92}}
@keyframes vmV26Orb2{0%{transform:translate(0,0) scale(1.05);opacity:.52}100%{transform:translate(105px,-52px) scale(.84);opacity:.86}}
@keyframes vmV26Orb3{0%{transform:translate(0,0) scale(.90);opacity:.44}100%{transform:translate(78px,62px) scale(1.30);opacity:.78}}
@keyframes vmV26Wave1{0%{transform:translateX(-110px) translateY(6px) rotate(-5deg) scaleX(.92);opacity:.48}100%{transform:translateX(130px) translateY(-36px) rotate(2deg) scaleX(1.12);opacity:.88}}
@keyframes vmV26Wave2{0%{transform:translateX(130px) translateY(12px) rotate(-3deg) scaleX(.90);opacity:.42}100%{transform:translateX(-120px) translateY(-32px) rotate(4deg) scaleX(1.16);opacity:.80}}
@keyframes vmV26Wave3{0%{transform:translateX(-90px) translateY(18px) rotate(1deg) scaleX(.96);opacity:.34}100%{transform:translateX(105px) translateY(-42px) rotate(-2deg) scaleX(1.10);opacity:.66}}
@keyframes vmV26Beam1{0%{transform:rotate(24deg) translateX(40px);opacity:.18}100%{transform:rotate(-18deg) translateX(-150px);opacity:.54}}
@keyframes vmV26Beam2{0%{transform:rotate(-18deg) translateX(-30px);opacity:.16}100%{transform:rotate(22deg) translateX(145px);opacity:.48}}

@media (max-width:1050px){
  .heroPlayer{margin-top:12px!important;}
}


/* VirtualMix v28 — tylko: tytuł audycji pod prezenterem, większa nazwa prezentera, odstęp suwaka od Play, start głośności 50% */
.heroPlayer .now strong{
  font-size:1.36rem!important;
  line-height:1.16!important;
  margin:8px 0 6px!important;
}
.heroPlayer .now span[data-broadcast]{
  display:block!important;
  font-size:.96rem!important;
  color:rgba(247,251,255,.76)!important;
  line-height:1.32!important;
}
.liveStatus .now strong{
  font-size:1.30rem!important;
  line-height:1.18!important;
}
.liveStatus .now span[data-broadcast]{
  display:block!important;
  font-size:.93rem!important;
  color:rgba(247,251,255,.74)!important;
}
@media (min-width:641px){
  .heroPlayer .controls{
    gap:28px!important;
  }
}
@media (max-width:640px){
  .heroPlayer .now strong{font-size:1.22rem!important;}
  .heroPlayer .now span[data-broadcast]{font-size:.90rem!important;}
}


/* VirtualMix v30 — tylko: układ informacji w playerze + odstęp suwaka od Play */
.heroPlayer .now strong{
  font-size:1.46rem!important;
  line-height:1.16!important;
  margin:8px 0 7px!important;
  letter-spacing:.01em!important;
}
.heroPlayer .now span[data-broadcast]{
  display:block!important;
  font-size:1.02rem!important;
  line-height:1.32!important;
  color:rgba(247,251,255,.80)!important;
}
.heroPlayer .vm-info-label,
.liveStatus .vm-info-label{
  display:inline-block!important;
  margin-right:7px!important;
  font-size:.68em!important;
  line-height:1!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
  color:#7dffd9!important;
  text-shadow:0 0 14px rgba(52,245,197,.36)!important;
  vertical-align:middle!important;
}
@media (min-width:641px){
  .heroPlayer .controls{
    gap:42px!important;
  }
}
@media (max-width:640px){
  .heroPlayer .now strong{font-size:1.25rem!important;}
  .heroPlayer .now span[data-broadcast]{font-size:.92rem!important;}
}

/* v31: wyrównanie kafelków w Centrum słuchacza */
.section .grid > .feature{
  height:100%;
  min-height:225px;
}
.section .grid:has(> .feature){
  align-items:stretch;
}


/* VirtualMix v32 — uporządkowanie sekcji pod HERO: bez powtarzania skrótów w karcie Aktualnie */
.liveStatusClean{
  gap:16px!important;
}
.liveStatusClean .liveTop{
  align-items:center!important;
}
.airNote{
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.055);
  border-radius:22px;
  padding:15px 16px;
  color:rgba(247,251,255,.74);
  line-height:1.55;
  font-size:.95rem;
}
@media (max-width:640px){
  .airNote{font-size:.90rem;padding:13px 14px;}
}

/* VirtualMix v33 — Facebook w prawej kolumnie przy ramówce */
.facebookSideCard{
  padding:10px 10px 16px 10px!important;
  min-height:560px;
  overflow:hidden;
}
.facebookSideCard .fbFrameSide{
  display:block;
  width:100%;
  height:540px;
  min-height:540px;
  border:0;
  border-radius:22px;
  background:#fff;
}
@media (max-width:1050px){
  .facebookSideCard{min-height:520px;}
  .facebookSideCard .fbFrameSide{height:500px;min-height:500px;}
}
@media (max-width:640px){
  .facebookSideCard{padding:8px!important;min-height:460px;}
  .facebookSideCard .fbFrameSide{height:444px;min-height:444px;border-radius:18px;}
}

/* VirtualMix v35 — tylko: ramówka dziś — lżejsza czcionka, obramowanie i tonowanie pomarańczu */
.embedBox:has(iframe[data-embed="scheduleToday"]){
  position:relative!important;
  padding:10px!important;
  border-radius:28px!important;
  border:1px solid rgba(255,255,255,.16)!important;
  background:
    radial-gradient(circle at 15% 0%, rgba(47,140,255,.24), transparent 45%),
    radial-gradient(circle at 90% 100%, rgba(255,63,180,.18), transparent 48%),
    linear-gradient(145deg, rgba(255,255,255,.09), rgba(255,255,255,.045))!important;
  box-shadow:0 26px 80px rgba(0,0,0,.38), 0 0 0 1px rgba(255,255,255,.055) inset!important;
  overflow:hidden!important;
}
.embedBox:has(iframe[data-embed="scheduleToday"])::before{
  content:"";
  position:absolute;
  inset:10px;
  border-radius:22px;
  pointer-events:none;
  z-index:2;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.12), inset 0 -28px 60px rgba(5,8,22,.20);
}
.embedBox:has(iframe[data-embed="scheduleToday"])::after{
  content:"";
  position:absolute;
  inset:10px;
  border-radius:22px;
  pointer-events:none;
  z-index:2;
  background:
    linear-gradient(135deg, rgba(47,140,255,.08), rgba(255,63,180,.055)),
    linear-gradient(180deg, rgba(5,8,22,0), rgba(5,8,22,.075));
  mix-blend-mode:soft-light;
}
.embedBox iframe[data-embed="scheduleToday"]{
  position:relative!important;
  z-index:1!important;
  width:106.5%!important;
  height:106.5%!important;
  transform:scale(.94)!important;
  transform-origin:top left!important;
  border-radius:22px!important;
  background:transparent!important;
}
@media (max-width:1050px){
  .embedBox iframe[data-embed="scheduleToday"]{
    width:108.7%!important;
    height:108.7%!important;
    transform:scale(.92)!important;
  }
}

/* VirtualMix v38 — poprawka tylko ramówki: pełne dopasowanie iframe bez przesuwania i bez obcinania */
.embedBox:has(iframe[data-embed="scheduleToday"]){
  padding:10px!important;
  border-radius:28px!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 18% 0%, rgba(47,140,255,.22), transparent 44%),
    radial-gradient(circle at 88% 100%, rgba(255,63,180,.16), transparent 48%),
    linear-gradient(145deg, rgba(255,255,255,.09), rgba(255,255,255,.045))!important;
  border:1px solid rgba(255,255,255,.16)!important;
  box-shadow:0 26px 80px rgba(0,0,0,.38), 0 0 0 1px rgba(255,255,255,.055) inset!important;
}
.embedBox:has(iframe[data-embed="scheduleToday"])::before,
.embedBox:has(iframe[data-embed="scheduleToday"])::after{
  display:none!important;
  content:none!important;
}
.embedBox iframe[data-embed="scheduleToday"]{
  display:block!important;
  position:relative!important;
  z-index:1!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  min-width:0!important;
  transform:none!important;
  transform-origin:center center!important;
  border:0!important;
  border-radius:22px!important;
  background:transparent!important;
}


/* ===== VIRTUALMIX EVENTS ===== */
.eventsCard{min-height:430px;overflow:hidden;position:relative;}
.eventsHead{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:16px;}
.eventsHead h2{margin-bottom:8px;}
.eventsHead p{margin:0;color:var(--muted);line-height:1.5;}
.eventsList{display:grid;gap:12px;max-height:345px;overflow:auto;padding-right:4px;scrollbar-width:thin;}
.eventItem{display:grid;grid-template-columns:48px 1fr;gap:13px;padding:14px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(135deg,rgba(255,255,255,.095),rgba(255,255,255,.045));box-shadow:0 16px 35px rgba(0,0,0,.18);}
.eventIcon{width:48px;height:48px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(255,122,24,.75),rgba(47,140,255,.45));font-size:1.35rem;box-shadow:0 12px 30px rgba(255,122,24,.16);}
.eventBody{min-width:0;}
.eventDate{display:inline-flex;align-items:center;max-width:100%;font-size:.82rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--d);margin-bottom:5px;}
.eventTitle{font-weight:900;font-size:1.06rem;margin:0 0 5px;line-height:1.2;}
.eventText{color:var(--muted);font-size:.93rem;line-height:1.45;margin:0;}
.eventEmpty{border:1px dashed rgba(255,255,255,.18);border-radius:20px;padding:18px;color:var(--muted);line-height:1.55;background:rgba(255,255,255,.04);}
.eventsForm{display:grid;gap:13px;margin-top:12px;}
.eventsForm label{display:grid;gap:7px;color:var(--muted);font-weight:800;}
.eventsForm input,.eventsForm textarea,.eventsForm select{width:100%;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.075);color:#fff;padding:12px 13px;outline:0;font:inherit;}
.eventsForm textarea{min-height:125px;resize:vertical;line-height:1.45;}
.eventsForm option{background:#10162b;color:#fff;}
.formMsg{min-height:22px;color:var(--muted);font-weight:800;}
.formMsg.ok{color:var(--d);}.formMsg.err{color:#ff8f8f;}
.eventsAdminList{max-height:620px;}
.eventsAdminList .eventItem{grid-template-columns:48px 1fr auto;align-items:center;}
.eventDelete{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.07);color:#fff;border-radius:14px;padding:9px 11px;cursor:pointer;font-weight:900;}
.eventDelete:hover{background:rgba(255,80,80,.22);border-color:rgba(255,120,120,.36);}
@media (max-width:640px){.eventsHead{flex-direction:column}.eventsAdminList .eventItem{grid-template-columns:42px 1fr}.eventDelete{grid-column:1 / -1}.eventIcon{width:42px;height:42px}.eventsList{max-height:none}}

/* VirtualMix v40 — ramówka: pokazanie pełnego prawego zaokrąglenia bez ruszania FB i reszty strony */
.embedBox:has(iframe[data-embed="scheduleToday"]){
  padding:10px!important;
  border-radius:28px!important;
  overflow:hidden!important;
}
.embedBox iframe[data-embed="scheduleToday"]{
  display:block!important;
  position:relative!important;
  z-index:1!important;
  width:112%!important;
  height:112%!important;
  max-width:none!important;
  min-width:112%!important;
  transform:scale(.892857)!important;
  transform-origin:top left!important;
  border:0!important;
  border-radius:22px!important;
  background:transparent!important;
}
@media (max-width:1050px){
  .embedBox iframe[data-embed="scheduleToday"]{
    width:116%!important;
    height:116%!important;
    min-width:116%!important;
    transform:scale(.862069)!important;
  }
}

/* VirtualMix v41 — ramówka: symetryczne centrowanie całego widoku iframe w ramce */
.embedBox:has(iframe[data-embed="scheduleToday"]){
  padding:10px!important;
  border-radius:28px!important;
  overflow:hidden!important;
}
.embedBox iframe[data-embed="scheduleToday"]{
  display:block!important;
  position:relative!important;
  z-index:1!important;
  width:118%!important;
  height:118%!important;
  max-width:none!important;
  min-width:118%!important;
  margin-left:-9%!important;
  transform:scale(.847458)!important;
  transform-origin:top center!important;
  border:0!important;
  border-radius:22px!important;
  background:transparent!important;
}
@media (max-width:1050px){
  .embedBox iframe[data-embed="scheduleToday"]{
    width:124%!important;
    height:124%!important;
    min-width:124%!important;
    margin-left:-12%!important;
    transform:scale(.806452)!important;
    transform-origin:top center!important;
  }
}

/* VirtualMix v42 — ramówka dziś: stabilny lokalny wrapper 900x648, bez asymetrycznego przesuwania iframe */
.embedBox:has(iframe[data-embed="scheduleToday"]){
  padding:10px!important;
  border-radius:28px!important;
  overflow:hidden!important;
}
.embedBox iframe[data-embed="scheduleToday"]{
  display:block!important;
  position:relative!important;
  z-index:1!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin-left:0!important;
  transform:none!important;
  transform-origin:center center!important;
  border:0!important;
  border-radius:22px!important;
  background:transparent!important;
}


/* VirtualMix v45 — RAMÓWKA: finalne symetryczne dopasowanie pomarańczowego widoku w ramce */
.embedBox:has(iframe[data-embed="scheduleToday"]){
  padding:10px!important;
  border-radius:28px!important;
  overflow:hidden!important;
}
.embedBox:has(iframe[data-embed="scheduleToday"])::before,
.embedBox:has(iframe[data-embed="scheduleToday"])::after{
  display:none!important;
  content:none!important;
}
.embedBox iframe[data-embed="scheduleToday"]{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  max-width:100%!important;
  margin:0!important;
  transform:none!important;
  border:0!important;
  border-radius:22px!important;
  background:transparent!important;
}

/* VirtualMix v46 — player: wycentrowany blok prezentera/audycji + lekko większy avatar. Equalizer bez zmian. */
.heroPlayer .liveTop{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 132px!important;
  align-items:center!important;
  gap:22px!important;
  min-height:128px!important;
}
.heroPlayer .now{
  min-width:0!important;
  text-align:center!important;
  align-self:center!important;
  padding-left:18px!important;
  padding-right:4px!important;
}
.heroPlayer .now b{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0 auto 8px!important;
  font-size:.82rem!important;
  letter-spacing:.13em!important;
}
.heroPlayer .now strong{
  display:block!important;
  text-align:center!important;
  font-size:clamp(1.32rem,2vw,1.72rem)!important;
  line-height:1.16!important;
  margin:0 0 8px!important;
  text-shadow:0 0 22px rgba(255,255,255,.10),0 0 24px rgba(52,245,197,.10)!important;
}
.heroPlayer .now span{
  display:block!important;
  text-align:center!important;
  font-size:clamp(.98rem,1.25vw,1.12rem)!important;
  line-height:1.35!important;
  color:rgba(247,251,255,.78)!important;
}
.heroPlayer .avatar{
  width:132px!important;
  height:132px!important;
  border-radius:30px!important;
  justify-self:end!important;
  box-shadow:0 20px 48px rgba(0,0,0,.28),0 0 0 1px rgba(255,255,255,.18) inset,0 0 34px rgba(47,140,255,.16)!important;
}
@media (max-width:1050px){
  .heroPlayer .liveTop{
    grid-template-columns:minmax(0,1fr) 112px!important;
    min-height:112px!important;
    gap:16px!important;
  }
  .heroPlayer .avatar{width:112px!important;height:112px!important;border-radius:26px!important;}
  .heroPlayer .now{padding-left:8px!important;}
}
@media (max-width:640px){
  .heroPlayer .liveTop{
    grid-template-columns:minmax(0,1fr) 84px!important;
    min-height:88px!important;
    gap:12px!important;
  }
  .heroPlayer .avatar{width:84px!important;height:84px!important;border-radius:22px!important;}
  .heroPlayer .now strong{font-size:1.08rem!important;}
  .heroPlayer .now span{font-size:.88rem!important;}
}

/* VirtualMix v47 — player: bez górnego statusu w środku, tekst wyżej + delikatne ruchome nuty. Equalizer bez zmian. */
.heroPlayer .liveTop{
  grid-template-columns:minmax(0,1fr) 124px!important;
  min-height:104px!important;
  align-items:center!important;
  gap:20px!important;
  margin-bottom:2px!important;
}
.heroPlayer .now{
  position:relative!important;
  text-align:center!important;
  align-self:center!important;
  padding-left:20px!important;
  padding-right:8px!important;
  transform:translateY(-8px)!important;
  overflow:visible!important;
}
.heroPlayer .now b{
  display:none!important;
}
.heroPlayer .now strong{
  display:block!important;
  text-align:center!important;
  font-size:clamp(1.38rem,2.05vw,1.78rem)!important;
  line-height:1.12!important;
  margin:0 0 8px!important;
  text-shadow:0 0 20px rgba(255,255,255,.12),0 0 26px rgba(52,245,197,.10)!important;
}
.heroPlayer .now span{
  display:block!important;
  text-align:center!important;
  font-size:clamp(.98rem,1.18vw,1.08rem)!important;
  line-height:1.28!important;
  color:rgba(247,251,255,.80)!important;
}
.heroPlayer .now:before,
.heroPlayer .now:after{
  position:absolute!important;
  pointer-events:none!important;
  z-index:0!important;
  font-weight:900!important;
  line-height:1!important;
  opacity:.42!important;
  filter:drop-shadow(0 0 10px rgba(52,245,197,.30));
  animation:vmMusicNoteFloat 4.8s ease-in-out infinite alternate!important;
}
.heroPlayer .now:before{
  content:"♪"!important;
  left:4%!important;
  top:8px!important;
  font-size:1.5rem!important;
  color:#34f5c5!important;
}
.heroPlayer .now:after{
  content:"♫"!important;
  right:4%!important;
  bottom:8px!important;
  font-size:1.65rem!important;
  color:#ff7a18!important;
  animation-delay:-1.7s!important;
}
@keyframes vmMusicNoteFloat{
  0%{transform:translate3d(0,5px,0) rotate(-5deg) scale(.96);opacity:.28;}
  50%{transform:translate3d(4px,-5px,0) rotate(4deg) scale(1.04);opacity:.58;}
  100%{transform:translate3d(-3px,-10px,0) rotate(-2deg) scale(1);opacity:.38;}
}
.heroPlayer .avatar{
  width:124px!important;
  height:124px!important;
  border-radius:28px!important;
  justify-self:end!important;
}
@media (max-width:1050px){
  .heroPlayer .liveTop{
    grid-template-columns:minmax(0,1fr) 108px!important;
    min-height:96px!important;
    gap:15px!important;
  }
  .heroPlayer .now{transform:translateY(-6px)!important;padding-left:8px!important;}
  .heroPlayer .avatar{width:108px!important;height:108px!important;border-radius:25px!important;}
}
@media (max-width:640px){
  .heroPlayer .liveTop{
    grid-template-columns:minmax(0,1fr) 82px!important;
    min-height:82px!important;
    gap:10px!important;
  }
  .heroPlayer .now{transform:translateY(-4px)!important;}
  .heroPlayer .avatar{width:82px!important;height:82px!important;border-radius:21px!important;}
  .heroPlayer .now strong{font-size:1.04rem!important;}
  .heroPlayer .now span{font-size:.84rem!important;}
  .heroPlayer .now:before,.heroPlayer .now:after{display:none!important;}
}

/* VirtualMix v48 — player: 4 nutki + zmniejszenie wysokości od dołu. Equalizer/czułość bez zmian. */
.heroPlayer{
  padding-bottom:14px!important;
}
.heroPlayer .chips{
  margin-top:10px!important;
}
.heroPlayer .liveTop{
  position:relative!important;
}
.heroPlayer .liveTop:before,
.heroPlayer .liveTop:after{
  position:absolute!important;
  pointer-events:none!important;
  z-index:0!important;
  font-weight:900!important;
  line-height:1!important;
  opacity:.34!important;
  filter:drop-shadow(0 0 10px rgba(47,140,255,.28));
  animation:vmMusicNoteFloat2 5.4s ease-in-out infinite alternate!important;
}
.heroPlayer .liveTop:before{
  content:"♬"!important;
  left:18%!important;
  bottom:8px!important;
  font-size:1.34rem!important;
  color:#2f8cff!important;
  animation-delay:-2.2s!important;
}
.heroPlayer .liveTop:after{
  content:"♩"!important;
  right:26%!important;
  top:10px!important;
  font-size:1.22rem!important;
  color:#ff3fb4!important;
  animation-delay:-3.1s!important;
}
@keyframes vmMusicNoteFloat2{
  0%{transform:translate3d(-2px,6px,0) rotate(4deg) scale(.94);opacity:.22;}
  45%{transform:translate3d(3px,-4px,0) rotate(-6deg) scale(1.04);opacity:.48;}
  100%{transform:translate3d(6px,-9px,0) rotate(3deg) scale(1);opacity:.32;}
}
@media (max-width:640px){
  .heroPlayer .liveTop:before,
  .heroPlayer .liveTop:after{display:none!important;}
}

/* VM v52 — korekta pozycji playera: podniesienie całego kontenera o ok. 10px, bez ruszania środka */
.hero-player,
.vm-player,
.player-card,
.live-player,
.hero .player-card,
.hero .vm-player {
  transform: translateY(-10px);
}


.vm-schedule-embed iframe,
.schedule-embed iframe,
.ramowka-embed iframe,
.vm-schedule iframe,
.home-schedule iframe,
iframe[src*="ramowka"],
iframe[src*="schedule"] {
  display: block !important;
  margin-top: 0 !important;
  top: 0 !important;
  transform-origin: top center !important;
}

.vm-schedule-embed,
.schedule-embed,
.ramowka-embed,
.vm-schedule,
.home-schedule,
.schedule-preview,
.ramowka-preview {
  align-items: flex-start !important;
  justify-content: flex-start !important;
  place-items: start center !important;
  padding-top: 0 !important;
}

/* Wersja mobilna: ramówka ma startować od góry ramki, nie ze środka */
@media (max-width: 820px) {
  .vm-schedule-embed,
  .schedule-embed,
  .ramowka-embed,
  .vm-schedule,
  .home-schedule,
  .schedule-preview,
  .ramowka-preview {
    display: block !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    padding-top: 0 !important;
  }

  .vm-schedule-embed iframe,
  .schedule-embed iframe,
  .ramowka-embed iframe,
  .vm-schedule iframe,
  .home-schedule iframe,
  iframe[src*="ramowka"],
  iframe[src*="schedule"] {
    margin-top: 0 !important;
    top: 0 !important;
    transform-origin: top center !important;
  }
}

/* Lekko większa ramówka, bez wchodzenia na godziny */
.vm-schedule-embed iframe,
.schedule-embed iframe,
.ramowka-embed iframe,
.vm-schedule iframe,
.home-schedule iframe {
  font-size: 1.045em;
}

/* Jeśli ramówka jest renderowana lokalnie poza iframe */
.vm-schedule-embed table,
.schedule-embed table,
.ramowka-embed table,
.vm-schedule table,
.home-schedule table,
.schedule-preview table,
.ramowka-preview table {
  font-size: 1.045em;
}

.vm-schedule-embed th,
.vm-schedule-embed td,
.schedule-embed th,
.schedule-embed td,
.ramowka-embed th,
.ramowka-embed td,
.vm-schedule th,
.vm-schedule td,
.home-schedule th,
.home-schedule td,
.schedule-preview th,
.schedule-preview td,
.ramowka-preview th,
.ramowka-preview td {
  line-height: 1.18 !important;
}

/* VM v55 — ramówka start: Android top-fit + mniejsza pusta ramka */
@media (max-width:640px){
  .embedBox:has(iframe[data-embed="scheduleToday"]){
    height:clamp(238px, 67vw, 305px)!important;
    min-height:0!important;
    padding:8px!important;
    border-radius:22px!important;
    overflow:hidden!important;
  }
  .embedBox:has(iframe[data-embed="scheduleToday"]) iframe[data-embed="scheduleToday"]{
    display:block!important;
    width:100%!important;
    height:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0!important;
    transform:none!important;
    transform-origin:top center!important;
    border-radius:18px!important;
  }
}

/* VM v55 — lekko większa czytelność ramówki na desktopie/tablecie */
@media (min-width:641px){
  .embedBox:has(iframe[data-embed="scheduleToday"]){
    padding:10px!important;
  }
}

/* VM v58 — strona Ramówka: układ obok siebie + czytelniejszy pełny tydzień */
.schedulePage .subHero{
  padding-top:28px!important;
  padding-bottom:4px!important;
}
.schedulePage .subHero h1{
  font-size:clamp(1.9rem,3.8vw,3.65rem)!important;
  line-height:1!important;
  letter-spacing:-.055em!important;
  margin:14px 0 12px!important;
}
.schedulePage .subHero .lead{
  font-size:1.02rem!important;
  line-height:1.45!important;
}
.schedulePage .grid{
  grid-template-columns:repeat(12,1fr)!important;
  gap:18px!important;
  align-items:start!important;
}
.schedulePage .scheduleTodayBlock{grid-column:span 5!important;}
.schedulePage .scheduleWeekBlock{grid-column:span 7!important;}

.schedulePage .scheduleTodayBlock .embedBox{
  height:560px!important;
  padding:10px!important;
  overflow:hidden!important;
}
.schedulePage .scheduleTodayBlock iframe[data-embed="scheduleToday"]{
  display:block!important;
  width:100%!important;
  height:100%!important;
  margin:0 auto!important;
  transform:none!important;
  border-radius:22px!important;
}

/* Pełny tydzień w prawej kolumnie: nie ściskamy do małych kolumn, tylko dajemy szeroki widok z przewijaniem */
.schedulePage .scheduleWeekBlock .embedBox.tall{
  height:560px!important;
  padding:10px!important;
  overflow:auto!important;
  -webkit-overflow-scrolling:touch!important;
}
.schedulePage .scheduleWeekBlock iframe[data-embed="scheduleWeek"]{
  display:block!important;
  width:1180px!important;
  min-width:1180px!important;
  max-width:none!important;
  height:540px!important;
  margin:0!important;
  border-radius:22px!important;
  background:transparent!important;
}

/* Na średnich ekranach nadal obok siebie, ale trochę ciaśniej */
@media (max-width:1180px) and (min-width:821px){
  .schedulePage .scheduleTodayBlock{grid-column:span 5!important;}
  .schedulePage .scheduleWeekBlock{grid-column:span 7!important;}
  .schedulePage .scheduleTodayBlock .embedBox,
  .schedulePage .scheduleWeekBlock .embedBox.tall{
    height:520px!important;
  }
  .schedulePage .scheduleWeekBlock iframe[data-embed="scheduleWeek"]{
    width:1120px!important;
    min-width:1120px!important;
    height:500px!important;
  }
}

/* Telefon: sekcje mogą iść jedna pod drugą, żeby były używalne */
@media (max-width:820px){
  .schedulePage .scheduleTodayBlock,
  .schedulePage .scheduleWeekBlock{
    grid-column:span 12!important;
  }
  .schedulePage .subHero h1{
    font-size:clamp(2rem,10vw,3rem)!important;
  }
  .schedulePage .scheduleTodayBlock .embedBox{
    height:320px!important;
    padding:8px!important;
  }
  .schedulePage .scheduleWeekBlock .embedBox.tall{
    height:520px!important;
    padding:8px!important;
    overflow:auto!important;
  }
  .schedulePage .scheduleWeekBlock iframe[data-embed="scheduleWeek"]{
    width:1080px!important;
    min-width:1080px!important;
    height:500px!important;
  }
}


/* VM v59 — ramowka.html: czytelny tydzien + dopasowanie sekcji Dzisiaj, bez ruszania playera/Facebooka/innych stron */
.schedulePage .subHero{
  padding-top:24px!important;
  padding-bottom:0!important;
}
.schedulePage .subHero .card{
  padding-top:20px!important;
  padding-bottom:20px!important;
}
.schedulePage .subHero h1{
  font-size:clamp(1.55rem,2.85vw,2.75rem)!important;
  line-height:1.04!important;
  letter-spacing:-.045em!important;
  margin:11px 0 9px!important;
}
.schedulePage .subHero .lead{
  font-size:.98rem!important;
  line-height:1.42!important;
  margin-top:0!important;
  margin-bottom:0!important;
}
.schedulePage .section{
  padding-top:26px!important;
  padding-bottom:22px!important;
}
.schedulePage .grid{
  grid-template-columns:repeat(12,minmax(0,1fr))!important;
  gap:20px!important;
  align-items:start!important;
}
.schedulePage .scheduleTodayBlock{
  grid-column:span 4!important;
  min-width:0!important;
}
.schedulePage .scheduleWeekBlock{
  grid-column:span 8!important;
  min-width:0!important;
}
.schedulePage .scheduleTodayBlock .head,
.schedulePage .scheduleWeekBlock .head{
  margin-bottom:12px!important;
}
.schedulePage .scheduleTodayBlock .head h2,
.schedulePage .scheduleWeekBlock .head h2{
  font-size:clamp(1.34rem,2.1vw,2.02rem)!important;
  line-height:1.06!important;
  margin-bottom:5px!important;
}
.schedulePage .scheduleTodayBlock .head p,
.schedulePage .scheduleWeekBlock .head p{
  font-size:.94rem!important;
  line-height:1.38!important;
}
.schedulePage .scheduleTodayBlock .embedBox{
  height:505px!important;
  min-height:0!important;
  padding:10px!important;
  overflow:hidden!important;
  border-radius:28px!important;
}
.schedulePage .scheduleTodayBlock iframe[data-embed="scheduleToday"]{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  height:100%!important;
  margin:0!important;
  transform:none!important;
  transform-origin:top center!important;
  border-radius:22px!important;
}
.schedulePage .scheduleWeekBlock .embedBox.tall{
  height:505px!important;
  min-height:0!important;
  padding:10px!important;
  overflow:auto!important;
  overflow-y:hidden!important;
  -webkit-overflow-scrolling:touch!important;
  border-radius:28px!important;
  scrollbar-width:thin!important;
}
.schedulePage .scheduleWeekBlock iframe[data-embed="scheduleWeek"]{
  display:block!important;
  width:1560px!important;
  min-width:1560px!important;
  max-width:none!important;
  height:485px!important;
  min-height:485px!important;
  margin:0!important;
  transform:none!important;
  transform-origin:top left!important;
  border:0!important;
  border-radius:22px!important;
  background:transparent!important;
}
@media (max-width:1180px) and (min-width:901px){
  .schedulePage .grid{
    gap:18px!important;
  }
  .schedulePage .scheduleTodayBlock{
    grid-column:span 4!important;
  }
  .schedulePage .scheduleWeekBlock{
    grid-column:span 8!important;
  }
  .schedulePage .scheduleTodayBlock .embedBox,
  .schedulePage .scheduleWeekBlock .embedBox.tall{
    height:485px!important;
  }
  .schedulePage .scheduleWeekBlock iframe[data-embed="scheduleWeek"]{
    width:1480px!important;
    min-width:1480px!important;
    height:465px!important;
    min-height:465px!important;
  }
}
@media (max-width:900px){
  .schedulePage .scheduleTodayBlock,
  .schedulePage .scheduleWeekBlock{
    grid-column:span 12!important;
  }
  .schedulePage .subHero h1{
    font-size:clamp(1.9rem,8.6vw,2.8rem)!important;
  }
  .schedulePage .scheduleTodayBlock .embedBox{
    height:330px!important;
    padding:8px!important;
    border-radius:22px!important;
  }
  .schedulePage .scheduleTodayBlock iframe[data-embed="scheduleToday"]{
    border-radius:18px!important;
  }
  .schedulePage .scheduleWeekBlock .embedBox.tall{
    height:505px!important;
    padding:8px!important;
    overflow:auto!important;
    overflow-y:hidden!important;
    border-radius:22px!important;
  }
  .schedulePage .scheduleWeekBlock iframe[data-embed="scheduleWeek"]{
    width:1320px!important;
    min-width:1320px!important;
    height:487px!important;
    min-height:487px!important;
    border-radius:18px!important;
  }
}
@media (max-width:520px){
  .schedulePage .section{
    padding-top:22px!important;
  }
  .schedulePage .scheduleTodayBlock .embedBox{
    height:clamp(258px,68vw,326px)!important;
  }
  .schedulePage .scheduleWeekBlock .embedBox.tall{
    height:492px!important;
  }
  .schedulePage .scheduleWeekBlock iframe[data-embed="scheduleWeek"]{
    width:1260px!important;
    min-width:1260px!important;
    height:474px!important;
    min-height:474px!important;
  }
}

/* VM v60 — ramowka.html: poprawa czytelności bez ruszania playera/Facebooka/innych stron
   Zakres: tylko .schedulePage, sekcje Dzisiaj oraz Cały tydzień. */
.schedulePage .subHero{
  padding-top:18px!important;
  padding-bottom:0!important;
}
.schedulePage .subHero .card{
  padding-top:16px!important;
  padding-bottom:16px!important;
}
.schedulePage .subHero h1{
  font-size:clamp(1.42rem,2.25vw,2.18rem)!important;
  line-height:1.06!important;
  letter-spacing:-.04em!important;
  margin:8px 0 7px!important;
}
.schedulePage .subHero .lead{
  font-size:.95rem!important;
  line-height:1.38!important;
}
.schedulePage .section{
  padding-top:18px!important;
  padding-bottom:18px!important;
}
.schedulePage.page,
.schedulePage .page{
  width:min(1500px,calc(100% - 34px))!important;
}
.schedulePage .grid{
  grid-template-columns:repeat(12,minmax(0,1fr))!important;
  gap:22px!important;
  align-items:start!important;
}
.schedulePage .scheduleTodayBlock{
  grid-column:span 5!important;
  min-width:0!important;
}
.schedulePage .scheduleWeekBlock{
  grid-column:span 7!important;
  min-width:0!important;
}
.schedulePage .scheduleTodayBlock .head,
.schedulePage .scheduleWeekBlock .head{
  margin-bottom:11px!important;
}
.schedulePage .scheduleTodayBlock .head h2,
.schedulePage .scheduleWeekBlock .head h2{
  font-size:clamp(1.42rem,2vw,2rem)!important;
  line-height:1.05!important;
  margin-bottom:5px!important;
}
.schedulePage .scheduleTodayBlock .head p,
.schedulePage .scheduleWeekBlock .head p{
  font-size:.94rem!important;
}

/* Dzisiaj: większy podgląd, ale bez wielkiej pustej przestrzeni pod tabelą */
.schedulePage .scheduleTodayBlock .embedBox{
  height:368px!important;
  min-height:0!important;
  padding:10px!important;
  overflow:hidden!important;
  border-radius:28px!important;
}
.schedulePage .scheduleTodayBlock iframe[data-embed="scheduleToday"]{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  height:100%!important;
  margin:0!important;
  transform:none!important;
  transform-origin:top center!important;
  border:0!important;
  border-radius:22px!important;
}

/* Cały tydzień: nie ściskamy dni. Dajemy szeroką ramówkę z przewijaniem poziomym,
   żeby w polach zmieściły się dłuższe nazwy audycji i godziny nie łamały się pionowo. */
.schedulePage .scheduleWeekBlock .embedBox.tall{
  height:590px!important;
  min-height:0!important;
  padding:10px!important;
  overflow:auto!important;
  overflow-y:hidden!important;
  -webkit-overflow-scrolling:touch!important;
  border-radius:28px!important;
  scrollbar-width:thin!important;
}
.schedulePage .scheduleWeekBlock iframe[data-embed="scheduleWeek"]{
  display:block!important;
  width:2800px!important;
  min-width:2800px!important;
  max-width:none!important;
  height:570px!important;
  min-height:570px!important;
  margin:0!important;
  transform:none!important;
  transform-origin:top left!important;
  border:0!important;
  border-radius:22px!important;
  background:transparent!important;
}

@media (max-width:1320px) and (min-width:901px){
  .schedulePage .page{
    width:min(1420px,calc(100% - 28px))!important;
  }
  .schedulePage .grid{
    gap:20px!important;
  }
  .schedulePage .scheduleTodayBlock{
    grid-column:span 5!important;
  }
  .schedulePage .scheduleWeekBlock{
    grid-column:span 7!important;
  }
  .schedulePage .scheduleTodayBlock .embedBox{
    height:350px!important;
  }
  .schedulePage .scheduleWeekBlock .embedBox.tall{
    height:575px!important;
  }
  .schedulePage .scheduleWeekBlock iframe[data-embed="scheduleWeek"]{
    width:2700px!important;
    min-width:2700px!important;
    height:555px!important;
    min-height:555px!important;
  }
}

@media (max-width:900px){
  .schedulePage .scheduleTodayBlock,
  .schedulePage .scheduleWeekBlock{
    grid-column:span 12!important;
  }
  .schedulePage .subHero h1{
    font-size:clamp(1.72rem,8vw,2.55rem)!important;
  }
  .schedulePage .scheduleTodayBlock .embedBox{
    height:clamp(258px,60vw,360px)!important;
    padding:8px!important;
    border-radius:22px!important;
  }
  .schedulePage .scheduleTodayBlock iframe[data-embed="scheduleToday"]{
    border-radius:18px!important;
  }
  .schedulePage .scheduleWeekBlock .embedBox.tall{
    height:545px!important;
    padding:8px!important;
    overflow:auto!important;
    overflow-y:hidden!important;
    border-radius:22px!important;
  }
  .schedulePage .scheduleWeekBlock iframe[data-embed="scheduleWeek"]{
    width:2300px!important;
    min-width:2300px!important;
    height:527px!important;
    min-height:527px!important;
    border-radius:18px!important;
  }
}

@media (max-width:520px){
  .schedulePage .section{
    padding-top:16px!important;
  }
  .schedulePage .scheduleTodayBlock .embedBox{
    height:clamp(238px,68vw,326px)!important;
  }
  .schedulePage .scheduleWeekBlock .embedBox.tall{
    height:525px!important;
  }
  .schedulePage .scheduleWeekBlock iframe[data-embed="scheduleWeek"]{
    width:2100px!important;
    min-width:2100px!important;
    height:507px!important;
    min-height:507px!important;
  }
}


/* VM v61 — RAMÓWKA: jeden profesjonalny widok tygodnia + dzisiaj w oknie popup.
   Zakres wyłącznie: ramowka.html / .scheduleBody / .schedulePage. */
.scheduleBody .schedulePage .page{
  width:min(1560px,calc(100% - 28px))!important;
}
.scheduleBody .schedulePage .subHero{
  padding:30px 0 8px!important;
}
.scheduleBody .schedulePage .subHero .card{
  padding:22px 26px!important;
  border-radius:30px!important;
  background:
    radial-gradient(circle at 8% 15%,rgba(255,122,24,.18),transparent 32%),
    radial-gradient(circle at 92% 10%,rgba(47,140,255,.18),transparent 34%),
    linear-gradient(180deg,rgba(255,255,255,.105),rgba(255,255,255,.055))!important;
}
.scheduleBody .schedulePage .subHero h1{
  font-size:clamp(1.95rem,3.8vw,3.35rem)!important;
  line-height:1.02!important;
  margin:12px 0 10px!important;
  letter-spacing:-.045em!important;
}
.scheduleBody .schedulePage .subHero .lead{
  max-width:760px!important;
  font-size:1.02rem!important;
  line-height:1.55!important;
  margin:0!important;
}
.scheduleBody .schedulePage .section{
  padding-top:20px!important;
}
.scheduleBody .schedulePage .grid{
  display:grid!important;
  grid-template-columns:repeat(12,minmax(0,1fr))!important;
  gap:18px!important;
}
.scheduleBody .schedulePage .scheduleTodayBlock{
  display:none!important;
}
.scheduleBody .schedulePage .scheduleWeekBlock{
  grid-column:1 / -1!important;
  min-width:0!important;
}
.scheduleBody .schedulePage .scheduleWeekBlock .head{
  align-items:center!important;
  margin-bottom:14px!important;
  padding:0 2px!important;
}
.scheduleBody .schedulePage .scheduleWeekBlock .head h2{
  font-size:clamp(1.65rem,3vw,2.65rem)!important;
  line-height:1.04!important;
  margin:0 0 6px!important;
  letter-spacing:-.04em!important;
}
.scheduleBody .schedulePage .scheduleWeekBlock .head p{
  max-width:880px!important;
  font-size:.98rem!important;
  line-height:1.48!important;
  color:rgba(247,251,255,.74)!important;
}
.scheduleBody .schedulePage .scheduleTodayBtn{
  white-space:nowrap!important;
}
.scheduleBody .schedulePage .scheduleWeekBlock .embedBox.tall{
  height:640px!important;
  min-height:640px!important;
  width:100%!important;
  padding:12px!important;
  overflow:auto!important;
  overflow-y:hidden!important;
  border-radius:32px!important;
  border:1px solid rgba(255,255,255,.18)!important;
  background:
    linear-gradient(135deg,rgba(255,122,24,.18),rgba(47,140,255,.12) 44%,rgba(255,63,180,.10)),
    rgba(0,0,0,.18)!important;
  box-shadow:0 34px 110px rgba(0,0,0,.48)!important;
  -webkit-overflow-scrolling:touch!important;
  scrollbar-width:thin!important;
}
.scheduleBody .schedulePage .scheduleWeekBlock iframe[data-embed="scheduleWeek"]{
  display:block!important;
  width:3600px!important;
  min-width:3600px!important;
  max-width:none!important;
  height:616px!important;
  min-height:616px!important;
  margin:0!important;
  border:0!important;
  border-radius:24px!important;
  background:transparent!important;
  transform:none!important;
  transform-origin:top left!important;
}

/* Popup „Dzisiaj” — większy, czysty, z dopasowaną ramówką dzisiejszą. */
.scheduleBody .modal{
  padding:20px!important;
}
.scheduleBody .modalCard{
  width:min(1180px,calc(100vw - 34px))!important;
  height:min(760px,calc(100vh - 34px))!important;
  border-radius:30px!important;
  background:
    radial-gradient(circle at 10% 0%,rgba(255,122,24,.18),transparent 36%),
    radial-gradient(circle at 90% 0%,rgba(47,140,255,.18),transparent 36%),
    #080d1f!important;
}
.scheduleBody .modalHead{
  height:66px!important;
}
.scheduleBody #vmModalFrame{
  width:100%!important;
  height:calc(100% - 66px)!important;
  background:transparent!important;
}

@media (max-width:1100px){
  .scheduleBody .schedulePage .page{
    width:min(100%,calc(100% - 18px))!important;
  }
  .scheduleBody .schedulePage .subHero .card{
    grid-template-columns:1fr!important;
  }
  .scheduleBody .schedulePage .subHero .actions{
    justify-content:flex-start!important;
  }
  .scheduleBody .schedulePage .scheduleWeekBlock .head{
    align-items:flex-start!important;
    flex-direction:column!important;
  }
  .scheduleBody .schedulePage .scheduleWeekBlock .embedBox.tall{
    height:610px!important;
    min-height:610px!important;
  }
  .scheduleBody .schedulePage .scheduleWeekBlock iframe[data-embed="scheduleWeek"]{
    width:3300px!important;
    min-width:3300px!important;
    height:586px!important;
    min-height:586px!important;
  }
}

@media (max-width:720px){
  .scheduleBody .schedulePage .subHero{
    padding-top:20px!important;
  }
  .scheduleBody .schedulePage .subHero .card{
    padding:18px!important;
  }
  .scheduleBody .schedulePage .scheduleWeekBlock .embedBox.tall{
    height:570px!important;
    min-height:570px!important;
    padding:8px!important;
    border-radius:24px!important;
  }
  .scheduleBody .schedulePage .scheduleWeekBlock iframe[data-embed="scheduleWeek"]{
    width:3000px!important;
    min-width:3000px!important;
    height:552px!important;
    min-height:552px!important;
    border-radius:18px!important;
  }
  .scheduleBody .modal{
    padding:10px!important;
  }
  .scheduleBody .modalCard{
    width:calc(100vw - 20px)!important;
    height:calc(100vh - 20px)!important;
    border-radius:22px!important;
  }
}

/* VM v62 — RAMÓWKA: dopasowanie dolnego marginesu i delikatne powiększenie widoku tygodnia.
   Zakres wyłącznie: ramowka.html / .scheduleBody / .schedulePage. */
.scheduleBody .schedulePage .scheduleWeekBlock .embedBox.tall{
  height:535px!important;
  min-height:535px!important;
  padding:12px!important;
  overflow:auto!important;
  overflow-y:hidden!important;
}
.scheduleBody .schedulePage .scheduleWeekBlock iframe[data-embed="scheduleWeek"]{
  width:3335px!important;
  min-width:3335px!important;
  height:470px!important;
  min-height:470px!important;
  transform:scale(1.08)!important;
  transform-origin:top left!important;
}
@media (max-width:1100px){
  .scheduleBody .schedulePage .scheduleWeekBlock .embedBox.tall{
    height:515px!important;
    min-height:515px!important;
  }
  .scheduleBody .schedulePage .scheduleWeekBlock iframe[data-embed="scheduleWeek"]{
    width:3055px!important;
    min-width:3055px!important;
    height:455px!important;
    min-height:455px!important;
    transform:scale(1.08)!important;
  }
}
@media (max-width:720px){
  .scheduleBody .schedulePage .scheduleWeekBlock .embedBox.tall{
    height:500px!important;
    min-height:500px!important;
    padding:8px!important;
  }
  .scheduleBody .schedulePage .scheduleWeekBlock iframe[data-embed="scheduleWeek"]{
    width:2830px!important;
    min-width:2830px!important;
    height:445px!important;
    min-height:445px!important;
    transform:scale(1.06)!important;
  }
}


/* VM v63 — ODSŁUCH: kompaktowy nagłówek, wyśrodkowany player i dopasowany equalizer.
   Zakres wyłącznie: odsluch.html przez klasę body.listenBody. */
.listenBody .subHero{
  padding:24px 0 6px!important;
}
.listenBody .subHero .card{
  width:min(1080px,100%)!important;
  margin:0 auto!important;
  padding:20px 24px!important;
  border-radius:24px!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
}
.listenBody .subHero h1{
  font-size:clamp(1.72rem,3.2vw,2.65rem)!important;
  line-height:1.04!important;
  margin:10px 0 10px!important;
  letter-spacing:-.045em!important;
}
.listenBody .subHero .lead{
  font-size:.98rem!important;
  line-height:1.5!important;
  max-width:780px!important;
  margin:0!important;
}
.listenBody .subHero .kicker{
  padding:7px 11px!important;
  font-size:.88rem!important;
}
.listenBody .listenLayout{
  padding-top:22px!important;
}
.listenBody .listenLayout > div > .player.card{
  padding:24px 26px 18px!important;
  border-radius:28px!important;
}
.listenBody .player .liveTop{
  position:relative!important;
  min-height:134px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:0!important;
}
.listenBody .player .now{
  width:100%!important;
  text-align:center!important;
  padding:0 158px!important;
}
.listenBody .player .now b{
  display:inline-block!important;
  font-size:.82rem!important;
  letter-spacing:.13em!important;
}
.listenBody .player .now strong{
  font-size:clamp(1.28rem,2.05vw,1.72rem)!important;
  line-height:1.18!important;
  margin:8px auto 6px!important;
  max-width:720px!important;
}
.listenBody .player .now span{
  display:block!important;
  font-size:1rem!important;
}
.listenBody .player .avatar{
  position:absolute!important;
  right:0!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:132px!important;
  height:132px!important;
  border-radius:30px!important;
}
.listenBody .player .meter{
  width:min(86%,760px)!important;
  height:74px!important;
  margin:22px auto 20px!important;
  gap:7px!important;
  justify-content:center!important;
}
.listenBody .player .controls{
  width:min(92%,820px)!important;
  margin:0 auto!important;
  justify-content:center!important;
}
.listenBody .player .play{
  width:58px!important;
  height:58px!important;
}
.listenBody .player .chips{
  justify-content:center!important;
  margin-top:16px!important;
}
@media (max-width:900px){
  .listenBody .subHero .card{
    grid-template-columns:1fr!important;
    padding:18px!important;
  }
  .listenBody .subHero h1{
    font-size:clamp(1.55rem,7vw,2.2rem)!important;
  }
  .listenBody .player .liveTop{
    min-height:auto!important;
    flex-direction:column-reverse!important;
    gap:14px!important;
  }
  .listenBody .player .now{
    padding:0!important;
  }
  .listenBody .player .avatar{
    position:relative!important;
    right:auto!important;
    top:auto!important;
    transform:none!important;
    width:112px!important;
    height:112px!important;
  }
  .listenBody .player .meter,
  .listenBody .player .controls{
    width:100%!important;
  }
}
@media (max-width:640px){
  .listenBody .subHero{
    padding-top:18px!important;
  }
  .listenBody .subHero .lead{
    font-size:.92rem!important;
  }
  .listenBody .listenLayout{
    padding-top:16px!important;
  }
  .listenBody .listenLayout > div > .player.card{
    padding:18px!important;
  }
  .listenBody .player .avatar{
    width:96px!important;
    height:96px!important;
    border-radius:24px!important;
  }
  .listenBody .player .meter{
    height:62px!important;
    margin:18px auto!important;
  }
}

/* VM v64 — ODSŁUCH: wyrównanie nagłówka do układu player + prawa kolumna oraz kompaktowy, profesjonalny widok.
   Zakres wyłącznie: odsluch.html przez body.listenBody. Nie rusza playera globalnie, Facebooka globalnie ani innych podstron. */
.listenBody main > .page{
  width:min(1360px,calc(100% - 44px))!important;
}
.listenBody .subHero{
  padding:18px 0 4px!important;
}
.listenBody .subHero .card{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:15px 22px!important;
  border-radius:22px!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  min-height:106px!important;
}
.listenBody .subHero .kicker{
  display:none!important;
}
.listenBody .subHero h1{
  font-size:clamp(1.75rem,2.55vw,2.35rem)!important;
  line-height:1.02!important;
  margin:0 0 8px!important;
  letter-spacing:-.045em!important;
}
.listenBody .subHero .lead{
  font-size:.95rem!important;
  line-height:1.45!important;
  max-width:880px!important;
  margin:0!important;
}
.listenBody .subHero .actions .btn{
  padding:10px 16px!important;
  font-size:.92rem!important;
}
.listenBody .listenLayout{
  grid-template-columns:minmax(0,1fr) 350px!important;
  gap:16px!important;
  padding-top:18px!important;
}
.listenBody .listenLayout > div > .player.card{
  padding:20px 24px 16px!important;
  border-radius:26px!important;
  min-height:360px!important;
}
.listenBody .player .liveTop{
  min-height:118px!important;
}
.listenBody .player .now{
  padding:0 145px!important;
}
.listenBody .player .now b{
  font-size:.76rem!important;
  letter-spacing:.13em!important;
  margin-bottom:4px!important;
}
.listenBody .player .now strong{
  font-size:clamp(1.18rem,1.75vw,1.48rem)!important;
  line-height:1.15!important;
  margin:5px auto 5px!important;
  max-width:620px!important;
}
.listenBody .player .now span{
  font-size:.93rem!important;
  line-height:1.35!important;
}
.listenBody .player .avatar{
  width:124px!important;
  height:124px!important;
  border-radius:28px!important;
}
.listenBody .player .meter{
  width:min(78%,650px)!important;
  height:58px!important;
  margin:18px auto 16px!important;
  gap:6px!important;
}
.listenBody .player .controls{
  width:min(88%,760px)!important;
  gap:14px!important;
}
.listenBody .player .play{
  width:52px!important;
  height:52px!important;
  font-size:1.05rem!important;
}
.listenBody .player .chips{
  margin-top:14px!important;
}
.listenBody .player .chip{
  padding:7px 10px!important;
  font-size:.82rem!important;
}
.listenBody .listenSide{
  gap:16px!important;
}
.listenBody .listenSide .card{
  padding:18px!important;
  border-radius:24px!important;
}
.listenBody .listenSide h2{
  font-size:clamp(1.35rem,2.1vw,1.85rem)!important;
  line-height:1.05!important;
  margin-bottom:10px!important;
}
.listenBody .listenSide p{
  font-size:.93rem!important;
  line-height:1.48!important;
  margin:10px 0!important;
}
.listenBody .listenSide .btn{
  padding:10px 15px!important;
  font-size:.9rem!important;
}
.listenBody .listenLayout .grid{
  gap:16px!important;
  margin-top:16px!important;
}
.listenBody .listenLayout .feature{
  min-height:185px!important;
  padding:18px!important;
  border-radius:24px!important;
}
.listenBody .listenLayout .feature .ico{
  width:44px!important;
  height:44px!important;
  border-radius:15px!important;
  margin-bottom:14px!important;
  font-size:1.2rem!important;
}
.listenBody .listenLayout .feature h3{
  font-size:1.05rem!important;
}
.listenBody .listenLayout .feature p{
  font-size:.92rem!important;
  line-height:1.45!important;
}
@media (max-width:1050px){
  .listenBody main > .page{
    width:min(100% - 28px,1240px)!important;
  }
  .listenBody .listenLayout{
    grid-template-columns:1fr!important;
  }
  .listenBody .listenSide{
    grid-template-columns:repeat(3,1fr)!important;
  }
}
@media (max-width:900px){
  .listenBody .subHero .card{
    grid-template-columns:1fr!important;
    padding:16px!important;
    min-height:0!important;
  }
  .listenBody .player .liveTop{
    min-height:auto!important;
  }
  .listenBody .player .now{
    padding:0!important;
  }
  .listenBody .player .avatar{
    width:108px!important;
    height:108px!important;
  }
  .listenBody .listenSide{
    grid-template-columns:1fr!important;
  }
}
@media (max-width:640px){
  .listenBody main > .page{
    width:min(100% - 22px,1240px)!important;
  }
  .listenBody .subHero{
    padding-top:14px!important;
  }
  .listenBody .subHero h1{
    font-size:clamp(1.45rem,7vw,1.95rem)!important;
  }
  .listenBody .subHero .lead{
    font-size:.9rem!important;
  }
  .listenBody .listenLayout > div > .player.card{
    padding:16px!important;
    min-height:0!important;
  }
  .listenBody .player .meter{
    width:100%!important;
    height:52px!important;
    margin:16px auto!important;
  }
  .listenBody .player .controls{
    width:100%!important;
  }
}


/* VM v65 — ODSŁUCH: pasek Pozdrowienia online w nagłówku odsłuchu.
   Zakres wyłącznie: odsluch.html przez body.listenBody. Bez zmian playera, Facebooka i pozostałych podstron. */
.listenBody .listenGreetingsOnline{
  margin-top:12px!important;
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  align-items:center!important;
  gap:12px!important;
  width:min(100%,920px)!important;
  padding:9px 11px!important;
  border:1px solid rgba(255,255,255,.15)!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,rgba(255,136,22,.18),rgba(20,70,130,.22))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 12px 32px rgba(0,0,0,.16)!important;
  overflow:hidden!important;
}
.listenBody .listenGreetingsHead{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  min-width:220px!important;
  color:#fff!important;
  white-space:nowrap!important;
}
.listenBody .listenGreetingsHead span{
  width:30px!important;
  height:30px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:12px!important;
  background:linear-gradient(135deg,#ff8a18,#ffb13b)!important;
  box-shadow:0 8px 18px rgba(255,136,22,.24)!important;
  font-size:.95rem!important;
}
.listenBody .listenGreetingsHead b{
  font-size:.92rem!important;
  letter-spacing:.02em!important;
}
.listenBody .listenGreetingsHead small{
  color:rgba(255,255,255,.68)!important;
  font-size:.78rem!important;
  font-weight:700!important;
}
.listenBody .listenGreetingsFrameWrap{
  min-width:0!important;
  height:46px!important;
  border-radius:14px!important;
  overflow:hidden!important;
  background:rgba(5,12,28,.48)!important;
  border:1px solid rgba(255,255,255,.12)!important;
}
.listenBody .listenGreetingsFrameWrap iframe{
  display:block!important;
  width:100%!important;
  height:100%!important;
  border:0!important;
  background:transparent!important;
}
@media (max-width:900px){
  .listenBody .listenGreetingsOnline{
    grid-template-columns:1fr!important;
    gap:8px!important;
  }
  .listenBody .listenGreetingsHead{
    min-width:0!important;
    flex-wrap:wrap!important;
  }
  .listenBody .listenGreetingsFrameWrap{
    height:54px!important;
  }
}
@media (max-width:640px){
  .listenBody .listenGreetingsOnline{
    padding:8px!important;
    border-radius:16px!important;
  }
  .listenBody .listenGreetingsHead small{
    display:none!important;
  }
}

/* VM v66 — ODSŁUCH: przycisk Pozdrów online + dłuższy pasek pozdrowień + wyrównane przyciski nagłówka.
   Zakres wyłącznie: odsluch.html przez body.listenBody. Nie rusza playera, Facebooka ani innych podstron. */
.listenBody .subHero .card{
  display:block!important;
  padding:15px 22px 16px!important;
}
.listenBody .subHero .lead{
  max-width:980px!important;
}
.listenBody .listenHeroTools{
  margin-top:13px!important;
  display:grid!important;
  grid-template-columns:auto minmax(360px,1fr) auto!important;
  align-items:center!important;
  gap:12px!important;
  width:100%!important;
}
.listenBody .listenGreetingBtn{
  white-space:nowrap!important;
  padding:11px 17px!important;
  border-radius:999px!important;
  box-shadow:0 12px 28px rgba(255,136,22,.22)!important;
}
.listenBody .listenHeroActions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:10px!important;
  margin:0!important;
  align-self:center!important;
}
.listenBody .listenHeroActions .btn{
  padding:10px 16px!important;
  white-space:nowrap!important;
}
.listenBody .listenHeroTools .listenGreetingsOnline{
  margin:0!important;
  width:100%!important;
  max-width:none!important;
  display:block!important;
  padding:8px!important;
  border-radius:18px!important;
}
.listenBody .listenHeroTools .listenGreetingsHead{
  display:none!important;
}
.listenBody .listenHeroTools .listenGreetingsFrameWrap{
  height:48px!important;
  border-radius:14px!important;
}
.listenBody #vmModal .modalCard{
  border-radius:24px!important;
}
@media (max-width:1050px){
  .listenBody .listenHeroTools{
    grid-template-columns:auto minmax(0,1fr)!important;
  }
  .listenBody .listenHeroActions{
    grid-column:1 / -1!important;
    justify-content:flex-start!important;
  }
}
@media (max-width:640px){
  .listenBody .listenHeroTools{
    grid-template-columns:1fr!important;
    gap:9px!important;
  }
  .listenBody .listenGreetingBtn,
  .listenBody .listenHeroActions .btn{
    width:100%!important;
    justify-content:center!important;
  }
  .listenBody .listenHeroActions{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:9px!important;
  }
  .listenBody .listenHeroTools .listenGreetingsFrameWrap{
    height:54px!important;
  }
}

/* VM v67 — ODSŁUCH: kafelki Pozdrowienia / Pozdrowienia głosowe / Ramówka + blok kolejnej audycji.
   Zakres wyłącznie: odsluch.html przez body.listenBody. Nie rusza innych podstron. */
.listenBody .listenFeatureGrid{
  align-items:stretch!important;
}
.listenBody .listenFeatureCard{
  min-height:158px!important;
  padding:20px 20px 18px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:space-between!important;
  gap:16px!important;
  background:linear-gradient(135deg,rgba(255,255,255,.105),rgba(255,255,255,.045))!important;
  border:1px solid rgba(255,255,255,.14)!important;
  box-shadow:0 16px 36px rgba(0,0,0,.22)!important;
}
.listenBody .listenFeatureCard .ico{
  width:44px!important;
  height:44px!important;
  border-radius:16px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin-bottom:10px!important;
  background:linear-gradient(135deg,rgba(255,136,22,.95),rgba(255,177,71,.72))!important;
  box-shadow:0 12px 28px rgba(255,136,22,.20)!important;
}
.listenBody .listenFeatureCard h3{
  margin:0 0 7px!important;
  font-size:22px!important;
  line-height:1.08!important;
}
.listenBody .listenFeatureCard p{
  margin:0!important;
  font-size:14px!important;
  line-height:1.45!important;
  color:rgba(255,255,255,.76)!important;
}
.listenBody .listenFeatureCard .btn{
  align-self:flex-start!important;
  padding:10px 17px!important;
}
.listenBody .listenNowCard h2{
  margin-bottom:12px!important;
}
.listenBody .listenNowCard > p{
  margin:10px 0 0!important;
}
.listenBody .nextShowBox{
  margin:14px 0 12px!important;
  padding:13px 14px!important;
  border-radius:18px!important;
  background:rgba(5,12,28,.30)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;
}
.listenBody .nextShowBox span{
  display:block!important;
  margin-bottom:5px!important;
  font-size:12px!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  color:rgba(255,136,22,.98)!important;
}
.listenBody .nextShowBox strong{
  display:block!important;
  font-size:16px!important;
  line-height:1.24!important;
  color:#fff!important;
}
.listenBody .nextShowBox small{
  display:block!important;
  margin-top:6px!important;
  font-size:13px!important;
  color:rgba(255,255,255,.74)!important;
}
.listenBody .nextShowBox em{
  font-style:normal!important;
}
.listenBody #vmModalFrame{
  background:rgba(4,10,24,.96)!important;
}
@media (max-width:900px){
  .listenBody .listenFeatureCard{
    min-height:140px!important;
  }
  .listenBody .listenFeatureCard h3{
    font-size:20px!important;
  }
}
@media (max-width:640px){
  .listenBody .listenFeatureCard{
    padding:17px!important;
    min-height:0!important;
  }
  .listenBody .listenFeatureCard .btn{
    width:100%!important;
    justify-content:center!important;
  }
}

/* VM v68 — ODSŁUCH: kompaktowy player WOW + poprawione pobieranie kolejnej audycji po stronie proxy.
   Zakres wizualny wyłącznie: odsluch.html przez body.listenBody. */
.listenBody main > .page{
  width:min(1320px,calc(100% - 46px))!important;
}
.listenBody .subHero{
  padding:14px 0 2px!important;
}
.listenBody .subHero .card{
  padding:13px 22px 14px!important;
  border-radius:22px!important;
}
.listenBody .subHero h1{
  font-size:clamp(1.65rem,2.2vw,2.08rem)!important;
  margin:0 0 6px!important;
}
.listenBody .subHero .lead{
  font-size:.88rem!important;
  line-height:1.38!important;
}
.listenBody .listenHeroTools{
  margin-top:11px!important;
  grid-template-columns:auto minmax(420px,1fr) auto!important;
  gap:11px!important;
}
.listenBody .listenGreetingBtn,
.listenBody .listenHeroActions .btn{
  padding:10px 15px!important;
  font-size:.88rem!important;
}
.listenBody .listenHeroTools .listenGreetingsFrameWrap{
  height:42px!important;
}
.listenBody .listenLayout{
  grid-template-columns:minmax(0,1fr) 320px!important;
  gap:16px!important;
  padding-top:16px!important;
}
.listenBody .listenLayout > div > .player.card{
  min-height:300px!important;
  padding:18px 22px 14px!important;
  border-radius:25px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:space-between!important;
}
.listenBody .player .liveTop{
  min-height:96px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 108px!important;
  align-items:start!important;
  gap:18px!important;
}
.listenBody .player .now{
  padding:0!important;
  text-align:center!important;
  align-self:center!important;
  transform:translateX(54px)!important;
}
.listenBody .player .now b{
  font-size:.70rem!important;
  margin-bottom:3px!important;
}
.listenBody .player .now strong{
  font-size:clamp(1.05rem,1.45vw,1.28rem)!important;
  margin:4px auto!important;
  max-width:520px!important;
}
.listenBody .player .now span{
  font-size:.86rem!important;
  line-height:1.28!important;
}
.listenBody .player .avatar{
  position:relative!important;
  right:auto!important;
  top:auto!important;
  width:108px!important;
  height:108px!important;
  border-radius:25px!important;
  justify-self:end!important;
}
.listenBody .player .meter{
  width:min(68%,560px)!important;
  height:40px!important;
  margin:10px auto 10px!important;
  gap:6px!important;
}
.listenBody .player .meter i{
  min-height:4px!important;
}
.listenBody .player .controls{
  width:min(78%,690px)!important;
  gap:13px!important;
  margin:0 auto!important;
}
.listenBody .player .play{
  width:48px!important;
  height:48px!important;
  font-size:1rem!important;
}
.listenBody .player .volume{
  height:5px!important;
}
.listenBody .player .chips{
  margin-top:10px!important;
  gap:8px!important;
}
.listenBody .player .chip{
  padding:6px 9px!important;
  font-size:.76rem!important;
}
.listenBody .listenSide{
  gap:15px!important;
}
.listenBody .listenSide .card{
  padding:16px 17px!important;
  border-radius:22px!important;
}
.listenBody .listenSide h2{
  font-size:clamp(1.22rem,1.8vw,1.55rem)!important;
  margin-bottom:8px!important;
}
.listenBody .listenSide p{
  font-size:.86rem!important;
  line-height:1.42!important;
  margin:8px 0!important;
}
.listenBody .nextShowBox{
  margin:10px 0!important;
  padding:11px 12px!important;
  border-radius:16px!important;
}
.listenBody .nextShowBox span{
  font-size:11px!important;
  margin-bottom:4px!important;
}
.listenBody .nextShowBox strong{
  font-size:14px!important;
}
.listenBody .nextShowBox small{
  font-size:12px!important;
  margin-top:5px!important;
}
.listenBody .listenFeatureGrid{
  margin-top:16px!important;
  gap:15px!important;
}
.listenBody .listenFeatureCard{
  min-height:134px!important;
  padding:17px!important;
  border-radius:22px!important;
  gap:12px!important;
}
.listenBody .listenFeatureCard .ico{
  width:40px!important;
  height:40px!important;
  border-radius:14px!important;
  margin-bottom:8px!important;
  font-size:1.04rem!important;
}
.listenBody .listenFeatureCard h3{
  font-size:18px!important;
  margin-bottom:6px!important;
}
.listenBody .listenFeatureCard p{
  font-size:13px!important;
  line-height:1.38!important;
}
.listenBody .listenFeatureCard .btn{
  padding:9px 15px!important;
  font-size:.84rem!important;
}
@media (max-width:1050px){
  .listenBody .listenHeroTools{grid-template-columns:auto minmax(0,1fr)!important;}
  .listenBody .listenLayout{grid-template-columns:1fr!important;}
  .listenBody .listenSide{grid-template-columns:repeat(3,1fr)!important;}
}
@media (max-width:900px){
  .listenBody .player .liveTop{grid-template-columns:1fr!important;text-align:center!important;}
  .listenBody .player .now{transform:none!important;}
  .listenBody .player .avatar{justify-self:center!important;width:104px!important;height:104px!important;}
  .listenBody .listenSide{grid-template-columns:1fr!important;}
}
@media (max-width:640px){
  .listenBody main > .page{width:min(100% - 22px,1240px)!important;}
  .listenBody .listenHeroTools{grid-template-columns:1fr!important;}
  .listenBody .listenLayout > div > .player.card{min-height:0!important;padding:16px!important;}
  .listenBody .player .meter,.listenBody .player .controls{width:100%!important;}
}

/* VM v69 — ODSŁUCH: dopasowanie playera + awatar bez ucinania + czytelny blok live.
   Tylko strona odsluch.html (body.listenBody). */
.listenBody .listenLayout > div > .player.card{
  min-height:286px!important;
  padding:19px 24px 15px!important;
  overflow:hidden!important;
}
.listenBody .player .liveTop{
  min-height:94px!important;
  grid-template-columns:minmax(0,1fr) 98px!important;
  align-items:start!important;
  gap:18px!important;
  padding:2px 0 0!important;
}
.listenBody .player .now{
  width:min(430px,100%)!important;
  justify-self:center!important;
  align-self:start!important;
  text-align:left!important;
  transform:translateX(18px)!important;
  padding-top:7px!important;
}
.listenBody .player .now b{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:7px!important;
  font-size:.72rem!important;
  letter-spacing:.12em!important;
  margin:0 0 6px!important;
}
.listenBody .player .now strong{
  display:block!important;
  font-size:clamp(1.16rem,1.7vw,1.46rem)!important;
  line-height:1.06!important;
  margin:0 0 7px!important;
  max-width:430px!important;
}
.listenBody .player .now span{
  display:block!important;
  font-size:.84rem!important;
  line-height:1.24!important;
  max-width:430px!important;
}
.listenBody .player .avatar{
  width:98px!important;
  height:98px!important;
  border-radius:24px!important;
  justify-self:end!important;
  align-self:start!important;
  margin-top:0!important;
  margin-right:0!important;
  overflow:hidden!important;
}
.listenBody .player .avatar img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
}
.listenBody .player .meter{
  width:min(58%,500px)!important;
  height:52px!important;
  margin:6px auto 9px!important;
}
.listenBody .player.audio-reactive .meter{
  height:66px!important;
  margin-top:2px!important;
}
.listenBody .player .controls{
  width:min(70%,640px)!important;
  margin:0 auto!important;
}
.listenBody .player .chips{
  margin-top:9px!important;
}
.listenBody .listenNowCard .nextShowBox{
  min-height:80px!important;
}
.listenBody .listenNowCard .nextShowBox strong{
  display:block!important;
  min-height:18px!important;
}
@media (max-width:900px){
  .listenBody .player .now{
    text-align:center!important;
    transform:none!important;
    padding-top:0!important;
  }
  .listenBody .player .avatar{
    justify-self:center!important;
    width:96px!important;
    height:96px!important;
  }
}
@media (max-width:640px){
  .listenBody .player .meter,
  .listenBody .player .controls{
    width:100%!important;
  }
}


/* VM v70 — ODSŁUCH: korekta playera wg screenów: status z lewej, prezenter/audycja wyżej, awatar bez ucinania.
   Zakres wyłącznie: odsluch.html przez body.listenBody. */
.listenBody .listenLayout > div > .player.card{
  min-height:278px!important;
  padding:24px 24px 15px!important;
  overflow:hidden!important;
}
.listenBody .player .liveTop{
  min-height:108px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 108px!important;
  align-items:start!important;
  gap:18px!important;
  padding:0!important;
}
.listenBody .player .now{
  position:relative!important;
  width:min(540px,100%)!important;
  justify-self:center!important;
  align-self:start!important;
  text-align:center!important;
  transform:none!important;
  padding:18px 20px 0!important;
}
.listenBody .player .now b{
  position:absolute!important;
  left:0!important;
  top:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:7px!important;
  margin:0!important;
  font-size:.72rem!important;
  line-height:1!important;
  letter-spacing:.12em!important;
  white-space:nowrap!important;
}
.listenBody .player .now strong{
  display:block!important;
  font-size:clamp(1.18rem,1.65vw,1.42rem)!important;
  line-height:1.06!important;
  margin:0 auto 7px!important;
  max-width:460px!important;
}
.listenBody .player .now span{
  display:block!important;
  font-size:.84rem!important;
  line-height:1.22!important;
  max-width:460px!important;
  margin:0 auto!important;
}
.listenBody .player .avatar{
  position:relative!important;
  top:auto!important;
  right:auto!important;
  transform:none!important;
  width:104px!important;
  height:104px!important;
  border-radius:25px!important;
  justify-self:end!important;
  align-self:start!important;
  margin:0!important;
  overflow:hidden!important;
}
.listenBody .player .avatar img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
}
.listenBody .player .meter{
  width:min(60%,520px)!important;
  height:48px!important;
  margin:2px auto 9px!important;
  gap:6px!important;
}
.listenBody .player.audio-reactive .meter{
  height:58px!important;
  margin-top:0!important;
}
.listenBody .player .controls{
  width:min(68%,620px)!important;
  margin:0 auto!important;
}
.listenBody .player .chips{
  margin-top:9px!important;
}
.listenBody .listenNowCard .nextShowBox{
  min-height:88px!important;
}
.listenBody .listenNowCard .nextShowBox strong{
  min-height:18px!important;
}
@media (max-width:900px){
  .listenBody .player .liveTop{
    grid-template-columns:1fr!important;
  }
  .listenBody .player .now{
    padding:18px 0 0!important;
  }
  .listenBody .player .now b{
    left:50%!important;
    transform:translateX(-50%)!important;
  }
  .listenBody .player .avatar{
    justify-self:center!important;
    width:98px!important;
    height:98px!important;
  }
}
@media (max-width:640px){
  .listenBody .player .meter,
  .listenBody .player .controls{
    width:100%!important;
  }
}


/* VM v71 — ODSŁUCH: testowy układ wg wskazówki użytkownika.
   Lewa część playera: equalizer + play/głośność. Prawa część: status nad awatarem, prezenter i audycja pod awatarem.
   Zakres tylko odsluch.html przez body.listenBody. */
.listenBody .listenLayout{
  grid-template-columns:minmax(0,1fr) 320px!important;
  gap:16px!important;
}
.listenBody .listenLayout > div > .player.card{
  position:relative!important;
  min-height:260px!important;
  padding:18px 230px 15px 28px!important;
  overflow:visible!important;
}
.listenBody .player .liveTop{
  position:absolute!important;
  right:24px!important;
  top:18px!important;
  width:178px!important;
  min-height:210px!important;
  display:block!important;
  padding:0!important;
  z-index:3!important;
}
.listenBody .player .avatar{
  position:absolute!important;
  top:26px!important;
  right:0!important;
  width:116px!important;
  height:116px!important;
  border-radius:26px!important;
  overflow:hidden!important;
  margin:0!important;
  box-shadow:0 16px 28px rgba(0,0,0,.34),0 0 0 1px rgba(255,255,255,.18) inset!important;
}
.listenBody .player .avatar img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  display:block!important;
}
.listenBody .player .now{
  position:static!important;
  width:178px!important;
  padding:0!important;
  margin:0!important;
  transform:none!important;
  text-align:center!important;
}
.listenBody .player .now b{
  position:absolute!important;
  top:0!important;
  right:0!important;
  left:auto!important;
  transform:none!important;
  width:116px!important;
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  gap:7px!important;
  margin:0!important;
  font-size:.70rem!important;
  line-height:1!important;
  letter-spacing:.12em!important;
  white-space:nowrap!important;
}
.listenBody .player .now strong{
  position:absolute!important;
  top:150px!important;
  right:0!important;
  width:160px!important;
  display:block!important;
  font-size:1rem!important;
  line-height:1.12!important;
  margin:0!important;
  text-align:center!important;
  overflow:hidden!important;
}
.listenBody .player .now span{
  position:absolute!important;
  top:190px!important;
  right:0!important;
  width:160px!important;
  display:block!important;
  font-size:.78rem!important;
  line-height:1.18!important;
  margin:0!important;
  text-align:center!important;
  overflow:hidden!important;
}
.listenBody .player .now .vm-info-label{
  display:block!important;
  font-size:.66rem!important;
  line-height:1.05!important;
  opacity:.82!important;
  letter-spacing:.04em!important;
  margin-bottom:2px!important;
}
.listenBody .player .meter{
  width:min(76%,650px)!important;
  height:54px!important;
  margin:74px 0 12px 74px!important;
  justify-content:center!important;
  gap:7px!important;
}
.listenBody .player.audio-reactive .meter{
  height:66px!important;
  margin-top:58px!important;
}
.listenBody .player .controls{
  width:min(82%,700px)!important;
  margin:0 0 0 68px!important;
  gap:14px!important;
}
.listenBody .player .play{
  width:50px!important;
  height:50px!important;
  flex:0 0 50px!important;
}
.listenBody .player .chips{
  width:min(82%,700px)!important;
  justify-content:center!important;
  margin:10px 0 0 68px!important;
}
.listenBody .listenNowCard .nextShowBox{
  min-height:74px!important;
  padding:12px 13px!important;
}
.listenBody .listenNowCard .nextShowBox strong{
  min-height:0!important;
  line-height:1.25!important;
}
@media (max-width:1050px){
  .listenBody .listenLayout > div > .player.card{
    padding-right:210px!important;
  }
  .listenBody .player .meter,
  .listenBody .player .controls,
  .listenBody .player .chips{
    margin-left:18px!important;
    width:min(92%,620px)!important;
  }
}
@media (max-width:900px){
  .listenBody .listenLayout > div > .player.card{
    padding:18px!important;
  }
  .listenBody .player .liveTop{
    position:relative!important;
    right:auto!important;
    top:auto!important;
    width:100%!important;
    min-height:190px!important;
    display:flex!important;
    justify-content:center!important;
  }
  .listenBody .player .avatar{
    right:50%!important;
    transform:translateX(50%)!important;
  }
  .listenBody .player .now b,
  .listenBody .player .now strong,
  .listenBody .player .now span{
    right:50%!important;
    transform:translateX(50%)!important;
  }
  .listenBody .player .meter,
  .listenBody .player .controls,
  .listenBody .player .chips{
    width:100%!important;
    margin-left:0!important;
  }
}

/* VM v72 — ODSŁUCH: dopracowanie testowego układu playera.
   Avatar większy, status nad avatarem, prezenter i audycja wycentrowane pod avatarem.
   Lewa część playera zostaje dla play/głośności/equalizera. Zakres tylko body.listenBody. */
.listenBody .listenLayout > div > .player.card{
  min-height:250px!important;
  padding:18px 250px 15px 26px!important;
}
.listenBody .player .liveTop{
  right:26px!important;
  top:16px!important;
  width:190px!important;
  min-height:220px!important;
}
.listenBody .player .avatar{
  top:28px!important;
  right:8px!important;
  width:138px!important;
  height:138px!important;
  border-radius:28px!important;
  overflow:hidden!important;
}
.listenBody .player .avatar img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
}
.listenBody .player .now{
  width:190px!important;
  text-align:center!important;
}
.listenBody .player .now b{
  top:0!important;
  right:8px!important;
  width:138px!important;
  font-size:.72rem!important;
  letter-spacing:.13em!important;
}
.listenBody .player .now strong{
  top:174px!important;
  right:0!important;
  width:154px!important;
  font-size:1.08rem!important;
  line-height:1.08!important;
  font-weight:900!important;
  text-align:center!important;
}
.listenBody .player .now span{
  top:205px!important;
  right:0!important;
  width:154px!important;
  font-size:.78rem!important;
  line-height:1.15!important;
  text-align:center!important;
}
.listenBody .player .now .vm-info-label{
  font-size:.63rem!important;
  opacity:.75!important;
  margin-bottom:2px!important;
}
.listenBody .player .meter{
  width:min(70%,620px)!important;
  margin:82px 0 12px 54px!important;
}
.listenBody .player.audio-reactive .meter{
  margin-top:58px!important;
}
.listenBody .player .controls{
  width:min(76%,660px)!important;
  margin-left:44px!important;
}
.listenBody .player .chips{
  width:min(76%,660px)!important;
  margin-left:44px!important;
}
.listenBody .listenNowCard .nextShowBox strong{
  font-size:.88rem!important;
  letter-spacing:.01em!important;
}
.listenBody .listenNowCard .nextShowBox small{
  display:block!important;
  margin-top:6px!important;
  line-height:1.25!important;
}
@media (max-width:1050px){
  .listenBody .listenLayout > div > .player.card{padding-right:225px!important;}
  .listenBody .player .avatar{width:124px!important;height:124px!important;}
  .listenBody .player .now b{width:124px!important;}
  .listenBody .player .now strong{top:158px!important;}
  .listenBody .player .now span{top:190px!important;}
}

/* VM v73 — Odsłuch: dopracowanie playera po screenie.
   Zakres wyłącznie body.listenBody. Bez ruszania strony głównej, Facebooka i ramówki. */
.listenBody .listenLayout > div > .player.card{
  min-height:305px!important;
  padding:24px 250px 22px 34px!important;
  position:relative!important;
  overflow:visible!important;
}
.listenBody .player .liveTop{
  position:absolute!important;
  right:28px!important;
  top:26px!important;
  width:170px!important;
  min-height:230px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:8px!important;
  z-index:3!important;
}
.listenBody .player .avatar{
  order:2!important;
  width:142px!important;
  height:142px!important;
  border-radius:26px!important;
  margin:0 auto!important;
  overflow:hidden!important;
  box-shadow:0 18px 42px rgba(0,0,0,.36), 0 0 0 1px rgba(255,255,255,.20)!important;
}
.listenBody .player .avatar img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
}
.listenBody .player .now{
  display:contents!important;
  text-align:center!important;
}
.listenBody .player .now b{
  order:1!important;
  position:static!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  width:100%!important;
  margin:0 auto 4px!important;
  color:#85ffd0!important;
  font-size:12px!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}
.listenBody .player .now b::before{
  content:'';
  width:9px;
  height:9px;
  border-radius:999px;
  background:#42f7a6;
  box-shadow:0 0 15px rgba(66,247,166,.85);
}
.listenBody .player .now strong{
  order:3!important;
  position:static!important;
  display:block!important;
  width:100%!important;
  margin:2px auto 0!important;
  color:#fff!important;
  font-size:20px!important;
  line-height:1.12!important;
  font-weight:950!important;
  text-align:center!important;
  text-shadow:0 8px 22px rgba(0,0,0,.25)!important;
}
.listenBody .player .now strong .vm-info-label{
  display:none!important;
}
.listenBody .player .now span{
  order:4!important;
  position:static!important;
  display:block!important;
  width:100%!important;
  margin:4px auto 0!important;
  color:rgba(255,255,255,.82)!important;
  font-size:13px!important;
  line-height:1.25!important;
  text-align:center!important;
}
.listenBody .player .now span .vm-info-label{
  display:none!important;
}
.listenBody .player .meter{
  position:relative!important;
  margin:124px 34px 20px 132px!important;
  width:min(570px, calc(100% - 170px))!important;
  justify-content:flex-start!important;
  z-index:2!important;
}
.listenBody .player .controls{
  position:relative!important;
  margin:0 150px 0 74px!important;
  display:flex!important;
  align-items:center!important;
  gap:22px!important;
  z-index:2!important;
}
.listenBody .player .play{
  position:relative!important;
  flex:0 0 auto!important;
  width:54px!important;
  height:54px!important;
  border-radius:999px!important;
  box-shadow:
    0 0 0 8px rgba(255,255,255,.055),
    0 0 0 14px rgba(255,139,32,.055),
    0 15px 34px rgba(0,0,0,.34),
    0 0 28px rgba(255,255,255,.14)!important;
}
.listenBody .player .volume{
  width:100%!important;
  max-width:620px!important;
}
.listenBody .player .chips{
  margin-top:15px!important;
  padding-left:150px!important;
  padding-right:120px!important;
  justify-content:center!important;
}
.listenBody .listenNowCard .nextShowBox strong{
  font-size:14px!important;
  line-height:1.25!important;
}
.listenBody .listenNowCard .nextShowBox small{
  line-height:1.35!important;
}
@media (max-width:900px){
  .listenBody .listenLayout > div > .player.card{
    padding:20px!important;
  }
  .listenBody .player .liveTop{
    position:relative!important;
    right:auto!important;
    top:auto!important;
    width:100%!important;
    min-height:auto!important;
    margin-bottom:18px!important;
  }
  .listenBody .player .avatar{
    width:128px!important;
    height:128px!important;
  }
  .listenBody .player .meter,
  .listenBody .player .controls,
  .listenBody .player .chips{
    margin-left:0!important;
    margin-right:0!important;
    padding-left:0!important;
    padding-right:0!important;
    width:100%!important;
  }
}

/* VM v74 — Odsłuch: stabilny player bez skakania + avatar/opis po prawej.
   Nadpisuje wyłącznie odsłuch, nie rusza strony głównej, Facebooka ani ramówki. */
.listenBody .listenLayout > div > .player.card{
  height:316px!important;
  min-height:316px!important;
  max-height:316px!important;
  padding:0!important;
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
}
.listenBody .player .liveTop{
  position:absolute!important;
  right:34px!important;
  top:24px!important;
  width:192px!important;
  min-height:250px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:9px!important;
  z-index:5!important;
}
.listenBody .player .avatar{
  order:2!important;
  width:158px!important;
  height:158px!important;
  min-width:158px!important;
  min-height:158px!important;
  max-width:158px!important;
  max-height:158px!important;
  border-radius:28px!important;
  margin:0 auto!important;
  overflow:hidden!important;
  box-shadow:0 20px 46px rgba(0,0,0,.40), 0 0 0 1px rgba(255,255,255,.22), 0 0 34px rgba(20,176,255,.12)!important;
}
.listenBody .player .avatar img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
}
.listenBody .player .now{
  display:contents!important;
  text-align:center!important;
}
.listenBody .player .now b{
  order:1!important;
  position:static!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  width:100%!important;
  margin:0 auto 3px!important;
  color:#7dffd0!important;
  font-size:12px!important;
  line-height:1.1!important;
  letter-spacing:.13em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}
.listenBody .player .now b::before{
  content:''!important;
  position:static!important;
  flex:0 0 auto!important;
  width:9px!important;
  height:9px!important;
  border-radius:999px!important;
  background:#42f7a6!important;
  box-shadow:0 0 15px rgba(66,247,166,.90)!important;
  transform:none!important;
}
.listenBody .player .now strong{
  order:3!important;
  position:static!important;
  display:block!important;
  width:100%!important;
  margin:3px auto 0!important;
  color:#fff!important;
  font-size:20px!important;
  line-height:1.08!important;
  font-weight:950!important;
  text-align:center!important;
  text-shadow:0 8px 22px rgba(0,0,0,.28)!important;
}
.listenBody .player .now strong .vm-info-label{display:none!important;}
.listenBody .player .now span{
  order:4!important;
  position:static!important;
  display:block!important;
  width:100%!important;
  margin:4px auto 0!important;
  color:rgba(255,255,255,.83)!important;
  font-size:13px!important;
  line-height:1.24!important;
  text-align:center!important;
  max-height:42px!important;
  overflow:hidden!important;
}
.listenBody .player .now span .vm-info-label{display:none!important;}
.listenBody .player .meter,
.listenBody .player.audio-reactive .meter{
  position:absolute!important;
  left:188px!important;
  right:300px!important;
  bottom:132px!important;
  width:auto!important;
  height:58px!important;
  min-height:58px!important;
  margin:0!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:flex-start!important;
  gap:8px!important;
  z-index:2!important;
  overflow:hidden!important;
}
.listenBody .player .meter i{
  flex:0 0 34px!important;
  max-width:34px!important;
  border-radius:12px 12px 5px 5px!important;
}
.listenBody .player .controls{
  position:absolute!important;
  left:96px!important;
  right:305px!important;
  bottom:76px!important;
  height:58px!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  gap:24px!important;
  z-index:3!important;
}
.listenBody .player .play{
  position:relative!important;
  flex:0 0 56px!important;
  width:56px!important;
  height:56px!important;
  min-width:56px!important;
  min-height:56px!important;
  border-radius:999px!important;
  box-shadow:0 0 0 9px rgba(255,255,255,.055),0 0 0 17px rgba(255,139,32,.052),0 16px 34px rgba(0,0,0,.35),0 0 28px rgba(255,255,255,.16)!important;
  transform:none!important;
}
.listenBody .player .volume{
  width:100%!important;
  max-width:none!important;
  flex:1 1 auto!important;
}
.listenBody .player .chips{
  position:absolute!important;
  left:70px!important;
  right:260px!important;
  bottom:22px!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  flex-wrap:nowrap!important;
  z-index:3!important;
}
.listenBody .player .chips .chip{
  white-space:nowrap!important;
}
.listenBody .listenFeatureGrid{
  margin-top:16px!important;
}
.listenBody .listenNowCard .nextShowBox strong{
  font-size:14px!important;
  line-height:1.25!important;
}
.listenBody .listenNowCard .nextShowBox small{
  display:block!important;
  line-height:1.35!important;
  margin-top:8px!important;
}
@media (max-width:900px){
  .listenBody .listenLayout > div > .player.card{
    height:auto!important;
    max-height:none!important;
    min-height:0!important;
    padding:20px!important;
    overflow:hidden!important;
  }
  .listenBody .player .liveTop,
  .listenBody .player .meter,
  .listenBody .player .controls,
  .listenBody .player .chips{
    position:relative!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    width:100%!important;
    margin:0 auto 16px!important;
  }
  .listenBody .player .avatar{
    width:132px!important;
    height:132px!important;
    min-width:132px!important;
    min-height:132px!important;
  }
  .listenBody .player .chips{flex-wrap:wrap!important;}
}

/* VM v75 — Odsłuch: tylko dopracowanie informacji w playerze.
   Nie rusza mechaniki playera, Facebooka ani pozostałych sekcji. */
.listenBody .listenLayout > div > .player.card{
  height:316px!important;
  min-height:316px!important;
  max-height:316px!important;
}
.listenBody .player .playerCenterInfo{
  position:absolute!important;
  left:190px!important;
  right:320px!important;
  top:42px!important;
  z-index:6!important;
  text-align:center!important;
  pointer-events:none!important;
}
.listenBody .player .playerCenterInfo strong{
  display:block!important;
  color:#fff!important;
  font-size:34px!important;
  line-height:1.02!important;
  font-weight:950!important;
  letter-spacing:-.035em!important;
  text-shadow:0 12px 30px rgba(0,0,0,.42)!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.listenBody .player .playerCenterInfo span{
  display:block!important;
  margin-top:8px!important;
  color:rgba(255,255,255,.86)!important;
  font-size:16px!important;
  line-height:1.25!important;
  font-weight:650!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  text-shadow:0 8px 22px rgba(0,0,0,.35)!important;
}
.listenBody .player .liveTop{
  right:34px!important;
  top:24px!important;
  width:192px!important;
  min-height:230px!important;
}
.listenBody .player .avatar{
  width:150px!important;
  height:150px!important;
  min-width:150px!important;
  min-height:150px!important;
  max-width:150px!important;
  max-height:150px!important;
}
.listenBody .player .now strong,
.listenBody .player .now span{
  display:none!important;
}
.listenBody .player .now b{
  margin-bottom:8px!important;
}
.listenBody .player .meter,
.listenBody .player.audio-reactive .meter{
  left:190px!important;
  right:330px!important;
  bottom:126px!important;
  height:58px!important;
  min-height:58px!important;
}
.listenBody .player .controls{
  left:96px!important;
  right:330px!important;
  bottom:76px!important;
}
.listenBody .player .chips{
  left:80px!important;
  right:290px!important;
  bottom:22px!important;
  flex-wrap:nowrap!important;
}
@media (max-width:980px){
  .listenBody .player .playerCenterInfo{
    position:static!important;
    width:100%!important;
    margin:10px auto 0!important;
    padding:0 8px!important;
  }
  .listenBody .player .playerCenterInfo strong{font-size:24px!important;}
  .listenBody .player .playerCenterInfo span{font-size:14px!important;}
}

/* VM v78 — Odsłuch: kosmetyka playera dokładnie wg screena + stabilne wyrównania.
   Zakres: tylko odsłuch/player. Nie rusza Facebooka, pozdrowień ani innych stron. */
.listenBody .listenLayout > div > .player.card{
  height:316px!important;
  min-height:316px!important;
  max-height:316px!important;
  overflow:hidden!important;
}
.listenBody .player .playerCenterInfo{
  position:absolute!important;
  left:190px!important;
  right:330px!important;
  top:44px!important;
  z-index:6!important;
  text-align:center!important;
  pointer-events:none!important;
}
.listenBody .player .playerCenterInfo strong{
  display:block!important;
  width:100%!important;
  color:#fff!important;
  font-size:34px!important;
  line-height:1.02!important;
  font-weight:950!important;
  letter-spacing:-.035em!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  text-shadow:0 12px 30px rgba(0,0,0,.42)!important;
}
.listenBody .player .playerCenterInfo span{
  display:block!important;
  width:100%!important;
  margin-top:8px!important;
  color:rgba(255,255,255,.88)!important;
  font-size:16px!important;
  line-height:1.25!important;
  font-weight:650!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  text-shadow:0 8px 22px rgba(0,0,0,.35)!important;
}
.listenBody .player .liveTop{
  position:absolute!important;
  top:24px!important;
  right:34px!important;
  left:auto!important;
  bottom:auto!important;
  width:192px!important;
  min-height:230px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:8px!important;
  z-index:5!important;
}
.listenBody .player .now{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  width:100%!important;
  text-align:center!important;
  order:0!important;
}
.listenBody .player .now b{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  width:auto!important;
  margin:0 auto 8px!important;
  color:#73ffbc!important;
  font-size:13px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
  text-align:center!important;
  white-space:nowrap!important;
}
.listenBody .player .now b:before{
  content:""!important;
  width:10px!important;
  height:10px!important;
  border-radius:999px!important;
  background:#48ff9d!important;
  box-shadow:0 0 18px rgba(72,255,157,.85)!important;
}
.listenBody .player .now strong,
.listenBody .player .now span{
  display:none!important;
}
.listenBody .player .avatar{
  order:1!important;
  width:150px!important;
  height:150px!important;
  min-width:150px!important;
  min-height:150px!important;
  max-width:150px!important;
  max-height:150px!important;
  margin:0 auto!important;
  border-radius:28px!important;
}
.listenBody .player .meter,
.listenBody .player.audio-reactive .meter{
  position:absolute!important;
  left:190px!important;
  right:330px!important;
  bottom:126px!important;
  width:auto!important;
  height:58px!important;
  min-height:58px!important;
  margin:0!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:center!important;
  gap:8px!important;
  z-index:2!important;
  overflow:hidden!important;
}
.listenBody .player .meter i{
  flex:1 1 0!important;
  max-width:34px!important;
  min-width:0!important;
  border-radius:12px 12px 5px 5px!important;
}
.listenBody .player .controls{
  position:absolute!important;
  left:110px!important;
  right:330px!important;
  bottom:76px!important;
  height:58px!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  gap:24px!important;
  z-index:3!important;
}
.listenBody .player .play{
  flex:0 0 56px!important;
  width:56px!important;
  height:56px!important;
  min-width:56px!important;
  min-height:56px!important;
  transform:none!important;
}
.listenBody .player .volume{
  flex:1 1 auto!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
}
.listenBody .player .chips{
  position:absolute!important;
  left:190px!important;
  right:330px!important;
  bottom:22px!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  flex-wrap:nowrap!important;
  z-index:3!important;
}
.listenBody .player .chips .chip{
  white-space:nowrap!important;
}
@media (max-width:980px){
  .listenBody .player .playerCenterInfo{
    position:static!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    margin:10px auto 0!important;
    padding:0 8px!important;
  }
  .listenBody .player .playerCenterInfo strong{font-size:24px!important;}
  .listenBody .player .playerCenterInfo span{font-size:14px!important;}
}


/* VM v79 — ODSŁUCH: kosmetyka equalizera i stabilne wyrównanie elementów playera.
   Zakres wyłącznie: odsluch.html przez body.listenBody. */
.listenBody .playerCenterInfo{
  position:absolute!important;
  left:190px!important;
  width:588px!important;
  top:48px!important;
  right:auto!important;
  margin:0!important;
  text-align:center!important;
  z-index:4!important;
  pointer-events:none!important;
}
.listenBody .playerCenterInfo strong{
  display:block!important;
  width:100%!important;
  text-align:center!important;
  font-size:25px!important;
  line-height:1.08!important;
  font-weight:950!important;
  color:#fff!important;
  text-shadow:0 9px 22px rgba(0,0,0,.35)!important;
}
.listenBody .playerCenterInfo span{
  display:block!important;
  width:100%!important;
  text-align:center!important;
  margin-top:5px!important;
  font-size:15px!important;
  line-height:1.2!important;
  color:rgba(255,255,255,.9)!important;
}
.listenBody .player .meter,
.listenBody .player.audio-reactive .meter{
  left:190px!important;
  right:auto!important;
  width:588px!important;
  bottom:124px!important;
  height:62px!important;
  min-height:62px!important;
  gap:7px!important;
  justify-content:flex-start!important;
  overflow:hidden!important;
}
.listenBody .player .meter i{
  flex:0 0 34px!important;
  width:34px!important;
  max-width:34px!important;
  min-width:34px!important;
}
.listenBody .player .controls{
  left:110px!important;
  right:auto!important;
  width:668px!important;
  bottom:74px!important;
  gap:24px!important;
  justify-content:flex-start!important;
}
.listenBody .player .volume{
  flex:0 0 588px!important;
  width:588px!important;
  max-width:588px!important;
  min-width:0!important;
}
.listenBody .player .chips{
  left:190px!important;
  right:auto!important;
  width:588px!important;
  bottom:24px!important;
  justify-content:center!important;
  gap:10px!important;
  flex-wrap:nowrap!important;
}
.listenBody .player .chips .chip{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  white-space:nowrap!important;
}


/* VM v83 — czytelny prezenter następnej audycji (bez ruszania działającego pobierania) */
.listenBody .listenNowCard .nextShowBox small{
  display:flex!important;
  flex-direction:column!important;
  gap:3px!important;
  align-items:flex-start!important;
}
.listenBody .listenNowCard .nextShowBox small b{
  font-size:13px!important;
  font-weight:800!important;
  color:rgba(255,255,255,.86)!important;
}
.listenBody .listenNowCard .nextShowBox small em{
  display:block!important;
  margin-top:1px!important;
  font-style:normal!important;
  font-size:13px!important;
  font-weight:800!important;
  color:rgba(120,210,255,.96)!important;
}


/* VM v85 — prezenter kolejnej audycji pod tytułem, bez ruszania działania ramówki */
.listenBody .listenNowCard .nextShowBox .nextPresenterLine,
.listenBody .listenNowCard .nextShowBox em[data-next-presenter]{
  display:block!important;
  margin:4px 0 2px!important;
  font-style:normal!important;
  font-size:13px!important;
  line-height:1.25!important;
  font-weight:900!important;
  color:#78d2ff!important;
  text-shadow:0 0 12px rgba(120,210,255,.22)!important;
}
.listenBody .listenNowCard .nextShowBox .nextPresenterLine:empty,
.listenBody .listenNowCard .nextShowBox em[data-next-presenter]:empty{
  display:none!important;
}
.listenBody .listenNowCard .nextShowBox small{
  display:block!important;
}


/* VM v90 — START: premium balans strony głównej.
   Zakres wyłącznie: index.html przez body.homePremiumBody.
   Nie zmienia odsłuchu, ramówki, playera odsłuchu ani mechanizmów pobierania danych. */
.homePremiumBody{
  --vm-home-max:1240px;
  --vm-home-gap:24px;
}
.homePremiumBody .page{
  width:min(var(--vm-home-max),calc(100% - 32px));
}
.homePremiumBody .heroWow.page{
  width:min(var(--vm-home-max),calc(100% - 32px))!important;
  margin:26px auto 0!important;
  padding:44px 38px 38px!important;
  min-height:520px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(360px,430px)!important;
  gap:30px!important;
  align-items:center!important;
  border-radius:34px!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.16)!important;
  background:linear-gradient(135deg,rgba(255,255,255,.095),rgba(255,255,255,.038))!important;
  box-shadow:0 34px 110px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.12)!important;
}
.homePremiumBody .heroWow:before{
  inset:0!important;
  border-radius:34px!important;
  opacity:.94!important;
  background:
    radial-gradient(circle at 10% 20%,rgba(255,122,24,.22),transparent 34%),
    radial-gradient(circle at 84% 12%,rgba(47,140,255,.20),transparent 32%),
    radial-gradient(circle at 74% 84%,rgba(255,63,180,.12),transparent 34%),
    linear-gradient(135deg,rgba(8,14,34,.88),rgba(6,10,25,.72) 55%,rgba(10,15,34,.86))!important;
}
.homePremiumBody .heroWow:after{
  inset:0!important;
  border-radius:34px!important;
  opacity:.38!important;
  background-image:
    linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px)!important;
  background-size:54px 54px!important;
  mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.82) 52%,rgba(0,0,0,.25) 100%)!important;
}
.homePremiumBody .heroWow .heroContent{
  max-width:690px!important;
  padding:2px 0!important;
}
.homePremiumBody .heroWow .kicker{
  padding:8px 12px!important;
  font-size:.88rem!important;
  background:rgba(255,255,255,.075)!important;
  border-color:rgba(255,255,255,.16)!important;
}
.homePremiumBody .heroWow h1{
  max-width:650px!important;
  margin:16px 0 14px!important;
  font-size:clamp(2.55rem,4.75vw,4.65rem)!important;
  line-height:.93!important;
  letter-spacing:-.065em!important;
  text-shadow:0 22px 72px rgba(0,0,0,.42)!important;
}
.homePremiumBody .heroWow .lead{
  max-width:610px!important;
  font-size:1.05rem!important;
  line-height:1.62!important;
  color:rgba(247,251,255,.76)!important;
  margin:0 0 18px!important;
}
.homePremiumBody .heroWow .actions{
  gap:9px!important;
}
.homePremiumBody .heroWow .actions .btn{
  padding:11px 16px!important;
  min-height:43px!important;
  font-size:.94rem!important;
}
.homePremiumBody .heroWow .stats{
  max-width:610px!important;
  gap:10px!important;
  margin-top:18px!important;
}
.homePremiumBody .heroWow .mini{
  padding:14px 15px!important;
  border-radius:20px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.105),rgba(255,255,255,.055))!important;
  box-shadow:0 18px 52px rgba(0,0,0,.24)!important;
}
.homePremiumBody .heroWow .mini b{
  font-size:1.12rem!important;
}
.homePremiumBody .heroWow .mini span{
  font-size:.82rem!important;
}
.homePremiumBody .heroWow .heroScene{
  inset:-40px -240px -36px 30%!important;
  opacity:.58!important;
  mix-blend-mode:screen!important;
}
.homePremiumBody .heroWow .heroScene:before{
  width:520px!important;
  height:520px!important;
  right:3%!important;
  top:-112px!important;
  opacity:.56!important;
  filter:blur(22px)!important;
}
.homePremiumBody .heroWow .wave{
  height:92px!important;
  opacity:.34!important;
  border-top-width:1px!important;
}
.homePremiumBody .heroWow .orb,
.homePremiumBody .heroWow .beam,
.homePremiumBody .heroWow .spark,
.homePremiumBody .heroWow .pulseCircle{
  opacity:.42!important;
}
.homePremiumBody .heroPlayer{
  width:100%!important;
  max-width:430px!important;
  justify-self:end!important;
  padding:20px 20px 16px!important;
  border-radius:28px!important;
  border-color:rgba(255,255,255,.18)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.06))!important;
  box-shadow:0 28px 86px rgba(0,0,0,.40),0 0 44px rgba(47,140,255,.10),inset 0 1px 0 rgba(255,255,255,.11)!important;
  overflow:hidden!important;
}
.homePremiumBody .heroPlayer:before{
  inset:-35% -25%!important;
  opacity:.70!important;
  filter:blur(2px)!important;
}
.homePremiumBody .heroPlayer:after,
.homePremiumBody .heroPlayer .controls:before,
.homePremiumBody .heroPlayer .controls:after,
.homePremiumBody .heroPlayer .play:before,
.homePremiumBody .heroPlayer .play:after{
  display:none!important;
}
.homePremiumBody .heroPlayer .liveTop{
  gap:14px!important;
}
.homePremiumBody .heroPlayer .now b{
  font-size:.74rem!important;
  letter-spacing:.12em!important;
}
.homePremiumBody .heroPlayer .now strong{
  font-size:1.18rem!important;
  line-height:1.18!important;
  margin:6px 0 5px!important;
}
.homePremiumBody .heroPlayer .now span{
  font-size:.90rem!important;
}
.homePremiumBody .heroPlayer .avatar{
  width:92px!important;
  height:92px!important;
  border-radius:24px!important;
}
.homePremiumBody .heroPlayer .avatar .fb{
  font-size:1.55rem!important;
}
.homePremiumBody .heroPlayer .meter{
  height:52px!important;
  min-height:52px!important;
  margin:18px 0 17px!important;
  gap:5px!important;
  filter:drop-shadow(0 0 13px rgba(52,245,197,.18))!important;
}
.homePremiumBody .heroPlayer .controls{
  gap:12px!important;
  height:auto!important;
}
.homePremiumBody .heroPlayer .play{
  width:52px!important;
  height:52px!important;
  min-width:52px!important;
  min-height:52px!important;
  font-size:1.03rem!important;
  box-shadow:0 10px 26px rgba(0,0,0,.22),0 0 22px rgba(255,122,24,.22)!important;
  animation:none!important;
}
.homePremiumBody .heroPlayer .chips{
  margin-top:13px!important;
  gap:7px!important;
}
.homePremiumBody .heroPlayer .chip{
  padding:7px 9px!important;
  font-size:.78rem!important;
}
.homePremiumBody .section{
  padding:30px 0!important;
}
.homePremiumBody .section .head{
  margin-bottom:15px!important;
}
.homePremiumBody .section .head h2{
  font-size:clamp(1.45rem,2.35vw,2.15rem)!important;
}
.homePremiumBody .section .head p{
  font-size:.94rem!important;
}
.homePremiumBody .grid{
  gap:16px!important;
}
.homePremiumBody .card,
.homePremiumBody .mini{
  border-color:rgba(255,255,255,.14)!important;
}
.homePremiumBody .feature{
  min-height:188px!important;
  padding:19px!important;
  border-radius:24px!important;
  gap:14px!important;
  box-shadow:0 22px 62px rgba(0,0,0,.30)!important;
}
.homePremiumBody .feature .ico{
  width:44px!important;
  height:44px!important;
  border-radius:15px!important;
  margin-bottom:13px!important;
  font-size:1.18rem!important;
}
.homePremiumBody .feature h3{
  font-size:1.05rem!important;
}
.homePremiumBody .feature p,
.homePremiumBody .card p{
  font-size:.92rem!important;
  line-height:1.52!important;
}
.homePremiumBody .feature .btn{
  padding:9px 13px!important;
  font-size:.86rem!important;
  align-self:flex-start!important;
}
.homePremiumBody .section .span7,
.homePremiumBody .section .span5{
  align-self:stretch!important;
}
.homePremiumBody .embedBox{
  height:590px!important;
  border-radius:26px!important;
  border-color:rgba(255,255,255,.14)!important;
  background:rgba(2,6,18,.28)!important;
  box-shadow:0 24px 70px rgba(0,0,0,.31)!important;
}
.homePremiumBody .embedBox iframe{
  display:block!important;
  width:100%!important;
  height:100%!important;
}
.homePremiumBody .facebookSideCard{
  height:590px!important;
  padding:10px!important;
  border-radius:26px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.052))!important;
  box-shadow:0 24px 70px rgba(0,0,0,.31)!important;
  overflow:hidden!important;
}
.homePremiumBody .facebookSideCard .fbFrame,
.homePremiumBody .facebookSideCard .fbFrameSide{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  border-radius:20px!important;
  display:block!important;
}
.homePremiumBody .stackSafe .card{
  border-radius:26px!important;
  box-shadow:0 24px 70px rgba(0,0,0,.31)!important;
}
.homePremiumBody .eventsCard{
  min-height:430px!important;
}
.homePremiumBody .embedBox.small{
  height:390px!important;
}
.homePremiumBody .footer{
  margin-top:18px!important;
}
@media (max-width:1050px){
  .homePremiumBody .heroWow.page{
    grid-template-columns:1fr!important;
    padding:34px 24px 28px!important;
    min-height:auto!important;
  }
  .homePremiumBody .heroPlayer{
    max-width:none!important;
    justify-self:stretch!important;
  }
  .homePremiumBody .heroWow .heroScene{
    inset:-44px -80px -34px -20px!important;
  }
  .homePremiumBody .feature{
    min-height:170px!important;
  }
  .homePremiumBody .facebookSideCard,
  .homePremiumBody .embedBox{
    height:560px!important;
  }
}
@media (max-width:640px){
  .homePremiumBody .page,
  .homePremiumBody .heroWow.page{
    width:min(100% - 22px,var(--vm-home-max))!important;
  }
  .homePremiumBody .heroWow.page{
    margin-top:18px!important;
    padding:28px 18px 22px!important;
    border-radius:26px!important;
  }
  .homePremiumBody .heroWow:before,
  .homePremiumBody .heroWow:after{
    border-radius:26px!important;
  }
  .homePremiumBody .heroWow h1{
    font-size:clamp(2.35rem,14vw,3.25rem)!important;
  }
  .homePremiumBody .heroWow .actions .btn{
    width:100%!important;
  }
  .homePremiumBody .heroWow .stats{
    grid-template-columns:1fr!important;
  }
  .homePremiumBody .heroPlayer .liveTop{
    align-items:center!important;
  }
  .homePremiumBody .heroPlayer .avatar{
    width:78px!important;
    height:78px!important;
    border-radius:20px!important;
  }
  .homePremiumBody .facebookSideCard,
  .homePremiumBody .embedBox{
    height:520px!important;
  }
  .homePremiumBody .embedBox.small{
    height:370px!important;
  }
}

/* VM v91 — START: korekta proporcji strony głównej po teście użytkownika.
   Zakres wyłącznie: index.html przez body.homePremiumBody.
   Cel: pełne tło hero od lewej do prawej, mniejsza typografia, spójne marginesy jak na odsłuchu.
   Nie zmienia odsłuchu, ramówki, playera odsłuchu ani mechanizmów pobierania danych. */
.homePremiumBody{
  --vm-home-max:1240px!important;
}
.homePremiumBody .page{
  width:min(var(--vm-home-max),calc(100% - 32px))!important;
}
.homePremiumBody .heroWow.page{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:48px max(16px,calc((100vw - var(--vm-home-max)) / 2)) 42px!important;
  min-height:500px!important;
  grid-template-columns:minmax(0,1fr) minmax(340px,405px)!important;
  gap:34px!important;
  border-radius:0!important;
  border-left:0!important;
  border-right:0!important;
  border-top:0!important;
  border-bottom:1px solid rgba(255,255,255,.12)!important;
  background:transparent!important;
  box-shadow:none!important;
}
.homePremiumBody .heroWow:before{
  inset:0!important;
  border-radius:0!important;
  background:
    radial-gradient(circle at 11% 22%,rgba(255,122,24,.22),transparent 32%),
    radial-gradient(circle at 86% 12%,rgba(47,140,255,.21),transparent 31%),
    radial-gradient(circle at 68% 88%,rgba(255,63,180,.12),transparent 34%),
    linear-gradient(135deg,rgba(6,10,24,.96),rgba(8,14,34,.82) 48%,rgba(5,8,20,.96))!important;
  box-shadow:inset 0 -1px 0 rgba(255,255,255,.08)!important;
}
.homePremiumBody .heroWow:after{
  inset:0!important;
  border-radius:0!important;
  opacity:.34!important;
  background-size:56px 56px!important;
  mask-image:linear-gradient(90deg,rgba(0,0,0,.95) 0%,rgba(0,0,0,.82) 55%,rgba(0,0,0,.35) 100%)!important;
}
.homePremiumBody .heroWow .heroScene{
  inset:-80px max(-90px,calc((var(--vm-home-max) - 100vw) / 2 - 80px)) -54px -40px!important;
  opacity:.92!important;
}
.homePremiumBody .heroWow .heroContent{
  max-width:640px!important;
}
.homePremiumBody .heroWow .kicker{
  padding:7px 11px!important;
  font-size:.82rem!important;
}
.homePremiumBody .heroWow h1{
  max-width:620px!important;
  margin:14px 0 13px!important;
  font-size:clamp(2.18rem,4.05vw,3.95rem)!important;
  line-height:.98!important;
  letter-spacing:-.055em!important;
}
.homePremiumBody .heroWow h1 .vmLogoText{
  display:block!important;
  font-size:.82em!important;
  letter-spacing:-.045em!important;
}
.homePremiumBody .heroWow .lead{
  max-width:585px!important;
  font-size:1rem!important;
  line-height:1.58!important;
  margin-bottom:17px!important;
}
.homePremiumBody .heroWow .actions .btn{
  padding:10px 15px!important;
  font-size:.88rem!important;
}
.homePremiumBody .heroWow .stats{
  max-width:590px!important;
  gap:10px!important;
  margin-top:18px!important;
}
.homePremiumBody .heroWow .mini{
  padding:13px 14px!important;
  border-radius:20px!important;
  box-shadow:0 18px 48px rgba(0,0,0,.25)!important;
}
.homePremiumBody .heroWow .mini b{
  font-size:1.08rem!important;
}
.homePremiumBody .heroWow .mini span{
  font-size:.80rem!important;
}
.homePremiumBody .heroPlayer{
  max-width:405px!important;
  justify-self:end!important;
  padding:20px!important;
  border-radius:26px!important;
  box-shadow:0 28px 82px rgba(0,0,0,.40),0 0 46px rgba(255,122,24,.13),inset 0 1px 0 rgba(255,255,255,.10)!important;
}
.homePremiumBody .heroPlayer .avatar{
  width:84px!important;
  height:84px!important;
  border-radius:22px!important;
}
.homePremiumBody .heroPlayer .now strong{
  font-size:1.08rem!important;
}
.homePremiumBody .heroPlayer .meter{
  height:46px!important;
  min-height:46px!important;
  margin:15px 0!important;
}
.homePremiumBody .heroPlayer .play{
  width:48px!important;
  height:48px!important;
  min-width:48px!important;
  min-height:48px!important;
}
.homePremiumBody .heroPlayer .chip{
  padding:6px 8px!important;
  font-size:.74rem!important;
}
.homePremiumBody .section{
  padding:28px 0!important;
}
.homePremiumBody .grid{
  gap:20px!important;
}
.homePremiumBody .feature{
  min-height:176px!important;
  padding:18px!important;
}
.homePremiumBody .embedBox,
.homePremiumBody .facebookSideCard{
  height:570px!important;
}
.homePremiumBody .facebookSideCard{
  padding:8px!important;
}
@media (max-width:1050px){
  .homePremiumBody .heroWow.page{
    grid-template-columns:1fr!important;
    padding:38px max(16px,calc((100vw - var(--vm-home-max)) / 2)) 32px!important;
  }
  .homePremiumBody .heroPlayer{
    max-width:none!important;
    justify-self:stretch!important;
  }
}
@media (max-width:640px){
  .homePremiumBody .page{
    width:min(100% - 22px,var(--vm-home-max))!important;
  }
  .homePremiumBody .heroWow.page{
    width:100%!important;
    padding:30px 11px 26px!important;
  }
  .homePremiumBody .heroWow h1{
    font-size:clamp(2rem,11vw,2.85rem)!important;
  }
}
/* VM v91 — END */


/* VM v92 — START: korekta wg odsłuchu: ten sam zewnętrzny margines, spokojniejszy slogan i mniejsza typografia.
   Zakres wyłącznie: index.html przez body.homePremiumBody.
   Nie rusza odsłuchu, playera odsłuchu, ramówki ani mechanizmów pobierania danych. */
.homePremiumBody{
  --vm-home-max:1320px!important;
  --vm-home-side:46px!important;
}
.homePremiumBody main > .page,
.homePremiumBody .page{
  width:min(var(--vm-home-max),calc(100% - var(--vm-home-side)))!important;
}
.homePremiumBody .heroWow.page{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:44px max(23px,calc((100vw - var(--vm-home-max)) / 2)) 40px!important;
  min-height:488px!important;
  grid-template-columns:minmax(0,1fr) minmax(330px,392px)!important;
  gap:38px!important;
}
.homePremiumBody .heroWow .heroContent{
  max-width:610px!important;
}
.homePremiumBody .heroWow h1{
  max-width:590px!important;
  margin:12px 0 12px!important;
  font-size:clamp(1.88rem,3.45vw,3.35rem)!important;
  line-height:1.01!important;
  letter-spacing:-.047em!important;
}
.homePremiumBody .heroWow h1 .vmLogoText{
  font-size:.76em!important;
  letter-spacing:-.036em!important;
}
.homePremiumBody .heroWow .lead{
  max-width:560px!important;
  font-size:.96rem!important;
  line-height:1.56!important;
}
.homePremiumBody .heroWow .kicker{
  font-size:.78rem!important;
  padding:6px 10px!important;
}
.homePremiumBody .heroWow .stats{
  max-width:560px!important;
}
.homePremiumBody .heroWow .mini{
  padding:12px 13px!important;
}
.homePremiumBody .heroPlayer{
  max-width:392px!important;
  padding:19px!important;
}
.homePremiumBody .heroPlayer .now strong{
  font-size:1.02rem!important;
  line-height:1.18!important;
}
.homePremiumBody .heroPlayer .avatar{
  width:80px!important;
  height:80px!important;
}
.homePremiumBody .section{
  padding:26px 0!important;
}
@media (max-width:1050px){
  .homePremiumBody .heroWow.page{
    grid-template-columns:1fr!important;
    padding:36px 23px 32px!important;
  }
  .homePremiumBody .heroPlayer{
    max-width:none!important;
  }
}
@media (max-width:640px){
  .homePremiumBody{
    --vm-home-side:22px!important;
  }
  .homePremiumBody .heroWow.page{
    padding:30px 11px 26px!important;
  }
  .homePremiumBody .heroWow h1{
    font-size:clamp(1.72rem,9.4vw,2.52rem)!important;
  }
}
/* VM v92 — END */

/* VM v93 — START: dopracowanie HERO po screenie użytkownika.
   Zakres wyłącznie strona główna (body.homePremiumBody).
   Nie rusza odsłuchu, playera odsłuchu, ramówki ani mechanizmów pobierania danych. */
.homePremiumBody .heroWow.page{
  grid-template-columns:minmax(0,1fr) minmax(380px,440px)!important;
  gap:34px!important;
  padding-top:42px!important;
  padding-bottom:38px!important;
}
.homePremiumBody .heroWow .heroContent{
  max-width:620px!important;
}
.homePremiumBody .heroWow h1{
  max-width:600px!important;
  font-size:clamp(1.72rem,3.02vw,2.88rem)!important;
  line-height:1.03!important;
  letter-spacing:-.039em!important;
  margin:12px 0 13px!important;
}
.homePremiumBody .heroWow h1 .vmLogoText{
  display:block!important;
  width:max-content!important;
  max-width:100%!important;
  margin-top:2px!important;
  font-size:1.06em!important;
  letter-spacing:-.028em!important;
  background:linear-gradient(92deg,#fff7d8 0%,#ff7a18 15%,#ff3fb4 34%,#34f5c5 52%,#2f8cff 70%,#b36bff 86%,#fff2c8 100%)!important;
  background-size:360% 100%!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  color:transparent!important;
  filter:drop-shadow(0 0 16px rgba(255,122,24,.22)) drop-shadow(0 0 28px rgba(47,140,255,.18)) drop-shadow(0 0 20px rgba(255,63,180,.12))!important;
  animation:vmV93LogoFlow 13.5s ease-in-out infinite!important;
}
.homePremiumBody .heroWow h1 .vmLogoText::after{
  animation:vmTextShine 10.5s ease-in-out infinite!important;
  opacity:.72!important;
}
@keyframes vmV93LogoFlow{
  0%,100%{background-position:0% 50%;filter:drop-shadow(0 0 14px rgba(255,122,24,.20)) drop-shadow(0 0 22px rgba(47,140,255,.16)) drop-shadow(0 0 14px rgba(255,63,180,.10));}
  50%{background-position:100% 50%;filter:drop-shadow(0 0 22px rgba(255,63,180,.24)) drop-shadow(0 0 34px rgba(52,245,197,.18)) drop-shadow(0 0 24px rgba(47,140,255,.16));}
}
.homePremiumBody .heroWow .lead{
  max-width:570px!important;
  font-size:.95rem!important;
}
.homePremiumBody .heroPlayer{
  width:440px!important;
  max-width:440px!important;
  justify-self:end!important;
  margin-left:-48px!important;
  padding:18px 20px 18px!important;
}
.homePremiumBody .heroPlayer .liveTop{
  align-items:flex-start!important;
  gap:14px!important;
  min-height:92px!important;
}
.homePremiumBody .heroPlayer .now{
  min-width:0!important;
  flex:1 1 auto!important;
}
.homePremiumBody .heroPlayer .now b{
  font-size:.75rem!important;
  letter-spacing:.11em!important;
}
.homePremiumBody .heroPlayer .now strong{
  font-size:.98rem!important;
  line-height:1.18!important;
  margin:6px 0 4px!important;
}
.homePremiumBody .heroPlayer .now span{
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
  font-size:.82rem!important;
  line-height:1.28!important;
  min-height:2.1em!important;
}
.homePremiumBody .heroPlayer .avatar{
  width:78px!important;
  height:78px!important;
  border-radius:22px!important;
}
.homePremiumBody .heroPlayer .meter{
  height:60px!important;
  gap:6px!important;
  margin:8px 0 14px!important;
  clear:both!important;
}
.homePremiumBody .heroPlayer .controls{
  margin-top:0!important;
}
.homePremiumBody .heroPlayer .chips{
  margin-top:13px!important;
}
.homePremiumBody .heroPlayer .chip{
  font-size:.74rem!important;
  padding:6px 9px!important;
}
.homePremiumBody .heroWow:before{
  animation:vmV11HeroLife 15.5s ease-in-out infinite alternate!important;
}
.homePremiumBody .heroWow:after{
  animation:vmV11GridScan 18s linear infinite!important;
}
.homePremiumBody .heroWow .heroScene:before{
  animation:vmV11BigGlow 13.5s ease-in-out infinite alternate!important;
}
.homePremiumBody .heroWow .wave1{animation:vmV11Wave1 8.8s ease-in-out infinite alternate!important;}
.homePremiumBody .heroWow .wave2{animation:vmV11Wave2 10.5s ease-in-out infinite alternate!important;}
.homePremiumBody .heroWow .wave3{animation:vmV11Wave3 12s ease-in-out infinite alternate!important;}
.homePremiumBody .heroWow .beam,
.homePremiumBody .heroWow .spark,
.homePremiumBody .heroWow .pulseCircle{
  animation-duration:10s!important;
}
@media (max-width:1050px){
  .homePremiumBody .heroWow.page{
    grid-template-columns:1fr!important;
    gap:24px!important;
  }
  .homePremiumBody .heroPlayer{
    width:100%!important;
    max-width:none!important;
    margin-left:0!important;
  }
}
@media (max-width:640px){
  .homePremiumBody .heroWow h1{
    font-size:clamp(1.62rem,8.6vw,2.38rem)!important;
  }
  .homePremiumBody .heroWow h1 .vmLogoText{
    font-size:1.02em!important;
  }
}
/* VM v93 — END */


/* VM v94 — START: korekta wg screen_26 użytkownika.
   Zakres wizualny: wyłącznie strona główna przez body.homePremiumBody.
   Logika odsłuchu, ramówki, pobierania danych i player odsłuchu bez przebudowy. */
.homePremiumBody .heroWow.page{
  min-height:502px!important;
  align-items:end!important;
  padding-bottom:42px!important;
}
.homePremiumBody .heroWow .heroContent{
  align-self:center!important;
}
.homePremiumBody .heroWow h1{
  max-width:640px!important;
  margin:12px 0 13px!important;
  line-height:.98!important;
}
.homePremiumBody .heroWow h1 .heroSlogan{
  display:block!important;
  font-size:clamp(1.62rem,2.56vw,2.48rem)!important;
  line-height:1.04!important;
  letter-spacing:-.038em!important;
  font-weight:950!important;
  color:#fff!important;
  text-shadow:0 16px 38px rgba(0,0,0,.30)!important;
}
.homePremiumBody .heroWow h1 .vmLogoText{
  display:block!important;
  position:relative!important;
  width:max-content!important;
  max-width:100%!important;
  margin-top:4px!important;
  font-size:clamp(2.28rem,4.18vw,4.05rem)!important;
  line-height:.92!important;
  letter-spacing:-.05em!important;
  overflow:hidden!important;
  background:linear-gradient(92deg,#fff0c4 0%,#ff8a1a 18%,#ff4abf 36%,#38f4d0 54%,#2f8cff 72%,#b77cff 88%,#fff6d6 100%)!important;
  background-size:320% 100%!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  color:transparent!important;
  filter:drop-shadow(0 0 14px rgba(255,122,24,.22)) drop-shadow(0 0 24px rgba(47,140,255,.16))!important;
  animation:vmV94LogoColor 15s ease-in-out infinite!important;
}
.homePremiumBody .heroWow h1 .vmLogoText::after{
  content:""!important;
  position:absolute!important;
  top:-18%!important;
  bottom:-18%!important;
  left:0!important;
  width:34%!important;
  background:linear-gradient(105deg,transparent 0%,rgba(255,255,255,.10) 22%,rgba(255,255,255,.88) 48%,rgba(255,255,255,.16) 70%,transparent 100%)!important;
  transform:translateX(-120%) skewX(-17deg)!important;
  mix-blend-mode:screen!important;
  pointer-events:none!important;
  opacity:0!important;
  animation:vmV94LogoShine 6.8s cubic-bezier(.45,0,.22,1) infinite!important;
}
@keyframes vmV94LogoColor{
  0%,100%{background-position:0% 50%;}
  50%{background-position:100% 50%;}
}
@keyframes vmV94LogoShine{
  0%,16%{transform:translateX(-120%) skewX(-17deg);opacity:0;}
  22%{opacity:.58;}
  40%{transform:translateX(305%) skewX(-17deg);opacity:.48;}
  46%,100%{transform:translateX(342%) skewX(-17deg);opacity:0;}
}
.homePremiumBody .heroPlayer{
  width:468px!important;
  max-width:468px!important;
  min-height:300px!important;
  align-self:end!important;
  margin-left:-70px!important;
  padding:18px 22px 17px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:space-between!important;
}
.homePremiumBody .heroPlayer .liveTop{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 92px!important;
  gap:16px!important;
  align-items:start!important;
  min-height:104px!important;
}
.homePremiumBody .heroPlayer .now{
  min-width:0!important;
  padding-top:2px!important;
}
.homePremiumBody .heroPlayer .now b{
  display:none!important;
}
.homePremiumBody .heroPlayer .now strong,
.homePremiumBody .heroPlayer .now span[data-broadcast]{
  display:grid!important;
  grid-template-columns:92px minmax(0,1fr)!important;
  align-items:center!important;
  gap:10px!important;
  width:100%!important;
  min-width:0!important;
  margin:0 0 10px!important;
  font-size:.89rem!important;
  line-height:1.18!important;
  color:rgba(247,251,255,.86)!important;
  overflow:hidden!important;
  white-space:nowrap!important;
}
.homePremiumBody .heroPlayer .now span[data-broadcast]{
  margin-bottom:0!important;
}
.homePremiumBody .heroPlayer .vm-info-label{
  display:block!important;
  margin:0!important;
  font-size:.68rem!important;
  line-height:1!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
  color:rgba(247,251,255,.74)!important;
  text-align:left!important;
}
.homePremiumBody .heroPlayer .vmMarquee{
  position:relative!important;
  display:block!important;
  height:24px!important;
  min-width:0!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,rgba(255,255,255,.06),rgba(255,255,255,.025))!important;
  box-shadow:inset 0 0 18px rgba(47,140,255,.08)!important;
  mask-image:linear-gradient(90deg,transparent 0,#000 12%,#000 88%,transparent 100%)!important;
}
.homePremiumBody .heroPlayer .vmMarquee>span{
  position:absolute!important;
  top:50%!important;
  left:0!important;
  transform:translate3d(112%,-50%,0)!important;
  display:inline-block!important;
  min-width:max-content!important;
  padding:0 14px!important;
  color:#fff!important;
  font-weight:850!important;
  text-shadow:0 0 16px rgba(255,255,255,.16)!important;
  animation:vmV94Marquee 12.5s linear infinite!important;
}
.homePremiumBody .heroPlayer .now span[data-broadcast] .vmMarquee>span{
  animation-duration:14s!important;
}
@keyframes vmV94Marquee{
  0%{transform:translate3d(112%,-50%,0);opacity:0;}
  7%{opacity:1;}
  82%{opacity:1;}
  100%{transform:translate3d(-112%,-50%,0);opacity:0;}
}
.homePremiumBody .heroPlayer .avatar{
  width:92px!important;
  height:92px!important;
  border-radius:24px!important;
  box-shadow:0 18px 38px rgba(0,0,0,.32),0 0 28px rgba(47,140,255,.16)!important;
}
.homePremiumBody .heroPlayer .meter{
  height:54px!important;
  margin:2px 0 12px!important;
  align-items:end!important;
}
.homePremiumBody .heroPlayer .controls{
  margin-top:0!important;
}
.homePremiumBody .heroPlayer .chips{
  margin-top:12px!important;
}
.homePremiumBody .heroWow:after{
  animation:vmV94HeroDrift 28s linear infinite!important;
  background-position:0 0,0 0,0 0,0 0!important;
}
@keyframes vmV94HeroDrift{
  0%{transform:translate3d(0,0,0) scale(1.02);filter:hue-rotate(0deg);}
  50%{transform:translate3d(0,-10px,0) scale(1.025);filter:hue-rotate(5deg);}
  100%{transform:translate3d(0,0,0) scale(1.02);filter:hue-rotate(0deg);}
}
.homePremiumBody .heroWow .heroScene:before{
  animation:vmV94GlowFloat 18s ease-in-out infinite alternate!important;
}
@keyframes vmV94GlowFloat{
  0%{transform:translate3d(0,0,0) scale(1);opacity:.70;}
  100%{transform:translate3d(-34px,26px,0) scale(1.08);opacity:.56;}
}
@media (max-width:1050px){
  .homePremiumBody .heroPlayer{
    width:100%!important;
    max-width:none!important;
    margin-left:0!important;
    min-height:0!important;
  }
  .homePremiumBody .heroPlayer .liveTop{
    grid-template-columns:minmax(0,1fr) 88px!important;
  }
}
@media (max-width:640px){
  .homePremiumBody .heroWow h1 .heroSlogan{
    font-size:clamp(1.34rem,7.2vw,1.92rem)!important;
  }
  .homePremiumBody .heroWow h1 .vmLogoText{
    font-size:clamp(2rem,10.4vw,3rem)!important;
  }
  .homePremiumBody .heroPlayer .now strong,
  .homePremiumBody .heroPlayer .now span[data-broadcast]{
    grid-template-columns:82px minmax(0,1fr)!important;
    gap:8px!important;
  }
  .homePremiumBody .heroPlayer .avatar{
    width:82px!important;
    height:82px!important;
  }
}
/* VM v94 — END */


/* VM v95 — START: poprawki wg screen_27 użytkownika.
   Tylko strona główna: slogan, logo shine, wyrównanie playera, marquee i niższy equalizer. */
.homePremiumBody .heroWow h1 .heroSlogan{
  font-size:clamp(1.34rem,2.18vw,2.06rem)!important;
  line-height:1.02!important;
  letter-spacing:-.042em!important;
  margin-bottom:2px!important;
}
.homePremiumBody .heroWow h1 .vmLogoText{
  font-size:clamp(2.48rem,4.55vw,4.35rem)!important;
  line-height:.90!important;
  background:linear-gradient(90deg,#fff2c6 0%,#ff9a1f 16%,#ff3fb4 34%,#25f3d0 51%,#2f8cff 68%,#b56cff 84%,#fff2c6 100%)!important;
  background-size:230% 100%!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
  filter:drop-shadow(0 0 18px rgba(255,122,24,.34)) drop-shadow(0 0 30px rgba(47,140,255,.22))!important;
  animation:vmV95LogoColor 7.5s ease-in-out infinite!important;
  isolation:isolate!important;
}
.homePremiumBody .heroWow h1 .vmLogoText::after{
  top:-10%!important;
  bottom:-10%!important;
  left:0!important;
  width:28%!important;
  z-index:2!important;
  opacity:0!important;
  background:linear-gradient(105deg,transparent 0%,rgba(255,255,255,0) 18%,rgba(255,255,255,.92) 48%,rgba(255,255,255,.22) 68%,transparent 100%)!important;
  filter:blur(.2px)!important;
  mix-blend-mode:screen!important;
  transform:translate3d(-42%,0,0) skewX(-17deg)!important;
  animation:vmV95LogoShine 5.9s cubic-bezier(.42,0,.18,1) infinite!important;
}
@keyframes vmV95LogoColor{
  0%,100%{background-position:0% 50%;}
  50%{background-position:100% 50%;}
}
@keyframes vmV95LogoShine{
  0%,18%{transform:translate3d(-42%,0,0) skewX(-17deg);opacity:0;}
  22%{opacity:.86;}
  46%{transform:translate3d(340%,0,0) skewX(-17deg);opacity:.72;}
  52%,100%{transform:translate3d(372%,0,0) skewX(-17deg);opacity:0;}
}
.homePremiumBody .heroPlayer{
  margin-bottom:28px!important;
  min-height:284px!important;
  padding-top:17px!important;
  padding-bottom:15px!important;
}
.homePremiumBody .heroPlayer .liveTop{
  min-height:94px!important;
  grid-template-columns:minmax(0,1fr) 98px!important;
  gap:18px!important;
}
.homePremiumBody .heroPlayer .avatar{
  width:98px!important;
  height:98px!important;
  border-radius:25px!important;
}
.homePremiumBody .heroPlayer .meter{
  height:43px!important;
  margin:0 0 12px!important;
}
.homePremiumBody .heroPlayer .meter i{
  max-height:43px!important;
  min-height:11px!important;
}
.homePremiumBody .heroPlayer .vmMarquee{
  height:25px!important;
  overflow:hidden!important;
}
.homePremiumBody .heroPlayer .vmMarquee>span{
  left:100%!important;
  right:auto!important;
  transform:translate3d(0,-50%,0)!important;
  padding:0 18px!important;
  will-change:left,opacity!important;
  animation:vmV95Marquee 10.8s linear infinite!important;
}
.homePremiumBody .heroPlayer .now span[data-broadcast] .vmMarquee>span{
  animation-duration:12.4s!important;
}
@keyframes vmV95Marquee{
  0%{left:100%;opacity:0;}
  5%{opacity:1;}
  88%{opacity:1;}
  100%{left:-118%;opacity:0;}
}
.homePremiumBody .heroPlayer .now strong,
.homePremiumBody .heroPlayer .now span[data-broadcast]{
  grid-template-columns:94px minmax(0,1fr)!important;
  gap:9px!important;
  margin-bottom:9px!important;
}
.homePremiumBody .heroPlayer .vm-info-label{
  font-size:.66rem!important;
  letter-spacing:.13em!important;
}
@media (max-width:1050px){
  .homePremiumBody .heroPlayer{margin-bottom:0!important;}
}
@media (max-width:640px){
  .homePremiumBody .heroWow h1 .heroSlogan{font-size:clamp(1.16rem,6.4vw,1.70rem)!important;}
  .homePremiumBody .heroWow h1 .vmLogoText{font-size:clamp(2.05rem,10.8vw,3.08rem)!important;}
  .homePremiumBody .heroPlayer .liveTop{grid-template-columns:minmax(0,1fr) 86px!important;}
  .homePremiumBody .heroPlayer .avatar{width:86px!important;height:86px!important;}
}
/* VM v95 — END */

/* VM v96 — START: korekta playera na stronie głównej wg screen_28.
   Zakres: tylko body.homePremiumBody. Bez ruszania odsłuchu, ramówki i mechanizmów pobierania. */
.homePremiumBody .heroPlayer{
  margin-bottom:44px!important;
  min-height:274px!important;
  padding-top:16px!important;
  padding-bottom:14px!important;
}
.homePremiumBody .heroPlayer .liveTop{
  min-height:86px!important;
  grid-template-columns:minmax(0,1fr) 100px!important;
  gap:18px!important;
}
.homePremiumBody .heroPlayer .avatar{
  width:100px!important;
  height:100px!important;
  border-radius:25px!important;
}
.homePremiumBody .heroPlayer .now{
  padding-top:3px!important;
}
.homePremiumBody .heroPlayer .now strong,
.homePremiumBody .heroPlayer .now span[data-broadcast]{
  grid-template-columns:94px minmax(0,1fr)!important;
  gap:10px!important;
  margin-bottom:8px!important;
  overflow:visible!important;
}
.homePremiumBody .heroPlayer .vmMarquee{
  height:26px!important;
  min-width:0!important;
  width:100%!important;
  overflow:hidden!important;
  background:linear-gradient(90deg,rgba(255,255,255,.075),rgba(255,255,255,.032))!important;
  border-color:rgba(255,255,255,.12)!important;
}
.homePremiumBody .heroPlayer .vmMarquee>span{
  position:absolute!important;
  top:50%!important;
  left:0!important;
  right:auto!important;
  transform:translate3d(112%,-50%,0)!important;
  display:inline-block!important;
  min-width:max-content!important;
  padding:0 20px!important;
  color:#fff!important;
  font-weight:900!important;
  line-height:1!important;
  opacity:1!important;
  text-shadow:0 0 14px rgba(255,255,255,.20),0 0 18px rgba(47,140,255,.16)!important;
  animation:vmV96Marquee 9.6s linear infinite!important;
}
.homePremiumBody .heroPlayer .vmMarquee>span:nth-child(1){
  animation-delay:-4.8s!important;
}
.homePremiumBody .heroPlayer .vmMarquee>span:nth-child(2){
  animation-delay:0s!important;
}
.homePremiumBody .heroPlayer .now span[data-broadcast] .vmMarquee>span{
  animation-duration:10.8s!important;
}
.homePremiumBody .heroPlayer .now span[data-broadcast] .vmMarquee>span:nth-child(1){
  animation-delay:-5.4s!important;
}
@keyframes vmV96Marquee{
  0%{transform:translate3d(112%,-50%,0);opacity:0;}
  6%{opacity:1;}
  82%{opacity:1;}
  100%{transform:translate3d(-132%,-50%,0);opacity:0;}
}
.homePremiumBody .heroPlayer .meter{
  height:35px!important;
  margin:10px 0 8px!important;
  padding-left:0!important;
  padding-right:6px!important;
  align-items:end!important;
  gap:7px!important;
}
.homePremiumBody .heroPlayer .meter i{
  max-height:35px!important;
  min-height:8px!important;
  border-radius:9px 9px 4px 4px!important;
}
.homePremiumBody .heroPlayer .controls{
  margin-top:0!important;
  gap:16px!important;
  align-items:center!important;
}
.homePremiumBody .heroPlayer .chips{
  margin-top:10px!important;
}
@media (max-width:1050px){
  .homePremiumBody .heroPlayer{margin-bottom:0!important;}
}
@media (max-width:640px){
  .homePremiumBody .heroPlayer .liveTop{grid-template-columns:minmax(0,1fr) 86px!important;}
  .homePremiumBody .heroPlayer .avatar{width:86px!important;height:86px!important;}
  .homePremiumBody .heroPlayer .now strong,
  .homePremiumBody .heroPlayer .now span[data-broadcast]{grid-template-columns:82px minmax(0,1fr)!important;}
}
/* VM v96 — END */

/* VM v97 — START: precyzyjna poprawka playera na stronie głównej.
   Zakres tylko .homePremiumBody: pozycja playera, equalizer nad suwakiem i realny ruch PREZENTER/AUDYCJA. */
.homePremiumBody .heroPlayer{
  position:relative!important;
  top:-12px!important;
  margin-bottom:56px!important;
}
.homePremiumBody .heroPlayer .liveTop{
  min-height:82px!important;
}
.homePremiumBody .heroPlayer .now strong,
.homePremiumBody .heroPlayer .now span[data-broadcast]{
  display:grid!important;
  grid-template-columns:96px minmax(0,1fr)!important;
  align-items:center!important;
  gap:10px!important;
  width:100%!important;
  min-width:0!important;
  overflow:visible!important;
}
.homePremiumBody .heroPlayer .vm-info-label{
  position:relative!important;
  z-index:2!important;
  white-space:nowrap!important;
}
.homePremiumBody .heroPlayer .vmMarquee{
  position:relative!important;
  display:block!important;
  width:100%!important;
  min-width:0!important;
  height:28px!important;
  overflow:hidden!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,rgba(255,255,255,.095),rgba(255,255,255,.035))!important;
  border:1px solid rgba(255,255,255,.12)!important;
  mask-image:linear-gradient(90deg,transparent 0%,#000 12%,#000 88%,transparent 100%)!important;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 12%,#000 88%,transparent 100%)!important;
}
.homePremiumBody .heroPlayer .vmMarquee>span{
  position:absolute!important;
  top:50%!important;
  left:100%!important;
  right:auto!important;
  transform:translate3d(0,-50%,0)!important;
  display:block!important;
  width:max-content!important;
  max-width:none!important;
  min-width:max-content!important;
  white-space:nowrap!important;
  padding:0 24px!important;
  color:#fff!important;
  font-weight:900!important;
  line-height:1!important;
  opacity:0!important;
  text-shadow:0 0 12px rgba(255,255,255,.28),0 0 20px rgba(47,140,255,.18)!important;
  will-change:left,opacity!important;
  animation-name:vmV97Marquee!important;
  animation-duration:8.2s!important;
  animation-timing-function:linear!important;
  animation-iteration-count:infinite!important;
  animation-fill-mode:both!important;
}
.homePremiumBody .heroPlayer .vmMarquee>span:nth-child(1){
  animation-delay:0s!important;
}
.homePremiumBody .heroPlayer .vmMarquee>span:nth-child(2){
  animation-delay:4.1s!important;
}
.homePremiumBody .heroPlayer .now span[data-broadcast] .vmMarquee>span{
  animation-duration:9.6s!important;
}
.homePremiumBody .heroPlayer .now span[data-broadcast] .vmMarquee>span:nth-child(2){
  animation-delay:4.8s!important;
}
@keyframes vmV97Marquee{
  0%{left:100%;opacity:0;}
  7%{opacity:1;}
  86%{opacity:1;}
  100%{left:-125%;opacity:0;}
}
.homePremiumBody .heroPlayer .meter{
  width:calc(100% - 78px)!important;
  margin:9px 0 7px 70px!important;
  height:32px!important;
  padding-left:0!important;
  padding-right:0!important;
  gap:7px!important;
  align-items:end!important;
}
.homePremiumBody .heroPlayer .meter i{
  max-height:32px!important;
  min-height:8px!important;
}
.homePremiumBody .heroPlayer .controls{
  display:grid!important;
  grid-template-columns:52px minmax(0,1fr)!important;
  gap:16px!important;
  align-items:center!important;
}
.homePremiumBody .heroPlayer .play{
  width:52px!important;
  height:52px!important;
}
.homePremiumBody .heroPlayer .volume{
  width:100%!important;
}
@media (max-width:1050px){
  .homePremiumBody .heroPlayer{top:0!important;margin-bottom:0!important;}
}
@media (max-width:640px){
  .homePremiumBody .heroPlayer .meter{width:calc(100% - 68px)!important;margin-left:62px!important;}
  .homePremiumBody .heroPlayer .now strong,
  .homePremiumBody .heroPlayer .now span[data-broadcast]{grid-template-columns:82px minmax(0,1fr)!important;}
}
/* VM v97 — END */


/* VM v98 — naprawa ruchomych pasków w playerze (prezenter/audycja) */
.homePremiumBody .heroPlayer{
  top:-8px!important;
}
.homePremiumBody .heroPlayer .vmMarquee{
  position:relative!important;
  display:block!important;
  width:100%!important;
  min-width:0!important;
  height:28px!important;
  overflow:hidden!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,rgba(255,255,255,.11),rgba(255,255,255,.04))!important;
  border:1px solid rgba(255,255,255,.13)!important;
  box-shadow:inset 0 0 18px rgba(47,140,255,.10)!important;
  mask-image:linear-gradient(90deg,transparent 0%,#000 10%,#000 90%,transparent 100%)!important;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 10%,#000 90%,transparent 100%)!important;
}
.homePremiumBody .heroPlayer .vmMarquee>span{
  position:absolute!important;
  top:50%!important;
  left:22px!important;
  right:auto!important;
  transform:translate3d(0,-50%,0)!important;
  display:block!important;
  width:max-content!important;
  max-width:none!important;
  min-width:max-content!important;
  white-space:nowrap!important;
  padding:0 24px!important;
  color:#ffffff!important;
  font-weight:900!important;
  font-size:.84rem!important;
  line-height:1!important;
  opacity:1!important;
  text-shadow:0 0 12px rgba(255,255,255,.34),0 0 22px rgba(47,140,255,.20)!important;
  will-change:left,opacity!important;
  animation:vmV98MarqueePresenter 8.8s linear infinite!important;
}
.homePremiumBody .heroPlayer .vmMarquee>span:nth-child(1){
  animation-delay:-4.4s!important;
}
.homePremiumBody .heroPlayer .vmMarquee>span:nth-child(2){
  animation-delay:0s!important;
}
.homePremiumBody .heroPlayer .now span[data-broadcast] .vmMarquee>span{
  animation-name:vmV98MarqueeBroadcast!important;
  animation-duration:10.2s!important;
}
.homePremiumBody .heroPlayer .now span[data-broadcast] .vmMarquee>span:nth-child(1){
  animation-delay:-5.1s!important;
}
.homePremiumBody .heroPlayer .now span[data-broadcast] .vmMarquee>span:nth-child(2){
  animation-delay:0s!important;
}
@keyframes vmV98MarqueePresenter{
  0%{left:100%;opacity:0;}
  5%{opacity:1;}
  88%{opacity:1;}
  100%{left:-135%;opacity:0;}
}
@keyframes vmV98MarqueeBroadcast{
  0%{left:100%;opacity:0;}
  5%{opacity:1;}
  88%{opacity:1;}
  100%{left:-150%;opacity:0;}
}
.homePremiumBody .heroPlayer .meter{
  width:calc(100% - 86px)!important;
  margin:8px 0 7px 78px!important;
  height:31px!important;
}
.homePremiumBody .heroPlayer .meter i{
  max-height:31px!important;
  min-height:8px!important;
}
@media (max-width:640px){
  .homePremiumBody .heroPlayer{top:0!important;}
  .homePremiumBody .heroPlayer .meter{
    width:calc(100% - 68px)!important;
    margin-left:62px!important;
  }
}
/* VM v98 — END */

/* VM v99 — FINAL FIX: realny ruch PREZENTER/AUDYCJA.
   Poprzednie wersje miały left/transform z !important, więc animacja keyframes nie mogła ich nadpisać.
   Tutaj animujemy margin-left, bez ruszania logiki i bez zmiany innych podstron. */
.homePremiumBody .heroPlayer .vmMarquee>span{
  left:0!important;
  transform:translate3d(0,-50%,0)!important;
  margin-left:100%;
  animation-name:vmV99RealMarquee!important;
  animation-duration:9.5s!important;
  animation-timing-function:linear!important;
  animation-iteration-count:infinite!important;
  animation-fill-mode:both!important;
}
.homePremiumBody .heroPlayer .vmMarquee>span:nth-child(1){
  animation-delay:0s!important;
}
.homePremiumBody .heroPlayer .vmMarquee>span:nth-child(2){
  animation-delay:4.75s!important;
}
.homePremiumBody .heroPlayer .now span[data-broadcast] .vmMarquee>span{
  animation-name:vmV99RealMarqueeBroadcast!important;
  animation-duration:10.8s!important;
}
.homePremiumBody .heroPlayer .now span[data-broadcast] .vmMarquee>span:nth-child(1){
  animation-delay:0s!important;
}
.homePremiumBody .heroPlayer .now span[data-broadcast] .vmMarquee>span:nth-child(2){
  animation-delay:5.4s!important;
}
@keyframes vmV99RealMarquee{
  0%{margin-left:100%;opacity:0;}
  6%{opacity:1;}
  88%{opacity:1;}
  100%{margin-left:-125%;opacity:0;}
}
@keyframes vmV99RealMarqueeBroadcast{
  0%{margin-left:100%;opacity:0;}
  6%{opacity:1;}
  88%{opacity:1;}
  100%{margin-left:-145%;opacity:0;}
}
/* VM v99 — END */


/* VM v103 — korekta tylko dla strony głównej / player marquee.
   Bazuje na v99 (wersja, w której tekst był widoczny i jechał).
   Zmiany: jeden napis bez nakładania, wyśrodkowanie w pasku, spokojniejszy cykl.
   Nie podnosimy playera i nie ruszamy logiki odsłuchu/ramówki. */
.homePremiumBody .heroPlayer .vmMarquee{
  height:28px!important;
  display:block!important;
  position:relative!important;
  overflow:hidden!important;
}
.homePremiumBody .heroPlayer .vmMarquee>span{
  position:absolute!important;
  top:50%!important;
  left:0!important;
  right:auto!important;
  margin-left:100%;
  transform:translate3d(0,-50%,0)!important;
  display:block!important;
  width:max-content!important;
  max-width:none!important;
  min-width:max-content!important;
  white-space:nowrap!important;
  padding:0 22px!important;
  line-height:28px!important;
  height:28px!important;
  font-size:.84rem!important;
  font-weight:900!important;
  opacity:0;
  animation-name:vmV103PlayerMarquee!important;
  animation-duration:12.8s!important;
  animation-timing-function:linear!important;
  animation-iteration-count:infinite!important;
  animation-fill-mode:both!important;
  animation-delay:0s!important;
}
.homePremiumBody .heroPlayer .vmMarquee>span:nth-child(n+2){
  display:none!important;
  animation:none!important;
}
.homePremiumBody .heroPlayer .now span[data-broadcast] .vmMarquee>span{
  animation-name:vmV103PlayerMarqueeBroadcast!important;
  animation-duration:14.2s!important;
}
@keyframes vmV103PlayerMarquee{
  0%{margin-left:100%;opacity:0;}
  3%{opacity:1;}
  78%{opacity:1;}
  88%{margin-left:-125%;opacity:0;}
  100%{margin-left:-125%;opacity:0;}
}
@keyframes vmV103PlayerMarqueeBroadcast{
  0%{margin-left:100%;opacity:0;}
  3%{opacity:1;}
  78%{opacity:1;}
  88%{margin-left:-145%;opacity:0;}
  100%{margin-left:-145%;opacity:0;}
}
.homePremiumBody .heroPlayer .meter{
  margin-top:10px!important;
  height:32px!important;
}
.homePremiumBody .heroPlayer .meter i{
  max-height:32px!important;
}
/* VM v103 — END */

/* VM v104 — delikatna korekta playera bez psucia działającego v103.
   Zakres tylko strona główna: wyśrodkowanie tekstu w paskach, płynniejszy ruch,
   usunięcie nutek, equalizer odrobinę niżej z większym wychyleniem, centrowanie chipów.
   Nie ruszamy pozycji playera ani avatara. */
.homePremiumBody .heroPlayer .now:before,
.homePremiumBody .heroPlayer .now:after{
  content:none!important;
  display:none!important;
  opacity:0!important;
  animation:none!important;
}
.homePremiumBody .heroPlayer .now strong,
.homePremiumBody .heroPlayer .now span[data-broadcast]{
  align-items:center!important;
}
.homePremiumBody .heroPlayer .vmMarquee{
  height:28px!important;
  min-height:28px!important;
  display:block!important;
  position:relative!important;
  overflow:hidden!important;
  border-radius:999px!important;
}
.homePremiumBody .heroPlayer .vmMarquee>span{
  position:absolute!important;
  top:50%!important;
  left:0!important;
  right:auto!important;
  margin-left:0!important;
  width:100%!important;
  min-width:100%!important;
  max-width:100%!important;
  height:28px!important;
  line-height:28px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  white-space:nowrap!important;
  overflow:visible!important;
  padding:0 20px!important;
  font-size:.84rem!important;
  font-weight:900!important;
  opacity:1!important;
  translate:100% 0;
  will-change:translate!important;
  animation-name:vmV104SmoothMarquee!important;
  animation-duration:13.8s!important;
  animation-timing-function:linear!important;
  animation-iteration-count:infinite!important;
  animation-fill-mode:both!important;
  animation-delay:0s!important;
}
.homePremiumBody .heroPlayer .vmMarquee>span:nth-child(n+2){
  display:none!important;
  animation:none!important;
}
.homePremiumBody .heroPlayer .now span[data-broadcast] .vmMarquee>span{
  animation-name:vmV104SmoothMarqueeBroadcast!important;
  animation-duration:15.2s!important;
}
@keyframes vmV104SmoothMarquee{
  0%{translate:100% 0;opacity:1;}
  88%{translate:-100% 0;opacity:1;}
  100%{translate:-100% 0;opacity:0;}
}
@keyframes vmV104SmoothMarqueeBroadcast{
  0%{translate:100% 0;opacity:1;}
  88%{translate:-100% 0;opacity:1;}
  100%{translate:-100% 0;opacity:0;}
}
.homePremiumBody .heroPlayer .meter{
  margin-top:16px!important;
  height:42px!important;
  max-height:42px!important;
  align-items:end!important;
}
.homePremiumBody .heroPlayer .meter i{
  max-height:42px!important;
  min-height:11px!important;
}
.homePremiumBody .heroPlayer .chips{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  gap:8px!important;
  width:100%!important;
}
/* VM v104 — END */

/* VM v105 — kosmetyka playera bez ruszania pozycji i bez psucia działającego v103/v104.
   Zmiany tylko w playerze strony głównej: niżej equalizer, usunięcie ostatniej nutki,
   płynniejszy marquee z krótszą przerwą oraz tekst wycentrowany w paskach. */
.homePremiumBody .heroPlayer .now::before,
.homePremiumBody .heroPlayer .now::after,
.homePremiumBody .heroPlayer .liveTop .now::before,
.homePremiumBody .heroPlayer .liveTop .now::after,
.homePremiumBody .heroPlayer .now strong::before,
.homePremiumBody .heroPlayer .now strong::after,
.homePremiumBody .heroPlayer .now span[data-broadcast]::before,
.homePremiumBody .heroPlayer .now span[data-broadcast]::after,
.homePremiumBody .heroPlayer .vmMarquee::before,
.homePremiumBody .heroPlayer .vmMarquee::after{
  content:none!important;
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
  animation:none!important;
}
.homePremiumBody .heroPlayer .vmMarquee{
  height:28px!important;
  min-height:28px!important;
  display:block!important;
  position:relative!important;
  overflow:hidden!important;
  border-radius:999px!important;
  line-height:28px!important;
}
.homePremiumBody .heroPlayer .vmMarquee>span{
  position:absolute!important;
  top:50%!important;
  left:100%!important;
  right:auto!important;
  margin-left:0!important;
  width:max-content!important;
  min-width:max-content!important;
  max-width:none!important;
  height:28px!important;
  line-height:28px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  white-space:nowrap!important;
  overflow:visible!important;
  padding:0 18px!important;
  font-size:.84rem!important;
  font-weight:900!important;
  opacity:1!important;
  transform:none!important;
  translate:0 -50%;
  will-change:translate!important;
  animation:vmV105PlayerMarquee 8.6s linear infinite!important;
  animation-delay:0s!important;
}
.homePremiumBody .heroPlayer .vmMarquee>span:nth-child(n+2){
  display:none!important;
  animation:none!important;
}
.homePremiumBody .heroPlayer .now span[data-broadcast] .vmMarquee>span{
  animation-name:vmV105PlayerMarqueeBroadcast!important;
  animation-duration:9.4s!important;
}
@keyframes vmV105PlayerMarquee{
  0%{translate:0 -50%;opacity:1;}
  96%{translate:calc(-100% - 300px) -50%;opacity:1;}
  100%{translate:calc(-100% - 300px) -50%;opacity:0;}
}
@keyframes vmV105PlayerMarqueeBroadcast{
  0%{translate:0 -50%;opacity:1;}
  96%{translate:calc(-100% - 315px) -50%;opacity:1;}
  100%{translate:calc(-100% - 315px) -50%;opacity:0;}
}
.homePremiumBody .heroPlayer .meter{
  margin-top:24px!important;
  margin-bottom:3px!important;
  height:46px!important;
  max-height:46px!important;
  align-items:end!important;
}
.homePremiumBody .heroPlayer .meter i{
  max-height:46px!important;
  min-height:12px!important;
}
/* VM v105 — END */

/* VM v106 — player: ostatnia nutka OFF, płynniejszy marquee, equalizer minimalnie niżej.
   Zakres tylko strona główna, bez ruszania pozycji playera i avatara. */
.homePremiumBody .heroPlayer .liveTop::before,
.homePremiumBody .heroPlayer .liveTop::after,
.homePremiumBody .heroPlayer .now::before,
.homePremiumBody .heroPlayer .now::after,
.homePremiumBody .heroPlayer .now strong::before,
.homePremiumBody .heroPlayer .now strong::after,
.homePremiumBody .heroPlayer .now span[data-broadcast]::before,
.homePremiumBody .heroPlayer .now span[data-broadcast]::after,
.homePremiumBody .heroPlayer .vmMarquee::before,
.homePremiumBody .heroPlayer .vmMarquee::after{
  content:none!important;
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
  animation:none!important;
}
.homePremiumBody .heroPlayer .vmMarquee{
  height:28px!important;
  min-height:28px!important;
  overflow:hidden!important;
}
.homePremiumBody .heroPlayer .vmMarquee>span{
  position:absolute!important;
  top:50%!important;
  left:100%!important;
  right:auto!important;
  margin:0!important;
  width:max-content!important;
  min-width:max-content!important;
  max-width:none!important;
  height:28px!important;
  line-height:28px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  white-space:nowrap!important;
  overflow:visible!important;
  padding:0 18px!important;
  font-size:.84rem!important;
  font-weight:900!important;
  opacity:1!important;
  translate:none!important;
  transform:translate3d(0,-50%,0)!important;
  will-change:transform!important;
  animation:vmV106PlayerMarqueeSmooth 10.8s linear infinite!important;
  animation-delay:0s!important;
}
.homePremiumBody .heroPlayer .vmMarquee>span:nth-child(n+2){
  display:none!important;
  animation:none!important;
}
.homePremiumBody .heroPlayer .now span[data-broadcast] .vmMarquee>span{
  animation-name:vmV106PlayerMarqueeSmoothBroadcast!important;
  animation-duration:11.8s!important;
}
@keyframes vmV106PlayerMarqueeSmooth{
  0%{transform:translate3d(0,-50%,0)!important;}
  100%{transform:translate3d(calc(-100% - 250px),-50%,0)!important;}
}
@keyframes vmV106PlayerMarqueeSmoothBroadcast{
  0%{transform:translate3d(0,-50%,0)!important;}
  100%{transform:translate3d(calc(-100% - 265px),-50%,0)!important;}
}
.homePremiumBody .heroPlayer .meter{
  margin-top:28px!important;
  margin-bottom:-2px!important;
  height:46px!important;
  max-height:46px!important;
  align-items:end!important;
}
.homePremiumBody .heroPlayer .meter i{
  max-height:46px!important;
  min-height:8px!important;
}
/* VM v106 — END */

/* VM v108 — tylko naprawa widocznego ruchu PREZENTER/AUDYCJA na bazie v106.
   Nie ruszamy pozycji playera, avatara, suwaka ani czułości equalizera. */
.homePremiumBody .heroPlayer .now strong,
.homePremiumBody .heroPlayer .now span[data-broadcast]{
  display:grid!important;
  grid-template-columns:82px minmax(0,1fr)!important;
  align-items:center!important;
  min-height:30px!important;
  overflow:hidden!important;
}
.homePremiumBody .heroPlayer .vm-info-label{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  height:28px!important;
  line-height:28px!important;
  margin:0!important;
  padding:0!important;
}
.homePremiumBody .heroPlayer .vmMarquee{
  display:block!important;
  position:relative!important;
  height:28px!important;
  min-height:28px!important;
  line-height:28px!important;
  overflow:hidden!important;
  border-radius:999px!important;
  contain:layout paint!important;
  transform:translateZ(0)!important;
  backface-visibility:hidden!important;
}
.homePremiumBody .heroPlayer .vmMarquee::before,
.homePremiumBody .heroPlayer .vmMarquee::after,
.homePremiumBody .heroPlayer .now::before,
.homePremiumBody .heroPlayer .now::after,
.homePremiumBody .heroPlayer .now strong::before,
.homePremiumBody .heroPlayer .now strong::after,
.homePremiumBody .heroPlayer .now span[data-broadcast]::before,
.homePremiumBody .heroPlayer .now span[data-broadcast]::after{
  content:none!important;
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
  animation:none!important;
}
.homePremiumBody .heroPlayer .vmMarquee>span{
  position:absolute!important;
  top:50%!important;
  left:0!important;
  right:auto!important;
  width:max-content!important;
  min-width:max-content!important;
  max-width:none!important;
  height:28px!important;
  line-height:28px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  white-space:nowrap!important;
  overflow:visible!important;
  margin:0!important;
  padding:0 18px!important;
  font-size:.84rem!important;
  font-weight:900!important;
  opacity:1!important;
  visibility:visible!important;
  translate:none!important;
  transform:translate3d(235px,-50%,0)!important;
  will-change:transform!important;
  animation:vmV108PlayerMarquee 10.8s linear infinite!important;
}
.homePremiumBody .heroPlayer .vmMarquee>span:nth-child(n+2){
  display:none!important;
  animation:none!important;
}
.homePremiumBody .heroPlayer .now span[data-broadcast] .vmMarquee>span{
  animation-name:vmV108PlayerMarqueeBroadcast!important;
  animation-duration:11.4s!important;
}
@keyframes vmV108PlayerMarquee{
  0%{transform:translate3d(235px,-50%,0);opacity:1;visibility:visible;}
  94%{transform:translate3d(calc(-100% - 34px),-50%,0);opacity:1;visibility:visible;}
  100%{transform:translate3d(calc(-100% - 34px),-50%,0);opacity:1;visibility:visible;}
}
@keyframes vmV108PlayerMarqueeBroadcast{
  0%{transform:translate3d(235px,-50%,0);opacity:1;visibility:visible;}
  94%{transform:translate3d(calc(-100% - 34px),-50%,0);opacity:1;visibility:visible;}
  100%{transform:translate3d(calc(-100% - 34px),-50%,0);opacity:1;visibility:visible;}
}
.homePremiumBody .heroPlayer .meter i{
  max-height:50px!important;
}
/* VM v108 — END */


/* VM v109 — FINAL: tylko przywrócenie widocznego PREZENTER/AUDYCJA + płynny ruch.
   Reszta playera bez zmian; equalizer tylko minimalnie wyższe słupki bez zmiany czułości. */
.homePremiumBody .heroPlayer .now strong,
.homePremiumBody .heroPlayer .now span[data-broadcast]{
  display:grid!important;
  grid-template-columns:82px minmax(0,1fr)!important;
  align-items:center!important;
  min-height:30px!important;
  overflow:hidden!important;
}
.homePremiumBody .heroPlayer .vm-info-label{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  height:28px!important;
  line-height:28px!important;
  margin:0!important;
  padding:0!important;
}
.homePremiumBody .heroPlayer .vmMarquee{
  display:block!important;
  position:relative!important;
  height:28px!important;
  min-height:28px!important;
  line-height:28px!important;
  overflow:hidden!important;
  border-radius:999px!important;
  transform:translateZ(0)!important;
  backface-visibility:hidden!important;
  -webkit-font-smoothing:antialiased!important;
}
.homePremiumBody .heroPlayer .vmMarquee::before,
.homePremiumBody .heroPlayer .vmMarquee::after,
.homePremiumBody .heroPlayer .now::before,
.homePremiumBody .heroPlayer .now::after,
.homePremiumBody .heroPlayer .liveTop .now::before,
.homePremiumBody .heroPlayer .liveTop .now::after,
.homePremiumBody .heroPlayer .now strong::before,
.homePremiumBody .heroPlayer .now strong::after,
.homePremiumBody .heroPlayer .now span[data-broadcast]::before,
.homePremiumBody .heroPlayer .now span[data-broadcast]::after{
  content:none!important;
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
  animation:none!important;
}
.homePremiumBody .heroPlayer .vmMarquee>span,
.homePremiumBody .heroPlayer .vmMarquee>.vmMarqueeText{
  position:absolute!important;
  top:50%!important;
  left:100%!important;
  right:auto!important;
  width:max-content!important;
  min-width:max-content!important;
  max-width:none!important;
  height:28px!important;
  line-height:28px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  white-space:nowrap!important;
  overflow:visible!important;
  margin:0!important;
  padding:0 18px!important;
  font-size:.84rem!important;
  font-weight:900!important;
  opacity:1!important;
  visibility:visible!important;
  translate:none!important;
  transform:translate3d(0,-50%,0)!important;
  will-change:transform!important;
  animation:vmV109PlayerMarquee 10.8s linear infinite!important;
  animation-delay:-.85s!important;
}
.homePremiumBody .heroPlayer .vmMarquee>span:nth-child(n+2){
  display:none!important;
  animation:none!important;
}
.homePremiumBody .heroPlayer .now span[data-broadcast] .vmMarquee>span,
.homePremiumBody .heroPlayer .now span[data-broadcast] .vmMarquee>.vmMarqueeText{
  animation-name:vmV109PlayerMarqueeBroadcast!important;
  animation-duration:11.4s!important;
  animation-delay:-1.1s!important;
}
@keyframes vmV109PlayerMarquee{
  0%{transform:translate3d(0,-50%,0);opacity:1;visibility:visible;}
  86%{transform:translate3d(calc(-100% - 330px),-50%,0);opacity:1;visibility:visible;}
  100%{transform:translate3d(calc(-100% - 330px),-50%,0);opacity:0;visibility:visible;}
}
@keyframes vmV109PlayerMarqueeBroadcast{
  0%{transform:translate3d(0,-50%,0);opacity:1;visibility:visible;}
  86%{transform:translate3d(calc(-100% - 340px),-50%,0);opacity:1;visibility:visible;}
  100%{transform:translate3d(calc(-100% - 340px),-50%,0);opacity:0;visibility:visible;}
}
.homePremiumBody .heroPlayer .meter i{
  max-height:54px!important;
}
/* VM v109 — END */

/* VM v110 — tylko finalne wymuszenie widocznego paska PREZENTER/AUDYCJA.
   Reszta playera bez zmian: equalizer, pozycja, avatar i layout zostają z v109. */
.homePremiumBody .heroPlayer .vmTickerBox{
  display:block!important;
  position:relative!important;
  overflow:hidden!important;
  height:28px!important;
  min-height:28px!important;
  line-height:28px!important;
}
.homePremiumBody .heroPlayer .vmTickerBox .vmTickerLive{
  display:flex!important;
  align-items:center!important;
  position:absolute!important;
  top:50%!important;
  left:0!important;
  right:auto!important;
  width:max-content!important;
  min-width:max-content!important;
  max-width:none!important;
  height:28px!important;
  line-height:28px!important;
  white-space:nowrap!important;
  overflow:visible!important;
  padding:0 18px!important;
  font-size:.84rem!important;
  font-weight:900!important;
  color:#fff!important;
  opacity:1!important;
  visibility:visible!important;
  animation:none!important;
  will-change:transform!important;
  text-shadow:0 0 12px rgba(255,255,255,.30),0 0 22px rgba(47,140,255,.20)!important;
}
.homePremiumBody .heroPlayer .vmMarquee>span:nth-child(n+2){
  display:none!important;
}
.homePremiumBody .heroPlayer .meter i{
  max-height:56px!important;
}
/* VM v110 — END */

/* VM v111 — HERO LOGO: mocniejsze kolory + poświata od V do X.
   Zakres: tylko napis VIRTUALMIX na stronie głównej. Bez ruszania playera, danych i układu. */
.homePremiumBody .heroWow h1 .grad.vmLogoText,
.homePremiumBody .heroWow h1 .vmLogoText{
  position:relative!important;
  display:inline-block!important;
  overflow:hidden!important;
  background:linear-gradient(90deg,
    #fff4bf 0%,
    #ff8a18 13%,
    #ff315f 27%,
    #ff39d2 42%,
    #36f2ff 58%,
    #397cff 73%,
    #c95cff 87%,
    #fff4bf 100%)!important;
  background-size:360% 100%!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
  color:transparent!important;
  filter:drop-shadow(0 0 12px rgba(255,122,24,.42)) drop-shadow(0 0 24px rgba(255,63,180,.28)) drop-shadow(0 0 32px rgba(47,140,255,.22))!important;
  animation:vmV111LogoColor 3.2s linear infinite!important;
}
.homePremiumBody .heroWow h1 .grad.vmLogoText::before,
.homePremiumBody .heroWow h1 .vmLogoText::before{
  content:""!important;
  position:absolute!important;
  top:-14%!important;
  bottom:-14%!important;
  left:0!important;
  width:18%!important;
  pointer-events:none!important;
  opacity:0!important;
  z-index:3!important;
  background:linear-gradient(105deg,
    transparent 0%,
    rgba(255,255,255,0) 20%,
    rgba(255,255,255,.98) 48%,
    rgba(255,214,128,.62) 58%,
    rgba(255,63,180,.22) 72%,
    transparent 100%)!important;
  filter:blur(.15px)!important;
  mix-blend-mode:screen!important;
  transform:translate3d(-130%,0,0) skewX(-18deg)!important;
  animation:vmV111LogoSweep 4.4s cubic-bezier(.35,0,.18,1) infinite!important;
}
.homePremiumBody .heroWow h1 .grad.vmLogoText::after,
.homePremiumBody .heroWow h1 .vmLogoText::after{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:.02em!important;
  height:.12em!important;
  pointer-events:none!important;
  opacity:.72!important;
  z-index:2!important;
  background:linear-gradient(90deg,rgba(255,138,24,0),rgba(255,138,24,.75),rgba(255,57,210,.68),rgba(54,242,255,.62),rgba(201,92,255,0))!important;
  filter:blur(5px)!important;
  transform:translateY(.13em)!important;
  animation:vmV111LogoUnderGlow 3.2s ease-in-out infinite!important;
}
@keyframes vmV111LogoColor{
  0%{background-position:0% 50%;}
  100%{background-position:360% 50%;}
}
@keyframes vmV111LogoSweep{
  0%,18%{transform:translate3d(-130%,0,0) skewX(-18deg);opacity:0;}
  22%{opacity:.96;}
  54%{transform:translate3d(560%,0,0) skewX(-18deg);opacity:.88;}
  62%,100%{transform:translate3d(650%,0,0) skewX(-18deg);opacity:0;}
}
@keyframes vmV111LogoUnderGlow{
  0%,100%{opacity:.54;filter:blur(5px);}
  50%{opacity:.90;filter:blur(7px);}
}
/* VM v111 — END */

/* VM v112 — KONKRETNA poprawka tylko napisu VIRTUALMIX: mocna zmiana kolorów + widoczna poświata przez litery od V do X. */
.homePremiumBody .heroWow h1 .grad.vmLogoText,
.homePremiumBody .heroWow h1 .vmLogoText{
  position:relative!important;
  display:inline-block!important;
  overflow:visible!important;
  isolation:isolate!important;
  background:linear-gradient(90deg,
    #ffe9a8 0%,
    #ff8a18 10%,
    #ff3b30 22%,
    #ff2fb3 34%,
    #a56cff 46%,
    #2f8cff 58%,
    #20f5d2 70%,
    #ffb347 84%,
    #ffe9a8 100%)!important;
  background-size:520% 100%!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
  color:transparent!important;
  text-shadow:none!important;
  filter:drop-shadow(0 0 11px rgba(255,128,36,.52)) drop-shadow(0 0 23px rgba(255,47,179,.36)) drop-shadow(0 0 32px rgba(32,245,210,.24))!important;
  animation:vmV112StrongColor 1.85s linear infinite!important;
}
.homePremiumBody .heroWow h1 .grad.vmLogoText::before,
.homePremiumBody .heroWow h1 .vmLogoText::before{
  content:"VIRTUALMIX"!important;
  position:absolute!important;
  inset:0!important;
  z-index:5!important;
  pointer-events:none!important;
  background:linear-gradient(100deg,
    transparent 0%,
    transparent 36%,
    rgba(255,255,255,.05) 42%,
    rgba(255,255,255,1) 49%,
    rgba(255,220,140,.95) 53%,
    rgba(255,255,255,.55) 58%,
    transparent 66%,
    transparent 100%)!important;
  background-size:260% 100%!important;
  background-position:-135% 50%!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
  color:transparent!important;
  filter:drop-shadow(0 0 9px rgba(255,255,255,.70)) drop-shadow(0 0 18px rgba(255,170,66,.55))!important;
  opacity:0!important;
  animation:vmV112LetterSweep 3.15s linear infinite!important;
}
.homePremiumBody .heroWow h1 .grad.vmLogoText::after,
.homePremiumBody .heroWow h1 .vmLogoText::after{
  content:""!important;
  position:absolute!important;
  left:-2%!important;
  right:-2%!important;
  bottom:.03em!important;
  height:.18em!important;
  z-index:1!important;
  pointer-events:none!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,transparent,rgba(255,138,24,.85),rgba(255,47,179,.78),rgba(32,245,210,.72),transparent)!important;
  filter:blur(7px)!important;
  opacity:.85!important;
  transform:translateY(.08em)!important;
  animation:vmV112UnderPulse 1.85s ease-in-out infinite!important;
}
@keyframes vmV112StrongColor{
  0%{background-position:0% 50%;filter:drop-shadow(0 0 11px rgba(255,128,36,.52)) drop-shadow(0 0 23px rgba(255,47,179,.36)) drop-shadow(0 0 32px rgba(32,245,210,.24));}
  50%{background-position:100% 50%;filter:drop-shadow(0 0 14px rgba(255,47,179,.56)) drop-shadow(0 0 26px rgba(47,140,255,.38)) drop-shadow(0 0 34px rgba(255,178,55,.26));}
  100%{background-position:200% 50%;filter:drop-shadow(0 0 11px rgba(255,128,36,.52)) drop-shadow(0 0 23px rgba(255,47,179,.36)) drop-shadow(0 0 32px rgba(32,245,210,.24));}
}
@keyframes vmV112LetterSweep{
  0%,10%{background-position:-135% 50%;opacity:0;}
  13%{opacity:1;}
  46%{background-position:120% 50%;opacity:1;}
  52%,100%{background-position:160% 50%;opacity:0;}
}
@keyframes vmV112UnderPulse{
  0%,100%{opacity:.70;filter:blur(6px);}
  50%{opacity:1;filter:blur(9px);}
}
/* VM v112 — END */


/* V113 REAL FIX */
.homePremiumBody .heroWow h1 .vmLogoText{
 animation: vmLogoSpectrum 2.8s linear infinite !important;
 background-size: 500% 100% !important;
 filter: drop-shadow(0 0 10px rgba(255,120,0,.55)) drop-shadow(0 0 22px rgba(255,0,180,.35)) !important;
}
.homePremiumBody .heroWow h1 .vmLogoText::after{
 content:"" !important;
 position:absolute !important;
 top:-8%;
 left:-35%;
 width:28%;
 height:116%;
 background:linear-gradient(90deg,transparent,rgba(255,255,255,.95),transparent) !important;
 transform:skewX(-20deg);
 animation: vmLogoShine 2.6s linear infinite !important;
 display:block !important;
}
@keyframes vmLogoSpectrum{
 0%{background-position:0% 50%}
 100%{background-position:500% 50%}
}
@keyframes vmLogoShine{
 0%{left:-35%}
 100%{left:125%}
}

/* VM v114 — LOGO + PLAYER MICRO FIX
   Zakres: tylko napis VIRTUALMIX w hero oraz lekkie obniżenie playera na stronie głównej. Reszta bez zmian. */
.homePremiumBody .heroWow h1 .grad.vmLogoText,
.homePremiumBody .heroWow h1 .vmLogoText{
  position:relative!important;
  display:inline-block!important;
  overflow:visible!important;
  isolation:isolate!important;
  background:linear-gradient(90deg,
    #fff3a8 0%,
    #ff7a18 8%,
    #ff2e63 18%,
    #ff39d2 30%,
    #8f5cff 42%,
    #2f8cff 54%,
    #27f5ff 66%,
    #34f5c5 76%,
    #ffb23b 88%,
    #fff3a8 100%)!important;
  background-size:720% 100%!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
  color:transparent!important;
  text-shadow:none!important;
  filter:drop-shadow(0 0 13px rgba(255,122,24,.72)) drop-shadow(0 0 28px rgba(255,57,210,.48)) drop-shadow(0 0 42px rgba(47,140,255,.34)) drop-shadow(0 0 58px rgba(52,245,197,.18))!important;
  animation:vmV114LogoPremiumColors 1.35s linear infinite!important;
}
.homePremiumBody .heroWow h1 .grad.vmLogoText::before,
.homePremiumBody .heroWow h1 .vmLogoText::before{
  content:"VIRTUALMIX"!important;
  position:absolute!important;
  inset:0!important;
  z-index:6!important;
  pointer-events:none!important;
  background:linear-gradient(100deg,
    transparent 0%,
    transparent 30%,
    rgba(255,255,255,.10) 39%,
    rgba(255,255,255,1) 47%,
    rgba(255,232,150,1) 51%,
    rgba(255,255,255,.82) 56%,
    rgba(52,245,197,.38) 62%,
    transparent 72%,
    transparent 100%)!important;
  background-size:310% 100%!important;
  background-position:-150% 50%!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
  color:transparent!important;
  opacity:0!important;
  filter:drop-shadow(0 0 10px rgba(255,255,255,.95)) drop-shadow(0 0 24px rgba(255,189,65,.80)) drop-shadow(0 0 34px rgba(47,140,255,.42))!important;
  animation:vmV114LogoLetterSweep 2.15s cubic-bezier(.22,.61,.36,1) infinite!important;
}
.homePremiumBody .heroWow h1 .grad.vmLogoText::after,
.homePremiumBody .heroWow h1 .vmLogoText::after{
  content:""!important;
  position:absolute!important;
  left:-5%!important;
  right:-5%!important;
  bottom:.01em!important;
  height:.22em!important;
  z-index:1!important;
  pointer-events:none!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,rgba(255,122,24,0),rgba(255,122,24,.95),rgba(255,57,210,.85),rgba(47,140,255,.78),rgba(52,245,197,.78),rgba(255,122,24,0))!important;
  filter:blur(8px)!important;
  opacity:.96!important;
  transform:translateY(.10em)!important;
  animation:vmV114LogoBaseGlow 1.35s ease-in-out infinite!important;
}
.homePremiumBody .heroWow .heroPlayer{
  transform:translateY(24px)!important;
}
@keyframes vmV114LogoPremiumColors{
  0%{background-position:0% 50%;filter:drop-shadow(0 0 13px rgba(255,122,24,.72)) drop-shadow(0 0 28px rgba(255,57,210,.48)) drop-shadow(0 0 42px rgba(47,140,255,.34)) drop-shadow(0 0 58px rgba(52,245,197,.18));}
  25%{background-position:180% 50%;filter:drop-shadow(0 0 16px rgba(255,57,210,.72)) drop-shadow(0 0 34px rgba(47,140,255,.48)) drop-shadow(0 0 46px rgba(255,122,24,.28)) drop-shadow(0 0 62px rgba(52,245,197,.24));}
  50%{background-position:360% 50%;filter:drop-shadow(0 0 15px rgba(47,140,255,.72)) drop-shadow(0 0 34px rgba(52,245,197,.42)) drop-shadow(0 0 42px rgba(255,57,210,.30)) drop-shadow(0 0 58px rgba(255,178,59,.22));}
  75%{background-position:540% 50%;filter:drop-shadow(0 0 16px rgba(52,245,197,.66)) drop-shadow(0 0 34px rgba(255,178,59,.42)) drop-shadow(0 0 44px rgba(255,57,210,.30)) drop-shadow(0 0 62px rgba(47,140,255,.24));}
  100%{background-position:720% 50%;filter:drop-shadow(0 0 13px rgba(255,122,24,.72)) drop-shadow(0 0 28px rgba(255,57,210,.48)) drop-shadow(0 0 42px rgba(47,140,255,.34)) drop-shadow(0 0 58px rgba(52,245,197,.18));}
}
@keyframes vmV114LogoLetterSweep{
  0%,8%{background-position:-150% 50%;opacity:0;}
  12%{opacity:1;}
  48%{background-position:100% 50%;opacity:1;}
  58%,100%{background-position:155% 50%;opacity:0;}
}
@keyframes vmV114LogoBaseGlow{
  0%,100%{opacity:.78;filter:blur(7px);}
  50%{opacity:1;filter:blur(11px);}
}
@media (max-width:1050px){
  .homePremiumBody .heroWow .heroPlayer{transform:translateY(10px)!important;}
}
@media (max-width:640px){
  .homePremiumBody .heroWow .heroPlayer{transform:none!important;}
}
/* VM v114 — END */

/* VM v115 — FINAL REAL LOGO FIX
   Zakres: tylko napis VIRTUALMIX w hero + utrzymanie obniżenia playera. Reszta bez zmian.
   Poprawka: animacja zmienia realnie kolory przez zmianę całej palety i hue-rotate,
   a poświata idzie po literach od V do X jako osobna warstwa tekstowa. */
.homePremiumBody .heroWow h1 .grad.vmLogoText,
.homePremiumBody .heroWow h1 .vmLogoText{
  position:relative!important;
  display:inline-block!important;
  overflow:visible!important;
  isolation:isolate!important;
  background-image:linear-gradient(90deg,#ffe27a 0%,#ff8a18 18%,#ff2f6d 36%,#9b5cff 55%,#2f8cff 72%,#30ffd2 88%,#ffe27a 100%)!important;
  background-size:100% 100%!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
  color:transparent!important;
  text-shadow:none!important;
  filter:drop-shadow(0 0 13px rgba(255,132,24,.82)) drop-shadow(0 0 30px rgba(255,48,162,.54)) drop-shadow(0 0 46px rgba(47,140,255,.36))!important;
  animation:vmV115RealColorChange 3.6s ease-in-out infinite!important;
}
.homePremiumBody .heroWow h1 .grad.vmLogoText::before,
.homePremiumBody .heroWow h1 .vmLogoText::before{
  content:"VIRTUALMIX"!important;
  position:absolute!important;
  inset:0!important;
  z-index:8!important;
  pointer-events:none!important;
  background-image:linear-gradient(105deg,
    transparent 0%,
    transparent 22%,
    rgba(255,255,255,.08) 31%,
    rgba(255,255,255,1) 43%,
    rgba(255,238,150,1) 48%,
    rgba(255,255,255,1) 54%,
    rgba(70,245,255,.50) 61%,
    transparent 72%,
    transparent 100%)!important;
  background-size:360% 100%!important;
  background-position:-185% 50%!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
  color:transparent!important;
  opacity:0!important;
  filter:drop-shadow(0 0 12px rgba(255,255,255,1)) drop-shadow(0 0 28px rgba(255,196,74,.90)) drop-shadow(0 0 46px rgba(51,210,255,.56))!important;
  animation:vmV115LightVtoX 2.55s linear infinite!important;
}
.homePremiumBody .heroWow h1 .grad.vmLogoText::after,
.homePremiumBody .heroWow h1 .vmLogoText::after{
  content:"VIRTUALMIX"!important;
  position:absolute!important;
  inset:0!important;
  z-index:-1!important;
  pointer-events:none!important;
  color:transparent!important;
  -webkit-text-stroke:1px rgba(255,255,255,.05)!important;
  text-shadow:0 0 18px rgba(255,122,24,.75),0 0 34px rgba(255,45,180,.54),0 0 54px rgba(47,140,255,.38),0 0 70px rgba(52,245,197,.25)!important;
  opacity:.88!important;
  animation:vmV115OuterGlow 3.6s ease-in-out infinite!important;
}
.homePremiumBody .heroWow .heroPlayer{
  transform:translateY(24px)!important;
}
@keyframes vmV115RealColorChange{
  0%{
    background-image:linear-gradient(90deg,#ffe27a 0%,#ff8a18 18%,#ff2f6d 36%,#9b5cff 55%,#2f8cff 72%,#30ffd2 88%,#ffe27a 100%);
    filter:drop-shadow(0 0 13px rgba(255,132,24,.82)) drop-shadow(0 0 30px rgba(255,48,162,.54)) drop-shadow(0 0 46px rgba(47,140,255,.36));
  }
  25%{
    background-image:linear-gradient(90deg,#35ffe0 0%,#2f8cff 18%,#955cff 36%,#ff39d2 55%,#ff7a18 72%,#fff18a 88%,#35ffe0 100%);
    filter:drop-shadow(0 0 14px rgba(52,245,197,.82)) drop-shadow(0 0 32px rgba(47,140,255,.58)) drop-shadow(0 0 48px rgba(255,57,210,.36));
  }
  50%{
    background-image:linear-gradient(90deg,#ff5bd6 0%,#ff2f6d 18%,#ff8a18 36%,#fff06a 55%,#34f5c5 72%,#2f8cff 88%,#ff5bd6 100%);
    filter:drop-shadow(0 0 14px rgba(255,57,210,.82)) drop-shadow(0 0 33px rgba(255,122,24,.54)) drop-shadow(0 0 48px rgba(52,245,197,.34));
  }
  75%{
    background-image:linear-gradient(90deg,#2f8cff 0%,#34f5c5 18%,#fff06a 36%,#ff8a18 55%,#ff39d2 72%,#9b5cff 88%,#2f8cff 100%);
    filter:drop-shadow(0 0 14px rgba(47,140,255,.82)) drop-shadow(0 0 32px rgba(52,245,197,.50)) drop-shadow(0 0 48px rgba(255,122,24,.36));
  }
  100%{
    background-image:linear-gradient(90deg,#ffe27a 0%,#ff8a18 18%,#ff2f6d 36%,#9b5cff 55%,#2f8cff 72%,#30ffd2 88%,#ffe27a 100%);
    filter:drop-shadow(0 0 13px rgba(255,132,24,.82)) drop-shadow(0 0 30px rgba(255,48,162,.54)) drop-shadow(0 0 46px rgba(47,140,255,.36));
  }
}
@keyframes vmV115LightVtoX{
  0%,9%{background-position:-185% 50%;opacity:0;}
  12%{opacity:1;}
  54%{background-position:132% 50%;opacity:1;}
  62%,100%{background-position:180% 50%;opacity:0;}
}
@keyframes vmV115OuterGlow{
  0%,100%{opacity:.76;text-shadow:0 0 16px rgba(255,122,24,.72),0 0 34px rgba(255,45,180,.46),0 0 54px rgba(47,140,255,.32),0 0 70px rgba(52,245,197,.20);}
  50%{opacity:1;text-shadow:0 0 22px rgba(255,255,255,.32),0 0 42px rgba(255,57,210,.64),0 0 64px rgba(47,140,255,.50),0 0 84px rgba(52,245,197,.30);}
}
@media (max-width:1050px){
  .homePremiumBody .heroWow .heroPlayer{transform:translateY(10px)!important;}
}
@media (max-width:640px){
  .homePremiumBody .heroWow .heroPlayer{transform:none!important;}
}
/* VM v115 — END */


/* VM v116 — OSTATECZNA poprawka WYŁĄCZNIE napisu VIRTUALMIX.
   Cel: napis ma zostać ostry, kolory mają realnie i szybko płynąć po literach,
   a jasna poświata ma przechodzić po samych literach od V do X. Player i reszta bez zmian. */
.homePremiumBody .heroWow h1 .grad.vmLogoText,
.homePremiumBody .heroWow h1 .vmLogoText{
  position:relative!important;
  display:inline-block!important;
  overflow:visible!important;
  isolation:isolate!important;
  background-image:linear-gradient(90deg,
    #ffe16a 0%,
    #ff7a18 11%,
    #ff224f 22%,
    #ff35d3 34%,
    #8d5cff 46%,
    #248cff 58%,
    #22f7ff 70%,
    #35ffc8 82%,
    #ffe16a 100%)!important;
  background-size:360% 100%!important;
  background-position:0% 50%!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
  color:transparent!important;
  text-shadow:none!important;
  filter:saturate(1.85) contrast(1.18) drop-shadow(0 0 7px rgba(255,122,24,.50)) drop-shadow(0 0 15px rgba(255,57,210,.28))!important;
  animation:vmV116LogoFlow 1.05s linear infinite!important;
  will-change:background-position,filter!important;
}
.homePremiumBody .heroWow h1 .grad.vmLogoText::before,
.homePremiumBody .heroWow h1 .vmLogoText::before{
  content:"VIRTUALMIX"!important;
  position:absolute!important;
  inset:0!important;
  z-index:9!important;
  pointer-events:none!important;
  background-image:linear-gradient(100deg,
    transparent 0%,
    transparent 35%,
    rgba(255,255,255,.18) 42%,
    rgba(255,255,255,1) 48%,
    rgba(255,232,120,1) 52%,
    rgba(255,255,255,.92) 56%,
    rgba(120,255,255,.40) 61%,
    transparent 70%,
    transparent 100%)!important;
  background-size:260% 100%!important;
  background-position:-140% 50%!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
  color:transparent!important;
  opacity:0!important;
  filter:drop-shadow(0 0 8px rgba(255,255,255,.92)) drop-shadow(0 0 17px rgba(255,198,80,.78))!important;
  animation:vmV116LetterLight 1.75s cubic-bezier(.2,.72,.2,1) infinite!important;
  will-change:background-position,opacity!important;
}
.homePremiumBody .heroWow h1 .grad.vmLogoText::after,
.homePremiumBody .heroWow h1 .vmLogoText::after{
  content:"VIRTUALMIX"!important;
  position:absolute!important;
  inset:0!important;
  z-index:-1!important;
  pointer-events:none!important;
  color:transparent!important;
  -webkit-text-stroke:1px rgba(255,255,255,.035)!important;
  text-shadow:0 0 10px rgba(255,122,24,.44),0 0 20px rgba(255,57,210,.32),0 0 34px rgba(47,140,255,.22)!important;
  opacity:.72!important;
  animation:vmV116GlowPulse 1.05s ease-in-out infinite!important;
}
.homePremiumBody .heroWow .heroPlayer{
  transform:translateY(24px)!important;
}
@keyframes vmV116LogoFlow{
  0%{
    background-position:0% 50%;
    filter:hue-rotate(0deg) saturate(1.85) contrast(1.18) drop-shadow(0 0 7px rgba(255,122,24,.50)) drop-shadow(0 0 15px rgba(255,57,210,.28));
  }
  25%{
    background-position:120% 50%;
    filter:hue-rotate(70deg) saturate(2.05) contrast(1.22) drop-shadow(0 0 7px rgba(255,57,210,.48)) drop-shadow(0 0 15px rgba(47,140,255,.30));
  }
  50%{
    background-position:240% 50%;
    filter:hue-rotate(145deg) saturate(2.08) contrast(1.24) drop-shadow(0 0 7px rgba(47,140,255,.48)) drop-shadow(0 0 15px rgba(52,245,197,.28));
  }
  75%{
    background-position:360% 50%;
    filter:hue-rotate(230deg) saturate(2.02) contrast(1.22) drop-shadow(0 0 7px rgba(52,245,197,.48)) drop-shadow(0 0 15px rgba(255,178,70,.30));
  }
  100%{
    background-position:480% 50%;
    filter:hue-rotate(360deg) saturate(1.85) contrast(1.18) drop-shadow(0 0 7px rgba(255,122,24,.50)) drop-shadow(0 0 15px rgba(255,57,210,.28));
  }
}
@keyframes vmV116LetterLight{
  0%,8%{background-position:-140% 50%;opacity:0;}
  12%{opacity:1;}
  62%{background-position:115% 50%;opacity:1;}
  74%,100%{background-position:160% 50%;opacity:0;}
}
@keyframes vmV116GlowPulse{
  0%,100%{opacity:.58;text-shadow:0 0 9px rgba(255,122,24,.42),0 0 18px rgba(255,57,210,.26),0 0 30px rgba(47,140,255,.18);}
  50%{opacity:.86;text-shadow:0 0 12px rgba(255,255,255,.28),0 0 24px rgba(255,57,210,.38),0 0 38px rgba(47,140,255,.28);}
}
@media (max-width:1050px){
  .homePremiumBody .heroWow .heroPlayer{transform:translateY(10px)!important;}
}
@media (max-width:640px){
  .homePremiumBody .heroWow .heroPlayer{transform:none!important;}
}
/* VM v116 — END */

/* VM v118 — NAPRAWA TYLKO NAPISU VIRTUALMIX.
   Przywrócony mechanizm z v58, ale poprawiony: żywe kolory na literach,
   ostry tekst oraz poświata ograniczona dokładnie do napisu od V do X. */
.homePremiumBody .heroWow .heroContent h1 .grad.vmLogoText,
.homePremiumBody .heroWow h1 .grad.vmLogoText,
.homePremiumBody .heroContent h1 .vmLogoText,
.homePremiumBody h1 .vmLogoText{
  position:relative!important;
  display:inline-block!important;
  padding-right:.035em!important;
  overflow:hidden!important;
  isolation:isolate!important;
  line-height:.98!important;
  color:transparent!important;
  -webkit-text-fill-color:transparent!important;
  background-image:linear-gradient(100deg,
    #fff1b8 0%,
    #ff8a18 10%,
    #ff315f 22%,
    #ff42da 35%,
    #7d5cff 48%,
    #1d91ff 60%,
    #18f4ff 73%,
    #4cffb7 86%,
    #fff1b8 100%)!important;
  background-size:320% 100%!important;
  background-position:0% 50%!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  text-shadow:none!important;
  filter:saturate(2.25) contrast(1.28) drop-shadow(0 0 5px rgba(255,145,32,.72)) drop-shadow(0 0 15px rgba(255,55,210,.34)) drop-shadow(0 0 24px rgba(30,145,255,.26))!important;
  animation:vmV118ColorRun 2.15s linear infinite!important;
  will-change:background-position,filter!important;
  transform:translateZ(0)!important;
  -webkit-font-smoothing:antialiased!important;
  text-rendering:geometricPrecision!important;
}
.homePremiumBody .heroWow .heroContent h1 .grad.vmLogoText::before,
.homePremiumBody .heroWow h1 .grad.vmLogoText::before,
.homePremiumBody .heroContent h1 .vmLogoText::before,
.homePremiumBody h1 .vmLogoText::before{
  content:"VIRTUALMIX"!important;
  position:absolute!important;
  left:0!important;
  top:0!important;
  width:100%!important;
  height:100%!important;
  z-index:3!important;
  pointer-events:none!important;
  color:transparent!important;
  -webkit-text-fill-color:transparent!important;
  background-image:linear-gradient(100deg,
    transparent 0%,
    transparent 38%,
    rgba(255,255,255,.22) 43%,
    rgba(255,255,255,1) 49%,
    rgba(255,232,132,1) 52%,
    rgba(255,255,255,1) 55%,
    rgba(115,250,255,.42) 60%,
    transparent 67%,
    transparent 100%)!important;
  background-size:260% 100%!important;
  background-position:-135% 50%!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  filter:drop-shadow(0 0 8px rgba(255,255,255,.95)) drop-shadow(0 0 18px rgba(255,195,74,.86)) drop-shadow(0 0 30px rgba(64,220,255,.42))!important;
  opacity:0!important;
  animation:vmV118ShineLetters 2.35s ease-in-out infinite!important;
  will-change:background-position,opacity!important;
}
.homePremiumBody .heroWow .heroContent h1 .grad.vmLogoText::after,
.homePremiumBody .heroWow h1 .grad.vmLogoText::after,
.homePremiumBody .heroContent h1 .vmLogoText::after,
.homePremiumBody h1 .vmLogoText::after{
  content:"VIRTUALMIX"!important;
  position:absolute!important;
  left:0!important;
  top:0!important;
  width:100%!important;
  height:100%!important;
  z-index:-1!important;
  pointer-events:none!important;
  color:transparent!important;
  -webkit-text-fill-color:transparent!important;
  -webkit-text-stroke:1px rgba(255,255,255,.045)!important;
  text-shadow:0 0 11px rgba(255,122,24,.62),0 0 22px rgba(255,63,180,.38),0 0 36px rgba(47,140,255,.28)!important;
  opacity:.78!important;
  animation:vmV118GlowBreath 2.15s ease-in-out infinite!important;
}
@keyframes vmV118ColorRun{
  0%{background-position:0% 50%;filter:hue-rotate(0deg) saturate(2.25) contrast(1.28) drop-shadow(0 0 5px rgba(255,145,32,.72)) drop-shadow(0 0 15px rgba(255,55,210,.34)) drop-shadow(0 0 24px rgba(30,145,255,.26));}
  25%{background-position:95% 50%;filter:hue-rotate(55deg) saturate(2.45) contrast(1.32) drop-shadow(0 0 6px rgba(255,55,210,.62)) drop-shadow(0 0 16px rgba(30,145,255,.38)) drop-shadow(0 0 25px rgba(76,255,183,.26));}
  50%{background-position:190% 50%;filter:hue-rotate(125deg) saturate(2.48) contrast(1.34) drop-shadow(0 0 6px rgba(30,145,255,.62)) drop-shadow(0 0 17px rgba(76,255,183,.36)) drop-shadow(0 0 26px rgba(255,138,24,.25));}
  75%{background-position:285% 50%;filter:hue-rotate(235deg) saturate(2.42) contrast(1.32) drop-shadow(0 0 6px rgba(76,255,183,.58)) drop-shadow(0 0 16px rgba(255,138,24,.36)) drop-shadow(0 0 25px rgba(255,66,218,.26));}
  100%{background-position:380% 50%;filter:hue-rotate(360deg) saturate(2.25) contrast(1.28) drop-shadow(0 0 5px rgba(255,145,32,.72)) drop-shadow(0 0 15px rgba(255,55,210,.34)) drop-shadow(0 0 24px rgba(30,145,255,.26));}
}
@keyframes vmV118ShineLetters{
  0%,14%{background-position:-135% 50%;opacity:0;}
  19%{opacity:.96;}
  50%{background-position:50% 50%;opacity:1;}
  74%{background-position:122% 50%;opacity:.88;}
  82%,100%{background-position:135% 50%;opacity:0;}
}
@keyframes vmV118GlowBreath{
  0%,100%{opacity:.66;text-shadow:0 0 9px rgba(255,122,24,.48),0 0 18px rgba(255,63,180,.28),0 0 30px rgba(47,140,255,.20);}
  50%{opacity:.94;text-shadow:0 0 13px rgba(255,255,255,.24),0 0 26px rgba(255,63,180,.42),0 0 42px rgba(47,140,255,.32);}
}
/* VM v118 — END */

/* VM v119 — REAL FIX WYŁĄCZNIE NAPISU VIRTUALMIX.
   Efekt nie opiera się już tylko na background-clip całego tekstu.
   Każda litera ma własną szybką zmianę koloru, a poświata jest ograniczona do szerokości napisu. */
.homePremiumBody .heroWow .heroContent h1 .vmLogoText.vmLogoAnimated,
.homePremiumBody .heroWow h1 .vmLogoText.vmLogoAnimated{
  position:relative!important;
  display:inline-flex!important;
  align-items:baseline!important;
  gap:0!important;
  overflow:hidden!important;
  isolation:isolate!important;
  padding:0 .018em .025em 0!important;
  line-height:.96!important;
  background:none!important;
  -webkit-background-clip:initial!important;
  background-clip:initial!important;
  color:transparent!important;
  -webkit-text-fill-color:initial!important;
  text-shadow:none!important;
  filter:none!important;
  animation:none!important;
  transform:translateZ(0)!important;
  -webkit-font-smoothing:antialiased!important;
  text-rendering:geometricPrecision!important;
}
.homePremiumBody .heroWow .heroContent h1 .vmLogoText.vmLogoAnimated > span,
.homePremiumBody .heroWow h1 .vmLogoText.vmLogoAnimated > span{
  position:relative!important;
  z-index:2!important;
  display:inline-block!important;
  color:#ff8a18!important;
  -webkit-text-fill-color:currentColor!important;
  text-shadow:
    0 0 4px rgba(255,255,255,.18),
    0 0 10px currentColor,
    0 0 24px currentColor!important;
  filter:saturate(1.35) contrast(1.08)!important;
  animation:vmV119LetterColor 1.55s linear infinite!important;
  animation-delay:calc(var(--i) * -0.13s)!important;
  will-change:color,text-shadow,filter!important;
}
.homePremiumBody .heroWow .heroContent h1 .vmLogoText.vmLogoAnimated::before,
.homePremiumBody .heroWow h1 .vmLogoText.vmLogoAnimated::before{
  content:"VIRTUALMIX"!important;
  position:absolute!important;
  left:0!important;
  top:0!important;
  width:100%!important;
  height:100%!important;
  z-index:4!important;
  pointer-events:none!important;
  color:transparent!important;
  -webkit-text-fill-color:transparent!important;
  background-image:linear-gradient(100deg,
    transparent 0%,
    transparent 37%,
    rgba(255,255,255,.18) 43%,
    rgba(255,255,255,1) 49%,
    rgba(255,242,151,1) 52%,
    rgba(255,255,255,.98) 55%,
    rgba(80,245,255,.45) 60%,
    transparent 66%,
    transparent 100%)!important;
  background-size:220% 100%!important;
  background-position:-92% 50%!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  opacity:0!important;
  filter:
    drop-shadow(0 0 6px rgba(255,255,255,.95))
    drop-shadow(0 0 16px rgba(255,220,95,.82))
    drop-shadow(0 0 28px rgba(60,220,255,.48))!important;
  animation:vmV119LetterShine 2.05s cubic-bezier(.18,.72,.2,1) infinite!important;
  will-change:background-position,opacity!important;
}
.homePremiumBody .heroWow .heroContent h1 .vmLogoText.vmLogoAnimated::after,
.homePremiumBody .heroWow h1 .vmLogoText.vmLogoAnimated::after{
  content:""!important;
  position:absolute!important;
  z-index:1!important;
  left:0!important;
  top:16%!important;
  width:100%!important;
  height:62%!important;
  pointer-events:none!important;
  background:linear-gradient(90deg,
    rgba(255,170,40,.50),
    rgba(255,48,190,.48),
    rgba(40,150,255,.44),
    rgba(60,255,195,.38))!important;
  filter:blur(12px)!important;
  opacity:.48!important;
  animation:vmV119BackGlow 1.55s linear infinite!important;
}
@keyframes vmV119LetterColor{
  0%{color:#ffdd4a;text-shadow:0 0 4px rgba(255,255,255,.16),0 0 10px rgba(255,221,74,.90),0 0 24px rgba(255,122,24,.72);filter:saturate(1.45) contrast(1.10);}
  16%{color:#ff7a18;text-shadow:0 0 4px rgba(255,255,255,.18),0 0 10px rgba(255,122,24,.95),0 0 25px rgba(255,60,55,.72);filter:saturate(1.55) contrast(1.12);}
  32%{color:#ff35c8;text-shadow:0 0 4px rgba(255,255,255,.18),0 0 10px rgba(255,53,200,.95),0 0 25px rgba(255,53,200,.76);filter:saturate(1.58) contrast(1.12);}
  48%{color:#7a64ff;text-shadow:0 0 4px rgba(255,255,255,.18),0 0 10px rgba(122,100,255,.95),0 0 25px rgba(30,145,255,.72);filter:saturate(1.55) contrast(1.12);}
  64%{color:#23b0ff;text-shadow:0 0 4px rgba(255,255,255,.18),0 0 10px rgba(35,176,255,.95),0 0 25px rgba(35,176,255,.75);filter:saturate(1.58) contrast(1.12);}
  80%{color:#35ffc4;text-shadow:0 0 4px rgba(255,255,255,.18),0 0 10px rgba(53,255,196,.92),0 0 25px rgba(53,255,196,.65);filter:saturate(1.50) contrast(1.10);}
  100%{color:#ffdd4a;text-shadow:0 0 4px rgba(255,255,255,.16),0 0 10px rgba(255,221,74,.90),0 0 24px rgba(255,122,24,.72);filter:saturate(1.45) contrast(1.10);}
}
@keyframes vmV119LetterShine{
  0%,10%{background-position:-92% 50%;opacity:0;}
  16%{opacity:1;}
  52%{background-position:50% 50%;opacity:1;}
  82%{background-position:118% 50%;opacity:.92;}
  90%,100%{background-position:124% 50%;opacity:0;}
}
@keyframes vmV119BackGlow{
  0%{opacity:.42;transform:translateX(-3%) scaleX(.98);}
  33%{opacity:.52;transform:translateX(2%) scaleX(1.02);}
  66%{opacity:.45;transform:translateX(4%) scaleX(1);}
  100%{opacity:.42;transform:translateX(-3%) scaleX(.98);}
}
/* VM v119 — END */


/* VM v120 — FINAL REAL FIX TYLKO NAPISU VIRTUALMIX.
   Naprawa przyczyny: wcześniejsze color/filter/background-position miały !important,
   więc animacje CSS nie mogły ich nadpisać. Tu animujemy zmienne CSS używane w deklaracjach !important.
   Reszta strony bez zmian. */
@property --vmLogoColor{
  syntax: "<color>";
  inherits: false;
  initial-value: #ff8a18;
}
@property --vmLogoHue{
  syntax: "<angle>";
  inherits: false;
  initial-value: 0deg;
}
@property --vmLogoGlow{
  syntax: "<number>";
  inherits: false;
  initial-value: 1;
}
@property --vmLogoShinePos{
  syntax: "<percentage>";
  inherits: false;
  initial-value: -85%;
}
@property --vmLogoShineOpacity{
  syntax: "<number>";
  inherits: false;
  initial-value: 0;
}
.homePremiumBody .heroWow .heroContent h1 .vmLogoText.vmLogoAnimated,
.homePremiumBody .heroWow h1 .vmLogoText.vmLogoAnimated{
  position:relative!important;
  display:inline-flex!important;
  align-items:baseline!important;
  gap:0!important;
  overflow:hidden!important;
  isolation:isolate!important;
  padding:0 .012em .018em 0!important;
  line-height:.96!important;
  background:none!important;
  -webkit-background-clip:initial!important;
  background-clip:initial!important;
  color:transparent!important;
  -webkit-text-fill-color:initial!important;
  text-shadow:none!important;
  filter:none!important;
  animation:none!important;
  transform:translateZ(0)!important;
  -webkit-font-smoothing:antialiased!important;
  text-rendering:geometricPrecision!important;
}
.homePremiumBody .heroWow .heroContent h1 .vmLogoText.vmLogoAnimated > span,
.homePremiumBody .heroWow h1 .vmLogoText.vmLogoAnimated > span{
  --vmLogoColor:#ff8a18;
  --vmLogoHue:0deg;
  --vmLogoGlow:1;
  position:relative!important;
  z-index:3!important;
  display:inline-block!important;
  color:var(--vmLogoColor)!important;
  -webkit-text-fill-color:var(--vmLogoColor)!important;
  background:none!important;
  -webkit-background-clip:initial!important;
  background-clip:initial!important;
  filter:hue-rotate(var(--vmLogoHue)) saturate(2.15) contrast(1.24)!important;
  text-shadow:
    0 0 calc(2px + (var(--vmLogoGlow) * 3px)) rgba(255,255,255,.30),
    0 0 calc(8px + (var(--vmLogoGlow) * 8px)) var(--vmLogoColor),
    0 0 calc(18px + (var(--vmLogoGlow) * 16px)) var(--vmLogoColor)!important;
  animation:vmV120LetterLive 1.15s linear infinite!important;
  animation-delay:calc(var(--i) * -0.095s)!important;
  will-change:color,filter,text-shadow!important;
}
.homePremiumBody .heroWow .heroContent h1 .vmLogoText.vmLogoAnimated::before,
.homePremiumBody .heroWow h1 .vmLogoText.vmLogoAnimated::before{
  --vmLogoShinePos:-85%;
  --vmLogoShineOpacity:0;
  content:"VIRTUALMIX"!important;
  position:absolute!important;
  left:0!important;
  top:0!important;
  width:100%!important;
  height:100%!important;
  z-index:6!important;
  pointer-events:none!important;
  color:transparent!important;
  -webkit-text-fill-color:transparent!important;
  background-image:linear-gradient(100deg,
    transparent 0%,
    transparent 39%,
    rgba(255,255,255,.20) 44%,
    rgba(255,255,255,1) 49%,
    rgba(255,238,116,1) 52%,
    rgba(255,255,255,1) 55%,
    rgba(70,235,255,.42) 60%,
    transparent 66%,
    transparent 100%)!important;
  background-size:230% 100%!important;
  background-position:var(--vmLogoShinePos) 50%!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  opacity:var(--vmLogoShineOpacity)!important;
  filter:drop-shadow(0 0 7px rgba(255,255,255,.98)) drop-shadow(0 0 18px rgba(255,215,80,.90)) drop-shadow(0 0 30px rgba(55,215,255,.46))!important;
  animation:vmV120ShineOnlyLetters 2.15s cubic-bezier(.18,.72,.2,1) infinite!important;
  will-change:background-position,opacity!important;
}
.homePremiumBody .heroWow .heroContent h1 .vmLogoText.vmLogoAnimated::after,
.homePremiumBody .heroWow h1 .vmLogoText.vmLogoAnimated::after{
  content:"VIRTUALMIX"!important;
  position:absolute!important;
  left:0!important;
  top:0!important;
  width:100%!important;
  height:100%!important;
  z-index:1!important;
  pointer-events:none!important;
  color:transparent!important;
  -webkit-text-fill-color:transparent!important;
  -webkit-text-stroke:1px rgba(255,255,255,.045)!important;
  text-shadow:0 0 11px rgba(255,125,24,.62),0 0 23px rgba(255,54,205,.38),0 0 38px rgba(38,150,255,.28)!important;
  opacity:.76!important;
  background:none!important;
  filter:none!important;
  animation:vmV120BaseGlow 1.5s ease-in-out infinite!important;
}
@keyframes vmV120LetterLive{
  0%{--vmLogoColor:#ffe45a;--vmLogoHue:0deg;--vmLogoGlow:.95;}
  12%{--vmLogoColor:#ff8a18;--vmLogoHue:18deg;--vmLogoGlow:1.10;}
  24%{--vmLogoColor:#ff315c;--vmLogoHue:42deg;--vmLogoGlow:1.20;}
  36%{--vmLogoColor:#ff35d6;--vmLogoHue:80deg;--vmLogoGlow:1.12;}
  48%{--vmLogoColor:#865cff;--vmLogoHue:130deg;--vmLogoGlow:1.06;}
  60%{--vmLogoColor:#2494ff;--vmLogoHue:180deg;--vmLogoGlow:1.15;}
  72%{--vmLogoColor:#22ecff;--vmLogoHue:220deg;--vmLogoGlow:1.22;}
  84%{--vmLogoColor:#40ffc1;--vmLogoHue:290deg;--vmLogoGlow:1.08;}
  100%{--vmLogoColor:#ffe45a;--vmLogoHue:360deg;--vmLogoGlow:.95;}
}
@keyframes vmV120ShineOnlyLetters{
  0%,12%{--vmLogoShinePos:-85%;--vmLogoShineOpacity:0;}
  18%{--vmLogoShinePos:-45%;--vmLogoShineOpacity:1;}
  50%{--vmLogoShinePos:42%;--vmLogoShineOpacity:1;}
  76%{--vmLogoShinePos:105%;--vmLogoShineOpacity:.95;}
  86%,100%{--vmLogoShinePos:118%;--vmLogoShineOpacity:0;}
}
@keyframes vmV120BaseGlow{
  0%,100%{opacity:.58;text-shadow:0 0 9px rgba(255,125,24,.42),0 0 18px rgba(255,54,205,.25),0 0 30px rgba(38,150,255,.18);}
  50%{opacity:.86;text-shadow:0 0 12px rgba(255,255,255,.22),0 0 25px rgba(255,54,205,.36),0 0 42px rgba(38,150,255,.28);}
}
/* VM v120 — END */

/* VM v121 — poprawka WYŁĄCZNIE napisu VIRTUALMIX po v120.
   Cel: usunięcie efektu prostokątnego paska i lekkiej mgły, bez zmiany układu strony.
   Ruch kolorów z v120 zostaje, ale świecenie nie jest już ucinane ramką kontenera. */
.homePremiumBody .heroWow .heroContent h1 .vmLogoText.vmLogoAnimated,
.homePremiumBody .heroWow h1 .vmLogoText.vmLogoAnimated{
  overflow:visible!important;
  padding:0!important;
  background:transparent!important;
  box-shadow:none!important;
  text-shadow:none!important;
  filter:none!important;
  mix-blend-mode:normal!important;
  contain:layout style!important;
}
.homePremiumBody .heroWow .heroContent h1 .vmLogoText.vmLogoAnimated > span,
.homePremiumBody .heroWow h1 .vmLogoText.vmLogoAnimated > span{
  background:transparent!important;
  box-shadow:none!important;
  filter:hue-rotate(var(--vmLogoHue)) saturate(2.35) contrast(1.32)!important;
  text-shadow:
    0 0 calc(1px + (var(--vmLogoGlow) * 1.4px)) rgba(255,255,255,.26),
    0 0 calc(4px + (var(--vmLogoGlow) * 4px)) color-mix(in srgb, var(--vmLogoColor) 82%, transparent),
    0 0 calc(9px + (var(--vmLogoGlow) * 7px)) color-mix(in srgb, var(--vmLogoColor) 56%, transparent)!important;
  opacity:1!important;
}
.homePremiumBody .heroWow .heroContent h1 .vmLogoText.vmLogoAnimated::after,
.homePremiumBody .heroWow h1 .vmLogoText.vmLogoAnimated::after{
  display:none!important;
  content:none!important;
}
.homePremiumBody .heroWow .heroContent h1 .vmLogoText.vmLogoAnimated::before,
.homePremiumBody .heroWow h1 .vmLogoText.vmLogoAnimated::before{
  overflow:visible!important;
  background-size:170% 100%!important;
  filter:drop-shadow(0 0 4px rgba(255,255,255,.95)) drop-shadow(0 0 10px rgba(255,209,71,.72)) drop-shadow(0 0 16px rgba(60,218,255,.30))!important;
  mix-blend-mode:screen!important;
}
@keyframes vmV120ShineOnlyLetters{
  0%,14%{--vmLogoShinePos:-54%;--vmLogoShineOpacity:0;}
  20%{--vmLogoShinePos:-32%;--vmLogoShineOpacity:.95;}
  48%{--vmLogoShinePos:34%;--vmLogoShineOpacity:1;}
  72%{--vmLogoShinePos:88%;--vmLogoShineOpacity:.95;}
  82%,100%{--vmLogoShinePos:103%;--vmLogoShineOpacity:0;}
}
/* VM v121 — END */

/* VM v122 — kosmetyka WYŁĄCZNIE napisu VIRTUALMIX po v121.
   Cel: usunięcie białego błysku po lewej stronie ekranu.
   Efekt kolorów i poświaty zostaje, ale cały ruch jest przycięty do obszaru samego napisu. */
.homePremiumBody .heroWow .heroContent h1 .vmLogoText.vmLogoAnimated,
.homePremiumBody .heroWow h1 .vmLogoText.vmLogoAnimated{
  position:relative!important;
  display:inline-flex!important;
  align-items:baseline!important;
  width:max-content!important;
  max-width:max-content!important;
  overflow:hidden!important;
  clip-path:inset(-22% 0 -28% 0)!important;
  isolation:isolate!important;
  background:transparent!important;
  box-shadow:none!important;
}
.homePremiumBody .heroWow .heroContent h1 .vmLogoText.vmLogoAnimated::before,
.homePremiumBody .heroWow h1 .vmLogoText.vmLogoAnimated::before{
  left:0!important;
  right:auto!important;
  top:0!important;
  width:100%!important;
  max-width:100%!important;
  overflow:hidden!important;
  clip-path:inset(0 0 0 0)!important;
  transform:none!important;
  background-size:155% 100%!important;
  filter:drop-shadow(0 0 4px rgba(255,255,255,.88)) drop-shadow(0 0 9px rgba(255,209,71,.62)) drop-shadow(0 0 14px rgba(60,218,255,.24))!important;
}
@keyframes vmV120ShineOnlyLetters{
  0%,15%{--vmLogoShinePos:-36%;--vmLogoShineOpacity:0;}
  22%{--vmLogoShinePos:-20%;--vmLogoShineOpacity:.92;}
  48%{--vmLogoShinePos:34%;--vmLogoShineOpacity:1;}
  70%{--vmLogoShinePos:82%;--vmLogoShineOpacity:.88;}
  80%,100%{--vmLogoShinePos:98%;--vmLogoShineOpacity:0;}
}
/* VM v122 — END */

/* VM v123 — strona główna: profesjonalne dopasowanie sekcji Ramówka dziś + Facebook.
   Zakres: tylko rozmieszczenie tej jednej sekcji na index.html. */
.homeScheduleFbSection{
  padding-top:30px!important;
  padding-bottom:34px!important;
}
.homeScheduleFbSection .homeScheduleFbGrid{
  grid-template-columns:minmax(0,1.18fr) minmax(360px,.82fr)!important;
  gap:22px!important;
  align-items:stretch!important;
}
.homeScheduleFbSection .homeScheduleColumn,
.homeScheduleFbSection .homeFacebookColumn{
  grid-column:auto!important;
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
}
.homeScheduleFbSection .homeScheduleHead{
  min-height:66px!important;
  margin-bottom:14px!important;
  align-items:center!important;
}
.homeScheduleFbSection .homeScheduleHead h2{
  font-size:clamp(1.9rem,2.35vw,2.55rem)!important;
  line-height:1!important;
  margin-bottom:7px!important;
}
.homeScheduleFbSection .homeScheduleHead p{
  font-size:1rem!important;
  line-height:1.35!important;
}
.homeScheduleFbSection .homeScheduleHead .btn{
  min-height:46px!important;
  padding:11px 18px!important;
  white-space:nowrap!important;
}
.homeScheduleFbSection .embedBox:has(iframe[data-embed="scheduleToday"]){
  height:470px!important;
  min-height:470px!important;
  max-height:470px!important;
  padding:10px!important;
  border-radius:26px!important;
  flex:1 1 auto!important;
  background:
    radial-gradient(circle at 18% 0%, rgba(47,140,255,.20), transparent 42%),
    radial-gradient(circle at 88% 100%, rgba(255,63,180,.14), transparent 46%),
    linear-gradient(145deg, rgba(255,255,255,.085), rgba(255,255,255,.043))!important;
  box-shadow:0 22px 70px rgba(0,0,0,.34), 0 0 0 1px rgba(255,255,255,.05) inset!important;
}
.homeScheduleFbSection .embedBox iframe[data-embed="scheduleToday"]{
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  max-width:100%!important;
  margin:0!important;
  transform:none!important;
  border-radius:20px!important;
}
.homeScheduleFbSection .facebookSideCard{
  height:470px!important;
  min-height:470px!important;
  max-height:470px!important;
  padding:9px!important;
  border-radius:26px!important;
  overflow:hidden!important;
  flex:1 1 auto!important;
  background:
    radial-gradient(circle at 10% 0%, rgba(255,255,255,.12), transparent 36%),
    linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.055))!important;
  box-shadow:0 22px 70px rgba(0,0,0,.34), 0 0 0 1px rgba(255,255,255,.05) inset!important;
}
.homeScheduleFbSection .facebookSideCard .fbFrameSide{
  width:100%!important;
  height:452px!important;
  min-height:452px!important;
  max-height:452px!important;
  border-radius:20px!important;
}
@media (min-width:1350px){
  .homeScheduleFbSection .homeScheduleFbGrid{
    grid-template-columns:minmax(0,1.22fr) minmax(380px,.78fr)!important;
    gap:24px!important;
  }
}
@media (max-width:1050px){
  .homeScheduleFbSection .homeScheduleFbGrid{
    grid-template-columns:1fr!important;
    gap:20px!important;
  }
  .homeScheduleFbSection .homeScheduleColumn,
  .homeScheduleFbSection .homeFacebookColumn{
    grid-column:1 / -1!important;
  }
  .homeScheduleFbSection .embedBox:has(iframe[data-embed="scheduleToday"]),
  .homeScheduleFbSection .facebookSideCard{
    height:440px!important;
    min-height:440px!important;
    max-height:440px!important;
  }
  .homeScheduleFbSection .facebookSideCard .fbFrameSide{
    height:422px!important;
    min-height:422px!important;
    max-height:422px!important;
  }
}
@media (max-width:640px){
  .homeScheduleFbSection{
    padding-top:24px!important;
    padding-bottom:28px!important;
  }
  .homeScheduleFbSection .homeScheduleHead{
    min-height:0!important;
    margin-bottom:12px!important;
    align-items:flex-start!important;
  }
  .homeScheduleFbSection .embedBox:has(iframe[data-embed="scheduleToday"]){
    height:clamp(300px,74vw,370px)!important;
    min-height:0!important;
    max-height:370px!important;
    padding:8px!important;
    border-radius:22px!important;
  }
  .homeScheduleFbSection .facebookSideCard{
    height:430px!important;
    min-height:430px!important;
    max-height:430px!important;
    padding:8px!important;
    border-radius:22px!important;
  }
  .homeScheduleFbSection .facebookSideCard .fbFrameSide{
    height:414px!important;
    min-height:414px!important;
    max-height:414px!important;
    border-radius:18px!important;
  }
}
/* VM v123 — END */

/* VM v126 — HOME: Ramówka + Facebook premium fit, bez ucinania FB i bez pomarańczowej pustki */
.homePremiumBody .homeScheduleFbSection{
  padding-top:34px!important;
  padding-bottom:66px!important;
}
.homePremiumBody .homeScheduleFbSection .homeScheduleFbGrid{
  display:grid!important;
  grid-template-columns:minmax(0,1.55fr) minmax(410px,.95fr)!important;
  gap:26px!important;
  align-items:start!important;
}
.homePremiumBody .homeScheduleFbSection .homeScheduleColumn,
.homePremiumBody .homeScheduleFbSection .homeFacebookColumn{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
}
.homePremiumBody .homeScheduleFbSection .homeScheduleHead{
  min-height:0!important;
  margin-bottom:16px!important;
  align-items:flex-start!important;
}
.homePremiumBody .homeScheduleFbSection .homeScheduleHead h2{
  font-size:clamp(1.9rem,2.25vw,2.45rem)!important;
  line-height:1.02!important;
  margin:0 0 6px!important;
}
.homePremiumBody .homeScheduleFbSection .homeScheduleHead p{
  margin:0!important;
  font-size:.98rem!important;
  line-height:1.35!important;
}
.homePremiumBody .homeScheduleFbSection .homeScheduleHead .btn{
  min-height:44px!important;
  padding:10px 18px!important;
  border-radius:24px!important;
  white-space:nowrap!important;
}
.homePremiumBody .homeScheduleFbSection .embedBox:has(iframe[data-embed="scheduleToday"]){
  height:338px!important;
  min-height:338px!important;
  max-height:338px!important;
  padding:10px!important;
  border-radius:27px!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 14% 0%, rgba(47,140,255,.22), transparent 42%),
    radial-gradient(circle at 92% 100%, rgba(255,63,180,.17), transparent 48%),
    linear-gradient(145deg, rgba(255,255,255,.095), rgba(255,255,255,.045))!important;
  border:1px solid rgba(255,255,255,.16)!important;
  box-shadow:0 22px 68px rgba(0,0,0,.36), 0 0 0 1px rgba(255,255,255,.055) inset!important;
}
.homePremiumBody .homeScheduleFbSection .embedBox iframe[data-embed="scheduleToday"]{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  max-width:100%!important;
  margin:0!important;
  transform:none!important;
  border:0!important;
  border-radius:21px!important;
  background:transparent!important;
}
.homePremiumBody .homeScheduleFbSection .facebookSideCard{
  height:620px!important;
  min-height:620px!important;
  max-height:620px!important;
  padding:10px!important;
  border-radius:27px!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 12% 0%, rgba(255,255,255,.14), transparent 38%),
    linear-gradient(180deg, rgba(255,255,255,.105), rgba(255,255,255,.052))!important;
  border:1px solid rgba(255,255,255,.16)!important;
  box-shadow:0 22px 68px rgba(0,0,0,.36), 0 0 0 1px rgba(255,255,255,.055) inset!important;
}
.homePremiumBody .homeScheduleFbSection .facebookSideCard .fbFrameSide{
  display:block!important;
  width:100%!important;
  height:600px!important;
  min-height:600px!important;
  max-height:600px!important;
  border:0!important;
  border-radius:21px!important;
  background:#fff!important;
}
@media (min-width:1500px){
  .homePremiumBody .homeScheduleFbSection .homeScheduleFbGrid{
    grid-template-columns:minmax(0,1.62fr) minmax(430px,.92fr)!important;
    gap:28px!important;
  }
  .homePremiumBody .homeScheduleFbSection .embedBox:has(iframe[data-embed="scheduleToday"]){
    height:354px!important;
    min-height:354px!important;
    max-height:354px!important;
  }
}
@media (max-width:1180px){
  .homePremiumBody .homeScheduleFbSection .homeScheduleFbGrid{
    grid-template-columns:minmax(0,1.45fr) minmax(380px,.95fr)!important;
    gap:22px!important;
  }
  .homePremiumBody .homeScheduleFbSection .facebookSideCard{
    height:590px!important;
    min-height:590px!important;
    max-height:590px!important;
  }
  .homePremiumBody .homeScheduleFbSection .facebookSideCard .fbFrameSide{
    height:570px!important;
    min-height:570px!important;
    max-height:570px!important;
  }
}
@media (max-width:1050px){
  .homePremiumBody .homeScheduleFbSection .homeScheduleFbGrid{
    grid-template-columns:1fr!important;
    gap:28px!important;
  }
  .homePremiumBody .homeScheduleFbSection .homeScheduleColumn,
  .homePremiumBody .homeScheduleFbSection .homeFacebookColumn{
    grid-column:1 / -1!important;
  }
  .homePremiumBody .homeScheduleFbSection .embedBox:has(iframe[data-embed="scheduleToday"]){
    height:350px!important;
    min-height:350px!important;
    max-height:350px!important;
  }
  .homePremiumBody .homeScheduleFbSection .facebookSideCard{
    height:620px!important;
    min-height:620px!important;
    max-height:620px!important;
  }
  .homePremiumBody .homeScheduleFbSection .facebookSideCard .fbFrameSide{
    height:600px!important;
    min-height:600px!important;
    max-height:600px!important;
  }
}
@media (max-width:640px){
  .homePremiumBody .homeScheduleFbSection{
    padding-top:28px!important;
    padding-bottom:42px!important;
  }
  .homePremiumBody .homeScheduleFbSection .homeScheduleHead{
    gap:12px!important;
  }
  .homePremiumBody .homeScheduleFbSection .embedBox:has(iframe[data-embed="scheduleToday"]){
    height:clamp(258px,68vw,330px)!important;
    min-height:0!important;
    max-height:330px!important;
    padding:8px!important;
    border-radius:22px!important;
  }
  .homePremiumBody .homeScheduleFbSection .facebookSideCard{
    height:560px!important;
    min-height:560px!important;
    max-height:560px!important;
    padding:8px!important;
    border-radius:22px!important;
  }
  .homePremiumBody .homeScheduleFbSection .facebookSideCard .fbFrameSide{
    height:544px!important;
    min-height:544px!important;
    max-height:544px!important;
    border-radius:18px!important;
  }
}
/* VM v126 — END */


/* VM v127 — HOME: Ramówka + Facebook, poprawka proporcji bez dziur i bez ucinania FB */
.homePremiumBody .homeScheduleFbSection{
  padding-top:36px!important;
  padding-bottom:54px!important;
}
.homePremiumBody .homeScheduleFbSection .homeScheduleFbGrid{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 540px!important;
  gap:28px!important;
  align-items:start!important;
}
.homePremiumBody .homeScheduleFbSection .homeScheduleColumn,
.homePremiumBody .homeScheduleFbSection .homeFacebookColumn{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
}
.homePremiumBody .homeScheduleFbSection .homeScheduleHead{
  min-height:0!important;
  margin-bottom:14px!important;
  align-items:flex-start!important;
}
.homePremiumBody .homeScheduleFbSection .homeScheduleHead h2{
  font-size:clamp(2rem,2.2vw,2.42rem)!important;
  line-height:1.02!important;
  margin:0 0 6px!important;
}
.homePremiumBody .homeScheduleFbSection .homeScheduleHead p{
  margin:0!important;
  font-size:.98rem!important;
  line-height:1.38!important;
}
.homePremiumBody .homeScheduleFbSection .homeScheduleHead .btn{
  min-height:44px!important;
  padding:10px 19px!important;
  border-radius:24px!important;
  white-space:nowrap!important;
}
.homePremiumBody .homeScheduleFbSection .embedBox:has(iframe[data-embed="scheduleToday"]){
  height:392px!important;
  min-height:392px!important;
  max-height:392px!important;
  padding:10px!important;
  border-radius:28px!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 16% 0%, rgba(47,140,255,.23), transparent 42%),
    radial-gradient(circle at 92% 100%, rgba(255,63,180,.18), transparent 48%),
    linear-gradient(145deg, rgba(255,255,255,.095), rgba(255,255,255,.045))!important;
  border:1px solid rgba(255,255,255,.16)!important;
  box-shadow:0 22px 68px rgba(0,0,0,.36), 0 0 0 1px rgba(255,255,255,.055) inset!important;
}
.homePremiumBody .homeScheduleFbSection .embedBox iframe[data-embed="scheduleToday"]{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  max-width:100%!important;
  margin:0!important;
  transform:none!important;
  border:0!important;
  border-radius:22px!important;
  background:transparent!important;
}
.homePremiumBody .homeScheduleFbSection .facebookSideCard{
  height:542px!important;
  min-height:542px!important;
  max-height:542px!important;
  padding:10px!important;
  border-radius:28px!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 12% 0%, rgba(255,255,255,.14), transparent 38%),
    linear-gradient(180deg, rgba(255,255,255,.105), rgba(255,255,255,.052))!important;
  border:1px solid rgba(255,255,255,.16)!important;
  box-shadow:0 22px 68px rgba(0,0,0,.36), 0 0 0 1px rgba(255,255,255,.055) inset!important;
}
.homePremiumBody .homeScheduleFbSection .facebookSideCard .fbFrameSide{
  display:block!important;
  width:500px!important;
  max-width:100%!important;
  height:522px!important;
  min-height:522px!important;
  max-height:522px!important;
  margin:0 auto!important;
  border:0!important;
  border-radius:22px!important;
  background:#fff!important;
}
.homePremiumBody .stackSafe{
  margin-top:8px!important;
}
@media (min-width:1500px){
  .homePremiumBody .homeScheduleFbSection .homeScheduleFbGrid{
    grid-template-columns:minmax(0,1fr) 540px!important;
    gap:30px!important;
  }
  .homePremiumBody .homeScheduleFbSection .embedBox:has(iframe[data-embed="scheduleToday"]){
    height:406px!important;
    min-height:406px!important;
    max-height:406px!important;
  }
}
@media (max-width:1180px){
  .homePremiumBody .homeScheduleFbSection .homeScheduleFbGrid{
    grid-template-columns:minmax(0,1fr) 520px!important;
    gap:24px!important;
  }
  .homePremiumBody .homeScheduleFbSection .facebookSideCard{
    height:532px!important;
    min-height:532px!important;
    max-height:532px!important;
  }
  .homePremiumBody .homeScheduleFbSection .facebookSideCard .fbFrameSide{
    height:512px!important;
    min-height:512px!important;
    max-height:512px!important;
  }
}
@media (max-width:1050px){
  .homePremiumBody .homeScheduleFbSection .homeScheduleFbGrid{
    grid-template-columns:1fr!important;
    gap:28px!important;
  }
  .homePremiumBody .homeScheduleFbSection .homeScheduleColumn,
  .homePremiumBody .homeScheduleFbSection .homeFacebookColumn{
    grid-column:1 / -1!important;
  }
  .homePremiumBody .homeScheduleFbSection .embedBox:has(iframe[data-embed="scheduleToday"]){
    height:390px!important;
    min-height:390px!important;
    max-height:390px!important;
  }
  .homePremiumBody .homeScheduleFbSection .facebookSideCard{
    height:542px!important;
    min-height:542px!important;
    max-height:542px!important;
  }
  .homePremiumBody .homeScheduleFbSection .facebookSideCard .fbFrameSide{
    height:522px!important;
    min-height:522px!important;
    max-height:522px!important;
  }
}
@media (max-width:640px){
  .homePremiumBody .homeScheduleFbSection{
    padding-top:28px!important;
    padding-bottom:42px!important;
  }
  .homePremiumBody .homeScheduleFbSection .homeScheduleHead{
    gap:12px!important;
  }
  .homePremiumBody .homeScheduleFbSection .embedBox:has(iframe[data-embed="scheduleToday"]){
    height:clamp(278px,72vw,350px)!important;
    min-height:0!important;
    max-height:350px!important;
    padding:8px!important;
    border-radius:22px!important;
  }
  .homePremiumBody .homeScheduleFbSection .facebookSideCard{
    height:520px!important;
    min-height:520px!important;
    max-height:520px!important;
    padding:8px!important;
    border-radius:22px!important;
  }
  .homePremiumBody .homeScheduleFbSection .facebookSideCard .fbFrameSide{
    width:500px!important;
    max-width:100%!important;
    height:504px!important;
    min-height:504px!important;
    max-height:504px!important;
    border-radius:18px!important;
  }
}
/* VM v127 — END */

/* VM v128 — HOME PREMIUM: układ masonry Ramówka/Czat + Facebook/Wydarzenia, bez dziur i bez ucinania modułów */
.homePremiumBody .homeMasonryPremiumSection{
  padding-top:34px!important;
  padding-bottom:64px!important;
}
.homePremiumBody .homeMasonryPremiumGrid{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 520px!important;
  gap:28px!important;
  align-items:start!important;
}
.homePremiumBody .homeMasonryLeft,
.homePremiumBody .homeMasonryRight{
  min-width:0!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:28px!important;
  align-content:start!important;
}
.homePremiumBody .homeMasonryPremiumSection .homeScheduleHead{
  margin-bottom:14px!important;
  align-items:flex-start!important;
  gap:16px!important;
}
.homePremiumBody .homeMasonryPremiumSection .homeScheduleHead h2{
  font-size:clamp(2rem,2.2vw,2.42rem)!important;
  line-height:1.02!important;
  margin:0 0 6px!important;
}
.homePremiumBody .homeMasonryPremiumSection .homeScheduleHead p{
  margin:0!important;
  font-size:.98rem!important;
  line-height:1.38!important;
}
.homePremiumBody .homeMasonryPremiumSection .homeScheduleHead .btn{
  min-height:44px!important;
  padding:10px 19px!important;
  border-radius:24px!important;
  white-space:nowrap!important;
}
.homePremiumBody .homeMasonryPremiumSection .embedBox:has(iframe[data-embed="scheduleToday"]){
  height:315px!important;
  min-height:315px!important;
  max-height:315px!important;
  padding:10px!important;
  border-radius:28px!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 16% 0%, rgba(47,140,255,.23), transparent 42%),
    radial-gradient(circle at 92% 100%, rgba(255,63,180,.18), transparent 48%),
    linear-gradient(145deg, rgba(255,255,255,.095), rgba(255,255,255,.045))!important;
  border:1px solid rgba(255,255,255,.16)!important;
  box-shadow:0 22px 68px rgba(0,0,0,.36), 0 0 0 1px rgba(255,255,255,.055) inset!important;
}
.homePremiumBody .homeMasonryPremiumSection .embedBox iframe[data-embed="scheduleToday"]{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  max-width:100%!important;
  margin:0!important;
  transform:none!important;
  border:0!important;
  border-radius:22px!important;
  background:transparent!important;
}
.homePremiumBody .homeMasonryPremiumSection .facebookSideCard{
  height:660px!important;
  min-height:660px!important;
  max-height:660px!important;
  padding:10px!important;
  border-radius:28px!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 12% 0%, rgba(255,255,255,.14), transparent 38%),
    linear-gradient(180deg, rgba(255,255,255,.105), rgba(255,255,255,.052))!important;
  border:1px solid rgba(255,255,255,.16)!important;
  box-shadow:0 22px 68px rgba(0,0,0,.36), 0 0 0 1px rgba(255,255,255,.055) inset!important;
}
.homePremiumBody .homeMasonryPremiumSection .facebookSideCard .fbFrameSide{
  display:block!important;
  width:500px!important;
  max-width:100%!important;
  height:640px!important;
  min-height:640px!important;
  max-height:640px!important;
  margin:0 auto!important;
  border:0!important;
  border-radius:22px!important;
  background:#fff!important;
}
.homePremiumBody .homeChatPremiumCard,
.homePremiumBody .homeEventsPremiumCard{
  min-height:0!important;
}
.homePremiumBody .homeChatPremiumCard .embedBox.small{
  height:430px!important;
}
.homePremiumBody .homeEventsPremiumCard .eventsList{
  max-height:360px!important;
}
.homePremiumBody .stackSafe{
  display:none!important;
}
@media (min-width:1500px){
  .homePremiumBody .homeMasonryPremiumGrid{
    grid-template-columns:minmax(0,1fr) 540px!important;
    gap:30px!important;
  }
  .homePremiumBody .homeMasonryPremiumSection .embedBox:has(iframe[data-embed="scheduleToday"]){
    height:330px!important;
    min-height:330px!important;
    max-height:330px!important;
  }
}
@media (max-width:1180px){
  .homePremiumBody .homeMasonryPremiumGrid{
    grid-template-columns:minmax(0,1fr) 500px!important;
    gap:24px!important;
  }
  .homePremiumBody .homeMasonryPremiumSection .facebookSideCard{
    height:640px!important;
    min-height:640px!important;
    max-height:640px!important;
  }
  .homePremiumBody .homeMasonryPremiumSection .facebookSideCard .fbFrameSide{
    height:620px!important;
    min-height:620px!important;
    max-height:620px!important;
  }
}
@media (max-width:1050px){
  .homePremiumBody .homeMasonryPremiumGrid{
    grid-template-columns:1fr!important;
    gap:28px!important;
  }
  .homePremiumBody .homeMasonryLeft,
  .homePremiumBody .homeMasonryRight{
    gap:28px!important;
  }
  .homePremiumBody .homeMasonryPremiumSection .embedBox:has(iframe[data-embed="scheduleToday"]){
    height:330px!important;
    min-height:330px!important;
    max-height:330px!important;
  }
  .homePremiumBody .homeMasonryPremiumSection .facebookSideCard{
    height:660px!important;
    min-height:660px!important;
    max-height:660px!important;
  }
  .homePremiumBody .homeMasonryPremiumSection .facebookSideCard .fbFrameSide{
    height:640px!important;
    min-height:640px!important;
    max-height:640px!important;
  }
}
@media (max-width:640px){
  .homePremiumBody .homeMasonryPremiumSection{
    padding-top:28px!important;
    padding-bottom:46px!important;
  }
  .homePremiumBody .homeMasonryPremiumSection .homeScheduleHead{
    gap:12px!important;
    flex-direction:column!important;
  }
  .homePremiumBody .homeMasonryPremiumSection .embedBox:has(iframe[data-embed="scheduleToday"]){
    height:clamp(278px,72vw,350px)!important;
    min-height:0!important;
    max-height:350px!important;
    padding:8px!important;
    border-radius:22px!important;
  }
  .homePremiumBody .homeMasonryPremiumSection .facebookSideCard{
    height:560px!important;
    min-height:560px!important;
    max-height:560px!important;
    padding:8px!important;
    border-radius:22px!important;
  }
  .homePremiumBody .homeMasonryPremiumSection .facebookSideCard .fbFrameSide{
    width:500px!important;
    max-width:100%!important;
    height:544px!important;
    min-height:544px!important;
    max-height:544px!important;
    border-radius:18px!important;
  }
  .homePremiumBody .homeChatPremiumCard .embedBox.small{
    height:390px!important;
  }
}
/* VM v128 — END */


/* VM v129 — HOME PREMIUM: dopasowanie czatu i wydarzeń bez ruszania układu */
.homePremiumBody .homeChatPremiumCard{
  padding:24px 24px 18px!important;
  overflow:hidden!important;
}
.homePremiumBody .homeChatPremiumCard h2{
  margin-bottom:10px!important;
}
.homePremiumBody .homeChatPremiumCard p{
  margin:0 0 16px!important;
}
.homePremiumBody .homeChatPremiumCard .embedBox.small{
  height:510px!important;
  min-height:510px!important;
  max-height:510px!important;
  border-radius:24px!important;
  overflow:hidden!important;
}
.homePremiumBody .homeChatPremiumCard .embedBox.small iframe[data-embed="chat"]{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:100%!important;
  border:0!important;
}
.homePremiumBody .homeEventsPremiumCard{
  padding:24px!important;
  min-height:430px!important;
  overflow:hidden!important;
}
.homePremiumBody .homeEventsPremiumCard .eventsHead{
  margin-bottom:16px!important;
}
.homePremiumBody .homeEventsPremiumCard .eventsList{
  max-height:315px!important;
  min-height:285px!important;
  overflow:auto!important;
  padding-right:6px!important;
  scrollbar-width:thin!important;
}
.homePremiumBody .homeEventsPremiumCard .eventItem{
  min-height:92px!important;
}
@media (min-width:1500px){
  .homePremiumBody .homeChatPremiumCard .embedBox.small{
    height:540px!important;
    min-height:540px!important;
    max-height:540px!important;
  }
  .homePremiumBody .homeEventsPremiumCard{
    min-height:450px!important;
  }
  .homePremiumBody .homeEventsPremiumCard .eventsList{
    max-height:335px!important;
    min-height:305px!important;
  }
}
@media (max-width:1180px){
  .homePremiumBody .homeChatPremiumCard .embedBox.small{
    height:500px!important;
    min-height:500px!important;
    max-height:500px!important;
  }
  .homePremiumBody .homeEventsPremiumCard .eventsList{
    max-height:305px!important;
    min-height:275px!important;
  }
}
@media (max-width:640px){
  .homePremiumBody .homeChatPremiumCard .embedBox.small{
    height:440px!important;
    min-height:440px!important;
    max-height:440px!important;
  }
  .homePremiumBody .homeEventsPremiumCard{
    min-height:auto!important;
  }
  .homePremiumBody .homeEventsPremiumCard .eventsList{
    max-height:none!important;
    min-height:0!important;
  }
}
/* VM v129 — END */


/* VM v130 — HOME EVENTS: 3 widoczne wpisy + scroll powyżej 3 */
.homePremiumBody .homeEventsPremiumCard{
  min-height:560px!important;
  padding:24px!important;
  overflow:hidden!important;
}
.homePremiumBody .homeEventsPremiumCard .eventsList{
  max-height:405px!important;
  min-height:405px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding-right:8px!important;
  display:grid!important;
  gap:12px!important;
  align-content:start!important;
  scrollbar-width:thin!important;
}
.homePremiumBody .homeEventsPremiumCard .eventItem{
  min-height:118px!important;
  padding:14px!important;
  align-items:flex-start!important;
}
.homePremiumBody .homeEventsPremiumCard .eventText{
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
}
.homePremiumBody .homeEventsPremiumCard .eventTitle{
  line-height:1.18!important;
}
@media (min-width:1500px){
  .homePremiumBody .homeEventsPremiumCard{min-height:580px!important;}
  .homePremiumBody .homeEventsPremiumCard .eventsList{max-height:425px!important;min-height:425px!important;}
}
@media (max-width:1180px){
  .homePremiumBody .homeEventsPremiumCard{min-height:540px!important;}
  .homePremiumBody .homeEventsPremiumCard .eventsList{max-height:385px!important;min-height:385px!important;}
  .homePremiumBody .homeEventsPremiumCard .eventItem{min-height:112px!important;}
}
@media (max-width:640px){
  .homePremiumBody .homeEventsPremiumCard{min-height:auto!important;}
  .homePremiumBody .homeEventsPremiumCard .eventsList{max-height:none!important;min-height:0!important;}
  .homePremiumBody .homeEventsPremiumCard .eventText{-webkit-line-clamp:unset!important;}
}
/* VM v130 — END */

/* VirtualMix v131 — bezpieczny panel wydarzeń */
.vmEventsLoginModal{position:fixed;inset:0;z-index:95;display:none;align-items:center;justify-content:flex-end;padding:22px;background:rgba(0,0,0,.38);backdrop-filter:blur(10px)}
.vmEventsLoginModal.open{display:flex}
.vmEventsLoginBox{position:relative;width:min(390px,calc(100vw - 34px));border:1px solid var(--line);border-radius:26px;background:linear-gradient(180deg,rgba(18,24,45,.96),rgba(11,15,31,.96));box-shadow:0 32px 100px rgba(0,0,0,.55);padding:24px;margin-right:78px}
.vmEventsLoginBox h3{font-size:1.45rem;margin:0 0 8px;letter-spacing:-.03em}
.vmEventsLoginBox p{margin:0 0 16px;color:var(--muted);line-height:1.5}
.vmEventsLoginBox input{width:100%;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.08);color:#fff;padding:13px 14px;outline:0}
.vmEventsLoginActions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.vmEventsLoginClose{position:absolute;top:12px;right:12px;width:34px;height:34px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.08);color:#fff;font-size:1.25rem;line-height:1;cursor:pointer}
.eventsFormActions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.eventsPasswordBox{margin-top:26px;padding-top:22px;border-top:1px solid var(--line)}
.eventsPasswordBox h3{margin-bottom:6px}
.eventAdminItem{gap:14px}
.eventAdminActions{display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap}
.eventEdit{border:1px solid rgba(52,245,197,.28);background:rgba(52,245,197,.10);color:#fff;border-radius:999px;padding:9px 12px;font-weight:800;cursor:pointer}
.eventEdit:hover{background:rgba(52,245,197,.18)}
@media (max-width:1050px){.vmEventsLoginModal{justify-content:center}.vmEventsLoginBox{margin-right:0}}
@media (max-width:640px){.vmEventsLoginModal{padding:14px}.vmEventsLoginBox{padding:20px}.eventAdminActions{grid-column:1 / -1;justify-content:flex-start}}


/* VirtualMix v134 — mniejszy górny kafelek strony zarządzania wydarzeniami */
.eventsAdminBody .subHero{
  padding:22px 0 8px!important;
}
.eventsAdminBody .subHero .card{
  min-height:0!important;
  padding:26px 28px!important;
  border-radius:24px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:18px!important;
  align-items:center!important;
}
.eventsAdminBody .subHero h1{
  font-size:clamp(2.25rem,3.6vw,3.55rem)!important;
  line-height:.96!important;
  letter-spacing:-.055em!important;
  margin:0 0 8px!important;
  max-width:820px!important;
}
.eventsAdminBody .subHero .lead{
  font-size:1rem!important;
  line-height:1.45!important;
  margin:0!important;
  max-width:760px!important;
}
.eventsAdminBody .subHero .actions{
  align-self:center!important;
}
@media (max-width:1050px){
  .eventsAdminBody .subHero .card{
    grid-template-columns:1fr!important;
    padding:22px!important;
  }
  .eventsAdminBody .subHero h1{
    font-size:clamp(2rem,7vw,3rem)!important;
  }
}
@media (max-width:640px){
  .eventsAdminBody .subHero{
    padding:16px 0 6px!important;
  }
  .eventsAdminBody .subHero h1{
    font-size:clamp(1.8rem,10vw,2.55rem)!important;
  }
}


/* VM v135 — banery pod czatem + panel admina banerów */
.vmBannerHomeCard{
  margin-top:18px;
  padding:0!important;
  overflow:hidden;
  min-height:210px;
  position:relative;
}
.vmBannerStage{
  min-height:210px;
  position:relative;
  overflow:hidden;
  isolation:isolate;
}
.vmBannerLoading,.vmBannerEmpty{
  min-height:210px;
  display:grid;
  place-items:center;
  color:var(--muted);
  padding:24px;
  text-align:center;
}
.vmHomeBanner{
  min-height:210px;
  display:grid;
  grid-template-columns:minmax(0,1fr) 148px;
  gap:20px;
  align-items:center;
  padding:24px;
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 12% 18%,rgba(255,122,24,.25),transparent 34%),
    radial-gradient(circle at 88% 18%,rgba(47,140,255,.26),transparent 36%),
    linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.035));
}
.vmHomeBanner:before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.10) 46%,transparent 62%);
  transform:translateX(-120%);
  animation:vmBannerLight 5.8s ease-in-out infinite;
  pointer-events:none;
}
@keyframes vmBannerLight{0%,18%{transform:translateX(-120%)}55%,100%{transform:translateX(120%)}}
.vmHomeBannerContent{position:relative;z-index:1;min-width:0}.vmHomeBannerKicker{display:inline-flex;align-items:center;gap:8px;color:var(--d);font-weight:900;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;margin-bottom:8px}.vmHomeBannerKicker:before{content:"★";color:#fff}.vmHomeBanner h3{font-size:1.55rem;line-height:1.1;margin:0 0 10px}.vmHomeBannerText{color:var(--muted);font-size:1.02rem;line-height:1.58;max-width:640px}.vmHomeBannerText strong{color:#fff}.vmHomeBannerBtn{margin-top:16px}.vmHomeBannerMedia{position:relative;z-index:1;width:148px;height:148px;border-radius:30px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(255,122,24,.24),rgba(47,140,255,.20));border:1px solid rgba(255,255,255,.16);box-shadow:0 18px 48px rgba(0,0,0,.28);overflow:hidden}.vmHomeBannerMedia img{width:100%;height:100%;object-fit:cover}.vmHomeBannerMediaIcon{font-size:4.4rem;filter:drop-shadow(0 12px 30px rgba(0,0,0,.35))}.vmBannerStage[data-effect="fade"] .vmHomeBanner{animation:vmBannerFade .55s ease both}.vmBannerStage[data-effect="slide-left"] .vmHomeBanner{animation:vmBannerSlideLeft .55s cubic-bezier(.2,.8,.2,1) both}.vmBannerStage[data-effect="slide-right"] .vmHomeBanner{animation:vmBannerSlideRight .55s cubic-bezier(.2,.8,.2,1) both}.vmBannerStage[data-effect="slide-up"] .vmHomeBanner{animation:vmBannerSlideUp .55s cubic-bezier(.2,.8,.2,1) both}.vmBannerStage[data-effect="zoom"] .vmHomeBanner{animation:vmBannerZoom .55s cubic-bezier(.2,.8,.2,1) both}@keyframes vmBannerFade{from{opacity:0}to{opacity:1}}@keyframes vmBannerSlideLeft{from{opacity:0;transform:translateX(34px)}to{opacity:1;transform:translateX(0)}}@keyframes vmBannerSlideRight{from{opacity:0;transform:translateX(-34px)}to{opacity:1;transform:translateX(0)}}@keyframes vmBannerSlideUp{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}@keyframes vmBannerZoom{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}
.vmBannersAdminSection{padding-top:0}.vmBannerSettingsGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.vmBannersAdminList{margin-top:18px}.vmBannerAdminItem{align-items:center}.vmBannerThumb{width:62px;height:62px;border-radius:18px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(135deg,rgba(255,122,24,.22),rgba(47,140,255,.18));border:1px solid rgba(255,255,255,.14);font-size:1.8rem;flex:0 0 auto}.vmBannerThumb img{width:100%;height:100%;object-fit:cover}.vmBannerBadge{display:inline-flex;color:var(--d);font-size:.74rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.vmBannerBadge.off{color:rgba(255,255,255,.42)}.vmBannerPreviewHtml{color:var(--muted);line-height:1.45;margin:4px 0 0}.vmBannerPreviewHtml strong{color:#fff}.vmBannerAdminActions{display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap}.vmBannerAdminActions button{border:1px solid var(--line);background:rgba(255,255,255,.08);color:#fff;border-radius:999px;padding:10px 14px;font-weight:800;cursor:pointer}.vmBannerAdminActions .vmBannerEdit{background:rgba(52,245,197,.16);border-color:rgba(52,245,197,.35)}
@media(max-width:900px){.vmHomeBanner{grid-template-columns:1fr}.vmHomeBannerMedia{width:112px;height:112px}.vmBannerSettingsGrid{grid-template-columns:1fr}}


/* VM v137 — tło banera + ustawienia w stopce */
.vmHomeBanner.hasBg{
  background:
    linear-gradient(90deg,rgba(4,8,22,.88) 0%,rgba(4,8,22,.70) 43%,rgba(4,8,22,.36) 100%),
    var(--vm-banner-bg) center/cover no-repeat!important;
}
.vmHomeBanner.hasBg:after{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 16% 20%,rgba(255,122,24,.22),transparent 34%),radial-gradient(circle at 86% 50%,rgba(47,140,255,.24),transparent 38%);
  pointer-events:none;
  z-index:0;
}
.vmHomeBanner.hasBg .vmHomeBannerContent,
.vmHomeBanner.hasBg .vmHomeBannerMedia{z-index:2;}
.vmHomeBanner.hasBg .vmHomeBannerText{color:rgba(255,255,255,.88);text-shadow:0 2px 14px rgba(0,0,0,.45);}
.vmHomeBanner.hasBg h3{text-shadow:0 3px 20px rgba(0,0,0,.55);}
.vmHomeBannerMedia img{object-fit:contain!important;background:rgba(3,8,20,.28);}
.vmHomeBanner.hasBg .vmHomeBannerMedia{background:rgba(4,8,22,.38);backdrop-filter:blur(8px);}
.vmBannerBgInfo{margin:3px 0 4px;color:rgba(52,245,197,.85);font-size:.76rem;font-weight:800;word-break:break-all;}
.footer button#vmEventsAdminOpen{
  border:0;background:transparent;color:inherit;font:inherit;padding:0;cursor:pointer;text-decoration:none;
}
.footer button#vmEventsAdminOpen:hover{color:#fff;text-decoration:underline;}


/* VM v138 — bezpieczna nakładka startowa czatu XAT */
.homePremiumBody .vmChatGateBox{
  position:relative!important;
  overflow:hidden!important;
  background:#060b1d!important;
}
.homePremiumBody .vmChatGateBox iframe[data-embed="chat"]{
  display:block!important;
  width:100%!important;
  height:100%!important;
  border:0!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transition:opacity .35s ease,visibility .35s ease!important;
}
.homePremiumBody .vmChatGateBox.vmChatGateOpen iframe[data-embed="chat"]{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}
.vmChatGateCover{
  position:absolute;
  inset:0;
  z-index:5;
  display:grid;
  place-items:center;
  cursor:pointer;
  overflow:hidden;
  background:#070a5d;
  isolation:isolate;
}
.vmChatGateCover img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  z-index:0;
  filter:saturate(1.08) contrast(1.05);
  transform:scale(1.01);
}
.vmChatGateShade{
  position:absolute;
  inset:0;
  z-index:1;
  background:
    radial-gradient(circle at 50% 45%,rgba(255,255,255,.08),transparent 35%),
    linear-gradient(180deg,rgba(4,8,24,.08),rgba(4,8,24,.72));
}
.vmChatGateContent{
  position:relative;
  z-index:2;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:10px;
  text-align:center;
  padding:24px;
  border-radius:28px;
  background:rgba(5,9,28,.44);
  border:1px solid rgba(255,255,255,.20);
  box-shadow:0 28px 80px rgba(0,0,0,.42);
  backdrop-filter:blur(10px);
}
.vmChatGateKicker{
  color:var(--d);
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.10em;
  font-size:.78rem;
}
.vmChatGateContent strong{
  font-size:clamp(1.85rem,4vw,3rem);
  line-height:1;
  letter-spacing:-.05em;
  text-shadow:0 4px 28px rgba(0,0,0,.48);
}
.vmChatGateContent small{
  color:rgba(255,255,255,.82);
  font-size:.96rem;
  margin-bottom:4px;
}
.vmChatGateCover:hover .vmChatGateContent,
.vmChatGateCover:focus-visible .vmChatGateContent{
  transform:translateY(-2px);
  border-color:rgba(255,255,255,.32);
}
.vmChatGateBox.vmChatGateOpen .vmChatGateCover{
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:scale(1.02);
  transition:opacity .36s ease,visibility .36s ease,transform .36s ease;
}
@media(max-width:640px){
  .vmChatGateContent{padding:18px;border-radius:22px;max-width:calc(100% - 28px)}
  .vmChatGateContent strong{font-size:2rem}
}
/* VM v138 — END */


/* VM v139 — mniejszy hero/kafelek strony Lista przebojów */
.chartBody .subHero{
  padding:22px 0 8px!important;
}
.chartBody .subHero .card{
  min-height:0!important;
  padding:24px 28px!important;
  border-radius:24px!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:18px!important;
  align-items:center!important;
}
.chartBody .subHero h1{
  font-size:clamp(2.1rem,3.35vw,3.35rem)!important;
  line-height:.98!important;
  letter-spacing:-.055em!important;
  margin:0 0 9px!important;
}
.chartBody .subHero .lead{
  font-size:1rem!important;
  line-height:1.45!important;
  margin:0!important;
  max-width:720px!important;
}
.chartBody .subHero .kicker{
  padding:7px 12px!important;
  font-size:.95rem!important;
  margin-bottom:8px!important;
}
.chartBody .subHero .actions{
  align-self:center!important;
}
@media (max-width:1050px){
  .chartBody .subHero .card{
    grid-template-columns:1fr!important;
    padding:22px!important;
  }
  .chartBody .subHero h1{
    font-size:clamp(2rem,7vw,3rem)!important;
  }
}
@media (max-width:640px){
  .chartBody .subHero{
    padding:16px 0 6px!important;
  }
  .chartBody .subHero h1{
    font-size:clamp(1.8rem,10vw,2.5rem)!important;
  }
}

/* VM v140 — ujednolicenie nagłówków podstron z odsłuchem */
.chartBody .subHero,
.scheduleBody .schedulePage .subHero{
  padding-top:18px!important;
  padding-bottom:8px!important;
}
.chartBody .subHero .card,
.scheduleBody .schedulePage .subHero .card{
  min-height:106px!important;
  padding:13px 22px 14px!important;
  border-radius:22px!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:18px!important;
  align-items:center!important;
}
.chartBody .subHero .kicker,
.scheduleBody .schedulePage .subHero .kicker{
  display:none!important;
}
.chartBody .subHero h1,
.scheduleBody .schedulePage .subHero h1{
  font-size:clamp(1.65rem,2.2vw,2.08rem)!important;
  line-height:1.02!important;
  margin:0 0 6px!important;
  letter-spacing:-.045em!important;
  max-width:980px!important;
}
.chartBody .subHero .lead,
.scheduleBody .schedulePage .subHero .lead{
  font-size:.88rem!important;
  line-height:1.38!important;
  max-width:980px!important;
  margin:0!important;
}
.chartBody .subHero .actions .btn,
.scheduleBody .schedulePage .subHero .actions .btn{
  padding:10px 16px!important;
  font-size:.9rem!important;
}
@media (max-width:1050px){
  .chartBody .subHero .card,
  .scheduleBody .schedulePage .subHero .card{
    grid-template-columns:1fr!important;
    padding:18px!important;
  }
}
@media (max-width:640px){
  .chartBody .subHero,
  .scheduleBody .schedulePage .subHero{
    padding-top:14px!important;
  }
  .chartBody .subHero h1,
  .scheduleBody .schedulePage .subHero h1{
    font-size:clamp(1.45rem,7vw,1.95rem)!important;
  }
  .chartBody .subHero .lead,
  .scheduleBody .schedulePage .subHero .lead{
    font-size:.9rem!important;
  }
}


/* VM v142 — strona główna: delikatne dopasowanie playera do lewej części HERO.
   Zakres tylko .homePremiumBody .heroPlayer.
   Bez ruszania logiki pobierania danych, animacji logo VIRTUALMIX ani pracy equalizera. */
@media (min-width:1051px){
  .homePremiumBody .heroWow.page{
    grid-template-columns:minmax(0,1fr) minmax(430px,468px)!important;
    gap:32px!important;
    align-items:center!important;
  }

  .homePremiumBody .heroPlayer{
    width:100%!important;
    max-width:468px!important;
    min-height:306px!important;
    justify-self:end!important;
    top:-8px!important;
    padding:20px 22px 17px!important;
    box-sizing:border-box!important;
  }

  .homePremiumBody .heroPlayer .liveTop{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 96px!important;
    gap:18px!important;
    align-items:start!important;
    min-height:104px!important;
  }

  .homePremiumBody .heroPlayer .avatar{
    width:96px!important;
    height:96px!important;
    border-radius:24px!important;
  }

  .homePremiumBody .heroPlayer .now{
    min-width:0!important;
    overflow:visible!important;
    padding-top:1px!important;
  }

  .homePremiumBody .heroPlayer .now strong,
  .homePremiumBody .heroPlayer .now span[data-broadcast]{
    display:grid!important;
    grid-template-columns:112px minmax(0,1fr)!important;
    gap:10px!important;
    align-items:center!important;
    width:100%!important;
    min-width:0!important;
    min-height:30px!important;
    overflow:visible!important;
    white-space:nowrap!important;
  }

  .homePremiumBody .heroPlayer .vm-info-label{
    width:112px!important;
    min-width:112px!important;
    max-width:112px!important;
    overflow:visible!important;
    white-space:nowrap!important;
    letter-spacing:.115em!important;
    font-size:.70rem!important;
    line-height:28px!important;
    height:28px!important;
  }

  .homePremiumBody .heroPlayer .vmMarquee{
    min-width:0!important;
    width:100%!important;
  }

  .homePremiumBody .heroPlayer .meter{
    width:calc(100% - 86px)!important;
    margin:12px 0 8px 78px!important;
  }

  .homePremiumBody .heroPlayer .chips{
    margin-top:11px!important;
  }
}
/* VM v142 — END */

/* VM v143 — HOME: dopracowanie Ramówka/Facebook premium, równe osadzenie i większa czytelność ramówki.
   Zakres tylko sekcja .homeMasonryPremiumSection, bez ruszania playera, logo, czatu i logiki. */
.homePremiumBody .homeMasonryPremiumSection{
  padding-top:32px!important;
}
.homePremiumBody .homeMasonryPremiumGrid{
  grid-template-columns:minmax(0,1fr) 526px!important;
  gap:30px!important;
}
.homePremiumBody .homeMasonryPremiumSection .homeScheduleHead{
  margin-bottom:13px!important;
}
.homePremiumBody .homeMasonryPremiumSection .homeScheduleHead h2{
  font-size:clamp(2.04rem,2.28vw,2.50rem)!important;
}
.homePremiumBody .homeMasonryPremiumSection .embedBox:has(iframe[data-embed="scheduleToday"]){
  height:348px!important;
  min-height:348px!important;
  max-height:348px!important;
  padding:12px!important;
  border-radius:27px!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 18% 0%, rgba(47,140,255,.20), transparent 42%),
    radial-gradient(circle at 92% 100%, rgba(255,63,180,.17), transparent 48%),
    linear-gradient(145deg, rgba(255,255,255,.105), rgba(255,255,255,.045))!important;
}
.homePremiumBody .homeMasonryPremiumSection .embedBox iframe[data-embed="scheduleToday"]{
  border-radius:21px!important;
  overflow:hidden!important;
}
.homePremiumBody .homeMasonryPremiumSection .facebookSideCard{
  height:678px!important;
  min-height:678px!important;
  max-height:678px!important;
  padding:12px!important;
  border-radius:27px!important;
  overflow:hidden!important;
}
.homePremiumBody .homeMasonryPremiumSection .facebookSideCard .fbFrameSide{
  width:100%!important;
  max-width:100%!important;
  height:654px!important;
  min-height:654px!important;
  max-height:654px!important;
  margin:0!important;
  border-radius:20px!important;
  overflow:hidden!important;
}
@media (min-width:1500px){
  .homePremiumBody .homeMasonryPremiumGrid{
    grid-template-columns:minmax(0,1fr) 540px!important;
  }
  .homePremiumBody .homeMasonryPremiumSection .embedBox:has(iframe[data-embed="scheduleToday"]){
    height:360px!important;
    min-height:360px!important;
    max-height:360px!important;
  }
  .homePremiumBody .homeMasonryPremiumSection .facebookSideCard{
    height:690px!important;
    min-height:690px!important;
    max-height:690px!important;
  }
  .homePremiumBody .homeMasonryPremiumSection .facebookSideCard .fbFrameSide{
    height:666px!important;
    min-height:666px!important;
    max-height:666px!important;
  }
}
@media (max-width:1180px){
  .homePremiumBody .homeMasonryPremiumGrid{
    grid-template-columns:minmax(0,1fr) 500px!important;
    gap:24px!important;
  }
  .homePremiumBody .homeMasonryPremiumSection .embedBox:has(iframe[data-embed="scheduleToday"]){
    height:342px!important;
    min-height:342px!important;
    max-height:342px!important;
  }
  .homePremiumBody .homeMasonryPremiumSection .facebookSideCard{
    height:658px!important;
    min-height:658px!important;
    max-height:658px!important;
  }
  .homePremiumBody .homeMasonryPremiumSection .facebookSideCard .fbFrameSide{
    height:634px!important;
    min-height:634px!important;
    max-height:634px!important;
  }
}
@media (max-width:1050px){
  .homePremiumBody .homeMasonryPremiumGrid{
    grid-template-columns:1fr!important;
  }
  .homePremiumBody .homeMasonryPremiumSection .embedBox:has(iframe[data-embed="scheduleToday"]){
    height:350px!important;
    min-height:350px!important;
    max-height:350px!important;
  }
  .homePremiumBody .homeMasonryPremiumSection .facebookSideCard{
    height:678px!important;
    min-height:678px!important;
    max-height:678px!important;
  }
  .homePremiumBody .homeMasonryPremiumSection .facebookSideCard .fbFrameSide{
    height:654px!important;
    min-height:654px!important;
    max-height:654px!important;
  }
}
@media (max-width:640px){
  .homePremiumBody .homeMasonryPremiumSection .embedBox:has(iframe[data-embed="scheduleToday"]){
    height:clamp(290px,74vw,352px)!important;
    min-height:0!important;
    max-height:352px!important;
    padding:9px!important;
    border-radius:23px!important;
  }
  .homePremiumBody .homeMasonryPremiumSection .facebookSideCard{
    height:570px!important;
    min-height:570px!important;
    max-height:570px!important;
    padding:9px!important;
    border-radius:23px!important;
  }
  .homePremiumBody .homeMasonryPremiumSection .facebookSideCard .fbFrameSide{
    height:552px!important;
    min-height:552px!important;
    max-height:552px!important;
    border-radius:18px!important;
  }
}
/* VM v143 — END */


/* VM v144 — precyzyjne osadzenie Ramówka/Facebook na stronie głównej
   Tylko sekcja .homeMasonryPremiumSection. Bez ruszania playera, logo i logiki. */
.homePremiumBody .homeMasonryPremiumSection{
  padding-top:38px!important;
}
.homePremiumBody .homeMasonryPremiumGrid{
  grid-template-columns:minmax(0,1.42fr) minmax(460px,.95fr)!important;
  gap:30px!important;
  align-items:start!important;
}
.homePremiumBody .homeMasonryPremiumSection .homeScheduleHead{
  margin-bottom:16px!important;
  align-items:flex-start!important;
}
.homePremiumBody .homeMasonryPremiumSection .homeScheduleHead h2{
  font-size:clamp(2.08rem,2.35vw,2.58rem)!important;
  line-height:1.02!important;
  margin:0 0 7px!important;
}
.homePremiumBody .homeMasonryPremiumSection .homeScheduleHead p{
  font-size:1.03rem!important;
  line-height:1.45!important;
}
.homePremiumBody .homeMasonryPremiumSection .homeScheduleHead .btn{
  margin-top:0!important;
  flex:0 0 auto!important;
}
.homePremiumBody .homeMasonryPremiumSection .embedBox:has(iframe[data-embed="scheduleToday"]){
  height:354px!important;
  min-height:354px!important;
  max-height:354px!important;
  padding:16px!important;
  border-radius:28px!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 18% 4%, rgba(47,140,255,.20), transparent 42%),
    radial-gradient(circle at 92% 100%, rgba(255,63,180,.18), transparent 48%),
    linear-gradient(145deg, rgba(255,255,255,.105), rgba(255,255,255,.048))!important;
}
.homePremiumBody .homeMasonryPremiumSection .embedBox iframe[data-embed="scheduleToday"]{
  display:block!important;
  width:100%!important;
  height:100%!important;
  margin:0!important;
  border-radius:22px!important;
  overflow:hidden!important;
  background:transparent!important;
}
.homePremiumBody .homeMasonryPremiumSection .facebookSideCard{
  height:682px!important;
  min-height:682px!important;
  max-height:682px!important;
  padding:16px!important;
  border-radius:28px!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 20% 0%, rgba(47,140,255,.16), transparent 42%),
    radial-gradient(circle at 90% 100%, rgba(255,63,180,.14), transparent 46%),
    linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.052))!important;
}
.homePremiumBody .homeMasonryPremiumSection .facebookSideCard .fbFrameSide{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:650px!important;
  min-height:650px!important;
  max-height:650px!important;
  margin:0!important;
  border-radius:22px!important;
  overflow:hidden!important;
  background:#fff!important;
}
@media (min-width:1500px){
  .homePremiumBody .homeMasonryPremiumGrid{grid-template-columns:minmax(0,1.45fr) minmax(500px,.95fr)!important;gap:32px!important;}
  .homePremiumBody .homeMasonryPremiumSection .embedBox:has(iframe[data-embed="scheduleToday"]){height:366px!important;min-height:366px!important;max-height:366px!important;padding:16px!important;}
  .homePremiumBody .homeMasonryPremiumSection .facebookSideCard{height:690px!important;min-height:690px!important;max-height:690px!important;padding:16px!important;}
  .homePremiumBody .homeMasonryPremiumSection .facebookSideCard .fbFrameSide{height:658px!important;min-height:658px!important;max-height:658px!important;}
}
@media (max-width:1180px){
  .homePremiumBody .homeMasonryPremiumGrid{grid-template-columns:minmax(0,1fr) 500px!important;gap:24px!important;}
  .homePremiumBody .homeMasonryPremiumSection .embedBox:has(iframe[data-embed="scheduleToday"]){height:350px!important;min-height:350px!important;max-height:350px!important;padding:14px!important;}
  .homePremiumBody .homeMasonryPremiumSection .facebookSideCard{height:666px!important;min-height:666px!important;max-height:666px!important;padding:14px!important;}
  .homePremiumBody .homeMasonryPremiumSection .facebookSideCard .fbFrameSide{height:638px!important;min-height:638px!important;max-height:638px!important;}
}
@media (max-width:1050px){
  .homePremiumBody .homeMasonryPremiumGrid{grid-template-columns:1fr!important;gap:26px!important;}
  .homePremiumBody .homeMasonryPremiumSection .embedBox:has(iframe[data-embed="scheduleToday"]){height:354px!important;min-height:354px!important;max-height:354px!important;}
  .homePremiumBody .homeMasonryPremiumSection .facebookSideCard{height:682px!important;min-height:682px!important;max-height:682px!important;}
  .homePremiumBody .homeMasonryPremiumSection .facebookSideCard .fbFrameSide{height:650px!important;min-height:650px!important;max-height:650px!important;}
}
@media (max-width:640px){
  .homePremiumBody .homeMasonryPremiumSection .embedBox:has(iframe[data-embed="scheduleToday"]){height:clamp(292px,76vw,354px)!important;min-height:0!important;max-height:354px!important;padding:10px!important;border-radius:23px!important;}
  .homePremiumBody .homeMasonryPremiumSection .facebookSideCard{height:570px!important;min-height:570px!important;max-height:570px!important;padding:10px!important;border-radius:23px!important;}
  .homePremiumBody .homeMasonryPremiumSection .facebookSideCard .fbFrameSide{height:550px!important;min-height:550px!important;max-height:550px!important;border-radius:18px!important;}
}
/* VM v144 — END */


/* VM v145 — dopasowanie Facebook/Czat: równe marginesy bez ruszania ramówki */
.homePremiumBody .homeMasonryPremiumGrid{
  grid-template-columns:minmax(0,1fr) 552px!important;
  gap:30px!important;
  align-items:start!important;
}
.homePremiumBody .homeMasonryPremiumSection .facebookSideCard{
  height:632px!important;
  min-height:632px!important;
  max-height:632px!important;
  padding:16px!important;
  border-radius:28px!important;
  overflow:hidden!important;
}
.homePremiumBody .homeMasonryPremiumSection .facebookSideCard .fbFrameSide{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:600px!important;
  min-height:600px!important;
  max-height:600px!important;
  margin:0!important;
  border:0!important;
  border-radius:22px!important;
  overflow:hidden!important;
  background:#fff!important;
}
.homePremiumBody .homeChatPremiumCard{
  padding:24px!important;
  overflow:hidden!important;
}
.homePremiumBody .homeChatPremiumCard .embedBox.small{
  margin:18px 0 0!important;
  height:510px!important;
  min-height:510px!important;
  max-height:510px!important;
  border-radius:24px!important;
  overflow:hidden!important;
}
@media (min-width:1500px){
  .homePremiumBody .homeMasonryPremiumGrid{
    grid-template-columns:minmax(0,1fr) 560px!important;
    gap:32px!important;
  }
  .homePremiumBody .homeMasonryPremiumSection .facebookSideCard{
    height:632px!important;
    min-height:632px!important;
    max-height:632px!important;
    padding:16px!important;
  }
  .homePremiumBody .homeMasonryPremiumSection .facebookSideCard .fbFrameSide{
    height:600px!important;
    min-height:600px!important;
    max-height:600px!important;
  }
}
@media (max-width:1180px){
  .homePremiumBody .homeMasonryPremiumGrid{
    grid-template-columns:minmax(0,1fr) 540px!important;
    gap:24px!important;
  }
  .homePremiumBody .homeMasonryPremiumSection .facebookSideCard{
    height:632px!important;
    min-height:632px!important;
    max-height:632px!important;
    padding:16px!important;
  }
  .homePremiumBody .homeMasonryPremiumSection .facebookSideCard .fbFrameSide{
    height:600px!important;
    min-height:600px!important;
    max-height:600px!important;
  }
}
@media (max-width:1050px){
  .homePremiumBody .homeMasonryPremiumGrid{
    grid-template-columns:1fr!important;
    gap:26px!important;
  }
  .homePremiumBody .homeMasonryPremiumSection .facebookSideCard{
    height:632px!important;
    min-height:632px!important;
    max-height:632px!important;
  }
  .homePremiumBody .homeMasonryPremiumSection .facebookSideCard .fbFrameSide{
    height:600px!important;
    min-height:600px!important;
    max-height:600px!important;
  }
}
@media (max-width:640px){
  .homePremiumBody .homeMasonryPremiumSection .facebookSideCard{
    height:570px!important;
    min-height:570px!important;
    max-height:570px!important;
    padding:10px!important;
    border-radius:23px!important;
  }
  .homePremiumBody .homeMasonryPremiumSection .facebookSideCard .fbFrameSide{
    height:550px!important;
    min-height:550px!important;
    max-height:550px!important;
    border-radius:18px!important;
  }
  .homePremiumBody .homeChatPremiumCard{
    padding:20px!important;
  }
}
/* VM v145 — END */


/* VM v146 — HOME PREMIUM: finalne wyrównanie FB + Czat/Wydarzenia bez ruszania Ramówki */
.homePremiumBody .homeMasonryPremiumSection .facebookSideCard{
  height:684px!important;
  min-height:684px!important;
  max-height:684px!important;
  padding:12px!important;
  border-radius:28px!important;
  overflow:hidden!important;
}
.homePremiumBody .homeMasonryPremiumSection .facebookSideCard .fbFrameSide{
  display:block!important;
  width:520px!important;
  max-width:100%!important;
  height:660px!important;
  min-height:660px!important;
  max-height:660px!important;
  margin:0 auto!important;
  border:0!important;
  border-radius:22px!important;
  background:#fff!important;
}
.homePremiumBody .homeChatPremiumCard{
  padding:14px!important;
  border-radius:28px!important;
  overflow:hidden!important;
}
.homePremiumBody .homeChatPremiumCard h2{
  margin:0 0 8px!important;
  padding:12px 10px 0!important;
}
.homePremiumBody .homeChatPremiumCard p{
  margin:0 0 14px!important;
  padding:0 10px!important;
}
.homePremiumBody .homeChatPremiumCard .embedBox.small{
  width:100%!important;
  height:510px!important;
  min-height:510px!important;
  max-height:510px!important;
  margin:0!important;
  border-radius:22px!important;
  overflow:hidden!important;
}
.homePremiumBody .homeEventsPremiumCard{
  padding:14px!important;
  border-radius:28px!important;
  overflow:hidden!important;
}
.homePremiumBody .homeEventsPremiumCard .eventsHead{
  margin:0 0 14px!important;
  padding:12px 10px 0!important;
}
.homePremiumBody .homeEventsPremiumCard .eventsList{
  width:100%!important;
  margin:0!important;
  padding:0!important;
}
@media (min-width:1500px){
  .homePremiumBody .homeMasonryPremiumGrid{
    grid-template-columns:minmax(0,1fr) 560px!important;
  }
  .homePremiumBody .homeMasonryPremiumSection .facebookSideCard .fbFrameSide{
    width:536px!important;
  }
}
@media (max-width:1180px){
  .homePremiumBody .homeMasonryPremiumSection .facebookSideCard{
    height:664px!important;
    min-height:664px!important;
    max-height:664px!important;
  }
  .homePremiumBody .homeMasonryPremiumSection .facebookSideCard .fbFrameSide{
    height:640px!important;
    min-height:640px!important;
    max-height:640px!important;
  }
}
@media (max-width:640px){
  .homePremiumBody .homeMasonryPremiumSection .facebookSideCard{
    height:568px!important;
    min-height:568px!important;
    max-height:568px!important;
    padding:8px!important;
  }
  .homePremiumBody .homeMasonryPremiumSection .facebookSideCard .fbFrameSide{
    height:552px!important;
    min-height:552px!important;
    max-height:552px!important;
    width:500px!important;
  }
  .homePremiumBody .homeChatPremiumCard,
  .homePremiumBody .homeEventsPremiumCard{
    padding:10px!important;
  }
}
/* VM v146 — END */


/* VM v148 — baner pod czatem: równe osadzenie, avatar bez tła, sterowanie slajdami */
.homePremiumBody .vmBannerHomeCard{
  margin-top:0!important;
  padding:0!important;
  min-height:236px!important;
  height:236px!important;
  overflow:hidden!important;
}
.homePremiumBody .vmBannerStage{
  min-height:236px!important;
  height:236px!important;
}
.homePremiumBody .vmHomeBanner{
  min-height:236px!important;
  height:236px!important;
  padding:24px!important;
  align-items:center!important;
}
.vmHomeBanner.noMedia{grid-template-columns:1fr!important;}
.vmHomeBannerMedia,
.vmHomeBanner.hasBg .vmHomeBannerMedia{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}
.vmHomeBannerMedia img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  background:transparent!important;
  border:0!important;
}
.vmBannerNav{
  position:absolute!important;
  left:50%!important;
  right:auto!important;
  bottom:26px!important;
  top:auto!important;
  transform:translateX(-50%)!important;
  z-index:8!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  padding:7px 10px!important;
  border:1px solid rgba(255,255,255,.13)!important;
  border-radius:999px!important;
  background:rgba(6,10,25,.46)!important;
  backdrop-filter:blur(16px)!important;
  box-shadow:0 14px 38px rgba(0,0,0,.22)!important;
}
.vmBannerArrow{
  width:30px!important;
  height:30px!important;
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.14)!important;
  background:rgba(255,255,255,.08)!important;
  color:#fff!important;
  font-weight:900!important;
  cursor:pointer!important;
  display:grid!important;
  place-items:center!important;
  line-height:1!important;
}
.vmBannerArrow:hover{background:rgba(255,255,255,.16)!important;}
.vmBannerDots{display:flex!important;align-items:center!important;gap:6px!important;}
.vmBannerDot{
  width:8px!important;
  height:8px!important;
  border-radius:999px!important;
  border:0!important;
  padding:0!important;
  background:rgba(255,255,255,.35)!important;
  cursor:pointer!important;
}
.vmBannerDot.active{
  width:18px!important;
  background:linear-gradient(90deg,var(--a),var(--d))!important;
  box-shadow:0 0 15px rgba(52,245,197,.28)!important;
}
@media(max-width:640px){
  .homePremiumBody .vmBannerHomeCard,
  .homePremiumBody .vmBannerStage,
  .homePremiumBody .vmHomeBanner{min-height:250px!important;height:250px!important;}
  .vmBannerNav{left:50%!important;right:auto!important;bottom:14px!important;transform:translateX(-50%)!important;}
  .vmBannerArrow{width:28px!important;height:28px!important;}
}
/* VM v148 — END */



/* VM v150 — style tła banera: tylko gdy nie ma grafiki tła */
.vmHomeBanner.bgTransparent:not(.hasBg){
  background:transparent!important;
}
.vmHomeBanner.bgAurora:not(.hasBg){
  background:
    radial-gradient(circle at 15% 20%,rgba(255,143,38,.38),transparent 34%),
    radial-gradient(circle at 82% 26%,rgba(57,126,255,.34),transparent 36%),
    linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.035))!important;
}
.vmHomeBanner.bgNeon:not(.hasBg){
  background:
    radial-gradient(circle at 20% 38%,rgba(0,245,212,.32),transparent 32%),
    radial-gradient(circle at 78% 44%,rgba(255,64,129,.32),transparent 34%),
    linear-gradient(135deg,rgba(24,34,62,.94),rgba(47,39,75,.86))!important;
}
.vmHomeBanner.bgSunset:not(.hasBg){
  background:
    radial-gradient(circle at 18% 20%,rgba(255,178,74,.46),transparent 35%),
    radial-gradient(circle at 85% 70%,rgba(59,130,246,.32),transparent 40%),
    linear-gradient(135deg,rgba(255,116,0,.30),rgba(112,53,117,.42),rgba(25,45,88,.38))!important;
}
.vmHomeBanner.bgGlass:not(.hasBg){
  background:
    linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.035)),
    radial-gradient(circle at 30% 20%,rgba(255,139,38,.22),transparent 35%),
    radial-gradient(circle at 80% 75%,rgba(82,150,255,.20),transparent 40%)!important;
}
.vmHomeBanner.bgRainbow:not(.hasBg){
  background:
    linear-gradient(120deg,rgba(255,94,94,.30),rgba(255,185,45,.27),rgba(49,224,137,.23),rgba(63,169,255,.25),rgba(169,89,255,.28))!important;
}



/* VM v151 — baner: stała wysokość, limit tekstu, strzałki na hover, realne style tła */
.homePremiumBody .vmBannerHomeCard{
  min-height:236px!important;
  height:236px!important;
  overflow:hidden!important;
}
.homePremiumBody .vmBannerStage{
  min-height:236px!important;
  height:236px!important;
  overflow:hidden!important;
}
.homePremiumBody .vmHomeBanner{
  min-height:236px!important;
  height:236px!important;
  max-height:236px!important;
  overflow:hidden!important;
  padding:24px!important;
  align-items:center!important;
}
.homePremiumBody .vmHomeBannerContent{
  min-width:0!important;
  max-width:100%!important;
}
.homePremiumBody .vmHomeBanner h3{
  display:-webkit-box!important;
  -webkit-line-clamp:1!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  max-width:100%!important;
}
.homePremiumBody .vmHomeBannerText{
  display:-webkit-box!important;
  -webkit-line-clamp:3!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  max-height:4.8em!important;
}
.homePremiumBody .vmHomeBannerBtn{
  margin-top:14px!important;
}
.homePremiumBody .vmBannerNav{
  left:50%!important;
  right:auto!important;
  bottom:18px!important;
  top:auto!important;
  transform:translate(-50%, 8px)!important;
  opacity:0!important;
  pointer-events:none!important;
  transition:opacity .24s ease, transform .24s ease!important;
  padding:5px 8px!important;
  gap:6px!important;
  z-index:10!important;
}
.homePremiumBody .vmBannerHomeCard:hover .vmBannerNav,
.homePremiumBody .vmBannerHomeCard:focus-within .vmBannerNav,
.homePremiumBody .vmBannerStage:hover .vmBannerNav,
.homePremiumBody .vmBannerStage:focus-within .vmBannerNav{
  opacity:1!important;
  pointer-events:auto!important;
  transform:translate(-50%, 0)!important;
}
.homePremiumBody .vmBannerArrow{
  width:24px!important;
  height:24px!important;
  font-size:15px!important;
}
.homePremiumBody .vmBannerDot{
  width:6px!important;
  height:6px!important;
}
.homePremiumBody .vmBannerDot.active{
  width:14px!important;
}

/* tło z wyboru działa tylko gdy nie ma grafiki tła */
.homePremiumBody .vmHomeBanner.bgTransparent:not(.hasBg){
  background:transparent!important;
}
.homePremiumBody .vmHomeBanner.bgAurora:not(.hasBg){
  background:
    radial-gradient(circle at 15% 20%,rgba(255,143,38,.42),transparent 34%),
    radial-gradient(circle at 82% 26%,rgba(57,126,255,.36),transparent 36%),
    linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.035))!important;
}
.homePremiumBody .vmHomeBanner.bgNeon:not(.hasBg){
  background:
    radial-gradient(circle at 20% 38%,rgba(0,245,212,.36),transparent 32%),
    radial-gradient(circle at 78% 44%,rgba(255,64,129,.34),transparent 34%),
    linear-gradient(135deg,rgba(24,34,62,.94),rgba(47,39,75,.86))!important;
}
.homePremiumBody .vmHomeBanner.bgSunset:not(.hasBg){
  background:
    radial-gradient(circle at 18% 20%,rgba(255,178,74,.50),transparent 35%),
    radial-gradient(circle at 85% 70%,rgba(59,130,246,.34),transparent 40%),
    linear-gradient(135deg,rgba(255,116,0,.34),rgba(112,53,117,.44),rgba(25,45,88,.40))!important;
}
.homePremiumBody .vmHomeBanner.bgGlass:not(.hasBg){
  background:
    linear-gradient(135deg,rgba(255,255,255,.13),rgba(255,255,255,.035)),
    radial-gradient(circle at 30% 20%,rgba(255,139,38,.24),transparent 35%),
    radial-gradient(circle at 80% 75%,rgba(82,150,255,.22),transparent 40%)!important;
}
.homePremiumBody .vmHomeBanner.bgRainbow:not(.hasBg){
  background:
    linear-gradient(120deg,rgba(255,94,94,.32),rgba(255,185,45,.30),rgba(49,224,137,.26),rgba(63,169,255,.28),rgba(169,89,255,.32))!important;
}
@media(max-width:640px){
  .homePremiumBody .vmBannerHomeCard,
  .homePremiumBody .vmBannerStage,
  .homePremiumBody .vmHomeBanner{
    min-height:250px!important;
    height:250px!important;
    max-height:250px!important;
  }
  .homePremiumBody .vmHomeBannerText{
    -webkit-line-clamp:4!important;
    max-height:6.3em!important;
  }
}



/* VM v152 — mocniejsze i zapamiętywane style tła banerów */
.homePremiumBody .vmHomeBanner.bgAurora:not(.hasBg){
  background:
    radial-gradient(circle at 12% 18%, rgba(255,137,26,.78), transparent 31%),
    radial-gradient(circle at 80% 18%, rgba(0,198,255,.56), transparent 34%),
    radial-gradient(circle at 66% 82%, rgba(174,62,255,.42), transparent 42%),
    linear-gradient(135deg, rgba(255,122,24,.34), rgba(35,68,145,.48), rgba(81,35,104,.42))!important;
}
.homePremiumBody .vmHomeBanner.bgNeon:not(.hasBg){
  background:
    radial-gradient(circle at 16% 40%, rgba(0,255,214,.68), transparent 30%),
    radial-gradient(circle at 82% 42%, rgba(255,43,144,.62), transparent 33%),
    radial-gradient(circle at 50% 105%, rgba(101,80,255,.48), transparent 45%),
    linear-gradient(135deg, rgba(8,18,42,.96), rgba(43,28,75,.92))!important;
}
.homePremiumBody .vmHomeBanner.bgSunset:not(.hasBg){
  background:
    radial-gradient(circle at 16% 18%, rgba(255,196,66,.82), transparent 33%),
    radial-gradient(circle at 74% 28%, rgba(255,94,24,.62), transparent 35%),
    radial-gradient(circle at 88% 82%, rgba(0,152,255,.48), transparent 42%),
    linear-gradient(135deg, rgba(255,116,0,.48), rgba(111,45,119,.46), rgba(22,46,95,.46))!important;
}
.homePremiumBody .vmHomeBanner.bgGlass:not(.hasBg){
  background:
    linear-gradient(135deg, rgba(255,255,255,.20), rgba(255,255,255,.045)),
    radial-gradient(circle at 24% 24%, rgba(255,150,45,.38), transparent 36%),
    radial-gradient(circle at 82% 72%, rgba(82,160,255,.36), transparent 42%),
    linear-gradient(135deg, rgba(20,28,55,.88), rgba(55,47,88,.82))!important;
}
.homePremiumBody .vmHomeBanner.bgRainbow:not(.hasBg){
  background:
    linear-gradient(118deg,
      rgba(255,63,93,.54) 0%,
      rgba(255,171,47,.52) 22%,
      rgba(37,224,138,.44) 44%,
      rgba(49,168,255,.48) 66%,
      rgba(173,80,255,.52) 100%)!important;
}
.homePremiumBody .vmHomeBanner.bgOcean:not(.hasBg){
  background:
    radial-gradient(circle at 18% 26%, rgba(0,224,255,.62), transparent 34%),
    radial-gradient(circle at 85% 68%, rgba(0,92,255,.52), transparent 42%),
    linear-gradient(135deg, rgba(0,38,92,.88), rgba(9,77,140,.78), rgba(20,25,65,.88))!important;
}
.homePremiumBody .vmHomeBanner.bgFire:not(.hasBg){
  background:
    radial-gradient(circle at 18% 24%, rgba(255,226,80,.72), transparent 31%),
    radial-gradient(circle at 72% 52%, rgba(255,78,0,.62), transparent 38%),
    linear-gradient(135deg, rgba(110,28,20,.90), rgba(255,112,0,.40), rgba(48,24,56,.86))!important;
}
.homePremiumBody .vmHomeBanner.bgViolet:not(.hasBg){
  background:
    radial-gradient(circle at 22% 22%, rgba(255,92,220,.58), transparent 34%),
    radial-gradient(circle at 80% 70%, rgba(92,121,255,.52), transparent 42%),
    linear-gradient(135deg, rgba(42,24,82,.94), rgba(92,39,121,.72), rgba(20,35,82,.86))!important;
}


/* Wspólny standard PREMIUM dla wszystkich podstron */

.page-header,
.subpage-hero,
.pageHero,
.heroBox{
    min-height:170px !important;
}

.page-header h1,
.subpage-hero h1,
.pageHero h1,
.heroBox h1{
    font-size:3.55rem !important;
    line-height:1.05 !important;
    font-weight:800 !important;
}

.page-header p,
.subpage-hero p,
.pageHero p,
.heroBox p{
    margin-top:10px !important;
}



/* VM_V155_REAL_SUBPAGE_HEADERS */
/* Jeden realny standard nagłówków podstron: Odsłuch, Ramówka, Lista, Pozdrowienia, Czat, Live, Kontakt, Ekipa, Regulamin, Wydarzenia */
body:not(.homePremiumBody) main > .page.subHero{
  padding-top:32px!important;
  padding-bottom:16px!important;
}

body:not(.homePremiumBody) main > .page.subHero > .card{
  min-height:134px!important;
  padding:23px 30px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:20px!important;
}

body:not(.homePremiumBody) main > .page.subHero h1{
  font-size:clamp(2.10rem,3.3vw,2.88rem)!important;
  line-height:1.04!important;
  margin:0!important;
  letter-spacing:-.04em!important;
  font-weight:900!important;
}

body:not(.homePremiumBody) main > .page.subHero .lead,
body:not(.homePremiumBody) main > .page.subHero p{
  font-size:1.04rem!important;
  line-height:1.48!important;
  margin:10px 0 0!important;
  max-width:780px!important;
}

body:not(.homePremiumBody) main > .page.subHero .actions{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  flex-wrap:wrap!important;
  justify-content:flex-end!important;
}

@media(max-width:780px){
  body:not(.homePremiumBody) main > .page.subHero{
    padding-top:22px!important;
    padding-bottom:12px!important;
  }
  body:not(.homePremiumBody) main > .page.subHero > .card{
  min-height:134px!important;
  padding:23px 30px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:20px!important;
}
  body:not(.homePremiumBody) main > .page.subHero h1{
  font-size:clamp(2.10rem,3.3vw,2.88rem)!important;
  line-height:1.04!important;
  margin:0!important;
  letter-spacing:-.04em!important;
  font-weight:900!important;
}
}







/* VM_V159_LISTEN_GREETINGS_BAR_REAL_FIX */
/* TYLKO odsłuch: rozciągnięcie i pionowe wycentrowanie paska pozdrowień */
.listenBody main > .page.subHero > .card{
  display:block!important;
}

.listenBody main > .page.subHero > .card > div{
  width:100%!important;
  max-width:none!important;
}

.listenBody .listenHeroTools{
  width:100%!important;
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:12px!important;
  margin-top:13px!important;
}

.listenBody .listenHeroTools .listenGreetingsOnline,
.listenBody .listenGreetingsOnline{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:48px!important;
  margin:0!important;
  padding:6px 8px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  align-self:center!important;
  box-sizing:border-box!important;
  border-radius:18px!important;
}

.listenBody .listenHeroTools .listenGreetingsFrameWrap,
.listenBody .listenGreetingsFrameWrap{
  width:100%!important;
  height:36px!important;
  min-height:36px!important;
  max-height:36px!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  border-radius:13px!important;
}

.listenBody .listenHeroTools .listenGreetingsFrameWrap iframe,
.listenBody .listenGreetingsFrameWrap iframe,
.listenBody iframe[data-embed="greetingsOnline"]{
  width:100%!important;
  height:36px!important;
  min-height:36px!important;
  max-height:36px!important;
  display:block!important;
  margin:0!important;
  border:0!important;
  transform:none!important;
}

.listenBody .listenHeroActions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:10px!important;
  margin:0!important;
  align-self:center!important;
  white-space:nowrap!important;
}

@media(max-width:980px){
  .listenBody .listenHeroTools{
    grid-template-columns:1fr!important;
  }
}



/* VM_V160_GREETING_POPUP_FIX */
/* Odsłuch: popup pozdrowień bez pomarańczowego pustego tła, dopasowany do formularza */
.listenBody #vmModal,
#vmModal{
  align-items:center!important;
  justify-content:center!important;
}

.listenBody #vmModal .modalCard{
  width:min(760px, calc(100vw - 42px))!important;
  max-width:760px!important;
  height:auto!important;
  max-height:calc(100vh - 64px)!important;
  overflow:hidden!important;
  border-radius:24px!important;
}

.listenBody #vmModal .modalHead{
  min-height:58px!important;
  padding:14px 18px!important;
}

.listenBody #vmModal iframe#vmModalFrame{
  display:block!important;
  width:100%!important;
  height:390px!important;
  min-height:390px!important;
  max-height:390px!important;
  border:0!important;
  background:transparent!important;
}

.listenBody #vmModal:has(iframe[src*="greetings"]),
.listenBody #vmModal:has(iframe[src*="pozdrowienia"]){
  padding:0!important;
}

.listenBody #vmModal:has(iframe[src*="greetings"]) .modalCard,
.listenBody #vmModal:has(iframe[src*="pozdrowienia"]) .modalCard{
  width:min(780px, calc(100vw - 44px))!important;
  max-width:780px!important;
  height:auto!important;
  max-height:calc(100vh - 70px)!important;
}

.listenBody #vmModal:has(iframe[src*="greetings"]) iframe#vmModalFrame,
.listenBody #vmModal:has(iframe[src*="pozdrowienia"]) iframe#vmModalFrame{
  height:390px!important;
  min-height:390px!important;
  max-height:390px!important;
}

/* Strona/formularz pozdrowień otwierany w iframe/modalu */
body.greetingsBody,
body.formGreetingsBody{
  background:transparent!important;
}

body.greetingsBody main,
body.formGreetingsBody main{
  padding:0!important;
  margin:0!important;
  min-height:auto!important;
}

body.greetingsBody .page,
body.formGreetingsBody .page{
  width:100%!important;
  max-width:none!important;
  padding:0!important;
  margin:0!important;
}

body.greetingsBody .card,
body.formGreetingsBody .card,
.greetingsFormCard,
.pozdrowieniaFormCard{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  border-radius:0 0 24px 24px!important;
}

body.greetingsBody .embedBox,
body.formGreetingsBody .embedBox{
  min-height:0!important;
  height:auto!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
}

@media(max-width:720px){
  .listenBody #vmModal .modalCard{
    width:calc(100vw - 24px)!important;
  }
  .listenBody #vmModal iframe#vmModalFrame{
    height:430px!important;
    min-height:430px!important;
    max-height:430px!important;
  }
}











/* VM_V166_SUBHERO_SWEEP_WORKING_LIKE_BANNER */
.subHero .card{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
}

.subHero .card > *{
  position:relative!important;
  z-index:5!important;
}

.subHero .card::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  pointer-events:none!important;
  background:
    radial-gradient(circle at 12% 25%, rgba(255,136,22,.14), transparent 34%),
    radial-gradient(circle at 86% 42%, rgba(47,140,255,.15), transparent 38%)!important;
}

.subHero .card::after{
  content:""!important;
  position:absolute!important;
  top:0!important;
  bottom:0!important;
  left:0!important;
  width:100%!important;
  z-index:4!important;
  pointer-events:none!important;
  background:linear-gradient(
    120deg,
    transparent 0%,
    transparent 30%,
    rgba(255,255,255,0.00) 38%,
    rgba(255,255,255,0.18) 45%,
    rgba(255,255,255,0.36) 50%,
    rgba(52,245,197,0.18) 55%,
    rgba(255,136,22,0.14) 60%,
    transparent 70%,
    transparent 100%
  )!important;
  transform:translateX(-120%)!important;
  animation:vmSubHeroSweepWorking 5.8s ease-in-out infinite!important;
}

@keyframes vmSubHeroSweepWorking{
  0%,18%{transform:translateX(-120%);}
  55%,100%{transform:translateX(120%);}
}


/* VM_V172_FORCE_SUBPAGE_HEADER_SWEEP_REAL — poświata 1:1 widoczna na nagłówkach podstron */
body:not(.homePremiumBody) .subHero .card.vmSweepHost{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
}
body:not(.homePremiumBody) .subHero .card.vmSweepHost > :not(.vmForceHeaderSweep){
  position:relative!important;
  z-index:30!important;
}
body:not(.homePremiumBody) .subHero .card.vmSweepHost .vmForceHeaderSweep{
  display:block!important;
  position:absolute!important;
  top:-35%!important;
  bottom:-35%!important;
  left:-70%!important;
  width:78%!important;
  z-index:20!important;
  pointer-events:none!important;
  opacity:1!important;
  visibility:visible!important;
  background:linear-gradient(120deg,
    transparent 0%,
    transparent 30%,
    rgba(255,255,255,0.00) 38%,
    rgba(255,255,255,0.26) 45%,
    rgba(255,255,255,0.58) 50%,
    rgba(52,245,197,0.26) 55%,
    rgba(255,136,22,0.20) 60%,
    transparent 72%,
    transparent 100%
  )!important;
  filter:blur(.2px) drop-shadow(0 0 20px rgba(255,255,255,.22))!important;
  mix-blend-mode:screen!important;
  transform:translate3d(-35%,0,0) skewX(-13deg)!important;
  animation:vmForceHeaderSweepReal 5.8s ease-in-out infinite!important;
}
@keyframes vmForceHeaderSweepReal{
  0%,18%{transform:translate3d(-35%,0,0) skewX(-13deg);}
  55%,100%{transform:translate3d(285%,0,0) skewX(-13deg);}
}
@media (prefers-reduced-motion:reduce){
  body:not(.homePremiumBody) .subHero .card.vmSweepHost .vmForceHeaderSweep{animation:none!important;transform:translate3d(120%,0,0) skewX(-13deg)!important;}
}


/* VM_V176_SUBPAGE_HEADER_SWEEP_NO_GHOST_RAF
   Naprawa: zostaje ten sam widoczny element z v172; JS prowadzi go od lewej poza prawą krawędź całego kafelka.
   Nie rusza strony startowej ani dolnego banera. */
body:not(.homePremiumBody) .subHero .card{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
}
body:not(.homePremiumBody) .subHero .card::after{
  display:none!important;
  content:none!important;
}
body:not(.homePremiumBody) .subHero .card.vmSweepHost{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
}
body:not(.homePremiumBody) .subHero .card.vmSweepHost > :not(.vmForceHeaderSweep){
  position:relative!important;
  z-index:30!important;
}
body:not(.homePremiumBody) .subHero .card.vmSweepHost .vmForceHeaderSweep{
  display:block!important;
  position:absolute!important;
  top:-36%!important;
  bottom:-36%!important;
  left:-72%!important;
  width:82%!important;
  z-index:20!important;
  pointer-events:none!important;
  opacity:1!important;
  visibility:visible!important;
  background:linear-gradient(120deg,
    transparent 0%,
    transparent 28%,
    rgba(255,255,255,0.00) 37%,
    rgba(255,255,255,0.22) 44%,
    rgba(255,255,255,0.62) 50%,
    rgba(52,245,197,0.27) 55%,
    rgba(255,136,22,0.20) 61%,
    transparent 73%,
    transparent 100%
  )!important;
  filter:blur(.15px) drop-shadow(0 0 22px rgba(255,255,255,.24))!important;
  mix-blend-mode:screen!important;
  transform:translate3d(-120%,0,0) skewX(-13deg)!important;
  will-change:transform!important;
  animation:none!important;
}


/* VM v178 — RAMÓWKA: marginesy jak Odsłuch (tylko ramowka.html)
   Zakres: wyłącznie kontener strony Ramówka. Nie rusza poświaty, tabel, iframe ani funkcji. */
body.scheduleBody main.schedulePage > section.page,
body.scheduleBody main.schedulePage > .page{
  width:min(1320px,calc(100% - 64px))!important;
  max-width:1320px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:0!important;
  padding-right:0!important;
}
body.scheduleBody main.schedulePage > section.page.subHero{
  width:min(1320px,calc(100% - 64px))!important;
  max-width:1320px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
body.scheduleBody main.schedulePage > section.page.section{
  width:min(1320px,calc(100% - 64px))!important;
  max-width:1320px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
@media (max-width:720px){
  body.scheduleBody main.schedulePage > section.page,
  body.scheduleBody main.schedulePage > .page,
  body.scheduleBody main.schedulePage > section.page.subHero,
  body.scheduleBody main.schedulePage > section.page.section{
    width:calc(100% - 24px)!important;
    max-width:none!important;
  }
}
/* VM v178 — END */


/* V179 - naprawa pełnej strony Pozdrowienia po stylach iframe/modal */
body.pozdrowieniaBody{
  background:
    radial-gradient(circle at 10% 12%, rgba(255,122,24,.18), transparent 33%),
    radial-gradient(circle at 88% 18%, rgba(38,129,255,.22), transparent 35%),
    radial-gradient(circle at 50% 100%, rgba(52,245,197,.09), transparent 34%),
    #050816!important;
  color:#fff!important;
}

body.pozdrowieniaBody main{
  padding:0!important;
  margin:0!important;
  min-height:auto!important;
}

body.pozdrowieniaBody .page{
  width:min(1240px,calc(100% - 32px))!important;
  max-width:1240px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:0!important;
  padding-right:0!important;
}

body.pozdrowieniaBody .subHero{
  padding:44px 0 10px!important;
}

body.pozdrowieniaBody .subHero .card,
body.pozdrowieniaBody .section .card{
  border-radius:var(--r)!important;
}

body.pozdrowieniaBody .section{
  padding:38px 0!important;
}

body.pozdrowieniaBody .embedBox.tall{
  height:760px!important;
  min-height:760px!important;
  overflow:hidden!important;
  border-radius:var(--r)!important;
  border:1px solid var(--line)!important;
  background:rgba(0,0,0,.16)!important;
  box-shadow:var(--shadow)!important;
}

body.pozdrowieniaBody .embedBox iframe{
  width:100%!important;
  height:100%!important;
  border:0!important;
  background:transparent!important;
}

@media(max-width:900px){
  body.pozdrowieniaBody .grid{
    grid-template-columns:1fr!important;
  }
  body.pozdrowieniaBody .span8,
  body.pozdrowieniaBody .span4{
    grid-column:1 / -1!important;
  }
}


/* V180 - Centrum pozdrowień */
body.pozdrowieniaBody .greetingsCenterSection{
  padding-top:34px!important;
  padding-bottom:56px!important;
}

body.pozdrowieniaBody .greetingsCenterHead{
  margin-bottom:18px!important;
}

body.pozdrowieniaBody .greetingsCenterHead h2{
  margin:0 0 8px!important;
  font-size:clamp(2rem,3vw,3.05rem)!important;
  line-height:1.05!important;
}

body.pozdrowieniaBody .greetingsCenterGrid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:18px!important;
  align-items:stretch!important;
}

body.pozdrowieniaBody .greetingsCenterCard{
  min-height:275px!important;
  padding:28px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:space-between!important;
  gap:16px!important;
  position:relative!important;
  overflow:hidden!important;
}

body.pozdrowieniaBody .greetingsCenterCard:before{
  content:""!important;
  position:absolute!important;
  inset:-40% -25% auto auto!important;
  width:220px!important;
  height:220px!important;
  border-radius:999px!important;
  background:radial-gradient(circle,rgba(255,136,22,.20),transparent 62%)!important;
  pointer-events:none!important;
}

body.pozdrowieniaBody .greetingsCenterCard:nth-child(even):before{
  background:radial-gradient(circle,rgba(47,140,255,.22),transparent 62%)!important;
}

body.pozdrowieniaBody .greetingsCenterCard > *{
  position:relative!important;
  z-index:2!important;
}

body.pozdrowieniaBody .greetingsCardIcon{
  width:56px!important;
  height:56px!important;
  border-radius:20px!important;
  display:grid!important;
  place-items:center!important;
  background:linear-gradient(135deg,#ff8a1c,#ff6b00)!important;
  color:#07101e!important;
  font-size:1.45rem!important;
  font-weight:900!important;
  box-shadow:0 18px 45px rgba(255,122,24,.24)!important;
}

body.pozdrowieniaBody .greetingsCenterCard h2{
  margin:0!important;
  font-size:clamp(1.55rem,2vw,2.05rem)!important;
  line-height:1.08!important;
}

body.pozdrowieniaBody .greetingsCenterCard p{
  margin:0!important;
  min-height:78px!important;
  color:rgba(247,251,255,.74)!important;
}

body.pozdrowieniaBody .greetingsCenterCard .btn{
  align-self:flex-start!important;
  margin-top:auto!important;
}

@media(max-width:900px){
  body.pozdrowieniaBody .greetingsCenterGrid{
    grid-template-columns:1fr!important;
  }
  body.pozdrowieniaBody .greetingsCenterCard{
    min-height:auto!important;
  }
  body.pozdrowieniaBody .greetingsCenterCard p{
    min-height:auto!important;
  }
}




/* V217 - Centrum pozdrowień: stały rozmiar przed ładowaniem, zero skakania */
#vmModal.vmV217GreetingBox,
#vmModal.vmV217OnlineBox{
  padding:18px!important;
  align-items:center!important;
  justify-content:center!important;
}
#vmModal.vmV217GreetingBox .modalCard,
#vmModal.vmV217OnlineBox .modalCard{
  width:520px!important;
  max-width:calc(100vw - 36px)!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:hidden!important;
  border-radius:18px!important;
  background:#070b1c!important;
  border:1px solid rgba(255,255,255,.14)!important;
  box-shadow:0 28px 90px rgba(0,0,0,.50)!important;
}
#vmModal.vmV217GreetingBox .modalHead,
#vmModal.vmV217OnlineBox .modalHead{
  height:58px!important;
  min-height:58px!important;
  padding:0 20px!important;
  background:rgba(255,255,255,.055)!important;
  border-bottom:1px solid rgba(255,255,255,.14)!important;
}
#vmModal.vmV217GreetingBox iframe#vmModalFrame,
#vmModal.vmV217OnlineBox iframe#vmModalFrame{
  display:block!important;
  width:100%!important;
  border:0!important;
  background:#070b1c!important;
  overflow:hidden!important;
  transition:opacity .12s ease!important;
}
#vmModal.vmV217GreetingBox[data-vm-v217-mode="greeting"] iframe#vmModalFrame,
#vmModal.vmV217OnlineBox iframe#vmModalFrame{
  height:355px!important;
  min-height:355px!important;
  max-height:355px!important;
}
#vmModal.vmV217GreetingBox[data-vm-v217-mode="request"] iframe#vmModalFrame{
  height:390px!important;
  min-height:390px!important;
  max-height:390px!important;
}
@media(max-width:720px){
  #vmModal.vmV217GreetingBox .modalCard,
  #vmModal.vmV217OnlineBox .modalCard{width:calc(100vw - 20px)!important;}
  #vmModal.vmV217GreetingBox[data-vm-v217-mode="greeting"] iframe#vmModalFrame,
  #vmModal.vmV217OnlineBox iframe#vmModalFrame{height:355px!important;min-height:355px!important;max-height:355px!important;}
  #vmModal.vmV217GreetingBox[data-vm-v217-mode="request"] iframe#vmModalFrame{height:390px!important;min-height:390px!important;max-height:390px!important;}
}

/* V220 - pozdrowienia głosowe: ten sam kompaktowy modal co pozostałe formularze */
#vmModal.vmV217GreetingBox[data-vm-v217-mode="voice"] .modalCard{
  width:520px!important;
  max-width:calc(100vw - 36px)!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:hidden!important;
  border-radius:18px!important;
  background:#070b1c!important;
  border:1px solid rgba(255,255,255,.14)!important;
  box-shadow:0 28px 90px rgba(0,0,0,.50)!important;
}
#vmModal.vmV217GreetingBox[data-vm-v217-mode="voice"] iframe#vmModalFrame{
  display:block!important;
  width:100%!important;
  height:355px!important;
  min-height:355px!important;
  max-height:355px!important;
  border:0!important;
  background:#070b1c!important;
  overflow:hidden!important;
}
@media(max-width:720px){
  #vmModal.vmV217GreetingBox[data-vm-v217-mode="voice"] .modalCard{width:calc(100vw - 20px)!important;}
  #vmModal.vmV217GreetingBox[data-vm-v217-mode="voice"] iframe#vmModalFrame{height:355px!important;min-height:355px!important;max-height:355px!important;}
}


/* V222 - głosowe: dopasowanie dolnego napisu bez rozciągania okna */
#vmModal.vmV217GreetingBox[data-vm-v217-mode="voice"] iframe#vmModalFrame{
  height:382px!important;
  min-height:382px!important;
  max-height:382px!important;
}
@media(max-width:720px){
  #vmModal.vmV217GreetingBox[data-vm-v217-mode="voice"] iframe#vmModalFrame{
    height:382px!important;
    min-height:382px!important;
    max-height:382px!important;
  }
}

/* === VirtualMix Premium — Rekrutacja jako podstrona (v249) === */
body.rekrutacjaBody .menu a[href="rekrutacja.html"]{color:#fff;background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.13)}
.vmRecruitSection{padding-top:24px}.vmRecruitShell{position:relative;overflow:hidden;border-radius:var(--r);border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.105),rgba(255,255,255,.052));box-shadow:var(--shadow);backdrop-filter:blur(20px);padding:26px}.vmRecruitShell:before{content:"";position:absolute;inset:-40% -18%;background:radial-gradient(circle at 14% 18%,rgba(255,122,24,.18),transparent 30%),radial-gradient(circle at 88% 8%,rgba(47,140,255,.18),transparent 28%),radial-gradient(circle at 54% 92%,rgba(255,63,180,.12),transparent 34%);pointer-events:none;animation:float 10s ease-in-out infinite alternate}.vmRecruitShell>*{position:relative}.vmRecruitIntro{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px}.vmRecruitIntro h2{margin:0 0 8px}.vmRecruitIntro p{margin:0;color:var(--muted);line-height:1.6;max-width:760px}.vmRecruitBadge{width:58px;height:58px;border-radius:20px;position:relative;display:grid;place-items:center;line-height:1;background:linear-gradient(135deg,var(--a),#ffb34c);color:#160900;font-size:0;font-weight:900;box-shadow:0 16px 36px rgba(255,122,24,.24);flex:0 0 auto}.vmRecruitBadge::before{content:"✦";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:block;font-size:1.72rem;line-height:1;font-weight:900;text-align:center;text-shadow:0 2px 10px rgba(255,255,255,.25)}.vmRecruitForm{display:grid;gap:16px}.vmRecruitGrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.vmRecruitField{display:grid;gap:7px}.vmRecruitField label{font-weight:900;text-transform:uppercase;letter-spacing:.05em;color:rgba(247,251,255,.92);font-size:.82rem}.vmRecruitField small{color:var(--soft);font-weight:700}.vmRecruitField input,.vmRecruitField textarea{width:100%;border:1px solid rgba(255,255,255,.16);border-radius:18px;background:rgba(255,255,255,.07);color:#fff;padding:13px 14px;outline:0;transition:border-color .18s,background .18s,box-shadow .18s}.vmRecruitField textarea{min-height:150px;resize:vertical}.vmRecruitField input::placeholder,.vmRecruitField textarea::placeholder{color:rgba(247,251,255,.45)}.vmRecruitField input:hover,.vmRecruitField textarea:hover{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.24)}.vmRecruitField input:focus,.vmRecruitField textarea:focus{border-color:rgba(255,122,24,.7);background:rgba(255,255,255,.105);box-shadow:0 0 0 4px rgba(255,122,24,.16)}.vmRecruitWide{grid-column:1/-1}.vmRecruitActions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:2px}.vmRecruitActions .btn[disabled]{opacity:.68;cursor:not-allowed;transform:none}.vmRecruitMsg{opacity:0;transform:translateY(6px);pointer-events:none;border-radius:999px;padding:11px 15px;font-weight:900;transition:.25s}.vmRecruitMsg.show{opacity:1;transform:translateY(0)}.vmRecruitMsg.ok{background:#fff;color:#07101e}.vmRecruitMsg.err{background:rgba(120,22,34,.72);color:#fff;border:1px solid rgba(255,255,255,.16)}.vmRecruitHp{position:absolute;left:-9999px;visibility:hidden}@media (max-width:760px){.vmRecruitGrid{grid-template-columns:1fr}.vmRecruitIntro{flex-direction:column}.vmRecruitShell{padding:18px}}

/* VM v260 — stabilne marginesy i nieruchomy górny pasek podstron
   Zakres: tylko globalny układ podstron. Bez zmian formularzy, wysyłania, modali i funkcji. */
html{
  overflow-y:scroll!important;
  scrollbar-gutter:stable!important;
}
body:not(.homePremiumBody):not(.greetingsBody):not(.formGreetingsBody):not(.eventsAdminBody) .top > .page.nav,
body:not(.homePremiumBody):not(.greetingsBody):not(.formGreetingsBody):not(.eventsAdminBody) footer .page.foot,
body:not(.homePremiumBody):not(.greetingsBody):not(.formGreetingsBody):not(.eventsAdminBody) main > section.page,
body:not(.homePremiumBody):not(.greetingsBody):not(.formGreetingsBody):not(.eventsAdminBody) main.schedulePage > section.page,
body:not(.homePremiumBody):not(.greetingsBody):not(.formGreetingsBody):not(.eventsAdminBody) main.schedulePage > .page{
  width:min(1240px,calc(100% - 32px))!important;
  max-width:1240px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:0!important;
  padding-right:0!important;
}
body:not(.homePremiumBody):not(.greetingsBody):not(.formGreetingsBody):not(.eventsAdminBody) main > section.page.subHero,
body:not(.homePremiumBody):not(.greetingsBody):not(.formGreetingsBody):not(.eventsAdminBody) main.schedulePage > section.page.subHero{
  width:min(1240px,calc(100% - 32px))!important;
  max-width:1240px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
@media(max-width:720px){
  body:not(.homePremiumBody):not(.greetingsBody):not(.formGreetingsBody):not(.eventsAdminBody) .top > .page.nav,
  body:not(.homePremiumBody):not(.greetingsBody):not(.formGreetingsBody):not(.eventsAdminBody) footer .page.foot,
  body:not(.homePremiumBody):not(.greetingsBody):not(.formGreetingsBody):not(.eventsAdminBody) main > section.page,
  body:not(.homePremiumBody):not(.greetingsBody):not(.formGreetingsBody):not(.eventsAdminBody) main.schedulePage > section.page,
  body:not(.homePremiumBody):not(.greetingsBody):not(.formGreetingsBody):not(.eventsAdminBody) main.schedulePage > .page,
  body:not(.homePremiumBody):not(.greetingsBody):not(.formGreetingsBody):not(.eventsAdminBody) main > section.page.subHero,
  body:not(.homePremiumBody):not(.greetingsBody):not(.formGreetingsBody):not(.eventsAdminBody) main.schedulePage > section.page.subHero{
    width:calc(100% - 24px)!important;
    max-width:none!important;
  }
}
/* VM v260 — END */

/* VM v261 — marginesy podstron jak START
   Zakres: tylko globalna szerokość/margines strony, bez zmian sekcji, formularzy, JS i wysyłania. */
body:not(.homePremiumBody):not(.greetingsBody):not(.formGreetingsBody):not(.eventsAdminBody) .top > .page.nav,
body:not(.homePremiumBody):not(.greetingsBody):not(.formGreetingsBody):not(.eventsAdminBody) footer .page.foot,
body:not(.homePremiumBody):not(.greetingsBody):not(.formGreetingsBody):not(.eventsAdminBody) main > section.page,
body:not(.homePremiumBody):not(.greetingsBody):not(.formGreetingsBody):not(.eventsAdminBody) main.schedulePage > section.page,
body:not(.homePremiumBody):not(.greetingsBody):not(.formGreetingsBody):not(.eventsAdminBody) main.schedulePage > .page{
  width:min(var(--vm-page-max),calc(100% - 18px))!important;
  max-width:var(--vm-page-max)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:0!important;
  padding-right:0!important;
}
body:not(.homePremiumBody):not(.greetingsBody):not(.formGreetingsBody):not(.eventsAdminBody) main > section.page.subHero,
body:not(.homePremiumBody):not(.greetingsBody):not(.formGreetingsBody):not(.eventsAdminBody) main.schedulePage > section.page.subHero{
  width:min(var(--vm-page-max),calc(100% - 18px))!important;
  max-width:var(--vm-page-max)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
@media(max-width:1050px){
  body:not(.homePremiumBody):not(.greetingsBody):not(.formGreetingsBody):not(.eventsAdminBody) .top > .page.nav,
  body:not(.homePremiumBody):not(.greetingsBody):not(.formGreetingsBody):not(.eventsAdminBody) footer .page.foot,
  body:not(.homePremiumBody):not(.greetingsBody):not(.formGreetingsBody):not(.eventsAdminBody) main > section.page,
  body:not(.homePremiumBody):not(.greetingsBody):not(.formGreetingsBody):not(.eventsAdminBody) main.schedulePage > section.page,
  body:not(.homePremiumBody):not(.greetingsBody):not(.formGreetingsBody):not(.eventsAdminBody) main.schedulePage > .page,
  body:not(.homePremiumBody):not(.greetingsBody):not(.formGreetingsBody):not(.eventsAdminBody) main > section.page.subHero,
  body:not(.homePremiumBody):not(.greetingsBody):not(.formGreetingsBody):not(.eventsAdminBody) main.schedulePage > section.page.subHero{
    width:min(var(--vm-page-max),calc(100% - 16px))!important;
    max-width:var(--vm-page-max)!important;
  }
}
@media(max-width:640px){
  body:not(.homePremiumBody):not(.greetingsBody):not(.formGreetingsBody):not(.eventsAdminBody) .top > .page.nav,
  body:not(.homePremiumBody):not(.greetingsBody):not(.formGreetingsBody):not(.eventsAdminBody) footer .page.foot,
  body:not(.homePremiumBody):not(.greetingsBody):not(.formGreetingsBody):not(.eventsAdminBody) main > section.page,
  body:not(.homePremiumBody):not(.greetingsBody):not(.formGreetingsBody):not(.eventsAdminBody) main.schedulePage > section.page,
  body:not(.homePremiumBody):not(.greetingsBody):not(.formGreetingsBody):not(.eventsAdminBody) main.schedulePage > .page,
  body:not(.homePremiumBody):not(.greetingsBody):not(.formGreetingsBody):not(.eventsAdminBody) main > section.page.subHero,
  body:not(.homePremiumBody):not(.greetingsBody):not(.formGreetingsBody):not(.eventsAdminBody) main.schedulePage > section.page.subHero{
    width:min(var(--vm-page-max),calc(100% - 12px))!important;
    max-width:var(--vm-page-max)!important;
  }
}
/* VM v261 — END */


/* VM v262 — podstrony: większy margines jak START
   Zakres: wyłącznie globalny kontener podstron i header/footer. Bez zmian funkcji, formularzy, neonu i JS. */
body:not(.homePremiumBody):not(.greetingsBody):not(.formGreetingsBody):not(.eventsAdminBody) .top > .page.nav,
body:not(.homePremiumBody):not(.greetingsBody):not(.formGreetingsBody):not(.eventsAdminBody) footer .page.foot,
body:not(.homePremiumBody):not(.greetingsBody):not(.formGreetingsBody):not(.eventsAdminBody) main > section.page,
body:not(.homePremiumBody):not(.greetingsBody):not(.formGreetingsBody):not(.eventsAdminBody) main.schedulePage > section.page,
body:not(.homePremiumBody):not(.greetingsBody):not(.formGreetingsBody):not(.eventsAdminBody) main.schedulePage > .page,
body:not(.homePremiumBody):not(.greetingsBody):not(.formGreetingsBody):not(.eventsAdminBody) main > section.page.subHero,
body:not(.homePremiumBody):not(.greetingsBody):not(.formGreetingsBody):not(.eventsAdminBody) main.schedulePage > section.page.subHero{
  width:min(1240px,calc(100% - 64px))!important;
  max-width:1240px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:0!important;
  padding-right:0!important;
}
@media(max-width:720px){
  body:not(.homePremiumBody):not(.greetingsBody):not(.formGreetingsBody):not(.eventsAdminBody) .top > .page.nav,
  body:not(.homePremiumBody):not(.greetingsBody):not(.formGreetingsBody):not(.eventsAdminBody) footer .page.foot,
  body:not(.homePremiumBody):not(.greetingsBody):not(.formGreetingsBody):not(.eventsAdminBody) main > section.page,
  body:not(.homePremiumBody):not(.greetingsBody):not(.formGreetingsBody):not(.eventsAdminBody) main.schedulePage > section.page,
  body:not(.homePremiumBody):not(.greetingsBody):not(.formGreetingsBody):not(.eventsAdminBody) main.schedulePage > .page,
  body:not(.homePremiumBody):not(.greetingsBody):not(.formGreetingsBody):not(.eventsAdminBody) main > section.page.subHero,
  body:not(.homePremiumBody):not(.greetingsBody):not(.formGreetingsBody):not(.eventsAdminBody) main.schedulePage > section.page.subHero{
    width:calc(100% - 24px)!important;
    max-width:none!important;
  }
}
/* VM v262 — END */


/* VM v267 — PODSTRONY: dokładny kontener z index.html / START
   Sprawdzone z index.html: .homePremiumBody używa --vm-home-max:1320px i --vm-home-side:46px.
   Zakres: tylko header/footer i kafelki podstron. Nie rusza START, hero/tła, formularzy, wysyłania ani JS. */
body:not(.homePremiumBody):not(.greetingsBody):not(.formGreetingsBody):not(.eventsAdminBody){
  --vm-subpage-match-start-max:1320px;
  --vm-subpage-match-start-side:46px;
}
body:not(.homePremiumBody):not(.greetingsBody):not(.formGreetingsBody):not(.eventsAdminBody) .top > .page.nav,
body:not(.homePremiumBody):not(.greetingsBody):not(.formGreetingsBody):not(.eventsAdminBody) footer .page.foot,
body:not(.homePremiumBody):not(.greetingsBody):not(.formGreetingsBody):not(.eventsAdminBody) main > section.page,
body:not(.homePremiumBody):not(.greetingsBody):not(.formGreetingsBody):not(.eventsAdminBody) main.schedulePage > section.page,
body:not(.homePremiumBody):not(.greetingsBody):not(.formGreetingsBody):not(.eventsAdminBody) main.schedulePage > .page,
body:not(.homePremiumBody):not(.greetingsBody):not(.formGreetingsBody):not(.eventsAdminBody) main > section.page.subHero,
body:not(.homePremiumBody):not(.greetingsBody):not(.formGreetingsBody):not(.eventsAdminBody) main.schedulePage > section.page.subHero{
  width:min(var(--vm-subpage-match-start-max),calc(100% - var(--vm-subpage-match-start-side)))!important;
  max-width:var(--vm-subpage-match-start-max)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:0!important;
  padding-right:0!important;
}
@media(max-width:640px){
  body:not(.homePremiumBody):not(.greetingsBody):not(.formGreetingsBody):not(.eventsAdminBody){
    --vm-subpage-match-start-side:22px;
  }
}
/* VM v267 — END */

/* VM v271 - ODSŁUCH: wybór modułu pozdrowień bez ruszania formularzy */
.vmGreetingChoiceBox .modalCard{
  max-width:560px!important;
  height:auto!important;
  min-height:0!important;
  max-height:calc(100vh - 36px)!important;
}
.vmGreetingChoiceBox #vmModalFrame{
  display:none!important;
  height:0!important;
  min-height:0!important;
  max-height:0!important;
}
.vmGreetingChoicePanel{
  display:none;
  padding:24px 28px 30px;
  background:#070b1c;
}
.vmGreetingChoiceIntro{
  color:rgba(255,255,255,.78);
  font-size:14px;
  font-weight:700;
  margin:0 0 16px;
}
.vmGreetingChoiceGrid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}
.vmGreetingChoiceBtn{
  width:100%;
  min-height:104px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.16);
  background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.035));
  color:#fff;
  padding:16px 16px;
  text-align:left;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  gap:5px;
  cursor:pointer;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 18px 45px rgba(0,0,0,.22);
  transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease;
}
.vmGreetingChoiceBtn:hover{
  transform:translateY(-2px);
  border-color:rgba(255,138,0,.55);
  background:linear-gradient(135deg,rgba(255,138,0,.22),rgba(255,255,255,.045));
  box-shadow:0 18px 45px rgba(255,110,0,.16),inset 0 1px 0 rgba(255,255,255,.1);
}
.vmGreetingChoiceBtn span{
  width:38px;
  height:38px;
  border-radius:14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(180deg,#ff8a00,#ff6b00);
  color:#fff;
  font-size:18px;
  font-weight:900;
  box-shadow:0 12px 26px rgba(255,110,0,.24);
}
.vmGreetingChoiceBtn b{
  font-size:16px;
  line-height:1.1;
  font-weight:950;
}
.vmGreetingChoiceBtn em{
  font-style:normal;
  color:rgba(255,255,255,.68);
  font-size:12px;
  line-height:1.25;
  font-weight:700;
}
@media (max-width:620px){
  .vmGreetingChoiceGrid{grid-template-columns:1fr;}
  .vmGreetingChoicePanel{padding:20px 18px 24px;}
}

/* VM v273 — Odsłuch: 6 małych kafelków w układzie 3 + 3.
   Tylko body.listenBody. Nie rusza formularzy, proxy ani wysyłania. */
.listenBody .listenGreetingSixGrid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
  margin-top:16px!important;
  align-items:stretch!important;
}
.listenBody .listenGreetingSixGrid .span4{
  grid-column:auto!important;
}
.listenBody .listenGreetingMiniCard{
  min-height:104px!important;
  padding:14px 14px!important;
  border-radius:20px!important;
  gap:9px!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  align-items:stretch!important;
  cursor:pointer!important;
  box-shadow:0 18px 48px rgba(0,0,0,.28)!important;
}
.listenBody .listenGreetingMiniCard > div{
  display:grid!important;
  grid-template-columns:36px minmax(0,1fr)!important;
  grid-template-areas:"ico title" "ico text"!important;
  column-gap:11px!important;
  align-items:center!important;
}
.listenBody .listenGreetingMiniCard .ico{
  grid-area:ico!important;
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  border-radius:13px!important;
  margin:0!important;
  font-size:1rem!important;
}
.listenBody .listenGreetingMiniCard h3{
  grid-area:title!important;
  margin:0 0 3px!important;
  font-size:14px!important;
  line-height:1.08!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.listenBody .listenGreetingMiniCard p{
  grid-area:text!important;
  margin:0!important;
  font-size:11.2px!important;
  line-height:1.25!important;
  max-height:30px!important;
  overflow:hidden!important;
}
.listenBody .listenGreetingMiniCard .btn{
  justify-self:start!important;
  align-self:end!important;
  padding:7px 12px!important;
  font-size:.74rem!important;
  border-radius:999px!important;
  white-space:nowrap!important;
}
.listenBody .listenGreetingMiniCardEmpty{
  opacity:.72!important;
  cursor:default!important;
  background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.038))!important;
  box-shadow:0 12px 34px rgba(0,0,0,.18)!important;
}
.listenBody .listenGreetingMiniCardEmpty .ico{
  color:rgba(255,255,255,.62)!important;
  background:rgba(255,255,255,.075)!important;
}
.listenBody .listenMiniDisabled{
  pointer-events:none!important;
  opacity:.7!important;
}
@media(max-width:760px){
  .listenBody .listenGreetingSixGrid{grid-template-columns:1fr!important;}
  .listenBody .listenGreetingMiniCard{min-height:96px!important;}
}


/* VM v274 — Odsłuch: popupy pozdrowień dokładnie jak na podstronie Pozdrowienia.
   Tylko modal na body.listenBody. Nie rusza formularzy, proxy ani wysyłania. */
body.listenBody #vmModal.vmV217GreetingBox,
body.listenBody #vmModal.vmV217OnlineBox{
  padding:18px!important;
  align-items:center!important;
  justify-content:center!important;
}
body.listenBody #vmModal.vmV217GreetingBox .modalCard,
body.listenBody #vmModal.vmV217OnlineBox .modalCard{
  width:520px!important;
  max-width:calc(100vw - 36px)!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:hidden!important;
  border-radius:18px!important;
  background:#070b1c!important;
  border:1px solid rgba(255,255,255,.14)!important;
  box-shadow:0 28px 90px rgba(0,0,0,.50)!important;
}
body.listenBody #vmModal.vmV217GreetingBox .modalHead,
body.listenBody #vmModal.vmV217OnlineBox .modalHead{
  height:58px!important;
  min-height:58px!important;
  padding:0 20px!important;
  background:rgba(255,255,255,.055)!important;
  border-bottom:1px solid rgba(255,255,255,.14)!important;
}
body.listenBody #vmModal.vmV217GreetingBox iframe#vmModalFrame,
body.listenBody #vmModal.vmV217OnlineBox iframe#vmModalFrame{
  display:block!important;
  width:100%!important;
  border:0!important;
  background:#070b1c!important;
  overflow:hidden!important;
  transition:opacity .12s ease!important;
}
body.listenBody #vmModal.vmV217GreetingBox[data-vm-v217-mode="greeting"] iframe#vmModalFrame,
body.listenBody #vmModal.vmV217OnlineBox iframe#vmModalFrame{
  height:355px!important;
  min-height:355px!important;
  max-height:355px!important;
}
body.listenBody #vmModal.vmV217GreetingBox[data-vm-v217-mode="request"] iframe#vmModalFrame{
  height:390px!important;
  min-height:390px!important;
  max-height:390px!important;
}
body.listenBody #vmModal.vmV217GreetingBox[data-vm-v217-mode="voice"] iframe#vmModalFrame{
  height:382px!important;
  min-height:382px!important;
  max-height:382px!important;
}
@media(max-width:720px){
  body.listenBody #vmModal.vmV217GreetingBox .modalCard,
  body.listenBody #vmModal.vmV217OnlineBox .modalCard{
    width:calc(100vw - 20px)!important;
    max-width:calc(100vw - 20px)!important;
  }
  body.listenBody #vmModal.vmV217GreetingBox[data-vm-v217-mode="greeting"] iframe#vmModalFrame,
  body.listenBody #vmModal.vmV217OnlineBox iframe#vmModalFrame{
    height:355px!important;
    min-height:355px!important;
    max-height:355px!important;
  }
  body.listenBody #vmModal.vmV217GreetingBox[data-vm-v217-mode="request"] iframe#vmModalFrame{
    height:390px!important;
    min-height:390px!important;
    max-height:390px!important;
  }
  body.listenBody #vmModal.vmV217GreetingBox[data-vm-v217-mode="voice"] iframe#vmModalFrame{
    height:382px!important;
    min-height:382px!important;
    max-height:382px!important;
  }
}
/* VM v274 — END */


/* VM v276 — Odsłuch: krótkie opisy w małych kafelkach bez urwanych kropek.
   Nie zmienia rozmiaru kafelków, popupów ani wysyłania. */
.listenBody .listenGreetingMiniCard p{
  font-size:11px!important;
  line-height:1.18!important;
  max-height:26px!important;
  overflow:hidden!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  hyphens:none!important;
}
.listenBody .listenGreetingMiniCard h3{
  font-size:13.6px!important;
}

/* VM v279 — Ramówka premium: dni tygodnia po lewej + jeden dzień w widoku.
   Nie rusza pozdrowień, playera, formularzy ani działania innych podstron. */
.scheduleBody .schedulePremiumSection{padding-top:14px!important;}
.scheduleBody .vmSchedulePremium{
  display:grid!important;
  grid-template-columns:220px minmax(0,1fr)!important;
  gap:18px!important;
  align-items:stretch!important;
}
.scheduleBody .vmScheduleDays,
.scheduleBody .vmSchedulePanel{
  position:relative!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.14)!important;
  border-radius:24px!important;
  background:linear-gradient(135deg,rgba(255,139,35,.18),rgba(31,72,130,.30) 48%,rgba(8,12,30,.88))!important;
  box-shadow:0 22px 70px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.10)!important;
  backdrop-filter:blur(14px)!important;
}
.scheduleBody .vmScheduleDays{padding:16px!important;display:flex!important;flex-direction:column!important;gap:9px!important;}
.scheduleBody .vmScheduleDaysHead{font-weight:900!important;color:#fff!important;font-size:1rem!important;margin:2px 4px 8px!important;letter-spacing:.2px!important;}
.scheduleBody .vmScheduleDays button{
  width:100%!important;
  min-height:56px!important;
  display:grid!important;
  grid-template-columns:42px 1fr auto!important;
  align-items:center!important;
  gap:9px!important;
  border:1px solid rgba(255,255,255,.13)!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.065)!important;
  color:#fff!important;
  cursor:pointer!important;
  text-align:left!important;
  padding:10px 12px!important;
  transition:transform .15s ease, border-color .15s ease, background .15s ease, box-shadow .15s ease!important;
}
.scheduleBody .vmScheduleDays button:hover{transform:translateX(3px)!important;border-color:rgba(255,139,35,.55)!important;background:rgba(255,255,255,.095)!important;}
.scheduleBody .vmScheduleDays button span{width:36px;height:32px;border-radius:12px;display:grid;place-items:center;background:rgba(255,255,255,.10);font-weight:1000;font-size:.78rem;color:#fff;}
.scheduleBody .vmScheduleDays button strong{font-size:.93rem!important;line-height:1.05!important;}
.scheduleBody .vmScheduleDays button em{font-style:normal!important;font-size:.66rem!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:.7px!important;color:#35f38b!important;}
.scheduleBody .vmScheduleDays button.isToday{box-shadow:0 0 0 1px rgba(53,243,139,.20),0 12px 28px rgba(53,243,139,.08)!important;}
.scheduleBody .vmScheduleDays button.isToday span{background:rgba(53,243,139,.18)!important;color:#7effb4!important;}
.scheduleBody .vmScheduleDays button.isSelected{
  background:linear-gradient(135deg,#ff8a00,#ff6a00)!important;
  border-color:rgba(255,255,255,.30)!important;
  box-shadow:0 16px 42px rgba(255,122,0,.28)!important;
  transform:translateX(4px)!important;
}
.scheduleBody .vmScheduleDays button.isSelected span{background:rgba(255,255,255,.22)!important;color:#fff!important;}
.scheduleBody .vmScheduleDays button.isSelected em{color:#fff!important;}
.scheduleBody .vmSchedulePanel{padding:24px!important;min-height:610px!important;}
.scheduleBody .vmSchedulePanel::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 10%,rgba(255,139,35,.20),transparent 26%),radial-gradient(circle at 35% 90%,rgba(55,129,255,.18),transparent 34%);pointer-events:none;}
.scheduleBody .vmSchedulePanelHead{position:relative;z-index:1;display:flex!important;justify-content:space-between!important;gap:18px!important;align-items:flex-start!important;margin-bottom:18px!important;}
.scheduleBody .vmScheduleMini{display:inline-flex!important;align-items:center!important;gap:8px!important;border-radius:999px!important;background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.14)!important;padding:7px 12px!important;color:#35f38b!important;font-weight:1000!important;font-size:.75rem!important;letter-spacing:.8px!important;text-transform:uppercase!important;}
.scheduleBody .vmScheduleMini::before{content:"";width:9px;height:9px;border-radius:50%;background:#35f38b;box-shadow:0 0 18px rgba(53,243,139,.75);}
.scheduleBody .vmSchedulePanelHead h2{margin:10px 0 5px!important;font-size:clamp(2rem,3.2vw,3.2rem)!important;line-height:.98!important;color:#fff!important;text-shadow:0 8px 28px rgba(0,0,0,.35)!important;}
.scheduleBody .vmSchedulePanelHead p{margin:0!important;color:rgba(255,255,255,.74)!important;max-width:650px!important;font-weight:700!important;line-height:1.45!important;}
.scheduleBody .vmScheduleNav{display:flex!important;gap:10px!important;align-items:center!important;flex-wrap:wrap!important;justify-content:flex-end!important;min-width:310px!important;}
.scheduleBody .vmScheduleViewer{position:relative;z-index:1;min-height:430px!important;outline:none!important;}
.scheduleBody .vmScheduleCards{display:grid!important;gap:12px!important;}
.scheduleBody .vmScheduleCard{
  display:grid!important;
  grid-template-columns:150px 62px minmax(0,1fr)!important;
  gap:16px!important;
  align-items:center!important;
  min-height:82px!important;
  padding:13px 16px!important;
  border-radius:20px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  background:linear-gradient(135deg,rgba(255,255,255,.09),rgba(255,255,255,.045))!important;
  box-shadow:0 16px 38px rgba(0,0,0,.18)!important;
}
.scheduleBody .vmScheduleTime b{display:block!important;color:#ff9a2b!important;font-size:1.02rem!important;font-weight:1000!important;}
.scheduleBody .vmScheduleTime small{display:block!important;color:rgba(255,255,255,.58)!important;font-weight:900!important;margin-top:3px!important;text-transform:uppercase!important;letter-spacing:.6px!important;font-size:.68rem!important;}
.scheduleBody .vmScheduleAvatar{width:58px!important;height:58px!important;border-radius:18px!important;overflow:hidden!important;background:rgba(255,139,35,.15)!important;border:1px solid rgba(255,255,255,.14)!important;display:grid!important;place-items:center!important;color:#fff!important;font-weight:1000!important;box-shadow:0 12px 30px rgba(0,0,0,.22)!important;}
.scheduleBody .vmScheduleAvatar img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;}
.scheduleBody .vmScheduleInfo h3{margin:0!important;color:#fff!important;font-size:1.08rem!important;line-height:1.18!important;font-weight:1000!important;}
.scheduleBody .vmScheduleInfo p{margin:5px 0 0!important;color:#36e89b!important;font-weight:900!important;}
.scheduleBody .vmScheduleLoading,
.scheduleBody .vmScheduleEmpty{min-height:330px!important;display:grid!important;place-items:center!important;text-align:center!important;border:1px dashed rgba(255,255,255,.16)!important;border-radius:22px!important;background:rgba(255,255,255,.045)!important;color:#fff!important;font-weight:900!important;}
.scheduleBody .vmScheduleEmpty span{display:block!important;color:rgba(255,255,255,.65)!important;margin-top:8px!important;font-weight:700!important;}
@media(max-width:980px){
  .scheduleBody .vmSchedulePremium{grid-template-columns:1fr!important;}
  .scheduleBody .vmScheduleDays{display:grid!important;grid-template-columns:repeat(4,1fr)!important;}
  .scheduleBody .vmScheduleDaysHead{grid-column:1/-1!important;}
  .scheduleBody .vmScheduleDays button{grid-template-columns:1fr!important;text-align:center!important;justify-items:center!important;min-height:70px!important;}
  .scheduleBody .vmSchedulePanelHead{display:block!important;}
  .scheduleBody .vmScheduleNav{justify-content:flex-start!important;margin-top:14px!important;min-width:0!important;}
}
@media(max-width:640px){
  .scheduleBody .vmScheduleDays{grid-template-columns:repeat(2,1fr)!important;}
  .scheduleBody .vmSchedulePanel{padding:16px!important;min-height:520px!important;}
  .scheduleBody .vmScheduleCard{grid-template-columns:1fr!important;text-align:left!important;gap:9px!important;}
  .scheduleBody .vmScheduleAvatar{display:none!important;}
  .scheduleBody .vmScheduleNav .btn{width:100%!important;justify-content:center!important;}
}
/* VM v279 — END */


/* VM v281 — Ramówka: awatary, hover, ruchoma nazwa audycji i wyróżnienie aktualnej audycji. */
.scheduleBody .vmScheduleCard{position:relative!important;overflow:hidden!important;}
.scheduleBody .vmScheduleCard.isLive{
  border-color:rgba(53,243,139,.48)!important;
  background:linear-gradient(135deg,rgba(53,243,139,.13),rgba(255,139,35,.10),rgba(255,255,255,.055))!important;
  box-shadow:0 0 0 1px rgba(53,243,139,.12),0 20px 50px rgba(0,0,0,.22),0 0 34px rgba(53,243,139,.12)!important;
}
.scheduleBody .vmScheduleCard.isLive::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(180deg,#35f38b,#ff8a00)!important;box-shadow:0 0 22px rgba(53,243,139,.75)!important;}
.scheduleBody .vmScheduleLiveBadge{position:absolute!important;right:14px!important;top:10px!important;border-radius:999px!important;background:rgba(53,243,139,.15)!important;border:1px solid rgba(53,243,139,.40)!important;color:#7effb4!important;font-size:.66rem!important;font-weight:1000!important;letter-spacing:.8px!important;padding:5px 9px!important;text-transform:uppercase!important;}
.scheduleBody .vmScheduleAvatar{position:relative!important;overflow:visible!important;z-index:2!important;transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease!important;}
.scheduleBody .vmScheduleAvatar::before{content:attr(data-initials);position:absolute;inset:0;display:grid;place-items:center;border-radius:18px;background:linear-gradient(135deg,rgba(255,139,35,.35),rgba(38,112,255,.22));color:#fff;font-weight:1000;letter-spacing:.5px;}
.scheduleBody .vmScheduleAvatar img{position:relative!important;z-index:1!important;border-radius:18px!important;}
.scheduleBody .vmScheduleAvatar.noImg::before{z-index:2;}
.scheduleBody .vmScheduleCard:hover .vmScheduleAvatar{transform:scale(1.18)!important;box-shadow:0 18px 44px rgba(0,0,0,.34),0 0 24px rgba(255,139,35,.22)!important;border-color:rgba(255,139,35,.50)!important;}
.scheduleBody .vmScheduleTitleFlow{max-width:100%!important;overflow:hidden!important;white-space:nowrap!important;}
.scheduleBody .vmScheduleTitleFlow span{display:inline-block!important;min-width:100%;padding-right:42px!important;background:linear-gradient(90deg,#fff,#ff9a2b,#35f38b,#86b7ff,#fff);background-size:260% 100%;-webkit-background-clip:text;background-clip:text;color:transparent!important;animation:vmScheduleTitleColor 5.8s linear infinite,vmScheduleTitleMove 11s linear infinite;}
.scheduleBody .vmScheduleCard.isLive .vmScheduleTitleFlow span{animation-duration:4.2s,8.5s!important;}
@keyframes vmScheduleTitleMove{0%,18%{transform:translateX(0)}82%,100%{transform:translateX(-38%)}}
@keyframes vmScheduleTitleColor{0%{background-position:0 0}100%{background-position:260% 0}}
@media(max-width:640px){.scheduleBody .vmScheduleTitleFlow{white-space:normal!important}.scheduleBody .vmScheduleTitleFlow span{animation:vmScheduleTitleColor 5.8s linear infinite!important;white-space:normal!important;}}


/* VM v282 — ramówka: płynny marquee bez pauzy + realne powiększenie avatara */
.scheduleBody .vmScheduleCard{overflow:visible!important;}
.scheduleBody .vmScheduleInfo{min-width:0!important;overflow:hidden!important;}
.scheduleBody .vmScheduleTitleFlow{display:block!important;max-width:100%!important;overflow:hidden!important;white-space:nowrap!important;}
.scheduleBody .vmScheduleTitleFlow span{
  display:inline-block!important;
  min-width:max-content!important;
  padding-right:0!important;
  background:linear-gradient(90deg,#fff,#ff9a2b,#35f38b,#86b7ff,#fff)!important;
  background-size:260% 100%!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  color:transparent!important;
  animation:vmScheduleTitleColor 5.8s linear infinite,vmScheduleMarqueeLoop var(--vmTitleSpeed, 10s) linear infinite!important;
  will-change:transform,background-position!important;
}
.scheduleBody .vmScheduleTitleFlow span::after{
  content:attr(data-title)!important;
  padding-left:48px!important;
}
.scheduleBody .vmScheduleCard.isLive .vmScheduleTitleFlow span{animation-duration:4.2s,var(--vmTitleSpeed, 9s)!important;}
@keyframes vmScheduleMarqueeLoop{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.scheduleBody .vmScheduleAvatar{cursor:zoom-in!important;transform-origin:center center!important;}
.scheduleBody .vmScheduleAvatar:hover,
.scheduleBody .vmScheduleCard:hover .vmScheduleAvatar{
  transform:scale(1.34)!important;
  z-index:20!important;
  box-shadow:0 22px 58px rgba(0,0,0,.48),0 0 34px rgba(255,139,35,.42)!important;
  border-color:rgba(255,139,35,.78)!important;
}
@media(max-width:640px){
  .scheduleBody .vmScheduleTitleFlow{white-space:normal!important;overflow:visible!important;}
  .scheduleBody .vmScheduleTitleFlow span{animation:vmScheduleTitleColor 5.8s linear infinite!important;white-space:normal!important;}
  .scheduleBody .vmScheduleTitleFlow span::after{content:""!important;padding-left:0!important;}
}


/* VM v283 — ramówka: bez klonowania nazw + większe powiększenie avatara */
.scheduleBody .vmScheduleInfo{min-width:0!important;overflow:hidden!important;}
.scheduleBody .vmScheduleTitleFlow{display:block!important;max-width:100%!important;overflow:hidden!important;white-space:nowrap!important;}
.scheduleBody .vmScheduleTitleFlow span{
  display:inline-block!important;
  min-width:max-content!important;
  padding-right:0!important;
  background:linear-gradient(90deg,#fff,#ff9a2b,#35f38b,#86b7ff,#fff)!important;
  background-size:260% 100%!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  color:transparent!important;
  animation:vmScheduleTitleColor 5.8s linear infinite,vmScheduleSingleMarquee var(--vmTitleSpeed, 10s) linear infinite!important;
  will-change:transform,background-position!important;
}
.scheduleBody .vmScheduleTitleFlow span::after{content:""!important;padding-left:0!important;}
.scheduleBody .vmScheduleCard.isLive .vmScheduleTitleFlow span{animation-duration:4.2s,var(--vmTitleSpeed, 9s)!important;}
@keyframes vmScheduleSingleMarquee{
  0%{transform:translateX(100%)}
  100%{transform:translateX(-110%)}
}
.scheduleBody .vmScheduleAvatar:hover,
.scheduleBody .vmScheduleCard:hover .vmScheduleAvatar{
  transform:scale(1.55)!important;
  z-index:50!important;
  box-shadow:0 28px 72px rgba(0,0,0,.55),0 0 42px rgba(255,139,35,.48)!important;
  border-color:rgba(255,139,35,.86)!important;
}
@media(max-width:640px){
  .scheduleBody .vmScheduleTitleFlow{white-space:normal!important;overflow:visible!important;}
  .scheduleBody .vmScheduleTitleFlow span{animation:vmScheduleTitleColor 5.8s linear infinite!important;white-space:normal!important;}
}


/* VM v284 — ramówka: stały punkt startu nazw audycji + płynna zmiana kolorów */
.scheduleBody .vmScheduleInfo{min-width:0!important;overflow:hidden!important;}
.scheduleBody .vmScheduleTitleFlow{
  position:relative!important;
  display:block!important;
  width:100%!important;
  height:1.35em!important;
  overflow:hidden!important;
  white-space:nowrap!important;
}
.scheduleBody .vmScheduleTitleFlow span{
  position:absolute!important;
  left:calc(100% - 30px)!important;
  top:0!important;
  display:inline-block!important;
  min-width:0!important;
  width:max-content!important;
  max-width:none!important;
  padding-right:0!important;
  white-space:nowrap!important;
  background:linear-gradient(90deg,#ffffff 0%,#ff9a2b 28%,#35f38b 52%,#86b7ff 76%,#ffffff 100%)!important;
  background-size:260% 100%!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  color:transparent!important;
  animation:vmScheduleTitleColor 5.4s linear infinite,vmScheduleFixedMarquee var(--vmTitleSpeed, 11s) linear infinite!important;
  will-change:transform,background-position!important;
}
.scheduleBody .vmScheduleTitleFlow span::after{content:""!important;padding-left:0!important;}
.scheduleBody .vmScheduleCard.isLive .vmScheduleTitleFlow span{animation-duration:4.2s,var(--vmTitleSpeed, 10s)!important;}
@keyframes vmScheduleFixedMarquee{
  0%{transform:translateX(0)}
  100%{transform:translateX(calc(-1 * var(--vmTitleTravel, 720px)))}
}
.scheduleBody .vmScheduleAvatar:hover,
.scheduleBody .vmScheduleCard:hover .vmScheduleAvatar{
  transform:scale(1.68)!important;
  z-index:80!important;
  box-shadow:0 32px 82px rgba(0,0,0,.58),0 0 48px rgba(255,139,35,.52)!important;
  border-color:rgba(255,139,35,.9)!important;
}
@media(max-width:640px){
  .scheduleBody .vmScheduleTitleFlow{height:auto!important;overflow:visible!important;white-space:normal!important;}
  .scheduleBody .vmScheduleTitleFlow span{position:static!important;animation:vmScheduleTitleColor 5.8s linear infinite!important;white-space:normal!important;}
}

/* VM v285 — ramówka: większy stały margines startu + realna zmiana kolorów napisów */
.scheduleBody .vmScheduleTitleFlow{
  position:relative!important;
  display:block!important;
  width:100%!important;
  height:1.35em!important;
  overflow:hidden!important;
  white-space:nowrap!important;
}
.scheduleBody .vmScheduleTitleFlow span{
  position:absolute!important;
  left:calc(100% - 140px)!important;
  top:0!important;
  display:inline-block!important;
  width:max-content!important;
  min-width:0!important;
  max-width:none!important;
  padding-right:0!important;
  white-space:nowrap!important;
  background:none!important;
  -webkit-background-clip:border-box!important;
  background-clip:border-box!important;
  color:#ffffff!important;
  text-shadow:0 0 14px rgba(255,138,0,.18)!important;
  animation:vmScheduleRealColor 4.8s linear infinite,vmScheduleFixedMarquee var(--vmTitleSpeed, 11s) linear infinite!important;
  will-change:transform,color!important;
}
.scheduleBody .vmScheduleCard.isLive .vmScheduleTitleFlow span{
  animation:vmScheduleRealColor 3.8s linear infinite,vmScheduleFixedMarquee var(--vmTitleSpeed, 10s) linear infinite!important;
}
@keyframes vmScheduleRealColor{
  0%{color:#ffffff;text-shadow:0 0 14px rgba(255,255,255,.18)}
  25%{color:#ff9a2b;text-shadow:0 0 18px rgba(255,154,43,.34)}
  50%{color:#35f38b;text-shadow:0 0 18px rgba(53,243,139,.30)}
  75%{color:#86b7ff;text-shadow:0 0 18px rgba(134,183,255,.32)}
  100%{color:#ffffff;text-shadow:0 0 14px rgba(255,255,255,.18)}
}
@media(max-width:640px){
  .scheduleBody .vmScheduleTitleFlow{height:auto!important;overflow:visible!important;white-space:normal!important;}
  .scheduleBody .vmScheduleTitleFlow span{position:static!important;animation:vmScheduleRealColor 4.8s linear infinite!important;white-space:normal!important;}
}


/* VM v286 — ramówka: większy margines startu tytułu + pewna animacja kolorów przez gradient */
.scheduleBody .vmScheduleTitleFlow{
  position:relative!important;
  display:block!important;
  width:100%!important;
  height:1.35em!important;
  overflow:hidden!important;
  white-space:nowrap!important;
}
.scheduleBody .vmScheduleTitleFlow span{
  position:absolute!important;
  left:calc(100% - 290px)!important;
  top:0!important;
  display:inline-block!important;
  width:max-content!important;
  min-width:0!important;
  max-width:none!important;
  padding-right:0!important;
  white-space:nowrap!important;
  background:linear-gradient(90deg,#ffffff 0%,#ff9a2b 24%,#35f38b 50%,#86b7ff 76%,#ffffff 100%)!important;
  background-size:320% 100%!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  color:transparent!important;
  -webkit-text-fill-color:transparent!important;
  text-shadow:none!important;
  animation:vmScheduleGradientColor 4.6s linear infinite,vmScheduleFixedMarquee var(--vmTitleSpeed, 11s) linear infinite!important;
  will-change:transform,background-position!important;
}
.scheduleBody .vmScheduleCard.isLive .vmScheduleTitleFlow span{
  animation:vmScheduleGradientColor 3.7s linear infinite,vmScheduleFixedMarquee var(--vmTitleSpeed, 10s) linear infinite!important;
}
@keyframes vmScheduleGradientColor{
  0%{background-position:0% 50%}
  100%{background-position:320% 50%}
}
@media(max-width:640px){
  .scheduleBody .vmScheduleTitleFlow{height:auto!important;overflow:visible!important;white-space:normal!important;}
  .scheduleBody .vmScheduleTitleFlow span{
    position:static!important;
    animation:vmScheduleGradientColor 4.6s linear infinite!important;
    white-space:normal!important;
  }
}

/* VM v287 — ramówka: stały start tytułu z prawej z realnym marginesem ok. 2 cm, bez klonowania i z widoczną zmianą koloru */
.scheduleBody .vmScheduleInfo{
  min-width:0!important;
  overflow:hidden!important;
}
.scheduleBody .vmScheduleTitleFlow{
  position:relative!important;
  display:block!important;
  width:100%!important;
  height:1.35em!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-align:left!important;
}
.scheduleBody .vmScheduleTitleFlow span{
  position:absolute!important;
  left:calc(100% - 76px)!important;
  right:auto!important;
  top:0!important;
  display:inline-block!important;
  width:max-content!important;
  min-width:0!important;
  max-width:none!important;
  padding:0!important;
  margin:0!important;
  white-space:nowrap!important;
  background:none!important;
  -webkit-background-clip:border-box!important;
  background-clip:border-box!important;
  color:#ffffff!important;
  -webkit-text-fill-color:currentColor!important;
  text-shadow:0 0 16px rgba(255,255,255,.20)!important;
  animation:vmScheduleV287Color 4.2s linear infinite,vmScheduleV287Move var(--vmTitleSpeed, 11s) linear infinite!important;
  will-change:transform,color,text-shadow!important;
}
.scheduleBody .vmScheduleTitleFlow span::before,
.scheduleBody .vmScheduleTitleFlow span::after{
  content:""!important;
  display:none!important;
  padding:0!important;
  margin:0!important;
}
.scheduleBody .vmScheduleCard.isLive .vmScheduleTitleFlow span{
  animation:vmScheduleV287Color 3.5s linear infinite,vmScheduleV287Move var(--vmTitleSpeed, 10s) linear infinite!important;
}
@keyframes vmScheduleV287Move{
  0%{transform:translateX(0)}
  100%{transform:translateX(calc(-1 * var(--vmTitleTravel, 760px)))}
}
@keyframes vmScheduleV287Color{
  0%{color:#ffffff;text-shadow:0 0 14px rgba(255,255,255,.20)}
  22%{color:#ff9a2b;text-shadow:0 0 20px rgba(255,154,43,.42)}
  48%{color:#35f38b;text-shadow:0 0 20px rgba(53,243,139,.38)}
  74%{color:#86b7ff;text-shadow:0 0 20px rgba(134,183,255,.40)}
  100%{color:#ffffff;text-shadow:0 0 14px rgba(255,255,255,.20)}
}
@media(max-width:640px){
  .scheduleBody .vmScheduleTitleFlow{
    height:auto!important;
    overflow:visible!important;
    white-space:normal!important;
  }
  .scheduleBody .vmScheduleTitleFlow span{
    position:static!important;
    animation:vmScheduleV287Color 4.2s linear infinite!important;
    white-space:normal!important;
  }
}
/* VM v287 — END */


/* VM v288 — Ramówka: docelowy start tytułu przy czerwonej linii użytkownika, stały prawy margines i wyraźna zmiana kolorów.
   Zakres wyłącznie: ruchomy tytuł audycji w kartach ramówki. Bez zmian HTML, układu, danych i pozostałych funkcji. */
.scheduleBody .vmScheduleInfo{
  min-width:0!important;
  overflow:hidden!important;
}
.scheduleBody .vmScheduleTitleFlow{
  --vmScheduleStartInset:100px;
  position:relative!important;
  display:block!important;
  width:100%!important;
  height:1.38em!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-align:left!important;
  margin:0!important;
  padding:0!important;
}
.scheduleBody .vmScheduleTitleFlow span{
  position:absolute!important;
  left:calc(100% - var(--vmScheduleStartInset))!important;
  right:auto!important;
  top:0!important;
  display:inline-block!important;
  width:max-content!important;
  min-width:0!important;
  max-width:none!important;
  padding:0!important;
  margin:0!important;
  white-space:nowrap!important;
  background:none!important;
  -webkit-background-clip:initial!important;
  background-clip:initial!important;
  color:#ffffff!important;
  -webkit-text-fill-color:unset!important;
  text-shadow:0 0 16px rgba(255,255,255,.24)!important;
  animation:vmScheduleV288Color 3.8s linear infinite,vmScheduleV288Move var(--vmTitleSpeed, 13.5s) linear infinite!important;
  will-change:transform,color,text-shadow!important;
}
.scheduleBody .vmScheduleTitleFlow span::before,
.scheduleBody .vmScheduleTitleFlow span::after{
  content:""!important;
  display:none!important;
  padding:0!important;
  margin:0!important;
}
.scheduleBody .vmScheduleCard.isLive .vmScheduleTitleFlow span{
  animation:vmScheduleV288Color 3.2s linear infinite,vmScheduleV288Move var(--vmTitleSpeed, 13s) linear infinite!important;
}
@keyframes vmScheduleV288Move{
  0%{transform:translateX(0)}
  18%{transform:translateX(0)}
  100%{transform:translateX(calc(-1 * var(--vmTitleTravel, 860px)))}
}
@keyframes vmScheduleV288Color{
  0%{color:#ffffff;text-shadow:0 0 16px rgba(255,255,255,.26)}
  20%{color:#ff9a2b;text-shadow:0 0 22px rgba(255,154,43,.52)}
  42%{color:#35f38b;text-shadow:0 0 22px rgba(53,243,139,.48)}
  66%{color:#86b7ff;text-shadow:0 0 22px rgba(134,183,255,.50)}
  84%{color:#ff7bd5;text-shadow:0 0 22px rgba(255,123,213,.42)}
  100%{color:#ffffff;text-shadow:0 0 16px rgba(255,255,255,.26)}
}
@media(max-width:640px){
  .scheduleBody .vmScheduleTitleFlow{
    height:auto!important;
    overflow:visible!important;
    white-space:normal!important;
  }
  .scheduleBody .vmScheduleTitleFlow span{
    position:static!important;
    animation:vmScheduleV288Color 3.8s linear infinite!important;
    white-space:normal!important;
  }
}
/* VM v288 — END */


/* VM v289 — Ramówka: jedna stała linia startu tytułów, jeden ruch dla wszystkich, wyraźne mieniące kolory, bez klonów.
   Poprawka dotyczy wyłącznie napisu tytułu audycji w karcie ramówki. */
.scheduleBody .vmScheduleCard{
  position:relative!important;
}
.scheduleBody .vmScheduleInfo{
  min-width:0!important;
  overflow:hidden!important;
}
.scheduleBody .vmScheduleTitleFlow{
  --vmScheduleStartInset:118px;
  position:relative!important;
  display:block!important;
  width:100%!important;
  height:1.42em!important;
  line-height:1.42em!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-align:left!important;
  margin:0!important;
  padding:0!important;
}
.scheduleBody .vmScheduleTitleFlow span{
  position:absolute!important;
  left:calc(100% - var(--vmScheduleStartInset))!important;
  right:auto!important;
  top:0!important;
  display:inline-block!important;
  width:max-content!important;
  min-width:0!important;
  max-width:none!important;
  padding:0!important;
  margin:0!important;
  white-space:nowrap!important;
  background:linear-gradient(90deg,#ffffff 0%,#ff9a2b 18%,#35f38b 39%,#75b8ff 61%,#ff7bd5 82%,#ffffff 100%)!important;
  background-size:360% 100%!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  color:transparent!important;
  -webkit-text-fill-color:transparent!important;
  text-shadow:none!important;
  animation:vmScheduleV289Color 4.0s linear infinite,vmScheduleV289Move var(--vmTitleSpeed, 17.5s) linear infinite!important;
  will-change:transform,background-position!important;
}
.scheduleBody .vmScheduleTitleFlow span::before,
.scheduleBody .vmScheduleTitleFlow span::after{
  content:""!important;
  display:none!important;
  padding:0!important;
  margin:0!important;
}
.scheduleBody .vmScheduleCard.isLive .vmScheduleTitleFlow span{
  animation:vmScheduleV289Color 3.4s linear infinite,vmScheduleV289Move var(--vmTitleSpeed, 17.5s) linear infinite!important;
}
@keyframes vmScheduleV289Move{
  0%{transform:translateX(0)}
  20%{transform:translateX(0)}
  100%{transform:translateX(calc(-1 * var(--vmTitleTravel, 980px)))}
}
@keyframes vmScheduleV289Color{
  0%{background-position:0% 50%}
  100%{background-position:360% 50%}
}
@media(max-width:640px){
  .scheduleBody .vmScheduleTitleFlow{
    height:auto!important;
    line-height:1.25!important;
    overflow:visible!important;
    white-space:normal!important;
  }
  .scheduleBody .vmScheduleTitleFlow span{
    position:static!important;
    animation:vmScheduleV289Color 4.0s linear infinite!important;
    white-space:normal!important;
  }
}
/* VM v289 — END */


/* VM v290 — Ramówka: tytuły audycji wychodzą pojedynczo zza prawego marginesu, bez pauzy i bez klonów.
   Dodatkowo lekko zwiększony odstęp między avatarem a nickiem prezentera. Zakres tylko ramówka. */
.scheduleBody .vmScheduleCard{
  grid-template-columns:150px 62px minmax(0,1fr)!important;
  gap:22px!important;
  overflow:hidden!important;
}
.scheduleBody .vmScheduleAvatar{
  z-index:3!important;
}
.scheduleBody .vmScheduleCard:hover .vmScheduleAvatar,
.scheduleBody .vmScheduleAvatar:hover{
  transform:scale(1.26)!important;
  z-index:20!important;
}
.scheduleBody .vmScheduleInfo{
  position:relative!important;
  min-width:0!important;
  overflow:visible!important;
  padding-left:4px!important;
  padding-right:460px!important;
}
.scheduleBody .vmScheduleInfo p{
  margin-left:8px!important;
}
.scheduleBody .vmScheduleTitleFlow{
  position:absolute!important;
  right:82px!important;
  left:auto!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:380px!important;
  max-width:380px!important;
  height:1.45em!important;
  line-height:1.45em!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-align:left!important;
  margin:0!important;
  padding:0!important;
  pointer-events:none!important;
}
.scheduleBody .vmScheduleTitleFlow::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  pointer-events:none!important;
  background:linear-gradient(90deg,rgba(18,23,48,.96) 0%,rgba(18,23,48,0) 12%,rgba(18,23,48,0) 88%,rgba(18,23,48,.96) 100%)!important;
}
.scheduleBody .vmScheduleTitleFlow span{
  position:absolute!important;
  left:100%!important;
  right:auto!important;
  top:0!important;
  display:inline-block!important;
  width:max-content!important;
  min-width:0!important;
  max-width:none!important;
  padding:0!important;
  margin:0!important;
  white-space:nowrap!important;
  background:none!important;
  -webkit-background-clip:initial!important;
  background-clip:initial!important;
  color:#ffffff!important;
  -webkit-text-fill-color:currentColor!important;
  text-shadow:0 0 14px rgba(255,255,255,.26)!important;
  animation:vmScheduleV290Move var(--vmTitleSpeed, 12.5s) linear infinite,vmScheduleV290Color 3.4s linear infinite!important;
  will-change:transform,color,text-shadow!important;
}
.scheduleBody .vmScheduleTitleFlow span::before,
.scheduleBody .vmScheduleTitleFlow span::after{
  content:""!important;
  display:none!important;
}
.scheduleBody .vmScheduleCard.isLive .vmScheduleTitleFlow span{
  animation:vmScheduleV290Move var(--vmTitleSpeed, 12s) linear infinite,vmScheduleV290Color 2.9s linear infinite!important;
}
@keyframes vmScheduleV290Move{
  0%{transform:translateX(0)}
  100%{transform:translateX(calc(-1 * var(--vmTitleTravel, 760px)))}
}
@keyframes vmScheduleV290Color{
  0%{color:#ffffff;text-shadow:0 0 14px rgba(255,255,255,.24)}
  18%{color:#ff9a2b;text-shadow:0 0 22px rgba(255,154,43,.55)}
  38%{color:#35f38b;text-shadow:0 0 22px rgba(53,243,139,.50)}
  58%{color:#75b8ff;text-shadow:0 0 22px rgba(117,184,255,.55)}
  78%{color:#ff7bd5;text-shadow:0 0 22px rgba(255,123,213,.48)}
  100%{color:#ffffff;text-shadow:0 0 14px rgba(255,255,255,.24)}
}
@media(max-width:980px){
  .scheduleBody .vmScheduleInfo{padding-right:0!important;}
  .scheduleBody .vmScheduleTitleFlow{position:relative!important;right:auto!important;top:auto!important;transform:none!important;width:100%!important;max-width:100%!important;margin-top:0!important;}
}
@media(max-width:640px){
  .scheduleBody .vmScheduleCard{grid-template-columns:1fr!important;gap:9px!important;overflow:hidden!important;}
  .scheduleBody .vmScheduleInfo{padding-left:0!important;padding-right:0!important;overflow:hidden!important;}
  .scheduleBody .vmScheduleInfo p{margin-left:0!important;}
  .scheduleBody .vmScheduleTitleFlow{height:auto!important;line-height:1.25!important;overflow:visible!important;white-space:normal!important;}
  .scheduleBody .vmScheduleTitleFlow::before{display:none!important;}
  .scheduleBody .vmScheduleTitleFlow span{position:static!important;animation:vmScheduleV290Color 3.4s linear infinite!important;white-space:normal!important;}
}
/* VM v290 — END */


/* VM v291 — RAMÓWKA: właściwy pas ruchu tytułów + krótszy znacznik NA ŻYWO + realne mieniące kolory.
   Zakres tylko ramowka.html: tytuły audycji, margines ruchu i odstęp avatar/nick. */
.scheduleBody .vmScheduleCard{
  grid-template-columns:150px 62px minmax(0,1fr)!important;
  gap:26px!important;
  overflow:hidden!important;
}
.scheduleBody .vmScheduleAvatar{
  z-index:3!important;
}
.scheduleBody .vmScheduleCard:hover .vmScheduleAvatar,
.scheduleBody .vmScheduleAvatar:hover{
  transform:scale(1.22)!important;
  z-index:20!important;
  box-shadow:0 24px 58px rgba(0,0,0,.46),0 0 34px rgba(255,139,35,.40)!important;
  border-color:rgba(255,139,35,.82)!important;
}
.scheduleBody .vmScheduleInfo{
  position:relative!important;
  min-width:0!important;
  overflow:visible!important;
  padding-left:10px!important;
  padding-right:650px!important;
}
.scheduleBody .vmScheduleInfo p{
  margin-left:12px!important;
}
.scheduleBody .vmScheduleLiveBadge{
  right:14px!important;
  top:10px!important;
  padding:5px 12px!important;
  font-size:.66rem!important;
  border:1px solid rgba(53,243,139,.70)!important;
  background:rgba(53,243,139,.13)!important;
  color:#7effb4!important;
  box-shadow:0 0 0 1px rgba(53,243,139,.18),0 0 18px rgba(53,243,139,.18)!important;
}
.scheduleBody .vmScheduleTitleFlow{
  position:absolute!important;
  left:auto!important;
  right:92px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:560px!important;
  max-width:560px!important;
  height:1.48em!important;
  line-height:1.48em!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-align:left!important;
  margin:0!important;
  padding:0!important;
  pointer-events:none!important;
}
.scheduleBody .vmScheduleTitleFlow::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  pointer-events:none!important;
  background:linear-gradient(90deg,rgba(18,23,48,.98) 0%,rgba(18,23,48,0) 7%,rgba(18,23,48,0) 90%,rgba(18,23,48,.98) 100%)!important;
}
.scheduleBody .vmScheduleTitleFlow span{
  position:absolute!important;
  left:100%!important;
  right:auto!important;
  top:0!important;
  display:inline-block!important;
  width:max-content!important;
  min-width:0!important;
  max-width:none!important;
  padding:0!important;
  margin:0!important;
  white-space:nowrap!important;
  background:none!important;
  -webkit-background-clip:initial!important;
  background-clip:initial!important;
  color:#ff9a2b!important;
  -webkit-text-fill-color:#ff9a2b!important;
  text-shadow:0 0 17px rgba(255,154,43,.45)!important;
  animation:vmScheduleV291Move var(--vmTitleSpeed, 13.5s) linear infinite,vmScheduleV291Color 3.2s linear infinite!important;
  will-change:transform,color,-webkit-text-fill-color,text-shadow!important;
}
.scheduleBody .vmScheduleTitleFlow span::before,
.scheduleBody .vmScheduleTitleFlow span::after{
  content:""!important;
  display:none!important;
}
.scheduleBody .vmScheduleCard.isLive .vmScheduleTitleFlow span{
  animation:vmScheduleV291Move var(--vmTitleSpeed, 13.2s) linear infinite,vmScheduleV291Color 2.8s linear infinite!important;
}
@keyframes vmScheduleV291Move{
  0%{transform:translateX(0)}
  100%{transform:translateX(calc(-1 * var(--vmTitleTravel, 860px)))}
}
@keyframes vmScheduleV291Color{
  0%{color:#ff9a2b;-webkit-text-fill-color:#ff9a2b;text-shadow:0 0 18px rgba(255,154,43,.50)}
  20%{color:#35f38b;-webkit-text-fill-color:#35f38b;text-shadow:0 0 20px rgba(53,243,139,.48)}
  40%{color:#75b8ff;-webkit-text-fill-color:#75b8ff;text-shadow:0 0 20px rgba(117,184,255,.50)}
  60%{color:#ff7bd5;-webkit-text-fill-color:#ff7bd5;text-shadow:0 0 20px rgba(255,123,213,.44)}
  80%{color:#ffffff;-webkit-text-fill-color:#ffffff;text-shadow:0 0 18px rgba(255,255,255,.35)}
  100%{color:#ff9a2b;-webkit-text-fill-color:#ff9a2b;text-shadow:0 0 18px rgba(255,154,43,.50)}
}
@media(max-width:980px){
  .scheduleBody .vmScheduleInfo{padding-right:0!important;overflow:hidden!important;}
  .scheduleBody .vmScheduleTitleFlow{position:relative!important;right:auto!important;top:auto!important;transform:none!important;width:100%!important;max-width:100%!important;margin-top:0!important;}
}
@media(max-width:640px){
  .scheduleBody .vmScheduleCard{grid-template-columns:1fr!important;gap:9px!important;overflow:hidden!important;}
  .scheduleBody .vmScheduleInfo{padding-left:0!important;padding-right:0!important;overflow:hidden!important;}
  .scheduleBody .vmScheduleInfo p{margin-left:0!important;}
  .scheduleBody .vmScheduleTitleFlow{height:auto!important;line-height:1.25!important;overflow:visible!important;white-space:normal!important;}
  .scheduleBody .vmScheduleTitleFlow::before{display:none!important;}
  .scheduleBody .vmScheduleTitleFlow span{position:static!important;animation:vmScheduleV291Color 3.2s linear infinite!important;white-space:normal!important;}
}
/* VM v291 — END */

/* VM v292 — RAMÓWKA: osobna kolumna prezentera i osobny pas tytułu, bez nachodzenia i bez widocznych masek.
   Zakres tylko ramowka.html. Nie rusza logiki pobierania ramówki. */
.scheduleBody .vmScheduleCard{
  grid-template-columns:150px 62px minmax(155px,205px) minmax(0,1fr)!important;
  gap:24px!important;
  align-items:center!important;
  overflow:hidden!important;
}
.scheduleBody .vmSchedulePresenter{
  position:relative!important;
  z-index:5!important;
  min-width:0!important;
  padding-left:10px!important;
  padding-right:12px!important;
}
.scheduleBody .vmSchedulePresenter p{
  margin:0!important;
  color:#35f38b!important;
  font-weight:950!important;
  line-height:1.18!important;
  text-shadow:0 0 14px rgba(53,243,139,.24)!important;
  overflow-wrap:anywhere!important;
}
.scheduleBody .vmScheduleTitleArea{
  position:relative!important;
  min-width:0!important;
  height:34px!important;
  overflow:hidden!important;
  padding-right:118px!important;
  z-index:2!important;
}
.scheduleBody .vmScheduleCard:not(.isLive) .vmScheduleTitleArea{
  padding-right:76px!important;
}
.scheduleBody .vmScheduleTitleFlow{
  position:relative!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  transform:none!important;
  width:100%!important;
  max-width:100%!important;
  height:34px!important;
  line-height:34px!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-align:left!important;
  margin:0!important;
  padding:0!important;
  pointer-events:none!important;
}
.scheduleBody .vmScheduleTitleFlow::before,
.scheduleBody .vmScheduleTitleFlow::after{
  display:none!important;
  content:none!important;
}
.scheduleBody .vmScheduleTitleFlow span{
  position:absolute!important;
  left:100%!important;
  right:auto!important;
  top:0!important;
  display:inline-block!important;
  width:max-content!important;
  max-width:none!important;
  padding:0!important;
  margin:0!important;
  white-space:nowrap!important;
  color:transparent!important;
  -webkit-text-fill-color:transparent!important;
  background:linear-gradient(90deg,#ff8a1f 0%,#ffd166 18%,#35f38b 36%,#68b8ff 55%,#ff7bd5 74%,#ffffff 88%,#ff8a1f 100%)!important;
  background-size:320% 100%!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  filter:drop-shadow(0 0 8px rgba(255,138,31,.34)) drop-shadow(0 0 12px rgba(53,243,139,.18))!important;
  text-shadow:none!important;
  animation:vmScheduleV292Move var(--vmTitleSpeed, 13.8s) linear infinite,vmScheduleV292Color 3.1s linear infinite!important;
  will-change:transform,background-position,filter!important;
}
.scheduleBody .vmScheduleCard.isLive .vmScheduleTitleFlow span{
  animation:vmScheduleV292Move var(--vmTitleSpeed, 13.4s) linear infinite,vmScheduleV292Color 2.7s linear infinite!important;
}
.scheduleBody .vmScheduleTitleFlow span::before,
.scheduleBody .vmScheduleTitleFlow span::after{
  display:none!important;
  content:none!important;
}
.scheduleBody .vmScheduleLiveBadge{
  right:16px!important;
  top:10px!important;
  padding:5px 11px!important;
  border-radius:999px!important;
  border:1px solid rgba(53,243,139,.82)!important;
  box-shadow:0 0 0 1px rgba(53,243,139,.20),0 0 18px rgba(53,243,139,.24),inset 0 0 12px rgba(53,243,139,.12)!important;
  background:rgba(53,243,139,.12)!important;
  color:#7effb4!important;
}
@keyframes vmScheduleV292Move{
  0%{transform:translateX(0)}
  100%{transform:translateX(calc(-1 * var(--vmTitleTravel, 920px)))}
}
@keyframes vmScheduleV292Color{
  0%{background-position:0% 50%;filter:drop-shadow(0 0 8px rgba(255,138,31,.42)) drop-shadow(0 0 12px rgba(53,243,139,.12))}
  25%{background-position:90% 50%;filter:drop-shadow(0 0 9px rgba(53,243,139,.38)) drop-shadow(0 0 13px rgba(104,184,255,.16))}
  50%{background-position:175% 50%;filter:drop-shadow(0 0 9px rgba(104,184,255,.38)) drop-shadow(0 0 14px rgba(255,123,213,.14))}
  75%{background-position:255% 50%;filter:drop-shadow(0 0 9px rgba(255,123,213,.36)) drop-shadow(0 0 14px rgba(255,209,102,.14))}
  100%{background-position:320% 50%;filter:drop-shadow(0 0 8px rgba(255,138,31,.42)) drop-shadow(0 0 12px rgba(53,243,139,.12))}
}
@media(max-width:980px){
  .scheduleBody .vmScheduleCard{grid-template-columns:132px 56px minmax(120px,160px) minmax(0,1fr)!important;gap:16px!important;}
  .scheduleBody .vmScheduleTitleArea{padding-right:98px!important;}
  .scheduleBody .vmScheduleCard:not(.isLive) .vmScheduleTitleArea{padding-right:40px!important;}
}
@media(max-width:640px){
  .scheduleBody .vmScheduleCard{grid-template-columns:1fr!important;gap:9px!important;overflow:hidden!important;}
  .scheduleBody .vmSchedulePresenter{padding-left:0!important;padding-right:0!important;}
  .scheduleBody .vmScheduleTitleArea{height:auto!important;padding-right:0!important;overflow:visible!important;}
  .scheduleBody .vmScheduleTitleFlow{height:auto!important;line-height:1.25!important;overflow:visible!important;white-space:normal!important;}
  .scheduleBody .vmScheduleTitleFlow span{position:static!important;animation:vmScheduleV292Color 3.1s linear infinite!important;white-space:normal!important;}
}
/* VM v292 — END */


/* VM v294 — RAMÓWKA: powrót do układu v292 + stały rozmiar listy, przewijanie audycji i prawdziwa animacja kolorów.
   Zakres tylko ramowka.html. Bez zmian wyglądu kart poza blokadą wysokości i kolorem tytułów. */
.scheduleBody .vmSchedulePanel{
  min-height:610px!important;
  max-height:610px!important;
  overflow:hidden!important;
}
.scheduleBody .vmScheduleViewer{
  height:430px!important;
  min-height:430px!important;
  max-height:430px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding-right:8px!important;
  scrollbar-width:thin!important;
  scrollbar-color:rgba(255,139,35,.70) rgba(255,255,255,.06)!important;
}
.scheduleBody .vmScheduleViewer::-webkit-scrollbar{width:8px!important;}
.scheduleBody .vmScheduleViewer::-webkit-scrollbar-track{background:rgba(255,255,255,.055)!important;border-radius:999px!important;}
.scheduleBody .vmScheduleViewer::-webkit-scrollbar-thumb{background:linear-gradient(180deg,rgba(255,139,35,.92),rgba(255,106,0,.60))!important;border-radius:999px!important;}
.scheduleBody .vmScheduleCards{padding-right:2px!important;}
.scheduleBody .vmScheduleCard{
  grid-template-columns:150px 62px minmax(155px,205px) minmax(0,1fr)!important;
  gap:24px!important;
  min-height:82px!important;
  padding:13px 16px!important;
  overflow:hidden!important;
}
.scheduleBody .vmScheduleTitleArea{
  height:34px!important;
  overflow:hidden!important;
  padding-right:118px!important;
}
.scheduleBody .vmScheduleCard:not(.isLive) .vmScheduleTitleArea{padding-right:76px!important;}
.scheduleBody .vmScheduleTitleFlow{
  height:34px!important;
  line-height:34px!important;
  overflow:hidden!important;
  white-space:nowrap!important;
}
.scheduleBody .vmScheduleTitleFlow span{
  position:absolute!important;
  left:100%!important;
  top:0!important;
  background:none!important;
  -webkit-background-clip:border-box!important;
  background-clip:border-box!important;
  color:#ff9a2b!important;
  -webkit-text-fill-color:currentColor!important;
  filter:none!important;
  text-shadow:0 0 16px rgba(255,154,43,.45)!important;
  animation:vmScheduleV294Move var(--vmTitleSpeed, 13.8s) linear infinite,vmScheduleV294Color 3.1s linear infinite!important;
  will-change:transform,color,text-shadow!important;
}
.scheduleBody .vmScheduleCard.isLive .vmScheduleTitleFlow span{
  animation:vmScheduleV294Move var(--vmTitleSpeed, 13.4s) linear infinite,vmScheduleV294Color 2.7s linear infinite!important;
}
@keyframes vmScheduleV294Move{
  0%{transform:translateX(0)}
  100%{transform:translateX(calc(-1 * var(--vmTitleTravel, 920px)))}
}
@keyframes vmScheduleV294Color{
  0%{color:#ff9a2b;text-shadow:0 0 16px rgba(255,154,43,.48)}
  20%{color:#ffd166;text-shadow:0 0 18px rgba(255,209,102,.45)}
  40%{color:#35f38b;text-shadow:0 0 18px rgba(53,243,139,.42)}
  60%{color:#68b8ff;text-shadow:0 0 18px rgba(104,184,255,.42)}
  80%{color:#ff7bd5;text-shadow:0 0 18px rgba(255,123,213,.38)}
  100%{color:#ff9a2b;text-shadow:0 0 16px rgba(255,154,43,.48)}
}
@media(max-width:980px){
  .scheduleBody .vmSchedulePanel{max-height:none!important;}
  .scheduleBody .vmScheduleViewer{height:430px!important;max-height:430px!important;}
  .scheduleBody .vmScheduleCard{grid-template-columns:132px 56px minmax(120px,160px) minmax(0,1fr)!important;gap:16px!important;}
  .scheduleBody .vmScheduleTitleArea{padding-right:98px!important;}
  .scheduleBody .vmScheduleCard:not(.isLive) .vmScheduleTitleArea{padding-right:40px!important;}
}
@media(max-width:640px){
  .scheduleBody .vmSchedulePanel{max-height:none!important;}
  .scheduleBody .vmScheduleViewer{height:auto!important;max-height:none!important;overflow:visible!important;padding-right:0!important;}
  .scheduleBody .vmScheduleCard{grid-template-columns:1fr!important;gap:9px!important;}
  .scheduleBody .vmScheduleTitleArea{height:auto!important;padding-right:0!important;overflow:visible!important;}
  .scheduleBody .vmScheduleTitleFlow{height:auto!important;line-height:1.25!important;overflow:visible!important;white-space:normal!important;}
  .scheduleBody .vmScheduleTitleFlow span{position:static!important;animation:vmScheduleV294Color 3.1s linear infinite!important;white-space:normal!important;}
}
/* VM v294 — END */


/* VM v296 — Ramówka: powrót do układu prezenter + audycja w jednej linii, delikatnie zwężone karty,
   przesunięcie bloku avatar/nick/tytuł lekko w lewo, stały rozmiar + scroll bez ruszania reszty strony. */
.scheduleBody .vmSchedulePanel{
  min-height:610px!important;
  max-height:610px!important;
  overflow:hidden!important;
}
.scheduleBody .vmScheduleViewer{
  height:430px!important;
  min-height:430px!important;
  max-height:430px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding-right:8px!important;
  scrollbar-width:thin!important;
  scrollbar-color:rgba(255,139,35,.62) rgba(255,255,255,.045)!important;
}
.scheduleBody .vmScheduleViewer::-webkit-scrollbar{width:7px!important;}
.scheduleBody .vmScheduleViewer::-webkit-scrollbar-track{background:rgba(255,255,255,.045)!important;border-radius:999px!important;}
.scheduleBody .vmScheduleViewer::-webkit-scrollbar-thumb{background:linear-gradient(180deg,rgba(255,139,35,.82),rgba(255,106,0,.52))!important;border-radius:999px!important;}
.scheduleBody .vmScheduleCards{gap:11px!important;padding-right:2px!important;}
.scheduleBody .vmScheduleCard{
  grid-template-columns:132px 58px minmax(145px,190px) minmax(0,1fr)!important;
  gap:18px!important;
  min-height:78px!important;
  padding:11px 14px!important;
  overflow:hidden!important;
  align-items:center!important;
}
.scheduleBody .vmScheduleAvatar{
  width:56px!important;
  height:56px!important;
  border-radius:17px!important;
}
.scheduleBody .vmScheduleAvatar::before,
.scheduleBody .vmScheduleAvatar img{border-radius:17px!important;}
.scheduleBody .vmScheduleCard:hover .vmScheduleAvatar,
.scheduleBody .vmScheduleAvatar:hover{
  transform:scale(1.28)!important;
  z-index:30!important;
}
.scheduleBody .vmSchedulePresenter{
  min-width:0!important;
  padding-left:6px!important;
  padding-right:10px!important;
  z-index:5!important;
}
.scheduleBody .vmSchedulePresenter p{
  margin:0!important;
  color:#35f38b!important;
  font-weight:950!important;
  line-height:1.14!important;
  text-shadow:0 0 13px rgba(53,243,139,.24)!important;
  overflow-wrap:anywhere!important;
}
.scheduleBody .vmScheduleTitleArea{
  min-width:0!important;
  height:32px!important;
  overflow:hidden!important;
  padding-right:112px!important;
  z-index:2!important;
}
.scheduleBody .vmScheduleCard:not(.isLive) .vmScheduleTitleArea{padding-right:70px!important;}
.scheduleBody .vmScheduleTitleFlow{
  position:relative!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  transform:none!important;
  width:100%!important;
  max-width:100%!important;
  height:32px!important;
  line-height:32px!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-align:left!important;
  margin:0!important;
  padding:0!important;
  pointer-events:none!important;
}
.scheduleBody .vmScheduleTitleFlow::before,
.scheduleBody .vmScheduleTitleFlow::after{display:none!important;content:none!important;}
.scheduleBody .vmScheduleTitleFlow span{
  position:absolute!important;
  left:100%!important;
  right:auto!important;
  top:0!important;
  display:inline-block!important;
  width:max-content!important;
  max-width:none!important;
  padding:0!important;
  margin:0!important;
  white-space:nowrap!important;
  background:none!important;
  -webkit-background-clip:border-box!important;
  background-clip:border-box!important;
  color:#ff9a2b!important;
  -webkit-text-fill-color:#ff9a2b!important;
  filter:none!important;
  text-shadow:0 0 16px rgba(255,154,43,.46)!important;
  animation:vmScheduleV296Move var(--vmTitleSpeed, 13.4s) linear infinite,vmScheduleV296Color 2.85s linear infinite!important;
  will-change:transform,color,-webkit-text-fill-color,text-shadow!important;
}
.scheduleBody .vmScheduleCard.isLive .vmScheduleTitleFlow span{
  animation:vmScheduleV296Move var(--vmTitleSpeed, 13s) linear infinite,vmScheduleV296Color 2.45s linear infinite!important;
}
@keyframes vmScheduleV296Move{
  0%{transform:translateX(0)}
  100%{transform:translateX(calc(-1 * var(--vmTitleTravel, 900px)))}
}
@keyframes vmScheduleV296Color{
  0%{color:#ff9a2b;-webkit-text-fill-color:#ff9a2b;text-shadow:0 0 16px rgba(255,154,43,.52)}
  18%{color:#ffd166;-webkit-text-fill-color:#ffd166;text-shadow:0 0 17px rgba(255,209,102,.46)}
  38%{color:#35f38b;-webkit-text-fill-color:#35f38b;text-shadow:0 0 18px rgba(53,243,139,.44)}
  58%{color:#68b8ff;-webkit-text-fill-color:#68b8ff;text-shadow:0 0 18px rgba(104,184,255,.44)}
  78%{color:#ff7bd5;-webkit-text-fill-color:#ff7bd5;text-shadow:0 0 18px rgba(255,123,213,.40)}
  100%{color:#ff9a2b;-webkit-text-fill-color:#ff9a2b;text-shadow:0 0 16px rgba(255,154,43,.52)}
}
@media(max-width:980px){
  .scheduleBody .vmSchedulePanel{max-height:none!important;}
  .scheduleBody .vmScheduleViewer{height:430px!important;max-height:430px!important;}
  .scheduleBody .vmScheduleCard{grid-template-columns:122px 54px minmax(118px,158px) minmax(0,1fr)!important;gap:14px!important;}
  .scheduleBody .vmScheduleTitleArea{padding-right:92px!important;}
  .scheduleBody .vmScheduleCard:not(.isLive) .vmScheduleTitleArea{padding-right:38px!important;}
}
@media(max-width:640px){
  .scheduleBody .vmSchedulePanel{max-height:none!important;}
  .scheduleBody .vmScheduleViewer{height:auto!important;max-height:none!important;overflow:visible!important;padding-right:0!important;}
  .scheduleBody .vmScheduleCard{grid-template-columns:1fr!important;gap:9px!important;}
  .scheduleBody .vmScheduleTitleArea{height:auto!important;padding-right:0!important;overflow:visible!important;}
  .scheduleBody .vmScheduleTitleFlow{height:auto!important;line-height:1.25!important;overflow:visible!important;white-space:normal!important;}
  .scheduleBody .vmScheduleTitleFlow span{position:static!important;animation:vmScheduleV296Color 2.85s linear infinite!important;white-space:normal!important;}
}
/* VM v296 — END */


/* VM v297 — RAMÓWKA: kosmetyka układu po v296.
   Tylko: równy odstęp godzina/avatar/nick, tytuł minimalnie w lewo,
   spokojniejszy dół listy dni oraz realna zmiana kolorów tytułu przez JS. */
.scheduleBody .vmScheduleDays{
  background:linear-gradient(135deg,rgba(255,139,35,.14),rgba(31,72,130,.27) 48%,rgba(8,12,30,.90))!important;
}
.scheduleBody .vmScheduleDays::before,
.scheduleBody .vmScheduleDays::after{display:none!important;content:none!important;}
.scheduleBody .vmScheduleDays button strong,
.scheduleBody .vmScheduleDays button em,
.scheduleBody .vmScheduleDays button span{text-shadow:none!important;}
.scheduleBody .vmScheduleCard{
  grid-template-columns:132px 58px minmax(150px,172px) minmax(0,1fr)!important;
  gap:20px!important;
}
.scheduleBody .vmScheduleTime{justify-self:start!important;}
.scheduleBody .vmScheduleAvatar{justify-self:center!important;align-self:center!important;}
.scheduleBody .vmSchedulePresenter{
  padding-left:0!important;
  padding-right:6px!important;
  align-self:center!important;
}
.scheduleBody .vmSchedulePresenter p{line-height:1.16!important;}
.scheduleBody .vmScheduleTitleArea{
  transform:translateX(-10px)!important;
  padding-right:108px!important;
}
.scheduleBody .vmScheduleCard:not(.isLive) .vmScheduleTitleArea{padding-right:66px!important;}
.scheduleBody .vmScheduleTitleFlow span{
  color:var(--vmLiveTitleColor,#ff9a2b)!important;
  -webkit-text-fill-color:var(--vmLiveTitleColor,#ff9a2b)!important;
  text-shadow:0 0 16px var(--vmLiveTitleGlow,rgba(255,154,43,.48))!important;
}
@media(max-width:980px){
  .scheduleBody .vmScheduleCard{grid-template-columns:122px 54px minmax(118px,154px) minmax(0,1fr)!important;gap:15px!important;}
  .scheduleBody .vmScheduleTitleArea{transform:none!important;padding-right:92px!important;}
  .scheduleBody .vmScheduleCard:not(.isLive) .vmScheduleTitleArea{padding-right:38px!important;}
}
@media(max-width:640px){
  .scheduleBody .vmScheduleTitleArea{transform:none!important;}
}
/* VM v297 — END */


/* VM v298 — RAMÓWKA: tylko korekta po v297.
   Wyrównanie toru tytułu dla zwykłych i NA ŻYWO + realne mieniące kolory bez ruszania układu strony. */
.scheduleBody .vmScheduleTitleArea{
  transform:translateX(-14px)!important;
  padding-right:104px!important;
}
.scheduleBody .vmScheduleCard:not(.isLive) .vmScheduleTitleArea,
.scheduleBody .vmScheduleCard.isLive .vmScheduleTitleArea{
  padding-right:104px!important;
}
.scheduleBody .vmScheduleLiveBadge{
  right:16px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  padding:5px 12px!important;
  border:1px solid rgba(53,243,139,.72)!important;
  box-shadow:0 0 0 1px rgba(53,243,139,.18) inset,0 0 18px rgba(53,243,139,.18)!important;
  background:rgba(18,54,43,.54)!important;
}
.scheduleBody .vmScheduleTitleFlow span{
  background:linear-gradient(90deg,#ff8a18 0%,#ffd166 18%,#35f38b 38%,#68b8ff 58%,#ff7bd5 78%,#ff8a18 100%)!important;
  background-size:260% 100%!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  color:transparent!important;
  -webkit-text-fill-color:transparent!important;
  text-shadow:0 0 16px rgba(255,139,35,.30),0 0 20px rgba(53,243,139,.14)!important;
  animation:vmScheduleV298Move var(--vmTitleSpeed, 13.4s) linear infinite,vmScheduleV298Color 2.35s linear infinite!important;
}
.scheduleBody .vmScheduleCard.isLive .vmScheduleTitleFlow span{
  animation:vmScheduleV298Move var(--vmTitleSpeed, 13.4s) linear infinite,vmScheduleV298Color 2.35s linear infinite!important;
}
@keyframes vmScheduleV298Move{
  0%{transform:translateX(0)}
  100%{transform:translateX(calc(-1 * var(--vmTitleTravel, 900px)))}
}
@keyframes vmScheduleV298Color{
  0%{background-position:0% 50%;filter:drop-shadow(0 0 4px rgba(255,139,35,.30))}
  25%{background-position:70% 50%;filter:drop-shadow(0 0 5px rgba(53,243,139,.28))}
  50%{background-position:140% 50%;filter:drop-shadow(0 0 5px rgba(104,184,255,.24))}
  75%{background-position:210% 50%;filter:drop-shadow(0 0 5px rgba(255,123,213,.24))}
  100%{background-position:260% 50%;filter:drop-shadow(0 0 4px rgba(255,139,35,.30))}
}
@media(max-width:980px){
  .scheduleBody .vmScheduleTitleArea{transform:none!important;padding-right:92px!important;}
  .scheduleBody .vmScheduleCard:not(.isLive) .vmScheduleTitleArea,
  .scheduleBody .vmScheduleCard.isLive .vmScheduleTitleArea{padding-right:92px!important;}
}
@media(max-width:640px){
  .scheduleBody .vmScheduleTitleArea{transform:none!important;padding-right:0!important;}
}
/* VM v298 — END */

/* VM v299 — RAMÓWKA: tylko naprawa realnej zmiany kolorów tytułów.
   Bez zmian układu, marginesów, scrolla, live badge i działania ramówki. */
.scheduleBody .vmScheduleTitleFlow span.vmTitleColorLive{
  background:none!important;
  background-image:none!important;
  -webkit-background-clip:initial!important;
  background-clip:initial!important;
  color:var(--vmScheduleDynamicTitleColor,#ff9a2b)!important;
  -webkit-text-fill-color:var(--vmScheduleDynamicTitleColor,#ff9a2b)!important;
  text-shadow:
    0 0 12px var(--vmScheduleDynamicTitleGlow,rgba(255,154,43,.52)),
    0 0 22px var(--vmScheduleDynamicTitleGlowSoft,rgba(255,154,43,.22))!important;
  transition:color .42s ease,-webkit-text-fill-color .42s ease,text-shadow .42s ease!important;
  animation:vmScheduleV298Move var(--vmTitleSpeed, 13.4s) linear infinite!important;
}
.scheduleBody .vmScheduleCard.isLive .vmScheduleTitleFlow span.vmTitleColorLive{
  animation:vmScheduleV298Move var(--vmTitleSpeed, 13.4s) linear infinite!important;
}
@media(max-width:640px){
  .scheduleBody .vmScheduleTitleFlow span.vmTitleColorLive{
    animation:vmScheduleV296Color 2.85s linear infinite!important;
  }
}
/* VM v299 — END */


/* VM v300 — Ramówka Premium w popupie na stronie głównej.
   Używa tej samej ramówki i tych samych funkcji; bez budowania nowego widoku od zera. */
#vmModal.vmSchedulePopupBox{
  z-index:120!important;
  padding:18px!important;
}
#vmModal.vmSchedulePopupBox .modalCard{
  width:min(1240px,calc(100vw - 44px))!important;
  height:min(820px,calc(100vh - 44px))!important;
  border-radius:30px!important;
  background:linear-gradient(145deg,rgba(8,13,31,.98),rgba(8,18,42,.98))!important;
  border:1px solid rgba(255,255,255,.16)!important;
  box-shadow:0 42px 130px rgba(0,0,0,.62),0 0 70px rgba(255,122,24,.12)!important;
}
#vmModal.vmSchedulePopupBox .modalHead{
  height:58px!important;
  background:linear-gradient(90deg,rgba(255,122,24,.14),rgba(47,140,255,.12))!important;
}
#vmModal.vmSchedulePopupBox iframe{
  height:calc(100% - 58px)!important;
  background:transparent!important;
}
html.vmSchedulePopupMode,
body.vmSchedulePopupMode{
  width:100%!important;
  min-height:100%!important;
  height:100%!important;
  overflow:hidden!important;
  background:transparent!important;
}
body.vmSchedulePopupMode:before,
body.vmSchedulePopupMode:after,
body.vmSchedulePopupMode .top,
body.vmSchedulePopupMode .quickDock,
body.vmSchedulePopupMode .footer,
body.vmSchedulePopupMode .schedulePage .subHero{
  display:none!important;
}
body.vmSchedulePopupMode .schedulePage{
  margin:0!important;
  padding:18px 18px 20px!important;
  min-height:100vh!important;
  height:100vh!important;
  overflow:hidden!important;
}
body.vmSchedulePopupMode .schedulePremiumSection{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  height:calc(100vh - 38px)!important;
}
body.vmSchedulePopupMode .vmSchedulePremium{
  height:100%!important;
  min-height:0!important;
  margin:0!important;
}
body.vmSchedulePopupMode .vmSchedulePanel{
  min-height:0!important;
}
body.vmSchedulePopupMode .vmScheduleViewer{
  max-height:calc(100vh - 218px)!important;
  min-height:0!important;
  overflow-y:auto!important;
}
body.vmSchedulePopupMode .vmScheduleDays{
  min-height:0!important;
  height:100%!important;
}
@media (max-width:900px){
  #vmModal.vmSchedulePopupBox{padding:8px!important;}
  #vmModal.vmSchedulePopupBox .modalCard{width:calc(100vw - 16px)!important;height:calc(100vh - 16px)!important;border-radius:22px!important;}
  body.vmSchedulePopupMode .schedulePage{padding:10px!important;}
  body.vmSchedulePopupMode .schedulePremiumSection{height:calc(100vh - 20px)!important;}
  body.vmSchedulePopupMode .vmScheduleViewer{max-height:calc(100vh - 260px)!important;}
}


/* VM v301 — Popup ramówki ma wyglądać jak ramówka z podstrony.
   Bez budowania ramówki od nowa: tylko dopasowanie okna popup, żeby iframe nie ściskał gotowego układu. */
#vmModal.vmSchedulePopupBox{
  padding:8px!important;
  background:rgba(0,0,0,.66)!important;
  backdrop-filter:blur(12px)!important;
}
#vmModal.vmSchedulePopupBox .modalCard{
  width:calc(100vw - 16px)!important;
  height:calc(100vh - 16px)!important;
  max-width:none!important;
  max-height:none!important;
  border-radius:26px!important;
  background:transparent!important;
  border:0!important;
  box-shadow:0 40px 120px rgba(0,0,0,.55)!important;
  overflow:hidden!important;
}
#vmModal.vmSchedulePopupBox .modalHead{
  position:absolute!important;
  top:14px!important;
  right:18px!important;
  z-index:5!important;
  width:auto!important;
  height:auto!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
#vmModal.vmSchedulePopupBox .modalHead strong{display:none!important;}
#vmModal.vmSchedulePopupBox .close{
  background:rgba(255,255,255,.10)!important;
  border:1px solid rgba(255,255,255,.22)!important;
  box-shadow:0 14px 32px rgba(0,0,0,.22)!important;
  backdrop-filter:blur(14px)!important;
}
#vmModal.vmSchedulePopupBox iframe{
  width:100%!important;
  height:100%!important;
  display:block!important;
  background:transparent!important;
}
html.vmSchedulePopupMode,
body.vmSchedulePopupMode{
  width:100%!important;
  min-height:100%!important;
  height:100%!important;
  overflow:hidden!important;
  background:transparent!important;
}
body.vmSchedulePopupMode:before,
body.vmSchedulePopupMode:after,
body.vmSchedulePopupMode .top,
body.vmSchedulePopupMode .quickDock,
body.vmSchedulePopupMode .footer,
body.vmSchedulePopupMode .schedulePage .subHero{
  display:none!important;
}
body.vmSchedulePopupMode .schedulePage{
  margin:0!important;
  padding:0!important;
  min-height:100vh!important;
  height:100vh!important;
  overflow:hidden!important;
}
body.vmSchedulePopupMode .schedulePremiumSection{
  width:min(1240px,calc(100% - 32px))!important;
  max-width:1240px!important;
  margin:0 auto!important;
  padding:0!important;
  height:100vh!important;
  display:flex!important;
  align-items:center!important;
}
body.vmSchedulePopupMode .vmSchedulePremium{
  width:100%!important;
  height:min(680px,calc(100vh - 28px))!important;
  min-height:0!important;
  margin:0!important;
  align-items:stretch!important;
}
body.vmSchedulePopupMode .vmScheduleDays,
body.vmSchedulePopupMode .vmSchedulePanel{
  min-height:0!important;
  height:100%!important;
}
body.vmSchedulePopupMode .vmSchedulePanel{
  padding:24px!important;
}
body.vmSchedulePopupMode .vmSchedulePanelHead{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  flex-wrap:nowrap!important;
}
body.vmSchedulePopupMode .vmScheduleNav{
  flex-wrap:nowrap!important;
  min-width:330px!important;
}
body.vmSchedulePopupMode .vmScheduleViewer{
  height:calc(100% - 152px)!important;
  max-height:none!important;
  min-height:0!important;
  overflow-y:auto!important;
  padding-right:10px!important;
}
@media (max-width:900px){
  #vmModal.vmSchedulePopupBox{padding:6px!important;}
  #vmModal.vmSchedulePopupBox .modalCard{width:calc(100vw - 12px)!important;height:calc(100vh - 12px)!important;border-radius:20px!important;}
  body.vmSchedulePopupMode .schedulePremiumSection{width:calc(100% - 14px)!important;height:100vh!important;align-items:flex-start!important;padding-top:8px!important;}
  body.vmSchedulePopupMode .vmSchedulePremium{height:calc(100vh - 16px)!important;}
  body.vmSchedulePopupMode .vmSchedulePanelHead{display:block!important;}
  body.vmSchedulePopupMode .vmScheduleNav{flex-wrap:wrap!important;min-width:0!important;justify-content:flex-start!important;margin-top:10px!important;}
  body.vmSchedulePopupMode .vmScheduleViewer{height:calc(100% - 210px)!important;}
}
/* VM v301 — END */


/* VM v302 — Ramówka popup 1:1 jak gotowa podstrona.
   Nie przebudowuje ramówki i nie zmienia animacji tytułów; usuwa tylko dodatkowe ściskanie popupu z v300/v301. */
#vmModal.vmSchedulePopupBox{
  padding:8px!important;
  background:rgba(0,0,0,.66)!important;
  backdrop-filter:blur(12px)!important;
}
#vmModal.vmSchedulePopupBox .modalCard{
  width:calc(100vw - 16px)!important;
  height:calc(100vh - 16px)!important;
  max-width:none!important;
  max-height:none!important;
  border-radius:26px!important;
  background:transparent!important;
  border:0!important;
  box-shadow:0 40px 120px rgba(0,0,0,.55)!important;
  overflow:hidden!important;
}
#vmModal.vmSchedulePopupBox .modalHead{
  position:absolute!important;
  top:14px!important;
  right:18px!important;
  z-index:5!important;
  width:auto!important;
  height:auto!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
#vmModal.vmSchedulePopupBox .modalHead strong{display:none!important;}
#vmModal.vmSchedulePopupBox .close{
  background:rgba(255,255,255,.10)!important;
  border:1px solid rgba(255,255,255,.22)!important;
  box-shadow:0 14px 32px rgba(0,0,0,.22)!important;
  backdrop-filter:blur(14px)!important;
}
#vmModal.vmSchedulePopupBox iframe{
  width:100%!important;
  height:100%!important;
  display:block!important;
  background:transparent!important;
}
html.vmSchedulePopupMode,
body.vmSchedulePopupMode{
  width:100%!important;
  min-height:100%!important;
  height:auto!important;
  overflow:auto!important;
  background:transparent!important;
}
body.vmSchedulePopupMode:before,
body.vmSchedulePopupMode:after,
body.vmSchedulePopupMode .top,
body.vmSchedulePopupMode .quickDock,
body.vmSchedulePopupMode .footer,
body.vmSchedulePopupMode .schedulePage .subHero{
  display:none!important;
}
body.vmSchedulePopupMode .schedulePage{
  margin:0!important;
  padding:0!important;
  min-height:auto!important;
  height:auto!important;
  overflow:visible!important;
}
body.vmSchedulePopupMode .schedulePremiumSection{
  width:min(1240px,calc(100% - 32px))!important;
  max-width:1240px!important;
  margin:0 auto!important;
  padding:14px 0 38px!important;
  height:auto!important;
  display:block!important;
  align-items:initial!important;
}
body.vmSchedulePopupMode .vmSchedulePremium{
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  align-items:stretch!important;
}
body.vmSchedulePopupMode .vmScheduleDays,
body.vmSchedulePopupMode .vmSchedulePanel{
  height:auto!important;
  min-height:0!important;
}
body.vmSchedulePopupMode .vmSchedulePanel{
  padding:24px!important;
}
body.vmSchedulePopupMode .vmSchedulePanelHead{
  position:relative!important;
  z-index:1!important;
  display:flex!important;
  justify-content:space-between!important;
  gap:18px!important;
  align-items:flex-start!important;
  margin-bottom:18px!important;
  flex-wrap:nowrap!important;
}
body.vmSchedulePopupMode .vmScheduleNav{
  display:flex!important;
  gap:10px!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  justify-content:flex-end!important;
  min-width:310px!important;
}
body.vmSchedulePopupMode .vmScheduleViewer{
  height:430px!important;
  min-height:430px!important;
  max-height:430px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding-right:8px!important;
}
@media(max-width:900px){
  #vmModal.vmSchedulePopupBox{padding:6px!important;}
  #vmModal.vmSchedulePopupBox .modalCard{width:calc(100vw - 12px)!important;height:calc(100vh - 12px)!important;border-radius:20px!important;}
  body.vmSchedulePopupMode .schedulePremiumSection{width:calc(100% - 14px)!important;padding:8px 0 20px!important;}
  body.vmSchedulePopupMode .vmSchedulePanelHead{display:block!important;}
  body.vmSchedulePopupMode .vmScheduleNav{flex-wrap:wrap!important;min-width:0!important;justify-content:flex-start!important;margin-top:10px!important;}
  body.vmSchedulePopupMode .vmScheduleViewer{height:430px!important;max-height:430px!important;}
}
/* VM v302 — END */


/* VM v303 — tylko płynniejsze przewijanie tytułów audycji w popupie ramówki.
   Bez zmian układu, marginesów, kolorów, scrolla i wyglądu podstrony. */
body.vmSchedulePopupMode .vmScheduleTitleFlow span.vmTitleColorLive{
  animation:vmSchedulePopupSmoothMove var(--vmTitleSpeed,13.8s) linear infinite!important;
  will-change:transform!important;
  transform:translate3d(0,0,0);
  backface-visibility:hidden!important;
  -webkit-font-smoothing:antialiased!important;
}
body.vmSchedulePopupMode .vmScheduleCard.isLive .vmScheduleTitleFlow span.vmTitleColorLive{
  animation:vmSchedulePopupSmoothMove var(--vmTitleSpeed,13.8s) linear infinite!important;
}
@keyframes vmSchedulePopupSmoothMove{
  0%{transform:translate3d(0,0,0)}
  100%{transform:translate3d(calc(-1 * var(--vmTitleTravel, 920px)),0,0)}
}
/* VM v303 — END */


/* VM v304 — POPUP RAMÓWKI: tylko płynność tytułów audycji.
   Tytuł w popupie przesuwany requestAnimationFrame jak w dopracowanych popupach pozdrowień; reszta bez zmian. */
body.vmSchedulePopupMode .vmScheduleTitleFlow span.vmTitlePopupSmooth,
body.vmSchedulePopupMode .vmScheduleCard.isLive .vmScheduleTitleFlow span.vmTitlePopupSmooth{
  animation:none!important;
  will-change:transform!important;
  transform:translate3d(0,-50%,0);
  backface-visibility:hidden!important;
  -webkit-font-smoothing:antialiased!important;
}
/* VM v304 — END */


/* VM v305 — POPUP RAMÓWKI: tylko płynne przewijanie tytułów jak w dopracowanym przewijaniu z pozdrowień/playera.
   Bez zmian układu, marginesów, kolorów, popupu, wysokości i scrolla. */
body.vmSchedulePopupMode .vmScheduleTitleFlow{
  transform:translateZ(0)!important;
  backface-visibility:hidden!important;
  -webkit-font-smoothing:antialiased!important;
}
body.vmSchedulePopupMode .vmScheduleTitleFlow span.vmTitlePopupSmooth,
body.vmSchedulePopupMode .vmScheduleCard.isLive .vmScheduleTitleFlow span.vmTitlePopupSmooth{
  position:absolute!important;
  top:50%!important;
  left:100%!important;
  right:auto!important;
  display:inline-flex!important;
  align-items:center!important;
  width:max-content!important;
  min-width:max-content!important;
  max-width:none!important;
  height:32px!important;
  line-height:32px!important;
  margin:0!important;
  padding:0!important;
  white-space:nowrap!important;
  overflow:visible!important;
  opacity:1!important;
  visibility:visible!important;
  translate:none!important;
  transform:translate3d(0,-50%,0)!important;
  will-change:transform!important;
  backface-visibility:hidden!important;
  -webkit-font-smoothing:antialiased!important;
  animation:vmSchedulePopupPozdrowieniaSmooth 11.8s linear infinite!important;
  animation-delay:-1.05s!important;
}
@keyframes vmSchedulePopupPozdrowieniaSmooth{
  0%{transform:translate3d(0,-50%,0);opacity:1;visibility:visible;}
  86%{transform:translate3d(calc(-100% - 340px),-50%,0);opacity:1;visibility:visible;}
  100%{transform:translate3d(calc(-100% - 340px),-50%,0);opacity:0;visibility:visible;}
}
/* VM v305 — END */

/* VM v306 — POPUP RAMÓWKI: tylko płynność tytułu jak w pozdrowieniach + delikatne tło pod ramówką.
   Nie rusza układu kart, godzin, avatarów, nicków, dni ani wysokości. */
body.vmSchedulePopupMode .vmSchedulePremium{
  position:relative!important;
  isolation:isolate!important;
}
body.vmSchedulePopupMode .vmSchedulePremium::before{
  content:""!important;
  position:absolute!important;
  inset:-10px!important;
  z-index:-1!important;
  border-radius:28px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  background:
    radial-gradient(circle at 12% 10%,rgba(255,139,35,.16),transparent 30%),
    radial-gradient(circle at 82% 18%,rgba(47,140,255,.15),transparent 32%),
    radial-gradient(circle at 50% 95%,rgba(255,63,180,.10),transparent 34%),
    linear-gradient(135deg,rgba(255,255,255,.045),rgba(5,9,24,.56))!important;
  box-shadow:0 30px 90px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.08)!important;
  pointer-events:none!important;
}
body.vmSchedulePopupMode .vmScheduleDays,
body.vmSchedulePopupMode .vmSchedulePanel{
  background:linear-gradient(135deg,rgba(255,139,35,.15),rgba(31,72,130,.28) 48%,rgba(8,12,30,.90))!important;
}
body.vmSchedulePopupMode .vmScheduleTitleFlow span.vmTitlePopupSmooth,
body.vmSchedulePopupMode .vmScheduleCard.isLive .vmScheduleTitleFlow span.vmTitlePopupSmooth{
  animation:none!important;
  transition:none!important;
  will-change:transform!important;
  backface-visibility:hidden!important;
  -webkit-font-smoothing:antialiased!important;
}
/* VM v306 — END */