/*
Theme Name: شخصی سازی aslmoviez
Author: UniqueTheme
Author URI: https://uniquetheme.ir
Theme URI: https://www.rtl-theme.com/kelaketfilm-wordpress-theme/
Description: A Movie Theme for wordpress
Version: 3.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: kelaketfilm
Template: KelaketFilm
*/

/* فیلم‌هایی که دوبله فارسی دارند */
.download_item.has-dubbed {
border: 2px solid #BF360C;
background-color: #1e0c2a;
}

/* هدر اطلاعات */
.download_item.has-dubbed .dl_info {
background: rgba(0,0,0,0.08);
border-radius: 6px;
}

/* دکمه دوبله پررنگ‌تر */
.download_item.has-dubbed .button-orange {
background-color: #ff9800 !important;
color: #fff !important;
}


/* Season accordion */
.season-item {
    margin-bottom: 24px;
    border-radius: 14px;
    overflow: hidden;
    background: var(--bg);
    border: 1px solid var(--bg_lighter2);
}

.season-item > .dlbox_group_header {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 18px 24px;
    background: var(--bg);
    color: #fff;
    border: none;
    box-shadow: none;
    direction: rtl;
}

.season-item > .dlbox_group_header .dlbox_group_title {
    font-size: 17px;
    font-weight: 700;
    color: #fff;
}

.serial_count_badge {
    padding: 4px 16px;
    border-radius: 20px;
    font-size: 13px;
    font-weight: 600;
    color: #2ecc71;
    background: var(--bg_darker2);
}

/* Quality accordion inside season */
.quality-accordion {
    padding: 0 16px;
    margin-bottom: 6px;
}

.quality-item {
    border-radius: 12px;
    overflow: hidden;
    background: var(--bg_darker2);
}

.quality-item > .dlbox_group_header {
    background: var(--bg_darker2);
}

.quality-header-info {
    display: flex;
    align-items: center;
    gap: 16px;
    width: 100%;
    direction: rtl;
    flex-wrap: wrap;
}

.qh-quality {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 14px;
    color: var(--text);
    white-space: nowrap;
}

.qh-quality strong {
    color: #2ecc71;
    font-size: 16px;
    font-weight: 700;
}

.quality-item.quality-subtitle .qh-quality strong {
    color: #95c7e3;
}

.qh-badges {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

.qh-badge {
    padding: 4px 16px;
    border-radius: 20px;
    font-size: 13px;
    font-weight: 600;
    white-space: nowrap;
}

.badge-subtitle {
    background: #4050b5;
    color: #fff;
}

.badge-farsi {
    background: #2ecc71;
    color: #fff;
}

.badge-version {
    background: #2c3e50;
    color: #bdc3c7;
    border: 1px solid #4a5568;
}

.qh-meta {
    color: #888;
    font-size: 13px;
    display: flex;
    align-items: center;
    gap: 6px;
}

.qh-meta-compact {
    display: none;
    color: #aeb5c0;
    font-size: 12px;
    line-height: 1.4;
    width: 100%;
}

.qh-meta-compact-item {
    flex: 1;
    text-align: center;
    position: relative;
    padding: 0 8px;
}

.qh-meta-compact-item:not(:last-child)::after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 1px;
    height: 14px;
    transform: translateY(-50%);
    background: rgba(255, 255, 255, 0.28);
}

.qh-meta i,
.btn-episode i {
    width: 16px;
    font-size: 14px;
    text-align: center;
}

.qh-version-label {
    color: #f39c12;
    font-weight: 600;
}

.quality-episodes-body {
    padding: 0 16px 16px;
    background: var(--bg_darker2);
}

.episodes-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    direction: rtl;
    justify-content: flex-start;
}

.btn-episode {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px 22px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.25s;
    white-space: nowrap;
    cursor: pointer;
    background: transparent;
    border: 2px solid var(--bg_lighter);
    color: var(--text);
}

.btn-ep-dl {
    border-color: #2ecc71;
    color: #2ecc71;
}

.btn-ep-dl:hover {
    background: #2ecc71;
    color: #fff;
}

.quality-item.quality-subtitle .btn-ep-dl {
    border-color: #95c7e3;
    color: #95c7e3;
}

.quality-item.quality-subtitle .btn-ep-dl:hover {
    background: #95c7e3;
    color: #fff;
}

.btn-ep-sub {
    border-color: #3498db;
    color: #3498db;
}

.btn-ep-sub:hover {
    background: #3498db;
    color: #fff;
}

.btn-ep-dub {
    border-color: #4050b5;
    color: #4050b5;
}

.btn-ep-dub:hover {
    background: #4050b5;
    color: #fff;
}

.btn-copy-all {
    border-color: var(--bg_lighter);
    color: var(--text);
}

.btn-copy-all:hover {
    border-color: #2ecc71;
    color: #2ecc71;
}

.quality-item.quality-subtitle .btn-copy-all:hover {
    border-color: #95c7e3;
    color: #95c7e3;
}

.btn-locked {
    opacity: 0.7;
}

.extra-downloads-section {
    margin-top: 14px;
    padding-top: 14px;
    border-top: 1px solid var(--bg_lighter);
}

.extra-dl-title {
    display: block;
    color: #aaa;
    font-size: 13px;
    margin-bottom: 8px;
    direction: rtl;
}


/* films */

/* Download Box Group */
.dlbox_group {
    margin-bottom: 24px;
    border-radius: 14px;
    overflow: hidden;
    /* background: var(--bg);
    border: 1px solid var(--bg_lighter2); */
}

/* Header */
.dlbox_group_header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 18px 5px;
    cursor: pointer;
    user-select: none;
    direction: rtl;
}

.dlbox_header_right {
    display: flex;
    align-items: center;
    gap: 12px;
}

.dlbox_disc_icon {
    color: #aaa;
    flex-shrink: 0;
}

.dlbox_group_title {
    font-size: 17px;
    font-weight: 700;
    color: #fff;
    white-space: nowrap;
}

.dlbox_badge {
    padding: 4px 16px;
    border-radius: 20px;
    font-size: 13px;
    font-weight: 600;
    white-space: nowrap;
}

.badge_dubbed {
    background: #2ecc71;
    color: #fff;
}

.badge_sub {
    background: #4050b5;
    color: #fff;
}

.dlbox_header_left {
    display: flex;
    align-items: center;
    gap: 16px;
    flex: 1;
    margin-right: 20px;
}

.dlbox_line {
    flex: 1;
    height: 1px;
    background: var(--bg_lighter);
}

.dlbox_toggle_btn {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 2px solid var(--bg_lighter);
    background: transparent;
    color: var(--text);
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s;
    line-height: 1;
}

.dlbox_toggle_btn:hover {
    border-color: #2ecc71;
    color: #2ecc71;
}

/* Body */
.dlbox_group_body {
    padding: 0 16px 16px;
}

/* Row */
.dlbox_row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: var(--bg_darker2);
    border-radius: 12px;
    padding: 18px 24px;
    margin-bottom: 12px;
    direction: rtl;
    flex-wrap: wrap;
    gap: 16px;
}

.dlbox_row:last-child {
    margin-bottom: 0;
}

.dlbox_row_info {
    display: flex;
    align-items: center;
    gap: 32px;
    flex-wrap: wrap;
}

.dlbox_quality_block {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.dlbox_quality {
    color: #2ecc71;
    font-weight: 700;
    font-size: 16px;
}

.dlbox_quality_sub {
    color: #95c7e3;
}

.dlbox_encoder {
    color: #888;
    font-size: 13px;
}

.dlbox_meta_compact {
    display: none;
    color: #aeb5c0;
    font-size: 12px;
    line-height: 1.4;
}

.dlbox_meta_compact_item {
    flex: 1;
    text-align: center;
    position: relative;
    padding: 0 8px;
}

.dlbox_meta_compact_item:not(:last-child)::after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 1px;
    height: 14px;
    transform: translateY(-50%);
    background: rgba(255, 255, 255, 0.28);
}

.dlbox_size_block {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
}

.dlbox_size_label {
    color: #777;
    font-size: 12px;
}

.dlbox_size_value {
    color: var(--text);
    font-weight: 600;
    font-size: 15px;
}

/* Buttons */
.dlbox_row_actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.dlbox_btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 22px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.25s;
    white-space: nowrap;
    cursor: pointer;
}

.dlbox_btn_green {
    border: 2px solid #2ecc71;
    color: #2ecc71;
    background: transparent;
}

.dlbox_btn_green:hover {
    background: #2ecc71;
    color: #fff;
}

.dlbox_btn_subtitle_main {
    border: 2px solid #95c7e3;
    color: #95c7e3;
    background: transparent;
}

.dlbox_btn_subtitle_main:hover {
    background: #95c7e3;
    color: #fff;
}

.dlbox_btn_outline_green {
    border: 2px solid #2ecc71;
    color: #2ecc71;
    background: transparent;
}

.dlbox_btn_outline_green:hover {
    background: #2ecc71;
    color: #fff;
}

.dlbox_btn_blue {
    border: 2px solid #3498db;
    color: #3498db;
    background: transparent;
}

.dlbox_btn_blue:hover {
    background: #3498db;
    color: #fff;
}

.dlbox_btn_icon {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
}

/* Notice */
.dlbox_notice {
    background: rgba(241, 196, 15, 0.08);
    border-right: 3px solid #f1c40f;
    border-radius: 10px;
    padding: 14px 20px;
    margin-top: 8px;
    color: #f1c40f;
    font-size: 14px;
    direction: rtl;
    display: flex;
    align-items: center;
    gap: 10px;
}

/* Responsive */
@media (max-width: 768px) {
  /* updated series gird */
      .cards-scroll {
        display: flex;
        flex-wrap: nowrap; 
        overflow-x: auto;   
        padding-bottom: 10px;
    }

    .cards-scroll>* {
        flex: 0 0 auto;        
        width: 85%;
    }

    .season-item > .dlbox_group_header {
        padding: 14px 12px;
        gap: 8px;
    }

    .season-item > .dlbox_group_header .dlbox_group_title {
        font-size: 15px;
    }

    .quality-accordion {
        padding: 0 8px;
    }

    .quality-item > .dlbox_group_header,
    .quality-episodes-body {
        padding-right: 12px;
        padding-left: 12px;
    }

    .quality-header-info {
        gap: 8px;
        align-items: center;
        row-gap: 8px;
    }

    .qh-quality {
        font-size: 13px;
    }
    .qh-quality strong {
        font-size: 13px;
    }
    .qh-quality-label {
        display: none;
    }
    .qh-badges {
        flex-wrap: nowrap;
    }
    .qh-badge {
        font-size: 12px;
        
        padding: 3px 10px;
    }

    .qh-meta {
        display: none;
    }

    .qh-meta-compact {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .btn-episode {
        width: 100%;
    }

    .dlbox_group_body {
        padding: 0 10px 10px;
    }
    .dlbox_row {
        flex-direction: column;
        align-items: flex-start;
        padding: 14px 12px;
        margin-bottom: 8px;
        gap: 10px;
    }
    .dlbox_row_actions {
        width: 100%;
    }
    .dlbox_row_info {
        width: 100%;
        gap: 8px;
    }
    .dlbox_quality_block {
        width: 100%;
        gap: 6px;
    }
    .dlbox_encoder,
    .dlbox_size_block {
        display: none;
    }
    .dlbox_meta_compact {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }
    .dlbox_btn {
        width: 100%;
        justify-content: center;
        padding: 9px 12px;
    }
    .dlbox_header_left {
        display: flex;
        margin-right: 8px;
        gap: 8px;
    }
    .dlbox_toggle_btn {
        width: 32px;
        height: 32px;
    }
}

.post_actions_trailer {
    margin-top: 10px;
}

.post_actions_trailer a.playonline.playonline-trailer {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    height: 50px;
    padding: 0 15px;
    border-radius: 15px;
    font-size: 14px;
    font-weight: 400;
    text-decoration: none;
    transition: all 0.2s;
    background: #2a2f38 !important;
    color: #c8d0db !important;
    border: 1px solid #464d59 !important;
    fill: #c8d0db !important;
}

.post_actions_trailer a.playonline.playonline-trailer:hover {
    background: #373e4a !important;
    color: #fff !important;
    fill: #fff !important;
}

.post_actions_trailer a.playonline.playonline-trailer .playsingle_icon {
    padding: 2px;
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    background: #0000001a;
    border-radius: 3px;
}

.post_actions a.playonline {
    align-items: center;
    font-size: 14px;
    border-radius: 15px;
    height: 50px;
    padding: 0 15px;
    color: #c0c0c0;
    transition: all 0.2s;
    display: inline-flex;
    gap: 10px;
    font-size: 14px;
    font-weight: 400;
    background: var(--primaryColor);
    color: #fff;
    fill: #fff;
}


.asl_movie_icon{
  background: #95c7e314;
  border-radius: 100%;
  height: 60px;
  justify-content: center;
  width: 60px;
  display: flex;
  align-items: center;
  margin-left: 10px;
}

.asl_movie_icon svg{
  fill: #95c7e3;
  height: 30px;
  width: 30px;
}

.serial_card__epSeason{
  white-space: nowrap;
}

.asl_movie_series_title{

}

.asl_movie_series_title .star_title_c{
  font-size: 13px;
}
.asl_movie_series_title .star_title_c span{
  font-size: 12px;
}

.cat_title_more{
  white-space: nowrap;
}


.art-layer-playing_status{
  opacity:1;
  transition:opacity .4s ease;
}
.art-layer-playing_status.hidden{
  opacity:0;
}

.art-hidden{
  display: none !important;
  opacity: 0 !important;
}

.top-250{
  display: inline-flex;
    align-items: center;
    gap: 10px;
    height: 50px;
    padding: 0 15px;
    border-radius: 15px;
    font-size: 14px;
    font-weight: 400;
    text-decoration: none;
    transition: all 0.2s;
    background: #2a2f38 !important;
    color: #c8d0db !important;
    border: 1px solid #464d59 !important;
    fill: #c8d0db !important;
    margin-top: 10px;
}

.top-250-badges{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  width: 100%;
  position: static;
  top: auto;
  flex-direction: row;
  align-items: flex-start;
}

.top-250 .rank{
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  background: var(--primaryColor);
  font-family: tahoma;
  font-size: 12px;
}

@media (min-width: 992px){
  .casual_single .single_hero .row > .top-250-badges{
    position: relative;
    top: -170px;
    flex-direction: column;
    align-items: flex-end;
  }
}

.continue-watch-block {
    width: 100%;
}

.continue-watch-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 14px;
}

.continue-watch-head h2 {
    margin: 0;
    font-size: 22px;
    color: #fff;
}

.continue-watch-more {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #cfd6e4;
    text-decoration: none;
    font-size: 13px;
    padding: 6px 10px;
    border-radius: 10px;
    background: rgba(255, 255, 255, .06);
    border: 1px solid rgba(255, 255, 255, .12);
}

.continue-watch-more:hover {
    color: #fff;
    background: rgba(255, 255, 255, .1);
}

.continue-watch-carousel {
    direction: rtl;
    opacity: 0;
    transition: opacity .2s ease;
}

.continue-watch-carousel.owl-loaded,
.continue-watch-carousel.is-ready {
    opacity: 1;
}

.continue-watch-carousel:not(.owl-loaded) {
    display: flex;
    gap: 12px;
    overflow: hidden;
}

.continue-watch-carousel:not(.owl-loaded) .continue-watch-card {
    flex: 0 0 calc((100% - 24px) / 3);
}

.continue-watch-carousel .owl-stage {
    padding: 4px 0;
    display: flex;
}

.continue-watch-carousel .owl-stage,
.continue-watch-carousel .owl-stage-outer {
    padding-right: 0 !important;
}

.continue-watch-card {
    position: relative;
    display: block;
    border-radius: 14px;
    overflow: hidden;
    display: flex;
}

.continue-watch-link {
    display: flex;
    align-items: stretch;
    color: #fff;
    text-decoration: none;
    touch-action: pan-y;
}

.continue-watch-thumb {
  display: block;
  width: 120px;
  min-height: 160px;
  flex-shrink: 0;
  background-size: cover;
  background-position: center;
  background-color: #10151d;
  border-radius: 10px;
}

.continue-watch-content {
    display: flex;
    flex-direction: column;
    gap: 7px;
    width: 100%;
    padding: 11px 14px;
}

.continue-watch-content strong {
    font-size: 14px;
    line-height: 1.6;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.continue-watch-content em {
    font-style: normal;
    font-size: 12px;
    color: #d5dae2;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.continue-watch-content em .cw-episode-icon {
    width: 12px;
    height: 12px;
    min-width: 12px;
    min-height: 12px;
    fill: currentColor;
}

.continue-watch-remove {
    border: 0;
    border-radius: 10px;
    background: rgba(7, 11, 18, .72);
    color: #fff;
    font-size: 19px;
    padding: 0;
    cursor: pointer;
    z-index: 2;
    width: 40px;
    background: var(--bg2);
    font-size: 15px;
}

.continue-watch-meta {
    display: flex;
    align-items: center;
    gap: 8px;
}

.continue-watch-meta small {
    color: #d5dae2;
    font-size: 12px;
}

.continue-watch-circle {
    --cw-progress: 0;
    position: relative;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: conic-gradient(var(--primaryColor) calc(var(--cw-progress) * 1%), rgba(255, 255, 255, .18) 0);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.continue-watch-circle span {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: var(--bg);
}

.continue-watch-actions {
    margin-top: auto;
    display: inline-flex;
}

.continue-watch-cta {
  background: var(--primaryColor);
  color: #fff;
  font-size: 13px;
  border-radius: 10px;
  padding: 10px 13px;
  margin-left: 10px;
}

.continue-watch-carousel .owl-nav {
    display: flex;
    gap: 8px;
    position: absolute;
    top: -45px;
    left: 0;
}

.continue-watch-carousel .owl-nav button.owl-prev,
.continue-watch-carousel .owl-nav button.owl-next {
    width: 34px;
    height: 34px;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, .2) !important;
    background: #1d2230 !important;
    color: #fff !important;
    font-size: 18px !important;
}

.continue-watch-carousel .owl-nav button.owl-prev:hover,
.continue-watch-carousel .owl-nav button.owl-next:hover {
    background: #2b3344 !important;
}

.continue-watch-carousel .owl-nav button.owl-prev span,
.continue-watch-carousel .owl-nav button.owl-next span {
    line-height: 1;
    position: relative;
    top: -1px;
}

.continue-watch-carousel .owl-dots {
    display: none;
}

.continue-watch-carousel .owl-item {
    opacity: 1;
    -webkit-tap-highlight-color: transparent;
}

.continue-watch-carousel .owl-stage-outer {
    overflow: hidden;
    border-radius: 14px;
    margin: 0;
}

.continue-watch-carousel.cw-at-start.owl-rtl .owl-stage-outer {
    padding-right: 0 !important;
}

@media (max-width: 768px) {
    .continue-watch-carousel:not(.owl-loaded) .continue-watch-card {
        flex-basis: calc(100% - 4px);
    }

    .continue-watch-carousel .owl-nav {
        display: none;
    }

    .continue-watch-thumb {
        width: 104px;
        min-height: 126px;
    }

    .continue-watch-carousel .owl-item .continue-watch-card {
        min-height: 126px;
    }

    .continue-watch-content {
        padding: 10px 12px;
    }
}

.continue-watch-card:hover .continue-watch-cta {
    /* background: #4a566b; */
}

.continue-watch-card:focus-within {
    border-color: rgba(255, 255, 255, .2);
}

.continue-watch-cta,
.continue-watch-remove {
    transition: all .2s ease;
}

.continue-watch-remove:hover {
    background: rgb(188, 0, 0);
}

.continue-watch-link:focus-visible {
    outline: 0;
}

.continue-watch-link::after {
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
    border-radius: 14px;
    border: 1px solid transparent;
}

.continue-watch-link:focus-visible::after {
    border-color: rgba(255, 255, 255, .35);
}

.continue-watch-carousel .owl-nav button.owl-prev.disabled,
.continue-watch-carousel .owl-nav button.owl-next.disabled {
    opacity: .45;
    cursor: default;
}

.continue-watch-carousel .owl-nav button.owl-prev.disabled:hover,
.continue-watch-carousel .owl-nav button.owl-next.disabled:hover {
    background: #1d2230 !important;
}

.continue-watch-head {
    position: relative;
}

.continue-watch-content small {
    display: inline-block;
}

.continue-watch-meta,
.continue-watch-actions {
    pointer-events: none;
}

.continue-watch-link,
.continue-watch-remove {
    position: relative;
}

.continue-watch-remove,
.continue-watch-actions {
    pointer-events: auto;
}

.continue-watch-cta {
    font-weight: 500;
}

.continue-watch-meta small {
    line-height: 1.4;
}

.continue-watch-content em {
    font-weight: 500;
    font-family: tahoma;

}

.continue-watch-content strong,
.continue-watch-content em,
.continue-watch-meta small {
    text-align: right;
    color: var(--text);
}

.continue-watch-content strong,
.continue-watch-content em,
.continue-watch-meta,
.continue-watch-actions {
    width: 100%;
}

.continue-watch-carousel .owl-nav button.owl-prev,
.continue-watch-carousel .owl-nav button.owl-next,
.continue-watch-remove,
.continue-watch-cta {
    box-shadow: none;
}

.continue-watch-carousel .owl-nav button.owl-prev:focus,
.continue-watch-carousel .owl-nav button.owl-next:focus,
.continue-watch-remove:focus {
    outline: none;
}

.continue-watch-carousel .owl-nav button.owl-prev:focus-visible,
.continue-watch-carousel .owl-nav button.owl-next:focus-visible,
.continue-watch-remove:focus-visible {
    box-shadow: 0 0 0 2px rgba(255, 255, 255, .25);
}

.continue-watch-cta {
    letter-spacing: .1px;
}

.continue-watch-carousel .owl-item {
    padding: 0;
}

.continue-watch-carousel .owl-item .continue-watch-card {
    display: flex;
    height: 100%;
}

.continue-watch-card,
.continue-watch-link,
.continue-watch-content {
    user-select: none;
    -webkit-user-select: none;
    -webkit-touch-callout: none;
}

.continue-watch-list-wrap {
    width: 100%;
}


.continue-watch-list {
    margin: 0;
}

.continue-watch-card--list {
    display: flex;
    gap: 12px;
    padding: 0;
    background: transparent;
    border: 0;
    border-radius: 14px;
}

.continue-watch-card--list .continue-watch-content {
    padding: 0;
}

.continue-watch-card--list .continue-watch-thumb {
    width: 120px;
    min-height: 160px;
}

.continue-watch-extra {
    color: #9fa8ba;
    font-size: 11px;
    line-height: 1.4;
}

.continue-watch-empty {
    color: #cdd5e5;
    font-size: 14px;
    padding: 12px 0;
}

/* Film card 5: show year taxonomy next to genres on hover */
.film_card5 .meta_info {
    display: flex;
    align-items: center;
    gap: 6px;
}

.film_card5 .release_year {
    opacity: 0;
    transform: translateY(4px);
    transition: opacity .2s ease, transform .2s ease;
    pointer-events: none;
}

.film_card5 .release_year.has_genre::before {
    content: "•";
    margin-left: 2px;
    margin-right: 4px;
    opacity: .75;
}

.film_card5:hover .release_year,
.film_card5:focus-within .release_year {
    opacity: 1;
    transform: translateY(0);
}

@media (max-width: 767px) {
    .film_card5 .release_year {
        opacity: 1;
        transform: none;
    }
}
 

.rel_z2{
  position: relative;
  z-index: 2;
}


.asl_complete_profile_notice {
  background: #201616;
  border: 1px solid #5f2d2d;
  color: #fff;
  padding: 18px;
  border-radius: 14px;
  margin-bottom: 25px;
  text-align: center;
}

  .asl_complete_profile_notice strong {
    display: block;
    font-size: 18px;
    margin-bottom: 8px;
    color: #ffb3b3;
  }

  .asl_complete_profile_notice p {
    margin: 0;
    opacity: .9;
    line-height: 2;
  }


.manual-register-form .mt-3,
.manual-register-form .mt-4 {
  width: 100%;
}

  .manual-register-form .mt-3 a.otp_login_button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 56px;
    padding: 0;
    margin: 0;
    border-radius: 12px;
    background: #101c4d;
    color: #fff !important;
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
    border: 0;
    box-sizing: border-box;
  }

    .manual-register-form .mt-3 a.otp_login_button:hover {
      background: #162766;
      color: #fff;
    }




/* ====================================
   Home Carousel Grid (Desktop)
==================================== */

@media (min-width: 1200px) {

  body.home .film_cat_carousel .owl-stage {
    display: grid !important;
    grid-template-columns: repeat(7, 1fr);
    gap: 18px;
    width: 100% !important;
    transform: none !important;
  }

  body.home .film_cat_carousel .owl-item {
    width: 100% !important;
  }
}


/* ====================================
   Archive Filters
==================================== */

.kelaket-archive-filters {
  display: flex !important;
}

@media (max-width: 768px) {

  /* کانتینر فیلترها */
  .archive_heading_bar .kelaket-archive-filters {
    position: relative;
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 8px;
    width: 100%;
    padding-top: 32px;
    overflow: visible !important;
  }

    /* هر آیتم فیلتر */
    .archive_heading_bar .kelaket-archive-filters > .d-flex.align-items-center {
      position: relative;
      flex: 1 1 0;
      width: auto;
      min-width: 0;
      padding-top: 18px;
      z-index: 1;
    }

      /* وقتی دراپ‌دان بازه */
      .archive_heading_bar .kelaket-archive-filters > .d-flex.align-items-center:has(.nice-select.open) {
        z-index: 999999;
      }

    /* استایل select */
    .archive_heading_bar .kelaket-archive-filters .nice-select.ns_select {
      width: 100%;
      min-width: unset;
      height: 42px;
      line-height: 42px;
      padding-right: 10px;
      padding-left: 20px;
      background: #102346;
      border: 0;
      border-radius: 14px;
      color: #fff;
      font-size: 11px;
    }

  .archive_heading_bar .nice-select {
    position: relative !important;
    overflow: visible !important;
  }

    /* فلش */
    .archive_heading_bar .nice-select::after {
      left: 10px;
      right: auto;
      border-color: #fff;
    }

    /* متن */
    .archive_heading_bar .nice-select .current {
      display: block;
      overflow: hidden;
      color: #fff;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    /* dropdown */
    .archive_heading_bar .nice-select .list {
      position: absolute !important;
      top: calc(100% + 8px);
      right: 0;
      left: 0;
      max-height: 260px;
      overflow-y: auto;
      border-radius: 12px;
      z-index: 999999 !important;
    }

  /* عنوان بالا */
  .archive_heading_bar .kelaket-archive-filters > .d-flex.align-items-center::before {
    position: absolute;
    top: 0;
    right: 50%;
    transform: translateX(50%);
    color: #fff;
    font-size: 10px;
    line-height: 1;
    white-space: nowrap;
    z-index: 5;
  }

  /* مرتب سازی */
  .archive_heading_bar .kelaket-archive-filters > .d-flex.align-items-center:nth-of-type(1)::before {
    content: "مرتب سازی";
  }

  /* ژانر */
  .archive_heading_bar .kelaket-archive-filters > .d-flex.align-items-center:nth-of-type(2)::before {
    content: "ژانر";
  }

  /* امتیاز */
  .archive_heading_bar .kelaket-archive-filters > .d-flex.align-items-center:nth-of-type(3)::before {
    content: "امتیاز IMDB";
  }
}

.kelaket_local_captcha_image img,
.kelaket_local_captcha_image {
  width: 220px !important;
  height: 70px !important;
  object-fit: contain !important;
}

/* ==========================================================================
   استایل اختصاصی فوتر اصل موویز (طرح نیلی مدرن - هماهنگ با هدر سایت)
   ========================================================================== */

:root {
    --asl-bg-deep: #0a0e1a;
    --asl-bg-panel: #10152699;
    --asl-border: #1e2740;
    --asl-text-dim: #8b96b3;
    --asl-text-hover: #ffffff;
    --asl-accent-blue: #4d6bff;
    --asl-accent-blue-soft: rgba(77, 107, 255, 0.12);
    --asl-accent-purple: #7c5cff;
    --asl-accent-orange: #ff9800; /* هماهنگ با دکمه بازگشت به بالای موجود در سایت */
}

.footer_asl_custom {
    background: linear-gradient(180deg, #0c1120 0%, #090c16 100%) !important;
    padding: 18px 24px !important;
    position: relative;
    z-index: 10;
    overflow: hidden;
}

    /* خط امضای گرادیانی بالای فوتر */
    .footer_asl_custom::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 1px;
        background: linear-gradient(90deg, transparent 0%, var(--asl-accent-blue) 25%, var(--asl-accent-purple) 50%, var(--asl-accent-blue) 75%, transparent 100%);
        opacity: 0.6;
    }

.footer-asl-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    direction: rtl;
    gap: 16px;
}

/* سمت راست: دکمه بالا و منوی لینک‌ها */
.asl-right-side {
    display: flex;
    align-items: center;
    gap: 22px;
}

.go_top_inline {
    background: linear-gradient(135deg, var(--asl-accent-blue), var(--asl-accent-purple));
    border: none;
    color: #fff;
    width: 34px;
    height: 34px;
    border-radius: 10px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
    box-shadow: 0 4px 14px rgba(77, 107, 255, 0.3);
}

    .go_top_inline:hover {
        transform: translateY(-2px);
        box-shadow: 0 6px 18px rgba(77, 107, 255, 0.45);
    }

.asl-links-list {
    list-style: none;
    display: flex;
    gap: 20px;
    margin: 0;
    padding: 0;
}

    .asl-links-list li a {
        color: var(--asl-text-dim);
        text-decoration: none;
        font-size: 13px;
        font-weight: 500;
        position: relative;
        transition: color 0.3s;
    }

        .asl-links-list li a::after {
            content: "";
            position: absolute;
            bottom: -4px;
            right: 0;
            width: 0;
            height: 2px;
            background: var(--asl-accent-blue);
            transition: width 0.3s ease;
        }

        .asl-links-list li a:hover {
            color: var(--asl-text-hover);
        }

            .asl-links-list li a:hover::after {
                width: 100%;
            }

/* سمت چپ: شبکه‌ها و دکمه‌های اپلیکیشن */
.asl-left-side {
    display: flex;
    align-items: center;
    gap: 22px;
}

.asl-social-icons {
    display: flex;
    gap: 10px;
}

    .asl-social-icons a {
        color: var(--asl-text-dim);
        font-size: 15px;
        width: 32px;
        height: 32px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        background: rgba(255, 255, 255, 0.03);
        border: 1px solid var(--asl-border);
        transition: all 0.3s ease;
    }

        .asl-social-icons a:hover {
            color: #fff;
            background: var(--asl-accent-blue-soft);
            border-color: var(--asl-accent-blue);
            transform: translateY(-2px);
        }

.asl-app-buttons {
    display: flex;
    gap: 8px;
    align-items: center;
}

.asl-btn {
    background: var(--asl-accent-blue-soft) !important;
    color: #b9c4ff !important;
    padding: 7px 14px;
    border-radius: 20px;
    font-size: 12px;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border: 1px solid rgba(77, 107, 255, 0.25);
    transition: all 0.3s ease;
    font-weight: 600;
    backdrop-filter: blur(6px);
}

    .asl-btn i {
        font-size: 14px;
    }

    .asl-btn:hover {
        background: linear-gradient(135deg, var(--asl-accent-blue), var(--asl-accent-purple)) !important;
        color: #fff !important;
        border-color: transparent;
        box-shadow: 0 4px 16px rgba(77, 107, 255, 0.35);
        transform: translateY(-1px);
    }

.asl-btn-more {
  background: rgba(255, 255, 255, 0.03) !important;
  border: 1px solid var(--asl-border) !important;
  color: var(--asl-text-dim) !important;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  min-height: 32px !important;
  border-radius: 50% !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
  transition: all 0.3s ease !important;
  /* تنظیمات جدید برای ظریف‌تر شدن نقطه ها */
  font-size: 16px !important; /* کوچک‌تر کردن سایز نقطه ها */
  font-weight: normal !important; /* برداشتن حالت بولد */
  line-height: 1 !important;
  letter-spacing: 0px !important; /* نزدیک‌تر کردن نقطه‌ها به هم */
  opacity: 0.8 !important;
}

  .asl-btn-more:hover {
    color: #ffffff !important;
    background: var(--asl-accent-blue-soft) !important;
    border-color: var(--asl-accent-blue) !important;
    opacity: 1 !important;
  }
  

  /* ==========================================================================
   استایل نوار منوی موبایل (Sticky Bottom) - هماهنگ با پالت جدید
   ========================================================================== */
.mobile-bottom-menu {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(10, 14, 26, 0.92);
    backdrop-filter: blur(14px);
    display: none;
    justify-content: space-around;
    padding: 10px 0;
    z-index: 99999;
    border-top: 1px solid var(--asl-border);
    box-shadow: 0 -6px 20px rgba(0, 0, 0, 0.35);
}

    .mobile-bottom-menu .menu-item {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 4px;
        color: #7d8b9e;
        text-decoration: none;
        font-size: 11px;
        transition: color 0.2s;
    }

        .mobile-bottom-menu .menu-item i {
            font-size: 18px;
        }

        .mobile-bottom-menu .menu-item.active {
            color: var(--asl-accent-blue); /* هماهنگ با رنگ اصلی برند به‌جای سبز */
        }

/* مدیریت ریسپانیو: سوییچ بین فوتر دسکتاپ و منوی موبایل */
@media (max-width: 991px) {
    .footer_asl_custom {
        display: none !important;
    }

    .mobile-bottom-menu {
        display: flex !important;
    }

    body {
        padding-bottom: 60px !important;
    }
}

/* ==========================================================================
   نوار دانلود اپلیکیشن + شبکه‌های اجتماعی، زیر اسلایدر - فقط موبایل
   ========================================================================== */
.asl-mobile-app-bar {
    display: none;
}

@media (max-width: 991px) {
    .asl-mobile-app-bar {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        margin: 14px 16px;
        padding: 10px 14px;
        background: var(--asl-bg-panel);
        border: 1px solid var(--asl-border);
        border-radius: 14px;
        backdrop-filter: blur(10px);
    }

    .asl-mobile-app-btn {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        background: linear-gradient(135deg, var(--asl-accent-blue), var(--asl-accent-purple));
        color: #fff;
        font-size: 12.5px;
        font-weight: 600;
        text-decoration: none;
        padding: 9px 14px;
        border-radius: 20px;
        flex: 1;
        justify-content: center;
        box-shadow: 0 4px 14px rgba(77, 107, 255, 0.3);
    }

        .asl-mobile-app-btn i {
            font-size: 14px;
        }

    .asl-mobile-social {
        display: flex;
        gap: 8px;
        flex-shrink: 0;
    }

        .asl-mobile-social a {
            width: 32px;
            height: 32px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            background: rgba(255, 255, 255, 0.03);
            border: 1px solid var(--asl-border);
            color: var(--asl-text-dim);
            font-size: 15px;
            transition: all 0.3s ease;
        }

            .asl-mobile-social a:hover {
                color: #fff;
                background: var(--asl-accent-blue-soft);
                border-color: var(--asl-accent-blue);
            }
}

/* ==========================================================================
   دکمه بازگشت به صفحه اصلی، بالای داشبورد پنل - فقط موبایل
   ========================================================================== */
.asl-panel-mobile-back-wrap {
    display: none;
}

@media (max-width: 991px) {
    .asl-panel-mobile-back-wrap {
        display: block;
        margin-bottom: 16px;
    }

    .asl-panel-mobile-back {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        background: var(--asl-bg-panel);
        border: 1px solid var(--asl-border);
        border-radius: 12px;
        padding: 12px;
        color: #fff;
        font-size: 14px;
        font-weight: 600;
        text-decoration: none;
    }

        .asl-panel-mobile-back i {
            font-size: 14px;
            color: var(--asl-accent-blue);
        }
}

/* =========================================================
   ASLMOVIEZ - Weekly Schedule
   Child Theme FINAL
   ========================================================= */


/* =========================================================
   1. خود جدول
   ========================================================= */

.series_week {
  background: transparent !important;
  border-radius: 0 !important;
}


  /* =========================================================
   2. هدر + روزهای هفته
   ========================================================= */

  .series_week .series_week__header {
    align-items: center;
    flex-wrap: wrap;
    gap: 10px 15px;
    padding: 15px 0;
    border-bottom: none;
  }

    .series_week .series_week__header h3 {
      margin: 0;
      white-space: nowrap;
    }

    .series_week .series_week__header ul {
      display: flex;
      align-items: center;
      margin: 0;
      padding: 6px 16px;
      gap: 16px;
      list-style: none;
      border: 1px solid var(--primaryColor);
      border-radius: 16px;
      overflow-x: auto;
      overflow-y: hidden;
      max-width: 100%;
      scrollbar-width: none;
      cursor: grab;
      -webkit-overflow-scrolling: touch;
    }

      .series_week .series_week__header ul::-webkit-scrollbar {
        display: none;
      }

      .series_week .series_week__header ul.is-dragging {
        cursor: grabbing;
        user-select: none;
      }

    .series_week .series_week__header li {
      margin: 0;
      padding: 0;
      background: transparent !important;
      border-radius: 0 !important;
      white-space: nowrap;
      font-size: 13px;
      color: var(--text);
      opacity: .75;
      cursor: pointer;
    }

      .series_week .series_week__header li.active {
        background: transparent !important;
        color: var(--primaryColor);
        opacity: 1;
        font-weight: 700;
      }


  /* =========================================================
   3. ردیف کارت‌های سریال
   ========================================================= */

  .series_week .series_content .row {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    gap: 12px;
    padding: 0 0 8px 0;
    margin: 0 !important;
    scrollbar-width: none;
    cursor: grab;
    /*
     * خیلی مهم:
     * اجازه Drag افقی با Touch و Pointer
     */
    touch-action: pan-x;
    /*
     * جلوگیری از انتخاب متن هنگام Drag
     */
    user-select: none;
    -webkit-user-select: none;
    /*
     * جلوگیری از رفتارهای عجیب مرورگر
     */
    -webkit-overflow-scrolling: touch;
  }

    .series_week .series_content .row::-webkit-scrollbar {
      display: none;
    }


    /* هنگام گرفتن ردیف */

    .series_week .series_content .row.is-pointer-down,
    .series_week .series_content .row.is-dragging {
      cursor: grabbing !important;
    }


    /* =========================================================
   4. عرض کارت‌ها
   ========================================================= */

    .series_week .series_content .row > [class*="col-"] {
      flex: 0 0 190px !important;
      width: 190px !important;
      max-width: none !important;
      padding: 0 !important;
      margin: 0 !important;
    }


  /* =========================================================
   5. خود کارت
   ========================================================= */

  .series_week .series_item {
    height: 100%;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
  }

    .series_week .series_item:hover {
      transform: none !important;
      box-shadow: none !important;
      border-color: transparent !important;
    }


    /* =========================================================
   6. لینک کارت
   ========================================================= */

    .series_week .series_item a {
      display: flex !important;
      flex-direction: column;
      align-items: stretch;
      width: 100%;
      min-height: 0;
      padding: 0 !important;
      margin: 0 !important;
      gap: 0;
      pointer-events: auto !important;
      cursor: pointer;
      text-decoration: none;
    }


    /*
 * تصویر Event خودش را نگیرد
 * کلیک مستقیماً روی <a> باشد
 */

    .series_week .series_item img {
      pointer-events: none;
    }


  /* =========================================================
   7. پوستر
   ========================================================= */

  .series_week .series_item__thumb {
    position: relative;
    width: 100%;
    overflow: hidden;
    border-radius: 10px;
  }

  .series_week .series_item img {
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 10;
    min-width: 0;
    object-fit: cover;
    border-radius: 10px;
    margin: 0;
    transition: transform .25s ease;
  }

  .series_week .series_item:hover img {
    transform: scale(1.04);
  }


  /* =========================================================
   8. عنوان
   ========================================================= */

  .series_week .series_item .name {
    padding: 8px 2px 0;
    direction: ltr;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }


  /* =========================================================
   9. بج داغ
   ========================================================= */

  .series_week .series_item__hot {
    position: absolute !important;
    top: 7px !important;
    right: 7px !important;
    left: auto !important;
    bottom: auto !important;
    z-index: 10 !important;
    display: block !important;
    width: 26px !important;
    height: 26px !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    pointer-events: none !important;
  }

    .series_week .series_item__hot img {
      display: block !important;
      width: 26px !important;
      height: 26px !important;
      min-width: 26px !important;
      max-width: 26px !important;
      min-height: 26px !important;
      max-height: 26px !important;
      aspect-ratio: 1 / 1 !important;
      object-fit: contain !important;
      padding: 0 !important;
      margin: 0 !important;
      border-radius: 0 !important;
      transform: none !important;
      filter: drop-shadow( 0 2px 4px rgb(0 0 0 / 70%) );
    }


/* =========================================================
   10. Tablet
   ========================================================= */

@media (max-width: 991.98px) {

  .series_week .series_content .row > [class*="col-"] {
    flex-basis: 170px !important;
    width: 170px !important;
  }
}


/* =========================================================
   11. Mobile
   ========================================================= */

@media (max-width: 575.98px) {

  .series_week .series_content .row > [class*="col-"] {
    flex-basis: 150px !important;
    width: 150px !important;
  }

  .series_week .series_item .name {
    font-size: 13px;
  }

  .series_week .series_week__header {
    flex-wrap: nowrap;
  }

    .series_week .series_week__header ul {
      gap: 12px;
      padding: 6px 12px;
      overflow-x: auto;
    }
}


/* =========================================================
   FIX: حذف باکس جدید قالب از هدر Quality
   حفظ ظاهر و ابعاد قبلی
========================================================= */

/* هدر Quality دیگر نباید خودش یک باکس جدا باشد */
.season-item .quality-item > .dlbox_group_header {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  margin: 0 !important;
}

  /* حذف pseudo element های احتمالی قالب جدید */
  .season-item .quality-item > .dlbox_group_header::before,
  .season-item .quality-item > .dlbox_group_header::after {
    display: none !important;
    content: none !important;
  }

/* خود Quality همان استایل قبلی را داشته باشد */
.season-item .quality-item {
  background: var(--bg_darker2) !important;
  border: none !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  box-shadow: none !important;
}

  /* بدنه داخل همان باکس باشد */
  .season-item .quality-item > .quality-episodes-body {
    background: var(--bg_darker2) !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  .season-item .quality-item > .dlbox_group_header {
    padding-top: 17px !important;
    padding-bottom: 17px !important;
  }

/* ==========================================================================
   casual-hero-final.css
   --------------------------------------------------------------------------
   نسخه نهایی — جایگزین کامل casual-hero-responsive.css قبلی کنید.
   هیچ HTML/PHP/کلاسی غیر از موارد زیر که در casual.php هم اضافه شده حذف
   یا بازنویسی نشده:
     - h1 گرفت کلاس post_title_fa (بدون تغییر محتوا)
     - en_title داخل یک <span class="post_title_en"> رفت
     - سال تولید از داخل h1 به داخل h2.post_subtitle منتقل شد و کلاس
       post_released گرفت
     - اسپن رده‌سنی کلاس post_rate گرفت
     - یک <a class="playonline playonline-download"> جدید برای فیلم‌ها
     - id="kelaket-download-box" روی wrapper واقعی باکس دانلود

   نصب: دقیقاً مثل قبل، بعد از استایل اصلی تم enqueue کنید یا در باکس
   CSS دلخواه پیست کنید. این فایل جایگزینِ کامل نسخه‌ی قبلی است، نه اضافه
   بر آن (چون همان سلکتورها را با اصلاح دوباره تعریف می‌کند).
   ========================================================================== */

:root {
    --hero-accent: var(--kelaket-primary, #3b4fd0);
    --hero-accent-2: var(--kelaket-primary-2, #2c3ba8);
    --hero-card-bg: rgba(255, 255, 255, 0.06);
    --hero-card-border: rgba(255, 255, 255, 0.14);
    --hero-text-dim: rgba(255, 255, 255, 0.72);
}

/* اسکرول نرم برای دکمه‌ی «دانلود» که به بخش پایین صفحه لینک می‌شود */
html {
    scroll-behavior: smooth;
}

/* اگه هدر سایت sticky است و بالای باکس دانلود را می‌پوشاند، این عدد را با
   ارتفاع واقعی هدر خودتان هماهنگ کنید */
#kelaket-download-box {
    scroll-margin-top: 90px;
}

/* ==========================================================================
   ۰) رفع اصلی مشکل «تصویر تکراری» + حس کارت‌بودن پوستر (دسکتاپ و موبایل)
   --------------------------------------------------------------------------
   ریشه‌ی باگ قبلی: کلاس casual_single__bg فرزندِ .single_hero نیست؛
   در HTML واقعی این‌طوره:

     <section class="casual_single">
       <div class="casual_single__bg" style="background-image:url(...)"></div>
       <div class="single_hero"> ... </div>
     </section>

   یعنی casual_single__bg خواهر (sibling) قبل از single_hero است، نه
   داخل آن. به همین دلیل سلکتور قبلی «.single_hero .casual_single__bg»
   هیچ‌وقت چیزی را پیدا نمی‌کرد و مخفی‌سازی موبایل کار نمی‌کرد.

   نقش هرکدام:
   - .casual_single__bg  → یک لایه‌ی background-image است (از
     slider_image2 یا در نبودش thumbnail)؛ این همان «تصویر سینمایی
     پس‌زمینه‌ی Hero» است که در نمونه‌ی مرجع می‌بینید.
   - the_post_thumbnail() داخل .single_cover_wrap → همان پوستر واقعی
     پست (کاور رسمی فیلم/سریال) است؛ در دسکتاپ باید به‌صورت پوستر کوچک
     کنار متن‌ها بماند (خودتان گفتید در دسکتاپ باید باشد)، اما در موبایل
     چون .casual_single__bg هم هست، دوتایی دیده می‌شود.

   راه‌حل: در موبایل casual_single__bg مخفی می‌شود و همان تصویر پوستر
   با CSS (بخش ۲) به یک بک‌دراپ تمام‌عرض تبدیل می‌شود. در دسکتاپ
   casual_single__bg به‌عنوان بک‌دراپ سینمایی کل Hero نمایش داده می‌شود و
   پوستر یک پوستر کوچک بدون قاب/سایه در کنارش می‌ماند.
   ========================================================================== */

.casual_single {
    position: relative;
    overflow: hidden;
}

.casual_single__bg {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 0;
    /* اگر theme از قبل ارتفاع/کلاس دیگری روی این المان تنظیم کرده،
     همین‌جا با content واقعی صفحه چک کنید که همپوشانی درست است؛ اگر
     .casual_single ارتفاع مشخصی ندارد این خط را باز کنید:
     min-height: 62vh; */
}

    /* گرادیانِ تیره روی بک‌دراپ برای خوانایی متن‌های روی Hero */
    .casual_single__bg::after {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient( to top, rgba(6, 6, 10, 0.96) 0%, rgba(6, 6, 10, 0.6) 45%, rgba(6, 6, 10, 0.15) 100% );
    }

.single_hero {
    position: relative;
    z-index: 1;
}

    /* حذف کامل هرچیزی که پوستر را «داخل یک کارت/قاب» نشان می‌دهد —
   هم در دسکتاپ هم در موبایل (نه فقط داخل مدیاکوئری موبایل قبلی) */
    .single_hero .single_cover,
    .single_hero .single_cover_wrap {
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
    }

/* موبایل: بک‌دراپ جدا (casual_single__bg) را کنار می‌گذاریم چون خودِ
   پوستر (بخش ۲ پایین) به تمام‌عرض بدل می‌شود و دیگر لازم نیست دو تصویر
   روی هم بیفتد */
@media (max-width: 767.98px) {
    .casual_single__bg {
        display: none !important;
    }
}

/* ==========================================================================
   ۱) دسکتاپ (>= 768px) — ردیف دکمه‌ها
   ========================================================================== */
@media (min-width: 768px) {
    .post_actions {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 10px;
    }

        .post_actions a.playonline {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            padding: 10px 18px;
            border-radius: 10px;
            background: linear-gradient(180deg, var(--hero-accent), var(--hero-accent-2));
            color: #fff;
            font-weight: 600;
            text-decoration: none;
        }

        .post_actions .new_kelaeket_btn {
            width: 42px;
            height: 42px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border-radius: 10px;
            background: var(--hero-card-bg);
            border: 1px solid var(--hero-card-border);
        }

    .post_actions_trailer {
        margin-top: 10px;
    }

        .post_actions_trailer a.playonline-trailer {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            padding: 10px 18px;
            border-radius: 10px;
            background: var(--hero-card-bg);
            border: 1px solid var(--hero-card-border);
            color: #fff;
            text-decoration: none;
        }

    /* دکمه‌ی جدید «دانلود» (فقط فیلم‌ها) دقیقاً هم‌استایل بقیه دکمه‌هاست،
     چون همان کلاس playonline را دارد؛ نیازی به قانون جدا نیست. */
}

/* ==========================================================================
   ۲) موبایل (<= 767.98px) — چیدمان کامل شبیه تصویر مرجع
   ========================================================================== */
@media (max-width: 767.98px) {

    :root {
        --hero-bleed: 15px;
        --hero-gradient-h: 58%;
        --hero-pull: 110px;
    }

    /* --- ۲.۱) پوستر را از حالت کارتِ کوچکِ گردشده به تمام‌عرض/لبه‌به‌لبه تبدیل می‌کنیم --- */
    .single_hero .row.g-0 {
        position: relative;
        overflow: visible;
    }

        .single_hero .row.g-0 > .center_image_mobile {
            flex: 0 0 auto !important;
            max-width: none !important;
            margin-left: calc(var(--hero-bleed) * -1);
            margin-right: calc(var(--hero-bleed) * -1);
            width: calc(100% + (var(--hero-bleed) * 2));
            padding: 0 !important;
        }

    .single_hero .single_cover,
    .single_hero .single_cover_wrap {
        width: 100%;
        border-radius: 0 !important;
        position: relative;
        overflow: hidden;
    }

    .single_hero .row.g-0,
    .single_hero .center_image_mobile,
    .single_hero .single_cover,
    .single_hero .single_cover_wrap,
    .single_hero .inner_cover {
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        outline: none !important;
        border-radius: 0 !important;
    }

        .single_hero .single_cover_wrap img {
            width: 100%;
            height: auto;
            max-height: 72vh;
            object-fit: cover;
            display: block;
        }

        .single_hero .single_cover_wrap::after {
            content: "";
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            height: var(--hero-gradient-h);
            background: linear-gradient( to top, rgba(8, 8, 12, 0.98) 0%, rgba(8, 8, 12, 0.75) 35%, rgba(8, 8, 12, 0) 100% );
            pointer-events: none;
            z-index: 1;
        }

    .single_hero .single_playonline {
        position: absolute !important;
        top: 58% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) !important;
        z-index: 2;
    }

    /* --- ۲.۲) عنوان/زیرعنوان روی گرادیانِ پایین عکس --- */
    .single_hero .rel_z2 {
        position: relative !important;
        z-index: 2 !important;
        margin-top: calc(var(--hero-pull) * -1) !important;
    }

        .single_hero .rel_z2 h1,
        .single_hero .rel_z2 .post_subtitle {
            display: block !important;
            width: 100% !important;
            text-align: center !important;
            color: #fff !important;
            text-shadow: 0 2px 10px rgba(0, 0, 0, 0.65);
        }

            /* عنوان فارسی (h1) — جهت‌بندی طبیعی فارسی؛ plaintext فقط برای
     ایمنی در صورت وجود کلمات لاتین درون همین رشته */
            .single_hero .rel_z2 h1.post_title_fa {
                direction: rtl;
                unicode-bidi: plaintext;
            }

        /* عنوان انگلیسی + سال، هردو داخل h2.post_subtitle و همیشه به همین
     ترتیب کنار هم — دیگر امکان جابه‌جایی سال بین متن فارسی/انگلیسی
     وجود ندارد چون سال از h1 خارج شده است */
        .single_hero .rel_z2 .post_subtitle {
            direction: ltr;
            unicode-bidi: isolate;
            display: flex !important;
            flex-wrap: wrap;
            align-items: baseline;
            justify-content: center !important;
            gap: 6px;
        }

            .single_hero .rel_z2 .post_subtitle .post_released {
                opacity: 0.78;
                font-weight: 400;
            }

        .single_hero .rel_z2 h1 {
            order: 10;
        }

        .single_hero .rel_z2 .post_subtitle {
            order: 20;
        }

        .single_hero .rel_z2 .post_update {
            order: 30;
        }

        .single_hero .rel_z2 .post_runtime {
            order: 40;
        }

        .single_hero .rel_z2 .post_genre {
            order: 50;
        }

        .single_hero .rel_z2 .post_story {
            order: 60;
        }

        .single_hero .rel_z2 .post_actor {
            order: 70;
        }

        .single_hero .rel_z2 .post_vote {
            order: 80;
        }

        .single_hero .rel_z2 .top-250-badges {
            order: 140;
        }

    /* کانتینر اصلی: گرید ۱۲ ستونه */
    .single_hero .rel_z2 {
        display: grid !important;
        direction: rtl;
        grid-template-columns: repeat(12, 1fr);
        row-gap: 14px;
        column-gap: 10px;
        align-items: stretch;
        justify-items: stretch;
    }

        .single_hero .rel_z2 > * {
            grid-column: 1 / -1;
        }

        /* --- ردیف دکمه‌ها --- */
        .single_hero .rel_z2 .post_actions {
            display: contents !important;
        }

            /* حالا سه دکمه‌ی ممکن داریم: پخش آخرین قسمت / تماشای آنلاین / دانلود.
     به‌جای first-of-type/last-of-type (که با ۳ آیتم غیرقابل‌اعتماد
     می‌شود)، هرکدام را با کلاس اختصاصی خودش هدف می‌گیریم. */

            /* «پخش آخرین قسمت» (فقط سریال) → سمت راست، نصف اول.
     از first-of-type/غیرِ-first-of-type استفاده شده (نه first-child)
     چون این دو دکمه در بین چند دکمه‌ی دیگر (بوکمارک/زنگوله) قرار دارند
     و این روش نسبت به نبودِ شرطی هرکدام مقاوم‌تر است. */
            .single_hero .rel_z2 .post_actions > a.playonline:not(.playonline-download):not(:first-of-type) {
                order: 90;
                grid-column: 1 / 7;
            }

            /* «تماشای آنلاین» → سمت چپ، نصف دوم (همیشه اولین playonline در DOM) */
            .single_hero .rel_z2 .post_actions > a.playonline:not(.playonline-download):first-of-type {
                order: 100;
                grid-column: 7 / 13;
            }

            /* «دانلود» (فقط فیلم) → دقیقاً همان جایگاه «پخش آخرین قسمت» در سریال
     را می‌گیرد (سمت راست، نصف اول)؛ چون این دو دکمه هیچ‌وقت با هم
     نمایش داده نمی‌شوند (یکی مخصوص سریال، دیگری مخصوص فیلم است) */
            .single_hero .rel_z2 .post_actions > a.playonline.playonline-download {
                order: 90;
                grid-column: 1 / 7;
            }

            .single_hero .rel_z2 .post_actions > button.new_kelaeket_btn {
                order: 110;
                grid-column: 1 / 3;
            }

            .single_hero .rel_z2 .post_actions > div.new_kelaeket_btn {
                order: 120;
                grid-column: 3 / 5;
            }

        .single_hero .rel_z2 .post_actions_trailer {
            display: contents !important;
        }

            .single_hero .rel_z2 .post_actions_trailer > a.playonline-trailer {
                order: 130;
                grid-column: 5 / 13;
            }

        /* ==========================================================================
     استایل بصری هر بخش
     ========================================================================== */

        .single_hero .rel_z2 .post_update {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            justify-self: center;
            background: rgba(160, 110, 40, 0.35);
            border: 1px solid rgba(255, 190, 100, 0.35);
            color: #ffd9a0;
            padding: 8px 16px;
            border-radius: 999px;
            font-size: 0.85rem;
        }

        .single_hero .rel_z2 .post_runtime {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            align-items: center;
            gap: 6px 16px;
            color: var(--hero-text-dim);
            font-size: 0.85rem;
        }

            .single_hero .rel_z2 .post_runtime span[style] {
                margin-right: 0 !important;
            }

            /* رده سنی در موبایل اصلاً نمایش داده نشود؛ در دسکتاپ دست‌نخورده می‌ماند
     چون این قانون فقط داخل مدیاکوئری موبایل است */
            .single_hero .rel_z2 .post_runtime .post_rate {
                display: none !important;
            }

        .single_hero .rel_z2 .post_genre {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 8px;
        }

        .single_hero .rel_z2 .post_genre__label {
            display: none;
        }

        .single_hero .rel_z2 .post_genre a {
            display: inline-block;
            padding: 5px 16px;
            border: 1px solid var(--hero-card-border);
            border-radius: 999px;
            color: #fff;
            font-size: 0.8rem;
            text-decoration: none;
        }

        .single_hero .rel_z2 .post_story p {
            text-align: center;
            color: var(--hero-text-dim);
            font-size: 0.88rem;
            line-height: 1.7;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
            margin: 0;
        }

        .single_hero .rel_z2 .post_actor {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 4px;
            text-align: center;
            font-size: 0.82rem;
            color: var(--hero-text-dim);
        }

        .single_hero .rel_z2 .post_vote {
            display: flex !important;
            flex-wrap: wrap !important;
            justify-content: center !important;
            align-items: center !important;
            gap: 10px 14px !important;
            width: 100%;
            background: none !important;
            overflow: visible !important;
        }

        .single_hero .rel_z2 .post_vote__buttons {
            display: flex !important;
            flex-wrap: nowrap !important;
            gap: 8px !important;
            flex: 0 0 auto !important;
            width: auto !important;
            order: 1;
        }

        .single_hero .rel_z2 .vote_stats {
            order: 2;
        }

        /* IMDb + متاکریتیک + تماتو، همیشه یک ردیف کامل زیر لایک/دیسلایک */
        .single_hero .rel_z2 .movie_meta {
            order: 3;
            flex-basis: 100% !important;
            width: 100% !important;
        }

        .single_hero .rel_z2 .post_vote_up,
        .single_hero .rel_z2 .post_vote_down {
            display: flex !important;
            flex-direction: column !important;
            align-items: center !important;
            justify-content: center !important;
            gap: 2px !important;
            width: 46px !important;
            height: 42px !important;
            min-width: 46px !important;
            max-width: 46px !important;
            padding: 0 !important;
            margin: 0 !important;
            border-radius: 10px !important;
            background: var(--hero-card-bg) !important;
            border: 1px solid var(--hero-card-border) !important;
            box-shadow: none !important;
        }

            .single_hero .rel_z2 .post_vote_up *,
            .single_hero .rel_z2 .post_vote_down * {
                color: #fff !important;
                fill: #fff !important;
                stroke: #fff !important;
                font-size: 15px !important;
                line-height: 1 !important;
                width: auto !important;
                height: auto !important;
            }

            .single_hero .rel_z2 .post_vote_up svg,
            .single_hero .rel_z2 .post_vote_down svg,
            .single_hero .rel_z2 .post_vote_up img,
            .single_hero .rel_z2 .post_vote_down img {
                width: 16px !important;
                height: 16px !important;
            }

            .single_hero .rel_z2 .post_vote_up .count_like,
            .single_hero .rel_z2 .post_vote_down .count_dislike {
                font-size: 11px !important;
                color: #fff !important;
                display: block !important;
            }

        .single_hero .rel_z2 .vote_stats {
            display: flex !important;
            align-items: center !important;
            gap: 6px !important;
            color: #ff9a3c !important;
            font-size: 0.78rem !important;
            white-space: nowrap !important;
            flex: 0 1 auto !important;
            width: auto !important;
            background: none !important;
        }

            .single_hero .rel_z2 .vote_stats * {
                color: #ff9a3c !important;
                font-size: 0.78rem !important;
            }

        /* --- ردیف امتیازها: IMDb / متاکریتیک / تماتو همیشه در یک خط ---
     برخلاف نسخه قبل، اینجا nowrap اجباری شده و اندازه‌ها کمی جمع‌تر
     شده‌اند تا حتی در صفحه‌های ۳۶۰px هم سه‌تایی جا شوند و از صفحه
     بیرون نزنند. */
        .single_hero .rel_z2 .movie_meta {
            display: flex !important;
            flex-wrap: nowrap !important;
            align-items: center !important;
            justify-content: center !important;
            gap: 6px !important;
            overflow: visible;
        }

        .single_hero .rel_z2 .mixed_imdb,
        .single_hero .rel_z2 .mixed_imdb > * {
            box-sizing: border-box !important;
        }

        .single_hero .rel_z2 .mixed_imdb {
            display: inline-flex !important;
            flex-direction: row !important;
            flex: 0 0 auto !important;
            width: auto !important;
            max-width: max-content !important;
            height: auto !important;
            min-height: 0 !important;
            max-height: 26px !important;
            background: #f5c518 !important;
            color: #111 !important;
            border-radius: 6px !important;
            padding: 3px 6px !important;
            margin: 0 !important;
            align-items: center !important;
            justify-content: center !important;
            gap: 3px !important;
            font-weight: 700 !important;
            font-size: 0.72rem !important;
            line-height: 1 !important;
            overflow: hidden !important;
        }

            .single_hero .rel_z2 .mixed_imdb > * {
                display: inline-flex !important;
                flex-direction: row !important;
                align-items: center !important;
                width: auto !important;
                height: auto !important;
                max-height: 18px !important;
                margin: 0 !important;
                padding: 0 !important;
            }

            .single_hero .rel_z2 .mixed_imdb * {
                color: #111 !important;
                font-size: 0.72rem !important;
                line-height: 1 !important;
            }

            .single_hero .rel_z2 .mixed_imdb svg,
            .single_hero .rel_z2 .mixed_imdb img {
                width: 24px !important;
                height: 12px !important;
                max-height: 12px !important;
            }

        .single_hero .rel_z2 .imdbLogo,
        .single_hero .rel_z2 .imdbRate_nums_casual {
            display: inline-flex !important;
            width: auto !important;
            height: auto !important;
            max-height: 18px !important;
        }

        .single_hero .rel_z2 .movie_meta:only-child .mixed_imdb,
        .single_hero .rel_z2 .movie_meta:has(> .mixed_imdb:only-child) {
            margin: 0 auto !important;
        }

        .single_hero .rel_z2 .movie_score {
            display: inline-flex !important;
            flex: 0 0 auto !important;
            width: auto !important;
            align-items: center !important;
            gap: 3px !important;
            padding: 3px 6px !important;
            border-radius: 6px !important;
            background: var(--hero-card-bg) !important;
            border: 1px solid var(--hero-card-border) !important;
            font-size: 0.72rem !important;
            color: #fff !important;
            white-space: nowrap !important;
        }

            .single_hero .rel_z2 .movie_score * {
                color: #fff !important;
                font-size: 0.72rem !important;
            }

            .single_hero .rel_z2 .movie_score img,
            .single_hero .rel_z2 .movie_score svg {
                width: 13px !important;
                height: 13px !important;
            }

        /* دکمه‌های پخش آخرین قسمت / تماشای آنلاین / دانلود */
        .single_hero .rel_z2 .post_actions > a.playonline {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
            height: 48px;
            border-radius: 12px;
            background: linear-gradient(180deg, var(--hero-accent), var(--hero-accent-2));
            color: #fff;
            font-size: 0.9rem;
            font-weight: 600;
            text-decoration: none;
        }

            .single_hero .rel_z2 .post_actions > a.playonline .playsingle_icon {
                width: 20px;
                height: 20px;
            }

            /* دکمه‌ی دانلود کمی متفاوت (outline) تا از دکمه‌ی اصلیِ تماشا/پخش
     به‌صورت بصری قابل تشخیص باشد، اما هم‌خانواده و هماهنگ بماند */
            .single_hero .rel_z2 .post_actions > a.playonline.playonline-download {
                background: var(--hero-card-bg);
                border: 1px solid var(--hero-card-border);
            }

        .single_hero .rel_z2 .post_actions_trailer > a.playonline-trailer {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
            height: 48px;
            border-radius: 12px;
            background: var(--hero-card-bg);
            border: 1px solid var(--hero-card-border);
            color: #fff;
            font-size: 0.88rem;
            text-decoration: none;
        }

        .single_hero .rel_z2 .post_actions > .new_kelaeket_btn {
            display: flex;
            align-items: center;
            justify-content: center;
            height: 48px;
            border-radius: 12px;
            background: var(--hero-card-bg);
            border: 1px solid var(--hero-card-border);
            color: #fff;
        }

        .single_hero .rel_z2 .top-250-badges {
            display: flex;
            justify-content: center;
        }

        .single_hero .rel_z2 .top-250 {
            display: inline-flex;
            align-items: center;
            gap: 10px;
            padding: 8px 16px;
            border-radius: 999px;
            background: var(--hero-card-bg);
            border: 1px solid var(--hero-card-border);
            color: #fff;
            font-size: 0.85rem;
        }

            .single_hero .rel_z2 .top-250 .rank {
                width: 26px;
                height: 26px;
                display: inline-flex;
                align-items: center;
                justify-content: center;
                border-radius: 50%;
                background: var(--hero-accent);
                color: #fff;
                font-size: 0.75rem;
            }
}

@media (max-width: 767.98px) {

    .single_hero .rel_z2 .movie_meta {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        width: 100% !important;
        flex-basis: 100% !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 5px !important;
        margin: 8px 0 0 !important;
    }
}

@media (max-width: 767.98px) {

    .single_hero .rel_z2 .movie_meta > * {
        flex: 0 1 auto !important;
        min-width: 0 !important;
    }

    .single_hero .rel_z2 .movie_meta .mixed_imdb,
    .single_hero .rel_z2 .movie_meta .movie_score {
        flex-shrink: 1 !important;
        margin: 0 !important;
    }

    .single_hero .rel_z2 .movie_meta .mixed_imdb {
        gap: 3px !important;
    }

    .single_hero .rel_z2 .movie_meta .imdbRate_nums_casual strong,
    .single_hero .rel_z2 .movie_meta .malRate_nums_casual strong,
    .single_hero .rel_z2 .movie_meta .movie_score {
        font-size: 14px !important;
    }

    .single_hero .rel_z2 .movie_meta .imdbLogo svg {
        width: 25px !important;
        height: auto !important;
    }

    .single_hero .rel_z2 .movie_meta .movie_score img {
        width: 21px !important;
        height: 21px !important;
    }
}

/* =========================================================
   MOBILE HERO FIX — Natural Full Hero Poster
   ========================================================= */

@media (max-width: 767.98px) {

    /* ---------------------------------------------------------
     1. حذف کامل فضای خالی بالای تصویر
     --------------------------------------------------------- */

    .casual_single,
    .single_hero,
    .single_hero .row.g-0,
    .single_hero .center_image_mobile,
    .single_hero .single_cover,
    .single_hero .single_cover_wrap,
    .single_hero .inner_cover {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }


    /* ---------------------------------------------------------
     2. حذف بک‌گراند جداگانه در موبایل
     --------------------------------------------------------- */

    .casual_single__bg {
        display: none !important;
    }


    /* ---------------------------------------------------------
     3. تصویر از ابتدای Hero شروع شود
     --------------------------------------------------------- */

    .single_hero .row.g-0 > .center_image_mobile {
        position: relative !important;
        width: calc(100% + 30px) !important;
        max-width: none !important;
        margin-top: 0 !important;
        margin-right: -15px !important;
        margin-left: -15px !important;
        padding: 0 !important;
        flex: 0 0 auto !important;
    }


    /* ---------------------------------------------------------
     4. Hero واقعی با ارتفاع مشخص
     مهم‌ترین بخش اصلاح
     --------------------------------------------------------- */

    .single_hero .single_cover,
    .single_hero .single_cover_wrap {
        position: relative !important;
        width: 100% !important;
        height: clamp(480px, 78vh, 680px) !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        background: #080c14 !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
    }


        /* ---------------------------------------------------------
     5. کراپ طبیعی تصویر
     --------------------------------------------------------- */

        .single_hero .single_cover_wrap img {
            display: block !important;
            width: 100% !important;
            height: 100% !important;
            min-height: 100% !important;
            max-height: none !important;
            object-fit: cover !important;
            /*
      مهم:
      این مقدار باعث می‌شود صورت کاراکتر بالاتر و طبیعی‌تر
      داخل Hero قرار بگیرد.
    */
            object-position: center 18% !important;
            margin: 0 !important;
            padding: 0 !important;
            border-radius: 0 !important;
        }


        /* ---------------------------------------------------------
     6. گرادیان طبیعی از تصویر به بخش اطلاعات
     --------------------------------------------------------- */

        .single_hero .single_cover_wrap::after {
            content: "" !important;
            position: absolute !important;
            top: 0 !important;
            right: 0 !important;
            bottom: 0 !important;
            left: 0 !important;
            height: auto !important;
            background: linear-gradient( to bottom, rgba(8, 12, 20, 0.05) 0%, rgba(8, 12, 20, 0) 35%, rgba(8, 12, 20, 0.25) 55%, rgba(8, 12, 20, 0.88) 82%, #080c14 100% ) !important;
            pointer-events: none !important;
            z-index: 1 !important;
        }


    /* ---------------------------------------------------------
     7. دکمه Play وسط تصویر
     --------------------------------------------------------- */

    .single_hero .single_playonline {
        position: absolute !important;
        top: 48% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) !important;
        z-index: 5 !important;
    }


    /* ---------------------------------------------------------
     8. اطلاعات روی قسمت پایین Hero قرار بگیرند
     --------------------------------------------------------- */

    .single_hero .rel_z2 {
        position: relative !important;
        z-index: 10 !important;
        /*
      اطلاعات وارد قسمت پایین Hero می‌شوند
      ولی دیگر بیش از حد مثل نسخه قبلی کشیده نمی‌شوند
    */
        margin-top: -150px !important;
        padding-right: 15px !important;
        padding-left: 15px !important;
        background: transparent !important;
    }


        /* ---------------------------------------------------------
     9. عنوان‌ها
     --------------------------------------------------------- */

        .single_hero .rel_z2 h1.post_title_fa {
            position: relative !important;
            margin-top: 0 !important;
            margin-bottom: 6px !important;
            text-align: center !important;
            color: #fff !important;
            font-size: clamp(18px, 5vw, 24px) !important;
            line-height: 1.5 !important;
            text-shadow: 0 2px 15px rgba(0, 0, 0, 0.8) !important;
        }


        .single_hero .rel_z2 .post_subtitle {
            margin-top: 0 !important;
            text-align: center !important;
            justify-content: center !important;
            color: rgba(255,255,255,0.75) !important;
            font-size: 13px !important;
        }
}

/* =========================================================
   MOBILE CINEMATIC HERO — Natural Image + Deep Gradient
   ========================================================= */

@media (max-width: 767.98px) {

    /* بک‌گراند جداگانه در موبایل */
    .casual_single__bg {
        display: none !important;
    }


    /* کل بخش Hero */
    .casual_single {
        background: #080c14 !important;
    }


    /* جلوگیری از ایجاد فاصله بالای تصویر */
    .single_hero,
    .single_hero .row.g-0,
    .single_hero .center_image_mobile,
    .single_hero .single_cover,
    .single_hero .single_cover_wrap {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }


        /* تصویر تمام‌عرض */
        .single_hero .row.g-0 > .center_image_mobile {
            position: relative !important;
            width: calc(100% + 30px) !important;
            max-width: none !important;
            margin-right: -15px !important;
            margin-left: -15px !important;
            padding: 0 !important;
        }


        /* کانتینر تصویر */
        .single_hero .single_cover,
        .single_hero .single_cover_wrap {
            position: relative !important;
            width: 100% !important;
            height: 560px !important;
            overflow: hidden !important;
            border: 0 !important;
            border-radius: 0 !important;
            background: #080c14 !important;
            box-shadow: none !important;
        }


            /* خود تصویر */
            .single_hero .single_cover_wrap img {
                display: block !important;
                width: 100% !important;
                height: 100% !important;
                max-height: none !important;
                object-fit: cover !important;
                /*
      محل کراپ تصویر
      برای پوسترهای فیلم معمولاً بهترین حالت
    */
                object-position: center 20% !important;
                border-radius: 0 !important;
                filter: brightness(0.88) !important;
            }


            /* =====================================================
     گرادینت سینمایی اصلی
     از بالای عکس تقریباً نامرئی است
     و از وسط شروع به تیره شدن می‌کند
     ===================================================== */

            .single_hero .single_cover_wrap::after {
                content: "" !important;
                position: absolute !important;
                top: 0 !important;
                right: 0 !important;
                bottom: 0 !important;
                left: 0 !important;
                width: 100% !important;
                height: 100% !important;
                z-index: 2 !important;
                pointer-events: none !important;
                background: linear-gradient( to bottom, rgba(8, 12, 20, 0) 0%, rgba(8, 12, 20, 0.02) 25%, rgba(8, 12, 20, 0.10) 42%, rgba(8, 12, 20, 0.35) 58%, rgba(8, 12, 20, 0.70) 75%, rgba(8, 12, 20, 0.94) 90%, #080c14 100% ) !important;
            }


        /* دکمه پخش روی تصویر */
        .single_hero .single_playonline {
            position: absolute !important;
            top: 47% !important;
            left: 50% !important;
            transform: translate(-50%, -50%) !important;
            z-index: 5 !important;
        }


    /* =========================================
   MOBILE HERO - COMPACT SPACING
   فقط کمی کاهش فاصله عمودی بین بخش‌ها
   ========================================= */

    @media (max-width: 767.98px) {

        /* فاصله کلی آیتم‌های داخل Hero */
        .single_hero .rel_z2 {
            row-gap: 10px !important; /* قبلاً 14px بود */
        }

            /* عنوان فارسی */
            .single_hero .rel_z2 h1.post_title_fa {
                margin-bottom: 0 !important;
            }

            /* عنوان انگلیسی و سال */
            .single_hero .rel_z2 .post_subtitle {
                margin-top: -2px !important;
                margin-bottom: 0 !important;
            }

            /* فاصله اطلاعات زمان / کشور */
            .single_hero .rel_z2 .post_runtime {
                margin-top: -2px !important;
                margin-bottom: 0 !important;
            }

            /* ژانرها */
            .single_hero .rel_z2 .post_genre {
                margin-top: 0 !important;
                margin-bottom: 0 !important;
            }

            /* داستان فیلم */
            .single_hero .rel_z2 .post_story {
                margin-top: 2px !important;
                margin-bottom: 0 !important;
            }

            /* بازیگران */
            .single_hero .rel_z2 .post_actor {
                margin-top: 0 !important;
                margin-bottom: 0 !important;
            }

            /* بخش لایک / دیسلایک و امتیاز */
            .single_hero .rel_z2 .post_vote {
                margin-top: 2px !important;
                margin-bottom: 0 !important;
            }

            /* فاصله بین لایک و امتیازهای IMDb */
            .single_hero .rel_z2 .movie_meta {
                margin-top: -2px !important;
            }

            /* دکمه‌های اصلی */
            .single_hero .rel_z2 .post_actions {
                margin-top: 2px !important;
            }

            /* تریلر */
            .single_hero .rel_z2 .post_actions_trailer {
                margin-top: 0 !important;
            }
    }

        /* =====================================================
     اطلاعات فیلم
     ===================================================== */

        .single_hero .rel_z2 {
            position: relative !important;
            z-index: 10 !important;
            /*
      اطلاعات وارد بخش تاریک پایین تصویر می‌شوند
    */
            margin-top: -175px !important;
            padding-top: 70px !important;
            padding-right: 15px !important;
            padding-left: 15px !important;
            /*
      مهم:
      ادامه گرادینت از تصویر به اطلاعات
    */
            background: linear-gradient( to bottom, rgba(8, 12, 20, 0) 0%, rgba(8, 12, 20, 0.55) 20%, #080c14 48px, #080c14 100% ) !important;
        }


            /* اگر inner wrapper دارد */
            .single_hero .rel_z2 > * {
                position: relative;
                z-index: 2;
            }


            /* عنوان فارسی */
            .single_hero .rel_z2 h1.post_title_fa {
                margin-top: 0 !important;
                margin-bottom: 5px !important;
                color: #fff !important;
                text-align: center !important;
                text-shadow: 0 2px 12px rgba(0, 0, 0, 0.85) !important;
            }


            /* عنوان انگلیسی */
            .single_hero .rel_z2 .post_subtitle {
                color: rgba(255,255,255,0.70) !important;
                text-align: center !important;
                text-shadow: 0 2px 10px rgba(0, 0, 0, 0.75) !important;
            }
}


/* ==========================================================================
   MOBILE HERO - گرادیانت پشت محتوا تا قبل از باکس دانلود
   ========================================================================== */

@media (max-width: 767.98px) {

    .single_hero .rel_z2 {
        position: relative !important;
        z-index: 10 !important;
        isolation: isolate !important;
        /* محتوا کمی بیشتر داخل تصویر بالا بیاید */
        margin-top: -285px !important;
        padding-top: 90px !important;
        padding-right: 15px !important;
        /* گرادیانت و فضای Hero پایین‌تر ادامه پیدا کند */
        padding-bottom: 190px !important;
        padding-left: 15px !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
    }


        .single_hero .rel_z2::before {
            content: "" !important;
            position: absolute !important;
            top: 0 !important;
            /* پر شدن کامل کناره‌ها */
            right: -60px !important;
            left: -60px !important;
            /* بیشتر به سمت پایین کشیده شود */
            bottom: -170px !important;
            z-index: 0 !important;
            pointer-events: none !important;
            background: linear-gradient( to bottom, rgba(8, 12, 20, 0) 0%, rgba(8, 12, 20, 0.50) 8%, rgba(8, 12, 20, 0.60) 18%, rgba(8, 12, 20, 0.70) 28%, rgba(8, 12, 20, 0.78) 38%, rgba(8, 12, 20, 0.84) 48%, rgba(8, 12, 20, 0.90) 58%, rgba(8, 12, 20, 0.95) 68%, rgba(8, 12, 20, 0.98) 80%, #080c14 100% ) !important;
        }


        /* متن و همه دکمه‌ها بالای گرادیانت */
        .single_hero .rel_z2 > * {
            position: relative !important;
            z-index: 2 !important;
        }

        .single_hero .rel_z2 .post_actions,
        .single_hero .rel_z2 .post_actions_trailer,
        .single_hero .rel_z2 .top-250-badges {
            position: relative !important;
            z-index: 3 !important;
        }
}

/* ==========================================================================
   MOBILE HERO — چسباندن تمام محتوا، دکمه‌ها و بخش ۲۵۰ به سمت پایین (باکس دانلود)
   ========================================================================== */

@media (max-width: 767.98px) {

    /* حفظ کامل و دست‌نخورده ماندن گرادیانت اصلی قالب */
    .casual_single {
        background: #080c14 !important;
        position: relative !important;
    }

    .casual_single__bg {
        display: none !important;
    }

    /* تنظیم ارتفاع و موقعیت تصویر هیرو */
    .single_hero .single_cover,
    .single_hero .single_cover_wrap {
        height: 450px !important;
        overflow: hidden !important;
    }

        .single_hero .single_cover_wrap img {
            object-fit: cover !important;
            object-position: center 20% !important;
            filter: brightness(0.85) !important;
        }

    /* دکمه پخش وسط تصویر */
    .single_hero .single_playonline {
        position: absolute !important;
        top: 45% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) !important;
        z-index: 30 !important;
    }

    /* ==========================================================================
       آوردن کل کانتینر محتوا به سمت پایین تا به باکس دانلود بچسبد
       ========================================================================== */
    .single_hero .rel_z2 {
        position: relative !important;
        z-index: 10 !important;
        /* کاهش مارجین منفی بالا برای اینکه محتوا کمتر روی عکس بیاید و به پایین کشیده شود */
        margin-top: -180px !important;
        padding-top: 50px !important;
        padding-right: 15px !important;
        padding-left: 15px !important;
        /* صفر کردن پدینگ پایین تا هیچ فاصله اضافه‌ای تا باکس دانلود نماند */
        padding-bottom: 0 !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        row-gap: 7px !important; /* فشرده کردن فاصله بین تمامی عناصر */
    }

        /* فشرده‌سازی فواصل داخلی عناصر متن، دکمه‌ها و تریلر */
        .single_hero .rel_z2 h1.post_title_fa {
            margin-bottom: 2px !important;
        }

    .single_hero .post_actions_trailer {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    /* چسباندن بخش "جزو ۲۵۰ سریال برتر" به پایین‌تر و نزدیک به باکس دانلود */
    .single_hero .top-250-badges {
        position: relative !important;
        z-index: 15 !important;
        margin-top: 4px !important;
        margin-bottom: 5px !important; /* چسبیده به لبه بالایی باکس دانلود */
        padding: 0 15px !important;
        display: flex !important;
        justify-content: center !important;
    }
}

/* =========================================================
   MOBILE HERO — FIX ACTION BUTTONS ABOVE GRADIENT
   ========================================================= */

@media (max-width: 767.98px) {

    /* کانتینر اصلی دکمه‌ها بالای تمام گرادیانت‌ها */
    .single_hero .rel_z2 .post_actions,
    .single_hero .rel_z2 .post_actions_trailer {
        position: relative !important;
        z-index: 100 !important;
        isolation: isolate !important;
    }

        /* خود دکمه‌های تماشای آنلاین / پخش آخرین قسمت / دانلود */
        .single_hero .rel_z2 .post_actions > a.playonline,
        .single_hero .rel_z2 .post_actions > button,
        .single_hero .rel_z2 .post_actions > .new_kelaeket_btn {
            position: relative !important;
            z-index: 101 !important;
            opacity: 1 !important;
            filter: none !important;
        }

        /* دکمه تریلر */
        .single_hero .rel_z2 .post_actions_trailer > a.playonline-trailer {
            position: relative !important;
            z-index: 101 !important;
            opacity: 1 !important;
            filter: none !important;
        }

    /* اگر گرادیانت روی خود rel_z2 با pseudo-element ساخته شده */
    .single_hero .rel_z2::before,
    .single_hero .rel_z2::after {
        pointer-events: none !important;
        z-index: 0 !important;
    }

    /* همه محتوای واقعی بالای لایه گرادیانت */
    .single_hero .rel_z2 > * {
        position: relative !important;
        z-index: 10 !important;
    }
}

@media (max-width: 767.98px) {
    .single_hero .single_playonline {
        top: 60% !important;
    }
}

.anime-section .serial_card__epSeason span {
  background: #cf3b1b !important;
}

/* ===== film_card6 — blue theme, IMDb-colored rating badge ===== */

.film_card6_blue {
    --fc6-bg: #060c1a;
    --fc6-blue: #2f6fed;
    --fc6-blue-bright: #5b9bff;
    --fc6-cyan: #3fd4ff;
    --fc6-imdb: #f5c518;
    --fc6-imdb-dark: #c9a10f;
    --fc6-ink: #eaf1ff;
    --fc6-muted: #93a6cc;
    --fc6-radius: 16px;
    display: block;
    width: 100%;
    list-style: none;
}


    /* ===== Link ===== */

    .film_card6_blue .fc6b_link {
        display: block;
        width: 100%;
        height: 100%;
        text-decoration: none;
        color: inherit;
    }


    /* ===== Frame ===== */

    .film_card6_blue .fc6b_frame {
        position: relative;
        border-radius: var(--fc6-radius);
        padding: 2px;
        overflow: hidden;
        box-shadow: 0 0 12px rgba(47,111,237,.35);
        transition: box-shadow .35s ease, transform .35s ease;
    }

    .film_card6_blue .fc6b_link:hover .fc6b_frame,
    .film_card6_blue .fc6b_link:focus-visible .fc6b_frame {
        box-shadow: 0 0 26px rgba(47,111,237,.65);
        transform: translateY(-2px);
    }

    .film_card6_blue .fc6b_link:active .fc6b_frame {
        box-shadow: 0 0 34px rgba(63,212,255,.6);
        transform: translateY(0) scale(.99);
    }


    /* ===== Animated border glow ===== */

    .film_card6_blue .fc6b_glow {
        position: absolute;
        inset: -55%;
        background: conic-gradient( from 0deg, transparent 0deg, var(--fc6-blue) 70deg, var(--fc6-cyan) 140deg, transparent 210deg, transparent 360deg );
        animation: fc6spin 7s linear infinite;
        opacity: .5;
    }

    .film_card6_blue .fc6b_link:hover .fc6b_glow {
        opacity: .85;
    }

@keyframes fc6spin {
    to {
        transform: rotate(360deg);
    }
}


/* ===== Card shell ===== */

.film_card6_blue .fc6b_shell {
    position: relative;
    z-index: 1;
    border-radius: calc(var(--fc6-radius) - 2px);
    overflow: hidden;
    background: var(--fc6-bg);
    aspect-ratio: 2 / 3;
}


/* ===== Aspect ratio fallback ===== */

@supports not (aspect-ratio: 2 / 3) {

    .film_card6_blue .fc6b_shell {
        padding-top: 150%;
        height: 0;
        aspect-ratio: unset;
    }

        .film_card6_blue .fc6b_shell > * {
            position: absolute;
        }
}


/* ===== Poster ===== */

.film_card6_blue .fc6b_poster {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .5s ease, filter .5s ease;
}

.film_card6_blue .fc6b_link:hover .fc6b_poster {
    transform: scale(1.06);
    filter: saturate(1.05) brightness(.55);
}


/* ===== Dark gradient ===== */

.film_card6_blue .fc6b_shade {
    position: absolute;
    inset: 0;
    background: linear-gradient( to top, rgba(3,8,20,.95) 0%, rgba(3,8,20,.55) 32%, transparent 62% );
    transition: opacity .35s ease;
}

.film_card6_blue .fc6b_link:hover .fc6b_shade {
    opacity: .35;
}


/* ===== Top ranking badge ===== */

.film_card6_blue .fc6b_rank {
    position: absolute;
    inset-inline-start: 10px;
    top: 0;
    width: 38px;
    height: 46px;
    clip-path: polygon( 0 0, 100% 0, 100% 70%, 50% 100%, 0 70% );
    background: linear-gradient( 160deg, var(--fc6-blue-bright), var(--fc6-blue) 70% );
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1px;
    padding-top: 2px;
    z-index: 2;
    filter: drop-shadow( 0 3px 6px rgba(0,0,0,.45) );
}

.film_card6_blue .fc6b_rank_label {
    font-size: 7px;
    font-weight: 700;
    letter-spacing: .04em;
    color: rgba(255,255,255,.8);
}

.film_card6_blue .fc6b_rank_num {
    font-size: 13px;
    line-height: 1;
    font-weight: 800;
    color: #fff;
}


/* ===== IMDb rating ===== */

.film_card6_blue .fc6b_imdb {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    font-weight: 700;
    color: var(--fc6-imdb);
}

    .film_card6_blue .fc6b_imdb svg {
        display: block;
        width: 11px;
        height: 11px;
        fill: var(--fc6-imdb);
    }


/* =========================================================
   BADGE
   زیرنویس / دوبله / زیرنویس + دوبله / سانسور
   ========================================================= */

.film_card6_blue .fc6b_tag {
    position: absolute;
    inset-inline-end: 10px;
    top: 10px;
    z-index: 2;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px;
    min-height: 27px;
    padding: 5px 9px;
    box-sizing: border-box;
    border-radius: 999px;
    background: rgba(10,20,45,.72);
    border: 1px solid rgba(93,148,255,.4);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    color: var(--fc6-ink);
    font-size: 10px;
    font-weight: 600;
    line-height: 1;
    white-space: nowrap;
    overflow: hidden;
}


    /* ===== Normal SVG icons ===== */

    .film_card6_blue .fc6b_tag > svg {
        display: block !important;
        width: 13px !important;
        height: 13px !important;
        min-width: 13px !important;
        min-height: 13px !important;
        max-width: 13px !important;
        max-height: 13px !important;
        flex: 0 0 13px !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        stroke: var(--fc6-cyan);
        fill: none;
        stroke-width: 2;
        stroke-linecap: round;
        stroke-linejoin: round;
        vertical-align: middle;
    }


/* ===== Badge text ===== */

.film_card6_blue .fc6b_tag_text {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}


/* =========================================================
   CC — Subtitle
   بدون SVG برای جلوگیری از مشکل Owl Slider
   ========================================================= */

.film_card6_blue .fc6b_cc_icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 17px !important;
    height: 13px !important;
    min-width: 17px !important;
    max-width: 17px !important;
    min-height: 13px !important;
    max-height: 13px !important;
    flex: 0 0 17px !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1.5px solid var(--fc6-cyan) !important;
    border-radius: 3px !important;
    color: var(--fc6-cyan) !important;
    background: transparent !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 7.5px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    letter-spacing: -.2px !important;
    text-align: center !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    vertical-align: middle !important;
}

/* ===== Subtitle ===== */

.film_card6_blue .fc6b_tag--is-subbed > svg {
    stroke: var(--fc6-cyan);
}


/* ===== Dubbed ===== */

.film_card6_blue .fc6b_tag--is-dubbed > svg {
    stroke: var(--fc6-cyan);
}


/* ===== Subtitle + Dubbed ===== */

.film_card6_blue .fc6b_tag--is-subbed-dubbed > svg {
    stroke: var(--fc6-cyan);
}


/* ===== Censored ===== */

.film_card6_blue .fc6b_tag--is-censored > svg {
    stroke: var(--fc6-cyan);
}


/* =========================================================
   Main information
   ========================================================= */

.film_card6_blue .fc6b_base {
    position: absolute;
    inset-inline: 0;
    bottom: 0;
    padding: 10px 12px 12px;
    z-index: 2;
    transition: opacity .3s ease, transform .3s ease;
}

.film_card6_blue .fc6b_link:hover .fc6b_base {
    opacity: 0;
    transform: translateY(6px);
}


/* ===== Persian title ===== */

.film_card6_blue .fc6b_title {
    margin: 0;
    font-size: 13px;
    font-weight: 700;
    color: var(--fc6-ink);
    line-height: 1.4;
}


/* ===== English title ===== */

.film_card6_blue .fc6b_title_en {
    margin: 2px 0 0;
    font-size: 10px;
    font-weight: 400;
    color: var(--fc6-muted);
}


/* ===== Meta ===== */

.film_card6_blue .fc6b_meta {
    margin-top: 5px;
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 10px;
    color: var(--fc6-muted);
}

.film_card6_blue .fc6b_dot {
    opacity: .6;
}


/* =========================================================
   Hover reveal
   ========================================================= */

.film_card6_blue .fc6b_reveal {
    position: absolute;
    inset-inline: 0;
    bottom: 0;
    z-index: 3;
    padding: 14px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: opacity .3s ease, transform .3s ease, visibility .3s;
}

.film_card6_blue .fc6b_link:hover .fc6b_reveal,
.film_card6_blue .fc6b_link:focus-visible .fc6b_reveal {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}


/* ===== Story ===== */

.film_card6_blue .fc6b_story {
    margin: 0;
    font-size: 11px;
    line-height: 1.7;
    color: var(--fc6-ink);
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}


/* ===== Watch button ===== */

.film_card6_blue .fc6b_cta {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    align-self: start;
    font-size: 11px;
    font-weight: 700;
    color: #04101f;
    background: linear-gradient( 120deg, var(--fc6-cyan), var(--fc6-blue-bright) );
    padding: 6px 12px;
    border-radius: 999px;
}


    /* ===== Watch button icon ===== */

    .film_card6_blue .fc6b_cta svg {
        display: block;
        width: 10px;
        height: 10px;
        fill: #04101f;
    }


/* =========================================================
   Reduced motion
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .film_card6_blue .fc6b_glow {
        animation: none;
    }

    .film_card6_blue .fc6b_frame,
    .film_card6_blue .fc6b_poster,
    .film_card6_blue .fc6b_base,
    .film_card6_blue .fc6b_reveal,
    .film_card6_blue .fc6b_shade {
        transition: none;
    }
}

/* =========================
   SUBTITLE BADGE - SLIDER
   ========================= */

.film_card6_blue .fc6b_tag--slider.is-subbed .fc6b_tag_text {
    display: none !important;
}

.film_card6_blue .fc6b_tag--slider.is-subbed {
    width: 35px !important;
    min-width: 35px !important;
    max-width: 35px !important;
    padding: 5px !important;
    gap: 0 !important;
}

    .film_card6_blue .fc6b_tag--slider.is-subbed .fc6b_cc_icon {
        width: 20px !important;
        height: 15px !important;
        min-width: 20px !important;
        max-width: 20px !important;
        min-height: 15px !important;
        max-height: 15px !important;
        flex: 0 0 20px !important;
        font-size: 8.5px !important;
    }


/* چیدمان قسمت‌های سریال - لپ‌تاپ: 6 قسمت در هر ردیف */
.episodes-grid {
  display: grid !important;
  grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
  gap: 12px !important;
  width: 100%;
}

  .episodes-grid .btn-episode {
    width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box;
    white-space: nowrap;
  }

/* تبلت */
@media (max-width: 1200px) {
  .episodes-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}

/* موبایل */
@media (max-width: 768px) {
  .episodes-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 480px) {
  .episodes-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* =========================================================
   به انتهای style.css چایلد تم اضافه کن
   (بخش A چیدمان هدر دسکتاپ - بخش B پنل سرچ کوچک)
========================================================= */

/* =========================================================
   A) هدر دسکتاپ: دکمه‌ها راست | فهرست وسط | لوگو چپ
========================================================= */
@media (min-width: 1001px) {
  .header.header_style_2 .space-bet {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: center;
  }

  .header.header_style_2 .go-left {
    grid-column: 1;
    grid-row: 1;
    justify-self: start;
    margin: 0;
  }

  .header.header_style_2 .top_nav {
    grid-column: 2;
    grid-row: 1;
    justify-self: center;
    margin: 0 20px;
  }

  .header.header_style_2 .logo {
    grid-column: 3;
    grid-row: 1;
    justify-self: end;
  }

  /* دراپ‌داون اعلانات و پنل به سمت داخل صفحه باز شوند */
  .header.header_style_2 .panel_items,
  .header.header_style_2 .notif_items {
    left: auto;
    right: 0;
  }
}

/* =========================================================
   B) پنل سرچ کوچک زیر هدر (موقعیت را search-position.js در --kqs-top و --kqs-left می‌گذارد)
========================================================= */

#navbar.header,
#navbar.header_style_2,
#navbar.header.sticky,
#navbar.header.header_style_2.sticky,
#navbar.header-single,
.header.header-single {
  z-index: 9990 !important;
}

.search_modal {
  position: fixed !important;
  top: var(--kqs-top, 80px) !important;
  left: var(--kqs-left, 12px) !important;
  right: auto !important;
  bottom: auto !important;
  width: 430px !important;
  max-width: calc(100vw - 24px) !important;
  height: auto !important;
  max-height: calc(100vh - var(--kqs-top, 80px) - 15px) !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
  z-index: 2147483647 !important;
  direction: rtl !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

  /* حذف هاله و بلور قدیمی */
  .search_modal::before, .search_modal::after,
  .search_modal_gradient {
    display: none !important;
  }

  .search_modal .modal_center,
  .search_modal .container,
  .search_modal .modal_center > div {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    flex: 0 0 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
  }

/* کارت جعبه‌ی جستجو */
.search_modal__inner {
  position: relative !important;
  width: 100% !important;
  height: 58px !important;
  margin: 0 0 7px !important;
  padding: 8px 10px !important;
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  background: #111c2f !important;
  border: 1px solid rgba(255,255,255,.09) !important;
  border-radius: 13px !important;
  box-shadow: 0 10px 25px rgba(0,0,0,.28) !important;
  overflow: hidden !important;
}

.search_modal__form {
  height: 40px !important;
  gap: 8px !important;
}

.search_modal__i {
  height: 40px !important;
}

/* دکمه بستن (داخل فرم است) */
#close_search_modal {
  margin: 0 !important;
  padding: 0 6px !important;
  flex: 0 0 auto !important;
  color: #dce4ef !important;
  font-size: 12px !important;
  line-height: 40px !important;
  cursor: pointer !important;
  white-space: nowrap !important;
}

/* اینپوت: آیکن ذره‌بین سمت چپ است */
.search_modal_input,
.search_modal_input:hover,
.search_modal_input:focus,
.search_modal_input:focus-visible,
.search_modal_input:active {
  display: block !important;
  width: 100% !important;
  height: 40px !important;
  margin: 0 !important;
  padding: 0 12px 0 40px !important;
  box-sizing: border-box !important;
  background: #0b1729 !important;
  border: 1px solid rgba(255,255,255,.22) !important;
  border-radius: 10px !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  caret-color: #fff !important;
  font-size: 13px !important;
  line-height: 40px !important;
  outline: none !important;
  box-shadow: none !important;
  direction: rtl !important;
  color-scheme: dark !important;
  transition: none !important;
}

  .search_modal_input:focus,
  .search_modal_input:focus-visible {
    border-color: rgba(255,255,255,.40) !important;
  }

  .search_modal_input::placeholder {
    color: rgba(255,255,255,.45) !important;
    opacity: 1 !important;
    -webkit-text-fill-color: rgba(255,255,255,.45) !important;
  }

  .search_modal_input:-webkit-autofill,
  .search_modal_input:-webkit-autofill:hover,
  .search_modal_input:-webkit-autofill:focus {
    -webkit-text-fill-color: #fff !important;
    -webkit-box-shadow: 0 0 0 1000px #0b1729 inset !important;
    transition: background-color 99999s ease-out !important;
  }

/* کارت نتایج (فقط وقتی نتیجه یا ترند دارد دیده می‌شود) */
.search_modal_result {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  max-height: calc(100vh - var(--kqs-top, 80px) - 85px) !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
  background: #111c2f !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  border-radius: 13px !important;
  box-shadow: 0 12px 30px rgba(0,0,0,.30) !important;
  direction: rtl !important;
}

  .search_modal_result:not(:has(#datafetch2:not(:empty), .s_trends)) {
    display: none !important;
  }

  .search_modal_result::-webkit-scrollbar {
    width: 5px;
  }

  .search_modal_result::-webkit-scrollbar-thumb {
    background: rgba(255,255,255,.16);
    border-radius: 10px;
  }

/* ترندها */
.search_modal .s_trends {
  padding: 10px 12px !important;
}

  .search_modal .s_trends h3 {
    font-size: 13px !important;
    margin: 0 0 6px !important;
  }

  .search_modal .s_trends li {
    font-size: 12px !important;
    padding: 7px 4px !important;
  }

/* نتایج خود قالب (.search_row) کوچک‌تر و بدون خلاصه داستان */
.search_modal .search_row a {
  padding: 10px !important;
}

.search_modal .search_row .search_image img {
  width: 56px !important;
}

.search_modal .search_row .plot {
  display: none !important;
}

#datafetch2 .show_more {
  margin: 0 !important;
  background: rgba(35,136,255,.08) !important;
}

/* موبایل و تبلت (هم‌نقطه‌شکست هدر قالب) */
@media (max-width: 1000px) {
  .search_modal {
    left: 10px !important;
    right: 10px !important;
    width: auto !important;
    max-width: none !important;
  }
}

/* =========================================================
   به انتهای style.css چایلد تم اضافه کن (بعد از بقیه)
   نتایج جمع‌وجورتر، دکمه «مشاهده نتایج بیشتر» چسبیده به پایین،
   و سقف ارتفاع پنل حدود ۲/۳ صفحه
========================================================= */

/* عرض پنل کمی بزرگ‌تر (فقط دسکتاپ) */
@media (min-width: 1001px) {
  .search_modal {
    width: 480px !important;
  }
}

/* سقف ارتفاع کارت نتایج: حداکثر ۶۶٪ ارتفاع صفحه */
.search_modal_result {
  max-height: min(66vh, calc(100vh - var(--kqs-top, 80px) - 85px)) !important;
}

/* هر ردیف نتیجه */
.search_modal .search_row a {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 8px 12px !important;
  border-radius: 0 !important;
  border-bottom: 1px solid rgba(255,255,255,.06) !important;
}

.search_modal .search_row .search_image {
  margin: 0 !important;
  flex: 0 0 auto !important;
}

  .search_modal .search_row .search_image img {
    width: 48px !important;
    height: 68px !important;
    object-fit: cover !important;
    border-radius: 6px !important;
  }

.search_modal .search_row_info {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  gap: 3px !important;
  justify-content: center !important;
  font-size: 11px !important;
}

.search_modal .search_row .title {
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.search_modal .search_row .year,
.search_modal .search_row .genres {
  font-size: 11px !important;
  line-height: 1.4 !important;
  opacity: .65 !important;
}

.search_modal .search_row .plot,
.search_modal .search_row .watch {
  display: none !important;
}

/* «مشاهده نتایج بیشتر» همیشه ته کارت دیده شود (بدون اسکرول) */
#datafetch2 > .show_more,
#datafetch2 .center:has(> .show_more) {
  position: sticky !important;
  bottom: 0 !important;
  z-index: 3 !important;
  background: #16243b !important;
  border-top: 1px solid rgba(35,136,255,.25) !important;
}

#datafetch2 .show_more {
  margin: 0 !important;
  padding: 11px 10px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  background: #16243b !important;
  color: #5da7ff !important;
}

/* =========================================================
   به انتهای style.css چایلد تم اضافه کن
   (لوگو، جداکننده فهرست، فهرست کوچک‌تر، گرادینت نرم بالای صفحه)
========================================================= */

/* ---------- دسکتاپ ---------- */
@media (min-width: 1001px) {

  /* لوگو کمی از لبه‌ی چپ فاصله بگیرد (بیشتر/کمتر: عدد 40px) */
  .header.header_style_2 .logo {
    margin-left: 40px !important;
  }

  /* فهرست: کوچک‌تر + جداکننده | بین آیتم‌ها */
  .header.header_style_2 .top_nav {
    font-size: 13.5px !important;
    margin: 0 10px !important;
  }

    .header.header_style_2 .top_nav > ul > li {
      padding: 0 14px !important;
      line-height: 16px !important;
    }

      .header.header_style_2 .top_nav > ul > li > a {
        font-size: 13.5px !important;
      }
      /* در RTL جداکننده سمت چپِ هر آیتم است، به‌جز آخرین آیتم */
      .header.header_style_2 .top_nav > ul > li:not(:last-child) {
        border-left: 1px solid rgba(255, 255, 255, .28);
      }
}

/* ---------- گرادینت خیلی نرم مشکی بالای صفحه (فقط دسکتاپ) ---------- */
@media (min-width: 1001px) {
  .header.header_style_2.header-single:not(.sticky) {
    background: transparent !important;
    position: absolute;
  }

    .header.header_style_2.header-single:not(.sticky)::before {
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      height: 150px; /* هر چه بیشتر، محوتر */
      background: linear-gradient( to bottom, rgba(0, 0, 0, .55) 0%, rgba(0, 0, 0, .30) 40%, rgba(0, 0, 0, .10) 75%, rgba(0, 0, 0, 0) 100% );
      pointer-events: none;
      z-index: -1; /* پشت محتوای هدر */
    }
}


/* فاصله آیکنِ آیتم‌های فهرست از عنوانشان */
.top_nav li > a > i:first-child:not(.fa-angle-down) {
  margin-inline-end: 6px; /* در RTL یعنی فاصله‌ی سمت چپِ آیکن، بین آیکن و متن */
  font-size: .95em; /* اختیاری: کمی کوچک‌تر از متن */
  vertical-align: -1px; /* اختیاری: هم‌ترازی عمودی با متن */
}

/* آیتم فعال فهرست: پس‌زمینه رنگی، نوشته سفید */
.header.header_style_2 .top_nav > ul > li.current-menu-item > a,
.header.header_style_2 .top_nav > ul > li.current-menu-ancestor > a,
.header.header_style_2 .top_nav > ul > li.current_page_parent > a,
.header.header_style_2 .top_nav > ul > li.current_page_ancestor > a,
.header.header_style_2 .top_nav > ul > li.current-menu-item > a:hover {
  color: #fff !important;
  background: color-mix(in srgb, var(--primaryColor) 85%, transparent) !important;
}

/* آیکن‌های جدید دکمه‌های هدر (پنل، سرچ، اعلانات) */
#panel_user > i,
.header button#searchInput > i,
.header .notification_btn > i {
  display: inline-block !important;
  width: 22px;
  height: 22px;
  font-size: 0 !important; /* گلیف قدیمی Font Awesome را مخفی می‌کند */
  line-height: 1 !important;
  background-color: currentColor; /* رنگ آیکن = رنگ متن دکمه */
  -webkit-mask: var(--kf-ic) center / contain no-repeat;
  mask: var(--kf-ic) center / contain no-repeat;
}

  #panel_user > i::before,
  .header button#searchInput > i::before,
  .header .notification_btn > i::before {
    content: none !important;
  }

/* پنل کاربری */
#panel_user > i {
  --kf-ic: 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.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='3.6'/%3E%3Cpath d='M4.8 20c.6-3.6 3.6-5.6 7.2-5.6s6.6 2 7.2 5.6'/%3E%3C/svg%3E");
}
/* جستجو */
.header button#searchInput > i {
  --kf-ic: 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.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='6.5'/%3E%3Cpath d='M16 16l4.5 4.5'/%3E%3C/svg%3E");
}
/* اعلانات */
.header .notification_btn > i {
  --kf-ic: 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.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 16.5V11a6 6 0 1 1 12 0v5.5l1.5 1.8h-15L6 16.5z'/%3E%3Cpath d='M10 20.5a2 2 0 0 0 4 0'/%3E%3C/svg%3E");
}

/* اختیاری: زنگ موقع هاور کمی تکان می‌خورد */
@keyframes kf-bell {
  0%,100% {
    transform: rotate(0)
  }

  25% {
    transform: rotate(12deg)
  }

  75% {
    transform: rotate(-12deg)
  }
}

.header .notification_btn:hover > i {
  animation: kf-bell .5s ease;
  transform-origin: 50% 20%;
}

/* =========================================================
   به انتهای style.css چایلد تم اضافه کن (آخرین بخش فایل)
   فهرست بزرگ‌تر، مگامنو جمع‌وجور و بزرگ‌تر، رفع حساسیت هاور،
   و برداشتن رنگ آبی بی‌دلیل از «دسته‌بندی‌ها»
========================================================= */

/* ---------- ۱) برداشتن آبیِ بی‌دلیل ----------
   قالب به آیتمی که «والدِ صفحه فعلی» حساب می‌شود رنگ آبی می‌دهد.
   فقط خودِ صفحه فعلی (current-menu-item) آبی بماند */
.header.header_style_2 .top_nav > ul > li.current-menu-ancestor:not(.current-menu-item):not(:hover) > a,
.header.header_style_2 .top_nav > ul > li.current_page_parent:not(.current-menu-item):not(:hover) > a,
.header.header_style_2 .top_nav > ul > li.current_page_ancestor:not(.current-menu-item):not(:hover) > a {
  background: transparent !important;
  color: var(--text) !important;
}

html.dark .header.header_style_2 .top_nav > ul > li.current-menu-ancestor:not(.current-menu-item):not(:hover) > a,
html.dark .header.header_style_2 .top_nav > ul > li.current_page_parent:not(.current-menu-item):not(:hover) > a,
html.dark .header.header_style_2 .top_nav > ul > li.current_page_ancestor:not(.current-menu-item):not(:hover) > a {
  color: var(--bg_darker) !important;
}

@media (min-width: 1001px) {

  /* ---------- ۲) فهرست بالا: چون ۴ آیتم است بزرگ‌تر ---------- */
  .header.header_style_2 .top_nav {
    font-size: 15.5px !important;
  }

    .header.header_style_2 .top_nav > ul > li {
      padding: 0 16px !important;
      line-height: 1.5 !important; /* اصلاح خط قبلی: قطع شدن هاور از اینجا بود */
    }

      .header.header_style_2 .top_nav > ul > li > a {
        display: inline-block; /* ارتفاع آیتم = ارتفاع واقعیِ کادر هاور */
        font-size: 15.5px !important;
        padding: 7px 10px !important;
      }
      /* جداکننده | کوتاه‌تر از ارتفاع آیتم */
      .header.header_style_2 .top_nav > ul > li:not(:last-child) {
        border-left: 1px solid transparent !important;
        border-image: linear-gradient(to bottom, transparent 22%, rgba(255,255,255,.30) 22% 78%, transparent 78%) 1 !important;
      }

      /* ---------- ۳) هاور پایدارتر ----------
     پنل بدون فاصله‌ی خالی زیر آیتم باز می‌شود، پل هاور بلندتر است
     و بسته شدن ۳۵۰ میلی‌ثانیه تأخیر دارد */
      .header.header_style_2 .top_nav > ul > li.menu-item-has-children:hover::before,
      .header.header_style_2 .top_nav > ul > li.menu-item-has-children:focus-within::before {
        height: 24px !important;
      }

      .header.header_style_2 .top_nav > ul > li > ul.sub-menu {
        top: calc(100% + 8px) !important;
        transition: opacity .2s ease .3s, transform .2s ease, top .2s ease, visibility 0s linear .35s !important;
      }

      .header.header_style_2 .top_nav > ul > li:hover > ul.sub-menu,
      .header.header_style_2 .top_nav > ul > li:focus-within > ul.sub-menu {
        top: calc(100% + 4px) !important;
        transition: opacity .2s ease, transform .2s ease, top .2s ease, visibility 0s !important;
      }

  /* ---------- ۴) مگامنو: جمع‌وجورتر، متن بزرگ‌تر ----------
     وسط‌چین شدن زیر فهرست را search-position.js انجام می‌دهد */
  .header.header_style_2 .has_mega_menu > .sub-menu {
    width: clamp(620px, 62vw, 860px) !important;
    padding: 12px !important;
  }

    .header.header_style_2 .has_mega_menu > .sub-menu:before {
      right: var(--kf-arrow, 31px) !important; /* فلش زیر آیتمِ فعال */
    }

  .header.header_style_2 .has_mega_menu.mega-tabs-enabled > .sub-menu {
    grid-template-columns: minmax(180px, 210px) 1fr !important;
    column-gap: 12px !important;
  }

    .header.header_style_2 .has_mega_menu.mega-tabs-enabled > .sub-menu > li.mega-tab-item {
      margin-bottom: 4px !important;
    }

      .header.header_style_2 .has_mega_menu.mega-tabs-enabled > .sub-menu > li.mega-tab-item > a.mega-tab-link {
        font-size: 14.5px !important;
        padding: 10px 12px !important;
      }

  .header.header_style_2 .has_mega_menu.mega-tabs-enabled .mega-tabs-panels {
    min-height: 0 !important; /* فضای خالی اضافه */
    padding-right: 12px !important;
  }

  .header.header_style_2 .has_mega_menu.mega-tabs-enabled .mega-tab-panel li {
    width: 33.333% !important;
    padding: 1px 0 !important;
  }

    .header.header_style_2 .has_mega_menu .sub-menu li a,
    .header.header_style_2 .has_mega_menu.mega-tabs-enabled .mega-tab-panel li a {
      font-size: 14.5px !important;
      padding: 7px 8px !important;
    }
}

/* =========================================================
   اصلاح مگامنو - به انتهای style.css چایلد تم اضافه کن (بعد از 6-megamenu.css)
   متن آیتم‌های داخل «بخش ها» بریده نشود + باکس بزرگ‌تر
========================================================= */
@media (min-width: 1001px) {

  /* باکس بزرگ‌تر */
  .header.header_style_2 .has_mega_menu > .sub-menu {
    width: clamp(720px, 68vw, 1000px) !important;
    padding: 14px !important;
  }

  .header.header_style_2 .has_mega_menu.mega-tabs-enabled > .sub-menu {
    grid-template-columns: minmax(190px, 220px) 1fr !important;
  }

  /* آیتم‌ها: به‌جای درصد ثابت، شبکه‌ی خودکار با حداقل عرض ۲۱۰px */
  .header.header_style_2 .has_mega_menu.mega-tabs-enabled .mega-tab-panel.is-active {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)) !important;
    gap: 2px 6px !important;
    align-content: start !important;
  }

  .header.header_style_2 .has_mega_menu.mega-tabs-enabled .mega-tab-panel li {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    overflow: visible !important; /* قالب overflow:hidden می‌گذاشت و متن بریده می‌شد */
    display: flex !important;
    align-items: center !important;
  }

    .header.header_style_2 .has_mega_menu.mega-tabs-enabled .mega-tab-panel li a {
      width: auto !important;
      flex: 1 1 auto !important;
      white-space: nowrap !important; /* متن کامل، در یک خط */
      overflow: visible !important;
      text-overflow: clip !important;
      font-size: 14.5px !important;
      padding: 8px 10px !important;
    }
}

/* تب‌های مگامنو (بخش ها / فیلم / سریال): بزرگ‌تر و پررنگ‌تر از آیتم‌های داخل پنل */
@media (min-width: 1001px) {
  .header.header_style_2 .has_mega_menu.mega-tabs-enabled > .sub-menu > li.mega-tab-item > a.mega-tab-link {
    font-size: 16.5px !important;
    font-weight: 700 !important;
    padding: 12px 14px !important;
    gap: 8px !important;
  }

    .header.header_style_2 .has_mega_menu.mega-tabs-enabled > .sub-menu > li.mega-tab-item > a.mega-tab-link i {
      font-size: 1.05em !important;
      opacity: 1 !important;
    }
}

/* وقتی مگامنو بسته است، پنل‌های نامرئی داخلش نباید هاور بگیرند */
@media (min-width: 1001px) {
  .header .top_nav li.has_mega_menu:not(:hover):not(:focus-within) > ul.sub-menu .mega-tab-panel {
    visibility: hidden !important;
    pointer-events: none !important;
    transition: visibility 0s linear .35s !important; /* هم‌زمان با محو شدن پنل */
  }
}

/* جلوی هرگونه جابه‌جایی افقی صفحه را کامل بگیر */
html, body {
  overflow-x: clip !important;
}

/* =========================================================
   به انتهای style.css چایلد تم اضافه کن
   جلوگیری از اسکرول/لغزش افقی صفحه
========================================================= */

/* پنل‌های بسته‌ی هدر (مگامنو و ...) نامرئی‌اند ولی اگر از لبه‌ی صفحه بیرون بیفتند،
   صفحه را افقی اسکرول‌پذیر می‌کنند. فقط محور افقیِ هدر بریده می‌شود
   (منوهای بازشو به سمت پایین همچنان کامل دیده می‌شوند). */
.header {
  overflow-x: clip;
}

/* همه پنل‌ها زیر هم: دانلود ← اطلاعات بیشتر ← کالکشن ← نظرات ← سوالات متداول */
.casual_tab_content > .tab-pane {
  display: block !important;
  opacity: 1 !important;
  margin-bottom: 30px;
}
  /* پنل خالی (قبل از لود AJAX) جا نگیرد */
  .casual_tab_content > .tab-pane:not(:has(*)) {
    display: none !important;
  }

/* ردیف دانلود فیلم: تراز عنوان/Encoder + جلوگیری از دو خطی شدن در فایرفاکس (دسکتاپ) */
@media (min-width: 769px) {
  .dlbox_quality_block .dlbox_quality,
  .dlbox_quality_block .dlbox_encoder {
    direction: ltr;
    text-align: left;
  }

  .dlbox_quality_block .dlbox_quality {
    white-space: nowrap;
  }
}

/* باکس‌های جمع‌شونده (اطلاعات بیشتر، بازیگران، گالری، لیست‌های کاربران) */
.kl-head {
  position: relative;
  cursor: pointer;
  user-select: none;
}

.kl-chev {
  position: absolute;
  left: 14px;
  top: 50%;
  width: 9px;
  height: 9px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  opacity: .7;
  transition: transform .2s;
  transform: translateY(-30%) rotate(-135deg); /* باز: فلش بالا */
}

.kl-head[aria-expanded="false"] .kl-chev {
  transform: translateY(-70%) rotate(45deg); /* بسته: فلش پایین */
}

.kl-head[aria-expanded="false"] + .kl-body {
  display: none;
}
/* موبایل: قبل از اجرای JS هم بسته باشد (بدون پرش) */
@media (max-width: 768px) {
  .kl-head:not([aria-expanded]) + .kl-body {
    display: none;
  }

  .kl-head:not([aria-expanded]) .kl-chev {
    transform: translateY(-70%) rotate(45deg);
  }
}

/* فلش‌های کاروسل کالکشن */
.collection_rel_posts {
  position: relative;
}

  .collection_rel_posts .owl-nav button {
    position: absolute;
    top: 40%;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 0;
    background: rgba(0, 0, 0, .65);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 5;
  }

  .collection_rel_posts .owl-nav .owl-prev {
    right: 6px;
  }

  .collection_rel_posts .owl-nav .owl-next {
    left: 6px;
  }

  .collection_rel_posts .owl-nav button.disabled {
    opacity: .3;
  }

/* =========================================================
   به انتهای style.css چایلد تم اضافه کن
   دکمه‌ی چرخ‌دنده «فیلتر پیشرفته» کنار فیلد جستجو
========================================================= */
.search_modal__filters {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 40px !important;
  width: 40px !important;
  height: 40px !important;
  margin: 0 8px !important;
  border: 1px solid rgba(255, 255, 255, .22) !important;
  border-radius: 10px !important;
  background: #0b1729 !important;
  color: #dce4ef !important;
  text-decoration: none !important;
  transition: color .2s ease, border-color .2s ease, background .2s ease !important;
}

  .search_modal__filters svg {
    width: 20px;
    height: 20px;
    transition: transform .5s ease;
  }

  .search_modal__filters:hover,
  .search_modal__filters:focus-visible {
    color: #fff !important;
    border-color: var(--primaryColor, #4051b6) !important;
    background: color-mix(in srgb, var(--primaryColor, #4051b6) 28%, #0b1729) !important;
  }

    .search_modal__filters:hover svg {
      transform: rotate(90deg);
    }

/* ==========================================================================
   KZT — تغییرات صفحه‌ی تک‌نوشته (هیرو) + جدول پخش
   (همه‌ی قوانین موبایل داخل max-width:767.98px هستند و ساختار قبلی موبایل حفظ شده)
   ========================================================================== */

/* ---------- ایکون کنار مدت زمان / کشور / رده سنی / وضعیت و روز پخش ---------- */
.casual_single .post_runtime .post_runtime__item {
  display: inline-block;
}
.casual_single .post_runtime .post_runtime__item i {
  color: #ffc107;
  margin-left: 4px;
}

/* ---------- باکس «موارد اصلاحی» (جدا از «دلیل بروزرسانی») ---------- */
.casual_single .post_update_latest {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  max-width: 100%;
  margin: 0 0 10px;
  padding: 8px 12px;
  border-radius: 10px;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(76, 175, 120, 0.30));
  border: 1px solid rgba(110, 210, 150, 0.28);
  color: #d6f5e3;
  font-size: 13.5px;
  line-height: 1.8;
}
.casual_single .post_update_latest > i {
  color: #6fd39a;
  margin-top: 5px;
  flex: 0 0 auto;
}
.casual_single .post_update_latest__label {
  font-weight: 600;
  color: #8be3b2;
  white-space: nowrap;
}
.casual_single .post_update_latest__text {
  font-weight: 300;
  min-width: 0;
}

/* ---------- بازیگران: ۶ تا مستقیم، بقیه داخل زیرمنوی کشویی (بدون لود صفحه) ---------- */
.post_actor .actor--stars {
  position: relative;
}
.post_actor .actor_more_toggle {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0 2px 5px;
  padding: 4px 11px;
  border: 1px dashed rgba(255, 255, 255, 0.35);
  border-radius: 11px;
  background: transparent;
  color: #fff;
  font-size: 13px;
  font-weight: 300;
  font-family: inherit;
  cursor: pointer;
  transition: border-color .25s, color .25s, background .25s;
}
.post_actor .actor_more_toggle:hover {
  border-color: var(--primaryColor);
  color: var(--primaryColor);
}
.post_actor .actor_more_toggle i {
  font-size: 11px;
  margin: 0;
  color: inherit;
  transition: transform .3s ease;
}
.post_actor .actor_more_toggle[aria-expanded="true"] i {
  transform: rotate(180deg);
}
.post_actor .actor_more_toggle__close {
  display: none;
}
.post_actor .actor_more_toggle[aria-expanded="true"] .actor_more_toggle__open {
  display: none;
}
.post_actor .actor_more_toggle[aria-expanded="true"] .actor_more_toggle__close {
  display: inline;
}
.post_actor .actor_more {
  display: grid;
  grid-template-rows: 0fr;
  opacity: 0;
  transition: grid-template-rows .35s ease, opacity .3s ease;
}
.post_actor .actor_more.is-open {
  grid-template-rows: 1fr;
  opacity: 1;
}
.post_actor .actor_more__inner {
  overflow: hidden;
  min-height: 0;
}
.post_actor .actor_more.is-open .actor_more__inner {
  padding-top: 4px;
}

/* ---------- نشان اسکار کنار نشان ۲۵۰ (دسکتاپ: بالای ۲۵۰؛ رنگ آیکون مثل ۲۵۰) ---------- */
.top-250-badges .top-250.oscar {
  text-decoration: none;
}
.top-250 .rank.rank--oscar {
  color: #fff;
}
.top-250.oscar strong {
  font-weight: 600;
  font-family: tahoma, sans-serif;
}
a.top-250.oscar:hover {
  border-color: var(--primaryColor) !important;
}

/* ---------- دکمه‌ی دانلود: آیکون دانلود (نه آیکون پخش) ---------- */
.post_actions a.playonline.playonline-download .playsingle_icon--dl {
  font-size: 18px;
  width: auto;
  height: auto;
  line-height: 1;
}

/* ---------- جدول پخش: انگلیسی بزرگ‌تر بالا، فارسی کوچک‌تر پایین (مثل اسلایدر) ---------- */
.series_week .series_item .name {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  -webkit-line-clamp: unset;
  overflow: visible;
  padding: 9px 2px 0;
  text-align: center;
  direction: rtl;
}
.series_week .series_item .name .name_en {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-width: 100%;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.35;
  color: #fff;
  letter-spacing: .1px;
}
.series_week .series_item .name .name_fa {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-width: 100%;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
  opacity: .7;
}

/* ==========================================================================
   موبایل
   ========================================================================== */
@media (max-width: 767.98px) {

  /* امتیاز MAL: رنگ و هویت خودش (آبی MAL + لوگوی MAL)، نه زرد IMDb */
  .single_hero .rel_z2 .mixed_imdb.mal_holder {
    background: #2e51a2 !important;
    color: #fff !important;
  }
  .single_hero .rel_z2 .mixed_imdb.mal_holder * {
    color: #fff !important;
  }
  .single_hero .rel_z2 .mixed_imdb.mal_holder .imdbLogo {
    font-family: Impact, "Arial Narrow Bold", sans-serif !important;
    font-weight: 800 !important;
    letter-spacing: .4px;
    font-size: 0.72rem !important;
    background: transparent !important;
  }
  .single_hero .rel_z2 .mixed_imdb.mal_holder .imdbLogo::after {
    display: none !important;
  }
  .single_hero .rel_z2 .mixed_imdb.mal_holder .malRate_nums_casual {
    margin: 0 !important;
  }

  /* موارد اصلاحی: درست زیر «دلیل بروزرسانی» */
  .single_hero .rel_z2 .post_update_latest {
    order: 31;
    justify-self: center;
    width: auto;
    max-width: 100%;
    margin: 0;
    padding: 7px 13px;
    border-radius: 14px;
    font-size: 0.8rem;
    line-height: 1.7;
    background: rgba(60, 150, 100, 0.28);
    border: 1px solid rgba(110, 210, 150, 0.32);
    text-align: right;
  }

  .single_hero .rel_z2 .post_runtime .post_runtime__item i {
    margin-left: 3px;
  }

  /* بازیگران: فقط ۳ نفر اول، بدون کارگردان، بدون دکمه‌ی بیشتر */
  .single_hero .rel_z2 .post_actor .actor--director,
  .single_hero .rel_z2 .post_actor .actor_more,
  .single_hero .rel_z2 .post_actor .actor_more_toggle {
    display: none !important;
  }
  .single_hero .rel_z2 .post_actor .actor--stars > a:nth-of-type(n+4) {
    display: none !important;
  }

  /* نشان اسکار و ۲۵۰ کنار هم */
  .single_hero .top-250-badges {
    flex-wrap: nowrap !important;
    gap: 6px !important;
    padding: 0 10px !important;
  }
  .single_hero .rel_z2 .top-250-badges,
  .single_hero .top-250-badges {
    align-items: center;
  }
  .single_hero .top-250-badges .top-250 {
    flex: 0 1 auto;
    min-width: 0;
    height: auto;
    margin-top: 0;
    gap: 6px;
    padding: 6px 10px;
    font-size: 0.74rem !important;
    white-space: nowrap;
  }
  .single_hero .top-250-badges .top-250 .rank {
    width: 22px !important;
    height: 22px !important;
    flex: 0 0 22px;
    font-size: 0.68rem !important;
  }
  .single_hero .top-250-badges .top-250 .rank svg {
    width: 14px;
    height: 14px;
  }

  /* جدول پخش در موبایل */
  .series_week .series_item .name .name_en {
    font-size: 14px;
  }
  .series_week .series_item .name .name_fa {
    font-size: 11px;
  }
}


/* ==========================================================================
   KZT — اطلاعات بیشتر: بازیگران (دسکتاپ ۶ تا + دکمه) — موبایل همه نمایش داده می‌شوند
   ========================================================================== */
.kelaket_more_info__actors .mi_actors_toggle {
  display: none;
}
@media (min-width: 768px) {
  .kelaket_more_info__actors:not(.is-expanded) .item_actor--extra {
    display: none;
  }
  .kelaket_more_info__actors.is-expanded .item_actor--extra {
    animation: kztFadeIn .3s ease both;
  }
  .kelaket_more_info__actors .mi_actors_toggle {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    align-self: flex-end;
    margin: 20px 0 10px 20px;
    padding: 6px 14px;
    border: 1px dashed rgba(255, 255, 255, .35);
    border-radius: 12px;
    background: transparent;
    color: var(--text, #fff);
    font-size: 13px;
    font-family: inherit;
    cursor: pointer;
    transition: border-color .25s, color .25s;
  }
  .kelaket_more_info__actors .mi_actors_toggle:hover {
    border-color: var(--primaryColor);
    color: var(--primaryColor);
  }
  .kelaket_more_info__actors .mi_actors_toggle i {
    font-size: 11px;
    transition: transform .3s;
  }
  .kelaket_more_info__actors.is-expanded .mi_actors_toggle i {
    transform: rotate(180deg);
  }
  .kelaket_more_info__actors .mi_actors_toggle__close,
  .kelaket_more_info__actors.is-expanded .mi_actors_toggle__open {
    display: none;
  }
  .kelaket_more_info__actors.is-expanded .mi_actors_toggle__close {
    display: inline;
  }
}
@keyframes kztFadeIn {
  from { opacity: 0; transform: translateY(-4px); }
  to { opacity: 1; transform: none; }
}

/* ==========================================================================
   KZT — تب نظرات در موبایل: فرم باز + مرتب‌سازی یک‌ردیفه
   ========================================================================== */
@media (max-width: 767.98px) {

  /* فرم همیشه باز؛ فقط فشرده‌تر */
  .kelaket-comments .kelaket-comment-composer {
    margin-bottom: 12px;
    padding: 14px;
  }
  .kelaket-comments .kelaket-comment-form__head p {
    display: none;
  }
  .kelaket-comments .kelaket-comment-form__head h3 {
    font-size: 15px;
  }
  .kelaket-comments .kelaket-comment-form textarea.form-control {
    min-height: 90px;
    height: 90px;
  }

  /* نوار مرتب‌سازی: یک ردیف فشرده (به‌جای ۳ دکمه‌ی تمام‌عرض) */
  .kelaket-comments .kelaket-comment-toolbar {
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between;
    gap: 10px;
    min-height: 0;
    margin: 0 0 12px;
    padding: 10px 12px !important;
    border-radius: 14px;
  }
  .kelaket-comments .kelaket-comment-count {
    order: 1;
    font-size: 14px;
    flex: 0 0 auto;
  }
  .kelaket-comments .kelaket-comment-sort {
    order: 2;
    width: auto !important;
    flex: 1 1 auto;
    flex-wrap: nowrap !important;
    justify-content: flex-end !important;
    gap: 4px !important;
    overflow-x: auto;
    scrollbar-width: none;
  }
  .kelaket-comments .kelaket-comment-sort::-webkit-scrollbar {
    display: none;
  }
  .kelaket-comments .kelaket-comment-sort > i,
  .kelaket-comments .kelaket-comment-sort > span {
    display: none !important;
  }
  .kelaket-comments .kelaket-comment-sort button {
    flex: 0 0 auto !important;
    min-width: 0 !important;
    min-height: 32px;
    padding: 0 11px !important;
    border-radius: 999px;
    font-size: 12.5px;
    white-space: nowrap;
  }
}


/* ==========================================================================
   KZT — دور دوم اصلاحات
   ========================================================================== */

/* موارد اصلاحی: کوچک‌تر از «دلیل بروزرسانی»، بدون عنوان، آیکون بروزرسانی */
.casual_single .post_update_latest {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 4px 10px;
  margin: 0 0 10px;
  border-radius: 8px;
  font-size: 12.5px;
  line-height: 1.7;
}
.casual_single .post_update_latest > i {
  margin-top: 0;
  font-size: 12px;
}

/* چند مقدار (کشور/وضعیت/روز): کنار هم با «،» */
.post_runtime .kzt-list {
  display: inline;
}
.post_runtime .kzt-list .kzt-v + .kzt-v::before {
  content: "، ";
}
.post_runtime .kzt-list .kzt-v a {
  color: inherit;
}

/* نشان اسکار و ۲۵۰: کوچک و هم‌اندازه (دسکتاپ) */
@media (min-width: 768px) {
  .casual_single .top-250-badges .top-250 {
    box-sizing: border-box;
    width: 205px;
    height: 42px;
    gap: 9px;
    padding: 0 12px;
    margin-top: 8px;
    border-radius: 13px;
    font-size: 13px;
    justify-content: flex-start;
  }
  .casual_single .top-250-badges .top-250 .rank {
    width: 26px;
    height: 26px;
    flex: 0 0 26px;
    font-size: 11.5px;
    line-height: 1;
  }
  .casual_single .top-250-badges .top-250 .rank svg {
    width: 14px;
    height: 14px;
  }
}

/* موبایل */
@media (max-width: 767.98px) {

  /* سریال: کشور + وضعیت + روز پخش در یک خط، فقط اولین مقدار هر کدام */
  .single_hero .rel_z2 .post_runtime.is-series {
    flex-wrap: nowrap !important;
    justify-content: center;
    gap: 4px 10px !important;
    font-size: 0.78rem !important;
    white-space: nowrap;
    overflow: hidden;
  }
  .single_hero .rel_z2 .post_runtime.is-series .post_runtime__item {
    flex: 0 1 auto;
    min-width: 0;
  }
  .single_hero .rel_z2 .post_runtime.is-series .kzt-lbl {
    display: none;
  }
  /* سریال: مدت زمان در موبایل نمایش داده نشود */
  .single_hero .rel_z2 .post_runtime.is-series .post_time {
    display: none !important;
  }
  .single_hero .rel_z2 .post_runtime .kzt-list .kzt-v:nth-child(n+2) {
    display: none;
  }
  .single_hero .rel_z2 .post_runtime .kzt-list .kzt-v + .kzt-v::before {
    content: none;
  }

  /* زیرعنوان فارسی: عنوان راست، سال آخر (چپ) */
  .single_hero .rel_z2 .post_subtitle.is-fa {
    direction: rtl;
  }
}


/* ==========================================================================
   KZT — جدول پخش (دسکتاپ): دکمه‌های قبلی/بعدی
   ========================================================================== */
.series_week .series_inner {
  position: relative;
}
.series_week .sw_nav {
  display: none;
}
@media (min-width: 992px) {
  .series_week .sw_nav {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 38px;
    z-index: 20;
    width: 42px;
    height: 42px;
    padding: 0;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.18);
    background: rgb(42 47 60 / 80%);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.45);
    transition: background .2s, border-color .2s, box-shadow .2s, transform .2s;
  }
  .series_week .sw_nav[hidden] {
    display: none;
  }
  .series_week .sw_nav:hover {
    border-color: #2f8cff;
    background: linear-gradient(145deg, rgba(16, 46, 108, 0.95), rgba(6, 20, 54, 0.95));
    box-shadow: 0 0 14px rgba(30, 144, 255, 0.5);
    transform: scale(1.06);
  }
  .series_week .sw_nav--left {
    left: -10px;
  }
  .series_week .sw_nav--right {
    right: -10px;
  }
}

/* ==========================================================================
   KZT — صفحه‌ی تک‌نوشته (casual) — نسخه‌ی شیشه‌ای
   همه‌ی چیدمان‌ها فقط دسکتاپ/تبلت (≥768px)؛ ساختار موبایل دست نخورده است.
   ========================================================================== */

/* ---------- نشان «جزو ۲۵۰» و «برنده اسکار»: شیشه‌ای (همه‌ی اندازه‌ها؛ فقط رنگ و حالت) ---------- */
.casual_single .top-250-badges .top-250 {
  position: relative;
  overflow: hidden;
  color: #fff !important;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.05)) !important;
  border: 1px solid rgba(255, 255, 255, 0.20) !important;
  -webkit-backdrop-filter: blur(14px) saturate(140%);
  backdrop-filter: blur(14px) saturate(140%);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.18);
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
  font-weight: 500;
  transition: border-color .25s, box-shadow .25s, transform .25s, background .25s;
}
.casual_single .top-250-badges .top-250 .rank {
  background: linear-gradient(145deg, #2a86ff, #0b5be6);
  color: #fff;
  box-shadow: 0 0 14px rgba(34, 125, 255, 0.55), inset 0 1px 0 rgba(255, 255, 255, 0.35);
  text-shadow: none;
}
.casual_single .top-250-badges .top-250:hover {
  border-color: rgba(80, 160, 255, 0.75) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.28), 0 0 16px rgba(47, 140, 255, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.22);
}

@media (min-width: 768px) {

  /* ---------- پوستر: ایستاده، باکس شیشه‌ای پشتش، هاور = جمع شدن + حاشیه‌ی آبی ---------- */
  .casual_single .single_hero .single_cover_wrap {
    position: relative;
    isolation: isolate;
    width: 85%;
  }
  .casual_single .single_hero .single_cover_wrap > img {
    position: relative;
    z-index: 1;
    display: block;
    border-radius: 18px;
    border: 1px solid rgba(255, 255, 255, 0.16);
    box-shadow: 0 22px 44px rgba(0, 0, 0, 0.5);
    transition: box-shadow .45s ease, border-color .45s ease;
  }
  .casual_single .single_hero .single_cover_wrap::before,
  .casual_single .single_hero .single_cover_wrap::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    border-radius: 22px;
    transition: transform .7s cubic-bezier(.22, 1, .36, 1), opacity .5s ease;
  }
  /* لایه‌ی شیشه‌ای نازک */
  .casual_single .single_hero .single_cover_wrap::before {
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.09), rgba(255, 255, 255, 0.02));
    border: 1px solid rgba(190, 215, 255, 0.28);
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    transform: translate(-9px, -8px) rotate(-3deg);
  }
  /* لایه‌ی آبیِ کم‌رنگ پشتش */
  .casual_single .single_hero .single_cover_wrap::after {
    background: linear-gradient(160deg, rgba(45, 120, 255, 0.20), rgba(20, 60, 170, 0.06));
    border: 1px solid rgba(100, 165, 255, 0.30);
    transform: translate(-17px, 5px) rotate(-6deg);
  }

  @media (hover: hover) {
    .casual_single .single_hero .single_cover_wrap:hover::before {
      transform: translate(0, 0) rotate(0deg) scale(1.0);
      opacity: 0;
    }
    .casual_single .single_hero .single_cover_wrap:hover::after {
      transform: translate(0, 0) rotate(0deg) scale(0.97);
      opacity: 0;
    }
    .casual_single .single_hero .single_cover_wrap:hover > img {
      border-color: #2f8cff;
      box-shadow: 0 0 0 1px #2f8cff, 0 0 26px rgba(47, 140, 255, 0.60), 0 22px 44px rgba(0, 0, 0, 0.5);
    }
  }

  /* دکمه‌ی پخش روی پوستر */
  .casual_single .single_hero .single_cover_wrap .single_playonline {
    z-index: 3;
  }
  .casual_single .single_hero .single_cover_wrap .single_playonline a {
    background: linear-gradient(145deg, #2a86ff, #0b5be6);
    box-shadow: 0 0 0 0 rgba(47, 140, 255, 0.55), 0 8px 22px rgba(0, 0, 0, 0.4);
    animation: kzt-play-pulse 2.6s ease-out infinite;
  }
  @media (hover: hover) {
    .casual_single .single_hero .single_cover_wrap:hover .single_playonline a {
      transform: scale(1.08);
    }
    .casual_single .single_hero .single_cover_wrap:hover .single_playonline a::before {
      width: 108px;
      height: 108px;
    }
    .casual_single .single_hero .single_cover_wrap:hover .single_playonline a::after {
      width: 86px;
      height: 86px;
    }
  }

  /* آیکن‌های CC و دوبله از روی پوستر برداشته شد (سانسور می‌ماند) */
  .casual_single .single_hero .single_cover_wrap_overlay .meta_def,
  .casual_single .single_hero .single_cover_wrap_overlay .meta_double {
    display: none !important;
  }
  .casual_single .single_hero .single_cover_wrap_overlay {
    z-index: 4;
  }

  /* فاصله‌ی زیر هیرو (تا نوار «باکس دانلود / اطلاعات بیشتر») کمتر */
  .casual_single .single_hero {
    padding-bottom: 30px;
  }

  /* ---------- لایک / دیسلایک + رضایت + امتیازها: یک ردیف شیشه‌ای ---------- */
  .casual_single .single_hero .post_vote {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 14px;
    margin: 10px 0 14px;
  }
  .casual_single .single_hero .post_vote__buttons {
    display: flex;
    flex: 0 0 100%;
    align-items: center;
    gap: 12px;
  }
  .casual_single .single_hero .post_vote button {
    --kzt-vc: 160, 190, 255;
    position: relative;
    display: grid;
    grid-template-columns: 1fr 28px;
    grid-template-areas: "label icon" "count icon";
    align-items: center;
    column-gap: 14px;
    row-gap: 1px;
    width: auto;
    flex: 1 1 0;
    min-width: 138px;
    max-width: 168px;
    height: 64px;
    margin: 0;
    padding: 0 18px;
    border-radius: 18px;
    border: 1px solid rgba(var(--kzt-vc), 0.24);
    background: linear-gradient(145deg, rgba(70, 92, 140, 0.34), rgba(18, 30, 58, 0.52));
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.10);
    color: rgba(255, 255, 255, 0.92);
    text-align: right;
    line-height: 1.35;
    cursor: pointer;
    transition: border-color .25s, background .25s, box-shadow .25s, transform .2s, color .25s;
  }
  .casual_single .single_hero .post_vote button > i { display: none; }

  .casual_single .single_hero .post_vote button::before {
    grid-area: icon;
    content: "";
    width: 28px;
    height: 28px;
    background-color: rgba(255, 255, 255, 0.75);
    transition: background-color .25s, filter .25s;
    -webkit-mask: var(--kzt-ico) center / contain no-repeat;
    mask: var(--kzt-ico) center / contain no-repeat;
  }
  .casual_single .single_hero .post_vote button::after {
    grid-area: label;
    display: block;
    height: auto;
    margin: 0;
    border: 0;
    background: none;
    align-self: end;
    font-size: 14.5px;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.88);
  }
  .casual_single .single_hero .post_vote button.post_vote_up::after   { content: "پسندیدم"; }
  .casual_single .single_hero .post_vote button.post_vote_down::after { content: "نپسندیدم"; }

  .casual_single .single_hero .post_vote button span {
    grid-area: count;
    align-self: start;
    display: block;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: .2px;
    color: #fff;
  }
  .casual_single .single_hero .post_vote button.post_vote_up {
    --kzt-ico: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'><path d='M7 10v12'/><path d='M15 5.88 14 10h5.83a2 2 0 0 1 1.92 2.56l-2.33 8A2 2 0 0 1 17.5 22H4a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h2.76a2 2 0 0 0 1.79-1.11L12 2a3.13 3.13 0 0 1 3 3.88Z'/></svg>");
  }
  .casual_single .single_hero .post_vote button.post_vote_down {
    --kzt-ico: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'><path d='M17 14V2'/><path d='M9 18.12 10 14H4.17a2 2 0 0 1-1.92-2.56l2.33-8A2 2 0 0 1 6.5 2H20a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2h-2.76a2 2 0 0 0-1.79 1.11L12 22a3.13 3.13 0 0 1-3-3.88Z'/></svg>");
  }

  /* هاور: لایک سبز، دیسلایک قرمز */
  .casual_single .single_hero .post_vote button.post_vote_up:hover,
  .casual_single .single_hero .post_vote button.post_vote_up:focus-visible {
    --kzt-vc: 52, 211, 120;
    border-color: #34d378;
    background: linear-gradient(145deg, rgba(26, 128, 72, 0.50), rgba(8, 48, 30, 0.72));
    box-shadow: 0 0 16px rgba(52, 211, 120, 0.42), inset 0 0 12px rgba(52, 211, 120, 0.18);
    transform: translateY(-2px);
    outline: none;
  }
  .casual_single .single_hero .post_vote button.post_vote_up:hover::before,
  .casual_single .single_hero .post_vote button.post_vote_up:focus-visible::before {
    background-color: #5ff0a0;
    filter: drop-shadow(0 0 4px rgba(52, 211, 120, 0.9));
  }
  .casual_single .single_hero .post_vote button.post_vote_down:hover,
  .casual_single .single_hero .post_vote button.post_vote_down:focus-visible {
    --kzt-vc: 255, 84, 96;
    border-color: #ff5460;
    background: linear-gradient(145deg, rgba(150, 34, 46, 0.50), rgba(56, 10, 18, 0.72));
    box-shadow: 0 0 16px rgba(255, 84, 96, 0.42), inset 0 0 12px rgba(255, 84, 96, 0.18);
    transform: translateY(-2px);
    outline: none;
  }
  .casual_single .single_hero .post_vote button.post_vote_down:hover::before,
  .casual_single .single_hero .post_vote button.post_vote_down:focus-visible::before {
    background-color: #ff8790;
    filter: drop-shadow(0 0 4px rgba(255, 84, 96, 0.9));
  }
  .casual_single .single_hero .post_vote button:disabled { opacity: .6; cursor: progress; }

  /* رضایت کاربران: بدون باکس، آیکن چند نفر سمت چپ عدد */
  .casual_single .single_hero .post_vote .vote_stats {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    padding: 0;
    border: 0;
    background: none;
    box-shadow: none;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    color: #fff;
  }
  .casual_single .single_hero .post_vote .vote_stats::after {
    content: "";
    width: 26px;
    height: 26px;
    flex: 0 0 26px;
    background-color: rgba(190, 210, 255, 0.78);
    -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><path d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/><circle cx='9' cy='7' r='4'/><path d='M22 21v-2a4 4 0 0 0-3-3.87'/><path d='M16 3.13a4 4 0 0 1 0 7.75'/></svg>") center / contain no-repeat;
    mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><path d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/><circle cx='9' cy='7' r='4'/><path d='M22 21v-2a4 4 0 0 0-3-3.87'/><path d='M16 3.13a4 4 0 0 1 0 7.75'/></svg>") center / contain no-repeat;
  }
  .casual_single .single_hero .post_vote .vote_stats_text {
    margin: 0;
    font-size: 14px;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.86);
  }
  .casual_single .single_hero .post_vote .vote_stats > span {
    font-size: 17px;
    font-weight: 700;
    color: #fff;
  }
  .casual_single .single_hero .post_vote .vote_stats small { display: none; }

  /* امتیازها (IMDb و ...): بعد از خط جداکننده، همان ردیف */
  .casual_single .single_hero .post_vote .movie_meta {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 0;
    padding-inline-start: 16px;
    border-inline-start: 1px solid rgba(255, 255, 255, 0.20);
    min-height: 34px;
  }
  .casual_single .single_hero .post_vote .movie_meta:empty { display: none; }
  .casual_single .single_hero .post_vote .movie_meta a { text-decoration: none; }
  .casual_single .single_hero .post_vote .mixed_imdb {
    flex-direction: row;
    align-items: center;
    gap: 8px;
  }
  .casual_single .single_hero .post_vote .mixed_imdb .imdbLogo {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 26px;
    padding: 0 8px;
    border-radius: 8px;
    background: #f5c518;
    color: #000;
  }
  .casual_single .single_hero .post_vote .mixed_imdb .imdbLogo svg {
    width: 36px !important;
    height: 15px !important;
  }
  .casual_single .single_hero .post_vote .imdbRate_nums_casual,
  .casual_single .single_hero .post_vote .malRate_nums_casual {
    margin: 0;
    direction: ltr;
    display: flex;
    align-items: baseline;
    gap: 3px;
    font-family: tahoma, sans-serif;
  }
  .casual_single .single_hero .post_vote .imdbRate_nums_casual strong,
  .casual_single .single_hero .post_vote .malRate_nums_casual strong {
    font-size: 20px;
    font-weight: 700;
    color: #fff;
  }
  .casual_single .single_hero .post_vote .imdbRate_nums_casual small,
  .casual_single .single_hero .post_vote .malRate_nums_casual small {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.60);
  }
  .casual_single .single_hero .post_vote .mal_holder .imdbLogo {
    background: #2e51a2;
    color: #fff;
    font-weight: 800;
    font-size: 12px;
    letter-spacing: .4px;
  }
}

/* ستون کناری (کپی مدت/کشور/وضعیت + لایک/امتیازها): فقط دسکتاپ؛ در موبایل/تبلت پنهان */
.casual_single .single_hero .kzt_hero_side { display: none; }

/* دسکتاپ (≥۹۹۲px): چیدمان سه‌ستونه — پوستر | عنوان/ژانر/خلاصه/... | ستون چپ (مدت، لایک، امتیاز، نشان‌ها) */
@media (min-width: 992px) {
  .casual_single .single_hero .row.g-0 {
    display: grid;
    grid-template-columns: minmax(0, 22.5%) minmax(0, 1fr) fit-content(34%);   /* ستون چپ: به اندازه‌ی محتوا، حداکثر ۳۴٪ */
    grid-template-rows: auto 1fr;
    column-gap: 28px;
    align-items: start;
  }
  .casual_single .single_hero .row.g-0 > * {
    width: auto;
    max-width: none;
    flex: none;
  }
  .casual_single .single_hero .row.g-0 > .center_image_mobile {
    grid-column: 1;
    grid-row: 1 / span 2;
    padding-inline-start: 54px;   /* فاصله‌ی پوستر (و کارت‌های شیشه‌ای پشتش) از لبه‌ی راست */
  }
  .casual_single .single_hero .row.g-0 > .rel_z2 {
    grid-column: 2;
    grid-row: 1 / span 2;
  }
  .casual_single .single_hero .row.g-0 > .kzt_hero_side {
    grid-column: 3;
    grid-row: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-end;   /* گوشه‌ی چپ */
    gap: 6px;
  }
  .casual_single .single_hero .row.g-0 > .top-250-badges {
    grid-column: 3;
    grid-row: 2;
    position: static;
    top: auto;
    width: auto;
    margin-top: 44px;
    flex-direction: column;
    align-items: flex-end;
    gap: 10px;
  }

  /* نسخه‌ی اصلی در ستون اطلاعات پنهان می‌شود (نسخه‌ی ستون چپ جایگزین است) */
  .casual_single .single_hero .rel_z2 > .post_runtime,
  .casual_single .single_hero .rel_z2 > .post_vote {
    display: none;
  }

  .casual_single .single_hero .kzt_hero_side .post_runtime {
    margin: 4px 0 8px;
    font-size: 13.5px;
    line-height: 1.9;
  }
  .casual_single .single_hero .kzt_hero_side .post_runtime .post_runtime__item {
    display: inline-block;
    margin: 0 0 0 14px !important;
    white-space: nowrap;
  }
  .casual_single .single_hero .kzt_hero_side .post_runtime { text-align: left; }
  .casual_single .single_hero .kzt_hero_side .post_vote {
    margin: 0;
    justify-content: flex-end;      /* گوشه‌ی چپ */
  }
  .casual_single .single_hero .kzt_hero_side .post_vote__buttons { justify-content: flex-end; }

  .casual_single .single_hero .top-250-badges .top-250 {
    width: auto;
    min-width: 215px;
    height: 48px;
    padding: 0 12px;
    gap: 10px;
    font-size: 14px;
    border-radius: 16px;
    margin-top: 0;
  }
  .casual_single .single_hero .top-250-badges .top-250 .rank {
    width: 28px;
    height: 28px;
    flex: 0 0 28px;
  }

  /* فاصله‌های جمع‌وجور ستون اطلاعات */
  .casual_single .single_hero .rel_z2 > .post_story  { margin: 6px 0 12px; line-height: 1.9; }
  .casual_single .single_hero .rel_z2 > .post_actions { margin-top: 18px; }
}

@media (min-width: 1400px) {
  .casual_single .single_hero .row.g-0 {
    grid-template-columns: minmax(0, 22.5%) minmax(0, 1fr) fit-content(44%);
  }
}

/* ==========================================================================
   DESKTOP HERO v2 (فقط ≥۹۹۲px — موبایل/تبلت دست‌نخورده)
   - ستون چپ: خط «مدت زمان/کشور/وضعیت پخش» روبه‌روی عنوان، زیرش لایک (راست) /
     دیسلایک (چپ) + رضایت + امتیازها در یک ردیف، بعدش نشان‌های ۲۵۰/اسکار با فاصله
   - کارت‌های شیشه‌ای پشت پوستر: ضخیم‌تر، از سمت راست بیرون می‌آیند
   ========================================================================== */
@media (min-width: 992px) {

  /* ---------- ستون چپ ---------- */
  .casual_single .single_hero .row.g-0 > .kzt_hero_side {
    gap: 16px;
    align-items: flex-end;            /* گوشه‌ی چپ */
  }

  /* خط مدت/کشور/وضعیت: یک خط، هم‌تراز با عنوان فارسی */
  .casual_single .single_hero .kzt_hero_side .post_runtime {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    gap: 4px 20px;
    margin: 0;
    padding-top: 2px;
    min-height: 28px;
    font-size: 13.5px;
    line-height: 1.7;
    text-align: left;
  }
  .casual_single .single_hero .kzt_hero_side .post_runtime .post_runtime__item {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin: 0 !important;
    white-space: nowrap;
  }

  /* ردیف لایک/دیسلایک + رضایت + امتیازها */
  .casual_single .single_hero .kzt_hero_side .post_vote {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;        /* چسبیده به گوشه‌ی چپ */
    direction: rtl;
    gap: 12px 12px;
    margin: 0;
  }
  .casual_single .single_hero .kzt_hero_side .post_vote__buttons {
    display: flex;
    flex: 0 0 auto;                   /* دیگه ردیف جدا نمی‌گیره */
    direction: rtl;
    justify-content: flex-end;
    gap: 10px;
  }
  /* لایک سمت راست، دیسلایک سمت چپ (مستقل از ترتیب DOM) */
  .casual_single .single_hero .kzt_hero_side .post_vote button.post_vote_up   { order: 1; }
  .casual_single .single_hero .kzt_hero_side .post_vote button.post_vote_down { order: 2; }

  /* باکس‌ها کمی بزرگ‌تر */
  .casual_single .single_hero .kzt_hero_side .post_vote button {
    flex: 0 0 112px;
    width: 112px;
    min-width: 112px;
    max-width: 112px;
    height: 52px;
    padding: 0 12px;
    border-radius: 14px;
    grid-template-columns: 1fr 22px;
    column-gap: 8px;
    row-gap: 0;
  }
  .casual_single .single_hero .kzt_hero_side .post_vote button::before {
    width: 22px;
    height: 22px;
  }
  .casual_single .single_hero .kzt_hero_side .post_vote button::after {
    font-size: 12.5px;
    line-height: 1.2;
  }
  .casual_single .single_hero .kzt_hero_side .post_vote button span {
    font-size: 14.5px;
    line-height: 1.2;
  }

  .casual_single .single_hero .kzt_hero_side .post_vote .vote_stats,
  .casual_single .single_hero .kzt_hero_side .post_vote .movie_meta {
    flex: 0 0 auto;
  }

  /* حالت فشرده: وقتی امتیازها بیش از یکی باشند (IMDb + MAL / متاکریتیک / راتن ...)
     همه در یک ردیف: فقط دکمه‌های لایک/دیسلایک (آیکن + عدد، بدون متن) + آیکن و درصد رضایت + امتیازها */
  .casual_single .single_hero .kzt_hero_side .post_vote:has(.movie_meta > :nth-child(2)) button {
    flex: 0 0 76px;
    width: 76px;
    min-width: 76px;
    max-width: 76px;
    height: 48px;
    padding: 0 10px;
    grid-template-columns: auto 22px;
    grid-template-areas: "count icon";
    column-gap: 8px;
  }
  .casual_single .single_hero .kzt_hero_side .post_vote:has(.movie_meta > :nth-child(2)) button::after {
    display: none;
  }
  .casual_single .single_hero .kzt_hero_side .post_vote:has(.movie_meta > :nth-child(2)) button span {
    align-self: center;
  }
  .casual_single .single_hero .kzt_hero_side .post_vote:has(.movie_meta > :nth-child(2)) .vote_stats_text {
    display: none;
  }

  /* ---------- هاور لایک/دیسلایک: فقط دور باکس + آیکن (توپر) سبز/قرمز؛ پس‌زمینه‌ی باکس عوض نمی‌شود ---------- */
  .casual_single .single_hero .kzt_hero_side .post_vote button.post_vote_up {
    --kzt-ico-f: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'><path d='M7 10v12'/><path d='M15 5.88 14 10h5.83a2 2 0 0 1 1.92 2.56l-2.33 8A2 2 0 0 1 17.5 22H4a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h2.76a2 2 0 0 0 1.79-1.11L12 2a3.13 3.13 0 0 1 3 3.88Z'/></svg>");
  }
  .casual_single .single_hero .kzt_hero_side .post_vote button.post_vote_down {
    --kzt-ico-f: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'><path d='M17 14V2'/><path d='M9 18.12 10 14H4.17a2 2 0 0 1-1.92-2.56l2.33-8A2 2 0 0 1 6.5 2H20a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2h-2.76a2 2 0 0 0-1.79 1.11L12 22a3.13 3.13 0 0 1-3-3.88Z'/></svg>");
  }
  .casual_single .single_hero .kzt_hero_side .post_vote button.post_vote_up:hover,
  .casual_single .single_hero .kzt_hero_side .post_vote button.post_vote_up:focus-visible {
    border-color: #34d378;
    background: linear-gradient(145deg, rgba(70, 92, 140, 0.34), rgba(18, 30, 58, 0.52));
    box-shadow: 0 0 10px rgba(52, 211, 120, 0.30), inset 0 1px 0 rgba(255, 255, 255, 0.10);
    transform: none;
  }
  .casual_single .single_hero .kzt_hero_side .post_vote button.post_vote_up:hover::before,
  .casual_single .single_hero .kzt_hero_side .post_vote button.post_vote_up:focus-visible::before {
    background-color: #34d378;
    filter: none;
  }
  .casual_single .single_hero .kzt_hero_side .post_vote button.post_vote_down:hover,
  .casual_single .single_hero .kzt_hero_side .post_vote button.post_vote_down:focus-visible {
    border-color: #ff5460;
    background: linear-gradient(145deg, rgba(70, 92, 140, 0.34), rgba(18, 30, 58, 0.52));
    box-shadow: 0 0 10px rgba(255, 84, 96, 0.30), inset 0 1px 0 rgba(255, 255, 255, 0.10);
    transform: none;
  }
  .casual_single .single_hero .kzt_hero_side .post_vote button.post_vote_down:hover::before,
  .casual_single .single_hero .kzt_hero_side .post_vote button.post_vote_down:focus-visible::before {
    background-color: #ff5460;
    filter: none;
  }

  /* ---------- مدت زمان / کشور / وضعیت پخش: هر کدام یک چیپ شیشه‌ای ریز مثل ژانرها ---------- */
  .casual_single .single_hero .kzt_hero_side .post_runtime {
    gap: 8px;
    padding-top: 0;
    margin-top: -3px;
  }
  .casual_single .single_hero .kzt_hero_side .post_runtime .post_runtime__item {
    padding: 4px 11px;
    border: 1px solid rgba(255, 255, 255, 0.20);
    border-radius: 11px;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.10), rgba(255, 255, 255, 0.03));
    -webkit-backdrop-filter: blur(10px) saturate(140%);
    backdrop-filter: blur(10px) saturate(140%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.14), 0 4px 12px rgba(0, 0, 0, 0.18);
  }

  /* ---------- «دلیل بروزرسانی»: شیشه‌ای ---------- */
  .casual_single .single_hero .rel_z2 .post_update {
    background: linear-gradient(135deg, rgba(255, 160, 68, 0.30), rgba(255, 160, 68, 0.10));
    border: 1px solid rgba(255, 190, 110, 0.20);
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    box-shadow: none;
  }

  /* ---------- «مشاهده تریلر»: حالت عادی شیشه‌ای؛ هاور = شیشه‌ی آبی روشن ---------- */
  .casual_single .single_hero .post_actions_trailer a.playonline.playonline-trailer {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.04)) !important;
    border: 1px solid rgba(255, 255, 255, 0.24) !important;
    color: rgba(255, 255, 255, 0.9) !important;
    -webkit-backdrop-filter: blur(14px) saturate(150%);
    backdrop-filter: blur(14px) saturate(150%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.22), 0 8px 22px rgba(0, 0, 0, 0.22);
  }
  .casual_single .single_hero .post_actions_trailer a.playonline.playonline-trailer .playsingle_icon {
    background: none !important;      /* بدون باکس مربعی دور آیکن پلی */
    padding: 0;
    border-radius: 0;
  }
  .casual_single .single_hero .post_actions_trailer a.playonline.playonline-trailer:hover {
    background: linear-gradient(135deg, rgba(80, 160, 255, 0.36), rgba(60, 130, 255, 0.14)) !important;
    border-color: rgba(130, 190, 255, 0.70) !important;
    color: #fff !important;
    box-shadow: inset 0 1px 0 rgba(200, 225, 255, 0.40), 0 0 18px rgba(70, 150, 255, 0.35), 0 8px 22px rgba(0, 0, 0, 0.22);
  }

  /* کمی فاصله از لبه‌ی چپ؛ همه‌ی ردیف‌های ستون چپ هم‌تراز */
  .casual_single .single_hero .row.g-0 > .kzt_hero_side,
  .casual_single .single_hero .row.g-0 > .top-250-badges {
    margin-inline-end: 34px;
  }

  /* نشان‌های ۲۵۰/اسکار: شیشه‌ای‌تر */
  .casual_single .single_hero .top-250-badges .top-250 {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.10), rgba(255, 255, 255, 0.02)) !important;
    border: 1px solid rgba(255, 255, 255, 0.26) !important;
    -webkit-backdrop-filter: blur(22px) saturate(170%);
    backdrop-filter: blur(22px) saturate(170%);
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.35), inset 0 -1px 0 rgba(255, 255, 255, 0.06);
  }

  /* ستارگان: همیشه یک خط (چیپ‌هایی که جا نشوند مخفی می‌شوند، نه نصفه بریده) */
  .casual_single .single_hero .rel_z2 .post_actor .actor--stars {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 40px 6px;       /* فاصله‌ی عمودی زیاد: چیپ‌های اضافه کاملاً بیرون کادر می‌افتند */
    height: 36px;
    overflow: hidden;
  }
  .casual_single .single_hero .rel_z2 .post_actor .actor--stars > a {
    white-space: nowrap;
    margin: 0;
    padding: 4px 8px;
    font-size: 12px;
  }
  .casual_single .single_hero .rel_z2 .post_actor .actor--stars .actor_label {
    white-space: nowrap;
  }

  /* اعلان و ذخیره همیشه در ردیف «تماشای آنلاین» */
  .casual_single .single_hero .rel_z2 .post_actions {
    flex-wrap: nowrap;
    gap: 8px;
    align-items: center;
  }
  .casual_single .single_hero .rel_z2 .post_actions > a.playonline {
    flex: 0 1 auto;
    min-width: 0;
    padding-inline: 14px;
    white-space: nowrap;
    font-size: 14px;
  }
  .casual_single .single_hero .rel_z2 .post_actions > .new_kelaeket_btn {
    flex: 0 0 auto;
    margin: 0;
  }

  /* نشان‌های ۲۵۰/اسکار: پایین ستون چپ، هم‌ردیف دکمه‌های «تماشای آنلاین/پخش آخرین قسمت»
     (۶۰px = ارتفاع+فاصله‌ی دکمه‌ی تریلر که زیر آن‌هاست) */
  .casual_single .single_hero .row.g-0 > .top-250-badges {
    align-self: end;
    margin-top: 44px;
    margin-bottom: 0;
  }
  .casual_single .single_hero .row.g-0:has(.post_actions_trailer) > .top-250-badges {
    margin-bottom: 60px;
  }

  /* ---------- پوستر + کارت‌های شیشه‌ای پشتش (از سمت راست) ---------- */
  .casual_single .single_hero .single_cover_wrap {
    width: 100%;
  }
  .casual_single .single_hero .single_cover_wrap > img {
    border-radius: 18px;
    border: 1px solid rgba(255, 255, 255, 0.22);
    box-shadow:
      0 0 0 4px rgba(255, 255, 255, 0.07),
      0 0 0 5px rgba(255, 255, 255, 0.12),
      0 26px 50px rgba(0, 0, 0, 0.55);
  }
  .casual_single .single_hero .single_cover_wrap::before,
  .casual_single .single_hero .single_cover_wrap::after {
    border-radius: 24px;
  }
  /* لایه‌ی شیشه‌ای (نزدیک‌تر به پوستر) — ضخیم‌تر و روشن‌تر */
  .casual_single .single_hero .single_cover_wrap::before {
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.10), rgba(255, 255, 255, 0.02) 55%, rgba(255, 255, 255, 0.06));
    border: 1px solid rgba(215, 230, 255, 0.40);
    -webkit-backdrop-filter: blur(12px) saturate(150%);
    backdrop-filter: blur(12px) saturate(150%);
    box-shadow:
      0 18px 36px rgba(0, 0, 0, 0.38),
      inset 0 1px 0 rgba(255, 255, 255, 0.55),
      inset 0 -3px 0 rgba(255, 255, 255, 0.10),
      inset 0 0 18px rgba(255, 255, 255, 0.06);
    transform: translate(11px, -10px) rotate(3deg);
  }
  /* لایه‌ی آبی (پشت‌تر) */
  .casual_single .single_hero .single_cover_wrap::after {
    background: linear-gradient(160deg, rgba(55, 130, 255, 0.20), rgba(20, 60, 170, 0.06) 60%, rgba(70, 140, 255, 0.12));
    border: 1px solid rgba(125, 185, 255, 0.48);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    box-shadow:
      0 22px 40px rgba(0, 20, 80, 0.45),
      inset 0 1px 0 rgba(180, 215, 255, 0.45),
      inset 0 -3px 0 rgba(120, 175, 255, 0.14);
    transform: translate(20px, 7px) rotate(5.5deg);
  }
}

@keyframes kzt-play-pulse {
  0%   { box-shadow: 0 0 0 0 rgba(47, 140, 255, 0.50), 0 8px 22px rgba(0, 0, 0, 0.4); }
  70%  { box-shadow: 0 0 0 18px rgba(47, 140, 255, 0), 0 8px 22px rgba(0, 0, 0, 0.4); }
  100% { box-shadow: 0 0 0 0 rgba(47, 140, 255, 0), 0 8px 22px rgba(0, 0, 0, 0.4); }
}
@media (prefers-reduced-motion: reduce) {
  .casual_single .single_hero .single_cover_wrap .single_playonline a { animation: none !important; }
}


/* ==========================================================================
   نوار تب‌ها (باکس دانلود / اطلاعات بیشتر / لیست کاربران / محتوای مرتبط / نظرات)
   ========================================================================== */
.casual_tabs,
html.dark .casual_tabs {
  background: transparent;
  box-shadow: none;
  border-bottom: 1px solid color-mix(in srgb, currentColor 9%, transparent);
}
.casual_tabs .kzt-tabs {
  --kzt-tab-accent: #2f8cff;
  gap: 8px;
  padding: 10px 0 2px;
  border: 0;
  align-items: center;
  overflow-x: auto;
  scrollbar-width: none;
}
.casual_tabs .kzt-tabs::-webkit-scrollbar { display: none; }
.casual_tabs .kzt-tabs .nav-item { flex: 0 0 auto; }

.casual_tabs .kzt-tabs .nav-link {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 7px 14px 7px 16px !important;
  border: 1px solid transparent !important;
  border-radius: 16px !important;
  background: transparent !important;
  color: inherit;
  opacity: .85;
  font-size: 14px !important;
  font-weight: 500 !important;
  white-space: nowrap;
  transition: background .2s, border-color .2s, color .2s, opacity .2s;
}
.casual_tabs .kzt-tabs .nav-link:hover {
  opacity: 1;
  background: color-mix(in srgb, currentColor 6%, transparent) !important;
}
.casual_tabs .kzt-tabs .nav-link.active {
  opacity: 1;
  color: var(--kzt-tab-accent) !important;
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none;
}

.casual_tabs .kzt-tab-ico {
  position: relative;
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border-radius: 12px;
  color: inherit;
  background: color-mix(in srgb, currentColor 7%, transparent);
  border: 1px solid color-mix(in srgb, currentColor 16%, transparent);
  transition: background .2s, border-color .2s;
}
.casual_tabs .kzt-tab-ico svg {
  width: 20px;
  height: 20px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.casual_tabs .nav-link.active .kzt-tab-ico {
  background: color-mix(in srgb, var(--kzt-tab-accent) 20%, transparent);
  border-color: color-mix(in srgb, var(--kzt-tab-accent) 55%, transparent);
}
.casual_tabs .kzt-tab-ico .count {
  position: absolute;
  top: -8px;
  right: -8px;
  left: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 20px;
  height: 20px;
  padding: 0 5px;
  border-radius: 10px;
  background: var(--kzt-tab-accent);
  color: #fff;
  font-family: sans-serif;
  font-size: 10.5px;
  font-weight: 700;
  line-height: 1;
  box-shadow: 0 0 0 2px var(--bg2);
}

@media (max-width: 768px) {
  .casual_tabs .kzt-tabs { gap: 8px; }
  .casual_tabs .kzt-tabs .nav-link { gap: 8px; padding: 6px 12px 6px 10px !important; font-size: 13px !important; border-radius: 14px !important; }
  .casual_tabs .kzt-tab-ico { width: 32px; height: 32px; border-radius: 10px; }
  .casual_tabs .kzt-tab-ico svg { width: 16px; height: 16px; }
}

/* ==========================================================================
   باکس دانلود: نکته‌های بالا (فیلترشکن/آرشیو) و دکمه‌های گزارش/اشتراک‌گذاری
   ========================================================================== */
.dl_info { padding-left: 18px; }
.dl_info .internet .dl_notes {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.dl_info .internet .dl_note {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  font-size: 13.5px;
  line-height: 1.7;
  opacity: .92;
}
.dl_info .internet .dl_note__ico {
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  margin: 0;
  border-radius: 10px;
  color: #e9a23b;
  background: color-mix(in srgb, currentColor 8%, transparent);
  border: 1px solid color-mix(in srgb, currentColor 14%, transparent);
}
.dl_info .internet .dl_note--ok .dl_note__ico { color: #4cc38a; }
.dl_info .internet .dl_note__ico svg {
  width: 16px;
  height: 16px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.dl_info .report {
  display: flex;
  align-items: center;
  gap: 8px;
}
.dl_info .report .kzt-act {
  --c: #ff7a5c;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 40px;
  margin: 0;
  padding: 0 18px 0 16px;
  border-radius: 999px;
  border: 1px solid color-mix(in srgb, var(--text, #e8ecf4) 28%, transparent);
  background: color-mix(in srgb, var(--text, #e8ecf4) 9%, transparent) !important;
  color: var(--text, #e8ecf4) !important;
  font-size: 13px;
  font-weight: 600;
  line-height: 1;
  cursor: pointer;
  transition: background .2s, border-color .2s, transform .2s;
}
.dl_info .report .kzt-act--share { --c: #4aa3ff; }
.dl_info .report .kzt-act__ico {
  display: inline-flex;
  color: var(--c);
}
.dl_info .report .kzt-act__ico svg {
  width: 17px;
  height: 17px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.dl_info .report .kzt-act:hover {
  background: color-mix(in srgb, var(--c) 16%, transparent) !important;
  border-color: var(--c);
  transform: translateY(-1px);
}
@media (max-width: 768px) {
  .dl_info { padding-left: 0; }
  .dl_info .internet { width: 100%; }
  .dl_info .report { width: 100%; }
  .dl_info .report .kzt-act { flex: 1 1 0; justify-content: center; padding: 0 12px 0 6px; }
}

/* «محتوای مرتبط» (موارد مشابه): هدر هم‌شکل هدر «لیست کاربران»، بدون فلش کشویی */
.related_films .related_films_title.kl-head.kzt-nochev {
  cursor: default;
  padding-left: 16px;
}

/* ==========================================================================
   نوار تب‌های صفحه‌ی تکی (باکس دانلود / اطلاعات بیشتر / لیست کاربران / محتوای مرتبط / نظرات)
   - فقط روی ساختار a.item[data-tab_id] (کلاس والد هرچه باشد کار می‌کند)
   - رنگ تاکید: آبی (#2f8cff)
   ========================================================================== */
:has(> a.item[data-tab_id]) {
  --kzt-tab-accent: #2f8cff;
}
.container:has(> a.item[data-tab_id]) {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  padding-top: 12px;
  padding-bottom: 12px;
  overflow-x: auto;
  overflow-y: visible;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
  scroll-snap-type: x proximity;
}
.container:has(> a.item[data-tab_id])::-webkit-scrollbar { display: none; }

a.item[data-tab_id] {
  position: relative;
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 7px 16px 7px 14px;
  border-radius: 16px;
  border: 1px solid transparent;
  background: transparent;
  color: rgba(255, 255, 255, 0.72);
  font-size: 14px;
  font-weight: 500;
  white-space: nowrap;
  text-decoration: none;
  scroll-snap-align: center;
  transition: background .25s, border-color .25s, color .25s, box-shadow .25s;
}
a.item[data-tab_id] .icon-area {
  position: relative;
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.10);
  transition: background .25s, border-color .25s, color .25s;
}
a.item[data-tab_id] .icon-area .icon {
  width: 20px;
  height: 20px;
  color: inherit;
}
a.item[data-tab_id] .text {
  line-height: 1;
  color: inherit;
}
a.item[data-tab_id] .num {
  position: absolute;
  top: -8px;
  right: -9px;
  left: auto;
  min-width: 19px;
  height: 19px;
  padding: 0 5px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  background: var(--kzt-tab-accent, #2f8cff);
  color: #fff;
  font-size: 10.5px;
  font-weight: 700;
  line-height: 1;
  box-shadow: 0 0 0 2px rgba(10, 12, 18, 0.9);
}
a.item[data-tab_id]:hover {
  color: #fff;
  background: rgba(255, 255, 255, 0.05);
  border-color: rgba(255, 255, 255, 0.10);
}
a.item[data-tab_id].active {
  color: #fff;
  background: linear-gradient(135deg, rgba(47, 140, 255, 0.22), rgba(255, 255, 255, 0.04));
  border-color: rgba(47, 140, 255, 0.45);
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.10);
}
a.item[data-tab_id].active .icon-area {
  color: var(--kzt-tab-accent, #2f8cff);
  background: rgba(47, 140, 255, 0.16);
  border-color: rgba(47, 140, 255, 0.45);
}
@supports (background: color-mix(in srgb, red 50%, blue)) {
  a.item[data-tab_id].active {
    background: linear-gradient(135deg, color-mix(in srgb, var(--kzt-tab-accent) 24%, transparent), rgba(255, 255, 255, 0.04));
    border-color: color-mix(in srgb, var(--kzt-tab-accent) 50%, transparent);
  }
  a.item[data-tab_id].active .icon-area {
    background: color-mix(in srgb, var(--kzt-tab-accent) 18%, transparent);
    border-color: color-mix(in srgb, var(--kzt-tab-accent) 50%, transparent);
  }
}
@media (max-width: 767.98px) {
  .container:has(> a.item[data-tab_id]) { gap: 6px; padding-top: 10px; padding-bottom: 10px; }
  a.item[data-tab_id] { gap: 8px; padding: 6px 12px 6px 10px; font-size: 13px; border-radius: 14px; }
  a.item[data-tab_id] .icon-area { width: 32px; height: 32px; border-radius: 10px; }
  a.item[data-tab_id] .icon-area .icon { width: 18px; height: 18px; }
}

/* ==========================================================================
   «لیست‌های مرتبط» (لیست‌هایی که کاربران می‌سازند) — هدر و کارت‌ها، دسکتاپ + موبایل
   ========================================================================== */
.related_films .related_films_title.kl-head {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 8px 0 16px;
  padding: 12px 16px 12px 54px;     /* جای فلش کشویی سمت چپ */
  border-radius: 16px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.02));
  border: 1px solid rgba(255, 255, 255, 0.10);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}
.related_films .related_films_title.kl-head::before { display: none; }
.related_films .related_films_title.kl-head > i {
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 11px;
  font-size: 15px;
  color: #2f8cff;
  background: rgba(47, 140, 255, 0.14);
  border: 1px solid rgba(47, 140, 255, 0.35);
}
.related_films .related_films_title.kl-head h4 {
  flex: 1 1 auto;
  min-width: 0;
  margin: 0;
  padding: 0;
  background: none;
  font-size: 16px;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.related_films .related_films_title.kl-head .kl-chev { left: 20px; }

/* کارت لیست */
.related_films .custom_list.single_list {
  display: flex;
  flex-direction: column;
  height: calc(100% - 20px);
  margin-bottom: 20px;
  padding: 10px;
  border-radius: 22px;
  background: linear-gradient(160deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.02));
  border: 1px solid rgba(255, 255, 255, 0.11);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.10);
  transition: transform .3s, border-color .3s, box-shadow .3s;
}
@media (hover: hover) {
  .related_films .custom_list.single_list:hover {
    transform: translateY(-4px);
    border-color: rgba(47, 140, 255, 0.45);
    box-shadow: 0 18px 36px rgba(0, 0, 0, 0.35), 0 0 18px rgba(47, 140, 255, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.12);
  }
}
.related_films .single_list .custom_list_images {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}
.related_films .single_list .custom_list_images > div {
  width: auto;
  height: auto;
  aspect-ratio: 5 / 4;
  border-radius: 14px;
  overflow: hidden;
}
.related_films .single_list .custom_list_images img {
  width: 100%;
  height: 100%;
  margin: 0;
  border-radius: 0;
  object-fit: cover;
  object-position: center 20%;
  transition: transform .5s;
}
@media (hover: hover) {
  .related_films .custom_list.single_list:hover .custom_list_images img { transform: scale(1.05); }
}
.related_films .single_list .custom_list_images .last_item_blur img { filter: blur(3px) brightness(.75); }
.related_films .single_list .custom_list_images .picture_holder .count {
  width: 42px;
  height: 42px;
  font-family: inherit;
  font-size: 16px;
  font-weight: 700;
  opacity: 1;
  background: rgba(0, 0, 0, 0.35);
  border: 1px solid rgba(255, 255, 255, 0.55);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
}
.related_films .single_list h3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin: 14px 0 0;
  padding: 0 6px;
  border: 0;
  text-align: center;
  line-height: 1.8;
}
.related_films .single_list h3 a.list {
  font-size: 15px;
  font-weight: 600;
}
.related_films .single_list .custom_list_meta {
  margin-top: auto;
  padding: 12px 4px 2px;
  gap: 8px;
  justify-content: space-between;
}
.related_films .single_list h3 + .custom_list_meta { margin-top: 12px; }
.related_films .single_list .custom_list_meta span {
  flex: 0 1 auto;
  padding: 0;
  border: 0 !important;
  text-align: right;
  font-size: 12.5px;
  color: rgba(255, 255, 255, 0.60);
}
.related_films .single_list .custom_list_meta a.author {
  display: inline-block;
  margin: 0;
  padding: 4px 12px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.09);
  border: 1px solid rgba(255, 255, 255, 0.14);
  color: #fff;
  font-size: 12.5px;
}

/* موبایل/تبلت: کارت‌ها یک ردیف افقی قابل‌اسکرول (به‌جای ستون‌های بلند زیر هم) */
@media (max-width: 991.98px) {
  .related_films .kl-body:has(.single_list) {
    flex-wrap: nowrap;
    overflow-x: auto;
    gap: 0;
    margin-inline: -12px;
    padding: 2px 12px 6px;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }
  .related_films .kl-body:has(.single_list)::-webkit-scrollbar { display: none; }
  .related_films .kl-body:has(.single_list) > [class*="col-"] {
    flex: 0 0 46%;
    max-width: 46%;
    padding-inline: 6px;
    scroll-snap-align: start;
  }
  .related_films .single_list .custom_list_images > div { aspect-ratio: 1 / 1; }
}
@media (max-width: 575.98px) {
  .related_films .kl-body:has(.single_list) > [class*="col-"] { flex-basis: 76%; max-width: 76%; }
  .related_films .related_films_title.kl-head { padding: 10px 12px 10px 48px; margin-bottom: 12px; }
  .related_films .related_films_title.kl-head h4 { font-size: 14.5px; }
  .related_films .related_films_title.kl-head > i { width: 30px; height: 30px; }
}


/* ==========================================================================
   چیپ‌های مدت/کشور/وضعیت/روز پخش: وقتی ۴ تا شدند فقط آیکن + مقدار، تا در یک خط بمانند
   ========================================================================== */
.casual_single .single_hero .kzt_hero_side .post_runtime:has(> .post_runtime__item:nth-child(4)) {
  flex-wrap: nowrap;
  gap: 6px;
}
.casual_single .single_hero .kzt_hero_side .post_runtime:has(> .post_runtime__item:nth-child(4)) .kzt-lbl {
  display: none;
}
.casual_single .single_hero .kzt_hero_side .post_runtime:has(> .post_runtime__item:nth-child(4)) .post_runtime__item {
  padding: 4px 9px;
}


/* آیکون مستطیلی عنوان سکشن‌ها (سریال/فیلم) — انیمه دست‌نخورده می‌ماند */
.asl_movie_icon.asl_movie_icon--pill {
  width: 64px;
  height: 46px;
  border-radius: 14px;
  border: 1px solid rgba(77, 141, 255, .38);
  background: linear-gradient(180deg, rgba(59, 130, 246, .2), rgba(59, 130, 246, .06));
  flex: none;
}
.asl_movie_icon.asl_movie_icon--pill svg {
  width: 26px;
  height: 26px;
  fill: none;
  stroke: #4d8dff;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}


/* ==========================================================================
   آیکن‌های عنوان بخش‌های صفحه اصلی (جدول هفتگی / سریال / فیلم) — انیمه دست‌نخورده
   ========================================================================== */

/* جدول پخش هفتگی */
.series_week .series_week__header h3 {
  display: flex;
  align-items: center;
  gap: 10px;
}

.kf-sec-ico {
  display: inline-grid;
  place-items: center;
  flex: none;
  width: 44px;
  height: 36px;
  border: 1px solid rgba(77, 141, 255, .38);
  border-radius: 12px;
  background: linear-gradient(180deg, rgba(59, 130, 246, .2), rgba(59, 130, 246, .06));
}

.kf-sec-ico svg {
  display: block;
  width: 22px;
  height: 22px;
  fill: none;
  stroke: #4d8dff;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* عنوان ردیف‌های فیلم (قالب معمولی) — آیکن کلاکت با CSS، بدون دست‌زدن به قالب اصلی و لودِ تنبل */
.after_fe .row > .cat_title > h3.star_title_c {
  display: flex;
  align-items: center;
  gap: 10px;
}

.after_fe .row > .cat_title > h3.star_title_c::before {
  content: "";
  flex: none;
  width: 44px;
  height: 36px;
  border: 1px solid rgba(77, 141, 255, .38);
  border-radius: 12px;
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234d8dff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='10' width='18' height='10.5' rx='2.5'/%3E%3Cpath d='M3.3 10 2.6 6.6a1.2 1.2 0 0 1 .9-1.4l15.7-3.4a1.2 1.2 0 0 1 1.4.9l.6 2.8L3.3 10Z'/%3E%3Cpath d='m7.6 4.6 2.2 3.4M12.6 3.5l2.2 3.4'/%3E%3C/svg%3E") center / 22px 22px no-repeat,
    linear-gradient(180deg, rgba(59, 130, 246, .2), rgba(59, 130, 246, .06));
}


/* ==========================================================================
   KZT — جدول پخش: استایل دکمه‌های اسلایدر
   ========================================================================== */
/* دکمه‌های قبلی/بعدی (هم‌سبک اسلایدر اصلی) */
@media (min-width: 768px) {
  .series_week .sw_nav {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 38px;
    z-index: 20;
    width: 44px;
    height: 44px;
    padding: 0;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, .18);
    background: rgb(42 47 60 / 80%);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    color: #fff;
    cursor: pointer;
    box-shadow: 0 4px 14px rgba(0, 0, 0, .45);
    transition: background .2s, border-color .2s, box-shadow .2s, transform .2s;
  }
  .series_week .sw_nav[hidden] { display: none; }
  .series_week .sw_nav:active { transform: scale(.94); }
  .series_week .sw_nav--left { left: -10px; }
  .series_week .sw_nav--right { right: -10px; }
}


/* ==========================================================================
   KZT — صفحه‌ی تک‌نوشته (casual): تفکیک «تماشای آنلاین» / «پخش آخرین قسمت»
   آیکن‌های جدا + هاورِ زنده به‌جای کم‌رنگ‌شدن. باکس «مشاهده تریلر» دست‌نخورده؛
   فقط آیکنش عوض شده.
   ========================================================================== */
.kzt-ico { flex: 0 0 auto; transition: transform .28s cubic-bezier(.3,.7,.3,1); }

@media (min-width: 992px) {
  /* هاور: به‌جای brightness(.8) (کم‌رنگ‌شدن)، روشن‌تر + کمی بالا‌آمدن */
  .casual_single .single_hero .rel_z2 .post_actions > a.playonline.playonline-online:hover,
  .casual_single .single_hero .rel_z2 .post_actions > a.playonline.playonline-latest:hover {
    filter: none;
    transform: translateY(-1px);
  }
  .casual_single .single_hero .rel_z2 .post_actions > a.playonline.playonline-online,
  .casual_single .single_hero .rel_z2 .post_actions > a.playonline.playonline-latest {
    transition: transform .2s ease, box-shadow .25s ease;
  }

  /* تماشای آنلاین: همان آبیِ اصلی، با درخشش آبی در هاور؛ آیکن مانیتور کمی بزرگ می‌شود */
  .casual_single .single_hero .rel_z2 .post_actions > a.playonline.playonline-online:hover {
    box-shadow: 0 0 0 1px rgba(150, 190, 255, .55), 0 6px 20px rgba(60, 110, 255, .45);
  }
  .casual_single .single_hero .rel_z2 .post_actions > a.playonline.playonline-online:hover .kzt-ico--online {
    transform: scale(1.14);
  }

  /* پخش آخرین قسمت: همان خانواده‌ی رنگیِ آبی، فقط روشن‌تر (با رنگ اصلی هماهنگ)؛
     آیکن پلی-به‌جلو در هاور به جلو (چپ) می‌لغزد */
  .casual_single .single_hero .rel_z2 .post_actions > a.playonline.playonline-latest {
    background: linear-gradient(135deg, #5b74ff 0%, #3f55dc 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .22);
    font-weight: 600;
  }
  .casual_single .single_hero .rel_z2 .post_actions > a.playonline.playonline-latest:hover {
    background: linear-gradient(135deg, #6c84ff 0%, #4a60e6 100%);
    box-shadow: 0 0 0 1px rgba(170, 190, 255, .6), 0 6px 20px rgba(80, 105, 255, .5);
  }
  .casual_single .single_hero .rel_z2 .post_actions > a.playonline.playonline-latest:hover .kzt-ico--latest {
    transform: translateX(-3px);
  }
}

/* موبایل: «تماشای آنلاین» راست، «پخش آخرین قسمت» چپ؛ هر دو تک‌خطی (فقط وقتی هر دو هستند) */
@media (max-width: 767.98px) {
  .casual_single .single_hero .rel_z2 .post_actions:has(> .playonline-latest) > a.playonline.playonline-online {
    order: 90;
    grid-column: 1 / 7;
  }
  .casual_single .single_hero .rel_z2 .post_actions:has(> .playonline-online) > a.playonline.playonline-latest {
    order: 100;
    grid-column: 7 / 13;
  }
  .casual_single .single_hero .rel_z2 .post_actions > a.playonline.playonline-online,
  .casual_single .single_hero .rel_z2 .post_actions > a.playonline.playonline-latest {
    white-space: nowrap;
    gap: 6px;
    padding-inline: 8px;
    min-width: 0;
    font-size: clamp(11.5px, 3.5vw, 14px);
  }
  .casual_single .single_hero .rel_z2 .post_actions > a.playonline .kzt-ico {
    width: 19px;
    height: 19px;
  }
  .casual_single .single_hero .rel_z2 .post_actions > a.playonline.playonline-latest {
    background: linear-gradient(135deg, #5b74ff 0%, #3f55dc 100%);
  }
}

/* آیکن تریلر: فقط خود آیکن در هاور کمی بچرخد (باکس بدون تغییر) */
@media (min-width: 992px) {
  .casual_single .single_hero .post_actions_trailer a.playonline-trailer:hover .kzt-ico--trailer {
    transform: rotate(-9deg) scale(1.1);
  }
}


/* ==========================================================================
   KZT — اصلاحات صفحه‌ی تک‌نوشته (casual)
   ۱) رفع «کم‌رنگ‌شدن لحظه‌ای» دکمه‌ها در هاور
   ۲) دکمه‌ی «دانلود» فیلم: باکس و آیکن اختصاصی
   ۳) سایز استاندارد پوستر (دسکتاپ/تبلت)
   ۴) موبایل (فقط فیلم): دانلود چپ، تماشای آنلاین راست
   ========================================================================== */

/* ۱) ریشه‌ی مشکل: قانون هاورِ قالب والد (background: var(--primaryColor)) گرادیانِ دکمه را
   برمی‌داشت و رنگ ساده‌ی شفاف→آبی را در ۰.۲۵ثانیه انیمیت می‌کرد. اینجا در هاور هم همان
   گرادیان را صریح نگه می‌داریم و هیچ filter/opacity ای اعمال نمی‌شود. */
.casual_single .single_hero .rel_z2 .post_actions > a.playonline.playonline-online,
.casual_single .single_hero .rel_z2 .post_actions > a.playonline.playonline-online:hover,
.casual_single .single_hero .rel_z2 .post_actions > a.playonline.playonline-online:focus-visible {
  background: linear-gradient(180deg, var(--hero-accent, #3b4fd0), var(--hero-accent-2, #2c3ba8));
  background-color: transparent;
  filter: none;
  opacity: 1;
}
.casual_single .single_hero .rel_z2 .post_actions > a.playonline.playonline-latest:hover {
  filter: none;
  opacity: 1;
}

/* ۲) دکمه‌ی دانلود (فیلم): سبز-زمردی، آیکن سینی-دانلود */
.casual_single .single_hero .rel_z2 .post_actions > a.playonline.playonline-download,
.casual_single .single_hero .rel_z2 .post_actions > a.playonline.playonline-download:hover,
.casual_single .single_hero .rel_z2 .post_actions > a.playonline.playonline-download:focus-visible {
  filter: none;
  opacity: 1;
  color: #fff;
  font-weight: 600;
  background-color: transparent;
  border: 1px solid rgba(120, 255, 205, .30);
  background-image: linear-gradient(135deg, #17c08a 0%, #0c9468 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25);
}
.casual_single .single_hero .rel_z2 .post_actions > a.playonline.playonline-download .kzt-ico--download {
  width: 20px;
  height: 20px;
}
@media (hover: hover) {
  .casual_single .single_hero .rel_z2 .post_actions > a.playonline.playonline-download {
    transition: transform .2s ease, box-shadow .25s ease;
  }
  .casual_single .single_hero .rel_z2 .post_actions > a.playonline.playonline-download:hover {
    background-image: linear-gradient(135deg, #25d79d 0%, #10a877 100%);
    border-color: rgba(170, 255, 225, .6);
    box-shadow: 0 0 0 1px rgba(120, 255, 205, .35), 0 6px 20px rgba(20, 190, 135, .45);
    transform: translateY(-1px);
  }
  .casual_single .single_hero .rel_z2 .post_actions > a.playonline.playonline-download:hover .kzt-ico--download {
    transform: translateY(2px);
  }
}

/* ۳) سایز استاندارد پوستر: همیشه نسبت ۲:۳ (مثل پوستر فیلم)، با برش مرکزی؛
   دیگر عرضِ/ارتفاعِ طبیعی هر تصویر چیدمان صفحه را جابه‌جا نمی‌کند */
@media (min-width: 768px) {
  .casual_single .single_hero .single_cover_wrap > img {
    width: 100%;
    height: auto !important;
    aspect-ratio: 2 / 3;
    object-fit: cover;
    object-position: center top;
  }
}

/* ۴) موبایل، فقط فیلم‌هایی که دکمه‌ی دانلود دارند: تماشای آنلاین راست، دانلود چپ */
@media (max-width: 767.98px) {
  .casual_single .single_hero .rel_z2 .post_actions:has(> .playonline-download) > a.playonline.playonline-online {
    order: 90;
    grid-column: 1 / 7;
  }
  .casual_single .single_hero .rel_z2 .post_actions:has(> .playonline-online) > a.playonline.playonline-download {
    order: 100;
    grid-column: 7 / 13;
  }
}