/* ==========================================================================
   💎 1. TITULINIO PUSLAPIO TINKLELIS
   ========================================================================== */
.rfm-inner-align-container {
  max-width: 1600px;
  margin: 165px auto 34px auto;
  padding: 0 48px;
  box-sizing: border-box;
}
.rfm-titulinis-grid {
  display: grid;
  grid-template-columns: 1fr 340px;
  gap: 35px;
  align-items: start;
}

/* Hero per visą titulinio konteinerio plotį */
.rfm-hero-full-grid {
  grid-template-columns: 1fr;
  gap: 0;
}
.rfm-hero-main-full {
  width: 100%;
  min-width: 0;
}
.rfm-home-banner-row {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  width: 100%;
  margin-top: 24px;
}
.rfm-home-banner-row .rfm-banner-item {
  min-width: 0;
  border-radius: 18px;
}
.rfm-home-banner-row .rfm-banner-item img {
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  display: block;
}

/* 📻 FM DAŽNIŲ JUOSTA (Matoma tik Desktop versijoje) */
.rfm-top-status-bar { display: flex; align-items: center; gap: 20px; margin-bottom: 24px; width: 100%; overflow: hidden; }
.rfm-eteryje-label-box { display: inline-flex; align-items: center; gap: 7px; background: rgba(255, 255, 255, 0.5); backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.6); border-radius: 6px; padding: 6px 14px; flex-shrink: 0; }
.rfm-live-dot { width: 7px; height: 7px; border-radius: 50%; background: #E52D27; animation: rfm-blink 1.4s ease-in-out infinite; }
.rfm-eteryje-text { font-size: 11px; font-weight: 800; color: #E52D27; letter-spacing: 1.2px; text-transform: uppercase; }
.rfm-ticker-container {
  flex: 1;
  overflow: hidden;
  display: flex;
  align-items: center;
  background: rgba(255, 255, 255, 0.38);
  border: 1px solid rgba(255, 255, 255, 0.58);
  border-radius: 8px;
  height: 31px;
  position: relative;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.35), 0 8px 22px rgba(38, 28, 29, 0.025);
}
.rfm-ticker-container::before,
.rfm-ticker-container::after {
  content: '';
  position: absolute;
  top: 0;
  width: 42px;
  height: 100%;
  z-index: 2;
  pointer-events: none;
}
.rfm-ticker-container::before { left: 0; background: linear-gradient(to right, rgba(250,246,245,0.72), transparent); }
.rfm-ticker-container::after { right: 0; background: linear-gradient(to left, rgba(250,246,245,0.72), transparent); }
.rfm-ticker-wrap {
  display: flex;
  width: max-content;
  animation: rfm-marquee 55s linear infinite;
  will-change: transform;
}
.rfm-ticker-item {
  font-family: var(--rfm-font-main);
  font-size: 10.5px;
  line-height: 1;
  font-weight: 800;
  color: rgba(38, 28, 29, 0.58);
  white-space: nowrap;
  padding-right: 58px;
  letter-spacing: 0.75px;
  text-transform: uppercase;
}
.rfm-ticker-label {
  color: #E52D27;
  font-weight: 800;
  letter-spacing: 1.05px;
  margin-right: 10px;
}
@keyframes rfm-marquee { 0% { transform: translate3d(0, 0, 0); } 100% { transform: translate3d(-50%, 0, 0); } }
@keyframes rfm-blink { 0%, 100% { opacity: 0.4; } 50% { opacity: 1; } }

/* 🎛️ DIDYSIS PLAYERIS BANERYJE */
.rfm-hybrid-player-box { position: relative; width: 100%; border: 1px solid rgba(38, 28, 29, 0.12); border-radius: 20px; overflow: hidden; box-shadow: 0 20px 45px rgba(38, 28, 29, 0.06); }
.main-show-banner { width: 100%; height: auto; display: block; }
.rfm-floating-player { position: absolute; bottom: 20px; left: 20px; right: 20px; background: rgba(255, 255, 255, 0.35); backdrop-filter: blur(25px) saturate(180%); border: 1px solid rgba(255, 255, 255, 0.55); border-radius: 16px; padding: 18px 24px; display: flex; align-items: center; justify-content: space-between; gap: 18px; box-sizing: border-box; }
.rfm-btn { min-width: 54px; min-height: 54px; width: 54px; height: 54px; border-radius: 50%; background: rgba(255, 255, 255, 0.25); border: 1px solid rgba(255, 255, 255, 0.6); cursor: pointer; position: relative; flex-shrink: 0; }
.rfm-btn svg { position: absolute; top: 50%; left: 53%; transform: translate(-50%, -50%); fill: #FFFFFF !important; }
.rfm-player-logo-brand-wrap { width: 50px; height: 50px; border-radius: 10px; overflow: hidden; flex-shrink: 0; }
.rfm-player-logo-brand-wrap img { width: 100%; height: 100%; object-fit: contain; }
.rfm-info { flex: 1; min-width: 0; padding-right: 15px; }
.rfm-now-playing-header-row { display: flex; align-items: center; gap: 14px; margin-bottom: 4px; }
.rfm-now { font-size: 10px; color: rgba(255, 255, 255, 0.75); text-transform: uppercase; letter-spacing: 1.5px; font-weight: 800; }
.rfm-history-text-btn { background: rgba(255, 255, 255, 0.08) !important; border: 1px solid rgba(255, 255, 255, 0.45) !important; border-radius: 6px !important; padding: 4px 10px !important; font-size: 9px !important; font-weight: 800 !important; color: #FFFFFF !important; text-transform: uppercase; cursor: pointer; }
.rfm-song { font-size: 20px; font-weight: 800; color: #FFFFFF; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-transform: uppercase; }
.rfm-artist { font-size: 14px; font-weight: 600; color: rgba(255, 255, 255, 0.85); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-transform: uppercase; }
.rfm-hero-stations-switcher { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }
.rfm-hero-stations-switcher .rfm-station-tab {
  width: 72px;
  height: 72px;
  border-radius: 16px;
  overflow: hidden;
  background: rgba(255,255,255,0.92);
  opacity: 0.78;
  cursor: pointer;
  flex: 0 0 72px;
  border: 1px solid rgba(255,255,255,0.55);
  box-shadow: 0 10px 26px rgba(38, 28, 29, 0.13);
  transition: opacity 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}
.rfm-hero-stations-switcher .rfm-station-tab:hover { opacity: 1; transform: translateY(-1px); }
.rfm-hero-stations-switcher .rfm-station-tab.active { opacity: 1 !important; border: 2px solid #E52D27 !important; box-shadow: 0 12px 30px rgba(229, 45, 39, 0.26); }
.rfm-hero-stations-switcher .rfm-station-tab img { width: 100%; height: 100%; object-fit: cover; display: block; }


@media (min-width: 1200px) {
  .rfm-hero-stations-switcher .rfm-station-tab {
    width: 78px;
    height: 78px;
    flex-basis: 78px;
  }
}

@media (max-width: 991px) {
  .rfm-hero-stations-switcher .rfm-station-tab {
    width: 44px;
    height: 44px;
    flex-basis: 44px;
    border-radius: 12px;
    box-shadow: none;
  }
}

/* 📋 DAINŲ ISTORIJA DESKTOP */
.rfm-history-dropdown-panel { max-height: 0; overflow: hidden; transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1); background: rgba(255, 255, 255, 0.95); border-radius: 0 0 20px 20px; }
.rfm-history-dropdown-panel.open { max-height: 2200px; border-top: 1px solid rgba(38, 28, 29, 0.08); }
.rfm-history-layout-wrapper { display: grid; grid-template-columns: 1fr 110px; gap: 35px; padding: 28px 32px; box-sizing: border-box; }
.rfm-history-list-inner { display: flex; flex-direction: column; gap: 12px; }
.rfm-history-glass-brand-badge { width: 110px; height: 110px; border-radius: 20px; overflow: hidden; display: flex; align-items: center; justify-content: center; }
.rfm-history-glass-brand-badge img { width: 100%; height: 100%; object-fit: contain; }
.rfm-history-row { display: flex; align-items: center; gap: 14px; padding: 8px 0; border-bottom: 1px solid rgba(38, 28, 29, 0.05); }
.rfm-history-time { font-size: 11px; font-weight: 800; color: #E52D27; background: rgba(229, 45, 39, 0.08); padding: 3px 8px; border-radius: 4px; }
.rfm-history-meta { display: flex; flex-direction: column; min-width: 0; }
.rfm-history-song-title { font-size: 13px; font-weight: 700; color: #261C1D; text-transform: uppercase; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rfm-history-artist-title { font-size: 11px; font-weight: 600; color: #6B6061; text-transform: uppercase; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
/* Dainų istorijos panelė turi sutalpinti visą saugomą sąrašą desktop versijoje.
   Šiuo metu PHP saugo iki 20 paskutinių kūrinių vienai stočiai. */
@media (min-width: 769px) {
  .rfm-history-dropdown-panel.open {
    max-height: 2200px !important;
    overflow: visible !important;
  }
  .rfm-history-list-inner {
    gap: 10px;
  }
  .rfm-history-row {
    min-height: 38px;
  }
}

/* Desktop dainų istorijos artwork kortelės */
@media (min-width: 769px) {
  #rfmHistoryContainer .rfm-history-row {
    min-height: 66px;
    display: flex;
    align-items: center;
  }
  #rfmHistoryContainer .rfm-history-meta {
    flex: 1 1 auto;
    min-width: 0;
  }
  #rfmHistoryContainer .rfm-history-art {
    width: 104px;
    aspect-ratio: 16 / 9;
    margin-left: auto;
    flex: 0 0 104px;
    border-radius: 10px;
    overflow: hidden;
    background: rgba(38, 28, 29, 0.045);
    border: 1px solid rgba(38, 28, 29, 0.06);
    box-shadow: 0 8px 18px rgba(38, 28, 29, 0.055);
    display: block;
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
  }
  #rfmHistoryContainer .rfm-history-art.has-image:hover {
    transform: translateY(-1px);
    border-color: rgba(210, 4, 43, 0.35);
    box-shadow: 0 12px 24px rgba(210, 4, 43, 0.14);
  }
  #rfmHistoryContainer .rfm-history-art.is-empty {
    visibility: hidden;
    pointer-events: none;
  }
  #rfmHistoryContainer .rfm-history-art img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }
}
@media (max-width: 768px) {
  .rfm-history-art { display: none !important; }
}


/* ⏳ ARCHYVAS */
.rfm-atsuk-wrapper { position: relative; border-radius: 20px; overflow: hidden; box-shadow: 0 20px 45px rgba(229, 45, 39, 0.15); width: 100%; margin-top: 24px; }
.rfm-atsuk-bg { position: absolute; inset: 0; background: linear-gradient(135deg, #D2042B 0%, #B70325 58%, #92021D 100%); }
.rfm-atsuk-glass { position: relative; z-index: 1; background: rgba(255, 255, 255, 0.08); backdrop-filter: blur(20px); padding: 24px 28px; }
.rfm-atsuk-label-box { display: inline-flex; align-items: center; background: rgba(255, 255, 255, 0.15) !important; border: 1px solid rgba(255, 255, 255, 0.3) !important; margin-bottom: 16px !important; border-radius: 6px; padding: 6px 14px; }
.rfm-atsuk-text { color: #FFFFFF !important; font-size: 11px; font-weight: 800; text-transform: uppercase; }
.rfm-rss-item { display: flex; align-items: center; gap: 16px; padding: 12px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.15); }
.rfm-rss-item:last-child { border-bottom: none; }
.rfm-rss-play { width: 36px; height: 36px; border-radius: 50%; background: rgba(255, 255, 255, 0.18); border: 1px solid rgba(255, 255, 255, 0.4); position: relative; cursor: pointer; }
.rfm-rss-play svg { fill: #FFFFFF !important; position: absolute; top: 50%; left: 55%; transform: translate(-50%, -50%); }
.rfm-rss-info { flex: 1; min-width: 0; overflow: hidden; }
.rfm-rss-title { font-size: 14px; font-weight: 700; color: #FFFFFF; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* 🖼️ BANERIAI */
.rfm-side-column { width: 340px; }
.rfm-side-banners { display: flex; flex-direction: column; gap: 16px; width: 100%; }
.rfm-banner-item { width: 100%; background: #FFFFFF; border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 16px; overflow: hidden; display: block; box-shadow: 0 10px 30px rgba(38, 28, 29, 0.03); }
.rfm-banner-item img { width: 100%; height: auto; display: block; }

/* 📋 MOBILUS AKORDEONAS */
.rfm-mobile-history-accordion { display: none; width: 100%; margin-top: 16px; background: #FFFFFF; border: 1px solid rgba(38, 28, 29, 0.12); border-radius: 14px; overflow: hidden; }
.rfm-mobile-history-trigger { width: 100%; padding: 16px 20px; background: #FFFFFF !important; border: none !important; display: flex; align-items: center; justify-content: space-between; cursor: pointer; }
.rfm-mobile-history-title-wrap span { font-size: 12px; font-weight: 800; color: #261C1D; text-transform: uppercase; }
.rfm-mobile-history-arrow { fill: #6B6061; width: 14px; height: 14px; transition: transform 0.3s; }
.rfm-mobile-history-accordion.open .rfm-mobile-history-arrow { transform: rotate(180deg); }
.rfm-mobile-history-content { max-height: 0; overflow: hidden; transition: max-height 0.4s ease; background: #FAFAFA; }
.rfm-mobile-history-accordion.open .rfm-mobile-history-content { max-height: 1000px; }
.rfm-mobile-history-layout-inside { display: flex; flex-direction: column; gap: 14px; padding: 16px 20px; }
.rfm-mobile-history-header-brand-row { display: flex; align-items: center; justify-content: space-between; }
.rfm-mobile-history-glass-badge { width: 44px; height: 44px; border-radius: 10px; overflow: hidden; }
.rfm-mobile-history-glass-badge img { width: 100%; height: 100%; object-fit: contain; }

/* ==========================================================================
   📱 2. RESPONSIVE IŠVALYMAS (Mobilioji švara)
   ========================================================================== */
@media (max-width: 991px) {
  .rfm-inner-align-container { padding: 0 16px !important; margin: 120px auto 30px auto !important; width: 100% !important; max-width: 100% !important; overflow: hidden !important; }
  .rfm-titulinis-grid { grid-template-columns: 1fr !important; gap: 30px !important; width: 100% !important; }
  .rfm-side-column { width: 100% !important; }
}

@media (max-width: 768px) {
  /* 🛑 1. Išjungiam bet kokį bėgančios eilutės judesį telefonuose */
  .rfm-top-status-bar { display: none !important; }
  
  /* 🛑 2. Slepiam plaukiojantį vidinį skydelį (Dvigubos apsaugos elementas) */
  .rfm-floating-player { display: none !important; }
  
  .rfm-mobile-history-accordion { display: block !important; width: 100% !important; }
  .rfm-history-layout-wrapper { grid-template-columns: 1fr !important; padding: 12px 16px !important; }
  .rfm-history-glass-brand-badge { display: none !important; }
  
  /* Tobulas žodžių nulūžimas dainų istorijoje */
  #rfmMobileHistoryContainer .rfm-history-row { display: flex !important; align-items: flex-start !important; padding: 10px 0 !important; width: 100% !important; box-sizing: border-box !important; }
  #rfmMobileHistoryContainer .rfm-history-meta { flex: 1 !important; min-width: 0 !important; overflow: hidden !important; }
  #rfmMobileHistoryContainer .rfm-history-song-title,
  #rfmMobileHistoryContainer .rfm-history-artist-title {
    white-space: normal !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    line-height: 1.3 !important;
    display: block !important;
    width: 100% !important;
  }
}


/* ==========================================================================
   🔧 3. PLAYERIO MYGTUKŲ FORMOS IR ACTIVE/FOKUSO PATAISYMAS
   ========================================================================== */
.rfm-floating-player .rfm-btn,
.rfm-hybrid-player-box .rfm-btn {
  width: 54px !important;
  height: 54px !important;
  min-width: 54px !important;
  min-height: 54px !important;
  max-width: 54px !important;
  max-height: 54px !important;
  aspect-ratio: 1 / 1 !important;
  padding: 0 !important;
  margin: 0 !important;
  line-height: 1 !important;
  display: block !important;
  border-radius: 999px !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  background: rgba(255, 255, 255, 0.25) !important;
  border: 1px solid rgba(255, 255, 255, 0.6) !important;
  color: #FFFFFF !important;
  box-sizing: border-box !important;
}
.rfm-floating-player .rfm-btn:hover,
.rfm-floating-player .rfm-btn:focus,
.rfm-floating-player .rfm-btn:focus-visible,
.rfm-floating-player .rfm-btn:active,
.rfm-hybrid-player-box .rfm-btn:hover,
.rfm-hybrid-player-box .rfm-btn:focus,
.rfm-hybrid-player-box .rfm-btn:focus-visible,
.rfm-hybrid-player-box .rfm-btn:active {
  background: rgba(255, 255, 255, 0.25) !important;
  border-color: rgba(255, 255, 255, 0.6) !important;
  color: #FFFFFF !important;
  outline: none !important;
  box-shadow: none !important;
}
.rfm-floating-player .rfm-btn svg,
.rfm-hybrid-player-box .rfm-btn svg {
  fill: #FFFFFF !important;
}

/* ==========================================================================
   ⏪ ATSUK TRANSLIACIJĄ: MODERNUS ARCHYVO PLAYERIS
   ========================================================================== */
.rfm-archive-player {
  display: flex;
  flex-direction: column;
  gap: 14px;
  width: 100%;
  box-sizing: border-box;
}
.rfm-archive-now {
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 16px;
  padding: 16px 18px;
  backdrop-filter: blur(18px) saturate(160%);
  -webkit-backdrop-filter: blur(18px) saturate(160%);
}
.rfm-archive-kicker {
  font-size: 9px;
  font-weight: 800;
  color: rgba(255, 255, 255, 0.68);
  text-transform: uppercase;
  letter-spacing: 1.3px;
  margin-bottom: 5px;
}
.rfm-archive-title {
  font-size: 16px;
  font-weight: 800;
  line-height: 1.25;
  color: #FFFFFF;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.rfm-archive-status {
  margin-top: 5px;
  font-size: 11px;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.72);
}
.rfm-archive-progress-wrap {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.rfm-archive-time-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 10px;
  font-weight: 800;
  color: rgba(255, 255, 255, 0.76);
  font-variant-numeric: tabular-nums;
}
.rfm-archive-range {
  -webkit-appearance: none !important;
  appearance: none !important;
  width: 100% !important;
  height: 5px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  border-radius: 999px !important;
  outline: none !important;
  background: rgba(255, 255, 255, 0.22) !important;
  cursor: pointer;
}
.rfm-archive-range::-webkit-slider-thumb {
  -webkit-appearance: none !important;
  appearance: none !important;
  width: 16px !important;
  height: 16px !important;
  border-radius: 50% !important;
  border: 2px solid rgba(255, 255, 255, 0.95) !important;
  background: #FFFFFF !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.22) !important;
}
.rfm-archive-range::-moz-range-thumb {
  width: 16px !important;
  height: 16px !important;
  border-radius: 50% !important;
  border: 2px solid rgba(255, 255, 255, 0.95) !important;
  background: #FFFFFF !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.22) !important;
}
.rfm-archive-controls {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  padding: 2px 0 4px;
}
.rfm-archive-skip,
.rfm-archive-main-play {
  appearance: none !important;
  -webkit-appearance: none !important;
  border: none !important;
  cursor: pointer;
  box-sizing: border-box !important;
  font-family: var(--rfm-font-main) !important;
  outline: none !important;
}
.rfm-archive-skip {
  min-width: 62px;
  height: 36px;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.13) !important;
  border: 1px solid rgba(255, 255, 255, 0.28) !important;
  color: #FFFFFF !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: 0.3px;
}
.rfm-archive-main-play {
  position: relative;
  width: 56px !important;
  height: 56px !important;
  min-width: 56px !important;
  min-height: 56px !important;
  max-width: 56px !important;
  max-height: 56px !important;
  border-radius: 50% !important;
  background: #FFFFFF !important;
  color: #A50020 !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.22) !important;
  padding: 0 !important;
}
.rfm-archive-main-play svg {
  position: absolute;
  top: 50%;
  left: 52%;
  transform: translate(-50%, -50%);
  fill: #A50020 !important;
}
.rfm-archive-main-play.is-playing svg {
  left: 50%;
}
.rfm-archive-skip:hover,
.rfm-archive-skip:focus,
.rfm-archive-skip:active {
  background: rgba(255, 255, 255, 0.20) !important;
  color: #FFFFFF !important;
  box-shadow: none !important;
}
.rfm-archive-main-play:hover,
.rfm-archive-main-play:focus,
.rfm-archive-main-play:active {
  background: #FFFFFF !important;
  color: #A50020 !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.22) !important;
}
.rfm-archive-list-title {
  margin-top: 2px;
  font-size: 10px;
  font-weight: 800;
  color: rgba(255, 255, 255, 0.75);
  letter-spacing: 1.1px;
  text-transform: uppercase;
}
.rfm-archive-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.rfm-archive-track {
  appearance: none !important;
  -webkit-appearance: none !important;
  width: 100%;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  text-align: left;
  border-radius: 12px !important;
  padding: 10px 12px !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  background: rgba(255, 255, 255, 0.08) !important;
  color: #FFFFFF !important;
  cursor: pointer;
  outline: none !important;
}
.rfm-archive-track:hover,
.rfm-archive-track:focus,
.rfm-archive-track:active,
.rfm-archive-track.is-active {
  background: rgba(255, 255, 255, 0.15) !important;
  border-color: rgba(255, 255, 255, 0.30) !important;
  color: #FFFFFF !important;
  box-shadow: none !important;
}
.rfm-archive-track.is-playing {
  background: rgba(255, 255, 255, 0.21) !important;
}
.rfm-archive-track-number {
  width: 28px;
  height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.16);
  font-size: 10px;
  font-weight: 800;
  color: rgba(255, 255, 255, 0.82);
  font-variant-numeric: tabular-nums;
}
.rfm-archive-track-title {
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.25;
}
@media (max-width: 768px) {
  .rfm-archive-now { padding: 14px 15px; }
  .rfm-archive-title { font-size: 14px; white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
  .rfm-archive-controls { gap: 10px; }
  .rfm-archive-skip { min-width: 56px; }
  .rfm-archive-main-play { width: 52px !important; height: 52px !important; min-width: 52px !important; min-height: 52px !important; }
}

/* ==========================================================================
   ⏪ ATSUK TRANSLIACIJĄ: KOMPAKTIŠKAS ARCHYVO PLAYERIS (STEP 2.16)
   ========================================================================== */
.rfm-archive-player-compact {
  gap: 14px;
}
.rfm-archive-latest {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.rfm-archive-list-compact {
  gap: 7px;
}
.rfm-archive-track-compact {
  display: block !important;
  width: 100% !important;
  grid-template-columns: none !important;
  padding: 10px 13px !important;
  border-radius: 12px !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  text-align: left !important;
}
.rfm-archive-track-compact .rfm-archive-track-title {
  display: block;
  font-size: 13px;
  font-weight: 700;
  color: #FFFFFF;
  line-height: 1.25;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.rfm-archive-track-compact.is-active,
.rfm-archive-track-compact:hover,
.rfm-archive-track-compact:focus,
.rfm-archive-track-compact:active {
  background: rgba(255, 255, 255, 0.17) !important;
  border-color: rgba(255, 255, 255, 0.34) !important;
  color: #FFFFFF !important;
  box-shadow: none !important;
}
.rfm-archive-console {
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr);
  gap: 14px;
  align-items: center;
  padding: 14px 15px;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.13);
  border: 1px solid rgba(255, 255, 255, 0.25);
  backdrop-filter: blur(18px) saturate(160%);
  -webkit-backdrop-filter: blur(18px) saturate(160%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.16);
}
.rfm-archive-console-main {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.rfm-archive-console .rfm-archive-main-play {
  width: 52px !important;
  height: 52px !important;
  min-width: 52px !important;
  min-height: 52px !important;
  max-width: 52px !important;
  max-height: 52px !important;
  background: rgba(255, 255, 255, 0.95) !important;
  color: #A50020 !important;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.20) !important;
}
.rfm-archive-console .rfm-archive-main-play:hover,
.rfm-archive-console .rfm-archive-main-play:focus,
.rfm-archive-console .rfm-archive-main-play:active {
  background: #FFFFFF !important;
  color: #A50020 !important;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.20) !important;
}
.rfm-archive-console .rfm-archive-title {
  font-size: 13px;
  font-weight: 800;
  color: #FFFFFF;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.rfm-archive-console .rfm-archive-progress-wrap {
  gap: 5px;
}
.rfm-archive-console .rfm-archive-range {
  height: 6px !important;
  background: rgba(255, 255, 255, 0.22) !important;
}
.rfm-archive-console .rfm-archive-range::-webkit-slider-thumb {
  width: 15px !important;
  height: 15px !important;
}
.rfm-archive-console .rfm-archive-range::-moz-range-thumb {
  width: 15px !important;
  height: 15px !important;
}
.rfm-archive-console .rfm-archive-time-row {
  font-size: 9px;
  opacity: 0.85;
}
.rfm-archive-console .rfm-archive-status {
  margin-top: 0;
  font-size: 10px;
  color: rgba(255, 255, 255, 0.72);
}
.rfm-archive-mobile-skips {
  display: none;
  gap: 10px;
  justify-content: center;
}
.rfm-atsuk-note-banner {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  margin-top: 14px;
  padding: 12px 14px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.14);
  border: 1px solid rgba(255, 255, 255, 0.26);
  color: rgba(255, 255, 255, 0.88) !important;
  text-decoration: none !important;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.2px;
}
.rfm-atsuk-note-banner span {
  color: #FFFFFF;
  font-weight: 800;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.rfm-atsuk-note-banner:hover,
.rfm-atsuk-note-banner:focus,
.rfm-atsuk-note-banner:active {
  background: rgba(255, 255, 255, 0.20);
  color: #FFFFFF !important;
}
@media (max-width: 768px) {
  .rfm-archive-console {
    grid-template-columns: 48px minmax(0, 1fr);
    gap: 12px;
    padding: 13px 14px;
  }
  .rfm-archive-console .rfm-archive-main-play {
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    min-height: 48px !important;
  }
  .rfm-archive-console .rfm-archive-title {
    font-size: 13px;
    white-space: nowrap;
    display: block;
  }
  .rfm-archive-mobile-skips {
    display: flex;
  }
  .rfm-archive-mobile-skips .rfm-archive-skip {
    min-width: 76px;
    height: 34px;
  }
}


/* Step 2.17 - Atsuk player UX refinements */
.rfm-archive-latest {
  gap: 7px;
}
.rfm-archive-list-title,
.rfm-archive-console .rfm-archive-status {
  display: none !important;
}
.rfm-archive-console {
  grid-template-columns: 52px minmax(0, 1fr);
  grid-template-rows: auto;
  align-items: center;
}
.rfm-archive-console-main {
  align-items: center;
  text-align: center;
  gap: 7px;
}
.rfm-archive-console .rfm-archive-title {
  width: 100%;
  text-align: center;
  margin: 0 auto;
}
.rfm-archive-console .rfm-archive-progress-wrap {
  width: 100%;
  max-width: 520px;
  margin: 0 auto;
}
.rfm-archive-console .rfm-archive-time-row {
  width: 100%;
}
.rfm-archive-mobile-skips {
  grid-column: 1 / -1;
  margin-top: 2px;
}
@media (max-width: 768px) {
  .rfm-archive-console {
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 10px 11px;
    padding: 12px 13px;
  }
  .rfm-archive-console .rfm-archive-main-play {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
  }
  .rfm-archive-mobile-skips {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin-top: 2px;
  }
  .rfm-archive-mobile-skips .rfm-archive-skip {
    min-width: 54px !important;
    width: auto !important;
    height: 28px !important;
    padding: 0 10px !important;
    border-radius: 999px !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    background: rgba(255, 255, 255, 0.10) !important;
    border-color: rgba(255, 255, 255, 0.20) !important;
    color: rgba(255, 255, 255, 0.78) !important;
    box-shadow: none !important;
  }
  .rfm-archive-mobile-skips .rfm-archive-skip:hover,
  .rfm-archive-mobile-skips .rfm-archive-skip:focus,
  .rfm-archive-mobile-skips .rfm-archive-skip:active {
    background: rgba(255, 255, 255, 0.16) !important;
    color: #FFFFFF !important;
  }
}


/* Step 2.19 - Atsuk color matched to Geriausia diena banner + immediate playback refinements */
.rfm-atsuk-wrapper {
  box-shadow: 0 20px 45px rgba(210, 5, 53, 0.18);
}
.rfm-atsuk-bg {
  background: linear-gradient(135deg, #D2042B 0%, #B70325 58%, #92021D 100%) !important;
}
.rfm-atsuk-glass {
  background: rgba(255, 255, 255, 0.07) !important;
}
.rfm-archive-track-compact {
  background: rgba(255, 255, 255, 0.10) !important;
  border-color: rgba(255, 255, 255, 0.18) !important;
}
.rfm-archive-track-compact.is-active,
.rfm-archive-track-compact:hover,
.rfm-archive-track-compact:focus,
.rfm-archive-track-compact:active {
  background: rgba(255, 255, 255, 0.20) !important;
  border-color: rgba(255, 255, 255, 0.38) !important;
}
.rfm-archive-console {
  background: rgba(255, 255, 255, 0.15) !important;
  border-color: rgba(255, 255, 255, 0.28) !important;
}
.rfm-archive-console .rfm-archive-main-play {
  color: #D2042B !important;
}
.rfm-archive-console .rfm-archive-main-play:hover,
.rfm-archive-console .rfm-archive-main-play:focus,
.rfm-archive-console .rfm-archive-main-play:active {
  color: #D2042B !important;
}

/* Step 2.20 - Mobile overflow fixes for Atsuk archive player */
.rfm-atsuk-wrapper,
.rfm-atsuk-glass,
.rfm-archive-player,
.rfm-archive-player-compact,
.rfm-archive-latest,
.rfm-archive-list,
.rfm-archive-list-compact,
.rfm-archive-console,
.rfm-archive-console-main,
.rfm-archive-progress-wrap,
.rfm-atsuk-note-banner {
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

.rfm-archive-console {
  width: 100% !important;
  overflow: hidden !important;
}

.rfm-archive-console-main,
.rfm-archive-progress-wrap,
.rfm-archive-range,
.rfm-archive-title,
.rfm-archive-time-row {
  width: 100% !important;
  min-width: 0 !important;
}

.rfm-archive-range {
  display: block !important;
  max-width: 100% !important;
}

.rfm-archive-track-compact {
  max-width: 100% !important;
  box-sizing: border-box !important;
}

.rfm-archive-track-compact .rfm-archive-track-title,
.rfm-archive-console .rfm-archive-title {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

@media (max-width: 768px) {
  .rfm-atsuk-glass {
    padding: 20px 14px !important;
  }

  .rfm-atsuk-label-box {
    margin-bottom: 14px !important;
  }

  .rfm-archive-player-compact {
    gap: 12px !important;
  }

  .rfm-archive-track-compact {
    padding: 9px 11px !important;
  }

  .rfm-archive-track-compact .rfm-archive-track-title {
    font-size: 12px !important;
  }

  .rfm-archive-console {
    grid-template-columns: 40px minmax(0, 1fr) !important;
    gap: 8px 10px !important;
    padding: 11px 10px !important;
    border-radius: 16px !important;
  }

  .rfm-archive-console .rfm-archive-main-play {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    max-width: 40px !important;
    max-height: 40px !important;
  }

  .rfm-archive-console .rfm-archive-title {
    font-size: 12px !important;
    line-height: 1.25 !important;
  }

  .rfm-archive-console .rfm-archive-progress-wrap {
    max-width: 100% !important;
  }

  .rfm-archive-console .rfm-archive-range {
    height: 5px !important;
  }

  .rfm-archive-console .rfm-archive-range::-webkit-slider-thumb {
    width: 13px !important;
    height: 13px !important;
  }

  .rfm-archive-console .rfm-archive-range::-moz-range-thumb {
    width: 13px !important;
    height: 13px !important;
  }

  .rfm-archive-mobile-skips {
    width: 100% !important;
    max-width: 100% !important;
    flex-wrap: nowrap !important;
    justify-content: center !important;
    gap: 7px !important;
  }

  .rfm-archive-mobile-skips .rfm-archive-skip {
    min-width: 48px !important;
    height: 26px !important;
    padding: 0 8px !important;
    font-size: 9px !important;
  }

  .rfm-atsuk-note-banner {
    padding: 11px 10px !important;
    font-size: 11px !important;
    text-align: center !important;
    line-height: 1.25 !important;
    flex-wrap: wrap !important;
  }
}

@media (max-width: 380px) {
  .rfm-atsuk-glass {
    padding: 18px 12px !important;
  }

  .rfm-archive-console {
    grid-template-columns: 38px minmax(0, 1fr) !important;
    gap: 8px !important;
    padding: 10px 9px !important;
  }

  .rfm-archive-console .rfm-archive-main-play {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    min-height: 38px !important;
  }
}

/* Step 2.21 - tiny mobile right-edge overflow correction */
@media (max-width: 768px) {
  html,
  body {
    overflow-x: hidden !important;
  }

  .rfm-inner-align-container,
  .rfm-titulinis-grid,
  .rfm-atsuk-wrapper,
  .rfm-atsuk-glass,
  .rfm-archive-player,
  .rfm-archive-player-compact,
  .rfm-archive-console,
  .rfm-archive-console-main,
  .rfm-archive-progress-wrap,
  .rfm-archive-range,
  .rfm-atsuk-note-banner {
    inline-size: 100% !important;
    max-inline-size: 100% !important;
    min-inline-size: 0 !important;
    box-sizing: border-box !important;
  }

  .rfm-atsuk-wrapper {
    width: calc(100% - 2px) !important;
    margin-left: 0 !important;
    margin-right: auto !important;
    contain: layout paint;
  }

  .rfm-atsuk-glass {
    padding-left: 12px !important;
    padding-right: 12px !important;
    overflow: hidden !important;
  }

  .rfm-archive-console {
    grid-template-columns: 38px minmax(0, 1fr) !important;
    gap: 8px !important;
    padding-left: 9px !important;
    padding-right: 9px !important;
  }

  .rfm-archive-console .rfm-archive-main-play {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    min-height: 38px !important;
    max-width: 38px !important;
    max-height: 38px !important;
  }

  .rfm-archive-console-main,
  .rfm-archive-console .rfm-archive-title,
  .rfm-archive-console .rfm-archive-progress-wrap,
  .rfm-archive-console .rfm-archive-time-row {
    overflow: hidden !important;
  }

  .rfm-archive-mobile-skips {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

@media (max-width: 380px) {
  .rfm-atsuk-glass {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .rfm-archive-console {
    grid-template-columns: 36px minmax(0, 1fr) !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  .rfm-archive-console .rfm-archive-main-play {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;
    max-width: 36px !important;
    max-height: 36px !important;
  }
}


/* Step 2.22 - Mobile marquee for long archive titles + final overflow guard */
.rfm-archive-track-title,
.rfm-archive-console .rfm-archive-title {
  position: relative !important;
  display: block !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  max-width: 100% !important;
}

.rfm-archive-marquee-text {
  display: inline-block;
  max-width: none;
  white-space: nowrap;
  will-change: transform;
}

@media (max-width: 768px) {
  .rfm-inner-align-container {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  .rfm-archive-track-title,
  .rfm-archive-console .rfm-archive-title {
    padding-right: 1px !important;
  }

  .rfm-archive-track-title .rfm-archive-marquee-text,
  .rfm-archive-console .rfm-archive-title .rfm-archive-marquee-text {
    min-width: max-content;
    animation: rfm-archive-title-pingpong 9s ease-in-out infinite alternate;
  }

  .rfm-archive-track-compact {
    overflow: hidden !important;
  }

  .rfm-archive-console {
    overflow: clip !important;
  }
}

@media (max-width: 380px) {
  .rfm-inner-align-container {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
}

@keyframes rfm-archive-title-pingpong {
  0%, 18% {
    transform: translateX(0);
  }
  82%, 100% {
    transform: translateX(calc(-100% + min(100%, 240px)));
  }
}

@media (max-width: 430px) {
  @keyframes rfm-archive-title-pingpong {
    0%, 18% {
      transform: translateX(0);
    }
    82%, 100% {
      transform: translateX(calc(-100% + min(100%, 210px)));
    }
  }
}


/* Step 2.23 - Atsuk mobile hard overflow fix: marquee text must not affect layout */
@media (max-width: 768px) {
  .rfm-atsuk-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
    contain: layout paint !important;
  }

  .rfm-atsuk-glass {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .rfm-archive-player-compact,
  .rfm-archive-latest,
  .rfm-archive-list-compact,
  .rfm-archive-console,
  .rfm-archive-console-main,
  .rfm-archive-progress-wrap,
  .rfm-archive-time-row,
  .rfm-archive-mobile-skips,
  .rfm-atsuk-note-banner {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  .rfm-archive-track-compact {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .rfm-archive-track-title,
  .rfm-archive-console .rfm-archive-title {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: 18px !important;
    line-height: 18px !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    contain: paint !important;
  }

  .rfm-archive-track-title .rfm-archive-marquee-text,
  .rfm-archive-console .rfm-archive-title .rfm-archive-marquee-text {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    display: block !important;
    width: max-content !important;
    max-width: none !important;
    min-width: 0 !important;
    white-space: nowrap !important;
    animation: rfm-archive-title-pingpong-safe 9s ease-in-out infinite alternate !important;
    will-change: transform !important;
  }

  .rfm-archive-console {
    display: grid !important;
    grid-template-columns: 36px minmax(0, 1fr) !important;
    column-gap: 8px !important;
    row-gap: 7px !important;
    padding: 10px 8px !important;
  }

  .rfm-archive-console .rfm-archive-main-play {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;
    max-width: 36px !important;
    max-height: 36px !important;
  }

  .rfm-archive-range {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .rfm-archive-mobile-skips .rfm-archive-skip {
    min-width: 44px !important;
    height: 24px !important;
    padding-left: 7px !important;
    padding-right: 7px !important;
  }

  .rfm-atsuk-note-banner {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
}

@keyframes rfm-archive-title-pingpong-safe {
  0%, 22% { transform: translateX(0); }
  78%, 100% { transform: translateX(-35%); }
}

@media (max-width: 380px) {
  .rfm-atsuk-glass {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  .rfm-archive-console {
    grid-template-columns: 34px minmax(0, 1fr) !important;
    padding-left: 7px !important;
    padding-right: 7px !important;
  }

  .rfm-archive-console .rfm-archive-main-play {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    min-height: 34px !important;
  }
}

/* Step 2.27 - Homepage layout redraw: Atsuk moved between Dainos and Atlikejai */
.rfm-atsuk-home-section {
  max-width: 1600px;
  margin: 24px auto 24px auto;
  padding: 0 48px;
  box-sizing: border-box;
}

.rfm-atsuk-home-section .rfm-atsuk-wrapper {
  margin-top: 0 !important;
}

@media (max-width: 991px) {
  .rfm-atsuk-home-section {
    padding: 0 16px;
    margin: 22px auto 22px auto;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
  }
}

@media (max-width: 768px) {
  .rfm-atsuk-home-section {
    padding-left: 14px;
    padding-right: 14px;
  }
}

@media (max-width: 380px) {
  .rfm-atsuk-home-section {
    padding-left: 12px;
    padding-right: 12px;
  }
}

/* Step 2.30 - Atsuk section title label uses the exact same style as other homepage labels */
.rfm-atsuk-label-box {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  background: rgba(210, 4, 45, 0.08) !important;
  border: 1px solid rgba(210, 4, 45, 0.2) !important;
  border-radius: 6px !important;
  padding: 6px 14px !important;
  margin: 0 0 18px 0 !important;
  box-shadow: none !important;
}

.rfm-atsuk-label-box::before {
  content: '';
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #D2042D;
  flex: 0 0 7px;
}

.rfm-atsuk-text {
  color: #D2042D !important;
  font-family: var(--rfm-font-main) !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: 1.2px !important;
  text-transform: uppercase !important;
}

@media (max-width: 768px) {
  .rfm-atsuk-label-box {
    margin-bottom: 14px !important;
    padding: 6px 12px !important;
  }
}


/* Step 2.29 - Atsuk label moved outside the red player block */
.rfm-atsuk-section-header {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 0 0 18px 0;
}

.rfm-atsuk-home-section > .rfm-atsuk-label-box,
.rfm-atsuk-section-header .rfm-atsuk-label-box {
  margin: 0 !important;
}

.rfm-atsuk-home-section .rfm-atsuk-wrapper {
  margin-top: 0 !important;
}

@media (max-width: 768px) {
  .rfm-atsuk-section-header {
    margin-bottom: 14px;
  }
}


/* Full-width hero layout responsive refinements */
@media (max-width: 991px) {
  .rfm-hero-full-grid { grid-template-columns: 1fr !important; gap: 0 !important; }
  .rfm-home-banner-row { grid-template-columns: 1fr !important; gap: 16px !important; margin-top: 20px !important; }
}

@media (max-width: 768px) {
  .rfm-home-banner-row { margin-top: 18px !important; gap: 14px !important; }
  .rfm-home-banner-row .rfm-banner-item { border-radius: 16px !important; }
}

/* Desktop-only susijusio įrašo nuotrauka pagal dabar grojančią dainą, integruota į didžiojo grotuvo juostą */
.rfm-now-post-card {
  position: relative;
  z-index: 2;
  width: 128px;
  aspect-ratio: 16 / 9;
  display: block;
  flex: 0 0 128px;
  padding: 0;
  border-radius: 14px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.18);
  border: 1px solid rgba(255, 255, 255, 0.5);
  box-shadow: 0 10px 26px rgba(38, 28, 29, 0.18);
  text-decoration: none !important;
  opacity: 0;
  transform: translateX(6px);
  pointer-events: none;
  transition: opacity 0.25s ease, transform 0.25s ease, box-shadow 0.2s ease;
}

.rfm-now-post-card:not([hidden]) {
  opacity: 1;
  transform: translateX(0);
  pointer-events: auto;
}

.rfm-now-post-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 14px 32px rgba(38, 28, 29, 0.24);
}

.rfm-now-post-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

@media (min-width: 1200px) {
  .rfm-now-post-card {
    width: 138px;
    flex-basis: 138px;
  }
}

@media (max-width: 991px) {
  .rfm-now-post-card {
    display: none !important;
  }
}


/* Step 2.62 - naujas titulinio virsaus isdestymas: ticker -> full-width player -> banners */
.rfm-home-top-stage {
  margin-bottom: 34px;
}

.rfm-top-status-bar-ticker-only {
  gap: 0 !important;
  margin-bottom: 16px !important;
}
.rfm-top-status-bar-ticker-only .rfm-ticker-container {
  width: 100%;
  flex: 1 1 100%;
}

.rfm-standalone-player-box {
  width: 100%;
  margin: 0;
  box-sizing: border-box;
}
.rfm-standalone-player-box .rfm-floating-player {
  position: relative !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  width: 100% !important;
  min-height: 92px;
  background: linear-gradient(135deg, #D2042B 0%, #B70325 58%, #92021D 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.36) !important;
  box-shadow: 0 18px 45px rgba(210, 4, 43, 0.18), inset 0 1px 0 rgba(255,255,255,0.20) !important;
}
.rfm-standalone-player-box .rfm-btn {
  background: rgba(255, 255, 255, 0.18) !important;
  border-color: rgba(255, 255, 255, 0.58) !important;
}
.rfm-standalone-player-box .rfm-btn:hover,
.rfm-standalone-player-box .rfm-btn:focus,
.rfm-standalone-player-box .rfm-btn:active {
  background: rgba(255, 255, 255, 0.28) !important;
}

.rfm-desktop-player-stage {
  display: block;
}
.rfm-mobile-current-show-banner,
.rfm-mobile-secondary-banners {
  display: none;
}

.rfm-home-banner-row.rfm-desktop-banner-row {
  margin-top: 20px;
}
.rfm-home-banner-row .rfm-banner-item,
.rfm-mobile-current-show-banner .rfm-banner-item,
.rfm-mobile-secondary-banners .rfm-banner-item {
  position: relative;
  display: block;
  overflow: hidden;
  text-decoration: none !important;
}
.rfm-eteryje-banner-label {
  position: absolute;
  top: 14px;
  left: 14px;
  z-index: 3;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  background: rgba(255, 255, 255, 0.74);
  border: 1px solid rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(14px) saturate(160%);
  -webkit-backdrop-filter: blur(14px) saturate(160%);
  border-radius: 7px;
  padding: 7px 13px;
  color: #E52D27;
  font-family: var(--rfm-font-main);
  font-size: 10.5px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: 1.15px;
  text-transform: uppercase;
  box-shadow: 0 8px 24px rgba(38, 28, 29, 0.09);
}
.rfm-eteryje-banner::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(38, 28, 29, 0.08), transparent 50%);
  pointer-events: none;
}

@media (min-width: 769px) {
  .rfm-desktop-banner-row {
    display: grid !important;
  }
  .rfm-mobile-current-show-banner,
  .rfm-mobile-secondary-banners {
    display: none !important;
  }
}

@media (max-width: 768px) {
  .rfm-home-top-stage {
    margin-top: 120px !important;
    margin-bottom: 30px !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
  .rfm-desktop-player-stage,
  .rfm-desktop-banner-row {
    display: none !important;
  }
  .rfm-mobile-current-show-banner {
    display: block !important;
    width: 100% !important;
    margin: 0 0 16px 0 !important;
  }
  .rfm-mobile-secondary-banners {
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
    width: 100% !important;
    margin-top: 18px !important;
  }
  .rfm-mobile-current-show-banner .rfm-banner-item,
  .rfm-mobile-secondary-banners .rfm-banner-item {
    width: 100% !important;
    border-radius: 16px !important;
  }
  .rfm-mobile-current-show-banner img,
  .rfm-mobile-secondary-banners img {
    width: 100% !important;
    aspect-ratio: 16 / 9 !important;
    object-fit: cover !important;
    display: block !important;
  }
  .rfm-eteryje-banner-label {
    top: 12px;
    left: 12px;
    padding: 6px 11px;
    font-size: 10px;
  }
}

@media (max-width: 380px) {
  .rfm-home-top-stage {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
}

/* Step 2.63 - firmine Relax FM grotuvo spalva */
.rfm-standalone-player-box .rfm-floating-player {
  background: linear-gradient(135deg, #D2042B 0%, #B70325 58%, #92021D 100%) !important;
  border-color: rgba(255, 255, 255, 0.42) !important;
  box-shadow: 0 18px 45px rgba(210, 4, 43, 0.18), inset 0 1px 0 rgba(255,255,255,0.20) !important;
}
.rfm-standalone-player-box .rfm-history-text-btn {
  background: rgba(255, 255, 255, 0.14) !important;
  border-color: rgba(255, 255, 255, 0.48) !important;
}
.rfm-standalone-player-box .rfm-history-text-btn:hover,
.rfm-standalone-player-box .rfm-history-text-btn:focus {
  background: rgba(255, 255, 255, 0.24) !important;
}

/* Step 2.106 - homepage current show banner from Relax FM Laidos shortcode */
.rfm-home-laida-slot {
  display: block;
  width: 100%;
  min-width: 0;
}
.rfm-home-laida-slot .rfm-laida-banner {
  width: 100%;
  min-height: 0;
  border-radius: 16px;
  box-shadow: 0 10px 30px rgba(38, 28, 29, 0.03);
}
.rfm-home-laida-slot .rfm-laida-hero {
  aspect-ratio: 16 / 9;
}
.rfm-home-laida-slot .rfm-laida-img,
.rfm-home-laida-slot .rfm-laida-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.rfm-mobile-current-show-banner.rfm-home-laida-slot .rfm-laida-banner {
  border-radius: 16px !important;
}


/* Step 2.107 - Relax FM Laidos homepage banner visual alignment with old homepage banners */
.rfm-home-laida-slot .rfm-laida-banner {
  border-radius: 16px !important;
  background: #FFFFFF !important;
  border: 1px solid rgba(255, 255, 255, 0.5) !important;
  box-shadow: 0 10px 30px rgba(38, 28, 29, 0.03) !important;
  overflow: hidden !important;
}

.rfm-home-laida-slot .rfm-laida-banner:hover,
.rfm-home-laida-slot .rfm-laida-banner:focus {
  text-decoration: none !important;
}

.rfm-home-laida-slot .rfm-laida-shade {
  background:
    linear-gradient(180deg, rgba(38, 28, 29, 0.04) 0%, rgba(38, 28, 29, 0.05) 42%, rgba(38, 28, 29, 0.72) 100%),
    linear-gradient(135deg, rgba(38, 28, 29, 0.08), transparent 50%) !important;
}

.rfm-home-laida-slot .rfm-laida-label {
  top: 14px !important;
  left: 14px !important;
  z-index: 3 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  background: rgba(255, 255, 255, 0.74) !important;
  border: 1px solid rgba(255, 255, 255, 0.7) !important;
  backdrop-filter: blur(14px) saturate(160%) !important;
  -webkit-backdrop-filter: blur(14px) saturate(160%) !important;
  border-radius: 7px !important;
  padding: 7px 13px !important;
  color: #E52D27 !important;
  font-family: var(--rfm-font-main) !important;
  font-size: 10.5px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  letter-spacing: 1.15px !important;
  text-transform: uppercase !important;
  box-shadow: 0 8px 24px rgba(38, 28, 29, 0.09) !important;
}

.rfm-home-laida-slot .rfm-laida-label::before {
  content: '';
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: #E52D27;
  box-shadow: 0 0 0 4px rgba(229, 45, 39, 0.12);
  flex: 0 0 auto;
}

.rfm-home-laida-slot .rfm-laida-content {
  left: 16px !important;
  right: 16px !important;
  bottom: 15px !important;
  gap: 7px !important;
}

.rfm-home-laida-slot .rfm-laida-title {
  max-width: 92% !important;
  font-size: clamp(20px, 2.25vw, 31px) !important;
  line-height: 1.05 !important;
  font-weight: 800 !important;
  letter-spacing: -0.035em !important;
  color: #FFFFFF !important;
  text-shadow: 0 2px 14px rgba(0, 0, 0, 0.50) !important;
}

.rfm-home-laida-slot .rfm-laida-cta {
  width: fit-content !important;
  max-width: 95% !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.90) !important;
  color: #D2042B !important;
  border: 1px solid rgba(255, 255, 255, 0.78) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: 0.01em !important;
  line-height: 1.1 !important;
  padding: 8px 11px !important;
  box-shadow: 0 8px 22px rgba(38, 28, 29, 0.12) !important;
}

@media (max-width: 768px) {
  .rfm-mobile-current-show-banner.rfm-home-laida-slot .rfm-laida-label {
    top: 12px !important;
    left: 12px !important;
    padding: 6px 11px !important;
    font-size: 10px !important;
  }
  .rfm-mobile-current-show-banner.rfm-home-laida-slot .rfm-laida-content {
    left: 13px !important;
    right: 13px !important;
    bottom: 13px !important;
  }
  .rfm-mobile-current-show-banner.rfm-home-laida-slot .rfm-laida-title {
    max-width: 96% !important;
    font-size: clamp(20px, 6.1vw, 27px) !important;
  }
  .rfm-mobile-current-show-banner.rfm-home-laida-slot .rfm-laida-cta {
    font-size: 11.5px !important;
    padding: 7px 10px !important;
  }
}

/* Dynamic station rail in the large hero player. Kept lightweight and mostly collapsed on desktop. */
@media (min-width: 992px) {
  .rfm-hero-stations-switcher.rfm-stations-overflow {
    --rfm-hero-tab: 78px;
    --rfm-hero-gap: 10px;
    --rfm-hero-peek: 8px;
    --rfm-hero-arrow: 32px;
    width: calc((var(--rfm-hero-tab) * 3) + (var(--rfm-hero-gap) * 3) + var(--rfm-hero-peek) + var(--rfm-hero-arrow));
    max-width: calc((var(--rfm-hero-tab) * 3) + (var(--rfm-hero-gap) * 3) + var(--rfm-hero-peek) + var(--rfm-hero-arrow));
    overflow: hidden;
    padding-right: var(--rfm-hero-arrow);
    transition: width 0.32s cubic-bezier(0.22, 1, 0.36, 1), max-width 0.32s cubic-bezier(0.22, 1, 0.36, 1);
    will-change: width;
  }

  .rfm-hero-stations-switcher.rfm-stations-overflow .rfm-station-tab {
    flex: 0 0 var(--rfm-hero-tab);
    width: var(--rfm-hero-tab);
    height: var(--rfm-hero-tab);
  }

  .rfm-hero-stations-switcher.rfm-stations-overflow:hover,
  .rfm-hero-stations-switcher.rfm-stations-overflow:focus-within {
    width: calc((var(--rfm-hero-tab) * 4) + (var(--rfm-hero-gap) * 3));
    max-width: calc((var(--rfm-hero-tab) * 4) + (var(--rfm-hero-gap) * 3));
    padding-right: 0;
  }

  .rfm-hero-stations-switcher.rfm-stations-overflow .rfm-station-tab {
    transform: scale(0.97);
  }

  .rfm-hero-stations-switcher.rfm-stations-overflow:hover .rfm-station-tab,
  .rfm-hero-stations-switcher.rfm-stations-overflow:focus-within .rfm-station-tab {
    transform: scale(1);
  }

  .rfm-hero-stations-switcher.rfm-stations-overflow::after {
    content: '›';
    position: absolute;
    right: 0;
    top: 50%;
    width: var(--rfm-hero-arrow);
    height: 62px;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px 0 0 999px;
    background: linear-gradient(90deg, rgba(255,255,255,0.34), rgba(255,255,255,0.94));
    color: #D2042B;
    font-size: 30px;
    font-weight: 800;
    box-shadow: -12px 0 24px rgba(255,255,255,0.44);
    pointer-events: none;
    z-index: 3;
    transition: opacity 0.18s ease, transform 0.24s ease;
  }

  .rfm-hero-stations-switcher.rfm-stations-overflow:hover::after,
  .rfm-hero-stations-switcher.rfm-stations-overflow:focus-within::after {
    opacity: 0;
    transform: translate(8px, -50%);
  }
}

/* Step 1.0.113: large hero player station rail shows three logos plus an arrow, not a fourth-logo peek. */
@media (min-width: 992px) {
  .rfm-hero-stations-switcher.rfm-stations-overflow {
    --rfm-hero-tab: 78px;
    --rfm-hero-gap: 10px;
    --rfm-hero-arrow: 32px;
    width: calc((var(--rfm-hero-tab) * 3) + (var(--rfm-hero-gap) * 2) + var(--rfm-hero-arrow)) !important;
    max-width: calc((var(--rfm-hero-tab) * 3) + (var(--rfm-hero-gap) * 2) + var(--rfm-hero-arrow)) !important;
    padding-right: var(--rfm-hero-arrow) !important;
    overflow: hidden !important;
  }

  .rfm-hero-stations-switcher.rfm-stations-overflow:hover,
  .rfm-hero-stations-switcher.rfm-stations-overflow:focus-within {
    width: calc((var(--rfm-hero-tab) * 4) + (var(--rfm-hero-gap) * 3)) !important;
    max-width: calc((var(--rfm-hero-tab) * 4) + (var(--rfm-hero-gap) * 3)) !important;
    padding-right: 0 !important;
  }

  .rfm-hero-stations-switcher.rfm-stations-overflow::after {
    background: rgba(255,255,255,0.92) !important;
    border: 1px solid rgba(210,4,43,0.12) !important;
    box-shadow: 0 10px 24px rgba(110,30,45,0.12) !important;
    border-radius: 999px !important;
  }
}


/* Step 1.0.114: hero station rail arrow refinement.
   Top desktop player keeps only a clean white arrow, without badge frame/background. */
@media (min-width: 992px) {
  .rfm-hero-stations-switcher.rfm-stations-overflow::after {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    color: #FFFFFF !important;
    text-shadow: 0 2px 10px rgba(0,0,0,0.22) !important;
  }
}


/* Step 1.0.115: hero station rail FOUC guard. */
.rfm-hero-stations-switcher.rfm-stations-overflow {
  overflow: hidden;
}


/* Step 1.0.116: desktop hero station rail expansion fix.
   Keep three stations plus the clean white arrow at rest; on hover/focus reveal all stations. */
@media (min-width: 992px) {
  .rfm-hero-stations-switcher.rfm-stations-overflow:hover,
  .rfm-hero-stations-switcher.rfm-stations-overflow:focus-within {
    width: max-content !important;
    max-width: min(92vw, 760px) !important;
    padding-right: 0 !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
    scrollbar-width: none !important;
  }

  .rfm-hero-stations-switcher.rfm-stations-overflow:hover::-webkit-scrollbar,
  .rfm-hero-stations-switcher.rfm-stations-overflow:focus-within::-webkit-scrollbar {
    display: none !important;
  }
}


/* Step 1.0.118 - keep large player station rail open while interacting with artwork/card. */
@media (min-width: 992px) {
  .rfm-floating-player.rfm-stations-open .rfm-hero-stations-switcher.rfm-stations-overflow {
    width: max-content !important;
    max-width: min(92vw, 760px) !important;
    padding-right: 0 !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
    scrollbar-width: none !important;
  }

  .rfm-floating-player.rfm-stations-open .rfm-hero-stations-switcher.rfm-stations-overflow::-webkit-scrollbar {
    display: none !important;
  }

  .rfm-floating-player.rfm-stations-open .rfm-hero-stations-switcher.rfm-stations-overflow::after {
    opacity: 0 !important;
    transform: translate(8px, -50%) !important;
  }

  .rfm-floating-player.rfm-stations-open .rfm-hero-stations-switcher.rfm-stations-overflow .rfm-station-tab {
    transform: scale(1) !important;
  }
}

/* Step 1.0.121: large desktop player station rail opens only from the clean arrow hint. */
@media (min-width: 992px) {
  .rfm-hero-stations-switcher.rfm-stations-overflow {
    position: relative !important;
    width: calc((var(--rfm-hero-tab, 78px) * 3) + (var(--rfm-hero-gap, 10px) * 2) + var(--rfm-hero-arrow, 32px)) !important;
    max-width: calc((var(--rfm-hero-tab, 78px) * 3) + (var(--rfm-hero-gap, 10px) * 2) + var(--rfm-hero-arrow, 32px)) !important;
    padding-right: var(--rfm-hero-arrow, 32px) !important;
    overflow: hidden !important;
    transition: width 0.3s ease, max-width 0.3s ease, padding-right 0.3s ease !important;
  }

  .rfm-hero-stations-switcher.rfm-stations-overflow:hover,
  .rfm-hero-stations-switcher.rfm-stations-overflow:focus-within {
    width: calc((var(--rfm-hero-tab, 78px) * 3) + (var(--rfm-hero-gap, 10px) * 2) + var(--rfm-hero-arrow, 32px)) !important;
    max-width: calc((var(--rfm-hero-tab, 78px) * 3) + (var(--rfm-hero-gap, 10px) * 2) + var(--rfm-hero-arrow, 32px)) !important;
    padding-right: var(--rfm-hero-arrow, 32px) !important;
    overflow: hidden !important;
  }

  .rfm-floating-player.rfm-stations-open .rfm-hero-stations-switcher.rfm-stations-overflow,
  .rfm-hero-stations-switcher.rfm-stations-overflow.rfm-stations-open {
    width: min(92vw, calc((var(--rfm-hero-tab, 78px) * var(--rfm-station-count, 3)) + (var(--rfm-hero-gap, 10px) * (var(--rfm-station-count, 3) - 1)) + var(--rfm-hero-arrow, 32px))) !important;
    max-width: min(92vw, calc((var(--rfm-hero-tab, 78px) * var(--rfm-station-count, 3)) + (var(--rfm-hero-gap, 10px) * (var(--rfm-station-count, 3) - 1)) + var(--rfm-hero-arrow, 32px))) !important;
    padding-right: var(--rfm-hero-arrow, 32px) !important;
    overflow: hidden !important;
  }

  .rfm-hero-stations-switcher.rfm-stations-overflow::after {
    content: none !important;
    display: none !important;
  }

  .rfm-hero-stations-switcher .rfm-stations-expand-toggle {
    position: absolute !important;
    right: 0 !important;
    top: 50% !important;
    width: var(--rfm-hero-arrow, 32px) !important;
    height: 54px !important;
    transform: translateY(-50%) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #FFFFFF !important;
    text-shadow: 0 2px 10px rgba(0,0,0,0.22) !important;
    font-size: 34px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    cursor: pointer !important;
    z-index: 10 !important;
    opacity: 0.92 !important;
    transition: transform 0.22s ease, opacity 0.22s ease !important;
    user-select: none !important;
  }

  .rfm-floating-player.rfm-stations-open .rfm-hero-stations-switcher .rfm-stations-expand-toggle,
  .rfm-hero-stations-switcher.rfm-stations-open .rfm-stations-expand-toggle {
    transform: translateY(-50%) rotate(180deg) !important;
  }

  .rfm-hero-stations-switcher .rfm-stations-expand-toggle:hover,
  .rfm-hero-stations-switcher .rfm-stations-expand-toggle:focus {
    opacity: 1 !important;
  }
}

/* Step 1.0.122: desktop hero station rail opens from the 4th station hover peek, closes from the arrow at the rail end. */
@media (min-width: 992px) {
  .rfm-hero-stations-switcher.rfm-stations-overflow {
    --rfm-hero-peek: 22px;
    width: calc((var(--rfm-hero-tab, 78px) * 3) + (var(--rfm-hero-gap, 10px) * 3) + var(--rfm-hero-peek, 22px) + var(--rfm-hero-arrow, 32px)) !important;
    max-width: calc((var(--rfm-hero-tab, 78px) * 3) + (var(--rfm-hero-gap, 10px) * 3) + var(--rfm-hero-peek, 22px) + var(--rfm-hero-arrow, 32px)) !important;
    padding-right: var(--rfm-hero-arrow, 32px) !important;
    overflow: hidden !important;
    transition: width 0.3s ease, max-width 0.3s ease, padding-right 0.3s ease !important;
  }

  .rfm-hero-stations-switcher.rfm-stations-overflow:hover,
  .rfm-hero-stations-switcher.rfm-stations-overflow:focus-within {
    width: calc((var(--rfm-hero-tab, 78px) * 3) + (var(--rfm-hero-gap, 10px) * 3) + var(--rfm-hero-peek, 22px) + var(--rfm-hero-arrow, 32px)) !important;
    max-width: calc((var(--rfm-hero-tab, 78px) * 3) + (var(--rfm-hero-gap, 10px) * 3) + var(--rfm-hero-peek, 22px) + var(--rfm-hero-arrow, 32px)) !important;
    padding-right: var(--rfm-hero-arrow, 32px) !important;
    overflow: hidden !important;
  }

  .rfm-floating-player.rfm-stations-open .rfm-hero-stations-switcher.rfm-stations-overflow,
  .rfm-hero-stations-switcher.rfm-stations-overflow.rfm-stations-open {
    width: min(92vw, calc((var(--rfm-hero-tab, 78px) * var(--rfm-station-count, 3)) + (var(--rfm-hero-gap, 10px) * (var(--rfm-station-count, 3) - 1)) + var(--rfm-hero-arrow, 32px))) !important;
    max-width: min(92vw, calc((var(--rfm-hero-tab, 78px) * var(--rfm-station-count, 3)) + (var(--rfm-hero-gap, 10px) * (var(--rfm-station-count, 3) - 1)) + var(--rfm-hero-arrow, 32px))) !important;
    padding-right: var(--rfm-hero-arrow, 32px) !important;
    overflow: hidden !important;
  }
}


/* Step 1.0.123: final desktop hero station rail behavior.
   Rest: three stations + a small 4th-logo hover zone + white arrow. Open: all stations, close by arrow click. */
@media (min-width: 992px) {
  .rfm-hero-stations-switcher.rfm-stations-overflow {
    --rfm-hero-peek: 22px;
    position: relative !important;
    width: calc((var(--rfm-hero-tab, 78px) * 3) + (var(--rfm-hero-gap, 10px) * 3) + var(--rfm-hero-peek, 22px) + var(--rfm-hero-arrow, 32px)) !important;
    max-width: calc((var(--rfm-hero-tab, 78px) * 3) + (var(--rfm-hero-gap, 10px) * 3) + var(--rfm-hero-peek, 22px) + var(--rfm-hero-arrow, 32px)) !important;
    padding-right: var(--rfm-hero-arrow, 32px) !important;
    overflow: hidden !important;
    transition: width 0.26s ease, max-width 0.26s ease, padding-right 0.26s ease !important;
  }

  .rfm-hero-stations-switcher.rfm-stations-overflow:hover,
  .rfm-hero-stations-switcher.rfm-stations-overflow:focus-within {
    width: calc((var(--rfm-hero-tab, 78px) * 3) + (var(--rfm-hero-gap, 10px) * 3) + var(--rfm-hero-peek, 22px) + var(--rfm-hero-arrow, 32px)) !important;
    max-width: calc((var(--rfm-hero-tab, 78px) * 3) + (var(--rfm-hero-gap, 10px) * 3) + var(--rfm-hero-peek, 22px) + var(--rfm-hero-arrow, 32px)) !important;
    padding-right: var(--rfm-hero-arrow, 32px) !important;
    overflow: hidden !important;
  }

  .rfm-floating-player.rfm-stations-open .rfm-hero-stations-switcher.rfm-stations-overflow,
  .rfm-hero-stations-switcher.rfm-stations-overflow.rfm-stations-open {
    width: min(92vw, calc((var(--rfm-hero-tab, 78px) * var(--rfm-station-count, 3)) + (var(--rfm-hero-gap, 10px) * (var(--rfm-station-count, 3) - 1)) + var(--rfm-hero-arrow, 32px))) !important;
    max-width: min(92vw, calc((var(--rfm-hero-tab, 78px) * var(--rfm-station-count, 3)) + (var(--rfm-hero-gap, 10px) * (var(--rfm-station-count, 3) - 1)) + var(--rfm-hero-arrow, 32px))) !important;
    padding-right: var(--rfm-hero-arrow, 32px) !important;
    overflow: hidden !important;
  }

  .rfm-hero-stations-switcher .rfm-stations-hover-zone {
    position: absolute !important;
    left: calc((var(--rfm-hero-tab, 78px) * 3) + (var(--rfm-hero-gap, 10px) * 3)) !important;
    top: 0 !important;
    width: var(--rfm-hero-peek, 22px) !important;
    height: 100% !important;
    z-index: 60 !important;
    cursor: pointer !important;
    background: transparent !important;
    pointer-events: auto !important;
  }

  .rfm-floating-player.rfm-stations-open .rfm-hero-stations-switcher .rfm-stations-hover-zone,
  .rfm-hero-stations-switcher.rfm-stations-open .rfm-stations-hover-zone {
    display: none !important;
    pointer-events: none !important;
  }

  .rfm-hero-stations-switcher .rfm-stations-expand-toggle {
    right: 0 !important;
    z-index: 70 !important;
    pointer-events: auto !important;
  }
}


/* Step 1.0.124: robust desktop hero station rail fallback.
   It opens from JS class, not pure :hover, so the trigger is reliable. */
@media (min-width: 992px) {
  .rfm-hero-stations-switcher.rfm-stations-overflow:hover,
  .rfm-hero-stations-switcher.rfm-stations-overflow:focus-within {
    width: calc((var(--rfm-hero-tab, 78px) * 3) + (var(--rfm-hero-gap, 10px) * 3) + var(--rfm-hero-peek, 22px) + var(--rfm-hero-arrow, 32px)) !important;
    max-width: calc((var(--rfm-hero-tab, 78px) * 3) + (var(--rfm-hero-gap, 10px) * 3) + var(--rfm-hero-peek, 22px) + var(--rfm-hero-arrow, 32px)) !important;
    overflow: hidden !important;
  }

  .rfm-floating-player.rfm-stations-open .rfm-hero-stations-switcher.rfm-stations-overflow,
  .rfm-hero-stations-switcher.rfm-stations-overflow.rfm-stations-open,
  .rfm-floating-player.rfm-stations-open .rfm-hero-stations-switcher.rfm-stations-overflow:hover,
  .rfm-hero-stations-switcher.rfm-stations-overflow.rfm-stations-open:hover,
  .rfm-floating-player.rfm-stations-open .rfm-hero-stations-switcher.rfm-stations-overflow:focus-within,
  .rfm-hero-stations-switcher.rfm-stations-overflow.rfm-stations-open:focus-within {
    width: min(92vw, calc((var(--rfm-hero-tab, 78px) * var(--rfm-station-count, 3)) + (var(--rfm-hero-gap, 10px) * (var(--rfm-station-count, 3) - 1)) + var(--rfm-hero-arrow, 32px))) !important;
    max-width: min(92vw, calc((var(--rfm-hero-tab, 78px) * var(--rfm-station-count, 3)) + (var(--rfm-hero-gap, 10px) * (var(--rfm-station-count, 3) - 1)) + var(--rfm-hero-arrow, 32px))) !important;
    overflow: hidden !important;
  }
}

/* Step 1.0.126: desktop hero rail arrow optical centering. */
@media (min-width: 992px) {
  .rfm-hero-stations-switcher .rfm-stations-expand-toggle {
    font-size: 0 !important;
    transform: translateY(-50%) !important;
  }
  .rfm-floating-player.rfm-stations-open .rfm-hero-stations-switcher .rfm-stations-expand-toggle,
  .rfm-hero-stations-switcher.rfm-stations-open .rfm-stations-expand-toggle {
    transform: translateY(-50%) !important;
  }
  .rfm-hero-stations-switcher .rfm-stations-expand-toggle::before {
    content: '›';
    display: block;
    color: inherit;
    font-size: 34px;
    line-height: 1;
    font-weight: 800;
    text-shadow: inherit;
    transform: translateY(1px);
    transform-origin: center center;
  }
  .rfm-floating-player.rfm-stations-open .rfm-hero-stations-switcher .rfm-stations-expand-toggle::before,
  .rfm-hero-stations-switcher.rfm-stations-open .rfm-stations-expand-toggle::before {
    transform: translateY(1px) rotate(180deg);
  }
}

/* v1.0.127: virsutinis grotuvas - lengvas dainu istorijos preview */
@media (min-width: 769px) {
  .rfm-history-dropdown-panel {
    will-change: max-height;
  }

  .rfm-history-dropdown-panel.open {
    animation: rfmHistorySoftReveal 0.24s ease both;
  }

  #rfmHistoryContainer.rfm-history-preview-collapsed .rfm-history-row:nth-of-type(n+3) {
    display: none !important;
  }

  #rfmHistoryContainer.rfm-history-preview-collapsed {
    gap: 9px;
  }

  #rfmHistoryContainer.rfm-history-preview-collapsed .rfm-history-row {
    min-height: 58px;
  }

  .rfm-history-expand-wrap {
    display: flex;
    justify-content: flex-end;
    padding-top: 8px;
  }

  .rfm-history-expand-btn {
    appearance: none;
    border: 1px solid rgba(210, 4, 43, 0.20);
    background: rgba(210, 4, 43, 0.08);
    color: #d2042b;
    border-radius: 999px;
    padding: 8px 16px;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.08em;
    line-height: 1;
    cursor: pointer;
    box-shadow: 0 8px 18px rgba(210, 4, 43, 0.08);
    transition: transform 0.18s ease, background 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
  }

  .rfm-history-expand-btn:hover,
  .rfm-history-expand-btn:focus-visible {
    transform: translateY(-1px);
    background: rgba(210, 4, 43, 0.12);
    border-color: rgba(210, 4, 43, 0.34);
    box-shadow: 0 12px 24px rgba(210, 4, 43, 0.12);
    outline: none;
  }

  .rfm-history-expand-btn[hidden] {
    display: none !important;
  }

  @keyframes rfmHistorySoftReveal {
    from { opacity: 0.78; transform: translateY(-4px); }
    to { opacity: 1; transform: translateY(0); }
  }
}

/* v1.0.128: hero history button under station logo + clearer lightweight reveal */
@media (min-width: 769px) {
  .rfm-history-side {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
    width: 110px;
    min-width: 110px;
  }

  .rfm-history-side .rfm-history-glass-brand-badge {
    flex: 0 0 auto;
  }

  .rfm-history-expand-slot {
    display: flex;
    justify-content: center;
    width: 100%;
  }

  .rfm-history-expand-slot .rfm-history-expand-wrap {
    justify-content: center;
    padding-top: 0;
    width: 100%;
  }

  .rfm-history-expand-slot .rfm-history-expand-btn {
    width: 100%;
    max-width: 110px;
    padding: 9px 10px;
    text-align: center;
  }

  #rfmHistoryPanel.open .rfm-history-layout-wrapper {
    animation: rfmHistoryPanelRevealStrong 0.38s cubic-bezier(0.2, 0.9, 0.2, 1) both;
  }

  #rfmHistoryPanel.rfm-history-preview-reveal .rfm-history-row {
    animation: rfmHistoryRowPreviewIn 0.34s cubic-bezier(0.2, 0.9, 0.2, 1) both;
  }

  #rfmHistoryPanel.rfm-history-preview-reveal .rfm-history-row:nth-of-type(1) { animation-delay: 0.02s; }
  #rfmHistoryPanel.rfm-history-preview-reveal .rfm-history-row:nth-of-type(2) { animation-delay: 0.06s; }
  #rfmHistoryPanel.rfm-history-preview-reveal .rfm-history-row:nth-of-type(3) { animation-delay: 0.10s; }

  #rfmHistoryPanel.rfm-history-expanded-reveal #rfmHistoryContainer.rfm-history-preview-expanded .rfm-history-row:nth-of-type(n+4) {
    animation: rfmHistoryExtraRowIn 0.32s cubic-bezier(0.2, 0.9, 0.2, 1) both;
  }

  #rfmHistoryPanel.rfm-history-expanded-reveal #rfmHistoryContainer.rfm-history-preview-expanded .rfm-history-row:nth-of-type(4) { animation-delay: 0.02s; }
  #rfmHistoryPanel.rfm-history-expanded-reveal #rfmHistoryContainer.rfm-history-preview-expanded .rfm-history-row:nth-of-type(5) { animation-delay: 0.05s; }
  #rfmHistoryPanel.rfm-history-expanded-reveal #rfmHistoryContainer.rfm-history-preview-expanded .rfm-history-row:nth-of-type(6) { animation-delay: 0.08s; }
  #rfmHistoryPanel.rfm-history-expanded-reveal #rfmHistoryContainer.rfm-history-preview-expanded .rfm-history-row:nth-of-type(n+7) { animation-delay: 0.10s; }

  @keyframes rfmHistoryPanelRevealStrong {
    from { opacity: 0; transform: translateY(-12px) scale(0.985); }
    to { opacity: 1; transform: translateY(0) scale(1); }
  }

  @keyframes rfmHistoryRowPreviewIn {
    from { opacity: 0; transform: translateY(-8px); }
    to { opacity: 1; transform: translateY(0); }
  }

  @keyframes rfmHistoryExtraRowIn {
    from { opacity: 0; transform: translateY(-6px); }
    to { opacity: 1; transform: translateY(0); }
  }
}

@media (max-width: 768px) {
  .rfm-history-side {
    display: none !important;
  }
}

/* v1.0.133: fix expanded hero history bottom spacing so rows do not touch/overlap the rounded frame */
@media (min-width: 769px) {
  #rfmHistoryPanel.open {
    padding-bottom: 10px;
    box-sizing: border-box;
  }

  #rfmHistoryPanel.open .rfm-history-layout-wrapper {
    padding-bottom: 38px;
    align-items: flex-start;
  }

  #rfmHistoryContainer.rfm-history-preview-expanded {
    padding-bottom: 8px;
  }

  #rfmHistoryContainer.rfm-history-preview-expanded .rfm-history-row:last-child,
  #rfmHistoryContainer.rfm-history-preview-collapsed .rfm-history-row:nth-of-type(2) {
    border-bottom-color: transparent;
  }

  #rfmHistoryContainer.rfm-history-preview-expanded .rfm-history-row:last-child {
    margin-bottom: 2px;
  }
}

/* v1.0.135: expanded hero history grows naturally without internal scrolling.
   The rounded panel must wrap the full list instead of clipping or adding an inner scrollbar. */
@media (min-width: 769px) {
  #rfmHistoryPanel.open {
    max-height: 3200px !important;
    overflow: hidden !important;
    padding-bottom: 0 !important;
    box-sizing: border-box;
  }

  #rfmHistoryPanel.open .rfm-history-layout-wrapper {
    height: auto !important;
    max-height: none !important;
    padding: 26px 32px 34px !important;
    align-items: flex-start;
    box-sizing: border-box;
  }

  #rfmHistoryContainer {
    min-height: 0;
    max-height: none !important;
    overflow: visible !important;
  }

  #rfmHistoryContainer.rfm-history-preview-collapsed {
    padding-bottom: 0;
  }

  #rfmHistoryContainer.rfm-history-preview-expanded {
    max-height: none !important;
    overflow: visible !important;
    padding: 0 0 10px 0 !important;
  }

  #rfmHistoryContainer.rfm-history-preview-expanded .rfm-history-row:last-child {
    border-bottom-color: transparent;
    margin-bottom: 0;
  }

  .rfm-history-side {
    position: static !important;
    align-self: flex-start;
  }
}



/* v1.0.137 - Atsuk transliacija redesign inspired by variant 2: split glass archive + large artwork */
.rfm-atsuk-home-section {
  margin-top: 34px !important;
  margin-bottom: 34px !important;
}

.rfm-atsuk-section-header-v137 {
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 18px !important;
  margin-bottom: 22px !important;
}

.rfm-atsuk-heading-block {
  min-width: 0;
}

.rfm-atsuk-heading {
  margin: 0 !important;
  font-family: var(--rfm-font-main) !important;
  font-size: clamp(30px, 3.2vw, 52px) !important;
  line-height: .98 !important;
  font-weight: 800 !important;
  letter-spacing: -.05em !important;
  color: #151a22 !important;
}

.rfm-atsuk-subheading {
  margin: 9px 0 0 0 !important;
  font-size: clamp(14px, 1.1vw, 18px) !important;
  line-height: 1.35 !important;
  font-weight: 600 !important;
  color: rgba(38, 28, 29, .68) !important;
}

.rfm-atsuk-wrapper {
  border-radius: 30px !important;
  overflow: hidden !important;
  box-shadow: 0 24px 70px rgba(44, 24, 28, .10), 0 1px 0 rgba(255,255,255,.76) inset !important;
  background: rgba(255, 255, 255, .52) !important;
  border: 1px solid rgba(255, 255, 255, .72) !important;
}

.rfm-atsuk-bg {
  display: none !important;
}

.rfm-atsuk-glass {
  background: linear-gradient(135deg, rgba(255,255,255,.76), rgba(255,255,255,.42)) !important;
  backdrop-filter: blur(18px) saturate(156%) !important;
  -webkit-backdrop-filter: blur(18px) saturate(156%) !important;
  padding: clamp(24px, 2.5vw, 42px) !important;
}

.rfm-archive-player-v137 {
  display: grid !important;
  grid-template-columns: minmax(0, 1.05fr) minmax(360px, .95fr) !important;
  align-items: stretch !important;
  gap: clamp(26px, 4vw, 58px) !important;
}

.rfm-archive-latest-v137 {
  align-self: center !important;
}

.rfm-archive-list-v137 {
  gap: 0 !important;
  border-radius: 20px !important;
  overflow: hidden !important;
  background: rgba(255,255,255,.52) !important;
  border: 1px solid rgba(255,255,255,.7) !important;
  box-shadow: 0 18px 48px rgba(40, 18, 22, .07), inset 0 1px 0 rgba(255,255,255,.68) !important;
}

.rfm-archive-track-v137 {
  display: grid !important;
  grid-template-columns: 92px minmax(0, 1fr) 42px !important;
  align-items: center !important;
  gap: 22px !important;
  min-height: 92px !important;
  padding: 14px 16px !important;
  border-radius: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(38, 28, 29, .08) !important;
  color: #261c1d !important;
  text-align: left !important;
}

.rfm-archive-track-v137:last-child {
  border-bottom: 0 !important;
}

.rfm-archive-track-v137:hover,
.rfm-archive-track-v137:focus,
.rfm-archive-track-v137:active,
.rfm-archive-track-v137.is-active {
  background: rgba(210, 4, 45, .035) !important;
  border-color: rgba(38, 28, 29, .08) !important;
  box-shadow: none !important;
}

.rfm-archive-track-v137.is-playing {
  background: rgba(210, 4, 45, .055) !important;
}

.rfm-archive-track-time {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 74px !important;
  min-width: 74px !important;
  min-height: 46px !important;
  border-radius: 9px !important;
  background: rgba(210, 4, 45, .08) !important;
  color: #e52d27 !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  font-variant-numeric: tabular-nums !important;
}

.rfm-archive-track-copy {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  min-width: 0 !important;
  gap: 6px !important;
}

.rfm-archive-track-v137 .rfm-archive-track-title {
  height: auto !important;
  line-height: 1.08 !important;
  color: #201719 !important;
  font-size: 17px !important;
  font-weight: 800 !important;
  letter-spacing: -.015em !important;
}

.rfm-archive-track-v137 .rfm-archive-track-title .rfm-archive-marquee-text {
  position: static !important;
  animation: none !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.rfm-archive-track-artist {
  color: rgba(38, 28, 29, .66) !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1.15 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-transform: uppercase !important;
}

.rfm-archive-track-play {
  display: inline-grid !important;
  place-items: center !important;
  width: 34px !important;
  height: 34px !important;
  border-radius: 999px !important;
  color: #e52d27 !important;
  border: 1px solid rgba(229,45,39,.45) !important;
  background: rgba(255,255,255,.34) !important;
  justify-self: end !important;
}

.rfm-archive-track-play svg {
  fill: currentColor !important;
  margin-left: 2px !important;
}

.rfm-archive-stage-v137 {
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 20px !important;
}

.rfm-archive-artwork-frame {
  position: relative !important;
  width: 100% !important;
  aspect-ratio: 1 / 1 !important;
  border-radius: 22px !important;
  overflow: hidden !important;
  background: linear-gradient(135deg, #ffe2df 0%, #f6a3a1 42%, #df4e58 100%) !important;
  box-shadow: 0 24px 55px rgba(158, 38, 46, .20) !important;
}

.rfm-archive-artwork-img {
  display: none;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

.rfm-archive-artwork-fallback {
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  background:
    radial-gradient(circle at 62% 26%, rgba(255,255,255,.55), rgba(255,255,255,0) 30%),
    linear-gradient(160deg, rgba(255,212,207,.96), rgba(229,45,39,.72));
}

.rfm-archive-artwork-fallback span {
  color: #fff;
  font-size: clamp(42px, 4vw, 76px);
  font-weight: 800;
  letter-spacing: -.06em;
  text-shadow: 0 8px 25px rgba(91, 14, 20, .20);
}

.rfm-archive-artwork-fallback span span {
  font-size: .55em;
  letter-spacing: -.08em;
}

.rfm-archive-console-v137 {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 64px !important;
  align-items: center !important;
  gap: 18px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  overflow: visible !important;
}

.rfm-archive-console-main-v137 {
  align-items: stretch !important;
  text-align: left !important;
  gap: 14px !important;
}

.rfm-archive-meta-v137 {
  display: grid !important;
  grid-template-columns: 38px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 14px !important;
}

.rfm-archive-eq-v137 {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 3px !important;
  width: 36px !important;
  height: 36px !important;
  color: #e52d27 !important;
}

.rfm-archive-eq-v137 i {
  display: block !important;
  width: 4px !important;
  border-radius: 999px !important;
  background: currentColor !important;
}

.rfm-archive-eq-v137 i:nth-child(1) { height: 12px; opacity: .65; }
.rfm-archive-eq-v137 i:nth-child(2) { height: 22px; }
.rfm-archive-eq-v137 i:nth-child(3) { height: 16px; opacity: .78; }
.rfm-archive-eq-v137 i:nth-child(4) { height: 26px; opacity: .92; }

.rfm-archive-meta-copy-v137 {
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 5px !important;
}

.rfm-archive-console-v137 .rfm-archive-title {
  color: #171112 !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  line-height: 1.1 !important;
  text-align: left !important;
  height: auto !important;
}

.rfm-archive-console-v137 .rfm-archive-title .rfm-archive-marquee-text {
  position: static !important;
  animation: none !important;
}

.rfm-archive-current-artist {
  color: rgba(38, 28, 29, .66) !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1.15 !important;
  text-transform: uppercase !important;
}

.rfm-archive-progress-wrap-v137 {
  max-width: none !important;
  width: 100% !important;
  gap: 8px !important;
}

.rfm-archive-console-v137 .rfm-archive-range {
  height: 4px !important;
  background: rgba(38, 28, 29, .14) !important;
}

.rfm-archive-console-v137 .rfm-archive-range::-webkit-slider-thumb {
  width: 13px !important;
  height: 13px !important;
  background: #e52d27 !important;
  border: 2px solid #fff !important;
  box-shadow: 0 5px 16px rgba(229,45,39,.32) !important;
}

.rfm-archive-console-v137 .rfm-archive-range::-moz-range-thumb {
  width: 13px !important;
  height: 13px !important;
  background: #e52d27 !important;
  border: 2px solid #fff !important;
  box-shadow: 0 5px 16px rgba(229,45,39,.32) !important;
}

.rfm-archive-console-v137 .rfm-archive-time-row {
  color: rgba(38, 28, 29, .58) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

.rfm-archive-main-play-v137 {
  width: 58px !important;
  height: 58px !important;
  min-width: 58px !important;
  min-height: 58px !important;
  max-width: 58px !important;
  max-height: 58px !important;
  justify-self: end !important;
  background: rgba(255,255,255,.78) !important;
  color: #e52d27 !important;
  border: 1px solid rgba(255,255,255,.85) !important;
  box-shadow: 0 15px 34px rgba(50, 22, 28, .14) !important;
  backdrop-filter: blur(12px) saturate(150%) !important;
  -webkit-backdrop-filter: blur(12px) saturate(150%) !important;
}

.rfm-archive-main-play-v137:hover,
.rfm-archive-main-play-v137:focus,
.rfm-archive-main-play-v137:active {
  background: #fff !important;
  color: #e52d27 !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 18px 38px rgba(50, 22, 28, .18) !important;
}

.rfm-atsuk-note-banner {
  margin-top: 22px !important;
  background: transparent !important;
  border: 0 !important;
  color: #e52d27 !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: .02em !important;
  box-shadow: none !important;
}

.rfm-atsuk-note-banner span {
  color: #e52d27 !important;
  text-decoration: none !important;
}

@media (max-width: 991px) {
  .rfm-archive-player-v137 {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }

  .rfm-archive-stage-v137 {
    order: -1 !important;
  }

  .rfm-archive-artwork-frame {
    border-radius: 18px !important;
  }
}

@media (max-width: 768px) {
  .rfm-atsuk-home-section {
    margin-top: 24px !important;
    margin-bottom: 28px !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  .rfm-atsuk-section-header-v137 {
    display: grid !important;
    grid-template-columns: 1fr auto !important;
    align-items: start !important;
    gap: 12px !important;
    margin-bottom: 16px !important;
  }

  .rfm-atsuk-heading {
    font-size: 26px !important;
    letter-spacing: -.045em !important;
  }

  .rfm-atsuk-subheading {
    font-size: 13px !important;
    margin-top: 6px !important;
  }

  .rfm-atsuk-label-box {
    padding: 6px 10px !important;
    white-space: nowrap !important;
  }

  .rfm-atsuk-glass {
    padding: 18px 14px !important;
  }

  .rfm-archive-player-v137 {
    gap: 18px !important;
  }

  .rfm-archive-artwork-frame {
    aspect-ratio: 16 / 11 !important;
  }

  .rfm-archive-console-v137 {
    grid-template-columns: minmax(0, 1fr) 52px !important;
    gap: 12px !important;
    overflow: visible !important;
    padding: 0 !important;
  }

  .rfm-archive-meta-v137 {
    grid-template-columns: 28px minmax(0, 1fr) !important;
    gap: 10px !important;
  }

  .rfm-archive-eq-v137 {
    width: 28px !important;
    height: 28px !important;
  }

  .rfm-archive-console-v137 .rfm-archive-title {
    font-size: 15px !important;
    height: auto !important;
    line-height: 1.1 !important;
  }

  .rfm-archive-current-artist {
    font-size: 12px !important;
  }

  .rfm-archive-main-play-v137 {
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    min-height: 48px !important;
    max-width: 48px !important;
    max-height: 48px !important;
  }

  .rfm-archive-list-v137 {
    border-radius: 16px !important;
  }

  .rfm-archive-track-v137 {
    grid-template-columns: 58px minmax(0, 1fr) 34px !important;
    gap: 12px !important;
    min-height: 64px !important;
    padding: 10px 10px !important;
  }

  .rfm-archive-track-time {
    width: 48px !important;
    min-width: 48px !important;
    min-height: 34px !important;
    font-size: 12px !important;
    border-radius: 7px !important;
  }

  .rfm-archive-track-v137 .rfm-archive-track-title {
    height: auto !important;
    line-height: 1.1 !important;
    font-size: 12px !important;
  }

  .rfm-archive-track-artist {
    font-size: 10px !important;
  }

  .rfm-archive-track-play {
    width: 30px !important;
    height: 30px !important;
  }

  .rfm-archive-mobile-skips {
    display: none !important;
  }

  .rfm-atsuk-note-banner {
    margin-top: 16px !important;
    font-size: 12px !important;
    padding: 8px 6px !important;
  }
}

@media (max-width: 380px) {
  .rfm-atsuk-glass {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  .rfm-archive-track-v137 {
    grid-template-columns: 54px minmax(0, 1fr) 30px !important;
    gap: 10px !important;
  }
}

/* v1.0.138 - Desktop Atsuk transliacija header/list refinements */
@media (min-width: 769px) {
  .rfm-atsuk-section-header-v137 {
    align-items: center !important;
    justify-content: space-between !important;
    margin-bottom: 18px !important;
  }

  .rfm-atsuk-title-wrap {
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    background: rgba(210, 4, 45, 0.08) !important;
    border: 1px solid rgba(210, 4, 45, 0.2) !important;
    border-radius: 6px !important;
    padding: 6px 14px !important;
    box-shadow: none !important;
  }

  .rfm-atsuk-title-dot {
    width: 7px !important;
    height: 7px !important;
    border-radius: 50% !important;
    background: #D2042D !important;
    flex: 0 0 7px !important;
  }

  .rfm-atsuk-heading {
    margin: 0 !important;
    color: #D2042D !important;
    font-family: var(--rfm-font-main) !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    letter-spacing: 1.2px !important;
    text-transform: uppercase !important;
  }

  .rfm-atsuk-see-all {
    color: #D2042D !important;
    font-family: var(--rfm-font-main) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    letter-spacing: 0.5px !important;
    text-decoration: none !important;
    border-bottom: 2px solid rgba(210, 4, 45, 0.3) !important;
    transition: all 0.2s ease !important;
  }

  .rfm-atsuk-see-all:hover,
  .rfm-atsuk-see-all:focus {
    border-color: #D2042D !important;
    color: #D2042D !important;
  }

  .rfm-atsuk-glass {
    padding-top: 30px !important;
  }

  .rfm-atsuk-inside-subheading {
    margin: 0 0 18px 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    min-height: 38px !important;
    border-radius: 9px !important;
    background: rgba(210, 4, 45, .08) !important;
    color: #e52d27 !important;
    font-family: var(--rfm-font-main) !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;
    padding: 0 14px !important;
    letter-spacing: 0 !important;
  }

  .rfm-archive-player-v137 {
    grid-template-columns: minmax(0, 1.08fr) minmax(360px, .92fr) !important;
    gap: clamp(24px, 3.4vw, 50px) !important;
    align-items: start !important;
  }

  .rfm-archive-latest-v137 {
    align-self: start !important;
  }

  .rfm-archive-list-v137 {
    border-radius: 18px !important;
  }

  .rfm-archive-track-v137 {
    grid-template-columns: minmax(0, 1fr) 38px !important;
    gap: 16px !important;
    min-height: 58px !important;
    padding: 10px 14px !important;
  }

  .rfm-archive-track-time,
  .rfm-archive-track-artist {
    display: none !important;
  }

  .rfm-archive-track-copy {
    display: block !important;
    min-width: 0 !important;
  }

  .rfm-archive-track-v137 .rfm-archive-track-title {
    height: auto !important;
    line-height: 1.18 !important;
    color: #201719 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: .01em !important;
    text-transform: uppercase !important;
  }

  .rfm-archive-track-v137 .rfm-archive-track-title .rfm-archive-marquee-text {
    position: static !important;
    display: block !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    animation: none !important;
  }

  .rfm-archive-track-play {
    width: 30px !important;
    height: 30px !important;
  }

  .rfm-atsuk-note-banner {
    display: none !important;
  }
}

@media (max-width: 768px) {
  .rfm-atsuk-inside-subheading {
    display: none !important;
  }
}


/* v1.0.139: desktop Atsuk transliacija list shows 14 full titles */
@media (min-width: 769px) {
  .rfm-archive-list-v137 {
    display: grid !important;
    gap: 0 !important;
  }

  .rfm-archive-track-v137 {
    min-height: 42px !important;
    padding: 7px 12px !important;
    gap: 12px !important;
    align-items: center !important;
  }

  .rfm-archive-track-v137 .rfm-archive-track-title {
    height: auto !important;
    min-height: 0 !important;
    line-height: 1.18 !important;
    white-space: normal !important;
    overflow: visible !important;
  }

  .rfm-archive-track-v137 .rfm-archive-track-title .rfm-archive-marquee-text {
    position: static !important;
    display: block !important;
    width: auto !important;
    max-width: 100% !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: normal !important;
    animation: none !important;
    transform: none !important;
  }

  .rfm-archive-track-play {
    width: 28px !important;
    height: 28px !important;
  }
}

/* v1.0.142: mobile Atsuk transliacija aligned with approved desktop layout */
@media (max-width: 768px) {
  .rfm-atsuk-home-section {
    margin-top: 24px !important;
    margin-bottom: 30px !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  .rfm-atsuk-section-header-v137 {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    margin-bottom: 14px !important;
  }

  .rfm-atsuk-title-wrap {
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    max-width: calc(100% - 94px) !important;
    background: rgba(210, 4, 45, 0.08) !important;
    border: 1px solid rgba(210, 4, 45, 0.20) !important;
    border-radius: 6px !important;
    padding: 6px 10px !important;
  }

  .rfm-atsuk-title-dot {
    width: 7px !important;
    height: 7px !important;
    min-width: 7px !important;
    border-radius: 50% !important;
    background: #D2042D !important;
  }

  .rfm-atsuk-heading {
    margin: 0 !important;
    color: #D2042D !important;
    font-family: var(--rfm-font-main) !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
  }

  .rfm-atsuk-see-all {
    color: #D2042D !important;
    font-family: var(--rfm-font-main) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    letter-spacing: .3px !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    border-bottom: 2px solid rgba(210, 4, 45, .28) !important;
  }

  .rfm-atsuk-wrapper {
    border-radius: 22px !important;
  }

  .rfm-atsuk-glass {
    padding: 14px 12px 14px !important;
  }

  .rfm-atsuk-inside-subheading {
    margin: 0 0 12px 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    min-height: 34px !important;
    border-radius: 9px !important;
    background: rgba(210, 4, 45, .08) !important;
    color: #e52d27 !important;
    font-family: var(--rfm-font-main) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;
    padding: 0 12px !important;
  }

  .rfm-archive-player-v137 {
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
  }

  .rfm-archive-stage-v137 {
    order: 0 !important;
    gap: 12px !important;
  }

  .rfm-archive-latest-v137 {
    order: 1 !important;
  }

  .rfm-archive-artwork-frame {
    aspect-ratio: 1 / 1 !important;
    border-radius: 18px !important;
    box-shadow: 0 16px 36px rgba(158, 38, 46, .16) !important;
  }

  .rfm-archive-console-v137 {
    grid-template-columns: minmax(0, 1fr) 48px !important;
    gap: 10px !important;
  }

  .rfm-archive-meta-v137 {
    grid-template-columns: 26px minmax(0, 1fr) !important;
    gap: 9px !important;
  }

  .rfm-archive-eq-v137 {
    width: 26px !important;
    height: 26px !important;
  }

  .rfm-archive-console-v137 .rfm-archive-title {
    font-size: 13px !important;
    line-height: 1.18 !important;
    height: auto !important;
  }

  .rfm-archive-console-v137 .rfm-archive-title .rfm-archive-marquee-text {
    position: static !important;
    display: block !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    animation: none !important;
    transform: none !important;
  }

  .rfm-archive-current-artist {
    font-size: 11px !important;
  }

  .rfm-archive-main-play-v137 {
    width: 46px !important;
    height: 46px !important;
    min-width: 46px !important;
    min-height: 46px !important;
    max-width: 46px !important;
    max-height: 46px !important;
  }

  .rfm-archive-list-v137 {
    border-radius: 15px !important;
    overflow: hidden !important;
  }

  .rfm-archive-track-v137 {
    grid-template-columns: minmax(0, 1fr) 30px !important;
    gap: 10px !important;
    min-height: 42px !important;
    padding: 7px 10px !important;
  }

  .rfm-archive-track-time,
  .rfm-archive-track-artist {
    display: none !important;
  }

  .rfm-archive-track-copy {
    display: block !important;
    min-width: 0 !important;
  }

  .rfm-archive-track-v137 .rfm-archive-track-title {
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1.18 !important;
    letter-spacing: .01em !important;
    text-transform: uppercase !important;
    white-space: normal !important;
    overflow: visible !important;
  }

  .rfm-archive-track-v137 .rfm-archive-track-title .rfm-archive-marquee-text {
    position: static !important;
    display: block !important;
    max-width: 100% !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    animation: none !important;
    transform: none !important;
  }

  .rfm-archive-track-play {
    width: 28px !important;
    height: 28px !important;
  }

  .rfm-archive-mobile-skips,
  .rfm-atsuk-note-banner {
    display: none !important;
  }
}

@media (max-width: 380px) {
  .rfm-atsuk-title-wrap {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  .rfm-atsuk-heading {
    font-size: 9px !important;
    letter-spacing: .8px !important;
  }

  .rfm-atsuk-see-all {
    font-size: 11px !important;
  }

  .rfm-archive-track-v137 .rfm-archive-track-title {
    font-size: 10.5px !important;
  }
}

/* v1.0.148 - Mobile RSS archive player seek/touch fixes */
.rfm-archive-progress-wrap-v137,
.rfm-archive-console-v137 .rfm-archive-range {
  touch-action: pan-y !important;
}

.rfm-archive-console-v137 .rfm-archive-range:disabled {
  opacity: .62 !important;
  cursor: default !important;
}

@media (max-width: 768px) {
  .rfm-archive-progress-wrap-v137 {
    position: relative !important;
    z-index: 3 !important;
    overflow: visible !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }

  .rfm-archive-console-v137 .rfm-archive-range {
    position: relative !important;
    z-index: 4 !important;
    display: block !important;
    width: 100% !important;
    height: 22px !important;
    margin-top: -7px !important;
    margin-bottom: -7px !important;
    background: transparent !important;
    cursor: pointer !important;
    pointer-events: auto !important;
  }

  .rfm-archive-console-v137 .rfm-archive-range::-webkit-slider-runnable-track {
    height: 5px !important;
    border-radius: 999px !important;
    background: rgba(38, 28, 29, .16) !important;
  }

  .rfm-archive-console-v137 .rfm-archive-range::-webkit-slider-thumb {
    width: 18px !important;
    height: 18px !important;
    margin-top: -6.5px !important;
  }

  .rfm-archive-console-v137 .rfm-archive-range::-moz-range-track {
    height: 5px !important;
    border-radius: 999px !important;
    background: rgba(38, 28, 29, .16) !important;
  }

  .rfm-archive-console-v137 .rfm-archive-range::-moz-range-thumb {
    width: 18px !important;
    height: 18px !important;
  }

  .rfm-archive-console-v137 .rfm-archive-time-row {
    margin-top: -1px !important;
  }
}


/* v1.0.156 - Homepage TOP 15 preview refinements */
.rfm-home-top15-section {
  max-width: 1600px;
  margin: 24px auto 24px;
  padding: 0 48px;
  box-sizing: border-box;
  font-family: var(--rfm-font-main);
}

.rfm-home-top15-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 18px;
}

.rfm-home-top15-title-wrap {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  background: rgba(210, 4, 45, 0.08);
  border: 1px solid rgba(210, 4, 45, 0.2);
  border-radius: 6px;
  padding: 6px 14px;
}

.rfm-home-top15-title-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #D2042D;
  box-shadow: 0 0 0 4px rgba(210, 4, 45, .11);
  flex: 0 0 auto;
}

.rfm-home-top15-heading {
  margin: 0 !important;
  font-size: 11px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
  color: #D2042D !important;
  letter-spacing: 1.2px !important;
  text-transform: uppercase !important;
}

.rfm-home-top15-see-all {
  font-size: 12px;
  font-weight: 700;
  color: #D2042D;
  text-decoration: none !important;
  border-bottom: 2px solid rgba(210, 4, 45, 0.3);
  transition: border-color .2s ease, color .2s ease;
  letter-spacing: .5px;
  white-space: nowrap;
}

.rfm-home-top15-see-all:hover,
.rfm-home-top15-see-all:focus {
  color: #9E0020;
  border-color: #D2042D;
}

.rfm-home-top15-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.rfm-home-top15-card {
  position: relative;
  display: grid;
  grid-template-columns: 42px 112px minmax(0, 1fr);
  align-items: center;
  gap: 14px;
  min-height: 112px;
  padding: 18px 18px;
  color: #24191B;
  text-decoration: none !important;
  border-radius: 18px;
  background:
    radial-gradient(circle at 0% 0%, rgba(210, 4, 45, .085), transparent 46%),
    rgba(255, 255, 255, .78);
  border: 1px solid rgba(210, 4, 45, .10);
  box-shadow: 0 13px 34px rgba(38, 28, 29, .075);
  overflow: hidden;
  isolation: isolate;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease;
}

.rfm-home-top15-card:first-child {
  border-color: rgba(210, 4, 45, .22);
  background:
    linear-gradient(135deg, rgba(210, 4, 45, .10), rgba(255, 255, 255, .78) 38%),
    rgba(255, 255, 255, .84);
}

.rfm-home-top15-card:hover,
.rfm-home-top15-card:focus {
  transform: translateY(-2px);
  border-color: rgba(210, 4, 45, .24);
  box-shadow: 0 18px 42px rgba(210, 4, 45, .13);
}

.rfm-home-top15-rank {
  width: 36px;
  height: 36px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #D2042D;
  background: rgba(210, 4, 45, .08);
  border: 1px solid rgba(210, 4, 45, .16);
  box-shadow: 0 8px 18px rgba(210, 4, 45, .06);
  font-size: 15px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: -.02em;
  text-align: center;
}

.rfm-home-top15-media {
  position: relative;
  display: block;
  width: 112px;
  aspect-ratio: 16 / 9;
  border-radius: 10px;
  overflow: hidden;
  background: linear-gradient(135deg, #f6d9dd, #fff3f4);
  box-shadow: 0 10px 22px rgba(38, 28, 29, .12);
  flex: 0 0 auto;
}

.rfm-home-top15-media img,
.rfm-home-top15-fallback {
  display: block;
  width: 100%;
  height: 100%;
}

.rfm-home-top15-media img {
  object-fit: cover;
  transition: transform .3s ease;
}

.rfm-home-top15-card:hover .rfm-home-top15-media img {
  transform: scale(1.035);
}

.rfm-home-top15-fallback {
  display: grid;
  place-items: center;
  color: #D2042D;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}


.rfm-home-top15-body {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.rfm-home-top15-song {
  display: block;
  color: #201719;
  font-size: 17px;
  line-height: 1.15;
  font-weight: 800;
  letter-spacing: -.02em;
  overflow-wrap: anywhere;
}

.rfm-home-top15-artist {
  display: block;
  color: rgba(38, 28, 29, .68);
  font-size: 13px;
  line-height: 1.25;
  font-weight: 700;
  overflow-wrap: anywhere;
}


@media (max-width: 1320px) {
  .rfm-home-top15-card {
    grid-template-columns: 40px 96px minmax(0, 1fr);
  }


  .rfm-home-top15-rank {
    width: 34px;
    height: 34px;
    border-radius: 11px;
    font-size: 14px;
  }

  .rfm-home-top15-media {
    width: 96px;
  }
}

@media (max-width: 991px) {
  .rfm-home-top15-section {
    padding: 0 16px;
    margin: 22px auto;
    width: 100%;
    max-width: 100%;
  }

  .rfm-home-top15-grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .rfm-home-top15-card {
    min-height: 94px;
    padding: 14px;
    grid-template-columns: 38px 94px minmax(0, 1fr);
    gap: 12px;
    border-radius: 16px;
  }

  .rfm-home-top15-rank {
    width: 32px;
    height: 32px;
    border-radius: 10px;
    font-size: 13px;
  }

  .rfm-home-top15-song {
    font-size: 15px;
  }

  .rfm-home-top15-artist {
    font-size: 12px;
  }
}

@media (max-width: 480px) {
  .rfm-home-top15-section {
    padding-left: 14px;
    padding-right: 14px;
  }

  .rfm-home-top15-header {
    align-items: flex-start;
    gap: 10px;
  }

  .rfm-home-top15-see-all {
    font-size: 11px;
    padding-top: 3px;
  }

  .rfm-home-top15-card {
    grid-template-columns: 34px 82px minmax(0, 1fr);
    gap: 10px;
    min-height: 86px;
    padding: 12px;
  }

  .rfm-home-top15-rank {
    width: 29px;
    height: 29px;
    border-radius: 9px;
    font-size: 12px;
  }

  .rfm-home-top15-media {
    width: 82px;
    border-radius: 9px;
  }

}

.rfm-home-top15-heading a {
  color: inherit !important;
  text-decoration: none !important;
}

.rfm-home-top15-heading a:hover,
.rfm-home-top15-heading a:focus {
  color: #9E0020 !important;
}
/* v1.0.172 - Homepage Ivertink daina preview below TOP 15 */
.rfm-home-ratings-section {
  margin-top: 0;
}

.rfm-home-ratings-card:first-child {
  border-color: rgba(210, 4, 45, .22);
}


/* Step 3.175 EXPERIMENT - keep v1.0.173 desktop player size, remove ticker, equalize top hero spacing */
@media (min-width: 769px) {
  .rfm-home-top-stage {
    margin-top: 132px !important;
  }

  .rfm-top-status-bar,
  .rfm-top-status-bar-ticker-only {
    display: none !important;
  }

  .rfm-home-banner-row.rfm-desktop-banner-row {
    margin-top: 20px !important;
  }
}

/* Step 3.181 - homepage Atsuk transliacija simplified links block */
.rfm-atsuk-links-section {
  margin-top: 34px !important;
  margin-bottom: 34px !important;
}

.rfm-atsuk-links-header {
  align-items: center !important;
  margin-bottom: 16px !important;
}

.rfm-atsuk-links-section .rfm-atsuk-heading {
  text-transform: uppercase !important;
}

.rfm-atsuk-more-link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 34px !important;
  padding: 8px 14px !important;
  border-radius: 999px !important;
  background: rgba(210, 4, 45, .08) !important;
  border: 1px solid rgba(210, 4, 45, .18) !important;
  color: #D2042B !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: .03em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

.rfm-atsuk-more-link:hover,
.rfm-atsuk-more-link:focus {
  background: rgba(210, 4, 45, .12) !important;
  border-color: rgba(210, 4, 45, .28) !important;
  color: #9E0020 !important;
  text-decoration: none !important;
}

.rfm-atsuk-home-filters {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 10px !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

.rfm-atsuk-home-filter {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 38px !important;
  padding: 10px 15px !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, .58) !important;
  border: 1px solid rgba(210, 4, 45, .13) !important;
  box-shadow: 0 12px 28px rgba(40, 18, 22, .045), inset 0 1px 0 rgba(255, 255, 255, .72) !important;
  color: rgba(38, 28, 29, .76) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: .02em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  transition: transform .18s ease, background .18s ease, border-color .18s ease, color .18s ease !important;
}

.rfm-atsuk-home-filter:hover,
.rfm-atsuk-home-filter:focus,
.rfm-atsuk-home-filter.is-active {
  transform: translateY(-1px) !important;
  background: rgba(210, 4, 45, .08) !important;
  border-color: rgba(210, 4, 45, .22) !important;
  color: #D2042B !important;
  text-decoration: none !important;
}

@media (max-width: 768px) {
  .rfm-atsuk-links-section {
    margin-top: 26px !important;
    margin-bottom: 30px !important;
  }

  .rfm-atsuk-links-header {
    align-items: flex-start !important;
    gap: 12px !important;
    margin-bottom: 14px !important;
  }

  .rfm-atsuk-home-filters {
    gap: 8px !important;
    overflow-x: auto !important;
    flex-wrap: nowrap !important;
    padding-bottom: 3px !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
  }

  .rfm-atsuk-home-filters::-webkit-scrollbar {
    display: none !important;
  }

  .rfm-atsuk-home-filter {
    min-height: 35px !important;
    padding: 9px 13px !important;
    font-size: 11px !important;
    flex: 0 0 auto !important;
  }
}


/* Step 3.182 - homepage Atsuk links: equal chips, hover-only animation, section link style */
.rfm-atsuk-links-section .rfm-atsuk-more-link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  min-height: 0 !important;
  padding: 0 0 2px !important;
  border-radius: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-bottom: 2px solid rgba(210, 4, 45, 0.30) !important;
  box-shadow: none !important;
  color: #D2042D !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: .5px !important;
  text-transform: none !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  transition: border-color .2s ease, color .2s ease !important;
}

.rfm-atsuk-links-section .rfm-atsuk-more-link:hover,
.rfm-atsuk-links-section .rfm-atsuk-more-link:focus {
  background: transparent !important;
  border-color: #D2042D !important;
  color: #9E0020 !important;
  text-decoration: none !important;
  transform: none !important;
}

.rfm-atsuk-links-section .rfm-atsuk-home-filter,
.rfm-atsuk-links-section .rfm-atsuk-home-filter.is-active {
  appearance: none !important;
  border: 1px solid rgba(210, 4, 43, .16) !important;
  background: rgba(210, 4, 43, .06) !important;
  box-shadow: none !important;
  color: #D2042B !important;
  border-radius: 999px !important;
  padding: 8px 13px !important;
  min-height: 0 !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  letter-spacing: .55px !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  transform: none !important;
  transition: background .2s ease, color .2s ease, transform .2s ease, border-color .2s ease !important;
}

.rfm-atsuk-links-section .rfm-atsuk-home-filter:hover,
.rfm-atsuk-links-section .rfm-atsuk-home-filter:focus,
.rfm-atsuk-links-section .rfm-atsuk-home-filter.is-active:hover,
.rfm-atsuk-links-section .rfm-atsuk-home-filter.is-active:focus {
  background: #D2042B !important;
  border-color: #D2042B !important;
  color: #FFFFFF !important;
  transform: translateY(-1px) !important;
  text-decoration: none !important;
}

@media (max-width: 768px) {
  .rfm-atsuk-links-section .rfm-atsuk-more-link {
    font-size: 12px !important;
    padding-bottom: 2px !important;
  }

  .rfm-atsuk-links-section .rfm-atsuk-home-filter,
  .rfm-atsuk-links-section .rfm-atsuk-home-filter.is-active {
    padding: 8px 12px !important;
    font-size: 10.5px !important;
    flex: 0 0 auto !important;
  }
}

/* v1.0.232 - Atsuk transliacija moved above homepage banners and title is clickable */
.rfm-home-top-stage .rfm-atsuk-links-section {
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-top: 28px !important;
  margin-bottom: 22px !important;
}

.rfm-atsuk-links-section .rfm-atsuk-heading,
.rfm-atsuk-links-section .rfm-atsuk-heading:hover,
.rfm-atsuk-links-section .rfm-atsuk-heading:focus {
  display: inline-flex !important;
  align-items: center !important;
  color: #D2042D !important;
  text-decoration: none !important;
}

@media (max-width: 768px) {
  .rfm-home-top-stage .rfm-atsuk-links-section {
    margin-top: 20px !important;
    margin-bottom: 18px !important;
  }
}

/* v1.0.245 - last Atsuk transliacija tab for RADIJAS.LT ZINIOS */
.rfm-atsuk-home-filter-news {
  border-color: rgba(210, 4, 43, .24) !important;
  background: rgba(210, 4, 43, .08) !important;
}


/* v1.0.279 - Mobile homepage banner peek carousel
   First banner stays fully readable, with a small part of the next banner visible. */
@media (max-width: 768px) {
  .rfm-mobile-secondary-banners {
    position: relative !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    gap: 12px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    scroll-snap-type: x mandatory !important;
    scrollbar-width: none !important;
    padding: 0 34px 4px 0 !important;
    margin-right: -14px !important;
  }

  .rfm-mobile-secondary-banners::-webkit-scrollbar {
    display: none !important;
  }

  .rfm-mobile-secondary-banners .rfm-banner-item,
  .rfm-mobile-secondary-banners .rfm-laidos-home-banner,
  .rfm-mobile-secondary-banners > a,
  .rfm-mobile-secondary-banners > div {
    flex: 0 0 calc(100% - 42px) !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    scroll-snap-align: start !important;
  }

  .rfm-mobile-secondary-banners img {
    width: 100% !important;
    aspect-ratio: 16 / 9 !important;
    object-fit: cover !important;
    display: block !important;
  }
}

@media (max-width: 380px) {
  .rfm-mobile-secondary-banners {
    padding-right: 30px !important;
    margin-right: -12px !important;
  }

  .rfm-mobile-secondary-banners .rfm-banner-item,
  .rfm-mobile-secondary-banners .rfm-laidos-home-banner,
  .rfm-mobile-secondary-banners > a,
  .rfm-mobile-secondary-banners > div {
    flex-basis: calc(100% - 38px) !important;
  }
}


/* v1.0.280 - Mobile peek fade for top homepage banner carousel, matching Vienos temos dainos edge hint */
@media (max-width: 768px) {
  .rfm-mobile-secondary-banners {
    mask-image: linear-gradient(90deg, #000 0%, #000 calc(100% - 58px), rgba(0, 0, 0, .18) 92%, rgba(0, 0, 0, 0) 100%) !important;
    -webkit-mask-image: linear-gradient(90deg, #000 0%, #000 calc(100% - 58px), rgba(0, 0, 0, .18) 92%, rgba(0, 0, 0, 0) 100%) !important;
  }
}

@media (max-width: 380px) {
  .rfm-mobile-secondary-banners {
    mask-image: linear-gradient(90deg, #000 0%, #000 calc(100% - 50px), rgba(0, 0, 0, .18) 92%, rgba(0, 0, 0, 0) 100%) !important;
    -webkit-mask-image: linear-gradient(90deg, #000 0%, #000 calc(100% - 50px), rgba(0, 0, 0, .18) 92%, rgba(0, 0, 0, 0) 100%) !important;
  }
}


/* v1.0.284 - Unify homepage banner typography across ETERYJE and two promo banners */
.rfm-home-banner-row .rfm-laida-banner:not(.rfm-laida-empty),
.rfm-home-banner-row .rfm-laidos-home-banner:not(.rfm-laida-empty),
.rfm-mobile-current-show-banner .rfm-laida-banner:not(.rfm-laida-empty),
.rfm-mobile-secondary-banners .rfm-laida-banner:not(.rfm-laida-empty),
.rfm-mobile-secondary-banners .rfm-laidos-home-banner:not(.rfm-laida-empty) {
  font-family: var(--rfm-font-main) !important;
}

.rfm-home-banner-row .rfm-laida-banner:not(.rfm-laida-empty) .rfm-laida-label,
.rfm-home-banner-row .rfm-laidos-home-banner:not(.rfm-laida-empty) .rfm-laida-label {
  top: 14px !important;
  left: 14px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  border-radius: 7px !important;
  padding: 7px 13px !important;
  font-family: var(--rfm-font-main) !important;
  font-size: 10.5px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  letter-spacing: 1.15px !important;
  text-transform: uppercase !important;
}

.rfm-home-banner-row .rfm-laida-banner:not(.rfm-laida-empty) .rfm-laida-label::before,
.rfm-home-banner-row .rfm-laidos-home-banner:not(.rfm-laida-empty) .rfm-laida-label::before {
  width: 7px !important;
  height: 7px !important;
  flex: 0 0 7px !important;
}

.rfm-home-banner-row .rfm-laida-banner:not(.rfm-laida-empty) .rfm-laida-content,
.rfm-home-banner-row .rfm-laidos-home-banner:not(.rfm-laida-empty) .rfm-laida-content {
  left: 16px !important;
  right: 16px !important;
  bottom: 15px !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
}

.rfm-home-banner-row .rfm-laida-banner:not(.rfm-laida-empty) .rfm-laida-title.rfm-laida-title-badge,
.rfm-home-banner-row .rfm-laidos-home-banner:not(.rfm-laida-empty) .rfm-laida-title.rfm-laida-title-badge,
.rfm-home-laida-slot .rfm-laida-banner:not(.rfm-laida-empty) .rfm-laida-content > .rfm-laida-title.rfm-laida-title-badge {
  flex: 0 1 auto !important;
  width: max-content !important;
  max-width: 54% !important;
  border-radius: 7px !important;
  padding: 7px 13px !important;
  gap: 7px !important;
  font-family: var(--rfm-font-main) !important;
  font-size: 13.65px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  letter-spacing: 1.05px !important;
  text-transform: uppercase !important;
  color: #E52D27 !important;
  text-shadow: none !important;
}

.rfm-home-banner-row .rfm-laida-banner:not(.rfm-laida-empty) .rfm-laida-title.rfm-laida-title-badge::before,
.rfm-home-banner-row .rfm-laidos-home-banner:not(.rfm-laida-empty) .rfm-laida-title.rfm-laida-title-badge::before,
.rfm-home-laida-slot .rfm-laida-banner:not(.rfm-laida-empty) .rfm-laida-content > .rfm-laida-title.rfm-laida-title-badge::before {
  width: 7px !important;
  height: 7px !important;
  flex: 0 0 7px !important;
}

.rfm-home-banner-row .rfm-laida-banner:not(.rfm-laida-empty) .rfm-laida-cta,
.rfm-home-banner-row .rfm-laidos-home-banner:not(.rfm-laida-empty) .rfm-laida-cta,
.rfm-home-laida-slot .rfm-laida-banner:not(.rfm-laida-empty) .rfm-laida-content > .rfm-laida-cta {
  position: static !important;
  right: auto !important;
  bottom: auto !important;
  align-self: center !important;
  margin-left: auto !important;
  flex: 0 1 auto !important;
  max-width: 43% !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
  font-family: var(--rfm-font-main) !important;
  font-size: 13.65px !important;
  line-height: 1.12 !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  text-align: right !important;
  text-transform: uppercase !important;
  color: rgba(255, 255, 255, 0.86) !important;
  text-shadow: none !important;
}

@media (max-width: 768px) {
  .rfm-mobile-current-show-banner .rfm-laida-banner:not(.rfm-laida-empty) .rfm-laida-label,
  .rfm-mobile-secondary-banners .rfm-laida-banner:not(.rfm-laida-empty) .rfm-laida-label,
  .rfm-mobile-secondary-banners .rfm-laidos-home-banner:not(.rfm-laida-empty) .rfm-laida-label {
    top: 12px !important;
    left: 12px !important;
    padding: 6px 11px !important;
    gap: 6px !important;
    font-family: var(--rfm-font-main) !important;
    font-size: 10px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    letter-spacing: 1.05px !important;
  }

  .rfm-mobile-current-show-banner .rfm-laida-banner:not(.rfm-laida-empty) .rfm-laida-content,
  .rfm-mobile-secondary-banners .rfm-laida-banner:not(.rfm-laida-empty) .rfm-laida-content,
  .rfm-mobile-secondary-banners .rfm-laidos-home-banner:not(.rfm-laida-empty) .rfm-laida-content {
    left: 13px !important;
    right: 13px !important;
    bottom: 13px !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
  }

  .rfm-mobile-current-show-banner .rfm-laida-banner:not(.rfm-laida-empty) .rfm-laida-title.rfm-laida-title-badge,
  .rfm-mobile-secondary-banners .rfm-laida-banner:not(.rfm-laida-empty) .rfm-laida-title.rfm-laida-title-badge,
  .rfm-mobile-secondary-banners .rfm-laidos-home-banner:not(.rfm-laida-empty) .rfm-laida-title.rfm-laida-title-badge {
    max-width: 55% !important;
    padding: 7px 10px !important;
    gap: 6px !important;
    font-family: var(--rfm-font-main) !important;
    font-size: 13px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
  }

  .rfm-mobile-current-show-banner .rfm-laida-banner:not(.rfm-laida-empty) .rfm-laida-cta,
  .rfm-mobile-secondary-banners .rfm-laida-banner:not(.rfm-laida-empty) .rfm-laida-cta,
  .rfm-mobile-secondary-banners .rfm-laidos-home-banner:not(.rfm-laida-empty) .rfm-laida-cta {
    max-width: 42% !important;
    padding: 0 !important;
    font-family: var(--rfm-font-main) !important;
    font-size: 13px !important;
    line-height: 1.12 !important;
    font-weight: 700 !important;
  }
}


/* v1.0.365 - design foundation from experimental visual pass: desktop player and home history glass polish. */
@media (min-width: 769px) {
  .rfm-desktop-player-stage .rfm-floating-player {
    min-height: 96px !important;
    background:
      radial-gradient(circle at 12% 0%, rgba(255, 255, 255, 0.98) 0, rgba(255, 255, 255, 0.62) 34%, transparent 62%),
      linear-gradient(135deg, rgba(255, 255, 255, 0.76) 0%, rgba(255, 244, 246, 0.66) 52%, rgba(255, 236, 240, 0.72) 100%) !important;
    border: 1px solid rgba(229, 45, 39, 0.20) !important;
    box-shadow:
      0 18px 46px rgba(119, 27, 42, 0.08),
      inset 0 1px 0 rgba(255, 255, 255, 0.86) !important;
    backdrop-filter: blur(22px) saturate(170%) !important;
    -webkit-backdrop-filter: blur(22px) saturate(170%) !important;
  }

  .rfm-desktop-player-stage .rfm-floating-player::before {
    content: '';
    position: absolute;
    inset: 1px;
    border-radius: 15px;
    pointer-events: none;
    background: linear-gradient(90deg, rgba(229,45,39,0.08), transparent 34%, rgba(255,255,255,0.28));
    opacity: 0.78;
  }

  .rfm-desktop-player-stage .rfm-floating-player > * {
    position: relative;
    z-index: 2;
  }

  .rfm-desktop-player-stage .rfm-btn {
    background: rgba(255, 255, 255, 0.74) !important;
    border: 1px solid rgba(229, 45, 39, 0.28) !important;
    box-shadow: 0 10px 24px rgba(229, 45, 39, 0.12), inset 0 1px 0 rgba(255,255,255,0.90) !important;
  }

  .rfm-desktop-player-stage .rfm-btn:hover,
  .rfm-desktop-player-stage .rfm-btn:focus,
  .rfm-desktop-player-stage .rfm-btn:active {
    background: rgba(255, 255, 255, 0.94) !important;
    border-color: rgba(229, 45, 39, 0.42) !important;
    box-shadow: 0 14px 30px rgba(229, 45, 39, 0.17), inset 0 1px 0 rgba(255,255,255,0.96) !important;
  }

  .rfm-desktop-player-stage .rfm-btn svg {
    fill: #D2042B !important;
  }

  .rfm-desktop-player-stage .rfm-player-logo-brand-wrap {
    width: 56px !important;
    height: 56px !important;
    border-radius: 13px !important;
    background: rgba(255, 255, 255, 0.78) !important;
    border: 1px solid rgba(229, 45, 39, 0.12) !important;
    box-shadow: 0 10px 24px rgba(38, 28, 29, 0.07) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .rfm-desktop-player-stage .rfm-player-logo-brand-wrap img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
  }

  .rfm-desktop-player-stage .rfm-now-playing-header-row {
    margin-bottom: 3px !important;
  }

  .rfm-desktop-player-stage .rfm-now {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    color: #D2042B !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    letter-spacing: 1.7px !important;
  }

  .rfm-desktop-player-stage .rfm-now::before {
    content: '';
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: #D2042B;
    box-shadow: 0 0 0 5px rgba(229,45,39,0.11);
    flex: 0 0 auto;
  }

  .rfm-desktop-player-stage .rfm-history-text-btn {
    background: rgba(255, 255, 255, 0.42) !important;
    border: 1px solid rgba(229, 45, 39, 0.28) !important;
    color: #D2042B !important;
    border-radius: 8px !important;
    padding: 8px 13px !important;
    font-size: 11px !important;
    letter-spacing: 1.15px !important;
    box-shadow: 0 8px 18px rgba(229, 45, 39, 0.07) !important;
  }

  .rfm-desktop-player-stage .rfm-history-text-btn:hover,
  .rfm-desktop-player-stage .rfm-history-text-btn:focus {
    background: rgba(255, 255, 255, 0.74) !important;
    border-color: rgba(229, 45, 39, 0.42) !important;
    color: #B70325 !important;
  }

  .rfm-desktop-player-stage .rfm-song {
    color: #261C1D !important;
    font-size: 22px !important;
    line-height: 1.02 !important;
    letter-spacing: -0.035em !important;
    text-shadow: none !important;
  }

  .rfm-desktop-player-stage .rfm-artist {
    color: #6B6061 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    letter-spacing: 0.01em !important;
  }

  .rfm-desktop-player-stage .rfm-now-post-card {
    background: rgba(255, 255, 255, 0.58) !important;
    border: 1px solid rgba(229, 45, 39, 0.18) !important;
    box-shadow: 0 12px 26px rgba(38, 28, 29, 0.09) !important;
  }

  .rfm-desktop-player-stage .rfm-now-post-card:hover {
    box-shadow: 0 16px 32px rgba(38, 28, 29, 0.13) !important;
  }

  .rfm-desktop-player-stage .rfm-hero-stations-switcher .rfm-station-tab {
    background: rgba(255, 255, 255, 0.54) !important;
    border: 1px solid rgba(229, 45, 39, 0.18) !important;
    box-shadow: 0 10px 23px rgba(38, 28, 29, 0.08) !important;
    opacity: 0.88 !important;
  }

  .rfm-desktop-player-stage .rfm-hero-stations-switcher .rfm-station-tab:hover,
  .rfm-desktop-player-stage .rfm-hero-stations-switcher .rfm-station-tab:focus-visible {
    background: rgba(255, 255, 255, 0.82) !important;
    opacity: 1 !important;
    border-color: rgba(229, 45, 39, 0.34) !important;
  }

  .rfm-desktop-player-stage .rfm-hero-stations-switcher .rfm-station-tab.active {
    background: rgba(255, 255, 255, 0.90) !important;
    border: 2px solid #E52D27 !important;
    box-shadow: 0 12px 30px rgba(229, 45, 39, 0.18) !important;
  }

  .rfm-desktop-player-stage .rfm-hero-stations-switcher.rfm-stations-overflow::after {
    color: #D2042B !important;
    text-shadow: none !important;
  }

  .rfm-history-dropdown-panel {
    background:
      linear-gradient(135deg, rgba(255,255,255,0.84), rgba(255,244,246,0.86)) !important;
    border-left: 1px solid rgba(229, 45, 39, 0.12) !important;
    border-right: 1px solid rgba(229, 45, 39, 0.12) !important;
    border-bottom: 1px solid rgba(229, 45, 39, 0.12) !important;
    box-shadow: 0 18px 40px rgba(119, 27, 42, 0.06) !important;
  }

  .rfm-history-dropdown-panel.open {
    border-top-color: rgba(229, 45, 39, 0.12) !important;
  }
}

/* v1.0.369 - history panel keeps light style even when rating widget is injected between player and history */
@media (min-width: 769px) {
  .rfm-home-top-stage > #rfmHistoryPanel {
    margin-top: 8px !important;
    background:
      radial-gradient(circle at 10% 0%, rgba(255, 255, 255, 0.96) 0, rgba(255, 255, 255, 0.58) 35%, transparent 66%),
      linear-gradient(135deg, rgba(255, 255, 255, 0.76) 0%, rgba(255, 244, 246, 0.72) 52%, rgba(255, 236, 240, 0.78) 100%) !important;
    border: 1px solid rgba(229, 45, 39, 0.18) !important;
    border-top: 1px solid rgba(229, 45, 39, 0.12) !important;
    border-radius: 18px !important;
    box-shadow:
      0 18px 46px rgba(119, 27, 42, 0.075),
      inset 0 1px 0 rgba(255, 255, 255, 0.86) !important;
    backdrop-filter: blur(22px) saturate(170%) !important;
    -webkit-backdrop-filter: blur(22px) saturate(170%) !important;
  }

  .rfm-home-top-stage > #rfmHistoryPanel.open {
    overflow: hidden !important;
  }

  .rfm-home-top-stage > #rfmHistoryPanel.open .rfm-history-layout-wrapper {
    position: relative;
    z-index: 1;
    gap: 24px !important;
    padding: 24px 28px 30px !important;
  }

  .rfm-home-top-stage > #rfmHistoryPanel.open .rfm-history-layout-wrapper::before {
    content: '';
    position: absolute;
    inset: 1px;
    z-index: -1;
    pointer-events: none;
    border-radius: 17px;
    background: linear-gradient(90deg, rgba(229, 45, 39, 0.055), transparent 34%, rgba(255, 255, 255, 0.26));
    opacity: 0.82;
  }

  .rfm-home-top-stage > #rfmHistoryPanel .rfm-history-list-inner {
    gap: 9px !important;
  }

  .rfm-home-top-stage > #rfmHistoryPanel .rfm-history-row {
    min-height: 58px !important;
    padding: 9px 12px !important;
    border: 1px solid rgba(229, 45, 39, 0.10) !important;
    border-radius: 14px !important;
    background: rgba(255, 255, 255, 0.44) !important;
    box-shadow: 0 8px 20px rgba(38, 28, 29, 0.035), inset 0 1px 0 rgba(255, 255, 255, 0.64) !important;
    transition: transform 0.18s ease, background 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
  }

  .rfm-home-top-stage > #rfmHistoryPanel .rfm-history-row:hover {
    transform: translateY(-1px);
    background: rgba(255, 255, 255, 0.66) !important;
    border-color: rgba(229, 45, 39, 0.18) !important;
    box-shadow: 0 12px 26px rgba(119, 27, 42, 0.06), inset 0 1px 0 rgba(255, 255, 255, 0.72) !important;
  }

  .rfm-home-top-stage > #rfmHistoryPanel .rfm-history-time {
    min-width: 54px;
    text-align: center;
    color: #D2042B !important;
    background: rgba(255, 255, 255, 0.56) !important;
    border: 1px solid rgba(229, 45, 39, 0.18) !important;
    border-radius: 999px !important;
    padding: 6px 9px !important;
    font-size: 10.5px !important;
    letter-spacing: 0.055em !important;
    box-shadow: 0 6px 14px rgba(229, 45, 39, 0.055) !important;
  }

  .rfm-home-top-stage > #rfmHistoryPanel .rfm-history-song-title {
    color: #261C1D !important;
    font-size: 13.5px !important;
    line-height: 1.15 !important;
    font-weight: 800 !important;
    letter-spacing: -0.015em !important;
  }

  .rfm-home-top-stage > #rfmHistoryPanel .rfm-history-artist-title {
    color: rgba(38, 28, 29, 0.62) !important;
    font-size: 11.5px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    letter-spacing: 0.025em !important;
  }

  .rfm-home-top-stage > #rfmHistoryPanel #rfmHistoryContainer .rfm-history-art {
    width: 112px !important;
    border-radius: 12px !important;
    background: rgba(255, 255, 255, 0.52) !important;
    border: 1px solid rgba(229, 45, 39, 0.14) !important;
    box-shadow: 0 9px 20px rgba(38, 28, 29, 0.065) !important;
  }

  .rfm-home-top-stage > #rfmHistoryPanel #rfmHistoryContainer .rfm-history-art.has-image:hover {
    border-color: rgba(229, 45, 39, 0.32) !important;
    box-shadow: 0 13px 26px rgba(229, 45, 39, 0.12) !important;
  }

  .rfm-home-top-stage > #rfmHistoryPanel .rfm-history-side {
    gap: 13px !important;
  }

  .rfm-home-top-stage > #rfmHistoryPanel .rfm-history-glass-brand-badge {
    background: rgba(255, 255, 255, 0.54) !important;
    border: 1px solid rgba(229, 45, 39, 0.16) !important;
    box-shadow: 0 12px 28px rgba(38, 28, 29, 0.075), inset 0 1px 0 rgba(255, 255, 255, 0.72) !important;
  }

  .rfm-home-top-stage > #rfmHistoryPanel .rfm-history-expand-slot .rfm-history-expand-btn,
  .rfm-home-top-stage > #rfmHistoryPanel .rfm-history-expand-btn {
    background: rgba(255, 255, 255, 0.52) !important;
    border: 1px solid rgba(229, 45, 39, 0.24) !important;
    color: #D2042B !important;
    border-radius: 999px !important;
    box-shadow: 0 8px 18px rgba(229, 45, 39, 0.065), inset 0 1px 0 rgba(255, 255, 255, 0.66) !important;
  }

  .rfm-home-top-stage > #rfmHistoryPanel .rfm-history-expand-slot .rfm-history-expand-btn:hover,
  .rfm-home-top-stage > #rfmHistoryPanel .rfm-history-expand-slot .rfm-history-expand-btn:focus-visible,
  .rfm-home-top-stage > #rfmHistoryPanel .rfm-history-expand-btn:hover,
  .rfm-home-top-stage > #rfmHistoryPanel .rfm-history-expand-btn:focus-visible {
    background: rgba(255, 255, 255, 0.78) !important;
    border-color: rgba(229, 45, 39, 0.38) !important;
    color: #B70325 !important;
    box-shadow: 0 12px 24px rgba(229, 45, 39, 0.11), inset 0 1px 0 rgba(255, 255, 255, 0.80) !important;
  }
}

/* v1.0.370 - apply the light history treatment globally on home, not only the top-stage desktop panel */
@media (min-width: 769px) {
  #rfmHistoryPanel.rfm-history-dropdown-panel {
    margin-top: 8px !important;
    background:
      radial-gradient(circle at 10% 0%, rgba(255,255,255,0.96) 0, rgba(255,255,255,0.58) 35%, transparent 66%),
      linear-gradient(135deg, rgba(255,255,255,0.76) 0%, rgba(255,244,246,0.72) 52%, rgba(255,236,240,0.78) 100%) !important;
    border: 1px solid rgba(229,45,39,0.18) !important;
    border-top: 1px solid rgba(229,45,39,0.12) !important;
    border-radius: 18px !important;
    box-shadow: 0 18px 46px rgba(119,27,42,0.075), inset 0 1px 0 rgba(255,255,255,0.86) !important;
    backdrop-filter: blur(22px) saturate(170%) !important;
    -webkit-backdrop-filter: blur(22px) saturate(170%) !important;
  }

  #rfmHistoryPanel.open .rfm-history-layout-wrapper {
    position: relative;
    z-index: 1;
    gap: 24px !important;
    padding: 24px 28px 30px !important;
  }

  #rfmHistoryPanel.open .rfm-history-layout-wrapper::before {
    content: '';
    position: absolute;
    inset: 1px;
    z-index: -1;
    pointer-events: none;
    border-radius: 17px;
    background: linear-gradient(90deg, rgba(229,45,39,0.055), transparent 34%, rgba(255,255,255,0.26));
    opacity: 0.82;
  }

  #rfmHistoryPanel .rfm-history-list-inner { gap: 9px !important; }

  #rfmHistoryPanel .rfm-history-row {
    min-height: 58px !important;
    padding: 9px 12px !important;
    border: 1px solid rgba(229,45,39,0.10) !important;
    border-radius: 14px !important;
    background: rgba(255,255,255,0.44) !important;
    box-shadow: 0 8px 20px rgba(38,28,29,0.035), inset 0 1px 0 rgba(255,255,255,0.64) !important;
  }

  #rfmHistoryPanel .rfm-history-time {
    min-width: 54px;
    text-align: center;
    color: #D2042B !important;
    background: rgba(255,255,255,0.56) !important;
    border: 1px solid rgba(229,45,39,0.18) !important;
    border-radius: 999px !important;
    padding: 6px 9px !important;
    font-size: 10.5px !important;
    letter-spacing: 0.055em !important;
    box-shadow: 0 6px 14px rgba(229,45,39,0.055) !important;
  }

  #rfmHistoryPanel .rfm-history-song-title {
    color: #261C1D !important;
    font-size: 13.5px !important;
    line-height: 1.15 !important;
    font-weight: 800 !important;
    letter-spacing: -0.015em !important;
  }

  #rfmHistoryPanel .rfm-history-artist-title {
    color: rgba(38,28,29,0.62) !important;
    font-size: 11.5px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    letter-spacing: 0.025em !important;
  }

  #rfmHistoryPanel #rfmHistoryContainer .rfm-history-art {
    width: 112px !important;
    border-radius: 12px !important;
    background: rgba(255,255,255,0.52) !important;
    border: 1px solid rgba(229,45,39,0.14) !important;
    box-shadow: 0 9px 20px rgba(38,28,29,0.065) !important;
  }

  #rfmHistoryPanel .rfm-history-glass-brand-badge {
    background: rgba(255,255,255,0.54) !important;
    border: 1px solid rgba(229,45,39,0.16) !important;
    box-shadow: 0 12px 28px rgba(38,28,29,0.075), inset 0 1px 0 rgba(255,255,255,0.72) !important;
  }

  #rfmHistoryPanel .rfm-history-expand-slot .rfm-history-expand-btn,
  #rfmHistoryPanel .rfm-history-expand-btn {
    background: rgba(255,255,255,0.52) !important;
    border: 1px solid rgba(229,45,39,0.24) !important;
    color: #D2042B !important;
    border-radius: 999px !important;
    box-shadow: 0 8px 18px rgba(229,45,39,0.065), inset 0 1px 0 rgba(255,255,255,0.66) !important;
  }
}

@media (max-width: 768px) {
  .rfm-mobile-history-accordion {
    background:
      linear-gradient(135deg, rgba(255,255,255,0.82), rgba(255,244,246,0.76)) !important;
    border: 1px solid rgba(229,45,39,0.16) !important;
    box-shadow: 0 12px 30px rgba(119,27,42,0.065), inset 0 1px 0 rgba(255,255,255,0.78) !important;
  }

  .rfm-mobile-history-trigger {
    background: rgba(255,255,255,0.54) !important;
    color: #D2042B !important;
  }

  .rfm-mobile-history-content {
    background: rgba(255,244,246,0.54) !important;
  }

  #rfmMobileHistoryContainer .rfm-history-row {
    background: rgba(255,255,255,0.50) !important;
    border: 1px solid rgba(229,45,39,0.10) !important;
    border-radius: 14px !important;
    box-shadow: 0 8px 18px rgba(38,28,29,0.035), inset 0 1px 0 rgba(255,255,255,0.64) !important;
  }
}

/* Step 1.0.366 - Three-station player layout.
   The final player model has exactly three visible station slots.
   No fourth-station peek, overflow rail, expand arrow, or hover-open behavior. */
.rfm-stations-rail.rfm-stations-overflow,
.rfm-hero-stations-switcher.rfm-stations-overflow,
.rfm-sticky-stations-switcher.rfm-stations-overflow,
.rfm-stations-open .rfm-stations-rail,
.rfm-stations-rail.rfm-stations-open {
  width: auto !important;
  max-width: none !important;
  padding-right: 0 !important;
  overflow: visible !important;
}

.rfm-stations-hover-zone,
.rfm-stations-expand-toggle,
.rfm-stations-rail::after,
.rfm-hero-stations-switcher::after,
.rfm-sticky-stations-switcher::after {
  display: none !important;
  content: none !important;
}

.rfm-stations-rail .rfm-station-tab:nth-of-type(n+4),
.rfm-hero-stations-switcher .rfm-station-tab:nth-of-type(n+4),
.rfm-sticky-stations-switcher .rfm-station-tab:nth-of-type(n+4) {
  display: none !important;
}

.rfm-hero-stations-switcher {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(42px, 1fr));
  gap: 10px !important;
  align-items: center !important;
  overflow: visible !important;
}

.rfm-hero-stations-switcher.rfm-stations-count-1 { grid-template-columns: minmax(42px, 1fr) !important; }
.rfm-hero-stations-switcher.rfm-stations-count-2 { grid-template-columns: repeat(2, minmax(42px, 1fr)) !important; }

.rfm-sticky-stations-switcher {
  display: grid !important;
  grid-template-columns: repeat(3, var(--rfm-sticky-tab, 42px));
  gap: var(--rfm-sticky-gap, 10px) !important;
  align-items: center !important;
  justify-content: end !important;
  width: auto !important;
  max-width: none !important;
  overflow: visible !important;
  padding-right: 0 !important;
}

.rfm-sticky-stations-switcher.rfm-stations-count-1 { grid-template-columns: var(--rfm-sticky-tab, 42px) !important; }
.rfm-sticky-stations-switcher.rfm-stations-count-2 { grid-template-columns: repeat(2, var(--rfm-sticky-tab, 42px)) !important; }

@media (max-width: 768px) {
  .rfm-hero-stations-switcher,
  .rfm-sticky-stations-switcher {
    grid-template-columns: repeat(3, minmax(36px, 1fr)) !important;
    gap: 8px !important;
    width: 100% !important;
    justify-content: center !important;
  }

  .rfm-hero-stations-switcher.rfm-stations-count-1,
  .rfm-sticky-stations-switcher.rfm-stations-count-1 { grid-template-columns: minmax(36px, 1fr) !important; }

  .rfm-hero-stations-switcher.rfm-stations-count-2,
  .rfm-sticky-stations-switcher.rfm-stations-count-2 { grid-template-columns: repeat(2, minmax(36px, 1fr)) !important; }

  .rfm-sticky-stations-switcher .rfm-station-tab {
    width: 38px !important;
    height: 38px !important;
  }
}

/* v1.0.389 - Homepage history expanded finish.
   The expanded desktop history list should not grow endlessly past the visible hero area.
   Keep the panel as one polished card, make the list itself scroll when needed,
   and add a soft bottom finish so the open state does not look clipped. */
@media (min-width: 769px) {
  #rfmHistoryPanel.open {
    max-height: none !important;
    overflow: visible !important;
  }

  #rfmHistoryPanel.open .rfm-history-layout-wrapper {
    position: relative !important;
    align-items: stretch !important;
    max-height: min(72vh, 760px) !important;
    overflow: hidden !important;
    padding: 24px 28px 24px !important;
  }

  #rfmHistoryPanel.open .rfm-history-layout-wrapper::after {
    content: '';
    position: absolute;
    left: 1px;
    right: 1px;
    bottom: 1px;
    height: 34px;
    z-index: 3;
    pointer-events: none;
    border-radius: 0 0 17px 17px;
    background: linear-gradient(
      to bottom,
      rgba(255, 244, 246, 0),
      rgba(255, 244, 246, 0.78) 58%,
      rgba(255, 255, 255, 0.88)
    );
  }

  #rfmHistoryContainer.rfm-history-preview-collapsed {
    max-height: none !important;
    overflow: visible !important;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
  }

  #rfmHistoryContainer.rfm-history-preview-expanded {
    max-height: min(58vh, 640px) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    overscroll-behavior: contain;
    padding: 0 8px 28px 0 !important;
    scrollbar-width: thin;
    scrollbar-color: rgba(210, 4, 43, 0.24) rgba(255, 255, 255, 0.32);
  }

  #rfmHistoryContainer.rfm-history-preview-expanded::-webkit-scrollbar {
    width: 6px;
  }

  #rfmHistoryContainer.rfm-history-preview-expanded::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.30);
    border-radius: 999px;
  }

  #rfmHistoryContainer.rfm-history-preview-expanded::-webkit-scrollbar-thumb {
    background: rgba(210, 4, 43, 0.24);
    border-radius: 999px;
  }

  #rfmHistoryContainer.rfm-history-preview-expanded .rfm-history-row:last-child {
    margin-bottom: 4px !important;
  }

  #rfmHistoryPanel.open .rfm-history-side {
    align-self: flex-start !important;
  }
}

@media (max-width: 768px) {
  .rfm-mobile-history-accordion.open .rfm-mobile-history-content {
    max-height: 72vh !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    overscroll-behavior: contain;
    scrollbar-width: thin;
    scrollbar-color: rgba(210, 4, 43, 0.22) rgba(255, 255, 255, 0.28);
  }

  .rfm-mobile-history-accordion.open .rfm-mobile-history-layout-inside {
    padding-bottom: 18px !important;
  }
}


/* v1.0.391 - final homepage history full expand.
   Overrides the previous v1.0.389 internal-scroll layer. The open history must expand
   with the page, not scroll inside the card. */
@media (min-width: 769px) {
  #rfmHistoryPanel.rfm-history-dropdown-panel,
  #rfmHistoryPanel.rfm-history-dropdown-panel.open {
    max-height: none !important;
    height: auto !important;
    overflow: visible !important;
  }

  #rfmHistoryPanel.open .rfm-history-layout-wrapper {
    max-height: none !important;
    height: auto !important;
    overflow: visible !important;
    padding-bottom: 28px !important;
  }

  #rfmHistoryPanel.open .rfm-history-layout-wrapper::after {
    content: none !important;
    display: none !important;
  }

  #rfmHistoryContainer,
  #rfmHistoryContainer.rfm-history-preview-collapsed,
  #rfmHistoryContainer.rfm-history-preview-expanded {
    max-height: none !important;
    height: auto !important;
    overflow: visible !important;
    overflow-y: visible !important;
    overflow-x: visible !important;
    padding-right: 0 !important;
    padding-bottom: 6px !important;
    overscroll-behavior: auto !important;
    scrollbar-width: none !important;
  }

  #rfmHistoryContainer::-webkit-scrollbar,
  #rfmHistoryContainer.rfm-history-preview-expanded::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
  }

  #rfmHistoryContainer.rfm-history-preview-expanded .rfm-history-row:last-child {
    margin-bottom: 0 !important;
    border-bottom-color: transparent !important;
  }
}

@media (max-width: 768px) {
  .rfm-mobile-history-accordion,
  .rfm-mobile-history-accordion.open,
  .rfm-mobile-history-accordion .rfm-mobile-history-content,
  .rfm-mobile-history-accordion.open .rfm-mobile-history-content,
  .rfm-mobile-history-accordion.open .rfm-mobile-history-layout-inside,
  #rfmMobileHistoryContainer {
    max-height: none !important;
    height: auto !important;
    overflow: visible !important;
    overflow-y: visible !important;
    overflow-x: visible !important;
    overscroll-behavior: auto !important;
    scrollbar-width: none !important;
  }

  .rfm-mobile-history-accordion .rfm-mobile-history-content {
    transition: none !important;
  }

  .rfm-mobile-history-accordion:not(.open) .rfm-mobile-history-content {
    max-height: 0 !important;
    overflow: hidden !important;
  }

  .rfm-mobile-history-accordion.open .rfm-mobile-history-layout-inside {
    padding-bottom: 18px !important;
  }

  #rfmMobileHistoryContainer::-webkit-scrollbar,
  .rfm-mobile-history-accordion.open .rfm-mobile-history-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
  }
}


/* v1.0.398: homepage desktop history collapsed preview shows 2 songs. */
@media (min-width: 769px) {
  #rfmHistoryContainer.rfm-history-preview-collapsed .rfm-history-row:nth-of-type(n+3) {
    display: none !important;
  }

  #rfmHistoryContainer.rfm-history-preview-collapsed .rfm-history-row:nth-of-type(2) {
    border-bottom-color: transparent !important;
  }
}


/* v1.0.408 - Relax FM Messages desktop home inline popup. Fixed: keep launcher wrapper visible so modal inside it can open; hide only the internal plugin opener button.
   On the front page desktop the message dialog lives in the natural gap
   between the header/menu and the hero player, instead of covering both. */
@media (min-width: 922px) {
  .home #rfmHeaderMessagesModal {
    width: 100%;
    margin: clamp(10px, 1.2vw, 18px) 0 clamp(14px, 1.5vw, 22px);
    position: relative;
    z-index: 8;
  }

  .home #rfmHeaderMessagesModal .rfm-msg-launcher {
    display: block !important;
    width: 100% !important;
  }

  .home #rfmHeaderMessagesModal .rfm-msg-launcher > .rfm-msg-open {
    display: none !important;
  }

  .home #rfmHeaderMessagesModal .rfm-msg-modal {
    position: static !important;
    inset: auto !important;
    z-index: auto !important;
    padding: 0 !important;
    display: block !important;
    place-items: initial !important;
    pointer-events: none;
  }

  .home #rfmHeaderMessagesModal .rfm-msg-modal[hidden] {
    display: none !important;
  }

  .home #rfmHeaderMessagesModal .rfm-msg-modal.is-open {
    pointer-events: auto;
  }

  .home #rfmHeaderMessagesModal .rfm-msg-backdrop {
    display: none !important;
  }

  .home #rfmHeaderMessagesModal .rfm-msg-dialog {
    width: min(760px, 100%) !important;
    max-height: none !important;
    overflow: visible !important;
    margin: 0 auto !important;
    border-radius: 30px !important;
    border: 1px solid rgba(255, 255, 255, .76) !important;
    background:
      linear-gradient(145deg, rgba(255, 255, 255, .72), rgba(255, 247, 249, .46)) !important;
    backdrop-filter: blur(14px) saturate(155%) !important;
    -webkit-backdrop-filter: blur(14px) saturate(155%) !important;
    box-shadow: 0 24px 70px rgba(44, 22, 30, .18), 0 1px 0 rgba(255,255,255,.82) inset !important;
    padding: 24px 28px 28px !important;
    transform: translateY(-8px) scale(.985) !important;
  }

  .home #rfmHeaderMessagesModal .rfm-msg-modal.is-open .rfm-msg-dialog {
    transform: translateY(0) scale(1) !important;
  }

  .home #rfmHeaderMessagesModal .rfm-msg-close {
    top: 16px !important;
    right: 16px !important;
    width: 42px !important;
    height: 42px !important;
    display: grid !important;
    place-items: center !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: #e30613 !important;
    color: #fff !important;
    font-size: 32px !important;
    line-height: 1 !important;
    font-weight: 1000 !important;
    box-shadow: 0 12px 26px rgba(227, 6, 19, .28) !important;
  }

  .home #rfmHeaderMessagesModal .rfm-msg-close:hover,
  .home #rfmHeaderMessagesModal .rfm-msg-close:focus-visible {
    transform: translateY(-1px) !important;
    box-shadow: 0 16px 32px rgba(227, 6, 19, .34) !important;
    outline: 3px solid rgba(227, 6, 19, .16) !important;
    outline-offset: 2px !important;
  }

  html.rfm-msg-modal-open {
    overflow: auto !important;
  }
}


/* v1.0.409 - Relax FM Messages: full-width desktop inline panel.
   The panel stays in the homepage flow between the header/menu and the hero player,
   matching the page/player width. The close button is a real centered hit target,
   so the visible red X and clickable area no longer drift apart. */
@media (min-width: 922px) {
  .home #rfmHeaderMessagesModal {
    width: 100% !important;
    max-width: 100% !important;
    margin: clamp(10px, 1.1vw, 16px) 0 clamp(14px, 1.4vw, 20px) !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  .home #rfmHeaderMessagesModal .rfm-msg-launcher,
  .home #rfmHeaderMessagesModal [data-rfm-messages] {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  .home #rfmHeaderMessagesModal .rfm-msg-modal {
    width: 100% !important;
    max-width: 100% !important;
    position: static !important;
    inset: auto !important;
    padding: 0 !important;
    display: block !important;
    pointer-events: none;
  }

  .home #rfmHeaderMessagesModal .rfm-msg-modal[hidden] {
    display: none !important;
  }

  .home #rfmHeaderMessagesModal .rfm-msg-modal.is-open {
    pointer-events: auto;
  }

  .home #rfmHeaderMessagesModal .rfm-msg-dialog {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    border-radius: 28px !important;
    padding: clamp(22px, 2.1vw, 34px) clamp(26px, 2.6vw, 42px) clamp(26px, 2.4vw, 38px) !important;
    background:
      linear-gradient(145deg, rgba(255, 255, 255, .74), rgba(255, 247, 249, .50)) !important;
    border: 1px solid rgba(255, 255, 255, .78) !important;
    box-shadow: 0 22px 62px rgba(45, 20, 30, .14), 0 1px 0 rgba(255,255,255,.86) inset !important;
    overflow: visible !important;
  }

  .home #rfmHeaderMessagesModal .rfm-msg-modal-head {
    padding-right: 62px !important;
  }

  .home #rfmHeaderMessagesModal .rfm-msg-bubbles {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: clamp(14px, 1.4vw, 22px) !important;
  }

  .home #rfmHeaderMessagesModal .rfm-msg-close {
    position: absolute !important;
    top: 18px !important;
    right: 18px !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid rgba(255, 255, 255, .72) !important;
    border-radius: 999px !important;
    background: #e30613 !important;
    color: #fff !important;
    cursor: pointer !important;
    font-size: 0 !important;
    line-height: 1 !important;
    text-align: center !important;
    box-shadow: 0 12px 26px rgba(227, 6, 19, .26), 0 1px 0 rgba(255,255,255,.24) inset !important;
    transform: none !important;
    -webkit-appearance: none !important;
    appearance: none !important;
  }

  .home #rfmHeaderMessagesModal .rfm-msg-close::before {
    content: "×";
    display: block;
    width: 44px;
    height: 44px;
    font-size: 31px;
    line-height: 40px;
    font-weight: 950;
    color: #fff;
    text-align: center;
    transform: translateY(-1px);
    pointer-events: none;
  }

  .home #rfmHeaderMessagesModal .rfm-msg-close:hover,
  .home #rfmHeaderMessagesModal .rfm-msg-close:focus-visible {
    background: #c90010 !important;
    transform: none !important;
    box-shadow: 0 14px 30px rgba(227, 6, 19, .32), 0 1px 0 rgba(255,255,255,.22) inset !important;
    outline: 3px solid rgba(227, 6, 19, .16) !important;
    outline-offset: 3px !important;
  }
}


/* v1.0.410 - Relax FM Messages desktop inline close button alignment.
   The button itself is the red circle and the clickable hit target. The X is drawn
   with two centered bars, so visual position and active area cannot drift. */
@media (min-width: 922px) {
  .home #rfmHeaderMessagesModal .rfm-msg-close,
  .home #rfmHeaderMessagesModal .rfm-msg-close:hover,
  .home #rfmHeaderMessagesModal .rfm-msg-close:focus,
  .home #rfmHeaderMessagesModal .rfm-msg-close:active {
    position: absolute !important;
    top: 18px !important;
    right: 18px !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    max-width: 44px !important;
    max-height: 44px !important;
    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    display: block !important;
    overflow: hidden !important;
    border: 1px solid rgba(255, 255, 255, .72) !important;
    border-radius: 999px !important;
    background: #e30613 !important;
    color: transparent !important;
    font-size: 0 !important;
    line-height: 0 !important;
    text-indent: -9999px !important;
    cursor: pointer !important;
    transform: none !important;
    translate: none !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    box-shadow: 0 12px 26px rgba(227, 6, 19, .26), 0 1px 0 rgba(255,255,255,.24) inset !important;
  }

  .home #rfmHeaderMessagesModal .rfm-msg-close::before,
  .home #rfmHeaderMessagesModal .rfm-msg-close::after {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    width: 18px !important;
    height: 3px !important;
    display: block !important;
    border-radius: 999px !important;
    background: #fff !important;
    pointer-events: none !important;
    transform-origin: 50% 50% !important;
  }

  .home #rfmHeaderMessagesModal .rfm-msg-close::before {
    transform: translate(-50%, -50%) rotate(45deg) !important;
  }

  .home #rfmHeaderMessagesModal .rfm-msg-close::after {
    transform: translate(-50%, -50%) rotate(-45deg) !important;
  }

  .home #rfmHeaderMessagesModal .rfm-msg-close:hover,
  .home #rfmHeaderMessagesModal .rfm-msg-close:focus-visible {
    background: #c90010 !important;
    transform: none !important;
    box-shadow: 0 14px 30px rgba(227, 6, 19, .32), 0 1px 0 rgba(255,255,255,.22) inset !important;
    outline: 3px solid rgba(227, 6, 19, .16) !important;
    outline-offset: 3px !important;
  }
}


/* v1.0.411 - Relax FM Messages desktop inline close hit-area fix.
   The close button must sit above the scene/header layers; otherwise later dialog
   content can cover the lower half of the button and only the top remains clickable. */
@media (min-width: 922px) {
  .home #rfmHeaderMessagesModal .rfm-msg-dialog {
    position: relative !important;
    isolation: isolate !important;
  }

  .home #rfmHeaderMessagesModal .rfm-msg-scene,
  .home #rfmHeaderMessagesModal .rfm-msg-modal-head,
  .home #rfmHeaderMessagesModal .rfm-msg-bubbles,
  .home #rfmHeaderMessagesModal .rfm-msg-form {
    position: relative !important;
    z-index: 1 !important;
  }

  .home #rfmHeaderMessagesModal .rfm-msg-close,
  .home #rfmHeaderMessagesModal .rfm-msg-close:hover,
  .home #rfmHeaderMessagesModal .rfm-msg-close:focus,
  .home #rfmHeaderMessagesModal .rfm-msg-close:focus-visible,
  .home #rfmHeaderMessagesModal .rfm-msg-close:active {
    z-index: 80 !important;
    pointer-events: auto !important;
    touch-action: manipulation !important;
    inset: 18px 18px auto auto !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    max-width: 44px !important;
    max-height: 44px !important;
    display: block !important;
    overflow: hidden !important;
    transform: none !important;
  }

  .home #rfmHeaderMessagesModal .rfm-msg-close::before,
  .home #rfmHeaderMessagesModal .rfm-msg-close::after {
    z-index: 1 !important;
    pointer-events: none !important;
  }
}

/* v1.0.429 - Mobile studio button under the ETERYJE banner.
   Dainu istorija remains in its familiar place and behavior. */
.rfm-mobile-studio-button {
  display: none;
}

@media (max-width: 768px) {
  .rfm-mobile-current-show-banner + .rfm-mobile-studio-button {
    margin-top: 8px !important;
  }

  .rfm-mobile-studio-button {
    appearance: none;
    -webkit-appearance: none;
    position: relative;
    isolation: isolate;
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 9px;
    width: 100%;
    min-height: 46px;
    box-sizing: border-box;
    padding: 0 15px;
    margin: 8px 0 12px;
    border: 0 !important;
    border-radius: 999px;
    background: linear-gradient(135deg, #E52D27 0%, #B70325 100%) !important;
    color: #fff !important;
    box-shadow: 0 12px 24px rgba(183,3,37,.18), inset 0 1px 0 rgba(255,255,255,.22);
    font-family: inherit;
    cursor: default;
    overflow: hidden;
  }

  .rfm-mobile-studio-button::before {
    content: '';
    position: absolute;
    inset: 1px;
    border-radius: inherit;
    background: linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,0));
    pointer-events: none;
    z-index: -1;
  }

  .rfm-mobile-studio-button::after {
    content: '';
    position: absolute;
    top: -45%;
    right: -16%;
    width: 118px;
    height: 118px;
    border-radius: 999px;
    background: rgba(255,255,255,.13);
    pointer-events: none;
    z-index: -1;
  }

  .rfm-mobile-studio-button:focus-visible {
    outline: 3px solid rgba(229,45,39,.24);
    outline-offset: 3px;
  }

  .rfm-mobile-studio-button-icon {
    display: inline-grid;
    place-items: center;
    width: 27px;
    height: 27px;
    flex: 0 0 27px;
    border-radius: 999px;
    background: rgba(255,255,255,.18);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.22);
  }

  .rfm-mobile-studio-button-icon svg {
    width: 16px;
    height: 16px;
    fill: currentColor;
  }

  .rfm-mobile-studio-button-text {
    display: inline-block;
    font-size: 12px;
    line-height: 1;
    font-weight: 950;
    letter-spacing: .075em;
    text-transform: uppercase;
    white-space: nowrap;
  }

  .rfm-mobile-studio-button-arrow {
    display: inline-grid;
    place-items: center;
    width: 21px;
    height: 21px;
    flex: 0 0 21px;
    border-radius: 999px;
    background: rgba(255,255,255,.14);
    font-size: 14px;
    line-height: 1;
    font-weight: 900;
    transform: translateY(-1px);
  }

  .rfm-mobile-studio-button + .rfm-standalone-player-box,
  .rfm-mobile-studio-button + .rfm-desktop-player-stage {
    margin-top: 0 !important;
  }
}

@media (max-width: 390px) {
  .rfm-mobile-studio-button {
    min-height: 43px;
    gap: 8px;
    padding: 0 12px;
    margin-bottom: 10px;
  }

  .rfm-mobile-studio-button-text {
    font-size: 11.4px;
    letter-spacing: .065em;
  }

  .rfm-mobile-studio-button-icon {
    width: 25px;
    height: 25px;
    flex-basis: 25px;
  }

  .rfm-mobile-studio-button-arrow {
    width: 19px;
    height: 19px;
    flex-basis: 19px;
    font-size: 13px;
  }
}

/* v1.0.431 - Mobile action buttons refinement.
   Removed right-side button chips and replaced the decorative right blob with a subtle left-to-right Relax FM gradient. */
.rfm-mobile-home-actions {
  display: none;
}

@media (max-width: 768px) {
  .rfm-mobile-current-show-banner + .rfm-mobile-home-actions {
    margin-top: 8px !important;
  }

  .rfm-mobile-home-actions {
    display: grid !important;
    width: 100% !important;
    gap: 7px !important;
    margin: 8px 0 12px !important;
  }

  .rfm-mobile-home-actions .rfm-mobile-history-accordion,
  .rfm-mobile-home-actions .rfm-mobile-history-accordion.open {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
  }

  .rfm-mobile-action-button,
  .rfm-mobile-home-actions .rfm-mobile-studio-button,
  .rfm-mobile-home-actions .rfm-mobile-history-trigger {
    appearance: none !important;
    -webkit-appearance: none !important;
    position: relative !important;
    isolation: isolate !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 9px !important;
    width: 100% !important;
    min-height: 45px !important;
    box-sizing: border-box !important;
    padding: 0 15px !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: linear-gradient(90deg, #D20435 0%, #B5032D 100%) !important;
    color: #fff !important;
    box-shadow: 0 10px 22px rgba(119,27,42,.18), inset 0 1px 0 rgba(255,255,255,.20) !important;
    font-family: inherit !important;
    cursor: pointer !important;
    overflow: hidden !important;
    text-decoration: none !important;
  }

  .rfm-mobile-home-actions .rfm-mobile-studio-button {
    cursor: default !important;
  }

  .rfm-mobile-action-button::before,
  .rfm-mobile-home-actions .rfm-mobile-studio-button::before,
  .rfm-mobile-home-actions .rfm-mobile-history-trigger::before {
    content: '' !important;
    position: absolute !important;
    inset: 1px !important;
    border-radius: inherit !important;
    background: linear-gradient(180deg, rgba(255,255,255,.17), rgba(255,255,255,0)) !important;
    pointer-events: none !important;
    z-index: -1 !important;
  }

  .rfm-mobile-action-button::after,
  .rfm-mobile-home-actions .rfm-mobile-studio-button::after,
  .rfm-mobile-home-actions .rfm-mobile-history-trigger::after {
    display: none !important;
    content: none !important;
  }
  .rfm-mobile-action-button:focus-visible,
  .rfm-mobile-home-actions .rfm-mobile-studio-button:focus-visible,
  .rfm-mobile-home-actions .rfm-mobile-history-trigger:focus-visible {
    outline: 3px solid rgba(210,4,53,.24) !important;
    outline-offset: 3px !important;
  }

  .rfm-mobile-action-button-icon {
    display: inline-grid !important;
    place-items: center !important;
    width: 27px !important;
    height: 27px !important;
    flex: 0 0 27px !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.17) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.22) !important;
  }

  .rfm-mobile-action-button-icon svg {
    width: 16px !important;
    height: 16px !important;
    fill: currentColor !important;
  }

  .rfm-mobile-action-button-text {
    display: inline-block !important;
    font-size: 12px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
    letter-spacing: .075em !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
  }

  .rfm-mobile-action-button-arrow {
    display: inline-grid !important;
    place-items: center !important;
    width: 21px !important;
    height: 21px !important;
    flex: 0 0 21px !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.14) !important;
    font-size: 14px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
  }

  .rfm-mobile-history-accordion.open .rfm-mobile-history-arrow {
    transform: rotate(180deg) !important;
  }

  .rfm-mobile-home-actions .rfm-mobile-history-content {
    margin-top: 8px !important;
    background: linear-gradient(135deg, rgba(255,255,255,.82), rgba(255,244,246,.72)) !important;
    border: 1px solid rgba(210,4,53,.14) !important;
    border-radius: 18px !important;
    box-shadow: 0 10px 24px rgba(38,28,29,.055), inset 0 1px 0 rgba(255,255,255,.72) !important;
    overflow: hidden !important;
  }

  .rfm-mobile-home-actions .rfm-mobile-history-accordion:not(.open) .rfm-mobile-history-content {
    max-height: 0 !important;
    margin-top: 0 !important;
    border-width: 0 !important;
    box-shadow: none !important;
    overflow: hidden !important;
  }

  .rfm-mobile-home-actions + .rfm-standalone-player-box,
  .rfm-mobile-home-actions + .rfm-desktop-player-stage {
    margin-top: 0 !important;
  }
}

@media (max-width: 390px) {
  .rfm-mobile-home-actions {
    gap: 6px !important;
    margin-bottom: 10px !important;
  }

  .rfm-mobile-action-button,
  .rfm-mobile-home-actions .rfm-mobile-studio-button,
  .rfm-mobile-home-actions .rfm-mobile-history-trigger {
    min-height: 42px !important;
    gap: 8px !important;
    padding: 0 12px !important;
  }

  .rfm-mobile-action-button-text {
    font-size: 11.3px !important;
    letter-spacing: .062em !important;
  }

  .rfm-mobile-action-button-icon {
    width: 25px !important;
    height: 25px !important;
    flex-basis: 25px !important;
  }

  .rfm-mobile-action-button-arrow {
    display: none !important;
  }
}


/* v1.0.435 - Mobile studio message bottom sheet click fix.
   Homepage and mobile menu Žinutė į studiją triggers open the original
   three-choice scene; explicit scenario shortcuts can still jump directly to a form. */
@media (max-width: 921px) {
  #rfmGlobalMessagesModal .rfm-msg-modal[hidden],
  #rfmGlobalMessagesModal .rfm-msg-modal:not(.is-open)[hidden] {
    display: none !important;
    pointer-events: none !important;
    visibility: hidden !important;
  }

  #rfmGlobalMessagesModal .rfm-msg-modal:not(.is-open) {
    pointer-events: none !important;
  }

  #rfmGlobalMessagesModal .rfm-msg-modal.is-open {
    pointer-events: auto !important;
    visibility: visible !important;
  }

  .rfm-mobile-home-actions .rfm-mobile-studio-button {
    cursor: pointer !important;
  }

  #rfmGlobalMessagesModal .rfm-msg-launcher {
    --rfm-red: #D20435 !important;
    --rfm-red-dark: #B5032D !important;
    --rfm-sheet-bottom-safe: calc(86px + env(safe-area-inset-bottom, 0px));
  }

  #rfmGlobalMessagesModal .rfm-msg-open {
    display: none !important;
  }

  #rfmGlobalMessagesModal .rfm-msg-modal {
    position: fixed !important;
    inset: 0 !important;
    z-index: 1000002 !important;
    display: flex !important;
    align-items: flex-end !important;
    justify-content: center !important;
    padding: 0 10px var(--rfm-sheet-bottom-safe) !important;
    box-sizing: border-box !important;
  }

  #rfmGlobalMessagesModal .rfm-msg-backdrop {
    background: rgba(18, 10, 14, .44) !important;
    backdrop-filter: blur(8px) saturate(130%) !important;
    -webkit-backdrop-filter: blur(8px) saturate(130%) !important;
  }

  #rfmGlobalMessagesModal .rfm-msg-dialog {
    width: min(100%, 480px) !important;
    max-height: min(78vh, calc(100dvh - 118px)) !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    padding: 0 !important;
    border-radius: 28px 28px 22px 22px !important;
    border: 1px solid rgba(255,255,255,.72) !important;
    background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(255,246,248,.96)) !important;
    box-shadow: 0 -18px 54px rgba(22, 14, 18, .24), inset 0 1px 0 rgba(255,255,255,.75) !important;
    transform: translateY(26px) scale(.985) !important;
  }

  #rfmGlobalMessagesModal .rfm-msg-modal.is-open .rfm-msg-dialog {
    transform: translateY(0) scale(1) !important;
  }

  #rfmGlobalMessagesModal .rfm-msg-dialog::before {
    content: '' !important;
    width: 46px !important;
    height: 5px !important;
    border-radius: 999px !important;
    background: rgba(38,28,29,.18) !important;
    margin: 10px auto 8px !important;
    flex: 0 0 auto !important;
  }

  #rfmGlobalMessagesModal .rfm-msg-close {
    top: 14px !important;
    right: 14px !important;
    z-index: 40 !important;
    width: 38px !important;
    height: 38px !important;
    border: 1px solid rgba(210,4,53,.14) !important;
    background: rgba(255,255,255,.88) !important;
    color: #B5032D !important;
    box-shadow: 0 8px 20px rgba(38,28,29,.08) !important;
  }

  #rfmGlobalMessagesModal .rfm-msg-scene {
    min-height: 0 !important;
    overflow: auto !important;
    -webkit-overflow-scrolling: touch !important;
    padding: 0 18px 18px !important;
  }

  #rfmGlobalMessagesModal .rfm-msg-modal-head {
    position: sticky !important;
    top: 0 !important;
    z-index: 10 !important;
    margin: 0 -18px 14px !important;
    padding: 8px 58px 13px 18px !important;
    background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(255,246,248,.94)) !important;
    border-bottom: 1px solid rgba(210,4,53,.08) !important;
  }

  #rfmGlobalMessagesModal .rfm-msg-kicker {
    color: #B5032D !important;
    font-size: 10px !important;
    letter-spacing: .13em !important;
    margin-bottom: 6px !important;
  }

  #rfmGlobalMessagesModal .rfm-msg-modal-head h3 {
    font-size: 22px !important;
    line-height: 1.05 !important;
    letter-spacing: -.035em !important;
  }

  #rfmGlobalMessagesModal .rfm-msg-modal-head p {
    margin-top: 6px !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
  }

  #rfmGlobalMessagesModal .rfm-msg-back {
    display: inline-flex !important;
    align-items: center !important;
    width: max-content !important;
    margin: 0 0 8px !important;
    padding: 7px 10px !important;
    border-radius: 999px !important;
    background: rgba(210,4,53,.07) !important;
    color: #B5032D !important;
    font-size: 12px !important;
  }

  #rfmGlobalMessagesModal .rfm-msg-bubbles {
    grid-template-columns: 1fr !important;
    gap: 9px !important;
    margin-top: 8px !important;
  }

  #rfmGlobalMessagesModal .rfm-msg-bubble {
    min-height: auto !important;
    grid-template-columns: 42px 1fr !important;
    padding: 12px !important;
    border-radius: 19px !important;
    background: #fff !important;
    box-shadow: 0 8px 18px rgba(38,28,29,.055) !important;
  }

  #rfmGlobalMessagesModal .rfm-msg-bubble-icon {
    width: 40px !important;
    height: 40px !important;
    border-radius: 14px !important;
    background: rgba(210,4,53,.08) !important;
  }

  #rfmGlobalMessagesModal .rfm-msg-form,
  #rfmGlobalMessagesModal .rfm-msg-fields {
    gap: 10px !important;
  }

  #rfmGlobalMessagesModal .rfm-msg-form {
    margin-top: 10px !important;
  }

  #rfmGlobalMessagesModal .rfm-msg-field {
    gap: 5px !important;
  }

  #rfmGlobalMessagesModal .rfm-msg-field label {
    font-size: 12px !important;
  }

  #rfmGlobalMessagesModal .rfm-msg-field input,
  #rfmGlobalMessagesModal .rfm-msg-field textarea,
  #rfmGlobalMessagesModal .rfm-msg-field select {
    min-height: 43px !important;
    border-radius: 14px !important;
    padding: 11px 12px !important;
    background: #fff !important;
  }

  #rfmGlobalMessagesModal .rfm-msg-field textarea {
    min-height: 92px !important;
    max-height: 31vh !important;
  }

  #rfmGlobalMessagesModal .rfm-msg-check {
    font-size: 12px !important;
    line-height: 1.25 !important;
    gap: 8px !important;
  }

  #rfmGlobalMessagesModal .rfm-msg-submit {
    width: 100% !important;
    min-height: 44px !important;
    margin-top: 2px !important;
    border-radius: 999px !important;
    background: linear-gradient(90deg, #D20435 0%, #B5032D 100%) !important;
    box-shadow: 0 10px 22px rgba(119,27,42,.18), inset 0 1px 0 rgba(255,255,255,.20) !important;
  }

  #rfmGlobalMessagesModal .rfm-msg-response {
    min-height: 18px !important;
    font-size: 12px !important;
  }
}

@media (max-width: 390px) {
  #rfmGlobalMessagesModal .rfm-msg-dialog {
    max-height: min(80vh, calc(100dvh - 104px)) !important;
    border-radius: 24px 24px 20px 20px !important;
  }

  #rfmGlobalMessagesModal .rfm-msg-scene {
    padding: 0 14px 14px !important;
  }

  #rfmGlobalMessagesModal .rfm-msg-modal-head {
    margin-left: -14px !important;
    margin-right: -14px !important;
    padding-left: 14px !important;
  }

  #rfmGlobalMessagesModal .rfm-msg-modal-head h3 {
    font-size: 20px !important;
  }
}


/* v1.0.436 - Mobile Relax FM Messages top sheet.
   On phones the three-choice studio window opens below the sticky header,
   keeps the Relax FM red/ink typography, and scrolls inside the visible area. */
@media (max-width: 921px) {
  html.rfm-msg-modal-open {
    overflow: hidden !important;
  }

  #rfmGlobalMessagesModal .rfm-msg-launcher {
    --rfm-red: #D20435 !important;
    --rfm-red-dark: #A70227 !important;
    --rfm-ink: #16161D !important;
    --rfm-muted: #6F717A !important;
    --rfm-mobile-messages-top: 76px;
    --rfm-mobile-messages-bottom: calc(92px + env(safe-area-inset-bottom, 0px));
    font-family: 'Poppins', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
  }

  #rfmGlobalMessagesModal .rfm-msg-modal[hidden],
  #rfmGlobalMessagesModal .rfm-msg-modal:not(.is-open)[hidden] {
    display: none !important;
    pointer-events: none !important;
    visibility: hidden !important;
  }

  #rfmGlobalMessagesModal .rfm-msg-modal {
    position: fixed !important;
    inset: 0 !important;
    z-index: 1000002 !important;
    display: flex !important;
    align-items: flex-start !important;
    justify-content: center !important;
    padding: calc(var(--rfm-mobile-messages-top) + 8px) 10px var(--rfm-mobile-messages-bottom) !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  #rfmGlobalMessagesModal .rfm-msg-backdrop {
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(180deg, rgba(18, 10, 14, .38), rgba(18, 10, 14, .22)) !important;
    backdrop-filter: blur(8px) saturate(130%) !important;
    -webkit-backdrop-filter: blur(8px) saturate(130%) !important;
  }

  #rfmGlobalMessagesModal .rfm-msg-dialog {
    position: relative !important;
    width: min(100%, 488px) !important;
    max-height: calc(100dvh - var(--rfm-mobile-messages-top) - var(--rfm-mobile-messages-bottom) - 18px) !important;
    min-height: 0 !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    padding: 0 !important;
    border-radius: 26px !important;
    border: 1px solid rgba(255,255,255,.74) !important;
    background: linear-gradient(180deg, rgba(255,255,255,.985), rgba(255,247,249,.965)) !important;
    box-shadow: 0 22px 62px rgba(32, 17, 22, .28), inset 0 1px 0 rgba(255,255,255,.86) !important;
    transform: translateY(-10px) scale(.985) !important;
    color: var(--rfm-ink) !important;
  }

  #rfmGlobalMessagesModal .rfm-msg-modal.is-open .rfm-msg-dialog {
    transform: translateY(0) scale(1) !important;
  }

  #rfmGlobalMessagesModal .rfm-msg-dialog::before {
    display: none !important;
  }

  #rfmGlobalMessagesModal .rfm-msg-close {
    top: 13px !important;
    right: 13px !important;
    z-index: 40 !important;
    width: 38px !important;
    height: 38px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(210,4,53,.16) !important;
    background: rgba(255,255,255,.92) !important;
    color: var(--rfm-red-dark) !important;
    box-shadow: 0 8px 20px rgba(38,28,29,.08) !important;
    font-family: inherit !important;
  }

  #rfmGlobalMessagesModal .rfm-msg-scene {
    min-height: 0 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    padding: 0 16px 16px !important;
    color: var(--rfm-ink) !important;
  }

  #rfmGlobalMessagesModal .rfm-msg-modal-head {
    position: sticky !important;
    top: 0 !important;
    z-index: 12 !important;
    margin: 0 -16px 12px !important;
    padding: 16px 58px 13px 16px !important;
    background: linear-gradient(180deg, rgba(255,255,255,.99), rgba(255,247,249,.965)) !important;
    border-bottom: 1px solid rgba(210,4,53,.08) !important;
    box-shadow: 0 6px 18px rgba(42, 20, 26, .035) !important;
  }

  #rfmGlobalMessagesModal .rfm-msg-kicker {
    color: var(--rfm-red-dark) !important;
    font-size: 10px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: .13em !important;
    margin-bottom: 6px !important;
  }

  #rfmGlobalMessagesModal .rfm-msg-modal-head h3 {
    margin: 0 !important;
    color: var(--rfm-ink) !important;
    font-family: inherit !important;
    font-size: 22px !important;
    line-height: 1.05 !important;
    font-weight: 900 !important;
    letter-spacing: -.035em !important;
  }

  #rfmGlobalMessagesModal .rfm-msg-modal-head p {
    margin: 6px 0 0 !important;
    color: var(--rfm-muted) !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
    font-weight: 600 !important;
  }

  #rfmGlobalMessagesModal .rfm-msg-bubbles {
    grid-template-columns: 1fr !important;
    gap: 9px !important;
    margin: 8px 0 0 !important;
  }

  #rfmGlobalMessagesModal .rfm-msg-bubble {
    width: 100% !important;
    min-height: auto !important;
    display: grid !important;
    grid-template-columns: 42px 1fr !important;
    column-gap: 11px !important;
    align-items: center !important;
    padding: 12px !important;
    border-radius: 19px !important;
    border: 1px solid rgba(210,4,53,.12) !important;
    background: linear-gradient(90deg, #FFFFFF 0%, #FFF5F7 100%) !important;
    box-shadow: 0 8px 18px rgba(38,28,29,.055) !important;
    font-family: inherit !important;
    color: var(--rfm-ink) !important;
  }

  #rfmGlobalMessagesModal .rfm-msg-bubble:hover,
  #rfmGlobalMessagesModal .rfm-msg-bubble:focus-visible {
    transform: translateY(-1px) !important;
    border-color: rgba(210,4,53,.26) !important;
    box-shadow: 0 12px 24px rgba(119,27,42,.12) !important;
    outline: none !important;
  }

  #rfmGlobalMessagesModal .rfm-msg-bubble-icon {
    grid-row: 1 / 3 !important;
    width: 40px !important;
    height: 40px !important;
    margin: 0 !important;
    border-radius: 14px !important;
    background: rgba(210,4,53,.08) !important;
    color: var(--rfm-red-dark) !important;
    font-size: 21px !important;
  }

  #rfmGlobalMessagesModal .rfm-msg-bubble strong {
    color: var(--rfm-ink) !important;
    font-size: 15px !important;
    line-height: 1.08 !important;
    font-weight: 900 !important;
    letter-spacing: -.02em !important;
  }

  #rfmGlobalMessagesModal .rfm-msg-bubble small {
    margin-top: 4px !important;
    color: var(--rfm-muted) !important;
    font-size: 12px !important;
    line-height: 1.25 !important;
    font-weight: 600 !important;
  }

  #rfmGlobalMessagesModal .rfm-msg-back {
    display: inline-flex !important;
    align-items: center !important;
    width: max-content !important;
    margin: 12px 0 8px !important;
    padding: 7px 10px !important;
    border-radius: 999px !important;
    background: rgba(210,4,53,.07) !important;
    color: var(--rfm-red-dark) !important;
    font-size: 12px !important;
    font-weight: 900 !important;
  }

  #rfmGlobalMessagesModal .rfm-msg-date-step,
  #rfmGlobalMessagesModal .rfm-msg-form {
    margin-top: 10px !important;
  }

  #rfmGlobalMessagesModal .rfm-msg-form,
  #rfmGlobalMessagesModal .rfm-msg-fields {
    gap: 10px !important;
  }

  #rfmGlobalMessagesModal .rfm-msg-field label,
  #rfmGlobalMessagesModal .rfm-msg-date-step > label {
    color: var(--rfm-ink) !important;
    font-size: 12px !important;
    font-weight: 900 !important;
  }

  #rfmGlobalMessagesModal .rfm-msg-field input,
  #rfmGlobalMessagesModal .rfm-msg-field textarea,
  #rfmGlobalMessagesModal .rfm-msg-field select {
    min-height: 43px !important;
    border-radius: 14px !important;
    border-color: rgba(22,22,30,.12) !important;
    background: #fff !important;
    color: var(--rfm-ink) !important;
    font: inherit !important;
    padding: 11px 12px !important;
  }

  #rfmGlobalMessagesModal .rfm-msg-field textarea {
    min-height: 92px !important;
    max-height: 30dvh !important;
  }

  #rfmGlobalMessagesModal .rfm-msg-submit {
    width: 100% !important;
    min-height: 44px !important;
    border-radius: 999px !important;
    background: linear-gradient(90deg, var(--rfm-red) 0%, var(--rfm-red-dark) 100%) !important;
    color: #fff !important;
    font-weight: 900 !important;
    box-shadow: 0 10px 22px rgba(119,27,42,.18), inset 0 1px 0 rgba(255,255,255,.20) !important;
  }
}

@media (max-width: 390px) {
  #rfmGlobalMessagesModal .rfm-msg-launcher {
    --rfm-mobile-messages-top: 70px;
    --rfm-mobile-messages-bottom: calc(86px + env(safe-area-inset-bottom, 0px));
  }

  #rfmGlobalMessagesModal .rfm-msg-dialog {
    border-radius: 23px !important;
  }

  #rfmGlobalMessagesModal .rfm-msg-scene {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  #rfmGlobalMessagesModal .rfm-msg-modal-head {
    margin-left: -14px !important;
    margin-right: -14px !important;
    padding-left: 14px !important;
  }

  #rfmGlobalMessagesModal .rfm-msg-modal-head h3 {
    font-size: 20px !important;
  }
}


/* v1.0.437 - Mobile messages top-sheet sticky header micro-gap.
   Keep the opened studio window just below the sticky menu with a small Relax FM
   style breathing gap, while preserving internal scrolling and bottom-player safe area. */
@media (max-width: 921px) {
  #rfmGlobalMessagesModal .rfm-msg-launcher,
  #rfmGlobalMessagesModal .rfm-msg-modal {
    --rfm-mobile-messages-gap: 13px;
  }

  #rfmGlobalMessagesModal .rfm-msg-modal {
    padding-top: calc(var(--rfm-mobile-messages-top) + var(--rfm-mobile-messages-gap)) !important;
  }

  #rfmGlobalMessagesModal .rfm-msg-dialog {
    max-height: calc(100dvh - var(--rfm-mobile-messages-top) - var(--rfm-mobile-messages-gap) - var(--rfm-mobile-messages-bottom) - 10px) !important;
  }
}

@media (max-width: 390px) {
  #rfmGlobalMessagesModal .rfm-msg-launcher,
  #rfmGlobalMessagesModal .rfm-msg-modal {
    --rfm-mobile-messages-gap: 11px;
  }
}


/* v1.0.438 - slightly larger mobile studio sheet gap below sticky header.
   Keep the top-sheet clear of the sticky menu edge and its shadow while
   preserving the internal scroll area and bottom player safe space. */
@media (max-width: 921px) {
  #rfmGlobalMessagesModal .rfm-msg-launcher,
  #rfmGlobalMessagesModal .rfm-msg-modal {
    --rfm-mobile-messages-gap: 26px;
  }

  #rfmGlobalMessagesModal .rfm-msg-modal {
    padding-top: calc(var(--rfm-mobile-messages-top) + var(--rfm-mobile-messages-gap)) !important;
  }

  #rfmGlobalMessagesModal .rfm-msg-dialog {
    max-height: calc(100dvh - var(--rfm-mobile-messages-top) - var(--rfm-mobile-messages-gap) - var(--rfm-mobile-messages-bottom) - 10px) !important;
  }
}

@media (max-width: 390px) {
  #rfmGlobalMessagesModal .rfm-msg-launcher,
  #rfmGlobalMessagesModal .rfm-msg-modal {
    --rfm-mobile-messages-gap: 22px;
  }
}

/* v1.0.461 - homepage typography polish from stable v1.0.460.
   Refines existing homepage tabs, section labels and overlay titles only. */
@media (min-width: 769px) {
  .rfm-atsuk-links-section .rfm-atsuk-home-filter,
  .rfm-atsuk-links-section .rfm-atsuk-home-filter.is-active {
    font-size: 12px !important;
    padding: 9px 14px !important;
    letter-spacing: .045em !important;
  }

  .rfm-home-top15-heading,
  .rfm-vt-title-text,
  .rfm-pr-title-text,
  .rfm-art-title-text {
    font-size: 12px !important;
    letter-spacing: .095em !important;
  }

  .rfm-home-top15-title-wrap,
  .rfm-vt-title-wrap,
  .rfm-pr-title-wrap,
  .rfm-art-title-wrap {
    padding: 7px 15px !important;
  }

  .rfm-home-top15-see-all,
  .rfm-vt-see-all,
  .rfm-pr-see-all,
  .rfm-art-see-all,
  .rfm-atsuk-links-section .rfm-atsuk-more-link {
    font-size: 13px !important;
  }

  .rfm-vt-card-title,
  .rfm-pr-card-title {
    font-size: clamp(13px, .9vw, 16px) !important;
    line-height: 1.22 !important;
    letter-spacing: -.02em !important;
  }

  .rfm-home-top-stage > #rfmHistoryPanel .rfm-history-song-title {
    font-size: 14px !important;
  }
}

@media (max-width: 768px) {
  .rfm-home-top15-heading,
  .rfm-vt-title-text,
  .rfm-pr-title-text,
  .rfm-art-title-text {
    font-size: 11px !important;
    letter-spacing: .075em !important;
  }

  .rfm-vt-card-title,
  .rfm-pr-card-title {
    font-size: 14px !important;
    line-height: 1.22 !important;
  }
}


/* v1.0.543 - Homepage Music Radar block below the three banners. */
.rfm-home-radar-section{
  width:100%;
  margin:22px 0 0;
  padding:18px;
  border-radius:30px;
  background:linear-gradient(135deg,rgba(255,255,255,.78),rgba(255,241,244,.70));
  border:1px solid rgba(255,255,255,.78);
  box-shadow:0 18px 44px rgba(38,28,29,.075);
  color:#261c1d;
  box-sizing:border-box;
  overflow:hidden;
  position:relative;
}
.rfm-home-radar-section:before{
  content:"";
  position:absolute;
  right:-95px;
  top:-125px;
  width:260px;
  height:260px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(210,4,53,.14),rgba(210,4,53,0) 68%);
  pointer-events:none;
}
.rfm-home-radar-head{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin:0 0 14px;
}
.rfm-home-radar-title-wrap{
  display:flex;
  align-items:center;
  min-width:0;
  gap:12px;
}
.rfm-home-radar-dot{
  width:10px;
  height:10px;
  border-radius:4px;
  background:#d20435;
  box-shadow:0 0 0 7px rgba(210,4,53,.09);
  flex:0 0 auto;
}
.rfm-home-radar-title-wrap h2{
  margin:0;
  font-size:13px;
  line-height:1.05;
  font-weight:950;
  letter-spacing:.105em;
  text-transform:uppercase;
  color:#d20435;
}
.rfm-home-radar-title-wrap p{
  margin:4px 0 0;
  font-size:12px;
  line-height:1.25;
  font-weight:850;
  color:#7a686b;
}
.rfm-home-radar-more{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:8px 15px;
  border-radius:999px;
  background:rgba(210,4,53,.10);
  border:1px solid rgba(210,4,53,.15);
  color:#d20435!important;
  text-decoration:none!important;
  font-size:13px;
  line-height:1;
  font-weight:950;
  letter-spacing:-.01em;
  transition:background .18s ease,transform .18s ease,box-shadow .18s ease;
}
.rfm-home-radar-more:hover{
  background:#d20435;
  color:#fff!important;
  transform:translateY(-1px);
  box-shadow:0 12px 22px rgba(210,4,53,.18);
}
.rfm-home-radar-tabs{
  position:relative;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:9px;
  margin:0 0 12px;
}
.rfm-home-radar-tabs button{
  appearance:none;
  border:1px solid rgba(38,28,29,.06);
  background:rgba(255,255,255,.66);
  border-radius:18px;
  padding:10px 12px;
  min-width:0;
  cursor:pointer;
  text-align:left;
  box-shadow:none;
}
.rfm-home-radar-tabs button strong,
.rfm-home-radar-tabs button span{
  display:block;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.rfm-home-radar-tabs button strong{
  font-size:11px;
  line-height:1.1;
  font-weight:950;
  letter-spacing:.06em;
  color:#5c4d50;
}
.rfm-home-radar-tabs button span{
  margin-top:3px;
  font-size:10px;
  line-height:1.1;
  font-weight:850;
  color:#9a8589;
}
.rfm-home-radar-tabs button.is-active{
  background:linear-gradient(135deg,#d20435,#a70227);
  border-color:rgba(255,255,255,.25);
  box-shadow:0 14px 26px rgba(210,4,53,.17);
}
.rfm-home-radar-tabs button.is-active strong,
.rfm-home-radar-tabs button.is-active span{
  color:#fff;
}
.rfm-home-radar-panel{
  position:relative;
}
.rfm-home-radar-panel[hidden]{
  display:none!important;
}
.rfm-home-radar-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:11px;
}
.rfm-home-radar-card{
  display:grid;
  grid-template-columns:auto 58px minmax(0,1fr) auto;
  align-items:center;
  gap:11px;
  min-width:0;
  min-height:78px;
  padding:11px 12px;
  border-radius:22px;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(38,28,29,.055);
  color:#261c1d!important;
  text-decoration:none!important;
  box-sizing:border-box;
  overflow:hidden;
}
.rfm-home-radar-card:hover{
  background:rgba(255,255,255,.90);
}
.rfm-home-radar-rank{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:28px;
  height:28px;
  border-radius:11px;
  background:rgba(210,4,53,.10);
  color:#d20435;
  font-size:13px;
  line-height:1;
  font-weight:950;
}
.rfm-home-radar-art{
  width:58px;
  height:58px;
  border-radius:16px;
  overflow:hidden;
  background:linear-gradient(135deg,rgba(210,4,53,.13),rgba(255,255,255,.88));
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(210,4,53,.08);
  flex:0 0 auto;
}
.rfm-home-radar-art img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.rfm-home-radar-art b{
  color:#d20435;
  font-size:17px;
  font-weight:950;
  letter-spacing:-.03em;
}
.rfm-home-radar-main{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:4px;
}
.rfm-home-radar-main strong,
.rfm-home-radar-main em{
  display:block;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.rfm-home-radar-main strong{
  font-size:14px;
  line-height:1.12;
  font-weight:950;
  letter-spacing:-.025em;
  color:#261c1d;
}
.rfm-home-radar-main em{
  font-style:normal;
  font-size:11px;
  line-height:1.1;
  font-weight:850;
  letter-spacing:.02em;
  color:#8a767a;
  text-transform:uppercase;
}
.rfm-home-radar-metric{
  min-width:54px;
  max-width:82px;
  padding:8px 9px;
  border-radius:16px;
  background:rgba(210,4,53,.08);
  text-align:center;
  overflow:hidden;
}
.rfm-home-radar-metric b,
.rfm-home-radar-metric small{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.rfm-home-radar-metric b{
  font-size:18px;
  line-height:1;
  font-weight:950;
  color:#d20435;
}
.rfm-home-radar-metric small{
  margin-top:3px;
  font-size:8px;
  line-height:1;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.05em;
  color:#8e7378;
}
@media(max-width:980px){
  .rfm-home-radar-tabs{grid-template-columns:repeat(2,minmax(0,1fr));}
  .rfm-home-radar-grid{grid-template-columns:1fr;}
}
@media(max-width:768px){
  .rfm-home-radar-section{margin-top:16px;padding:14px;border-radius:24px;}
  .rfm-home-radar-head{align-items:flex-start;}
  .rfm-home-radar-title-wrap p{display:none;}
  .rfm-home-radar-more{min-height:31px;padding:7px 12px;font-size:12px;}
  .rfm-home-radar-tabs{display:flex;overflow-x:auto;gap:8px;margin-right:-14px;padding:0 14px 3px 0;scrollbar-width:none;}
  .rfm-home-radar-tabs::-webkit-scrollbar{display:none;}
  .rfm-home-radar-tabs button{flex:0 0 auto;min-width:128px;padding:9px 11px;border-radius:16px;}
  .rfm-home-radar-card{grid-template-columns:auto 50px minmax(0,1fr) auto;min-height:70px;padding:10px;gap:9px;border-radius:20px;}
  .rfm-home-radar-art{width:50px;height:50px;border-radius:14px;}
  .rfm-home-radar-main strong{font-size:13px;}
  .rfm-home-radar-main em{font-size:10px;}
  .rfm-home-radar-metric{min-width:48px;max-width:64px;padding:7px 7px;border-radius:14px;}
  .rfm-home-radar-metric b{font-size:16px;}
}
@media(max-width:430px){
  .rfm-home-radar-card{grid-template-columns:auto 46px minmax(0,1fr);}
  .rfm-home-radar-metric{display:none;}
  .rfm-home-radar-art{width:46px;height:46px;}
}


/* v1.0.544 - Homepage bottom currently popular block, matched to the Ivertink daina preview style. */
.rfm-home-current-popular-section {
  margin-top: 28px;
  margin-bottom: 28px;
}

.rfm-home-current-popular-section .rfm-home-top15-title-wrap {
  background: rgba(210, 4, 45, 0.08);
  border-color: rgba(210, 4, 45, 0.20);
}

.rfm-home-current-popular-card:first-child {
  border-color: rgba(210, 4, 45, .22);
}

.rfm-home-current-popular-card .rfm-home-top15-song,
.rfm-home-current-popular-card .rfm-home-top15-artist {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.rfm-home-current-popular-card .rfm-home-top15-song {
  -webkit-line-clamp: 2;
}

.rfm-home-current-popular-card .rfm-home-top15-artist {
  -webkit-line-clamp: 1;
}

@media (max-width: 991px) {
  .rfm-home-current-popular-section {
    margin-top: 24px;
    margin-bottom: 26px;
  }
}

/* v1.0.559 - RADIJAS.LT ZINIOS artwork and podcast play button in desktop home history. */
@media (min-width: 769px) {
  .rfm-home-top-stage > #rfmHistoryPanel #rfmHistoryContainer .rfm-history-row.is-radijas-news .rfm-history-art,
  #rfmHistoryContainer .rfm-history-row.is-radijas-news .rfm-history-art {
    display: block !important;
    visibility: visible !important;
    pointer-events: auto !important;
    margin-left: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }
  .rfm-home-top-stage > #rfmHistoryPanel #rfmHistoryContainer .rfm-history-news-play,
  #rfmHistoryContainer .rfm-history-news-play {
    flex: 0 0 auto;
    width: 42px;
    height: 42px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    color: #d2042b !important;
    background: linear-gradient(135deg, rgba(255,255,255,.88), rgba(255,242,245,.76));
    border: 1px solid rgba(210,4,43,.26);
    box-shadow: 0 9px 20px rgba(210,4,43,.10), inset 0 1px 0 rgba(255,255,255,.84);
  }
  .rfm-home-top-stage > #rfmHistoryPanel #rfmHistoryContainer .rfm-history-badge-wrap + .rfm-history-news-play,
  #rfmHistoryContainer .rfm-history-badge-wrap + .rfm-history-news-play {
    margin-left: 0;
  }
}

/* v1.0.573 - front page mobile history artwork safeguard overrides. */
@media (max-width: 768px) {
  .rfm-mobile-history-accordion.open #rfmMobileHistoryContainer .rfm-history-row {
    display: grid !important;
    grid-template-columns: auto 52px minmax(0, 1fr) !important;
    column-gap: 10px !important;
    align-items: center !important;
    padding: 9px 10px !important;
    min-height: 66px !important;
  }
  .rfm-mobile-history-accordion.open #rfmMobileHistoryContainer .rfm-history-art {
    display: block !important;
    width: 52px !important;
    height: 52px !important;
    min-width: 52px !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    padding: 0 !important;
  }
  .rfm-mobile-history-accordion.open #rfmMobileHistoryContainer .rfm-history-art img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }
}

/* v1.0.574 - front page mobile history layout safeguard. */
@media (max-width: 768px) {
  .rfm-mobile-history-accordion.open #rfmMobileHistoryContainer .rfm-history-row {
    display: grid !important;
    grid-template-columns: 54px minmax(0, 1fr) auto !important;
    grid-template-areas: "art meta time" !important;
    column-gap: 11px !important;
    align-items: center !important;
    padding: 10px 11px !important;
    min-height: 74px !important;
  }
  .rfm-mobile-history-accordion.open #rfmMobileHistoryContainer .rfm-history-art {
    grid-area: art !important;
    grid-column: auto !important;
    width: 54px !important;
    height: 54px !important;
    min-width: 54px !important;
    border-radius: 15px !important;
    overflow: hidden !important;
    padding: 0 !important;
  }
  .rfm-mobile-history-accordion.open #rfmMobileHistoryContainer .rfm-history-meta {
    grid-area: meta !important;
    grid-column: auto !important;
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: stretch !important;
  }
  .rfm-mobile-history-accordion.open #rfmMobileHistoryContainer .rfm-history-time {
    grid-area: time !important;
    grid-column: auto !important;
    justify-self: end !important;
    align-self: start !important;
    min-width: 42px !important;
    max-width: 58px !important;
    margin: 1px 0 0 6px !important;
  }
}

/* v1.0.592 EXPERIMENT - homepage hero split: 2/3 player/history/atsuk + 1/3 fixed-position banner column */
@media (min-width: 769px) {
  .rfm-home-desktop-split {
    display: grid !important;
    grid-template-columns: minmax(0, 2fr) minmax(300px, 1fr) !important;
    gap: 24px !important;
    align-items: start !important;
    width: 100% !important;
  }

  .rfm-home-primary-column,
  .rfm-home-side-banners {
    min-width: 0 !important;
  }

  .rfm-home-primary-column {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
  }

  .rfm-home-side-banners {
    align-self: start !important;
    position: relative !important;
    z-index: 1 !important;
  }

  .rfm-home-side-banners .rfm-home-banner-row.rfm-desktop-banner-row {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
    gap: 16px !important;
    margin-top: 0 !important;
    width: 100% !important;
  }

  .rfm-home-side-banners .rfm-home-laida-slot,
  .rfm-home-side-banners .rfm-banner-item,
  .rfm-home-side-banners .rfm-laida-banner,
  .rfm-home-side-banners .rfm-laidos-home-banner {
    width: 100% !important;
    min-width: 0 !important;
  }

  .rfm-home-side-banners .rfm-banner-item,
  .rfm-home-side-banners .rfm-laida-banner:not(.rfm-laida-empty),
  .rfm-home-side-banners .rfm-laidos-home-banner:not(.rfm-laida-empty) {
    border-radius: 18px !important;
    overflow: hidden !important;
    box-shadow: 0 14px 34px rgba(38, 28, 29, 0.075) !important;
  }

  .rfm-home-side-banners .rfm-banner-item img {
    width: 100% !important;
    aspect-ratio: 16 / 9 !important;
    object-fit: cover !important;
    display: block !important;
  }

  .rfm-home-side-banners .rfm-laida-banner:not(.rfm-laida-empty),
  .rfm-home-side-banners .rfm-laidos-home-banner:not(.rfm-laida-empty) {
    aspect-ratio: 16 / 9 !important;
    min-height: 0 !important;
  }

  .rfm-home-side-banners .rfm-laida-banner:not(.rfm-laida-empty) .rfm-laida-content,
  .rfm-home-side-banners .rfm-laidos-home-banner:not(.rfm-laida-empty) .rfm-laida-content {
    left: 14px !important;
    right: 14px !important;
    bottom: 14px !important;
    gap: 10px !important;
  }

  .rfm-home-side-banners .rfm-laida-banner:not(.rfm-laida-empty) .rfm-laida-title.rfm-laida-title-badge,
  .rfm-home-side-banners .rfm-laidos-home-banner:not(.rfm-laida-empty) .rfm-laida-title.rfm-laida-title-badge {
    max-width: 62% !important;
    font-size: 12.5px !important;
    padding: 7px 11px !important;
  }

  .rfm-home-side-banners .rfm-laida-banner:not(.rfm-laida-empty) .rfm-laida-cta,
  .rfm-home-side-banners .rfm-laidos-home-banner:not(.rfm-laida-empty) .rfm-laida-cta {
    max-width: 38% !important;
    font-size: 11px !important;
    white-space: nowrap !important;
  }

  .rfm-home-primary-column > .rfm-standalone-player-box,
  .rfm-home-primary-column > #rfmHistoryPanel,
  .rfm-home-primary-column > .rfm-atsuk-home-section {
    width: 100% !important;
    max-width: none !important;
  }

  .rfm-home-primary-column > #rfmHistoryPanel {
    box-sizing: border-box !important;
  }

  .rfm-home-primary-column > #rfmHistoryPanel.open .rfm-history-layout-wrapper {
    gap: 20px !important;
    padding-left: 22px !important;
    padding-right: 22px !important;
  }

  .rfm-home-primary-column > #rfmHistoryPanel #rfmHistoryContainer .rfm-history-row {
    grid-template-columns: auto minmax(82px, 112px) minmax(0, 1fr) !important;
  }

  .rfm-home-primary-column > #rfmHistoryPanel #rfmHistoryContainer .rfm-history-art {
    width: 104px !important;
  }

  .rfm-home-primary-column > #rfmHistoryPanel .rfm-history-song-title,
  .rfm-home-primary-column > #rfmHistoryPanel .rfm-history-artist-title {
    min-width: 0 !important;
  }

  .rfm-home-primary-column > #rfmHistoryPanel .rfm-history-badge-wrap {
    max-width: 100% !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
  }

  .rfm-home-primary-column > #rfmHistoryPanel .rfm-history-badge-wrap::-webkit-scrollbar {
    display: none !important;
  }

  .rfm-home-primary-column > .rfm-atsuk-links-section {
    margin-top: 24px !important;
    margin-bottom: 0 !important;
  }
}

@media (min-width: 769px) and (max-width: 1080px) {
  .rfm-home-desktop-split {
    grid-template-columns: minmax(0, 1.75fr) minmax(270px, 1fr) !important;
    gap: 18px !important;
  }

  .rfm-home-primary-column > #rfmHistoryPanel #rfmHistoryContainer .rfm-history-art {
    width: 92px !important;
  }

  .rfm-home-side-banners .rfm-home-banner-row.rfm-desktop-banner-row {
    gap: 14px !important;
  }
}

@media (min-width: 769px) {
  .rfm-home-primary-column > #rfmHistoryPanel #rfmHistoryContainer .rfm-history-row {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
  }

  .rfm-home-primary-column > #rfmHistoryPanel .rfm-history-time {
    flex: 0 0 auto !important;
  }

  .rfm-home-primary-column > #rfmHistoryPanel .rfm-history-meta {
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }

  .rfm-home-primary-column > #rfmHistoryPanel .rfm-history-badge-wrap {
    flex: 0 1 auto !important;
    min-width: 0 !important;
  }

  .rfm-home-primary-column > #rfmHistoryPanel #rfmHistoryContainer .rfm-history-art {
    flex: 0 0 104px !important;
    height: 58px !important;
  }
}


/* v1.0.593 - split desktop history starts collapsed on homepage.
   The v1.0.592 split row display rule was more specific than the global collapsed hide rule,
   so rows after the first two stayed visible. Keep the 2/3 + 1/3 layout, but force the
   initial/closed desktop preview to show only two songs. */
@media (min-width: 769px) {
  .home .rfm-home-primary-column > #rfmHistoryPanel #rfmHistoryContainer.rfm-history-preview-collapsed .rfm-history-row:nth-of-type(n+3) {
    display: none !important;
  }

  .home .rfm-home-primary-column > #rfmHistoryPanel #rfmHistoryContainer.rfm-history-preview-collapsed .rfm-history-row:nth-of-type(2) {
    border-bottom-color: transparent !important;
  }

  .home .rfm-home-primary-column > #rfmHistoryPanel #rfmHistoryContainer.rfm-history-preview-expanded .rfm-history-row {
    display: flex !important;
  }
}

/* v1.0.594 EXPERIMENT - desktop split hero player height matched to the first right-side 16:9 Eteryje banner.
   The player keeps the 2/3 left column width, but uses 32:9 aspect-ratio so its height equals
   the 1/3 right banner height. Station logos move to a vertical rail at the far right. */
@media (min-width: 769px) {
  .home .rfm-home-primary-column > .rfm-standalone-player-box.rfm-desktop-player-stage {
    aspect-ratio: 32 / 9 !important;
    min-height: 196px !important;
    max-height: 248px !important;
    overflow: visible !important;
  }

  .home .rfm-home-primary-column > .rfm-standalone-player-box.rfm-desktop-player-stage .rfm-floating-player {
    height: 100% !important;
    min-height: 0 !important;
    display: grid !important;
    grid-template-columns: 74px minmax(126px, 168px) minmax(0, 1fr) 86px !important;
    grid-template-rows: 1fr !important;
    align-items: center !important;
    gap: 18px !important;
    padding: 22px 24px !important;
    border-radius: 20px !important;
  }

  .home .rfm-desktop-player-stage .rfm-btn {
    width: 64px !important;
    height: 64px !important;
    min-width: 64px !important;
    min-height: 64px !important;
    justify-self: center !important;
  }

  .home .rfm-desktop-player-stage .rfm-player-logo-brand-wrap {
    width: 100% !important;
    max-width: 168px !important;
    height: auto !important;
    aspect-ratio: 1 / 1 !important;
    border-radius: 20px !important;
    justify-self: stretch !important;
    align-self: center !important;
    overflow: hidden !important;
  }

  .home .rfm-desktop-player-stage .rfm-info {
    min-width: 0 !important;
    padding-right: 0 !important;
    align-self: center !important;
  }

  .home .rfm-desktop-player-stage .rfm-now-playing-header-row {
    margin-bottom: 8px !important;
  }

  .home .rfm-desktop-player-stage .rfm-song {
    font-size: clamp(24px, 2.25vw, 34px) !important;
    line-height: 0.98 !important;
    max-width: 100% !important;
  }

  .home .rfm-desktop-player-stage .rfm-artist {
    margin-top: 7px !important;
    font-size: clamp(15px, 1.15vw, 18px) !important;
    max-width: 100% !important;
  }

  .home .rfm-desktop-player-stage .rfm-now-post-card {
    width: auto !important;
    height: auto !important;
    max-height: 154px !important;
    aspect-ratio: 1 / 1 !important;
    flex: initial !important;
    border-radius: 20px !important;
    justify-self: stretch !important;
    align-self: center !important;
    grid-column: 2 !important;
    grid-row: 1 !important;
  }

  .home .rfm-desktop-player-stage .rfm-now-post-card:not([hidden]) + .rfm-hero-stations-switcher,
  .home .rfm-desktop-player-stage .rfm-now-post-card:not([hidden]) ~ .rfm-hero-stations-switcher {
    grid-column: 4 !important;
  }

  .home .rfm-desktop-player-stage .rfm-now-post-card:not([hidden]) {
    display: block !important;
  }

  .home .rfm-desktop-player-stage .rfm-now-post-card:not([hidden]) ~ .rfm-player-logo-brand-wrap {
    display: none !important;
  }

  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher {
    grid-column: 4 !important;
    grid-row: 1 !important;
    justify-self: end !important;
    align-self: stretch !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    width: 78px !important;
    min-width: 78px !important;
    max-width: 78px !important;
    overflow: visible !important;
  }

  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher .rfm-station-tab {
    width: 58px !important;
    height: 58px !important;
    flex: 0 0 58px !important;
    border-radius: 15px !important;
  }

  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher.rfm-stations-count-1,
  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher.rfm-stations-count-2,
  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher.rfm-stations-count-3 {
    display: flex !important;
    grid-template-columns: none !important;
    grid-template-rows: none !important;
  }

  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher::after,
  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher .rfm-stations-hover-zone,
  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher .rfm-stations-expand-toggle {
    display: none !important;
  }
}

@media (min-width: 769px) and (max-width: 1080px) {
  .home .rfm-home-primary-column > .rfm-standalone-player-box.rfm-desktop-player-stage {
    min-height: 180px !important;
  }

  .home .rfm-home-primary-column > .rfm-standalone-player-box.rfm-desktop-player-stage .rfm-floating-player {
    grid-template-columns: 64px minmax(104px, 132px) minmax(0, 1fr) 70px !important;
    gap: 13px !important;
    padding: 18px 18px !important;
  }

  .home .rfm-desktop-player-stage .rfm-btn {
    width: 58px !important;
    height: 58px !important;
    min-width: 58px !important;
    min-height: 58px !important;
  }

  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher {
    width: 66px !important;
    min-width: 66px !important;
    max-width: 66px !important;
    gap: 6px !important;
  }

  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher .rfm-station-tab {
    width: 50px !important;
    height: 50px !important;
    flex-basis: 50px !important;
    border-radius: 13px !important;
  }
}

/* v1.0.594 correction - artwork card is before the fallback station logo in markup, so CSS can
   hide the fallback logo only when real now-playing artwork is available. */
@media (min-width: 769px) {
  .home .rfm-desktop-player-stage .rfm-now-post-card {
    grid-column: 2 !important;
    grid-row: 1 !important;
  }

  .home .rfm-desktop-player-stage .rfm-player-logo-brand-wrap {
    grid-column: 2 !important;
    grid-row: 1 !important;
  }

  .home .rfm-desktop-player-stage .rfm-now-post-card:not([hidden]) ~ .rfm-player-logo-brand-wrap {
    display: none !important;
  }

  .home .rfm-desktop-player-stage .rfm-info {
    grid-column: 3 !important;
    grid-row: 1 !important;
  }
}

/* v1.0.595 EXPERIMENT - cinematic desktop hero player.
   Keep the 2/3 + 1/3 homepage split, but make the now-playing artwork the visual anchor:
   a full-height 16:9 panel on the left, current track information in a calm vertical stack
   in the middle, and station logos in the existing right rail. */
@media (min-width: 769px) {
  .home .rfm-home-primary-column > .rfm-standalone-player-box.rfm-desktop-player-stage .rfm-floating-player {
    grid-template-columns: minmax(286px, 50%) minmax(0, 1fr) 82px !important;
    grid-template-rows: minmax(0, 1fr) auto auto minmax(0, 1fr) !important;
    column-gap: 24px !important;
    row-gap: 16px !important;
    align-items: stretch !important;
    padding: 14px 18px 14px 14px !important;
    overflow: hidden !important;
  }

  .home .rfm-desktop-player-stage .rfm-now-post-card,
  .home .rfm-desktop-player-stage .rfm-player-logo-brand-wrap {
    grid-column: 1 !important;
    grid-row: 1 / -1 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    aspect-ratio: 16 / 9 !important;
    align-self: stretch !important;
    justify-self: stretch !important;
    border-radius: 18px !important;
    overflow: hidden !important;
    box-shadow: 0 18px 36px rgba(38, 28, 29, 0.13) !important;
  }

  .home .rfm-desktop-player-stage .rfm-now-post-card:not([hidden]) {
    display: block !important;
  }

  .home .rfm-desktop-player-stage .rfm-now-post-card img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
  }

  .home .rfm-desktop-player-stage .rfm-player-logo-brand-wrap {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background:
      radial-gradient(circle at 20% 16%, rgba(229,45,39,0.14), transparent 34%),
      linear-gradient(135deg, rgba(255,255,255,0.82), rgba(255,255,255,0.46)) !important;
    border: 1px solid rgba(229, 45, 39, 0.14) !important;
  }

  .home .rfm-desktop-player-stage .rfm-player-logo-brand-wrap img {
    width: min(42%, 132px) !important;
    height: auto !important;
    max-height: 76% !important;
    object-fit: contain !important;
    filter: drop-shadow(0 10px 20px rgba(38,28,29,0.10)) !important;
  }

  .home .rfm-desktop-player-stage .rfm-now-post-card:not([hidden]) ~ .rfm-player-logo-brand-wrap {
    display: none !important;
  }

  .home .rfm-desktop-player-stage .rfm-info {
    grid-column: 2 !important;
    grid-row: 2 !important;
    align-self: end !important;
    justify-self: stretch !important;
    min-width: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
  }

  .home .rfm-desktop-player-stage .rfm-now-playing-header-row {
    margin: 0 0 10px !important;
  }

  .home .rfm-desktop-player-stage .rfm-now {
    font-size: 11px !important;
    line-height: 1 !important;
    letter-spacing: 1.75px !important;
    white-space: nowrap !important;
  }

  .home .rfm-desktop-player-stage .rfm-song {
    font-size: clamp(24px, 2.15vw, 34px) !important;
    line-height: 0.98 !important;
    letter-spacing: -0.045em !important;
    max-width: 100% !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }

  .home .rfm-desktop-player-stage .rfm-artist {
    margin-top: 8px !important;
    font-size: clamp(15px, 1.08vw, 18px) !important;
    line-height: 1.12 !important;
    max-width: 100% !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .home .rfm-desktop-player-stage .rfm-btn {
    grid-column: 2 !important;
    grid-row: 3 !important;
    justify-self: start !important;
    align-self: start !important;
    width: 62px !important;
    height: 62px !important;
    min-width: 62px !important;
    min-height: 62px !important;
    margin: 0 !important;
    z-index: 3 !important;
  }

  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher {
    grid-column: 3 !important;
    grid-row: 1 / -1 !important;
    align-self: stretch !important;
    justify-self: end !important;
    padding: 0 !important;
    width: 78px !important;
    min-width: 78px !important;
    max-width: 78px !important;
  }

  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher .rfm-station-tab {
    width: 58px !important;
    height: 58px !important;
    flex: 0 0 58px !important;
  }
}

@media (min-width: 769px) and (max-width: 1080px) {
  .home .rfm-home-primary-column > .rfm-standalone-player-box.rfm-desktop-player-stage .rfm-floating-player {
    grid-template-columns: minmax(248px, 48%) minmax(0, 1fr) 66px !important;
    column-gap: 16px !important;
    row-gap: 12px !important;
    padding: 12px 14px 12px 12px !important;
  }

  .home .rfm-desktop-player-stage .rfm-now-post-card,
  .home .rfm-desktop-player-stage .rfm-player-logo-brand-wrap {
    border-radius: 16px !important;
  }

  .home .rfm-desktop-player-stage .rfm-song {
    font-size: clamp(21px, 2vw, 28px) !important;
  }

  .home .rfm-desktop-player-stage .rfm-artist {
    font-size: 14px !important;
  }

  .home .rfm-desktop-player-stage .rfm-btn {
    width: 54px !important;
    height: 54px !important;
    min-width: 54px !important;
    min-height: 54px !important;
  }

  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher {
    width: 64px !important;
    min-width: 64px !important;
    max-width: 64px !important;
  }

  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher .rfm-station-tab {
    width: 48px !important;
    height: 48px !important;
    flex-basis: 48px !important;
    border-radius: 13px !important;
  }
}


/* v1.0.596 EXPERIMENT - calmer hero typography and proper 16:9 station-logo fallback.
   The song title now uses menu-like sizing so long Lithuanian titles fit better.
   When no post artwork exists, the active station logo stays inside the same 16:9 visual panel. */
@media (min-width: 769px) {
  .home .rfm-desktop-player-stage .rfm-song {
    font-size: clamp(15px, 1.22vw, 19px) !important;
    line-height: 1.16 !important;
    letter-spacing: -0.015em !important;
    font-weight: 800 !important;
    max-width: 100% !important;
    -webkit-line-clamp: 3 !important;
  }

  .home .rfm-desktop-player-stage .rfm-artist {
    margin-top: 6px !important;
    font-size: clamp(12px, 0.96vw, 15px) !important;
    line-height: 1.16 !important;
    font-weight: 700 !important;
    letter-spacing: 0.01em !important;
  }

  .home .rfm-desktop-player-stage .rfm-now {
    font-size: 10.5px !important;
    letter-spacing: 1.35px !important;
  }

  .home .rfm-desktop-player-stage .rfm-player-logo-brand-wrap {
    aspect-ratio: 16 / 9 !important;
    background:
      radial-gradient(circle at 18% 18%, rgba(229,45,39,0.13), transparent 36%),
      radial-gradient(circle at 82% 82%, rgba(43,82,154,0.10), transparent 42%),
      linear-gradient(135deg, rgba(255,255,255,0.92), rgba(255,255,255,0.54)) !important;
  }

  .home .rfm-desktop-player-stage .rfm-player-logo-brand-wrap img {
    width: min(74%, 280px) !important;
    max-width: 74% !important;
    height: auto !important;
    max-height: 74% !important;
    object-fit: contain !important;
    object-position: center center !important;
  }
}

@media (min-width: 769px) and (max-width: 1080px) {
  .home .rfm-desktop-player-stage .rfm-song {
    font-size: clamp(14px, 1.15vw, 17px) !important;
    line-height: 1.15 !important;
  }

  .home .rfm-desktop-player-stage .rfm-artist {
    font-size: 12px !important;
  }
}


/* v1.0.597 EXPERIMENT - align the now-playing stack with the artwork top edge.
   The text column starts at the same top line as the 16:9 artwork panel; title, artist
   and play button move upward as one calm vertical stack. */
@media (min-width: 769px) {
  .home .rfm-home-primary-column > .rfm-standalone-player-box.rfm-desktop-player-stage .rfm-floating-player {
    grid-template-rows: auto auto minmax(0, 1fr) !important;
    row-gap: 12px !important;
  }

  .home .rfm-desktop-player-stage .rfm-info {
    grid-column: 2 !important;
    grid-row: 1 !important;
    align-self: start !important;
    justify-self: stretch !important;
    padding-top: 1px !important;
  }

  .home .rfm-desktop-player-stage .rfm-now-playing-header-row {
    margin-top: 0 !important;
    margin-bottom: 9px !important;
  }

  .home .rfm-desktop-player-stage .rfm-btn {
    grid-column: 2 !important;
    grid-row: 2 !important;
    align-self: start !important;
    justify-self: start !important;
    margin-top: 2px !important;
  }
}

@media (min-width: 769px) and (max-width: 1080px) {
  .home .rfm-home-primary-column > .rfm-standalone-player-box.rfm-desktop-player-stage .rfm-floating-player {
    row-gap: 10px !important;
  }

  .home .rfm-desktop-player-stage .rfm-now-playing-header-row {
    margin-bottom: 7px !important;
  }

  .home .rfm-desktop-player-stage .rfm-btn {
    margin-top: 0 !important;
  }
}


/* v1.0.598 EXPERIMENT - modern balanced hero player stack.
   The previous top-aligned version made the now-playing text feel pinned to the artwork edge.
   This keeps the stack optically above center, with enough breathing room at the top and a stronger
   calm lower area, so the artwork remains the anchor and the title/play area feels deliberate. */
@media (min-width: 769px) {
  .home .rfm-home-primary-column > .rfm-standalone-player-box.rfm-desktop-player-stage .rfm-floating-player {
    grid-template-rows: minmax(28px, 0.55fr) auto auto minmax(42px, 1.15fr) !important;
    row-gap: 13px !important;
  }

  .home .rfm-desktop-player-stage .rfm-info {
    grid-column: 2 !important;
    grid-row: 2 !important;
    align-self: end !important;
    justify-self: stretch !important;
    padding-top: 0 !important;
  }

  .home .rfm-desktop-player-stage .rfm-now-playing-header-row {
    margin-top: 0 !important;
    margin-bottom: 8px !important;
  }

  .home .rfm-desktop-player-stage .rfm-btn {
    grid-column: 2 !important;
    grid-row: 3 !important;
    align-self: start !important;
    justify-self: start !important;
    margin-top: 4px !important;
  }
}

@media (min-width: 769px) and (max-width: 1080px) {
  .home .rfm-home-primary-column > .rfm-standalone-player-box.rfm-desktop-player-stage .rfm-floating-player {
    grid-template-rows: minmax(22px, 0.48fr) auto auto minmax(34px, 1.05fr) !important;
    row-gap: 10px !important;
  }

  .home .rfm-desktop-player-stage .rfm-now-playing-header-row {
    margin-bottom: 7px !important;
  }

  .home .rfm-desktop-player-stage .rfm-btn {
    margin-top: 2px !important;
  }
}


/* v1.0.599 FIX - safe vertical station rail inside the desktop hero player.
   Previous v1.0.598 used space-between with no vertical padding, so the third station logo
   could sit against the bottom edge. Keep the right rail, but treat the three logos as a
   centered control group with top/bottom safety space for borders and active shadows. */
@media (min-width: 769px) {
  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher {
    justify-content: center !important;
    align-self: stretch !important;
    gap: 10px !important;
    padding: 12px 0 !important;
    box-sizing: border-box !important;
    overflow: visible !important;
  }

  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher .rfm-station-tab {
    width: 54px !important;
    height: 54px !important;
    flex: 0 0 54px !important;
  }
}

@media (min-width: 1090px) {
  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher {
    gap: 11px !important;
    padding-top: 13px !important;
    padding-bottom: 13px !important;
  }

  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher .rfm-station-tab {
    width: 56px !important;
    height: 56px !important;
    flex-basis: 56px !important;
  }
}

@media (min-width: 769px) and (max-width: 1080px) {
  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher {
    gap: 8px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }

  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher .rfm-station-tab {
    width: 46px !important;
    height: 46px !important;
    flex-basis: 46px !important;
  }
}

/* v1.0.600 FIX - safe zone for the 16:9 artwork/station-logo panel in the desktop hero player.
   The cinematic artwork should not sit hard against its own frame. Keep the 16:9 visual anchor,
   but add an inner breathing area for real song artwork and the fallback station logo. */
@media (min-width: 769px) {
  .home .rfm-desktop-player-stage .rfm-now-post-card,
  .home .rfm-desktop-player-stage .rfm-player-logo-brand-wrap {
    box-sizing: border-box !important;
    padding: 10px !important;
    background:
      radial-gradient(circle at 18% 18%, rgba(229,45,39,0.12), transparent 36%),
      radial-gradient(circle at 82% 82%, rgba(43,82,154,0.09), transparent 42%),
      linear-gradient(135deg, rgba(255,255,255,0.84), rgba(255,255,255,0.48)) !important;
  }

  .home .rfm-desktop-player-stage .rfm-now-post-card:not([hidden]) {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .home .rfm-desktop-player-stage .rfm-now-post-card img,
  .home .rfm-desktop-player-stage .rfm-player-logo-brand-wrap img {
    width: 100% !important;
    height: 100% !important;
    border-radius: 12px !important;
    box-shadow: 0 10px 22px rgba(38, 28, 29, 0.10) !important;
  }

  .home .rfm-desktop-player-stage .rfm-now-post-card img {
    object-fit: cover !important;
    object-position: center center !important;
  }

  .home .rfm-desktop-player-stage .rfm-player-logo-brand-wrap img {
    width: min(78%, 300px) !important;
    height: auto !important;
    max-width: 78% !important;
    max-height: 78% !important;
    object-fit: contain !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }
}

@media (min-width: 769px) and (max-width: 1080px) {
  .home .rfm-desktop-player-stage .rfm-now-post-card,
  .home .rfm-desktop-player-stage .rfm-player-logo-brand-wrap {
    padding: 8px !important;
  }

  .home .rfm-desktop-player-stage .rfm-now-post-card img {
    border-radius: 10px !important;
  }
}


/* v1.0.601 FIX - guaranteed outer safe zone for the desktop hero 16:9 visual panel.
   v1.0.600 added inner padding, but the whole artwork card could still stretch to the player
   edge because the grid item was assigned to the full player height. This inset keeps the card
   itself away from the top/bottom edges while preserving the inner artwork breathing room. */
@media (min-width: 769px) {
  .home .rfm-desktop-player-stage .rfm-now-post-card,
  .home .rfm-desktop-player-stage .rfm-player-logo-brand-wrap {
    align-self: center !important;
    justify-self: center !important;
    width: calc(100% - 18px) !important;
    height: calc(100% - 24px) !important;
    min-height: 0 !important;
    max-height: calc(100% - 24px) !important;
    margin: 12px 0 !important;
  }

  .home .rfm-desktop-player-stage .rfm-now-post-card img,
  .home .rfm-desktop-player-stage .rfm-player-logo-brand-wrap img {
    display: block !important;
  }
}

@media (min-width: 769px) and (max-width: 1080px) {
  .home .rfm-desktop-player-stage .rfm-now-post-card,
  .home .rfm-desktop-player-stage .rfm-player-logo-brand-wrap {
    width: calc(100% - 14px) !important;
    height: calc(100% - 18px) !important;
    max-height: calc(100% - 18px) !important;
    margin-top: 9px !important;
    margin-bottom: 9px !important;
  }
}

/* v1.0.603 FIX - full-size 16:9 station logo fallback in the desktop hero player.
   The three station fallbacks are already wide 16:9 assets, so they should behave like song/post artwork:
   fill the same inner artwork frame instead of being reduced like a small contained logo. */
@media (min-width: 769px) {
  .home .rfm-desktop-player-stage .rfm-player-logo-brand-wrap {
    overflow: hidden !important;
  }

  .home .rfm-desktop-player-stage .rfm-player-logo-brand-wrap img {
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: cover !important;
    object-position: center center !important;
    border-radius: 12px !important;
    box-shadow: 0 10px 22px rgba(38, 28, 29, 0.10) !important;
  }
}

@media (min-width: 769px) and (max-width: 1080px) {
  .home .rfm-desktop-player-stage .rfm-player-logo-brand-wrap img {
    border-radius: 10px !important;
  }
}

/* v1.0.604 EXPERIMENT - full-width desktop hero player with matching 16:9 Eteryje panel.
   The old 2/3 + 1/3 split made the player narrow. On desktop the player now spans the
   homepage content width. The left artwork/logo panel and the right Eteryje panel use the
   same 16:9 visual width and the same inner/outer safety zones. Song history and Atsuk stay
   below the player; the remaining two promo banners move below as a normal two-column row. */
@media (min-width: 769px) {
  .home .rfm-home-desktop-split {
    display: block !important;
    width: 100% !important;
  }

  .home .rfm-home-primary-column {
    width: 100% !important;
    max-width: none !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
  }

  .home .rfm-home-primary-column > .rfm-standalone-player-box.rfm-desktop-player-stage {
    width: 100% !important;
    max-width: none !important;
    aspect-ratio: 4.8 / 1 !important;
    min-height: 238px !important;
    max-height: 272px !important;
    overflow: visible !important;
  }

  .home .rfm-home-primary-column > .rfm-standalone-player-box.rfm-desktop-player-stage .rfm-floating-player {
    height: 100% !important;
    min-height: 0 !important;
    display: grid !important;
    grid-template-columns: minmax(286px, 31%) minmax(230px, 1fr) 70px minmax(286px, 31%) !important;
    grid-template-rows: minmax(28px, 0.48fr) auto auto minmax(44px, 1.12fr) !important;
    column-gap: 22px !important;
    row-gap: 12px !important;
    align-items: stretch !important;
    padding: 14px 16px 14px 14px !important;
    overflow: hidden !important;
    border-radius: 22px !important;
  }

  .home .rfm-desktop-player-stage .rfm-now-post-card,
  .home .rfm-desktop-player-stage .rfm-player-logo-brand-wrap,
  .home .rfm-desktop-player-stage .rfm-player-laida-panel {
    grid-row: 1 / -1 !important;
    align-self: center !important;
    justify-self: stretch !important;
    width: calc(100% - 18px) !important;
    height: calc(100% - 24px) !important;
    max-width: none !important;
    max-height: calc(100% - 24px) !important;
    min-height: 0 !important;
    margin: 12px 0 !important;
    aspect-ratio: 16 / 9 !important;
    box-sizing: border-box !important;
    padding: 10px !important;
    border-radius: 18px !important;
    overflow: hidden !important;
    background:
      radial-gradient(circle at 18% 18%, rgba(229,45,39,0.12), transparent 36%),
      radial-gradient(circle at 82% 82%, rgba(43,82,154,0.09), transparent 42%),
      linear-gradient(135deg, rgba(255,255,255,0.84), rgba(255,255,255,0.48)) !important;
    box-shadow: 0 18px 36px rgba(38, 28, 29, 0.13) !important;
  }

  .home .rfm-desktop-player-stage .rfm-now-post-card,
  .home .rfm-desktop-player-stage .rfm-player-logo-brand-wrap {
    grid-column: 1 !important;
  }

  .home .rfm-desktop-player-stage .rfm-player-laida-panel {
    grid-column: 4 !important;
    display: flex !important;
  }

  .home .rfm-desktop-player-stage .rfm-now-post-card:not([hidden]) {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .home .rfm-desktop-player-stage .rfm-now-post-card:not([hidden]) ~ .rfm-player-logo-brand-wrap {
    display: none !important;
  }

  .home .rfm-desktop-player-stage .rfm-now-post-card img,
  .home .rfm-desktop-player-stage .rfm-player-logo-brand-wrap img,
  .home .rfm-desktop-player-stage .rfm-player-laida-panel img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    display: block !important;
    border-radius: 12px !important;
    box-shadow: 0 10px 22px rgba(38, 28, 29, 0.10) !important;
  }

  .home .rfm-desktop-player-stage .rfm-player-laida-panel > *,
  .home .rfm-desktop-player-stage .rfm-player-laida-panel .rfm-laida-banner,
  .home .rfm-desktop-player-stage .rfm-player-laida-panel .rfm-laidos-home-banner {
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    aspect-ratio: auto !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    box-shadow: none !important;
  }

  .home .rfm-desktop-player-stage .rfm-player-laida-panel .rfm-laida-content,
  .home .rfm-desktop-player-stage .rfm-player-laida-panel .rfm-laidos-home-banner .rfm-laida-content {
    left: 14px !important;
    right: 14px !important;
    bottom: 14px !important;
    gap: 10px !important;
  }

  .home .rfm-desktop-player-stage .rfm-info {
    grid-column: 2 !important;
    grid-row: 2 !important;
    align-self: end !important;
    justify-self: stretch !important;
    min-width: 0 !important;
    padding: 0 !important;
  }

  .home .rfm-desktop-player-stage .rfm-btn {
    grid-column: 2 !important;
    grid-row: 3 !important;
    justify-self: start !important;
    align-self: start !important;
    margin-top: 3px !important;
  }

  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher {
    grid-column: 3 !important;
    grid-row: 1 / -1 !important;
    align-self: stretch !important;
    justify-self: center !important;
    width: 66px !important;
    min-width: 66px !important;
    max-width: 66px !important;
    padding: 12px 0 !important;
    justify-content: center !important;
    gap: 10px !important;
    overflow: visible !important;
  }

  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher .rfm-station-tab {
    width: 52px !important;
    height: 52px !important;
    flex: 0 0 52px !important;
    border-radius: 14px !important;
  }

  .home .rfm-home-side-banners {
    width: 100% !important;
    max-width: none !important;
    margin-top: 22px !important;
  }

  .home .rfm-home-side-banners .rfm-home-banner-row.rfm-desktop-banner-row {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 18px !important;
    width: 100% !important;
    margin-top: 0 !important;
  }
}

@media (min-width: 769px) and (max-width: 1120px) {
  .home .rfm-home-primary-column > .rfm-standalone-player-box.rfm-desktop-player-stage {
    aspect-ratio: 4.35 / 1 !important;
    min-height: 226px !important;
    max-height: 258px !important;
  }

  .home .rfm-home-primary-column > .rfm-standalone-player-box.rfm-desktop-player-stage .rfm-floating-player {
    grid-template-columns: minmax(244px, 30%) minmax(190px, 1fr) 58px minmax(244px, 30%) !important;
    column-gap: 14px !important;
    padding: 12px 12px 12px 12px !important;
  }

  .home .rfm-desktop-player-stage .rfm-now-post-card,
  .home .rfm-desktop-player-stage .rfm-player-logo-brand-wrap,
  .home .rfm-desktop-player-stage .rfm-player-laida-panel {
    width: calc(100% - 14px) !important;
    height: calc(100% - 18px) !important;
    max-height: calc(100% - 18px) !important;
    margin-top: 9px !important;
    margin-bottom: 9px !important;
    padding: 8px !important;
    border-radius: 16px !important;
  }

  .home .rfm-desktop-player-stage .rfm-now-post-card img,
  .home .rfm-desktop-player-stage .rfm-player-logo-brand-wrap img,
  .home .rfm-desktop-player-stage .rfm-player-laida-panel img,
  .home .rfm-desktop-player-stage .rfm-player-laida-panel > *,
  .home .rfm-desktop-player-stage .rfm-player-laida-panel .rfm-laida-banner,
  .home .rfm-desktop-player-stage .rfm-player-laida-panel .rfm-laidos-home-banner {
    border-radius: 10px !important;
  }

  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher {
    width: 56px !important;
    min-width: 56px !important;
    max-width: 56px !important;
    gap: 8px !important;
  }

  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher .rfm-station-tab {
    width: 44px !important;
    height: 44px !important;
    flex-basis: 44px !important;
    border-radius: 12px !important;
  }
}

@media (min-width: 769px) and (max-width: 940px) {
  .home .rfm-home-primary-column > .rfm-standalone-player-box.rfm-desktop-player-stage {
    aspect-ratio: 3.85 / 1 !important;
    min-height: 220px !important;
  }

  .home .rfm-home-primary-column > .rfm-standalone-player-box.rfm-desktop-player-stage .rfm-floating-player {
    grid-template-columns: minmax(204px, 29%) minmax(160px, 1fr) 52px minmax(204px, 29%) !important;
    column-gap: 10px !important;
  }

  .home .rfm-desktop-player-stage .rfm-song {
    font-size: clamp(13px, 1.2vw, 16px) !important;
  }

  .home .rfm-desktop-player-stage .rfm-artist {
    font-size: 11.5px !important;
  }

  .home .rfm-desktop-player-stage .rfm-btn {
    width: 50px !important;
    height: 50px !important;
    min-width: 50px !important;
    min-height: 50px !important;
  }
}


/* v1.0.605 EXPERIMENT - desktop hero order: artwork | station rail | fixed play | song info | Eteryje.
   This keeps the 16:9 artwork and Eteryje panels equal while moving the station logos directly
   to the right of the artwork and giving the play button its own fixed column before the text. */
@media (min-width: 769px) {
  .home .rfm-home-primary-column > .rfm-standalone-player-box.rfm-desktop-player-stage .rfm-floating-player {
    grid-template-columns: minmax(286px, 30.5%) 66px 76px minmax(190px, 1fr) minmax(286px, 30.5%) !important;
    grid-template-rows: minmax(26px, 0.55fr) auto auto minmax(42px, 1fr) !important;
    column-gap: 16px !important;
  }

  .home .rfm-desktop-player-stage .rfm-now-post-card,
  .home .rfm-desktop-player-stage .rfm-player-logo-brand-wrap {
    grid-column: 1 !important;
  }

  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher {
    grid-column: 2 !important;
    grid-row: 1 / -1 !important;
    align-self: center !important;
    justify-self: center !important;
    width: 66px !important;
    min-width: 66px !important;
    max-width: 66px !important;
    height: calc(100% - 24px) !important;
    max-height: 212px !important;
    padding: 10px 0 !important;
    justify-content: center !important;
    gap: 10px !important;
    overflow: visible !important;
  }

  .home .rfm-desktop-player-stage .rfm-btn {
    grid-column: 3 !important;
    grid-row: 1 / -1 !important;
    justify-self: center !important;
    align-self: center !important;
    margin: 0 !important;
    width: 58px !important;
    height: 58px !important;
    min-width: 58px !important;
    min-height: 58px !important;
  }

  .home .rfm-desktop-player-stage .rfm-info {
    grid-column: 4 !important;
    grid-row: 1 / -1 !important;
    align-self: center !important;
    justify-self: stretch !important;
    min-width: 0 !important;
    padding: 0 4px 0 0 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    gap: 5px !important;
  }

  .home .rfm-desktop-player-stage .rfm-player-laida-panel {
    grid-column: 5 !important;
  }

  .home .rfm-desktop-player-stage .rfm-now {
    margin: 0 0 2px !important;
  }

  .home .rfm-desktop-player-stage .rfm-song {
    max-width: 100% !important;
  }

  .home .rfm-desktop-player-stage .rfm-artist {
    max-width: 100% !important;
  }
}

@media (min-width: 769px) and (max-width: 1120px) {
  .home .rfm-home-primary-column > .rfm-standalone-player-box.rfm-desktop-player-stage .rfm-floating-player {
    grid-template-columns: minmax(244px, 29.5%) 56px 64px minmax(158px, 1fr) minmax(244px, 29.5%) !important;
    column-gap: 10px !important;
  }

  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher {
    width: 56px !important;
    min-width: 56px !important;
    max-width: 56px !important;
    height: calc(100% - 18px) !important;
    max-height: 190px !important;
    gap: 8px !important;
    padding: 8px 0 !important;
  }

  .home .rfm-desktop-player-stage .rfm-btn {
    width: 52px !important;
    height: 52px !important;
    min-width: 52px !important;
    min-height: 52px !important;
  }
}

@media (min-width: 769px) and (max-width: 940px) {
  .home .rfm-home-primary-column > .rfm-standalone-player-box.rfm-desktop-player-stage .rfm-floating-player {
    grid-template-columns: minmax(204px, 28.5%) 50px 56px minmax(132px, 1fr) minmax(204px, 28.5%) !important;
    column-gap: 8px !important;
  }

  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher {
    width: 50px !important;
    min-width: 50px !important;
    max-width: 50px !important;
    max-height: 176px !important;
    gap: 7px !important;
  }

  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher .rfm-station-tab {
    width: 42px !important;
    height: 42px !important;
    flex-basis: 42px !important;
    border-radius: 11px !important;
  }

  .home .rfm-desktop-player-stage .rfm-btn {
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    min-height: 48px !important;
  }
}

/* v1.0.606 - stabilize desktop homepage station rail after station switch.
   The 1.0.605 layout moved the hero station rail between artwork and play, but it still
   inherited older generic station-grid/hover rules. Re-assert the rail as a fixed vertical
   flex group, keep active borders inside the fixed box, and reduce the artwork-to-rail gap. */
@media (min-width: 769px) {
  .home .rfm-home-primary-column > .rfm-standalone-player-box.rfm-desktop-player-stage .rfm-floating-player {
    grid-template-columns: minmax(286px, 30.5%) 62px 76px minmax(190px, 1fr) minmax(286px, 30.5%) !important;
    column-gap: 12px !important;
  }

  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher,
  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher.rfm-stations-count-1,
  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher.rfm-stations-count-2,
  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher.rfm-stations-count-3,
  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher.rfm-stations-overflow {
    grid-column: 2 !important;
    grid-row: 1 / -1 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    justify-self: center !important;
    align-self: center !important;
    width: 62px !important;
    min-width: 62px !important;
    max-width: 62px !important;
    height: calc(100% - 24px) !important;
    max-height: 212px !important;
    gap: 9px !important;
    padding: 10px 0 !important;
    margin: 0 !important;
    overflow: visible !important;
    grid-template-columns: none !important;
    grid-template-rows: none !important;
    transform: none !important;
    box-sizing: border-box !important;
  }

  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher .rfm-station-tab,
  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher .rfm-station-tab.active,
  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher .rfm-station-tab:hover,
  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher .rfm-station-tab:focus,
  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher .rfm-station-tab:focus-visible {
    position: relative !important;
    display: block !important;
    width: 52px !important;
    height: 52px !important;
    min-width: 52px !important;
    min-height: 52px !important;
    max-width: 52px !important;
    max-height: 52px !important;
    flex: 0 0 52px !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 14px !important;
    transform: none !important;
    box-sizing: border-box !important;
  }
}

@media (min-width: 769px) and (max-width: 1120px) {
  .home .rfm-home-primary-column > .rfm-standalone-player-box.rfm-desktop-player-stage .rfm-floating-player {
    grid-template-columns: minmax(244px, 29.5%) 52px 64px minmax(158px, 1fr) minmax(244px, 29.5%) !important;
    column-gap: 8px !important;
  }

  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher,
  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher.rfm-stations-count-1,
  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher.rfm-stations-count-2,
  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher.rfm-stations-count-3,
  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher.rfm-stations-overflow {
    width: 52px !important;
    min-width: 52px !important;
    max-width: 52px !important;
    height: calc(100% - 18px) !important;
    max-height: 190px !important;
    gap: 8px !important;
    padding: 8px 0 !important;
  }

  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher .rfm-station-tab,
  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher .rfm-station-tab.active,
  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher .rfm-station-tab:hover,
  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher .rfm-station-tab:focus,
  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher .rfm-station-tab:focus-visible {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    max-width: 44px !important;
    max-height: 44px !important;
    flex-basis: 44px !important;
    border-radius: 12px !important;
  }
}

@media (min-width: 769px) and (max-width: 940px) {
  .home .rfm-home-primary-column > .rfm-standalone-player-box.rfm-desktop-player-stage .rfm-floating-player {
    grid-template-columns: minmax(204px, 28.5%) 48px 56px minmax(132px, 1fr) minmax(204px, 28.5%) !important;
    column-gap: 7px !important;
  }

  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher,
  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher.rfm-stations-count-1,
  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher.rfm-stations-count-2,
  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher.rfm-stations-count-3,
  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher.rfm-stations-overflow {
    width: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
    max-height: 176px !important;
    gap: 7px !important;
  }

  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher .rfm-station-tab,
  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher .rfm-station-tab.active,
  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher .rfm-station-tab:hover,
  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher .rfm-station-tab:focus,
  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher .rfm-station-tab:focus-visible {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;
    max-width: 42px !important;
    max-height: 42px !important;
    flex-basis: 42px !important;
    border-radius: 11px !important;
  }
}

/* v1.0.607 FIX - make homepage hero station logos a static rail, independent from generic station-rail behavior.
   The previous version still let the hero logos inherit station-rail classes during station changes, so active-state
   sync could make the logo group jump. The homepage hero rail is now a dedicated static flex column. */
@media (min-width: 769px) {
  .home .rfm-home-primary-column > .rfm-standalone-player-box.rfm-desktop-player-stage .rfm-floating-player {
    grid-template-columns: minmax(286px, 30.5%) 58px 76px minmax(190px, 1fr) minmax(286px, 30.5%) !important;
    column-gap: 8px !important;
  }

  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher.rfm-hero-stations-static,
  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher.rfm-hero-stations-static.rfm-stations-count-1,
  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher.rfm-hero-stations-static.rfm-stations-count-2,
  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher.rfm-hero-stations-static.rfm-stations-count-3 {
    grid-column: 2 !important;
    grid-row: 1 / -1 !important;
    position: relative !important;
    inset: auto !important;
    float: none !important;
    clear: none !important;
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: center !important;
    align-content: center !important;
    justify-self: center !important;
    align-self: center !important;
    width: 58px !important;
    min-width: 58px !important;
    max-width: 58px !important;
    height: calc(100% - 24px) !important;
    min-height: 0 !important;
    max-height: 212px !important;
    gap: 8px !important;
    padding: 10px 0 !important;
    margin: 0 !important;
    overflow: visible !important;
    transform: none !important;
    transition: none !important;
    box-sizing: border-box !important;
    grid-template-columns: none !important;
    grid-template-rows: none !important;
  }

  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher.rfm-hero-stations-static::before,
  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher.rfm-hero-stations-static::after,
  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher.rfm-hero-stations-static .rfm-stations-hover-zone,
  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher.rfm-hero-stations-static .rfm-stations-expand-toggle {
    display: none !important;
    content: none !important;
  }

  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher.rfm-hero-stations-static .rfm-station-tab,
  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher.rfm-hero-stations-static .rfm-station-tab.active,
  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher.rfm-hero-stations-static .rfm-station-tab:hover,
  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher.rfm-hero-stations-static .rfm-station-tab:focus,
  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher.rfm-hero-stations-static .rfm-station-tab:focus-visible {
    position: relative !important;
    inset: auto !important;
    display: block !important;
    width: 50px !important;
    height: 50px !important;
    min-width: 50px !important;
    min-height: 50px !important;
    max-width: 50px !important;
    max-height: 50px !important;
    flex: 0 0 50px !important;
    order: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 13px !important;
    transform: none !important;
    transition: opacity .18s ease, box-shadow .18s ease, border-color .18s ease !important;
    box-sizing: border-box !important;
  }

  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher.rfm-hero-stations-static .rfm-station-tab img,
  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher.rfm-hero-stations-static .rfm-station-tab-fallback {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    object-fit: cover !important;
    transform: none !important;
  }
}

@media (min-width: 769px) and (max-width: 1120px) {
  .home .rfm-home-primary-column > .rfm-standalone-player-box.rfm-desktop-player-stage .rfm-floating-player {
    grid-template-columns: minmax(244px, 29.5%) 48px 64px minmax(158px, 1fr) minmax(244px, 29.5%) !important;
    column-gap: 6px !important;
  }

  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher.rfm-hero-stations-static,
  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher.rfm-hero-stations-static.rfm-stations-count-1,
  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher.rfm-hero-stations-static.rfm-stations-count-2,
  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher.rfm-hero-stations-static.rfm-stations-count-3 {
    width: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
    height: calc(100% - 18px) !important;
    max-height: 190px !important;
    gap: 7px !important;
    padding: 8px 0 !important;
  }

  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher.rfm-hero-stations-static .rfm-station-tab,
  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher.rfm-hero-stations-static .rfm-station-tab.active,
  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher.rfm-hero-stations-static .rfm-station-tab:hover,
  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher.rfm-hero-stations-static .rfm-station-tab:focus,
  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher.rfm-hero-stations-static .rfm-station-tab:focus-visible {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;
    max-width: 42px !important;
    max-height: 42px !important;
    flex-basis: 42px !important;
    border-radius: 11px !important;
  }
}

@media (min-width: 769px) and (max-width: 940px) {
  .home .rfm-home-primary-column > .rfm-standalone-player-box.rfm-desktop-player-stage .rfm-floating-player {
    grid-template-columns: minmax(204px, 28.5%) 44px 56px minmax(132px, 1fr) minmax(204px, 28.5%) !important;
    column-gap: 5px !important;
  }

  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher.rfm-hero-stations-static,
  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher.rfm-hero-stations-static.rfm-stations-count-1,
  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher.rfm-hero-stations-static.rfm-stations-count-2,
  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher.rfm-hero-stations-static.rfm-stations-count-3 {
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    max-height: 176px !important;
    gap: 6px !important;
  }

  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher.rfm-hero-stations-static .rfm-station-tab,
  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher.rfm-hero-stations-static .rfm-station-tab.active,
  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher.rfm-hero-stations-static .rfm-station-tab:hover,
  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher.rfm-hero-stations-static .rfm-station-tab:focus,
  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher.rfm-hero-stations-static .rfm-station-tab:focus-visible {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    max-width: 40px !important;
    max-height: 40px !important;
    flex-basis: 40px !important;
  }
}


/* v1.0.608 EXPERIMENT - homepage song history 2/3 + two promo banners 1/3.
   Player stays full width. Directly below it, song history gets the left two thirds while
   the remaining two banners sit in an independent right column, so expanding history does
   not move the banners from their top position. */
@media (min-width: 769px) {
  .home .rfm-home-history-banner-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 2fr) minmax(280px, 1fr) !important;
    gap: 24px !important;
    align-items: start !important;
    width: 100% !important;
    margin-top: 22px !important;
  }

  .home .rfm-home-history-column,
  .home .rfm-home-history-banner-grid .rfm-home-side-banners {
    min-width: 0 !important;
  }

  .home .rfm-home-history-column > #rfmHistoryPanel {
    width: 100% !important;
    max-width: none !important;
    margin-top: 0 !important;
    box-sizing: border-box !important;
  }

  .home .rfm-home-history-column > #rfmHistoryPanel.open .rfm-history-layout-wrapper {
    gap: 20px !important;
    padding-left: 22px !important;
    padding-right: 22px !important;
  }

  .home .rfm-home-history-column > #rfmHistoryPanel #rfmHistoryContainer .rfm-history-row {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    grid-template-columns: auto minmax(82px, 112px) minmax(0, 1fr) !important;
  }

  .home .rfm-home-history-column > #rfmHistoryPanel #rfmHistoryContainer .rfm-history-art {
    width: 104px !important;
    flex: 0 0 104px !important;
  }

  .home .rfm-home-history-column > #rfmHistoryPanel .rfm-history-time {
    flex: 0 0 auto !important;
  }

  .home .rfm-home-history-column > #rfmHistoryPanel .rfm-history-meta,
  .home .rfm-home-history-column > #rfmHistoryPanel .rfm-history-song-title,
  .home .rfm-home-history-column > #rfmHistoryPanel .rfm-history-artist-title {
    min-width: 0 !important;
  }

  .home .rfm-home-history-column > #rfmHistoryPanel .rfm-history-meta {
    flex: 1 1 auto !important;
  }

  .home .rfm-home-history-column > #rfmHistoryPanel .rfm-history-badge-wrap {
    max-width: 100% !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
  }

  .home .rfm-home-history-column > #rfmHistoryPanel .rfm-history-badge-wrap::-webkit-scrollbar {
    display: none !important;
  }

  .home .rfm-home-history-banner-grid .rfm-home-side-banners {
    width: 100% !important;
    max-width: none !important;
    margin-top: 0 !important;
    align-self: start !important;
    position: relative !important;
    z-index: 1 !important;
  }

  .home .rfm-home-history-banner-grid .rfm-home-side-banners .rfm-home-banner-row.rfm-desktop-banner-row {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
    gap: 16px !important;
    width: 100% !important;
    margin-top: 0 !important;
  }

  .home .rfm-home-history-banner-grid .rfm-home-side-banners .rfm-home-laida-slot,
  .home .rfm-home-history-banner-grid .rfm-home-side-banners .rfm-banner-item,
  .home .rfm-home-history-banner-grid .rfm-home-side-banners .rfm-laida-banner,
  .home .rfm-home-history-banner-grid .rfm-home-side-banners .rfm-laidos-home-banner {
    width: 100% !important;
    min-width: 0 !important;
  }

  .home .rfm-home-history-banner-grid .rfm-home-side-banners .rfm-banner-item,
  .home .rfm-home-history-banner-grid .rfm-home-side-banners .rfm-laida-banner:not(.rfm-laida-empty),
  .home .rfm-home-history-banner-grid .rfm-home-side-banners .rfm-laidos-home-banner:not(.rfm-laida-empty) {
    border-radius: 18px !important;
    overflow: hidden !important;
    box-shadow: 0 14px 34px rgba(38, 28, 29, 0.075) !important;
  }

  .home .rfm-home-history-banner-grid .rfm-home-side-banners .rfm-banner-item img,
  .home .rfm-home-history-banner-grid .rfm-home-side-banners .rfm-laida-banner:not(.rfm-laida-empty),
  .home .rfm-home-history-banner-grid .rfm-home-side-banners .rfm-laidos-home-banner:not(.rfm-laida-empty) {
    aspect-ratio: 16 / 9 !important;
  }

  .home .rfm-home-history-banner-grid .rfm-home-side-banners .rfm-banner-item img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
    display: block !important;
  }

  .home .rfm-atsuk-home-section.rfm-atsuk-links-section {
    width: 100% !important;
    max-width: none !important;
    margin-top: 24px !important;
  }
}

@media (min-width: 769px) and (max-width: 1080px) {
  .home .rfm-home-history-banner-grid {
    grid-template-columns: minmax(0, 2fr) minmax(250px, 1fr) !important;
    gap: 18px !important;
  }

  .home .rfm-home-history-column > #rfmHistoryPanel #rfmHistoryContainer .rfm-history-art {
    width: 92px !important;
    flex-basis: 92px !important;
  }

  .home .rfm-home-history-banner-grid .rfm-home-side-banners .rfm-home-banner-row.rfm-desktop-banner-row {
    gap: 14px !important;
  }
}

/* v1.0.609 EXPERIMENT - make the two right-side homepage banners use the same visual frame
   system as the large player's "Eteryje" panel: outer glass card, safe padding, inner 16:9 image. */
@media (min-width: 769px) {
  .home .rfm-home-history-banner-grid .rfm-home-side-banners .rfm-home-banner-row.rfm-desktop-banner-row {
    gap: 16px !important;
  }

  .home .rfm-home-history-banner-grid .rfm-home-side-banners .rfm-home-side-banner-card {
    width: 100% !important;
    min-width: 0 !important;
    aspect-ratio: 16 / 9 !important;
    box-sizing: border-box !important;
    padding: 10px !important;
    border-radius: 18px !important;
    overflow: hidden !important;
    display: block !important;
    background:
      radial-gradient(circle at 18% 18%, rgba(229,45,39,0.12), transparent 36%),
      radial-gradient(circle at 82% 82%, rgba(43,82,154,0.09), transparent 42%),
      linear-gradient(135deg, rgba(255,255,255,0.84), rgba(255,255,255,0.48)) !important;
    box-shadow: 0 18px 36px rgba(38, 28, 29, 0.13) !important;
  }

  .home .rfm-home-history-banner-grid .rfm-home-side-banners .rfm-home-side-banner-card > *,
  .home .rfm-home-history-banner-grid .rfm-home-side-banners .rfm-home-side-banner-card > .rfm-banner-item,
  .home .rfm-home-history-banner-grid .rfm-home-side-banners .rfm-home-side-banner-card > .rfm-laida-banner,
  .home .rfm-home-history-banner-grid .rfm-home-side-banners .rfm-home-side-banner-card > .rfm-laidos-home-banner {
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: auto !important;
    display: block !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    box-shadow: none !important;
    margin: 0 !important;
    border: 0 !important;
  }

  .home .rfm-home-history-banner-grid .rfm-home-side-banners .rfm-home-side-banner-card .rfm-banner-item img,
  .home .rfm-home-history-banner-grid .rfm-home-side-banners .rfm-home-side-banner-card .rfm-laida-img,
  .home .rfm-home-history-banner-grid .rfm-home-side-banners .rfm-home-side-banner-card img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    display: block !important;
    border-radius: 12px !important;
    box-shadow: 0 10px 22px rgba(38, 28, 29, 0.10) !important;
  }

  .home .rfm-home-history-banner-grid .rfm-home-side-banners .rfm-home-side-banner-card .rfm-laida-media,
  .home .rfm-home-history-banner-grid .rfm-home-side-banners .rfm-home-side-banner-card .rfm-laida-shade {
    border-radius: 12px !important;
    overflow: hidden !important;
  }

  .home .rfm-home-history-banner-grid .rfm-home-side-banners .rfm-home-side-banner-card .rfm-laida-content,
  .home .rfm-home-history-banner-grid .rfm-home-side-banners .rfm-home-side-banner-card .rfm-laidos-home-banner .rfm-laida-content {
    left: 14px !important;
    right: 14px !important;
    bottom: 14px !important;
    gap: 10px !important;
  }
}

@media (min-width: 769px) and (max-width: 1080px) {
  .home .rfm-home-history-banner-grid .rfm-home-side-banners .rfm-home-side-banner-card {
    padding: 8px !important;
    border-radius: 16px !important;
  }

  .home .rfm-home-history-banner-grid .rfm-home-side-banners .rfm-home-side-banner-card > *,
  .home .rfm-home-history-banner-grid .rfm-home-side-banners .rfm-home-side-banner-card > .rfm-banner-item,
  .home .rfm-home-history-banner-grid .rfm-home-side-banners .rfm-home-side-banner-card > .rfm-laida-banner,
  .home .rfm-home-history-banner-grid .rfm-home-side-banners .rfm-home-side-banner-card > .rfm-laidos-home-banner,
  .home .rfm-home-history-banner-grid .rfm-home-side-banners .rfm-home-side-banner-card .rfm-banner-item img,
  .home .rfm-home-history-banner-grid .rfm-home-side-banners .rfm-home-side-banner-card .rfm-laida-img,
  .home .rfm-home-history-banner-grid .rfm-home-side-banners .rfm-home-side-banner-card img,
  .home .rfm-home-history-banner-grid .rfm-home-side-banners .rfm-home-side-banner-card .rfm-laida-media,
  .home .rfm-home-history-banner-grid .rfm-home-side-banners .rfm-home-side-banner-card .rfm-laida-shade {
    border-radius: 10px !important;
  }
}

/* v1.0.610 EXPERIMENT - wider song history with calmer right banner container.
   The history column is now the visual priority; the two side banners live inside a
   narrower inner container so their 16:9 cards keep the same design language without
   overpowering the song history. */
@media (min-width: 769px) {
  .home .rfm-home-history-banner-grid {
    grid-template-columns: minmax(0, 1fr) minmax(260px, 340px) !important;
    gap: 22px !important;
    align-items: start !important;
  }

  .home .rfm-home-history-banner-grid .rfm-home-side-banners {
    width: 100% !important;
    max-width: 340px !important;
    justify-self: end !important;
    align-self: start !important;
  }

  .home .rfm-home-history-banner-grid .rfm-home-side-banners-inner {
    width: 100% !important;
    max-width: 326px !important;
    margin-left: auto !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }

  .home .rfm-home-history-banner-grid .rfm-home-side-banners .rfm-home-banner-row.rfm-desktop-banner-row {
    width: 100% !important;
    max-width: 326px !important;
    gap: 14px !important;
  }

  .home .rfm-home-history-banner-grid .rfm-home-side-banners .rfm-home-side-banner-card {
    padding: 8px !important;
    border-radius: 17px !important;
    box-shadow: 0 14px 30px rgba(38, 28, 29, 0.105) !important;
  }

  .home .rfm-home-history-banner-grid .rfm-home-side-banners .rfm-home-side-banner-card > *,
  .home .rfm-home-history-banner-grid .rfm-home-side-banners .rfm-home-side-banner-card > .rfm-banner-item,
  .home .rfm-home-history-banner-grid .rfm-home-side-banners .rfm-home-side-banner-card > .rfm-laida-banner,
  .home .rfm-home-history-banner-grid .rfm-home-side-banners .rfm-home-side-banner-card > .rfm-laidos-home-banner,
  .home .rfm-home-history-banner-grid .rfm-home-side-banners .rfm-home-side-banner-card .rfm-banner-item img,
  .home .rfm-home-history-banner-grid .rfm-home-side-banners .rfm-home-side-banner-card .rfm-laida-img,
  .home .rfm-home-history-banner-grid .rfm-home-side-banners .rfm-home-side-banner-card img,
  .home .rfm-home-history-banner-grid .rfm-home-side-banners .rfm-home-side-banner-card .rfm-laida-media,
  .home .rfm-home-history-banner-grid .rfm-home-side-banners .rfm-home-side-banner-card .rfm-laida-shade {
    border-radius: 11px !important;
  }

  .home .rfm-home-history-column > #rfmHistoryPanel #rfmHistoryContainer .rfm-history-row {
    gap: 13px !important;
  }

  .home .rfm-home-history-column > #rfmHistoryPanel #rfmHistoryContainer .rfm-history-art {
    width: 108px !important;
    flex-basis: 108px !important;
  }
}

@media (min-width: 769px) and (max-width: 1180px) {
  .home .rfm-home-history-banner-grid {
    grid-template-columns: minmax(0, 1fr) minmax(240px, 300px) !important;
    gap: 18px !important;
  }

  .home .rfm-home-history-banner-grid .rfm-home-side-banners,
  .home .rfm-home-history-banner-grid .rfm-home-side-banners-inner,
  .home .rfm-home-history-banner-grid .rfm-home-side-banners .rfm-home-banner-row.rfm-desktop-banner-row {
    max-width: 292px !important;
  }

  .home .rfm-home-history-column > #rfmHistoryPanel #rfmHistoryContainer .rfm-history-art {
    width: 98px !important;
    flex-basis: 98px !important;
  }
}

@media (min-width: 769px) and (max-width: 940px) {
  .home .rfm-home-history-banner-grid {
    grid-template-columns: minmax(0, 1fr) minmax(220px, 260px) !important;
    gap: 16px !important;
  }

  .home .rfm-home-history-banner-grid .rfm-home-side-banners,
  .home .rfm-home-history-banner-grid .rfm-home-side-banners-inner,
  .home .rfm-home-history-banner-grid .rfm-home-side-banners .rfm-home-banner-row.rfm-desktop-banner-row {
    max-width: 254px !important;
  }

  .home .rfm-home-history-banner-grid .rfm-home-side-banners .rfm-home-side-banner-card {
    padding: 7px !important;
    border-radius: 15px !important;
  }
}

/* v1.0.611 EXPERIMENT - hero player bottom song-history ticker.
   The top composition stays from 1.0.610, while the old desktop list is redesigned as a
   slow horizontal "PRIES TAI GROJO" strip inside the large player. */
@media (min-width: 769px) {
  .home .rfm-home-primary-column > .rfm-standalone-player-box.rfm-desktop-player-stage {
    aspect-ratio: auto !important;
    min-height: 374px !important;
    max-height: none !important;
  }

  .home .rfm-home-primary-column > .rfm-standalone-player-box.rfm-desktop-player-stage .rfm-floating-player {
    height: 100% !important;
    min-height: 374px !important;
    max-height: none !important;
    grid-template-columns: minmax(286px, 30.5%) 58px 76px minmax(190px, 1fr) minmax(286px, 30.5%) !important;
    grid-template-rows: minmax(210px, auto) auto !important;
    column-gap: 8px !important;
    row-gap: 16px !important;
    align-items: stretch !important;
    padding: 12px !important;
    overflow: hidden !important;
  }

  .home .rfm-desktop-player-stage .rfm-now-post-card,
  .home .rfm-desktop-player-stage .rfm-player-logo-brand-wrap,
  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher.rfm-hero-stations-static,
  .home .rfm-desktop-player-stage .rfm-btn,
  .home .rfm-desktop-player-stage .rfm-info,
  .home .rfm-desktop-player-stage .rfm-player-laida-panel {
    grid-row: 1 !important;
  }

  .home .rfm-desktop-player-stage .rfm-player-history-ticker {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    min-width: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
    border-radius: 18px !important;
    padding: 10px 10px 12px !important;
    background: linear-gradient(135deg, rgba(255,255,255,.78), rgba(255,255,255,.42)) !important;
    border: 1px solid rgba(255,255,255,.62) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.45), 0 14px 30px rgba(38,28,29,.075) !important;
    overflow: hidden !important;
  }

  .home .rfm-player-history-ticker-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 14px !important;
    margin-bottom: 9px !important;
    padding: 0 2px !important;
  }

  .home .rfm-player-history-label {
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    height: 26px !important;
    padding: 0 11px !important;
    border-radius: 999px !important;
    background: rgba(210, 4, 45, .08) !important;
    border: 1px solid rgba(210, 4, 45, .18) !important;
    color: #D2042D !important;
    font-size: 10px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    letter-spacing: .9px !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
  }

  .home .rfm-player-history-dot {
    width: 7px !important;
    height: 7px !important;
    flex: 0 0 7px !important;
    border-radius: 50% !important;
    background: #D2042D !important;
    box-shadow: 0 0 0 4px rgba(210, 4, 45, .10) !important;
  }

  .home .rfm-player-history-arrows {
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
  }

  .home .rfm-history-ticker-arrow {
    width: 32px !important;
    height: 26px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(210,4,45,.16) !important;
    background: rgba(255,255,255,.82) !important;
    color: #D2042D !important;
    font-size: 20px !important;
    line-height: 20px !important;
    font-weight: 900 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 0 2px !important;
    cursor: pointer !important;
    box-shadow: 0 7px 16px rgba(38,28,29,.07) !important;
    transition: transform .16s ease, background .16s ease, box-shadow .16s ease !important;
  }

  .home .rfm-history-ticker-arrow:hover,
  .home .rfm-history-ticker-arrow:focus-visible {
    background: #fff !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 10px 22px rgba(38,28,29,.11) !important;
    outline: none !important;
  }

  .home .rfm-player-history-ticker #rfmHistoryPanel,
  .home .rfm-player-history-ticker #rfmHistoryPanel.open {
    max-height: none !important;
    height: auto !important;
    overflow: visible !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    transition: none !important;
  }

  .home .rfm-player-history-ticker .rfm-history-layout-wrapper,
  .home .rfm-player-history-ticker #rfmHistoryPanel.open .rfm-history-layout-wrapper {
    display: block !important;
    padding: 0 !important;
    gap: 0 !important;
  }

  .home .rfm-player-history-ticker .rfm-history-side,
  .home .rfm-player-history-ticker .rfm-history-expand-slot,
  .home .rfm-player-history-ticker .rfm-history-expand-wrap {
    display: none !important;
  }

  .home .rfm-player-history-viewport {
    width: 100% !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    scroll-behavior: smooth !important;
  }

  .home .rfm-player-history-viewport::-webkit-scrollbar {
    display: none !important;
  }

  .home .rfm-player-history-ticker #rfmHistoryContainer,
  .home .rfm-player-history-ticker #rfmHistoryContainer.rfm-history-preview-collapsed,
  .home .rfm-player-history-ticker #rfmHistoryContainer.rfm-history-preview-expanded {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
    gap: 10px !important;
    width: max-content !important;
    min-width: 100% !important;
    padding: 0 2px 1px !important;
  }

  .home .rfm-player-history-ticker #rfmHistoryContainer.rfm-history-preview-collapsed .rfm-history-row:nth-of-type(n+3),
  .home .rfm-player-history-ticker #rfmHistoryContainer .rfm-history-row {
    display: grid !important;
  }

  .home .rfm-player-history-ticker #rfmHistoryContainer .rfm-history-row.is-hero-ticker-card,
  .home .rfm-player-history-ticker #rfmHistoryContainer .rfm-history-row {
    position: relative !important;
    grid-template-columns: 92px minmax(0, 168px) !important;
    grid-template-rows: 1fr !important;
    align-items: stretch !important;
    gap: 11px !important;
    width: 282px !important;
    min-width: 282px !important;
    max-width: 282px !important;
    min-height: 104px !important;
    box-sizing: border-box !important;
    padding: 7px 9px 7px 7px !important;
    border: 1px solid rgba(255,255,255,.76) !important;
    border-radius: 15px !important;
    background: rgba(255,255,255,.70) !important;
    box-shadow: 0 10px 22px rgba(38,28,29,.075) !important;
    overflow: hidden !important;
    flex: 0 0 282px !important;
  }

  .home .rfm-player-history-ticker #rfmHistoryContainer .rfm-history-art {
    grid-column: 1 !important;
    grid-row: 1 !important;
    position: relative !important;
    display: block !important;
    width: 92px !important;
    height: 92px !important;
    min-width: 92px !important;
    flex: 0 0 92px !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    background: linear-gradient(135deg, rgba(210,4,45,.12), rgba(43,82,154,.08)) !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.55) !important;
  }

  .home .rfm-player-history-ticker #rfmHistoryContainer .rfm-history-art img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    display: block !important;
  }

  .home .rfm-player-history-ticker #rfmHistoryContainer .rfm-history-art.is-station-fallback img {
    object-fit: cover !important;
  }

  .home .rfm-player-history-ticker #rfmHistoryContainer .rfm-history-time {
    position: absolute !important;
    left: 62px !important;
    top: 74px !important;
    z-index: 4 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 38px !important;
    height: 20px !important;
    padding: 0 7px !important;
    border-radius: 999px !important;
    background: rgba(210, 4, 45, .94) !important;
    color: #FFFFFF !important;
    border: 1px solid rgba(255,255,255,.76) !important;
    box-shadow: 0 5px 14px rgba(38,28,29,.17) !important;
    font-size: 10px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    letter-spacing: .01em !important;
  }

  .home .rfm-player-history-ticker #rfmHistoryContainer .rfm-history-meta {
    grid-column: 2 !important;
    grid-row: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-self: stretch !important;
    min-width: 0 !important;
    gap: 4px !important;
    overflow: hidden !important;
  }

  .home .rfm-player-history-ticker #rfmHistoryContainer .rfm-history-song-title {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    white-space: normal !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    color: #261C1D !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    line-height: 1.08 !important;
    letter-spacing: -.01em !important;
  }

  .home .rfm-player-history-ticker #rfmHistoryContainer .rfm-history-artist-title {
    display: block !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    color: rgba(38,28,29,.62) !important;
    font-size: 10.5px !important;
    font-weight: 800 !important;
    line-height: 1.1 !important;
    letter-spacing: .01em !important;
  }

  .home .rfm-player-history-ticker #rfmHistoryContainer .rfm-history-badge-wrap {
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
    max-width: 100% !important;
    margin-top: 3px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scrollbar-width: none !important;
    -webkit-overflow-scrolling: touch !important;
  }

  .home .rfm-player-history-ticker #rfmHistoryContainer .rfm-history-badge-wrap::-webkit-scrollbar {
    display: none !important;
  }

  .home .rfm-player-history-ticker #rfmHistoryContainer .rfm-history-badge {
    position: static !important;
    transform: none !important;
    opacity: 1 !important;
    flex: 0 0 auto !important;
    height: 18px !important;
    min-height: 18px !important;
    padding: 0 7px !important;
    border-radius: 999px !important;
    font-size: 8.5px !important;
    line-height: 18px !important;
    font-weight: 900 !important;
    letter-spacing: .02em !important;
    white-space: nowrap !important;
  }

  .home .rfm-player-history-ticker .rfm-history-news-play {
    position: absolute !important;
    right: 8px !important;
    bottom: 8px !important;
    z-index: 5 !important;
  }

  .home .rfm-home-post-player-banners {
    margin-top: 20px !important;
    display: block !important;
  }

  .home .rfm-home-post-player-banners .rfm-home-side-banners {
    max-width: none !important;
    justify-self: stretch !important;
  }

  .home .rfm-home-post-player-banners .rfm-home-side-banners-inner,
  .home .rfm-home-post-player-banners .rfm-home-banner-row.rfm-desktop-banner-row {
    max-width: none !important;
    width: 100% !important;
  }

  .home .rfm-home-post-player-banners .rfm-home-banner-row.rfm-desktop-banner-row {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 326px)) !important;
    justify-content: end !important;
    gap: 14px !important;
  }
}

@media (min-width: 769px) and (max-width: 1120px) {
  .home .rfm-home-primary-column > .rfm-standalone-player-box.rfm-desktop-player-stage {
    min-height: 348px !important;
  }
  .home .rfm-home-primary-column > .rfm-standalone-player-box.rfm-desktop-player-stage .rfm-floating-player {
    min-height: 348px !important;
    grid-template-columns: minmax(244px, 29.5%) 48px 64px minmax(158px, 1fr) minmax(244px, 29.5%) !important;
    grid-template-rows: minmax(196px, auto) auto !important;
    row-gap: 14px !important;
  }
  .home .rfm-player-history-ticker #rfmHistoryContainer .rfm-history-row {
    width: 260px !important;
    min-width: 260px !important;
    max-width: 260px !important;
    flex-basis: 260px !important;
    grid-template-columns: 86px minmax(0, 154px) !important;
  }
  .home .rfm-player-history-ticker #rfmHistoryContainer .rfm-history-art {
    width: 86px !important;
    height: 86px !important;
    min-width: 86px !important;
    flex-basis: 86px !important;
  }
  .home .rfm-player-history-ticker #rfmHistoryContainer .rfm-history-time {
    left: 56px !important;
    top: 68px !important;
  }
}

@media (min-width: 769px) and (max-width: 940px) {
  .home .rfm-home-primary-column > .rfm-standalone-player-box.rfm-desktop-player-stage {
    min-height: 330px !important;
  }
  .home .rfm-home-primary-column > .rfm-standalone-player-box.rfm-desktop-player-stage .rfm-floating-player {
    min-height: 330px !important;
    grid-template-columns: minmax(204px, 28.5%) 44px 56px minmax(132px, 1fr) minmax(204px, 28.5%) !important;
    grid-template-rows: minmax(184px, auto) auto !important;
  }
  .home .rfm-player-history-ticker #rfmHistoryContainer .rfm-history-row {
    width: 238px !important;
    min-width: 238px !important;
    max-width: 238px !important;
    flex-basis: 238px !important;
    grid-template-columns: 78px minmax(0, 140px) !important;
  }
  .home .rfm-player-history-ticker #rfmHistoryContainer .rfm-history-art {
    width: 78px !important;
    height: 78px !important;
    min-width: 78px !important;
    flex-basis: 78px !important;
  }
  .home .rfm-player-history-ticker #rfmHistoryContainer .rfm-history-time {
    left: 50px !important;
    top: 60px !important;
  }
}


/* v1.0.612 EXPERIMENT - hero ticker card redesign + stable station rail + inline air rating slot.
   Keeps the top hero player composition, adds the in-air rating slot between the top player and history ticker,
   locks the three station logos in their intended rail, and turns history items into wider 16:9 artwork cards. */
@media (min-width: 769px) {
  .home .rfm-home-primary-column > .rfm-standalone-player-box.rfm-desktop-player-stage {
    min-height: 540px !important;
    max-height: none !important;
    overflow: visible !important;
  }

  .home .rfm-home-primary-column > .rfm-standalone-player-box.rfm-desktop-player-stage .rfm-floating-player {
    min-height: 540px !important;
    height: auto !important;
    grid-template-columns: minmax(286px, 30.5%) 58px 76px minmax(190px, 1fr) minmax(286px, 30.5%) !important;
    grid-template-rows: minmax(210px, auto) auto auto !important;
    column-gap: 8px !important;
    row-gap: 14px !important;
    align-items: stretch !important;
    overflow: visible !important;
  }

  .home .rfm-desktop-player-stage .rfm-now-post-card,
  .home .rfm-desktop-player-stage .rfm-player-logo-brand-wrap,
  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher.rfm-hero-stations-static,
  .home .rfm-desktop-player-stage .rfm-btn,
  .home .rfm-desktop-player-stage .rfm-info,
  .home .rfm-desktop-player-stage .rfm-player-laida-panel {
    grid-row: 1 !important;
  }

  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher.rfm-hero-stations-static,
  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher.rfm-hero-stations-static.rfm-stations-count-1,
  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher.rfm-hero-stations-static.rfm-stations-count-2,
  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher.rfm-hero-stations-static.rfm-stations-count-3,
  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher.rfm-hero-stations-static.rfm-stations-overflow,
  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher.rfm-hero-stations-static.rfm-stations-open {
    grid-column: 2 !important;
    grid-row: 1 !important;
    position: relative !important;
    inset: auto !important;
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: center !important;
    justify-self: center !important;
    align-self: center !important;
    width: 58px !important;
    min-width: 58px !important;
    max-width: 58px !important;
    height: calc(100% - 24px) !important;
    max-height: 212px !important;
    min-height: 0 !important;
    gap: 8px !important;
    padding: 10px 0 !important;
    margin: 0 !important;
    overflow: visible !important;
    grid-template-columns: none !important;
    grid-template-rows: none !important;
    transform: none !important;
    transition: none !important;
    box-sizing: border-box !important;
  }

  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher.rfm-hero-stations-static .rfm-station-tab,
  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher.rfm-hero-stations-static .rfm-station-tab.active,
  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher.rfm-hero-stations-static .rfm-station-tab:hover,
  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher.rfm-hero-stations-static .rfm-station-tab:focus,
  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher.rfm-hero-stations-static .rfm-station-tab:focus-visible {
    position: relative !important;
    inset: auto !important;
    display: block !important;
    width: 50px !important;
    height: 50px !important;
    min-width: 50px !important;
    min-height: 50px !important;
    max-width: 50px !important;
    max-height: 50px !important;
    flex: 0 0 50px !important;
    order: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 13px !important;
    transform: none !important;
    box-sizing: border-box !important;
  }

  .home .rfm-home-player-rating-slot {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    min-height: 0 !important;
    box-sizing: border-box !important;
  }

  .home .rfm-home-player-rating-slot:empty {
    display: none !important;
  }

  .home .rfm-home-player-rating-slot:not(:empty) {
    display: block !important;
  }

  .home .rfm-home-player-rating-slot .rfm-song-rating,
  .home .rfm-home-player-rating-slot .rfm-song-rating--air {
    max-width: none !important;
    width: 100% !important;
    margin: 0 !important;
    border-radius: 18px !important;
    padding: 12px 16px !important;
    background: linear-gradient(135deg, rgba(255,255,255,.82), rgba(255,247,248,.56)) !important;
    border: 1px solid rgba(255,255,255,.70) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.55), 0 12px 26px rgba(38,28,29,.075) !important;
  }

  .home .rfm-desktop-player-stage .rfm-player-history-ticker {
    grid-column: 1 / -1 !important;
    grid-row: 3 !important;
    padding: 11px 12px 13px !important;
    border-radius: 19px !important;
  }

  .home .rfm-player-history-ticker-head {
    margin-bottom: 10px !important;
  }

  .home .rfm-player-history-viewport {
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding-bottom: 1px !important;
  }

  .home .rfm-player-history-ticker #rfmHistoryContainer,
  .home .rfm-player-history-ticker #rfmHistoryContainer.rfm-history-preview-collapsed,
  .home .rfm-player-history-ticker #rfmHistoryContainer.rfm-history-preview-expanded {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
    gap: 13px !important;
    width: max-content !important;
    min-width: 100% !important;
    padding: 0 2px 2px !important;
  }

  .home .rfm-player-history-ticker #rfmHistoryContainer.rfm-history-preview-collapsed .rfm-history-row:nth-of-type(n+3),
  .home .rfm-player-history-ticker #rfmHistoryContainer .rfm-history-row,
  .home .rfm-player-history-ticker #rfmHistoryContainer .rfm-history-row.is-hero-ticker-card {
    display: flex !important;
  }

  .home .rfm-player-history-ticker #rfmHistoryContainer .rfm-history-row,
  .home .rfm-player-history-ticker #rfmHistoryContainer .rfm-history-row.is-hero-ticker-card {
    position: relative !important;
    flex: 0 0 272px !important;
    width: 272px !important;
    min-width: 272px !important;
    max-width: 272px !important;
    min-height: 214px !important;
    padding: 8px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    border-radius: 17px !important;
    border: 1px solid rgba(255,255,255,.78) !important;
    background: rgba(255,255,255,.72) !important;
    box-shadow: 0 12px 26px rgba(38,28,29,.08) !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    grid-template-columns: none !important;
    grid-template-rows: none !important;
  }

  .home .rfm-player-history-ticker #rfmHistoryContainer .rfm-history-art {
    position: relative !important;
    display: block !important;
    order: 1 !important;
    width: 100% !important;
    height: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: none !important;
    flex: 0 0 auto !important;
    aspect-ratio: 16 / 9 !important;
    border-radius: 13px !important;
    overflow: hidden !important;
    background: linear-gradient(135deg, rgba(210,4,45,.13), rgba(43,82,154,.09)) !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.58) !important;
  }

  .home .rfm-player-history-ticker #rfmHistoryContainer .rfm-history-art img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    display: block !important;
  }

  .home .rfm-player-history-ticker #rfmHistoryContainer .rfm-history-art.is-station-fallback img {
    object-fit: cover !important;
  }

  .home .rfm-player-history-ticker #rfmHistoryContainer .rfm-history-time {
    position: absolute !important;
    left: 17px !important;
    top: 17px !important;
    z-index: 6 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 44px !important;
    height: 22px !important;
    padding: 0 8px !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.90) !important;
    color: #B9042F !important;
    border: 1px solid rgba(210,4,45,.20) !important;
    box-shadow: 0 8px 17px rgba(38,28,29,.12) !important;
    font-size: 10px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    letter-spacing: .01em !important;
  }

  .home .rfm-player-history-ticker #rfmHistoryContainer .rfm-history-meta {
    position: static !important;
    order: 2 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-self: stretch !important;
    width: 100% !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
    gap: 3px !important;
    padding: 0 3px 1px !important;
    overflow: visible !important;
    box-sizing: border-box !important;
    grid-column: auto !important;
    grid-row: auto !important;
  }

  .home .rfm-player-history-ticker #rfmHistoryContainer .rfm-history-song-title {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    white-space: normal !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    color: #261C1D !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    line-height: 1.12 !important;
    letter-spacing: -.01em !important;
    max-height: 30px !important;
  }

  .home .rfm-player-history-ticker #rfmHistoryContainer .rfm-history-artist-title {
    display: block !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    color: rgba(38,28,29,.64) !important;
    font-size: 10.8px !important;
    font-weight: 850 !important;
    line-height: 1.15 !important;
    letter-spacing: .01em !important;
  }

  .home .rfm-player-history-ticker #rfmHistoryContainer .rfm-history-badge-wrap {
    position: absolute !important;
    left: auto !important;
    right: 16px !important;
    top: 126px !important;
    z-index: 7 !important;
    display: flex !important;
    flex-direction: row-reverse !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 5px !important;
    width: calc(100% - 32px) !important;
    max-width: calc(100% - 32px) !important;
    margin: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scrollbar-width: none !important;
    -webkit-overflow-scrolling: touch !important;
    pointer-events: auto !important;
  }

  .home .rfm-player-history-ticker #rfmHistoryContainer .rfm-history-badge-wrap::-webkit-scrollbar {
    display: none !important;
  }

  .home .rfm-player-history-ticker #rfmHistoryContainer .rfm-history-badge {
    position: static !important;
    transform: none !important;
    opacity: 1 !important;
    flex: 0 0 auto !important;
    height: 20px !important;
    min-height: 20px !important;
    padding: 0 8px !important;
    border-radius: 999px !important;
    font-size: 8.6px !important;
    line-height: 20px !important;
    font-weight: 900 !important;
    letter-spacing: .025em !important;
    white-space: nowrap !important;
    box-shadow: 0 6px 14px rgba(38,28,29,.11) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
  }

  .home .rfm-player-history-ticker .rfm-history-news-play {
    position: absolute !important;
    right: 14px !important;
    top: 16px !important;
    bottom: auto !important;
    z-index: 8 !important;
  }
}

@media (min-width: 769px) and (max-width: 1120px) {
  .home .rfm-home-primary-column > .rfm-standalone-player-box.rfm-desktop-player-stage {
    min-height: 508px !important;
  }

  .home .rfm-home-primary-column > .rfm-standalone-player-box.rfm-desktop-player-stage .rfm-floating-player {
    min-height: 508px !important;
    grid-template-columns: minmax(244px, 29.5%) 48px 64px minmax(158px, 1fr) minmax(244px, 29.5%) !important;
    grid-template-rows: minmax(196px, auto) auto auto !important;
    row-gap: 12px !important;
  }

  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher.rfm-hero-stations-static,
  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher.rfm-hero-stations-static.rfm-stations-count-1,
  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher.rfm-hero-stations-static.rfm-stations-count-2,
  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher.rfm-hero-stations-static.rfm-stations-count-3 {
    width: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
    height: calc(100% - 18px) !important;
    max-height: 190px !important;
    gap: 7px !important;
    padding: 8px 0 !important;
  }

  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher.rfm-hero-stations-static .rfm-station-tab,
  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher.rfm-hero-stations-static .rfm-station-tab.active,
  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher.rfm-hero-stations-static .rfm-station-tab:hover,
  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher.rfm-hero-stations-static .rfm-station-tab:focus,
  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher.rfm-hero-stations-static .rfm-station-tab:focus-visible {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;
    max-width: 42px !important;
    max-height: 42px !important;
    flex-basis: 42px !important;
    border-radius: 11px !important;
  }

  .home .rfm-player-history-ticker #rfmHistoryContainer .rfm-history-row,
  .home .rfm-player-history-ticker #rfmHistoryContainer .rfm-history-row.is-hero-ticker-card {
    width: 248px !important;
    min-width: 248px !important;
    max-width: 248px !important;
    flex-basis: 248px !important;
    min-height: 202px !important;
  }

  .home .rfm-player-history-ticker #rfmHistoryContainer .rfm-history-badge-wrap {
    top: 113px !important;
  }
}

@media (min-width: 769px) and (max-width: 940px) {
  .home .rfm-home-primary-column > .rfm-standalone-player-box.rfm-desktop-player-stage {
    min-height: 488px !important;
  }

  .home .rfm-home-primary-column > .rfm-standalone-player-box.rfm-desktop-player-stage .rfm-floating-player {
    min-height: 488px !important;
    grid-template-columns: minmax(204px, 28.5%) 44px 56px minmax(132px, 1fr) minmax(204px, 28.5%) !important;
    grid-template-rows: minmax(184px, auto) auto auto !important;
  }

  .home .rfm-player-history-ticker #rfmHistoryContainer .rfm-history-row,
  .home .rfm-player-history-ticker #rfmHistoryContainer .rfm-history-row.is-hero-ticker-card {
    width: 224px !important;
    min-width: 224px !important;
    max-width: 224px !important;
    flex-basis: 224px !important;
    min-height: 190px !important;
  }

  .home .rfm-player-history-ticker #rfmHistoryContainer .rfm-history-song-title {
    font-size: 12px !important;
  }

  .home .rfm-player-history-ticker #rfmHistoryContainer .rfm-history-badge-wrap {
    top: 100px !important;
  }
}


/* v1.0.613 EXPERIMENT - finalise hero "PRIES TAI GROJO" cards.
   Artwork is the full-width top part of every card, time sits on top-left of artwork,
   badges sit on the artwork bottom-right, and title/artist live below the artwork. */
@media (min-width: 769px) {
  .home .rfm-home-primary-column > .rfm-standalone-player-box.rfm-desktop-player-stage {
    min-height: 574px !important;
  }

  .home .rfm-home-primary-column > .rfm-standalone-player-box.rfm-desktop-player-stage .rfm-floating-player {
    min-height: 574px !important;
    grid-template-rows: minmax(210px, auto) auto auto !important;
    row-gap: 16px !important;
  }

  .home .rfm-desktop-player-stage .rfm-player-history-ticker {
    padding: 12px 13px 14px !important;
    border-radius: 20px !important;
  }

  .home .rfm-player-history-ticker-head {
    margin-bottom: 11px !important;
  }

  .home .rfm-player-history-viewport {
    padding-bottom: 2px !important;
  }

  .home .rfm-player-history-ticker #rfmHistoryContainer,
  .home .rfm-player-history-ticker #rfmHistoryContainer.rfm-history-preview-collapsed,
  .home .rfm-player-history-ticker #rfmHistoryContainer.rfm-history-preview-expanded {
    gap: 15px !important;
    padding: 0 3px 3px !important;
  }

  .home .rfm-player-history-ticker #rfmHistoryContainer .rfm-history-row,
  .home .rfm-player-history-ticker #rfmHistoryContainer .rfm-history-row.is-hero-ticker-card {
    flex: 0 0 318px !important;
    width: 318px !important;
    min-width: 318px !important;
    max-width: 318px !important;
    min-height: 252px !important;
    padding: 9px !important;
    gap: 10px !important;
    border-radius: 20px !important;
    background: linear-gradient(135deg, rgba(255,255,255,.82), rgba(255,247,248,.63)) !important;
    border: 1px solid rgba(255,255,255,.82) !important;
    box-shadow: 0 15px 32px rgba(38,28,29,.095) !important;
  }

  .home .rfm-player-history-ticker #rfmHistoryContainer .rfm-history-art {
    order: 1 !important;
    width: 100% !important;
    max-width: none !important;
    aspect-ratio: 16 / 9 !important;
    border-radius: 15px !important;
    background: linear-gradient(135deg, rgba(210,4,45,.15), rgba(43,82,154,.10)) !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.62), 0 8px 18px rgba(38,28,29,.07) !important;
  }

  .home .rfm-player-history-ticker #rfmHistoryContainer .rfm-history-art img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
  }

  .home .rfm-player-history-ticker #rfmHistoryContainer .rfm-history-time {
    left: 18px !important;
    top: 18px !important;
    height: 23px !important;
    min-width: 47px !important;
    padding: 0 9px !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.93) !important;
    color: #B9042F !important;
    border: 1px solid rgba(210,4,45,.23) !important;
    box-shadow: 0 9px 18px rgba(38,28,29,.14) !important;
    font-size: 10.2px !important;
    font-weight: 950 !important;
  }

  .home .rfm-player-history-ticker #rfmHistoryContainer .rfm-history-badge-wrap {
    right: 18px !important;
    top: 156px !important;
    width: calc(100% - 36px) !important;
    max-width: calc(100% - 36px) !important;
    flex-direction: row-reverse !important;
    justify-content: flex-start !important;
    gap: 6px !important;
    padding-left: 56px !important;
    box-sizing: border-box !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    mask-image: linear-gradient(to left, #000 82%, transparent 100%) !important;
    -webkit-mask-image: linear-gradient(to left, #000 82%, transparent 100%) !important;
  }

  .home .rfm-player-history-ticker #rfmHistoryContainer .rfm-history-badge {
    height: 22px !important;
    min-height: 22px !important;
    line-height: 22px !important;
    padding: 0 9px !important;
    font-size: 8.8px !important;
    letter-spacing: .026em !important;
    box-shadow: 0 7px 15px rgba(38,28,29,.13) !important;
  }

  .home .rfm-player-history-ticker #rfmHistoryContainer .rfm-history-meta {
    order: 2 !important;
    padding: 0 5px 2px !important;
    gap: 4px !important;
    min-height: 50px !important;
    justify-content: flex-start !important;
  }

  .home .rfm-player-history-ticker #rfmHistoryContainer .rfm-history-song-title {
    font-size: 14px !important;
    line-height: 1.14 !important;
    max-height: 32px !important;
    -webkit-line-clamp: 2 !important;
  }

  .home .rfm-player-history-ticker #rfmHistoryContainer .rfm-history-artist-title {
    font-size: 11.2px !important;
    line-height: 1.15 !important;
  }
}

@media (min-width: 769px) and (max-width: 1120px) {
  .home .rfm-home-primary-column > .rfm-standalone-player-box.rfm-desktop-player-stage {
    min-height: 548px !important;
  }

  .home .rfm-home-primary-column > .rfm-standalone-player-box.rfm-desktop-player-stage .rfm-floating-player {
    min-height: 548px !important;
  }

  .home .rfm-player-history-ticker #rfmHistoryContainer .rfm-history-row,
  .home .rfm-player-history-ticker #rfmHistoryContainer .rfm-history-row.is-hero-ticker-card {
    flex-basis: 292px !important;
    width: 292px !important;
    min-width: 292px !important;
    max-width: 292px !important;
    min-height: 235px !important;
  }

  .home .rfm-player-history-ticker #rfmHistoryContainer .rfm-history-badge-wrap {
    top: 142px !important;
    padding-left: 46px !important;
  }
}

@media (min-width: 769px) and (max-width: 940px) {
  .home .rfm-home-primary-column > .rfm-standalone-player-box.rfm-desktop-player-stage {
    min-height: 524px !important;
  }

  .home .rfm-home-primary-column > .rfm-standalone-player-box.rfm-desktop-player-stage .rfm-floating-player {
    min-height: 524px !important;
  }

  .home .rfm-player-history-ticker #rfmHistoryContainer .rfm-history-row,
  .home .rfm-player-history-ticker #rfmHistoryContainer .rfm-history-row.is-hero-ticker-card {
    flex-basis: 264px !important;
    width: 264px !important;
    min-width: 264px !important;
    max-width: 264px !important;
    min-height: 218px !important;
  }

  .home .rfm-player-history-ticker #rfmHistoryContainer .rfm-history-badge-wrap {
    top: 126px !important;
    padding-left: 36px !important;
  }

  .home .rfm-player-history-ticker #rfmHistoryContainer .rfm-history-song-title {
    font-size: 12.6px !important;
  }
}

/* v1.0.614 EXPERIMENT - rebuild hero "PRIES TAI GROJO" as a modern stable media carousel.
   Real structure: 16:9 artwork frame at the top, time + badges inside that frame,
   title/artist below. Also re-locks station rail after station changes. */
@media (min-width: 769px) {
  .home .rfm-home-primary-column > .rfm-standalone-player-box.rfm-desktop-player-stage {
    min-height: 592px !important;
    max-height: none !important;
    overflow: visible !important;
  }

  .home .rfm-home-primary-column > .rfm-standalone-player-box.rfm-desktop-player-stage .rfm-floating-player {
    min-height: 592px !important;
    height: auto !important;
    display: grid !important;
    grid-template-columns: minmax(300px, 30.5%) 54px 70px minmax(180px, 1fr) minmax(300px, 30.5%) !important;
    grid-template-rows: minmax(210px, auto) auto auto !important;
    column-gap: 8px !important;
    row-gap: 14px !important;
    align-items: stretch !important;
    overflow: visible !important;
  }

  .home .rfm-desktop-player-stage .rfm-now-post-card,
  .home .rfm-desktop-player-stage .rfm-player-logo-brand-wrap,
  .home .rfm-desktop-player-stage .rfm-player-laida-panel {
    grid-row: 1 !important;
  }

  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher.rfm-hero-stations-static,
  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher.rfm-hero-stations-static.rfm-stations-count-1,
  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher.rfm-hero-stations-static.rfm-stations-count-2,
  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher.rfm-hero-stations-static.rfm-stations-count-3,
  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher.rfm-hero-stations-static.rfm-stations-overflow,
  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher.rfm-hero-stations-static.rfm-stations-open {
    grid-column: 2 !important;
    grid-row: 1 !important;
    position: relative !important;
    inset: auto !important;
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: center !important;
    justify-self: center !important;
    align-self: center !important;
    width: 54px !important;
    min-width: 54px !important;
    max-width: 54px !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: 206px !important;
    gap: 8px !important;
    padding: 10px 0 !important;
    margin: 0 !important;
    overflow: visible !important;
    grid-template-columns: none !important;
    grid-template-rows: none !important;
    transform: none !important;
    transition: none !important;
    box-sizing: border-box !important;
    z-index: 8 !important;
  }

  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher.rfm-hero-stations-static .rfm-station-tab,
  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher.rfm-hero-stations-static .rfm-station-tab.active,
  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher.rfm-hero-stations-static .rfm-station-tab:hover,
  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher.rfm-hero-stations-static .rfm-station-tab:focus,
  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher.rfm-hero-stations-static .rfm-station-tab:focus-visible {
    position: relative !important;
    inset: auto !important;
    display: block !important;
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    min-height: 48px !important;
    max-width: 48px !important;
    max-height: 48px !important;
    flex: 0 0 48px !important;
    order: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 13px !important;
    transform: none !important;
    box-sizing: border-box !important;
  }

  .home .rfm-desktop-player-stage .rfm-btn {
    grid-column: 3 !important;
    grid-row: 1 !important;
    justify-self: center !important;
    align-self: center !important;
    margin: 0 !important;
    z-index: 8 !important;
  }

  .home .rfm-desktop-player-stage .rfm-info {
    grid-column: 4 !important;
    grid-row: 1 !important;
    align-self: center !important;
    justify-self: stretch !important;
    min-width: 0 !important;
    padding: 0 8px !important;
  }

  .home .rfm-home-player-rating-slot {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .home .rfm-desktop-player-stage .rfm-player-history-ticker {
    grid-column: 1 / -1 !important;
    grid-row: 3 !important;
    display: block !important;
    padding: 13px 14px 15px !important;
    border-radius: 22px !important;
    background:
      radial-gradient(circle at 10% 0%, rgba(255,255,255,.90), rgba(255,255,255,.54) 42%, transparent 72%),
      linear-gradient(135deg, rgba(255,255,255,.74), rgba(255,244,247,.60)) !important;
    border: 1px solid rgba(255,255,255,.78) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.70), 0 16px 34px rgba(38,28,29,.075) !important;
    overflow: hidden !important;
  }

  .home .rfm-player-history-ticker-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 14px !important;
    margin: 0 0 12px !important;
  }

  .home .rfm-player-history-label {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    height: 28px !important;
    padding: 0 12px !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.80) !important;
    border: 1px solid rgba(210,4,45,.16) !important;
    color: #312628 !important;
    font-size: 11px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
    letter-spacing: .055em !important;
    text-transform: uppercase !important;
    box-shadow: 0 8px 18px rgba(38,28,29,.06) !important;
  }

  .home .rfm-player-history-dot {
    width: 8px !important;
    height: 8px !important;
    border-radius: 999px !important;
    background: #D2042B !important;
    box-shadow: 0 0 0 4px rgba(210,4,43,.12) !important;
  }

  .home .rfm-player-history-arrows {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
  }

  .home .rfm-history-ticker-arrow {
    width: 34px !important;
    height: 34px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(210,4,45,.18) !important;
    background: rgba(255,255,255,.82) !important;
    color: #D2042B !important;
    font-size: 24px !important;
    line-height: 1 !important;
    font-weight: 850 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 9px 20px rgba(38,28,29,.075) !important;
    cursor: pointer !important;
  }

  .home .rfm-history-ticker-arrow:hover,
  .home .rfm-history-ticker-arrow:focus-visible {
    background: #fff !important;
    border-color: rgba(210,4,45,.32) !important;
    box-shadow: 0 12px 26px rgba(210,4,45,.13) !important;
  }

  .home .rfm-player-history-ticker #rfmHistoryPanel,
  .home .rfm-player-history-ticker #rfmHistoryPanel.open,
  .home .rfm-player-history-ticker .rfm-history-layout-wrapper {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
  }

  .home .rfm-player-history-ticker .rfm-history-side,
  .home .rfm-player-history-ticker .rfm-history-expand-slot,
  .home .rfm-player-history-ticker .rfm-history-expand-wrap {
    display: none !important;
  }

  .home .rfm-player-history-viewport {
    width: 100% !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding: 0 2px 5px !important;
    scroll-behavior: smooth !important;
    scroll-snap-type: x proximity !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    mask-image: linear-gradient(to right, transparent 0, #000 22px, #000 calc(100% - 22px), transparent 100%) !important;
    -webkit-mask-image: linear-gradient(to right, transparent 0, #000 22px, #000 calc(100% - 22px), transparent 100%) !important;
  }

  .home .rfm-player-history-viewport::-webkit-scrollbar {
    display: none !important;
  }

  .home .rfm-player-history-ticker #rfmHistoryContainer,
  .home .rfm-player-history-ticker #rfmHistoryContainer.rfm-history-preview-collapsed,
  .home .rfm-player-history-ticker #rfmHistoryContainer.rfm-history-preview-expanded {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 18px !important;
    width: max-content !important;
    min-width: 100% !important;
    max-width: none !important;
    padding: 0 4px 3px !important;
    overflow: visible !important;
  }

  .home .rfm-player-history-ticker #rfmHistoryContainer .rfm-history-row,
  .home .rfm-player-history-ticker #rfmHistoryContainer .rfm-history-row.is-hero-ticker-card {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    flex: 0 0 clamp(300px, 23.5vw, 360px) !important;
    width: clamp(300px, 23.5vw, 360px) !important;
    min-width: clamp(300px, 23.5vw, 360px) !important;
    max-width: clamp(300px, 23.5vw, 360px) !important;
    min-height: 258px !important;
    gap: 10px !important;
    padding: 10px 10px 12px !important;
    border-radius: 22px !important;
    background:
      linear-gradient(135deg, rgba(255,255,255,.88), rgba(255,246,248,.68)) !important;
    border: 1px solid rgba(255,255,255,.84) !important;
    box-shadow: 0 14px 30px rgba(38,28,29,.085), inset 0 1px 0 rgba(255,255,255,.66) !important;
    scroll-snap-align: start !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  .home .rfm-player-history-ticker #rfmHistoryContainer .rfm-history-card-art-frame {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    aspect-ratio: 16 / 9 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    background: linear-gradient(135deg, rgba(210,4,45,.18), rgba(43,82,154,.12)) !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.66), 0 9px 18px rgba(38,28,29,.075) !important;
    flex: 0 0 auto !important;
  }

  .home .rfm-player-history-ticker #rfmHistoryContainer .rfm-history-art {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    aspect-ratio: auto !important;
    border-radius: 0 !important;
    overflow: hidden !important;
    background: transparent !important;
    box-shadow: none !important;
    order: 0 !important;
    z-index: 1 !important;
  }

  .home .rfm-player-history-ticker #rfmHistoryContainer .rfm-history-art img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    display: block !important;
  }

  .home .rfm-player-history-ticker #rfmHistoryContainer .rfm-history-art.is-station-fallback img {
    object-fit: cover !important;
  }

  .home .rfm-player-history-ticker #rfmHistoryContainer .rfm-history-time {
    position: absolute !important;
    left: 10px !important;
    top: 10px !important;
    right: auto !important;
    bottom: auto !important;
    z-index: 5 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 48px !important;
    height: 24px !important;
    padding: 0 9px !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.94) !important;
    color: #B9042F !important;
    border: 1px solid rgba(210,4,45,.24) !important;
    box-shadow: 0 8px 18px rgba(38,28,29,.14) !important;
    font-size: 10px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
    letter-spacing: .035em !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
  }

  .home .rfm-player-history-ticker #rfmHistoryContainer .rfm-history-badge-wrap {
    position: absolute !important;
    right: 10px !important;
    bottom: 10px !important;
    left: 10px !important;
    top: auto !important;
    z-index: 5 !important;
    display: flex !important;
    flex-direction: row-reverse !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 6px !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    padding: 0 0 0 54px !important;
    margin: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scrollbar-width: none !important;
    mask-image: linear-gradient(to left, #000 76%, transparent 100%) !important;
    -webkit-mask-image: linear-gradient(to left, #000 76%, transparent 100%) !important;
    box-sizing: border-box !important;
  }

  .home .rfm-player-history-ticker #rfmHistoryContainer .rfm-history-badge-wrap::-webkit-scrollbar {
    display: none !important;
  }

  .home .rfm-player-history-ticker #rfmHistoryContainer .rfm-history-badge {
    flex: 0 0 auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 23px !important;
    min-height: 23px !important;
    max-height: 23px !important;
    padding: 0 9px !important;
    border-radius: 999px !important;
    font-size: 8.7px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
    letter-spacing: .026em !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    box-shadow: 0 8px 16px rgba(38,28,29,.15) !important;
  }

  .home .rfm-player-history-ticker #rfmHistoryContainer .rfm-history-meta {
    order: 2 !important;
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: 4px !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 50px !important;
    padding: 0 3px !important;
    margin: 0 !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  .home .rfm-player-history-ticker #rfmHistoryContainer .rfm-history-song-title {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    overflow: hidden !important;
    width: 100% !important;
    max-width: 100% !important;
    max-height: 35px !important;
    color: #2D2527 !important;
    font-size: 14.6px !important;
    line-height: 1.18 !important;
    font-weight: 950 !important;
    letter-spacing: .004em !important;
    text-transform: none !important;
  }

  .home .rfm-player-history-ticker #rfmHistoryContainer .rfm-history-artist-title {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    color: rgba(49,38,40,.68) !important;
    font-size: 11.5px !important;
    line-height: 1.15 !important;
    font-weight: 850 !important;
    letter-spacing: .025em !important;
    text-transform: uppercase !important;
  }

  .home .rfm-player-history-ticker .rfm-history-news-play {
    position: absolute !important;
    right: 18px !important;
    top: 18px !important;
    z-index: 7 !important;
  }
}

@media (min-width: 769px) and (max-width: 1120px) {
  .home .rfm-home-primary-column > .rfm-standalone-player-box.rfm-desktop-player-stage {
    min-height: 570px !important;
  }

  .home .rfm-home-primary-column > .rfm-standalone-player-box.rfm-desktop-player-stage .rfm-floating-player {
    min-height: 570px !important;
    grid-template-columns: minmax(246px, 29.5%) 48px 62px minmax(150px, 1fr) minmax(246px, 29.5%) !important;
    row-gap: 13px !important;
  }

  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher.rfm-hero-stations-static,
  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher.rfm-hero-stations-static.rfm-stations-count-1,
  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher.rfm-hero-stations-static.rfm-stations-count-2,
  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher.rfm-hero-stations-static.rfm-stations-count-3 {
    width: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
    max-height: 190px !important;
    gap: 7px !important;
  }

  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher.rfm-hero-stations-static .rfm-station-tab,
  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher.rfm-hero-stations-static .rfm-station-tab.active,
  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher.rfm-hero-stations-static .rfm-station-tab:hover,
  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher.rfm-hero-stations-static .rfm-station-tab:focus,
  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher.rfm-hero-stations-static .rfm-station-tab:focus-visible {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;
    max-width: 42px !important;
    max-height: 42px !important;
    flex-basis: 42px !important;
    border-radius: 11px !important;
  }

  .home .rfm-player-history-ticker #rfmHistoryContainer .rfm-history-row,
  .home .rfm-player-history-ticker #rfmHistoryContainer .rfm-history-row.is-hero-ticker-card {
    flex-basis: 292px !important;
    width: 292px !important;
    min-width: 292px !important;
    max-width: 292px !important;
    min-height: 246px !important;
  }

  .home .rfm-player-history-ticker #rfmHistoryContainer .rfm-history-song-title {
    font-size: 13.6px !important;
  }
}

@media (min-width: 769px) and (max-width: 940px) {
  .home .rfm-home-primary-column > .rfm-standalone-player-box.rfm-desktop-player-stage {
    min-height: 548px !important;
  }

  .home .rfm-home-primary-column > .rfm-standalone-player-box.rfm-desktop-player-stage .rfm-floating-player {
    min-height: 548px !important;
    grid-template-columns: minmax(210px, 28.5%) 44px 56px minmax(124px, 1fr) minmax(210px, 28.5%) !important;
  }

  .home .rfm-player-history-ticker #rfmHistoryContainer .rfm-history-row,
  .home .rfm-player-history-ticker #rfmHistoryContainer .rfm-history-row.is-hero-ticker-card {
    flex-basis: 260px !important;
    width: 260px !important;
    min-width: 260px !important;
    max-width: 260px !important;
    min-height: 226px !important;
  }

  .home .rfm-player-history-ticker #rfmHistoryContainer .rfm-history-song-title {
    font-size: 12.8px !important;
    max-height: 31px !important;
  }

  .home .rfm-player-history-ticker #rfmHistoryContainer .rfm-history-artist-title {
    font-size: 10.8px !important;
  }

  .home .rfm-player-history-ticker #rfmHistoryContainer .rfm-history-badge {
    font-size: 8.2px !important;
    padding: 0 8px !important;
  }
}

/* v1.0.615 - Fix home hero history carousel: true 16:9 media cards, stable station rail, no inherited row layout. */
@media (min-width: 769px) {
  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher.rfm-hero-stations-static,
  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher.rfm-hero-stations-static.rfm-stations-open,
  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher.rfm-hero-stations-static.rfm-stations-overflow,
  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher.rfm-hero-stations-static[class*="rfm-stations-count-"] {
    grid-column: 2 !important;
    grid-row: 1 !important;
    position: relative !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    place-self: center !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 54px !important;
    min-width: 54px !important;
    max-width: 54px !important;
    height: 184px !important;
    min-height: 184px !important;
    max-height: 184px !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
    transform: none !important;
    transition: none !important;
    z-index: 12 !important;
  }

  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher.rfm-hero-stations-static > .rfm-station-tab,
  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher.rfm-hero-stations-static > .rfm-station-tab.active,
  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher.rfm-hero-stations-static > .rfm-station-tab:hover,
  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher.rfm-hero-stations-static > .rfm-station-tab:focus,
  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher.rfm-hero-stations-static > .rfm-station-tab:focus-visible {
    position: relative !important;
    inset: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 48px !important;
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    min-height: 48px !important;
    max-width: 48px !important;
    max-height: 48px !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    translate: none !important;
    order: 0 !important;
    box-sizing: border-box !important;
  }

  .home .rfm-player-history-ticker {
    padding: 14px 16px 16px !important;
    border-radius: 24px !important;
  }

  .home .rfm-player-history-ticker .rfm-player-history-viewport {
    padding: 0 2px 6px !important;
  }

  .home .rfm-player-history-ticker #rfmHistoryContainer,
  .home .rfm-player-history-ticker #rfmHistoryContainer.rfm-history-preview-collapsed,
  .home .rfm-player-history-ticker #rfmHistoryContainer.rfm-history-preview-expanded {
    gap: 16px !important;
    align-items: stretch !important;
    padding: 0 4px 4px !important;
  }

  .home .rfm-player-history-ticker #rfmHistoryContainer > .rfm-history-row,
  .home .rfm-player-history-ticker #rfmHistoryContainer > .rfm-history-row.is-hero-ticker-card,
  .home .rfm-player-history-ticker #rfmHistoryContainer > .rfm-history-row.is-segment,
  .home .rfm-player-history-ticker #rfmHistoryContainer > .rfm-history-row.is-radijas-news {
    display: grid !important;
    grid-template-rows: auto minmax(54px, auto) !important;
    gap: 10px !important;
    flex: 0 0 clamp(278px, 21vw, 328px) !important;
    width: clamp(278px, 21vw, 328px) !important;
    min-width: clamp(278px, 21vw, 328px) !important;
    max-width: clamp(278px, 21vw, 328px) !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 9px 9px 11px !important;
    border-radius: 23px !important;
    background:
      radial-gradient(circle at 18% 2%, rgba(255,255,255,.94), rgba(255,255,255,.58) 42%, transparent 76%),
      linear-gradient(145deg, rgba(255,255,255,.88), rgba(255,246,248,.70)) !important;
    border: 1px solid rgba(255,255,255,.86) !important;
    box-shadow: 0 14px 30px rgba(38,28,29,.075), inset 0 1px 0 rgba(255,255,255,.72) !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    scroll-snap-align: start !important;
  }

  .home .rfm-player-history-ticker #rfmHistoryContainer > .rfm-history-row > .rfm-history-card-art-frame {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    aspect-ratio: 16 / 9 !important;
    min-height: 0 !important;
    border-radius: 17px !important;
    overflow: hidden !important;
    background: linear-gradient(135deg, rgba(210,4,45,.18), rgba(43,82,154,.10)) !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.68), 0 10px 20px rgba(38,28,29,.08) !important;
    isolation: isolate !important;
    flex: none !important;
    order: 0 !important;
  }

  .home .rfm-player-history-ticker #rfmHistoryContainer > .rfm-history-row > .rfm-history-card-art-frame::before {
    content: "" !important;
    position: absolute !important;
    inset: -18px !important;
    z-index: 0 !important;
    background-image: var(--rfm-history-art-bg, none) !important;
    background-size: cover !important;
    background-position: center !important;
    filter: blur(18px) saturate(1.15) !important;
    opacity: .38 !important;
    transform: scale(1.08) !important;
  }

  .home .rfm-player-history-ticker #rfmHistoryContainer > .rfm-history-row > .rfm-history-card-art-frame::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 2 !important;
    pointer-events: none !important;
    background: linear-gradient(to bottom, rgba(0,0,0,.12), transparent 34%, transparent 56%, rgba(0,0,0,.28)) !important;
  }

  .home .rfm-player-history-ticker #rfmHistoryContainer > .rfm-history-row > .rfm-history-card-art-frame > .rfm-history-art,
  .home .rfm-player-history-ticker #rfmHistoryContainer > .rfm-history-row > .rfm-history-card-art-frame > .rfm-history-art.has-image,
  .home .rfm-player-history-ticker #rfmHistoryContainer > .rfm-history-row > .rfm-history-card-art-frame > .rfm-history-art.is-empty,
  .home .rfm-player-history-ticker #rfmHistoryContainer > .rfm-history-row > .rfm-history-card-art-frame > .rfm-history-art.is-station-fallback {
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 100% !important;
    min-height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: hidden !important;
    transform: none !important;
    box-sizing: border-box !important;
  }

  .home .rfm-player-history-ticker #rfmHistoryContainer > .rfm-history-row > .rfm-history-card-art-frame > .rfm-history-art > img {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 100% !important;
    min-height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: cover !important;
    object-position: center center !important;
    border-radius: 0 !important;
    transform: none !important;
  }

  .home .rfm-player-history-ticker #rfmHistoryContainer > .rfm-history-row > .rfm-history-card-art-frame > .rfm-history-time {
    position: absolute !important;
    top: 10px !important;
    left: 10px !important;
    right: auto !important;
    bottom: auto !important;
    z-index: 6 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 25px !important;
    min-width: 50px !important;
    padding: 0 10px !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.95) !important;
    border: 1px solid rgba(210,4,45,.24) !important;
    box-shadow: 0 9px 18px rgba(38,28,29,.16) !important;
    color: #B9042F !important;
    font-size: 10.5px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
    letter-spacing: .035em !important;
    white-space: nowrap !important;
  }

  .home .rfm-player-history-ticker #rfmHistoryContainer > .rfm-history-row > .rfm-history-card-art-frame > .rfm-history-badge-wrap,
  .home .rfm-player-history-ticker #rfmHistoryContainer > .rfm-history-row > .rfm-history-card-art-frame > .rfm-history-badge-wrap.has-cycle {
    position: absolute !important;
    right: 10px !important;
    bottom: 10px !important;
    left: 56px !important;
    top: auto !important;
    z-index: 6 !important;
    display: flex !important;
    flex-direction: row-reverse !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 6px !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    height: 25px !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scrollbar-width: none !important;
    mask-image: linear-gradient(to left, #000 78%, transparent 100%) !important;
    -webkit-mask-image: linear-gradient(to left, #000 78%, transparent 100%) !important;
  }

  .home .rfm-player-history-ticker #rfmHistoryContainer > .rfm-history-row > .rfm-history-card-art-frame > .rfm-history-badge-wrap::-webkit-scrollbar { display: none !important; }

  .home .rfm-player-history-ticker #rfmHistoryContainer > .rfm-history-row > .rfm-history-card-art-frame .rfm-history-badge,
  .home .rfm-player-history-ticker #rfmHistoryContainer > .rfm-history-row > .rfm-history-card-art-frame .rfm-history-badge-wrap.has-cycle .rfm-history-badge {
    position: static !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    animation: none !important;
    flex: 0 0 auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 24px !important;
    min-width: max-content !important;
    padding: 0 9px !important;
    border-radius: 999px !important;
    font-size: 8.5px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
    letter-spacing: .02em !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    box-shadow: 0 8px 16px rgba(38,28,29,.17) !important;
  }

  .home .rfm-player-history-ticker #rfmHistoryContainer > .rfm-history-row > .rfm-history-meta {
    position: relative !important;
    z-index: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: 4px !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 49px !important;
    padding: 0 4px !important;
    margin: 0 !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  .home .rfm-player-history-ticker #rfmHistoryContainer > .rfm-history-row > .rfm-history-meta > .rfm-history-song-title {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
    color: #2F282A !important;
    font-size: 14px !important;
    line-height: 1.15 !important;
    font-weight: 950 !important;
    letter-spacing: .004em !important;
    text-transform: uppercase !important;
    white-space: normal !important;
  }

  .home .rfm-player-history-ticker #rfmHistoryContainer > .rfm-history-row > .rfm-history-meta > .rfm-history-artist-title {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    color: rgba(49,38,40,.66) !important;
    font-size: 11.2px !important;
    line-height: 1.15 !important;
    font-weight: 850 !important;
    letter-spacing: .025em !important;
    text-transform: uppercase !important;
  }
}

@media (min-width: 769px) and (max-width: 1120px) {
  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher.rfm-hero-stations-static,
  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher.rfm-hero-stations-static[class*="rfm-stations-count-"] {
    width: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
    height: 164px !important;
    min-height: 164px !important;
    max-height: 164px !important;
    gap: 7px !important;
  }
  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher.rfm-hero-stations-static > .rfm-station-tab,
  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher.rfm-hero-stations-static > .rfm-station-tab.active,
  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher.rfm-hero-stations-static > .rfm-station-tab:hover,
  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher.rfm-hero-stations-static > .rfm-station-tab:focus,
  .home .rfm-desktop-player-stage .rfm-hero-stations-switcher.rfm-hero-stations-static > .rfm-station-tab:focus-visible {
    flex-basis: 42px !important;
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;
    max-width: 42px !important;
    max-height: 42px !important;
  }
  .home .rfm-player-history-ticker #rfmHistoryContainer > .rfm-history-row,
  .home .rfm-player-history-ticker #rfmHistoryContainer > .rfm-history-row.is-hero-ticker-card {
    flex-basis: 276px !important;
    width: 276px !important;
    min-width: 276px !important;
    max-width: 276px !important;
  }
}


/* v1.0.616 - Hard fix hero history carousel first-card artwork inconsistency.
   Some cached/legacy rows could still render with .rfm-history-art as a direct child of the row.
   Lock both the new framed markup and the legacy direct markup to the same full-width 16:9 card model. */
@media (min-width: 769px) {
  .home .rfm-player-history-ticker #rfmHistoryContainer,
  .home .rfm-player-history-ticker #rfmHistoryContainer.rfm-history-preview-collapsed,
  .home .rfm-player-history-ticker #rfmHistoryContainer.rfm-history-preview-expanded {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    gap: 16px !important;
    padding: 0 4px 4px !important;
    overflow: visible !important;
  }

  .home .rfm-player-history-ticker #rfmHistoryContainer.rfm-history-preview-collapsed > .rfm-history-row:nth-of-type(n+3),
  .home .rfm-player-history-ticker #rfmHistoryContainer.rfm-history-preview-expanded > .rfm-history-row:nth-of-type(n+3) {
    display: grid !important;
  }

  .home .rfm-player-history-ticker #rfmHistoryContainer > .rfm-history-row,
  .home .rfm-player-history-ticker #rfmHistoryContainer > .rfm-history-row.is-hero-ticker-card,
  .home .rfm-player-history-ticker #rfmHistoryContainer > .rfm-history-row.is-segment,
  .home .rfm-player-history-ticker #rfmHistoryContainer > .rfm-history-row.is-radijas-news {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: auto minmax(54px, auto) !important;
    gap: 10px !important;
    flex: 0 0 clamp(286px, 22vw, 340px) !important;
    width: clamp(286px, 22vw, 340px) !important;
    min-width: clamp(286px, 22vw, 340px) !important;
    max-width: clamp(286px, 22vw, 340px) !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 9px 9px 11px !important;
    border-radius: 23px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    background: radial-gradient(circle at 18% 2%, rgba(255,255,255,.94), rgba(255,255,255,.58) 42%, transparent 76%), linear-gradient(145deg, rgba(255,255,255,.88), rgba(255,246,248,.70)) !important;
    border: 1px solid rgba(255,255,255,.86) !important;
    box-shadow: 0 14px 30px rgba(38,28,29,.075), inset 0 1px 0 rgba(255,255,255,.72) !important;
    scroll-snap-align: start !important;
  }

  .home .rfm-player-history-ticker #rfmHistoryContainer > .rfm-history-row > .rfm-history-card-art-frame,
  .home .rfm-player-history-ticker #rfmHistoryContainer > .rfm-history-row > .rfm-history-art {
    grid-column: 1 !important;
    grid-row: 1 !important;
    position: relative !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-width: 100% !important;
    max-width: 100% !important;
    aspect-ratio: 16 / 9 !important;
    min-height: 0 !important;
    max-height: none !important;
    flex: none !important;
    order: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 17px !important;
    overflow: hidden !important;
    background: linear-gradient(135deg, rgba(210,4,45,.18), rgba(43,82,154,.10)) !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.68), 0 10px 20px rgba(38,28,29,.08) !important;
    transform: none !important;
    box-sizing: border-box !important;
    isolation: isolate !important;
  }

  .home .rfm-player-history-ticker #rfmHistoryContainer > .rfm-history-row > .rfm-history-card-art-frame > .rfm-history-art,
  .home .rfm-player-history-ticker #rfmHistoryContainer > .rfm-history-row > .rfm-history-card-art-frame > .rfm-history-art.has-image,
  .home .rfm-player-history-ticker #rfmHistoryContainer > .rfm-history-row > .rfm-history-card-art-frame > .rfm-history-art.is-segment-art,
  .home .rfm-player-history-ticker #rfmHistoryContainer > .rfm-history-row > .rfm-history-card-art-frame > .rfm-history-art.is-station-fallback,
  .home .rfm-player-history-ticker #rfmHistoryContainer > .rfm-history-row > .rfm-history-art.has-image,
  .home .rfm-player-history-ticker #rfmHistoryContainer > .rfm-history-row > .rfm-history-art.is-segment-art,
  .home .rfm-player-history-ticker #rfmHistoryContainer > .rfm-history-row > .rfm-history-art.is-station-fallback {
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 100% !important;
    min-height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    aspect-ratio: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    overflow: hidden !important;
    background: transparent !important;
    box-shadow: none !important;
    transform: none !important;
    visibility: visible !important;
    pointer-events: auto !important;
    box-sizing: border-box !important;
  }

  .home .rfm-player-history-ticker #rfmHistoryContainer > .rfm-history-row > .rfm-history-card-art-frame img,
  .home .rfm-player-history-ticker #rfmHistoryContainer > .rfm-history-row > .rfm-history-art img,
  .home .rfm-player-history-ticker #rfmHistoryContainer > .rfm-history-row > .rfm-history-card-art-frame > .rfm-history-art.is-segment-art img,
  .home .rfm-player-history-ticker #rfmHistoryContainer > .rfm-history-row > .rfm-history-art.is-segment-art img,
  .home .rfm-player-history-ticker #rfmHistoryContainer > .rfm-history-row > .rfm-history-card-art-frame > .rfm-history-art.is-station-fallback img,
  .home .rfm-player-history-ticker #rfmHistoryContainer > .rfm-history-row > .rfm-history-art.is-station-fallback img {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 100% !important;
    min-height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    aspect-ratio: auto !important;
    object-fit: cover !important;
    object-position: center center !important;
    border-radius: 0 !important;
    transform: none !important;
  }

  .home .rfm-player-history-ticker #rfmHistoryContainer > .rfm-history-row > .rfm-history-time {
    grid-column: 1 !important;
    grid-row: 1 !important;
    align-self: start !important;
    justify-self: start !important;
    position: relative !important;
    top: 10px !important;
    left: 10px !important;
    z-index: 7 !important;
  }

  .home .rfm-player-history-ticker #rfmHistoryContainer > .rfm-history-row > .rfm-history-card-art-frame > .rfm-history-time,
  .home .rfm-player-history-ticker #rfmHistoryContainer > .rfm-history-row > .rfm-history-time {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 25px !important;
    min-width: 50px !important;
    width: auto !important;
    max-width: max-content !important;
    padding: 0 10px !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.95) !important;
    border: 1px solid rgba(210,4,45,.24) !important;
    box-shadow: 0 9px 18px rgba(38,28,29,.16) !important;
    color: #B9042F !important;
    font-size: 10.5px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
    letter-spacing: .035em !important;
    white-space: nowrap !important;
  }

  .home .rfm-player-history-ticker #rfmHistoryContainer > .rfm-history-row > .rfm-history-badge-wrap,
  .home .rfm-player-history-ticker #rfmHistoryContainer > .rfm-history-row > .rfm-history-card-art-frame > .rfm-history-badge-wrap {
    position: absolute !important;
    right: 10px !important;
    bottom: 10px !important;
    left: 56px !important;
    top: auto !important;
    z-index: 7 !important;
    display: flex !important;
    flex-direction: row-reverse !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 6px !important;
    height: 25px !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scrollbar-width: none !important;
    mask-image: linear-gradient(to left, #000 78%, transparent 100%) !important;
    -webkit-mask-image: linear-gradient(to left, #000 78%, transparent 100%) !important;
  }

  .home .rfm-player-history-ticker #rfmHistoryContainer > .rfm-history-row > .rfm-history-meta {
    grid-column: 1 !important;
    grid-row: 2 !important;
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: 4px !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 49px !important;
    padding: 0 4px !important;
    margin: 0 !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }
}

/* v1.0.620 - Slower Safari-safe CSS marquee for the hero "PRIES TAI GROJO" carousel.
   Uses the same duplicated-track principle as the homepage artist marquee instead
   of JS scrollLeft, which Safari can ignore inside transformed/overflow layouts. */
@media (min-width: 769px) {
  .home .rfm-player-history-viewport {
    overflow-x: hidden !important;
    scroll-behavior: auto !important;
    scroll-snap-type: none !important;
  }

  .home .rfm-player-history-ticker #rfmHistoryContainer.is-rfm-css-marquee,
  .home .rfm-player-history-ticker #rfmHistoryContainer.is-rfm-css-marquee.rfm-history-preview-collapsed,
  .home .rfm-player-history-ticker #rfmHistoryContainer.is-rfm-css-marquee.rfm-history-preview-expanded {
    --rfm-history-marquee-duration: 380s;
    --rfm-history-marquee-direction: normal;
    animation: rfm-history-carousel-right var(--rfm-history-marquee-duration) linear infinite !important;
    animation-direction: var(--rfm-history-marquee-direction) !important;
    will-change: transform !important;
    transform: translate3d(-50%, 0, 0);
  }

  .home .rfm-player-history-ticker:hover #rfmHistoryContainer.is-rfm-css-marquee,
  .home .rfm-player-history-ticker:focus-within #rfmHistoryContainer.is-rfm-css-marquee {
    animation-play-state: paused !important;
  }

  .home .rfm-player-history-ticker #rfmHistoryContainer .rfm-history-row.is-rfm-history-marquee-clone {
    pointer-events: none !important;
  }

  @keyframes rfm-history-carousel-right {
    0% { transform: translate3d(0, 0, 0); }
    100% { transform: translate3d(-50%, 0, 0); }
  }
}


/* v1.0.621 - Make the hero "PRIES TAI GROJO" carousel float in the same transparent glass surface as the main player.
   Removes the white panel look and keeps only very light glass cards for readability. */
@media (min-width: 769px) {
  .home .rfm-desktop-player-stage .rfm-player-history-ticker,
  .home .rfm-player-history-ticker,
  .home .rfm-home-primary-column > .rfm-standalone-player-box.rfm-desktop-player-stage .rfm-player-history-ticker {
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    padding: 6px 2px 8px !important;
    border-radius: 0 !important;
    overflow: hidden !important;
  }

  .home .rfm-player-history-ticker-head {
    padding: 0 8px !important;
    margin: 0 0 10px !important;
  }

  .home .rfm-player-history-label {
    background: rgba(255,255,255,.44) !important;
    border: 1px solid rgba(255,255,255,.58) !important;
    color: #33282B !important;
    box-shadow: 0 10px 24px rgba(119,27,42,.055), inset 0 1px 0 rgba(255,255,255,.70) !important;
    backdrop-filter: blur(18px) saturate(160%) !important;
    -webkit-backdrop-filter: blur(18px) saturate(160%) !important;
  }

  .home .rfm-history-ticker-arrow {
    background: rgba(255,255,255,.42) !important;
    border: 1px solid rgba(255,255,255,.62) !important;
    box-shadow: 0 10px 22px rgba(119,27,42,.06), inset 0 1px 0 rgba(255,255,255,.72) !important;
    backdrop-filter: blur(18px) saturate(160%) !important;
    -webkit-backdrop-filter: blur(18px) saturate(160%) !important;
  }

  .home .rfm-history-ticker-arrow:hover,
  .home .rfm-history-ticker-arrow:focus-visible {
    background: rgba(255,255,255,.66) !important;
    border-color: rgba(210,4,45,.20) !important;
  }

  .home .rfm-player-history-viewport {
    padding: 0 4px 6px !important;
    mask-image: linear-gradient(to right, transparent 0, #000 28px, #000 calc(100% - 28px), transparent 100%) !important;
    -webkit-mask-image: linear-gradient(to right, transparent 0, #000 28px, #000 calc(100% - 28px), transparent 100%) !important;
  }

  .home .rfm-player-history-ticker #rfmHistoryContainer,
  .home .rfm-player-history-ticker #rfmHistoryContainer.rfm-history-preview-collapsed,
  .home .rfm-player-history-ticker #rfmHistoryContainer.rfm-history-preview-expanded {
    padding-top: 2px !important;
    padding-bottom: 6px !important;
  }

  .home .rfm-player-history-ticker #rfmHistoryContainer > .rfm-history-row,
  .home .rfm-player-history-ticker #rfmHistoryContainer > .rfm-history-row.is-hero-ticker-card,
  .home .rfm-player-history-ticker #rfmHistoryContainer > .rfm-history-row.is-segment,
  .home .rfm-player-history-ticker #rfmHistoryContainer > .rfm-history-row.is-radijas-news {
    background:
      radial-gradient(circle at 18% 0%, rgba(255,255,255,.68), rgba(255,255,255,.24) 48%, transparent 78%),
      linear-gradient(145deg, rgba(255,255,255,.34), rgba(255,244,247,.20)) !important;
    border: 1px solid rgba(255,255,255,.48) !important;
    box-shadow: 0 14px 34px rgba(119,27,42,.065), inset 0 1px 0 rgba(255,255,255,.54) !important;
    backdrop-filter: blur(18px) saturate(160%) !important;
    -webkit-backdrop-filter: blur(18px) saturate(160%) !important;
  }

  .home .rfm-player-history-ticker #rfmHistoryContainer > .rfm-history-row > .rfm-history-card-art-frame,
  .home .rfm-player-history-ticker #rfmHistoryContainer > .rfm-history-row > .rfm-history-art {
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.56), 0 10px 22px rgba(38,28,29,.07) !important;
  }

  .home .rfm-player-history-ticker #rfmHistoryContainer > .rfm-history-row > .rfm-history-meta > .rfm-history-song-title {
    color: #2B2426 !important;
    text-shadow: 0 1px 0 rgba(255,255,255,.38) !important;
  }

  .home .rfm-player-history-ticker #rfmHistoryContainer > .rfm-history-row > .rfm-history-meta > .rfm-history-artist-title {
    color: rgba(49,38,40,.70) !important;
  }
}


/* v1.0.622 - Tighten vertical spacing between the hero top row and the floating "PRIES TAI GROJO" carousel.
   The rating slot stays protected: when it has content, it still keeps its own readable glass card spacing. */
@media (min-width: 769px) {
  .home .rfm-home-primary-column > .rfm-standalone-player-box.rfm-desktop-player-stage .rfm-floating-player {
    row-gap: 7px !important;
  }

  .home .rfm-home-player-rating-slot:empty {
    display: none !important;
    min-height: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  .home .rfm-home-player-rating-slot:not(:empty) {
    display: block !important;
    margin: 3px 0 4px !important;
  }

  .home .rfm-desktop-player-stage .rfm-player-history-ticker,
  .home .rfm-player-history-ticker,
  .home .rfm-home-primary-column > .rfm-standalone-player-box.rfm-desktop-player-stage .rfm-player-history-ticker {
    margin-top: 0 !important;
    padding-top: 4px !important;
  }
}

/* v1.0.623 - When a new latest song appears in the hero history carousel, preload visible artwork,
   glide the track back to the beginning, then resume the slow Safari-safe marquee. */
@media (min-width: 769px) {
  .home .rfm-player-history-ticker #rfmHistoryContainer.is-rfm-history-preloading {
    animation-play-state: paused !important;
  }

  .home .rfm-player-history-ticker #rfmHistoryContainer.is-rfm-history-returning,
  .home .rfm-player-history-ticker #rfmHistoryContainer.is-rfm-history-returning.is-rfm-css-marquee {
    animation: none !important;
    will-change: transform !important;
  }

  .home .rfm-player-history-ticker #rfmHistoryContainer.is-rfm-history-returning > .rfm-history-row {
    transform: translateZ(0);
    backface-visibility: hidden;
  }
}


/* v1.0.624 - Minimal floating history carousel: no label/arrows, tighter spacing, slower motion, smoother reset. */
@media (min-width: 769px) {
  .home .rfm-player-history-ticker-minimal .rfm-player-history-ticker-head,
  .home .rfm-player-history-ticker-minimal .rfm-player-history-label,
  .home .rfm-player-history-ticker-minimal .rfm-player-history-arrows,
  .home .rfm-player-history-ticker-minimal .rfm-history-ticker-arrow {
    display: none !important;
  }

  .home .rfm-desktop-player-stage .rfm-player-history-ticker-minimal,
  .home .rfm-player-history-ticker-minimal,
  .home .rfm-home-primary-column > .rfm-standalone-player-box.rfm-desktop-player-stage .rfm-player-history-ticker-minimal {
    margin-top: -2px !important;
    padding: 0 2px 5px !important;
  }

  .home .rfm-player-history-ticker-minimal #rfmHistoryPanel,
  .home .rfm-player-history-ticker-minimal #rfmHistoryPanel.open,
  .home .rfm-player-history-ticker-minimal .rfm-history-layout-wrapper,
  .home .rfm-player-history-ticker-minimal #rfmHistoryPanel.open .rfm-history-layout-wrapper {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  .home .rfm-player-history-ticker-minimal .rfm-player-history-viewport {
    padding-top: 0 !important;
    padding-bottom: 4px !important;
  }

  .home .rfm-player-history-ticker-minimal #rfmHistoryContainer,
  .home .rfm-player-history-ticker-minimal #rfmHistoryContainer.rfm-history-preview-collapsed,
  .home .rfm-player-history-ticker-minimal #rfmHistoryContainer.rfm-history-preview-expanded {
    padding-top: 0 !important;
    padding-bottom: 4px !important;
  }

  .home .rfm-player-history-ticker-minimal #rfmHistoryContainer.is-rfm-css-marquee,
  .home .rfm-player-history-ticker-minimal #rfmHistoryContainer.is-rfm-css-marquee.rfm-history-preview-collapsed,
  .home .rfm-player-history-ticker-minimal #rfmHistoryContainer.is-rfm-css-marquee.rfm-history-preview-expanded {
    --rfm-history-marquee-duration: 440s;
  }

  .home .rfm-player-history-ticker-minimal #rfmHistoryContainer.is-rfm-history-preloading {
    opacity: .94;
    filter: saturate(.98);
  }

  .home .rfm-player-history-ticker-minimal #rfmHistoryContainer.is-rfm-history-returning,
  .home .rfm-player-history-ticker-minimal #rfmHistoryContainer.is-rfm-history-returning.is-rfm-css-marquee {
    animation: none !important;
    will-change: transform, opacity, filter !important;
  }

  .home .rfm-player-history-ticker-minimal #rfmHistoryContainer.is-rfm-history-restarting,
  .home .rfm-player-history-ticker-minimal #rfmHistoryContainer.is-rfm-history-restarting.is-rfm-css-marquee {
    animation: none !important;
  }
}

/* v1.0.625 - Evaradio Laidos homepage banners are inserted into the hero history carousel every 5 songs. */
@media (min-width: 769px) {
  .home .rfm-player-history-ticker #rfmHistoryContainer > .rfm-history-row.is-history-promo-card,
  .home .rfm-player-history-ticker #rfmHistoryContainer > .rfm-history-row.is-hero-ticker-card.is-history-promo-card {
    display: grid !important;
    grid-template-rows: auto minmax(42px, auto) !important;
    gap: 10px !important;
    flex: 0 0 clamp(278px, 21vw, 328px) !important;
    width: clamp(278px, 21vw, 328px) !important;
    min-width: clamp(278px, 21vw, 328px) !important;
    max-width: clamp(278px, 21vw, 328px) !important;
    padding: 9px 9px 11px !important;
    border-radius: 23px !important;
    background:
      radial-gradient(circle at 16% 2%, rgba(255,255,255,.96), rgba(255,236,241,.64) 42%, transparent 78%),
      linear-gradient(145deg, rgba(255,255,255,.88), rgba(255,244,247,.72)) !important;
    border: 1px solid rgba(255,255,255,.86) !important;
    box-shadow: 0 14px 30px rgba(38,28,29,.075), inset 0 1px 0 rgba(255,255,255,.74) !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  .home .rfm-player-history-ticker #rfmHistoryContainer > .rfm-history-row.is-history-promo-card > .rfm-history-promo-art-frame {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    aspect-ratio: 16 / 9 !important;
    border-radius: 17px !important;
    overflow: hidden !important;
    background: linear-gradient(135deg, rgba(210,4,45,.18), rgba(43,82,154,.10)) !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.68), 0 10px 20px rgba(38,28,29,.08) !important;
    isolation: isolate !important;
    appearance: none !important;
    border: 0 !important;
    padding: 0 !important;
    cursor: pointer !important;
    text-decoration: none !important;
  }

  .home .rfm-player-history-ticker #rfmHistoryContainer > .rfm-history-row.is-history-promo-card > .rfm-history-promo-art-frame::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 2 !important;
    pointer-events: none !important;
    background: linear-gradient(to bottom, rgba(0,0,0,.08), transparent 40%, rgba(0,0,0,.26)) !important;
  }

  .home .rfm-player-history-ticker #rfmHistoryContainer > .rfm-history-row.is-history-promo-card .rfm-history-art,
  .home .rfm-player-history-ticker #rfmHistoryContainer > .rfm-history-row.is-history-promo-card .rfm-history-art.has-image,
  .home .rfm-player-history-ticker #rfmHistoryContainer > .rfm-history-row.is-history-promo-card .rfm-history-art.is-history-promo-art {
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: hidden !important;
  }

  .home .rfm-player-history-ticker #rfmHistoryContainer > .rfm-history-row.is-history-promo-card .rfm-history-art > img {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    border-radius: 0 !important;
  }

  .home .rfm-player-history-ticker #rfmHistoryContainer > .rfm-history-row.is-history-promo-card .rfm-history-promo-label {
    position: absolute !important;
    top: 10px !important;
    left: 10px !important;
    z-index: 6 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 25px !important;
    padding: 0 10px !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.95) !important;
    border: 1px solid rgba(210,4,45,.24) !important;
    color: #B9042F !important;
    font-size: 10px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    letter-spacing: .035em !important;
    box-shadow: 0 9px 18px rgba(38,28,29,.16) !important;
  }

  .home .rfm-player-history-ticker #rfmHistoryContainer > .rfm-history-row.is-history-promo-card > .rfm-history-promo-meta {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    min-height: 42px !important;
    padding: 0 4px !important;
  }

  .home .rfm-player-history-ticker #rfmHistoryContainer > .rfm-history-row.is-history-promo-card .rfm-history-promo-cta {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    overflow: hidden !important;
    width: 100% !important;
    border: 1px solid rgba(210,4,45,.30) !important;
    border-radius: 999px !important;
    background: linear-gradient(135deg, rgba(210,4,45,.105), rgba(255,255,255,.74)) !important;
    color: #B9042F !important;
    padding: 8px 11px !important;
    font-size: 11px !important;
    line-height: 1.12 !important;
    font-weight: 950 !important;
    letter-spacing: .025em !important;
    text-transform: uppercase !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.72), 0 8px 16px rgba(210,4,45,.08) !important;
  }

  .home .rfm-home-history-banner-grid.rfm-home-post-player-banners {
    display: none !important;
  }
}


/* v1.0.626 - Stabilise Evaradio Laidos promo cards inside the hero history carousel.
   Prevents banner repaint flicker during marquee movement and fixes the CTA pill so it ends naturally instead of stretching to the right edge. */
@media (min-width: 769px) {
  .home .rfm-player-history-ticker #rfmHistoryContainer > .rfm-history-row.is-history-promo-card,
  .home .rfm-player-history-ticker #rfmHistoryContainer > .rfm-history-row.is-hero-ticker-card.is-history-promo-card {
    transform: translateZ(0) !important;
    backface-visibility: hidden !important;
    -webkit-backface-visibility: hidden !important;
    contain: layout paint !important;
  }

  .home .rfm-player-history-ticker #rfmHistoryContainer > .rfm-history-row.is-history-promo-card > .rfm-history-promo-art-frame,
  .home .rfm-player-history-ticker #rfmHistoryContainer > .rfm-history-row.is-history-promo-card .rfm-history-art,
  .home .rfm-player-history-ticker #rfmHistoryContainer > .rfm-history-row.is-history-promo-card .rfm-history-art > img {
    transform: translateZ(0) !important;
    backface-visibility: hidden !important;
    -webkit-backface-visibility: hidden !important;
  }

  .home .rfm-player-history-ticker #rfmHistoryContainer > .rfm-history-row.is-history-promo-card .rfm-history-art > img {
    background-color: rgba(255,244,247,.72) !important;
  }

  .home .rfm-player-history-ticker #rfmHistoryContainer > .rfm-history-row.is-history-promo-card > .rfm-history-promo-meta {
    justify-content: flex-start !important;
    align-items: flex-start !important;
    min-width: 0 !important;
    overflow: hidden !important;
    padding: 0 3px !important;
  }

  .home .rfm-player-history-ticker #rfmHistoryContainer > .rfm-history-row.is-history-promo-card .rfm-history-promo-cta {
    align-self: flex-start !important;
    display: -webkit-box !important;
    width: -moz-fit-content !important;
    width: fit-content !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    overflow: hidden !important;
    border-radius: 15px !important;
    padding: 7px 11px !important;
    line-height: 1.14 !important;
    text-align: left !important;
    white-space: normal !important;
  }
}


/* v1.0.628 - Desktop homepage hero inline rating slot.
   The air rating lives inside the middle "Dabar groja" column under artist.
   A fixed reserved slot prevents the hero player and history carousel from moving.
   Single posts and mobile keep their existing rating layouts. */
@media (min-width: 769px) {
  .home .rfm-desktop-player-stage .rfm-info {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-self: center !important;
    min-height: 196px !important;
  }

  .home .rfm-hero-inline-rating-slot,
  .home .rfm-home-player-rating-slot.rfm-hero-inline-rating-slot,
  .home .rfm-info > #rfmSongRatingAirSlot.rfm-hero-inline-rating-slot {
    display: block !important;
    grid-column: auto !important;
    grid-row: auto !important;
    width: 100% !important;
    max-width: 330px !important;
    min-width: 0 !important;
    height: 54px !important;
    min-height: 54px !important;
    max-height: 54px !important;
    margin: 9px 0 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  .home .rfm-info > #rfmSongRatingAirSlot.rfm-hero-inline-rating-slot:empty,
  .home .rfm-home-player-rating-slot.rfm-hero-inline-rating-slot:empty {
    display: block !important;
    visibility: hidden !important;
    height: 54px !important;
    min-height: 54px !important;
    max-height: 54px !important;
    margin-top: 9px !important;
  }

  .home .rfm-hero-inline-rating-slot:not(:empty),
  .home .rfm-home-player-rating-slot.rfm-hero-inline-rating-slot:not(:empty) {
    display: block !important;
    visibility: visible !important;
    margin: 9px 0 0 !important;
  }

  .home .rfm-hero-inline-rating-slot .rfm-song-rating,
  .home .rfm-hero-inline-rating-slot .rfm-song-rating[data-context="air"],
  .home .rfm-hero-inline-rating-slot .rfm-song-rating--air {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;
    height: 54px !important;
    margin: 0 !important;
    padding: 6px 8px 6px !important;
    border-radius: 16px !important;
    border: 1px solid rgba(255,255,255,.62) !important;
    background:
      radial-gradient(circle at 92% 10%, rgba(210,4,45,.13), transparent 37%),
      linear-gradient(135deg, rgba(255,255,255,.54), rgba(255,244,247,.30)) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.62), 0 8px 18px rgba(38,28,29,.055) !important;
    overflow: hidden !important;
    transform: none !important;
    animation: none !important;
    opacity: 1 !important;
    box-sizing: border-box !important;
  }

  .home .rfm-hero-inline-rating-slot .rfm-song-rating::before,
  .home .rfm-hero-inline-rating-slot .rfm-song-rating::after {
    display: none !important;
  }

  .home .rfm-hero-inline-rating-slot .rfm-song-rating__message {
    display: block !important;
    width: 100% !important;
    margin: 0 0 3px !important;
    font-size: 9.5px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    letter-spacing: .025em !important;
    text-transform: uppercase !important;
    color: rgba(38,28,29,.70) !important;
    text-shadow: none !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .home .rfm-hero-inline-rating-slot .rfm-song-rating__message span,
  .home .rfm-hero-inline-rating-slot .rfm-song-rating.is-voted .rfm-song-rating__message span {
    display: inline-flex !important;
    align-items: center !important;
    width: auto !important;
    max-width: 100% !important;
    min-height: 0 !important;
    padding: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: rgba(210,4,45,.92) !important;
    font-size: inherit !important;
    line-height: inherit !important;
    font-weight: inherit !important;
    box-shadow: none !important;
  }

  .home .rfm-hero-inline-rating-slot .rfm-song-rating__bar-wrap {
    display: grid !important;
    grid-template-rows: 22px 11px !important;
    gap: 1px !important;
    min-width: 0 !important;
  }

  .home .rfm-hero-inline-rating-slot .rfm-song-rating__bar,
  .home .rfm-hero-inline-rating-slot .rfm-song-rating__bar:hover,
  .home .rfm-hero-inline-rating-slot .rfm-song-rating__bar:focus,
  .home .rfm-hero-inline-rating-slot .rfm-song-rating__bar:active {
    height: 22px !important;
    padding: 0 6px !important;
    border-radius: 999px !important;
  }

  .home .rfm-hero-inline-rating-slot .rfm-song-rating__track {
    left: 6px !important;
    right: 6px !important;
    top: 9px !important;
    height: 5px !important;
    background: rgba(210,4,45,.18) !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.72) !important;
  }

  .home .rfm-hero-inline-rating-slot .rfm-song-rating__ticks {
    left: 7px !important;
    right: 7px !important;
    top: 6px !important;
  }

  .home .rfm-hero-inline-rating-slot .rfm-song-rating__ticks i {
    width: 10px !important;
    height: 10px !important;
    transform: scale(.64) !important;
    background: rgba(255,255,255,.92) !important;
    box-shadow: 0 0 0 2px rgba(210,4,45,.16), 0 1px 4px rgba(38,28,29,.08) !important;
  }

  .home .rfm-hero-inline-rating-slot .rfm-song-rating__marker {
    top: 2px !important;
    width: 18px !important;
    height: 18px !important;
    border-width: 2px !important;
    box-shadow: 0 7px 14px rgba(210,4,45,.20) !important;
  }

  .home .rfm-hero-inline-rating-slot .rfm-song-rating__marker b {
    font-size: 9px !important;
  }

  .home .rfm-hero-inline-rating-slot .rfm-song-rating__scale {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin: 0 !important;
    color: rgba(38,28,29,.54) !important;
    font-size: 8.5px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    letter-spacing: .025em !important;
    text-transform: uppercase !important;
  }

  .home .rfm-hero-inline-rating-slot .rfm-song-rating.is-voted {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
  }

  .home .rfm-hero-inline-rating-slot .rfm-song-rating.is-voted .rfm-song-rating__message {
    margin: 0 !important;
    font-size: 10px !important;
    line-height: 1.12 !important;
    white-space: normal !important;
  }

  .home .rfm-hero-inline-rating-slot .rfm-song-rating__status,
  .home .rfm-hero-inline-rating-slot .rfm-song-rating__hp {
    display: none !important;
  }
}

@media (max-width: 768px) {
  .home .rfm-hero-inline-rating-slot,
  .home .rfm-info > #rfmSongRatingAirSlot.rfm-hero-inline-rating-slot {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }
}

/* v1.0.628 continuation - rating is no longer a separate hero grid row, so history sits directly under the hero top row. */
@media (min-width: 769px) {
  .home .rfm-home-primary-column > .rfm-standalone-player-box.rfm-desktop-player-stage .rfm-floating-player {
    grid-template-rows: minmax(210px, auto) auto !important;
  }

  .home .rfm-desktop-player-stage .rfm-player-history-ticker,
  .home .rfm-player-history-ticker,
  .home .rfm-home-primary-column > .rfm-standalone-player-box.rfm-desktop-player-stage .rfm-player-history-ticker {
    grid-row: 2 !important;
  }
}

/* v1.0.629 - Raise the hero play button and give the desktop inline rating a wider lane.
   The air rating slot is a direct grid child now, reserved inside the top player row so the
   hero height/history carousel do not move when rating content appears. Mobile and single posts are untouched. */
@media (min-width: 769px) {
  .home .rfm-home-primary-column > .rfm-standalone-player-box.rfm-desktop-player-stage .rfm-floating-player {
    grid-template-rows: minmax(210px, auto) auto !important;
    row-gap: 7px !important;
  }

  .home .rfm-desktop-player-stage .rfm-btn {
    grid-column: 3 !important;
    grid-row: 1 !important;
    justify-self: center !important;
    align-self: start !important;
    margin-top: 38px !important;
    z-index: 12 !important;
  }

  .home .rfm-desktop-player-stage .rfm-info {
    grid-column: 4 !important;
    grid-row: 1 !important;
    align-self: start !important;
    justify-self: stretch !important;
    min-height: 0 !important;
    padding: 36px 8px 0 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    z-index: 11 !important;
  }

  .home .rfm-hero-inline-rating-slot,
  .home .rfm-home-player-rating-slot.rfm-hero-inline-rating-slot,
  .home #rfmSongRatingAirSlot.rfm-hero-inline-rating-slot {
    grid-column: 3 / 5 !important;
    grid-row: 1 !important;
    align-self: end !important;
    justify-self: stretch !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    height: 60px !important;
    min-height: 60px !important;
    max-height: 60px !important;
    margin: 0 8px 32px 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    z-index: 10 !important;
  }

  .home #rfmSongRatingAirSlot.rfm-hero-inline-rating-slot:empty,
  .home .rfm-home-player-rating-slot.rfm-hero-inline-rating-slot:empty {
    display: block !important;
    visibility: hidden !important;
    height: 60px !important;
    min-height: 60px !important;
    max-height: 60px !important;
    margin: 0 8px 32px 0 !important;
  }

  .home .rfm-hero-inline-rating-slot:not(:empty),
  .home .rfm-home-player-rating-slot.rfm-hero-inline-rating-slot:not(:empty) {
    display: block !important;
    visibility: visible !important;
    margin: 0 8px 32px 0 !important;
  }

  .home .rfm-hero-inline-rating-slot .rfm-song-rating,
  .home .rfm-hero-inline-rating-slot .rfm-song-rating[data-context="air"],
  .home .rfm-hero-inline-rating-slot .rfm-song-rating--air {
    height: 60px !important;
    min-height: 60px !important;
    padding: 7px 12px 7px !important;
    border-radius: 17px !important;
  }

  .home .rfm-hero-inline-rating-slot .rfm-song-rating__message {
    margin-bottom: 4px !important;
  }

  .home .rfm-hero-inline-rating-slot .rfm-song-rating__bar-wrap {
    grid-template-rows: 24px 12px !important;
    gap: 1px !important;
  }

  .home .rfm-hero-inline-rating-slot .rfm-song-rating__bar,
  .home .rfm-hero-inline-rating-slot .rfm-song-rating__bar:hover,
  .home .rfm-hero-inline-rating-slot .rfm-song-rating__bar:focus,
  .home .rfm-hero-inline-rating-slot .rfm-song-rating__bar:active {
    height: 24px !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  .home .rfm-hero-inline-rating-slot .rfm-song-rating__track {
    left: 8px !important;
    right: 8px !important;
    top: 10px !important;
  }

  .home .rfm-hero-inline-rating-slot .rfm-song-rating__ticks {
    left: 9px !important;
    right: 9px !important;
    top: 7px !important;
  }

  .home .rfm-hero-inline-rating-slot .rfm-song-rating__marker {
    top: 3px !important;
  }
}

@media (min-width: 769px) and (max-width: 1120px) {
  .home .rfm-desktop-player-stage .rfm-btn {
    margin-top: 34px !important;
  }

  .home .rfm-desktop-player-stage .rfm-info {
    padding-top: 32px !important;
  }

  .home .rfm-hero-inline-rating-slot,
  .home .rfm-home-player-rating-slot.rfm-hero-inline-rating-slot,
  .home #rfmSongRatingAirSlot.rfm-hero-inline-rating-slot,
  .home #rfmSongRatingAirSlot.rfm-hero-inline-rating-slot:empty,
  .home .rfm-home-player-rating-slot.rfm-hero-inline-rating-slot:empty,
  .home .rfm-hero-inline-rating-slot:not(:empty),
  .home .rfm-home-player-rating-slot.rfm-hero-inline-rating-slot:not(:empty) {
    margin-bottom: 26px !important;
  }
}

@media (min-width: 769px) and (max-width: 940px) {
  .home .rfm-desktop-player-stage .rfm-btn {
    margin-top: 30px !important;
  }

  .home .rfm-desktop-player-stage .rfm-info {
    padding-top: 28px !important;
  }

  .home .rfm-hero-inline-rating-slot,
  .home .rfm-home-player-rating-slot.rfm-hero-inline-rating-slot,
  .home #rfmSongRatingAirSlot.rfm-hero-inline-rating-slot,
  .home #rfmSongRatingAirSlot.rfm-hero-inline-rating-slot:empty,
  .home .rfm-home-player-rating-slot.rfm-hero-inline-rating-slot:empty,
  .home .rfm-hero-inline-rating-slot:not(:empty),
  .home .rfm-home-player-rating-slot.rfm-hero-inline-rating-slot:not(:empty) {
    grid-column: 3 / 5 !important;
    height: 56px !important;
    min-height: 56px !important;
    max-height: 56px !important;
    margin-bottom: 22px !important;
  }

  .home .rfm-hero-inline-rating-slot .rfm-song-rating,
  .home .rfm-hero-inline-rating-slot .rfm-song-rating[data-context="air"],
  .home .rfm-hero-inline-rating-slot .rfm-song-rating--air {
    height: 56px !important;
    min-height: 56px !important;
    padding: 6px 10px !important;
  }
}

/* v1.0.630 - desktop hero player: align play with title/artist and make inline rating a transparent, higher, wider control.
   Scope is only homepage desktop hero. Mobile and single-post rating cards stay untouched. */
@media (min-width: 769px) {
  .home .rfm-desktop-player-stage .rfm-btn {
    grid-column: 3 !important;
    grid-row: 1 !important;
    justify-self: center !important;
    align-self: start !important;
    margin-top: 56px !important;
    z-index: 14 !important;
  }

  .home .rfm-desktop-player-stage .rfm-info {
    grid-column: 4 !important;
    grid-row: 1 !important;
    align-self: start !important;
    justify-self: stretch !important;
    padding-top: 34px !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
    z-index: 13 !important;
  }

  .home .rfm-hero-inline-rating-slot,
  .home .rfm-home-player-rating-slot.rfm-hero-inline-rating-slot,
  .home #rfmSongRatingAirSlot.rfm-hero-inline-rating-slot {
    grid-column: 3 / 5 !important;
    grid-row: 1 !important;
    align-self: start !important;
    justify-self: stretch !important;
    width: auto !important;
    max-width: none !important;
    height: 74px !important;
    min-height: 74px !important;
    max-height: 74px !important;
    margin: 126px 8px 0 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    z-index: 12 !important;
  }

  .home #rfmSongRatingAirSlot.rfm-hero-inline-rating-slot:empty,
  .home .rfm-home-player-rating-slot.rfm-hero-inline-rating-slot:empty {
    display: block !important;
    visibility: hidden !important;
    height: 74px !important;
    min-height: 74px !important;
    max-height: 74px !important;
    margin: 126px 8px 0 0 !important;
  }

  .home .rfm-hero-inline-rating-slot:not(:empty),
  .home .rfm-home-player-rating-slot.rfm-hero-inline-rating-slot:not(:empty) {
    display: block !important;
    visibility: visible !important;
    margin: 126px 8px 0 0 !important;
  }

  .home .rfm-hero-inline-rating-slot .rfm-song-rating,
  .home .rfm-hero-inline-rating-slot .rfm-song-rating[data-context="air"],
  .home .rfm-hero-inline-rating-slot .rfm-song-rating--air {
    width: 100% !important;
    max-width: none !important;
    height: 74px !important;
    min-height: 74px !important;
    max-height: 74px !important;
    margin: 0 !important;
    padding: 9px 14px 8px !important;
    border-radius: 18px !important;
    background:
      radial-gradient(circle at 95% 10%, rgba(210,4,43,.12), transparent 34%),
      linear-gradient(135deg, rgba(255,255,255,.26), rgba(255,255,255,.10)) !important;
    border: 1px solid rgba(255,255,255,.36) !important;
    -webkit-backdrop-filter: blur(12px) saturate(145%) !important;
    backdrop-filter: blur(12px) saturate(145%) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.42), 0 10px 24px rgba(38,28,29,.045) !important;
    overflow: hidden !important;
    transform: none !important;
  }

  .home .rfm-hero-inline-rating-slot .rfm-song-rating::before,
  .home .rfm-hero-inline-rating-slot .rfm-song-rating::after {
    opacity: .45 !important;
  }

  .home .rfm-hero-inline-rating-slot .rfm-song-rating__message {
    display: block !important;
    margin: 0 0 3px !important;
    text-align: center !important;
    line-height: 1 !important;
    height: 13px !important;
    overflow: hidden !important;
  }

  .home .rfm-hero-inline-rating-slot .rfm-song-rating__message span {
    font-size: 10.5px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    letter-spacing: .015em !important;
    color: #d2042b !important;
    text-shadow: none !important;
  }

  .home .rfm-hero-inline-rating-slot .rfm-song-rating__bar-wrap {
    display: grid !important;
    grid-template-rows: 34px 13px !important;
    gap: 2px !important;
    margin: 0 !important;
    align-items: start !important;
  }

  .home .rfm-hero-inline-rating-slot .rfm-song-rating__bar,
  .home .rfm-hero-inline-rating-slot .rfm-song-rating__bar:hover,
  .home .rfm-hero-inline-rating-slot .rfm-song-rating__bar:focus,
  .home .rfm-hero-inline-rating-slot .rfm-song-rating__bar:active {
    height: 34px !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .home .rfm-hero-inline-rating-slot .rfm-song-rating__track {
    left: 16px !important;
    right: 16px !important;
    top: 16px !important;
    height: 4px !important;
    background: rgba(216,221,229,.62) !important;
    box-shadow: none !important;
  }

  .home .rfm-hero-inline-rating-slot .rfm-song-rating__ticks {
    left: 16px !important;
    right: 16px !important;
    top: 7px !important;
  }

  .home .rfm-hero-inline-rating-slot .rfm-song-rating__ticks i {
    width: 18px !important;
    height: 18px !important;
    flex-basis: 18px !important;
    background: rgba(255,255,255,.58) !important;
    box-shadow: 0 0 0 2px rgba(239,207,212,.78) inset, 0 1px 5px rgba(23,18,23,.045) !important;
  }

  .home .rfm-hero-inline-rating-slot .rfm-song-rating__ticks i::after {
    inset: 4px !important;
    opacity: .78 !important;
  }

  .home .rfm-hero-inline-rating-slot .rfm-song-rating__marker {
    top: 1px !important;
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    border-width: 3px !important;
  }

  .home .rfm-hero-inline-rating-slot .rfm-song-rating__scale {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 12px !important;
    margin: 0 !important;
    padding: 0 17px !important;
    min-width: 0 !important;
    font-size: 8.5px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    letter-spacing: .04em !important;
    text-transform: uppercase !important;
  }

  .home .rfm-hero-inline-rating-slot .rfm-song-rating__scale-low,
  .home .rfm-hero-inline-rating-slot .rfm-song-rating__scale-high {
    display: block !important;
    max-width: 48% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .home .rfm-hero-inline-rating-slot .rfm-song-rating__scale-low {
    color: rgba(38,28,29,.58) !important;
    text-align: left !important;
  }

  .home .rfm-hero-inline-rating-slot .rfm-song-rating__scale-high {
    color: #d2042b !important;
    text-align: right !important;
  }

  .home .rfm-hero-inline-rating-slot .rfm-song-rating__status,
  .home .rfm-hero-inline-rating-slot .rfm-song-rating__hp {
    display: none !important;
  }

  .home .rfm-hero-inline-rating-slot .rfm-song-rating.is-voted {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .home .rfm-hero-inline-rating-slot .rfm-song-rating.is-voted .rfm-song-rating__message {
    height: auto !important;
    margin: 0 !important;
    text-align: center !important;
  }
}

@media (min-width: 769px) and (max-width: 1120px) {
  .home .rfm-desktop-player-stage .rfm-btn {
    margin-top: 52px !important;
  }

  .home .rfm-desktop-player-stage .rfm-info {
    padding-top: 31px !important;
  }

  .home .rfm-hero-inline-rating-slot,
  .home .rfm-home-player-rating-slot.rfm-hero-inline-rating-slot,
  .home #rfmSongRatingAirSlot.rfm-hero-inline-rating-slot,
  .home #rfmSongRatingAirSlot.rfm-hero-inline-rating-slot:empty,
  .home .rfm-home-player-rating-slot.rfm-hero-inline-rating-slot:empty,
  .home .rfm-hero-inline-rating-slot:not(:empty),
  .home .rfm-home-player-rating-slot.rfm-hero-inline-rating-slot:not(:empty) {
    height: 70px !important;
    min-height: 70px !important;
    max-height: 70px !important;
    margin-top: 118px !important;
  }

  .home .rfm-hero-inline-rating-slot .rfm-song-rating,
  .home .rfm-hero-inline-rating-slot .rfm-song-rating[data-context="air"],
  .home .rfm-hero-inline-rating-slot .rfm-song-rating--air {
    height: 70px !important;
    min-height: 70px !important;
    max-height: 70px !important;
    padding: 8px 12px 7px !important;
  }
}

@media (min-width: 769px) and (max-width: 940px) {
  .home .rfm-desktop-player-stage .rfm-btn {
    margin-top: 48px !important;
  }

  .home .rfm-desktop-player-stage .rfm-info {
    padding-top: 28px !important;
  }

  .home .rfm-hero-inline-rating-slot,
  .home .rfm-home-player-rating-slot.rfm-hero-inline-rating-slot,
  .home #rfmSongRatingAirSlot.rfm-hero-inline-rating-slot,
  .home #rfmSongRatingAirSlot.rfm-hero-inline-rating-slot:empty,
  .home .rfm-home-player-rating-slot.rfm-hero-inline-rating-slot:empty,
  .home .rfm-hero-inline-rating-slot:not(:empty),
  .home .rfm-home-player-rating-slot.rfm-hero-inline-rating-slot:not(:empty) {
    grid-column: 3 / 5 !important;
    height: 66px !important;
    min-height: 66px !important;
    max-height: 66px !important;
    margin-top: 110px !important;
    margin-right: 4px !important;
  }

  .home .rfm-hero-inline-rating-slot .rfm-song-rating,
  .home .rfm-hero-inline-rating-slot .rfm-song-rating[data-context="air"],
  .home .rfm-hero-inline-rating-slot .rfm-song-rating--air {
    height: 66px !important;
    min-height: 66px !important;
    max-height: 66px !important;
    padding: 7px 10px 6px !important;
    border-radius: 16px !important;
  }

  .home .rfm-hero-inline-rating-slot .rfm-song-rating__message span {
    font-size: 9.5px !important;
  }

  .home .rfm-hero-inline-rating-slot .rfm-song-rating__scale {
    font-size: 7.8px !important;
    padding-left: 13px !important;
    padding-right: 13px !important;
  }
}


/* v1.0.631 - Homepage hero desktop rating uses the same full-width edge-safe scale as desktop post cards. */
@media (min-width: 769px) {
  .home .rfm-hero-inline-rating-slot .rfm-song-rating,
  .home .rfm-hero-inline-rating-slot .rfm-song-rating[data-context="air"],
  .home .rfm-hero-inline-rating-slot .rfm-song-rating--air {
    --rfm-rating-edge: 9px !important;
  }

  .home .rfm-hero-inline-rating-slot .rfm-song-rating__bar,
  .home .rfm-hero-inline-rating-slot .rfm-song-rating__bar:hover,
  .home .rfm-hero-inline-rating-slot .rfm-song-rating__bar:focus,
  .home .rfm-hero-inline-rating-slot .rfm-song-rating__bar:active {
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .home .rfm-hero-inline-rating-slot .rfm-song-rating__track {
    left: var(--rfm-rating-edge, 9px) !important;
    right: var(--rfm-rating-edge, 9px) !important;
  }

  .home .rfm-hero-inline-rating-slot .rfm-song-rating__ticks {
    left: 0 !important;
    right: 0 !important;
  }

  .home .rfm-hero-inline-rating-slot .rfm-song-rating__marker {
    left: clamp(15px, var(--rfm-rating-x, 50%), calc(100% - 15px)) !important;
  }

  .home .rfm-hero-inline-rating-slot .rfm-song-rating__scale {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    gap: 8px !important;
  }

  .home .rfm-hero-inline-rating-slot .rfm-song-rating__scale-low,
  .home .rfm-hero-inline-rating-slot .rfm-song-rating__scale-high {
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .home .rfm-hero-inline-rating-slot .rfm-song-rating__scale-low {
    justify-self: start !important;
    text-align: left !important;
  }

  .home .rfm-hero-inline-rating-slot .rfm-song-rating__scale-high {
    justify-self: end !important;
    text-align: right !important;
  }
}

/* v1.0.633 - Remove remaining hero rating / likes background.
   Desktop homepage only: keep the inline rating inside the hero player visually transparent,
   overriding older hero-card and plugin background layers without changing rating logic,
   mobile rating, or single-post rating placement. */
@media (min-width: 769px) {
  .home .rfm-hero-inline-rating-slot .rfm-song-rating,
  .home .rfm-hero-inline-rating-slot .rfm-song-rating[data-context="air"],
  .home .rfm-hero-inline-rating-slot .rfm-song-rating--air,
  .home .rfm-hero-inline-rating-slot .rfm-song-rating__inner,
  .home .rfm-hero-inline-rating-slot .rfm-song-rating__body,
  .home .rfm-hero-inline-rating-slot .rfm-song-rating__content,
  .home .rfm-hero-inline-rating-slot .rfm-song-rating__likes,
  .home .rfm-hero-inline-rating-slot .rfm-song-rating__like,
  .home .rfm-hero-inline-rating-slot .rfm-song-rating__dislike,
  .home .rfm-hero-inline-rating-slot .rfm-song-rating__actions,
  .home .rfm-hero-inline-rating-slot .rfm-song-rating__form {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
  }

  .home .rfm-hero-inline-rating-slot .rfm-song-rating::before,
  .home .rfm-hero-inline-rating-slot .rfm-song-rating::after,
  .home .rfm-hero-inline-rating-slot .rfm-song-rating__inner::before,
  .home .rfm-hero-inline-rating-slot .rfm-song-rating__inner::after,
  .home .rfm-hero-inline-rating-slot .rfm-song-rating__body::before,
  .home .rfm-hero-inline-rating-slot .rfm-song-rating__body::after,
  .home .rfm-hero-inline-rating-slot .rfm-song-rating__likes::before,
  .home .rfm-hero-inline-rating-slot .rfm-song-rating__likes::after,
  .home .rfm-hero-inline-rating-slot .rfm-song-rating__bar-wrap::before,
  .home .rfm-hero-inline-rating-slot .rfm-song-rating__bar-wrap::after {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    opacity: 0 !important;
  }

  .home .rfm-hero-inline-rating-slot .rfm-song-rating {
    border-color: transparent !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .home .rfm-hero-inline-rating-slot .rfm-song-rating__message,
  .home .rfm-hero-inline-rating-slot .rfm-song-rating__bar-wrap,
  .home .rfm-hero-inline-rating-slot .rfm-song-rating__bar,
  .home .rfm-hero-inline-rating-slot .rfm-song-rating__scale {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
  }
}


/* v1.0.634 - Homepage hero-specific tuning for the desktop rating invite animation. */
@media (min-width: 769px) {
  .home .rfm-hero-inline-rating-slot .rfm-song-rating {
    --rfm-rating-label-width: 116px;
    --rfm-rating-label-dot-size: 9px;
    --rfm-rating-label-dot-bottom: -11px;
  }

  .home .rfm-hero-inline-rating-slot .rfm-song-rating:not(.is-voted) .rfm-song-rating__message {
    height: 19px !important;
    min-height: 19px !important;
    margin-bottom: 3px !important;
  }

  .home .rfm-hero-inline-rating-slot .rfm-song-rating:not(.is-voted) .rfm-song-rating__message span {
    font-size: 9.6px !important;
    line-height: 1.05 !important;
    letter-spacing: .06em !important;
  }

  .home .rfm-hero-inline-rating-slot .rfm-song-rating:not(.is-voted) .rfm-song-rating__bar-wrap {
    position: relative !important;
    z-index: 2 !important;
  }
}


/* v1.0.635 - Hero rating: keep the invite dot on the actual scale line. */
@media (min-width: 769px) {
  .home .rfm-hero-inline-rating-slot .rfm-song-rating:not(.is-voted) .rfm-song-rating__bar-wrap::after {
    top: 50% !important;
    width: var(--rfm-rating-label-dot-size, 9px) !important;
    height: var(--rfm-rating-label-dot-size, 9px) !important;
    box-shadow: 0 6px 16px rgba(185, 4, 47, .30), 0 0 0 4px rgba(185, 4, 47, .08) !important;
  }
}


/* v1.0.636 - Hero rating: restore the visible invite dot on the scale.
   v1.0.633 intentionally removed leftover background pseudo-layers in the hero rating,
   but that also made the new animated dot transparent. This explicit later rule restores only
   the dot, not the old likes/card background. */
@media (min-width: 769px) {
  .home .rfm-hero-inline-rating-slot .rfm-song-rating:not(.is-voted) .rfm-song-rating__bar-wrap {
    position: relative !important;
    overflow: visible !important;
    isolation: isolate !important;
  }

  .home .rfm-hero-inline-rating-slot .rfm-song-rating:not(.is-voted) .rfm-song-rating__bar-wrap::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    top: 50% !important;
    left: var(--rfm-rating-edge, 9px);
    width: var(--rfm-rating-label-dot-size, 9px) !important;
    height: var(--rfm-rating-label-dot-size, 9px) !important;
    border-radius: 999px !important;
    background: #B9042F !important;
    background-color: #B9042F !important;
    background-image: none !important;
    border: 2px solid rgba(255, 255, 255, .96) !important;
    box-shadow: 0 6px 16px rgba(185, 4, 47, .34), 0 0 0 4px rgba(185, 4, 47, .10) !important;
    opacity: 1 !important;
    transform: translate(-50%, -50%) scale(1);
    pointer-events: none !important;
    z-index: 30 !important;
    will-change: left, transform, opacity, filter;
    animation: rfm-rating-track-dot-walk 6.8s cubic-bezier(.42, 0, .18, 1) infinite alternate !important;
  }

  .home .rfm-hero-inline-rating-slot .rfm-song-rating.is-voted .rfm-song-rating__bar-wrap::after {
    content: none !important;
    display: none !important;
    animation: none !important;
  }

  @media (prefers-reduced-motion: reduce) {
    .home .rfm-hero-inline-rating-slot .rfm-song-rating:not(.is-voted) .rfm-song-rating__bar-wrap::after {
      left: 50% !important;
      animation: none !important;
    }
  }
}

/* v1.0.637 - Homepage hero rating: align moving dot with the scale and keep edge labels visible. */
@media (min-width: 769px) {
  .home .rfm-hero-inline-rating-slot,
  .home .rfm-home-player-rating-slot.rfm-hero-inline-rating-slot,
  .home #rfmSongRatingAirSlot.rfm-hero-inline-rating-slot {
    height: 78px !important;
    min-height: 78px !important;
    max-height: 78px !important;
    margin-top: 116px !important;
    overflow: visible !important;
  }

  .home #rfmSongRatingAirSlot.rfm-hero-inline-rating-slot:empty,
  .home .rfm-home-player-rating-slot.rfm-hero-inline-rating-slot:empty {
    height: 78px !important;
    min-height: 78px !important;
    max-height: 78px !important;
    margin-top: 116px !important;
    overflow: hidden !important;
  }

  .home .rfm-hero-inline-rating-slot:not(:empty),
  .home .rfm-home-player-rating-slot.rfm-hero-inline-rating-slot:not(:empty) {
    margin-top: 116px !important;
    overflow: visible !important;
  }

  .home .rfm-hero-inline-rating-slot .rfm-song-rating,
  .home .rfm-hero-inline-rating-slot .rfm-song-rating[data-context="air"],
  .home .rfm-hero-inline-rating-slot .rfm-song-rating--air {
    --rfm-rating-edge: 10px !important;
    --rfm-rating-invite-dot-top: 26px !important;
    --rfm-rating-label-dot-size: 14px !important;
    height: 78px !important;
    min-height: 78px !important;
    max-height: 78px !important;
    padding: 6px 14px 5px !important;
    overflow: visible !important;
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
  }

  .home .rfm-hero-inline-rating-slot .rfm-song-rating__message {
    height: 19px !important;
    min-height: 19px !important;
    margin: 0 0 1px !important;
    line-height: 1 !important;
    overflow: visible !important;
    text-align: left !important;
  }

  .home .rfm-hero-inline-rating-slot .rfm-song-rating__message span {
    font-size: 13px !important;
    line-height: 1 !important;
    letter-spacing: .055em !important;
  }

  .home .rfm-hero-inline-rating-slot .rfm-song-rating__bar-wrap {
    position: relative !important;
    display: grid !important;
    grid-template-rows: 35px 17px !important;
    gap: 2px !important;
    min-height: 54px !important;
    margin: 0 !important;
    overflow: visible !important;
    isolation: isolate !important;
  }

  .home .rfm-hero-inline-rating-slot .rfm-song-rating__bar,
  .home .rfm-hero-inline-rating-slot .rfm-song-rating__bar:hover,
  .home .rfm-hero-inline-rating-slot .rfm-song-rating__bar:focus,
  .home .rfm-hero-inline-rating-slot .rfm-song-rating__bar:active {
    height: 35px !important;
    min-height: 35px !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  .home .rfm-hero-inline-rating-slot .rfm-song-rating__track {
    left: var(--rfm-rating-edge, 10px) !important;
    right: var(--rfm-rating-edge, 10px) !important;
    top: 17px !important;
    height: 4px !important;
    z-index: 2 !important;
  }

  .home .rfm-hero-inline-rating-slot .rfm-song-rating__ticks {
    left: 0 !important;
    right: 0 !important;
    top: 8px !important;
    z-index: 6 !important;
  }

  .home .rfm-hero-inline-rating-slot .rfm-song-rating:not(.is-voted) .rfm-song-rating__bar-wrap::after {
    top: 17px !important;
    width: 16px !important;
    height: 16px !important;
    background: #d2042b !important;
    border: 3px solid rgba(255,255,255,.96) !important;
    box-shadow: 0 8px 18px rgba(185,4,47,.32), 0 0 0 7px rgba(185,4,47,.10) !important;
    z-index: 20 !important;
  }

  .home .rfm-hero-inline-rating-slot .rfm-song-rating__scale {
    display: flex !important;
    justify-content: space-between !important;
    align-items: start !important;
    width: 100% !important;
    min-height: 17px !important;
    margin: 0 !important;
    padding: 0 var(--rfm-rating-edge, 10px) !important;
    overflow: visible !important;
    font-size: 10px !important;
    line-height: 1.1 !important;
    letter-spacing: .045em !important;
  }

  .home .rfm-hero-inline-rating-slot .rfm-song-rating__scale-low,
  .home .rfm-hero-inline-rating-slot .rfm-song-rating__scale-high {
    display: block !important;
    max-width: 48% !important;
    min-width: 0 !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
    line-height: 1.1 !important;
  }

  .home .rfm-hero-inline-rating-slot .rfm-song-rating__scale-low {
    text-align: left !important;
    justify-self: start !important;
  }

  .home .rfm-hero-inline-rating-slot .rfm-song-rating__scale-high {
    text-align: right !important;
    justify-self: end !important;
  }
}

@media (min-width: 769px) and (max-width: 940px) {
  .home .rfm-hero-inline-rating-slot,
  .home .rfm-home-player-rating-slot.rfm-hero-inline-rating-slot,
  .home #rfmSongRatingAirSlot.rfm-hero-inline-rating-slot,
  .home #rfmSongRatingAirSlot.rfm-hero-inline-rating-slot:empty,
  .home .rfm-home-player-rating-slot.rfm-hero-inline-rating-slot:empty,
  .home .rfm-hero-inline-rating-slot:not(:empty),
  .home .rfm-home-player-rating-slot.rfm-hero-inline-rating-slot:not(:empty) {
    height: 74px !important;
    min-height: 74px !important;
    max-height: 74px !important;
    margin-top: 108px !important;
  }

  .home .rfm-hero-inline-rating-slot .rfm-song-rating,
  .home .rfm-hero-inline-rating-slot .rfm-song-rating[data-context="air"],
  .home .rfm-hero-inline-rating-slot .rfm-song-rating--air {
    height: 74px !important;
    min-height: 74px !important;
    max-height: 74px !important;
    padding: 6px 10px 5px !important;
  }

  .home .rfm-hero-inline-rating-slot .rfm-song-rating__message span {
    font-size: 11px !important;
  }

  .home .rfm-hero-inline-rating-slot .rfm-song-rating__scale {
    font-size: 8.8px !important;
  }
}


/* v1.0.646 - Hero media loading ratio fix without changing the 1.0.639 HTML/grid.
   The previous structural wrapper attempt broke the hero layout. The real issue is that during the
   initial history-loading state Safari can resolve the hero artwork and Eteryje media cards through
   older height-based rules, briefly painting them as 1:1. Keep the existing grid positions, but make
   the media cards themselves the stable 16:9 ratio boxes from the first layout pass. */
@media (min-width: 769px) {
  .home .rfm-desktop-player-stage .rfm-now-post-card,
  .home .rfm-desktop-player-stage .rfm-player-logo-brand-wrap,
  .home .rfm-desktop-player-stage .rfm-player-laida-panel {
    position: relative !important;
    width: calc(100% - 18px) !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: 16 / 9 !important;
    align-self: center !important;
    justify-self: stretch !important;
    margin: 12px 0 !important;
    padding: 10px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    contain: layout paint !important;
  }

  .home .rfm-desktop-player-stage .rfm-now-post-card[hidden] {
    display: none !important;
  }

  .home .rfm-desktop-player-stage .rfm-now-post-card:not([hidden]) {
    display: block !important;
  }

  .home .rfm-desktop-player-stage .rfm-now-post-card img,
  .home .rfm-desktop-player-stage .rfm-player-logo-brand-wrap img,
  .home .rfm-desktop-player-stage .rfm-player-laida-panel img,
  .home .rfm-desktop-player-stage .rfm-player-laida-panel > *,
  .home .rfm-desktop-player-stage .rfm-player-laida-panel .rfm-laida-banner,
  .home .rfm-desktop-player-stage .rfm-player-laida-panel .rfm-laidos-home-banner {
    position: absolute !important;
    inset: 10px !important;
    width: calc(100% - 20px) !important;
    height: calc(100% - 20px) !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: none !important;
    max-height: none !important;
    aspect-ratio: 16 / 9 !important;
    object-fit: cover !important;
    object-position: center center !important;
    display: block !important;
    box-sizing: border-box !important;
    border-radius: 12px !important;
  }

  .home .rfm-desktop-player-stage .rfm-player-laida-panel .rfm-laida-content,
  .home .rfm-desktop-player-stage .rfm-player-laida-panel .rfm-laidos-home-banner .rfm-laida-content {
    position: absolute !important;
    left: 24px !important;
    right: 24px !important;
    bottom: 24px !important;
    z-index: 4 !important;
  }
}

@media (min-width: 769px) and (max-width: 1120px) {
  .home .rfm-desktop-player-stage .rfm-now-post-card,
  .home .rfm-desktop-player-stage .rfm-player-logo-brand-wrap,
  .home .rfm-desktop-player-stage .rfm-player-laida-panel {
    width: calc(100% - 14px) !important;
    margin-top: 9px !important;
    margin-bottom: 9px !important;
    padding: 8px !important;
  }

  .home .rfm-desktop-player-stage .rfm-now-post-card img,
  .home .rfm-desktop-player-stage .rfm-player-logo-brand-wrap img,
  .home .rfm-desktop-player-stage .rfm-player-laida-panel img,
  .home .rfm-desktop-player-stage .rfm-player-laida-panel > *,
  .home .rfm-desktop-player-stage .rfm-player-laida-panel .rfm-laida-banner,
  .home .rfm-desktop-player-stage .rfm-player-laida-panel .rfm-laidos-home-banner {
    inset: 8px !important;
    width: calc(100% - 16px) !important;
    height: calc(100% - 16px) !important;
    border-radius: 10px !important;
  }

  .home .rfm-desktop-player-stage .rfm-player-laida-panel .rfm-laida-content,
  .home .rfm-desktop-player-stage .rfm-player-laida-panel .rfm-laidos-home-banner .rfm-laida-content {
    left: 22px !important;
    right: 22px !important;
    bottom: 22px !important;
  }
}

/* v1.0.647 - When a RADIJAS.LT news clip is played inside the hero history carousel,
   keep the carousel still and keep the active card visibly controllable. Pure front-end;
   no extra server polling. */
@media (min-width: 769px) {
  .home .rfm-player-history-ticker.is-history-audio-active #rfmHistoryContainer.is-rfm-css-marquee,
  .home .rfm-player-history-ticker #rfmHistoryContainer.is-history-audio-active.is-rfm-css-marquee {
    animation-play-state: paused !important;
  }

  .home .rfm-player-history-ticker #rfmHistoryContainer > .rfm-history-row.is-history-audio-active-card,
  .home .rfm-player-history-ticker #rfmHistoryContainer > .rfm-history-row.is-history-audio-active-card.is-hero-ticker-card {
    border-color: rgba(210, 4, 45, .38) !important;
    box-shadow:
      0 18px 42px rgba(210, 4, 45, .16),
      0 0 0 1px rgba(210, 4, 45, .18),
      inset 0 1px 0 rgba(255,255,255,.72) !important;
  }

  .home .rfm-player-history-ticker #rfmHistoryContainer > .rfm-history-row.is-history-audio-active-card .rfm-history-card-art-frame::after {
    content: 'KLAUSOMA' !important;
    position: absolute !important;
    left: 10px !important;
    bottom: 10px !important;
    z-index: 8 !important;
    display: inline-flex !important;
    align-items: center !important;
    height: 23px !important;
    padding: 0 9px !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.94) !important;
    border: 1px solid rgba(210,4,45,.26) !important;
    color: #B9042F !important;
    font-size: 8.7px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
    letter-spacing: .045em !important;
    text-transform: uppercase !important;
    box-shadow: 0 8px 18px rgba(38,28,29,.14) !important;
  }

  .home .rfm-player-history-ticker .rfm-history-news-play {
    transition: transform .18s ease, background .18s ease, border-color .18s ease, box-shadow .18s ease !important;
  }

  .home .rfm-player-history-ticker .rfm-history-news-play.is-playing {
    background: #B9042F !important;
    border-color: rgba(185,4,47,.55) !important;
    color: #fff !important;
    box-shadow: 0 13px 30px rgba(185,4,47,.25), inset 0 1px 0 rgba(255,255,255,.25) !important;
    transform: scale(1.04) !important;
  }

  .home .rfm-player-history-ticker .rfm-history-news-play.is-playing .rfm-history-news-play-icon::before {
    content: '' !important;
    display: block !important;
    width: 10px !important;
    height: 12px !important;
    border-left: 3px solid currentColor !important;
    border-right: 3px solid currentColor !important;
    box-sizing: border-box !important;
  }
}


/* v1.0.648 - RADIJAS.LT news audio card polish inside desktop hero history carousel.
   The active state must not cover artwork: KLAUSOMA lives in the text area, play keeps
   the original Relax FM pill style, and the X stops the current clip. */
@media (min-width: 769px) {
  .home .rfm-player-history-ticker #rfmHistoryContainer > .rfm-history-row.is-history-audio-active-card .rfm-history-card-art-frame::after,
  .home .rfm-player-history-ticker #rfmHistoryContainer > .rfm-history-row.is-history-audio-active-card.is-hero-ticker-card .rfm-history-card-art-frame::after {
    content: none !important;
    display: none !important;
  }

  .home .rfm-player-history-ticker #rfmHistoryContainer .rfm-history-audio-status {
    display: none !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 6px !important;
    width: fit-content !important;
    max-width: 100% !important;
    margin-top: 9px !important;
    padding: 4px 5px 4px 10px !important;
    border-radius: 999px !important;
    background: rgba(255, 244, 247, .92) !important;
    border: 1px solid rgba(210, 4, 45, .22) !important;
    box-shadow: 0 8px 18px rgba(38, 28, 29, .09), inset 0 1px 0 rgba(255,255,255,.86) !important;
    color: #B9042F !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  .home .rfm-player-history-ticker #rfmHistoryContainer > .rfm-history-row.is-history-audio-active-card .rfm-history-audio-status {
    display: inline-flex !important;
  }

  .home .rfm-player-history-ticker #rfmHistoryContainer .rfm-history-audio-status-text {
    display: inline-block !important;
    font-size: 9px !important;
    font-weight: 950 !important;
    letter-spacing: .055em !important;
    text-transform: uppercase !important;
  }

  .home .rfm-player-history-ticker #rfmHistoryContainer .rfm-history-audio-stop {
    appearance: none !important;
    -webkit-appearance: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(210, 4, 45, .22) !important;
    background: rgba(255,255,255,.82) !important;
    color: #B9042F !important;
    font-size: 16px !important;
    line-height: 18px !important;
    font-weight: 900 !important;
    padding: 0 !important;
    margin: 0 !important;
    cursor: pointer !important;
    box-shadow: 0 5px 12px rgba(185,4,47,.10) !important;
  }

  .home .rfm-player-history-ticker #rfmHistoryContainer .rfm-history-audio-stop:hover,
  .home .rfm-player-history-ticker #rfmHistoryContainer .rfm-history-audio-stop:focus-visible {
    background: #fff !important;
    border-color: rgba(185,4,47,.42) !important;
    outline: none !important;
  }

  .home .rfm-player-history-ticker .rfm-history-news-play.is-playing {
    background: linear-gradient(135deg, rgba(255,255,255,.88), rgba(255,242,245,.76)) !important;
    border-color: rgba(210,4,43,.26) !important;
    color: #d2042b !important;
    box-shadow: 0 9px 20px rgba(210,4,43,.10), inset 0 1px 0 rgba(255,255,255,.84) !important;
    transform: none !important;
  }

  .home .rfm-player-history-ticker .rfm-history-news-play.is-playing:hover,
  .home .rfm-player-history-ticker .rfm-history-news-play.is-playing:focus-visible {
    transform: translateY(-1px) !important;
    border-color: rgba(210,4,43,.42) !important;
    box-shadow: 0 12px 24px rgba(210,4,43,.16), inset 0 1px 0 rgba(255,255,255,.90) !important;
  }

  .home .rfm-player-history-ticker .rfm-history-news-play.is-playing .rfm-history-news-play-icon,
  .home .rfm-player-history-ticker .rfm-history-news-play.is-playing .rfm-history-news-play-icon::before {
    border: 0 !important;
    margin: 0 !important;
    width: 13px !important;
    height: 15px !important;
    display: block !important;
    background: linear-gradient(90deg, currentColor 0 4px, transparent 4px 9px, currentColor 9px 13px) !important;
    box-shadow: none !important;
    filter: drop-shadow(0 1px 1px rgba(119,27,42,.10)) !important;
  }
}

/* v1.0.649 - Hero history: idle-only reset + compact controls.
   The carousel no longer jumps to the start while the visitor is interacting with it.
   Small right-side controls float over the ticker and do not increase vertical spacing. */
@media (min-width: 769px) {
  .home .rfm-player-history-ticker {
    position: relative !important;
  }

  .home .rfm-player-history-ticker-minimal .rfm-player-history-viewport {
    padding-right: 74px !important;
  }

  .home .rfm-player-history-mini-controls {
    position: absolute !important;
    right: 7px !important;
    top: 50% !important;
    z-index: 18 !important;
    display: inline-flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
    width: 30px !important;
    padding: 5px 3px !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.42) !important;
    border: 1px solid rgba(255,255,255,.62) !important;
    box-shadow: 0 10px 22px rgba(119,27,42,.08), inset 0 1px 0 rgba(255,255,255,.72) !important;
    backdrop-filter: blur(18px) saturate(160%) !important;
    -webkit-backdrop-filter: blur(18px) saturate(160%) !important;
    transform: translateY(-50%) !important;
    pointer-events: auto !important;
  }

  .home .rfm-player-history-ticker-minimal .rfm-player-history-mini-controls .rfm-history-ticker-arrow,
  .home .rfm-player-history-ticker-minimal .rfm-player-history-mini-controls .rfm-history-ticker-start {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    min-height: 22px !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 999px !important;
    border: 1px solid rgba(210,4,45,.16) !important;
    background: rgba(255,255,255,.58) !important;
    color: #D2042B !important;
    font-size: 17px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
    box-shadow: none !important;
    cursor: pointer !important;
    text-decoration: none !important;
    appearance: none !important;
    -webkit-appearance: none !important;
  }

  .home .rfm-player-history-ticker-minimal .rfm-player-history-mini-controls .rfm-history-ticker-start {
    font-size: 13px !important;
  }

  .home .rfm-player-history-ticker-minimal .rfm-player-history-mini-controls .rfm-history-ticker-arrow:hover,
  .home .rfm-player-history-ticker-minimal .rfm-player-history-mini-controls .rfm-history-ticker-arrow:focus-visible,
  .home .rfm-player-history-ticker-minimal .rfm-player-history-mini-controls .rfm-history-ticker-start:hover,
  .home .rfm-player-history-ticker-minimal .rfm-player-history-mini-controls .rfm-history-ticker-start:focus-visible {
    background: rgba(255,255,255,.86) !important;
    border-color: rgba(210,4,45,.30) !important;
    outline: 0 !important;
    box-shadow: 0 6px 14px rgba(210,4,45,.11) !important;
  }

  .home .rfm-player-history-ticker-minimal #rfmHistoryContainer.is-rfm-css-marquee,
  .home .rfm-player-history-ticker-minimal #rfmHistoryContainer.is-rfm-css-marquee.rfm-history-preview-collapsed,
  .home .rfm-player-history-ticker-minimal #rfmHistoryContainer.is-rfm-css-marquee.rfm-history-preview-expanded {
    --rfm-history-marquee-duration: 460s;
  }
}


/* v1.0.650 - Hero history controls: compact horizontal rail above the list.
   Keeps the carousel controls visible without using a vertical floating strip. */
@media (min-width: 769px) {
  .home .rfm-player-history-ticker-minimal {
    position: relative !important;
  }

  .home .rfm-player-history-ticker-minimal .rfm-history-layout-wrapper,
  .home .rfm-player-history-ticker-minimal #rfmHistoryPanel.open .rfm-history-layout-wrapper {
    position: relative !important;
  }

  .home .rfm-player-history-ticker-minimal .rfm-player-history-viewport {
    padding-top: 25px !important;
    padding-right: 2px !important;
  }

  .home .rfm-player-history-mini-controls {
    position: absolute !important;
    top: 0 !important;
    right: 8px !important;
    z-index: 18 !important;
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
    width: auto !important;
    height: 22px !important;
    min-height: 22px !important;
    padding: 1px 4px !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.34) !important;
    border: 1px solid rgba(255,255,255,.54) !important;
    box-shadow: 0 8px 18px rgba(119,27,42,.07), inset 0 1px 0 rgba(255,255,255,.68) !important;
    backdrop-filter: blur(16px) saturate(150%) !important;
    -webkit-backdrop-filter: blur(16px) saturate(150%) !important;
    transform: none !important;
    pointer-events: auto !important;
  }

  .home .rfm-player-history-ticker-minimal .rfm-player-history-mini-controls .rfm-history-ticker-arrow,
  .home .rfm-player-history-ticker-minimal .rfm-player-history-mini-controls .rfm-history-ticker-start {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    min-height: 18px !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 999px !important;
    border: 1px solid rgba(210,4,45,.14) !important;
    background: rgba(255,255,255,.54) !important;
    color: #D2042B !important;
    font-size: 14px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
    box-shadow: none !important;
    cursor: pointer !important;
    text-decoration: none !important;
    appearance: none !important;
    -webkit-appearance: none !important;
  }

  .home .rfm-player-history-ticker-minimal .rfm-player-history-mini-controls .rfm-history-ticker-start {
    font-size: 11px !important;
  }

  .home .rfm-player-history-ticker-minimal .rfm-player-history-mini-controls .rfm-history-ticker-arrow:hover,
  .home .rfm-player-history-ticker-minimal .rfm-player-history-mini-controls .rfm-history-ticker-arrow:focus-visible,
  .home .rfm-player-history-ticker-minimal .rfm-player-history-mini-controls .rfm-history-ticker-start:hover,
  .home .rfm-player-history-ticker-minimal .rfm-player-history-mini-controls .rfm-history-ticker-start:focus-visible {
    background: rgba(255,255,255,.82) !important;
    border-color: rgba(210,4,45,.30) !important;
    outline: 0 !important;
    box-shadow: 0 5px 12px rgba(210,4,45,.10) !important;
  }
}

/* v1.0.651 - Hero history extended mode: compact controls plus full history grid.
   Uses already-rendered carousel cards only; no additional server requests. */
@media (min-width: 769px) {
  .home .rfm-player-history-ticker-minimal .rfm-player-history-mini-controls .rfm-history-ticker-expand {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    min-height: 18px !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 999px !important;
    border: 1px solid rgba(210,4,45,.14) !important;
    background: rgba(255,255,255,.54) !important;
    color: #D2042B !important;
    font-size: 12px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
    letter-spacing: 0 !important;
    box-shadow: none !important;
    cursor: pointer !important;
    text-decoration: none !important;
    appearance: none !important;
    -webkit-appearance: none !important;
  }

  .home .rfm-player-history-ticker-minimal .rfm-player-history-mini-controls .rfm-history-ticker-expand:hover,
  .home .rfm-player-history-ticker-minimal .rfm-player-history-mini-controls .rfm-history-ticker-expand:focus-visible {
    background: rgba(255,255,255,.82) !important;
    border-color: rgba(210,4,45,.30) !important;
    outline: 0 !important;
    box-shadow: 0 5px 12px rgba(210,4,45,.10) !important;
  }

  .home .rfm-player-history-ticker-minimal.is-history-expanded-full {
    overflow: visible !important;
    padding-bottom: 10px !important;
  }

  .home .rfm-player-history-ticker-minimal.is-history-expanded-full #rfmHistoryPanel,
  .home .rfm-player-history-ticker-minimal.is-history-expanded-full #rfmHistoryPanel.open,
  .home .rfm-player-history-ticker-minimal.is-history-expanded-full .rfm-history-layout-wrapper {
    overflow: visible !important;
  }

  .home .rfm-player-history-ticker-minimal.is-history-expanded-full .rfm-player-history-viewport {
    overflow: visible !important;
    padding-top: 28px !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
    padding-bottom: 4px !important;
    mask-image: none !important;
    -webkit-mask-image: none !important;
  }

  .home .rfm-player-history-ticker-minimal.is-history-expanded-full #rfmHistoryContainer,
  .home .rfm-player-history-ticker-minimal.is-history-expanded-full #rfmHistoryContainer.is-rfm-css-marquee,
  .home .rfm-player-history-ticker-minimal.is-history-expanded-full #rfmHistoryContainer.rfm-history-preview-expanded,
  .home .rfm-player-history-ticker-minimal.is-history-expanded-full #rfmHistoryContainer.rfm-history-preview-collapsed {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 12px !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    padding: 2px 0 4px !important;
    transform: none !important;
    transition: none !important;
    animation: none !important;
    will-change: auto !important;
  }

  .home .rfm-player-history-ticker-minimal.is-history-expanded-full #rfmHistoryContainer > .rfm-history-row.is-rfm-history-marquee-clone {
    display: none !important;
  }

  .home .rfm-player-history-ticker-minimal.is-history-expanded-full #rfmHistoryContainer > .rfm-history-row,
  .home .rfm-player-history-ticker-minimal.is-history-expanded-full #rfmHistoryContainer > .rfm-history-row.is-hero-ticker-card,
  .home .rfm-player-history-ticker-minimal.is-history-expanded-full #rfmHistoryContainer > .rfm-history-row.is-history-promo-card,
  .home .rfm-player-history-ticker-minimal.is-history-expanded-full #rfmHistoryContainer > .rfm-history-row.is-hero-ticker-card.is-history-promo-card {
    display: grid !important;
    grid-template-rows: auto minmax(48px, auto) !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    flex: initial !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  .home .rfm-player-history-ticker-minimal.is-history-expanded-full .rfm-player-history-mini-controls {
    right: 8px !important;
    top: 0 !important;
  }

  .home .rfm-player-history-ticker-minimal.is-history-expanded-full .rfm-history-ticker-expand {
    background: rgba(210,4,45,.92) !important;
    border-color: rgba(210,4,45,.24) !important;
    color: #fff !important;
    font-size: 14px !important;
  }
}

@media (min-width: 769px) and (max-width: 1180px) {
  .home .rfm-player-history-ticker-minimal.is-history-expanded-full #rfmHistoryContainer,
  .home .rfm-player-history-ticker-minimal.is-history-expanded-full #rfmHistoryContainer.is-rfm-css-marquee,
  .home .rfm-player-history-ticker-minimal.is-history-expanded-full #rfmHistoryContainer.rfm-history-preview-expanded,
  .home .rfm-player-history-ticker-minimal.is-history-expanded-full #rfmHistoryContainer.rfm-history-preview-collapsed {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

/* v1.0.656 - Hero action messages in the empty desktop rating lane. */
@media (min-width: 769px) {
  .home .rfm-hero-message-slot {
    grid-column: 3 / 5 !important;
    grid-row: 1 !important;
    align-self: end !important;
    justify-self: stretch !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    height: 78px !important;
    min-height: 78px !important;
    max-height: 78px !important;
    margin: 0 8px 32px 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    box-sizing: border-box !important;
    z-index: 12 !important;
    display: flex !important;
    align-items: center !important;
    pointer-events: auto !important;
  }
  .home .rfm-hero-message-slot[hidden],
  .home .rfm-hero-message-slot.is-hidden,
  .home .rfm-hero-message-slot.is-rating-active {
    display: none !important;
  }
  .home .rfm-hero-message-card {
    display: grid;
    grid-template-rows: auto auto;
    gap: 7px;
    align-content: center;
    width: min(100%, 520px);
    min-width: 0;
    min-height: 58px;
    padding: 9px 14px 10px;
    border-radius: 18px;
    border: 1px solid rgba(255,255,255,.34);
    background: linear-gradient(135deg, rgba(255,255,255,.18), rgba(255,255,255,.055));
    box-shadow: inset 0 1px 0 rgba(255,255,255,.28), 0 16px 34px rgba(37,28,32,.055);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    color: #2b2023;
    text-decoration: none !important;
    transform: translateY(0);
    opacity: 1;
    transition: opacity .42s ease, transform .42s ease, border-color .22s ease, box-shadow .22s ease;
    box-sizing: border-box;
  }
  .home .rfm-hero-message-slot.is-changing .rfm-hero-message-card {
    opacity: 0;
    transform: translateY(7px);
  }
  .home .rfm-hero-message-card[href]:hover,
  .home .rfm-hero-message-card[href]:focus-visible {
    border-color: rgba(210,4,45,.28);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.34), 0 18px 38px rgba(185,4,47,.10);
    outline: none;
  }
  .home .rfm-hero-message-title {
    display: block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    line-height: 1.05;
    font-weight: 950;
    letter-spacing: .055em;
    text-transform: uppercase;
    color: rgba(43,32,35,.82);
  }
  .home .rfm-hero-message-subtitle {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    max-width: 100%;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-radius: 999px;
    padding: 6px 11px 6px;
    border: 1px solid rgba(210,4,45,.24);
    background: rgba(255,244,247,.34);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.32);
    color: rgba(185,4,47,.94);
    font-size: 11px;
    line-height: 1.05;
    font-weight: 900;
    letter-spacing: .01em;
  }
  .home .rfm-hero-message-subtitle:empty { display: none; }
  .home .rfm-hero-message-title:empty + .rfm-hero-message-subtitle {
    margin-top: 0;
  }
}
@media (max-width: 768px) {
  .home .rfm-hero-message-slot { display: none !important; }
}


/* v1.0.657 - Hero messages use exactly the same desktop lane as the inline rating scale. */
@media (min-width: 769px) {
  .home .rfm-hero-message-slot {
    grid-column: 3 / 5 !important;
    grid-row: 1 !important;
    align-self: start !important;
    justify-self: stretch !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    height: 74px !important;
    min-height: 74px !important;
    max-height: 74px !important;
    margin: 126px 8px 0 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    z-index: 11 !important;
    display: flex !important;
    align-items: stretch !important;
    pointer-events: auto !important;
  }

  .home .rfm-hero-message-slot[hidden],
  .home .rfm-hero-message-slot.is-hidden,
  .home .rfm-hero-message-slot.is-rating-active {
    display: none !important;
  }

  .home .rfm-hero-message-card {
    width: 100% !important;
    max-width: none !important;
    min-height: 74px !important;
    height: 74px !important;
    max-height: 74px !important;
    margin: 0 !important;
    padding: 9px 14px 8px !important;
    align-content: center !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }
}

@media (min-width: 769px) and (max-width: 1120px) {
  .home .rfm-hero-message-slot {
    height: 70px !important;
    min-height: 70px !important;
    max-height: 70px !important;
    margin-top: 118px !important;
  }
  .home .rfm-hero-message-card {
    height: 70px !important;
    min-height: 70px !important;
    max-height: 70px !important;
    padding: 8px 12px 7px !important;
  }
}

@media (min-width: 769px) and (max-width: 940px) {
  .home .rfm-hero-message-slot {
    grid-column: 3 / 5 !important;
    height: 66px !important;
    min-height: 66px !important;
    max-height: 66px !important;
    margin-top: 110px !important;
    margin-right: 4px !important;
  }
  .home .rfm-hero-message-card {
    height: 66px !important;
    min-height: 66px !important;
    max-height: 66px !important;
    padding: 7px 11px 6px !important;
  }
}


/* v1.0.659 - Hero messages 100-character subtitle limit and two-line safe layout. */
@media (min-width: 769px) {
  .home .rfm-hero-message-slot {
    height: 76px !important;
    min-height: 76px !important;
    max-height: 76px !important;
    overflow: hidden !important;
  }

  .home .rfm-hero-message-card {
    height: 76px !important;
    min-height: 76px !important;
    max-height: 76px !important;
    grid-template-rows: 13px minmax(0, 38px) !important;
    gap: 6px !important;
    align-content: center !important;
    padding: 8px 14px 8px !important;
    overflow: hidden !important;
  }

  .home .rfm-hero-message-title {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 13px !important;
    max-height: 13px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    line-height: 13px !important;
    font-size: 12px !important;
  }

  .home .rfm-hero-message-subtitle {
    display: -webkit-box !important;
    width: auto !important;
    max-width: 100% !important;
    min-width: 0 !important;
    max-height: 38px !important;
    overflow: hidden !important;
    white-space: normal !important;
    text-overflow: clip !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    border-radius: 999px !important;
    padding: 5px 11px 5px !important;
    line-height: 14px !important;
    font-size: 11px !important;
    word-break: normal !important;
    overflow-wrap: anywhere !important;
    box-sizing: border-box !important;
  }
}

@media (min-width: 769px) and (max-width: 1120px) {
  .home .rfm-hero-message-slot {
    height: 72px !important;
    min-height: 72px !important;
    max-height: 72px !important;
  }
  .home .rfm-hero-message-card {
    height: 72px !important;
    min-height: 72px !important;
    max-height: 72px !important;
    grid-template-rows: 12px minmax(0, 36px) !important;
    gap: 5px !important;
    padding: 8px 12px 7px !important;
  }
  .home .rfm-hero-message-title {
    height: 12px !important;
    max-height: 12px !important;
    line-height: 12px !important;
    font-size: 11.5px !important;
  }
  .home .rfm-hero-message-subtitle {
    max-height: 36px !important;
    line-height: 13px !important;
    font-size: 10.5px !important;
    padding: 5px 10px !important;
  }
}

@media (min-width: 769px) and (max-width: 940px) {
  .home .rfm-hero-message-slot {
    height: 68px !important;
    min-height: 68px !important;
    max-height: 68px !important;
  }
  .home .rfm-hero-message-card {
    height: 68px !important;
    min-height: 68px !important;
    max-height: 68px !important;
    grid-template-rows: 12px minmax(0, 34px) !important;
    gap: 4px !important;
    padding: 7px 10px 6px !important;
  }
  .home .rfm-hero-message-subtitle {
    max-height: 34px !important;
    line-height: 12.5px !important;
    font-size: 10px !important;
    padding: 4px 9px !important;
  }
}


/* v1.0.660 - Hero messages: title and subtitle both use the Relax FM pink pill system.
   Hero history controls: hover on arrows briefly accelerates the marquee without increasing spacing. */
@media (min-width: 769px) {
  .home .rfm-hero-message-card {
    grid-template-rows: auto minmax(0, 42px) !important;
    align-content: center !important;
    justify-items: start !important;
    gap: 6px !important;
  }

  .home .rfm-hero-message-title {
    display: inline-block !important;
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: 24px !important;
    padding: 5px 11px 4px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(210,4,45,.24) !important;
    background: rgba(255,244,247,.36) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.34) !important;
    color: rgba(185,4,47,.96) !important;
    line-height: 13px !important;
    font-size: 11.5px !important;
    font-weight: 950 !important;
    letter-spacing: .055em !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    box-sizing: border-box !important;
  }

  .home .rfm-hero-message-subtitle {
    display: -webkit-box !important;
    width: fit-content !important;
    max-width: 100% !important;
    min-width: 0 !important;
    max-height: 42px !important;
    padding: 5px 11px 5px !important;
    border-radius: 14px !important;
    border: 1px solid rgba(210,4,45,.22) !important;
    background: rgba(255,244,247,.30) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.30) !important;
    color: rgba(185,4,47,.92) !important;
    line-height: 15px !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    letter-spacing: .01em !important;
    white-space: normal !important;
    overflow: hidden !important;
    text-overflow: clip !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    word-break: normal !important;
    overflow-wrap: anywhere !important;
    box-sizing: border-box !important;
  }

  .home .rfm-hero-message-card[href]:hover .rfm-hero-message-title,
  .home .rfm-hero-message-card[href]:focus-visible .rfm-hero-message-title,
  .home .rfm-hero-message-card[href]:hover .rfm-hero-message-subtitle,
  .home .rfm-hero-message-card[href]:focus-visible .rfm-hero-message-subtitle {
    border-color: rgba(210,4,45,.34) !important;
    background: rgba(255,244,247,.42) !important;
  }

  .home .rfm-player-history-ticker-minimal.is-control-hover-speed #rfmHistoryContainer.is-rfm-css-marquee,
  .home .rfm-player-history-ticker-minimal.is-control-hover-speed:hover #rfmHistoryContainer.is-rfm-css-marquee,
  .home .rfm-player-history-ticker-minimal.is-control-hover-speed:focus-within #rfmHistoryContainer.is-rfm-css-marquee {
    --rfm-history-marquee-duration: 230s !important;
    animation-play-state: running !important;
  }

  .home .rfm-player-history-ticker-minimal.is-control-hover-speed .rfm-player-history-mini-controls .rfm-history-ticker-arrow.is-speed-hover {
    background: rgba(255,255,255,.88) !important;
    border-color: rgba(210,4,45,.34) !important;
    box-shadow: 0 5px 12px rgba(210,4,45,.12) !important;
  }
}

@media (min-width: 769px) and (max-width: 1120px) {
  .home .rfm-hero-message-card {
    grid-template-rows: auto minmax(0, 39px) !important;
    gap: 5px !important;
  }
  .home .rfm-hero-message-title {
    max-height: 22px !important;
    padding: 4px 10px !important;
    line-height: 12px !important;
    font-size: 11px !important;
  }
  .home .rfm-hero-message-subtitle {
    max-height: 39px !important;
    line-height: 14px !important;
    font-size: 10.5px !important;
    padding: 5px 10px !important;
  }
}

@media (min-width: 769px) and (max-width: 940px) {
  .home .rfm-hero-message-card {
    grid-template-rows: auto minmax(0, 36px) !important;
    gap: 4px !important;
  }
  .home .rfm-hero-message-title {
    max-height: 21px !important;
    padding: 4px 9px !important;
    font-size: 10.5px !important;
  }
  .home .rfm-hero-message-subtitle {
    max-height: 36px !important;
    line-height: 13px !important;
    font-size: 10px !important;
    padding: 4px 9px !important;
  }
}


/* v1.0.661 - Hero messages: title as a clean section label, subtitle as the only pink tab.
   Fix subtitle second-line clipping by giving the tab a real two-line box inside the fixed hero slot. */
@media (min-width: 769px) {
  .home .rfm-hero-message-slot {
    height: 80px !important;
    min-height: 80px !important;
    max-height: 80px !important;
    overflow: hidden !important;
  }

  .home .rfm-hero-message-card {
    height: 80px !important;
    min-height: 80px !important;
    max-height: 80px !important;
    display: grid !important;
    grid-template-rows: 14px minmax(0, 44px) !important;
    align-content: center !important;
    justify-items: start !important;
    gap: 6px !important;
    padding: 8px 14px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  .home .rfm-hero-message-title {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 14px !important;
    min-height: 14px !important;
    max-height: 14px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: rgba(43,32,35,.80) !important;
    font-size: 12px !important;
    line-height: 14px !important;
    font-weight: 950 !important;
    letter-spacing: .075em !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    box-sizing: border-box !important;
  }

  .home .rfm-hero-message-subtitle {
    display: -webkit-box !important;
    width: fit-content !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    max-height: 44px !important;
    padding: 6px 12px !important;
    border-radius: 15px !important;
    border: 1px solid rgba(210,4,45,.24) !important;
    background: rgba(255,244,247,.36) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.34) !important;
    color: rgba(185,4,47,.94) !important;
    font-size: 11px !important;
    line-height: 15px !important;
    font-weight: 900 !important;
    letter-spacing: .01em !important;
    white-space: normal !important;
    overflow: hidden !important;
    text-overflow: clip !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    word-break: normal !important;
    overflow-wrap: anywhere !important;
    box-sizing: border-box !important;
  }

  .home .rfm-hero-message-card[href]:hover .rfm-hero-message-title,
  .home .rfm-hero-message-card[href]:focus-visible .rfm-hero-message-title {
    color: rgba(185,4,47,.94) !important;
  }

  .home .rfm-hero-message-card[href]:hover .rfm-hero-message-subtitle,
  .home .rfm-hero-message-card[href]:focus-visible .rfm-hero-message-subtitle {
    border-color: rgba(210,4,45,.36) !important;
    background: rgba(255,244,247,.46) !important;
  }
}

@media (min-width: 769px) and (max-width: 1120px) {
  .home .rfm-hero-message-slot {
    height: 76px !important;
    min-height: 76px !important;
    max-height: 76px !important;
  }
  .home .rfm-hero-message-card {
    height: 76px !important;
    min-height: 76px !important;
    max-height: 76px !important;
    grid-template-rows: 13px minmax(0, 41px) !important;
    gap: 5px !important;
    padding: 8px 12px 7px !important;
  }
  .home .rfm-hero-message-title {
    height: 13px !important;
    min-height: 13px !important;
    max-height: 13px !important;
    font-size: 11.5px !important;
    line-height: 13px !important;
  }
  .home .rfm-hero-message-subtitle {
    max-height: 41px !important;
    padding: 5px 10px !important;
    font-size: 10.5px !important;
    line-height: 14px !important;
  }
}

@media (min-width: 769px) and (max-width: 940px) {
  .home .rfm-hero-message-slot {
    height: 72px !important;
    min-height: 72px !important;
    max-height: 72px !important;
  }
  .home .rfm-hero-message-card {
    height: 72px !important;
    min-height: 72px !important;
    max-height: 72px !important;
    grid-template-rows: 12px minmax(0, 38px) !important;
    gap: 5px !important;
    padding: 7px 10px 6px !important;
  }
  .home .rfm-hero-message-title {
    height: 12px !important;
    min-height: 12px !important;
    max-height: 12px !important;
    font-size: 10.5px !important;
    line-height: 12px !important;
  }
  .home .rfm-hero-message-subtitle {
    max-height: 38px !important;
    padding: 4px 9px !important;
    font-size: 10px !important;
    line-height: 13px !important;
  }
}


/* v1.0.662 - Hero messages: title pill with dot like Relax FM tabs */
@media (min-width: 769px) {
  .home .rfm-hero-message-slot {
    overflow: visible !important;
  }

  .home .rfm-hero-message-card {
    grid-template-rows: auto minmax(0, 1fr) !important;
    align-content: center !important;
    justify-items: start !important;
    gap: 7px !important;
    padding: 7px 14px !important;
    overflow: visible !important;
  }

  .home .rfm-hero-message-title {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 26px !important;
    max-height: 30px !important;
    padding: 6px 14px 6px 15px !important;
    border: 1px solid rgba(210, 4, 45, .22) !important;
    border-radius: 11px !important;
    background: rgba(255, 244, 247, .42) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.42), 0 8px 22px rgba(210,4,45,.06) !important;
    color: rgba(185,4,47,.96) !important;
    font-size: 12px !important;
    line-height: 14px !important;
    font-weight: 950 !important;
    letter-spacing: .13em !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    box-sizing: border-box !important;
  }

  .home .rfm-hero-message-title::before {
    content: '' !important;
    flex: 0 0 auto !important;
    width: 9px !important;
    height: 9px !important;
    margin-right: 10px !important;
    border-radius: 999px !important;
    background: #d9043d !important;
    box-shadow: 0 0 0 6px rgba(217,4,61,.10) !important;
  }

  .home .rfm-hero-message-subtitle {
    display: -webkit-box !important;
    width: fit-content !important;
    max-width: 100% !important;
    min-height: 28px !important;
    max-height: 44px !important;
    padding: 6px 12px !important;
    border-radius: 14px !important;
    border: 1px solid rgba(210,4,45,.20) !important;
    background: rgba(255,244,247,.30) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.32) !important;
    color: rgba(185,4,47,.92) !important;
    font-size: 11px !important;
    line-height: 15px !important;
    font-weight: 900 !important;
    letter-spacing: .01em !important;
    white-space: normal !important;
    overflow: hidden !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow-wrap: anywhere !important;
    box-sizing: border-box !important;
  }

  .home .rfm-hero-message-card[href]:hover .rfm-hero-message-title,
  .home .rfm-hero-message-card[href]:focus-visible .rfm-hero-message-title {
    border-color: rgba(210,4,45,.34) !important;
    background: rgba(255,244,247,.54) !important;
    transform: translateY(-1px) !important;
  }

  .home .rfm-hero-message-card[href]:hover .rfm-hero-message-subtitle,
  .home .rfm-hero-message-card[href]:focus-visible .rfm-hero-message-subtitle {
    border-color: rgba(210,4,45,.30) !important;
    background: rgba(255,244,247,.40) !important;
  }
}

@media (min-width: 769px) and (max-width: 1120px) {
  .home .rfm-hero-message-card {
    gap: 6px !important;
    padding: 7px 12px !important;
  }
  .home .rfm-hero-message-title {
    min-height: 24px !important;
    max-height: 28px !important;
    padding: 5px 12px 5px 13px !important;
    font-size: 11px !important;
    line-height: 13px !important;
    letter-spacing: .115em !important;
  }
  .home .rfm-hero-message-title::before {
    width: 8px !important;
    height: 8px !important;
    margin-right: 9px !important;
  }
  .home .rfm-hero-message-subtitle {
    min-height: 26px !important;
    max-height: 40px !important;
    padding: 5px 10px !important;
    font-size: 10.5px !important;
    line-height: 14px !important;
  }
}

@media (min-width: 769px) and (max-width: 940px) {
  .home .rfm-hero-message-card {
    gap: 5px !important;
    padding: 6px 10px !important;
  }
  .home .rfm-hero-message-title {
    min-height: 22px !important;
    max-height: 26px !important;
    padding: 5px 10px !important;
    font-size: 10px !important;
    line-height: 12px !important;
    letter-spacing: .10em !important;
  }
  .home .rfm-hero-message-title::before {
    width: 7px !important;
    height: 7px !important;
    margin-right: 8px !important;
  }
  .home .rfm-hero-message-subtitle {
    min-height: 24px !important;
    max-height: 38px !important;
    padding: 4px 9px !important;
    font-size: 10px !important;
    line-height: 13px !important;
  }
}

/* v1.0.663 - Hero message subtitle two-line clipping fix.
   Keep the title pill style, but make the whole message fit inside the fixed hero action lane. */
@media (min-width: 769px) {
  .home .rfm-hero-message-slot {
    overflow: visible !important;
  }

  .home .rfm-hero-message-card {
    height: 78px !important;
    min-height: 78px !important;
    max-height: 78px !important;
    display: grid !important;
    grid-template-rows: 28px minmax(0, 38px) !important;
    align-content: center !important;
    justify-items: start !important;
    gap: 5px !important;
    padding: 3px 14px !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  .home .rfm-hero-message-title {
    min-height: 28px !important;
    height: 28px !important;
    max-height: 28px !important;
    padding: 6px 14px 6px 15px !important;
    line-height: 14px !important;
    box-sizing: border-box !important;
  }

  .home .rfm-hero-message-subtitle {
    min-height: 0 !important;
    height: auto !important;
    max-height: 38px !important;
    padding: 4px 12px 5px !important;
    font-size: 10.8px !important;
    line-height: 14px !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }
}

@media (min-width: 769px) and (max-width: 1120px) {
  .home .rfm-hero-message-card {
    height: 76px !important;
    min-height: 76px !important;
    max-height: 76px !important;
    grid-template-rows: 26px minmax(0, 37px) !important;
    gap: 5px !important;
    padding: 3px 12px !important;
  }

  .home .rfm-hero-message-title {
    min-height: 26px !important;
    height: 26px !important;
    max-height: 26px !important;
    padding: 5px 12px 5px 13px !important;
    line-height: 14px !important;
  }

  .home .rfm-hero-message-subtitle {
    max-height: 37px !important;
    padding: 4px 10px 5px !important;
    font-size: 10.4px !important;
    line-height: 14px !important;
  }
}

@media (min-width: 769px) and (max-width: 940px) {
  .home .rfm-hero-message-card {
    height: 72px !important;
    min-height: 72px !important;
    max-height: 72px !important;
    grid-template-rows: 24px minmax(0, 36px) !important;
    gap: 4px !important;
    padding: 3px 10px !important;
  }

  .home .rfm-hero-message-title {
    min-height: 24px !important;
    height: 24px !important;
    max-height: 24px !important;
    padding: 5px 10px !important;
    line-height: 12px !important;
  }

  .home .rfm-hero-message-subtitle {
    max-height: 36px !important;
    padding: 4px 9px 5px !important;
    font-size: 9.8px !important;
    line-height: 13px !important;
  }
}


/* v1.0.665 - Hero messages: fast right-to-left broadcast transition.
   The card keeps the same fixed lane; only opacity/transform changes, so the hero player does not jump. */
@media (min-width: 769px) {
  .home .rfm-hero-message-slot {
    overflow: visible !important;
    perspective: 900px;
  }

  .home .rfm-hero-message-card {
    will-change: transform, opacity !important;
    transform: translate3d(0,0,0) !important;
    opacity: 1 !important;
    transition:
      opacity 420ms cubic-bezier(.2,.8,.2,1),
      transform 420ms cubic-bezier(.2,.8,.2,1),
      border-color 220ms ease,
      box-shadow 220ms ease !important;
  }

  .home .rfm-hero-message-slot.is-leaving .rfm-hero-message-card,
  .home .rfm-hero-message-slot.is-changing .rfm-hero-message-card:not(.is-entering) {
    opacity: 0 !important;
    transform: translate3d(-34px,0,0) scale(.985) !important;
    transition:
      opacity 240ms cubic-bezier(.4,0,1,1),
      transform 240ms cubic-bezier(.4,0,1,1) !important;
  }

  .home .rfm-hero-message-card.is-entering {
    opacity: 0 !important;
    transform: translate3d(38px,0,0) scale(.992) !important;
  }
}

@media (min-width: 769px) and (prefers-reduced-motion: reduce) {
  .home .rfm-hero-message-card,
  .home .rfm-hero-message-slot.is-leaving .rfm-hero-message-card,
  .home .rfm-hero-message-slot.is-changing .rfm-hero-message-card:not(.is-entering),
  .home .rfm-hero-message-card.is-entering {
    transform: none !important;
    transition: opacity 180ms ease !important;
  }
}

/* v1.0.666 - Mobile homepage: studio button above Eteryje banner and an automatic 16:9 history ticker below it. */
.rfm-mobile-history-ticker {
  display: none;
}

@media (max-width: 768px) {
  .home .rfm-mobile-home-actions-top {
    display: flex !important;
    width: 100% !important;
    margin: 0 0 10px 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  .home .rfm-mobile-home-actions-top .rfm-mobile-studio-button {
    width: 100% !important;
  }

  .home .rfm-mobile-current-show-banner {
    margin-top: 0 !important;
    margin-bottom: 12px !important;
  }

  .home .rfm-mobile-history-accordion {
    display: none !important;
  }

  .home .rfm-mobile-history-ticker {
    display: block !important;
    width: 100% !important;
    margin: 0 0 18px 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  .home .rfm-mobile-history-ticker .rfm-player-history-viewport {
    width: 100% !important;
    overflow: hidden !important;
    padding: 0 !important;
    margin: 0 !important;
    -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 18px, #000 calc(100% - 18px), transparent 100%);
    mask-image: linear-gradient(90deg, transparent 0, #000 18px, #000 calc(100% - 18px), transparent 100%);
  }

  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
    gap: 12px !important;
    width: max-content !important;
    max-width: none !important;
    min-width: 100% !important;
    padding: 0 0 2px 0 !important;
    margin: 0 !important;
    transform: translate3d(0, 0, 0);
    will-change: transform;
  }

  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer.is-rfm-css-marquee {
    --rfm-history-marquee-duration: 460s;
    --rfm-history-marquee-direction: normal;
    animation: rfm-history-carousel-right var(--rfm-history-marquee-duration) linear infinite !important;
    animation-direction: var(--rfm-history-marquee-direction) !important;
  }

  .home .rfm-mobile-history-ticker:hover #rfmMobileHistoryContainer.is-rfm-css-marquee,
  .home .rfm-mobile-history-ticker:focus-within #rfmMobileHistoryContainer.is-rfm-css-marquee {
    --rfm-history-marquee-duration: 230s;
  }

  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer > .rfm-history-row,
  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer > .rfm-history-row.is-hero-ticker-card {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    flex: 0 0 218px !important;
    width: 218px !important;
    min-width: 218px !important;
    max-width: 218px !important;
    min-height: 0 !important;
    padding: 8px !important;
    gap: 7px !important;
    border: 1px solid rgba(255,255,255,.58) !important;
    border-radius: 18px !important;
    background: rgba(255,255,255,.42) !important;
    box-shadow: 0 14px 30px rgba(119,27,42,.08), inset 0 1px 0 rgba(255,255,255,.62) !important;
    backdrop-filter: blur(16px) saturate(150%) !important;
    -webkit-backdrop-filter: blur(16px) saturate(150%) !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer > .rfm-history-row.is-rfm-history-marquee-clone {
    display: flex !important;
  }

  .home .rfm-mobile-history-ticker .rfm-history-card-art-frame {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    aspect-ratio: 16 / 9 !important;
    height: auto !important;
    min-height: 0 !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    background: linear-gradient(135deg, rgba(139,18,35,.14), rgba(255,255,255,.30)) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.45) !important;
  }

  .home .rfm-mobile-history-ticker .rfm-history-art,
  .home .rfm-mobile-history-ticker .rfm-history-art.has-image,
  .home .rfm-mobile-history-ticker .rfm-history-art.is-empty {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    background: transparent !important;
  }

  .home .rfm-mobile-history-ticker .rfm-history-art img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
  }

  .home .rfm-mobile-history-ticker .rfm-history-time {
    position: absolute !important;
    top: 7px !important;
    left: 7px !important;
    z-index: 4 !important;
    display: inline-flex !important;
    align-items: center !important;
    max-width: calc(100% - 14px) !important;
    min-height: 22px !important;
    padding: 4px 8px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(255,255,255,.64) !important;
    background: rgba(210,4,45,.82) !important;
    color: #fff !important;
    font-size: 9px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    letter-spacing: .04em !important;
    text-transform: uppercase !important;
    box-shadow: 0 8px 18px rgba(119,27,42,.18) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
  }

  .home .rfm-mobile-history-ticker .rfm-history-badge-wrap {
    position: absolute !important;
    right: 7px !important;
    bottom: 7px !important;
    left: 7px !important;
    z-index: 5 !important;
    display: flex !important;
    justify-content: flex-end !important;
    flex-wrap: nowrap !important;
    gap: 5px !important;
    overflow: hidden !important;
    max-width: calc(100% - 14px) !important;
  }

  .home .rfm-mobile-history-ticker .rfm-history-badge {
    flex: 0 1 auto !important;
    min-width: 0 !important;
    max-width: 92px !important;
    padding: 4px 7px !important;
    border-radius: 999px !important;
    font-size: 8px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    background: rgba(255,255,255,.84) !important;
    border: 1px solid rgba(255,255,255,.68) !important;
    color: #D2042B !important;
    text-decoration: none !important;
  }

  .home .rfm-mobile-history-ticker .rfm-history-meta {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    width: 100% !important;
    min-width: 0 !important;
    gap: 3px !important;
    padding: 0 1px 1px 1px !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  .home .rfm-mobile-history-ticker .rfm-history-song-title {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    width: 100% !important;
    min-height: 31px !important;
    max-height: 34px !important;
    overflow: hidden !important;
    color: #261C1D !important;
    font-size: 12px !important;
    line-height: 1.25 !important;
    font-weight: 900 !important;
    letter-spacing: -.01em !important;
    text-transform: uppercase !important;
    white-space: normal !important;
  }

  .home .rfm-mobile-history-ticker .rfm-history-artist-title {
    display: block !important;
    width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    color: rgba(38,28,29,.62) !important;
    font-size: 10px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
  }

  .home .rfm-mobile-history-ticker .rfm-history-news-play {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    z-index: 7 !important;
  }

  .home .rfm-mobile-history-loading {
    color: rgba(38,28,29,.55) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    padding: 18px 0 !important;
    text-align: center !important;
  }
}

/* v1.0.667 - Mobile homepage history ticker polish.
   Uses the same large 16:9 card language as the desktop hero carousel and the mobile homepage banners.
   The first card is the real now-playing item injected in JS and labelled "SIUO METU". */
@media (max-width: 768px) {
  .home .rfm-mobile-history-ticker {
    display: block !important;
    width: 100% !important;
    margin: 2px 0 20px 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  .home .rfm-mobile-history-ticker .rfm-player-history-viewport {
    width: 100% !important;
    overflow: hidden !important;
    padding: 2px 0 7px 0 !important;
    margin: 0 !important;
    -webkit-mask-image: linear-gradient(90deg, #000 0, #000 calc(100% - 54px), rgba(0,0,0,.18) 92%, transparent 100%) !important;
    mask-image: linear-gradient(90deg, #000 0, #000 calc(100% - 54px), rgba(0,0,0,.18) 92%, transparent 100%) !important;
  }

  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer,
  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer.rfm-history-preview-expanded,
  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer.rfm-history-preview-collapsed {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
    gap: 12px !important;
    width: max-content !important;
    min-width: 100% !important;
    max-width: none !important;
    padding: 0 44px 0 0 !important;
    margin: 0 !important;
    transform: translate3d(0, 0, 0);
    will-change: transform;
  }

  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer.is-rfm-css-marquee {
    --rfm-history-marquee-duration: 430s;
    --rfm-history-marquee-direction: normal;
    animation: rfm-history-carousel-right var(--rfm-history-marquee-duration) linear infinite !important;
    animation-direction: var(--rfm-history-marquee-direction) !important;
  }

  .home .rfm-mobile-history-ticker:hover #rfmMobileHistoryContainer.is-rfm-css-marquee,
  .home .rfm-mobile-history-ticker:focus-within #rfmMobileHistoryContainer.is-rfm-css-marquee,
  .home .rfm-mobile-history-ticker:active #rfmMobileHistoryContainer.is-rfm-css-marquee {
    --rfm-history-marquee-duration: 215s;
  }

  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer > .rfm-history-row,
  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer > .rfm-history-row.is-hero-ticker-card,
  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer > .rfm-history-row.is-segment,
  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer > .rfm-history-row.is-radijas-news {
    position: relative !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: auto auto !important;
    align-items: start !important;
    flex: 0 0 min(348px, calc(100vw - 58px)) !important;
    width: min(348px, calc(100vw - 58px)) !important;
    min-width: min(348px, calc(100vw - 58px)) !important;
    max-width: min(348px, calc(100vw - 58px)) !important;
    padding: 9px !important;
    gap: 8px !important;
    border-radius: 20px !important;
    border: 1px solid rgba(255,255,255,.54) !important;
    background:
      radial-gradient(circle at 18% 0%, rgba(255,255,255,.70), rgba(255,255,255,.26) 48%, transparent 78%),
      linear-gradient(145deg, rgba(255,255,255,.39), rgba(255,244,247,.23)) !important;
    box-shadow: 0 16px 34px rgba(119,27,42,.075), inset 0 1px 0 rgba(255,255,255,.62) !important;
    backdrop-filter: blur(18px) saturate(160%) !important;
    -webkit-backdrop-filter: blur(18px) saturate(160%) !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    scroll-snap-align: start !important;
  }

  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer > .rfm-history-row.is-rfm-history-marquee-clone {
    display: grid !important;
  }

  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer > .rfm-history-row.is-mobile-home-ticker-card:first-of-type,
  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer > .rfm-history-row.is-current-mobile-now {
    border-color: rgba(210,4,45,.24) !important;
    box-shadow: 0 17px 36px rgba(119,27,42,.095), inset 0 1px 0 rgba(255,255,255,.68) !important;
  }

  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer > .rfm-history-row > .rfm-history-card-art-frame {
    grid-column: 1 !important;
    grid-row: 1 !important;
    position: relative !important;
    display: block !important;
    width: 100% !important;
    aspect-ratio: 16 / 9 !important;
    min-height: 0 !important;
    height: auto !important;
    border-radius: 15px !important;
    overflow: hidden !important;
    background:
      var(--rfm-history-art-bg, none) center / cover no-repeat,
      linear-gradient(135deg, rgba(139,18,35,.14), rgba(255,255,255,.32)) !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.56), 0 10px 22px rgba(38,28,29,.075) !important;
    isolation: isolate !important;
  }

  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer > .rfm-history-row > .rfm-history-card-art-frame.has-art-bg::before {
    content: "" !important;
    position: absolute !important;
    inset: -12px !important;
    background: var(--rfm-history-art-bg) center / cover no-repeat !important;
    filter: blur(18px) saturate(1.1) !important;
    opacity: .34 !important;
    transform: scale(1.05) !important;
    z-index: 0 !important;
  }

  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer > .rfm-history-row > .rfm-history-card-art-frame::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(180deg, rgba(0,0,0,.08), transparent 38%, rgba(0,0,0,.32)) !important;
    z-index: 2 !important;
    pointer-events: none !important;
  }

  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer > .rfm-history-row .rfm-history-art,
  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer > .rfm-history-row .rfm-history-art.has-image,
  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer > .rfm-history-row .rfm-history-art.is-empty,
  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer > .rfm-history-row .rfm-history-art.is-station-fallback {
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 100% !important;
    min-height: 100% !important;
    border-radius: 15px !important;
    overflow: hidden !important;
    background: transparent !important;
  }

  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer > .rfm-history-row .rfm-history-art img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 100% !important;
    min-height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    border-radius: 15px !important;
  }

  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer > .rfm-history-row .rfm-history-art.is-station-fallback img {
    object-fit: cover !important;
  }

  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer > .rfm-history-row .rfm-history-time {
    position: absolute !important;
    top: 8px !important;
    left: 8px !important;
    z-index: 6 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 24px !important;
    max-width: calc(100% - 16px) !important;
    padding: 0 10px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(255,255,255,.70) !important;
    background: rgba(255,255,255,.92) !important;
    color: #B9042F !important;
    font-size: 9.5px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
    letter-spacing: .04em !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    box-shadow: 0 8px 18px rgba(38,28,29,.15) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
  }

  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer > .rfm-history-row:first-of-type .rfm-history-time {
    background: rgba(210,4,45,.92) !important;
    color: #fff !important;
    border-color: rgba(255,255,255,.72) !important;
    box-shadow: 0 10px 22px rgba(119,27,42,.24) !important;
  }

  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer > .rfm-history-row .rfm-history-badge-wrap {
    position: absolute !important;
    right: 8px !important;
    bottom: 8px !important;
    left: 58px !important;
    z-index: 6 !important;
    display: flex !important;
    flex-direction: row-reverse !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 6px !important;
    height: 24px !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scrollbar-width: none !important;
    -webkit-mask-image: linear-gradient(to left, #000 80%, transparent 100%) !important;
    mask-image: linear-gradient(to left, #000 80%, transparent 100%) !important;
  }

  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer > .rfm-history-row .rfm-history-badge-wrap::-webkit-scrollbar {
    display: none !important;
  }

  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer > .rfm-history-row .rfm-history-badge {
    flex: 0 0 auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    max-width: 118px !important;
    min-height: 24px !important;
    padding: 0 9px !important;
    border-radius: 999px !important;
    font-size: 8.5px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
    letter-spacing: .035em !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    text-decoration: none !important;
    background: rgba(255,255,255,.88) !important;
    border: 1px solid rgba(255,255,255,.74) !important;
    color: #D2042B !important;
    box-shadow: 0 8px 18px rgba(38,28,29,.12) !important;
  }

  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer > .rfm-history-row > .rfm-history-meta {
    grid-column: 1 !important;
    grid-row: 2 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: 4px !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 52px !important;
    padding: 0 3px 1px !important;
    margin: 0 !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer > .rfm-history-row .rfm-history-song-title {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    width: 100% !important;
    min-height: 35px !important;
    max-height: 38px !important;
    overflow: hidden !important;
    color: #261C1D !important;
    font-size: 13.2px !important;
    line-height: 1.28 !important;
    font-weight: 950 !important;
    letter-spacing: -.015em !important;
    text-transform: uppercase !important;
    white-space: normal !important;
  }

  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer > .rfm-history-row .rfm-history-artist-title {
    display: block !important;
    width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    color: rgba(38,28,29,.62) !important;
    font-size: 10.8px !important;
    line-height: 1.2 !important;
    font-weight: 850 !important;
    text-transform: uppercase !important;
  }

  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer > .rfm-history-row .rfm-history-news-play {
    position: absolute !important;
    left: 50% !important;
    top: calc((100% - 62px) * .38) !important;
    transform: translate(-50%, -50%) !important;
    z-index: 8 !important;
  }

  .home .rfm-mobile-history-loading {
    flex: 0 0 calc(100vw - 58px) !important;
    width: calc(100vw - 58px) !important;
    min-height: 92px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: rgba(38,28,29,.55) !important;
    font-size: 12px !important;
    font-weight: 850 !important;
    text-align: center !important;
    border-radius: 18px !important;
    border: 1px solid rgba(255,255,255,.52) !important;
    background: rgba(255,255,255,.32) !important;
  }
}

@media (max-width: 380px) {
  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer > .rfm-history-row,
  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer > .rfm-history-row.is-hero-ticker-card,
  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer > .rfm-history-row.is-segment,
  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer > .rfm-history-row.is-radijas-news {
    flex-basis: calc(100vw - 52px) !important;
    width: calc(100vw - 52px) !important;
    min-width: calc(100vw - 52px) !important;
    max-width: calc(100vw - 52px) !important;
  }
}


/* v1.0.668 - Mobile home history ticker fix.
   The desktop carousel keyframes were previously defined only inside a desktop media query,
   so Safari/mobile had a valid track but no active animation and showed only the first card.
   Keep the same desktop-style card layout, but define the marquee keyframes for mobile too. */
@media (max-width: 768px) {
  @keyframes rfm-history-carousel-right {
    0% { transform: translate3d(0, 0, 0); }
    100% { transform: translate3d(-50%, 0, 0); }
  }

  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer.is-rfm-css-marquee {
    animation-name: rfm-history-carousel-right !important;
    animation-timing-function: linear !important;
    animation-iteration-count: infinite !important;
    animation-duration: var(--rfm-history-marquee-duration, 460s) !important;
    animation-direction: var(--rfm-history-marquee-direction, normal) !important;
    will-change: transform !important;
  }
}


/* v1.0.669 - Mobile home history manual desktop-style carousel.
   Mobile is now a user-controlled horizontal list, not an automatic marquee.
   New-song resets happen in JS only after the user has been idle long enough. */
@media (max-width: 768px) {
  .home .rfm-mobile-history-ticker {
    display: block !important;
    width: 100% !important;
    margin: 2px 0 20px 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  .home .rfm-mobile-history-ticker .rfm-player-history-viewport {
    width: 100% !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    scroll-snap-type: x proximity !important;
    scroll-behavior: smooth !important;
    padding: 2px 0 8px 0 !important;
    margin: 0 !important;
    scrollbar-width: none !important;
    -webkit-mask-image: linear-gradient(90deg, #000 0, #000 calc(100% - 38px), rgba(0,0,0,.25) 92%, transparent 100%) !important;
    mask-image: linear-gradient(90deg, #000 0, #000 calc(100% - 38px), rgba(0,0,0,.25) 92%, transparent 100%) !important;
  }

  .home .rfm-mobile-history-ticker .rfm-player-history-viewport::-webkit-scrollbar {
    display: none !important;
  }

  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer,
  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer.rfm-history-preview-expanded,
  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer.rfm-history-preview-collapsed,
  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer.is-rfm-css-marquee {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
    gap: 12px !important;
    width: max-content !important;
    min-width: 100% !important;
    max-width: none !important;
    padding: 0 40px 0 0 !important;
    margin: 0 !important;
    animation: none !important;
    transform: none !important;
    transition: none !important;
    will-change: auto !important;
  }

  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer > .rfm-history-row,
  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer > .rfm-history-row.is-hero-ticker-card,
  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer > .rfm-history-row.is-mobile-home-ticker-card,
  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer > .rfm-history-row.is-segment,
  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer > .rfm-history-row.is-radijas-news {
    flex: 0 0 min(348px, calc(100vw - 58px)) !important;
    width: min(348px, calc(100vw - 58px)) !important;
    min-width: min(348px, calc(100vw - 58px)) !important;
    max-width: min(348px, calc(100vw - 58px)) !important;
    scroll-snap-align: start !important;
    scroll-snap-stop: normal !important;
  }

  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer > .rfm-history-row.is-rfm-history-marquee-clone {
    display: none !important;
  }

  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer.is-rfm-history-preloading,
  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer.is-rfm-history-returning,
  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer.is-rfm-history-restarting {
    opacity: 1 !important;
    animation: none !important;
    transform: none !important;
  }

  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer > .rfm-history-row.is-current-mobile-now .rfm-history-time,
  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer > .rfm-history-row:first-of-type .rfm-history-time {
    background: rgba(210,4,45,.94) !important;
    color: #fff !important;
  }
}

@media (max-width: 380px) {
  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer > .rfm-history-row,
  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer > .rfm-history-row.is-hero-ticker-card,
  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer > .rfm-history-row.is-mobile-home-ticker-card,
  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer > .rfm-history-row.is-segment,
  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer > .rfm-history-row.is-radijas-news {
    flex-basis: calc(100vw - 52px) !important;
    width: calc(100vw - 52px) !important;
    min-width: calc(100vw - 52px) !important;
    max-width: calc(100vw - 52px) !important;
  }
}

/* v1.0.670 - Mobile history card rhythm and next-card peek.
   Keep manual horizontal list, tighten title/artist rhythm, and expose a clear slice of the next song. */
@media (max-width: 768px) {
  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer,
  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer.rfm-history-preview-expanded,
  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer.rfm-history-preview-collapsed,
  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer.is-rfm-css-marquee {
    gap: 10px !important;
    padding-right: 34px !important;
  }

  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer > .rfm-history-row,
  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer > .rfm-history-row.is-hero-ticker-card,
  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer > .rfm-history-row.is-mobile-home-ticker-card,
  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer > .rfm-history-row.is-segment,
  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer > .rfm-history-row.is-radijas-news {
    flex: 0 0 min(330px, calc(100vw - 94px)) !important;
    width: min(330px, calc(100vw - 94px)) !important;
    min-width: min(330px, calc(100vw - 94px)) !important;
    max-width: min(330px, calc(100vw - 94px)) !important;
  }

  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer > .rfm-history-row > .rfm-history-meta {
    gap: 2px !important;
    min-height: 44px !important;
    padding: 0 3px 0 !important;
  }

  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer > .rfm-history-row .rfm-history-song-title {
    min-height: 0 !important;
    max-height: 34px !important;
    line-height: 1.2 !important;
    margin: 0 !important;
  }

  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer > .rfm-history-row .rfm-history-artist-title {
    margin: 0 !important;
    line-height: 1.12 !important;
  }
}

@media (max-width: 380px) {
  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer > .rfm-history-row,
  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer > .rfm-history-row.is-hero-ticker-card,
  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer > .rfm-history-row.is-mobile-home-ticker-card,
  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer > .rfm-history-row.is-segment,
  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer > .rfm-history-row.is-radijas-news {
    flex-basis: calc(100vw - 86px) !important;
    width: calc(100vw - 86px) !important;
    min-width: calc(100vw - 86px) !important;
    max-width: calc(100vw - 86px) !important;
  }
}


/* v1.0.671 - Mobile history tighter single-line text rhythm.
   Title and artist are one line on mobile ticker cards; lower text zone is reduced
   while keeping the next-card peek from v1.0.670. */
@media (max-width: 768px) {
  .home .rfm-mobile-history-ticker {
    margin-bottom: 16px !important;
  }

  .home .rfm-mobile-history-ticker .rfm-player-history-viewport {
    padding-bottom: 5px !important;
  }

  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer > .rfm-history-row,
  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer > .rfm-history-row.is-hero-ticker-card,
  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer > .rfm-history-row.is-mobile-home-ticker-card,
  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer > .rfm-history-row.is-segment,
  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer > .rfm-history-row.is-radijas-news {
    padding: 8px 8px 7px !important;
    border-radius: 22px !important;
  }

  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer > .rfm-history-row > .rfm-history-card-art-frame {
    margin-bottom: 6px !important;
  }

  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer > .rfm-history-row > .rfm-history-meta {
    min-height: 32px !important;
    max-height: 34px !important;
    gap: 0 !important;
    padding: 0 2px !important;
    justify-content: flex-start !important;
    overflow: hidden !important;
  }

  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer > .rfm-history-row .rfm-history-song-title {
    display: block !important;
    min-height: 0 !important;
    max-height: 17px !important;
    margin: 0 0 1px !important;
    font-size: 13px !important;
    line-height: 1.16 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    -webkit-line-clamp: unset !important;
    line-clamp: unset !important;
    -webkit-box-orient: unset !important;
  }

  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer > .rfm-history-row .rfm-history-artist-title {
    display: block !important;
    min-height: 0 !important;
    max-height: 15px !important;
    margin: 0 !important;
    font-size: 10.6px !important;
    line-height: 1.12 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    -webkit-line-clamp: unset !important;
    line-clamp: unset !important;
    -webkit-box-orient: unset !important;
  }
}

@media (max-width: 380px) {
  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer > .rfm-history-row,
  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer > .rfm-history-row.is-hero-ticker-card,
  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer > .rfm-history-row.is-mobile-home-ticker-card,
  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer > .rfm-history-row.is-segment,
  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer > .rfm-history-row.is-radijas-news {
    padding-bottom: 6px !important;
  }

  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer > .rfm-history-row > .rfm-history-meta {
    min-height: 30px !important;
    max-height: 32px !important;
  }

  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer > .rfm-history-row .rfm-history-song-title {
    font-size: 12.5px !important;
    max-height: 16px !important;
  }

  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer > .rfm-history-row .rfm-history-artist-title {
    font-size: 10.2px !important;
    max-height: 14px !important;
  }
}

/* v1.0.672 - Mobile: Eteryje + sidebar-marked banners in one manual 16:9 strip.
   Desktop stays unchanged. The old two mobile homepage promo banners below Atsuk are removed in markup. */
.rfm-mobile-show-banner-strip {
  display: none;
}

@media (max-width: 768px) {
  .home .rfm-mobile-show-banner-strip {
    position: relative !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    gap: 10px !important;
    width: 100% !important;
    margin: 0 0 12px 0 !important;
    padding: 2px 34px 6px 0 !important;
    box-sizing: border-box !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    scroll-snap-type: x proximity !important;
    scrollbar-width: none !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    -webkit-mask-image: linear-gradient(90deg, #000 0, #000 calc(100% - 38px), rgba(0,0,0,.25) 92%, transparent 100%) !important;
    mask-image: linear-gradient(90deg, #000 0, #000 calc(100% - 38px), rgba(0,0,0,.25) 92%, transparent 100%) !important;
  }

  .home .rfm-mobile-show-banner-strip::-webkit-scrollbar {
    display: none !important;
  }

  .home .rfm-mobile-show-banner-strip > .rfm-mobile-show-banner-card {
    flex: 0 0 min(330px, calc(100vw - 94px)) !important;
    width: min(330px, calc(100vw - 94px)) !important;
    min-width: min(330px, calc(100vw - 94px)) !important;
    max-width: min(330px, calc(100vw - 94px)) !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    scroll-snap-align: start !important;
    scroll-snap-stop: normal !important;
    border-radius: 22px !important;
    overflow: hidden !important;
    background: rgba(255,255,255,.66) !important;
    border: 1px solid rgba(210,4,45,.12) !important;
    box-shadow: 0 12px 28px rgba(38,28,29,.07), inset 0 1px 0 rgba(255,255,255,.86) !important;
  }

  .home .rfm-mobile-show-banner-strip .rfm-mobile-current-show-banner,
  .home .rfm-mobile-show-banner-strip .rfm-mobile-sidebar-banner-card {
    display: block !important;
  }

  .home .rfm-mobile-show-banner-strip .rfm-banner-item,
  .home .rfm-mobile-show-banner-strip .rfm-laida-banner,
  .home .rfm-mobile-show-banner-strip .rfm-laidos-home-banner,
  .home .rfm-mobile-show-banner-strip > .rfm-mobile-show-banner-card > a,
  .home .rfm-mobile-show-banner-strip > .rfm-mobile-show-banner-card > div {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    aspect-ratio: 16 / 9 !important;
    border-radius: inherit !important;
    overflow: hidden !important;
    margin: 0 !important;
    text-decoration: none !important;
    background: #fff !important;
  }

  .home .rfm-mobile-show-banner-strip img,
  .home .rfm-mobile-show-banner-strip picture,
  .home .rfm-mobile-show-banner-strip .rfm-laida-banner > img,
  .home .rfm-mobile-show-banner-strip .rfm-laidos-home-banner > img {
    width: 100% !important;
    height: 100% !important;
    aspect-ratio: 16 / 9 !important;
    object-fit: cover !important;
    display: block !important;
    margin: 0 !important;
  }

  .home .rfm-mobile-current-show-banner {
    margin: 0 !important;
  }

  .home .rfm-mobile-secondary-banners {
    display: none !important;
  }
}

@media (max-width: 380px) {
  .home .rfm-mobile-show-banner-strip {
    padding-right: 30px !important;
  }

  .home .rfm-mobile-show-banner-strip > .rfm-mobile-show-banner-card {
    flex-basis: calc(100vw - 86px) !important;
    width: calc(100vw - 86px) !important;
    min-width: calc(100vw - 86px) !important;
    max-width: calc(100vw - 86px) !important;
  }
}

/* v1.0.673 - Mobile history artwork edge-to-edge.
   Keep the card frame, but remove the inner visual frame so song artwork has the
   same real 16:9 width as the Eteryje/sidebar banner cards. Mobile only. */
@media (max-width: 768px) {
  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer > .rfm-history-row,
  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer > .rfm-history-row.is-hero-ticker-card,
  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer > .rfm-history-row.is-mobile-home-ticker-card,
  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer > .rfm-history-row.is-segment,
  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer > .rfm-history-row.is-radijas-news {
    padding: 0 !important;
    gap: 0 !important;
    border-radius: 22px !important;
    overflow: hidden !important;
    background:
      radial-gradient(circle at 18% 0%, rgba(255,255,255,.70), rgba(255,255,255,.24) 46%, transparent 78%),
      linear-gradient(145deg, rgba(255,255,255,.58), rgba(255,244,247,.30)) !important;
    border: 1px solid rgba(210,4,45,.12) !important;
    box-shadow: 0 12px 28px rgba(38,28,29,.07), inset 0 1px 0 rgba(255,255,255,.78) !important;
  }

  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer > .rfm-history-row.is-mobile-home-ticker-card:first-of-type,
  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer > .rfm-history-row.is-current-mobile-now {
    border-color: rgba(210,4,45,.22) !important;
    box-shadow: 0 14px 30px rgba(119,27,42,.09), inset 0 1px 0 rgba(255,255,255,.82) !important;
  }

  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer > .rfm-history-row > .rfm-history-card-art-frame {
    width: 100% !important;
    aspect-ratio: 16 / 9 !important;
    margin: 0 !important;
    border-radius: 21px 21px 0 0 !important;
    box-shadow: none !important;
    background:
      var(--rfm-history-art-bg, none) center / cover no-repeat,
      linear-gradient(135deg, rgba(139,18,35,.12), rgba(255,255,255,.34)) !important;
  }

  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer > .rfm-history-row > .rfm-history-card-art-frame::before {
    opacity: .20 !important;
    filter: blur(14px) saturate(1.04) !important;
  }

  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer > .rfm-history-row > .rfm-history-card-art-frame::after {
    border-radius: 21px 21px 0 0 !important;
    background: linear-gradient(180deg, rgba(0,0,0,.06), transparent 42%, rgba(0,0,0,.30)) !important;
  }

  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer > .rfm-history-row .rfm-history-art,
  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer > .rfm-history-row .rfm-history-art.has-image,
  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer > .rfm-history-row .rfm-history-art.is-empty,
  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer > .rfm-history-row .rfm-history-art.is-station-fallback,
  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer > .rfm-history-row .rfm-history-art img {
    border-radius: 21px 21px 0 0 !important;
  }

  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer > .rfm-history-row .rfm-history-time {
    top: 9px !important;
    left: 9px !important;
  }

  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer > .rfm-history-row .rfm-history-badge-wrap {
    right: 9px !important;
    bottom: 9px !important;
    left: 62px !important;
  }

  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer > .rfm-history-row > .rfm-history-meta {
    min-height: 38px !important;
    max-height: 40px !important;
    padding: 7px 10px 8px !important;
    gap: 1px !important;
    background: rgba(255,255,255,.34) !important;
  }

  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer > .rfm-history-row .rfm-history-song-title {
    max-height: 16px !important;
    margin: 0 !important;
    font-size: 13px !important;
    line-height: 1.14 !important;
  }

  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer > .rfm-history-row .rfm-history-artist-title {
    max-height: 14px !important;
    margin: 0 !important;
    font-size: 10.5px !important;
    line-height: 1.08 !important;
  }
}

@media (max-width: 380px) {
  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer > .rfm-history-row > .rfm-history-card-art-frame {
    border-radius: 20px 20px 0 0 !important;
  }

  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer > .rfm-history-row .rfm-history-art,
  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer > .rfm-history-row .rfm-history-art.has-image,
  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer > .rfm-history-row .rfm-history-art.is-empty,
  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer > .rfm-history-row .rfm-history-art.is-station-fallback,
  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer > .rfm-history-row .rfm-history-art img,
  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer > .rfm-history-row > .rfm-history-card-art-frame::after {
    border-radius: 20px 20px 0 0 !important;
  }

  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer > .rfm-history-row > .rfm-history-meta {
    min-height: 36px !important;
    max-height: 38px !important;
    padding: 6px 9px 7px !important;
  }
}

/* v1.0.674 - Mobile media card language for Eteryje/sidebar banners and current badge.
   Mobile only: banner strip now uses the same visual system as the manual song-history cards:
   edge-to-edge 16:9 image, outer glass frame, top-left badge, optional bottom badges. */
@media (max-width: 768px) {
  .home .rfm-mobile-show-banner-strip {
    margin: 0 0 12px 0 !important;
    padding: 2px 34px 6px 0 !important;
    gap: 10px !important;
  }

  .home .rfm-mobile-show-banner-strip > .rfm-mobile-show-banner-card {
    position: relative !important;
    flex: 0 0 min(330px, calc(100vw - 94px)) !important;
    width: min(330px, calc(100vw - 94px)) !important;
    min-width: min(330px, calc(100vw - 94px)) !important;
    max-width: min(330px, calc(100vw - 94px)) !important;
    aspect-ratio: 16 / 9 !important;
    padding: 0 !important;
    border-radius: 22px !important;
    overflow: hidden !important;
    background:
      radial-gradient(circle at 18% 0%, rgba(255,255,255,.70), rgba(255,255,255,.24) 46%, transparent 78%),
      linear-gradient(145deg, rgba(255,255,255,.58), rgba(255,244,247,.30)) !important;
    border: 1px solid rgba(210,4,45,.12) !important;
    box-shadow: 0 12px 28px rgba(38,28,29,.07), inset 0 1px 0 rgba(255,255,255,.78) !important;
    backdrop-filter: blur(18px) saturate(160%) !important;
    -webkit-backdrop-filter: blur(18px) saturate(160%) !important;
    scroll-snap-align: start !important;
    isolation: isolate !important;
  }

  .home .rfm-mobile-show-banner-strip > .rfm-mobile-show-banner-card::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 3 !important;
    pointer-events: none !important;
    border-radius: inherit !important;
    background: linear-gradient(180deg, rgba(0,0,0,.06), transparent 42%, rgba(0,0,0,.30)) !important;
  }

  .home .rfm-mobile-show-banner-strip .rfm-banner-item,
  .home .rfm-mobile-show-banner-strip .rfm-laida-banner,
  .home .rfm-mobile-show-banner-strip .rfm-laidos-home-banner,
  .home .rfm-mobile-show-banner-strip > .rfm-mobile-show-banner-card > a,
  .home .rfm-mobile-show-banner-strip > .rfm-mobile-show-banner-card > div:not(.rfm-laida-content) {
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 100% !important;
    min-height: 100% !important;
    max-width: none !important;
    aspect-ratio: 16 / 9 !important;
    border-radius: inherit !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
    text-decoration: none !important;
    background: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
  }

  .home .rfm-mobile-show-banner-strip img,
  .home .rfm-mobile-show-banner-strip picture,
  .home .rfm-mobile-show-banner-strip .rfm-laida-banner > img,
  .home .rfm-mobile-show-banner-strip .rfm-laidos-home-banner > img {
    position: relative !important;
    z-index: 1 !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 100% !important;
    min-height: 100% !important;
    aspect-ratio: 16 / 9 !important;
    object-fit: cover !important;
    object-position: center center !important;
    display: block !important;
    margin: 0 !important;
    border-radius: inherit !important;
  }

  .home .rfm-mobile-show-banner-strip .rfm-laida-shade {
    z-index: 2 !important;
    border-radius: inherit !important;
    background: linear-gradient(180deg, rgba(0,0,0,.03), transparent 42%, rgba(0,0,0,.24)) !important;
  }

  .home .rfm-mobile-media-badge,
  .home .rfm-mobile-show-banner-strip .rfm-laida-label,
  .home .rfm-mobile-show-banner-strip .rfm-laida-title.rfm-laida-title-badge,
  .home .rfm-mobile-show-banner-strip .rfm-laida-cta {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 24px !important;
    max-width: calc(100% - 18px) !important;
    padding: 0 10px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(255,255,255,.70) !important;
    background: rgba(255,255,255,.92) !important;
    color: #B9042F !important;
    font-family: var(--rfm-font-main) !important;
    font-size: 9.5px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
    letter-spacing: .04em !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    text-shadow: none !important;
    box-shadow: 0 8px 18px rgba(38,28,29,.15) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
  }

  .home .rfm-mobile-media-badge-main {
    position: absolute !important;
    top: 9px !important;
    left: 9px !important;
    z-index: 8 !important;
    pointer-events: none !important;
  }

  .home .rfm-mobile-show-banner-strip .rfm-laida-label {
    position: absolute !important;
    top: 9px !important;
    left: 9px !important;
    z-index: 7 !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  .home .rfm-mobile-show-banner-strip .rfm-laida-label::before,
  .home .rfm-mobile-show-banner-strip .rfm-laida-title.rfm-laida-title-badge::before {
    display: none !important;
    content: none !important;
  }

  .home .rfm-mobile-show-banner-strip .rfm-laida-content {
    position: absolute !important;
    left: auto !important;
    right: 9px !important;
    bottom: 9px !important;
    z-index: 8 !important;
    display: flex !important;
    flex-direction: row-reverse !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 6px !important;
    max-width: calc(100% - 74px) !important;
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
  }

  .home .rfm-mobile-show-banner-strip .rfm-laida-title,
  .home .rfm-mobile-show-banner-strip .rfm-laida-title.rfm-laida-title-badge,
  .home .rfm-mobile-show-banner-strip .rfm-laida-cta {
    position: static !important;
    flex: 0 1 auto !important;
    width: auto !important;
    max-width: 120px !important;
    min-width: 0 !important;
    margin: 0 !important;
    text-align: center !important;
    text-decoration: none !important;
  }

  .home .rfm-mobile-show-banner-strip .rfm-laida-title:not(.rfm-laida-title-badge) {
    display: none !important;
  }

  .home .rfm-mobile-show-banner-strip .rfm-laida-cta:empty,
  .home .rfm-mobile-show-banner-strip .rfm-laida-title.rfm-laida-title-badge:empty {
    display: none !important;
  }

  .home .rfm-mobile-show-banner-strip .rfm-mobile-show-banner-card:hover,
  .home .rfm-mobile-show-banner-strip .rfm-mobile-show-banner-card:focus-within {
    border-color: rgba(210,4,45,.20) !important;
    box-shadow: 0 14px 30px rgba(119,27,42,.09), inset 0 1px 0 rgba(255,255,255,.82) !important;
  }

  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer > .rfm-history-row.is-current-mobile-now .rfm-history-time,
  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer > .rfm-history-row:first-of-type .rfm-history-time {
    background: rgba(255,255,255,.92) !important;
    color: #B9042F !important;
    border-color: rgba(255,255,255,.70) !important;
    box-shadow: 0 8px 18px rgba(38,28,29,.15) !important;
  }
}

@media (max-width: 380px) {
  .home .rfm-mobile-show-banner-strip > .rfm-mobile-show-banner-card {
    flex-basis: calc(100vw - 86px) !important;
    width: calc(100vw - 86px) !important;
    min-width: calc(100vw - 86px) !important;
    max-width: calc(100vw - 86px) !important;
  }
}

/* v1.0.679 - Mobile homepage promo banners must not show any hardcoded station tab.
   Only the real current-show card keeps its ETERYJE tab. */
@media (max-width: 921px) {
  .home .rfm-mobile-show-banner-strip .rfm-mobile-sidebar-banner-card > .rfm-mobile-media-badge,
  .home .rfm-mobile-show-banner-strip .rfm-mobile-sidebar-banner-card > .rfm-mobile-media-badge-main {
    display: none !important;
    visibility: hidden !important;
  }
}


/* v1.0.684 - Mobile homepage hero messages ticker.
   Separate from the song-rating slot: only editorial/messages content scrolls
   between the Eteryje/banner strip and the mobile song-history list. */
.rfm-mobile-hero-message-slot {
  display: none;
}

@media (max-width: 768px) {
  .home .rfm-mobile-hero-message-slot {
    display: block;
    width: 100%;
    margin: 6px 0 14px 0;
    padding: 0;
    overflow: hidden;
  }

  .home .rfm-mobile-hero-message-slot[hidden],
  .home .rfm-mobile-hero-message-slot.is-hidden {
    display: none !important;
  }

  .home .rfm-mobile-hero-message-viewport {
    position: relative;
    width: 100%;
    min-height: 48px;
    overflow: hidden;
    border-radius: 999px;
    border: 1px solid rgba(255,255,255,.72);
    background:
      linear-gradient(135deg, rgba(255,255,255,.96), rgba(255,246,248,.9)),
      rgba(255,255,255,.92);
    box-shadow:
      0 16px 34px rgba(210,4,45,.11),
      inset 0 1px 0 rgba(255,255,255,.92);
    -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 22px, #000 calc(100% - 22px), transparent 100%);
    mask-image: linear-gradient(90deg, transparent 0, #000 22px, #000 calc(100% - 22px), transparent 100%);
  }

  .home .rfm-mobile-hero-message-track {
    display: flex;
    align-items: center;
    gap: 10px;
    width: max-content;
    min-height: 48px;
    padding-left: 100%;
    padding-right: 18px;
    will-change: transform;
    animation: rfmMobileHeroMessagesScroll var(--rfm-mobile-hero-message-duration, 26s) linear infinite;
  }

  .home .rfm-mobile-hero-message-slot:hover .rfm-mobile-hero-message-track,
  .home .rfm-mobile-hero-message-slot:focus-within .rfm-mobile-hero-message-track,
  .home .rfm-mobile-hero-message-slot:active .rfm-mobile-hero-message-track {
    animation-play-state: paused;
  }

  .home .rfm-mobile-hero-message-card {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    flex: 0 0 auto;
    min-height: 31px;
    max-width: min(330px, calc(100vw - 72px));
    padding: 0 12px;
    border-radius: 999px;
    border: 1px solid rgba(210,4,45,.18);
    background: rgba(255,255,255,.88);
    color: #c7062f;
    text-decoration: none !important;
    box-shadow: 0 8px 18px rgba(210,4,45,.08);
    white-space: nowrap;
  }

  .home .rfm-mobile-hero-message-card::before {
    content: '';
    width: 7px;
    height: 7px;
    flex: 0 0 7px;
    border-radius: 999px;
    background: #e9003f;
    box-shadow: 0 0 0 5px rgba(233,0,63,.10);
  }

  .home .rfm-mobile-hero-message-title,
  .home .rfm-mobile-hero-message-subtitle {
    display: inline-block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1;
    letter-spacing: .055em;
    text-transform: uppercase;
  }

  .home .rfm-mobile-hero-message-title {
    flex: 0 1 auto;
    max-width: 118px;
    font-size: 10.5px;
    font-weight: 950;
    color: #c7062f;
  }

  .home .rfm-mobile-hero-message-subtitle {
    flex: 1 1 auto;
    max-width: 170px;
    font-size: 10px;
    font-weight: 850;
    color: rgba(43,35,38,.74);
    letter-spacing: .025em;
  }

  .home .rfm-mobile-hero-message-subtitle:empty {
    display: none;
  }
}

@media (max-width: 380px) {
  .home .rfm-mobile-hero-message-viewport,
  .home .rfm-mobile-hero-message-track {
    min-height: 44px;
  }

  .home .rfm-mobile-hero-message-card {
    min-height: 29px;
    padding: 0 10px;
  }

  .home .rfm-mobile-hero-message-title {
    max-width: 104px;
    font-size: 9.8px;
  }

  .home .rfm-mobile-hero-message-subtitle {
    max-width: 150px;
    font-size: 9.4px;
  }
}

@keyframes rfmMobileHeroMessagesScroll {
  from { transform: translate3d(0,0,0); }
  to { transform: translate3d(-100%,0,0); }
}

@media (prefers-reduced-motion: reduce) {
  .home .rfm-mobile-hero-message-track {
    animation: none !important;
    padding-left: 0 !important;
    width: 100% !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }
}

/* v1.0.685 - Mobile hero messages as a swipeable carousel.
   This replaces the auto-marquee behavior: messages are manually draggable like the
   mobile Eteryje/sidebar banner strip. One message is visible with a preview of the
   next card on the right. Rating logic is untouched. */
@media (max-width: 768px) {
  .home .rfm-mobile-hero-message-slot {
    display: block !important;
    width: 100% !important;
    margin: 0 0 12px 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  .home .rfm-mobile-hero-message-slot[hidden],
  .home .rfm-mobile-hero-message-slot.is-hidden {
    display: none !important;
  }

  .home .rfm-mobile-hero-message-viewport {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    min-height: 74px !important;
    margin: 0 !important;
    padding: 2px 34px 6px 0 !important;
    box-sizing: border-box !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior-x: contain !important;
    scroll-snap-type: x proximity !important;
    scrollbar-width: none !important;
    border-radius: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    -webkit-mask-image: linear-gradient(90deg, #000 0, #000 calc(100% - 38px), rgba(0,0,0,.25) 92%, transparent 100%) !important;
    mask-image: linear-gradient(90deg, #000 0, #000 calc(100% - 38px), rgba(0,0,0,.25) 92%, transparent 100%) !important;
  }

  .home .rfm-mobile-hero-message-viewport::-webkit-scrollbar {
    display: none !important;
  }

  .home .rfm-mobile-hero-message-track {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    gap: 10px !important;
    width: max-content !important;
    min-height: 66px !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    animation: none !important;
    will-change: auto !important;
  }

  .home .rfm-mobile-hero-message-card {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    gap: 4px !important;
    flex: 0 0 min(330px, calc(100vw - 94px)) !important;
    width: min(330px, calc(100vw - 94px)) !important;
    min-width: min(330px, calc(100vw - 94px)) !important;
    max-width: min(330px, calc(100vw - 94px)) !important;
    min-height: 66px !important;
    margin: 0 !important;
    padding: 10px 14px 11px !important;
    box-sizing: border-box !important;
    scroll-snap-align: start !important;
    scroll-snap-stop: normal !important;
    border-radius: 22px !important;
    border: 1px solid rgba(210,4,45,.12) !important;
    background:
      radial-gradient(circle at 18% 0%, rgba(255,255,255,.74), rgba(255,255,255,.30) 48%, transparent 78%),
      linear-gradient(145deg, rgba(255,255,255,.72), rgba(255,244,247,.42)) !important;
    color: #2b2326 !important;
    text-decoration: none !important;
    box-shadow: 0 12px 28px rgba(38,28,29,.07), inset 0 1px 0 rgba(255,255,255,.82) !important;
    white-space: normal !important;
    overflow: hidden !important;
    backdrop-filter: blur(18px) saturate(160%) !important;
    -webkit-backdrop-filter: blur(18px) saturate(160%) !important;
  }

  .home .rfm-mobile-hero-message-card::before {
    display: none !important;
    content: none !important;
  }

  .home .rfm-mobile-hero-message-title,
  .home .rfm-mobile-hero-message-subtitle {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
    text-transform: none !important;
    text-shadow: none !important;
  }

  .home .rfm-mobile-hero-message-title {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-size: 13px !important;
    line-height: 1.12 !important;
    font-weight: 950 !important;
    letter-spacing: -.01em !important;
    color: #b9042f !important;
  }

  .home .rfm-mobile-hero-message-subtitle {
    overflow: hidden !important;
    white-space: normal !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    line-clamp: 2 !important;
    font-size: 11.2px !important;
    line-height: 1.18 !important;
    font-weight: 800 !important;
    letter-spacing: -.005em !important;
    color: rgba(43,35,38,.76) !important;
  }

  .home .rfm-mobile-hero-message-subtitle:empty {
    display: none !important;
  }
}

@media (max-width: 380px) {
  .home .rfm-mobile-hero-message-viewport {
    padding-right: 30px !important;
    min-height: 70px !important;
  }

  .home .rfm-mobile-hero-message-track {
    min-height: 62px !important;
  }

  .home .rfm-mobile-hero-message-card {
    flex-basis: calc(100vw - 86px) !important;
    width: calc(100vw - 86px) !important;
    min-width: calc(100vw - 86px) !important;
    max-width: calc(100vw - 86px) !important;
    min-height: 62px !important;
    padding: 9px 12px 10px !important;
  }

  .home .rfm-mobile-hero-message-title {
    font-size: 12.3px !important;
  }

  .home .rfm-mobile-hero-message-subtitle {
    font-size: 10.7px !important;
  }
}


/* v1.0.691 - Mobile studio messages sheet gap after compact sticky header.
   The mobile header became lower in v1.0.686, but the messages top-sheet still
   kept the old oversized breathing gap. Keep the sheet safely below the sticky
   menu, with only a small visual gap, and preserve the bottom player safe area. */
@media (max-width: 921px) {
  #rfmGlobalMessagesModal .rfm-msg-launcher,
  #rfmGlobalMessagesModal .rfm-msg-modal {
    --rfm-mobile-messages-gap: 6px !important;
  }

  #rfmGlobalMessagesModal .rfm-msg-modal {
    padding-top: calc(var(--rfm-mobile-messages-top) + var(--rfm-mobile-messages-gap)) !important;
  }

  #rfmGlobalMessagesModal .rfm-msg-dialog {
    max-height: calc(100dvh - var(--rfm-mobile-messages-top) - var(--rfm-mobile-messages-gap) - var(--rfm-mobile-messages-bottom) - 8px) !important;
  }
}

@media (max-width: 390px) {
  #rfmGlobalMessagesModal .rfm-msg-launcher,
  #rfmGlobalMessagesModal .rfm-msg-modal {
    --rfm-mobile-messages-gap: 5px !important;
  }
}

/* v1.0.692 - Real mobile studio sheet gap fix.
   The previous fix only reduced the CSS gap, but JS still used an old minimum
   top offset. Keep the modal almost attached to the compact sticky header. */
@media (max-width: 921px) {
  #rfmGlobalMessagesModal .rfm-msg-launcher,
  #rfmGlobalMessagesModal .rfm-msg-modal {
    --rfm-mobile-messages-gap: 2px !important;
  }

  #rfmGlobalMessagesModal .rfm-msg-modal {
    padding-top: calc(var(--rfm-mobile-messages-top) + var(--rfm-mobile-messages-gap)) !important;
  }

  #rfmGlobalMessagesModal .rfm-msg-dialog {
    max-height: calc(100dvh - var(--rfm-mobile-messages-top) - var(--rfm-mobile-messages-gap) - var(--rfm-mobile-messages-bottom) - 6px) !important;
  }
}

@media (max-width: 390px) {
  #rfmGlobalMessagesModal .rfm-msg-launcher,
  #rfmGlobalMessagesModal .rfm-msg-modal {
    --rfm-mobile-messages-gap: 1px !important;
  }
}


/* v1.0.693 - Mobile homepage: reduce gap between sticky menu and "Zinute i studija".
   Previous attempts affected the opened modal sheet. The visible problem is the
   homepage top clearance before the first button, so override the old 120px
   .rfm-home-top-stage margin directly and late in the file. */
@media (max-width: 768px) {
  body.home .rfm-inner-align-container.rfm-home-top-stage,
  body.front-page .rfm-inner-align-container.rfm-home-top-stage,
  body.home .rfm-home-top-stage,
  body.front-page .rfm-home-top-stage {
    margin-top: 66px !important;
  }

  body.home .rfm-mobile-home-actions-top,
  body.front-page .rfm-mobile-home-actions-top {
    margin-top: 0 !important;
  }
}

@media (max-width: 380px) {
  body.home .rfm-inner-align-container.rfm-home-top-stage,
  body.front-page .rfm-inner-align-container.rfm-home-top-stage,
  body.home .rfm-home-top-stage,
  body.front-page .rfm-home-top-stage {
    margin-top: 64px !important;
  }
}

/* v1.0.694 - Mobile homepage compact vertical rhythm.
   Requested safe reductions only: studio CTA height -5%, gap to Eteryje -1px,
   Eteryje-to-messages gap -20%, messages-to-song-list gap -20%.
   No player, rating, RDS, history or messages logic changed. */
@media (max-width: 768px) {
  body.home .rfm-mobile-action-button,
  body.front-page .rfm-mobile-action-button,
  body.home .rfm-mobile-home-actions .rfm-mobile-studio-button,
  body.front-page .rfm-mobile-home-actions .rfm-mobile-studio-button {
    min-height: 43px !important;
  }

  body.home .rfm-mobile-home-actions-top,
  body.front-page .rfm-mobile-home-actions-top {
    margin-bottom: 9px !important;
  }

  body.home .rfm-mobile-show-banner-strip,
  body.front-page .rfm-mobile-show-banner-strip {
    margin-bottom: 10px !important;
  }

  body.home .rfm-mobile-hero-message-slot,
  body.front-page .rfm-mobile-hero-message-slot {
    margin-bottom: 10px !important;
  }
}

@media (max-width: 390px) {
  body.home .rfm-mobile-action-button,
  body.front-page .rfm-mobile-action-button,
  body.home .rfm-mobile-home-actions .rfm-mobile-studio-button,
  body.front-page .rfm-mobile-home-actions .rfm-mobile-studio-button {
    min-height: 40px !important;
  }
}


/* v1.0.695 - Mobile homepage compact rhythm pass 2.
   Repeat the same safe reductions: studio CTA height -5%, gap to Eteryje -1px,
   Eteryje-to-messages gap -20%, messages-to-song-list gap -20%.
   CSS-only override; no player, rating, RDS, history or messages logic changed. */
@media (max-width: 768px) {
  body.home .rfm-mobile-action-button,
  body.front-page .rfm-mobile-action-button,
  body.home .rfm-mobile-home-actions .rfm-mobile-studio-button,
  body.front-page .rfm-mobile-home-actions .rfm-mobile-studio-button {
    min-height: 41px !important;
  }

  body.home .rfm-mobile-home-actions-top,
  body.front-page .rfm-mobile-home-actions-top {
    margin-bottom: 8px !important;
  }

  body.home .rfm-mobile-show-banner-strip,
  body.front-page .rfm-mobile-show-banner-strip {
    margin-bottom: 8px !important;
  }

  body.home .rfm-mobile-hero-message-slot,
  body.front-page .rfm-mobile-hero-message-slot {
    margin-bottom: 8px !important;
  }
}

@media (max-width: 390px) {
  body.home .rfm-mobile-action-button,
  body.front-page .rfm-mobile-action-button,
  body.home .rfm-mobile-home-actions .rfm-mobile-studio-button,
  body.front-page .rfm-mobile-home-actions .rfm-mobile-studio-button {
    min-height: 38px !important;
  }
}

/* v1.0.696 - Mobile homepage compact rhythm pass 3.
   Repeat the same requested safe reductions: studio CTA height about -5%, gap to
   Eteryje -1px, Eteryje-to-messages gap about -20%, messages-to-song-list gap
   about -20%. CSS-only override; no player, rating, RDS, history or messages
   logic changed. */
@media (max-width: 768px) {
  body.home .rfm-mobile-action-button,
  body.front-page .rfm-mobile-action-button,
  body.home .rfm-mobile-home-actions .rfm-mobile-studio-button,
  body.front-page .rfm-mobile-home-actions .rfm-mobile-studio-button {
    min-height: 39px !important;
  }

  body.home .rfm-mobile-home-actions-top,
  body.front-page .rfm-mobile-home-actions-top {
    margin-bottom: 7px !important;
  }

  body.home .rfm-mobile-show-banner-strip,
  body.front-page .rfm-mobile-show-banner-strip {
    margin-bottom: 6px !important;
  }

  body.home .rfm-mobile-hero-message-slot,
  body.front-page .rfm-mobile-hero-message-slot {
    margin-bottom: 6px !important;
  }
}

@media (max-width: 390px) {
  body.home .rfm-mobile-action-button,
  body.front-page .rfm-mobile-action-button,
  body.home .rfm-mobile-home-actions .rfm-mobile-studio-button,
  body.front-page .rfm-mobile-home-actions .rfm-mobile-studio-button {
    min-height: 36px !important;
  }
}


/* v1.0.697 - Mobile homepage compact rhythm pass 4.
   Repeat the same compacting once more: studio CTA height about -5%, gap to
   Eteryje -1px, Eteryje-to-messages gap about -20%, messages-to-song-list gap
   about -20%. CSS-only; no player, rating, RDS, history or messages logic changed. */
@media (max-width: 768px) {
  body.home .rfm-mobile-action-button,
  body.front-page .rfm-mobile-action-button,
  body.home .rfm-mobile-home-actions .rfm-mobile-studio-button,
  body.front-page .rfm-mobile-home-actions .rfm-mobile-studio-button {
    min-height: 37px !important;
  }

  body.home .rfm-mobile-home-actions-top,
  body.front-page .rfm-mobile-home-actions-top {
    margin-bottom: 6px !important;
  }

  body.home .rfm-mobile-show-banner-strip,
  body.front-page .rfm-mobile-show-banner-strip {
    margin-bottom: 5px !important;
  }

  body.home .rfm-mobile-hero-message-slot,
  body.front-page .rfm-mobile-hero-message-slot {
    margin-bottom: 5px !important;
  }
}

@media (max-width: 390px) {
  body.home .rfm-mobile-action-button,
  body.front-page .rfm-mobile-action-button,
  body.home .rfm-mobile-home-actions .rfm-mobile-studio-button,
  body.front-page .rfm-mobile-home-actions .rfm-mobile-studio-button {
    min-height: 34px !important;
  }
}


/* v1.0.698 - Mobile homepage compact rhythm pass 5.
   Requested only: reduce Eteryje-to-messages and messages-to-song-list gaps
   from 5px to 4px. No button height, player, rating, RDS, history or messages
   logic changed. */
@media (max-width: 768px) {
  body.home .rfm-mobile-show-banner-strip,
  body.front-page .rfm-mobile-show-banner-strip {
    margin-bottom: 4px !important;
  }

  body.home .rfm-mobile-hero-message-slot,
  body.front-page .rfm-mobile-hero-message-slot {
    margin-bottom: 4px !important;
  }
}


/* v1.0.699 - Mobile homepage: tighten the gap after Atsuk transliacija tabs.
   The visible gap is a combination of the Atsuk section bottom margin and the
   following TOP 15 section top margin. Reduce only that mobile handoff; no
   player, rating, RDS, history, messages or desktop logic changed. */
@media (max-width: 768px) {
  body.home .rfm-home-top-stage .rfm-atsuk-links-section,
  body.front-page .rfm-home-top-stage .rfm-atsuk-links-section,
  body.home .rfm-atsuk-home-section.rfm-atsuk-links-section,
  body.front-page .rfm-atsuk-home-section.rfm-atsuk-links-section {
    margin-bottom: 4px !important;
  }

  body.home .rfm-home-top15-section,
  body.front-page .rfm-home-top15-section {
    margin-top: 8px !important;
  }
}

@media (max-width: 390px) {
  body.home .rfm-home-top-stage .rfm-atsuk-links-section,
  body.front-page .rfm-home-top-stage .rfm-atsuk-links-section,
  body.home .rfm-atsuk-home-section.rfm-atsuk-links-section,
  body.front-page .rfm-atsuk-home-section.rfm-atsuk-links-section {
    margin-bottom: 3px !important;
  }

  body.home .rfm-home-top15-section,
  body.front-page .rfm-home-top15-section {
    margin-top: 7px !important;
  }
}


/* v1.0.700 - Mobile homepage: reduce the same Atsuk transliacija to TOP 15 handoff gap by another ~20%.
   Only the mobile section handoff margins are changed. */
@media (max-width: 768px) {
  body.home .rfm-home-top-stage .rfm-atsuk-links-section,
  body.front-page .rfm-home-top-stage .rfm-atsuk-links-section,
  body.home .rfm-atsuk-home-section.rfm-atsuk-links-section,
  body.front-page .rfm-atsuk-home-section.rfm-atsuk-links-section {
    margin-bottom: 3px !important;
  }

  body.home .rfm-home-top15-section,
  body.front-page .rfm-home-top15-section {
    margin-top: 6px !important;
  }
}

@media (max-width: 390px) {
  body.home .rfm-home-top-stage .rfm-atsuk-links-section,
  body.front-page .rfm-home-top-stage .rfm-atsuk-links-section,
  body.home .rfm-atsuk-home-section.rfm-atsuk-links-section,
  body.front-page .rfm-atsuk-home-section.rfm-atsuk-links-section {
    margin-bottom: 2px !important;
  }

  body.home .rfm-home-top15-section,
  body.front-page .rfm-home-top15-section {
    margin-top: 6px !important;
  }
}


/* v1.0.701 - Mobile RADIJAS.LT news card polish.
   Mobile homepage history uses large 16:9 cards. The RADIJAS.LT news item is a
   special audio/news card, not a normal song card: do not let the desktop
   "KLAUSOMA + X" status pill consume the mobile card text area, and keep the
   card visually aligned with the other mobile history cards. */
@media (max-width: 768px) {
  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer > .rfm-history-row.is-radijas-news {
    background:
      radial-gradient(circle at 18% 0%, rgba(255,255,255,.72), rgba(255,255,255,.25) 46%, transparent 78%),
      linear-gradient(145deg, rgba(255,255,255,.58), rgba(255,244,247,.30)) !important;
  }

  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer > .rfm-history-row.is-radijas-news .rfm-history-audio-status {
    display: none !important;
    visibility: hidden !important;
  }

  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer > .rfm-history-row.is-radijas-news > .rfm-history-meta {
    min-height: 38px !important;
    max-height: 40px !important;
    padding: 7px 10px 8px !important;
    background: rgba(255,255,255,.38) !important;
  }

  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer > .rfm-history-row.is-radijas-news .rfm-history-song-title {
    display: block !important;
    max-height: 16px !important;
    margin: 0 !important;
    color: #261C1D !important;
    font-size: 13px !important;
    line-height: 1.14 !important;
    font-weight: 950 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer > .rfm-history-row.is-radijas-news .rfm-history-artist-title {
    display: block !important;
    max-height: 14px !important;
    margin: 0 !important;
    color: rgba(38,28,29,.62) !important;
    font-size: 10.5px !important;
    line-height: 1.08 !important;
    font-weight: 850 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer > .rfm-history-row.is-radijas-news .rfm-history-art.is-radijas-news-art img {
    object-fit: cover !important;
    object-position: center center !important;
  }

  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer > .rfm-history-row.is-radijas-news .rfm-history-news-play {
    left: 50% !important;
    top: calc((100% - 40px) * .42) !important;
    z-index: 9 !important;
  }

  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer > .rfm-history-row.is-radijas-news.is-history-audio-active-card {
    border-color: rgba(210,4,45,.22) !important;
    box-shadow: 0 14px 30px rgba(119,27,42,.09), inset 0 1px 0 rgba(255,255,255,.82) !important;
  }
}


/* v1.0.702 - Mobile RADIJAS.LT news card play control.
   The news item is playable audio, so the mobile homepage card needs a real
   play/pause control. Older global mobile CSS hides news buttons; restore it
   only for the mobile homepage RADIJAS.LT news card and keep the same shared
   audio state as desktop. */
@media (max-width: 768px) {
  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer > .rfm-history-row.is-radijas-news {
    position: relative !important;
  }

  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer > .rfm-history-row.is-radijas-news .rfm-history-news-play {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: absolute !important;
    right: 12px !important;
    top: 12px !important;
    left: auto !important;
    bottom: auto !important;
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    min-height: 38px !important;
    padding: 0 !important;
    margin: 0 !important;
    transform: none !important;
    z-index: 12 !important;
    border-radius: 999px !important;
    border: 1px solid rgba(255,255,255,.74) !important;
    background: rgba(255,255,255,.90) !important;
    color: #D2042B !important;
    box-shadow: 0 10px 22px rgba(38,28,29,.16), inset 0 1px 0 rgba(255,255,255,.90) !important;
    text-decoration: none !important;
    -webkit-tap-highlight-color: transparent !important;
  }

  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer > .rfm-history-row.is-radijas-news .rfm-history-news-play-label {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
  }

  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer > .rfm-history-row.is-radijas-news .rfm-history-news-play-icon {
    display: block !important;
    width: 0 !important;
    height: 0 !important;
    margin-left: 3px !important;
    border-top: 8px solid transparent !important;
    border-bottom: 8px solid transparent !important;
    border-left: 12px solid currentColor !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer > .rfm-history-row.is-radijas-news .rfm-history-news-play.is-playing {
    background: #D2042B !important;
    border-color: rgba(210,4,45,.54) !important;
    color: #fff !important;
    box-shadow: 0 12px 26px rgba(210,4,45,.25), inset 0 1px 0 rgba(255,255,255,.25) !important;
  }

  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer > .rfm-history-row.is-radijas-news .rfm-history-news-play.is-playing .rfm-history-news-play-icon {
    width: 14px !important;
    height: 16px !important;
    margin-left: 0 !important;
    border: 0 !important;
    background: linear-gradient(90deg, currentColor 0 4px, transparent 4px 10px, currentColor 10px 14px) !important;
  }
}

/* v1.0.705 - Desktop hero history controlled start holds.
   Page/Ajax load holds for 3s via JS; approved reset-to-start holds for 2s via JS.
   Mobile manual history remains unaffected. */
@media (min-width: 769px) {
  .home .rfm-player-history-ticker #rfmHistoryContainer.is-rfm-css-marquee.is-rfm-history-start-hold,
  .home .rfm-player-history-ticker-minimal #rfmHistoryContainer.is-rfm-css-marquee.is-rfm-history-start-hold {
    animation-play-state: paused !important;
  }
}


/* v1.0.708 - Home history promo banners are image-led: banners with only an image still appear and do not reserve an empty title/CTA row. */
@media (min-width: 769px) {
  .home .rfm-player-history-ticker #rfmHistoryContainer > .rfm-history-row.is-history-promo-card.is-history-promo-image-only,
  .home .rfm-player-history-ticker #rfmHistoryContainer > .rfm-history-row.is-hero-ticker-card.is-history-promo-card.is-history-promo-image-only {
    grid-template-rows: auto !important;
    gap: 0 !important;
    padding: 9px !important;
  }

  .home .rfm-player-history-ticker #rfmHistoryContainer > .rfm-history-row.is-history-promo-card.is-history-promo-image-only > .rfm-history-promo-art-frame {
    grid-row: 1 !important;
  }

  .home .rfm-player-history-ticker #rfmHistoryContainer > .rfm-history-row.is-history-promo-card.is-history-promo-image-only > .rfm-history-promo-meta {
    display: none !important;
  }
}

/* v1.0.711 - Desktop history controls state machine.
   Manual arrow navigation must pause the CSS marquee and let JS move through real cards. */
@media (min-width: 769px) {
  .home .rfm-player-history-ticker #rfmHistoryContainer.is-rfm-history-manual,
  .home .rfm-player-history-ticker #rfmHistoryContainer.is-rfm-css-marquee.is-rfm-history-manual,
  .home .rfm-player-history-ticker-minimal #rfmHistoryContainer.is-rfm-history-manual,
  .home .rfm-player-history-ticker-minimal #rfmHistoryContainer.is-rfm-css-marquee.is-rfm-history-manual {
    animation: none !important;
    animation-play-state: paused !important;
    will-change: transform !important;
  }

  .home .rfm-player-history-ticker.is-history-manual-control .rfm-history-ticker-arrow,
  .home .rfm-player-history-ticker-minimal.is-history-manual-control .rfm-history-ticker-arrow {
    background: rgba(210, 4, 45, .94) !important;
    color: #fff !important;
    border-color: rgba(210, 4, 45, .28) !important;
  }
}


/* v1.0.712 - Mobile studio button matched to the compact sticky header.
   The trigger keeps the existing messages JS/data attributes, but visually becomes
   a second glass navigation capsule with the same mobile header rhythm. */
@media (max-width: 768px) {
  body.home .rfm-mobile-home-actions-top,
  body.front-page .rfm-mobile-home-actions-top {
    width: calc(100% + 4px) !important;
    margin-left: -2px !important;
    margin-right: -2px !important;
    margin-bottom: 7px !important;
  }

  body.home .rfm-mobile-home-actions-top .rfm-mobile-studio-button,
  body.front-page .rfm-mobile-home-actions-top .rfm-mobile-studio-button,
  body.home .rfm-mobile-home-actions-top .rfm-mobile-action-button,
  body.front-page .rfm-mobile-home-actions-top .rfm-mobile-action-button {
    appearance: none !important;
    -webkit-appearance: none !important;
    position: relative !important;
    isolation: isolate !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    box-sizing: border-box !important;
    gap: 10px !important;
    padding: 7px 12px !important;
    margin: 0 !important;
    border-radius: 14px !important;
    border: 1px solid rgba(255, 255, 255, 0.50) !important;
    background: rgba(255, 255, 255, 0.45) !important;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.40), rgba(229, 45, 39, 0.018)) !important;
    -webkit-backdrop-filter: blur(20px) saturate(180%) !important;
    backdrop-filter: blur(20px) saturate(180%) !important;
    color: #261C1D !important;
    box-shadow: 0 8px 32px rgba(38, 28, 29, 0.04), inset 0 1px 0 rgba(255, 255, 255, 0.40) !important;
    overflow: hidden !important;
    text-decoration: none !important;
    cursor: pointer !important;
    -webkit-tap-highlight-color: transparent !important;
  }

  body.home .rfm-mobile-home-actions-top .rfm-mobile-studio-button::before,
  body.front-page .rfm-mobile-home-actions-top .rfm-mobile-studio-button::before,
  body.home .rfm-mobile-home-actions-top .rfm-mobile-action-button::before,
  body.front-page .rfm-mobile-home-actions-top .rfm-mobile-action-button::before {
    content: '' !important;
    position: absolute !important;
    inset: 1px !important;
    border-radius: 13px !important;
    background: linear-gradient(180deg, rgba(255,255,255,.22), rgba(255,255,255,0)) !important;
    pointer-events: none !important;
    z-index: -1 !important;
  }

  body.home .rfm-mobile-home-actions-top .rfm-mobile-studio-button::after,
  body.front-page .rfm-mobile-home-actions-top .rfm-mobile-studio-button::after,
  body.home .rfm-mobile-home-actions-top .rfm-mobile-action-button::after,
  body.front-page .rfm-mobile-home-actions-top .rfm-mobile-action-button::after {
    display: none !important;
    content: none !important;
  }

  body.home .rfm-mobile-home-actions-top .rfm-mobile-action-button-icon,
  body.front-page .rfm-mobile-home-actions-top .rfm-mobile-action-button-icon {
    display: inline-grid !important;
    place-items: center !important;
    width: 30px !important;
    height: 30px !important;
    flex: 0 0 30px !important;
    border-radius: 11px !important;
    background: linear-gradient(135deg, #D20435 0%, #B5032D 100%) !important;
    color: #fff !important;
    box-shadow: 0 8px 18px rgba(210,4,53,.16), inset 0 1px 0 rgba(255,255,255,.26) !important;
  }

  body.home .rfm-mobile-home-actions-top .rfm-mobile-action-button-icon svg,
  body.front-page .rfm-mobile-home-actions-top .rfm-mobile-action-button-icon svg {
    width: 15px !important;
    height: 15px !important;
    fill: currentColor !important;
  }

  body.home .rfm-mobile-home-actions-top .rfm-mobile-action-button-text,
  body.front-page .rfm-mobile-home-actions-top .rfm-mobile-action-button-text {
    display: block !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    text-align: left !important;
    color: #261C1D !important;
    font-size: 12px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
    letter-spacing: .075em !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body.home .rfm-mobile-home-actions-top .rfm-mobile-action-button-arrow,
  body.front-page .rfm-mobile-home-actions-top .rfm-mobile-action-button-arrow,
  body.home .rfm-mobile-home-actions-top .rfm-mobile-studio-button-arrow,
  body.front-page .rfm-mobile-home-actions-top .rfm-mobile-studio-button-arrow {
    display: inline-grid !important;
    place-items: center !important;
    width: 28px !important;
    height: 28px !important;
    flex: 0 0 28px !important;
    border-radius: 12px !important;
    background: rgba(255, 255, 255, 0.68) !important;
    border: 1px solid rgba(210, 4, 53, 0.10) !important;
    color: #D20435 !important;
    font-size: 19px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    transform: none !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.72) !important;
  }

  body.home .rfm-mobile-home-actions-top .rfm-mobile-studio-button:focus-visible,
  body.front-page .rfm-mobile-home-actions-top .rfm-mobile-studio-button:focus-visible,
  body.home .rfm-mobile-home-actions-top .rfm-mobile-action-button:focus-visible,
  body.front-page .rfm-mobile-home-actions-top .rfm-mobile-action-button:focus-visible {
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(210,4,53,.16), 0 8px 32px rgba(38,28,29,.04), inset 0 1px 0 rgba(255,255,255,.40) !important;
  }
}

@media (max-width: 390px) {
  body.home .rfm-mobile-home-actions-top .rfm-mobile-studio-button,
  body.front-page .rfm-mobile-home-actions-top .rfm-mobile-studio-button,
  body.home .rfm-mobile-home-actions-top .rfm-mobile-action-button,
  body.front-page .rfm-mobile-home-actions-top .rfm-mobile-action-button {
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    padding: 6px 11px !important;
    gap: 9px !important;
  }

  body.home .rfm-mobile-home-actions-top .rfm-mobile-action-button-icon,
  body.front-page .rfm-mobile-home-actions-top .rfm-mobile-action-button-icon {
    width: 29px !important;
    height: 29px !important;
    flex-basis: 29px !important;
  }

  body.home .rfm-mobile-home-actions-top .rfm-mobile-action-button-text,
  body.front-page .rfm-mobile-home-actions-top .rfm-mobile-action-button-text {
    font-size: 11.4px !important;
    letter-spacing: .065em !important;
  }

  body.home .rfm-mobile-home-actions-top .rfm-mobile-action-button-arrow,
  body.front-page .rfm-mobile-home-actions-top .rfm-mobile-action-button-arrow,
  body.home .rfm-mobile-home-actions-top .rfm-mobile-studio-button-arrow,
  body.front-page .rfm-mobile-home-actions-top .rfm-mobile-studio-button-arrow {
    width: 27px !important;
    height: 27px !important;
    flex-basis: 27px !important;
    font-size: 18px !important;
  }
}


/* v1.0.713 - Mobile homepage: move the studio trigger one container lower.
   The button keeps the v1.0.712 sticky-header glass appearance, but sits between
   the Eteryje/banner strip and the swipeable hero messages list. Keep only small
   spacing around it and do not change message form logic. */
@media (max-width: 768px) {
  body.home .rfm-mobile-show-banner-strip,
  body.front-page .rfm-mobile-show-banner-strip {
    margin-bottom: 4px !important;
  }

  body.home .rfm-mobile-show-banner-strip + .rfm-mobile-home-actions-top,
  body.front-page .rfm-mobile-show-banner-strip + .rfm-mobile-home-actions-top {
    margin-top: 0 !important;
    margin-bottom: 4px !important;
  }

  body.home .rfm-mobile-show-banner-strip + .rfm-mobile-home-actions-top + .rfm-mobile-hero-message-slot,
  body.front-page .rfm-mobile-show-banner-strip + .rfm-mobile-home-actions-top + .rfm-mobile-hero-message-slot {
    margin-top: 0 !important;
    margin-bottom: 4px !important;
  }
}


/* v1.0.714 - Mobile studio trigger color balance.
   Keep the v1.0.713 placement and form, but move the palette from a light CTA
   into a darker premium glass capsule that sits better between the Eteryje
   banner, hero messages and mobile history list. Logic and markup are unchanged. */
@media (max-width: 768px) {
  body.home .rfm-mobile-show-banner-strip + .rfm-mobile-home-actions-top .rfm-mobile-studio-button,
  body.front-page .rfm-mobile-show-banner-strip + .rfm-mobile-home-actions-top .rfm-mobile-studio-button,
  body.home .rfm-mobile-show-banner-strip + .rfm-mobile-home-actions-top .rfm-mobile-action-button,
  body.front-page .rfm-mobile-show-banner-strip + .rfm-mobile-home-actions-top .rfm-mobile-action-button {
    border-color: rgba(255, 255, 255, 0.18) !important;
    background:
      radial-gradient(circle at 13% 50%, rgba(210, 4, 53, 0.24), rgba(210, 4, 53, 0.00) 36%),
      linear-gradient(135deg, rgba(24, 31, 46, 0.82), rgba(8, 14, 27, 0.70)) !important;
    -webkit-backdrop-filter: blur(18px) saturate(155%) !important;
    backdrop-filter: blur(18px) saturate(155%) !important;
    color: rgba(255, 255, 255, 0.94) !important;
    box-shadow:
      0 10px 28px rgba(0, 0, 0, 0.18),
      inset 0 1px 0 rgba(255, 255, 255, 0.16) !important;
  }

  body.home .rfm-mobile-show-banner-strip + .rfm-mobile-home-actions-top .rfm-mobile-studio-button::before,
  body.front-page .rfm-mobile-show-banner-strip + .rfm-mobile-home-actions-top .rfm-mobile-studio-button::before,
  body.home .rfm-mobile-show-banner-strip + .rfm-mobile-home-actions-top .rfm-mobile-action-button::before,
  body.front-page .rfm-mobile-show-banner-strip + .rfm-mobile-home-actions-top .rfm-mobile-action-button::before {
    background: linear-gradient(180deg, rgba(255,255,255,.16), rgba(255,255,255,0)) !important;
  }

  body.home .rfm-mobile-show-banner-strip + .rfm-mobile-home-actions-top .rfm-mobile-action-button-icon,
  body.front-page .rfm-mobile-show-banner-strip + .rfm-mobile-home-actions-top .rfm-mobile-action-button-icon {
    background: linear-gradient(135deg, #E31E24 0%, #B5032D 100%) !important;
    color: #fff !important;
    box-shadow:
      0 8px 18px rgba(210, 4, 53, 0.26),
      inset 0 1px 0 rgba(255, 255, 255, 0.26) !important;
  }

  body.home .rfm-mobile-show-banner-strip + .rfm-mobile-home-actions-top .rfm-mobile-action-button-text,
  body.front-page .rfm-mobile-show-banner-strip + .rfm-mobile-home-actions-top .rfm-mobile-action-button-text {
    color: rgba(255, 255, 255, 0.94) !important;
    text-shadow: 0 1px 8px rgba(0, 0, 0, 0.18) !important;
  }

  body.home .rfm-mobile-show-banner-strip + .rfm-mobile-home-actions-top .rfm-mobile-action-button-arrow,
  body.front-page .rfm-mobile-show-banner-strip + .rfm-mobile-home-actions-top .rfm-mobile-action-button-arrow,
  body.home .rfm-mobile-show-banner-strip + .rfm-mobile-home-actions-top .rfm-mobile-studio-button-arrow,
  body.front-page .rfm-mobile-show-banner-strip + .rfm-mobile-home-actions-top .rfm-mobile-studio-button-arrow {
    background: rgba(255, 255, 255, 0.10) !important;
    border-color: rgba(255, 255, 255, 0.14) !important;
    color: rgba(255, 255, 255, 0.70) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.12) !important;
  }

  body.home .rfm-mobile-show-banner-strip + .rfm-mobile-home-actions-top .rfm-mobile-studio-button:focus-visible,
  body.front-page .rfm-mobile-show-banner-strip + .rfm-mobile-home-actions-top .rfm-mobile-studio-button:focus-visible,
  body.home .rfm-mobile-show-banner-strip + .rfm-mobile-home-actions-top .rfm-mobile-action-button:focus-visible,
  body.front-page .rfm-mobile-show-banner-strip + .rfm-mobile-home-actions-top .rfm-mobile-action-button:focus-visible {
    box-shadow:
      0 0 0 3px rgba(210, 4, 53, 0.22),
      0 10px 28px rgba(0, 0, 0, 0.18),
      inset 0 1px 0 rgba(255,255,255,.16) !important;
  }
}


/* v1.0.715 - Mobile studio trigger aligned with the hero messages visual language.
   Keep the v1.0.713 placement and existing data-rfm-messages-trigger logic, but
   remove the dark CTA treatment from v1.0.714. The trigger now uses the same
   light glass surface, rounded card form, and title typography/color as the
   swipeable hero message cards below it. */
@media (max-width: 768px) {
  body.home .rfm-mobile-show-banner-strip + .rfm-mobile-home-actions-top .rfm-mobile-studio-button,
  body.front-page .rfm-mobile-show-banner-strip + .rfm-mobile-home-actions-top .rfm-mobile-studio-button,
  body.home .rfm-mobile-show-banner-strip + .rfm-mobile-home-actions-top .rfm-mobile-action-button,
  body.front-page .rfm-mobile-show-banner-strip + .rfm-mobile-home-actions-top .rfm-mobile-action-button {
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    gap: 8px !important;
    padding: 8px 12px 8px 14px !important;
    border-radius: 22px !important;
    border: 1px solid rgba(210, 4, 45, 0.12) !important;
    background:
      radial-gradient(circle at 18% 0%, rgba(255, 255, 255, 0.74), rgba(255, 255, 255, 0.30) 48%, transparent 78%),
      linear-gradient(145deg, rgba(255, 255, 255, 0.72), rgba(255, 244, 247, 0.42)) !important;
    -webkit-backdrop-filter: blur(18px) saturate(160%) !important;
    backdrop-filter: blur(18px) saturate(160%) !important;
    color: #2b2326 !important;
    box-shadow:
      0 12px 28px rgba(38, 28, 29, 0.07),
      inset 0 1px 0 rgba(255, 255, 255, 0.82) !important;
  }

  body.home .rfm-mobile-show-banner-strip + .rfm-mobile-home-actions-top .rfm-mobile-studio-button::before,
  body.front-page .rfm-mobile-show-banner-strip + .rfm-mobile-home-actions-top .rfm-mobile-studio-button::before,
  body.home .rfm-mobile-show-banner-strip + .rfm-mobile-home-actions-top .rfm-mobile-action-button::before,
  body.front-page .rfm-mobile-show-banner-strip + .rfm-mobile-home-actions-top .rfm-mobile-action-button::before,
  body.home .rfm-mobile-show-banner-strip + .rfm-mobile-home-actions-top .rfm-mobile-studio-button::after,
  body.front-page .rfm-mobile-show-banner-strip + .rfm-mobile-home-actions-top .rfm-mobile-studio-button::after,
  body.home .rfm-mobile-show-banner-strip + .rfm-mobile-home-actions-top .rfm-mobile-action-button::after,
  body.front-page .rfm-mobile-show-banner-strip + .rfm-mobile-home-actions-top .rfm-mobile-action-button::after {
    display: none !important;
    content: none !important;
  }

  body.home .rfm-mobile-show-banner-strip + .rfm-mobile-home-actions-top .rfm-mobile-action-button-icon,
  body.front-page .rfm-mobile-show-banner-strip + .rfm-mobile-home-actions-top .rfm-mobile-action-button-icon {
    width: 28px !important;
    height: 28px !important;
    flex: 0 0 28px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(210, 4, 45, 0.13) !important;
    background: rgba(255, 255, 255, 0.58) !important;
    color: #b9042f !important;
    box-shadow:
      0 7px 16px rgba(210, 4, 45, 0.08),
      inset 0 1px 0 rgba(255, 255, 255, 0.78) !important;
  }

  body.home .rfm-mobile-show-banner-strip + .rfm-mobile-home-actions-top .rfm-mobile-action-button-icon svg,
  body.front-page .rfm-mobile-show-banner-strip + .rfm-mobile-home-actions-top .rfm-mobile-action-button-icon svg {
    width: 14px !important;
    height: 14px !important;
    fill: currentColor !important;
  }

  body.home .rfm-mobile-show-banner-strip + .rfm-mobile-home-actions-top .rfm-mobile-action-button-text,
  body.front-page .rfm-mobile-show-banner-strip + .rfm-mobile-home-actions-top .rfm-mobile-action-button-text {
    color: #b9042f !important;
    font-size: 13px !important;
    line-height: 1.12 !important;
    font-weight: 950 !important;
    letter-spacing: -0.01em !important;
    text-transform: none !important;
    text-shadow: none !important;
  }

  body.home .rfm-mobile-show-banner-strip + .rfm-mobile-home-actions-top .rfm-mobile-action-button-arrow,
  body.front-page .rfm-mobile-show-banner-strip + .rfm-mobile-home-actions-top .rfm-mobile-action-button-arrow,
  body.home .rfm-mobile-show-banner-strip + .rfm-mobile-home-actions-top .rfm-mobile-studio-button-arrow,
  body.front-page .rfm-mobile-show-banner-strip + .rfm-mobile-home-actions-top .rfm-mobile-studio-button-arrow {
    width: 26px !important;
    height: 26px !important;
    flex: 0 0 26px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(210, 4, 45, 0.10) !important;
    background: rgba(255, 255, 255, 0.46) !important;
    color: #b9042f !important;
    font-size: 18px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.70) !important;
  }

  body.home .rfm-mobile-show-banner-strip + .rfm-mobile-home-actions-top .rfm-mobile-studio-button:focus-visible,
  body.front-page .rfm-mobile-show-banner-strip + .rfm-mobile-home-actions-top .rfm-mobile-studio-button:focus-visible,
  body.home .rfm-mobile-show-banner-strip + .rfm-mobile-home-actions-top .rfm-mobile-action-button:focus-visible,
  body.front-page .rfm-mobile-show-banner-strip + .rfm-mobile-home-actions-top .rfm-mobile-action-button:focus-visible {
    outline: none !important;
    box-shadow:
      0 0 0 3px rgba(185, 4, 47, 0.14),
      0 12px 28px rgba(38, 28, 29, 0.07),
      inset 0 1px 0 rgba(255, 255, 255, 0.82) !important;
  }
}

@media (max-width: 380px) {
  body.home .rfm-mobile-show-banner-strip + .rfm-mobile-home-actions-top .rfm-mobile-studio-button,
  body.front-page .rfm-mobile-show-banner-strip + .rfm-mobile-home-actions-top .rfm-mobile-studio-button,
  body.home .rfm-mobile-show-banner-strip + .rfm-mobile-home-actions-top .rfm-mobile-action-button,
  body.front-page .rfm-mobile-show-banner-strip + .rfm-mobile-home-actions-top .rfm-mobile-action-button {
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    padding: 7px 11px 7px 13px !important;
  }

  body.home .rfm-mobile-show-banner-strip + .rfm-mobile-home-actions-top .rfm-mobile-action-button-text,
  body.front-page .rfm-mobile-show-banner-strip + .rfm-mobile-home-actions-top .rfm-mobile-action-button-text {
    font-size: 12.3px !important;
  }
}


/* v1.0.717 - Mobile action tabs rail.
   The studio trigger and Music Radar link share the hero-message tab styling and
   sit in a touch-scrollable rail. Each tab uses roughly 55% width so the second
   action is almost visible without forcing 50/50 compression. */
@media (max-width: 768px) {
  body.home .rfm-mobile-show-banner-strip + .rfm-mobile-home-actions-top,
  body.front-page .rfm-mobile-show-banner-strip + .rfm-mobile-home-actions-top {
    overflow: visible !important;
  }

  body.home .rfm-mobile-show-banner-strip + .rfm-mobile-home-actions-top .rfm-mobile-action-rail,
  body.front-page .rfm-mobile-show-banner-strip + .rfm-mobile-home-actions-top .rfm-mobile-action-rail {
    display: flex !important;
    align-items: stretch !important;
    gap: 6px !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior-x: contain !important;
    scroll-snap-type: x mandatory !important;
    scrollbar-width: none !important;
    padding: 0 6px 2px 0 !important;
    margin: 0 !important;
  }

  body.home .rfm-mobile-show-banner-strip + .rfm-mobile-home-actions-top .rfm-mobile-action-rail::-webkit-scrollbar,
  body.front-page .rfm-mobile-show-banner-strip + .rfm-mobile-home-actions-top .rfm-mobile-action-rail::-webkit-scrollbar {
    display: none !important;
  }

  body.home .rfm-mobile-show-banner-strip + .rfm-mobile-home-actions-top .rfm-mobile-action-rail > .rfm-mobile-action-button,
  body.front-page .rfm-mobile-show-banner-strip + .rfm-mobile-home-actions-top .rfm-mobile-action-rail > .rfm-mobile-action-button,
  body.home .rfm-mobile-show-banner-strip + .rfm-mobile-home-actions-top .rfm-mobile-action-rail > .rfm-mobile-studio-button,
  body.front-page .rfm-mobile-show-banner-strip + .rfm-mobile-home-actions-top .rfm-mobile-action-rail > .rfm-mobile-studio-button {
    flex: 0 0 55% !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    scroll-snap-align: start !important;
    scroll-snap-stop: always !important;
    justify-content: flex-start !important;
  }

  body.home .rfm-mobile-show-banner-strip + .rfm-mobile-home-actions-top .rfm-mobile-action-rail > a.rfm-mobile-action-button,
  body.front-page .rfm-mobile-show-banner-strip + .rfm-mobile-home-actions-top .rfm-mobile-action-rail > a.rfm-mobile-action-button {
    text-decoration: none !important;
  }

  body.home .rfm-mobile-show-banner-strip + .rfm-mobile-home-actions-top .rfm-mobile-action-rail .rfm-mobile-action-button-text,
  body.front-page .rfm-mobile-show-banner-strip + .rfm-mobile-home-actions-top .rfm-mobile-action-rail .rfm-mobile-action-button-text {
    text-transform: uppercase !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body.home .rfm-mobile-show-banner-strip + .rfm-mobile-home-actions-top .rfm-mobile-radar-button-icon svg,
  body.front-page .rfm-mobile-show-banner-strip + .rfm-mobile-home-actions-top .rfm-mobile-radar-button-icon svg {
    width: 14px !important;
    height: 14px !important;
    fill: currentColor !important;
  }
}

@media (max-width: 380px) {
  body.home .rfm-mobile-show-banner-strip + .rfm-mobile-home-actions-top .rfm-mobile-action-rail,
  body.front-page .rfm-mobile-show-banner-strip + .rfm-mobile-home-actions-top .rfm-mobile-action-rail {
    gap: 5px !important;
    padding-right: 5px !important;
  }

  body.home .rfm-mobile-show-banner-strip + .rfm-mobile-home-actions-top .rfm-mobile-action-rail > .rfm-mobile-action-button,
  body.front-page .rfm-mobile-show-banner-strip + .rfm-mobile-home-actions-top .rfm-mobile-action-rail > .rfm-mobile-action-button,
  body.home .rfm-mobile-show-banner-strip + .rfm-mobile-home-actions-top .rfm-mobile-action-rail > .rfm-mobile-studio-button,
  body.front-page .rfm-mobile-show-banner-strip + .rfm-mobile-home-actions-top .rfm-mobile-action-rail > .rfm-mobile-studio-button {
    flex-basis: 56% !important;
  }
}


/* v1.0.718 - Mobile action tabs without right arrows.
   The two quick action tabs keep the hero-message visual style, but the trailing
   chevrons are removed so both uppercase labels can fit inside the compact 55%
   mobile tabs without truncation. */
@media (max-width: 768px) {
  body.home .rfm-mobile-show-banner-strip + .rfm-mobile-home-actions-top .rfm-mobile-action-rail > .rfm-mobile-action-button,
  body.front-page .rfm-mobile-show-banner-strip + .rfm-mobile-home-actions-top .rfm-mobile-action-rail > .rfm-mobile-action-button,
  body.home .rfm-mobile-show-banner-strip + .rfm-mobile-home-actions-top .rfm-mobile-action-rail > .rfm-mobile-studio-button,
  body.front-page .rfm-mobile-show-banner-strip + .rfm-mobile-home-actions-top .rfm-mobile-action-rail > .rfm-mobile-studio-button {
    flex-basis: 56% !important;
    gap: 7px !important;
    padding-right: 10px !important;
    padding-left: 12px !important;
  }

  body.home .rfm-mobile-show-banner-strip + .rfm-mobile-home-actions-top .rfm-mobile-action-rail .rfm-mobile-action-button-arrow,
  body.front-page .rfm-mobile-show-banner-strip + .rfm-mobile-home-actions-top .rfm-mobile-action-rail .rfm-mobile-action-button-arrow {
    display: none !important;
  }

  body.home .rfm-mobile-show-banner-strip + .rfm-mobile-home-actions-top .rfm-mobile-action-rail .rfm-mobile-action-button-icon,
  body.front-page .rfm-mobile-show-banner-strip + .rfm-mobile-home-actions-top .rfm-mobile-action-rail .rfm-mobile-action-button-icon {
    width: 26px !important;
    height: 26px !important;
    flex-basis: 26px !important;
  }

  body.home .rfm-mobile-show-banner-strip + .rfm-mobile-home-actions-top .rfm-mobile-action-rail .rfm-mobile-action-button-icon svg,
  body.front-page .rfm-mobile-show-banner-strip + .rfm-mobile-home-actions-top .rfm-mobile-action-rail .rfm-mobile-action-button-icon svg {
    width: 13px !important;
    height: 13px !important;
  }

  body.home .rfm-mobile-show-banner-strip + .rfm-mobile-home-actions-top .rfm-mobile-action-rail .rfm-mobile-action-button-text,
  body.front-page .rfm-mobile-show-banner-strip + .rfm-mobile-home-actions-top .rfm-mobile-action-rail .rfm-mobile-action-button-text {
    flex: 1 1 auto !important;
    color: #b9042f !important;
    font-size: 12.2px !important;
    line-height: 1.1 !important;
    font-weight: 950 !important;
    letter-spacing: -0.015em !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }
}

@media (max-width: 380px) {
  body.home .rfm-mobile-show-banner-strip + .rfm-mobile-home-actions-top .rfm-mobile-action-rail > .rfm-mobile-action-button,
  body.front-page .rfm-mobile-show-banner-strip + .rfm-mobile-home-actions-top .rfm-mobile-action-rail > .rfm-mobile-action-button,
  body.home .rfm-mobile-show-banner-strip + .rfm-mobile-home-actions-top .rfm-mobile-action-rail > .rfm-mobile-studio-button,
  body.front-page .rfm-mobile-show-banner-strip + .rfm-mobile-home-actions-top .rfm-mobile-action-rail > .rfm-mobile-studio-button {
    flex-basis: 58% !important;
    gap: 6px !important;
    padding-left: 10px !important;
    padding-right: 9px !important;
  }

  body.home .rfm-mobile-show-banner-strip + .rfm-mobile-home-actions-top .rfm-mobile-action-rail .rfm-mobile-action-button-icon,
  body.front-page .rfm-mobile-show-banner-strip + .rfm-mobile-home-actions-top .rfm-mobile-action-rail .rfm-mobile-action-button-icon {
    width: 24px !important;
    height: 24px !important;
    flex-basis: 24px !important;
  }

  body.home .rfm-mobile-show-banner-strip + .rfm-mobile-home-actions-top .rfm-mobile-action-rail .rfm-mobile-action-button-text,
  body.front-page .rfm-mobile-show-banner-strip + .rfm-mobile-home-actions-top .rfm-mobile-action-rail .rfm-mobile-action-button-text {
    font-size: 11.6px !important;
    letter-spacing: -0.025em !important;
  }
}


/* v1.0.719 - Mobile action tabs vertical compact.
   Reduce only the two quick action tabs height/padding by roughly 20% so they
   take less vertical space while keeping the same 56%/58% width, labels, style
   and click behavior. */
@media (max-width: 768px) {
  body.home .rfm-mobile-show-banner-strip + .rfm-mobile-home-actions-top .rfm-mobile-action-rail > .rfm-mobile-action-button,
  body.front-page .rfm-mobile-show-banner-strip + .rfm-mobile-home-actions-top .rfm-mobile-action-rail > .rfm-mobile-action-button,
  body.home .rfm-mobile-show-banner-strip + .rfm-mobile-home-actions-top .rfm-mobile-action-rail > .rfm-mobile-studio-button,
  body.front-page .rfm-mobile-show-banner-strip + .rfm-mobile-home-actions-top .rfm-mobile-action-rail > .rfm-mobile-studio-button {
    height: 35px !important;
    min-height: 35px !important;
    max-height: 35px !important;
    padding-top: 4px !important;
    padding-bottom: 4px !important;
    border-radius: 18px !important;
    align-items: center !important;
  }

  body.home .rfm-mobile-show-banner-strip + .rfm-mobile-home-actions-top .rfm-mobile-action-rail .rfm-mobile-action-button-icon,
  body.front-page .rfm-mobile-show-banner-strip + .rfm-mobile-home-actions-top .rfm-mobile-action-rail .rfm-mobile-action-button-icon {
    width: 23px !important;
    height: 23px !important;
    flex: 0 0 23px !important;
  }

  body.home .rfm-mobile-show-banner-strip + .rfm-mobile-home-actions-top .rfm-mobile-action-rail .rfm-mobile-action-button-icon svg,
  body.front-page .rfm-mobile-show-banner-strip + .rfm-mobile-home-actions-top .rfm-mobile-action-rail .rfm-mobile-action-button-icon svg {
    width: 12px !important;
    height: 12px !important;
  }

  body.home .rfm-mobile-show-banner-strip + .rfm-mobile-home-actions-top .rfm-mobile-action-rail .rfm-mobile-action-button-text,
  body.front-page .rfm-mobile-show-banner-strip + .rfm-mobile-home-actions-top .rfm-mobile-action-rail .rfm-mobile-action-button-text {
    line-height: 1 !important;
  }
}

@media (max-width: 380px) {
  body.home .rfm-mobile-show-banner-strip + .rfm-mobile-home-actions-top .rfm-mobile-action-rail > .rfm-mobile-action-button,
  body.front-page .rfm-mobile-show-banner-strip + .rfm-mobile-home-actions-top .rfm-mobile-action-rail > .rfm-mobile-action-button,
  body.home .rfm-mobile-show-banner-strip + .rfm-mobile-home-actions-top .rfm-mobile-action-rail > .rfm-mobile-studio-button,
  body.front-page .rfm-mobile-show-banner-strip + .rfm-mobile-home-actions-top .rfm-mobile-action-rail > .rfm-mobile-studio-button {
    height: 34px !important;
    min-height: 34px !important;
    max-height: 34px !important;
    padding-top: 4px !important;
    padding-bottom: 4px !important;
    border-radius: 17px !important;
  }

  body.home .rfm-mobile-show-banner-strip + .rfm-mobile-home-actions-top .rfm-mobile-action-rail .rfm-mobile-action-button-icon,
  body.front-page .rfm-mobile-show-banner-strip + .rfm-mobile-home-actions-top .rfm-mobile-action-rail .rfm-mobile-action-button-icon {
    width: 22px !important;
    height: 22px !important;
    flex-basis: 22px !important;
  }
}


/* v1.0.720 - Mobile home song-history cards 30% narrower.
   Reduce only the mobile song-list card container width so more of the next
   song is visible. Keep the bottom title/artist typography and meta area size
   unchanged. */
@media (max-width: 768px) {
  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer,
  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer.rfm-history-preview-expanded,
  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer.rfm-history-preview-collapsed,
  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer.is-rfm-css-marquee {
    gap: 10px !important;
    padding-right: 34px !important;
  }

  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer > .rfm-history-row,
  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer > .rfm-history-row.is-hero-ticker-card,
  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer > .rfm-history-row.is-mobile-home-ticker-card,
  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer > .rfm-history-row.is-segment,
  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer > .rfm-history-row.is-radijas-news {
    flex-basis: min(231px, calc((100vw - 94px) * .70)) !important;
    width: min(231px, calc((100vw - 94px) * .70)) !important;
    min-width: min(231px, calc((100vw - 94px) * .70)) !important;
    max-width: min(231px, calc((100vw - 94px) * .70)) !important;
  }
}

@media (max-width: 380px) {
  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer > .rfm-history-row,
  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer > .rfm-history-row.is-hero-ticker-card,
  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer > .rfm-history-row.is-mobile-home-ticker-card,
  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer > .rfm-history-row.is-segment,
  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer > .rfm-history-row.is-radijas-news {
    flex-basis: calc((100vw - 52px) * .70) !important;
    width: calc((100vw - 52px) * .70) !important;
    min-width: calc((100vw - 52px) * .70) !important;
    max-width: calc((100vw - 52px) * .70) !important;
  }
}

/* v1.0.721 - Mobile home song-history badge rail for narrowed cards.
   Keep badge logic intact, but make the overlay usable on the 30% narrower
   cards: the first extra badge is always visible and additional badges can be
   swiped horizontally inside the artwork frame. */
@media (max-width: 768px) {
  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer > .rfm-history-row .rfm-history-badge-wrap,
  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer > .rfm-history-row > .rfm-history-card-art-frame > .rfm-history-badge-wrap {
    position: absolute !important;
    left: 7px !important;
    right: 7px !important;
    bottom: 7px !important;
    z-index: 7 !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 5px !important;
    width: auto !important;
    max-width: calc(100% - 14px) !important;
    height: 23px !important;
    min-height: 23px !important;
    padding: 0 14px 0 0 !important;
    margin: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    overscroll-behavior-x: contain !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    touch-action: pan-x !important;
    scroll-snap-type: x proximity !important;
    -webkit-mask-image: linear-gradient(to right, #000 0, #000 calc(100% - 16px), transparent 100%) !important;
    mask-image: linear-gradient(to right, #000 0, #000 calc(100% - 16px), transparent 100%) !important;
  }

  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer > .rfm-history-row .rfm-history-badge-wrap::-webkit-scrollbar,
  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer > .rfm-history-row > .rfm-history-card-art-frame > .rfm-history-badge-wrap::-webkit-scrollbar {
    display: none !important;
  }

  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer > .rfm-history-row .rfm-history-badge,
  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer > .rfm-history-row > .rfm-history-card-art-frame > .rfm-history-badge-wrap .rfm-history-badge {
    flex: 0 0 auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: max-content !important;
    max-width: calc(100% - 4px) !important;
    min-height: 23px !important;
    height: 23px !important;
    padding: 0 8px !important;
    border-radius: 999px !important;
    font-size: 7.8px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
    letter-spacing: .03em !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    text-decoration: none !important;
    scroll-snap-align: start !important;
  }
}

@media (max-width: 380px) {
  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer > .rfm-history-row .rfm-history-badge-wrap,
  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer > .rfm-history-row > .rfm-history-card-art-frame > .rfm-history-badge-wrap {
    left: 6px !important;
    right: 6px !important;
    bottom: 6px !important;
    max-width: calc(100% - 12px) !important;
    height: 22px !important;
    min-height: 22px !important;
    gap: 4px !important;
    padding-right: 12px !important;
  }

  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer > .rfm-history-row .rfm-history-badge,
  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer > .rfm-history-row > .rfm-history-card-art-frame > .rfm-history-badge-wrap .rfm-history-badge {
    height: 22px !important;
    min-height: 22px !important;
    padding: 0 7px !important;
    font-size: 7.4px !important;
  }
}


/* v1.0.724 - desktop big player now-playing artwork badges.
   Reuses the song-history badge visual language for the current song artwork card. */
@media (min-width: 769px) {
  .home .rfm-desktop-player-stage .rfm-now-post-card {
    position: relative !important;
    overflow: hidden !important;
  }

  .home .rfm-desktop-player-stage .rfm-now-post-card > .rfm-now-post-badge-wrap,
  .home .rfm-desktop-player-stage .rfm-now-post-card > .rfm-history-badge-wrap.rfm-now-post-badge-wrap {
    position: absolute !important;
    left: 8px !important;
    right: 8px !important;
    bottom: 8px !important;
    top: auto !important;
    z-index: 5 !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 5px !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    height: 24px !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scrollbar-width: none !important;
    mask-image: linear-gradient(to right, #000 80%, transparent 100%) !important;
    -webkit-mask-image: linear-gradient(to right, #000 80%, transparent 100%) !important;
    pointer-events: auto !important;
  }

  .home .rfm-desktop-player-stage .rfm-now-post-card > .rfm-now-post-badge-wrap::-webkit-scrollbar {
    display: none !important;
  }

  .home .rfm-desktop-player-stage .rfm-now-post-card > .rfm-now-post-badge-wrap .rfm-history-badge,
  .home .rfm-desktop-player-stage .rfm-now-post-card > .rfm-now-post-badge-wrap.has-cycle .rfm-history-badge {
    position: static !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    animation: none !important;
    flex: 0 0 auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 24px !important;
    min-width: max-content !important;
    padding: 0 9px !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.95) !important;
    border: 1px solid rgba(210,4,45,.24) !important;
    box-shadow: 0 8px 16px rgba(38,28,29,.18) !important;
    color: #B9042F !important;
    font-size: 8.4px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
    letter-spacing: .025em !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    text-decoration: none !important;
  }

  .home .rfm-desktop-player-stage .rfm-now-post-card > .rfm-now-post-badge-wrap .rfm-history-badge.is-golden,
  .home .rfm-desktop-player-stage .rfm-now-post-card > .rfm-now-post-badge-wrap .rfm-history-badge.is-popular {
    background: rgba(255,248,225,.96) !important;
    border-color: rgba(201,143,36,.30) !important;
    color: #8B5D00 !important;
  }
}


/* v1.0.728 - Carousel edge fade refinement
   Premium rail edges: use a short, soft mask instead of a heavy horizon overlay.
   Logic-only selectors are untouched; this only changes visual edge affordance. */
:root {
  --rfm-edge-fade-mobile: 24px;
  --rfm-edge-fade-mobile-soft: 12px;
  --rfm-edge-fade-desktop: 42px;
  --rfm-edge-fade-badge: 18px;
}

@media (max-width: 768px) {
  .home .rfm-mobile-show-banner-strip,
  .home .rfm-mobile-hero-message-viewport,
  .home .rfm-mobile-action-rail,
  .home .rfm-mobile-history-ticker .rfm-player-history-viewport {
    -webkit-mask-image: linear-gradient(
      90deg,
      #000 0,
      #000 calc(100% - var(--rfm-edge-fade-mobile)),
      rgba(0,0,0,.64) calc(100% - var(--rfm-edge-fade-mobile-soft)),
      transparent 100%
    ) !important;
    mask-image: linear-gradient(
      90deg,
      #000 0,
      #000 calc(100% - var(--rfm-edge-fade-mobile)),
      rgba(0,0,0,.64) calc(100% - var(--rfm-edge-fade-mobile-soft)),
      transparent 100%
    ) !important;
  }

  .home .rfm-mobile-show-banner-strip::before,
  .home .rfm-mobile-show-banner-strip::after,
  .home .rfm-mobile-hero-message-viewport::before,
  .home .rfm-mobile-hero-message-viewport::after,
  .home .rfm-mobile-action-rail::before,
  .home .rfm-mobile-action-rail::after,
  .home .rfm-mobile-history-ticker .rfm-player-history-viewport::before,
  .home .rfm-mobile-history-ticker .rfm-player-history-viewport::after {
    pointer-events: none !important;
  }

  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer > .rfm-history-row .rfm-history-badge-wrap,
  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer .rfm-history-badge-wrap,
  .home .rfm-player-history-ticker #rfmHistoryContainer .rfm-history-badge-wrap,
  .home .rfm-player-history-ticker #rfmHistoryContainer > .rfm-history-row > .rfm-history-card-art-frame > .rfm-history-badge-wrap {
    -webkit-mask-image: linear-gradient(
      90deg,
      #000 0,
      #000 calc(100% - var(--rfm-edge-fade-badge)),
      rgba(0,0,0,.62) calc(100% - 8px),
      transparent 100%
    ) !important;
    mask-image: linear-gradient(
      90deg,
      #000 0,
      #000 calc(100% - var(--rfm-edge-fade-badge)),
      rgba(0,0,0,.62) calc(100% - 8px),
      transparent 100%
    ) !important;
  }
}

@media (min-width: 769px) {
  .home .rfm-player-history-viewport {
    -webkit-mask-image: linear-gradient(
      90deg,
      transparent 0,
      #000 20px,
      #000 calc(100% - var(--rfm-edge-fade-desktop)),
      rgba(0,0,0,.70) calc(100% - 18px),
      transparent 100%
    ) !important;
    mask-image: linear-gradient(
      90deg,
      transparent 0,
      #000 20px,
      #000 calc(100% - var(--rfm-edge-fade-desktop)),
      rgba(0,0,0,.70) calc(100% - 18px),
      transparent 100%
    ) !important;
  }

  .home .rfm-player-history-ticker #rfmHistoryContainer .rfm-history-badge-wrap,
  .home .rfm-player-history-ticker #rfmHistoryContainer > .rfm-history-row > .rfm-history-card-art-frame > .rfm-history-badge-wrap {
    -webkit-mask-image: linear-gradient(
      90deg,
      #000 0,
      #000 calc(100% - 22px),
      rgba(0,0,0,.66) calc(100% - 10px),
      transparent 100%
    ) !important;
    mask-image: linear-gradient(
      90deg,
      #000 0,
      #000 calc(100% - 22px),
      rgba(0,0,0,.66) calc(100% - 10px),
      transparent 100%
    ) !important;
  }

  .home .rfm-player-history-viewport::before,
  .home .rfm-player-history-viewport::after,
  .home .rfm-player-history-ticker #rfmHistoryContainer .rfm-history-badge-wrap::before,
  .home .rfm-player-history-ticker #rfmHistoryContainer .rfm-history-badge-wrap::after {
    pointer-events: none !important;
  }
}

/* v1.0.729 - Eteryje/home banner style ownership lock.
   Plugin keeps universal/sidebar fallback. Homepage and mobile banner rail styling is owned here. */
.home .rfm-player-laida-panel.rfm-home-laida-slot .rfm-laida-banner,
.home .rfm-mobile-show-banner-strip .rfm-laida-banner,
.home .rfm-mobile-show-banner-strip .rfm-laidos-promo-banner,
.home .rfm-home-banner-row .rfm-laida-banner,
.home .rfm-home-banner-row .rfm-laidos-promo-banner {
  font-family: var(--rfm-font-main, "Poppins", sans-serif) !important;
  text-decoration: none !important;
}

.home .rfm-player-laida-panel.rfm-home-laida-slot .rfm-laida-banner > .rfm-laida-shade,
.home .rfm-mobile-show-banner-strip .rfm-laida-banner > .rfm-laida-shade,
.home .rfm-mobile-show-banner-strip .rfm-laidos-promo-banner > .rfm-laida-shade,
.home .rfm-home-banner-row .rfm-laida-banner > .rfm-laida-shade,
.home .rfm-home-banner-row .rfm-laidos-promo-banner > .rfm-laida-shade {
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  background: linear-gradient(180deg, rgba(38,28,29,0.00) 0%, rgba(38,28,29,0.00) 52%, rgba(38,28,29,0.16) 100%) !important;
  pointer-events: none !important;
}

.home .rfm-player-laida-panel.rfm-home-laida-slot .rfm-laida-banner > .rfm-laida-label,
.home .rfm-home-banner-row .rfm-laida-banner > .rfm-laida-label,
.home .rfm-home-banner-row .rfm-laidos-promo-banner > .rfm-laida-label {
  position: absolute !important;
  top: 12px !important;
  left: 12px !important;
  right: auto !important;
  bottom: auto !important;
  z-index: 30 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0 !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: calc(100% - 24px) !important;
  height: 25px !important;
  min-height: 25px !important;
  max-height: 25px !important;
  margin: 0 !important;
  padding: 0 10px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(210,4,45,.22) !important;
  background: rgba(255,255,255,.95) !important;
  color: #B9042F !important;
  box-shadow: 0 8px 16px rgba(38,28,29,.13), inset 0 1px 0 rgba(255,255,255,.78) !important;
  -webkit-backdrop-filter: blur(10px) saturate(150%) !important;
  backdrop-filter: blur(10px) saturate(150%) !important;
  font-family: var(--rfm-font-main, "Poppins", sans-serif) !important;
  font-size: 10.5px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  letter-spacing: .035em !important;
  text-transform: uppercase !important;
  text-shadow: none !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.home .rfm-player-laida-panel.rfm-home-laida-slot .rfm-laida-banner > .rfm-laida-label::before,
.home .rfm-player-laida-panel.rfm-home-laida-slot .rfm-laida-banner > .rfm-laida-label::after,
.home .rfm-home-banner-row .rfm-laida-banner > .rfm-laida-label::before,
.home .rfm-home-banner-row .rfm-laida-banner > .rfm-laida-label::after,
.home .rfm-home-banner-row .rfm-laidos-promo-banner > .rfm-laida-label::before,
.home .rfm-home-banner-row .rfm-laidos-promo-banner > .rfm-laida-label::after {
  content: none !important;
  display: none !important;
}

.home .rfm-player-laida-panel.rfm-home-laida-slot .rfm-laida-banner > .rfm-laida-content,
.home .rfm-home-banner-row .rfm-laida-banner > .rfm-laida-content,
.home .rfm-home-banner-row .rfm-laidos-promo-banner > .rfm-laida-content {
  position: absolute !important;
  left: 12px !important;
  right: 12px !important;
  bottom: 12px !important;
  top: auto !important;
  z-index: 30 !important;
  display: block !important;
  width: auto !important;
  height: 25px !important;
  min-height: 0 !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  transform: none !important;
  overflow: visible !important;
  pointer-events: none !important;
}

.home .rfm-player-laida-panel.rfm-home-laida-slot .rfm-laida-banner > .rfm-laida-content > .rfm-laida-title.rfm-laida-title-badge,
.home .rfm-player-laida-panel.rfm-home-laida-slot .rfm-laida-banner > .rfm-laida-content > .rfm-laida-cta,
.home .rfm-home-banner-row .rfm-laida-banner > .rfm-laida-content > .rfm-laida-title.rfm-laida-title-badge,
.home .rfm-home-banner-row .rfm-laida-banner > .rfm-laida-content > .rfm-laida-cta,
.home .rfm-home-banner-row .rfm-laidos-promo-banner > .rfm-laida-content > .rfm-laida-title.rfm-laida-title-badge,
.home .rfm-home-banner-row .rfm-laidos-promo-banner > .rfm-laida-content > .rfm-laida-cta {
  position: absolute !important;
  top: auto !important;
  bottom: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: none !important;
  width: auto !important;
  min-width: 0 !important;
  height: 25px !important;
  min-height: 25px !important;
  max-height: 25px !important;
  margin: 0 !important;
  padding: 0 10px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  border-radius: 999px !important;
  border: 1px solid rgba(210,4,45,.24) !important;
  background: rgba(255,255,255,.95) !important;
  color: #B9042F !important;
  box-shadow: 0 9px 18px rgba(38,28,29,.16) !important;
  font-family: var(--rfm-font-main, "Poppins", sans-serif) !important;
  font-size: 10.5px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  letter-spacing: .035em !important;
  text-transform: uppercase !important;
  text-align: center !important;
  text-shadow: none !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  -webkit-backdrop-filter: blur(10px) saturate(150%) !important;
  backdrop-filter: blur(10px) saturate(150%) !important;
  pointer-events: none !important;
}

.home .rfm-player-laida-panel.rfm-home-laida-slot .rfm-laida-banner > .rfm-laida-content > .rfm-laida-title.rfm-laida-title-badge,
.home .rfm-home-banner-row .rfm-laida-banner > .rfm-laida-content > .rfm-laida-title.rfm-laida-title-badge,
.home .rfm-home-banner-row .rfm-laidos-promo-banner > .rfm-laida-content > .rfm-laida-title.rfm-laida-title-badge {
  left: 0 !important;
  right: auto !important;
  max-width: calc(56% - 6px) !important;
}

.home .rfm-player-laida-panel.rfm-home-laida-slot .rfm-laida-banner > .rfm-laida-content > .rfm-laida-cta,
.home .rfm-home-banner-row .rfm-laida-banner > .rfm-laida-content > .rfm-laida-cta,
.home .rfm-home-banner-row .rfm-laidos-promo-banner > .rfm-laida-content > .rfm-laida-cta {
  right: 0 !important;
  left: auto !important;
  max-width: calc(44% - 6px) !important;
}

.home .rfm-player-laida-panel.rfm-home-laida-slot .rfm-laida-banner > .rfm-laida-content > .rfm-laida-title.rfm-laida-title-badge::before,
.home .rfm-player-laida-panel.rfm-home-laida-slot .rfm-laida-banner > .rfm-laida-content > .rfm-laida-title.rfm-laida-title-badge::after,
.home .rfm-home-banner-row .rfm-laida-banner > .rfm-laida-content > .rfm-laida-title.rfm-laida-title-badge::before,
.home .rfm-home-banner-row .rfm-laida-banner > .rfm-laida-content > .rfm-laida-title.rfm-laida-title-badge::after,
.home .rfm-home-banner-row .rfm-laidos-promo-banner > .rfm-laida-content > .rfm-laida-title.rfm-laida-title-badge::before,
.home .rfm-home-banner-row .rfm-laidos-promo-banner > .rfm-laida-content > .rfm-laida-title.rfm-laida-title-badge::after {
  content: none !important;
  display: none !important;
}

@media (max-width: 768px) {
  .home .rfm-mobile-show-banner-strip .rfm-mobile-current-show-banner.rfm-home-laida-slot .rfm-laida-banner > .rfm-laida-label {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  .home .rfm-mobile-show-banner-strip .rfm-mobile-media-badge-main,
  .home .rfm-mobile-show-banner-strip .rfm-mobile-current-show-banner.rfm-home-laida-slot .rfm-laida-banner > .rfm-laida-content > .rfm-laida-title.rfm-laida-title-badge,
  .home .rfm-mobile-show-banner-strip .rfm-mobile-current-show-banner.rfm-home-laida-slot .rfm-laida-banner > .rfm-laida-content > .rfm-laida-cta,
  .home .rfm-mobile-show-banner-strip .rfm-mobile-sidebar-banner-card .rfm-laida-label,
  .home .rfm-mobile-show-banner-strip .rfm-mobile-sidebar-banner-card .rfm-laidos-promo-label,
  .home .rfm-mobile-show-banner-strip .rfm-mobile-sidebar-banner-card .rfm-laida-title.rfm-laida-title-badge,
  .home .rfm-mobile-show-banner-strip .rfm-mobile-sidebar-banner-card .rfm-laida-cta {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 24px !important;
    min-height: 24px !important;
    max-height: 24px !important;
    padding: 0 10px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(255,255,255,.70) !important;
    background: rgba(255,255,255,.92) !important;
    color: #B9042F !important;
    box-shadow: 0 8px 18px rgba(38,28,29,.15), inset 0 1px 0 rgba(255,255,255,.78) !important;
    -webkit-backdrop-filter: blur(10px) saturate(150%) !important;
    backdrop-filter: blur(10px) saturate(150%) !important;
    font-family: var(--rfm-font-main, "Poppins", sans-serif) !important;
    font-size: 9.5px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
    letter-spacing: .04em !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    text-shadow: none !important;
    text-decoration: none !important;
  }

  .home .rfm-mobile-show-banner-strip .rfm-mobile-sidebar-banner-card .rfm-laida-label,
  .home .rfm-mobile-show-banner-strip .rfm-mobile-sidebar-banner-card .rfm-laidos-promo-label {
    position: absolute !important;
    top: 9px !important;
    left: 9px !important;
    z-index: 8 !important;
    max-width: calc(100% - 18px) !important;
  }

  .home .rfm-mobile-show-banner-strip .rfm-mobile-current-show-banner.rfm-home-laida-slot .rfm-laida-banner > .rfm-laida-content,
  .home .rfm-mobile-show-banner-strip .rfm-mobile-sidebar-banner-card .rfm-laida-content {
    position: absolute !important;
    left: auto !important;
    right: 9px !important;
    bottom: 9px !important;
    z-index: 8 !important;
    display: flex !important;
    flex-direction: row-reverse !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 6px !important;
    max-width: calc(100% - 74px) !important;
    width: auto !important;
    min-width: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
  }

  .home .rfm-mobile-show-banner-strip .rfm-mobile-current-show-banner.rfm-home-laida-slot .rfm-laida-banner > .rfm-laida-content > .rfm-laida-title.rfm-laida-title-badge,
  .home .rfm-mobile-show-banner-strip .rfm-mobile-current-show-banner.rfm-home-laida-slot .rfm-laida-banner > .rfm-laida-content > .rfm-laida-cta,
  .home .rfm-mobile-show-banner-strip .rfm-mobile-sidebar-banner-card .rfm-laida-title.rfm-laida-title-badge,
  .home .rfm-mobile-show-banner-strip .rfm-mobile-sidebar-banner-card .rfm-laida-cta {
    position: static !important;
    flex: 0 1 auto !important;
    width: auto !important;
    max-width: 120px !important;
    min-width: 0 !important;
    margin: 0 !important;
    text-align: center !important;
    pointer-events: none !important;
  }

  .home .rfm-mobile-show-banner-strip .rfm-mobile-current-show-banner.rfm-home-laida-slot .rfm-laida-banner > .rfm-laida-content > .rfm-laida-title.rfm-laida-title-badge::before,
  .home .rfm-mobile-show-banner-strip .rfm-mobile-current-show-banner.rfm-home-laida-slot .rfm-laida-banner > .rfm-laida-content > .rfm-laida-title.rfm-laida-title-badge::after,
  .home .rfm-mobile-show-banner-strip .rfm-mobile-sidebar-banner-card .rfm-laida-label::before,
  .home .rfm-mobile-show-banner-strip .rfm-mobile-sidebar-banner-card .rfm-laida-label::after,
  .home .rfm-mobile-show-banner-strip .rfm-mobile-sidebar-banner-card .rfm-laidos-promo-label::before,
  .home .rfm-mobile-show-banner-strip .rfm-mobile-sidebar-banner-card .rfm-laidos-promo-label::after,
  .home .rfm-mobile-show-banner-strip .rfm-mobile-sidebar-banner-card .rfm-laida-title.rfm-laida-title-badge::before,
  .home .rfm-mobile-show-banner-strip .rfm-mobile-sidebar-banner-card .rfm-laida-title.rfm-laida-title-badge::after {
    content: none !important;
    display: none !important;
  }
}

/* v1.0.736 - Final mobile ETERYJE cleanup.
   The Laidos plugin owns only markup/data. The theme owns every visual rule.
   This block intentionally comes last to neutralize older mobile rail overrides. */
@media (max-width: 768px) {
  body.home .rfm-mobile-show-banner-strip .rfm-mobile-current-show-banner.rfm-home-laida-slot .rfm-laida-banner,
  body.front-page .rfm-mobile-show-banner-strip .rfm-mobile-current-show-banner.rfm-home-laida-slot .rfm-laida-banner {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 16 / 9 !important;
    overflow: hidden !important;
    border-radius: 16px !important;
    background: #fff !important;
    border: 1px solid rgba(210,4,45,.10) !important;
    box-shadow: 0 10px 30px rgba(38,28,29,.045) !important;
    font-family: var(--rfm-font-main, "Poppins", sans-serif) !important;
    text-decoration: none !important;
  }

  body.home .rfm-mobile-show-banner-strip .rfm-mobile-current-show-banner.rfm-home-laida-slot .rfm-laida-banner > .rfm-laida-media,
  body.front-page .rfm-mobile-show-banner-strip .rfm-mobile-current-show-banner.rfm-home-laida-slot .rfm-laida-banner > .rfm-laida-media,
  body.home .rfm-mobile-show-banner-strip .rfm-mobile-current-show-banner.rfm-home-laida-slot .rfm-laida-banner > .rfm-laida-media > img,
  body.front-page .rfm-mobile-show-banner-strip .rfm-mobile-current-show-banner.rfm-home-laida-slot .rfm-laida-banner > .rfm-laida-media > img,
  body.home .rfm-mobile-show-banner-strip .rfm-mobile-current-show-banner.rfm-home-laida-slot .rfm-laida-banner .rfm-laida-img,
  body.front-page .rfm-mobile-show-banner-strip .rfm-mobile-current-show-banner.rfm-home-laida-slot .rfm-laida-banner .rfm-laida-img {
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    aspect-ratio: 16 / 9 !important;
    object-fit: cover !important;
    display: block !important;
  }

  body.home .rfm-mobile-show-banner-strip .rfm-mobile-current-show-banner.rfm-home-laida-slot .rfm-laida-banner > .rfm-laida-shade,
  body.front-page .rfm-mobile-show-banner-strip .rfm-mobile-current-show-banner.rfm-home-laida-slot .rfm-laida-banner > .rfm-laida-shade {
    position: absolute !important;
    inset: 0 !important;
    z-index: 2 !important;
    display: block !important;
    background: linear-gradient(180deg, rgba(38,28,29,0) 0%, rgba(38,28,29,0) 55%, rgba(38,28,29,.18) 100%) !important;
    pointer-events: none !important;
  }

  body.home .rfm-mobile-show-banner-strip .rfm-mobile-current-show-banner.rfm-home-laida-slot .rfm-laida-banner > .rfm-laida-label,
  body.front-page .rfm-mobile-show-banner-strip .rfm-mobile-current-show-banner.rfm-home-laida-slot .rfm-laida-banner > .rfm-laida-label {
    position: absolute !important;
    top: 10px !important;
    left: 10px !important;
    right: auto !important;
    bottom: auto !important;
    z-index: 30 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: calc(100% - 20px) !important;
    height: 24px !important;
    min-height: 24px !important;
    max-height: 24px !important;
    margin: 0 !important;
    padding: 0 10px !important;
    overflow: hidden !important;
    border-radius: 999px !important;
    border: 1px solid rgba(210,4,45,.24) !important;
    background: rgba(255,255,255,.95) !important;
    color: #B9042F !important;
    box-shadow: 0 8px 16px rgba(38,28,29,.12), inset 0 1px 0 rgba(255,255,255,.78) !important;
    -webkit-backdrop-filter: blur(10px) saturate(150%) !important;
    backdrop-filter: blur(10px) saturate(150%) !important;
    font-family: var(--rfm-font-main, "Poppins", sans-serif) !important;
    font-size: 9.5px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
    letter-spacing: .04em !important;
    text-transform: uppercase !important;
    text-align: center !important;
    text-shadow: none !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: none !important;
  }

  body.home .rfm-mobile-show-banner-strip .rfm-mobile-current-show-banner.rfm-home-laida-slot .rfm-laida-banner > .rfm-laida-content,
  body.front-page .rfm-mobile-show-banner-strip .rfm-mobile-current-show-banner.rfm-home-laida-slot .rfm-laida-banner > .rfm-laida-content {
    position: absolute !important;
    left: 10px !important;
    right: 10px !important;
    bottom: 10px !important;
    top: auto !important;
    z-index: 30 !important;
    display: block !important;
    width: auto !important;
    max-width: none !important;
    height: 24px !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    transform: none !important;
    pointer-events: none !important;
  }

  body.home .rfm-mobile-show-banner-strip .rfm-mobile-current-show-banner.rfm-home-laida-slot .rfm-laida-banner > .rfm-laida-content > .rfm-laida-title.rfm-laida-title-badge,
  body.home .rfm-mobile-show-banner-strip .rfm-mobile-current-show-banner.rfm-home-laida-slot .rfm-laida-banner > .rfm-laida-content > .rfm-laida-cta,
  body.front-page .rfm-mobile-show-banner-strip .rfm-mobile-current-show-banner.rfm-home-laida-slot .rfm-laida-banner > .rfm-laida-content > .rfm-laida-title.rfm-laida-title-badge,
  body.front-page .rfm-mobile-show-banner-strip .rfm-mobile-current-show-banner.rfm-home-laida-slot .rfm-laida-banner > .rfm-laida-content > .rfm-laida-cta {
    position: absolute !important;
    top: auto !important;
    bottom: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: none !important;
    width: auto !important;
    min-width: 0 !important;
    height: 24px !important;
    min-height: 24px !important;
    max-height: 24px !important;
    margin: 0 !important;
    padding: 0 10px !important;
    overflow: hidden !important;
    border-radius: 999px !important;
    border: 1px solid rgba(210,4,45,.24) !important;
    background: rgba(255,255,255,.95) !important;
    color: #B9042F !important;
    box-shadow: 0 8px 18px rgba(38,28,29,.15), inset 0 1px 0 rgba(255,255,255,.78) !important;
    -webkit-backdrop-filter: blur(10px) saturate(150%) !important;
    backdrop-filter: blur(10px) saturate(150%) !important;
    box-sizing: border-box !important;
    font-family: var(--rfm-font-main, "Poppins", sans-serif) !important;
    font-size: 9.5px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
    letter-spacing: .04em !important;
    text-transform: uppercase !important;
    text-align: center !important;
    text-shadow: none !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
    pointer-events: none !important;
  }

  body.home .rfm-mobile-show-banner-strip .rfm-mobile-current-show-banner.rfm-home-laida-slot .rfm-laida-banner > .rfm-laida-content > .rfm-laida-title.rfm-laida-title-badge,
  body.front-page .rfm-mobile-show-banner-strip .rfm-mobile-current-show-banner.rfm-home-laida-slot .rfm-laida-banner > .rfm-laida-content > .rfm-laida-title.rfm-laida-title-badge {
    left: 0 !important;
    right: auto !important;
    max-width: calc(56% - 6px) !important;
  }

  body.home .rfm-mobile-show-banner-strip .rfm-mobile-current-show-banner.rfm-home-laida-slot .rfm-laida-banner > .rfm-laida-content > .rfm-laida-cta,
  body.front-page .rfm-mobile-show-banner-strip .rfm-mobile-current-show-banner.rfm-home-laida-slot .rfm-laida-banner > .rfm-laida-content > .rfm-laida-cta {
    right: 0 !important;
    left: auto !important;
    max-width: calc(44% - 6px) !important;
  }

  body.home .rfm-mobile-show-banner-strip .rfm-mobile-current-show-banner.rfm-home-laida-slot .rfm-laida-banner > .rfm-laida-label::before,
  body.home .rfm-mobile-show-banner-strip .rfm-mobile-current-show-banner.rfm-home-laida-slot .rfm-laida-banner > .rfm-laida-label::after,
  body.home .rfm-mobile-show-banner-strip .rfm-mobile-current-show-banner.rfm-home-laida-slot .rfm-laida-banner > .rfm-laida-content > .rfm-laida-title.rfm-laida-title-badge::before,
  body.home .rfm-mobile-show-banner-strip .rfm-mobile-current-show-banner.rfm-home-laida-slot .rfm-laida-banner > .rfm-laida-content > .rfm-laida-title.rfm-laida-title-badge::after,
  body.home .rfm-mobile-show-banner-strip .rfm-mobile-current-show-banner.rfm-home-laida-slot .rfm-laida-banner > .rfm-laida-content > .rfm-laida-cta::before,
  body.home .rfm-mobile-show-banner-strip .rfm-mobile-current-show-banner.rfm-home-laida-slot .rfm-laida-banner > .rfm-laida-content > .rfm-laida-cta::after,
  body.front-page .rfm-mobile-show-banner-strip .rfm-mobile-current-show-banner.rfm-home-laida-slot .rfm-laida-banner > .rfm-laida-label::before,
  body.front-page .rfm-mobile-show-banner-strip .rfm-mobile-current-show-banner.rfm-home-laida-slot .rfm-laida-banner > .rfm-laida-label::after,
  body.front-page .rfm-mobile-show-banner-strip .rfm-mobile-current-show-banner.rfm-home-laida-slot .rfm-laida-banner > .rfm-laida-content > .rfm-laida-title.rfm-laida-title-badge::before,
  body.front-page .rfm-mobile-show-banner-strip .rfm-mobile-current-show-banner.rfm-home-laida-slot .rfm-laida-banner > .rfm-laida-content > .rfm-laida-title.rfm-laida-title-badge::after,
  body.front-page .rfm-mobile-show-banner-strip .rfm-mobile-current-show-banner.rfm-home-laida-slot .rfm-laida-banner > .rfm-laida-content > .rfm-laida-cta::before,
  body.front-page .rfm-mobile-show-banner-strip .rfm-mobile-current-show-banner.rfm-home-laida-slot .rfm-laida-banner > .rfm-laida-content > .rfm-laida-cta::after {
    content: none !important;
    display: none !important;
  }
}

/* v1.0.738 - Desktop Eteryje inner-banner frame fix.
   Built from the known-good 1.0.736 layout. This block intentionally does NOT touch
   .rfm-player-laida-panel grid/position/width/height. The outer player artwork-style
   frame stays in place; only the inner current-show banner is flattened so it sits
   cleanly on that frame without adding a second visual card layer. */
@media (min-width: 769px) {
  .home .rfm-desktop-player-stage .rfm-player-laida-panel.rfm-home-laida-slot > .rfm-laida-banner,
  .home .rfm-desktop-player-stage .rfm-player-laida-panel.rfm-home-laida-slot > .rfm-laidos-home-banner,
  .home .rfm-desktop-player-stage .rfm-player-laida-panel.rfm-home-laida-slot .rfm-laida-banner {
    position: relative !important;
    inset: auto !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: none !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    aspect-ratio: auto !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: #d2042b !important;
    box-shadow: none !important;
    transform: none !important;
  }

  .home .rfm-desktop-player-stage .rfm-player-laida-panel.rfm-home-laida-slot .rfm-laida-media,
  .home .rfm-desktop-player-stage .rfm-player-laida-panel.rfm-home-laida-slot .rfm-laida-media img,
  .home .rfm-desktop-player-stage .rfm-player-laida-panel.rfm-home-laida-slot .rfm-laida-img {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    object-fit: cover !important;
    object-position: center center !important;
    border: 0 !important;
    border-radius: inherit !important;
    box-shadow: none !important;
    transform: none !important;
  }

  .home .rfm-desktop-player-stage .rfm-player-laida-panel.rfm-home-laida-slot .rfm-laida-shade {
    position: absolute !important;
    inset: 0 !important;
    z-index: 2 !important;
    pointer-events: none !important;
    border-radius: inherit !important;
  }

  .home .rfm-desktop-player-stage .rfm-player-laida-panel.rfm-home-laida-slot .rfm-laida-label {
    top: 12px !important;
    left: 12px !important;
    right: auto !important;
    bottom: auto !important;
    z-index: 30 !important;
  }

  .home .rfm-desktop-player-stage .rfm-player-laida-panel.rfm-home-laida-slot .rfm-laida-content,
  .home .rfm-desktop-player-stage .rfm-player-laida-panel.rfm-home-laida-slot .rfm-laidos-home-banner .rfm-laida-content {
    position: absolute !important;
    left: 12px !important;
    right: 12px !important;
    bottom: 12px !important;
    top: auto !important;
    z-index: 30 !important;
    display: block !important;
    width: auto !important;
    height: 25px !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    transform: none !important;
  }
}


/* v1.0.739 - Desktop ETERYJE bottom/frame alignment fix.
   Safe override: do not touch the desktop hero grid or outer panel sizing.
   Only lock the inner current-show banner to the same 10px inset rhythm used by the artwork card,
   so the bottom edge visually matches the artwork banner on desktop. */
@media (min-width: 769px) {
  .home .rfm-desktop-player-stage .rfm-player-laida-panel.rfm-home-laida-slot {
    position: relative !important;
  }

  .home .rfm-desktop-player-stage .rfm-player-laida-panel.rfm-home-laida-slot > .rfm-laida-banner,
  .home .rfm-desktop-player-stage .rfm-player-laida-panel.rfm-home-laida-slot > .rfm-laidos-home-banner,
  .home .rfm-desktop-player-stage .rfm-player-laida-panel.rfm-home-laida-slot .rfm-laida-banner {
    position: absolute !important;
    inset: 10px !important;
    display: block !important;
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: none !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    aspect-ratio: auto !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: #d2042b !important;
    box-shadow: none !important;
    transform: none !important;
  }

  .home .rfm-desktop-player-stage .rfm-player-laida-panel.rfm-home-laida-slot .rfm-laida-media,
  .home .rfm-desktop-player-stage .rfm-player-laida-panel.rfm-home-laida-slot .rfm-laida-media img,
  .home .rfm-desktop-player-stage .rfm-player-laida-panel.rfm-home-laida-slot .rfm-laida-img {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    object-fit: cover !important;
    object-position: center center !important;
    border: 0 !important;
    border-radius: inherit !important;
    box-shadow: none !important;
    transform: none !important;
  }

  .home .rfm-desktop-player-stage .rfm-player-laida-panel.rfm-home-laida-slot .rfm-laida-shade {
    position: absolute !important;
    inset: 0 !important;
    border-radius: inherit !important;
  }

  .home .rfm-desktop-player-stage .rfm-player-laida-panel.rfm-home-laida-slot .rfm-laida-label {
    top: 12px !important;
    left: 12px !important;
    right: auto !important;
    bottom: auto !important;
  }

  .home .rfm-desktop-player-stage .rfm-player-laida-panel.rfm-home-laida-slot .rfm-laida-content,
  .home .rfm-desktop-player-stage .rfm-player-laida-panel.rfm-home-laida-slot .rfm-laidos-home-banner .rfm-laida-content {
    left: 12px !important;
    right: 12px !important;
    bottom: 12px !important;
    top: auto !important;
  }
}


/* v1.0.740 - lighter desktop song-history surface.
   Removes the extra glass/background layer behind expanded/collapsed history cards.
   Cards keep their own background/shadow; only wrapper paint, border, shadow and fade overlays are removed. */
@media (min-width: 769px) {
  .home .rfm-desktop-player-stage .rfm-player-history-ticker {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    padding: 6px 2px 8px !important;
  }

  .home .rfm-player-history-ticker #rfmHistoryPanel,
  .home .rfm-player-history-ticker #rfmHistoryPanel.open,
  .home .rfm-player-history-ticker .rfm-history-layout-wrapper,
  .home .rfm-player-history-ticker .rfm-player-history-viewport,
  .home .rfm-player-history-ticker .rfm-history-list-inner {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }

  .home .rfm-player-history-ticker .rfm-history-layout-wrapper::before,
  .home .rfm-player-history-ticker .rfm-history-layout-wrapper::after,
  .home .rfm-player-history-ticker #rfmHistoryPanel::before,
  .home .rfm-player-history-ticker #rfmHistoryPanel::after,
  .home .rfm-player-history-ticker .rfm-player-history-viewport::before,
  .home .rfm-player-history-ticker .rfm-player-history-viewport::after {
    content: none !important;
    display: none !important;
    background: none !important;
    box-shadow: none !important;
  }
}


/* v1.0.741 - Desktop song-history badge rendering optimization.
   The previous badge-wrap mask created a soft transparent fade on the right edge of long badges
   (for example POPULIARU %, RELAX FM TOP 15) and forced extra GPU compositing.
   Keep spacing/gap unchanged; only remove badge masking/blur-like rendering cost and make the pill edge crisp. */
@media (min-width: 769px) {
  .home .rfm-player-history-ticker #rfmHistoryContainer .rfm-history-badge-wrap,
  .home .rfm-player-history-ticker #rfmHistoryContainer > .rfm-history-row > .rfm-history-card-art-frame > .rfm-history-badge-wrap,
  .home .rfm-player-history-ticker #rfmHistoryContainer > .rfm-history-row > .rfm-history-card-art-frame > .rfm-history-badge-wrap.has-cycle {
    -webkit-mask-image: none !important;
    mask-image: none !important;
    filter: none !important;
    -webkit-filter: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    overflow-x: visible !important;
    overflow-y: visible !important;
    right: 12px !important;
  }

  .home .rfm-player-history-ticker #rfmHistoryContainer .rfm-history-badge-wrap::before,
  .home .rfm-player-history-ticker #rfmHistoryContainer .rfm-history-badge-wrap::after {
    content: none !important;
    display: none !important;
  }

  .home .rfm-player-history-ticker #rfmHistoryContainer .rfm-history-badge,
  .home .rfm-player-history-ticker #rfmHistoryContainer > .rfm-history-row > .rfm-history-card-art-frame .rfm-history-badge,
  .home .rfm-player-history-ticker #rfmHistoryContainer > .rfm-history-row > .rfm-history-card-art-frame .rfm-history-badge-wrap.has-cycle .rfm-history-badge {
    background: rgba(255,255,255,.97) !important;
    border: 1px solid rgba(210,4,45,.30) !important;
    box-shadow: 0 5px 10px rgba(38,28,29,.13) !important;
    filter: none !important;
    -webkit-filter: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    will-change: auto !important;
    isolation: isolate !important;
  }

  .home .rfm-player-history-ticker #rfmHistoryContainer .rfm-history-badge::before,
  .home .rfm-player-history-ticker #rfmHistoryContainer .rfm-history-badge::after {
    content: none !important;
    display: none !important;
  }

  .home .rfm-player-history-ticker #rfmHistoryContainer > .rfm-history-row > .rfm-history-card-art-frame > .rfm-history-time {
    background: rgba(255,255,255,.97) !important;
    border: 1px solid rgba(210,4,45,.30) !important;
    box-shadow: 0 5px 10px rgba(38,28,29,.13) !important;
    filter: none !important;
    -webkit-filter: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    will-change: auto !important;
  }
}

/* v1.0.747 - Hero history controls logic states.
   Full history mode is a static grid: only the close/fullscreen toggle remains active.
   Edge states are visual only in compact mode; JS still clamps arrows at the first/last real card. */
@media (min-width: 769px) {
  .home .rfm-player-history-ticker-minimal .rfm-player-history-mini-controls .is-history-control-inactive {
    opacity: .38 !important;
    box-shadow: none !important;
  }

  .home .rfm-player-history-ticker-minimal.is-history-expanded-full .rfm-player-history-mini-controls .rfm-history-ticker-arrow,
  .home .rfm-player-history-ticker-minimal.is-history-expanded-full .rfm-player-history-mini-controls .rfm-history-ticker-start {
    pointer-events: none !important;
    opacity: .28 !important;
    cursor: default !important;
    background: rgba(255,255,255,.38) !important;
    color: rgba(210,4,43,.48) !important;
    border-color: rgba(210,4,45,.08) !important;
    box-shadow: none !important;
  }
}

/* v1.0.769 - Atsuk transliacija artwork tabs, Spotify-style 1:1 cards */
.rfm-atsuk-links-section .rfm-atsuk-artwork-tabs {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: flex-start !important;
  gap: 12px !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  padding: 2px 2px 10px !important;
  margin: 0 !important;
  scroll-snap-type: x proximity !important;
  -webkit-overflow-scrolling: touch !important;
  scrollbar-width: thin !important;
}

.rfm-atsuk-links-section .rfm-atsuk-artwork-card,
.rfm-atsuk-links-section .rfm-atsuk-artwork-card.is-active {
  display: flex !important;
  flex: 0 0 clamp(96px, 11.2vw, 128px) !important;
  width: clamp(96px, 11.2vw, 128px) !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #261C1D !important;
  text-align: left !important;
  text-decoration: none !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  transform: none !important;
  scroll-snap-align: start !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  gap: 9px !important;
  white-space: normal !important;
  transition: transform .18s ease, color .18s ease !important;
}

.rfm-atsuk-links-section .rfm-atsuk-artwork-card:hover,
.rfm-atsuk-links-section .rfm-atsuk-artwork-card:focus,
.rfm-atsuk-links-section .rfm-atsuk-artwork-card.is-active:hover,
.rfm-atsuk-links-section .rfm-atsuk-artwork-card.is-active:focus {
  background: transparent !important;
  border: 0 !important;
  color: #D2042B !important;
  transform: translateY(-2px) !important;
  text-decoration: none !important;
}

.rfm-atsuk-artwork-card__image {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  aspect-ratio: 1 / 1 !important;
  border-radius: 22px !important;
  overflow: hidden !important;
  background: #D2042B !important;
  box-shadow: 0 18px 34px rgba(40, 18, 22, .11), inset 0 1px 0 rgba(255, 255, 255, .34) !important;
}

.rfm-atsuk-artwork-card__image::after {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  border-radius: inherit !important;
  border: 1px solid rgba(255, 255, 255, .36) !important;
  box-shadow: inset 0 0 0 1px rgba(210, 4, 43, .05) !important;
  pointer-events: none !important;
}

.rfm-atsuk-artwork-card__image img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

.rfm-atsuk-artwork-card__title {
  display: block !important;
  min-height: 2.45em !important;
  color: inherit !important;
  font-size: clamp(11px, 1.08vw, 13px) !important;
  line-height: 1.18 !important;
  font-weight: 900 !important;
  letter-spacing: .035em !important;
  text-transform: uppercase !important;
  overflow: hidden !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}

@media (max-width: 768px) {
  .rfm-atsuk-links-section .rfm-atsuk-artwork-tabs {
    gap: 10px !important;
    padding-bottom: 8px !important;
    scrollbar-width: none !important;
  }

  .rfm-atsuk-links-section .rfm-atsuk-artwork-tabs::-webkit-scrollbar {
    display: none !important;
  }

  .rfm-atsuk-links-section .rfm-atsuk-artwork-card,
  .rfm-atsuk-links-section .rfm-atsuk-artwork-card.is-active {
    flex-basis: 112px !important;
    width: 112px !important;
    gap: 8px !important;
  }

  .rfm-atsuk-artwork-card__image {
    border-radius: 20px !important;
  }

  .rfm-atsuk-artwork-card__title {
    font-size: 11.5px !important;
  }
}

/* v1.0.770 - Homepage desktop Atsuk artwork tabs: fill the full available row width.
   Keep /irasai/ artwork tabs unchanged; this override is scoped to the homepage only. */
@media (min-width: 769px) {
  body.home .rfm-atsuk-links-section .rfm-atsuk-artwork-tabs,
  body.front-page .rfm-atsuk-links-section .rfm-atsuk-artwork-tabs {
    display: grid !important;
    grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
    gap: clamp(10px, 1.15vw, 18px) !important;
    width: 100% !important;
    overflow: visible !important;
    padding: 2px 0 10px !important;
    scroll-snap-type: none !important;
  }

  body.home .rfm-atsuk-links-section .rfm-atsuk-artwork-card,
  body.home .rfm-atsuk-links-section .rfm-atsuk-artwork-card.is-active,
  body.front-page .rfm-atsuk-links-section .rfm-atsuk-artwork-card,
  body.front-page .rfm-atsuk-links-section .rfm-atsuk-artwork-card.is-active {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    flex: none !important;
  }

  body.home .rfm-atsuk-links-section .rfm-atsuk-artwork-card__image,
  body.front-page .rfm-atsuk-links-section .rfm-atsuk-artwork-card__image {
    width: 100% !important;
  }

  body.home .rfm-atsuk-links-section .rfm-atsuk-artwork-card__title,
  body.front-page .rfm-atsuk-links-section .rfm-atsuk-artwork-card__title {
    font-size: clamp(11px, .72vw, 13px) !important;
  }
}

@media (min-width: 769px) and (max-width: 1180px) {
  body.home .rfm-atsuk-links-section .rfm-atsuk-artwork-tabs,
  body.front-page .rfm-atsuk-links-section .rfm-atsuk-artwork-tabs {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    row-gap: 16px !important;
  }
}


/* v1.0.771 - Homepage desktop Atsuk artwork tabs: reduce the vertical gap before Top 15.
   Scoped to the homepage only; /irasai/ filters remain unchanged. */
@media (min-width: 769px) {
  body.home .rfm-home-top-stage .rfm-atsuk-links-section,
  body.front-page .rfm-home-top-stage .rfm-atsuk-links-section,
  body.home .rfm-atsuk-home-section.rfm-atsuk-links-section,
  body.front-page .rfm-atsuk-home-section.rfm-atsuk-links-section {
    margin-bottom: 8px !important;
  }

  body.home .rfm-home-top15-section,
  body.front-page .rfm-home-top15-section {
    margin-top: 14px !important;
  }

  body.home .rfm-atsuk-links-section .rfm-atsuk-artwork-tabs,
  body.front-page .rfm-atsuk-links-section .rfm-atsuk-artwork-tabs {
    padding-bottom: 4px !important;
  }
}

/* v1.0.772 - Mobile homepage Atsuk artwork tabs: tighten the handoff before TOP 15.
   Scoped to the homepage only; /irasai/ filters and desktop layout remain unchanged. */
@media (max-width: 768px) {
  body.home .rfm-home-top-stage .rfm-atsuk-links-section,
  body.front-page .rfm-home-top-stage .rfm-atsuk-links-section,
  body.home .rfm-atsuk-home-section.rfm-atsuk-links-section,
  body.front-page .rfm-atsuk-home-section.rfm-atsuk-links-section {
    margin-bottom: 0 !important;
  }

  body.home .rfm-home-top15-section,
  body.front-page .rfm-home-top15-section {
    margin-top: 4px !important;
  }

  body.home .rfm-atsuk-links-section .rfm-atsuk-artwork-tabs,
  body.front-page .rfm-atsuk-links-section .rfm-atsuk-artwork-tabs {
    padding-bottom: 2px !important;
  }
}

@media (max-width: 390px) {
  body.home .rfm-home-top15-section,
  body.front-page .rfm-home-top15-section {
    margin-top: 3px !important;
  }
}


/* v1.0.781 - Homepage history promo cards match song-card dimensions while retaining 16:9 media.
   The complete card uses the same width/padding/grid rhythm as song cards. The banner image is
   confined to row 1, and the optional CTA/title remains in the dedicated meta row below. */
@media (min-width: 769px) {
  .home .rfm-player-history-ticker #rfmHistoryContainer > .rfm-history-row.is-history-promo-card,
  .home .rfm-player-history-ticker #rfmHistoryContainer > .rfm-history-row.is-hero-ticker-card.is-history-promo-card {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: auto minmax(54px, auto) !important;
    gap: 10px !important;
    flex: 0 0 clamp(286px, 22vw, 340px) !important;
    width: clamp(286px, 22vw, 340px) !important;
    min-width: clamp(286px, 22vw, 340px) !important;
    max-width: clamp(286px, 22vw, 340px) !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 9px 9px 11px !important;
    border-radius: 23px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  .home .rfm-player-history-ticker #rfmHistoryContainer > .rfm-history-row.is-history-promo-card > .rfm-history-promo-art-frame {
    grid-column: 1 !important;
    grid-row: 1 !important;
    position: relative !important;
    display: block !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: 16 / 9 !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 17px !important;
    overflow: hidden !important;
  }

  .home .rfm-player-history-ticker #rfmHistoryContainer > .rfm-history-row.is-history-promo-card .rfm-history-art,
  .home .rfm-player-history-ticker #rfmHistoryContainer > .rfm-history-row.is-history-promo-card .rfm-history-art.has-image,
  .home .rfm-player-history-ticker #rfmHistoryContainer > .rfm-history-row.is-history-promo-card .rfm-history-art.is-history-promo-art {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 100% !important;
    min-height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  .home .rfm-player-history-ticker #rfmHistoryContainer > .rfm-history-row.is-history-promo-card .rfm-history-art > img {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 100% !important;
    min-height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    border-radius: 0 !important;
  }

  .home .rfm-player-history-ticker #rfmHistoryContainer > .rfm-history-row.is-history-promo-card > .rfm-history-promo-meta {
    grid-column: 1 !important;
    grid-row: 2 !important;
    display: flex !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 54px !important;
    margin: 0 !important;
    padding: 0 4px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  .home .rfm-player-history-ticker #rfmHistoryContainer > .rfm-history-row.is-history-promo-card.is-history-promo-image-only,
  .home .rfm-player-history-ticker #rfmHistoryContainer > .rfm-history-row.is-hero-ticker-card.is-history-promo-card.is-history-promo-image-only {
    grid-template-rows: auto minmax(54px, auto) !important;
    gap: 10px !important;
    padding: 9px 9px 11px !important;
  }

  .home .rfm-player-history-ticker #rfmHistoryContainer > .rfm-history-row.is-history-promo-card.is-history-promo-image-only::after {
    content: "" !important;
    grid-column: 1 !important;
    grid-row: 2 !important;
    display: block !important;
    min-height: 54px !important;
  }
}


/* v1.0.786 — homepage history performance lifecycle.
 * Animacija ir dekoratyvūs child efektai stabdomi, kai tickeris nėra arti viewport
 * arba dokumento kortelė paslėpta. Tai nekeičia išvaizdos matomame bloke. */
.home .rfm-player-history-ticker.is-rfm-performance-paused #rfmHistoryContainer.is-rfm-css-marquee,
.home .rfm-player-history-ticker.is-rfm-document-hidden #rfmHistoryContainer.is-rfm-css-marquee {
  animation-play-state: paused !important;
}

.home .rfm-player-history-ticker.is-rfm-performance-paused .rfm-history-row *,
.home .rfm-player-history-ticker.is-rfm-document-hidden .rfm-history-row * {
  animation-play-state: paused !important;
}

@media (max-width: 767px) {
  .home .rfm-player-history-ticker:not(.rfm-mobile-history-ticker) #rfmHistoryContainer {
    display: none !important;
  }
}

@media (min-width: 768px) {
  .home .rfm-mobile-history-ticker #rfmMobileHistoryContainer {
    display: none !important;
  }
}


/* v1.0.788 - Desktop song history: manual arrows and full-screen only. */
@media (min-width: 769px) {
  .home .rfm-player-history-ticker-minimal #rfmHistoryContainer,
  .home .rfm-player-history-ticker-minimal #rfmHistoryContainer.is-rfm-css-marquee,
  .home .rfm-player-history-ticker-minimal #rfmHistoryContainer.rfm-history-preview-expanded,
  .home .rfm-player-history-ticker-minimal #rfmHistoryContainer.rfm-history-preview-collapsed {
    animation: none !important;
    animation-delay: 0s !important;
    will-change: transform !important;
  }

  .home .rfm-player-history-ticker-minimal #rfmHistoryContainer > .rfm-history-row.is-rfm-history-marquee-clone {
    display: none !important;
  }

  .home .rfm-player-history-ticker-minimal .rfm-player-history-mini-controls {
    gap: 6px !important;
  }

  .home .rfm-player-history-ticker-minimal .rfm-history-ticker-arrow:disabled,
  .home .rfm-player-history-ticker-minimal .rfm-history-ticker-arrow.is-history-control-inactive {
    opacity: .34 !important;
    cursor: default !important;
    box-shadow: none !important;
  }
}