/* TV-RF catalog toolbar */

#one_cam_filter_box .sort_block {

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    gap: 12px;

    padding: 14px 16px;

    margin: 18px 0;

    background: #111b35;

    border: 1px solid #29375a;

    border-radius: 14px;

    color: #e8ecfa;

    box-sizing: border-box;

}

#one_cam_filter_box .sort_block a {

    display: inline-flex;

    align-items: center;

    padding: 9px 14px;

    margin: 0;

    border: 1px solid #46517a;

    border-radius: 9px;

    background: #1b2745;

    color: #e8ecfa;

    text-decoration: none;

}

#one_cam_filter_box .sort_block a.active {

    background: #7657df;

    border-color: #9278f0;

    color: #fff;

}

#one_cam_filter_box #show_count {

    float: none;

    margin-left: auto;

}

#one_cam_filter_box #show_count select,

#one_cam_filter_box .tv-filter-select {

    min-height: 42px;

    padding: 9px 34px 9px 12px;

    border: 1px solid #46517a;

    border-radius: 9px;

    background: #1b2745;

    color: #fff;

    font-size: 14px;

    max-width: 100%;

}

@media (max-width: 700px) {

    #one_cam_filter_box .sort_block {

        align-items: stretch;

        gap: 9px;

        padding: 12px;

    }

    #one_cam_filter_box .sort_block a {

        flex: 1 1 100%;

        justify-content: center;

        min-height: 42px;

        box-sizing: border-box;

    }

    #one_cam_filter_box #show_count {

        float: none;

        width: 100%;

        margin: 4px 0 0;

    }

    #one_cam_filter_box #show_count form {

        display: flex;

        align-items: center;

        justify-content: space-between;

        gap: 10px;

    }

    #one_cam_filter_box #show_count select {

        flex: 0 1 110px;

    }

}




/* Убираем поиск и сброс фильтров */

#one_cam_filter_box .tv-catalog-search {

    display: none !important;

}



/* Убираем рекламный блок над каталогом на странице каталога */

body:has(#one_cam_filter_box) .width-1000:has(#yandex_rtb_R-A-1709883-10) {

    display: none !important;

}



/* Убираем лишние вертикальные отступы */

#one_cam_filter_box {

    margin-top: 0 !important;

    padding-top: 0 !important;

}



#one_cam_filter_box .tv-catalog-layout {

    margin-top: 0 !important;

    padding-top: 0 !important;

}



#one_cam_filter_box .sort_block {

    margin-top: 8px !important;

    margin-bottom: 10px !important;

}



@media (max-width: 700px) {

    #one_cam_filter_box .tv-catalog-layout {

        row-gap: 12px !important;

    }



    #one_cam_filter_box .sort_block {

        margin-top: 0 !important;

    }

}




/* Уменьшаем отступ от мобильной шапки до фильтров */

@media (max-width: 700px) {

    #one_cam_filter_box {

        margin-top: -28px !important;

    }

}


/* TV-RF mobile catalog */
@media (max-width:700px) {
  .tv-catalog-layout {
    display:flex!important;
    flex-direction:column!important;
    gap:12px!important;
  }

  .tv-catalog-main { order:1; width:100%!important; }
  .tv-catalog-sidebar {
    order:2;
    display:block!important;
    width:100%!important;
    padding:12px!important;
    margin:0!important;
    background:#151f33!important;
    border:1px solid #293852!important;
    border-radius:14px!important;
    box-sizing:border-box!important;
  }

  .tv-catalog-search {
    display:block!important;
    margin:0 0 12px!important;
  }
  .tv-catalog-search form {display:flex!important;gap:8px!important;flex-wrap:wrap}
  .tv-catalog-search input[type=search] {
    flex:1;min-width:0;height:46px;padding:0 14px!important;
    color:#fff!important;background:#202b40!important;
    border:1px solid #34425d!important;border-radius:12px!important;
    box-sizing:border-box!important;
  }
  .tv-catalog-search button {
    width:44px;height:46px;font-size:0!important;
    background:#8b42ef!important;border:0!important;border-radius:12px!important;
  }
  .tv-catalog-search button:after {content:"⌕";font-size:25px;color:#fff}

  .tv-catalog-sidebar .tv-filter-heading {display:none!important}
  .tv-catalog-sidebar .tv-filter-group {margin:0 0 8px!important}
  .tv-catalog-sidebar .tv-filter-title {display:none!important}
  .tv-catalog-sidebar .tv-filter-select {
    width:100%!important;height:44px!important;
    color:#fff!important;background:#202b40!important;
    border:1px solid #34425d!important;border-radius:11px!important;
  }
  .tv-catalog-sidebar .tv-filter-submit {
    width:100%!important;min-height:42px!important;
    color:#fff!important;background:#843df0!important;
    border:0!important;border-radius:11px!important;
  }

  .sort_block {
    display:flex!important;align-items:center!important;
    gap:8px!important;flex-wrap:wrap!important;
    margin:0 0 12px!important;padding:0!important;
    font-size:0!important;
  }
  .sort_block a {
    display:inline-flex!important;align-items:center;
    min-height:38px;padding:0 13px!important;
    color:#eaf0ff!important;background:#202b40!important;
    border:1px solid #34425d!important;border-radius:11px!important;
    font-size:13px!important;text-decoration:none!important;
  }
  .sort_block a.active {
    background:#843df0!important;border-color:#843df0!important;
  }
  .sort_block #show_count {display:none!important}

  .cam_item:not(.banner) {
    display:flex!important;align-items:center!important;
    gap:12px!important;position:relative!important;
    min-height:72px!important;margin:0 0 9px!important;
    padding:10px 12px!important;box-sizing:border-box!important;
    background:#151f33!important;border:1px solid #293852!important;
    border-radius:14px!important;color:#fff!important;
  }
  .cam_item:not(.banner) .icon {
    flex:0 0 60px!important;width:60px!important;height:60px!important;
    margin:0!important;overflow:hidden;border-radius:9px!important;
    background:#202b40!important;
  }
  .cam_item:not(.banner) .icon img {
    display:block!important;width:100%!important;height:100%!important;
    object-fit:contain!important;
  }
  .cam_item:not(.banner) .name {
    flex:1;min-width:0;margin:0!important;
    color:#fff!important;font-size:15px!important;
    font-weight:700!important;line-height:1.3!important;
  }
  .cam_item:not(.banner) .desc {
    color:#aebbd0!important;font-size:12px!important;
    line-height:1.35!important;
  }
  .cam_item:not(.banner) .list_cam_image_services {
    display:none!important;
  }
}

@media (max-width:700px) {
  #one_cam_filter_box,
  #one_cam_filter_box > .width-1000 {
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    padding-left:10px!important;
    padding-right:10px!important;
    box-sizing:border-box!important;
  }

  .tv-catalog-layout,
  .tv-catalog-main,
  .tv-catalog-sidebar {
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }

  .cam_item:not(.banner) {
    width:100%!important;
    max-width:none!important;
    box-sizing:border-box!important;
    margin-left:0!important;
    margin-right:0!important;
  }

  .tv-catalog-sidebar {
    padding:10px!important;
  }
}

@media (max-width:700px) {
  #one_cam_filter_box > .width-1000 {
    padding-left:0!important;
    padding-right:0!important;
  }

  .tv-catalog-layout {
    width:calc(100% + 40px)!important;
    max-width:none!important;
    margin-left:-20px!important;
    margin-right:-20px!important;
  }

  .tv-catalog-main,
  .tv-catalog-sidebar {
    width:100%!important;
    max-width:none!important;
  }

  .cam_item:not(.banner) {
    width:100%!important;
    max-width:none!important;
  }
}

@media (max-width:700px) {
  #one_cam_filter_box > .width-1000 {
    width:calc(100vw - 38px)!important;
    max-width:calc(100vw - 38px)!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding:0!important;
    box-sizing:border-box!important;
  }

  .tv-catalog-layout {
    display:flex!important;
    flex-direction:column!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    gap:12px!important;
  }

  .tv-catalog-main,
  .tv-catalog-sidebar,
  .cam_item:not(.banner) {
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    box-sizing:border-box!important;
  }
}

/* Mobile TV channel rows */
@media (max-width:700px) {
  .cam_item:not(.banner) {
    display:flex!important;
    flex-direction:column!important;
    flex-wrap:wrap!important;
    align-content:flex-start!important;
    justify-content:center!important;
    min-height:72px!important;
    height:auto!important;
    padding:12px 12px 12px 82px!important;
    position:relative!important;
    margin:0 0 8px!important;
    background:#111d32!important;
    border:1px solid #293852!important;
    border-radius:13px!important;
    box-shadow:none!important;
    text-align:left!important;
  }

  .cam_item:not(.banner) .icon {
    position:absolute!important;
    left:10px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    width:60px!important;
    height:60px!important;
    margin:0!important;
    border-radius:8px!important;
    overflow:hidden!important;
  }

  .cam_item:not(.banner) .icon img {
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
  }

  .cam_item:not(.banner) .name {
    width:100%!important;
    margin:0 0 4px!important;
    color:#fff!important;
    font-size:14px!important;
    font-weight:700!important;
    text-align:left!important;
  }

  .cam_item:not(.banner) .desc {
    width:100%!important;
    margin:0!important;
    color:#b9c5d8!important;
    font-size:11px!important;
    text-align:left!important;
  }

  .cam_item:not(.banner) .list_cam_image_services {
    display:block!important;
    position:absolute!important;
    inset:0!important;
    z-index:3!important;
    opacity:0!important;
    overflow:hidden!important;
  }

  .cam_item:not(.banner) .list_cam_image_services a {
    display:block!important;
    width:100%!important;
    height:100%!important;
  }

  .cam_item:not(.banner) .list_cam_image_services a img {
    display:block!important;
    width:100%!important;
    height:100%!important;
  }

  .sort_block {
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    gap:7px!important;
    padding:0!important;
  }

  .sort_block a {
    flex:1!important;
    justify-content:center!important;
    padding:0 7px!important;
    font-size:11px!important;
    white-space:nowrap!important;
  }
}

@media (max-width:700px) {
  .tv-catalog-main .cam_item:not(.banner) {
    margin-top:0!important;
    margin-bottom:7px!important;
  }

  .tv-catalog-main {
    row-gap:0!important;
    gap:0!important;
  }
}

@media (max-width:700px) {
  .tvrf-main-nav .tvrf-nav-links > a.is-active,
  .tvrf-main-nav .tvrf-nav-links > a[href="/online-tv/"].is-active {
    background:#6835d0!important;
    color:#fff!important;
    border-color:#6835d0!important;
  }

  .tv-catalog-main .cam_item:not(.banner) {
    margin-bottom:7px!important;
  }
}

/* Active catalog navigation */
.tvrf-main-nav .tvrf-nav-links > a[href="/online-tv/"].is-active {
  background:#6835d0!important;
  color:#fff!important;
  box-shadow:0 0 0 1px #8958ed inset!important;
}

.tvrf-main-nav .tvrf-nav-links > a[href="/online-tv/"].is-active:after {
  background:#c4a5ff!important;
  box-shadow:0 0 9px #a855f7!important;
}


@media (max-width:700px) {
  body:has(#one_cam_filter_box) .tvrf-nav-links > a[href="/"] {
    background:#edf1f8!important;
    color:#142039!important;
  }

  body:has(#one_cam_filter_box) .tvrf-nav-links > a[href="/online-tv/"] {
    background:#6835d0!important;
    color:#fff!important;
    box-shadow:0 2px 8px rgba(104,53,208,.25)!important;
  }
}

@media screen and (max-width:700px) {
  .tvrf-nav-links > a[href="/"] {
    background:#edf1f8!important;
    color:#142039!important;
    box-shadow:none!important;
  }

  .tvrf-nav-links > a[href="/online-tv/"] {
    background:#6835d0!important;
    color:#fff!important;
    box-shadow:0 2px 8px rgba(104,53,208,.25)!important;
  }
}

@media screen and (max-width:700px) {
  #main_menu .tvrf-nav-links > a[href="/"] {
    background:#edf1f8!important;
    color:#142039!important;
    box-shadow:none!important;
  }

  #main_menu .tvrf-nav-links > a[href="/online-tv/"] {
    background:#6835d0!important;
    color:#fff!important;
    box-shadow:0 2px 8px rgba(104,53,208,.25)!important;
  }
}

@media screen and (max-width:700px) {
  #main_menu .tvrf-nav-links > a[href="/"]:not(.is-active) {
    background:#edf1f8!important;
    color:#142039!important;
    box-shadow:none!important;
  }

  #main_menu .tvrf-nav-links > a[href="/online-tv/"].is-active {
    background:#6835d0!important;
    color:#fff!important;
    box-shadow:0 2px 8px rgba(104,53,208,.25)!important;
  }
}

/* Final mobile menu active state */
@media screen and (max-width:700px) {
  #main_menu .tvrf-nav-links > a[href="/"]:not(.is-active) {
    background:#edf1f8!important;
    color:#142039!important;
    box-shadow:none!important;
  }
  #main_menu .tvrf-nav-links > a[href="/"].is-active {
    background:#6835d0!important;
    color:#fff!important;
  }
  #main_menu .tvrf-nav-links > a[href="/online-tv/"]:not(.is-active) {
    background:#edf1f8!important;
    color:#142039!important;
    box-shadow:none!important;
  }
  #main_menu .tvrf-nav-links > a[href="/online-tv/"].is-active {
    background:#6835d0!important;
    color:#fff!important;
    box-shadow:0 2px 8px rgba(104,53,208,.25)!important;
  }
}