/* Full-bleed landing heroes. Artwork is decorative; the existing H1 remains semantic. */
.mzk-catalog--novynky>.mzk-page-head{--mzk-section-hero:url(../images/heroes/new-releases.webp)}
.mzk-artists>.mzk-page-head{--mzk-section-hero:url(../images/heroes/artists.webp)}
.mzk-genres>.mzk-page-head{--mzk-section-hero:url(../images/heroes/genres-studio-v2.webp)}
.mzk-pidbirky>.mzk-page-head{--mzk-section-hero:url(../images/heroes/collections.webp)}
.mzk-radio-head--ukraine{--mzk-section-hero:url(../images/heroes/radio-ukraine.webp)}
.mzk-radio-head--russia{--mzk-section-hero:url(../images/heroes/radio-russia.webp)}
.mzk-radio-head--america{--mzk-section-hero:url(../images/heroes/radio-america.webp)}
.mzk-tv>.mzk-tv-head{--mzk-section-hero:url(../images/heroes/live-tv.webp)}
.mzk-catalog--charts>.mzk-page-head{--mzk-section-hero:url(../images/heroes/charts.webp)}
.mzk-top100>.mzk-top100-hero{--mzk-section-hero:url(../images/heroes/top-100.webp)}

/* Individual music genre pages use distinct artwork while sharing one layout. */
.mzk-genre-hero[data-cat-id="20"]{--mzk-genre-hero-image:url(../images/heroes/genres/pop-v1.webp)}
.mzk-genre-hero[data-cat-id="19"]{--mzk-genre-hero-image:url(../images/heroes/genres/rock-v1.webp)}
.mzk-genre-hero[data-cat-id="22"]{--mzk-genre-hero-image:url(../images/heroes/genres/jazz-v1.webp)}
.mzk-genre-hero[data-cat-id="12"]{--mzk-genre-hero-image:url(../images/heroes/genres/dance-v1.webp)}
.mzk-genre-hero[data-cat-id="52"]{--mzk-genre-hero-image:url(../images/heroes/genres/blues-v1.webp)}
.mzk-genre-hero[data-cat-id="18"]{--mzk-genre-hero-image:url(../images/heroes/genres/hip-hop-rap-v1.webp)}
.mzk-genre-hero[data-cat-id="54"]{--mzk-genre-hero-image:url(../images/heroes/genres/ethno-pop-v1.webp)}
.mzk-genre-hero[data-cat-id="17"]{--mzk-genre-hero-image:url(../images/heroes/genres/club-v1.webp)}
.mzk-genre-hero[data-cat-id="21"]{--mzk-genre-hero-image:url(../images/heroes/genres/electronic-v1.webp)}
.mzk-genre-hero[data-cat-id="28"]{--mzk-genre-hero-image:url(../images/heroes/genres/chanson-v1.webp)}
.mzk-genre-hero[data-cat-id="55"]{--mzk-genre-hero-image:url(../images/heroes/genres/indie-alternative-v1.webp)}
.mzk-mood-hero[data-cat-id="10"]{--mzk-genre-hero-image:url(../images/heroes/genres/popular-v1.webp)}
.mzk-genre-hero[data-cat-id="90"]{--mzk-genre-hero-image:url(../images/heroes/genres/ukrainian-v1.webp)}
.mzk-genre-hero[data-cat-id="11"]{--mzk-genre-hero-image:url(../images/heroes/genres/classical-v1.webp)}
.mzk-genre-hero[data-cat-id="56"]{--mzk-genre-hero-image:url(../images/heroes/genres/folk-rock-v1.webp)}
.mzk-genre-hero[data-cat-id="57"]{--mzk-genre-hero-image:url(../images/heroes/genres/remixes-v1.webp)}
.mzk-genre-hero[data-cat-id="31"]{--mzk-genre-hero-image:url(../images/heroes/genres/rnb-v1.webp)}

.mzk-catalog--category>:is(.mzk-genre-hero,.mzk-mood-hero[data-cat-id="10"]){
  position:relative;
  isolation:isolate;
  box-sizing:border-box;
  display:flex;
  min-height:270px;
  flex-direction:column;
  justify-content:flex-start;
  overflow:hidden;
  margin:-16px -24px 26px;
  padding:30px 32px 38px;
  border:0;
  border-radius:0;
  background-color:#07111a;
  background-image:linear-gradient(180deg,transparent 58%,#07111a 100%),linear-gradient(90deg,#07111a 0%,rgba(7,17,26,.98) 39%,rgba(7,17,26,.72) 63%,rgba(7,17,26,.06) 100%),var(--mzk-genre-hero-image);
  background-position:center;
  background-size:cover;
  box-shadow:none;
}
.mzk-catalog--category>:is(.mzk-genre-hero,.mzk-mood-hero[data-cat-id="10"])>.mzk-page-head{position:relative;z-index:1;margin:0;padding:0;border:0;background:none;box-shadow:none}
.mzk-catalog--category>:is(.mzk-genre-hero,.mzk-mood-hero[data-cat-id="10"])>nav:first-child{position:relative;z-index:1;min-height:20px;margin:0 0 44px;color:#8394a8;font-size:13px}
.mzk-catalog--category>:is(.mzk-genre-hero,.mzk-mood-hero[data-cat-id="10"])>nav:first-child a{color:#aab8c8;text-decoration:none}
.mzk-catalog--category>:is(.mzk-genre-hero,.mzk-mood-hero[data-cat-id="10"]) .mzk-page-head__title{max-width:760px;margin:0;color:#fff!important;font-size:clamp(29px,2.7vw,40px);line-height:1.08;letter-spacing:-.035em;text-shadow:0 2px 18px rgba(0,0,0,.24)}
.mzk-catalog--category>:is(.mzk-genre-hero,.mzk-mood-hero[data-cat-id="10"]) .mzk-page-head__desc{max-width:700px;margin:12px 0 0;color:#c1ccd8!important;font-size:16px;line-height:1.6;text-shadow:0 1px 12px rgba(0,0,0,.28)}
.mzk-catalog--category>:is(.mzk-genre-hero,.mzk-mood-hero[data-cat-id="10"]) .mzk-page-head__title svg{color:#ffa200}

html[data-theme=light] .mzk-catalog--category>:is(.mzk-genre-hero,.mzk-mood-hero[data-cat-id="10"]){
  background-color:#f5f7fb;
  background-image:linear-gradient(180deg,transparent 58%,#f5f7fb 100%),linear-gradient(90deg,#f5f7fb 0%,rgba(245,247,251,.98) 39%,rgba(245,247,251,.74) 63%,rgba(245,247,251,.06) 100%),var(--mzk-genre-hero-image);
}
html[data-theme=light] .mzk-catalog--category>:is(.mzk-genre-hero,.mzk-mood-hero[data-cat-id="10"]) .mzk-page-head__title{color:#172436!important;text-shadow:none}
html[data-theme=light] .mzk-catalog--category>:is(.mzk-genre-hero,.mzk-mood-hero[data-cat-id="10"]) .mzk-page-head__desc{color:#52647a!important;text-shadow:none}
html[data-theme=light] .mzk-catalog--category>:is(.mzk-genre-hero,.mzk-mood-hero[data-cat-id="10"])>nav:first-child{color:#718096}
html[data-theme=light] .mzk-catalog--category>:is(.mzk-genre-hero,.mzk-mood-hero[data-cat-id="10"])>nav:first-child a{color:#53647a}

/* Homepage H1 hero: edge-to-edge and blended into the page, never a card. */
.mzk-home-intro{
  box-sizing:border-box;
  display:flex;
  min-height:300px;
  flex-direction:column;
  justify-content:center;
  overflow:hidden;
  margin:-24px -24px 38px;
  padding:44px 32px 52px;
  border:0;
  border-radius:0;
  background-color:#07111a;
  background-image:linear-gradient(180deg,transparent 58%,#07111a 100%),linear-gradient(90deg,#07111a 0%,rgba(7,17,26,.98) 39%,rgba(7,17,26,.72) 63%,rgba(7,17,26,.06) 100%),url(../images/heroes/home-listening-v1.webp);
  background-position:center;
  background-size:cover;
  box-shadow:none;
}
.mzk-home-intro h1{max-width:780px;margin:0;color:#fff!important;font-size:clamp(31px,3vw,44px);line-height:1.08;text-shadow:0 2px 18px rgba(0,0,0,.24)}
.mzk-home-intro p{max-width:700px;margin:15px 0 0;color:#c1ccd8!important;font-size:17px;line-height:1.6;text-shadow:0 1px 12px rgba(0,0,0,.28)}
html[data-theme=light] .mzk-home-intro{
  background-color:#f5f7fb;
  background-image:linear-gradient(180deg,transparent 58%,#f5f7fb 100%),linear-gradient(90deg,#f5f7fb 0%,rgba(245,247,251,.98) 39%,rgba(245,247,251,.74) 63%,rgba(245,247,251,.06) 100%),url(../images/heroes/home-listening-v1.webp);
}
html[data-theme=light] .mzk-home-intro h1{color:#172436!important;text-shadow:none}
html[data-theme=light] .mzk-home-intro p{color:#52647a!important;text-shadow:none}

@media(max-width:768px){
  .mzk-home-intro{
    min-height:236px;
    margin:-16px -16px 30px;
    padding:34px 16px 42px;
    background-image:linear-gradient(180deg,transparent 55%,#07111a 100%),linear-gradient(90deg,rgba(7,17,26,.99) 0%,rgba(7,17,26,.94) 62%,rgba(7,17,26,.4) 100%),url(../images/heroes/home-listening-v1.webp);
    background-position:62% center;
  }
  .mzk-home-intro h1{font-size:clamp(27px,7vw,34px)}
  .mzk-home-intro p{max-width:560px;font-size:14px;line-height:1.55}
  html[data-theme=light] .mzk-home-intro{background-image:linear-gradient(180deg,transparent 55%,#f5f7fb 100%),linear-gradient(90deg,rgba(245,247,251,.99) 0%,rgba(245,247,251,.94) 62%,rgba(245,247,251,.4) 100%),url(../images/heroes/home-listening-v1.webp)}
}

:is(
  .mzk-catalog--novynky>.mzk-page-head,
  .mzk-artists>.mzk-page-head,
  .mzk-genres>.mzk-page-head,
  .mzk-pidbirky>.mzk-page-head,
  .mzk-radio>.mzk-radio-head,
  .mzk-tv>.mzk-tv-head,
  .mzk-catalog--charts>.mzk-page-head,
  .mzk-top100>.mzk-top100-hero
){
  position:relative;
  isolation:isolate;
  box-sizing:border-box;
  display:flex;
  min-height:270px;
  flex-direction:column;
  justify-content:flex-start;
  overflow:hidden;
  max-width:none;
  margin-top:-24px;
  margin-right:-32px;
  margin-bottom:26px;
  margin-left:-32px;
  padding:30px 40px 38px;
  border:0;
  border-radius:0;
  background-color:#07111a;
  background-image:linear-gradient(180deg,transparent 58%,#07111a 100%),linear-gradient(90deg,#07111a 0%,rgba(7,17,26,.98) 39%,rgba(7,17,26,.72) 63%,rgba(7,17,26,.06) 100%),var(--mzk-section-hero);
  background-position:center;
  background-size:cover;
  box-shadow:none;
}

.mzk-artists>.mzk-page-head{margin-top:-16px;margin-right:-24px;margin-left:-24px;padding-right:32px;padding-left:32px}
.mzk-radio>.mzk-radio-head{margin-right:-24px;margin-left:-24px;padding-right:32px;padding-left:32px}
.mzk-top100>.mzk-top100-hero{margin-top:-8px;margin-right:-24px;margin-left:-24px;padding-right:32px;padding-left:32px}

:is(
  .mzk-catalog--novynky>.mzk-page-head,
  .mzk-artists>.mzk-page-head,
  .mzk-genres>.mzk-page-head,
  .mzk-pidbirky>.mzk-page-head,
  .mzk-radio>.mzk-radio-head,
  .mzk-tv>.mzk-tv-head,
  .mzk-catalog--charts>.mzk-page-head,
  .mzk-top100>.mzk-top100-hero
) :is(.mzk-page-head__title,.mzk-top100-hero__title){
  position:relative;
  z-index:1;
  max-width:760px;
  margin:0;
  color:#fff!important;
  font-size:clamp(29px,2.7vw,40px);
  line-height:1.08;
  letter-spacing:-.035em;
  text-shadow:0 2px 18px rgba(0,0,0,.24);
}

:is(
  .mzk-catalog--novynky>.mzk-page-head,
  .mzk-artists>.mzk-page-head,
  .mzk-genres>.mzk-page-head,
  .mzk-pidbirky>.mzk-page-head,
  .mzk-radio>.mzk-radio-head,
  .mzk-tv>.mzk-tv-head,
  .mzk-catalog--charts>.mzk-page-head,
  .mzk-top100>.mzk-top100-hero
) :is(.mzk-page-head__desc,.mzk-top100-hero__desc){
  position:relative;
  z-index:1;
  max-width:700px;
  margin:12px 0 0;
  color:#c1ccd8!important;
  font-size:16px;
  line-height:1.6;
  text-shadow:0 1px 12px rgba(0,0,0,.28);
}

:is(
  .mzk-catalog--novynky>.mzk-page-head,
  .mzk-artists>.mzk-page-head,
  .mzk-genres>.mzk-page-head,
  .mzk-pidbirky>.mzk-page-head,
  .mzk-radio>.mzk-radio-head,
  .mzk-tv>.mzk-tv-head,
  .mzk-catalog--charts>.mzk-page-head,
  .mzk-top100>.mzk-top100-hero
)>nav:first-child{
  position:relative;
  z-index:1;
  min-height:20px;
  margin:0 0 44px;
  color:#8394a8;
  font-size:13px;
}
:is(
  .mzk-catalog--novynky>.mzk-page-head,
  .mzk-artists>.mzk-page-head,
  .mzk-genres>.mzk-page-head,
  .mzk-pidbirky>.mzk-page-head,
  .mzk-radio>.mzk-radio-head,
  .mzk-tv>.mzk-tv-head,
  .mzk-catalog--charts>.mzk-page-head,
  .mzk-top100>.mzk-top100-hero
)>nav:first-child a{color:#aab8c8;text-decoration:none}

.mzk-top100>.mzk-top100-hero{display:grid;grid-template-columns:52px minmax(0,760px);align-content:start;align-items:center;column-gap:16px}
.mzk-top100>.mzk-top100-hero>.mzk-top100-breadcrumbs{grid-column:1/-1}
.mzk-top100>.mzk-top100-hero .mzk-top100-hero__copy{position:relative;z-index:1;max-width:760px}
.mzk-top100>.mzk-top100-hero .mzk-top100-hero__icon{position:relative;z-index:1;display:grid;width:52px;height:52px}
.mzk-pidbirky>.mzk-page-head .mzk-pidbirky-seo__links{position:relative;z-index:1;max-width:760px;margin-top:22px}
.mzk-pidbirky>.mzk-page-head .mzk-pidbirky-seo__links a{color:#dce6f1!important;border-color:rgba(255,255,255,.14)!important;background:rgba(7,17,26,.38)!important;backdrop-filter:blur(5px)}

/* Mood selection already has a full-bleed shell, so only its artwork and theme fade are aligned. */
.mzk-selection-hero{
  border:0;
  background-color:#07111a;
  background-image:linear-gradient(180deg,transparent 58%,#07111a 100%),linear-gradient(90deg,#07111a 0%,rgba(7,17,26,.98) 39%,rgba(7,17,26,.72) 63%,rgba(7,17,26,.06) 100%),url(../images/heroes/mood.webp);
  background-position:center;
  background-size:cover;
}

html[data-theme=light] :is(
  .mzk-catalog--novynky>.mzk-page-head,
  .mzk-artists>.mzk-page-head,
  .mzk-genres>.mzk-page-head,
  .mzk-pidbirky>.mzk-page-head,
  .mzk-radio>.mzk-radio-head,
  .mzk-tv>.mzk-tv-head,
  .mzk-catalog--charts>.mzk-page-head,
  .mzk-top100>.mzk-top100-hero
){
  background-color:#f5f7fb;
  background-image:linear-gradient(180deg,transparent 58%,#f5f7fb 100%),linear-gradient(90deg,#f5f7fb 0%,rgba(245,247,251,.98) 39%,rgba(245,247,251,.74) 63%,rgba(245,247,251,.06) 100%),var(--mzk-section-hero);
}
html[data-theme=light] :is(
  .mzk-catalog--novynky>.mzk-page-head,
  .mzk-artists>.mzk-page-head,
  .mzk-genres>.mzk-page-head,
  .mzk-pidbirky>.mzk-page-head,
  .mzk-radio>.mzk-radio-head,
  .mzk-tv>.mzk-tv-head,
  .mzk-catalog--charts>.mzk-page-head,
  .mzk-top100>.mzk-top100-hero
) :is(.mzk-page-head__title,.mzk-top100-hero__title){color:#172436!important;text-shadow:none}
html[data-theme=light] :is(
  .mzk-catalog--novynky>.mzk-page-head,
  .mzk-artists>.mzk-page-head,
  .mzk-genres>.mzk-page-head,
  .mzk-pidbirky>.mzk-page-head,
  .mzk-radio>.mzk-radio-head,
  .mzk-tv>.mzk-tv-head,
  .mzk-catalog--charts>.mzk-page-head,
  .mzk-top100>.mzk-top100-hero
) :is(.mzk-page-head__desc,.mzk-top100-hero__desc){color:#52647a!important;text-shadow:none}
html[data-theme=light] :is(
  .mzk-catalog--novynky>.mzk-page-head,
  .mzk-artists>.mzk-page-head,
  .mzk-genres>.mzk-page-head,
  .mzk-pidbirky>.mzk-page-head,
  .mzk-radio>.mzk-radio-head,
  .mzk-tv>.mzk-tv-head,
  .mzk-catalog--charts>.mzk-page-head,
  .mzk-top100>.mzk-top100-hero
)>nav:first-child{color:#718096}
html[data-theme=light] :is(
  .mzk-catalog--novynky>.mzk-page-head,
  .mzk-artists>.mzk-page-head,
  .mzk-genres>.mzk-page-head,
  .mzk-pidbirky>.mzk-page-head,
  .mzk-radio>.mzk-radio-head,
  .mzk-tv>.mzk-tv-head,
  .mzk-catalog--charts>.mzk-page-head,
  .mzk-top100>.mzk-top100-hero
)>nav:first-child a{color:#53647a}
html[data-theme=light] .mzk-pidbirky>.mzk-page-head .mzk-pidbirky-seo__links a{color:#36465b!important;border-color:rgba(23,36,54,.13)!important;background:rgba(255,255,255,.56)!important}

html[data-theme=light] body.mzk-selection-page .mzk-selection-hero{
  border:0;
  background-color:#f5f7fb;
  background-image:linear-gradient(180deg,transparent 58%,#f5f7fb 100%),linear-gradient(90deg,#f5f7fb 0%,rgba(245,247,251,.98) 39%,rgba(245,247,251,.74) 63%,rgba(245,247,251,.06) 100%),url(../images/heroes/mood.webp);
}
html[data-theme=light] body.mzk-selection-page .mzk-selection-page__title{color:#172436!important;text-shadow:none}
html[data-theme=light] body.mzk-selection-page .mzk-selection-page__subtitle{color:#52647a}
html[data-theme=light] body.mzk-selection-page .mzk-selection-breadcrumb{color:#718096}
html[data-theme=light] body.mzk-selection-page .mzk-selection-breadcrumb a{color:#53647a}

@media(max-width:1199px){
  :is(.mzk-catalog--novynky>.mzk-page-head,.mzk-genres>.mzk-page-head,.mzk-pidbirky>.mzk-page-head,.mzk-tv>.mzk-tv-head,.mzk-catalog--charts>.mzk-page-head){margin-right:-24px;margin-left:-24px;padding-right:32px;padding-left:32px}
}

@media(min-width:1600px){
  .mzk-catalog--category>:is(.mzk-genre-hero,.mzk-mood-hero[data-cat-id="10"]){margin-right:-32px;margin-left:-32px;padding-right:40px;padding-left:40px}
}

@media(max-width:767px){
  :is(
    .mzk-catalog--novynky>.mzk-page-head,
    .mzk-artists>.mzk-page-head,
    .mzk-genres>.mzk-page-head,
    .mzk-pidbirky>.mzk-page-head,
    .mzk-radio>.mzk-radio-head,
    .mzk-tv>.mzk-tv-head,
    .mzk-catalog--charts>.mzk-page-head,
    .mzk-top100>.mzk-top100-hero
  ){
    min-height:224px;
    margin-bottom:20px;
    padding-top:20px;
    padding-bottom:28px;
    background-image:linear-gradient(180deg,transparent 55%,#07111a 100%),linear-gradient(90deg,rgba(7,17,26,.99) 0%,rgba(7,17,26,.94) 62%,rgba(7,17,26,.4) 100%),var(--mzk-section-hero);
    background-position:62% center;
  }
  .mzk-catalog--novynky>.mzk-page-head,.mzk-pidbirky>.mzk-page-head,.mzk-tv>.mzk-tv-head,.mzk-catalog--charts>.mzk-page-head{margin-top:-18px;margin-right:-20px;margin-left:-20px;padding-right:20px;padding-left:20px}
  .mzk-genres>.mzk-page-head{margin-top:-18px;margin-right:-16px;margin-left:-16px;padding-right:16px;padding-left:16px}
  .mzk-artists>.mzk-page-head{margin-top:-16px;margin-right:-16px;margin-left:-16px;padding-right:16px;padding-left:16px}
  .mzk-radio>.mzk-radio-head{margin-top:-12px;margin-right:-8px;margin-left:-8px;padding-right:16px;padding-left:16px}
  .mzk-top100>.mzk-top100-hero{margin-top:-4px;margin-right:-14px;margin-left:-14px;padding-right:14px;padding-left:14px}
  :is(
    .mzk-catalog--novynky>.mzk-page-head,
    .mzk-artists>.mzk-page-head,
    .mzk-genres>.mzk-page-head,
    .mzk-pidbirky>.mzk-page-head,
    .mzk-radio>.mzk-radio-head,
    .mzk-tv>.mzk-tv-head,
    .mzk-catalog--charts>.mzk-page-head,
    .mzk-top100>.mzk-top100-hero
  )>nav:first-child{margin-bottom:34px;font-size:12px}
  :is(
    .mzk-catalog--novynky>.mzk-page-head,
    .mzk-artists>.mzk-page-head,
    .mzk-genres>.mzk-page-head,
    .mzk-pidbirky>.mzk-page-head,
    .mzk-radio>.mzk-radio-head,
    .mzk-tv>.mzk-tv-head,
    .mzk-catalog--charts>.mzk-page-head,
    .mzk-top100>.mzk-top100-hero
  ) :is(.mzk-page-head__title,.mzk-top100-hero__title){font-size:27px}
  :is(
    .mzk-catalog--novynky>.mzk-page-head,
    .mzk-artists>.mzk-page-head,
    .mzk-genres>.mzk-page-head,
    .mzk-pidbirky>.mzk-page-head,
    .mzk-radio>.mzk-radio-head,
    .mzk-tv>.mzk-tv-head,
    .mzk-catalog--charts>.mzk-page-head,
    .mzk-top100>.mzk-top100-hero
  ) :is(.mzk-page-head__desc,.mzk-top100-hero__desc){font-size:13px;line-height:1.5}
  .mzk-top100>.mzk-top100-hero{grid-template-columns:1fr}
  .mzk-top100>.mzk-top100-hero .mzk-top100-hero__icon{display:none}
  .mzk-pidbirky>.mzk-page-head .mzk-pidbirky-seo__links{display:none}
  .mzk-selection-hero{min-height:224px;background-image:linear-gradient(180deg,transparent 55%,#07111a 100%),linear-gradient(90deg,rgba(7,17,26,.99) 0%,rgba(7,17,26,.94) 62%,rgba(7,17,26,.4) 100%),url(../images/heroes/mood.webp);background-position:62% center;background-size:cover}
  html[data-theme=light] :is(.mzk-catalog--novynky>.mzk-page-head,.mzk-artists>.mzk-page-head,.mzk-genres>.mzk-page-head,.mzk-pidbirky>.mzk-page-head,.mzk-radio>.mzk-radio-head,.mzk-tv>.mzk-tv-head,.mzk-catalog--charts>.mzk-page-head,.mzk-top100>.mzk-top100-hero){background-image:linear-gradient(180deg,transparent 55%,#f5f7fb 100%),linear-gradient(90deg,rgba(245,247,251,.99) 0%,rgba(245,247,251,.94) 62%,rgba(245,247,251,.4) 100%),var(--mzk-section-hero)}
  html[data-theme=light] body.mzk-selection-page .mzk-selection-hero{background-image:linear-gradient(180deg,transparent 55%,#f5f7fb 100%),linear-gradient(90deg,rgba(245,247,251,.99) 0%,rgba(245,247,251,.94) 62%,rgba(245,247,251,.4) 100%),url(../images/heroes/mood.webp)}
  .mzk-catalog--category>:is(.mzk-genre-hero,.mzk-mood-hero[data-cat-id="10"]){min-height:224px;margin-top:-14px;margin-right:-20px;margin-left:-20px;padding:20px 20px 28px;background-image:linear-gradient(180deg,transparent 55%,#07111a 100%),linear-gradient(90deg,rgba(7,17,26,.99) 0%,rgba(7,17,26,.94) 62%,rgba(7,17,26,.4) 100%),var(--mzk-genre-hero-image);background-position:62% center}
  .mzk-catalog--category>:is(.mzk-genre-hero,.mzk-mood-hero[data-cat-id="10"])>nav:first-child{margin-bottom:34px;font-size:12px}
  .mzk-catalog--category>:is(.mzk-genre-hero,.mzk-mood-hero[data-cat-id="10"]) .mzk-page-head__title{font-size:27px}
  .mzk-catalog--category>:is(.mzk-genre-hero,.mzk-mood-hero[data-cat-id="10"]) .mzk-page-head__desc{font-size:13px;line-height:1.5}
  html[data-theme=light] .mzk-catalog--category>:is(.mzk-genre-hero,.mzk-mood-hero[data-cat-id="10"]){background-image:linear-gradient(180deg,transparent 55%,#f5f7fb 100%),linear-gradient(90deg,rgba(245,247,251,.99) 0%,rgba(245,247,251,.94) 62%,rgba(245,247,251,.4) 100%),var(--mzk-genre-hero-image)}
}

@media(max-width:599px){
  .mzk-catalog--category>:is(.mzk-genre-hero,.mzk-mood-hero[data-cat-id="10"]){margin-right:-16px;margin-left:-16px;padding-right:16px;padding-left:16px}
}

@media(max-width:479px){
  .mzk-catalog--novynky>.mzk-page-head,.mzk-genres>.mzk-page-head,.mzk-pidbirky>.mzk-page-head,.mzk-tv>.mzk-tv-head,.mzk-catalog--charts>.mzk-page-head{margin-right:-12px;margin-left:-12px;padding-right:16px;padding-left:16px}
}

@media(max-width:359px){
  .mzk-catalog--category>:is(.mzk-genre-hero,.mzk-mood-hero[data-cat-id="10"]){margin-right:-12px;margin-left:-12px;padding-right:12px;padding-left:12px}
}

@media(prefers-reduced-data:reduce){
  :is(.mzk-home-intro,.mzk-catalog--novynky>.mzk-page-head,.mzk-artists>.mzk-page-head,.mzk-genres>.mzk-page-head,.mzk-pidbirky>.mzk-page-head,.mzk-radio>.mzk-radio-head,.mzk-tv>.mzk-tv-head,.mzk-catalog--charts>.mzk-page-head,.mzk-top100>.mzk-top100-hero,.mzk-selection-hero,.mzk-catalog--category>.mzk-genre-hero,.mzk-catalog--category>.mzk-mood-hero[data-cat-id="10"]){background-image:none}
}