.popular {
  margin-top: 50px;
}

.webcams {
  margin-top: 50px;
}

.basic,
.news,
.sport,
.about {
  margin-top: 80px;
}

.section-head {
  text-align: center;
  margin-bottom: 28px;
}

.section-head__row {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  max-width: 100%;
}

.section-head__icon {
  width: 28px;
  height: 28px;
  flex-shrink: 0;
}

.section-head__title {
  margin: 0;
  font-size: clamp(22px, 2.5vw, 28px);
  font-weight: 700;
  line-height: 1.2;
  color: #343434;
}

.section-head__lead {
  margin: 12px auto 0;
  max-width: 720px;
  padding: 0 10px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  color: #343434;
}

.channels {
  display: grid;
  grid-template-columns: repeat(6, auto);
  grid-template-rows: auto;
  gap: 30px 0;
  justify-content: space-between;
  margin-top: 30px;
}

.channels__item {
  text-align: center;
  cursor: pointer;
}

.channels__img {
  width: 150px;
  height: 100px;
  object-fit: cover;
  border-radius: 10px;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
}

.channels__img--flag {
  object-fit: contain;
  padding: 0;
  background: transparent;
}

.channels__img--sport-fallback,
.channels__img--webcam-fallback,
.channels__img--logo-fallback {
  object-fit: contain;
  padding: 18px;
  background: #f4f8fc;
  box-sizing: border-box;
}

.channels__img--empty {
  display: block;
  background: #f4f6f8;
}

.countries-page .channels {
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  gap: 24px 16px;
  justify-content: center;
  margin-top: 24px;
  margin-bottom: 40px;
}

.countries-page .channels__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 150px;
  max-width: 100%;
}

.countries-page .channels__img--flag {
  width: 150px;
  height: auto;
  aspect-ratio: 4 / 3;
  max-height: none;
  object-fit: contain;
  object-position: center;
  background: #fff;
  box-sizing: border-box;
}

.countries-page .channels__name {
  width: 100%;
  min-height: 2.7em;
  font-size: 13px;
  line-height: 1.35;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-word;
  hyphens: auto;
}

.countries-page .title {
  margin-top: 24px;
}

.news__img {
  width: 150px;
  height: 100px;
  object-fit: cover;
  border-radius: 10px;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
  flex-shrink: 0;
}

.channels__name {
  width: 150px;
  margin-top: 10px;
  color: #007cce;
  font-weight: 600;
  font-size: 14px;
  line-height: 1.35;
  min-height: 2.7em;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-word;
}

.chv-item--webcam .chv-grid .channels__name {
  hyphens: auto;
}

.channels__meta {
  width: 150px;
  margin: 6px auto 0;
  font-size: 12px;
  line-height: 1.35;
  color: #64748b;
  font-weight: 500;
}

.about-second {
  margin-bottom: 0;
}

.about-third {
  margin-bottom: 0;
}

.site-bottom {
  margin-top: 80px;
}

.content-panel {
  background-color: #fafafa;
  border-radius: 12px 12px 0 0;
  padding: 0 20px;
}

.site-bottom .content-panel {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding-top: 0;
  padding-bottom: 0;
}

.site-bottom .content-panel > .about:first-child > h1,
.site-bottom .content-panel > .about:first-child > .title {
  padding-top: 48px;
}

.site-bottom .about {
  margin-top: 0;
}

.site-bottom .about + .about {
  margin-top: 44px;
}

.site-bottom .about-third {
  padding-bottom: 48px;
}

.site-bottom--category {
  margin-top: 0;
}

.site-bottom--category .about-category > .title {
  margin-bottom: 4px;
}

.about-category .about__text > h2,
.about-category .about__text > h3 {
  font-size: 20px;
  line-height: 1.35;
  font-weight: 700;
  color: #007cce;
  margin: 20px 0 10px;
}

.about-category .about__text > h2:first-child,
.about-category .about__text > h3:first-child {
  margin-top: 0;
}

.about .title,
.about h1,
.about h2,
.about h3 {
  font-size: 24px;
  line-height: 1.3;
  font-weight: 700;
  color: #007cce;
  margin: 0;
  text-align: center;
}

.about__text {
  margin-top: 16px;
  line-height: 1.5;
  font-size: 16px;
  color: #343434;
}

.about__text ul {
  margin: 12px 0;
  padding-left: 1.25em;
  list-style: disc;
}

.about__text li {
  display: list-item;
  margin-bottom: 6px;
}



@media (max-width: 1000px) {
  .channels {
    grid-template-columns: repeat(3, auto);
  }
}

@media (max-width: 550px) {
  .channels {
    grid-template-columns: repeat(2, auto);
  }

  .countries-page .channels {
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
    gap: 20px 12px;
  }

  .countries-page .channels__item,
  .countries-page .channels__img--flag {
    width: 120px;
  }

  .popular {
    margin-top: 30px;
  }

  .basic,
  .news,
  .sport,
  .about:not(.about-channel) {
    margin-top: 40px;
  }

  .about-second,
  .about-third {
    margin-bottom: 0;
  }

  .site-bottom {
    margin-top: 50px;
  }

  .content-panel {
    padding-bottom: 32px;
  }

  .site-bottom .content-panel > .about:first-child > h1,
  .site-bottom .content-panel > .about:first-child > .title {
    padding-top: 36px;
  }

  .site-bottom .about + .about {
    margin-top: 32px;
  }

  .section-head__title {
    font-size: 20px;
  }

  .section-head__lead {
    font-size: 14px;
  }

  .channels__img {
    width: 120px;
  }
}

@media (max-width: 350px) {
  .channels__name {
    width: 100px;
    font-size: 12px;
  }

  .channels__img {
    width: 120px;
  }
}


/*fuul*/
.live {
  margin-top: 50px;
}

.live__title {
  text-align: center;
}

.live__title .title span,
.live__title span {
  color: #343434;
}

.live__player {
  margin-top: 30px;
  border-radius: 10px;
  overflow: hidden;
  background-color: #000;
}

.live__player .live__video,
.live__player .live__site {
  margin-top: 0;
  border-radius: 0;
}

.live__player lite-youtube {
  max-height: none;
  height: 100%;
}

.live__player lite-youtube > iframe {
  border-radius: 0;
}

.live__comments-hidden {
  display: none !important;
}

.live__item {
  margin-top: 30px;
}

/* ── Fullstory: channel info card ── */
.live-channel {
  margin-top: 24px;
  padding: 18px 20px;
  border-radius: 10px;
  background: #fff;
  border: 1px solid #e8edf2;
  box-shadow: 0 2px 10px rgba(15, 23, 42, 0.06);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px 24px;
}

.live-channel__main {
  display: flex;
  align-items: center;
  gap: 18px;
  min-width: 0;
  flex: 1;
}

.live-channel__logo {
  flex-shrink: 0;
  display: block;
}

.live-channel .channels__img.live-channel__logo {
  width: 150px;
  height: 100px;
  object-fit: cover;
  border-radius: 10px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
  background: #fff;
  padding: 0;
}

.live-channel .channels__img.live-channel__logo.channels__img--logo-fallback {
  object-fit: contain;
  padding: 18px;
  background: #f4f8fc;
}

.live-channel__name {
  margin: 0;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.3;
  color: #343434;
}

.live-channel__category {
  margin: 0 0 6px;
  font-size: 14px;
  line-height: 1.4;
  color: #475569;
}

.live-channel__category a {
  color: #007cce;
  font-weight: 600;
  text-decoration: none;
}

.live-channel__category a:hover {
  text-decoration: underline;
}

.live-channel__meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px 8px;
  margin: 0;
  font-size: 14px;
  line-height: 1.4;
  color: #64748b;
}

.live-channel__meta .sgcountry,
.live-channel__meta .sgchip {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: #343434;
  font-weight: 600;
  text-decoration: none;
}

.live-channel__meta .sgcountry:hover,
.live-channel__meta .sgchip:hover {
  color: #007cce;
}

.live-channel__meta .cat-flag-img,
.live-channel__meta img {
  width: 18px;
  height: 13px;
  object-fit: cover;
  border-radius: 2px;
  flex-shrink: 0;
  display: block;
}

.live-channel__sep {
  color: #cbd5e1;
}

.live-channel__social {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-top: 14px;
}

.soc-btn,
.soc-btn:link,
.soc-btn:visited,
.soc-btn:hover,
.soc-btn:active,
.soc-btn:focus {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 7px 12px;
  border-radius: 6px;
  color: #fff !important;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none !important;
  transition: filter 0.2s ease, transform 0.15s ease;
}

.soc-btn > span:not(.soc-btn__ico) {
  color: #fff !important;
}

.soc-btn:hover {
  filter: brightness(1.06);
}

.soc-btn:active {
  transform: translateY(1px);
}

.soc-btn__ico {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.soc-btn--site { background: #64748b; }
.soc-btn--site .soc-btn__ico { background-image: url("../images/site.png"); filter: brightness(0) invert(1); }

.soc-btn--facebook { background: #1877f2; }
.soc-btn--facebook .soc-btn__ico { background-image: url("../images/facebook.png"); filter: brightness(0) invert(1); }

.soc-btn--x { background: #111; }
.soc-btn--x .soc-btn__ico {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M18.244 2H21.5l-7.5 8.574L22 22h-6.594l-5.156-6.737L4.95 22H1.69l8.008-9.131L2 2h6.781l4.656 6.176L18.244 2zm-2.312 18h1.758L7.086 4h-1.86l10.706 16z'/%3E%3C/svg%3E");
}

.soc-btn--instagram { background: linear-gradient(45deg, #f58529, #dd2a7b, #8134af); }
.soc-btn--instagram .soc-btn__ico { background-image: url("../images/instagram.png"); filter: brightness(0) invert(1); }

.soc-btn--youtube { background: #ff0000; }
.soc-btn--youtube .soc-btn__ico { background-image: url("../images/youtube.png"); filter: brightness(0) invert(1); }

.soc-btn--pinterest { background: #e60023; }
.soc-btn--pinterest .soc-btn__ico {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12c0 4.12 2.51 7.65 6.08 9.17-.08-.74-.02-1.63.19-2.44l1.1-4.66s-.28-.56-.28-1.39c0-1.3.75-2.27 1.69-2.27.8 0 1.18.6 1.18 1.32 0 .8-.51 2-0.78 3.11-.22.93.47 1.69 1.39 1.69 1.67 0 2.96-1.76 2.96-4.3 0-2.25-1.62-3.82-3.93-3.82-2.68 0-4.25 2.01-4.25 4.09 0 .81.31 1.68.7 2.15.08.09.09.17.07.26l-.27 1.08c-.04.17-.13.21-.3.13-1.12-.52-1.82-2.15-1.82-3.46 0-2.82 2.05-5.41 5.91-5.41 3.1 0 5.51 2.21 5.51 5.17 0 3.08-1.94 5.56-4.64 5.56-.91 0-1.76-.47-2.05-1.03l-.56 2.14c-.2.78-.75 1.76-1.12 2.36.84.26 1.73.4 2.65.4 5.52 0 10-4.48 10-10S17.52 2 12 2z'/%3E%3C/svg%3E");
}

.soc-btn--telegram { background: #26a5e4; }
.soc-btn--telegram .soc-btn__ico {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M9.993 15.573 9.84 19.3c.455 0 .652-.196.888-.43l2.134-2.043 4.423 3.243c.811.447 1.393.212 1.606-.741l2.899-13.593h.001c.259-1.203-.435-1.673-1.216-1.38L2.477 9.865c-1.165.453-1.147 1.102-.198 1.396l5.382 1.68L19.3 6.61c.595-.394 1.136-.176.691.248L9.993 15.573z'/%3E%3C/svg%3E");
}

.soc-btn--vk { background: #4c75a3; }
.soc-btn--vk .soc-btn__ico { background-image: url("../images/icons/vk.svg"); filter: brightness(0) invert(1); }

.soc-btn--whatsapp { background: #25d366; }
.soc-btn--whatsapp .soc-btn__ico { background-image: url("../images/icons/whatsapp.svg"); filter: brightness(0) invert(1); }

.soc-btn--discord { background: #5865f2; }
.soc-btn--discord .soc-btn__ico {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M20.317 4.369A19.791 19.791 0 0 0 16.885 3.2a.077.077 0 0 0-.082.038c-.211.375-.445.864-.608 1.25a18.27 18.27 0 0 0-5.487 0 12.64 12.64 0 0 0-.617-1.25.077.077 0 0 0-.082-.038 19.736 19.736 0 0 0-3.432 1.169.07.07 0 0 0-.032.027C2.451 8.088 1.686 11.658 1.938 15.2a.082.082 0 0 0 .031.057 19.9 19.9 0 0 0 5.993 3.03.078.078 0 0 0 .084-.028 14.09 14.09 0 0 0 1.226-1.994.076.076 0 0 0-.041-.106 13.107 13.107 0 0 1-1.872-.892.077.077 0 0 1-.008-.128 10.2 10.2 0 0 0 .372-.292.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127 12.299 12.299 0 0 1-1.873.892.077.077 0 0 0-.041.107 14.322 14.322 0 0 0 1.225 1.993.076.076 0 0 0 .084.028 19.839 19.839 0 0 0 6.002-3.03.077.077 0 0 0 .032-.054c.305-4.153-.515-7.796-2.17-10.894a.061.061 0 0 0-.031-.03zM8.02 13.331c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.956-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.955-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.946 2.418-2.157 2.418z'/%3E%3C/svg%3E");
}

.soc-btn--twitch { background: #9146ff; }
.soc-btn--twitch .soc-btn__ico {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M11.571 4.714h1.715v5.143H11.57V4.714zm4.715 0H18v5.143h-1.714V4.714zM6 0L1.714 4.286v15.428h5.143V24l4.286-4.286h3.428L22.286 12V0H6zm14.571 11.143-3.428 3.428h-3.429l-3 3v-3H6.857V1.714h13.714V11.143z'/%3E%3C/svg%3E");
}

.soc-btn--reddit { background: #ff4500; }
.soc-btn--reddit .soc-btn__ico {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M12 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12 12 12 0 0 0 12-12A12 12 0 0 0 12 0zm5.01 4.744c.688 0 1.25.561 1.25 1.249a1.25 1.25 0 0 1-2.498.056l-2.597-.547-.8 3.747c1.824.07 3.48.632 4.674 1.488.308-.309.73-.491 1.207-.491.968 0 1.754.786 1.754 1.754 0 .716-.435 1.333-1.01 1.614a3.111 3.111 0 0 1 .042 1.012c0 2.556-2.986 4.63-6.667 4.63-3.68 0-6.666-2.074-6.666-4.63 0-.367.042-.728.117-1.075a1.752 1.752 0 0 1-1.005-1.589c0-.968.785-1.754 1.754-1.754.437 0 .849.157 1.146.422 1.208-.863 2.878-1.421 4.737-1.487l.885-4.182a.342.342 0 0 1 .14-.197 35.65 35.65 0 0 1 3.543-1.312 1.252 1.252 0 0 1 1.1-1.25 1.25 1.25 0 0 1 1.25 1.25 1.25 1.25 0 0 1-.808 1.17l-2.988.624a.342.342 0 0 0-.284.328l-.715 3.355a8.702 8.702 0 0 1 4.674 1.488 1.25 1.25 0 0 1 1.247-1.249z'/%3E%3C/svg%3E");
}

.soc-btn--linkedin { background: #0a66c2; }
.soc-btn--linkedin .soc-btn__ico {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 0 1-2.063-2.065 2.064 2.064 0 1 1 2.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z'/%3E%3C/svg%3E");
}

.soc-btn--ok { background: #ee8208; }
.soc-btn--ok .soc-btn__ico {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M12 0C5.373 0 0 5.373 0 12s5.373 12 12 12 12-5.373 12-12S18.627 0 12 0zm.287 4.707c2.065 0 3.74 1.675 3.74 3.74s-1.675 3.74-3.74 3.74-3.74-1.675-3.74-3.74 1.675-3.74 3.74-3.74zm5.413 10.567c-.623 1.037-1.532 1.867-2.617 2.413-.553.29-1.164.503-1.803.633a6.12 6.12 0 0 1-2.28 0 6.12 6.12 0 0 1-1.803-.633 5.86 5.86 0 0 1-2.617-2.413l1.707-1.023c.423.704 1.037 1.27 1.763 1.623.363.19.763.33 1.18.413.417.083.853.107 1.28.07.427-.037.843-.13 1.233-.273.39-.143.75-.335 1.067-.57.317-.235.587-.51.797-.813l1.707 1.023z'/%3E%3C/svg%3E");
}

.soc-btn--rutube { background: #111; }
.soc-btn--rutube .soc-btn__ico {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M4 4h16v16H4V4zm3.5 5.5v7l6.5-3.5L7.5 9.5z'/%3E%3C/svg%3E");
}

.soc-btn--tiktok { background: #111; }
.soc-btn--tiktok .soc-btn__ico {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M16.6 5.82s.51.5 0 0A4.278 4.278 0 0 1 15.54 3h-3.09v12.4a2.592 2.592 0 0 1-2.59 2.5c-1.42 0-2.6-1.16-2.6-2.6 0-1.72 1.66-3.01 3.37-2.48V9.66c-3.45-.46-6.47 2.22-6.47 5.64 0 3.33 2.76 5.7 5.69 5.7 3.14 0 5.69-2.55 5.69-5.69V9.01a7.35 7.35 0 0 0 4.3 1.38V7.3a4.1 4.1 0 0 1-1.1-.15 4.1 4.1 0 0 1-2.31-1.33z'/%3E%3C/svg%3E");
}

.soc-btn--wikipedia { background: #3366cc; }
.soc-btn--wikipedia .soc-btn__ico {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M12.09 2C6.52 2 2 6.52 2 12.09c0 5.57 4.52 10.09 10.09 10.09 5.57 0 10.09-4.52 10.09-10.09C22.18 6.52 17.66 2 12.09 2zm0 1.5c4.75 0 8.59 3.84 8.59 8.59 0 4.75-3.84 8.59-8.59 8.59-4.75 0-8.59-3.84-8.59-8.59 0-4.75 3.84-8.59 8.59-8.59zM6.8 6.8l2.1 7.2 1.2-3.6h1.8l1.2 3.6 2.1-7.2h1.7l-3.2 10.4h-1.9l-1.3-3.9-1.3 3.9H9l-3.2-10.4h1z'/%3E%3C/svg%3E");
}

.soc-btn--donor { background: #64748b; }
.soc-btn--donor .soc-btn__ico {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z'/%3E%3C/svg%3E");
}

.live-channel__rating {
  flex-shrink: 0;
  text-align: center;
  min-width: 88px;
}

.live-channel__score {
  margin: 10px 0 0;
  font-size: 14px;
  font-weight: 500;
}

.live-channel__score span {
  color: #007cce;
  font-weight: 700;
}

/* ── Fullstory: YouTube block ── */
.live-block {
  margin-top: 28px;
  padding: 0;
  background: none;
  border: 0;
  box-shadow: none;
}

.live-block__head {
  margin-bottom: 16px;
  text-align: center;
}

.live-block__title {
  margin: 0;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.3;
  color: #343434;
  text-align: center;
}

.yt-grid.channel-list {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 14px 12px;
}

.yt-item {
  display: block;
  width: 100%;
  padding: 0;
  border: 0;
  background: none;
  cursor: pointer;
  text-align: left;
  font: inherit;
  color: inherit;
}

.yt-item__thumb {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  border-radius: 10px;
  overflow: hidden;
  background: #e8eef3;
  border: 1px solid rgba(0, 0, 0, 0.06);
}

.yt-thumb {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.25s ease;
}

.yt-duration {
  position: absolute;
  right: 6px;
  bottom: 6px;
  padding: 2px 6px;
  border-radius: 6px;
  background: rgba(0, 0, 0, 0.78);
  color: #fff;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.3;
}

.yt-item__play {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.22);
  opacity: 0;
  transition: opacity 0.2s ease;
  pointer-events: none;
}

.yt-item__play::after {
  content: "";
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: rgba(0, 124, 206, 0.92);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M8 5v14l11-7z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 54% center;
  background-size: 18px;
}

.yt-item:hover .yt-thumb {
  transform: scale(1.03);
}

.yt-item:hover .yt-item__play {
  opacity: 1;
}

.yt-title {
  display: -webkit-box;
  margin-top: 8px;
  font-size: 13px;
  line-height: 1.35;
  color: #1c548b;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.yt-more-wrap {
  margin-top: 18px;
  text-align: center;
}

.yt-more {
  display: inline-block;
  margin: 0 auto;
  padding: 12px 28px;
  border: 0;
  border-radius: 10px;
  background: #007cce;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.2s ease;
}

.yt-more:hover:not(:disabled) {
  background: #006bb3;
}

.yt-more:disabled {
  opacity: 0.65;
  cursor: wait;
}

/* YouTube modal */
.youtube-video-modal {
  position: fixed;
  inset: 0;
  z-index: 10000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px 15px;
  overflow-y: auto;
}

.youtube-video-modal__overlay {
  position: fixed;
  inset: 0;
  background: rgba(15, 23, 42, 0.72);
}

.youtube-video-modal__dialog {
  position: relative;
  width: 100%;
  max-width: 860px;
  margin: auto;
  background: transparent;
  z-index: 1;
}

.youtube-video-modal__close {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.55);
  color: #fff;
  cursor: pointer;
  transition: background-color 0.2s ease;
}

.youtube-video-modal__close:hover {
  background: rgba(0, 0, 0, 0.75);
}

.youtube-video-modal__body {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  background: #000;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.35);
}

.youtube-video-modal__body iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.live-related {
  margin-top: 28px;
  background: none;
}

.live-related__title {
  margin: 0 0 16px;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.3;
  text-align: center;
  color: #343434;
}

.live-related__slider {
  display: flex;
  align-items: center;
  gap: 8px;
}

.live-related__nav {
  flex: 0 0 36px;
  width: 36px;
  height: 36px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  display: none;
  align-items: center;
  justify-content: center;
  background: #e9ecee;
  color: #343434;
  cursor: pointer;
  transition: background-color 0.2s ease, color 0.2s ease, opacity 0.2s ease;
}

.live-related__nav.is-visible {
  display: flex;
}

.live-related__nav:hover:not(:disabled) {
  background: #007cce;
  color: #fff;
}

.live-related__nav:disabled {
  opacity: 0.35;
  cursor: default;
}

.live-related__row {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  gap: 24px;
  overflow-x: hidden;
  scroll-behavior: smooth;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.live-related__row--scrollable {
  justify-content: flex-start;
  overflow-x: auto;
}

.live-related__row::-webkit-scrollbar {
  display: none;
}

.live-related__row .channels__item {
  flex: 0 0 auto;
}

.live-related__row .channels__img {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
}

.live-related__row .channels__name {
  width: 150px;
  min-height: 2.7em;
}

.about-channel-control {
  position: relative;
  text-align: center;
  padding: 16px 0 10px;
  background: #fff;
}

.about-channel__checker {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
  pointer-events: none;
}

.about-channel__toggle {
  display: inline-block;
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  color: #007cce;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
  cursor: pointer;
  text-align: center;
}

.about-channel__toggle-less {
  display: none;
}

.about-channel__checker:checked ~ .about-channel__toggle .about-channel__toggle-more {
  display: none;
}

.about-channel__checker:checked ~ .about-channel__toggle .about-channel__toggle-less {
  display: inline;
}

.about-channel__toggle:hover {
  text-decoration: underline;
}

.about-channel__panel {
  background-color: transparent;
}

.about-channel__panel .content-panel {
  padding-bottom: 48px;
}

.about-channel {
  margin-top: 0;
  padding-top: 48px;
}

.about-channel .about__text:empty {
  display: none;
}

.about-channel .about__text {
  margin-top: 0;
  line-height: 1.5;
  font-size: 16px;
  color: #343434;
}

.about-channel .about__text > h2 {
  font-size: 24px;
  line-height: 1.3;
  font-weight: 700;
  color: #007cce;
  margin: 44px 0 0;
  text-align: center;
}

.about-channel .about__text > h2:first-child {
  margin-top: 0;
}

.about-channel .about__text > p {
  margin: 16px 0 0;
}

.about-channel .about__text ul {
  margin: 12px 0;
  padding-left: 1.25em;
  list-style: disc;
}

.about-channel .about__text li {
  display: list-item;
  margin-bottom: 6px;
}

.about-channel__clip.is-collapsed {
  position: relative;
}

.about-channel__clip.is-collapsed::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1.25em;
  pointer-events: none;
  background: linear-gradient(to bottom, rgba(250, 250, 250, 0), #fafafa);
}

.about-channel__clip.is-expanded::after {
  display: none;
}

.about-channel__clip {
  overflow: hidden;
  transition: max-height 0.45s ease;
}

.live__video {
  max-width: 100%;
  height: 600px;
  margin-top: 30px;
  border-radius: 10px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  overflow: hidden;
}

.live__site {
  max-width: 100%;
  height: 600px;
  margin-top: 30px;
  background-color: #000000;
  border-radius: 10px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  overflow: hidden;
}

.live__item-content {
  display: flex;
  gap: 0 25px;
  align-items: center;
}

.live__category {
  font-size: 14px;
  color: #343434;
  margin-top: 15px;
}

.live__category span {
  font-weight: 700;
}

.about {
  margin-top: 65px;
}

.site-bottom .about {
  margin-top: 0;
}

.site-bottom .content-panel > .about:first-child > h1,
.site-bottom .content-panel > .about:first-child > .title {
  padding-top: 48px;
}

.about__text {
  line-height: 150%;
  margin-top: 20px;
}

.contacts {
  margin-top: 40px;
}

.contacts__content {
  display: flex;
  justify-content: center;
  gap: 0 10px;
  align-items: center;
}

.contacts__link {
  width: 60px;
  height: 60px;
  border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #e9ecee;
}

@media (max-width: 1199.98px) {
  .yt-grid.channel-list {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (max-width: 991.98px) {
  .yt-grid.channel-list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 500px) {
  .live__video {
    height: 300px;
    background-position: center;
  }
	
	  .live__site {
    height: 300px;
    background-position: center;
  }
  .live__category {
    font-size: 12px;
  }

  .live-channel {
    flex-direction: column;
    align-items: stretch;
    padding: 16px;
  }

  .live-channel__main {
    gap: 14px;
  }

  .live-channel .channels__img.live-channel__logo {
    width: 120px;
    height: 80px;
  }

  .live-channel__rating {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    min-width: 0;
    padding-top: 4px;
    border-top: 1px solid #eef2f6;
  }

  .live-channel__score {
    margin: 0;
  }

  .yt-grid.channel-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 10px;
  }

  .live-related__nav {
    flex: 0 0 32px;
    width: 32px;
    height: 32px;
  }

  .live-related__slider {
    gap: 6px;
  }

  .contacts__content {
    justify-content: space-between;
  }

  .contacts__link {
    width: 40px;
    height: 40px;
  }

  .contacts__img {
    width: 15px;
  }
}

 
.fluid-width-video-wrapper{background:#000 none repeat scroll 0 0;display:inline-block;
	vertical-align:middle;background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:contain;
	height:auto;padding:0;position:relative;width:100%}

.fluid-width-video-wrapper{padding-top:56.25%}
.fluid-width-video-wrapper[data-ratio="16:10"]{padding-top:62.5%}
.fluid-width-video-wrapper[data-ratio="4:3"]{padding-top:75%}
.fluid-width-video-wrapper[data-ratio="3:2"]{padding-top:66.6667%}
.fluid-width-video-wrapper[data-ratio="1:1"]{padding-top:100%}
.fluid-width-video-wrapper[data-ratio="2.4:1"]{padding-top:41.6667%}
.fluid-width-video-wrapper img{position:absolute;top:40%;left:49%;width:auto}




.navigation:after { clear: both; display: block; content: ""; }
	.navigation { position: relative; }

/* ── Category catalog (/news/, /general/, …) ── */
.catalog {
  margin: 50px 0;
}

.catalog__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px 24px;
  flex-wrap: wrap;
}

.catalog__head .title {
  margin: 0;
}

.chview {
  min-width: 0;
}

.chview--layout-active {
  pointer-events: none;
}

.chview--layout-active .chv-item {
  pointer-events: none;
}

.news__list {
  position: relative;
}

.chv-item {
  position: relative;
  will-change: auto;
}

.news__list.no-transition .chv-item {
  transition: none !important;
}

.chview--switching .chv-item {
  opacity: 0.88;
}

.chv-grid,
.chv-list {
  transition: opacity 0.42s ease;
}

.chview--switching .chv-grid,
.chview--switching .chv-list {
  opacity: 0.12;
}

@media (prefers-reduced-motion: reduce) {
  .chv-item,
  .chv-grid,
  .chv-list,
  .chviewbar__indicator {
    transition: none !important;
  }
}

.chview--list .news__list {
  margin-top: 30px;
}

.chview--grid .news__list {
  display: grid;
  grid-template-columns: repeat(6, auto);
  grid-template-rows: auto;
  gap: 30px 0;
  justify-content: space-between;
  margin-top: 30px;
  list-style: none;
  padding: 0;
}

.chview--grid .chv-list {
  display: none;
}

.chview--grid .chv-grid {
  display: block;
}

.chview--list .chv-grid {
  display: none;
}

.chview--list .chv-list {
  display: flex;
}

.channels .between,
.chview--grid .news__list .between {
  display: none !important;
}

.chview--list .news__list .between {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 90px;
  max-height: 100px;
  overflow: visible;
  margin: 16px 0;
  list-style: none;
}

.chview--list .news__list .between ~ .between {
  display: none !important;
}

.chview--list .news__list .between img,
.chview--list .news__list .between iframe,
.chview--list .news__list .between object,
.chview--list .news__list .between embed {
  display: block;
  max-height: 100px;
  max-width: 100%;
  width: auto;
  height: auto;
  margin: 0 auto;
}

.chview--list .news__list .between > div,
.chview--list .news__list .between > ins {
  display: block;
  width: 100%;
  min-height: 90px;
  max-height: 100px;
  max-width: 100%;
  overflow: visible;
}

.chviewbar__switch {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

.chviewbar__indicator {
  display: none;
}

.chviewbar__btn {
  position: relative;
  width: 32px;
  height: 32px;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  font-size: 0;
  opacity: 1;
  transition: opacity 0.2s ease;
}

.chviewbar__btn::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.chviewbar__btn[data-view="grid"]::before {
  width: 16px;
  height: 16px;
  background-image:
    linear-gradient(#9aa3af 0 0),
    linear-gradient(#9aa3af 0 0),
    linear-gradient(#9aa3af 0 0),
    linear-gradient(#9aa3af 0 0);
  background-size: 6px 6px;
  background-position: 0 0, 10px 0, 0 10px, 10px 10px;
  background-repeat: no-repeat;
}

.chviewbar__btn[data-view="list"]::before {
  width: 16px;
  height: 16px;
  background-image:
    linear-gradient(#9aa3af 0 0),
    linear-gradient(#9aa3af 0 0),
    linear-gradient(#9aa3af 0 0);
  background-size: 100% 2px;
  background-position: 0 2px, 0 7px, 0 12px;
  background-repeat: no-repeat;
}

.chviewbar__btn.is-active[data-view="grid"]::before {
  background-image:
    linear-gradient(#343434 0 0),
    linear-gradient(#343434 0 0),
    linear-gradient(#343434 0 0),
    linear-gradient(#343434 0 0);
}

.chviewbar__btn.is-active[data-view="list"]::before {
  background-image:
    linear-gradient(#343434 0 0),
    linear-gradient(#343434 0 0),
    linear-gradient(#343434 0 0);
}

.catalog-pager {
  margin-top: 28px;
  padding-top: 8px;
}

.catalog-pager__inner {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  flex-wrap: wrap;
}

.catalog-pager__pages {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  flex-wrap: wrap;
}

.catalog-pager__pages > a,
.catalog-pager__pages > span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  height: 40px;
  padding: 0 10px;
  border-radius: 999px;
  color: #343434;
  text-decoration: none;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  border: 0;
  background: transparent;
  box-shadow: none;
  transition: background 0.2s ease, color 0.2s ease;
}

.catalog-pager__pages > a:hover {
  background: #eef2f7;
  color: #007cce;
}

.catalog-pager__pages > span:not(.nav_ext) {
  background: #007cce;
  color: #fff;
  box-shadow: none;
}

.catalog-pager__pages > .nav_ext,
.catalog-pager__pages .nav_ext {
  min-width: auto;
  padding: 0 4px;
  color: #94a3b8;
  font-weight: 700;
  background: transparent;
  box-shadow: none;
}

.catalog-pager__nav a,
.catalog-pager__nav span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  height: 40px;
  padding: 0 6px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  text-decoration: none;
  line-height: 1;
}

.catalog-pager__nav a {
  color: #007cce;
  transition: color 0.2s ease, opacity 0.2s ease;
}

.catalog-pager__nav a:hover {
  color: #005fa3;
  transform: none;
  box-shadow: none;
}

.catalog-pager__nav span {
  color: #cbd5e1;
  background: transparent;
}

.catalog-pager__icon {
  font-size: 28px;
  line-height: 1;
  font-weight: 400;
}

@media (max-width: 1000px) {
  .chview--grid .news__list {
    grid-template-columns: repeat(3, auto);
  }
}

@media (max-width: 550px) {
  .chview--grid .news__list {
    grid-template-columns: repeat(2, auto);
    gap: 22px 0;
  }
}

	.pages { text-align: center; padding: 0 55px; }
	.pages > * {
		color: inherit;
		display: inline-block;
		position: relative;
		padding: 0px 0px;
		border: 3px solid transparent;
		min-width: 26px; height: 26px; line-height: 20px;
		border-radius: 18px;
		text-align: center;
		text-decoration: none !important;
		font-weight: bold;
	}
	.pages span { border-color: #fff; }
	.pages span.nav_ext { border-color: transparent !important; }
	.pages a:hover { border-color: #fffe; color: #fff; }

	.page_next-prev { position: relative; height: 0; }
		.page_next-prev > span { position: absolute; top: 0; }
		.page_prev { left: 0; margin-left: -20px; }
		.page_next { right: 0; margin-right: -20px; }
		.page_next-prev > span > span { opacity: 0.5; }
		.page_next-prev > span > * { display: block; width: 36px; height: 28px; padding: 8px 20px 0 20px; }
		.page_next-prev > span .icon { fill: #1a1a1a; }
		.page_next-prev > span > a:hover .icon { fill: #95c00e; }