@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Ubuntu:500&display=swap);
@import url(https://fonts.googleapis.com/css?family=DM+Sans:regular&display=swap);
@import url(https://fonts.googleapis.com/css?family=Montserrat:regular&display=swap);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:regular,600&display=swap);
@import url(https://fonts.googleapis.com/css?family=Poppins:regular,500,600&display=swap);
@font-face {
    font-family:icons;
    font-display:swap;
    src:url(../fonts/icons.woff2) format("woff2"),url(../fonts/icons.woff) format("woff");
    font-weight:400;
    font-style:normal
}
[class*=_icon-]:before {
    font-family:icons;
    font-style:normal;
    font-weight:400;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
[class*=_icon-]:before {
    display:block
}
._icon-menu:before {
    content:"\e900"
}
._icon-play-big:before {
    content:"\e901"
}
._icon-play-min:before {
    content:"\e902"
}
._icon-search:before {
    content:"\e903"
}
._icon-size:before {
    content:"\e904"
}
._icon-volume:before {
    content:"\e905"
}
._icon-world:before {
    content:"\e906"
}
* {
    padding:0;
    margin:0;
    border:0
}
*,:after,:before {
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
body,html {
    height:100%;
    min-width:320px
}
body {
    color:#fff;
    line-height:1;
    font-family:Poppins,sans-serif;
    font-size:.875rem;
    -ms-text-size-adjust:100%;
    -moz-text-size-adjust:100%;
    -webkit-text-size-adjust:100%;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
button,input,textarea {
    font-family:Poppins,sans-serif;
    font-size:inherit
}
button {
    cursor:pointer;
    color:inherit;
    background-color:transparent
}
a {
    color:inherit;
    text-decoration:none
}
ul li {
    list-style:none
}
img {
    vertical-align:top
}
h1,h2,h3,h4,h5,h6 {
    font-weight:inherit;
    font-size:inherit
}
body {
    background-color:#000
}
.lock body {
    overflow:hidden;
    -ms-touch-action:none;
    touch-action:none;
    -ms-scroll-chaining:none;
    overscroll-behavior:none
}
.wrapper {
    min-height:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    overflow:hidden
}
@supports (overflow:clip) {
    .wrapper {
        overflow:clip
    }
}
.wrapper>main {
    -webkit-box-flex:1;
    -ms-flex:1 1 auto;
    flex:1 1 auto
}
.wrapper>* {
    min-width:0
}
[class*=__container] {
    max-width:75.625rem;
    margin:0 auto;
    padding:0 .9375rem
}
[data-showmore-button] span:last-child {
    display:none
}
._showmore-active [data-showmore-button] span {
    display:none
}
._showmore-active [data-showmore-button] span:last-child {
    display:block
}
[class*=-ibg] {
    position:relative
}
[class*=-ibg] img {
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    -o-object-fit:cover;
    object-fit:cover
}
[class*=-ibg_contain] img {
    -o-object-fit:contain;
    object-fit:contain
}
._bg-body {
    padding:2.5rem 2.125rem;
    -webkit-backdrop-filter:blur(.125rem);
    backdrop-filter:blur(.125rem);
    background-color:rgba(29,28,28,.6)
}
._title-big {
    gap:.59375rem;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    font-weight:600;
    line-height:normal;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
._title-big span {
    color:#4DA3FF
}
._title-big::before {
    content:"";
    width:1rem;
    display:block;
    height:3.5rem;
    margin-right:.84375rem;
    background-color:#4DA3FF
}
._title-white {
    font-weight:600;
    line-height:normal
}
._title-green {
    gap:.5rem;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    font-weight:600;
    color:#ccc;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    line-height:normal
}
._title-green::before {
    font-size:1.125rem
}
._text {
    font-weight:500;
    line-height:1.42
}
._text p:not(:last-child) {
    margin-bottom:.9375rem
}
::-webkit-scrollbar {
    width:.0625rem;
    background-color:#4a4949
}
::-webkit-scrollbar-thumb {
    border-radius:.625rem;
    background-color:#4DA3FF
}
::-moz-selection {
    background-color:rgba(166,1,1,.5)
}
::selection {
    background-color:rgba(166,1,1,.5)
}
.artciles__item {
    gap:1.875rem;
    width:100%;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    border-radius:0 .3125rem .3125rem 0;
    -webkit-transition:background-color .3s ease 0s;
    transition:background-color .3s ease 0s;
	 margin-bottom: 16px; /* 🔥 расстояние между карточками */
		
}
.artciles__item {
  margin-bottom: 16px;
  padding: 3px;


}
.artciles__image img {
    width:8.625rem;
    height:8.625rem
}
.artciles__title:not(:last-child) {
    margin-bottom:.25rem
}
.artciles__actions {
    gap:1.875rem;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.artciles__actions:not(:last-child) {
    margin-bottom:.875rem
}
.artciles__li {
    gap:.25rem;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    font-weight:500;
    font-size:1rem;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    line-height:normal
}
.artciles__li::before {
    font-size:.875rem;
    color:#4DA3FF
}
.lists ::-webkit-scrollbar {
    width:.25rem;
    background-color:#4a4949
}
.lists ::-webkit-scrollbar-thumb {
    border-radius:.625rem;
    background-color:#4DA3FF
}
.lists__item:not(:last-child) {
    margin-bottom:2.5rem
}
.lists__item:first-child .lists__body {
    height:18.75rem
}
.lists__item:last-child .lists__body {
    height:17.1875rem
}
.lists__title:not(:last-child) {
    margin-bottom:.9375rem
}
.lists__body {
    overflow:hidden;
    overflow-y:auto
}
.lists__li {
    gap:.625rem;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.lists__li::before {
    content:"";
    width:.3125rem;
    height:.3125rem;
    display:block;
    border-radius:50%;
    background-color:#4DA3FF
}
.lists__li:not(:last-child) {
    margin-bottom:.25rem
}
.lists__link {
    width:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    font-weight:500;
    font-size:1rem;
    line-height:normal;
    -webkit-transition:opacity .15s ease 0s;
    transition:opacity .15s ease 0s
}
.header {
    z-index:15;
    width:100%;
    top:2.125rem;
    position:absolute;
    background-color:#1d1c1c
}
.header__container {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
}
.header__logo {
   z-index:10;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    font-weight:600;
    font-size:28px;
    position:relative;
    color:#4DA3FF;
    line-height:normal;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    font-family:Open Sans;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-transition:color .3s ease 0s;
    transition:color .3s ease 0s
}
.header__navigation {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    justify-content: flex-end;
    gap: 20px;
}



 
#q_search {
    display: block;
    width: 100%;
    max-width: 50%;
    margin: 0 auto;
    float: none !important;
}

.header__label {
    position: relative;
    width: 100%;
    border-radius: 8px !important;
    overflow: hidden;
}

.header__label input {
    display: block;
    width: 100%;
    height: 38px;
    padding: 0 40px 0 16px;
    background: #1a1a1a !important;
    border: none !important;
    outline: none !important;
    border-radius: 8px !important;
    -webkit-appearance: none !important;
    appearance: none !important;
	color: #ccc !important;
}

/* placeholder */
.header__label input::placeholder {
    color: #ccc;
}

/* кнопка */
.header__search {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
}
/*.header__search {
    height:100%;
    color:#4DA3FF;
    position:absolute;
    font-size:1.125rem;
    padding:0 1.25rem;
    border-radius:0 3.125rem 3.125rem 0;
    -webkit-transition:color .3s ease 0s,background-color .3s ease 0s;
    transition:color .3s ease 0s,background-color .3s ease 0s
}*/







.menu__list {
    height:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.menu__link {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    position:relative;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    font-size:1rem;
    line-height:normal;
    font-family:Open Sans;
    padding:0 2.1875rem;
    background-color:#1d1c1c;
    -webkit-transition:background-color .5s ease 0s;
    transition:background-color .5s ease 0s
}
.menu__link::before {
    width:0;
    content:"";
    left:0;
    right:0;
    height:.3125rem;
    bottom:0;
    position:absolute;
    margin:0 auto;
    -webkit-transition:width .5s ease 0s;
    transition:width .5s ease 0s;
    background-color:#4DA3FF
}
.icon-menu {
    display:none
}
.footer {
    padding:.9375rem 0;
    background-color:#1e1d1d
}
.footer__container {
    display:-ms-grid;
    display:grid;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -ms-grid-columns:7.5rem 1fr 7.5rem;
    grid-template-columns:7.5rem 1fr 7.5rem
}
.footer__logo {
    font-weight:600;
    font-size:2.5rem;
    color:#4DA3FF;
    line-height:normal;
    font-family:Open Sans;
    -webkit-transition:color .3s ease 0s;
    transition:color .3s ease 0s
}
.footer__list {
    gap:2.125rem;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.footer__link {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    font-size:1rem;
    line-height:normal;
    -webkit-transition:opacity .3s ease 0s;
    transition:opacity .3s ease 0s;
    font-family:"DM Sans",sans-serif
}
.main__content {
    gap:1.875rem;
    display:-ms-grid;
    display:grid;
    -ms-grid-columns:1fr 16.875rem;
    grid-template-columns:1fr 16.875rem
}
.main__content:not(:last-child) {
    margin-bottom:1.875rem
}
.main__navmobile {
    margin-top:1.25rem;
    margin-bottom:3.75rem
}
.navigation-main {
    gap:.5rem;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.navigation-main__link {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    width:1.875rem;
    height:1.875rem;
    font-size:1rem;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    line-height:normal;
    font-family:Open Sans;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    background-color:#4DA3FF;
    -webkit-transition:opacity .3s ease 0s;
    transition:opacity .3s ease 0s
}
.navigation-main__link--active {
    background-color:#2b2a2a
}
.about__item:not(:last-child) {
    margin-bottom:2.5rem
}
.about__title:not(:last-child) {
    margin-bottom:.625rem
}
.advice__items {
    gap:1.0625rem;
    display:-ms-grid;
    display:grid
}
.advice__item {
    overflow:hidden
}
.advice__item img {
    width:100%;
    -webkit-transition:-webkit-transform .3s ease 0s;
    transition:-webkit-transform .3s ease 0s;
    transition:transform .3s ease 0s;
    transition:transform .3s ease 0s,-webkit-transform .3s ease 0s
}
.texts__text p:last-child {
    font-size:.75rem
}
.news__content {
    gap:1.875rem;
    display:-ms-grid;
    display:grid;
    -ms-grid-columns:1fr 16.875rem;
    grid-template-columns:1fr 16.875rem
}
.video-stream {
    overflow:hidden;
    position:relative
}
.video-stream__image img {
    width:100%
}
.video-stream__button {
    top:0;
    left:0;
    margin:auto;
    right:0;
    bottom:0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    border-radius:50%;
    position:absolute;
    color:#4DA3FF;
    position:absolute;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    background-color:#fff;
    -webkit-transition:color .3s ease 0s,background-color .3s ease 0s;
    transition:color .3s ease 0s,background-color .3s ease 0s;
    -webkit-box-shadow:0 1.875rem 3.75rem 0 rgba(25,55,102,.25);
    box-shadow:0 1.875rem 3.75rem 0 rgba(25,55,102,.25)
}
.video-stream__tools {
    width:100%;
    position:absolute;
    padding:0 4.0625rem
}
.tools-video-stream__actions {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
}
.tools-video-stream__side {
    gap:.625rem;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.tools-video-stream__button {
    color:#c4c4c4
}
.item-stream {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.item-stream__image {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    color:#9f9f9f;
    font-size:.8125rem;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column
}
.item-stream__img {
    width:8.625rem;
    height:8.625rem;
    margin-top:.3125rem
}
.item-stream__img img {
    width:100%
}
.item-stream__top {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between
}
.item-stream__actions {
    gap:1.125rem;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    color:#9f9f9f;
    font-size:.8125rem;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    line-height:normal
}
.item-stream__actions p {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    height:1.875rem;
    position:relative;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    padding-left:1.375rem
}
.item-stream__actions p::before {
    content:"";
    top:0;
    height:100%;
    left:0;
    width:.0625rem;
    bottom:0;
    position:absolute;
    background-color:#9f9f9f
}
.item-stream__stars {
    gap:.4375rem;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-transform:translateY(-.09375rem);
    -ms-transform:translateY(-.09375rem);
    transform:translateY(-.09375rem)
}
.showmore-artciles__more {
    font-weight:500;
    font-size:1rem;
    color:#4DA3FF;
    line-height:normal;
    -webkit-transition:color .3s ease 0s,border-bottom .3s ease 0s;
    transition:color .3s ease 0s,border-bottom .3s ease 0s;
    border-bottom:.0625rem dotted #4DA3FF
}
.several-stream__title:not(:last-child) {
    margin-bottom:.875rem
}
.several-stream__items {
    gap:1.125rem;
    display:-ms-grid;
    display:grid
}
.item-several-stream__image {
    position:relative
}
.item-several-stream__image img {
    width:100%
}
.item-several-stream__image:not(:last-child) {
    margin-bottom:.25rem
}
.item-several-stream__button {
    top:0;
    margin:auto;
    left:0;
    right:0;
    bottom:0;
    width:2.5rem;
    height:2.5rem;
    border-radius:50%;
    position:absolute;
    font-size:1rem;
    color:#4DA3FF;
    padding-left:.25rem;
    background-color:#fff;
    -webkit-transition:color .3s ease 0s,background-color .3s ease 0s;
    transition:color .3s ease 0s,background-color .3s ease 0s;
    -webkit-box-shadow:0 1.875rem 3.75rem 0 rgba(25,55,102,.25);
    box-shadow:0 1.875rem 3.75rem 0 rgba(25,55,102,.25)
}
.form-stream__title {
    font-weight:600;
    font-size:1rem;
    line-height:normal
}
.form-stream__title:not(:last-child) {
    margin-bottom:.9375rem
}
.form-stream__lables input,.form-stream__lables textarea {
    width:100%;
    outline:0;
    background:#fff;
    border-radius:.625rem;
    padding:.625rem .75rem;
    border:.0625rem solid #9f9f9f
}
.form-stream__inputs {
    gap:1.875rem;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.form-stream__inputs:not(:last-child) {
    margin-bottom:.9375rem
}
.form-stream__label {
    width:100%
}
.form-stream__label input {
    height:2.5rem
}
.form-stream__textarea {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.form-stream__textarea textarea {
    resize:none;
    height:8.75rem
}
.form-stream__textarea:not(:last-child) {
    margin-bottom:1.25rem
}
.form-stream__button {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    font-size:1rem;
    line-height:normal;
    border-radius:.3125rem;
    padding:.5rem 1.5rem;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    background-color:#4DA3FF;
    -webkit-transition:background-color .15s ease 0s;
    transition:background-color .15s ease 0s
}
.lists-stream__title:not(:last-child) {
    margin-bottom:.9375rem
}
#slider-player {
    border:none;
    height:.1875rem
}
#slider-player,#slider-player .noUi-handle {
    cursor:pointer;
    border:none;
    -webkit-box-shadow:none;
    box-shadow:none;
    background-color:rgba(255,255,255,.31)
}
#slider-player .noUi-handle::after,#slider-player .noUi-handle::before {
    display:none
}
#slider-player .noUi-connect {
    border-radius:.625rem;
    background-color:#4DA3FF
}
#slider-player .noUi-handle {
    top:-.625rem;
    width:1.25rem;
    height:1.25rem;
    right:-.625rem;
    cursor:pointer;
    border-radius:50%;
    -webkit-transform:scale(1.3);
    -ms-transform:scale(1.3);
    transform:scale(1.3);
    background:#4DA3FF;
    border:.0625rem solid #c4c4c4;
    -webkit-transition:-webkit-transform .1s ease-in;
    transition:-webkit-transform .1s ease-in;
    transition:transform .1s ease-in;
    transition:transform .1s ease-in,-webkit-transform .1s ease-in
}
.page {
    overflow:hidden;
    position:relative;
    padding-top:8.9375rem
}
.page__blure {
    z-index:-1;
    position:absolute;
    -webkit-filter:blur(7.8125rem);
    filter:blur(7.8125rem)
}
.page__blure img {
    width:100%
}
.page__blure--01 {
    top:25.625rem;
    width:26.25rem;
    height:23.4375rem
}
.page__blure--02 {
    top:37.5rem;
    right:-5rem;
    width:26.25rem;
    height:23.4375rem
}
.page__blure--03 {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    top:83.125rem;
    width:25.9375rem;
    height:23.125rem;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.page__blure--04 {
    top:96.875rem;
    width:20.625rem;
    right:11.5625rem;
    height:18.75rem
}
.page__blure--05 {
    top:110rem;
    right:2.8125rem;
    width:18.125rem;
    height:16.875rem
}
.page__blure--06 {
    width:25.625rem;
    height:24.375rem;
    bottom:100rem
}
.page__blure--07 {
    width:37.8125rem;
    height:37.8125rem;
    right:-6.25rem;
    bottom:16.875rem
}
.page__blure--08 {
    top:-6rem;
    width:12.5rem;
    height:11.25rem;
    right:26.875rem
}
.page__blure--09 {
    top:103.75rem;
    left:-1.875rem;
    width:12.8125rem;
    height:11.5625rem
}
.noUi-target,.noUi-target * {
    -webkit-touch-callout:none;
    -webkit-tap-highlight-color:transparent;
    -webkit-user-select:none;
    -ms-touch-action:none;
    touch-action:none;
    -ms-user-select:none;
    -moz-user-select:none;
    user-select:none;
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
.noUi-target {
    position:relative
}
.noUi-base,.noUi-connects {
    width:100%;
    height:100%;
    position:relative;
    z-index:1
}
.noUi-connects {
    overflow:hidden;
    z-index:0
}
.noUi-connect,.noUi-origin {
    will-change:transform;
    position:absolute;
    z-index:1;
    top:0;
    right:0;
    height:100%;
    width:100%;
    -ms-transform-origin:0 0;
    -webkit-transform-origin:0 0;
    -webkit-transform-style:preserve-3d;
    transform-origin:0 0;
    -webkit-transform-style:flat;
    transform-style:flat
}
.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
    left:0;
    right:auto
}
.noUi-vertical .noUi-origin {
    top:-100%;
    width:0
}
.noUi-horizontal .noUi-origin {
    height:0
}
.noUi-handle {
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    position:absolute
}
.noUi-touch-area {
    height:100%;
    width:100%
}
.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin {
    -webkit-transition:transform .3s;
    -webkit-transition:-webkit-transform .3s;
    transition:-webkit-transform .3s;
    transition:transform .3s;
    transition:transform .3s,-webkit-transform .3s
}
.noUi-state-drag * {
    cursor:inherit!important
}
.noUi-horizontal {
    height:18px
}
.noUi-horizontal .noUi-handle {
    width:34px;
    height:28px;
    right:-17px;
    top:-6px
}
.noUi-vertical {
    width:18px
}
.noUi-vertical .noUi-handle {
    width:28px;
    height:34px;
    right:-6px;
    bottom:-17px
}
.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
    left:-17px;
    right:auto
}
.noUi-target {
    background:#fafafa;
    border-radius:4px;
    border:1px solid #d3d3d3;
    -webkit-box-shadow:inset 0 1px 1px #f0f0f0,0 3px 6px -5px #bbb;
    box-shadow:inset 0 1px 1px #f0f0f0,0 3px 6px -5px #bbb
}
.noUi-connects {
    border-radius:3px
}
.noUi-connect {
    background:#3fb8af
}
.noUi-draggable {
    cursor:ew-resize
}
.noUi-vertical .noUi-draggable {
    cursor:ns-resize
}
.noUi-handle {
    border:1px solid #d9d9d9;
    border-radius:3px;
    background:#fff;
    cursor:default;
    -webkit-box-shadow:inset 0 0 1px #fff,inset 0 1px 7px #ebebeb,0 3px 6px -3px #bbb;
    box-shadow:inset 0 0 1px #fff,inset 0 1px 7px #ebebeb,0 3px 6px -3px #bbb
}
.noUi-active {
    -webkit-box-shadow:inset 0 0 1px #fff,inset 0 1px 7px #ddd,0 3px 6px -3px #bbb;
    box-shadow:inset 0 0 1px #fff,inset 0 1px 7px #ddd,0 3px 6px -3px #bbb
}
.noUi-handle:after,.noUi-handle:before {
    content:"";
    display:block;
    position:absolute;
    height:14px;
    width:1px;
    background:#e8e7e6;
    left:14px;
    top:6px
}
.noUi-handle:after {
    left:17px
}
.noUi-vertical .noUi-handle:after,.noUi-vertical .noUi-handle:before {
    width:14px;
    height:1px;
    left:6px;
    top:14px
}
.noUi-vertical .noUi-handle:after {
    top:17px
}
[disabled] .noUi-connect {
    background:#b8b8b8
}
[disabled] .noUi-handle,[disabled].noUi-handle,[disabled].noUi-target {
    cursor:not-allowed
}
.noUi-pips,.noUi-pips * {
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
.noUi-pips {
    position:absolute;
    color:#999
}
.noUi-value {
    position:absolute;
    white-space:nowrap;
    text-align:center
}
.noUi-value-sub {
    color:#ccc;
    font-size:10px
}
.noUi-marker {
    position:absolute;
    background:#ccc
}
.noUi-marker-sub {
    background:#aaa
}
.noUi-marker-large {
    background:#aaa
}
.noUi-pips-horizontal {
    padding:10px 0;
    height:80px;
    top:100%;
    left:0;
    width:100%
}
.noUi-value-horizontal {
    -webkit-transform:translate(-50%,50%);
    -ms-transform:translate(-50%,50%);
    transform:translate(-50%,50%)
}
.noUi-rtl .noUi-value-horizontal {
    -webkit-transform:translate(50%,50%);
    -ms-transform:translate(50%,50%);
    transform:translate(50%,50%)
}
.noUi-marker-horizontal.noUi-marker {
    margin-left:-1px;
    width:2px;
    height:5px
}
.noUi-marker-horizontal.noUi-marker-sub {
    height:10px
}
.noUi-marker-horizontal.noUi-marker-large {
    height:15px
}
.noUi-pips-vertical {
    padding:0 10px;
    height:100%;
    top:0;
    left:100%
}
.noUi-value-vertical {
    -webkit-transform:translate(0,-50%);
    -ms-transform:translate(0,-50%);
    transform:translate(0,-50%);
    padding-left:25px
}
.noUi-rtl .noUi-value-vertical {
    -webkit-transform:translate(0,50%);
    -ms-transform:translate(0,50%);
    transform:translate(0,50%)
}
.noUi-marker-vertical.noUi-marker {
    width:5px;
    height:2px;
    margin-top:-1px
}
.noUi-marker-vertical.noUi-marker-sub {
    width:10px
}
.noUi-marker-vertical.noUi-marker-large {
    width:15px
}
.noUi-tooltip {
    display:block;
    position:absolute;
    border:1px solid #d9d9d9;
    border-radius:3px;
    background:#fff;
    color:#000;
    padding:5px;
    text-align:center;
    white-space:nowrap
}
.noUi-horizontal .noUi-tooltip {
    -webkit-transform:translate(-50%,0);
    -ms-transform:translate(-50%,0);
    transform:translate(-50%,0);
    left:50%;
    bottom:120%
}
.noUi-vertical .noUi-tooltip {
    -webkit-transform:translate(0,-50%);
    -ms-transform:translate(0,-50%);
    transform:translate(0,-50%);
    top:50%;
    right:120%
}
.noUi-horizontal .noUi-origin>.noUi-tooltip {
    -webkit-transform:translate(50%,0);
    -ms-transform:translate(50%,0);
    transform:translate(50%,0);
    left:auto;
    bottom:10px
}
.noUi-vertical .noUi-origin>.noUi-tooltip {
    -webkit-transform:translate(0,-18px);
    -ms-transform:translate(0,-18px);
    transform:translate(0,-18px);
    top:auto;
    right:28px
}
@media (min-width:29.99875em) {
    .advice__items {
        grid-template-columns:repeat(auto-fit,minmax(9.5625rem,1fr))
    }
    .news__title br {
        display:none
    }
    .several-stream__items {
        grid-template-columns:repeat(auto-fit,minmax(10.625rem,1fr))
    }
}
@media (min-width:36.24875em) {
    .artciles__text br {
        display:none
    }
}
@media (min-width:47.99875em) {
    .header__container {
        height:5.3125rem
    }
    .header__logo {
      /*  width:13.75rem;
        height:6.9375rem;
        background-color:#191818*/
    }
    .header__menu {
        height:100%
    }
    .menu__body {
        height:100%
    }
    .menu__item {
        height:100%
    }
    .menu__link {
        height:100%
    }
    .main__navmobile {
        display:none
    }
    .item-stream__image p,.item-stream__image span {
        display:none
    }
    .page__blure--03 {
        left:0;
        right:0;
        margin:0 auto
    }
    .page__blure--06 {
        left:-10rem
    }
}
@media (min-width:75.625em) {
    ._title-big {
        font-size:1.6rem
    }
    ._title-big:not(:last-child) {
        margin-bottom:2.5rem
    }
    ._title-white {
        font-size:2rem
    }
    ._title-green {
        font-size:1.5rem
    }
    .artciles__item:not(:last-child) {
        margin-bottom:1.25rem
    }
    .header__navigation {
        gap:6.25rem
    }
    .about {
        padding-top:8rem
    }
    .advice {
        padding-top:7.5rem
    }
    .texts {
        padding-top:7.5rem
    }
    .texts {
        margin-bottom:7.5rem
    }
    .stream-news__video:not(:last-child) {
        margin-bottom:2.5rem
    }
    .stream-news__item:not(:last-child) {
        margin-bottom:2.5rem
    }
    .stream-news__several:not(:last-child) {
        margin-bottom:3.75rem
    }
    .stream-news__form:not(:last-child) {
        margin-bottom:3.75rem
    }
    .video-stream__button {
        width:9.375rem
    }
    .video-stream__button {
        height:9.375rem
    }
    .video-stream__button {
        font-size:3.75rem
    }
    .video-stream__button {
        padding-left:.9375rem
    }
    .video-stream__tools {
        bottom:1.125rem
    }
    .tools-video-stream__slider:not(:last-child) {
        margin-bottom:1.0625rem
    }
    .tools-video-stream__button {
        font-size:1.625rem
    }
    .item-stream {
        gap:1.875rem
    }
}
@media (max-width:75em) {
    .footer__list {
        gap:1.25rem
    }
}
@media (max-width:20em) {
    ._title-big {
        font-size:1.25rem
    }
    ._title-big:not(:last-child) {
        margin-bottom:1.25rem
    }
    ._title-white {
        font-size:1.25rem
    }
    ._title-green {
        font-size:1.25rem
    }
    .artciles__item:not(:last-child) {
        margin-bottom:.625rem
    }
    .about {
        padding-top:2.5rem
    }
    .advice {
        padding-top:2.5rem
    }
    .texts {
        padding-top:2.5rem
    }
    .texts {
        margin-bottom:2.5rem
    }
    .stream-news__video:not(:last-child) {
        margin-bottom:1.25rem
    }
    .stream-news__item:not(:last-child) {
        margin-bottom:1.25rem
    }
    .stream-news__several:not(:last-child) {
        margin-bottom:1.875rem
    }
    .stream-news__form:not(:last-child) {
        margin-bottom:1.875rem
    }
    .video-stream__button {
        width:2.5rem
    }
    .video-stream__button {
        height:2.5rem
    }
    .video-stream__button {
        font-size:.9375rem
    }
    .video-stream__button {
        padding-left:.0000000625rem
    }
    .video-stream__tools {
        bottom:.3125rem
    }
    .tools-video-stream__slider:not(:last-child) {
        margin-bottom:.75rem
    }
    .tools-video-stream__button {
        font-size:.9375rem
    }
    .item-stream {
        gap:.625rem
    }
}
@media (max-width:61.99875em) {
    .artciles__item {
        gap:.9375rem
    }
    .header__logo {
        font-size:1.875rem
    }
    .menu__link {
        padding:0 1.5625rem
    }
    .footer__container {
        -ms-grid-columns:7.5rem 1fr;
        grid-template-columns:7.5rem 1fr
    }
    .footer__logo {
        text-align:center;
        font-size:1.875rem
    }
    .footer__list {
        -webkit-box-pack:end;
        -ms-flex-pack:end;
        justify-content:flex-end
    }
    .footer__link {
        font-size:.875rem
    }
    .main__content {
        -ms-grid-columns:1fr 15.625rem;
        grid-template-columns:1fr 15.625rem
    }
    .news__content {
        -ms-grid-columns:1fr;
        grid-template-columns:1fr
    }
    .video-stream__tools {
        padding:0 .625rem
    }
    .form-stream__inputs {
        gap:.625rem
    }
    #slider-player .noUi-handle {
        top:-.3125rem;
        width:.9375rem;
        height:.9375rem
    }
    .page {
        padding-top:9.6875rem
    }
}
@media (max-width:58.12375em) {
    .artciles__actions {
        gap:.9375rem
    }
    .artciles__actions:not(:last-child) {
        margin-bottom:.4375rem
    }
    .artciles__li {
        font-size:.875rem
    }
    .artciles__li::before {
        font-size:.75rem
    }
    .artciles__text {
        font-size:.8125rem
    }
}
@media (max-width:47.99875em) {
    ._bg-body {
        padding:1.25rem .625rem
    }
    ._title-big {
        gap:.5rem
    }
    ._title-big::before {
        width:.5rem;
        display:block;
        height:3.75rem;
        margin-right:.0625rem;
        background-color:#4DA3FF
    }
    .artciles__image img {
        width:6.25rem;
        height:6.25rem
    }
    .artciles__text {
        font-size:.75rem
    }
    .header {
        top:0;
        padding:1.5rem 0
    }
    .header__navigation {
        gap:1.5625rem;
        -webkit-box-orient:horizontal;
        -webkit-box-direction:reverse;
        -ms-flex-direction:row-reverse;
        flex-direction:row-reverse
    }
    .menu__body {
        z-index:5;
        width:100%;
        top:0;
        left:100%;
        height:100%;
        overflow:auto;
        position:fixed;
        -webkit-transition:left .5s ease 0s;
        transition:left .5s ease 0s;
        background-color:#000
    }
    .menu__body::before {
        z-index:5;
        left:100%;
        content:"";
        width:100%;
        top:0;
        position:fixed;
        height:5.5625rem;
        -webkit-transition:left .5s ease 0s;
        transition:left .5s ease 0s;
        background-color:#1d1c1c
    }
    .menu-open .menu__body {
        left:0
    }
    .menu-open .menu__body::before {
        left:0
    }
    .menu__list {
        gap:.625rem;
        padding:.9375rem;
        -ms-flex-wrap:nowrap;
        flex-wrap:nowrap;
        -webkit-box-align:start;
        -ms-flex-align:start;
        align-items:start;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center
    }
    .menu__item {
        width:100%
    }
    .menu__link {
        width:100%;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        padding:.9375rem;
        border-radius:.3125rem;
        border:.0625rem solid rgba(255,255,255,.1)
    }
    .icon-menu {
        z-index:7;
        display:block;
        width:1.5rem;
        height:1.25rem;
        position:relative
    }
    .icon-menu span,.icon-menu::after,.icon-menu::before {
        right:0;
        content:"";
        width:100%;
        height:.125rem;
        position:absolute;
        border-radius:.625rem;
        -webkit-transition:all .3s ease 0s;
        transition:all .3s ease 0s;
        background-color:#4DA3FF
    }
    .icon-menu::before {
        top:0
    }
    .icon-menu::after {
        bottom:0
    }
    .icon-menu span {
        top:calc(50% - .0625rem)
    }
    .menu-open .icon-menu span {
        width:0
    }
    .menu-open .icon-menu::before {
        top:calc(50% - .0625rem);
        -webkit-transform:rotate(-45deg);
        -ms-transform:rotate(-45deg);
        transform:rotate(-45deg)
    }
    .menu-open .icon-menu::after {
        bottom:calc(50% - .0625rem);
        -webkit-transform:rotate(45deg);
        -ms-transform:rotate(45deg);
        transform:rotate(45deg)
    }
    .footer__container {
        gap:1.25rem;
        -ms-grid-columns:1fr;
        grid-template-columns:1fr
    }
    .footer__logo {
        font-size:2.5rem
    }
    .footer__list {
        gap:.625rem;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column
    }
    .footer__link {
        font-size:1rem
    }
    .main__content {
        -ms-grid-columns:1fr;
        grid-template-columns:1fr
    }
    .advice__item--disable {
        display:none
    }
    .item-stream__image span {
        gap:.3125rem;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center;
        margin:.375rem 0
    }
    .item-stream__image span img {
        width:.75rem
    }
    .item-stream__actions {
        display:none
    }
    .several-stream__title {
        text-align:center
    }
    .form-stream__title {
        text-align:center
    }
    .form-stream__inputs {
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column
    }
    .form-stream__inputs:not(:last-child) {
        margin-bottom:.625rem
    }
    .form-stream__textarea textarea {
        height:6.25rem
    }
    .lists-stream__title {
        text-align:center
    }
    .page {
        padding-top:7.5rem
    }
    .page__blure--01 {
        top:41.25rem;
        left:-10rem;
        width:21.25rem;
        height:19.375rem
    }
    .page__blure--02 {
        top:9.375rem;
        width:20rem;
        right:-9.375rem;
        height:18.125rem
    }
    .page__blure--03 {
        left:-3.75rem;
        top:93.75rem;
        width:17.8125rem;
        height:11.875rem
    }
    .page__blure--04 {
        top:85.625rem;
        right:1.6875rem;
        width:8.4375rem;
        height:7.5rem
    }
    .page__blure--05 {
        left:-14.6875rem;
        right:0;
        top:124.375rem;
        width:25.625rem;
        height:24.375rem
    }
    .page__blure--06 {
        right:-1.875rem;
        width:18.4375rem;
        height:18.4375rem;
        bottom:43.75rem
    }
    .page__blure--07 {
        left:0;
        right:0;
        bottom:75rem;
        margin:0 auto
    }
    .page__blure--08 {
        display:none
    }
    .page__blure--09 {
        display:none
    }
}
@media (max-width:47.99875em) and (max-width:33.4375em) {
    .menu__body::before {
        height:4.75rem
    }
}
@media (max-width:47.99875em) and (any-hover:none) {
    .icon-menu {
        cursor:default
    }
}
@media (max-width:880) and (max-width:33.4375em) {
    .menu__body::before {
        height: 4.75rem;
    }
}
@media (max-width:36.24875em) {
    .artciles__item {
        -webkit-box-align:start;
        -ms-flex-align:start;
        align-items:start
    }
    .artciles__image {
        padding-top:.625rem
    }
    .artciles__image img {
        width:5.1875rem;
        height:5.1875rem
    }
    .artciles__li {
        font-size:.75rem
    }
    .artciles__li::before {
        font-size:.6875rem
    }
    .artciles__text {
        overflow:hidden;
        white-space:nowrap;
        max-width:15.625rem;
        text-overflow:ellipsis
    }
}
@media (max-width:36.25em) {
    .item-stream__img {
        width:6.25rem;
        height:6.25rem
    }
}
@media (max-width:33.4375em) {
    .header__logo {
        font-size:1.25rem
    }
    .page {
        padding-top:6.25rem
    }
}
@media (max-width:33.4375rem) {
    .header__label input {
        height:1.75rem;
        width:9.6875rem;
        font-size:.75rem;
        padding-left:1.875rem
    }
    .header__search {
        font-size:.625rem;
        padding:0 .5rem
    }
}
@media (max-width:29.99875em) {
    .artciles__actions {
        gap:.625rem
    }
    .advice__title p {
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column
    }
    .advice__items {
        gap:.625rem;
        -ms-grid-columns:(1fr)[2];
        grid-template-columns:repeat(2,1fr)
    }
    .news__title {
        font-size:1.25rem
    }
    .showmore-artciles__content {
        font-size:.64375rem
    }
    .several-stream__items {
        -ms-grid-columns:(1fr)[2];
        grid-template-columns:repeat(2,1fr)
    }
    .item-several-stream__button {
        width:1.6875rem;
        height:1.6875rem;
        font-size:.625rem;
        padding-left:.0625rem
    }
    .item-several-stream__text {
        font-size:.6875rem;
        white-space: nowrap;
        overflow: hidden;
    }
    .form-stream__button {
        width:100%
    }
}
@media (max-width:26.25em) {
    .artciles__text {
        max-width:11.875rem;
        font-size:.6875rem
    }
}
@media (max-width:22.5em) {
    .artciles__image img {
        width:4.6875rem;
        height:4.6875rem
    }
}
@media (max-width:21.25em) {
    .artciles__text {
        max-width:10.625rem
    }
}
@media (min-width:20em) and (max-width:75.625em) {
    @supports (font-size:clamp(1.25rem ,0.9129213483rem + 1.6853932584vw ,2.1875rem)) {
        ._title-big {
            font-size:clamp(1.25rem ,.9129213483rem + 1.6853932584vw ,2.1875rem)
        }
    }
    @supports not (font-size:clamp(1.25rem ,0.9129213483rem + 1.6853932584vw ,2.1875rem)) {
        ._title-big {
            font-size:calc(1.25rem + .9375 * (100vw - 20rem)/ 55.625)
        }
    }
    @supports (margin-bottom:clamp(1.25rem ,0.8005617978rem + 2.2471910112vw ,2.5rem)) {
        ._title-big:not(:last-child) {
            margin-bottom:clamp(1.25rem ,.8005617978rem + 2.2471910112vw ,2.5rem)
        }
    }
    @supports not (margin-bottom:clamp(1.25rem ,0.8005617978rem + 2.2471910112vw ,2.5rem)) {
        ._title-big:not(:last-child) {
            margin-bottom:calc(1.25rem + 1.25 * (100vw - 20rem)/ 55.625)
        }
    }
    @supports (font-size:clamp(1.25rem ,0.9803370787rem + 1.3483146067vw ,2rem)) {
        ._title-white {
            font-size:clamp(1.25rem ,.9803370787rem + 1.3483146067vw ,2rem)
        }
    }
    @supports not (font-size:clamp(1.25rem ,0.9803370787rem + 1.3483146067vw ,2rem)) {
        ._title-white {
            font-size:calc(1.25rem + .75 * (100vw - 20rem)/ 55.625)
        }
    }
    @supports (font-size:clamp(1.25rem ,1.1601123596rem + 0.4494382022vw ,1.5rem)) {
        ._title-green {
            font-size:clamp(1.25rem ,1.1601123596rem + .4494382022vw ,1.5rem)
        }
    }
    @supports not (font-size:clamp(1.25rem ,1.1601123596rem + 0.4494382022vw ,1.5rem)) {
        ._title-green {
            font-size:calc(1.25rem + .25 * (100vw - 20rem)/ 55.625)
        }
    }
    @supports (margin-bottom:clamp(0.625rem ,0.4002808989rem + 1.1235955056vw ,1.25rem)) {
        .artciles__item:not(:last-child) {
            margin-bottom:clamp(.625rem ,.4002808989rem + 1.1235955056vw ,1.25rem)
        }
    }
    @supports not (margin-bottom:clamp(0.625rem ,0.4002808989rem + 1.1235955056vw ,1.25rem)) {
        .artciles__item:not(:last-child) {
            margin-bottom:calc(.625rem + .625 * (100vw - 20rem)/ 55.625)
        }
    }
    @supports (padding-top:clamp(2.5rem ,0.5224719101rem + 9.8876404494vw ,8rem)) {
        .about {
            padding-top:clamp(2.5rem ,.5224719101rem + 9.8876404494vw ,8rem)
        }
    }
    @supports not (padding-top:clamp(2.5rem ,0.5224719101rem + 9.8876404494vw ,8rem)) {
        .about {
            padding-top:calc(2.5rem + 5.5 * (100vw - 20rem)/ 55.625)
        }
    }
    @supports (padding-top:clamp(2.5rem ,0.702247191rem + 8.9887640449vw ,7.5rem)) {
        .advice {
            padding-top:clamp(2.5rem ,.702247191rem + 8.9887640449vw ,7.5rem)
        }
    }
    @supports not (padding-top:clamp(2.5rem ,0.702247191rem + 8.9887640449vw ,7.5rem)) {
        .advice {
            padding-top:calc(2.5rem + 5 * (100vw - 20rem)/ 55.625)
        }
    }
    @supports (padding-top:clamp(2.5rem ,0.702247191rem + 8.9887640449vw ,7.5rem)) {
        .texts {
            padding-top:clamp(2.5rem ,.702247191rem + 8.9887640449vw ,7.5rem)
        }
    }
    @supports not (padding-top:clamp(2.5rem ,0.702247191rem + 8.9887640449vw ,7.5rem)) {
        .texts {
            padding-top:calc(2.5rem + 5 * (100vw - 20rem)/ 55.625)
        }
    }
    @supports (margin-bottom:clamp(2.5rem ,0.702247191rem + 8.9887640449vw ,7.5rem)) {
        .texts {
            margin-bottom:clamp(2.5rem ,.702247191rem + 8.9887640449vw ,7.5rem)
        }
    }
    @supports not (margin-bottom:clamp(2.5rem ,0.702247191rem + 8.9887640449vw ,7.5rem)) {
        .texts {
            margin-bottom:calc(2.5rem + 5 * (100vw - 20rem)/ 55.625)
        }
    }
    @supports (margin-bottom:clamp(1.25rem ,0.8005617978rem + 2.2471910112vw ,2.5rem)) {
        .stream-news__video:not(:last-child) {
            margin-bottom:clamp(1.25rem ,.8005617978rem + 2.2471910112vw ,2.5rem)
        }
    }
    @supports not (margin-bottom:clamp(1.25rem ,0.8005617978rem + 2.2471910112vw ,2.5rem)) {
        .stream-news__video:not(:last-child) {
            margin-bottom:calc(1.25rem + 1.25 * (100vw - 20rem)/ 55.625)
        }
    }
    @supports (margin-bottom:clamp(1.25rem ,0.8005617978rem + 2.2471910112vw ,2.5rem)) {
        .stream-news__item:not(:last-child) {
            margin-bottom:clamp(1.25rem ,.8005617978rem + 2.2471910112vw ,2.5rem)
        }
    }
    @supports not (margin-bottom:clamp(1.25rem ,0.8005617978rem + 2.2471910112vw ,2.5rem)) {
        .stream-news__item:not(:last-child) {
            margin-bottom:calc(1.25rem + 1.25 * (100vw - 20rem)/ 55.625)
        }
    }
    @supports (margin-bottom:clamp(1.875rem ,1.2008426966rem + 3.3707865169vw ,3.75rem)) {
        .stream-news__several:not(:last-child) {
            margin-bottom:clamp(1.875rem ,1.2008426966rem + 3.3707865169vw ,3.75rem)
        }
    }
    @supports not (margin-bottom:clamp(1.875rem ,1.2008426966rem + 3.3707865169vw ,3.75rem)) {
        .stream-news__several:not(:last-child) {
            margin-bottom:calc(1.875rem + 1.875 * (100vw - 20rem)/ 55.625)
        }
    }
    @supports (margin-bottom:clamp(1.875rem ,1.2008426966rem + 3.3707865169vw ,3.75rem)) {
        .stream-news__form:not(:last-child) {
            margin-bottom:clamp(1.875rem ,1.2008426966rem + 3.3707865169vw ,3.75rem)
        }
    }
    @supports not (margin-bottom:clamp(1.875rem ,1.2008426966rem + 3.3707865169vw ,3.75rem)) {
        .stream-news__form:not(:last-child) {
            margin-bottom:calc(1.875rem + 1.875 * (100vw - 20rem)/ 55.625)
        }
    }
    @supports (width:clamp(2.5rem ,0.0280898876rem + 12.3595505618vw ,9.375rem)) {
        .video-stream__button {
            width:clamp(2.5rem ,.0280898876rem + 12.3595505618vw ,9.375rem)
        }
    }
    @supports not (width:clamp(2.5rem ,0.0280898876rem + 12.3595505618vw ,9.375rem)) {
        .video-stream__button {
            width:calc(2.5rem + 6.875 * (100vw - 20rem)/ 55.625)
        }
    }
    @supports (height:clamp(2.5rem ,0.0280898876rem + 12.3595505618vw ,9.375rem)) {
        .video-stream__button {
            height:clamp(2.5rem ,.0280898876rem + 12.3595505618vw ,9.375rem)
        }
    }
    @supports not (height:clamp(2.5rem ,0.0280898876rem + 12.3595505618vw ,9.375rem)) {
        .video-stream__button {
            height:calc(2.5rem + 6.875 * (100vw - 20rem)/ 55.625)
        }
    }
    @supports (font-size:clamp(0.9375rem ,-0.0737359551rem + 5.0561797753vw ,3.75rem)) {
        .video-stream__button {
            font-size:clamp(.9375rem ,-.0737359551rem + 5.0561797753vw ,3.75rem)
        }
    }
    @supports not (font-size:clamp(0.9375rem ,-0.0737359551rem + 5.0561797753vw ,3.75rem)) {
        .video-stream__button {
            font-size:calc(.9375rem + 2.8125 * (100vw - 20rem)/ 55.625)
        }
    }
    @supports (padding-left:clamp(0.0000000625rem ,-0.3370785667rem + 1.6853931461vw ,0.9375rem)) {
        .video-stream__button {
            padding-left:clamp(.0000000625rem ,-.3370785667rem + 1.6853931461vw ,.9375rem)
        }
    }
    @supports not (padding-left:clamp(0.0000000625rem ,-0.3370785667rem + 1.6853931461vw ,0.9375rem)) {
        .video-stream__button {
            padding-left:calc(.0000000625rem + .9374999375 * (100vw - 20rem)/ 55.625)
        }
    }
    @supports (bottom:clamp(0.3125rem ,0.0203651685rem + 1.4606741573vw ,1.125rem)) {
        .video-stream__tools {
            bottom:clamp(.3125rem ,.0203651685rem + 1.4606741573vw ,1.125rem)
        }
    }
    @supports not (bottom:clamp(0.3125rem ,0.0203651685rem + 1.4606741573vw ,1.125rem)) {
        .video-stream__tools {
            bottom:calc(.3125rem + .8125 * (100vw - 20rem)/ 55.625)
        }
    }
    @supports (margin-bottom:clamp(0.75rem ,0.6376404494rem + 0.5617977528vw ,1.0625rem)) {
        .tools-video-stream__slider:not(:last-child) {
            margin-bottom:clamp(.75rem ,.6376404494rem + .5617977528vw ,1.0625rem)
        }
    }
    @supports not (margin-bottom:clamp(0.75rem ,0.6376404494rem + 0.5617977528vw ,1.0625rem)) {
        .tools-video-stream__slider:not(:last-child) {
            margin-bottom:calc(.75rem + .3125 * (100vw - 20rem)/ 55.625)
        }
    }
    @supports (font-size:clamp(0.9375rem ,0.6903089888rem + 1.2359550562vw ,1.625rem)) {
        .tools-video-stream__button {
            font-size:clamp(.9375rem ,.6903089888rem + 1.2359550562vw ,1.625rem)
        }
    }
    @supports not (font-size:clamp(0.9375rem ,0.6903089888rem + 1.2359550562vw ,1.625rem)) {
        .tools-video-stream__button {
            font-size:calc(.9375rem + .6875 * (100vw - 20rem)/ 55.625)
        }
    }
    @supports (gap:clamp(0.625rem ,0.1755617978rem + 2.2471910112vw ,1.875rem)) {
        .item-stream {
            gap:clamp(.625rem ,.1755617978rem + 2.2471910112vw ,1.875rem)
        }
    }
    @supports not (gap:clamp(0.625rem ,0.1755617978rem + 2.2471910112vw ,1.875rem)) {
        .item-stream {
            gap:calc(.625rem + 1.25 * (100vw - 20rem)/ 55.625)
        }
    }
}
@media (min-width:47.99875em) and (max-width:75.625em) {
    @supports (gap:clamp(1.25rem ,-7.4371634768rem + 18.0987285643vw ,6.25rem)) {
        .header__navigation {
            gap:clamp(1.25rem ,-7.4371634768rem + 18.0987285643vw ,6.25rem)
        }
    }
    @supports not (gap:clamp(1.25rem ,-7.4371634768rem + 18.0987285643vw ,6.25rem)) {
        .header__navigation {
            gap:calc(1.25rem + 5 * (100vw - 47.99875rem)/ 27.62625)
        }
    }
}
@media (any-hover:hover) {
    .artciles__item:hover {
        background-color:rgba(255,255,255,.03)
    }
    .lists__link:hover {
        opacity:.7
    }
    .header__logo:hover {
        color:#fff
    }
    .header__search:hover {
        color:#fff;
        background-color:#4DA3FF
    }
    .menu__link:hover {
        background-color:#1a1919
    }
    .menu__link:hover::before {
        width:100%
    }
    .footer__logo:hover {
        color:#fff
    }
    .footer__link:hover {
        opacity:.7
    }
    .navigation-main__link:hover {
        opacity:.75
    }
    .advice__item:hover img {
        -webkit-transform:scale(1.1);
        -ms-transform:scale(1.1);
        transform:scale(1.1)
    }
    .video-stream__button:hover {
        color:#fff;
        background-color:#4DA3FF
    }
    .tools-video-stream__button:hover {
        color:#4DA3FF
    }
    .showmore-artciles__more:hover {
        color:#fff;
        border-bottom:.0625rem dotted #fff
    }
    .item-several-stream__button:hover {
        color:#fff;
        background-color:#4DA3FF
    }
    .form-stream__button:hover {
        background-color:#383535
    }
}
.dop_Yes {
    color:yellow;
}
.dop_No, .dop2_No {
    color:red;
}
.dop2_Yes {
    color:blue;
}
.bottom-nav {
    clear: both;
    opacity:0;
}

.main__content {
    display: block !important;
}

/* =======================
   ТОП СТАНЦИИ
======================= */

.stations-row {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    gap: 18px;
}

/* карточка */
.station-logo-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

/* контейнер логотипа */
.station-logo-card__img {
    width: 100%;
    height: 130px; /* главный размер */
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 8px;
}

/* логотип */
.station-logo-card__img img {
    max-width: 100%;
    max-height: 130px;
    width: auto;
    height: auto;
    object-fit: contain;
    border-radius: 6px;
}

/* название */
/* фикс для ellipsis внутри grid */
.station-logo-card {
    min-width: 0;
}

.station-title {
    display: block;
    width: 100%;
    max-width: 100%;

    font-size: 13px;
    color: #ccc;
    text-align: center;

    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* =======================
   АДАПТИВ
======================= */

/* ноут */
@media (max-width: 1200px) {
    .stations-row {
        grid-template-columns: repeat(6, 1fr);
    }

    .station-logo-card__img {
        height: 120px;
    }

    .station-logo-card__img img {
        max-height: 120px;
    }
}

/* планшет */
@media (max-width: 992px) {
    .stations-row {
        grid-template-columns: repeat(4, 1fr);
        gap: 16px;
    }

    .station-logo-card__img {
        height: 110px;
    }

    .station-logo-card__img img {
        max-height: 110px;
    }
}

/* моб */
@media (max-width: 600px) {
    .stations-row {
        grid-template-columns: repeat(3, 1fr);
        gap: 14px;
    }

    .station-logo-card__img {
        height: 95px;
    }

    .station-logo-card__img img {
        max-height: 95px;
    }

    .station-title {
        font-size: 12px;
    }
}

/* маленький моб */
@media (max-width: 400px) {
    .stations-row {
        grid-template-columns: repeat(2, 1fr);
    }

    .station-logo-card__img {
        height: 85px;
    }

    .station-logo-card__img img {
        max-height: 85px;
    }
}


.main__title._title-big {
    font-size: 18px;
    gap: 8px;
    margin-bottom: 14px !important;
}

.main__title._title-big::before {
    width: 5px;
    height: 20px;
    margin-right: 6px;
}

.main__title._title-big {
    font-size: 18px;
    gap: 8px;
    margin-bottom: 14px !important;
}

.main__title._title-big::before {
    width: 5px;
    height: 20px;
    margin-right: 6px;
}


/* ===== stations grid ===== */

.stations-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px 18px;
    margin: 0;
    padding: 0;
}

.station-tile {
    display: grid;
    grid-template-columns: 72px minmax(0, 1fr);
    align-items: center;
    gap: 12px;
    min-width: 0;
    padding: 0;
    background: transparent;
}

.station-tile__logo {
    width: 72px;
    height: 72px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 8px; /* немного */
    background: transparent;
}

.station-tile__logo img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
    border-radius: 6px; /* немного */
}

.station-tile__meta {
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 4px;
}

.station-tile__title {
    display: block;
    min-width: 0;
    font-size: 15px;
    line-height: 1.2;
    font-weight: 600;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.station-tile__sub {
    display: block;
    min-width: 0;
    font-size: 13px;
    line-height: 1.2;
    color: #a9a9a9;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* планшет */
@media (max-width: 991px) {
    .stations-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 12px 16px;
    }
}

/* моб */
@media (max-width: 767px) {
    .stations-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px 14px;
    }

    .station-tile {
        grid-template-columns: 64px minmax(0, 1fr);
        gap: 10px;
    }

    .station-tile__logo {
        width: 64px;
        height: 64px;
    }

    .station-tile__title {
        font-size: 14px;
    }

    .station-tile__sub {
        font-size: 12px;
    }
}

/* маленький моб */
@media (max-width: 480px) {
    .stations-grid {
        grid-template-columns: 1fr;
    }
}
.station-rating {
  text-align: center;
  line-height: 1.2;
}

.station-rating__value {
  display: block;
  margin-bottom: 4px;
}

.station-rating__score,
.station-rating__count {
  display: inline;
  white-space: nowrap;
  margin: 0;
  line-height: 1;
}

.station-rating__count::before {
  content: " ";
}

 /*****************************************************/
 /* =========================
   VIEW SWITCH
   ========================= */
#stationsViewBar.stations-view-bar {
  display: flex !important;
  gap: 10px !important;
  margin: 0 0 18px !important;
}

#stationsViewBar .stations-view-btn {
  appearance: none !important;
  border: 0 !important;
  outline: none !important;
  height: 38px !important;
  line-height: 38px !important;
  padding: 0 16px !important;
  border-radius: 12px !important;
  background: #1b1b1b !important;
  color: #ffffff !important;
  cursor: pointer !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  transition: background .2s ease, color .2s ease !important;
}

#stationsViewBar .stations-view-btn:hover {
  background: #2a2a2a !important;
}

#stationsViewBar .stations-view-btn.is-active {
  background: #3f6fff !important;
  color: #ffffff !important;
}

/* =========================
   COMMON
   ========================= */
#stationsBox.stations-box {
  width: 100% !important;
  min-width: 0 !important;
}

#stationsBox .artciles__item {
  min-width: 0 !important;
  box-sizing: border-box !important;
}

#stationsBox .artciles__image,
#stationsBox .artciles__content,
#stationsBox .artciles__title,
#stationsBox .artciles__actions,
#stationsBox .artciles__li,
#stationsBox .artciles__text {
  box-sizing: border-box !important;
}

#stationsBox .artciles__image {
  position: relative !important;
}

#stationsBox .artciles__image a,
#stationsBox .artciles__image picture,
#stationsBox .artciles__image img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
}

#stationsBox .artciles__image img {
  object-fit: cover !important;
}

#stationsBox .artciles__content {
  text-decoration: none !important;
  color: inherit !important;
  min-width: 0 !important;
}

#stationsBox .artciles__title {
  word-break: break-word !important;
}

/* =========================
   HOVER: DARKEN + PLAY
   ========================= */
#stationsBox .artciles__image a {
  position: relative !important;
}

#stationsBox .artciles__image a::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: rgba(0, 0, 0, 0) !important;
  transition: background .2s ease !important;
  pointer-events: none !important;
}

#stationsBox .artciles__image:hover a::after {
  background: rgba(0, 0, 0, 0.35) !important;
}

#stationsBox .bp-hover-play {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  width: 46px !important;
  height: 46px !important;
  transform: translate(-50%, -50%) scale(0.8) !important;
  background: rgba(0, 0, 0, 0.72) !important;
  border-radius: 50% !important;
  opacity: 0 !important;
  transition: opacity .2s ease, transform .2s ease !important;
  pointer-events: none !important;
  z-index: 3 !important;
}

#stationsBox .bp-hover-play::before {
  content: "" !important;
  position: absolute !important;
  left: 17px !important;
  top: 13px !important;
  border-style: solid !important;
  border-width: 10px 0 10px 16px !important;
  border-color: transparent transparent transparent #ffffff !important;
}

#stationsBox .artciles__image:hover .bp-hover-play {
  opacity: 1 !important;
  transform: translate(-50%, -50%) scale(1) !important;
}

/* =========================
   GRID = ПЛИТКА
   ========================= */
#stationsBox.stations-box--grid {
  display: grid !important;
  grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
  gap: 14px !important;
  align-items: start !important;
}

#stationsBox.stations-box--grid .artciles__item {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
}

#stationsBox.stations-box--grid .artciles__image {
  width: 100% !important;
  aspect-ratio: 1 / 1 !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  background: #f1f1f1 !important;
  border-radius: 8px !important;
  overflow: hidden !important;
}

#stationsBox.stations-box--grid .artciles__content {
  display: block !important;
  padding: 8px 0 0 !important;
  text-align: center !important;
}

#stationsBox.stations-box--grid .artciles__title {
  margin: 0 !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
  font-weight: 500 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-align: center !important;
}

#stationsBox.stations-box--grid .artciles__actions,
#stationsBox.stations-box--grid .artciles__text {
  display: none !important;
}

/* =========================
   LIST = СПИСОК
   ========================= */
#stationsBox.stations-box--list {
  display: block !important;
}

#stationsBox.stations-box--list .artciles__item {
  display: flex !important;
  align-items: flex-start !important;
  gap: 18px !important;
  width: 100% !important;
  margin: 0 0 22px !important;
}

#stationsBox.stations-box--list .artciles__image {
  width: 120px !important;
  min-width: 120px !important;
  max-width: 120px !important;
  height: 120px !important;
  min-height: 120px !important;
  max-height: 120px !important;
  background: #f1f1f1 !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  flex: 0 0 120px !important;
}

#stationsBox.stations-box--list .artciles__content {
  display: block !important;
  flex: 1 1 auto !important;
  width: auto !important;
  padding: 0 !important;
  text-align: left !important;
}

#stationsBox.stations-box--list .artciles__title {
  margin: 0 0 10px !important;
  font-size: 17px !important;
  line-height: 1.3 !important;
  font-weight: 700 !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  text-align: left !important;
}

#stationsBox.stations-box--list .artciles__actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px 16px !important;
  align-items: center !important;
  margin: 0 0 12px !important;
  color: #d7dbe2;		
}

#stationsBox.stations-box--list .artciles__li {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
}

#stationsBox.stations-box--list .artciles__li img {
  display: inline-block !important;
  width: 16px !important;
  height: 16px !important;
  object-fit: contain !important;
}

#stationsBox.stations-box--list .artciles__text {
  display: block !important;
  margin: 0 !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
}

#stationsBox.stations-box--list .bp-hover-play {
  display: none !important;
}

/* =========================
   MOBILE
   ========================= */
@media (max-width: 992px) {
  #stationsBox.stations-box--list .artciles__item {
    gap: 14px !important;
  }

  #stationsBox.stations-box--list .artciles__image {
    width: 100px !important;
    min-width: 100px !important;
    max-width: 100px !important;
    height: 100px !important;
    min-height: 100px !important;
    max-height: 100px !important;
    flex: 0 0 100px !important;
  }

  #stationsBox.stations-box--list .artciles__title {
    font-size: 16px !important;
  }
}

@media (max-width: 768px) {
  #stationsBox.stations-box--grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  #stationsBox.stations-box--list .artciles__item {
    gap: 12px !important;
    margin-bottom: 18px !important;
  }

  #stationsBox.stations-box--list .artciles__image {
    width: 88px !important;
    min-width: 88px !important;
    max-width: 88px !important;
    height: 88px !important;
    min-height: 88px !important;
    max-height: 88px !important;
    flex: 0 0 88px !important;
  }

  #stationsBox.stations-box--list .artciles__title {
    font-size: 15px !important;
    margin-bottom: 8px !important;
  }

  #stationsBox.stations-box--list .artciles__text {
    font-size: 13px !important;
  }
}

@media (max-width: 560px) {
  #stationsBox.stations-box--grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  #stationsViewBar .stations-view-btn {
    flex: 1 1 auto !important;
    padding: 0 10px !important;
  }
}

#stationsBox.stations-box--grid .artciles__content {
  text-align: center !important;
}

#stationsBox.stations-box--grid .artciles__title {
  text-align: center !important;
  display: block !important;
  width: 100% !important;
}



/* ===== PAGER ===== */
.pager {
  margin: 30px 0;
  display: flex;
  justify-content: center;
}

.pager-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px 16px;
  background: none;
  padding: 0;
  border-radius: 0;
}

/* стрелки */
.pager-btn {
  display: inline-block;
  min-width: 0;
  height: auto;
  padding: 0;
  border-radius: 0;
  background: none;
  color: #fff;
  font-size: 15px;
  line-height: 1;
  font-weight: 600;
  text-decoration: none;
  transition: opacity .18s ease, color .18s ease;
  opacity: .88;
}

.pager-btn:hover {
  background: none;
  color: #fff;
  opacity: 1;
}

/* страницы */
.pager-pages {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 10px 16px;
}

/* каждая страница */
.pager-pages a,
.pager-pages span {
  display: inline-block;
  min-width: 0;
  height: auto;
  padding: 0;
  border-radius: 0;
  font-size: 15px;
  line-height: 1;
  font-weight: 600;
  text-decoration: none;
  background: none;
  color: #fff;
  transition: opacity .18s ease, color .18s ease;
  opacity: .88;
}

/* hover */
.pager-pages a:hover {
  background: none;
  color: #fff;
  opacity: 1;
}

/* текущая страница */
.pager-pages span {
  background: none;
  color: #fff;
  font-weight: 600;
  opacity: 1;
}

/* троеточие */
.pager-pages span[title],
.pager-pages .nav_ext {
  background: none;
  color: #666;
  opacity: 1;
}
/* активная страница */
.pager-pages span {
  color: #3f6fff; /* можешь заменить на свой цвет */
  opacity: 1;
  /*font-weight: 700;*/
}
/* мобильная адаптация */
@media (max-width: 600px) {
  .pager-inner {
    gap: 8px 12px;
    padding: 0;
  }

  .pager-pages {
    gap: 8px 12px;
  }

  .pager-pages a,
  .pager-pages span,
  .pager-btn {
    min-width: 0;
    height: auto;
    font-size: 14px;
  }
}

.viewbtn {
  width: 42px;
  height: 42px;
  border: 0;
  background: transparent !important;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: .2s;
}

.viewbtn:hover {
  color: #fff;
}

.viewbtn.active {
  background: transparent !important;
  box-shadow: none !important;
  color: #fff;
}
/***************************/
.station-page2 {
  color: #fff;
  padding: 24px 0 40px;
}
.station2-desc {
  display: block;
  width: 100%;
  max-width: 100%;
  margin: 12px 0 0;
  box-sizing: border-box;
}
.station2-hero {
  /*border-top: 1px solid rgba(255,255,255,.06);
  padding-top: 28px;*/
}

.station2-topline {
  margin-bottom: 20px;
}

.station2-breadcrumbs {
  color: #8a8f98;
  font-size: 13px;
  line-height: 1.4;
}

.station2-breadcrumbs a {
  color: #8a8f98;
  text-decoration: none;
}

.station2-breadcrumbs a:hover {
  color: #fff;
}

.station2-grid {
  display: grid;
  grid-template-columns: 220px minmax(0, 1fr) 180px;
  gap: 24px;
  align-items: start;
}

.station2-logo {
  width: 220px;
  height: 220px;
  border-radius: 6px;
  overflow: hidden;
  background: #111827;
  display: flex;
  align-items: center;
  justify-content: center;
}

.station2-logo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.station2-title {
  margin: 0 0 10px;
  font-size: 24px;
  line-height: 1.2;
  font-weight: 700;
}

.station2-country {
  color: #9aa0aa;
  font-size: 14px;
  margin-bottom: 14px;
}

.station2-player {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 18px;
}

.station2-playbtn {
  width: 56px;
  height: 56px;
  border: 0;
  border-radius: 50%;
  background: #2ea8ff;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.station2-playbtn svg {
  width: 24px;
  height: 24px;
  margin-left: 2px;
}

.station2-player-meta {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.station2-player-label {
  color: #7e8590;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .08em;
}

.station2-player-track {
  color: #fff;
  font-size: 14px;
  line-height: 1;

  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.station2-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 18px;
}

.station2-tags a,
.station2-tags span,
.station2-tags .tag {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 34px;
  padding: 0 14px;
  border-radius: 8px;
	
 /* background: #1b1f27;*/
  color: #fff;
  font-size: 14px;
  text-decoration: none;
}
.station2-tags a{border: 1px solid rgba(255, 255, 255, .10);}
/*.station2-tags a::before,
.station2-tags span::before,
.station2-tags .tag::before {
  content: "+";
  width: 14px;
  height: 14px;
  border-radius: 4px;
  background: #7c5cff;
  color: #fff;
  font-size: 11px;
  line-height: 14px;
  text-align: center;
}*/

.station2-desc {
  position: relative;

  color: #d2d6dd;
  font-size: 15px;
  line-height: 1.8;
  margin-bottom: 18px;

  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;

  overflow: hidden;
  padding-right: 60px; /* место под More */
}

.station2-more {
  position: absolute;
  right: 0;
  bottom: 0;

  color: #8ab4ff;
  text-decoration: none;
  font-size: 14px;
  line-height: 1;
}

.station2-more:hover {
  text-decoration: underline;
}

.station2-more {
  color: #fff;
  font-weight: 600;
  margin-left: 6px;
  text-decoration: none;
}

.station2-links {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
}

.station2-sitebtn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 38px;
  padding: 0 16px;
  border-radius: 14px;
  background: #161b22;
  border: 1px solid rgba(255,255,255,.08);
  color: #fff;
  font-weight: 600;
  text-decoration: none;
}

.station2-socials {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.station2-social {
  width: 34px;
  height: 34px;
  border-radius: 12px;
  background: #161b22;
  border: 1px solid rgba(255,255,255,.08);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  text-decoration: none;
  font-size: 15px;
  font-weight: 700;
}

.station2-rating {
  justify-self: end;
  text-align: right;
  padding-top: 6px;
}

.station2-stars {
  color: #ffd329;
  font-size: 38px;
  line-height: 1;
  letter-spacing: 2px;
  margin-bottom: 8px;
}

.station2-rating-line {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  align-items: center;
}

.station2-rating-value {
  font-size: 32px;
  font-weight: 700;
  line-height: 1;
}

.station2-rating-count {
  color: #9aa0aa;
  font-size: 18px;
}

.station2-section {
  margin-top: 42px;
}

.station2-section-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;

}

.station2-section-title {
    gap:.59375rem;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
	font-size: 18px;
    font-weight:600;
    line-height:normal;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
	padding-bottom: 20px;
}
.station2-section-title span {
    color:#4DA3FF
}
.station2-section-title::before {
    content:"";
    width: 5px;
    height: 18px;
    display:block;
     
    margin-right:.84375rem;
    background-color:#4DA3FF
}

.station2-history-grid .rthist__list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px 46px;
}

.station2-history-grid .rthist__item,
.station2-history-grid .track-item,
.station2-history-grid .history-item {
  display: flex;
  align-items: center;
  gap: 14px;
  min-width: 0;
	white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.station2-history-grid .rthist__item img,
.station2-history-grid .track-item img,
.station2-history-grid .history-item img {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  object-fit: cover;
  flex: 0 0 42px;
}

.station2-history-grid .rthist__item-title,
.station2-history-grid .track-item__title,
.station2-history-grid .history-item__title,
.station2-history-grid .rthist__item a {
  color: #fff;
  font-size: 15px;
  line-height: 1.5;
  text-decoration: none;
}

.station2-about {
  color: #d2d6dd;
  font-size: 15px;
  line-height: 1.8;
}

@media (max-width: 1100px) {
  .station2-grid {
    grid-template-columns: 180px minmax(0, 1fr);
  }

  .station2-rating {
    grid-column: 1 / -1;
    justify-self: start;
    text-align: left;
    padding-top: 0;
  }

  .station2-rating-line {
    justify-content: flex-start;
  }

  .station2-logo {
    width: 180px;
    height: 180px;
  }
}

@media (max-width: 768px) {
  .station2-grid {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .station2-left {
    display: flex;
    justify-content: center;
  }

  .station2-logo {
    width: 170px;
    height: 170px;
  }

  .station2-main {
    text-align: center;
  }

  .station2-player,
  .station2-links,
  .station2-tags {
    justify-content: center;
  }

  .station2-history-grid .rthist__list {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .station2-rating {
    text-align: center;
    justify-self: center;
  }

  .station2-rating-line {
    justify-content: center;
  }
}


#now-air-box {
  display: block;
  margin: 24px 0;
}

#now-artist-wrap {
  min-height: 1px;
}

.now-artist {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  padding: 18px;
 /* border: 1px solid #e5e7eb;
  border-radius: 16px;
  background: #fff;*/
	 
}

.now-artist--empty {
  display: none;
}

.now-artist__photo {
  width: 120px;
  height: 120px;
  min-width: 120px;
  border-radius: 6px;
  object-fit: cover;
  display: block;
  background: #f3f4f6;
}

.now-artist__content {
  flex: 1 1 auto;
  min-width: 0;
}

.now-artist__line {
  font-size: 18px;
  line-height: 1.45;
  color: #fff;
  margin-bottom: 10px;
  word-wrap: break-word;
}

.now-artist__line a {
  color: #fff;
  text-decoration: none;
}

.now-artist__line a:hover {
  text-decoration: underline;
}

.now-artist__track {
  color: #fff;
}

.now-artist__bio {
  font-size: 13px;
  line-height: 1.65;
  color: #fff;
  word-wrap: break-word;
	opacity: .82;
}

.now-artist__bio a {
  margin-left: 8px;
  color: #fff;
  text-decoration: none;
}

.now-artist__bio a:hover {
  text-decoration: underline;
	text-decoration: none;
}

@media (max-width: 640px) {
  .now-artist {
    gap: 12px;
    padding: 14px;
  }

  .now-artist__photo {
    width: 72px;
    height: 72px;
    min-width: 72px;
    border-radius: 12px;
  }

  .now-artist__line {
    font-size: 16px;
    margin-bottom: 8px;
  }

  .now-artist__bio {
    font-size: 13px;
    line-height: 1.55;
  }
}



/* ===== ACCORDION (COMPACT CLEAN) ===== */

/*.about--accordion .about__item {
  border-bottom: 1px solid rgba(255,255,255,0.08);
}*/

.about--accordion .about__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 3px;
  cursor: pointer;
  padding: 1px 0; /* компактно */
}

/* заголовки как обычный текст */
.about__title {
  margin: 0;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.4;
}

/* ===== ICON (СТРЕЛКА) ===== */

.about--accordion .about__icon {
  width: 10px;
  height: 10px;
  flex: 0 0 10px;
  margin-left: 8px;

  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;

  transform: rotate(45deg);
  transition: transform 0.2s ease;
}

.about--accordion .about__item.is-open .about__icon {
  transform: rotate(-135deg);
}

/* ===== BODY ===== */

.about--accordion .about__body {
  display: none;
  padding: 0 0 8px;
}

.about--accordion .about__item.is-open .about__body {
  display: block;
}


/* нижняя часть header */
.header__bottom {
  width: 100%;
  
  padding: 12px 0;
  background: #1d1c1c;
}

/* центрируем поиск */
.header__searchline {
  max-width: 700px;
  margin: 0 auto;
}

/* чуть нормальный отступ внутри input */
.header__label input {
  width: 100%;
}

/* меньше расстояние между пунктами меню */
.menu__list {
  gap: 8px;
}

/* уменьшаем внутренние отступы самих пунктов */
.menu__link {
  padding: 0 12px;
}

/* контейнер */
.header__label {
  position: relative;
  display: block;
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
}

/* input */
.header__label input {
  width: 100%;
  height: 44px;
  border-radius: 999px; /* круглый */
  padding: 0 16px 0 40px;
}

/* иконка */
.header__search {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
}
.header__search {
  width: 32px !important;
  height: 32px !important;
  padding: 0 !important;

  border-radius: 50% !important;

  display: flex;
  align-items: center;
  justify-content: center;
}
/* кнопка справа */
.header__search {
  left: auto !important;
  right: 8px;
}

/* отступ справа у инпута */
.header__label input {
  padding-right: 40px !important;
  padding-left: 12px !important;
}

/* шире поиск */
.header__label {
  max-width: 800px !important;
}

/* на мобиле можно уже */
@media (max-width: 768px) {
  .header__label {
    max-width: 100% !important;
  }
}

/* ===== ABOUT / SEO TEXT BLOCK ===== */

.genre-text,
.about-text {
  display: block;
}

.genre-text h1,
.genre-text h2,
.genre-text h3,
.about-text h1,
.about-text h2,
.about-text h3 {
  margin: 0 0 8px;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.4;
  color: #fff;
}

.genre-text p,
.about-text p {
  margin: 0 0 10px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.55;
  color: rgba(255,255,255,0.78);
}

.genre-text > *:last-child,
.about-text > *:last-child {
  margin-bottom: 0;
}

/* ===== SEO / CATEGORY DESCRIPTION ===== */

.seo-text-block {
 /*  margin-top: 18px;
 padding: 18px 20px;
  border-radius: 18px;
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.06);*/
}

.seo-text-block > *:first-child {
  margin-top: 0;
}

.seo-text-block > *:last-child {
  margin-bottom: 0;
}

.seo-text-block h1,
.seo-text-block h2,
.seo-text-block h3 {
  margin: 0 0 10px;
  color: #fff;
  line-height: 1.35;
  letter-spacing: -0.01em;
}

.seo-text-block h1 {
  font-size: 18px;
  font-weight: 700;
}

.seo-text-block h2 {
  margin-top: 18px;
  font-size: 19px;
  font-weight: 600;
}

.seo-text-block h3 {
  margin-top: 18px;
  font-size: 16px;
  font-weight: 600;
}

.seo-text-block p {
  margin: 0 0 14px;
  font-size: 14px;
  line-height: 1.75;
  color: rgba(255,255,255,0.78);
}

.seo-text-block b,
.seo-text-block strong {
  color: #fff;
  font-weight: 600;
}

.seo-text-block a {
  color: #8ab4ff;
  text-decoration: none;
}

.seo-text-block a:hover {
  text-decoration: underline;
}

.seo-text-block ul,
.seo-text-block ol {
  margin: 0 0 14px 18px;
  padding: 0;
  color: rgba(255,255,255,0.78);
}

.seo-text-block li {
  margin: 0 0 8px;
  line-height: 1.65;
}

@media (max-width: 768px) {
  .seo-text-block {
    padding: 14px 14px;
    border-radius: 14px;
  }

  .seo-text-block h1 {
    font-size: 20px;
  }

  .seo-text-block h2 {
    font-size: 17px;
  }

  .seo-text-block h3 {
    font-size: 15px;
  }

  .seo-text-block p {
    font-size: 13px;
    line-height: 1.7;
  }
}








/* ---------- LINKS ---------- */

.station-links{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:12px;
  margin:0 0 8px;
}

.station-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:36px;
  padding:0 14px;
  border-radius:8px;
  border:1px solid rgba(255,255,255,.10);
  /*background:rgba(255,255,255,.05);*/
  text-decoration:none;
  font-size:14px;
  font-weight:600;
  color:var(--text);
}

html[data-theme="light"] .station-link{
  border-color:rgba(14,19,32,.10);
  background:#fff;
}
/* =========================================================
   SOCIAL LINKS / ICON BUTTONS
========================================================= */
.social-links,
.artist-links{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.social-links .slink{
  position:relative;
  width:32px;
  height:32px;
  padding:0;
  border-radius:8px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  border:1px solid rgba(255,255,255,.12);
 /* background:rgba(255,255,255,.05);*/
  transition:.18s ease;
  color:var(--brand,#0ea5e9);
  font-size:0;
  line-height:0;
}
.podcast-view__meta,
.podcast-view__meta span{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  outline:0 !important;
  border-radius:0 !important;
  padding:0 !important;
}

.podcast-view__meta{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  align-items:center;
}

.podcast-view__meta span{
  display:inline-flex;
  align-items:center;
  gap:8px;
}

.podcast-view__meta img{
  display:block;
  flex:0 0 auto;
  border:0 !important;
  box-shadow:none !important;
  border-radius:2px !important;
}
html[data-theme="light"] .social-links .slink,
html[data-theme="light"] .artist-links .slink{
  border:1px solid rgba(14,19,32,.10);
  background:#fff;
  box-shadow:0 6px 18px rgba(14,19,32,.06);
}
.podcast-view__categories{
  display:block;
  margin-top:6px;
}
.podcast-view__categories{display:block;margin-top:6px}
.social-links .slink:hover,
.artist-links .slink:hover{
  transform:translateY(-2px);
}

.social-links .slink::before{
  content:"";
  width:22px;
  height:22px;
  background-color:currentColor;
  -webkit-mask:var(--mask) center/contain no-repeat;
  mask:var(--mask) center/contain no-repeat;
}

.artist-links .slink{
  position:relative;
  min-height:32px;
  padding:0 12px 0 36px;
  border-radius:12px;
  display:inline-flex;
  align-items:center;
  text-decoration:none;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.05);
  transition:.18s ease;
  color:#fff;
  font-size:13px;
  line-height:1;
}

.artist-links .slink::before{
  content:"";
  position:absolute;
  left:8px;
  width:18px;
  height:18px;
  background-color:var(--brand,#0ea5e9);
  -webkit-mask:var(--mask) center/contain no-repeat;
  mask:var(--mask) center/contain no-repeat;
}

/* brands */
.slink--website{
  --brand:#0ea5e9;
  --mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M3 12h18'/%3E%3Cpath d='M12 3a15 15 0 0 1 0 18'/%3E%3Cpath d='M12 3a15 15 0 0 0 0 18'/%3E%3C/svg%3E");
}
.slink--facebook{
  --brand:#1877F2;
  --mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20d%3D%27M22%2012a10%2010%200%201%200-11.5%209.87V15h-2.6v-3h2.6V9.8c0-2.57%201.53-3.99%203.87-3.99%201.12%200%202.29.2%202.29.2v2.52h-1.29c-1.27%200-1.67.79-1.67%201.6V12h2.84l-.45%203h-2.39v6.87A10%2010%200%200%200%2022%2012z%27/%3E%3C/svg%3E");
}
.slink--x{
  --brand:#fff;
  --mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17.4 3h2.2l-5.7 6.5L21 21h-5l-4-5.2L6.9 21H4.7l6-6.8L3 3h5l3.6 4.8L17.4 3zm-1 16h1.2L7.3 4.1H6l10.4 14.9z'/%3E%3C/svg%3E");
}
.slink--instagram{
  --brand:#E1306C;
  --mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20d%3D%27M7%202h10a5%205%200%200%201%205%205v10a5%205%200%200%201-5%205H7a5%205%200%200%201-5-5V7a5%205%200%200%201%205-5zm5%206a4%204%200%201%200%200%208%204%204%200%200%200%200-8zm6-1.5a1%201%200%201%201-2%200%201%201%200%200%201%202%200z%27/%3E%3C/svg%3E");
}
.slink--telegram{
  --brand:#229ED9;
  --mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20d%3D%27M22%203L2.8%2010.3c-1.1.4-1.1%201%20.2%201.4l4.9%201.5L19.1%206c.5-.3.9.1.6.4l-9%208.2-.3%204.7c.6%200%20.9-.2%201.2-.5l2.4-2.3%204.9%203.6c.9.5%201.5.2%201.7-.9L23%204.1c.3-1.4-.5-2-1-1.1z%27/%3E%3C/svg%3E");
}
.slink--tiktok{
  --brand:#fff;
  --mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15 2c.3 1.8 1.6 3.3 3.5 3.7v3a7 7 0 0 1-3.5-1v6.4a5.4 5.4 0 1 1-4.6-5.4v3a2.4 2.4 0 1 0 1.6 2.3V2H15Z'/%3E%3C/svg%3E");
}
.slink--vk{
  --brand:#0077FF;
  --mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20d%3D%27M21.6%207.1c.1-.4%200-.7-.6-.7h-2.2c-.5%200-.8.3-.9.6%200%200-1.1%202.7-2.7%204.5-.5.5-.7.7-1%20.7-.1%200-.3-.2-.3-.6V7.1c0-.6-.2-.7-.6-.7H9.6c-.4%200-.6.3-.6.5%200%20.5.8.6.9%202.1v3.2c0%20.7-.1.8-.4.8-.7%200-2.6-2.7-3.6-5.9-.2-.6-.4-.9-1-.9H2.8c-.6%200-.8.3-.8.6%200%20.6.7%203.5%203.5%207.3%201.8%202.6%204.4%204%206.7%204%201.4%200%201.6-.3%201.6-.9v-2c0-.6.1-.8.6-.8.3%200%20.9.2%202.2%201.4%201.5%201.5%201.7%202.2%202.6%202.2H21c.6%200%20.9-.3.7-.9-.2-.6-.9-1.5-1.9-2.6-.5-.6-1.3-1.3-1.5-1.6-.3-.4-.2-.6%200-1%200%200%202.7-3.8%203-5z%27/%3E%3C/svg%3E");
}
.slink--youtube{
  --brand:#FF0000;
  --mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20d%3D%27M23%207.7s-.2-1.7-.9-2.5c-.8-.9-1.7-.9-2.1-1C17.1%204%2012%204%2012%204h0s-5.1%200-8%20.2c-.4%200-1.3.1-2.1%201C1.2%206%201%207.7%201%207.7S.8%209.6.8%2011.5v1c0%201.9.2%203.8.2%203.8s.2%201.7.9%202.5c.8.9%201.9.9%202.4%201%201.7.2%207.7.2%207.7.2s5.1%200%208-.2c.4%200%201.3-.1%202.1-1%20.7-.8.9-2.5.9-2.5s.2-1.9.2-3.8v-1c0-1.9-.2-3.8-.2-3.8zM10%2015.5V8.5l6%203.5-6%203.5z%27/%3E%3C/svg%3E");
}
.slink--whatsapp{
  --brand:#25D366;
  --mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 0 0-8.5 15.3L2.8 22l4.8-1.3A10 10 0 1 0 12 2Zm0 18a8 8 0 0 1-4.1-1.1l-.3-.2-2.8.7.7-2.7-.2-.3A8 8 0 1 1 12 20Zm3.7-5.3c-.2-.1-1.3-.6-1.5-.7-.2-.1-.3-.1-.4.1-.1.2-.6.7-.7.8-.1.1-.2.1-.4.1-.2-.1-1-.4-1.8-1.1-.6-.6-1.1-1.3-1.2-1.5-.1-.2 0-.3.1-.4l.3-.4c.1-.1.1-.2.2-.3.1-.1 0-.2 0-.3s-.4-1-.6-1.3c-.1-.3-.3-.3-.4-.3h-.4c-.1 0-.3 0-.5.2s-.7.7-.7 1.6.7 1.8.8 2c.1.1 1.4 2.2 3.4 3.1.5.2.9.4 1.2.5.5.2.9.2 1.3.1.4-.1 1.1-.5 1.2-.9.2-.4.2-.8.1-.9 0-.1-.2-.1-.4-.2Z'/%3E%3C/svg%3E");
}
.slink--discord{
  --brand:#5865F2;
  --mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20d%3D%27M20%204a16%2016%200%200%200-4-1l-.3.6a14%2014%200%200%200-7.4%200L8%203a16%2016%200%200%200-4%201C2.3%206.6%201.6%209.2%202%2012c1.2%202.2%202.7%203.9%205%205l.9-1.1c-.5-.2-1-.5-1.4-.8l.3-.2c2.7%201.2%205.6%201.2%208.4%200l.3.2c-.4.3-.9.6-1.4.8l.9%201.1c2.3-1.1%203.8-2.8%205-5%20.4-2.8-.3-5.4-2-8zM9.2%2013.5c-.7%200-1.2-.6-1.2-1.4s.5-1.4%201.2-1.4%201.2.6%201.2%201.4-.5%201.4-1.2%201.4zm5.6%200c-.7%200-1.2-.6-1.2-1.4s.5-1.4%201.2-1.4%201.2.6%201.2%201.4-.5%201.4-1.2%201.4z%27/%3E%3C/svg%3E");
}
.slink--twitch{
  --brand:#9146FF;
  --mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20d%3D%27M4%202h18v12l-6%206h-5l-2%202H7v-2H4V2zm3%204v11h3v2.1L12.1%2017H17l4-4V5H7zm9%202h2v6h-2V8zm-5%200h2v6h-2V8z%27/%3E%3C/svg%3E");
}
.slink--reddit{
  --brand:#FF4500;
  --mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20d%3D%27M14.3%202.2l-.9%204.1c1.5.2%202.9.8%204%201.6l2.8-2a1.6%201.6%200%201%201%201.8%202.6l-2.7%201.9c.2.6.3%201.2.3%201.9%200%204-4.1%207.3-9.1%207.3S2.4%2016.4%202.4%2012.4c0-.7.1-1.3.3-1.9L0%208.6A1.6%201.6%200%201%201%201.8%206l2.8%202c1.2-.9%202.7-1.5%204.3-1.7l1.1-5%204.3.9zM8.2%2013.4a1.2%201.2%200%201%200%200-2.4%201.2%201.2%200%200%200%200%202.4zm6.2%200a1.2%201.2%200%201%200%200-2.4%201.2%201.2%200%200%200%200%202.4zM8.3%2016c1.2%201.2%205%201.2%206.2%200l-1.1-1.1c-.7.7-3.3.7-4%200L8.3%2016z%27/%3E%3C/svg%3E");
}
.slink--linkedin{
  --brand:#0A66C2;
  --mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.2 9h2.7v9H6.2V9zm1.35-3.9a1.55 1.55 0 1 1 0 3.1 1.55 1.55 0 0 1 0-3.1zM11 9h2.6v1.3c.5-.9 1.6-1.5 3-1.5 2.4 0 3.4 1.5 3.4 4v5.2h-2.7v-4.8c0-1.4-.5-2.2-1.7-2.2-1.2 0-1.9.9-1.9 2.2v4.8H11V9z'/%3E%3C/svg%3E");
}
.slink--ok{
  --brand:#EE8208;
  --mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20d%3D%27M12%2012.3a4.6%204.6%200%201%200%200-9.2%204.6%204.6%200%200%200%200%209.2zm0-7.1a2.5%202.5%200%201%201%200%205%202.5%202.5%200%200%201%200-5zm5.6%208.4a1.4%201.4%200%200%201%200%202.8c-1.2%200-2.3.4-3.6.8l1.8%201.8a1.4%201.4%200%200%201-2%202l-1.8-1.8-1.8%201.8a1.4%201.4%200%200%201-2-2l1.8-1.8c-1.3-.4-2.4-.8-3.6-.8a1.4%201.4%200%200%201%200-2.8c2.2%200%204%20.7%205.6%201.2%201.6-.5%203.4-1.2%205.6-1.2z%27/%3E%3C/svg%3E");
}
.slink--soundcloud{
  --brand:#FF5500;
  --mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20d%3D%27M11%2011.2c.6-3.4%203.2-5.7%206.4-5.7%203.6%200%206.6%203.1%206.6%206.8%200%203.1-2.5%205.7-5.5%205.7H8.8V12c0-.4%200-.7-.1-1.1L11%2011.2zM6%2012v6H4v-6h2zm-3%201v5H2v-5h1zm6-3v8H7V10h2z%27/%3E%3C/svg%3E");
}
.slink--spotify{
  --brand:#1DB954;
  --mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20d%3D%27M12%202a10%2010%200%201%200%200%2020%2010%2010%200%200%200%200-20zm4.6%2014.5a.9.9%200%200%201-1.2.3c-2.9-1.8-6.6-2.2-11.1-1.2a.9.9%200%200%201-.4-1.7c4.9-1.1%209-.6%2012.4%201.4.4.2.5.8.3%201.2zm1-3a1.1%201.1%200%200%201-1.5.4c-3.3-2-8.3-2.6-12.1-1.4a1.1%201.1%200%201%201-.7-2.1c4.4-1.4%2010.1-.7%2014%201.7.5.3.6.9.3%201.4zm.1-3.1C14.8%208.8%209.1%208.6%205%209.9a1.2%201.2%200%200%201-.8-2.2c4.7-1.6%2011-1.4%2015.1%201.1a1.2%201.2%200%200%201-1.6%201.6z%27/%3E%3C/svg%3E");
}
.slink--applemusic{
  --brand:#FA243C;
  --mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20d%3D%27M16%202v12.2c-.6-.5-1.5-.8-2.5-.8-2%200-3.5%201.2-3.5%202.8S11.5%2019%2013.5%2019%2017%2017.8%2017%2016V7h4V3h-5z%27/%3E%3C/svg%3E");
}
.slink--deezer{
  --brand:#A238FF;
  --mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20d%3D%27M3%2016h4v5H3v-5zm0-7h4v5H3V9zm6%203h4v9H9v-9zm0-7h4v5H9V5zm6%207h4v9h-4v-9zm0-7h4v5h-4V5zm6%207h2v9h-2v-9zm0-7h2v5h-2V5z%27/%3E%3C/svg%3E");
}
.slink--mixcloud{
  --brand:#314359;
  --mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20d%3D%27M7%2011.5c0-2.5%202-4.5%204.5-4.5%201.4%200%202.7.6%203.5%201.7.6-.5%201.4-.7%202.2-.7%202.1%200%203.8%201.7%203.8%203.8V18H7v-6.5zm2%200V16h2v-4.5H9zm4%200V16h2v-4.5h-2zm4%200V16h2v-4.5h-2z%27/%3E%3C/svg%3E");
}
.slink--bandcamp{
  --brand:#1DA0C3;
  --mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20d%3D%27M3%2017l7-10h11l-7%2010H3z%27/%3E%3C/svg%3E");
}
.slink--rutube{
  --brand:#2B2BFF;
  --mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20d%3D%27M7%207h10a5%205%200%200%201%200%2010H7A5%205%200%200%201%207%207zm4%203.5V14l4-2-4-1.5z%27/%3E%3C/svg%3E");
}

/* =========================================================
   PODCAST SOCIAL = как artist-links
   SVG НЕ МЕНЯЕМ, просто дублируем существующие маски
========================================================= */

.podcast-social{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.podcast-social .podcast-social__item{
  position:relative;
  min-height:32px;
  padding:0 12px 0 36px;
  border-radius:6px;
  display:inline-flex;
  align-items:center;
  text-decoration:none;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.05);
  transition:.18s ease;
  color:#fff;
  font-size:13px;
  line-height:1;
}

.podcast-social .podcast-social__item:hover{
  transform:translateY(-2px);
}

.podcast-social .podcast-social__item::before{
  content:"";
  position:absolute;
  left:8px;
  width:18px;
  height:18px;
  background-color:var(--brand,#0ea5e9);
  -webkit-mask:var(--mask) center/contain no-repeat;
  mask:var(--mask) center/contain no-repeat;
}

/* brands: те же SVG, что у slink */

.podcast-social__facebook{
  --brand:#1877F2;
  --mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20d%3D%27M22%2012a10%2010%200%201%200-11.5%209.87V15h-2.6v-3h2.6V9.8c0-2.57%201.53-3.99%203.87-3.99%201.12%200%202.29.2%202.29.2v2.52h-1.29c-1.27%200-1.67.79-1.67%201.6V12h2.84l-.45%203h-2.39v6.87A10%2010%200%200%200%2022%2012z%27/%3E%3C/svg%3E");
}

.podcast-social__twitter{
  --brand:#fff;
  --mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17.4 3h2.2l-5.7 6.5L21 21h-5l-4-5.2L6.9 21H4.7l6-6.8L3 3h5l3.6 4.8L17.4 3zm-1 16h1.2L7.3 4.1H6l10.4 14.9z'/%3E%3C/svg%3E");
}

.podcast-social__instagram{
  --brand:#E1306C;
  --mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20d%3D%27M7%202h10a5%205%200%200%201%205%205v10a5%205%200%200%201-5%205H7a5%205%200%200%201-5-5V7a5%205%200%200%201%205-5zm5%206a4%204%200%201%200%200%208%204%204%200%200%200%200-8zm6-1.5a1%201%200%201%201-2%200%201%201%200%200%201%202%200z%27/%3E%3C/svg%3E");
}

.podcast-social__telegram{
  --brand:#229ED9;
  --mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20d%3D%27M22%203L2.8%2010.3c-1.1.4-1.1%201%20.2%201.4l4.9%201.5L19.1%206c.5-.3.9.1.6.4l-9%208.2-.3%204.7c.6%200%20.9-.2%201.2-.5l2.4-2.3%204.9%203.6c.9.5%201.5.2%201.7-.9L23%204.1c.3-1.4-.5-2-1-1.1z%27/%3E%3C/svg%3E");
}

.podcast-social__tiktok{
  --brand:#fff;
  --mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15 2c.3 1.8 1.6 3.3 3.5 3.7v3a7 7 0 0 1-3.5-1v6.4a5.4 5.4 0 1 1-4.6-5.4v3a2.4 2.4 0 1 0 1.6 2.3V2H15Z'/%3E%3C/svg%3E");
}

.podcast-social__vk{
  --brand:#0077FF;
  --mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20d%3D%27M21.6%207.1c.1-.4%200-.7-.6-.7h-2.2c-.5%200-.8.3-.9.6%200%200-1.1%202.7-2.7%204.5-.5.5-.7.7-1%20.7-.1%200-.3-.2-.3-.6V7.1c0-.6-.2-.7-.6-.7H9.6c-.4%200-.6.3-.6.5%200%20.5.8.6.9%202.1v3.2c0%20.7-.1.8-.4.8-.7%200-2.6-2.7-3.6-5.9-.2-.6-.4-.9-1-.9H2.8c-.6%200-.8.3-.8.6%200%20.6.7%203.5%203.5%207.3%201.8%202.6%204.4%204%206.7%204%201.4%200%201.6-.3%201.6-.9v-2c0-.6.1-.8.6-.8.3%200%20.9.2%202.2%201.4%201.5%201.5%201.7%202.2%202.6%202.2H21c.6%200%20.9-.3.7-.9-.2-.6-.9-1.5-1.9-2.6-.5-.6-1.3-1.3-1.5-1.6-.3-.4-.2-.6%200-1%200%200%202.7-3.8%203-5z%27/%3E%3C/svg%3E");
}

.podcast-social__youtube{
  --brand:#FF0000;
  --mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20d%3D%27M23%207.7s-.2-1.7-.9-2.5c-.8-.9-1.7-.9-2.1-1C17.1%204%2012%204%2012%204h0s-5.1%200-8%20.2c-.4%200-1.3.1-2.1%201C1.2%206%201%207.7%201%207.7S.8%209.6.8%2011.5v1c0%201.9.2%203.8.2%203.8s.2%201.7.9%202.5c.8.9%201.9.9%202.4%201%201.7.2%207.7.2%207.7.2s5.1%200%208-.2c.4%200%201.3-.1%202.1-1%20.7-.8.9-2.5.9-2.5s.2-1.9.2-3.8v-1c0-1.9-.2-3.8-.2-3.8zM10%2015.5V8.5l6%203.5-6%203.5z%27/%3E%3C/svg%3E");
}

.podcast-social__whatsapp{
  --brand:#25D366;
  --mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 0 0-8.5 15.3L2.8 22l4.8-1.3A10 10 0 1 0 12 2Zm0 18a8 8 0 0 1-4.1-1.1l-.3-.2-2.8.7.7-2.7-.2-.3A8 8 0 1 1 12 20Zm3.7-5.3c-.2-.1-1.3-.6-1.5-.7-.2-.1-.3-.1-.4.1-.1.2-.6.7-.7.8-.1.1-.2.1-.4.1-.2-.1-1-.4-1.8-1.1-.6-.6-1.1-1.3-1.2-1.5-.1-.2 0-.3.1-.4l.3-.4c.1-.1.1-.2.2-.3.1-.1 0-.2 0-.3s-.4-1-.6-1.3c-.1-.3-.3-.3-.4-.3h-.4c-.1 0-.3 0-.5.2s-.7.7-.7 1.6.7 1.8.8 2c.1.1 1.4 2.2 3.4 3.1.5.2.9.4 1.2.5.5.2.9.2 1.3.1.4-.1 1.1-.5 1.2-.9.2-.4.2-.8.1-.9 0-.1-.2-.1-.4-.2Z'/%3E%3C/svg%3E");
}

.podcast-social__discord{
  --brand:#5865F2;
  --mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20d%3D%27M20%204a16%2016%200%200%200-4-1l-.3.6a14%2014%200%200%200-7.4%200L8%203a16%2016%200%200%200-4%201C2.3%206.6%201.6%209.2%202%2012c1.2%202.2%202.7%203.9%205%205l.9-1.1c-.5-.2-1-.5-1.4-.8l.3-.2c2.7%201.2%205.6%201.2%208.4%200l.3.2c-.4.3-.9.6-1.4.8l.9%201.1c2.3-1.1%203.8-2.8%205-5%20.4-2.8-.3-5.4-2-8zM9.2%2013.5c-.7%200-1.2-.6-1.2-1.4s.5-1.4%201.2-1.4%201.2.6%201.2%201.4-.5%201.4-1.2%201.4zm5.6%200c-.7%200-1.2-.6-1.2-1.4s.5-1.4%201.2-1.4%201.2.6%201.2%201.4-.5%201.4-1.2%201.4z%27/%3E%3C/svg%3E");
}

.podcast-social__twitch{
  --brand:#9146FF;
  --mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20d%3D%27M4%202h18v12l-6%206h-5l-2%202H7v-2H4V2zm3%204v11h3v2.1L12.1%2017H17l4-4V5H7zm9%202h2v6h-2V8zm-5%200h2v6h-2V8z%27/%3E%3C/svg%3E");
}

.podcast-social__reddit{
  --brand:#FF4500;
  --mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20d%3D%27M14.3%202.2l-.9%204.1c1.5.2%202.9.8%204%201.6l2.8-2a1.6%201.6%200%201%201%201.8%202.6l-2.7%201.9c.2.6.3%201.2.3%201.9%200%204-4.1%207.3-9.1%207.3S2.4%2016.4%202.4%2012.4c0-.7.1-1.3.3-1.9L0%208.6A1.6%201.6%200%201%201%201.8%206l2.8%202c1.2-.9%202.7-1.5%204.3-1.7l1.1-5%204.3.9zM8.2%2013.4a1.2%201.2%200%201%200%200-2.4%201.2%201.2%200%200%200%200%202.4zm6.2%200a1.2%201.2%200%201%200%200-2.4%201.2%201.2%200%200%200%200%202.4zM8.3%2016c1.2%201.2%205%201.2%206.2%200l-1.1-1.1c-.7.7-3.3.7-4%200L8.3%2016z%27/%3E%3C/svg%3E");
}

.podcast-social__linkedin{
  --brand:#0A66C2;
  --mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.2 9h2.7v9H6.2V9zm1.35-3.9a1.55 1.55 0 1 1 0 3.1 1.55 1.55 0 0 1 0-3.1zM11 9h2.6v1.3c.5-.9 1.6-1.5 3-1.5 2.4 0 3.4 1.5 3.4 4v5.2h-2.7v-4.8c0-1.4-.5-2.2-1.7-2.2-1.2 0-1.9.9-1.9 2.2v4.8H11V9z'/%3E%3C/svg%3E");
}

.podcast-social__ok{
  --brand:#EE8208;
  --mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20d%3D%27M12%2012.3a4.6%204.6%200%201%200%200-9.2%204.6%204.6%200%200%200%200%209.2zm0-7.1a2.5%202.5%200%201%201%200%205%202.5%202.5%200%200%201%200-5zm5.6%208.4a1.4%201.4%200%200%201%200%202.8c-1.2%200-2.3.4-3.6.8l1.8%201.8a1.4%201.4%200%200%201-2%202l-1.8-1.8-1.8%201.8a1.4%201.4%200%200%201-2-2l1.8-1.8c-1.3-.4-2.4-.8-3.6-.8a1.4%201.4%200%200%201%200-2.8c2.2%200%204%20.7%205.6%201.2%201.6-.5%203.4-1.2%205.6-1.2z%27/%3E%3C/svg%3E");
}

.podcast-social__soundcloud{
  --brand:#FF5500;
  --mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20d%3D%27M11%2011.2c.6-3.4%203.2-5.7%206.4-5.7%203.6%200%206.6%203.1%206.6%206.8%200%203.1-2.5%205.7-5.5%205.7H8.8V12c0-.4%200-.7-.1-1.1L11%2011.2zM6%2012v6H4v-6h2zm-3%201v5H2v-5h1zm6-3v8H7V10h2z%27/%3E%3C/svg%3E");
}

.podcast-social__spotify{
  --brand:#1DB954;
  --mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20d%3D%27M12%202a10%2010%200%201%200%200%2020%2010%2010%200%200%200%200-20zm4.6%2014.5a.9.9%200%200%201-1.2.3c-2.9-1.8-6.6-2.2-11.1-1.2a.9.9%200%200%201-.4-1.7c4.9-1.1%209-.6%2012.4%201.4.4.2.5.8.3%201.2zm1-3a1.1%201.1%200%200%201-1.5.4c-3.3-2-8.3-2.6-12.1-1.4a1.1%201.1%200%201%201-.7-2.1c4.4-1.4%2010.1-.7%2014%201.7.5.3.6.9.3%201.4zm.1-3.1C14.8%208.8%209.1%208.6%205%209.9a1.2%201.2%200%200%201-.8-2.2c4.7-1.6%2011-1.4%2015.1%201.1a1.2%201.2%200%200%201-1.6%201.6z%27/%3E%3C/svg%3E");
}

.podcast-social__apple_music{
  --brand:#FA243C;
  --mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20d%3D%27M16%202v12.2c-.6-.5-1.5-.8-2.5-.8-2%200-3.5%201.2-3.5%202.8S11.5%2019%2013.5%2019%2017%2017.8%2017%2016V7h4V3h-5z%27/%3E%3C/svg%3E");
}

.podcast-social__deezer{
  --brand:#A238FF;
  --mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20d%3D%27M3%2016h4v5H3v-5zm0-7h4v5H3V9zm6%203h4v9H9v-9zm0-7h4v5H9V5zm6%207h4v9h-4v-9zm0-7h4v5h-4V5zm6%207h2v9h-2v-9zm0-7h2v5h-2V5z%27/%3E%3C/svg%3E");
}

.podcast-social__mixcloud{
  --brand:#314359;
  --mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20d%3D%27M7%2011.5c0-2.5%202-4.5%204.5-4.5%201.4%200%202.7.6%203.5%201.7.6-.5%201.4-.7%202.2-.7%202.1%200%203.8%201.7%203.8%203.8V18H7v-6.5zm2%200V16h2v-4.5H9zm4%200V16h2v-4.5h-2zm4%200V16h2v-4.5h-2z%27/%3E%3C/svg%3E");
}

.podcast-social__bandcamp{
  --brand:#1DA0C3;
  --mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20d%3D%27M3%2017l7-10h11l-7%2010H3z%27/%3E%3C/svg%3E");
}

.podcast-social__rutube{
  --brand:#2B2BFF;
  --mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20d%3D%27M7%207h10a5%205%200%200%201%200%2010H7A5%205%200%200%201%207%207zm4%203.5V14l4-2-4-1.5z%27/%3E%3C/svg%3E");
}
.podcast-social__rss{
  --brand:#ff6600;
  --mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.18 17.82a2.18 2.18 0 1 1 0-4.36 2.18 2.18 0 0 1 0 4.36zM4 10.27v2.91c3.62 0 6.55 2.93 6.55 6.55h2.91c0-5.23-4.23-9.46-9.46-9.46zm0-5.82v2.91c7.41 0 13.46 6.05 13.46 13.46h2.91C20.37 11.63 12.37 3.63 4 3.63z'/%3E%3C/svg%3E");
}
.podcast-social__patreon{
  --brand:#FF424D;
  --mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15.6 3.2A6.2 6.2 0 1 1 15.6 15.6 6.2 6.2 0 0 1 15.6 3.2ZM3 4.4h3.2V21H3V4.4Z'/%3E%3C/svg%3E");
}

.podcast-social__github{
  --brand:#ffffff;
  --mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 .5A12 12 0 0 0 8.2 23.9c.6.1.8-.2.8-.6v-2.1c-3.3.7-4-1.4-4-1.4-.5-1.3-1.3-1.7-1.3-1.7-1.1-.8.1-.8.1-.8 1.2.1 1.9 1.3 1.9 1.3 1.1 1.9 2.9 1.3 3.6 1 .1-.8.4-1.3.7-1.6-2.7-.3-5.5-1.4-5.5-6A4.7 4.7 0 0 1 6.8 8c-.1-.3-.5-1.5.1-3.1 0 0 1-.3 3.2 1.2a11 11 0 0 1 5.8 0C18 4.6 19 4.9 19 4.9c.6 1.6.2 2.8.1 3.1a4.7 4.7 0 0 1 1.3 3.3c0 4.6-2.8 5.7-5.5 6 .4.3.8 1 .8 2v3c0 .3.2.7.8.6A12 12 0 0 0 12 .5Z'/%3E%3C/svg%3E");
}

.podcast-social__medium{
  --brand:#ffffff;
  --mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4.4 7.2c0-.2 0-.3-.2-.5L2.7 4.9V4.6h5l3.9 8.6L15 4.6h4.8v.3l-1.3 1.2c-.1.1-.2.2-.2.4v10.9c0 .2 0 .3.2.4l1.3 1.2v.3H13v-.3l1.3-1.2c.1-.1.2-.1.2-.3v-8.8l-3.7 9.4h-.5L6 8.7v7.4c0 .3.1.7.3.9l1.7 2v.3H3.2v-.3l1.7-2c.2-.2.3-.6.3-.9V7.2Z'/%3E%3C/svg%3E");
}

.podcast-social__paypal{
  --brand:#169BD7;
  --mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7.2 3h7c2.8 0 4.7 1.8 4.2 4.8-.5 3.4-2.8 5.1-6.2 5.1H9.8L9 18H5.7L7.2 3Zm3 7.3h2c1.6 0 2.6-.7 2.9-2.2.2-1.3-.4-2-1.9-2h-2.1l-.9 4.2Zm-1.1 2.1h4.1c2.5 0 4.1 1.4 3.7 3.8-.5 2.9-2.6 4.8-5.8 4.8H7.1l2-8.6Z'/%3E%3C/svg%3E");
}

.podcast-social__boosty{
  --brand:#F15F2C;
  --mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 3h6.7c3.2 0 5.3 1.8 5.3 4.5 0 1.8-.9 3.1-2.4 3.8 2 .6 3.2 2.1 3.2 4.4C18.8 19 16.4 21 12.8 21H6V3Zm3 7h3.1c1.7 0 2.7-.8 2.7-2.1 0-1.2-.9-1.9-2.5-1.9H9v4Zm0 8h3.5c1.9 0 3-.8 3-2.3s-1.1-2.3-3.1-2.3H9V18Z'/%3E%3C/svg%3E");
}

.podcast-social__donationalerts{
  --brand:#F7931E;
  --mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2 3 7.2v9.6L12 22l9-5.2V7.2L12 2Zm0 3.1 5.8 3.3L12 11.7 6.2 8.4 12 5.1Zm-6 5.1 5 2.9v5.8l-5-2.9v-5.8Zm7 8.7v-5.8l5-2.9v5.8l-5 2.9Z'/%3E%3C/svg%3E");
}
.main__body._bg-body {
  background-color: transparent !important;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.main__container {
  background-color: #000;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.main__container::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
	

  background:
    radial-gradient(
      circle at 180px 180px,
      var(--accent, rgba(255,255,255,0.08)) 0%,
      rgba(0,0,0,0) 38%
    );
}



 

/* =========================================
   ARTIST CATALOG — FULL CLEAN
========================================= */

.artist-catalog {
  padding: 28px 0 48px;
}

/* breadcrumbs */
.artist-catalog .breadcrumbs,
.artist-catalog .speedbar {
  margin: 0 0 14px;
  color: #8c8c96;
  font-size: 14px;
  line-height: 1.4;
}

.artist-catalog .breadcrumbs a,
.artist-catalog .speedbar a {
  color: #8c8c96;
  text-decoration: none;
}

.artist-catalog .breadcrumbs a:hover,
.artist-catalog .speedbar a:hover {
  color: #fff;
}

/* head */
.artist-catalog__head {
  margin: 0 0 20px;
}

.artist-catalog__title {
  margin: 0;
  color: #fff;
  font-size: 34px;
  line-height: 1.1;
  font-weight: 700;
}

/* alphabet */
.artist-catalog__nav {
  display: flex;
  justify-content: center;
  margin: 0 0 32px;
}

.artist-catalog__nav .artist-index,
.artist-catalog__nav .pager-pages.artist-index {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 10px 16px;
  width: auto;
  max-width: 100%;
  margin: 0;
  padding: 0;
  background: none;
}

.artist-catalog__nav .artist-index a,
.artist-catalog__nav .artist-index span {
  display: inline-block;
  min-width: 0;
  height: auto;
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
  color: #fff;
  font-size: 15px;
  line-height: 1;
  font-weight: 600;
  letter-spacing: .04em;
  text-decoration: none;
  opacity: .88;
  transition: opacity .18s ease, color .18s ease;
}

.artist-catalog__nav .artist-index a:hover {
  opacity: 1;
  color: #fff;
}

.artist-catalog__nav .artist-index span {
  opacity: 1;
  color: #fff;
}

.artist-catalog__nav .artist-index a.reset {
  margin-left: 4px;
}

/* grid */
.artist-catalog__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 160px));
  justify-content: center;
  gap: 34px 26px;
  margin: 0;
  padding: 0;
}

/* item */
.artist-catalog__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 0;
  text-decoration: none;
}

/* image */
.artist-catalog__img {
  width: 160px;
  height: 160px;
  min-width: 160px;
  min-height: 160px;
  flex: 0 0 160px;
  display: block;
  overflow: hidden;
  border-radius: 50%;
  background: #111;
  margin: 0 0 14px;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.06);
}

.artist-catalog__img img,
.artist-catalog__img > img,
.artist-catalog__img picture,
.artist-catalog__img picture img,
.artist-catalog__img span,
.artist-catalog__img span img {
  display: block;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: cover;
  object-position: center;
  border-radius: 50%;
}

.artist-catalog__img img {
  transition: transform .25s ease;
}

.artist-catalog__item:hover .artist-catalog__img img {
  transform: scale(1.05);
}

/* name */
.artist-catalog__name {
  display: block;
  width: 100%;
  max-width: 160px;
  text-align: center;
  color: #fff;
  font-size: 13px;
  line-height: 1.25;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* pagination */
.artist-catalog .pager {
  margin: 38px 0 0;
  display: flex;
  justify-content: center;
}

.artist-catalog .pager-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  gap: 10px 16px;
  background: none;
  padding: 0;
  border-radius: 0;
}

.artist-catalog .pager-btn {
  display: inline-block;
  min-width: 0;
  height: auto;
  padding: 0;
  border-radius: 0;
  background: none;
  color: #fff;
  font-size: 15px;
  line-height: 1;
  font-weight: 600;
  text-decoration: none;
  opacity: .88;
  transition: opacity .18s ease, color .18s ease;
}

.artist-catalog .pager-btn:hover {
  background: none;
  color: #fff;
  opacity: 1;
}

.artist-catalog .pager-pages {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  gap: 10px 16px;
  white-space: nowrap !important;
  overflow: hidden;
}

.artist-catalog .pager-pages a,
.artist-catalog .pager-pages span,
.artist-catalog .pager-pages .nav_ext {
  display: inline-block;
  min-width: 0;
  height: auto;
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
  color: #fff;
  font-size: 15px;
  line-height: 1;
  font-weight: 600;
  text-decoration: none;
  opacity: .88;
  transition: opacity .18s ease, color .18s ease;
}

.artist-catalog .pager-pages a:hover {
  background: none;
  color: #fff;
  opacity: 1;
}

.artist-catalog .pager-pages span {
  background: none;
  color: #3f6fff;
  opacity: 1;
}

.artist-catalog .pager-pages .nav_ext,
.artist-catalog .pager-pages span.nav_ext {
  color: #666;
  opacity: 1;
}

/* mobile */
@media (max-width: 768px) {
  .artist-catalog {
    padding: 24px 0 36px;
  }

  .artist-catalog__title {
    font-size: 28px;
  }

  .artist-catalog__nav {
    margin-bottom: 24px;
  }

  .artist-catalog__nav .artist-index,
  .artist-catalog__nav .pager-pages.artist-index {
    gap: 8px 12px;
  }

  .artist-catalog__nav .artist-index a,
  .artist-catalog__nav .artist-index span {
    font-size: 14px;
  }

  .artist-catalog__grid {
    grid-template-columns: repeat(auto-fit, minmax(140px, 140px));
    gap: 24px 16px;
  }

  .artist-catalog__img {
    width: 140px;
    height: 140px;
    min-width: 140px;
    min-height: 140px;
    flex-basis: 140px;
  }

  .artist-catalog__name {
    max-width: 140px;
    font-size: 14px;
  }

  .artist-catalog .pager-pages {
    gap: 8px 12px;
  }

  .artist-catalog .pager-pages a,
  .artist-catalog .pager-pages span,
  .artist-catalog .pager-pages .nav_ext,
  .artist-catalog .pager-btn {
    font-size: 14px;
  }
}

@media (max-width: 480px) {
  .artist-catalog__grid {
    grid-template-columns: repeat(2, minmax(0, 140px));
    justify-content: center;
  }
}

/* =========================================
   ARTIST PAGE
========================================= */

.artist-page {
  padding: 28px 0 48px;
}

.artist-page .breadcrumbs,
.artist-page .speedbar {
  margin: 0 0 16px;
  color: #8b8e98;
  font-size: 14px;
  line-height: 1.45;
}

.artist-page .breadcrumbs a,
.artist-page .speedbar a {
  color: #8b8e98;
  text-decoration: none;
}

.artist-page .breadcrumbs a:hover,
.artist-page .speedbar a:hover {
  color: #fff;
}

.artist-hero {
  display: grid;
  grid-template-columns: 280px minmax(0, 1fr);
  gap: 22px;
  align-items: start;
}

.artist-hero__cover {
  width: 280px;
  height: 280px;
  border-radius: 8px;
  overflow: hidden;
  background: #111;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.06);
}

.artist-hero__cover img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.artist-hero__main {
  min-width: 0;
}

.artist-hero__title {
  margin: 0 0 16px;
  color: #fff;
  font-size: 26px;
  line-height: 1.15;
  font-weight: 700;
}

.artist-hero__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 18px;
  margin: 0 0 18px;
  color: #d3d6dd;
  font-size: 16px;
  line-height: 1.4;
}

.artist-hero__meta-item {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.artist-hero__meta-label {
  color: #a4a9b5;
}

.artist-hero__flag {
  width: 16px;
  height: 10px;
  display: block;
  border-radius: 2px;
  object-fit: cover;
}

.artist-hero__genres {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0 0 20px;
}

.artist-hero__genres a,
.artist-hero__genres span {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 0 14px;
	border: 1px solid rgba(255, 255, 255, .12);
 border-radius: 8px;
 /* background: #151821;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.08);*/
  color: #d8dbe2;
  font-size: 14px;
  text-decoration: none;
}

.artist-hero__genres a:hover {
  color: #fff;
  /*background: #1b1f2b;*/
}

.artist-hero__links {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 12px;
  margin: 0 0 26px;
}

.artist-link {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  min-height: 32px;
  padding: 0 14px;
  border-radius: 12px;
  background: #12151d;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.08);
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  transition: background .18s ease, box-shadow .18s ease, color .18s ease;
}

.artist-link:hover {
  background: #171b24;
  color: #fff;
}

.artist-stations {
  margin-top: 4px;
}

.artist-stations__title {
  margin: 0 0 14px;
  color: #fff;
  font-size: 18px;
  line-height: 1.2;
  font-weight: 700;
}

.artist-stations__row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.artist-stations__row a,
.artist-stations__row .artist-station,
.artist-stations__row .radio-popular__item {
  display: block;
  width: 58px;
  min-width: 58px;
  height: 58px;
  border-radius: 4px;
  overflow: hidden;
  background: #111;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.06);
}

.artist-stations__row img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.artist-bio {
  margin-top: 32px;
  color: #d4d7dd;
  font-size: 15px;
  line-height: 1.4;
}
.artist-bio h1,
.artist-bio h2,
.artist-bio h3,
.artist-bio h4 {
  margin: 0 0 12px;
  color: #fff;
  line-height: 1.25;
  font-weight: 700;
}

.artist-bio h2 {
  font-size: 20px;
}

.artist-bio h3 {
  font-size: 18px;
}

.artist-bio p {
  margin: 0 0 16px;
}

.artist-bio b,
.artist-bio strong {
  color: #fff;
}

.artist-related {
  margin-top: 40px;
}

.artist-related__title {
  margin: 0 0 18px;
  color: #fff;
  font-size: 22px;
  line-height: 1.2;
  font-weight: 700;
}

.artist-related__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(170px, 170px));
  justify-content: start;
  gap: 28px 22px;
}

.artist-related__grid .artist-catalog__item,
.artist-related__grid .radio-popular__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-decoration: none;
}

.artist-related__grid .artist-catalog__img,
.artist-related__grid .radio-popular__img-wrap {
  width: 170px;
  height: 170px;
  display: block;
  overflow: hidden;
  border-radius: 50%;
  background: #111;
  margin-bottom: 12px;
}

.artist-related__grid img {
  display: block;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  border-radius: 50%;
}

.artist-related__grid .artist-catalog__name,
.artist-related__grid .radio-popular__name {
  display: block;
  max-width: 170px;
  text-align: center;
  color: #fff;
  font-size: 15px;
  line-height: 1.25;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (max-width: 991px) {
  .artist-hero {
    grid-template-columns: 220px minmax(0, 1fr);
    gap: 18px;
  }

  .artist-hero__cover {
    width: 220px;
    height: 220px;
    border-radius: 20px;
  }
}

@media (max-width: 768px) {
  .artist-page {
    padding: 22px 0 34px;
  }

  .artist-hero {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .artist-hero__cover {
    width: 220px;
    height: 220px;
    margin: 0 auto;
  }

  .artist-hero__main {
    text-align: center;
  }

  .artist-hero__title {
    font-size: 24px;
  }

  .artist-hero__meta,
  .artist-hero__genres,
  .artist-hero__links,
  .artist-stations__row {
    justify-content: center;
  }

  .artist-related__grid {
    grid-template-columns: repeat(auto-fit, minmax(140px, 140px));
    justify-content: center;
    gap: 22px 16px;
  }

  .artist-related__grid .artist-catalog__img,
  .artist-related__grid .radio-popular__img-wrap {
    width: 140px;
    height: 140px;
  }

  .artist-related__grid .artist-catalog__name,
  .artist-related__grid .radio-popular__name {
    max-width: 140px;
    font-size: 14px;
  }
}

/* ===== artist page social restore ===== */

.artist-hero__links,
.artist-links {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0 0 26px;
}

.artist-links .slink {
  position: relative;
  min-height: 32px;
  padding: 0 12px 0 36px;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.05);
  transition: .18s ease;
  color: #fff;
  font-size: 13px;
  line-height: 1;
}

.artist-links .slink:hover {
  transform: translateY(-2px);
}

.artist-links .slink::before {
  content: "";
  position: absolute;
  left: 8px;
  width: 18px;
  height: 18px;
  background-color: var(--brand,#0ea5e9);
  -webkit-mask: var(--mask) center/contain no-repeat;
  mask: var(--mask) center/contain no-repeat;
}



/* =========================================
   PODCASTS GRID = КАК У STATIONS
   ========================================= */

.podcast-page--stations .podcast-grid--stations {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px 18px;
  margin: 0;
  padding: 0;
}

.podcast-station-card {
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  min-width: 0;
  padding: 0;
  background: transparent;
}

.podcast-station-card__img {
  width: 72px;
  height: 72px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 8px;
  background: transparent;
}

.podcast-station-card__img img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
  border-radius: 6px;
}

.podcast-station-card__meta {
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 4px;
}

.podcast-station-card__title {
  margin: 0;
  display: block;
  min-width: 0;
  font-size: 15px;
  line-height: 1.2;
  font-weight: 600;
  color: #fff;
}

.podcast-station-card__title a {
  display: block;
  color: #fff;
  text-decoration: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.podcast-station-card__sub {
  display: block;
  min-width: 0;
  font-size: 13px;
  line-height: 1.2;
  color: #a9a9a9;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.podcast-station-card__sub a,
.podcast-station-card__sub span {
  color: inherit;
}

/* hover */
.podcast-station-card__title a:hover {
  color: #fff;
  opacity: .9;
}

.podcast-station-card__img:hover img {
  opacity: .96;
}

/* планшет */
@media (max-width: 991px) {
  .podcast-page--stations .podcast-grid--stations {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px 16px;
  }
}

/* моб */
@media (max-width: 767px) {
  .podcast-page--stations .podcast-grid--stations {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 14px;
  }

  .podcast-station-card {
    grid-template-columns: 64px minmax(0, 1fr);
    gap: 10px;
  }

  .podcast-station-card__img {
    width: 64px;
    height: 64px;
  }

  .podcast-station-card__title {
    font-size: 14px;
  }

  .podcast-station-card__sub {
    font-size: 12px;
  }
}

/* маленький моб */
@media (max-width: 480px) {
  .podcast-page--stations .podcast-grid--stations {
    grid-template-columns: 1fr;
  }
}


/* =========================================
   PODCAST VIEW
   ========================================= */

.podcast-view {
  color: #fff;
  padding: 0 0 32px;
}

.podcast-view__hero {
  display: grid;
  grid-template-columns: 270px minmax(0, 1fr);
  gap: 24px;
  align-items: start;
  margin-bottom: 42px;
}

.podcast-view__left {
  min-width: 0;
}

.podcast-view__cover {
  width: 270px;
  max-width: 100%;
  aspect-ratio: 1 / 1;
  border-radius: 6px;
  overflow: hidden;
  background: #111827;
}

.podcast-view__image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.podcast-view__main {
  min-width: 0;
  padding-top: 4px;
}

.podcast-view__title {
  margin: 0 0 14px;
  font-size: 26px;
  line-height: 1.1;
  font-weight: 700;
  color: #fff;
}

.podcast-view__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 14px;
  margin-bottom: 18px;
  color: rgba(255,255,255,.78);
  font-size: 14px;
  line-height: 1.45;
}

.podcast-view__meta span {
  display: inline-flex;
  align-items: center;
}

.podcast-view__site {
  margin-bottom: 16px;
}

.podcast-view__site a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 0 16px;
  border-radius: 8px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.03);
  color: #fff;
  font-weight: 600;
  text-decoration: none;
  transition: background .2s ease, border-color .2s ease, opacity .2s ease;
}

.podcast-view__site a:hover {
  background: rgba(255,255,255,.06);
  border-color: rgba(255,255,255,.2);
}
.podcast-view__site a.rss{
  position: relative;
  padding-left: 38px;
}

.podcast-view__site a.rss::before{
  content:"";
  position:absolute;
  left:12px;
  width:16px;
  height:16px;
  background-color:#ff9a00;

  -webkit-mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 44 44' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 37.714286C0 34.243 2.814399 31.428571 6.285647 31.428571C9.756896 31.428571 12.571294 34.243 12.571294 37.714286C12.571294 41.185571 9.756896 44 6.285647 44C2.814399 44 0 41.185571 0 37.714286ZM44 44H35.61919C35.61919 24.358714 19.641076 8.380429 0 8.380429V0C24.261026 0 44 19.738714 44 44ZM29.333072 44H20.952733C20.952733 32.446857 11.552548 23.048143 0 23.048143V14.666143C16.174541 14.666143 29.333072 27.825286 29.333072 44Z'/%3E%3C/svg%3E") center/contain no-repeat;

  mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 44 44' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 37.714286C0 34.243 2.814399 31.428571 6.285647 31.428571C9.756896 31.428571 12.571294 34.243 12.571294 37.714286C12.571294 41.185571 9.756896 44 6.285647 44C2.814399 44 0 41.185571 0 37.714286ZM44 44H35.61919C35.61919 24.358714 19.641076 8.380429 0 8.380429V0C24.261026 0 44 19.738714 44 44ZM29.333072 44H20.952733C20.952733 32.446857 11.552548 23.048143 0 23.048143V14.666143C16.174541 14.666143 29.333072 27.825286 29.333072 44Z'/%3E%3C/svg%3E") center/contain no-repeat;
}
.podcast-view__categories {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 22px;
}

.podcast-view__categories a,
.podcast-view__categories span {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 14px;
  border-radius: 8px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.02);
  color: #d7dbe2;
  font-size: 13px;
  text-decoration: none;
  transition: background .2s ease, border-color .2s ease;
}

.podcast-view__categories a:hover {
  background: rgba(255,255,255,.05);
  border-color: rgba(255,255,255,.18);
}

.podcast-view__description {
  margin: 0;
  color: rgba(255,255,255,.86);
  font-size: 14px;
  line-height: 1.75;
}

.podcast-view__description br:first-child {
  display: none;
}

.podcast-view__description p {
  margin: 0 0 14px;
}

.podcast-view__description > *:last-child {
  margin-bottom: 0;
}

.podcast-view__links {
  margin-top: 24px;
}

.podcast-block {
  margin-top: 6px;
}

.podcast-episodes {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

/* =========================================
   RESPONSIVE
   ========================================= */

@media (max-width: 1100px) {
  .podcast-view__hero {
    grid-template-columns: 220px minmax(0, 1fr);
    gap: 20px;
  }

  .podcast-view__cover {
    width: 220px;
  }

  .podcast-view__title {
    font-size: 32px;
  }

  .podcast-view__description {
    font-size: 16px;
  }
}

@media (max-width: 768px) {
  .podcast-view__hero {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .podcast-view__left {
    display: flex;
    justify-content: center;
  }

  .podcast-view__cover {
    width: 220px;
  }

  .podcast-view__main {
    text-align: center;
  }

  .podcast-view__meta,
  .podcast-view__categories {
    justify-content: center;
  }

  .podcast-view__site {
    display: flex;
    justify-content: center;
  }

  .podcast-view__title {
    font-size: 28px;
  }

  .podcast-view__description {
    text-align: left;
    font-size: 14px;
    line-height: 1.7;
  }
}

@media (max-width: 480px) {
  .podcast-view__cover {
    width: 180px;
    border-radius: 6px;
  }

  .podcast-view__title {
    font-size: 24px;
  }

  .podcast-view__meta {
    font-size: 13px;
    gap: 6px 10px;
  }
}



/* ===== PODCAST EPISODES AS STATION LIST ===== */

.podcast-episode-row {
  display: grid !important;
  grid-template-columns: 120px minmax(0, 1fr) 56px;
  gap: 18px !important;
  align-items: center !important;
  width: 100%;
  margin: 0 !important;
  padding: 0 !important;
}

.podcast-episode-row__image {
  width: 120px !important;
  min-width: 120px !important;
  max-width: 120px !important;
  height: 120px !important;
  min-height: 120px !important;
  max-height: 120px !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  background: #111 !important;
}

.podcast-episode-row__image .station-logo-card,
.podcast-episode-row__image picture,
.podcast-episode-row__image img {
  display: block;
  width: 100%;
  height: 100%;
}

.podcast-episode-row__img {
  object-fit: cover !important;
}

.podcast-episode-row__content {
  min-width: 0 !important;
  display: block !important;
  padding: 0 !important;
  text-align: left !important;
}

.podcast-episode-row__title {
  margin: 0 0 10px !important;
  font-size: 18px !important;
  line-height: 1.3 !important;
  font-weight: 700 !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  text-align: left !important;
}

.podcast-episode-row__title a {
  color: #fff;
  text-decoration: none;
}

.podcast-episode-row__meta {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px 16px !important;
  align-items: center !important;
  margin: 0 0 10px !important;
}

.podcast-episode-row__meta .artciles__li {
  font-size: 13px !important;
  line-height: 1.35 !important;
  color: #b8b8b8 !important;
}

.podcast-episode-row__desc {
  display: block !important;
  margin: 0 !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
  color: #d6d6d6 !important;
}

.podcast-episode-row__right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.podcast-episode-row__right .station2-playbtn {
  width: 46px;
  height: 46px;
  min-width: 46px;
  border-radius: 50%;
  background: #2ea8ff;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.podcast-episode-row__right .station2-playbtn svg {
  width: 22px;
  height: 22px;
  margin-left: 2px;
}

.podcast-episodes {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

@media (max-width: 900px) {
  .podcast-episode-row {
    grid-template-columns: 96px minmax(0, 1fr) 48px;
    gap: 14px !important;
  }

  .podcast-episode-row__image {
    width: 96px !important;
    min-width: 96px !important;
    max-width: 96px !important;
    height: 96px !important;
    min-height: 96px !important;
    max-height: 96px !important;
  }

  .podcast-episode-row__title {
    font-size: 16px !important;
  }

  .podcast-episode-row__desc {
    font-size: 13px !important;
  }
}

@media (max-width: 640px) {
  .podcast-episode-row {
    grid-template-columns: 84px minmax(0, 1fr);
    gap: 12px !important;
  }

  .podcast-episode-row__image {
    width: 84px !important;
    min-width: 84px !important;
    max-width: 84px !important;
    height: 84px !important;
    min-height: 84px !important;
    max-height: 84px !important;
  }

  .podcast-episode-row__right {
    grid-column: 2;
    justify-content: flex-start;
    margin-top: 8px;
  }

  .podcast-episode-row__title {
    margin-bottom: 8px !important;
    font-size: 15px !important;
  }

  .podcast-episode-row__meta {
    margin-bottom: 8px !important;
  }
}

/* =========================================
   EPISODE PAGE
   ========================================= */

.podcast-view {
  color: #fff;
  padding: 0 0 32px;
}

.podcast-view__hero {
  display: grid;
  grid-template-columns: 270px minmax(0, 1fr);
  gap: 24px;
  align-items: start;
  margin-bottom: 42px;
}

.podcast-view__left {
  min-width: 0;
}

.podcast-view__cover {
  width: 270px;
  max-width: 100%;
  aspect-ratio: 1 / 1;
  border-radius: 6px;
  overflow: hidden;
  background: #111827;
}

.podcast-view__image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.podcast-view__main {
  min-width: 0;
  padding-top: 4px;
}

.podcast-view__title {
  margin: 0 0 14px;
  font-size: 26px;
  line-height: 1.1;
  font-weight: 600;
  color: #fff;
}

.podcast-view__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 14px;
  margin-bottom: 18px;
  color: rgba(255,255,255,.78);
  font-size: 14px;
  line-height: 1.45;
}

.podcast-view__meta span {
  display: inline-flex;
  align-items: center;
}

.podcast-episode-player {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
}

.podcast-episode-player .station2-playbtn {
  width: 56px;
  height: 56px;
  border: 0;
  border-radius: 50%;
  background: #4DA3FF;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.podcast-episode-player .station2-playbtn svg {
  width: 24px;
  height: 24px;
  margin-left: 2px;
}

.podcast-view__podcast-link {
  margin-bottom: 18px;
}

.podcast-view__podcast-link a {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 14px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.02);
  color: #d7dbe2;
  font-size: 13px;
  text-decoration: none;
  transition: background .2s ease, border-color .2s ease;
}

.podcast-view__podcast-link a:hover {
  background: rgba(255,255,255,.05);
  border-color: rgba(255,255,255,.18);
}

.podcast-view__categories {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 22px;
}

.podcast-view__categories a,
.podcast-view__categories span {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 14px;
  border-radius: 8px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.02);
  color: #d7dbe2;
  font-size: 13px;
  text-decoration: none;
  transition: background .2s ease, border-color .2s ease;
}

.podcast-view__categories a:hover {
  background: rgba(255,255,255,.05);
  border-color: rgba(255,255,255,.18);
}

.podcast-view__description {
  margin: 0;
  color: rgba(255,255,255,.86);
  font-size: 14px;
  line-height: 1.6;
}

.podcast-view__description br:first-child {
  display: none;
}

.podcast-view__description p {
  margin: 0 0 14px;
}

.podcast-view__description > *:last-child {
  margin-bottom: 0;
}

.podcast-view__links {
  margin-top: 24px;
}

/* =========================================
   PODCAST ABOUT
   ========================================= */

.podcast-about {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 260px;
  gap: 28px;
  align-items: center;
  margin: 8px 0 34px;
  padding: 22px;
  border-radius: 22px;
  background: linear-gradient(90deg, rgba(255,255,255,.06) 0%, rgba(255,255,255,.02) 100%);
  border: 1px solid rgba(255,255,255,.06);
}

.podcast-about__main {
  min-width: 0;
}

.podcast-about__title {
  margin: 0 0 14px;
  font-size: 24px;
  line-height: 1.2;
  font-weight: 700;
}

.podcast-about__title a {
  color: #fff;
  text-decoration: none;
}

.podcast-about__description {
  color: rgba(255,255,255,.86);
  font-size: 14px;
  line-height: 1.4;
}

.podcast-about__description p {
  margin: 0 0 14px;
}

.podcast-about__description > *:last-child {
  margin-bottom: 0;
}

.podcast-about__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 16px;
  margin-top: 18px;
  ccolor:#fff;
  font-size: 14px;
  line-height: 1.45;
}

.podcast-about__actions {
  margin-top: 18px;
}

.podcast-about__site {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 0 16px;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.03);
  color: #fff;
  font-weight: 600;
  text-decoration: none;
  transition: background .2s ease, border-color .2s ease;
}

.podcast-about__site:hover {
  background: rgba(255,255,255,.06);
  border-color: rgba(255,255,255,.2);
}

.podcast-about__media {
  display: block;
  width: 260px;
  max-width: 100%;
  margin-left: auto;
  border-radius: 6px;
  overflow: hidden;
  background: #111827;
}

.podcast-about__image {
  display: block;
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
}

/* =========================================
   TRANSCRIPT
   ========================================= */

.podcast-transcript {
  margin: 0 0 34px;
  padding: 22px;
  border-radius: 18px;
  background: rgba(255,255,255,.03);
  border: 1px solid rgba(255,255,255,.06);
}

.podcast-transcript h2 {
  margin: 0 0 14px;
  font-size: 24px;
  line-height: 1.2;
  font-weight: 700;
  color: #fff;
}

.podcast-transcript details {
  display: block;
}

.podcast-transcript summary {
  cursor: pointer;
  color: #fff;
  font-weight: 600;
  list-style: none;
}

.podcast-transcript summary::-webkit-details-marker {
  display: none;
}

.podcast-transcript__body {
  margin-top: 16px;
  color: rgba(255,255,255,.84);
  font-size: 15px;
  line-height: 1.75;
}

/* =========================================
   PODCAST EPISODES LIST
   ========================================= */

.podcast-block {
  margin-top: 6px;
}

.podcast-episodes {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.podcast-episode-row {
  display: grid !important;
  grid-template-columns: 120px minmax(0, 1fr) 56px;
  gap: 18px !important;
  align-items: center !important;
  width: 100%;
  margin: 0 !important;
  padding: 0 !important;
}

.podcast-episode-row__image {
  width: 120px !important;
  min-width: 120px !important;
  max-width: 120px !important;
  height: 120px !important;
  min-height: 120px !important;
  max-height: 120px !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  background: #111 !important;
}

.podcast-episode-row__image .station-logo-card,
.podcast-episode-row__image picture,
.podcast-episode-row__image img {
  display: block;
  width: 100%;
  height: 100%;
}

.podcast-episode-row__img {
  object-fit: cover !important;
}

.podcast-episode-row__content {
  min-width: 0 !important;
  display: block !important;
  padding: 0 !important;
  text-align: left !important;
}

.podcast-episode-row__title {
  margin: 0 0 10px !important;
  font-size: 18px !important;
  line-height: 1.3 !important;
  font-weight: 700 !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  text-align: left !important;
}

.podcast-episode-row__title a {
  color: #fff;
  text-decoration: none;
}

.podcast-episode-row__meta {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px 16px !important;
  align-items: center !important;
  margin: 0 0 10px !important;
}

.podcast-episode-row__meta .artciles__li {
  font-size: 13px !important;
  line-height: 1.35 !important;
  color: #b8b8b8 !important;
}

.podcast-episode-row__desc {
  display: block !important;
  margin: 0 !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
  color: #d6d6d6 !important;
}

.podcast-episode-row__right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.podcast-episode-row__right .station2-playbtn {
  width: 46px;
  height: 46px;
  min-width: 46px;
  border-radius: 50%;
  background: #4DA3FF;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.podcast-episode-row__right .station2-playbtn svg {
  width: 22px;
  height: 22px;
  margin-left: 2px;
}

/* =========================================
   RESPONSIVE
   ========================================= */

@media (max-width: 1100px) {
  .podcast-view__hero {
    grid-template-columns: 220px minmax(0, 1fr);
    gap: 20px;
  }

  .podcast-view__cover {
    width: 220px;
  }

  .podcast-view__title {
    font-size: 32px;
  }

  .podcast-view__description {
    font-size: 14px;
  }

  .podcast-about {
    grid-template-columns: minmax(0, 1fr) 220px;
  }

  .podcast-about__media {
    width: 220px;
  }
}

@media (max-width: 900px) {
  .podcast-episode-row {
    grid-template-columns: 96px minmax(0, 1fr) 48px;
    gap: 14px !important;
  }

  .podcast-episode-row__image {
    width: 96px !important;
    min-width: 96px !important;
    max-width: 96px !important;
    height: 96px !important;
    min-height: 96px !important;
    max-height: 96px !important;
  }

  .podcast-episode-row__title {
    font-size: 16px !important;
  }

  .podcast-episode-row__desc {
    font-size: 13px !important;
  }
}

@media (max-width: 768px) {
  .podcast-view__hero {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .podcast-view__left {
    display: flex;
    justify-content: center;
  }

  .podcast-view__cover {
    width: 220px;
  }

  .podcast-view__main {
    text-align: center;
  }

  .podcast-view__meta,
  .podcast-view__categories {
    justify-content: center;
  }

  .podcast-episode-player {
    justify-content: center;
  }

  .podcast-view__podcast-link {
    text-align: center;
  }

  .podcast-view__title {
    font-size: 28px;
  }

  .podcast-view__description {
    text-align: left;
    font-size: 14px;
    line-height: 1.7;
  }

  .podcast-about {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .podcast-about__media {
    width: 220px;
    margin: 0 auto;
  }
}

@media (max-width: 640px) {
  .podcast-episode-row {
    grid-template-columns: 84px minmax(0, 1fr);
    gap: 12px !important;
  }

  .podcast-episode-row__image {
    width: 84px !important;
    min-width: 84px !important;
    max-width: 84px !important;
    height: 84px !important;
    min-height: 84px !important;
    max-height: 84px !important;
  }

  .podcast-episode-row__right {
    grid-column: 2;
    justify-content: flex-start;
    margin-top: 8px;
  }

  .podcast-episode-row__title {
    margin-bottom: 8px !important;
    font-size: 15px !important;
  }

  .podcast-episode-row__meta {
    margin-bottom: 8px !important;
  }
}

@media (max-width: 480px) {
  .podcast-view__cover {
    width: 180px;
    border-radius: 16px;
  }

  .podcast-view__title {
    font-size: 24px;
  }

  .podcast-view__meta {
    font-size: 13px;
    gap: 6px 10px;
  }

  .podcast-about__title,
  .podcast-transcript h2 {
    font-size: 22px;
  }

  .podcast-about__media {
    width: 180px;
  }
}


//*Рлжсветка эпизода*//
.podcast-episode-row {
  border-radius: 12px;
  transition: background .2s ease, border .2s ease;
}

.podcast-episode-row.is-playing {
  background: rgba(46,184,69,.12) !important;
  /*border: 1px solid rgba(46,184,69,.25) !important;
  padding: 10px 12px !important;*/
}

/* заголовок */
.podcast-episode-row.is-playing .podcast-episode-row__title,
.podcast-episode-row.is-playing .podcast-episode-row__title a,
.podcast-episode-row.is-playing .podcast-episode-row__title span {
  color: #4DA3FF !important;
}






/* кнопка */
.podcast-episode-row.is-playing .station2-playbtn {
  background: #4DA3FF !important;
  color: #fff !important;
}

/* hover */
.podcast-episode-row:not(.is-playing):hover {
  background: rgba(255,255,255,.04);
}

.podcast-episode-row.is-playing:hover {
  background: rgba(46,184,69,.10) !important;
}
//*Рлжсветка эпизода*//

//*Иконки*//
.podcast-view__meta span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.podcast-view__meta svg {
  flex: 0 0 16px;
  width: 16px;
  height: 16px;
  opacity: .9;
	 color: #4DA3FF;
}

.artciles__li {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

.artciles__li svg {
  flex: 0 0 14px;
  width: 14px;
  height: 14px;
  opacity: .8;
}

.artciles__li svg {
  color: #4DA3FF;
}



#stationsBox.stations-box--grid .podcast-episode-row__right {
  display: none !important;
}
#stationsBox.stations-box--list .podcast-episode-row__right {
  display: flex !important;
}

#stationsBox .podcast-episode-row__image {
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  background: transparent !important;
  border-radius: 0 !important;
  overflow: visible !important;
  flex: initial !important;
}

#stationsBox.stations-box--grid .podcast-episode-row__image {
  aspect-ratio: 1 / 1 !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  background: #f1f1f1 !important;
}

#stationsBox .podcast-episode-row__img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

#stationsBox.stations-box--grid .podcast-episode-row__title {
  margin: 0 !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
  font-weight: 500 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-align: center !important;
}

#stationsBox.stations-box--grid .podcast-episode-row__content {
  display: block !important;
  padding: 8px 0 0 !important;
  text-align: center !important;
}

/* =========================================================
   BREADCRUMBS
========================================================= */
.breadcrumbs{
  display:flex;
  align-items:center;
  gap:8px;
  color:rgba(255,255,255,.55);
  font-size:13px;
  margin:10px 0 14px;
	padding-bottom:10px;
}

html[data-theme="light"] .breadcrumbs{
  color:rgba(14,19,32,.55);
}

.breadcrumbs a{
  color:inherit;
  text-decoration:none;
}

.breadcrumbs a:hover{
   text-decoration:none;
}

.breadcrumbs .sep{
  margin:0 2px;
  opacity:.6;
}



.artciles__showmore.showmore-artciles {
    margin: 20px 0;
    padding: 14px 16px 14px 40px;
    border-radius: 10px;

    background: rgba(255, 80, 80, 0.08);
    color: #ff8a8a;

    font-size: 14px;
    line-height: 1.5;

    position: relative;
}

/* иконка */
.artciles__showmore.showmore-artciles::before {
    content: "⚠";
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 16px;
    opacity: 0.9;
}

.header__menu {
    margin-left: auto;
}

/* сама кнопка */
.menu__icon {
    margin-left: auto;
}


@media (max-width: 47.99875em) {
  .menu__body {
    padding: 110px 20px 36px !important;
  }

  .menu__list {
    padding: 0 !important;
    gap: 12px !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
  }

  .menu__item {
    width: 100% !important;
  }

  .menu__link {
    width: 100% !important;
    min-height: 52px !important;
    padding: 0 18px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;

    border-radius: 8px !important;
    border: none !important;
    background: #1d1c1c !important;
  }

  .menu__link::before {
    display: none !important;
  }

  .menu__body::before {
    height: 84px !important;
  }
}

/* поиск не липнет к меню */
.header__bottom {
  padding-bottom: 20px !important;
}

/* сам блок поиска */
.header__searchline {
  margin: 12px auto 0 !important;
}

/* на мобиле чуть больше воздуха */
@media (max-width: 768px) {
  .header__bottom {
    padding-bottom: 26px !important;
  }

  .header__searchline {
    margin-top: 16px !important;
  }
}

.header {
  padding-bottom: 10px !important;
}

@media (max-width: 560px) {

  /* отодвинуть поиск от header */
  .header__bottom {
    padding-bottom: 32px !important;
  }

  /* сам поиск ниже */
  #q_search {
    margin-top: 18px !important;
  }

  /* если всё равно липнет — это решает */
  .header__searchline {
    margin-top: 18px !important;
  }

}
.artists-home__body {
    display: flex;
    justify-content: center;
}

.artists-home__body .radio-popular__grid {
    display: flex;
    gap: 16px;
    overflow-x: auto;
}
.artist-catalog__img {
    width: 120px;
    aspect-ratio: 1/1;
    border-radius: 50%;
    overflow: hidden;
    display: block;
}

.artist-catalog__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

html.pjax-loading,
body.pjax-loading {
  cursor: progress;
}

[data-pjax-container] {
  position: relative;
  transition: opacity .18s ease;
}

/* затемнение */
body.pjax-loading [data-pjax-container] {
  opacity: .55;
  pointer-events: none;
}

/* центр + волна */
body.pjax-loading [data-pjax-container]::before,
body.pjax-loading [data-pjax-container]::after {
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  border-radius:50%;
  transform: translate(-50%, -50%);
  z-index:10;
}

/* точка */
body.pjax-loading [data-pjax-container]::before {
  width:10px;
  height:10px;
  background: rgba(255,255,255,.92);
  box-shadow:
    0 0 0 6px rgba(255,255,255,.06),
    0 0 22px rgba(255,255,255,.20);
}

/* волна */
body.pjax-loading [data-pjax-container]::after {
  width:14px;
  height:14px;
  border:2px solid rgba(255,255,255,.45);
  box-shadow: 0 0 24px rgba(255,255,255,.18);
  animation: radioWave 1.2s ease-out infinite;
}

@keyframes radioWave {
  0% {
    width:14px;
    height:14px;
    opacity:.9;
    transform: translate(-50%, -50%) scale(1);
  }
  70% {
    width:110px;
    height:110px;
    opacity:.18;
    transform: translate(-50%, -50%) scale(1);
  }
  100% {
    width:130px;
    height:130px;
    opacity:0;
    transform: translate(-50%, -50%) scale(1);
  }
}



.artist-related{
  position:relative;
  padding-top:12px;
}

.artist-row{
  display:flex;
  flex-wrap:nowrap;
  gap:14px;
  overflow-x:auto;
  overflow-y:hidden;
  padding:8px 0 10px;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
}

.artist-row::-webkit-scrollbar{
  display:none;
}

.artist-row__item{
  flex:0 0 110px;
  width:110px;
  min-width:110px;
  max-width:110px;
  text-align:center;
  text-decoration:none;
  position:relative;
  z-index:1;
  transform:translateY(0);
  transition:transform .25s ease;
}

.artist-row__img{
  display:block;
  width:110px;
  height:110px;
  border-radius:50%;
  overflow:hidden;
  box-shadow:0 0 0 0 rgba(0,0,0,0);
  transition:box-shadow .25s ease;
}

.artist-row__img img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  transform:scale(1);
  transition:transform .35s ease;
}

.artist-row__name{
  display:block;
  margin-top:8px;
  font-size:13px;
  line-height:1.25;
  white-space:normal;
  overflow:hidden;
  opacity:.88;
  transition:opacity .2s ease;
}

.artist-row__item:hover{
  transform:translateY(-4px);
  z-index:3;
}

.artist-row__item:hover .artist-row__img{
  box-shadow:0 8px 20px rgba(0,0,0,.28);
}

.artist-row__item:hover .artist-row__img img{
  transform:scale(1.08);
}

.artist-row__item:hover .artist-row__name{
  opacity:1;
}

.now-live-dot {
  width: 12px;
  height: 12px;
  margin-right: 12px;
  border-radius: 50%;
  background: #ff3b3b;
  display: inline-block;
  position: relative;
}

.now-live-dot::after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background: #ff3b3b;
  animation: nowPulse 1.5s infinite;
}

@keyframes nowPulse {
  0% { transform: scale(1); opacity: 0.8; }
  100% { transform: scale(2.5); opacity: 0; }
}