:root {
  color-scheme: dark;
  --webtv-red: #ef233c;
  --brand-rgb: 239, 35, 60;
  --webtv-ink: #06111d;
  --webtv-panel: rgba(6, 21, 35, .94);
  --webtv-line: rgba(158, 188, 219, .26);
  --webtv-safe: clamp(16px, 2.1vw, 42px);
  --webtv-bottom-safe: max(env(safe-area-inset-bottom), clamp(12px, 1.5vw, 28px));
}

* {
  box-sizing: border-box;
}

html,
body {
  width: 100%;
  min-width: 320px;
  height: 100%;
  margin: 0;
  overflow: hidden;
  background: #000;
}

body {
  display: grid;
  place-items: center;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: #fff;
  overscroll-behavior: none;
  -webkit-tap-highlight-color: transparent;
}

button,
input {
  font: inherit;
}

.webtv-stage {
  width: 100vw;
  height: 100vh;
  height: 100dvh;
  display: grid;
  place-items: center;
  background:
    radial-gradient(circle at 50% 32%, rgba(var(--brand-rgb), .12), transparent 42%),
    #000;
  outline: 0;
}
.webtv-stage.is-preview .webtv-controls,
.webtv-stage.is-preview .webtv-audio-notice,
.webtv-stage.is-preview .webtv-tv-hint{display:none!important}

.webtv-player {
  position: relative;
  isolation: isolate;
  width: 100vw;
  height: 100vh;
  height: 100dvh;
  max-width: none;
  max-height: none;
  aspect-ratio: auto;
  overflow: hidden;
  background: #020508;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, .05), 0 32px 90px rgba(0, 0, 0, .72);
  --safe: var(--webtv-safe);
}

.webtv-stage.is-tv,
.webtv-stage.is-tv .webtv-player,
:fullscreen .webtv-player,
:-webkit-full-screen .webtv-player {
  width: 100vw;
  max-width: none;
  height: 100vh;
  height: 100dvh;
  max-height: none;
  aspect-ratio: auto;
}

.webtv-stage.is-tv .webtv-player {
  --safe: max(var(--webtv-safe), calc(min(100vw, 100vh) * var(--tv-overscan, .02)));
}

.webtv-media-stack,
.webtv-media-slot,
.webtv-hold,
.webtv-interaction-shield,
.webtv-graphics,
.webtv-transition,
.webtv-ad-stage,
.webtv-offline {
  position: absolute;
  inset: 0;
}

.webtv-media-stack {
  z-index: 1;
  overflow: hidden;
  background: #000;
  transform: translateZ(0);
  transition: transform .7s cubic-bezier(.22, .8, .2, 1), filter .35s ease;
}

.webtv-media-slot {
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  background: #000;
  pointer-events: none;
  transform: translateZ(0) scale(1.006);
  transition: none;
}

.webtv-media-slot.is-active {
  z-index: 2;
  opacity: 1;
  visibility: visible;
  transition: none;
}

.webtv-media-slot iframe,
.webtv-media-slot video,
.webtv-media-slot > div {
  position: absolute !important;
  inset: -8% -3% !important;
  display: block;
  width: 106% !important;
  height: 116% !important;
  min-width: 106%;
  min-height: 116%;
  border: 0;
  background: #000;
  object-fit: cover;
}

.webtv-media-slot video {
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
}

.webtv-hold {
  z-index: 4;
  display: grid;
  place-items: center;
  overflow: hidden;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .025), transparent 42%),
    radial-gradient(circle at 50% 45%, rgba(var(--brand-rgb), .28), transparent 32%),
    #02070d;
  opacity: 1;
  visibility: visible;
  transition: opacity .55s ease, visibility 0s;
}

.webtv-hold.is-hidden {
  opacity: 0;
  visibility: hidden;
  transition: opacity .55s ease, visibility 0s linear .55s;
}

.webtv-hold-glow {
  position: absolute;
  width: 55%;
  aspect-ratio: 1;
  border-radius: 50%;
  background: rgba(var(--brand-rgb), .18);
  filter: blur(100px);
  animation: webtv-hold-pulse 5s ease-in-out infinite;
}

.webtv-hold-brand {
  position: relative;
  display: flex;
  align-items: center;
  gap: clamp(14px, 1.5vw, 26px);
  padding: clamp(18px, 2.2vw, 34px);
}

.webtv-hold-brand > span {
  width: clamp(58px, 7vw, 108px);
  aspect-ratio: 1;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, .18);
  border-radius: 28%;
  background: linear-gradient(145deg, rgba(var(--brand-rgb), .82), var(--brand, #ef233c));
  box-shadow: 0 20px 55px rgba(var(--brand-rgb), .24);
  font-size: clamp(20px, 2.4vw, 42px);
  font-weight: 950;
  letter-spacing: -.05em;
}

.webtv-hold-brand img {
  display: block;
  width: clamp(100px, 14vw, 250px);
  max-height: clamp(70px, 10vw, 150px);
  object-fit: contain;
}

.webtv-hold-brand div {
  display: grid;
  gap: 4px;
}

.webtv-hold-brand strong {
  font-size: clamp(25px, 3vw, 54px);
  line-height: 1;
  letter-spacing: -.04em;
}

.webtv-hold-brand small {
  color: #aabdd0;
  font-size: clamp(10px, .85vw, 15px);
  font-weight: 750;
  letter-spacing: .2em;
  text-transform: uppercase;
}

.webtv-interaction-shield {
  z-index: 5;
  background: transparent;
  pointer-events: auto;
}

.webtv-graphics {
  z-index: 10;
  pointer-events: none;
}

.webtv-channel-mark {
  position: absolute;
  top: var(--safe);
  left: var(--safe);
  z-index: 3;
  display: flex;
  align-items: center;
  gap: clamp(8px, .8vw, 14px);
  filter: drop-shadow(0 5px 12px rgba(0, 0, 0, .7));
}

.webtv-channel-mark.sag-ust {
  right: var(--safe);
  left: auto;
}

.webtv-channel-mark img {
  display: block;
  width: clamp(48px, var(--channel-logo-width, 10vw), 240px);
  max-height: clamp(48px, 7vw, 118px);
  object-fit: contain;
}

.webtv-text-logo{position:relative;display:inline-flex;align-items:center;gap:clamp(5px,.42vw,9px);color:var(--logo-text,#fff);filter:drop-shadow(0 3px 7px rgba(0,0,0,.88));isolation:isolate;white-space:nowrap}
.webtv-text-logo b{color:inherit;font-size:clamp(20px,calc(var(--channel-logo-width,92px)*.34),58px);font-weight:950;line-height:.92;letter-spacing:-.06em;text-transform:uppercase}
.webtv-text-logo i{display:grid;place-items:center;min-width:1.55em;height:1.55em;padding:0 .25em;border:1px solid rgba(255,255,255,.68);border-radius:.28em;background:var(--logo-badge);box-shadow:inset 0 1px rgba(255,255,255,.3),0 3px 12px rgba(var(--brand-rgb),.36);color:#fff;font-size:clamp(11px,calc(var(--channel-logo-width,92px)*.16),28px);font-style:normal;font-weight:950;letter-spacing:-.04em}
.webtv-text-logo.duzen-satir i{min-width:auto;height:auto;padding:.16em .36em;border-radius:.22em}.webtv-text-logo.duzen-sade i{display:none}.webtv-text-logo.stil-geometrik b{font-family:Arial Black,Impact,sans-serif;letter-spacing:-.035em}.webtv-text-logo.stil-klasik b{font-family:Georgia,serif;font-weight:800;letter-spacing:-.045em}.webtv-text-logo.stil-teknik b{font-family:Consolas,Monaco,monospace;font-weight:900;letter-spacing:-.075em}
.webtv-text-logo em{position:absolute;display:none;color:#fff;font-style:normal;text-shadow:0 0 8px #fff;pointer-events:none}.webtv-text-logo.efekt-parlama{animation:webtv-logo-glow 3.2s ease-in-out infinite}.webtv-text-logo.efekt-nabiz{animation:webtv-logo-pulse 4s ease-in-out infinite}.webtv-text-logo.efekt-isik{overflow:hidden}.webtv-text-logo.efekt-isik::after{content:"";position:absolute;z-index:2;top:-35%;bottom:-35%;left:-30%;width:16%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.78),transparent);transform:skewX(-18deg);animation:webtv-logo-shine 5s ease-in-out infinite}.webtv-text-logo.efekt-yildiz em{display:block;animation:webtv-logo-star 5.5s linear infinite}
@keyframes webtv-logo-glow{0%,100%{filter:drop-shadow(0 3px 7px rgba(0,0,0,.88)) brightness(1)}50%{filter:drop-shadow(0 0 11px var(--logo-badge)) brightness(1.2)}}@keyframes webtv-logo-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.045)}}@keyframes webtv-logo-shine{0%,66%{left:-30%;opacity:0}72%{opacity:1}90%,100%{left:118%;opacity:0}}@keyframes webtv-logo-star{0%{left:-8%;top:-25%;transform:scale(.65) rotate(0);opacity:0}10%{opacity:1}45%{left:96%;top:-18%;transform:scale(1) rotate(180deg);opacity:1}55%{opacity:0}56%{left:96%;top:88%;opacity:0}65%{opacity:1}92%{left:-6%;top:84%;transform:scale(.7) rotate(360deg);opacity:1}100%{opacity:0}}
@media (prefers-reduced-motion:reduce){.webtv-text-logo{animation:none!important}.webtv-text-logo::after,.webtv-text-logo em{animation:none!important;display:none!important}}

/* Gelişmiş logo oluşturucunun v4.2 ile değiştirilen sınıf sözleşmesi. */
.webtv-text-logo{position:relative;display:flex!important;align-items:center;gap:clamp(5px,.5vw,9px);color:inherit;filter:none;isolation:isolate;transform-origin:center;white-space:normal}
.webtv-text-logo strong{color:var(--logo-text,#fff);font-size:clamp(19px,2.25vw,40px);font-weight:950;line-height:.9;letter-spacing:-.055em;text-transform:uppercase;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.55)}
.webtv-text-logo b{display:grid;place-items:center;min-width:clamp(31px,3.1vw,54px);height:clamp(29px,2.9vw,51px);padding:0 clamp(6px,.55vw,10px);border:1px solid rgba(255,255,255,.55);border-radius:18%;background:var(--logo-badge-bg,#ef233c);color:var(--logo-badge-text,#fff);font-size:clamp(12px,1.25vw,22px);font-weight:950;line-height:1;letter-spacing:-.03em;box-shadow:inset 0 1px rgba(255,255,255,.28)}
.webtv-channel-mark.logo-kondanse .webtv-text-logo strong{font-family:"Arial Narrow","Roboto Condensed",Impact,sans-serif;letter-spacing:-.025em}
.webtv-channel-mark.logo-kurumsal .webtv-text-logo strong{font-family:Georgia,"Times New Roman",serif;font-weight:800}
.webtv-channel-mark.logo-geometrik .webtv-text-logo strong{font-family:Futura,Montserrat,Arial,sans-serif;letter-spacing:.02em}
.webtv-channel-mark.logo-teknolojik .webtv-text-logo strong{font-family:Orbitron,Eurostile,"Arial Black",sans-serif;letter-spacing:.08em}
.webtv-channel-mark.logo-editoryal .webtv-text-logo strong{font-family:"Bodoni 72",Didot,Georgia,serif;font-weight:700}
.webtv-channel-mark.logo-yuvarlak .webtv-text-logo strong{font-family:"Arial Rounded MT Bold",Nunito,Arial,sans-serif}
.webtv-channel-mark.logo-mono .webtv-text-logo strong{font-family:"Roboto Mono","Courier New",monospace;letter-spacing:.035em}
.webtv-channel-mark.duzen-rozet-yazi .webtv-text-logo{flex-direction:row-reverse}
.webtv-channel-mark.duzen-ust-alt .webtv-text-logo{flex-direction:column;align-items:flex-start}
.webtv-channel-mark.duzen-sadece-yazi .webtv-text-logo b,.webtv-channel-mark.duzen-sadece-rozet .webtv-text-logo strong{display:none}
.webtv-channel-mark.duzen-merkez-rozet .webtv-text-logo{width:clamp(74px,7vw,124px);height:clamp(74px,7vw,124px);justify-content:center}
.webtv-channel-mark.duzen-merkez-rozet .webtv-text-logo>strong{display:none}
.webtv-channel-mark.rozet-yok .webtv-text-logo b{background:transparent;border:0;box-shadow:none}
.webtv-channel-mark.rozet-kare .webtv-text-logo b{border-radius:0}
.webtv-channel-mark.rozet-yuvarlatilmis .webtv-text-logo b{border-radius:22%}
.webtv-channel-mark.rozet-daire .webtv-text-logo b{border-radius:50%;aspect-ratio:1;padding:0}
.webtv-channel-mark.rozet-oval .webtv-text-logo b{border-radius:999px;padding-inline:14px}
.webtv-channel-mark.rozet-ucgen .webtv-text-logo b{clip-path:polygon(50% 0,100% 100%,0 100%);border:0;padding-top:10px}
.webtv-channel-mark.rozet-elmas .webtv-text-logo b{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);border:0}
.webtv-channel-mark.rozet-yildiz .webtv-text-logo b{clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 94%,50% 72%,21% 94%,32% 57%,2% 35%,39% 35%);border:0;aspect-ratio:1}
.webtv-channel-mark.rozet-altigen .webtv-text-logo b{clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);border:0}
.webtv-channel-mark.anim-parilti .webtv-text-logo:after{content:"";position:absolute;z-index:3;inset:-18% -6%;background:linear-gradient(105deg,transparent 38%,rgba(255,255,255,.8) 49%,transparent 60%);transform:translateX(-125%);animation:webtv-logo-generator-shine 5.5s ease-in-out infinite;pointer-events:none}
.webtv-channel-mark.anim-sonum .webtv-text-logo,.webtv-channel-mark.anim-sonum img{animation:webtv-logo-generator-fade 7s ease-in-out infinite}
.webtv-channel-mark.anim-nabiz .webtv-text-logo,.webtv-channel-mark.anim-nabiz img{animation:webtv-logo-generator-pulse 3.6s ease-in-out infinite}
.webtv-channel-mark.anim-suzul .webtv-text-logo,.webtv-channel-mark.anim-suzul img{animation:webtv-logo-generator-float 6s ease-in-out infinite}
.webtv-channel-mark.anim-salinim .webtv-text-logo,.webtv-channel-mark.anim-salinim img{animation:webtv-logo-generator-swing 7s ease-in-out infinite}
.webtv-channel-mark.anim-donus .webtv-text-logo,.webtv-channel-mark.anim-donus img{animation:webtv-logo-generator-turn 9s ease-in-out infinite}
.webtv-logo-orbit{position:absolute!important;z-index:5;inset:-13px;display:block!important;border:1px solid rgba(255,255,255,.12);border-radius:50%;pointer-events:none;animation:webtv-logo-generator-ring 7s linear infinite}
.webtv-logo-orbit span{position:absolute;top:-9px;left:50%;transform:translateX(-50%);color:#fff;font:900 clamp(9px,.9vw,15px)/1 Arial,sans-serif;white-space:nowrap;text-shadow:0 0 6px #fff,0 0 14px var(--logo-badge-bg,#ef233c)}
.webtv-channel-mark.yon-sol .webtv-logo-orbit{animation-direction:reverse}
@keyframes webtv-logo-generator-shine{0%,62%{transform:translateX(-125%)}82%,100%{transform:translateX(125%)}}
@keyframes webtv-logo-generator-fade{0%,35%,100%{opacity:1}58%{opacity:.22}72%{opacity:1}}
@keyframes webtv-logo-generator-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.055)}}
@keyframes webtv-logo-generator-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes webtv-logo-generator-swing{0%,100%{transform:rotate(-1deg)}50%{transform:rotate(2deg)}}
@keyframes webtv-logo-generator-turn{0%,100%{transform:perspective(400px) rotateY(0)}45%{transform:perspective(400px) rotateY(14deg)}55%{transform:perspective(400px) rotateY(-10deg)}}
@keyframes webtv-logo-generator-ring{to{transform:rotate(360deg)}}

.webtv-stage[data-fullscreen-ticker="0"]:fullscreen .webtv-ticker,
.webtv-stage[data-fullscreen-ticker="0"]:-webkit-full-screen .webtv-ticker {
  display: none !important;
}

.webtv-channel-mark > span {
  width: clamp(44px, 4.2vw, 72px);
  aspect-ratio: 1;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 20%;
  background: linear-gradient(145deg, rgba(var(--brand-rgb), .86), var(--brand, #ef233c));
  font-size: clamp(14px, 1.45vw, 25px);
  font-weight: 950;
}

.webtv-channel-mark div {
  display: grid;
  gap: 2px;
}

.webtv-channel-mark strong {
  font-size: clamp(14px, 1.4vw, 25px);
  line-height: 1;
  letter-spacing: -.02em;
}

.webtv-channel-mark small {
  color: rgba(255, 255, 255, .78);
  font-size: clamp(7px, .55vw, 11px);
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.webtv-program-tag {
  position: absolute;
  top: var(--safe);
  right: var(--safe);
  display: flex;
  align-items: center;
  min-height: clamp(46px, 5vw, 78px);
  max-width: min(36%, 540px);
  padding: clamp(10px, 1.15vw, 18px) clamp(15px, 1.5vw, 26px);
  border: 1px solid var(--webtv-line);
  border-left: 4px solid var(--brand, #ef233c);
  border-radius: clamp(12px, 1.15vw, 22px);
  background: linear-gradient(120deg, rgba(4, 16, 29, .97), rgba(9, 31, 51, .93));
  box-shadow: 0 14px 38px rgba(0, 0, 0, .32);
  backdrop-filter: blur(12px);
}

.webtv-channel-mark.sag-ust + .webtv-program-tag {
  right: auto;
  left: var(--safe);
}

.webtv-program-tag > i {
  width: clamp(9px, .8vw, 15px);
  aspect-ratio: 1;
  margin-right: clamp(10px, .9vw, 16px);
  border-radius: 50%;
  background: var(--brand, #ef233c);
  box-shadow: 0 0 0 7px rgba(var(--brand-rgb), .14), 0 0 22px var(--brand, #ef233c);
  animation: webtv-live-dot 2s ease-in-out infinite;
}

.webtv-program-tag div {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.webtv-program-tag strong,
.webtv-program-tag span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.webtv-program-tag strong {
  font-size: clamp(13px, 1.25vw, 22px);
  letter-spacing: .03em;
}

.webtv-program-tag span {
  color: #a9bdd0;
  font-size: clamp(9px, .7vw, 13px);
  font-weight: 700;
}

.webtv-lower-third {
  position: absolute;
  left: var(--safe);
  bottom: calc(var(--webtv-bottom-safe) + clamp(78px, 7vw, 118px));
  display: flex;
  align-items: stretch;
  min-width: min(42%, 760px);
  max-width: min(68%, 1080px);
  border: 1px solid var(--webtv-line);
  border-left: 5px solid var(--brand, #ef233c);
  border-radius: clamp(13px, 1.1vw, 21px);
  background: linear-gradient(115deg, rgba(4, 18, 31, .97), rgba(9, 36, 59, .94));
  box-shadow: 0 18px 48px rgba(0, 0, 0, .42);
  opacity: 0;
  transform: translate3d(-35px, 0, 0);
  visibility: hidden;
  transition: opacity .32s ease, transform .5s cubic-bezier(.2, .85, .2, 1), visibility 0s linear .5s;
}

.webtv-lower-third.is-visible {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  visibility: visible;
  transition: opacity .32s ease, transform .5s cubic-bezier(.2, .85, .2, 1), visibility 0s;
}

.webtv-lower-third > span {
  display: grid;
  place-items: center;
  min-width: clamp(88px, 9vw, 150px);
  margin: clamp(9px, .75vw, 13px);
  padding: 0 clamp(11px, 1vw, 18px);
  border-radius: clamp(9px, .7vw, 13px);
  background: var(--brand, #ef233c);
  font-size: clamp(11px, 1vw, 18px);
  font-weight: 900;
  letter-spacing: .06em;
}

.webtv-lower-third > div {
  min-width: 0;
  display: grid;
  align-content: center;
  gap: 3px;
  padding: clamp(13px, 1.25vw, 22px) clamp(18px, 1.7vw, 30px) clamp(13px, 1.25vw, 22px) 0;
}

.webtv-lower-third strong,
.webtv-lower-third small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.webtv-lower-third strong {
  font-size: clamp(16px, 1.7vw, 30px);
  line-height: 1.1;
}

.webtv-lower-third small {
  color: #b6c8d9;
  font-size: clamp(9px, .78vw, 14px);
}

.webtv-info-card {
  position: absolute;
  right: var(--safe);
  left: auto;
  bottom: calc(var(--webtv-bottom-safe) + clamp(82px, 8vw, 136px));
  width: min(40%, 680px);
  display: grid;
  grid-template-columns: clamp(42px, 4vw, 68px) 1fr;
  gap: clamp(10px, 1vw, 16px);
  align-items: center;
  padding: clamp(12px, 1.25vw, 21px);
  border: 1px solid var(--webtv-line);
  border-radius: clamp(14px, 1.25vw, 23px);
  background: linear-gradient(135deg, rgba(4, 17, 30, .97), rgba(11, 39, 62, .94));
  box-shadow: 0 20px 55px rgba(0, 0, 0, .4);
  opacity: 0;
  transform: translate3d(35px, 0, 0);
  visibility: hidden;
  transition: .42s cubic-bezier(.2, .85, .2, 1);
}

.webtv-info-card.is-visible {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  visibility: visible;
}

.webtv-stage.is-tv .webtv-info-card {
  right: auto;
  left: var(--safe);
}

.webtv-info-card > i {
  display: grid;
  place-items: center;
  aspect-ratio: 1;
  border-radius: 16px;
  background: var(--brand, #ef233c);
  box-shadow: 0 12px 30px rgba(var(--brand-rgb), .22);
  font-size: clamp(15px, 1.4vw, 25px);
  font-style: normal;
  font-weight: 950;
}

.webtv-info-card > div {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.webtv-info-card small {
  color: var(--brand, #ef233c);
  font-size: clamp(8px, .65vw, 12px);
  font-weight: 900;
  letter-spacing: .12em;
}

.webtv-info-card strong {
  overflow: hidden;
  font-size: clamp(14px, 1.35vw, 24px);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.webtv-info-card span {
  overflow: hidden;
  color: #b5c7d8;
  font-size: clamp(9px, .75vw, 14px);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.webtv-info-values {
  display: flex;
  gap: clamp(7px, .7vw, 12px);
  margin-top: clamp(6px, .55vw, 10px);
}

.webtv-info-values[hidden] {
  display: none;
}

.webtv-info-values > b {
  min-width: 0;
  display: grid;
  gap: 1px;
  padding: clamp(6px, .55vw, 9px) clamp(8px, .7vw, 12px);
  border: 1px solid rgba(255, 255, 255, .11);
  border-radius: 9px;
  background: rgba(255, 255, 255, .055);
}

.webtv-info-values > b > strong {
  font-size: clamp(11px, 1vw, 18px);
  line-height: 1;
}

.webtv-info-values > b > small {
  color: #91a8ba;
  font-size: clamp(7px, .52vw, 10px);
  letter-spacing: .02em;
  text-transform: none;
}

.webtv-ticker {
  position: absolute;
  right: var(--safe);
  bottom: var(--webtv-bottom-safe);
  left: var(--safe);
  z-index: 2;
  height: clamp(54px, 5.2vw, 86px);
  display: grid;
  grid-template-columns: auto 1fr;
  overflow: hidden;
  border: 1px solid var(--webtv-line);
  border-radius: clamp(11px, .85vw, 17px);
  background: rgba(7, 27, 45, .96);
  box-shadow: 0 16px 42px rgba(0, 0, 0, .38);
  opacity: 0;
  transform: translate3d(0, 25px, 0);
  visibility: hidden;
  transition: .35s ease;
}

.webtv-ticker.is-visible {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  visibility: visible;
}

.webtv-ticker > strong {
  position: relative;
  z-index: 2;
  min-width: clamp(135px, 14vw, 245px);
  display: grid;
  place-items: center;
  padding: 0 clamp(18px, 2vw, 35px);
  background: var(--brand, #ef233c);
  font-size: clamp(11px, 1.1vw, 19px);
  font-weight: 950;
  letter-spacing: .07em;
  white-space: nowrap;
}

.webtv-ticker > strong::after {
  content: "";
  position: absolute;
  top: 0;
  right: clamp(-24px, -1.8vw, -12px);
  width: clamp(24px, 1.8vw, 36px);
  height: 100%;
  background: var(--brand, #ef233c);
  clip-path: polygon(0 0, 100% 50%, 0 100%);
}

.webtv-ticker-viewport {
  position: relative;
  min-width: 0;
  overflow: hidden;
}

.webtv-ticker-viewport > span {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  width: max-content;
  min-width: 100%;
  height: 100%;
  padding-left: 100%;
  animation: webtv-ticker-move var(--ticker-duration, 34s) linear infinite;
  will-change: transform;
}

.webtv-ticker-viewport a {
  display: inline-block;
  padding-right: 8vw;
  color: #fff;
  font-size: clamp(13px, 1.35vw, 24px);
  font-weight: 750;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
}

.webtv-banner {
  position: absolute;
  z-index: 6;
  opacity: 0;
  visibility: hidden;
  transition: opacity .35s ease, visibility 0s linear .35s;
  overflow: hidden;
  border-radius: var(--banner-radius, 0);
}

.webtv-banner.is-visible {
  opacity: 1;
  visibility: visible;
  transition: opacity .35s ease, visibility 0s;
}

.webtv-banner,
.webtv-banner a,
.webtv-banner a > div {
  pointer-events: none;
}

.webtv-banner a {
  display: block;
  width: 100%;
  height: 100%;
}

.webtv-banner img,
.webtv-banner video,
.webtv-banner iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  object-fit: contain;
}

.webtv-banner > a > strong {
  display: none;
}

.webtv-banner.type-alt {
  right: auto;
  bottom: calc(var(--webtv-bottom-safe) + var(--banner-offset, 0px));
  left: 50%;
  width: min(var(--banner-width, 100%), calc(100% - (var(--safe) * 2)));
  height: min(var(--banner-height, 15%), 190px);
  transform: translateX(-50%);
}

.webtv-banner.type-alt[data-align="sol"] {
  right: auto;
  left: var(--safe);
  transform: none;
}

.webtv-banner.type-alt[data-align="sag"] {
  right: var(--safe);
  left: auto;
  transform: none;
}

.webtv-banner.type-l {
  inset: 0;
}

.webtv-banner.type-l img {
  object-fit: fill;
}

.webtv-player.has-banner.type-l .webtv-media-stack {
  transform: translate3d(var(--safe), var(--safe), 0) scale(.79);
  transform-origin: top left;
}

.webtv-banner.type-kose {
  right: var(--safe);
  bottom: calc(var(--webtv-bottom-safe) + var(--banner-offset, 16px));
  width: min(var(--banner-width, 33%), 560px);
  height: min(24%, 240px);
}

.webtv-banner.type-sponsor {
  right: var(--safe);
  top: calc(var(--safe) + clamp(74px, 8vw, 125px));
  width: min(var(--banner-width, 25%), 430px);
  height: min(17%, 150px);
}

.webtv-player.has-banner .webtv-ticker,
.webtv-player.has-banner .webtv-lower-third,
.webtv-player.has-banner .webtv-info-card,
.webtv-player.has-full-ad .webtv-graphics {
  opacity: 0;
  visibility: hidden;
}

.webtv-transition {
  z-index: 20;
  display: grid;
  place-content: center;
  justify-items: center;
  overflow: hidden;
  padding: 8vw;
  background: linear-gradient(120deg, #01070d, #071c2f);
  opacity: 0;
  visibility: hidden;
  transform: scale(1.04);
  transition: opacity .25s ease, transform .65s ease, visibility 0s linear .65s;
}

.webtv-player.has-transition .webtv-graphics,
.webtv-player.has-transition .webtv-controls,
.webtv-player.has-transition .webtv-hold,
.webtv-player.has-transition .webtv-media-stack {
  opacity: 0 !important;
  visibility: hidden !important;
}

.webtv-transition.is-visible {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
  transition: opacity .25s ease, transform .65s ease, visibility 0s;
}

.webtv-transition.is-leaving {
  opacity: 0;
  transform: scale(.985);
}

.webtv-transition::before,
.webtv-transition::after {
  content: "";
  position: absolute;
  width: 64vw;
  height: 64vw;
  border: 1px solid rgba(255, 255, 255, .06);
  border-radius: 50%;
  animation: webtv-ident-ring 4s linear infinite;
}

.webtv-transition::after {
  width: 42vw;
  height: 42vw;
  animation-direction: reverse;
  animation-duration: 6s;
}

.webtv-transition-beam {
  position: absolute;
  inset: 0;
  background: linear-gradient(115deg, transparent 30%, rgba(var(--brand-rgb), .20) 49%, transparent 68%);
  transform: translateX(-80%);
  animation: webtv-ident-beam 1.8s ease-in-out infinite;
}

.webtv-transition-brand {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: clamp(11px, 1vw, 18px);
  margin-bottom: clamp(18px, 2vw, 34px);
}

.webtv-transition-brand img {
  width: clamp(72px, 9vw, 160px);
  max-height: clamp(52px, 7vw, 110px);
  object-fit: contain;
}

.webtv-transition-brand > span {
  width: clamp(50px, 5vw, 86px);
  aspect-ratio: 1;
  display: grid;
  place-items: center;
  border-radius: 24%;
  background: var(--brand, #ef233c);
  font-size: clamp(16px, 1.8vw, 30px);
  font-weight: 950;
}

.webtv-transition-brand small {
  font-size: clamp(16px, 1.5vw, 27px);
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.webtv-transition > p,
.webtv-transition > h2 {
  position: relative;
  z-index: 2;
  margin: 0;
  text-align: center;
}

.webtv-transition > p {
  margin-bottom: 9px;
  color: var(--brand, #ef233c);
  font-size: clamp(10px, .8vw, 14px);
  font-weight: 900;
  letter-spacing: .24em;
}

.webtv-transition > h2 {
  max-width: 1000px;
  font-size: clamp(27px, 4vw, 72px);
  line-height: 1.04;
  letter-spacing: -.045em;
}

.webtv-ad-warning {
  position: absolute;
  top: calc(var(--safe) + clamp(72px, 7vw, 115px));
  left: 50%;
  z-index: 22;
  display: grid;
  justify-items: center;
  gap: 2px;
  padding: clamp(10px, 1vw, 17px) clamp(20px, 2.2vw, 38px);
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 999px;
  background: rgba(4, 17, 29, .94);
  box-shadow: 0 14px 40px rgba(0, 0, 0, .35);
  opacity: 0;
  transform: translate(-50%, -20px);
  visibility: hidden;
  transition: .35s ease;
}

.webtv-ad-warning.is-visible {
  opacity: 1;
  transform: translate(-50%, 0);
  visibility: visible;
}

.webtv-ad-warning span {
  color: #9fb6ca;
  font-size: clamp(7px, .55vw, 10px);
  font-weight: 850;
  letter-spacing: .18em;
}

.webtv-ad-warning strong {
  font-size: clamp(11px, 1vw, 18px);
}

.webtv-ad-stage {
  z-index: 25;
  overflow: hidden;
  background: #02070d;
  opacity: 0;
  visibility: hidden;
  transition: opacity .3s ease, visibility 0s linear .3s;
}

.webtv-ad-stage.is-visible {
  opacity: 1;
  visibility: visible;
  transition: opacity .3s ease, visibility 0s;
}

.webtv-ad-ident,
.webtv-ad-content {
  position: absolute;
  inset: 0;
}

.webtv-ad-ident {
  display: grid;
  place-content: center;
  justify-items: center;
  background:
    radial-gradient(circle at 50% 45%, rgba(var(--brand-rgb), .28), transparent 33%),
    linear-gradient(135deg, #02070d, #0a2137);
  opacity: 0;
  visibility: hidden;
  transition: .35s ease;
}

.webtv-ad-ident.is-visible {
  opacity: 1;
  visibility: visible;
}

.webtv-ad-ident-line {
  width: min(56vw, 820px);
  height: 2px;
  margin-bottom: clamp(22px, 2.4vw, 42px);
  background: linear-gradient(90deg, transparent, var(--brand, #ef233c), transparent);
  box-shadow: 0 0 30px var(--brand, #ef233c);
}

.webtv-ad-ident small {
  color: #b3c6d8;
  font-size: clamp(11px, 1vw, 18px);
  font-weight: 900;
  letter-spacing: .24em;
  text-transform: uppercase;
}

.webtv-ad-ident h2 {
  margin: 8px 0 4px;
  font-size: clamp(40px, 6vw, 105px);
  line-height: 1;
  letter-spacing: -.05em;
}

.webtv-ad-ident p {
  margin: 0;
  color: #a8bdcf;
  font-size: clamp(13px, 1.3vw, 23px);
}

.webtv-ad-content {
  display: grid;
  grid-template-rows: auto 1fr auto;
  opacity: 0;
  visibility: hidden;
}

.webtv-ad-content.is-visible {
  opacity: 1;
  visibility: visible;
}

.webtv-ad-top,
.webtv-ad-bottom {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 16px;
  min-height: clamp(48px, 5vw, 82px);
  padding: 0 var(--safe);
  background: rgba(3, 14, 24, .96);
  border-color: var(--webtv-line);
}

.webtv-ad-top {
  border-bottom: 1px solid var(--webtv-line);
}

.webtv-ad-top span {
  padding: 7px 12px;
  border-radius: 7px;
  background: var(--brand, #ef233c);
  font-size: clamp(9px, .75vw, 13px);
  font-weight: 950;
  letter-spacing: .08em;
}

.webtv-ad-top strong {
  flex: 1;
  overflow: hidden;
  font-size: clamp(12px, 1.1vw, 20px);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.webtv-ad-top time {
  color: #c2d1df;
  font-size: clamp(12px, 1.15vw, 21px);
  font-weight: 850;
}

.webtv-ad-media {
  position: relative;
  overflow: hidden;
  background: #000;
}

.webtv-ad-media iframe,
.webtv-ad-media video,
.webtv-ad-media img {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  object-fit: contain;
}

.webtv-ad-bottom {
  display: grid;
  grid-template-columns: minmax(0, auto) minmax(180px, 1fr);
  border-top: 1px solid var(--webtv-line);
}

.webtv-ad-bottom > div {
  min-width: 0;
  display: grid;
}

.webtv-ad-bottom strong,
.webtv-ad-bottom small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.webtv-ad-bottom small {
  color: #9fb5c9;
}

.webtv-ad-bottom > span {
  position: relative;
  height: 5px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(255, 255, 255, .13);
}

.webtv-ad-bottom > span i {
  position: absolute;
  inset: 0 auto 0 0;
  width: 0;
  border-radius: inherit;
  background: var(--brand, #ef233c);
  transition: width .6s linear;
}

.webtv-audio-notice {
  position: absolute;
  right: var(--safe);
  bottom: calc(var(--webtv-bottom-safe) + clamp(70px, 6vw, 105px));
  z-index: 30;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 11px 16px;
  border: 1px solid var(--webtv-line);
  border-radius: 12px;
  background: rgba(4, 18, 31, .94);
  box-shadow: 0 15px 38px rgba(0, 0, 0, .35);
  opacity: 0;
  transform: translateY(12px);
  visibility: hidden;
  transition: .3s ease;
  pointer-events: auto;
}

.webtv-audio-notice.is-visible {
  opacity: 1;
  transform: translateY(0);
  visibility: visible;
}

.webtv-audio-notice strong {
  font-size: clamp(10px, .8vw, 14px);
}

.webtv-controls {
  position: absolute;
  left: 50%;
  bottom: calc(var(--webtv-bottom-safe) + 10px);
  z-index: 40;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 10px;
  border: 1px solid var(--webtv-line);
  border-radius: 14px;
  background: rgba(3, 15, 26, .92);
  box-shadow: 0 14px 35px rgba(0, 0, 0, .35);
  opacity: 0;
  transform: translate(-50%, 15px);
  transition: .28s ease;
  pointer-events: auto;
}

.webtv-player.controls-visible .webtv-controls {
  opacity: 1;
  transform: translate(-50%, 0);
}

.webtv-controls button {
  width: 38px;
  height: 34px;
  border: 0;
  border-radius: 9px;
  background: rgba(255, 255, 255, .08);
  color: #fff;
  cursor: pointer;
}

.webtv-controls input {
  width: min(19vw, 180px);
  accent-color: var(--brand, #ef233c);
}

.webtv-stage.is-tv .webtv-controls {
  display: none;
}

.webtv-offline {
  z-index: 19;
  display: grid;
  place-content: center;
  justify-items: center;
  gap: 18px;
  background: linear-gradient(135deg, #02070d, #091f34);
  opacity: 0;
  visibility: hidden;
  transition: .45s ease;
}

.webtv-offline.is-visible {
  opacity: 1;
  visibility: visible;
}

.webtv-offline-brand {
  width: clamp(58px, 7vw, 110px);
  aspect-ratio: 1;
  display: grid;
  place-items: center;
  border-radius: 24%;
  background: var(--brand, #ef233c);
  font-size: clamp(18px, 2vw, 34px);
  font-weight: 950;
}

.webtv-offline strong {
  font-size: clamp(16px, 1.8vw, 32px);
}

.webtv-tv-hint {
  position: fixed;
  z-index: 100;
  left: 50%;
  bottom: 4vh;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 11px 16px;
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 13px;
  background: rgba(4, 16, 27, .94);
  color: #fff;
  box-shadow: 0 18px 45px rgba(0, 0, 0, .42);
  transform: translateX(-50%);
  transition: opacity .35s ease, transform .35s ease;
}

.webtv-tv-hint.is-hidden {
  opacity: 0;
  transform: translate(-50%, 16px);
  pointer-events: none;
}

.webtv-tv-hint > span {
  padding: 6px 9px;
  border-radius: 7px;
  background: var(--brand, #ef233c);
  font-size: 11px;
  font-weight: 950;
}

.webtv-tv-hint strong {
  font-size: 13px;
}

.webtv-tv-hint small {
  color: #9fb5c9;
  font-size: 11px;
}

@keyframes webtv-hold-pulse {
  0%, 100% { transform: scale(.85); opacity: .45; }
  50% { transform: scale(1.08); opacity: .9; }
}

/* Eski Smart TV Chromium sürümlerinde inset desteği yoksa yayın katmanlarını koru. */
@supports not (inset: 0) {
  .webtv-media-stack,
  .webtv-media-slot,
  .webtv-hold,
  .webtv-interaction-shield,
  .webtv-graphics,
  .webtv-transition,
  .webtv-ad-stage,
  .webtv-offline {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }

  .webtv-media-slot iframe,
  .webtv-media-slot video,
  .webtv-media-slot > div {
    top: -1.2% !important;
    right: -1.2% !important;
    bottom: -1.2% !important;
    left: -1.2% !important;
  }

  .webtv-media-slot video {
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
  }
}

/* Clamp/min/max tanımayan eski Smart TV motorlarında okunabilir güvenli alan. */
@supports not (width: clamp(1px, 2vw, 3px)) {
  :root {
    --webtv-safe: 24px;
    --webtv-bottom-safe: 18px;
  }

  .webtv-stage.is-tv .webtv-player {
    --safe: 28px;
  }

  .webtv-controls input {
    width: 180px;
  }
}

@keyframes webtv-live-dot {
  0%, 100% { opacity: .72; transform: scale(.9); }
  50% { opacity: 1; transform: scale(1.12); }
}

@keyframes webtv-ticker-move {
  from { transform: translateX(0); }
  to { transform: translateX(-100%); }
}

@keyframes webtv-ident-ring {
  from { transform: rotate(0deg) scale(.96); }
  50% { opacity: .7; }
  to { transform: rotate(360deg) scale(1.04); }
}

@keyframes webtv-ident-beam {
  0% { transform: translateX(-90%); }
  55%, 100% { transform: translateX(90%); }
}

@media (max-width: 760px) {
  :root {
    --webtv-safe: clamp(10px, 3vw, 18px);
    --webtv-bottom-safe: max(env(safe-area-inset-bottom), 9px);
  }

  .webtv-channel-mark div,
  .webtv-program-tag span {
    display: none;
  }

  .webtv-channel-mark img {
    width: clamp(48px, min(var(--channel-logo-width, 18vw), 28vw), 132px);
    max-height: 64px;
  }

  .webtv-channel-mark > span {
    width: clamp(36px, 10vw, 54px);
  }

  .webtv-program-tag {
    max-width: 48%;
    min-height: 38px;
    padding: 7px 11px;
    border-left-width: 3px;
  }

  .webtv-program-tag > i {
    width: 7px;
    margin-right: 8px;
    box-shadow: 0 0 0 4px rgba(var(--brand-rgb), .15);
  }

  .webtv-program-tag strong {
    font-size: clamp(10px, 3vw, 14px);
  }

  .webtv-lower-third {
    right: var(--safe);
    bottom: calc(var(--webtv-bottom-safe) + 58px);
    min-width: 0;
    max-width: none;
  }

  .webtv-lower-third > span {
    min-width: 62px;
    margin: 6px;
    padding: 0 8px;
    font-size: 9px;
  }

  .webtv-lower-third > div {
    padding: 10px 12px 10px 0;
  }

  .webtv-lower-third strong {
    font-size: 13px;
  }

  .webtv-lower-third small {
    display: none;
  }

  .webtv-info-card {
    right: var(--safe);
    bottom: calc(var(--webtv-bottom-safe) + 59px);
    left: var(--safe);
    width: auto;
    grid-template-columns: 38px 1fr;
    padding: 9px;
  }

  .webtv-info-card span {
    display: none;
  }

  .webtv-ticker {
    right: var(--safe);
    left: var(--safe);
    height: 45px;
  }

  .webtv-ticker > strong {
    min-width: 88px;
    max-width: 120px;
    padding: 0 12px;
    overflow: hidden;
    font-size: 9px;
    text-overflow: ellipsis;
  }

  .webtv-ticker-viewport a {
    font-size: 12px;
  }

  .webtv-banner.type-alt {
    right: 0;
    bottom: 0;
    left: 0;
  }

  .webtv-banner.type-kose {
    right: var(--safe);
    bottom: var(--webtv-bottom-safe);
    width: min(45%, 310px);
    height: min(28%, 150px);
  }

  .webtv-banner.type-sponsor {
    top: calc(var(--safe) + 48px);
    width: min(38%, 270px);
    height: min(20%, 110px);
  }

  .webtv-player.has-banner.type-l .webtv-media-stack {
    transform: translate3d(var(--safe), var(--safe), 0) scale(.77);
  }

  .webtv-controls {
    bottom: calc(var(--webtv-bottom-safe) + 3px);
    padding: 5px 7px;
  }

  .webtv-controls input {
    width: 94px;
  }

  .webtv-ad-bottom {
    grid-template-columns: 1fr;
    gap: 7px;
    padding-top: 8px;
    padding-bottom: 8px;
  }
}

@media (orientation: portrait) and (max-width: 760px) {
  .webtv-player {
    width: 100vw;
    height: 100vh;
    height: 100dvh;
  }

  .webtv-stage {
    align-items: center;
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .001ms !important;
  }
}