/* =========================
   НИЖНЯЯ ЧАСТЬ
   special blocks / compilation / artist / menu / icons
   ========================= */

.fdel{padding:10px;background:#e6e6e6;color:red;font-size:17px;text-transform:uppercase;text-align:center;line-height:1.5}
.fdel span{font-size:13px;color:#464646}

@media screen and (max-width:768px){.sect-img{display:none}}

@media (min-width:768px) and (max-width:2500px){.sect4{display:none}}
@media screen and (max-width:767px){.sect3{background-color:#fff;box-shadow:0 0 40px 0 #000;padding:20px;margin-bottom:20px}}
@media screen and (max-width:1220px){.close-ads{display:none}}
@media screen and (min-width:768px){.sect-ads{display:none}}
@media screen and (max-width:768px){.sect-ads{background:#fff;margin:30px auto 20px;width:300px;min-height:1px}}

#gotop{display:none}

.sect1-compilation{display:flex;flex-flow:column nowrap}
.c-section-h {}ader{flex-flow:row nowrap;flex:1;max-width:100%;min-height:250px;height:250px;border-radius:6px;overflow:hidden;display:flex;background:#fff}
.sect1-compilation__header{height:250px;width:100%;margin-top:30px;flex-shrink:0}
.c-item-last{order:100}
.c-section-header__img-wrapper{display:flex;align-items:center;justify-content:center;position:relative;width:190px;height:190px;flex-shrink:0}
.c-section-header__img{position:absolute;left:0;top:0;width:100%;height:100%}
.c-section-header__content{display:flex;flex:1;flex-flow:column nowrap;padding:0 0 0 20px}
.c-section-header__content h1{font-size:2rem;font-weight:700;flex-shrink:0;margin-bottom:5px}
.c-section-header__title{font-size:2rem;font-weight:700;flex-shrink:0}
.c-section-header__section{font-size:1rem;color:black;font-weight:700;opacity:.6;flex-shrink:0;text-transform:uppercase}
.c-section-header__description{position:relative;display:flex;color:#596572;flex:1;font-size:.9rem;margin:6px 0 0;overflow-x:auto}
.c-section-header__description>span{position:absolute;top:0;left:0;width:100%;padding-right:5px}

@media (max-width:600px){
    .c-section-header{max-height:200px;min-height:180px}
    .c-section-header__content{padding:10px}
    .c-section-header__content h1{font-size:1.5rem}
    .c-section-header__img-wrapper{display:none}
}
@media (max-width:768px){.c-section-header__img-wrapper{width:200px;height:200px}}

.sect1 h3{display:flex;align-items:center;font-size:1.3rem;font-weight:700;margin:0 15px 10px 0}
@media (max-width:600px){.sect1 h3{flex:1;flex-flow:row wrap}}

.sect-link{display:inline-block;position:absolute;right:0;top:5px;font-size:13px;font-weight:400;color:#2196F3}
.position{position:relative;margin-bottom:15px}
.position_two{margin-top:20px}

.sort>ul,.sect1>ul>li>a{display:-webkit-box;display:-ms-flexbox;position:relative}
.sect1>ul{padding:2px 0 0;list-style:none;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;height:23px}
.sort>ul>li{-webkit-box-sizing:border-box;box-sizing:border-box;font-size:16px;font-weight:700;white-space:nowrap;position:relative;top:-5px;margin-right:29px}
.sort>ul>li>a{display:flex;line-height:18px;padding-bottom:6px;top:0;border-bottom:2px solid transparent;color:#607d8b;text-transform:uppercase;font-size:14px;padding-top:3px;margin-top:-3px}
.sort>ul>li>a.active{border-color:#2196f3;color:#333;cursor:default;pointer-events:none}

.c-artist-list{grid-template-columns:repeat(auto-fit,121px);column-gap:10px;display:grid;flex-direction:row;flex-wrap:wrap;grid-template-columns:repeat(auto-fit,171px);margin:0 auto;padding-top:8px;width:100%}
.c-artist-list .c-tile--artist{width:100%}
.c-artist-list a{margin-bottom:20px}
.c-tile--artist{flex-shrink:0;width:100%}
.c-tile{align-items:center;display:flex;flex-flow:column nowrap}
.c-tile__image-container{background-color:#f4f4f4;border-radius:10px;display:block;overflow:hidden;padding-bottom:100%;position:relative;width:100%}
.c-tile__image-container>*{bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%}
.c-tile__title{color:#333;display:block;font-weight:700;margin:10px 0;max-width:100%;overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}

@media (max-width:767px){.c-artist-list{grid-template-columns:repeat(auto-fit,121px)}}
@media (max-width:425px){
    .c-artist-list{grid-template-columns:repeat(auto-fit,121px)}
    .c-artist-list,.c-playlist-list{grid-template-columns:repeat(auto-fit,140px)}
}
@media (max-width:767px){
    .c-artist-list,.c-playlist-list{column-gap:10px;grid-template-columns:repeat(auto-fit,150px);justify-content:center;justify-items:center}
}

.rating_artist{position: relative;display: flex;flex-wrap: wrap;gap: 10px;margin-top: 45px;z-index: 999;}
.rating_artist .rating{position:absolute;top:-52px;left:50px}
@media (max-width:600px){.rating_artist .rating{left:calc(50% - 50px)}}

.track-more{width:142px;height:36px;border-radius:30px;background-color:#f7f7f7;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding-left:16px;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;color:#3e5059;margin-top:15px;font-size:14px;font-weight:400;line-height:20px}
.track-more:hover{background-color:#E3F2FD;text-decoration:none}
@media screen and (max-width:767px){.track-more{margin-top:28px}}
.track-more:before{content:"\f105";font-family:FontAwesome;color:#607d8b;left:0;padding:5px;top:-5px;font-size:14px;font-weight:bold}

.side-navigation{display:flex;flex-direction:column;position:relative;padding-left:10px}
.side-menu__list li{position:relative;white-space:nowrap}
.side-menu__list li:hover{background:rgba(0,0,0,0.05);text-decoration:none!important}
.side-menu__list li a:hover{text-decoration:none!important;color:#13719b}
.side-menu__list a,.side-menu__list span{display:flex;align-items:center;gap:10px;border-radius:var(--bdrs);padding-left:30px;position:relative;height:35px;cursor:pointer;border-bottom:1px dotted #ccc}
.side-menu__list span,.side-menu__list li:has(span)::before{color:var(--accent)}
.side-menu__list li::before{width:1.2em;font-size:15px;color:#646464;z-index:1;position:absolute;left:0;top:50%;translate:0 -50%;pointer-events:none}
.side-menu__list .btn{justify-content:flex-start;padding-left:50px;display:flex;margin:10px 0 15px -10px;background-color:var(--bg-darker-1);color:var(--tt-fade)}

.fa-microphone:before{content:"\f130"}
.fa-album:before{content:"\f58f";}
.fa-compact-disc:before{content:"\f51f"}
.fa-trophy:before{content:"\f091";}
.fa-heart:before{content:"\f004";}
.fa-flash:before,.fa-bolt:before{content:"\f0e7";}

.genres-list{display:flex;flex-wrap:wrap;flex-direction:row;column-gap:10px;row-gap:10px}
.genres-list a{display:block;background-color:var(--bg-darker-1);border-radius:var(--bdrs);padding:10px 15px;border:1px solid var(--bdc);--bdc:rgba(0,0,0,0.05);text-transform:lowercase}
.genres-list a:hover,.genres-list a:focus{color:#fff;background-color:#607d8b;text-decoration:none}

/* ===== FontAwesome оставляем внизу целиком ===== */

@font-face{
    font-display:swap;
    font-family:'FontAwesome';
    src:url(/assets/fonts/fontawesome-webfont.eot?v=4.7.0);
    src:url(/assets/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0) format("embedded-opentype"),
        url(/assets/fonts/fontawesome-webfont.woff2?v=4.7.0) format("woff2"),
        url(/assets/fonts/fontawesome-webfont.woff?v=4.7.0) format("woff"),
        url(/assets/fonts/fontawesome-webfont.ttf?v=4.7.0) format("truetype"),
        url(/assets/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular) format("svg");
    font-weight:400;
    font-style:normal
}

.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

/* дальше весь твой блок .fa-* оставляешь БЕЗ ИЗМЕНЕНИЙ,
   начиная с:
   .fa-lg{...}
   .fa-2x{...}
   ...
   и до:
   .fa-meetup:before{content:"\f2e0"}
   .sr-only{...}
   .sr-only-focusable:active,.sr-only-focusable:focus{...}
*/
.footer {background-color: #ffffff;border: 0;}
/*.footer {--bg: #0d5273;--tt: #fff;color: #3f3f3f;--bdc: rgba(255, 255, 255, 0.15);}*/
.footer {grid-area: footer; padding: 20px 20px 0px 20px;; padding-top: 20px;margin-bottom: 70px;}
.ai-center {align-items: center;}
.d-flex {display: flex;flex-wrap: wrap;flex-direction: row;}
.footer__menu {gap: 10px 40px;}
.flex-grow-1 {flex: 1 1 0;max-width: 100%;min-width: 50px;}
.jc-flex-end {justify-content: flex-end;}
.footer__two {margin-top: 10px;gap: 20px 40px;font-size: 14px;color: var(--tt-fade);}
.jc-space-between {justify-content: space-between;}
.footer__text {line-height: 1.5;text-wrap: balance;}
.footer__menu a {color: #3e6594;font-size: 13px;}
@media screen and (max-width: 950px) {.footer__one, .footer__two {gap: 20px;}}
@media screen and (max-width: 950px) {.footer__menu {min-width: 100%;justify-content: flex-start;gap: 20px;}}
@media screen and (max-width: 950px) {.footer__two {margin-top: 30px;}}
@media screen and (max-width: 950px) {.footer__one, .footer__two {gap: 20px;}}
@media screen and (max-width: 950px) {.footer__text {min-width: 100%;order: -1;}}
.year-topbar{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin:0 0 18px;overflow:visible;}
.year-switcher,.year-cat-switcher{position:relative;flex:0 0 auto;overflow:visible;z-index:1000;padding: 0 0 12px;}
.year-switcher{max-width:370px;margin:0;}
.year-switcher__head,.year-cat-switcher__head{display:inline-flex;align-items:center;gap:8px;cursor:pointer;user-select:none;font-weight:700;line-height:1.2;}
.year-switcher__head{font-size:18px;}
.year-switcher__current{color:#2d2d2d;white-space:nowrap;}
.year-switcher__arrow,.year-cat-switcher__arrow{width:10px;height:10px;border-right:2px solid #666;border-bottom:2px solid #666;transform:rotate(45deg);transition:transform .2s ease, margin-top .2s ease;}
.year-switcher__arrow{margin-top:-4px;}
.year-switcher.is-open .year-switcher__arrow,.year-cat-switcher.is-open .year-cat-switcher__arrow{transform:rotate(-135deg);}
.year-switcher.is-open .year-switcher__arrow{margin-top:2px;}
.year-switcher__dropdown,.year-cat-switcher__dropdown{display:none;position:absolute;top:100%;left:0;z-index:9999;margin-top:10px;}
.year-switcher.is-open .year-switcher__dropdown,.year-cat-switcher.is-open .year-cat-switcher__dropdown{display:block;}
.year-switcher__dropdown{width:370px;border:1px solid rgba(0,0,0,.12);border-radius:8px;overflow:hidden;background:#fff;box-shadow:0 8px 24px rgba(0,0,0,.18);}
.year-switcher__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));}
.year-switcher__item{display:flex;align-items:center;min-height:54px;padding:0 18px;border-right:1px solid rgb(0 0 0 / 31%);border-bottom:1px solid rgb(0 0 0 / 31%);color:#555;font-size:18px;font-weight:700;text-decoration:none;}
.year-switcher__item:nth-child(2n){border-right:none;}
.year-switcher__item:hover{text-decoration:none;background:rgba(0,0,0,.04);}
.year-switcher__item--empty{pointer-events:none;}
.year-switcher__grid .year-switcher__item:nth-last-child(-n+2){border-bottom:none;}
.year-cat-switcher__dropdown{min-width:220px;padding:10px;border-radius:8px;background:#111;}
.year-cat-switcher__item{display:block;padding:6px 10px;color:#fff;text-decoration:none;}
.year-cat-switcher__item:hover{text-decoration:none;background:rgba(255,255,255,.06);border-radius:6px;}
.year-tabs{display:flex;align-items:flex-end;gap:24px;flex-wrap:wrap;margin:0;}
.year-tabs__link{position:relative;display:inline-block;padding:0 0 12px;color:#2f5d9a;text-decoration:none;font-size:16px;font-weight:700;text-transform:uppercase;white-space:nowrap;}
.year-tabs__link:hover{color:#1f1f1f;text-decoration:none;}
.year-tabs__link.is-active{color:#1f1f1f;}
.year-tabs__link.is-active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:#ff6b2c;}
@media (max-width:700px){.year-topbar{gap:18px;}.year-tabs{gap:20px;}.year-tabs__link{font-size:15px;}.year-switcher__dropdown{width:320px;}}
@media (max-width:480px){.year-topbar{align-items:center;gap:14px;flex-wrap:nowrap;}.year-switcher,.year-cat-switcher{max-width:none;}.year-switcher__head,.year-cat-switcher__head{gap:6px;white-space:nowrap;}.year-switcher__head{font-size:14px;}.year-tabs{flex-wrap:nowrap;gap:18px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;}.year-tabs::-webkit-scrollbar{display:none;}.year-tabs__link{flex:0 0 auto;font-size:13px;padding:0 0 10px;}.year-switcher__dropdown{width:320px;max-width:calc(100vw - 20px);}.year-cat-switcher__dropdown{min-width:200px;max-width:calc(100vw - 20px);}}
.search_live_box{
    background:#f7f7f7;
    border:2px solid #4f73a1;
    border-radius:14px;
    padding:18px 18px 14px;
    box-sizing:border-box;
}
.search_live_section + .search_live_section{
    margin-top:18px;
}
.search_live_heading{
    font-size:14px;
    line-height:1.2;
    letter-spacing:.08em;
    color:#5b6e8c;
    margin:0 0 14px;
    text-transform:uppercase;
}
.search_live_artist,
.search_live_track{
    display:flex;
    align-items:center;
    gap:16px;
    text-decoration:none;
    color:#222;
    margin-bottom:14px;
}
.search_live_artist:last-child,
.search_live_track:last-child{
    margin-bottom:0;
}
.search_live_artist_img{
    width:48px;
    height:48px;
    min-width:48px;
    border-radius:50%;
    overflow:hidden;
    background:#ececec;
    display:flex;
    align-items:center;
    justify-content:center;
}
.search_live_artist_img img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}
.search_live_artist_text{
    font-size:16px;
    line-height:1.3;
    color:#1f2430;
}
.search_live_track_play{
    width:44px;
    height:44px;
    min-width:44px;
    border:2px solid #c9c9c9;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#3d6392;
    font-size:16px;
    box-sizing:border-box;
    background:#fff;
}
.search_live_track_text{
    display:flex;
    flex-direction:column;
    min-width:0;
}
.search_live_track_artist{
    font-size:16px;
    line-height:1.25;
    font-weight:700;
    color:#1f2430;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.search_live_track_name{
    font-size:15px;
    line-height:1.25;
    color:#4a4a4a;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    margin-top:2px;
}
.search_live_all_results{
    display:inline-block;
    margin-top:12px;
    text-decoration:none;
    font-size:16px;
    color:#666;
}
.search_live_all_results:hover,
.search_live_artist:hover .search_live_artist_text,
.search_live_track:hover .search_live_track_artist,
.search_live_track:hover .search_live_track_name{
    color:#2f5d93;
}