/* Оверлей */
 #loader {
 position: fixed;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background: #000;
 display: flex;
 justify-content: center;
 align-items: center;
 z-index: 9999;
 }

#loader img {border-radius: 28px;}

#radioheart-player {margin-top: 50px;}

 /* Анимация исчезновения */
 #loader.fade-out {
 opacity: 0;
 transition: opacity 0.2s ease;
 pointer-events: none;
 }

#background {position: fixed !important; margin: 0 auto; background: url() no-repeat scroll center top transparent; object-fit: none; background-size: 1400px; width: 100%; height: 1000px; position: absolute; animation: show 12s; animation-timing-function: linear; animation-delay: -6s; overflow: hidden; text-align: center; no-repeat scroll center top transparent; pointer-events: none;}

#background img {width: 1800px; max-width: 1800px; margin: 0 auto; display: table-cell; text-align: center; vertical-align: middle; } 

#main {padding-top: 24px;}

#styles {text-align: center; width: 100%; height: 58px; }
#styles a {margin: 6px; padding: 8px 16px 8px 16px; background: rgba(25, 25, 25, 0.8); backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.05); border-radius: 24px; color: rgba(255, 255, 255, 0.60); font-family: Manrope; font-size: 16px;}
#styles a:hover {background: rgba(25, 25, 25, 1); color: rgba(255, 255, 255, 0.8); transition: filter 0.3s ease;}

#trackid {
        width: 400px !important;
    }

#today {
 display: flex;
 flex-wrap: wrap;
 width: 96%;
 max-width: 1600px;
 background: rgba(25, 25, 25, 1);
 backdrop-filter: blur(20px);
 border: 1px solid rgba(255, 255, 255, 0.05);
 border-radius: 24px;
 padding: 24px;
 margin: 0 auto;
 margin-bottom: 24px;
 color: #fff;
 box-sizing: border-box; 
 font-family: sans-serif;
}

/* Обертка для today1 и today2 */
#todaystart {
 display: flex;
 width: 100%;
 gap: 24px; /* промежуток между today1 и today2 */
}

/* Левая часть */
#today1 {
 flex: 0 0 40%;
 border: 1px solid rgba(255, 255, 255, 0.05);
 border-radius: 12px;
 background: url();
 background-size: cover;
 background-position: center;
 background-repeat: no-repeat;
}

/* Правая часть */
#today2 {
 flex: 1;
 display: flex;
 flex-wrap: wrap;
 gap: 24px;
 box-sizing: border-box;
}

/* Блоки внутри today2 и today3 */
#tblock {
 width: calc(33.3% - 16px);
 box-sizing: border-box;
}

#tblockf {
 width: calc(25% - 18px);
 box-sizing: border-box;
}

#tblock h2 {
 font-weight: 550;
 font-size: 16pt;
 line-height: 28px;
 margin-top: 6px;
 color: #fff;
}

#tblock b {font-weight: 450 !important; color: #95979F;}

#tblock img {
 filter: grayscale(20%) brightness(80%);
 transition: filter 0.3s ease;
 border: 1px solid rgba(255, 255, 255, 0.08);
}

#tblock img:hover {
 filter: grayscale(0%) brightness(100%);
}

#tblock img {
 width: 100%;
 border-radius: 12px;
 border: 1px solid rgba(255, 255, 255, 0.05);
}

#tblockf h2 {
 font-weight: 550;
 font-size: 16pt;
 line-height: 28px;
 margin-top: 6px;
 color: #fff;
}

#tblockf img {
 width: 100%;
 border-radius: 12px;
 border: 1px solid rgba(255, 255, 255, 0.05);
}

/* Нижний ряд */
#today3 {
 display: flex;
 flex-wrap: wrap;
 gap: 24px;
 width: 100%;
 margin-top: 24px;
}

#tblock:nth-child(odd) {
 padding-left: 0;
}

#tblock:nth-child(2n) {
 padding-right: 0;
}

#contentfree { width: 96%; max-width: 1600px; display: none !important; }
#content_podcast {width: 96% !important; max-width: 1600px; background: rgba(25, 25, 25, 1) !important; }

#content_podcast img {
 filter: grayscale(20%) brightness(80%);
 transition: filter 0.3s ease;
}

#content_podcast img:hover {
 filter: grayscale(0%) brightness(100%);
}

#fixedcontent {
 position: fixed;
 width: 100%;
 padding: 24px;
}

#starter {height: 460px;}

#promo {
 display: none;
 flex-wrap: wrap;
 gap: 24px;
 width: 100%;
 margin-bottom: 24px;
 box-sizing: border-box;
 font-family: sans-serif;
 color: #fff;
}

.promoblock {
 flex: 1 1 calc(33.333% - 16px); 
 min-width: 260px;
 display: flex;
 gap: 24px;
 background: rgba(25, 25, 25, 1);
 border: 1px solid rgba(255, 255, 255, 0.05);
 border-radius: 24px;
 padding: 16px;
 box-sizing: border-box;
}

/* Левая часть — картинка */
.promoimg {
 flex: 0 0 128px;
}

.promoimg img {
 width: 128px;
 height: 128px;
 object-fit: cover;
 border-radius: 12px;
 border: 1px solid rgba(255, 255, 255, 0.05);
}

/* Правая часть — текст */
.promotext {
 flex: 1;
 display: flex;
 flex-direction: column;
 justify-content: center;
 gap: 8px;
}

.ptitle {
 font-weight: 600;
 font-size: 16pt;
 line-height: 1.6;
 margin: 0;
}

.poption {
 font-size: 12pt;
 line-height: 1.6;
 margin: 0;
 color: #ccc;
}

/* Адаптив */
@media (max-width: 900px) {
 .promoblock {
 flex: 1 1 calc(50% - 12px);
 }
}

@media (max-width: 600px) {
 .promoblock {
 flex: 1 1 100%;
 }

#RTWidgetStatus table {width: 350px !important; margin: 0 auto;}
#mobilemenu {display: none;} #today {display: none;}
}