/* Webcams — from org style.css */

/* Webcam catalog only (cat 223/224 — .chview--webcams) */
.content_cards > h1.content_title + .chview.chview--webcams {
  margin-top: 24px;
}

.chview.chview--webcams.chview--grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 20px 14px !important;
  align-items: stretch;
}

.chview--webcams .chv-item--webcam {
  min-width: 0;
  height: 100%;
}

/* Webcam grid cards — same layout as home "Now on Air" */
.chview--webcams .chv-item--webcam .chv-grid {
  display: block;
  width: 100%;
  height: 100%;
}

.chview--webcams .topch-item--webcam {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  min-height: 188px;
  padding: 10px;
  text-align: center;
  text-decoration: none;
  color: inherit;
  box-sizing: border-box;
}

.chview--webcams .topch-item--webcam .topch-item__poster {
  position: relative;
  display: block;
  flex: 0 0 auto;
  width: 100%;
  height: 108px;
  margin: 0 0 9px;
  overflow: hidden;
  border-radius: 8px;
  background: #e8eef8;
}

.chview--webcams .topch-item--webcam .topch-item__poster-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.chview--webcams .topch-item--webcam .topch-item__poster-img--placeholder {
  object-fit: contain;
  padding: 18px;
  background: #f4f8fc;
  box-sizing: border-box;
}

.chview--webcams .topch-item--webcam .topch-item__meta {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 52px;
}

.chview--webcams .topch-item--webcam .topch-item__name {
  display: -webkit-box;
  overflow: hidden;
  min-height: 35px;
  margin: 0;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.25;
  color: var(--t26-brand, #1480d9);
}

.chview--webcams .topch-item--webcam .topch-item__country--webcam {
  display: block;
  flex: 0 0 auto;
  max-width: 100%;
  margin: 4px 0 0;
  padding: 0;
  overflow: hidden;
  border: 0;
  border-radius: 0;
  background: none;
  color: var(--t26-muted, #64748b);
  font-size: 12px;
  font-weight: 500;
  line-height: 1.3;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.chview--webcams .chv-item--webcam .chv-grid,
.chview--webcams .chv-item--webcam .channels__item {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  min-width: 0;
  text-align: center;
  text-decoration: none;
}

.chview--webcams .chv-item--webcam .channels__thumb {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border-radius: var(--t26-radius-tile, 4px);
  background: #111820;
  container-type: inline-size;
}

.chview--webcams .chv-item--webcam .channels__img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  aspect-ratio: auto;
  object-fit: cover;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  transition: transform 0.35s ease;
}

.chview--webcams .chv-item--webcam .channels__img.channels__img--logo-fallback {
  object-fit: contain;
  padding: 18px;
  background: #f4f8fc;
  box-sizing: border-box;
}

.chview--webcams .chv-item--webcam .channels__item:hover .channels__img,
.chview--webcams .chv-item--webcam .channels__item:focus-visible .channels__img {
  transform: scale(1.04);
}

.chview--webcams .chv-item--webcam .channels__play {
  position: absolute;
  left: 50%;
  top: 50%;
  width: clamp(26px, 20cqi, 52px);
  height: clamp(26px, 20cqi, 52px);
  margin: 0;
  border-radius: 50%;
  background: rgba(15, 23, 42, 0.72);
  border: 0;
  outline: none;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.28);
  pointer-events: none;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: opacity 0.25s ease, background 0.25s ease, box-shadow 0.25s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}

.chview--webcams .chv-item--webcam .channels__play::after {
  content: '';
  margin-left: clamp(2px, 0.6cqi, 4px);
  border-style: solid;
  border-width: clamp(5px, 2.4cqi, 9px) 0 clamp(5px, 2.4cqi, 9px) clamp(7px, 3.6cqi, 14px);
  border-color: transparent transparent transparent #fff;
}

.chview--webcams .chv-item--webcam .channels__item:hover .channels__play,
.chview--webcams .chv-item--webcam .channels__item:focus-visible .channels__play {
  opacity: 1;
  background: rgba(var(--t26-brand-rgb, 37, 99, 235), 0.92);
  border: 0;
  outline: none;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.28);
}

.chview--webcams .chv-item--webcam .channels__item:hover .channels__thumb,
.chview--webcams .chv-item--webcam .channels__item:focus-visible .channels__thumb {
  outline: none;
  border: 0;
  box-shadow: none;
}

.chview--webcams .chv-item--webcam .channels__name {
  width: 100%;
  max-width: 100%;
  margin: 8px 0 0;
  padding: 0;
  color: #007cce;
  font-weight: 600;
  font-size: 13px;
  line-height: 1.25;
  display: block !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  hyphens: none !important;
  word-break: normal !important;
}

.chview--webcams .chv-item--webcam .channels__meta {
  width: 100%;
  max-width: 100%;
  margin: 2px 0 0;
  padding: 0;
  font-size: 12px;
  line-height: 1.2;
  color: #64748b;
  font-weight: 500;
}

/* Webcam hero: circle, thumb fills via cover */
.tvhero2__logo.tvhero2__logo--webcam {
  flex: 0 0 114px;
  width: 114px;
  height: 114px;
  border-radius: 50% !important;
  background: transparent;
  overflow: hidden;
  border: none !important;
  box-shadow: none !important;
  outline: none;
  padding: 0;
  display: block;
}

.tvhero2__logo.tvhero2__logo--webcam img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  border-radius: 0 !important;
  border: none !important;
  outline: none;
  box-shadow: none;
  object-fit: cover;
  object-position: center;
}

.chlist-item__logo.chlist-item__logo--webcam {
  flex: 0 0 125px !important;
  width: 125px !important;
  height: 70px !important;
  border-radius: var(--t26-radius-tile, 4px) !important;
  background: #111820;
  overflow: hidden;
  border: 0;
  align-self: center;
}

.chlist-item__logo.chlist-item__logo--webcam img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  border-radius: 0 !important;
  object-fit: cover;
  object-position: center;
}

.chv-list:has(.chlist-item__logo--webcam) {
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

.chv-list:has(.chlist-item__logo--webcam):hover {
  border: 0 !important;
  box-shadow: none !important;
  transform: none;
}

/* List spacing on fullstory — same as shortstory custom block */
.chview--list > .chv-item + .chv-item {
  margin-top: 12px;
}

@media (max-width: 992px) {
  .chview.chview--webcams.chview--grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 640px) {
  .chview.chview--webcams.chview--grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 16px 10px !important;
  }
}

.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: 180px;
  height: 110px;
  aspect-ratio: 18 / 11;
  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: 180px;
  height: 110px;
  object-fit: cover;
  border-radius: 10px;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
  flex-shrink: 0;
}

.channels__name {
  width: 180px;
  margin-top: 8px;
  margin-bottom: 0;
  color: #007cce;
  font-weight: 600;
  font-size: 13px;
  text-align: center;
}

.channels__item--webcam .channels__name {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.channels__meta {
  width: 180px;
  margin: 2px auto 0;
  padding: 0;
  font-size: 12px;
  line-height: 1.2;
  color: #64748b;
  font-weight: 500;
}

/*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: 180px;
  height: 110px;
  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("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M2 12h20M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z'/%3E%3C/svg%3E"); filter: none; }

.soc-btn--facebook { background: #1877f2; }
.soc-btn--facebook .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='M24 12.073C24 5.405 18.627 0 12 0S0 5.405 0 12.073C0 18.1 4.388 23.094 10.125 24v-8.437H7.078v-3.49h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.49h-2.796V24C19.612 23.094 24 18.1 24 12.073z'/%3E%3C/svg%3E"); filter: none; background-size: 14px 14px; }

.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("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2'%3E%3Crect x='3' y='3' width='18' height='18' rx='5'/%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Ccircle cx='17.5' cy='6.5' r='1.2' fill='white' stroke='none'/%3E%3C/svg%3E"); filter: none; }

.soc-btn--youtube { background: #ff0000; }
.soc-btn--youtube .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='M23.5 6.2a3 3 0 0 0-2.1-2.1C19.5 3.5 12 3.5 12 3.5s-7.5 0-9.4.6A3 3 0 0 0 .5 6.2 31.5 31.5 0 0 0 0 12a31.5 31.5 0 0 0 .5 5.8 3 3 0 0 0 2.1 2.1c1.9.6 9.4.6 9.4.6s7.5 0 9.4-.6a3 3 0 0 0 2.1-2.1A31.5 31.5 0 0 0 24 12a31.5 31.5 0 0 0-.5-5.8zM9.75 15.02V8.98L15.5 12l-5.75 3.02z'/%3E%3C/svg%3E"); filter: none; background-size: 14px 14px; }

.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));
  grid-auto-flow: row;
  gap: 14px 12px;
  align-items: stretch;
}

.yt-item {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: 0;
  height: 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;
  min-height: 2.7em;
  font-size: 13px;
  line-height: 1.35;
  color: #1c548b;
  font-weight: 600;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-word;
}

.yt-grid.channel-list .yt-title {
  width: 100%;
  text-align: center;
}

.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__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.webcam-related {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  grid-auto-flow: row;
  gap: 14px 12px;
  align-items: stretch;
}

.yt-grid.webcam-related .channels__item {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  min-width: 0;
  text-align: left;
}

.yt-grid.webcam-related .channels__img {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

.yt-grid.webcam-related .channels__name,
.yt-grid.webcam-related .yt-title {
  width: 100%;
  margin: 8px 0 0;
  font-size: 13px;
  line-height: 1.35;
  font-weight: 600;
  color: #1c548b;
  text-align: center;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.yt-grid.webcam-related lite-youtube {
  max-height: none;
  width: 100%;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
}

.webcam-related__lite {
  display: block;
  width: 100%;
}

.yt-grid.webcam-related .webcam-related__lite lite-youtube {
  pointer-events: none;
}

.yt-grid.webcam-related .webcam-related__item:hover lite-youtube > .lty-playbtn {
  filter: none;
}


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

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

@media (max-width: 640px) {
  .yt-grid.webcam-related {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.fastsearch-item {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 10px 12px;
  text-decoration: none;
  color: inherit;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
.fastsearch-item:hover {
  background: #f4f8fc;
}
.fastsearch-item__img {
  flex: 0 0 80px;
  width: 80px;
  height: 54px;
  object-fit: cover;
  border-radius: 8px;
}
.fastsearch-item__img.channels__img--logo-fallback {
  object-fit: contain;
  padding: 10px;
  background: #f4f8fc;
  box-sizing: border-box;
}
.fastsearch-item__body {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}
.fastsearch-item__text {
  display: block;
  font-size: 13px;
  line-height: 1.35;
  color: #666;
}
.search-results.chview--grid {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* ShareThis — centered between video block and content below */
.live-block--similar-webcams + .live-channel-share,
.live-block--channel + .live-channel-share {
  margin: 48px auto 40px;
  padding: 24px 20px;
  text-align: center;
}
.live-channel-share {
  margin: 36px auto 36px;
  padding: 0 20px;
  text-align: center;
  clear: both;
}
.live-channel-share .sharethis-inline-share-buttons {
  display: flex !important;
  justify-content: center !important;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 auto;
  max-width: 100%;
}
.live-block--similar-webcams {
  margin-bottom: 8px;
}
.live-block--similar-webcams .yt-grid.webcam-related {
  margin-bottom: 0;
}
.live-block--similar-webcams .yt-grid.webcam-related .channels__name,
.live-block--similar-webcams .yt-grid.webcam-related .yt-title {
  margin-bottom: 4px;
}

/* List view only: edit gear after title (hidden for guests via DLE [edit]) */
.chv-list .news__name {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
}
.chv-list .news__name .edit-link {
  flex-shrink: 0;
  margin: 0;
}


/* Unified tile title weight — fullstory / related only */
.yt-grid.webcam-related .channels__name,
.yt-grid.webcam-related .yt-title,
.live-related__row .channels__name,
.live-related__row .yt-title,
.yt-title {
  font-weight: 600 !important;
}

/* Static pages (about, privacy, dmca, countries, etc.) */
.static-page {
  margin-top: 40px;
  margin-bottom: 64px;
}

.static-page .content-panel {
  padding: 36px 24px 44px;
  border-radius: 12px;
}

.static-page__head {
  text-align: center;
  margin-bottom: 28px;
}

.static-page__title,
.static-page .about-static .title {
  margin: 0;
  font-size: clamp(22px, 2.5vw, 28px);
  font-weight: 700;
  line-height: 1.3;
  color: #007cce;
  text-align: center;
}

.static-page__text {
  max-width: 920px;
  margin: 20px auto 0;
  line-height: 1.6;
  font-size: 16px;
  color: #343434;
}

.static-page__text > *:first-child {
  margin-top: 0;
}

.static-page__text p {
  margin: 0 0 1em;
}

.static-page__text ul,
.static-page__text ol {
  margin: 12px 0 16px;
  padding-left: 1.35em;
}

.static-page__text li {
  margin-bottom: 0.45em;
}

.static-page__text a {
  color: #007cce;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.static-page__text a:hover {
  text-decoration: none;
}

.static-page__text h2,
.static-page__text h3,
.static-page__text h4 {
  margin: 28px 0 12px;
  font-weight: 700;
  line-height: 1.35;
  color: #007cce;
}

.static-page__text h2 { font-size: 22px; }
.static-page__text h3 { font-size: 19px; }
.static-page__text h4 { font-size: 17px; }

.static-page__pages {
  margin-top: 24px;
  text-align: center;
  font-size: 15px;
}

.static-page__pages a {
  color: #007cce;
}

.static-page--countries {
  margin-top: 32px;
}

.static-page--countries .static-page__title {
  margin-bottom: 8px;
}

@media (max-width: 767.98px) {
  .static-page {
    margin-top: 24px;
    margin-bottom: 48px;
  }

  .static-page .content-panel {
    padding: 24px 16px 32px;
    border-radius: 10px;
  }

  .static-page__text {
    font-size: 15px;
  }
}

/* Webcams list/grid toggle — must win over webcam layout rules */
.chview--list .chv-item--webcam .chv-grid {
  display: none !important;
}
.chview--grid .chv-item--webcam .chv-list {
  display: none !important;
}
.chview--list .chv-item--webcam .chv-list {
  display: flex !important;
}