html {
  --accent-color: #d62727;
  --site-background-image: none;
  scroll-behavior: smooth;
}

body {
  background-color: #111 !important;
  background-image: var(--site-background-image) !important;
  background-position: center top;
  background-size: cover;
  background-attachment: fixed;
}

a:hover,
.hmenu > li:hover > a,
.hmenu > li > a.is-active,
.news-card h2 a:hover,
.ahs-card-link,
.sidebar-episodes strong {
  color: var(--accent-color) !important;
}

.button, .btn, button:not(.color-btn):not([class*=fr]), input[type="submit"],
.sect-title {
  background-color: var(--accent-color) !important;
}

.wrap-main { overflow: visible; }
.header-in { justify-content: flex-start !important; }
.logo { display: flex; align-items: center; width: 180px; }
.logo img { display: block; max-height: 62px; width: 100%; object-fit: contain; }
.hmenu { margin-right: 0; }
.hmenu > li:hover > a,
.hmenu > li > a.is-active { box-shadow: inset 0 -3px var(--accent-color) !important; }
.hidden-menu { border-top-color: var(--accent-color); }
.season-menu { width: 360px; display: grid; }
.season-menu .hm-col { width: auto; float: none; }
.hm-col a:hover { color: #fff !important; }
.btn-menu { display: none; }

.page-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 240px;
  gap: 20px;
  align-items: start;
}

.main { min-width: 0; }
.site-sidebar { position: sticky; top: 20px; min-width: 0; }
button:not(.color-btn):not([class*=fr]).bookmark-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  margin-bottom: 20px;
  background-color: var(--accent-color) !important;
  color: #fff !important;
  box-shadow: inset 0 -3px color-mix(in srgb, var(--accent-color) 72%, #000) !important;
}
button:not(.color-btn):not([class*=fr]).bookmark-button:hover {
  background-color: color-mix(in srgb, var(--accent-color) 88%, #000) !important;
  color: #fff !important;
  box-shadow: inset 0 -3px color-mix(in srgb, var(--accent-color) 64%, #000) !important;
}

.fplayer .tabs-sel span.current {
  background-color: var(--accent-color);
  color: #fff;
}

.fplayer .flight:after,
.fplayer.light-off .flight:after {
  background-color: var(--accent-color);
}

.ap-player button:not(.color-btn):not([class*=fr]) {
  background: transparent !important;
  background-color: transparent !important;
  color: #fff !important;
}

.ap-player button.ap-center-play {
  background: #00b2ff !important;
  background-color: #00b2ff !important;
}

.ap-player button.ap-play-button:hover,
.ap-player button.ap-icon-button:hover {
  background-color: #00b2ff !important;
}

.fshare {
  --fshare-hover-background: color-mix(in srgb, var(--accent-color) 35%, #222);
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: center;
  gap: 0;
  min-height: 50px;
  text-align: initial;
  white-space: normal;
}

.fshare-nav {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: auto;
  box-sizing: border-box;
  justify-self: stretch;
  margin: 0;
  padding: 18px 26px;
  color: #ccc;
  font-size: 13px;
  line-height: 1.2;
  text-decoration: none;
}

.fshare-prev {
  justify-content: flex-start;
}

.fshare-next {
  justify-content: flex-end;
  justify-self: stretch;
}

.fshare-center {
  justify-content: center;
  justify-self: stretch;
}

.fshare-nav:hover {
  background-color: var(--fshare-hover-background);
  color: #fff !important;
}

.fshare-nav svg {
  display: block;
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

@media screen and (max-width: 1099px) {
  .fshare {
    gap: 0;
  }

  .fshare-prev {
    grid-column: 1;
    grid-row: 1;
  }

  .fshare-center {
    grid-column: 2;
    grid-row: 1;
  }

  .fshare-next {
    grid-column: 3;
    grid-row: 1;
  }
}

.bookmark-button-icon { width: 18px; height: 18px; flex: 0 0 18px; color: #e7bd3f; }
.sidebar-block { margin-bottom: 20px; }
.sidebar-block h2 { margin-bottom: 12px; color: #eee; font-family: Oswald, sans-serif; font-size: 18px; }
.sidebar-season-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; }
.sidebar-season-grid a { display: inline-flex; align-items: center; gap: 5px; padding: 9px 7px; color: #ccc; text-align: center; font-size: 13px; }
.season-link-icon { width: 16px; height: 16px; flex: 0 0 16px; color: currentColor; }
.sidebar-season-grid a:hover { color: #fff !important; background: var(--accent-color); }
.sidebar-episodes { display: grid; gap: 12px; }
.sidebar-episodes a { display: grid; gap: 3px; padding-bottom: 11px; border-bottom: 1px solid #333; }
.sidebar-episodes a:last-child { padding-bottom: 0; border-bottom: 0; }
.sidebar-episodes span { color: #999; font-size: 12px; }
.sidebar-episodes strong { font-size: 13px; line-height: 1.3; }
.sidebar-actors-block h2 a { color: inherit; }
.sidebar-actors { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 8px; }
.sidebar-actors .actor-card { display: grid; justify-items: center; gap: 7px; color: #eee; text-align: center; }
.sidebar-actors .actor-card:hover { color: var(--accent-color) !important; }
.sidebar-actors .actor-card-avatar { display: block; width: 72px; aspect-ratio: 1; border-radius: 50%; object-fit: cover; background: #111; }
.sidebar-actors .actor-card-placeholder { display: grid; place-items: center; color: #666; font-size: 26px; }
.sidebar-actors .actor-card-name { font-family: "Open Sans", sans-serif; font-size: 12px; line-height: 1.2; }

.ahs-hero { display: grid; grid-template-columns: 160px minmax(0, 1fr); gap: 20px; align-items: center; padding: 20px; margin-bottom: 20px; background: rgba(34,34,34,.95); }
.ahs-hero-image { width: 160px; max-height: 180px; object-fit: contain; }
.ahs-hero h1 { margin-bottom: 10px; color: #eee; font-family: Oswald, sans-serif; font-size: 30px; }
.ahs-hero p { color: #ccc; line-height: 1.6; }
.ahs-media-list { display: grid; gap: 12px; }
.ahs-media-card { display: grid; grid-template-columns: 160px minmax(0, 1fr); gap: 18px; box-shadow: 0 1px 5px rgba(0,0,0,.15); }
.ahs-media-image { display: block; height: 210px; overflow: hidden; background: #111; }
.ahs-media-image img { width: 100%; height: 100%; object-fit: cover; transition: transform .25s ease; }
.ahs-media-image:hover img { transform: scale(1.04); }
.ahs-media-body { min-width: 0; padding: 5px 4px 5px 0; }
.ahs-media-body h2 { margin-bottom: 7px; color: #eee; font-family: Oswald, sans-serif; font-size: 21px; line-height: 1.25; }
.ahs-media-body h2 a { color: #eee; }
.ahs-meta { margin-bottom: 10px; color: #999; font-size: 12px; }
.ahs-excerpt { max-height: 82px; overflow: hidden; color: #ccc; font-size: 13px; line-height: 1.55; }
.ahs-excerpt p { margin-bottom: 7px; }
.ahs-card-link { display: inline-block; margin-top: 12px; border-bottom: 1px dotted var(--accent-color); font-size: 13px; }
.section-intro { margin: -2px 0 14px; color: #aaa; line-height: 1.6; }
.section-title { margin: 15px 0 10px; color: #eee; font-family: Oswald, sans-serif; font-size: 24px; }
.episode-title { color: var(--accent-color); }
.ahs-detail { padding-top: 10px; }
.ahs-detail-head { display: grid; grid-template-columns: 180px minmax(0, 1fr); gap: 20px; margin-bottom: 20px; }
.ahs-detail-poster { width: 180px; height: 250px; object-fit: cover; }
.ahs-detail h1 { margin-bottom: 25px; color: #eee; font-family: Oswald, sans-serif; font-size: 28px; line-height: 1.2; }
.ahs-detail h1.season-title { margin-bottom: 8px; }
.ahs-detail h1.original-title-heading { margin-bottom: 4px; }
.show-original-title { display: block; margin-bottom: 10px; color: #aaa; }
.ahs-detail p, .ahs-detail .full-text { color: #ccc; line-height: 1.65; }
.ahs-detail > div.ahs-meta { color: #ccc; font-size: 14px; line-height: 1.65; }
.full-text a,
.news-content a { color: var(--accent-color); text-decoration: none; }
.full-text a:hover,
.full-text a:focus,
.news-content a:hover,
.news-content a:focus { color: var(--accent-color); text-decoration: underline; }
.watch-online-text {
  margin-top: 16px;
  padding: 12px 14px;
  background-color: #444;
  color: #ccc;
  font-size: 14px;
  line-height: 1.65;
}
.episode-divider { margin: 18px 0 10px; border: 0; border-top: 1px solid #333; }
.episode-series-section { margin-top: 18px; }
.episode-series-title { margin-top: 0; margin-bottom: 12px; color: #eee; font-size: 22px; }
.episode-series-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px 20px; }
.episode-series-link { display: block; min-width: 0; overflow: hidden; background: #222; color: #999; text-decoration: none; }
.episode-series-image { position: relative; display: block; aspect-ratio: 16 / 9; overflow: hidden; background: #111; }
.episode-series-image img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .25s ease; }
.episode-series-link:hover .episode-series-image img { transform: scale(1.04); }
.episode-series-badge { position: absolute; right: auto; bottom: 0; left: 0; z-index: 2; padding: 6px 10px; background: color-mix(in srgb, var(--accent-color) 70%, transparent); color: #fff; font-size: 12px; line-height: 1; white-space: nowrap; }
.episode-series-mask { position: absolute; inset: 0; z-index: 3; display: flex; align-items: center; justify-content: center; background: rgba(0, 0, 0, .62); opacity: 0; transition: opacity .2s ease; }
.episode-series-link:hover .episode-series-mask { opacity: 1; }
.episode-series-mask .fa { display: inline-flex; width: 52px; height: 52px; align-items: center; justify-content: center; padding-left: 3px; border-radius: 50%; background: var(--accent-color); color: #fff; font-size: 20px; }
.episode-series-info { display: block; padding: 9px 10px 11px; }
.episode-series-info strong { display: block; overflow: hidden; color: var(--accent-color); font-size: 15px; font-weight: 600; line-height: 1.3; text-overflow: ellipsis; white-space: nowrap; }
.episode-series-info time { display: block; margin-top: 4px; color: #999; font-size: 12px; line-height: 1.2; }
.episode-series-link:hover .episode-series-info strong { color: var(--accent-color); }
.episode-series-divider { margin-top: 18px; }
.season-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 14px 20px; }
.season-grid-link { display: block; min-width: 0; overflow: hidden; background: #222; text-decoration: none; }
.season-grid-image { position: relative; display: block; aspect-ratio: 1 / 1.5; overflow: hidden; background: #111; }
.season-grid-image img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .25s ease; }
.season-grid-link:hover .season-grid-image img { transform: scale(1.04); }
.season-grid-badge { position: absolute; right: auto; bottom: 0; left: 0; z-index: 2; padding: 6px 10px; background: color-mix(in srgb, var(--accent-color) 70%, transparent); color: #fff; font-size: 12px; line-height: 1; white-space: nowrap; }
.season-grid-mask { position: absolute; inset: 0; z-index: 3; display: flex; align-items: center; justify-content: center; background: rgba(0, 0, 0, .62); opacity: 0; transition: opacity .2s ease; }
.season-grid-link:hover .season-grid-mask { opacity: 1; }
.season-grid-mask .fa { display: inline-flex; width: 52px; height: 52px; align-items: center; justify-content: center; padding-left: 3px; border-radius: 50%; background: var(--accent-color); color: #fff; font-size: 20px; }
.season-grid-divider { margin: 18px 0; }
.season-list-description { color: #ccc; line-height: 1.65; }
.season-list-description p { margin-bottom: 14px; }
.home-page-sections { margin-top: 28px; }
.home-page-sections .episode-series-section { margin-top: 0; margin-bottom: 28px; }
.home-page-sections .season-grid-divider { margin: 28px 0; }
.home-page-sections .season-list-description { margin-bottom: 24px; }
.home-page-sections .watch-online-text { margin-top: 0; }
.home-episode-picker { display: flex; gap: 12px; align-items: center; margin-top: 20px; }
.home-episode-picker button { box-shadow: none !important; }
.home-picker-field { position: relative; width: 120px; min-width: 0; }
.home-episode-picker .home-picker-field .home-picker-trigger { display: flex; width: 100%; height: 42px; align-items: center; justify-content: space-between; gap: 10px; padding: 0 12px; border: 1px solid #444; border-radius: 3px; background: transparent !important; box-shadow: none !important; color: #fff !important; font-size: 14px; font-weight: 400; text-align: left; text-transform: none; }
.home-episode-picker .home-picker-trigger:hover,
.home-episode-picker .home-picker-field.is-open .home-picker-trigger { border-color: var(--accent-color); color: #fff !important; }
.home-picker-trigger svg { width: 18px; height: 18px; flex: 0 0 18px; transition: transform .2s ease; }
.home-picker-field.is-open .home-picker-trigger svg { transform: rotate(180deg); }
.home-picker-options { position: absolute; top: calc(100% + 5px); right: 0; left: 0; z-index: 40; display: none; max-height: 220px; padding: 0 6px; overflow-y: auto; border: 1px solid #444; border-radius: 3px; background: #111; box-shadow: none; }
.home-picker-field.is-open .home-picker-options { display: grid; gap: 0; }
.home-episode-picker .home-picker-field .home-picker-options button { width: 100%; min-height: 40px; padding: 6px 9px; border: 0; border-bottom: 1px solid #444; border-radius: 0; background: transparent !important; box-shadow: none !important; color: #fff; font-size: 13px; font-weight: 400; text-align: left; text-transform: none !important; height: unset !important; line-height: unset !important; }
.home-episode-picker .home-picker-options button:last-child { border-bottom: 0; }
.home-episode-picker .home-picker-options button:hover,
.home-episode-picker .home-picker-options button.is-selected { background: transparent !important; color: #fff !important; }
.home-picker-submit { display: flex;height: 42px; flex: 0 0 46px; align-items: center; justify-content: center; padding: 0; border: 0; border-radius: 3px; background: var(--accent-color) !important; color: #fff !important; }
.home-picker-submit:hover { background: color-mix(in srgb, var(--accent-color) 82%, #000) !important; }
.home-picker-submit:disabled { cursor: not-allowed; opacity: .45; }
.home-picker-submit svg { width: 22px; height: 22px; display: block; }
.ahs-detail-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 16px; }
.ahs-detail-actions a { display: inline-block; padding: 10px 14px; background: var(--accent-color); color: #111; font-weight: 600; }
.ahs-detail-actions a:hover { background: color-mix(in srgb, var(--accent-color) 88%, #000); color: #fff !important; }
.episode-player { display: grid; min-height: 260px; margin: 20px 0; place-items: center; background: #000; color: #777; text-align: center; }
.news-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.news-card { overflow: hidden; background: #222; box-shadow: 0 1px 5px rgba(0,0,0,.15); }
.news-card-image { display: block; aspect-ratio: 16 / 9; overflow: hidden; background: #111; }
.news-card-image img { width: 100%; height: 100%; object-fit: cover; transition: transform .25s ease; }
.news-card:hover .news-card-image img { transform: scale(1.04); }
.news-card-body { padding: 12px 14px 14px; }
.news-card h2 { margin-bottom: 9px; font-family: Oswald, sans-serif; font-size: 18px; line-height: 1.25; }
.news-card h2 a { color: #eee; }
.news-meta { color: #999; font-size: 12px; }
.news-detail {  }
.news-detail h1 { margin-bottom: 9px; color: #eee; font-family: Oswald, sans-serif; font-size: 28px; line-height: 1.2; }
.news-detail-image { display: block; width: 100%; max-height: 520px; margin: 18px 0; object-fit: cover; }
.news-content { color: #ccc; font-size: 15px; line-height: 1.65; }
.news-content p { margin-bottom: 14px; }
.news-content h2, .news-content h3 { margin: 20px 0 10px; color: #eee; font-family: Oswald, sans-serif; }

.episode-engagement {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  margin: 20px 0 4px;
}
.episode-rating { display: flex; align-items: center; flex-wrap: nowrap; gap: 10px; min-width: 0; }
.episode-stars-wrap { display: flex; flex-direction: column; align-items: center; gap: 3px; }
.episode-stars {
  display: flex;
  align-items: center;
  gap: 2px;
  padding: 4px 0;
  color: #707070;
  cursor: pointer;
  user-select: none;
}
.episode-stars:focus-visible { outline: 2px solid var(--accent-color); outline-offset: 4px; }
.episode-star { position: relative; display: block; width: 22px; height: 22px; flex: 0 0 22px; }
.episode-star > svg,
.episode-star-fill > svg { display: block; width: 22px; height: 22px; }
.episode-star-fill { position: absolute; inset: 0 auto 0 0; width: var(--star-fill); overflow: hidden; color: #e7bd3f; }
.episode-star-fill > svg { max-width: none; }
.episode-stars:hover { color: #8a8a8a; }
.episode-rating-copy { display: flex; flex: 0 0 70px; flex-direction: column; gap: 2px; width: 70px; min-width: 70px; order: -1; }
.episode-rating-value { color: #eee; font-size: 18px; font-weight: 600; line-height: 1; }
.episode-rating-caption { color: #999; font-size: 11px; line-height: 1; }
.episode-rating-count { color: #777; font-size: 10px; line-height: 1.1; white-space: nowrap; }
.episode-share { display: flex; align-items: center; gap: 12px; margin-left: auto; }
.episode-share-title { color: #ccc; font-size: 13px; white-space: nowrap; }
.episode-share-buttons { display: flex; gap: 5px; }
.episode-share-buttons .fa {
  display: inline-block;
  width: 42px;
  height: 30px;
  border-radius: 3px;
  color: #fff;
  font-size: 14px;
  line-height: 30px;
  text-align: center;
  cursor: pointer;
}
.episode-share-buttons .fa:hover { opacity: .8; }
.episode-share-buttons .fa-vk { background-color: #5075a5; }
.episode-share-buttons .fa-odnoklassniki { background-color: #fc6d00; }
.episode-share-buttons .fa-twitter { background-color: #2daae1; }
.episode-share-buttons .fa-paper-plane { background-color: #5682a3; }
.season-engagement .episode-engagement { align-items: flex-start; flex-direction: column; gap: 12px; }
.season-engagement .episode-share { margin-left: 0; }
.comment-modal-close,
.comment-modal-close .fa,
.comment-modal-close:hover,
.comment-modal-close:hover .fa { color: #fff !important; }

.ahs-comments {  margin-top: 20px; box-shadow: 0 1px 5px rgba(0,0,0,.15); }
.ahs-comments .sect-header { margin-bottom: 10px; padding-top: 20px; }
.ahs-comments .frels-title { padding-bottom: 10px; color: #eee; font-size: 18px; font-weight: 600; }
.ahs-comments .frels-title .fa { margin-left: 8px; color: var(--accent-color); }
.ahs-comments .sect-cont { position: relative; display: flex; align-items: flex-start; justify-content: space-between; gap: 4%; }
.ahs-comments .full-comms { width: 48%; }
.ahs-comments .add-comms { width: 48%; position: sticky; top: 90px; z-index: 2; align-self: flex-start; }
.ahs-comments .comment-loading-overlay { position: absolute; inset: 0; z-index: 40; background: rgba(0,0,0,.35); cursor: wait; }
.ahs-comments .comment-loading-overlay[hidden] { display: none; }
.ahs-comments .comments-loading { min-height: 80px; }
.ahs-comments .empty-state { color: #999; font-size: 13px; line-height: 1.5; }
.ahs-comments .comm-item { position: relative; min-height: 40px; padding-left: 40px; margin-bottom: 20px; color: #ccc; font-size: 13px; }
.ahs-comments .comm-letter { position: absolute; top: 0; left: 0; width: 30px; height: 30px; border-radius: 50%; color: #fff; font-size: 14px; font-weight: 600; line-height: 30px; text-align: center; text-transform: uppercase; }
.ahs-comments .comm-one > span { margin-right: 15px; color: #999; opacity: .8; }
.ahs-comments .comm-one > span.comm-author { color: var(--accent-color); font-weight: 600; opacity: 1; }
.ahs-comments .comm-two { margin: 2px 0 3px; line-height: 1.55; white-space: pre-wrap; }
.ahs-comments .comm-three { min-height: 20px; }
.ahs-comments .comm-rate3 { position: relative; top: -3px; display: inline-block; height: 20px; margin-right: 15px; font-size: 16px; line-height: 20px; white-space: nowrap; }
.ahs-comments .comm-rate3 a { display: inline-block; color: #999; opacity: .8; vertical-align: middle; }
.ahs-comments .comm-rate3 a:hover { color: var(--accent-color); text-decoration: underline; }
.ahs-comments .comm-rate3 a.comment-vote-up:hover,
.ahs-comments .comm-rate3 a.comment-vote-up.is-selected { color: #95c613 !important; text-decoration: none; }
.ahs-comments .comm-rate3 a.comment-vote-down:hover,
.ahs-comments .comm-rate3 a.comment-vote-down.is-selected { color: #ff0e0e !important; text-decoration: none; }
.ahs-comments .comm-rate3 > span { margin: 0 8px; font-size: 14px; font-weight: 600; }
.ahs-comments .comm-rate3 .ratingplus { color: #95c613; }
.ahs-comments .comm-rate3 .ratingminus { color: #ff0e0e; }
.ahs-comments .comm-children { padding-left: 16px; margin: 14px 0 0 8px; border-left: 2px solid #555; }
.ahs-comments .comm-item-child { margin-bottom: 16px; }
.ahs-comments .comm-item-child:last-child { margin-bottom: 0; }
.ahs-comments .add-comms > form { margin-bottom: 20px; }
.ahs-comments .ac-inputs { justify-content: space-between; gap: 3%; }
.ahs-comments .ac-inputs input[type="text"],
.ahs-comments .ac-email-field { width: 48.5%; }
.ahs-comments .ac-inputs input[type="text"],
.ahs-comments .ac-email-field input[type="email"] { height: 40px; margin-bottom: 15px; padding: 0 15px; border: 0; border-radius: 4px; background: #222; box-shadow: inset 0 0 0 1px #111, inset 1px 2px 5px rgba(0,0,0,.2); color: #fff; font: 16px/40px 'Open Sans', sans-serif; }
.ahs-comments .ac-email-field { position: relative; }
.ahs-comments .ac-email-field input[type="email"] { width: 100%; }
.ahs-comments .ac-email-note { position: absolute; top: -14px; left: 0; color: #999; font-size: 10px; line-height: 1; white-space: nowrap; }
.ahs-comments .ac-textarea textarea { display: block; width: 100%; height: 100px; margin-bottom: 15px; padding: 15px; border: 0; border-radius: 0; background: #222; box-shadow: inset 0 0 0 1px #111, inset 1px 2px 5px rgba(0,0,0,.2); color: #fff; font: 16px/1.4 'Open Sans', sans-serif; }
.ahs-comments .ac-inputs input[type="text"]:focus,
.ahs-comments .ac-inputs input[type="email"]:focus,
.ahs-comments .ac-textarea textarea:focus { box-shadow: inset 0 0 0 1px var(--accent-color), inset 1px 2px 5px rgba(0,0,0,.1); }
.ahs-comments .add-comms input,
.ahs-comments .add-comms textarea,
.ahs-comments .ac-submit button { box-shadow: 3px 3px 6px rgba(0,0,0,.1); color: #fff; }
.ahs-comments .ac-submit button { background: var(--accent-color) !important; color: #fff; }
.ahs-comments .comment-form-status { margin-top: 10px; color: #e7a1a1; font-size: 12px; line-height: 1.4; white-space: pre-wrap; }
.ahs-comments .dle-comments-navigation { padding-top: 14px; text-align: center; }
.ahs-comments .pagi-nav { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; justify-content: center; }
.ahs-comments .pagi-nav > a,
.ahs-comments .pagi-nav > span:not(.pnext):not(.pprev),
.ahs-comments .pnext a,
.ahs-comments .pprev a { min-width: 36px; height: 34px; padding: 0 10px; border-radius: 3px; background: #222; box-shadow: inset 0 0 0 1px #050505; color: #ccc; font-size: 14px; font-weight: 600; line-height: 34px; text-align: center; }
.ahs-comments .pagi-nav > span:not(.pnext):not(.pprev),
.ahs-comments .pagi-nav a:hover { background: var(--accent-color); box-shadow: inset 0 -3px color-mix(in srgb, var(--accent-color) 70%, #000); color: #111 !important; }
.ahs-comments .pnext,
.ahs-comments .pprev { display: inline-block; }

@media screen and (max-width: 950px) {
  .page-layout { grid-template-columns: 1fr; }
  .site-sidebar { order: 2; }
  .btn-menu { display: block; margin-left: auto; font-size: 22px; }
  .hmenu { display: none; width: 100%; padding: 0; }
  .hmenu.is-open { display: flex !important; }
  .hmenu > li { width: 100%; margin: 0; }
  .hmenu > li > a { height: 50px; line-height: 50px; }
  .header-in { flex-wrap: wrap; }
  .hmenu { margin-left: 0; }
  .hidden-menu { position: static; display: none; width: 100%; opacity: 1; transform: none; pointer-events: auto; }
  .hmenu > li:hover .hidden-menu { display: block; }
  .ahs-detail-head, .ahs-hero { grid-template-columns: 1fr; }
  .ahs-hero-image, .ahs-detail-poster { width: 150px; height: auto; margin: 0 auto; }
}

@media screen and (max-width: 949px) {
  .site-sidebar { position: static; }
}

@media screen and (max-width: 520px) {
  .home-episode-picker { gap: 8px; }
  .home-picker-field { width: calc((100% - 62px) / 2); }
  .home-episode-picker .home-picker-field .home-picker-trigger { padding: 0 9px; }
  .home-picker-trigger svg { display: none; }
  .ahs-media-card { grid-template-columns: 105px minmax(0, 1fr); gap: 12px; }
  .ahs-media-image { height: 145px; }
  .ahs-media-body h2 { font-size: 17px; }
  .ahs-excerpt { max-height: 64px; }
  .news-grid { grid-template-columns: 1fr; }
}

@media screen and (max-width: 950px) {
  .episode-engagement { align-items: flex-start; flex-direction: column; gap: 18px; }
  .episode-share { margin-left: 0; }
  .episode-series-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .season-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .ahs-comments .full-comms,
  .ahs-comments .add-comms { width: 100%; }
  .ahs-comments .add-comms { order: -1; position: static; }
}