@import url("https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800;900&display=swap");

/* 

Add here your custom css styles Example: p { text-align: center; color: red; } 

*/
.selected-category-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
}

.category-choice-chip {
  border: 1px solid rgba(0,0,0,.12);
  background: #f5f7fb;
  color: #222;
  border-radius: 16px;
  padding: 6px 10px;
  font-size: 13px;
  line-height: 1;
  cursor: pointer;
}
.category-choice-chip span {
  display: inline-block;
  margin-left: 6px;
  font-weight: 700;
}
.bootstrap-select.video-category-picker .dropdown-toggle .filter-option-inner-inner {
  white-space: normal;
}

/* Hangleak YouTube Dark Premium skin - public theme only. Player CSS is intentionally untouched. */
:root {
  --hl-bg: #0f0f0f;
  --hl-panel: #181818;
  --hl-panel-2: #212121;
  --hl-panel-3: #272727;
  --hl-text: #f1f1f1;
  --hl-muted: #a7a7a7;
  --hl-line: rgba(255,255,255,.1);
  --hl-red: #ff0033;
  --hl-red-soft: #cc0029;
  --hl-radius: 12px;
  --hl-font: "Be Vietnam Pro", "Be Vietnam", Inter, "Segoe UI", Roboto, Arial, sans-serif;
}

html,
body,
#pt-body {
  background: var(--hl-bg) !important;
  color: var(--hl-text);
  font-family: var(--hl-font) !important;
}

body,
button,
input,
select,
textarea {
  font-family: var(--hl-font) !important;
}

a,
a:hover,
a:focus {
  color: inherit;
}

.content,
.pt_shadow,
.user-setting-panel,
.settings-sidebar,
.login-page,
.matdialog .modal-content,
.dropdown-menu,
.publisher-element,
.yp_pub_elemnt .publisher-element,
.messages-sidebar,
.messages-recipients-list,
.messages-container,
.articles-content,
.pt_invit_link,
.wallet,
.sidebar-ad-container,
.video-processing > div:not(.pay_to_content_background) {
  background: var(--hl-panel) !important;
  border-color: var(--hl-line) !important;
  border-radius: var(--hl-radius) !important;
  box-shadow: none !important;
  color: var(--hl-text) !important;
}

.content,
.pt_shadow,
.user-setting-panel {
  padding: 16px;
}

hr,
.dark_hr,
.publisher-element,
.yp_side_drawer ul.sections,
.table > thead > tr > th,
.table > tbody > tr > td {
  border-color: var(--hl-line) !important;
}

.navbar-fixed-top,
nav.navbar-findcond,
.navbar.navbar-findcond.navbar-default.second-header-layout {
  background: rgba(15,15,15,.96) !important;
  border-color: var(--hl-line) !important;
  box-shadow: none !important;
  backdrop-filter: blur(14px);
}

nav.navbar-findcond .yp_slide_menu span {
  width: 34px;
  height: 34px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  margin: 10px 8px !important;
  padding: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--hl-text) !important;
}

nav.navbar-findcond .yp_slide_menu span svg {
  width: 22px;
  height: 22px;
}

nav.navbar-findcond .search-header input,
nav.navbar-findcond.search-bar input,
.form-control,
.input-group .form-control,
textarea,
select,
body .pp_mat_input > .bootstrap-select > button {
  background: #121212 !important;
  border: 1px solid #303030 !important;
  border-radius: 999px !important;
  color: var(--hl-text) !important;
  box-shadow: none !important;
}

textarea.form-control,
textarea {
  border-radius: 12px !important;
}

nav.navbar-findcond .search-header .btn,
.btn-main,
.setting-panel-mdbtn,
.pt_forms .btn-main,
.publisher-subscribe-button .btn,
.btn-subscribe,
.btn_to_purchase_vid {
  border: 0 !important;
  border-radius: 999px !important;
  background: var(--hl-red) !important;
  color: #fff !important;
  font-weight: 800 !important;
  box-shadow: none !important;
}

.btn-main:hover,
.btn-main:focus,
.publisher-subscribe-button .btn:hover,
.btn-subscribe:hover {
  background: var(--hl-red-soft) !important;
  color: #fff !important;
}

.btn-default,
.btn-share,
.matbtn,
.watch-video-show-more,
.load-more {
  border: 0 !important;
  border-radius: 999px !important;
  background: var(--hl-panel-2) !important;
  color: var(--hl-text) !important;
  font-weight: 700;
}

.yp_side_drawer {
  background: var(--hl-bg) !important;
  border-right: 1px solid var(--hl-line);
  box-shadow: none !important;
}

.yp_side_drawer ul.sections h3 {
  color: var(--hl-muted) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
}

.yp_side_drawer ul.sections li a {
  height: 42px !important;
  line-height: 42px !important;
  border-radius: 10px !important;
  color: var(--hl-text) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
}

.yp_side_drawer ul.sections li a svg {
  display: none !important;
}

.yp_side_drawer ul.sections li a span {
  margin-left: 8px;
}

.yp_side_drawer ul.sections li.active a,
.yp_side_drawer ul.sections li a:hover {
  background: var(--hl-panel-2) !important;
  color: var(--hl-text) !important;
}

.yp_side_drawer ul.sections li a:before {
  display: none !important;
}

.home-page-categories .title h4,
.section-title h2,
.page_head,
.user-setting-panel h4,
.settings-sidebar h4,
.related-header h4 {
  color: var(--hl-text) !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
}

.home-page-categories .title h4 > div,
.home-page-categories .title svg,
.page_head svg,
.user-setting-panel h4 svg,
.settings-sidebar a svg {
  display: none !important;
}

.home-page-categories .title h4 span.view_more_link a,
.view_more_link a {
  display: inline-flex !important;
  align-items: center;
  min-height: 34px;
  padding: 0 14px !important;
  border-radius: 999px;
  background: var(--hl-panel-2);
  color: var(--hl-text) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
}

.home-page-categories .videos .video-list,
.video-latest-list.video-wrapper,
.subscriptions-list .video-wrapper,
.pt_history .video-wrapper,
.article-wrapper,
.play-lists .video-latest-list,
.popular_channels_list .channels_list {
  border-radius: 12px !important;
  background: transparent !important;
  box-shadow: none !important;
}

.home-page-categories .videos .video-list .video-list-image a,
.video-latest-list .video-thumb a,
.article-wrapper .video-thumb a,
.pt_history .video-wrapper .video-thumb a,
.related-video-wrapper .ra-thumb a,
.subscriptions-list .video-wrapper .video-thumb a {
  overflow: hidden;
  border-radius: 12px !important;
  background: var(--hl-panel-2) !important;
}

.home-page-categories .videos .video-list img,
.video-latest-list .video-thumb img,
.article-wrapper .video-thumb img,
.pt_history .video-wrapper .video-thumb img,
.related-video-wrapper .ra-thumb img {
  border-radius: 12px !important;
  object-fit: cover;
}

.home-page-categories .videos .video-list .video-list-title h4,
.video-latest-list .video-title h4,
.video-latest-list .video-title a,
.related-video-wrapper .ra-title .video-title a,
.article-wrapper .video-title h4,
.playlist-title h4 {
  color: var(--hl-text) !important;
  font-size: 15px !important;
  line-height: 1.35 !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
}

.home-page-categories .videos .video-list .video-list-by,
.home-page-categories .videos .video-list .video-list-by a,
.video-latest-list.video-wrapper .video-info,
.video-latest-list.video-wrapper .video-info a,
.video-latest-list.video-wrapper .video-info span,
.related-video-wrapper .video-publisher,
.related-video-wrapper .video-category a,
.video-views,
.video-published,
.watch-video-description,
.pt_video_info .watch-video-description p,
.publisher-name span {
  color: var(--hl-muted) !important;
}

.video-duration,
.duration {
  border-radius: 4px !important;
  background: rgba(0,0,0,.82) !important;
  color: #fff !important;
  font-weight: 800 !important;
}

.video-player-page .video-options .btn-share,
.video-options .btn-share {
  border-radius: 999px !important;
  background: var(--hl-panel-2) !important;
  color: var(--hl-text) !important;
}

.pt_video_info .video-big-title,
.video-big-title,
.video-title {
  color: var(--hl-text) !important;
}

.related-video-wrapper {
  padding: 7px !important;
  border-radius: 10px !important;
}

.related-video-wrapper:hover {
  background: var(--hl-panel-2) !important;
}

.profile-container .card-container,
.profile-cover,
.timeline-header-wrapper,
.pt_timeline_main,
.settings-header,
.upload,
.pt_upload_vdo,
.pt_upload_vdo_step,
.pt_upload_vdo_row,
.messages-sidebar .search-box,
.message-contnaier,
.manage_vids .video-wrapper,
.pt_vid_stud_vids .video-latest-list {
  background: var(--hl-panel) !important;
  border-color: var(--hl-line) !important;
  border-radius: var(--hl-radius) !important;
  box-shadow: none !important;
  color: var(--hl-text) !important;
}

.table,
.table-responsive,
.dataTables_wrapper,
.alert,
.list-group-item {
  background: var(--hl-panel) !important;
  color: var(--hl-text) !important;
  border-color: var(--hl-line) !important;
}

.dropdown-menu > li > a,
.bootstrap-select .dropdown-menu li a,
.settings-sidebar ul li a {
  color: var(--hl-text) !important;
  border-radius: 8px;
}

.dropdown-menu > li > a:hover,
.bootstrap-select .dropdown-menu li a:hover,
.settings-sidebar ul li a:hover,
.settings-sidebar ul li.active a {
  background: var(--hl-panel-2) !important;
  color: var(--hl-text) !important;
}

.ads-placment,
.announcement-renderer {
  border-radius: var(--hl-radius);
}

/* Home follows the approved YouTube Dark direction: no top filter strip or featured banner. */
.pt_sec_nav_cats,
.pt_feat_vid {
  display: none !important;
}

.container-home,
.container-full {
  max-width: none !important;
}

.home-page-categories .row {
  margin-left: -9px !important;
  margin-right: -9px !important;
}

.home-page-categories .col-md-3,
.home-page-categories .col-lg-3,
.home-page-categories .keep-padding {
  padding-left: 9px !important;
  padding-right: 9px !important;
}

/* Production fixes after server review */
body {
  padding-top: 56px !important;
}

.yp_side_menu.has_side_menu {
  margin-left: 250px !important;
  overflow: visible !important;
}

body:not(.side_open) .yp_side_menu.has_side_menu {
  margin-left: 0 !important;
}

body.side_open .yp_side_menu.has_side_menu {
  margin-left: 250px !important;
}

body:not(.side_open) .yp_side_drawer {
  left: -250px !important;
  width: 250px !important;
}

body.side_open .yp_side_drawer {
  left: 0 !important;
  width: 250px !important;
}

#main-container.container-full,
#main-container.main-content,
.container-home {
  padding-top: 0 !important;
}

.pt_home_top_m,
.video-player-page.pt_home_top_m,
.hide_trend,
.hide_top {
  margin-top: 0 !important;
}

.home-page-categories .content,
.content.pt_shadow.yp_trans {
  margin-top: 0 !important;
}

.dark_hr,
.home-page-categories + .clear + .dark_hr,
.hide_top > .dark_hr,
.hide_trend > .dark_hr {
  display: none !important;
}

.home-page-categories .videos .video-list {
  min-height: 0 !important;
  margin-bottom: 22px !important;
  padding-bottom: 0 !important;
}

.home-page-categories .videos .video-list .video-list-title,
.video-latest-list .video-title,
.pt_timeline_vids .video-latest-list .video-title {
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
}

.home-page-categories .videos .video-list .video-list-title h4,
.video-latest-list .video-title h4,
.video-latest-list.video-wrapper .video-title a,
.pt_timeline_vids .video-latest-list .video-title h4 {
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  min-height: 0 !important;
  max-height: calc(1.35em * 2) !important;
  height: auto !important;
  margin: 8px 0 3px !important;
  line-height: 1.35 !important;
}

.home-page-categories .videos .video-list .video-list-by,
.video-latest-list.video-wrapper .video-info,
.pt_timeline_vids .video-latest-list .video-info {
  position: static !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  clear: both !important;
  margin-top: 2px !important;
  line-height: 1.35 !important;
  min-height: 34px !important;
  overflow: visible !important;
}

.home-page-categories .videos .video-list .video-list-by > div,
.video-latest-list.video-wrapper .video-info > div,
.pt_timeline_vids .video-latest-list .video-info > div {
  display: block !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
}

.home-page-categories .videos .video-list .video-list-by a,
.video-latest-list.video-wrapper .video-info a,
.pt_timeline_vids .video-latest-list .video-info a {
  display: inline-block !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  vertical-align: bottom !important;
}

@media (min-width: 1200px) {
  .home-page-categories .col-md-3,
  .home-page-categories .col-lg-3,
  .home-page-categories .keep-padding,
  .pt_timeline_vids > .col-md-3,
  .videos-latest-list > .col-md-3 {
    width: 20% !important;
    padding-left: 9px !important;
    padding-right: 9px !important;
  }
}

.pt_timeline_latest_vids .col-md-3:first-child {
  width: 20% !important;
}

.pt_timeline_latest_vids .col-md-3:first-child .video-latest-list.video-wrapper,
.pt_srch_vids .video-latest-list.video-wrapper {
  display: block !important;
  height: auto !important;
  margin-bottom: 22px !important;
}

.pt_timeline_latest_vids .col-md-3:first-child .video-latest-list.video-wrapper .video-thumb,
.pt_srch_vids .video-latest-list.video-wrapper .video-thumb {
  width: 100% !important;
  margin-right: 0 !important;
}

.pt_timeline_latest_vids .col-md-3:first-child .video-latest-list.video-wrapper > div:not(.video-thumb),
.pt_srch_vids .video-latest-list.video-wrapper > div:not(.video-thumb) {
  width: 100% !important;
  max-width: none !important;
}

.watch-video-show-more,
.load-more {
  position: relative !important;
  z-index: 2 !important;
  margin: 18px auto 0 !important;
  clear: both !important;
}

.yp_side_drawer ul.sections li a {
  padding-left: 18px !important;
}

.yp_side_drawer ul.sections li a span {
  margin-left: 0 !important;
}

.yp_side_drawer .more_links_list li a,
.yp_side_drawer footer a {
  height: 42px !important;
  line-height: 42px !important;
  padding-left: 18px !important;
  border-radius: 10px !important;
  color: var(--hl-text) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
}

.yp_side_drawer .more_links_list li a:hover,
.yp_side_drawer footer a:hover {
  background: var(--hl-panel-2) !important;
}

/* Update 2026-05-02: static home grid, profile card cleanup, and full Be Vietnam Pro coverage. */
#pt-body,
#pt-body button,
#pt-body input,
#pt-body select,
#pt-body textarea,
#pt-body a,
#pt-body p,
#pt-body span,
#pt-body div,
#pt-body h1,
#pt-body h2,
#pt-body h3,
#pt-body h4,
#pt-body h5,
#pt-body h6,
#pt-body label,
#pt-body td,
#pt-body th {
  font-family: var(--hl-font) !important;
}

#pt-body .fa,
#pt-body .glyphicon,
#pt-body .material-icons {
  font-family: inherit;
}

#pt-body .fa {
  font-family: FontAwesome !important;
}

#pt-body .glyphicon {
  font-family: "Glyphicons Halflings" !important;
}

#pt-body .material-icons {
  font-family: "Material Icons" !important;
}

.home-page-categories .videos .cus_slider,
.home-page-categories .videos .hl_static_video_grid {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: flex-start !important;
  row-gap: 18px !important;
  transform: none !important;
}

.home-page-categories .videos .cus_slider:before,
.home-page-categories .videos .cus_slider:after,
.home-page-categories .videos .hl_static_video_grid:before,
.home-page-categories .videos .hl_static_video_grid:after {
  display: none !important;
}

.home-page-categories .videos .cus_slider .slick-list,
.home-page-categories .videos .cus_slider .slick-track,
.home-page-categories .videos .cus_slider .slick-slide {
  width: auto !important;
  height: auto !important;
  transform: none !important;
}

.home-page-categories .videos .cus_slider .slick-track {
  display: flex !important;
  flex-wrap: wrap !important;
}

.home-page-categories .videos .cus_slider .slick-arrow,
.home-page-categories .videos .cus_slider .slick-dots {
  display: none !important;
}

.home-page-categories .videos .cus_slider > .keep-padding,
.home-page-categories .videos .hl_static_video_grid > .keep-padding {
  float: none !important;
}

.home-page-categories .videos .video-list,
.pt_timeline_vids .video-latest-list.video-wrapper {
  width: 100% !important;
  height: auto !important;
  overflow: visible !important;
}

.home-page-categories .videos .video-list:not(.short) .video-list-image,
.video-latest-list.video-wrapper:not(.short) .video-thumb,
.pt_timeline_vids .video-latest-list.video-wrapper:not(.short) .video-thumb {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  position: relative !important;
}

.home-page-categories .videos .video-list:not(.short) .video-list-image a,
.video-latest-list.video-wrapper:not(.short) .video-thumb a,
.pt_timeline_vids .video-latest-list.video-wrapper:not(.short) .video-thumb a {
  display: block !important;
  width: 100% !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: none !important;
  padding: 0 0 56.25% !important;
  aspect-ratio: auto !important;
  position: relative !important;
  overflow: hidden !important;
}

.home-page-categories .videos .video-list:not(.short) .video-list-image img,
.video-latest-list.video-wrapper:not(.short) .video-thumb img,
.pt_timeline_vids .video-latest-list.video-wrapper:not(.short) .video-thumb img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 100% !important;
  min-height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: cover !important;
}

.home-page-categories .videos .video-list:not(.short) .pt_vid_fixed_height,
.pt_timeline_vids .video-latest-list.video-wrapper:not(.short) > div:not(.video-thumb),
.video-latest-list.video-wrapper:not(.short) > div:not(.video-thumb) {
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
  min-height: 58px !important;
  max-height: none !important;
  overflow: visible !important;
  padding: 0 !important;
}

.home-page-categories .videos .video-list:not(.short) .video-list-title h4,
.pt_timeline_vids .video-latest-list.video-wrapper:not(.short) .video-title h4,
.pt_timeline_vids .video-latest-list.video-wrapper:not(.short) .video-title a {
  min-height: 0 !important;
  height: auto !important;
  max-height: 42px !important;
  margin: 9px 0 3px !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
  word-break: normal !important;
  overflow-wrap: anywhere !important;
}

.home-page-categories .videos .video-list:not(.short) .video-list-by,
.home-page-categories .videos .video-list:not(.short) .video-list-by span,
.pt_timeline_vids .video-latest-list.video-wrapper:not(.short) .video-info,
.pt_timeline_vids .video-latest-list.video-wrapper:not(.short) .video-info span,
.pt_timeline_vids .video-latest-list.video-wrapper:not(.short) .video-info a {
  font-size: 12px !important;
  line-height: 1.35 !important;
}

.pt_timeline_vids .video-latest-list.video-wrapper:not(.short) .video-info p.descc,
.pt_timeline_vids .video-latest-list.video-wrapper:not(.short) .video-info .desc {
  display: none !important;
}

.pt_timeline_vids .video-latest-list.video-wrapper:not(.short) {
  display: block !important;
  margin-bottom: 24px !important;
}

.pt_timeline_latest_vids .col-md-3:first-child .video-latest-list.video-wrapper:not(.short),
.pt_srch_vids .video-latest-list.video-wrapper:not(.short) {
  display: block !important;
}

.pt_timeline_latest_vids .col-md-3:first-child .video-latest-list.video-wrapper:not(.short) .video-title h4,
.pt_srch_vids .video-latest-list.video-wrapper:not(.short) .video-title h4 {
  font-size: 14px !important;
  line-height: 1.45 !important;
  max-height: 42px !important;
  margin: 9px 0 3px !important;
}

.videos-latest-list,
.pt_timeline_vids {
  overflow: visible !important;
}

.videos-latest-list .watch-video-show-more,
.pt_timeline_main .watch-video-show-more {
  display: table !important;
  clear: both !important;
  margin: 18px auto 8px !important;
}

@media (min-width: 1200px) {
  .home-page-categories .videos .cus_slider > .keep-padding,
  .home-page-categories .videos .hl_static_video_grid > .keep-padding,
  .home-page-categories .col-md-3,
  .home-page-categories .col-lg-3,
  .home-page-categories .keep-padding {
    width: 20% !important;
    flex: 0 0 20% !important;
    max-width: 20% !important;
  }

  .pt_timeline_vids > .col-md-3,
  .pt_timeline_latest_vids > .col-md-3:first-child {
    width: 25% !important;
    flex: 0 0 25% !important;
    max-width: 25% !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .home-page-categories .videos .cus_slider > .keep-padding,
  .home-page-categories .videos .hl_static_video_grid > .keep-padding,
  .home-page-categories .col-md-3,
  .home-page-categories .col-lg-3,
  .home-page-categories .keep-padding {
    width: 25% !important;
    flex: 0 0 25% !important;
    max-width: 25% !important;
  }

  .pt_timeline_vids > .col-md-3,
  .pt_timeline_latest_vids > .col-md-3:first-child {
    width: 33.333333% !important;
    flex: 0 0 33.333333% !important;
    max-width: 33.333333% !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .home-page-categories .videos .cus_slider > .keep-padding,
  .home-page-categories .videos .hl_static_video_grid > .keep-padding,
  .home-page-categories .col-sm-6,
  .home-page-categories .keep-padding,
  .pt_timeline_vids > .col-md-3 {
    width: 33.333333% !important;
    flex: 0 0 33.333333% !important;
    max-width: 33.333333% !important;
  }
}

@media (max-width: 767px) {
  body {
    padding-top: 52px !important;
  }

  .yp_side_menu.has_side_menu,
  body.side_open .yp_side_menu.has_side_menu {
    margin-left: 0 !important;
  }

  .container-home,
  .container-full,
  #main-container.container-full {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .home-page-categories .content,
  .content.pt_shadow.yp_trans {
    padding: 12px !important;
    border-radius: 10px !important;
  }

  .home-page-categories .videos .cus_slider > .keep-padding,
  .home-page-categories .videos .hl_static_video_grid > .keep-padding,
  .home-page-categories .col-xs-6,
  .home-page-categories .keep-padding,
  .pt_timeline_vids > .col-md-3 {
    width: 50% !important;
    flex: 0 0 50% !important;
    max-width: 50% !important;
    padding-left: 6px !important;
    padding-right: 6px !important;
  }

  .home-page-categories .title h4 {
    font-size: 16px !important;
  }

  .home-page-categories .title h4 span.view_more_link a,
  .view_more_link a {
    min-height: 30px !important;
    padding: 0 10px !important;
    font-size: 12px !important;
  }
}

@media (max-width: 430px) {
  .home-page-categories .videos .cus_slider > .keep-padding,
  .home-page-categories .videos .hl_static_video_grid > .keep-padding,
  .home-page-categories .col-xs-6,
  .home-page-categories .keep-padding,
  .pt_timeline_vids > .col-md-3 {
    width: 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
}

/* Update 2026-05-02: watch page, search grid, and mobile drawer polish. */
.top-video .video-options [data-target="#share_box"],
.video-player-page .video-options [data-target="#share_box"],
.video-options button[data-target="#share_box"],
.video-options .btn-share[data-target="#share_box"],
button.btn-share[data-target="#share_box"],
.btn-share[data-target="#share_box"] {
  display: none !important;
}

.yp_drawer_logo {
  display: none;
}

.yp_side_drawer .open_side_menu_head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  min-height: 52px !important;
  padding: 8px 14px !important;
}

.yp_side_drawer .open_side_menu_head > span {
  margin-left: auto !important;
}

.yp_side_drawer .open_side_menu_head > span svg {
  width: 22px !important;
  height: 22px !important;
}

.watch-video-description,
.pt_video_comments,
.hl_watch_more_videos {
  background: transparent !important;
}

.hl_watch_more_videos {
  margin-top: 18px !important;
  padding: 16px !important;
}

.hl_watch_more_videos h2 {
  margin: 0 0 14px !important;
  color: var(--hl-text) !important;
  font-size: 20px !important;
  line-height: 1.3 !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
}

.hl_watch_more_videos .videos-latest-list {
  display: flex !important;
  flex-wrap: wrap !important;
  row-gap: 18px !important;
  margin-left: -9px !important;
  margin-right: -9px !important;
}

.hl_watch_more_videos .videos-latest-list > .col-md-3 {
  float: none !important;
  padding-left: 9px !important;
  padding-right: 9px !important;
}

.top-video .related-videos .related-video-wrapper .video-category {
  display: none !important;
}

.top-video .related-videos .related-video-wrapper {
  display: flex !important;
  gap: 10px !important;
  margin-bottom: 12px !important;
}

.top-video .related-videos .related-video-wrapper .ra-thumb {
  width: 42% !important;
  flex: 0 0 42% !important;
}

.top-video .related-videos .related-video-wrapper .ra-title {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

.top-video .related-videos .related-video-wrapper .ra-title .video-title a {
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  line-height: 1.35 !important;
  max-height: calc(1.35em * 2) !important;
}

@media (min-width: 992px) {
  .videos-latest-list.row {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: flex-start !important;
    row-gap: 20px !important;
  }

  .videos-latest-list.row > .pt_srch_vids {
    width: 20% !important;
    flex: 0 0 20% !important;
    max-width: 20% !important;
    float: none !important;
    padding-left: 9px !important;
    padding-right: 9px !important;
  }

  .pt_srch_vids .video-latest-list.video-wrapper {
    display: block !important;
    height: auto !important;
    margin-bottom: 0 !important;
  }

  .pt_srch_vids .video-latest-list.video-wrapper .video-thumb {
    width: 100% !important;
    margin: 0 !important;
  }

  .pt_srch_vids .video-latest-list.video-wrapper > div:not(.video-thumb) {
    width: 100% !important;
    max-width: none !important;
    overflow: visible !important;
  }

  .pt_srch_vids .video-latest-list .video-info p,
  .pt_srch_vids .video-latest-list .video-info a img {
    display: none !important;
  }

  .pt_srch_vids .video-latest-list .video-title h4 {
    font-size: 14px !important;
    line-height: 1.45 !important;
    max-height: 42px !important;
    margin: 9px 0 3px !important;
  }

  .hl_watch_more_videos .videos-latest-list > .col-md-3 {
    width: 25% !important;
    flex: 0 0 25% !important;
    max-width: 25% !important;
  }
}

@media (min-width: 992px) and (max-width: 1280px) {
  .videos-latest-list.row > .pt_srch_vids {
    width: 25% !important;
    flex-basis: 25% !important;
    max-width: 25% !important;
  }
}

@media (max-width: 767px) {
  body.side_open:not(.mobi_side_open) .yp_side_drawer {
    left: -250px !important;
  }

  body.side_open:not(.mobi_side_open) .sidenav-overlay {
    display: none !important;
  }

  body.mobi_side_open .yp_side_drawer {
    left: 0 !important;
    width: min(86vw, 292px) !important;
  }

  body.mobi_side_open .sidenav-overlay {
    display: block !important;
  }

  .yp_drawer_logo {
    display: inline-flex !important;
    align-items: center !important;
    min-width: 0 !important;
  }

  .yp_drawer_logo img {
    display: block !important;
    width: auto !important;
    max-width: 104px !important;
    max-height: 28px !important;
    object-fit: contain !important;
  }

  .top-video .related-videos .related-video-wrapper .ra-thumb {
    width: 40% !important;
    flex-basis: 40% !important;
  }

  .hl_watch_more_videos {
    padding: 12px !important;
  }

  .hl_watch_more_videos .videos-latest-list > .col-md-3 {
    width: 50% !important;
    flex: 0 0 50% !important;
    max-width: 50% !important;
    padding-left: 6px !important;
    padding-right: 6px !important;
  }
}

/* Red accent pass: replace YouPlay blue UI accents with the current search-button red. */
.btn-primary,
.btn-info,
.btn-success,
.btn-main,
.setting-panel-mdbtn,
.pt_forms .btn-main,
.user-setting-panel .btn-main,
.setting-panel .btn-main,
.swal2-modal .btn.btn-success,
.swal2-modal .btn.btn-primary,
.modal-footer .btn-primary,
.modal-footer .btn-success,
.publisher-subscribe-button .btn,
.publisher-subscribe-button button,
.btn-subscribe,
.btn_to_purchase_vid,
.pt_mve_btn,
.pt_upload_vdo button.btn_upld_vid_next,
.pt_blogcomm_combo button.btn,
.search_filter_form .btn-main,
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.article-categories .pt_categories ul li.active a,
.settings-header,
.play-list-container .next-video,
.create-new-ad-container .user-ads-list-header,
.user-ads-list-container .user-ads-list-header,
.pt_create_ads_hdr,
.pt_ads_mini_bal {
  background: var(--hl-red) !important;
  background-color: var(--hl-red) !important;
  border-color: var(--hl-red) !important;
  color: #fff !important;
}

.btn-primary:hover,
.btn-info:hover,
.btn-success:hover,
.btn-main:hover,
.setting-panel-mdbtn:hover,
.pt_forms .btn-main:hover,
.user-setting-panel .btn-main:hover,
.setting-panel .btn-main:hover,
.publisher-subscribe-button .btn:hover,
.publisher-subscribe-button button:hover,
.btn-subscribe:hover,
.btn_to_purchase_vid:hover,
.pt_mve_btn:hover,
.pt_blogcomm_combo button.btn:hover {
  background: var(--hl-red-soft) !important;
  background-color: var(--hl-red-soft) !important;
  border-color: var(--hl-red-soft) !important;
  color: #fff !important;
}

.dropdown-menu a i,
.main-color,
.video-published a,
.watch-video-description a,
.video-likes .like-btn.active svg.thumbs_up,
.main-comment .div-vote-comment span svg.feather-thumbs-up.active,
.read-article-container .read-article-meta span.pull-right svg.feather-thumbs-up.active,
.profile-container .links-container ul li a.active,
.verified,
.recent-articles svg,
.pt_page_headr svg,
.page_head svg {
  color: var(--hl-red) !important;
  fill: var(--hl-red) !important;
}

.video-info-element .blue,
.views-bar.blue,
.profile-container .links-container ul li a:after,
.progress-bar,
.upload-progress-bar,
#progress .progress-bar {
  background: var(--hl-red) !important;
  background-color: var(--hl-red) !important;
}

.upload:hover,
.thumbnail-preview-renderer:hover,
.pt_create_ads_upload:hover {
  border-color: var(--hl-red) !important;
  color: var(--hl-red) !important;
}

@media (min-width: 992px) {
  .videos-latest-list.row > .pt_srch_vids,
  .videos-latest-list.row > .pt_srch_vids:first-child,
  .videos-latest-list.row > .pt_srch_vids:nth-child(1) {
    align-self: flex-start !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  .pt_srch_vids .video-latest-list.video-wrapper,
  .pt_srch_vids:first-child .video-latest-list.video-wrapper {
    margin-top: 0 !important;
    padding-top: 0 !important;
    transform: none !important;
  }
}

/* Update 2026-05-02: revert accents to YouPlay blue and tighten watch/moblie details. */
:root {
  --yp-blue: #04abf2;
  --yp-blue-hover: #43c6f9;
}

.top-video .video-options > button.btn-share:first-child,
.top-video .video-options > .btn-share:first-child,
.video-player-page .video-options > button.btn-share:first-child,
.video-player-page .video-options > .btn-share:first-child,
.video-options > button[data-target="#share_box"],
.video-options > .btn-share[data-target="#share_box"],
.mobile .video-options > button.btn-share:first-child,
.mobile .video-options > .btn-share:first-child {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  min-width: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
}

@media (min-width: 768px) {
  .yp_side_drawer .open_side_menu_head {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .yp_side_drawer .open_side_menu_head {
    display: flex !important;
    height: 48px !important;
    min-height: 48px !important;
    padding: 6px 12px !important;
  }

  .yp_drawer_logo img {
    max-width: 92px !important;
    max-height: 24px !important;
  }
}

.btn-primary,
.btn-info,
.btn-success,
.btn-main,
.setting-panel-mdbtn,
.pt_forms .btn-main,
.user-setting-panel .btn-main,
.setting-panel .btn-main,
.swal2-modal .btn.btn-success,
.swal2-modal .btn.btn-primary,
.modal-footer .btn-primary,
.modal-footer .btn-success,
.publisher-subscribe-button .btn,
.publisher-subscribe-button button,
.btn-subscribe,
.btn_to_purchase_vid,
.pt_mve_btn,
.pt_upload_vdo button.btn_upld_vid_next,
.pt_blogcomm_combo button.btn,
.search_filter_form .btn-main,
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.article-categories .pt_categories ul li.active a,
.settings-header,
.play-list-container .next-video,
.create-new-ad-container .user-ads-list-header,
.user-ads-list-container .user-ads-list-header,
.pt_create_ads_hdr,
.pt_ads_mini_bal,
nav.navbar-findcond .search-header .btn {
  background: var(--yp-blue) !important;
  background-color: var(--yp-blue) !important;
  border-color: var(--yp-blue) !important;
  color: #fff !important;
}

.btn-primary:hover,
.btn-info:hover,
.btn-success:hover,
.btn-main:hover,
.setting-panel-mdbtn:hover,
.pt_forms .btn-main:hover,
.user-setting-panel .btn-main:hover,
.setting-panel .btn-main:hover,
.publisher-subscribe-button .btn:hover,
.publisher-subscribe-button button:hover,
.btn-subscribe:hover,
.btn_to_purchase_vid:hover,
.pt_mve_btn:hover,
.pt_blogcomm_combo button.btn:hover,
nav.navbar-findcond .search-header .btn:hover {
  background: var(--yp-blue-hover) !important;
  background-color: var(--yp-blue-hover) !important;
  border-color: var(--yp-blue-hover) !important;
  color: #fff !important;
}

.dropdown-menu a i,
.main-color,
.video-published a,
.watch-video-description a,
.video-likes .like-btn.active svg.thumbs_up,
.main-comment .div-vote-comment span svg.feather-thumbs-up.active,
.read-article-container .read-article-meta span.pull-right svg.feather-thumbs-up.active,
.profile-container .links-container ul li a.active,
.verified,
.recent-articles svg,
.pt_page_headr svg,
.page_head svg {
  color: var(--yp-blue) !important;
  fill: var(--yp-blue) !important;
}

.video-info-element .blue,
.views-bar.blue,
.profile-container .links-container ul li a:after,
.progress-bar,
.upload-progress-bar,
#progress .progress-bar {
  background: var(--yp-blue) !important;
  background-color: var(--yp-blue) !important;
}

.upload:hover,
.thumbnail-preview-renderer:hover,
.pt_create_ads_upload:hover {
  border-color: var(--yp-blue) !important;
  color: var(--yp-blue) !important;
}

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

.hl_watch_more_videos .videos-latest-list {
  row-gap: 14px !important;
}

.hl_watch_more_videos .video-latest-list.video-wrapper {
  height: auto !important;
  min-height: 0 !important;
  margin-bottom: 4px !important;
  overflow: visible !important;
}

.hl_watch_more_videos .video-latest-list .video-title,
.hl_watch_more_videos .video-latest-list .video-title a,
.hl_watch_more_videos .video-latest-list .video-title h4 {
  min-height: 0 !important;
  height: auto !important;
  max-height: calc(1.4em * 2) !important;
  overflow: hidden !important;
}

.hl_watch_more_videos .video-latest-list .video-title h4 {
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  text-overflow: ellipsis !important;
  margin: 8px 0 2px !important;
  line-height: 1.4 !important;
}

.hl_watch_more_videos .video-latest-list .video-info {
  min-height: 0 !important;
  margin-top: 0 !important;
  line-height: 1.35 !important;
}

/* Update 2026-05-02: clean watch actions and match home title clamp. */
.top-video .video-options,
.video-player-page .video-options,
.video-player-page.six_padding_15 .video-options {
  border-top: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}

.top-video .video-options .btn-share,
.video-player-page .video-options .btn-share,
.video-options .btn-share:not(:last-child) {
  border-right: 0 !important;
}

.hl_watch_more_videos .video-latest-list .video-title {
  display: block !important;
  min-height: 42px !important;
  height: 42px !important;
  max-height: none !important;
  margin: 8px 0 3px !important;
  overflow: visible !important;
}

.hl_watch_more_videos .video-latest-list .video-title a {
  display: block !important;
  height: 42px !important;
  max-height: none !important;
  overflow: visible !important;
}

.hl_watch_more_videos .video-latest-list .video-title h4 {
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  height: auto !important;
  max-height: 42px !important;
  min-height: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  line-height: 21px !important;
}

.hl_watch_more_videos .video-latest-list .video-info {
  clear: both !important;
  display: block !important;
}

/* Update 2026-05-03: compact legacy-style list for Video Studio only. */
.hl_video_studio_page .user-setting-panel {
  padding: 16px !important;
}

.hl_video_studio_page .subscriptions-list .author-list {
  display: block !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.hl_video_studio_page .pt_vid_stud_vids {
  float: none !important;
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
}

.hl_video_studio_page .pt_vid_stud_vids .video-latest-list.video-wrapper {
  display: grid !important;
  grid-template-columns: 220px minmax(0, 1fr) !important;
  gap: 14px !important;
  align-items: start !important;
  width: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 14px 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

.hl_video_studio_page .pt_vid_stud_vids .video-thumb {
  width: 220px !important;
  max-width: 220px !important;
  margin: 0 !important;
}

.hl_video_studio_page .pt_vid_stud_vids .video-thumb a {
  display: block !important;
  width: 100% !important;
  height: 124px !important;
  padding: 0 !important;
  aspect-ratio: auto !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  background: #000 !important;
}

.hl_video_studio_page .pt_vid_stud_vids .video-thumb img {
  position: static !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border-radius: 8px !important;
}

.hl_video_studio_page .pt_vid_stud_vids .video-latest-list.video-wrapper > div:not(.video-thumb) {
  position: relative !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  min-height: 124px !important;
  padding: 0 96px 0 0 !important;
  overflow: visible !important;
}

.hl_video_studio_page .pt_vid_stud_vids_actions {
  position: absolute !important;
  top: 2px !important;
  right: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 !important;
  float: none !important;
}

.hl_video_studio_page .pt_vid_stud_vids_actions a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 28px !important;
  height: 28px !important;
  margin: 0 !important;
  border-radius: 999px !important;
  background: var(--hl-panel-2) !important;
  color: var(--hl-text) !important;
}

.hl_video_studio_page .pt_vid_stud_vids_actions a:hover {
  background: var(--yp-blue) !important;
  color: #fff !important;
}

.hl_video_studio_page .pt_vid_stud_vids_actions a svg {
  width: 16px !important;
  height: 16px !important;
}

.hl_video_studio_page .pt_vid_stud_vids .video-title,
.hl_video_studio_page .pt_vid_stud_vids .video-title a {
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}

.hl_video_studio_page .pt_vid_stud_vids .video-title h4 {
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  min-height: 0 !important;
  max-height: 42px !important;
  margin: 0 0 8px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: var(--hl-text) !important;
  font-size: 15px !important;
  line-height: 21px !important;
  font-weight: 800 !important;
}

.hl_video_studio_page .pt_vid_stud_vids .video-info {
  display: block !important;
  min-height: 0 !important;
  margin: 0 !important;
  color: var(--hl-muted) !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
}

.hl_video_studio_page .pt_vid_stud_vids .vid_stud_stats {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px 14px !important;
  margin: 0 !important;
}

.hl_video_studio_page .pt_vid_stud_vids .vid_stud_stats span {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  margin: 0 !important;
  color: var(--hl-muted) !important;
  font-size: 12px !important;
  line-height: 1.3 !important;
}

.hl_video_studio_page .pt_vid_stud_vids .vid_stud_stats svg {
  width: 14px !important;
  height: 14px !important;
}

.hl_video_studio_page .pt_vid_stud_vids .video-info p {
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  max-height: 38px !important;
  margin: 8px 0 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: var(--hl-muted) !important;
}

.hl_video_studio_page .pt_vid_stud_vids > hr {
  margin: 0 !important;
  border-color: var(--hl-line) !important;
}

@media (max-width: 767px) {
  .hl_video_studio_page .pt_vid_stud_vids .video-latest-list.video-wrapper {
    grid-template-columns: 132px minmax(0, 1fr) !important;
    gap: 10px !important;
    padding: 12px 0 !important;
  }

  .hl_video_studio_page .pt_vid_stud_vids .video-thumb {
    width: 132px !important;
    max-width: 132px !important;
  }

  .hl_video_studio_page .pt_vid_stud_vids .video-thumb a {
    height: 74px !important;
  }

  .hl_video_studio_page .pt_vid_stud_vids .video-latest-list.video-wrapper > div:not(.video-thumb) {
    min-height: 74px !important;
    padding-right: 0 !important;
  }

  .hl_video_studio_page .pt_vid_stud_vids_actions {
    position: static !important;
    margin-top: 8px !important;
  }

  .hl_video_studio_page .pt_vid_stud_vids .video-title h4 {
    max-height: 38px !important;
    font-size: 13px !important;
    line-height: 19px !important;
    margin-bottom: 5px !important;
  }

  .hl_video_studio_page .pt_vid_stud_vids .vid_stud_stats {
    gap: 4px 8px !important;
  }
}

/* Hangleak videos index fixes */
.container-home .videos-latest-list.pt_timeline_vids .video-latest-list.video-wrapper:not(.short) {
  overflow: visible !important;
  padding-bottom: 2px !important;
}

.container-home .videos-latest-list.pt_timeline_vids .video-latest-list.video-wrapper:not(.short) .video-title {
  display: block !important;
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  margin: 9px 0 2px !important;
}

.container-home .videos-latest-list.pt_timeline_vids .video-latest-list.video-wrapper:not(.short) .video-title a {
  display: block !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
  margin: 0 !important;
}

.container-home .videos-latest-list.pt_timeline_vids .video-latest-list.video-wrapper:not(.short) .video-title h4 {
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: 44px !important;
  margin: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  line-height: 22px !important;
  white-space: normal !important;
}

.container-home .videos-latest-list.pt_timeline_vids .video-latest-list.video-wrapper:not(.short) .video-info {
  clear: both !important;
  margin-top: 0 !important;
}

.container-home .hl_video_pages_wrap {
  clear: both !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  width: 100% !important;
  margin: 22px 0 10px !important;
  background: var(--hl-bg) !important;
  background-color: var(--hl-bg) !important;
}

.container-home .hl_video_pages_wrap hr {
  width: 100% !important;
  margin: 0 0 16px !important;
}

.container-home .hl_video_pages_wrap .showing_pages {
  float: none !important;
  display: block !important;
  margin: 0 0 10px !important;
  text-align: center !important;
  width: 100% !important;
  background: var(--hl-bg) !important;
  background-color: var(--hl-bg) !important;
}

.container-home .hl_video_pages_nav {
  float: none !important;
  display: flex !important;
  justify-content: center !important;
  width: 100% !important;
  margin: 0 auto !important;
  background: var(--hl-bg) !important;
  background-color: var(--hl-bg) !important;
}

.container-home .hl_video_pages_nav .showing_nav {
  display: flex !important;
  justify-content: center !important;
  width: 100% !important;
  background: var(--hl-bg) !important;
  background-color: var(--hl-bg) !important;
}

.container-home .hl_video_pages_nav .pagination {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  float: none !important;
  background: var(--hl-bg) !important;
  background-color: var(--hl-bg) !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

.container-home .hl_video_pages_nav .pagination > li {
  display: inline-flex !important;
  float: none !important;
  background: var(--hl-bg) !important;
  background-color: var(--hl-bg) !important;
}

.container-home .hl_video_pages_nav .pagination > li > a,
.container-home .hl_video_pages_nav .pagination > li > span {
  float: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 34px !important;
  height: 34px !important;
  margin: 0 !important;
  border-radius: 8px !important;
  background: transparent !important;
  background-color: transparent !important;
  border-color: rgba(255, 255, 255, 0.16) !important;
  color: var(--hl-text) !important;
  box-shadow: none !important;
}

.container-home .hl_video_pages_nav .pagination > li > a:hover,
.container-home .hl_video_pages_nav .pagination > li > span:hover {
  background: rgba(255, 255, 255, 0.08) !important;
  background-color: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(255, 255, 255, 0.22) !important;
}

.container-home .hl_video_pages_nav .pagination > .active > a,
.container-home .hl_video_pages_nav .pagination > .active > span,
.container-home .hl_video_pages_nav .pagination > .active > a:hover,
.container-home .hl_video_pages_nav .pagination > .active > span:hover {
  background: #ff0033 !important;
  background-color: #ff0033 !important;
  border-color: #ff0033 !important;
  color: #fff !important;
}

.container-home .hl_video_pages_nav ul.pagination > li.active > a,
.container-home .hl_video_pages_nav ul.pagination > li.active > span,
.container-home .hl_video_pages_nav ul.pagination > li.active > a:focus,
.container-home .hl_video_pages_nav ul.pagination > li.active > span:focus,
.container-home .hl_video_pages_nav ul.pagination > li.active > a:hover,
.container-home .hl_video_pages_nav ul.pagination > li.active > span:hover {
  background: #ff0033 !important;
  background-color: #ff0033 !important;
  border-color: #ff0033 !important;
  color: #fff !important;
}

.container-home .hl_video_pages_nav .pagination svg {
  width: 18px !important;
  height: 18px !important;
}

.hl-video-category-row,
.hl-video-tags-row {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin: 10px 0 12px;
  color: var(--hl-muted);
}

.pt_video_info .hl-video-tags-row {
  padding: 0 15px;
}

.video-player-page.six_padding_15 .pt_video_info .hl-video-tags-row {
  padding: 0 0 0 60px;
}

.hl-video-meta-icon {
  flex: 0 0 auto;
  width: 15px;
  height: 15px;
  margin-top: 6px;
  color: var(--hl-muted);
}

.hl-video-category-label,
.hl-video-tags-label {
  flex: 0 0 auto;
  min-width: 44px;
  color: var(--hl-muted);
  font-size: 13px;
  font-weight: 700;
  line-height: 28px;
}

.hl-video-category-chips,
.hl-video-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  min-width: 0;
}

.hl-video-chip {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 5px 10px;
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--hl-text) !important;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none !important;
}

.hl-video-chip:hover,
.hl-video-chip:focus {
  background: rgba(255, 255, 255, 0.14);
  color: #fff !important;
  text-decoration: none !important;
}

.hl-video-category-row a,
.hl-video-tags-row a {
  text-decoration: none !important;
}

.yp_side_drawer .hl_side_categories_list h3 {
  color: var(--hl-muted) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
}

.yp_side_drawer .hl_side_categories_list li a {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
}

.yp_side_drawer .hl_side_categories_list .hl_side_category_name {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.yp_side_drawer .hl_side_categories_list .hl_side_category_count {
  flex: 0 0 auto !important;
  min-width: 28px !important;
  padding: 2px 7px !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.08) !important;
  color: var(--hl-muted) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1.35 !important;
  text-align: center !important;
}

.yp_side_drawer .hl_side_categories_list li.active .hl_side_category_count,
.yp_side_drawer .hl_side_categories_list li a:hover .hl_side_category_count {
  background: rgba(255, 0, 51, 0.18) !important;
  color: #fff !important;
}

.yp_side_drawer .more_links_list {
  display: none !important;
}

.yp_side_drawer .subs_list h3,
.yp_side_drawer .hl_side_categories_list h3 {
  padding: 0 18px !important;
  margin: 14px 0 8px !important;
}

.yp_side_drawer .subs_list li a,
.yp_side_drawer .hl_side_categories_list li a,
.yp_side_drawer .pt_footer a {
  min-height: 0 !important;
  height: 42px !important;
  padding: 0 0 0 18px !important;
  border-radius: 10px !important;
  color: var(--hl-text) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 42px !important;
}

.yp_side_drawer .subs_list li a {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

.yp_side_drawer .subs_list li a span {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.yp_side_drawer .subs_list li a:hover,
.yp_side_drawer .hl_side_categories_list li a:hover,
.yp_side_drawer .pt_footer a:hover {
  background: var(--hl-panel-2) !important;
  color: var(--hl-text) !important;
}

.yp_side_drawer .subs_list li a,
.yp_side_drawer .subs_list li a:hover,
.yp_side_drawer .subs_list li a:focus,
.yp_side_drawer .subs_list li a:active,
.yp_side_drawer .hl_side_categories_list li a,
.yp_side_drawer .hl_side_categories_list li a:hover,
.yp_side_drawer .hl_side_categories_list li a:focus,
.yp_side_drawer .hl_side_categories_list li a:active,
.yp_side_drawer .pt_footer a,
.yp_side_drawer .pt_footer a:hover,
.yp_side_drawer .pt_footer a:focus,
.yp_side_drawer .pt_footer a:active {
  border: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
  text-decoration: none !important;
}

.yp_side_drawer .subs_list li a:before,
.yp_side_drawer .subs_list li a:after,
.yp_side_drawer .hl_side_categories_list li a:before,
.yp_side_drawer .hl_side_categories_list li a:after,
.yp_side_drawer .pt_footer a:before,
.yp_side_drawer .pt_footer a:after {
  display: none !important;
  content: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

.yp_side_drawer .pt_footer {
  padding: 8px 8px 18px !important;
}

.yp_side_drawer .pt_footer a {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.yp_side_drawer .pt_footer .clear {
  display: none !important;
}