/* =====================================================   morskaya-custom.css — MorskayaRybalka.ru custom styles   Loaded after all-responsive-white.css (KVS base)   Generated: 2026-04-12, deduplicated from appended section   ===================================================== */
/* ================================================================
   Custom styles (moved from template header 2026-04-12)
   ================================================================ */

/* Global font: Roboto (YouTube) */
body, input, textarea, select, button {
  font-family: 'Roboto', Arial, Helvetica, sans-serif !important;
}
h1, h2, h3, h4, h5, h6 {
  font-family: 'Roboto', Arial, Helvetica, sans-serif !important;
}
/* YouTube font-weight map: body=400, titles=500, strong/bold=700 */

h1 {
  font-weight: 700 !important;
  font-size: 48px !important;
}
h2:not(.dynamic-text), .headline h2:not(.dynamic-text) {
  font-weight: 700 !important;
  font-size: 32px !important;
  margin-top: 0 !important;
  margin-bottom: 16px !important;
}
h3 {
  font-weight: 700 !important;
  font-size: 22px !important;
}
strong, b {
  font-weight: 700 !important;
}

/* Fix: H1 spans full width above sidebar+grid */
.main-content:has(> .sidebar) {
  position: relative;
  padding-top: 65px !important;
}
.sidebar + .main-container > .headline:first-child,
.sidebar + .main-container > div:first-child > .headline:first-child {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 10px 0 0 0;
  margin: 0;
  text-align: left;
}

/* Fix: Align sidebar top with grid top */
.sidebar {
  margin-top: 0 !important;
}

/* Fix: Remove pseudo-element grid ghosts */
.margin-fix::before,
.margin-fix::after {
  display: none !important;
}

/* Fishing experience (stazh) styling */
.block-user .added-by-label {
  font-size: 16px;
  color: #000;
  font-weight: normal;
}
.block-user .stazh {
  font-size: 14px;
  color: #000;
  font-weight: normal !important;
  margin-top: 4px;
  display: block;
}

/* ── Header & Nav redesign ─────────────────────────────────────── */

/* 1. Remove underline from dynamic h2 title */


/* 2. Search bar: light gray instead of black */

.search .search-text input::placeholder {
  color: #616161 !important;
}

/* 3. Nav: dark navy background, white text, centered items */
nav:has(.navigation),
.navigation {
  background: #1e90ff !important;
  border-top: none !important;
  border-bottom: none !important;
}
/* Center the nav items instead of space-between */
.navigation .primary,
.navigation ul.primary {
  display: flex !important;
  justify-content: center !important;
  gap: 0 !important;
}
.navigation .primary li,
.navigation .primary li a {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}



/* Nav separator lines */
.navigation .primary li + li::before {
  display: none !important;
}

/* ===== Footer ===== */
.footer-margin {
  background: #1e90ff !important;
}
.footer,
.footer-wrap {
  background: #1e90ff !important;
}
.footer .nav {
  display: flex !important;
  justify-content: center !important;
  gap: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  margin: 0 0 8px !important;
}

.footer .nav li a:hover {
  color: #ffffff !important;
  text-decoration: none !important;
  background: rgba(255,255,255,0.12) !important;
}
.footer .copyright {
  color: #ffffff !important;
  font-size: 16px !important;
  text-align: center !important;
  padding-bottom: 18px !important;
}
.footer .copyright a {
  color: #ffffff !important;
}
.footer .copyright a:hover {
  color: #ffffff !important;
  text-decoration: none !important;
}
/* Ad block background match */
.box.bottom-adv {
  background: #1e90ff !important;
  padding: 16px 20px !important;
}

/* Base font size: minimum 16px, comfortable line-height everywhere */


/* Override external CSS small-font elements: minimum 16px */
.toggle-button,
a.toggle-button,
.btn-favourites ul li > a,
.btn-favourites ul li > span,
.block-details .block-user .username,
.block-user .username,
.list-videos .is-hd,
.list-albums .is-hd {
  font-size: 16px !important;
}

/* Fix: Bigger search bar, show "Найти" text */
.search .search-text input {
  background: #E0E0E0 !important;
  color: #1a1a1a !important;
  font-size: 18px !important;
  padding: 16px 120px 16px 25px !important;
  font-style: normal !important;
  border-radius: 40px !important;
}
.search form {
  border-radius: 40px !important;
}
.search .search-button {
  width: 110px !important;
  text-indent: 0 !important;
  overflow: visible !important;
  background-image: none !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #fff !important;
  display: flex !important;
  align-items: center !important;

  justify-content: center !important;
  border-radius: 40px !important;
}



/* Mobile: burger menu with hamburger->X animation */
@media (max-width: 768px) {
  /* === Burger button: icon only, 2x size === */
  .navigation .button {
    height: auto !important;
    padding: 14px 16px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    background: transparent !important;
  }
  .navigation .button .icon {
    display: inline-block !important;
    width: 44px !important;
    height: 32px !important;
    position: relative !important;
  }
  .navigation .button .ico-bar {
    background: #ffffff !important;
    height: 4px !important;
    border-radius: 2px !important;
    transition: all 0.3s ease !important;
  }
  .navigation .button .ico-bar:first-child { top: 0 !important; }
  .navigation .button .ico-bar:nth-child(2) { top: 14px !important; }
  .navigation .button .ico-bar:nth-child(3) { top: 28px !important; }
  /* Label next to burger */
  .navigation .button::after {
    content: 'Нажмите, чтобы открыть меню' !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    color: #ffffff !important;
    margin-left: 12px !important;
    text-decoration: none !important;
    letter-spacing: normal !important;
    text-transform: none !important;
  }
  .navigation.open .button::after {
    content: none !important;
  }
  /* Burger -> X animation */
  .navigation.open .button .icon {
    display: inline-block !important;
  }
  .navigation.open .button .ico-bar {
    background: #ffffff !important;
  }
  .navigation.open .button .ico-bar:first-child {
    top: 14px !important;
    transform: rotate(45deg) !important;
  }
  .navigation.open .button .ico-bar:nth-child(2) {
    opacity: 0 !important;
  }
  .navigation.open .button .ico-bar:nth-child(3) {
    top: 14px !important;
    transform: rotate(-45deg) !important;
  }

  /* === Mobile dropdown menu === */
  .navigation .primary {
    background: #1e90ff !important;
    max-width: 100% !important;
    width: 100% !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important;
    padding: 0 !important;
    border-radius: 0 !important;
  }
  .navigation .primary li {
    flex: 1 1 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border-bottom: 1px solid rgba(255,255,255,0.15) !important;
  }
  .navigation .primary li:last-child {
    border-bottom: none !important;
  }
  .navigation .primary li:first-child {
    display: list-item !important;
  }
  .navigation .primary li a {
    color: #ffffff !important;
    font-size: 16px !important;
    font-weight: 900 !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    letter-spacing: 0.06em !important;
    padding: 16px 26px !important;
    display: block !important;
    text-align: left !important;
    background: transparent !important;
    transition: background 0.2s ease !important;
  }
  .navigation .primary li a:hover,
  .navigation .primary li a:active {
    background: rgba(255,255,255,0.12) !important;
    color: #ffffff !important;
    text-decoration: none !important;
  }
  .navigation .primary li a::before {
    display: none !important;
  }
  .navigation .primary li.selected a {
    background: rgba(255,255,255,0.18) !important;
    color: #ffffff !important;
  }
  .navigation .primary li.selected a::before {
    display: none !important;
  }

  /* Home icon -> text */
  #item1 {
    font-size: 0 !important;
    width: auto !important;
    height: auto !important;
  }
  #item1::after {
    content: 'ГЛАВНАЯ' !important;
    font-family: inherit !important;
    font-size: 16px !important;
    font-weight: 900 !important;
    width: auto !important;
    height: auto !important;
    display: block !important;
    position: static !important;
    background: none !important;
    -webkit-mask: none !important;
    mask: none !important;
    color: #ffffff !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    letter-spacing: 0.06em !important;
    transform: none !important;
    top: auto !important;
    left: auto !important;
  }

  /* 1-col video grid on mobile */
  #list_videos_most_recent_videos_items,
  #list_videos_videos_watched_right_now_items {
    grid-template-columns: 1fr !important;
  }
}


/* Top bar: white bg, blue links */
.top-links {
  background: #fff !important;
  border-bottom: none !important;
}
.top-links a {
  color: #1e90ff !important;
}

/* Global min font-size 16px for all small text */
.top-links,
.top-links a,
.member-links,
.member-links a {
  font-size: 16px !important;
}
.list-videos .item .duration,
.list-videos .item .rating,
.list-videos .item .added,
.list-videos .item .added em,
.list-videos .item .views,
.list-albums .item .duration,
.list-albums .item .rating,
.list-albums .item .added,
.list-albums .item .added em,
.list-albums .item .views {
  font-size: 16px !important;
}
span.hint {
  font-size: 16px !important;
}
/* Comment sort tabs */
.headline .sort,
.headline .sort a,
.headline .sort strong {
  font-size: 16px !important;
}
/* Favourites dropdown items */
.btn-favourites .drop-list a,
.btn-favourites .drop-list li {
  font-size: 16px !important;
}
/* Related videos card links */
.list-videos .item a,
.list-videos .item .wrap,
.list-albums .item a,
.list-albums .item .wrap {
  font-size: 16px !important;
}
.copyright,
.copyright a,
.footer .txt,
.footer-wrap .txt {
  font-size: 16px !important;
}

/* Hide home item from nav on all viewports */
.navigation .primary li:first-child {
  display: none !important;
}
/* Desktop: ad block full width + larger elements */
.video-holder .sponsor,
.album-holder .sponsor {
  max-width: 100% !important;

  margin-left: 0 !important;
  margin-right: 0 !important;
}


.video-holder .bbad-sea .title,
.album-holder .bbad-sea .title {
  font-size: 32px !important;
  font-weight: 700 !important;
}
.video-holder .bbad-sea .sub,
.album-holder .bbad-sea .sub {
  font-size: 16px !important;
}
.video-holder .bbad-sea .stars,
.album-holder .bbad-sea .stars {
  font-size: 18px !important;
}
.video-holder .bbad-sea .cta a,
.album-holder .bbad-sea .cta a {
  font-size: 16px !important;
  padding: 0 16px !important;
  border-radius: 18px !important;
  height: 36px !important;
  line-height: 36px !important;
  font-weight: 500 !important;
}
/* Ad block: two-column grid - text+buttons left, photos right */

.video-holder .bbad-sea .copy,
.album-holder .bbad-sea .copy {
  text-align: left !important;
  grid-area: copy !important;
  align-self: end !important;
}
.video-holder .bbad-sea .cta,
.album-holder .bbad-sea .cta {
  grid-area: cta !important;
  align-self: start !important;
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  align-items: center !important;
}
.video-holder .bbad-sea .thumbs,
.album-holder .bbad-sea .thumbs {
  grid-area: thumbs !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
}
.video-holder .bbad-sea .thumbs .thumb,
.album-holder .bbad-sea .thumbs .thumb {
  width: 90px !important;
  height: 90px !important;
  overflow: hidden !important;
  border-radius: 8px !important;
}
.video-holder .bbad-sea .thumbs img,
.album-holder .bbad-sea .thumbs img {
  width: 90px !important;
  height: 90px !important;
  object-fit: cover !important;
  object-position: center !important;
}

/* Glue ad block to player - no gap, no top rounding */
.video-holder .player,
.album-holder .images {
  margin-bottom: 0 !important;
}
.video-holder .bbad-sea,
.album-holder .bbad-sea {
  padding: 20px 16px !important;
  text-align: left !important;
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  grid-template-rows: auto auto !important;
  grid-template-areas: ;
  align-items: center !important;
  gap: 12px 24px !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

/* Card titles: YouTube font-style, full text visible */

.list-albums .item .title,
.list-videos .item .title {
  display: block !important;
  -webkit-line-clamp: unset !important;
  overflow: visible !important;
  text-overflow: unset !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 22px !important;
  max-height: none !important;
  min-height: 0 !important;
}

/* Card metadata */
.list-videos .item .wrap,
.list-albums .item .wrap {
  font-size: 16px !important;
  line-height: 22px !important;
}

/* Card thumbnails: YouTube-style rounded corners */
.list-videos .item .img,
.list-albums .item .img {
  border-radius: 12px !important;
  overflow: hidden !important;
}

/* Grid items: match bottom border-radius to top (12px) */
.list-videos .item,
.list-albums .item {
  border-radius: 12px !important;
}

/* ====== Video page: YouTube-style (except H1) ====== */

/* Player: rounded top corners */
.video-holder .player,
.video-holder .player .player-holder,
.video-holder .player .player-wrap,
.video-holder .player .embed-wrap,
.video-holder .player .no-player {
  border-radius: 12px 12px 0 0 !important;
  overflow: hidden !important;
}

/* Video info section text — all black, 16px */
.video-info .info .item {
  font-size: 16px !important;
  line-height: 22px !important;
  color: #000000 !important;
  text-indent: 1em;
  display: block !important;
  width: 100% !important;
}
.video-info .info .item span {
  color: #000000 !important;
}
.video-info .info .item em {
  font-size: 16px !important;
  line-height: 22px !important;
  color: #000000 !important;
  font-style: normal !important;
}

/* Rating container: clean layout, no cramped edges */
.video-info .rating-container {
  background: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  height: auto !important;
  align-items: center !important;
  display: flex !important;
  gap: 6px !important;
  margin-right: 12px !important;
}

/* Like/dislike: individual pill backgrounds */
.video-info .rate-like,
.video-info .rate-dislike {
  width: 40px !important;
  height: 40px !important;
  border-radius: 20px !important;
  background: #E0E0E0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  color: #000000 !important;
}
.video-info .rate-like {
  order: 1 !important;
}

.video-info .rate-dislike {
  order: 3 !important;
}
.video-info .rate-like::before,
.video-info .rate-dislike::before {
  font-size: 20px !important;
  color: #000000 !important;
  display: inline-block !important;
  line-height: 1 !important;
  vertical-align: middle !important;
}
.video-info .rate-like:hover {
  background: #1e90ff !important;
}
.video-info .rate-dislike:hover {
  background: #E53935 !important;
}
.video-info .rate-like:hover::before,
.video-info .rate-dislike:hover::before {
  color: #fff !important;
}

/* Rating text — YouTube-style: compact, lighter */
.video-info .rating-container .rating {
  order: 2 !important;
  min-width: auto !important;
  text-align: left !important;
  margin-left: 4px !important;
}
.video-info .rating-container .voters {
  font-size: 16px !important;
  text-transform: none !important;
  font-weight: 500 !important;
  color: #000000 !important;
}

/* Rating bar */
.video-info .rating .scale-holder {
  display: none !important;
}

/* Favourites: unified button style */
.video-info .btn-favourites {
  width: auto !important;
  height: 36px !important;
  border-radius: 18px !important;
  padding: 0 12px !important;
  display: flex !important;
  align-items: center !important;
  background: #E0E0E0 !important;
  color: #000000 !important;
}
.video-info .btn-favourites .drop {
  height: 36px !important;
  padding: 0 !important;
  align-items: center !important;
}
.video-info .btn-favourites .ico-favourite {
  font-size: 18px !important;
  width: auto !important;
  height: auto !important;
}
.video-info .btn-favourites:hover {
  border-radius: 18px 18px 0 0 !important;
}

/* ====== Tabs menu: YouTube action-button pills ====== */
.tabs-menu .toggle-button,
.video-info .tabs-menu .toggle-button,
.video-info .tabs-menu a.toggle-button {
  font-size: 16px !important;
  font-weight: 500 !important;
  height: 36px !important;
  line-height: 36px !important;
  padding: 0 16px !important;
  border-radius: 18px !important;
  text-transform: none !important;
  display: inline-flex !important;
  align-items: center !important;
  background: #E0E0E0 !important;
  color: #000000 !important;
  transition: background 0.2s !important;
}
.tabs-menu .toggle-button:hover,
.video-info .tabs-menu .toggle-button:hover,
.video-info .tabs-menu a.toggle-button:hover {
  background: transparent !important;
  color: inherit !important;

}

/* Tab button icons via icomoon */
.tabs-menu a[href="#tab_video_info"]::before,
.tabs-menu a[href="#tab_screenshots"]::before,
.tabs-menu a[href="#tab_report_rrror"]::before,
.tabs-menu a[href="#tab_share"]::before {
  font-family: "icomoon" !important;
  font-weight: normal !important;
  font-style: normal !important;
  margin-right: 6px !important;
  font-size: 16px !important;
  line-height: 1 !important;
  -webkit-font-smoothing: antialiased !important;
}
.tabs-menu a[href="#tab_video_info"]::before { content: "\e90e" !important; }
.tabs-menu a[href="#tab_screenshots"]::before { content: "\e900" !important; }
.tabs-menu a[href="#tab_report_rrror"]::before { content: "\e90a" !important; }
.tabs-menu a[href="#tab_share"]::before { content: "\e91a" !important; }

/* Tab content text */
.video-info .tab-content,
.tab-content {
  font-size: 16px !important;
  line-height: 22px !important;
  padding: 16px !important;
}

/* Share/embed inputs */
.block-share .textfield {
  font-size: 16px !important;
  border-radius: 8px !important;
  height: 36px !important;
  padding: 0 12px !important;
}
.block-share .embed-button {
  font-size: 16px !important;
  border-radius: 8px !important;
  height: 32px !important;
  line-height: 32px !important;
  padding: 0 12px !important;
}

/* Report tab: submit button — normal case */
#tab_report_rrror input[type="submit"],
#tab_report_rrror .submit,
.block-flagging input[type="submit"],
.block-flagging .submit {
  text-transform: none !important;
  letter-spacing: normal !important;
}

/* Report tab: all text 16px */
#tab_report_rrror,
#tab_report_rrror label,
#tab_report_rrror .field-label,
#tab_report_rrror .row label,
#tab_report_rrror .success,
#tab_report_rrror .generic-error,
.block-flagging,
.block-flagging label,
.block-flagging .field-label,
.block-flagging .row label,
.block-flagging .success,
.block-flagging .generic-error,
.block-flagging .textarea {
  font-size: 16px !important;
  line-height: 1.5 !important;
}

/* Report form: radio rows alignment
   Native input is display:none — KVS renders a custom circle via label::before (20×20px block).
   Making the label itself a flex container puts the ::before circle and text side-by-side. */
#tab_report_rrror .block-radios .row,
.block-flagging .block-radios .row {
  margin-bottom: 4px !important;
}
#tab_report_rrror .block-radios .row label,
.block-flagging .block-radios .row label {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  cursor: pointer !important;
  margin: 0 !important;
  line-height: 1.4 !important;
}
#tab_report_rrror .block-radios .row label::before,
.block-flagging .block-radios .row label::before {
  flex-shrink: 0 !important;
  margin: 0 !important;
}

/* Submit buttons: YouTube pill style */
.block-share .submit,
.block-flagging .submit,
.block-flagging input[type="submit"],
form .submit,
input[type="submit"] {
  font-size: 16px !important;
  font-weight: 500 !important;
  border-radius: 18px !important;
  height: 36px !important;
  padding: 0 16px !important;
  line-height: 36px !important;
  text-transform: none !important;
}

/* Block details: user info — plain text like YouTube channel name */
/* Username: pill button like tab buttons */

/* Disable avatar glow on hover */
.no-touch .block-details .block-user a.avatar:hover {
  opacity: 1 !important;
}

/* Info section layout: Просмотров 60%, Добавил 40%, description 100% */
#tab_video_info .block-details {
  display: block !important;
  position: relative !important;
}
#tab_video_info .block-details .info {
  width: 100% !important;
  padding: 0 !important;
}
#tab_video_info .block-details .info .item:first-child {
  width: 60% !important;
}
#tab_video_info .block-details .block-user {
  position: absolute !important;
  top: 29px !important;
  right: 0 !important;
  width: 40% !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin: 0 !important;
}
#tab_video_info .block-details .info > :nth-child(2) {
  min-height: 57px !important;
}

/* Align heading with button in same line */
.block-comments > h2 {
  display: inline-block !important;
  margin: 0 !important;
  padding: 0 !important;
  vertical-align: middle !important;
}


.video-info .block-user .username a:hover,
.block-details .block-user .username a:hover {
  background: #1e90ff !important;
  color: #fff !important;
  text-decoration: none !important;
}
/* Author avatar under video — round, bigger */
.video-info .block-user .avatar,
.block-details .block-user .avatar {
  width: 72px !important;
  height: 72px !important;
  border-radius: 50% !important;
  overflow: hidden !important;
  display: inline-block !important;
  flex-shrink: 0 !important;
}
.video-info .block-user .avatar img,
.video-info .block-user .avatar .no-thumb,
.block-details .block-user .avatar img,
.block-details .block-user .avatar .no-thumb {
  border-radius: 50% !important;
  width: 72px !important;
  height: 72px !important;
  object-fit: cover !important;
}

/* Comment avatars — round, bigger */
.list-comments .item .image,
.comment-list .item .image {
  width: 80px !important;
  height: 80px !important;
  border-radius: 50% !important;
  overflow: hidden !important;
  flex-shrink: 0 !important;
}
.list-comments .item .image a,
.comment-list .item .image a {
  display: block !important;
  width: 80px !important;
  height: 80px !important;
  border-radius: 50% !important;
  overflow: hidden !important;
}
.list-comments .item .image img,
.comment-list .item .image img {
  width: 80px !important;
  height: 80px !important;
  object-fit: cover !important;
  border-radius: 50% !important;
}

/* Comments: all text 16px */
.comment-list .item,
.comment-list .item p,
.comment-list .item .text,
.comment-list .item .comment-text,
.comment-list .item .comment-text .original-text,
.comment-list .item .original-text,
.list-comments .item,
.list-comments .item p,
.list-comments .item .comment-text,
.list-comments .item .original-text {
  font-size: 16px !important;
  line-height: 1.5 !important;
}
/* Comment username: a.username (the anchor IS the username) */
.comment-list .item a.username,
.comment-list .item .username,
.list-comments .item a.username,
.list-comments .item .username,
.block-comments .item a.username,
.block-comments .item .username {
  font-size: 16px !important;
  font-weight: 600 !important;
}
.box .comment-list .item .added,
.box .comment-list .item .comment-info,
.list-comments .item .comment-info,
.block-comments .item .comment-info {
  font-size: 16px !important;
}
/* Comment rating number — round circle */
.comment-rating,
.list-comments .comment-options .comment-rating,
.comment-list .comment-rating {
  font-size: 16px !important;
  width: 40px !important;
  height: 40px !important;
  border-radius: 50% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  vertical-align: middle !important;
}
/* Like/dislike buttons in comments — round circles */
.comment-like,
.comment-dislike,
.list-comments .comment-like,
.list-comments .comment-dislike,
.block-comments .comment-like,
.block-comments .comment-dislike,
.comment-list .comment-like,
.comment-list .comment-dislike {
  width: 40px !important;
  min-width: 40px !important;
  height: 40px !important;
  border-radius: 50% !important;
  background: #E0E0E0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
  vertical-align: middle !important;
}
.comment-like::before,
.comment-dislike::before,
.list-comments .comment-like::before,
.block-comments .comment-like::before,
.comment-list .comment-like::before {
  font-size: 20px !important;
  color: #000000 !important;
  display: inline-block !important;
  line-height: 1 !important;
  vertical-align: middle !important;
}
.list-comments .comment-dislike:before,
.block-comments .comment-dislike:before,
.comment-list .comment-dislike:before {
  font-size: 20px !important;
  color: #000000 !important;
}
.comment-like:hover,
.list-comments .comment-like:hover,
.block-comments .comment-like:hover,
.comment-list .comment-like:hover {
  background: #1e90ff !important;
}

.list-comments .comment-like:hover::before,
.block-comments .comment-like:hover::before,
.comment-list .comment-like:hover::before,
.list-comments .comment-dislike:hover::before,
.block-comments .comment-dislike:hover::before,
.comment-list .comment-dislike:hover::before {
  color: #fff !important;
}
/* Comment form */
.box .comment-form textarea,
.box textarea {
  font-size: 16px !important;
  border-radius: 8px !important;
}
.box .comment-form .submit,
.box .comment-form input[type="submit"] {
  font-size: 16px !important;
  border-radius: 18px !important;
  height: 36px !important;
}

/* Related videos: remove list-sort extra spacing so gap matches Фото тура: */
.related-videos ul.list-sort,
.related-videos .list-sort {
  display: none !important;
}

/* Related videos: h2 inside list-sort */
.related-videos .list-sort h2 {
  font-size: 32px !important;
  font-weight: 700 !important;
  margin: 0 0 12px 0 !important;
  display: inline !important;
}

/* Hide "Информация о туре" tab button but keep it in DOM for JS init */
.tabs-menu li.tab-info-hidden {
  display: none !important;
}

/* "Добавить комментарий" — pill style matching tag chips */

a.toggle-button[href="#AADDDD_comment"]::before {
  font-family: "icomoon" !important;
  content: "\e914" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-size: 16px !important;
  line-height: 1 !important;
  display: inline-block !important;
  flex-shrink: 0 !important;
  -webkit-font-smoothing: antialiased !important;
  speak: never !important;
  margin-right: 0 !important;
}

/* Flagging form: vertically center radio circles relative to label text */
.block-flagging .block-radios .row label[for]::before {
  top: 50% !important;
  transform: translateY(-50%) !important;
}

/* Divider: move from above list-comments to 15px above h2 "Отзывы:" */
.block-comments .list-comments {
  border-top: none !important;
  padding-top: 0 !important;
}
.block-comments h2 {
  border-top: none !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Dividers before "Фото тура:" and "Похожие рыболовные туры:" */
.box > h2,
.related-videos > h2 {
  border-top: 1px solid #E0E0E0 !important;
  padding-top: 36px !important;
  margin-top: 24px !important;
  margin-bottom: 16px !important;
}

/* Remove excess bottom margin on containers so divider margin-top controls gap */
.box {
  margin-bottom: 0 !important;
}
.related-videos {
  padding-bottom: 32px !important;
}

/* Divider above the h2+button row */
.block-comments > form {
  border-top: 1px solid #E0E0E0 !important;
  padding-top: 36px !important;
  margin-top: 24px !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 0 !important;
}
/* h2 takes available space, button on the right */
.block-comments > form > h2 {
  flex: 1 1 auto !important;
  order: 1 !important;
  margin: 0 0 16px 0 !important;
  padding: 0 !important;
}
a.toggle-button[href="#AADDDD_comment"] {
  text-transform: none !important;
  display: inline-block !important;
  align-items: center !important;
  gap: 6px !important;
  height: 36px !important;
  line-height: 36px !important;
  padding: 0 !important;
  border-radius: 18px !important;
  font-weight: 500 !important;
  font-size: 16px !important;
  background: #E0E0E0 !important;
  color: #000000 !important;
  border: none !important;
  min-width: unset !important;
  margin-right: 20px !important;
  margin: 0 !important;
  vertical-align: middle !important;
  float: none !important;
  order: 2 !important;
}
/* hint and form content on full-width rows below */
.block-comments > form > .hint,
.block-comments > form > .success,
.block-comments > form > .block-new-comment {
  flex: 0 0 100% !important;
  order: 3 !important;
}
.block-comments > form > .hint {
  margin-bottom: 16px !important;
}

/* Comment form: minimum 16px for all labels, inputs, and text */
.block-comments .block-new-comment label,
.block-comments .block-new-comment .field-label,
.block-comments .block-new-comment .captcha-control label,
.block-comments .block-new-comment input.textfield,
.block-comments .block-new-comment textarea.textarea,
.block-comments .block-new-comment input[type="text"],
.block-comments .block-new-comment textarea {
  font-size: 16px !important;
}

/* Comment form submit — normal case */
.box .submit,
.box input[type="submit"],
#AADDDD_comment .submit,
#AADDDD_comment input[type="submit"] {
  text-transform: none !important;
}

/* Favourites dropdown — normal case */
.btn-favourites ul li > a,
.btn-favourites ul li > span {
  text-transform: none !important;
}

/* Load more button — normal case + plus icon, pill shape */
.load-more a {
  font-size: 16px !important;
  border-radius: 999px !important;
  background: #E0E0E0 !important;
  color: #000000 !important;
  padding: 10px 28px !important;
  text-transform: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  line-height: 1.4 !important;
}
.load-more a::before {
  font-family: "icomoon" !important;
  content: "\e917" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-size: 16px !important;
  line-height: 1 !important;
  display: inline-block !important;
  flex-shrink: 0 !important;
  -webkit-font-smoothing: antialiased !important;
  speak: never !important;
  margin-right: 0 !important;
}
.load-more a:hover {
  background: #1e90ff !important;
  color: #fff !important;
}

/* Album (photo report) page: rounded images */
.album-holder .images .item img {
  border-radius: 12px !important;
}

/* Screenshots: rounded, no hover glow, flush margin */

.block-screenshots .item img {
  border-radius: 8px !important;
}
.block-screenshots a.item::before,
.block-screenshots a.item:hover::before {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

/*
  Photo gallery: quantity-based sizing
  Aspect ratio = padding-bottom% / width% = 10.84/20 = 0.542
  So padding-bottom = width% * 0.542
  Selectors: item:first-child:nth-last-child(N) = "exactly N items total"
*/

/* 1 photo — full width */
.block-screenshots a.item:first-child:nth-last-child(1),
.block-screenshots span.item:first-child:nth-last-child(1) {
  width: calc(100% - 5px) !important;
  padding-bottom: 54.2% !important;
}

/* 2 photos — 2 per row */
.block-screenshots a.item:first-child:nth-last-child(2),
.block-screenshots a.item:first-child:nth-last-child(2) ~ a.item,
.block-screenshots span.item:first-child:nth-last-child(2),
.block-screenshots span.item:first-child:nth-last-child(2) ~ span.item {
  width: calc(50% - 5px) !important;
  padding-bottom: 27.1% !important;
}

/* 3 photos — 3 per row */
.block-screenshots a.item:first-child:nth-last-child(3),
.block-screenshots a.item:first-child:nth-last-child(3) ~ a.item,
.block-screenshots span.item:first-child:nth-last-child(3),
.block-screenshots span.item:first-child:nth-last-child(3) ~ span.item {
  width: calc(33.333% - 5px) !important;
  padding-bottom: 18.07% !important;
}

/* 4 photos — 4 per row */
.block-screenshots a.item:first-child:nth-last-child(4),
.block-screenshots a.item:first-child:nth-last-child(4) ~ a.item,
.block-screenshots span.item:first-child:nth-last-child(4),
.block-screenshots span.item:first-child:nth-last-child(4) ~ span.item {
  width: calc(25% - 5px) !important;
  padding-bottom: 13.55% !important;
}

/* 6 photos — 3 per row (2×3, perfect) */
.block-screenshots a.item:first-child:nth-last-child(6),
.block-screenshots a.item:first-child:nth-last-child(6) ~ a.item,
.block-screenshots span.item:first-child:nth-last-child(6),
.block-screenshots span.item:first-child:nth-last-child(6) ~ span.item {
  width: calc(33.333% - 5px) !important;
  padding-bottom: 18.07% !important;
}

/* 7 photos — 4 per row (4+3) */
.block-screenshots a.item:first-child:nth-last-child(7),
.block-screenshots a.item:first-child:nth-last-child(7) ~ a.item,
.block-screenshots span.item:first-child:nth-last-child(7),
.block-screenshots span.item:first-child:nth-last-child(7) ~ span.item {
  width: calc(25% - 5px) !important;
  padding-bottom: 13.55% !important;
}

/* 8 photos — 4 per row (4×2, perfect) */
.block-screenshots a.item:first-child:nth-last-child(8),
.block-screenshots a.item:first-child:nth-last-child(8) ~ a.item,
.block-screenshots span.item:first-child:nth-last-child(8),
.block-screenshots span.item:first-child:nth-last-child(8) ~ span.item {
  width: calc(25% - 5px) !important;
  padding-bottom: 13.55% !important;
}

/* 9 photos — 3 per row (3×3, perfect) */
.block-screenshots a.item:first-child:nth-last-child(9),
.block-screenshots a.item:first-child:nth-last-child(9) ~ a.item,
.block-screenshots span.item:first-child:nth-last-child(9),
.block-screenshots span.item:first-child:nth-last-child(9) ~ span.item {
  width: calc(33.333% - 5px) !important;
  padding-bottom: 18.07% !important;
}

/* 12 photos — 4 per row (3×4, perfect) */
.block-screenshots a.item:first-child:nth-last-child(12),
.block-screenshots a.item:first-child:nth-last-child(12) ~ a.item,
.block-screenshots span.item:first-child:nth-last-child(12),
.block-screenshots span.item:first-child:nth-last-child(12) ~ span.item {
  width: calc(25% - 5px) !important;
  padding-bottom: 13.55% !important;
}

/* Mobile: max 2 per row regardless of count */
@media (max-width: 768px) {
  .block-screenshots a.item,
  .block-screenshots span.item {
    width: calc(50% - 5px) !important;
    padding-bottom: 27.1% !important;
  }
  /* 1 photo mobile: full width */
  .block-screenshots a.item:first-child:nth-last-child(1),
  .block-screenshots span.item:first-child:nth-last-child(1) {
    width: calc(100% - 5px) !important;
    padding-bottom: 54.2% !important;
  }
  /* Override 6-9, 12 photo desktop rules → 2 per row on mobile */
  .block-screenshots a.item:first-child:nth-last-child(6),
  .block-screenshots a.item:first-child:nth-last-child(6) ~ a.item,
  .block-screenshots span.item:first-child:nth-last-child(6),
  .block-screenshots span.item:first-child:nth-last-child(6) ~ span.item,
  .block-screenshots a.item:first-child:nth-last-child(7),
  .block-screenshots a.item:first-child:nth-last-child(7) ~ a.item,
  .block-screenshots span.item:first-child:nth-last-child(7),
  .block-screenshots span.item:first-child:nth-last-child(7) ~ span.item,
  .block-screenshots a.item:first-child:nth-last-child(8),
  .block-screenshots a.item:first-child:nth-last-child(8) ~ a.item,
  .block-screenshots span.item:first-child:nth-last-child(8),
  .block-screenshots span.item:first-child:nth-last-child(8) ~ span.item,
  .block-screenshots a.item:first-child:nth-last-child(9),
  .block-screenshots a.item:first-child:nth-last-child(9) ~ a.item,
  .block-screenshots span.item:first-child:nth-last-child(9),
  .block-screenshots span.item:first-child:nth-last-child(9) ~ span.item,
  .block-screenshots a.item:first-child:nth-last-child(12),
  .block-screenshots a.item:first-child:nth-last-child(12) ~ a.item,
  .block-screenshots span.item:first-child:nth-last-child(12),
  .block-screenshots span.item:first-child:nth-last-child(12) ~ span.item {
    width: calc(50% - 5px) !important;
    padding-bottom: 27.1% !important;
  }
}

/* Fancybox lightbox: match thumbnail border-radius (8px) */
.fancybox-skin {
  border-radius: 8px !important;
}
.fancybox-inner {
  border-radius: 8px !important;
  overflow: hidden !important;
}
.fancybox-image {
  border-radius: 8px !important;
}

/* video-holder bottom corners */
.video-holder {
  border-radius: 12px !important;
}

/* Info-buttons row: flex align */
.info-buttons {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 8px !important;
  align-items: center !important;
  padding: 12px 16px !important;
  margin-top: -8px !important;
  margin-bottom: 24px !important;
}
/* Heart (favourites) button: push right, between dislikes and Жалоба */
.info-buttons .btn-favourites {
  margin-left: auto !important;
  margin-right: 2px !important;
}
.info-buttons .tabs-menu {
  flex: 0 0 auto !important;
}

/* ====== Messenger buttons: YouTube pill + brand icons ====== */
a.btn-wa,
a.btn-tg,
a.btn-max,
.cta a.btn-wa,
.cta a.btn-tg,
.cta a.btn-max {
  outline: none !important;  box-shadow: none !important;
  border-radius: 18px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 16px !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  height: 36px !important;
  line-height: 36px !important;
  gap: 0 !important;
}
a.btn-wa::before,
a.btn-tg::before,
a.btn-max::before,
.cta a.btn-wa::before,
.cta a.btn-tg::before,
.cta a.btn-max::before {
  content: '' !important;
  display: inline-block !important;
  width: 22px !important;
  height: 22px !important;
  min-width: 22px !important;
  margin-right: 8px !important;
  vertical-align: middle !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}
a.btn-wa::before,
.cta a.btn-wa::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 2a10 10 0 00-8.6 15l-1.3 4.8 4.9-1.3A10 10 0 1012 2zm5.2 14.1c-.2.6-1.3 1.2-1.8 1.2-.5.1-1 .1-1.6-.1-.4-.1-.8-.3-1.5-.6a11.5 11.5 0 01-4.7-4.2c-.5-.7-.9-1.5-.9-2.3 0-.9.4-1.3.5-1.5.2-.2.4-.2.5-.2h.4c.1 0 .3 0 .5.4s.7 1.7.7 1.8c.1.1 0 .3-.1.4l-.3.5c-.1.1-.2.2-.1.4.2.3.8 1.2 1.6 2 1 .9 1.8 1.2 2.1 1.3.2.1.4 0 .5-.1.2-.2.6-.7.8-.9.2-.2.4-.2.6-.1l1.8.9c.2.1.4.2.5.3.1.3.1.9-.1 1.4z'/%3E%3C/svg%3E") !important;
}
a.btn-tg::before,
.cta a.btn-tg::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M20.7 3.1L2.4 10c-1.2.5-1.2 1.2-.2 1.5l4.7 1.5 1.8 5.6c.2.6.1.8.7.8.4 0 .6-.2.9-.4l2.1-2.1 4.4 3.3c.8.5 1.4.2 1.6-.7l2.9-13.8c.3-1.2-.5-1.7-1.3-1.3zM8.4 13.2l8.5-5.4c.4-.3.8-.1.5.2l-7 6.3-.3 3-1.7-4.1z'/%3E%3C/svg%3E") !important;
}
a.btn-max::before,
.cta a.btn-max::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M4 5h2.5l5.5 8 5.5-8H20v14h-2.5V9.5L12.5 17h-1L6.5 9.5V19H4V5z'/%3E%3C/svg%3E") !important;
}

/* ====== Video page: categories as chip-pills, tags as hashtags ====== */
.block-details .info .item-categories a {
  display: inline-flex !important;
  align-items: center !important;
  background: #E0E0E0 !important;
  color: #000000 !important;
  border-radius: 18px !important;
  padding: 0 16px !important;
  height: 36px !important;
  margin: 3px 6px 3px 0 !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  line-height: 36px !important;
  white-space: nowrap !important;
  transition: background 0.2s !important;
}
.block-details .info .item-categories a:hover {
  background: #1e90ff !important;
  color: #fff !important;
}
.video-tags {
  font-size: 14px !important;
  color: #000 !important;
  margin: 6px 0 14px !important;
  line-height: 1.5 !important;
  text-align: right !important;
  width: 100% !important;
  display: block !important;
}
.video-tags a {
  display: inline !important;
  background: none !important;
  color: #1e90ff !important;
  padding: 0 !important;
  margin: 0 12px 0 0 !important;
  font-size: inherit !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  transition: none !important;
}
.video-tags a::before {
  content: '#' !important;
}
.video-tags a:not(:last-child)::after {
  content: '' !important;
}
.video-tags a:hover {
  color: #1e90ff !important;
  text-decoration: none !important;
}

/* Homepage section-nav & breadcrumbs: unified size */
.section-nav,
.section-nav a,
.section-nav span {
  font-size: 16px !important;
}
.section-nav {
  color: #616161 !important;
  margin: 18px 0 2px 0 !important;
  line-height: 1.35 !important;
  position: relative !important;
  z-index: 5 !important;
}
.section-nav a {
  color: #1e90ff !important;
  text-decoration: underline !important;
}

/* Desktop: increase nav menu font-size */
@media (min-width: 769px) {
  .navigation .primary a {
    font-size: 16px !important;
  }
}

/* Pagination spacing */
.pagination {
  padding: 1.5rem 0 0 !important;
  clear: both !important;
}
/* H1 spacing and mobile size */
.breadcrumbs,
.breadcrumbs a,
.breadcrumbs span {
  font-size: 16px !important;
}
.breadcrumbs {
  margin: 18px 0 2px 0 !important;
  line-height: 1.35 !important;
  position: relative !important;
  z-index: 5 !important;
  color: #616161 !important;
}
.breadcrumbs a {
  color: #1e90ff !important;
  text-decoration: underline !important;
}
.breadcrumbs span {
  color: #9f9f9f !important;
}

.breadcrumbs ~ .headline,

.breadcrumbs ~ * .headline {
  padding-top: 2px !important;
  margin-top: 2px !important;
}
.headline,
.sidebar + .main-container .headline,
.sidebar + .main-container > .headline:first-child,
.sidebar + .main-container div:first-child .headline {
  margin-top: 4px !important;
  margin-bottom: 20px !important;
  padding-top: 10px !important;
}

/* Mobile: increase all text sizes harmoniously */
@media (max-width: 768px) {
  /* Content section headlines */
  .main-container .headline,
  .content .headline {
    font-size: 18px !important;
  }
  /* Section navigation (Все туры, Новые, Лучшие...) */
  .section-nav,
  .section-nav a,
  .section-nav span {
    font-size: 16px !important;
  }
  /* Card meta: duration, rating, date, views */
  .list-videos .item .duration,
  .list-videos .item .rating,
  .list-videos .item .added,
  .list-videos .item .views,
  .list-albums .item .duration,
  .list-albums .item .rating,
  .list-albums .item .added,

  .list-albums .item .views,
  .list-albums .item .info {
    font-size: 16px !important;
  }
  /* Footer */
  .footer, footer {
    font-size: 16px !important;
  }
}

/* Mobile: increase remaining small texts */
@media (max-width: 768px) {
  /* Breadcrumbs - same size as section-nav */
  .breadcrumbs,
  .breadcrumbs a,
  .breadcrumbs span {
    font-size: 16px !important;
  }
  /* Header links (Регистрация, Вход) */
  .header-menu a,
  .header-menu li a {
    font-size: 16px !important;
  }
  /* Pagination */
  .pagination a,
  .pagination span {
    font-size: 16px !important;
  }
  /* Tags cloud */
  .tags-cloud a,
  .tags-cloud .all {
    font-size: 14px !important;
  }
  /* Sort buttons */
  .sort strong,
  .sort a {
    font-size: 16px !important;
  }
  /* Copyright / footer text */
  .copyright,
  .copyright a,
  .footer-wrap .txt {
    font-size: 16px !important;
  }
  /* Content description text */

  .content > .text,
  .content p,
  .content span {

    font-size: 16px !important;
  }
  /* Album/video count badges */
  .list-albums .item .rating,
  .list-videos .item .rating {
    font-size: 16px !important;
  }
  /* НОВИНКА badge */
  .is-hd {
    font-size: 16px !important;
  }
}

/* Footer and top nav: minimum 16px */
.footer-wrap,
.footer-wrap a,
.footer-wrap li,
.footer-wrap span,
.footer-wrap p,
ul.nav,
ul.nav li,
ul.nav a {
  font-size: 16px !important;
}

/* Main nav primary: 16px */
.navigation .primary li,
.navigation .primary li a,
.navigation .primary a {
  font-size: 16px !important;
}

/* Hide "Загрузить" from nav */
.navigation .primary li.highlight {
  display: none !important;
}

/* Nav: disable click on current page menu item */
.navigation .primary li.selected a {
  pointer-events: none !important;
  cursor: default !important;
}

/* Desktop: larger album preview photos */
@media (min-width: 769px) {
  .album-holder .images {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
  }
  .album-holder .images .item {
    width: auto !important;
    flex: 0 0 auto !important;
  }
  .album-holder .images .item img {
    width: 300px !important;
    height: 225px !important;
    object-fit: cover !important;

  }
}


/* Desktop: albums grid 3 columns */

.navigation .primary li a {
  color: #ffffff !important;
  letter-spacing: 0.06em !important;
  padding-left: 28px !important;
  padding-right: 28px !important;
  font-size: 13px !important;
  border-bottom: 3px solid transparent !important;
}
.navigation .primary li a:hover {
  color: #ffffff !important;
  text-decoration: none !important;
  background: rgba(255,255,255,0.12) !important;
}
.navigation .primary .selected a {
  color: #ffffff !important;
  border-bottom-color: rgba(255,255,255,0.85) !important;
  background: rgba(255,255,255,0.12) !important;
  font-weight: 700 !important;
  pointer-events: none !important;
  cursor: default !important;
}
.navigation .primary li:has(#item11),
.navigation .primary li:has(#item8) {
  display: none !important;
}

.navigation .primary .selected a::before {
  display: none !important;
}

.list-albums .margin-fix .item {
  width: calc(33.33% - 10px) !important;
}

/* Desktop: members grid 5 columns edge-to-edge */
.list-members .margin-fix {
  display: grid !important;
  grid-template-columns: repeat(5, 1fr) !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 0 !important;
}
.list-members .margin-fix .item {
  width: 100% !important;
  float: none !important;
  margin: 0 !important;
}

/* Mobile: larger album preview photos */
@media (max-width: 768px) {
  .album-holder .images {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    justify-content: center !important;
  }
  .album-holder .images .item {
    width: calc(50% - 3px) !important;
    flex: 0 0 calc(50% - 3px) !important;
  }
  .album-holder .images .item:only-child {
    width: 100% !important;
    flex: 0 0 100% !important;
  }
  .album-holder .images .item:first-child:nth-last-child(2),
  .album-holder .images .item:first-child:nth-last-child(2) ~ .item {
    width: calc(50% - 3px) !important;
    flex: 0 0 calc(50% - 3px) !important;
  }
  .album-holder .images .item img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
  }
}

/* Mobile: albums & videos grid 1 column */
@media (max-width: 768px) {
  .list-albums .margin-fix .item,
  .list-videos .margin-fix .item {
    width: 100% !important;
    float: none !important;
    margin-right: 0 !important;
  }
  .list-members .margin-fix {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }
  .list-members .margin-fix .item {
    width: 100% !important;
    margin: 0 !important;
  }
}

/* Mobile: reviews 5 lines, videos 3 lines */
@media (max-width: 768px) {

  .list-albums .item .title {
    -webkit-line-clamp: unset !important;
    font-size: 16px !important;
    line-height: 20px !important;
    max-height: none !important;
    min-height: 0 !important;
    display: block !important;
  }
  .list-videos .item .title {
    -webkit-line-clamp: unset !important;
    font-size: 16px !important;
    line-height: 20px !important;
    max-height: none !important;
    min-height: 0 !important;
    display: block !important;
  }
}

/* Mobile sidebar: bigger text, harmonious spacing */
@media (max-width: 768px) {
  .sidebar .headline {
    font-size: 20px !important;
    margin-bottom: 6px !important;
    margin-top: 14px !important;
  }
  .sidebar .headline:first-child {
    margin-top: 0 !important;
  }
  .sidebar .headline strong {
    font-size: 20px !important;

  }

  .sidebar .list {
    margin-bottom: 0 !important;
  }
  .sidebar .list li {
    font-size: 18px !important;
    padding: 2px 0 !important;
    line-height: 1.4 !important;
  }
  .sidebar .list li a {
    font-size: 18px !important;
  }

}



@media (max-width: 768px) {
  .breadcrumbs {
    margin-bottom: 4px !important;
  }
  .headline,
  .sidebar + .main-container .headline,

  .sidebar + .main-container div:first-child .headline {
    margin-top: 2px !important;
    padding-top: 4px !important;
  }
  h1 {
    font-size: 36px !important;
  }
  h2, .headline h2 {
    font-size: 20px !important;
  }
  h3 {
    font-size: 18px !important;
  }
}
/* Mobile: prevent header text overflow */
@media (max-width: 768px) {
  .header {
    overflow-x: hidden !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .header-inner {
    max-width: 100% !important;
    overflow: hidden !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .header-inner > .logo {
    padding: 0 !important;
  }
  .header-inner > .search {
    padding: 15px 0 15px 0 !important;
  }
  .header {
    padding-bottom: 15px !important;
  }
  .list-videos .item,
  .sidebar + .main-container .list-videos .item {
    width: calc(100% - 5px) !important;
    margin: 5px 0 0 5px !important;
  }
  /* Pagination spacing */
  .pagination {
    padding: 1.5rem 0 0 !important;
    clear: both !important;
    width: 100% !important;
  }
}
/* Ad block buttons: YouTube pill style everywhere */
.bbsea .cta a.btn,
.bbad-sea .cta a.btn,
.bbsea .cta a,
.bbad-sea .cta a {
  border-radius: 999px !important;
  font-size: 16px !important;
}
/* Ad block: left-align all content */
.bbsea,
.bbad-sea {
  text-align: left !important;
}
.bbsea .copy,
.bbad-sea .copy {
  text-align: left !important;
}
.bbsea .cta,
.bbad-sea .cta {
  align-items: flex-start !important;
}
.dynamic-text a {


  text-decoration: underline !important;
  display: inline !important;
  margin-left: 0.4em !important;
  font-weight: 700 !important;
}
.dynamic-text > a:first-child,
.dynamic-text > strong + a {
  margin-left: 0.5em !important;
}
.dynamic-text > a:first-child {
  margin-left: 0 !important;
}
/* Header: logo + search stacked vertically, full width */
.header-inner {
  flex-wrap: wrap !important;
}
.header-inner > .logo {
  flex: 0 0 100% !important;
  overflow: hidden !important;
  min-width: 0 !important;
}
.header-inner > .search {
  flex: 0 0 100% !important;
}
@media (min-width: 769px) {
  .header-inner > .search {
    padding: 10px 0 15px 0 !important;
  }
}

/* Mobile: video page YouTube-style */
@media (max-width: 768px) {
  .video-info .info .item {
    font-size: 16px !important;
    line-height: 22px !important;
    display: block !important;
  width: 100% !important;
}
  .video-info .info .item em {
    font-size: 16px !important;
    display: block !important;
  width: 100% !important;
}
  .tabs-menu .toggle-button,
  .video-info .tabs-menu .toggle-button {
    font-size: 16px !important;
    height: 32px !important;
    line-height: 32px !important;
    padding: 0 12px !important;
    border-radius: 16px !important;
    display: block !important;
  width: 100% !important;
}
  .tabs-menu a[href="#tab_video_info"]::before,
  .tabs-menu a[href="#tab_screenshots"]::before,
  .tabs-menu a[href="#tab_report_rrror"]::before,
  .tabs-menu a[href="#tab_share"]::before {
    font-size: 16px !important;
    margin-right: 4px !important;
    display: block !important;
  width: 100% !important;
}
  .box .comment-list .item,
  .box .comment-list .item .text {
    font-size: 16px !important;
    line-height: 22px !important;
    display: block !important;
  width: 100% !important;
}
  .video-holder .player {
    border-radius: 0 !important;
    display: block !important;
  width: 100% !important;
}
  .video-holder {
    border-radius: 0 !important;
    display: block !important;
  width: 100% !important;
}
  .video-info .rate-like,
  .video-info .rate-dislike {
    width: 36px !important;
    height: 36px !important;
    border-radius: 18px !important;
    display: block !important;
  width: 100% !important;
}
  display: block !important;
  width: 100% !important;
}
.is-mouseover.is-splash.kt-player .fp-ui::before,
.is-mouseover.is-poster.kt-player .fp-ui::before,
.is-mouseover.is-paused.kt-player .fp-ui::before {
  opacity: 1 !important;
}

.dynamic-container {
  width: 100%;
  overflow: hidden;
}
@media (max-width: 768px) {
  .dynamic-container {
    max-width: 100% !important;
  }
}
.dynamic-container > a {
  display: block;
  width: 100%;
}
.dynamic-text {
  white-space: nowrap;
  line-height: 1.1;
}

/* Video page h2 — larger size */
.info-section-title,
.block-comments h2,
.box > h2,
.related-videos > h2 {
  font-size: 32px !important;
}

/* ====== Video page h2 numbering via CSS counter (SEO-safe) ====== */
body {
  font-weight: 400 !important;
  font-size: 16px !important;
  line-height: 1.5 !important;
  counter-reset: h2-section;
}
.info-section-title,
.block-comments > form > h2,
.box > h2,
.related-videos > h2 {
  counter-increment: h2-section;
}
.info-section-title::before,
.block-comments > form > h2::before,
.box > h2::before,
.related-videos > h2::before {
  content: "#" counter(h2-section) ". ";
  color: #1e90ff;
  font-weight: 700;
}



/* ===== GRAY PALETTE: 3 tones only ===== */
/* #333333 — dark text (unchanged)        */
/* #616161 — secondary text               */
/* #E0E0E0 — button/tag backgrounds       */

/* Secondary text: dates, views, hints — unify to #616161 */
.hint,
.block-details .item span,
.block-details .item > span,
.video-info .info .item span,
.yt-meta,
.comment-date,
.videos-list .item .date,
.videos-list .item .views,
.videos-list .item .info {
  color: #616161 !important;
}

/* Button/tag bg: #E0E0E0 → #E0E0E0 (cleaner) */
/* Button text: #000000 */
.video-info .rate-like,
.video-info .rate-dislike,
.rate-like,
.rate-dislike {
  background: #E0E0E0 !important;
  color: #000000 !important;
}

.tabs-menu .toggle-button,
.video-info .tabs-menu .toggle-button,
.video-info .tabs-menu a.toggle-button,
.toggle-button {
  background: #E0E0E0 !important;
  color: #000000 !important;
}

.video-info .block-user .username a,
.block-details .block-user .username a {
  background: #E0E0E0 !important;
  border-radius: 18px !important;
  padding: 0 16px !important;
  height: 36px !important;
  display: inline-flex !important;
  align-items: center !important;
  color: #000000 !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  line-height: 36px !important;
}


/* ===== SINGLE RED: #e53935 ===== */

/* 1. ЗАБРОНИРОВАТЬ badge — solid, no transparency */
.list-videos .is-hd,
span.is-hd {
  background: #e53935 !important;
  color: #ffffff !important;
  opacity: 1 !important;
}

/* 2. Video progress bar */
.kt-player .fp-controls .fp-timeline .fp-progress,
.kt-player .fp-controls .fp-timeline .fp-progress::after,
.kt-player .fp-controls .fp-timeline.hover .fp-progress,
.is-no-touch.kt-player .fp-controls .fp-timeline:hover .fp-progress,
.is-no-touch.kt-player .fp-controls .fp-timeline:hover .fp-progress::after {
  background: #e53935 !important;
}

/* 3. Rate dislike — hover and voted */
.video-info .rate-dislike:hover,
.no-touch .rate-dislike:hover {
  background: #e53935 !important;
  color: #ffffff !important;
}
.no-touch .rate-dislike:hover::before,
.rate-dislike.voted::before {
  color: #e53935 !important;
}
.no-touch .video-info .rate-dislike:hover::before {
  color: #fff !important;
}

/* 4. Comment dislike — hover */
.comment-dislike:hover,
.list-comments .comment-dislike:hover,
.block-comments .comment-dislike:hover,
.comment-list .comment-dislike:hover {
  background: #e53935 !important;
  color: #ffffff !important;
}
.list-comments .comment-dislike:hover::before,
.block-comments .comment-dislike:hover::before,
.comment-list .comment-dislike:hover::before {
  color: #ffffff !important;
}

/* 5. Comment dislike — no-touch hover text */
.no-touch .list-comments .comment-options a.comment-dislike:hover {
  color: #ffffff !important;
}

/* 6. Form errors (validation) */
.field-error,
.generic-error {
  color: #e53935 !important;
}


/* ===== UNIFIED BLUES + LARGER HEADINGS ===== */

/* 1. All content links: #1e90ff -> #1e90ff */
a {
  color: #1e90ff !important;
}
/* Restore nav, footer, buttons that must stay different */
.navigation .primary li a,
.navigation .primary a {
  color: #ffffff !important;
}
.footer .nav li a {
  color: #ffffff !important;
  text-decoration: none !important;
  font-size: 16px !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  font-weight: 900 !important;
  padding: 16px 28px !important;
  display: block !important;
  line-height: 24px !important;
}
.btn-wa { color: #000000 !important; background: #25d366 !important; }
.btn-tg { color: #ffffff !important; background: #229ed9 !important; }
.btn-max { color: #000000 !important; background: #1e90ff !important; }

/* 2. Section heading numbers (#1. #2. etc) — same primary blue */
/* These are styled via the global link/color cascade */

/* 3. H2 dynamic title stays its own color (handled by JS) */
h2.dynamic-text {
  text-decoration: none !important;
  color: #1e90ff !important;
}

/* 4. ALL section h2 headings: 28px -> 32px */
.info-section-title,
.block-comments h2,
.related-videos > h2,
.box > h2,
h2:not(.dynamic-text) {
  font-size: 32px !important;
}


/* ===== FOOTER + BANNER FIXES ===== */

/* Fix: global a color override broke Telegram banner link */
.box.bottom-adv a {
  color: #ffffff !important;
}
.box.bottom-adv a:hover {
  color: #ffffff !important;
  text-decoration: underline !important;
}

/* Footer description text - white on blue */
.footer .txt {
  color: #ffffff !important;
  font-size: 16px !important;
  text-align: center !important;
  padding: 0 20px 16px !important;
}

/* BBAD-SEA: harmonious brand blue gradient */



/* Golden stars */
.stars {
  color: #FFD700 !important;
}
/* ===== PLAYER CONTROLS FIX ===== */

/* fp-play, fp-stop, fp-mute, fp-screen are <a> tags — restore white from global a override */
.kt-player .fp-controls a {
  color: rgba(255,255,255,0.75) !important;
}
.kt-player .fp-controls a:hover {
  color: #ffffff !important;
}

/* Time elapsed / duration text — white on dark player */
.kt-player .fp-controls .fp-time-elapsed,
.kt-player .fp-controls .fp-time-duration,
.kt-player .fp-controls .fp-time-left,
.kt-player .fp-controls .fp-brand,
.kt-player .fp-controls .fp-speed {
  color: rgba(255,255,255,0.85) !important;
}

/* Center big play button — YELLOW */
.kt-player .fp-ui > .fp-play {
  color: #ffd600 !important;
  border-color: #ffd600 !important;
}
.kt-player .fp-ui > .fp-play:hover {
  color: #ffeb3b !important;
  border-color: #ffeb3b !important;
  background: rgba(255,214,0,0.1) !important;
}

/* Breadcrumbs for tour/video pages */
nav.breadcrumbs {
  margin: 18px 0 -12px 0;
  line-height: 1.35;
  position: relative;
  z-index: 5;
  font-size: 14px;
}
nav.breadcrumbs a {
  color: #1e90ff;
  text-decoration: underline;
}
nav.breadcrumbs a:hover {
  color: #1e90ff;
}
nav.breadcrumbs .bc-sep {
  margin: 0 2px;
  color: #616161;
}
nav.breadcrumbs .bc-current {
  color: #616161;
}

/* Remove hover underline from navigation */
.navigation .primary a::before,
.navigation .primary a:before,
.no-touch .navigation .primary a:hover::before,
.no-touch .navigation .primary a:hover:before {
  display: none !important;
}
.navigation .primary li a,
.navigation .primary li a:hover,
.navigation .primary .selected a {
  border-bottom: none !important;
}

/* Comments header: Отзывы гостей: left, button right, same row */
.block-comments form {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.block-comments form > a.toggle-button {
  order: 2;
  text-transform: none !important;
  margin-left: auto;
  padding: 8px 18px;
  font-size: 14px;
}
.block-comments form > h2 {
  order: 1;
  margin: 0;
  flex: 1;
}
.block-comments form > span.hint,
.block-comments form > div {
  order: 10;
  flex-basis: 100%;
}

/* Remove glow from messenger buttons */
a.btn-wa:focus,
a.btn-tg:focus,
a.btn-max:focus,
a.btn-wa:active,
a.btn-tg:active,
a.btn-max:active,
.cta a.btn-wa:focus,
.cta a.btn-tg:focus,
.cta a.btn-max:focus,
.cta a.btn-wa:active,
.cta a.btn-tg:active,
.cta a.btn-max:active {
  outline: none !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  filter: none !important;
}

/* Completely disable all glow effects on messenger buttons */
a.btn-wa,
a.btn-tg,
a.btn-max,
.btn-wa,
.btn-tg,
.btn-max {
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  text-shadow: none !important;
  filter: none !important;
  -webkit-filter: none !important;
}


/* Add comment icon */
a.toggle-button[href="#add_comment"]::before {
  content: "💬 ";
  font-size: 18px;
}







/* 2 or 4 related videos: 2 per row */
.list-videos .margin-fix .item:first-child:nth-last-child(2),
.list-videos .margin-fix .item:first-child:nth-last-child(2) ~ .item,
.list-videos .margin-fix .item:first-child:nth-last-child(4),
.list-videos .margin-fix .item:first-child:nth-last-child(4) ~ .item {
  width: calc(50% - 10px) !important;
}

/* Align photo section gap to match related videos gap */
.block-screenshots {
  margin-top: -5px !important;
}

/* Reset text-indent inside category links */
.video-info .info .item a {
  text-indent: 0 !important;
}

/* 3 related videos: 2 per row + 1 full width */
.list-videos .margin-fix .item:first-child:nth-last-child(3),
.list-videos .margin-fix .item:first-child:nth-last-child(3) + .item {
  width: calc(50% - 10px) !important;
}
.list-videos .margin-fix .item:first-child:nth-last-child(3) + .item + .item {
  width: calc(100% - 10px) !important;
}

/* Feedback popup: min font 16px, title as h2 */
.popup-title {
  font-size: 32px !important;
  font-weight: 700 !important;
}
.popup-holder,
.popup-holder label,
.popup-holder input,
.popup-holder textarea,
.popup-holder select,
.popup-holder a,
.popup-holder span,
.popup-holder p,
.popup-holder div,
.fancybox-inner form {
  font-size: 16px !important;
}

/* ===== Beastbiter ad block (.bbad-sea) — moved from inline ===== */
:root{--bb-wa:#25D366;--thumb:44px}
.bbad-sea {
  background: ;
  display: grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;
  padding: 10px 12px;border-radius:14px;margin:0 0 12px;
  color: #eef2f5;min-height:76px;
}
.bbad-sea .copy{min-width:0}
.bbad-sea .stars{color:#ffd84d;letter-spacing:2px;font-size:.95em;line-height:1;margin:0 0 4px}
.bbad-sea .title{font-weight:700;line-height:1.25;font-size:clamp(15px,4.2vw,17px);margin:0;overflow-wrap:anywhere}
.bbad-sea .sub{line-height:1.25;margin-top:2px;opacity:.95;font-size:clamp(13px,3.6vw,14px);overflow-wrap:anywhere}
.bbad-sea .cta{display:flex;flex-direction:column;align-items:flex-end;gap:6px}
.bbad-sea a.btn{
  display:inline-block;padding:9px 12px;border-radius:10px;text-decoration:none;
  background:var(--bb-wa);border:1px solid var(--bb-wa);color:#000;font-weight:700;
  white-space:nowrap;transition:filter .15s ease;
}
.bbad-sea a.btn:hover{filter:brightness(.95)}
.bbad-sea a.btn:focus-visible{outline:2px solid #fff;outline-offset:2px}
.bbad-sea .price{font-size:12px;opacity:.9;line-height:1;white-space:nowrap}
.bbad-sea .thumbs{
  grid-column:1 / -1;
  display:flex;gap:8px;margin-top:6px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:2px;
}
.bbad-sea .thumb{
  flex:0 0 auto;width:var(--thumb);height:var(--thumb);
  border:0;border-radius:0;overflow:hidden;pointer-events:none;user-select:none;-webkit-user-drag:none;background:transparent;
}
.bbad-sea .thumb img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}
@media (max-width:360px){
  .bbad-sea{grid-template-columns:1fr;gap:8px;padding:10px}
  .bbad-sea .cta{align-items:stretch}
  .bbad-sea a.btn{width:100%;text-align:center;padding:10px 12px}
  .bbad-sea .price{text-align:center}
}

/* ===== Beastbiter ad block (.bbsea) — moved from templates ===== */
.bbsea{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 12px;border-radius:14px;margin:0 0 12px;background:radial-gradient(160% 140% at 0% 100%, rgba(255,255,255,.05) 0%, rgba(255,255,255,0) 40%),linear-gradient(120deg,#102b46 0%,#1a4680 60%,#102b46 100%);color:#E0E0E0;min-height:76px}
.bbsea .copy{min-width:0}
.bbsea .stars{color:#ffd84d;letter-spacing:2px;font-size:.95em;line-height:1;margin:0 0 4px}
.bbsea .title{font-weight:700;line-height:1.25;font-size:clamp(15px,4.2vw,17px);margin:0;overflow-wrap:anywhere}
.bbsea .sub{line-height:1.25;margin-top:2px;opacity:.95;font-size:clamp(13px,3.6vw,14px);overflow-wrap:anywhere}

.bbsea a.btn{display:inline-block;padding:9px 12px;border-radius:10px;text-decoration:none;background:var(--bb-wa);border:1px solid var(--bb-wa);color:#000;font-weight:700;white-space:nowrap;transition:filter .15s ease}
.bbsea a.btn:hover{filter:brightness(.95)}
.bbsea a.btn:focus-visible{outline:2px solid #fff;outline-offset:2px}
.bbsea .cta {
  display: flex;flex-direction:column;align-items:flex-end;gap:6px;
  align-items: stretch;
}
.bbsea .cta a.btn{text-align:center}
.bbsea a.btn.btn-tg{background:#229ED9;border-color:#229ED9;color:#fff}
.bbsea a.btn.btn-max{background:#1565c0;border-color:#1565c0;color:#fff}
.bbsea .price{font-size:12px;opacity:.9;line-height:1;white-space:nowrap}
.bbsea .thumbs{grid-column:1 / -1;display:flex;gap:8px;margin-top:6px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:2px}
.bbsea .thumb{flex:0 0 auto;width:var(--thumb);height:var(--thumb);overflow:hidden;pointer-events:none;user-select:none;-webkit-user-drag:none}
.bbsea .thumb img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}
@media (max-width:360px){.bbsea{grid-template-columns:1fr;gap:8px;padding:10px}.bbsea .cta{align-items:stretch}.bbsea a.btn{width:100%;text-align:center;padding:10px 12px}.bbsea .price{text-align:center}}

/* ===== Related videos: 3 columns — moved from view_video.tpl ===== */
@media (min-width: 769px) {
  .related-videos .list-videos .item {
    width: calc(33.333% - 10px) !important;
  }
}

/* ===== Pagination: circle buttons ===== */
.pagination li {
  min-width: 0 !important;
  margin: 3px !important;
}
.pagination a,
.pagination span {
  background-color: #e0e0e0 !important;
  color: #000000 !important;
  border-radius: 50% !important;
  text-decoration: none !important;
  font-weight: 900 !important;
  font-size: 16px !important;
  width: 44px !important;
  height: 44px !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: background-color 0.2s ease !important;
}
.pagination .page-current a,
.pagination .page-current span {
  background-color: #1e90ff !important;
  color: #ffffff !important;
}
.no-touch .pagination a:hover {
  background-color: #c8c8c8 !important;
  color: #000000 !important;
}
.no-touch .pagination .page-current a:hover,
.no-touch .pagination .page-current span:hover {
  background-color: #1e90ff !important;
  color: #ffffff !important;
}
/* Prev / Next — pill shape */
.pagination .prev a,
.pagination .prev span,
.pagination .next a,
.pagination .next span {
  border-radius: 999px !important;
  width: auto !important;
  padding: 0 20px !important;
  min-width: 90px !important;
}
/* Disabled prev (span on first page) */
.pagination .prev span {
  display: flex !important;
  opacity: 0.4 !important;
  pointer-events: none !important;
}

/* ===== H1 headline spacing on listing pages ===== */
/* KVS JS sets inline padding-top on .main-content; we offset sidebar+grid together */
.main-content:has(> .sidebar) > .sidebar,
.main-content:has(> .sidebar) > .main-container {
  margin-top: 22px !important;
}

/* ===== Sidebar redesign ===== */
/* Headings: H3 size, dark, no underline; hover turns blue */
.sidebar h3,
.sidebar .headline h3 {
  font-size: 22px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
}
.sidebar h3 a {
  color: #212121 !important;
  text-decoration: none !important;
  transition: color 0.2s;
}
.no-touch .sidebar h3 a:hover {
  color: #1e90ff !important;
}
/* Sub-links: 16px, dark-gray, no underline — hover bar handles the effect */

.no-touch .sidebar .list a:hover {
  color: #1e90ff !important;
}
/* Count badges: blue, bold, 15px */
.sidebar .list .rating {
  color: #1e90ff !important;
  font-size: 16px !important;
  font-weight: 700 !important;
}
.no-touch .sidebar .list a:hover .rating {
  color: #1e90ff !important;
}

/* ===== Sidebar spacing ===== */
/* h3 inside headline: no margin */
.sidebar .headline h3,
.sidebar h3 {
  margin-bottom: 0 !important;
  margin-top: 0 !important;
}
/* Tight connection between section heading and its list */

/* All headlines: no top spacing (list margin-bottom handles p→h3 gap) */
.sidebar .headline {
  margin-bottom: 8px !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
}
/* First element only: also zero to keep sidebar top gap = padding-top */
.sidebar > :first-child {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
/* Clear gap between groups (list → next heading): p→h3 = 24px */
.sidebar .list,
.sidebar ul.list {
  margin-bottom: 24px !important;
  padding-bottom: 0 !important;
}
/* Last list: no margin so bottom padding equals top padding */
.sidebar .list:last-child,
.sidebar ul.list:last-child {
  margin-bottom: 0 !important;
}
/* Individual items: p→p spacing = 16px margin-bottom */
.sidebar .list a {
  font-size: 16px !important;
  color: #424242 !important;
  text-decoration: none !important;
  margin-bottom: 16px !important;
  padding: 0 !important;
  position: relative;
}
/* Last item in group: no trailing margin (list margin-bottom handles p→h3) */
.sidebar .list li:last-child a {
  margin-bottom: 0 !important;
}


/* ===== p.text description block ===== */
p.text {
  margin-top: 32px !important;
  margin-bottom: 32px !important;
  line-height: 1.7;
}

/* ===== Popup (Регистрация / Вход): min font-size 16px ===== */
.fancybox-inner form label,
.fancybox-inner form .bottom label,
.fancybox-inner form .bottom label.field-label {
  font-size: 16px !important;
}
.fancybox-inner form .textfield,
.fancybox-inner form .textarea,
.fancybox-inner form .selectbox {
  font-size: 16px !important;
}
.fancybox-inner form .submit {
  font-size: 16px !important;
}
.fancybox-inner .generic-error,
.fancybox-inner .field-error {
  font-size: 16px !important;
}

/* ===== Popup (Вход / Регистрация): no uppercase ===== */
.fancybox-inner *,
.fancybox-inner .submit,
.fancybox-inner form .submit {
  text-transform: none !important;
}

/* ===== Divider before Новые видео рыбалки на море on homepage ===== */
#list_videos_most_recent_videos > .headline {
  border-top: 1px solid #E0E0E0 !important;
  padding-top: 36px !important;
  margin-top: 24px !important;
}

/* ===== Moved from inline styles ===== */
.breadcrumbs span[aria-hidden="true"],
.section-nav span[aria-hidden="true"] {
  margin: 0 2px !important;
  color: #9f9f9f !important;
}
.player-related-videos .thumb img {
  max-width: 250px !important;
  height: auto !important;
}

/* ===== Moved from inline styles (round 2) ===== */
/* Search cloud: fixed size, no bold variation */
.search-cloud a {
  font-size: 16px !important;
  font-weight: 400 !important;
  text-decoration: none !important;
}
/* Ad row separator div inside album list */
.ad-slot-row {
  display: block !important;
  width: 100% !important;
  clear: both !important;
  margin: 8px 0 !important;
  box-sizing: border-box !important;
}
