/* Two editorial entry cards shared by the channel and cinema views. */
.media-switch {
  display: flex;
  flex-direction: column;
  direction: rtl;
  width: min(1180px, calc(100% - 32px));
  max-width: 1180px;
  margin: 12px auto 27px;
  padding: clamp(10px, 1.7vw, 18px);
  border: 1px solid rgba(228, 187, 105, .68);
  border-radius: 29px;
  background: linear-gradient(135deg, #09241d, #0a1b17 55%, #16170f);
  box-shadow: 0 16px 38px #0008, inset 0 1px #fff1;
  overflow: hidden;
  isolation: isolate;
}
.media-switch-choice,
.media-switch-choice.is-active {
  position: relative;
  flex: none;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: clamp(10px, 2vw, 21px);
  min-width: 0;
  min-height: clamp(160px, 20vw, 235px);
  padding: 18px clamp(24px, 4vw, 68px);
  border: 1px solid rgba(228, 187, 105, .72);
  border-radius: 23px;
  color: #fff7e8;
  background-image: linear-gradient(to left, #071e1bf2 0%, #071e1bbb 36%, transparent 75%), url('/media-entrances.webp');
  background-size: 100% 100%, 200% auto;
  background-position: center, left center;
  background-repeat: no-repeat;
  box-shadow: 0 18px 28px #0008;
  text-decoration: none;
  text-align: right;
  font-size: clamp(22px, 3.3vw, 36px);
  font-weight: 850;
  line-height: 1.5;
  transform: rotate(1.1deg) scale(.98);
  transition: transform .2s ease, border-color .2s ease, filter .2s ease;
}
.media-switch-choice.media-switch-films,
.media-switch-choice.media-switch-films.is-active {
  z-index: 1;
  margin-top: -16px;
  background-image: linear-gradient(to left, #1b1410f5 0%, #1b1410b8 42%, transparent 81%), url('/media-entrances.webp');
  background-position: center, right center;
  transform: rotate(-1.1deg) scale(.98);
}
.media-switch-choice.is-active { border-color: #f8d790; box-shadow: 0 18px 30px #000a, inset 0 0 0 1px #f8d79050; }
.media-switch-choice.media-switch-channels,
.media-switch-choice.media-switch-channels.is-active { background: #092219; isolation: isolate; }
.channel-tv-art {
  position: absolute;
  inset: 0;
  z-index: 0;
  border-radius: inherit;
  background: url('/channel-tv.webp') center / 100% 100% no-repeat;
  overflow: hidden;
}
.channel-tv-art::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(to left, #071d17e8, #071d1788 36%, transparent 62%);
}
.channel-tv-logos {
  position: absolute;
  z-index: 1;
  top: 16%;
  bottom: 22%;
  left: 7.1%;
  width: 40.1%;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-template-rows: repeat(3, minmax(0, 1fr));
  gap: clamp(2px, .5vw, 7px);
  direction: ltr;
  pointer-events: none;
}
.channel-tv-logos > span { min-width: 0; min-height: 0; display: grid; place-items: center; overflow: hidden; padding: clamp(2px, .4vw, 5px); border: 1px solid #ffffff28; border-radius: 5px; background: #172728d6; }
.channel-tv-logos img { display: block; min-width: 0; min-height: 0; width: 100%; height: 100%; object-fit: contain; }
.media-switch-choice.media-switch-channels > .media-switch-label,
.media-switch-choice.media-switch-channels > .media-switch-arrow { position: relative; z-index: 2; }
.media-switch-choice:not(.is-active):hover { background-color: transparent; filter: brightness(1.14); }
.media-switch-choice:hover,
.media-switch-choice.media-switch-films:hover { transform: rotate(0) scale(1); z-index: 2; }
.media-switch-choice:focus-visible { outline: 3px solid #ffe0a1; outline-offset: 3px; z-index: 3; }
.media-switch-label { display: inline-block; min-width: 0; text-shadow: 0 2px 12px #000, 0 1px 3px #000; }
.media-switch-arrow {
  order: -1;
  flex: none;
  display: grid;
  place-items: center;
  width: clamp(51px, 6vw, 69px);
  height: clamp(51px, 6vw, 69px);
  border: 1px solid #ffe1a4;
  border-radius: 50%;
  color: #1d1a12;
  background: linear-gradient(135deg, #ffe0a0, #c39143);
  font: 400 clamp(26px, 4vw, 36px)/1 system-ui, sans-serif;
  box-shadow: 0 0 0 8px #c89b4022, 0 8px 22px #0007;
}
@media (max-width: 680px) {
  .media-switch { width: calc(100% - 24px); margin: 8px auto 18px; padding: 10px; border-radius: 22px; }
  .media-switch-choice,
  .media-switch-choice.is-active { min-height: 145px; gap: 14px; padding: 15px clamp(15px, 4vw, 25px); border-radius: 18px; font-size: clamp(18px, 5.2vw, 25px); }
  .media-switch-choice.media-switch-films,
  .media-switch-choice.media-switch-films.is-active { margin-top: -9px; }
  .media-switch-arrow { width: 44px; height: 44px; font-size: 25px; box-shadow: 0 0 0 5px #c89b4022; }
}
@media (max-width: 360px) {
  .media-switch-choice,
  .media-switch-choice.is-active { min-height: 125px; padding-inline: 14px; gap: 9px; font-size: 17px; }
  .media-switch-arrow { width: 38px; height: 38px; font-size: 23px; }
}
@media (prefers-reduced-motion: reduce) {
  .media-switch-choice { transition: none; }
}