/*
 * V502 - Petrol mavisi / koyu lacivert arayuz
 * Referans palet: #10232d, #1d3546, #2a485a, #1c6698, #609fb9
 * Bu dosya renk katmanidir; yerlesim ve player davranisini degistirmez.
 */

:root {
  --v502-bg: #10232d;
  --v502-bg-deep: #071721;
  --v502-bg-dark: #04111a;
  --v502-panel: rgba(29, 53, 70, .78);
  --v502-panel-strong: rgba(16, 35, 45, .94);
  --v502-card: rgba(42, 72, 90, .38);
  --v502-card-hover: rgba(42, 72, 90, .66);
  --v502-border: rgba(96, 159, 185, .24);
  --v502-border-strong: rgba(96, 159, 185, .46);
  --v502-accent: #1c6698;
  --v502-accent-bright: #609fb9;
  --v502-cyan: #56c5e9;
  --v502-text: #eef7fa;
  --v502-muted: #a8bac4;
  --v502-shadow: 0 24px 70px rgba(0, 8, 14, .42);

  --z401-bg: var(--v502-bg-deep);
  --z401-panel: var(--v502-bg);
  --z401-panel-soft: var(--v502-panel);
  --z401-line: var(--v502-border);
  --z401-text: var(--v502-text);
  --z401-muted: var(--v502-muted);
  --z401-accent: var(--v502-accent-bright);
  --z401-accent-2: var(--v502-accent);
}

html {
  background: var(--v502-bg-deep) !important;
}

html body,
html body.vize-home-body,
html body.v388-live-page,
html body.v384-watch-body,
html body.home-layout-purple_stadium {
  background-color: var(--v502-bg-deep) !important;
  color: var(--v502-text) !important;
}

html body .top-ribbon,
html body .topbar,
html body .footer,
html body .mobile-app-nav {
  background: rgba(7, 23, 33, .94) !important;
  border-color: var(--v502-border) !important;
}

html body .menu a:hover,
html body .menu a.active {
  background: rgba(96, 159, 185, .18) !important;
  color: #fff !important;
}

/* Ana sayfa arka plani */
html body .z401-bg {
  background-color: var(--v502-bg-deep) !important;
  background-image:
    linear-gradient(180deg, rgba(5, 24, 35, .28), rgba(5, 19, 28, .92)),
    radial-gradient(circle at 12% 8%, rgba(28, 102, 152, .32), transparent 30%),
    radial-gradient(circle at 86% 14%, rgba(96, 159, 185, .18), transparent 26%),
    var(--theme-upload-bg, none),
    linear-gradient(135deg, #071721 0%, #10232d 48%, #071721 100%) !important;
  background-position: center, center, center, center, center !important;
  background-repeat: no-repeat !important;
  background-size: cover, cover, cover, cover, cover !important;
}

html body .z401-bg::before {
  background: radial-gradient(ellipse at center top, rgba(96, 159, 185, .18), transparent 62%) !important;
}

html body .z401-bg::after {
  background:
    linear-gradient(0deg, rgba(28, 102, 152, .15), transparent),
    repeating-linear-gradient(90deg, rgba(96, 159, 185, .055) 0 1px, transparent 1px 140px),
    repeating-linear-gradient(180deg, rgba(96, 159, 185, .04) 0 1px, transparent 1px 98px) !important;
}

html body .z401-notice-pill {
  background: linear-gradient(180deg, rgba(29, 53, 70, .78), rgba(16, 35, 45, .88)) !important;
  border-color: var(--v502-border) !important;
  box-shadow: 0 14px 35px rgba(0, 8, 14, .30), inset 0 1px 0 rgba(255, 255, 255, .06) !important;
}

html body .z401-notice-text,
html body .z401-brand-copy span,
html body .z401-player-empty p,
html body .z401-match-meta span,
html body .z401-channel-copy small {
  color: var(--v502-muted) !important;
}

html body .z401-header {
  background: linear-gradient(180deg, rgba(29, 53, 70, .92), rgba(16, 35, 45, .92)) !important;
  border-color: var(--v502-border) !important;
  box-shadow: var(--v502-shadow) !important;
}

html body .z401-socials a {
  background: rgba(96, 159, 185, .10) !important;
  border-color: var(--v502-border) !important;
}

html body .z401-socials a:hover {
  background: rgba(96, 159, 185, .24) !important;
  border-color: var(--v502-border-strong) !important;
  color: #fff !important;
}

html body .z401-menu {
  background: linear-gradient(180deg, rgba(42, 72, 90, .78), rgba(29, 53, 70, .82)) !important;
  border-color: var(--v502-border) !important;
}

html body .z401-menu a {
  color: #c3d1d8 !important;
  border-color: rgba(96, 159, 185, .12) !important;
}

html body .z401-menu a.active,
html body .z401-menu a:hover {
  background: rgba(96, 159, 185, .14) !important;
  color: #fff !important;
}

html body .z401-promo-top,
html body .z401-promo-bottom {
  background: linear-gradient(90deg, rgba(7, 23, 33, .90), rgba(28, 102, 152, .34), rgba(7, 23, 33, .90)) !important;
  border-color: var(--v502-border) !important;
}

html body .z401-fallback-banner {
  background:
    radial-gradient(circle at center, rgba(28, 102, 152, .30), transparent 58%),
    linear-gradient(90deg, #071721, #1d3546, #071721) !important;
}

html body .z401-fallback-text span {
  color: #cde2eb !important;
}

html body .z401-fallback-model {
  background: linear-gradient(180deg, var(--v502-accent-bright), var(--v502-accent)) !important;
}

html body .z401-fallback-model::before {
  background: #d7eaf1 !important;
  box-shadow: 0 28px 0 4px #d7eaf1, 0 54px 0 12px rgba(215, 234, 241, .92) !important;
}

html body .z401-stage-wrap {
  background: rgba(7, 23, 33, .34) !important;
}

html body .z401-player-col,
html body .z401-player-card {
  background: rgba(4, 17, 26, .82) !important;
  border-color: var(--v502-border) !important;
}

html body .z401-player-shell,
html body .z401-player-empty {
  background:
    radial-gradient(circle at 32% 48%, rgba(28, 102, 152, .18), transparent 34%),
    linear-gradient(135deg, #04111a, #10232d 52%, #061923) !important;
}

html body .z401-player-shell video {
  background: #04111a !important;
}

html body .z401-player-watermark,
html body .z401-player-badge {
  background: linear-gradient(180deg, rgba(29, 53, 70, .56), rgba(7, 23, 33, .40)) !important;
  border-color: var(--v502-border) !important;
}

html body .z401-player-badge small {
  color: #b6c9d2 !important;
}

html body .z401-player-controls {
  background: rgba(2, 11, 17, .94) !important;
  border-color: var(--v502-border) !important;
}

html body .z401-source-pill,
html body button.z401-source-pill {
  background: rgba(42, 72, 90, .24) !important;
  border-color: var(--v502-border) !important;
}

html body .z401-source-pill.active,
html body button.z401-source-pill.active {
  background: rgba(28, 102, 152, .38) !important;
  border-color: rgba(96, 159, 185, .68) !important;
}

html body .z401-sidebar {
  background: linear-gradient(180deg, rgba(42, 72, 90, .42), rgba(16, 35, 45, .72)) !important;
  border-color: var(--v502-border) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035) !important;
}

html body .z401-side-head,
html body .z401-sport-strip,
html body .z401-scroll-list {
  background: rgba(16, 35, 45, .22) !important;
  border-color: var(--v502-border) !important;
}

html body .z401-side-tab.is-active {
  background: rgba(96, 159, 185, .14) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05) !important;
}

html body .z401-icon-btn,
html body .z401-sport-btn {
  background: rgba(42, 72, 90, .34) !important;
  border-color: var(--v502-border) !important;
  color: #d4e1e6 !important;
}

html body .z401-sport-btn.is-active {
  background: linear-gradient(180deg, rgba(96, 159, 185, .30), rgba(28, 102, 152, .22)) !important;
  border-color: var(--v502-border-strong) !important;
  color: #fff !important;
}

html body .z401-search-wrap input {
  background: rgba(7, 23, 33, .72) !important;
  border-color: var(--v502-border) !important;
  color: #fff !important;
}

html body .z401-search-wrap input:focus {
  border-color: var(--v502-border-strong) !important;
  box-shadow: 0 0 0 3px rgba(96, 159, 185, .10) !important;
}

html body .z401-match-item,
html body .z401-channel-item {
  background: rgba(42, 72, 90, .28) !important;
  border-color: rgba(96, 159, 185, .16) !important;
}

html body .z401-match-item:nth-child(even),
html body .z401-channel-item:nth-child(even) {
  background: rgba(29, 53, 70, .46) !important;
}

html body .z401-match-item:hover,
html body .z401-channel-item:hover {
  background: var(--v502-card-hover) !important;
  border-color: var(--v502-border-strong) !important;
}

html body .z401-channel-logo,
html body .z401-quick-links strong {
  background: rgba(96, 159, 185, .10) !important;
  border-color: var(--v502-border) !important;
}

html body .z401-status-badge,
html body .z401-current-type {
  background: rgba(96, 159, 185, .16) !important;
  border-color: var(--v502-border) !important;
}

html body .z401-quick-links a {
  background: rgba(29, 53, 70, .58) !important;
  border-color: var(--v502-border) !important;
}

html body .z401-quick-links a:hover {
  background: rgba(42, 72, 90, .76) !important;
  border-color: var(--v502-border-strong) !important;
}

html body .z492-channel-match-note,
html body .z401-match-meta strong,
html body .V491_CHANNEL_BADGE,
html body .zlot-v491-channel-badge {
  color: #bfe0ec !important;
}

html body .zlot-v491-channel-badge {
  background: linear-gradient(135deg, rgba(28, 102, 152, .34), rgba(42, 72, 90, .30)) !important;
  border-color: var(--v502-border-strong) !important;
}

/* Mor stadyum basliklarini ayni mavi palete getir */
html body .v375-site-header,
html body .v375-mobile-menu {
  background: linear-gradient(180deg, rgba(29, 53, 70, .96), rgba(16, 35, 45, .94)) !important;
  border-color: var(--v502-border) !important;
  box-shadow: var(--v502-shadow) !important;
}

html body .v375-brand-logo,
html body .v375-nav a:hover,
html body .v375-nav a.active {
  background: linear-gradient(135deg, var(--v502-accent-bright), var(--v502-accent)) !important;
  border-color: rgba(140, 202, 226, .54) !important;
  color: #fff !important;
}

html body .v375-brand-logo::before,
html body .v375-brand-logo:before {
  border-color: var(--v502-cyan) !important;
}

html body .v375-nav a {
  color: #c5d3da !important;
}

html body .v375-hero-banner,
html body .v378-hero-ad-shell,
html body .v375-top-ad-wrap {
  background: linear-gradient(110deg, rgba(7, 23, 33, .96), rgba(28, 102, 152, .40), rgba(7, 23, 33, .96)) !important;
  border-color: var(--v502-border) !important;
}

/* Canli TV */
html body .v382-live-hero,
html body .v382-live-toolbar,
html body .v382-channel-card,
html body .v382-live-empty,
html body .v382-live-hero-stats > div {
  background: linear-gradient(180deg, rgba(29, 53, 70, .88), rgba(16, 35, 45, .92)) !important;
  border-color: var(--v502-border) !important;
  box-shadow: 0 18px 46px rgba(0, 8, 14, .26) !important;
}

html body .v382-live-hero::after,
html body .v382-live-hero:after {
  background: rgba(96, 159, 185, .13) !important;
}

html body .v382-live-hero-copy small,
html body .v382-live-section-head small,
html body .v382-live-hero-copy h1 span,
html body .v382-live-search span,
html body .v382-watch-btn,
html body .v382-live-section-head > a {
  color: #8bc5dc !important;
}

html body .v382-live-hero-copy p,
html body .v382-live-section-head p,
html body .v382-channel-info small,
html body .v382-live-hero-stats small,
html body .v382-live-hero-stats span {
  color: var(--v502-muted) !important;
}

html body .v382-live-search > div,
html body .v382-live-search input,
html body .v382-channel-cover,
html body .v382-channel-logo {
  background: rgba(7, 23, 33, .70) !important;
  border-color: var(--v502-border) !important;
}

html body .v382-live-search input:focus {
  border-color: var(--v502-border-strong) !important;
  box-shadow: 0 0 0 4px rgba(96, 159, 185, .10) !important;
}

html body .v382-live-filters a,
html body .v382-live-hero-actions a,
html body .v382-watch-btn,
html body .v382-live-empty a {
  background: rgba(42, 72, 90, .42) !important;
  border-color: var(--v502-border) !important;
  color: #eaf4f7 !important;
}

html body .v382-live-filters a.active,
html body .v382-live-filters a:hover,
html body .v382-live-hero-actions a:not(.ghost),
html body .v382-watch-btn:hover,
html body .v382-live-empty a:hover {
  background: linear-gradient(135deg, var(--v502-accent-bright), var(--v502-accent)) !important;
  border-color: transparent !important;
  color: #fff !important;
}

html body .v382-channel-card:hover {
  border-color: var(--v502-border-strong) !important;
  box-shadow: 0 24px 55px rgba(0, 8, 14, .38) !important;
}

html body .v382-channel-logo span {
  background: linear-gradient(135deg, var(--v502-accent-bright), var(--v502-accent)) !important;
  color: #fff !important;
}

/* Canli skor */
html body .v389-score-hero,
html body .v389-score-toolbar,
html body .v389-score-card,
html body .v389-empty,
html body .v389-score-stats > div {
  background: linear-gradient(180deg, rgba(29, 53, 70, .90), rgba(16, 35, 45, .94)) !important;
  border-color: var(--v502-border) !important;
  box-shadow: 0 18px 46px rgba(0, 8, 14, .28) !important;
}

html body .v389-score-hero::before,
html body .v389-score-card::before,
html body .v389-score-hero:before,
html body .v389-score-card:before {
  background: linear-gradient(90deg, var(--v502-accent), var(--v502-accent-bright)) !important;
}

html body .v389-status-filters button,
html body .v389-channel,
html body .v389-detail-btn,
html body .v389-load-more,
html body .v389-empty a {
  background: rgba(42, 72, 90, .42) !important;
  border-color: var(--v502-border) !important;
  color: #eaf4f7 !important;
}

html body .v389-status-filters button.active,
html body .v389-status-filters button:hover,
html body .v389-channel:hover,
html body .v389-detail-btn:hover,
html body .v389-load-more:hover,
html body .v389-empty a:hover {
  background: linear-gradient(135deg, var(--v502-accent-bright), var(--v502-accent)) !important;
  border-color: transparent !important;
  color: #fff !important;
}

html body .v389-team-logo,
html body .v389-score-numbers,
html body .v389-match-meta {
  background: rgba(7, 23, 33, .48) !important;
  border-color: var(--v502-border) !important;
}

html body .v389-visible-count b,
html body .v389-score-time,
html body .v389-score-section-head small {
  color: #8bc5dc !important;
}

/* Izleme sayfasi */
html body.v384-watch-body {
  background-image:
    linear-gradient(180deg, rgba(7, 23, 33, .64), rgba(7, 23, 33, .96)),
    radial-gradient(circle at 18% 8%, rgba(28, 102, 152, .26), transparent 34%),
    var(--theme-upload-bg, none) !important;
}

html body.v384-watch-body .premium-page-head,
html body.v384-watch-body .premium-side-card,
html body.v384-watch-body .premium-related-panel,
html body.v384-watch-body .watch-info-bar,
html body.v384-watch-body .home-pro-card,
html body.v384-watch-body .glass-broadcast-panel,
html body.v384-watch-body .watch-alternative-card,
html body.v384-watch-body .premium-copy-card,
html body.v384-watch-body .watch-related-grid-card {
  background: linear-gradient(180deg, rgba(29, 53, 70, .90), rgba(16, 35, 45, .94)) !important;
  border-color: var(--v502-border) !important;
  box-shadow: 0 18px 46px rgba(0, 8, 14, .28) !important;
}

html body.v384-watch-body #playerArea,
html body.v384-watch-body .premium-player-frame,
html body.v384-watch-body .hero-player-card.hero-live-card,
html body.v384-watch-body #playerArea .player-shell,
html body.v384-watch-body .hero-player-shell {
  background: #04111a !important;
  border-color: var(--v502-border) !important;
}

html body.v384-watch-body #playerArea .player-top,
html body.v384-watch-body .glass-panel-title {
  background: linear-gradient(180deg, rgba(29, 53, 70, .98), rgba(7, 23, 33, .98)) !important;
  border-color: var(--v502-border) !important;
}

html body.v384-watch-body #playerArea .player-message,
html body.v384-watch-body .v64-player-error {
  background: radial-gradient(circle at center, rgba(28, 102, 152, .16), transparent 42%), #04111a !important;
}

html body.v384-watch-body .btn-soft,
html body.v384-watch-body .watch-source-btn,
html body.v384-watch-body .watch-related-card,
html body.v384-watch-body .glass-live-item,
html body.v384-watch-body .v64-player-tools select,
html body.v384-watch-body .v64-player-tools button,
html body.v384-watch-body .v92-player-toolbar button,
html body.v384-watch-body .v92-player-toolbar a {
  background: rgba(42, 72, 90, .34) !important;
  border-color: var(--v502-border) !important;
  color: #eef7fa !important;
}

html body.v384-watch-body .btn-main,
html body.v384-watch-body .v64-player-error button,
html body.v384-watch-body .watch-source-btn.active,
html body.v384-watch-body .watch-source-btn:hover,
html body.v384-watch-body .watch-related-card:hover {
  background: linear-gradient(135deg, var(--v502-accent-bright), var(--v502-accent)) !important;
  border-color: transparent !important;
  color: #fff !important;
  box-shadow: 0 12px 28px rgba(28, 102, 152, .24) !important;
}

html body.v384-watch-body .watch-info-bar small,
html body.v384-watch-body .premium-side-card small,
html body.v384-watch-body .watch-section-head small,
html body.v384-watch-body .glass-panel-title span,
html body.v384-watch-body .watch-info-bar a,
html body.v384-watch-body .watch-section-head a {
  color: #8bc5dc !important;
}

html body.v384-watch-body .watch-info-bar span,
html body.v384-watch-body .premium-side-card span,
html body.v384-watch-body .watch-section-head p,
html body.v384-watch-body .watch-source-btn small,
html body.v384-watch-body .watch-related-card small,
html body.v384-watch-body .glass-live-item small {
  color: var(--v502-muted) !important;
}

/* Yeni v388 kartlari kullanilan kurulumlar icin */
html body.v388-live-page .v388-hero,
html body.v388-live-page .v388-toolbar,
html body.v388-live-page .v388-channel-card,
html body.v388-live-page .v388-score-card,
html body.v388-live-page .v388-empty,
html body.v388-live-page .v388-stat {
  background: linear-gradient(180deg, rgba(29, 53, 70, .90), rgba(16, 35, 45, .94)) !important;
  border-color: var(--v502-border) !important;
}

html body.v388-live-page .v388-search input,
html body.v388-live-page .v388-logo,
html body.v388-live-page .v388-team-logo {
  background: rgba(7, 23, 33, .70) !important;
  border-color: var(--v502-border) !important;
}

html body.v388-live-page .v388-filter-toggle button.active,
html body.v388-live-page .v388-filter-toggle button:hover,
html body.v388-live-page .v388-chip.active,
html body.v388-live-page .v388-chip:hover,
html body.v388-live-page .v388-score-tab.active,
html body.v388-live-page .v388-score-tab:hover,
html body.v388-live-page .v388-load-more,
html body.v388-live-page .v388-btn,
html body.v388-live-page .v388-logo span {
  background: linear-gradient(135deg, var(--v502-accent-bright), var(--v502-accent)) !important;
  border-color: transparent !important;
  color: #fff !important;
}

html body.v388-live-page .v388-kicker,
html body.v388-live-page .v388-stat small,
html body.v388-live-page .v388-search span,
html body.v388-live-page .v388-section-head small,
html body.v388-live-page .v388-watch-cta,
html body.v388-live-page .v388-team-logo span,
html body.v388-live-page .v388-score em {
  color: #8bc5dc !important;
}

/* Reklam gorsellerinin kendi renkleri korunur; sadece cerceve temaya uyar. */
html body .ad-shell,
html body .ad-box,
html body .content-banner-ad,
html body .watch-under-player-ad,
html body .watch-related-inline-ad {
  border-color: var(--v502-border) !important;
  box-shadow: 0 16px 42px rgba(0, 8, 14, .25) !important;
}

html body ::-webkit-scrollbar-thumb {
  background: rgba(96, 159, 185, .44) !important;
}

html body ::-webkit-scrollbar-track {
  background: rgba(7, 23, 33, .46) !important;
}

@media (max-width: 760px) {
  html body .z401-bg {
    background-attachment: scroll !important;
  }

  html body .z401-notice-pill,
  html body .z401-header,
  html body .v375-site-header {
    background: linear-gradient(180deg, rgba(29, 53, 70, .97), rgba(16, 35, 45, .97)) !important;
  }
}

/* =========================================================
   V504 - Mobil renk kesinlestirme
   V452/V459 sayfa govdesinde sonradan yuklendigi icin, mobil seciciler
   body sinifi ile daha yuksek oncelikte tutulur.
   ========================================================= */
@media (max-width: 900px) {
  html:root {
    background: var(--v502-bg-deep) !important;
  }

  html body.vize-home-body {
    --v452-panel: rgba(29, 53, 70, .90);
    --v452-line: var(--v502-border);
    --v452-purple: var(--v502-accent);
    --v452-cyan: var(--v502-cyan);
    background:
      radial-gradient(circle at 18% 0%, rgba(28, 102, 152, .25), transparent 34%),
      radial-gradient(circle at 88% 12%, rgba(96, 159, 185, .16), transparent 30%),
      linear-gradient(180deg, #10232d 0%, #071721 52%, #04111a 100%) !important;
  }

  html body.vize-home-body .z401-bg {
    opacity: .82 !important;
    background-color: var(--v502-bg-deep) !important;
    background-image:
      linear-gradient(180deg, rgba(7, 23, 33, .32), rgba(4, 17, 26, .94)),
      radial-gradient(circle at 14% 6%, rgba(28, 102, 152, .30), transparent 34%),
      radial-gradient(circle at 86% 12%, rgba(96, 159, 185, .18), transparent 30%),
      var(--theme-upload-bg, none),
      linear-gradient(135deg, #071721, #10232d 50%, #071721) !important;
  }

  html body.vize-home-body .z401-notice-pill {
    background: linear-gradient(180deg, rgba(29, 53, 70, .90), rgba(16, 35, 45, .94)) !important;
    border-color: var(--v502-border) !important;
    box-shadow: 0 10px 30px rgba(0, 8, 14, .30) !important;
  }

  html body.vize-home-body .z401-header {
    background: linear-gradient(180deg, rgba(29, 53, 70, .97), rgba(16, 35, 45, .96)) !important;
    border-color: var(--v502-border) !important;
    box-shadow: 0 16px 50px rgba(0, 8, 14, .36) !important;
  }

  html body.vize-home-body .z401-socials a {
    background: rgba(96, 159, 185, .12) !important;
    border-color: var(--v502-border) !important;
    color: #eef7fa !important;
  }

  html body.vize-home-body .z401-socials a:active,
  html body.vize-home-body .z401-socials a:hover {
    background: rgba(96, 159, 185, .28) !important;
    border-color: var(--v502-border-strong) !important;
  }

  html body.vize-home-body .z401-promo-top,
  html body.vize-home-body .z401-promo-bottom,
  html body.vize-home-body .z449-bottom-banner-wrap {
    background: linear-gradient(90deg, #071721, #1d3546, #071721) !important;
    border-color: var(--v502-border) !important;
    box-shadow: 0 14px 42px rgba(0, 8, 14, .30) !important;
  }

  html body.vize-home-body .z401-promo-top.has-v442-slider,
  html body.vize-home-body .v442-header-slider,
  html body.vize-home-body .z449-bottom-banner-wrap.has-v449-slider,
  html body.vize-home-body .v449-bottom-slider,
  html body.vize-home-body .v449-header-slider,
  html body.vize-home-body .v442-slide img,
  html body.vize-home-body .v449-slide img,
  html body.vize-home-body .z401-promo-top img,
  html body.vize-home-body .z401-promo-bottom img,
  html body.vize-home-body .z401-bottom-extra img,
  html body.vize-home-body .z401-promo video,
  html body.vize-home-body .z401-bottom-extra video {
    background-color: var(--v502-bg) !important;
  }

  html body.vize-home-body .z401-fallback-banner {
    background:
      radial-gradient(circle at center, rgba(28, 102, 152, .28), transparent 62%),
      linear-gradient(90deg, #071721, #1d3546, #071721) !important;
    border-color: var(--v502-border) !important;
  }

  html body.vize-home-body .z401-player-card {
    background: var(--v502-bg-dark) !important;
    border-color: var(--v502-border) !important;
    box-shadow: 0 20px 58px rgba(0, 8, 14, .46), 0 0 0 1px rgba(96, 159, 185, .06) !important;
  }

  html body.vize-home-body .z401-player-badge,
  html body.vize-home-body .z401-player-watermark {
    background: rgba(16, 35, 45, .64) !important;
    border-color: var(--v502-border) !important;
  }

  html body.vize-home-body .z401-player-controls {
    background: linear-gradient(180deg, #071721, #020b11) !important;
    border-color: var(--v502-border) !important;
  }

  html body.vize-home-body .z401-source-pill {
    background: rgba(42, 72, 90, .34) !important;
    border-color: var(--v502-border) !important;
  }

  html body.vize-home-body .z401-source-pill.active {
    background: linear-gradient(135deg, rgba(96, 159, 185, .36), rgba(28, 102, 152, .30)) !important;
    border-color: var(--v502-border-strong) !important;
  }

  html body.vize-home-body .v420-mobile-side-banner {
    background: var(--v502-bg) !important;
    border-color: var(--v502-border) !important;
    box-shadow: 0 16px 44px rgba(0, 8, 14, .38) !important;
  }

  html body.vize-home-body .v420-mobile-side-banner::before {
    background-image: var(--v452-ad-bg, linear-gradient(135deg, #1d3546, #071721)) !important;
  }

  html body.vize-home-body .v420-mobile-side-banner::after {
    background: rgba(7, 23, 33, .76) !important;
    border-color: var(--v502-border) !important;
  }

  html body.vize-home-body .v420-mobile-side-banner .ad-box,
  html body.vize-home-body .v420-mobile-side-banner .ad-v3-box,
  html body.vize-home-body .v420-mobile-side-banner .ad-click,
  html body.vize-home-body .v420-mobile-side-banner .ad-html,
  html body.vize-home-body .v420-mobile-side-banner .ad-text-body {
    background: rgba(7, 23, 33, .24) !important;
  }

  html body.vize-home-body .z401-sidebar {
    background: linear-gradient(180deg, rgba(42, 72, 90, .86), rgba(16, 35, 45, .96)) !important;
    border-color: var(--v502-border) !important;
    box-shadow: 0 18px 52px rgba(0, 8, 14, .38) !important;
  }

  html body.vize-home-body .z401-side-head {
    background: rgba(16, 35, 45, .92) !important;
    border-color: var(--v502-border) !important;
  }

  html body.vize-home-body .z401-side-tab {
    background: rgba(42, 72, 90, .30) !important;
    border-color: var(--v502-border) !important;
    color: #dbe8ed !important;
  }

  html body.vize-home-body .z401-side-tab.is-active {
    background: linear-gradient(135deg, rgba(96, 159, 185, .34), rgba(28, 102, 152, .26)) !important;
    border-color: var(--v502-border-strong) !important;
    box-shadow: inset 0 -3px 0 var(--v502-cyan) !important;
    color: #fff !important;
  }

  html body.vize-home-body .z401-sport-strip {
    background: rgba(7, 23, 33, .24) !important;
  }

  html body.vize-home-body .z401-sport-btn {
    background: rgba(42, 72, 90, .30) !important;
    border-color: var(--v502-border) !important;
    color: #dbe8ed !important;
  }

  html body.vize-home-body .z401-sport-btn.is-active {
    background: linear-gradient(135deg, rgba(96, 159, 185, .30), rgba(28, 102, 152, .22)) !important;
    border-color: var(--v502-border-strong) !important;
    color: #fff !important;
  }

  html body.vize-home-body .z401-search-wrap input {
    background: rgba(7, 23, 33, .78) !important;
    border-color: var(--v502-border) !important;
    color: #fff !important;
  }

  html body.vize-home-body .z401-channel-item,
  html body.vize-home-body .z401-match-item {
    background: rgba(42, 72, 90, .34) !important;
    border-color: rgba(96, 159, 185, .18) !important;
    box-shadow: 0 8px 22px rgba(0, 8, 14, .16) !important;
  }

  html body.vize-home-body .z401-channel-item:nth-child(even),
  html body.vize-home-body .z401-match-item:nth-child(even) {
    background: rgba(29, 53, 70, .62) !important;
  }

  html body.vize-home-body .z401-quick-links a {
    background: linear-gradient(180deg, rgba(42, 72, 90, .82), rgba(16, 35, 45, .94)) !important;
    border-color: var(--v502-border) !important;
  }

  html body.vize-home-body .mobile-app-nav {
    background: linear-gradient(180deg, rgba(29, 53, 70, .96), rgba(7, 23, 33, .98)) !important;
    border-color: var(--v502-border) !important;
    box-shadow: 0 22px 60px rgba(0, 8, 14, .56), inset 0 1px 0 rgba(255, 255, 255, .05) !important;
  }

  html body.vize-home-body .mobile-app-nav a {
    color: #c7d5dc !important;
  }

  html body.vize-home-body .mobile-app-nav a.is-active,
  html body.vize-home-body .mobile-app-nav a:active {
    background: linear-gradient(135deg, rgba(96, 159, 185, .38), rgba(28, 102, 152, .28)) !important;
    box-shadow: inset 0 0 0 1px var(--v502-border-strong) !important;
    color: #fff !important;
  }

  html body.vize-home-body .ad-v3-mobile-bottom,
  html body.vize-home-body .ad-slot-mobile_bottom_banner {
    background: rgba(7, 23, 33, .96) !important;
    border-color: var(--v502-border) !important;
  }

  html body.vize-home-body .ad-v3-mobile-bottom img,
  html body.vize-home-body .ad-v3-mobile-bottom video,
  html body.vize-home-body .ad-slot-mobile_bottom_banner img,
  html body.vize-home-body .ad-slot-mobile_bottom_banner video {
    background-color: var(--v502-bg) !important;
  }

  /* Mobil izleme sayfasi: V462 mor katmanini petrol mavisine cevirir. */
  html body.v390-watch-page {
    --v390-bg: #071721 !important;
    --v390-panel: #10232d !important;
    --v390-panel-2: #1d3546 !important;
    --v390-line: var(--v502-border) !important;
    --v390-text: var(--v502-text) !important;
    --v390-muted: var(--v502-muted) !important;
    --v390-accent: var(--v502-accent-bright) !important;
    --v390-accent-2: var(--v502-accent) !important;
    background:
      radial-gradient(circle at 18% 8%, rgba(28, 102, 152, .24), transparent 34%),
      linear-gradient(180deg, #10232d 0%, #071721 50%, #04111a 100%) !important;
  }

  html body.v390-watch-page .v390-watch-shell::before {
    background:
      linear-gradient(115deg, transparent 0 42%, rgba(96, 159, 185, .05) 53%, transparent 64%),
      radial-gradient(circle at 50% 0, rgba(28, 102, 152, .14), transparent 42%) !important;
  }

  html body.v390-watch-page .premium-page-head,
  html body.v390-watch-page .watch-info-bar,
  html body.v390-watch-page .home-pro-card,
  html body.v390-watch-page .glass-broadcast-panel,
  html body.v390-watch-page .premium-side-card {
    background: linear-gradient(145deg, rgba(29, 53, 70, .96), rgba(7, 23, 33, .99)) !important;
    border-color: var(--v502-border) !important;
  }

  html body.v390-watch-page .home-pro-kicker,
  html body.v390-watch-page .watch-info-bar small,
  html body.v390-watch-page .premium-side-card small,
  html body.v390-watch-page .watch-section-head small,
  html body.v390-watch-page .glass-panel-title span,
  html body.v390-watch-page .watch-info-bar a,
  html body.v390-watch-page .watch-section-head a {
    color: #8bc5dc !important;
  }

  html body.v390-watch-page .btn-main,
  html body.v390-watch-page #playerArea .player-top .badge,
  html body.v390-watch-page .btn-soft:hover,
  html body.v390-watch-page .btn-soft.is-active {
    background: linear-gradient(135deg, var(--v502-accent-bright), var(--v502-accent)) !important;
    border-color: transparent !important;
    color: #fff !important;
  }

  html body.v390-watch-page #playerArea,
  html body.v390-watch-page .premium-player-frame,
  html body.v390-watch-page .hero-player-card.hero-live-card {
    border-color: var(--v502-border-strong) !important;
    box-shadow: 0 24px 64px rgba(0, 8, 14, .48) !important;
  }

  html body.v390-watch-page #playerArea .player-top,
  html body.v390-watch-page .v64-player-tools,
  html body.v390-watch-page .v92-player-toolbar,
  html body.v390-watch-page .glass-panel-title {
    background: linear-gradient(180deg, rgba(29, 53, 70, .98), rgba(7, 23, 33, .99)) !important;
    border-color: var(--v502-border) !important;
  }

  html body.v390-watch-page .v64-player-tools select,
  html body.v390-watch-page .v64-player-tools button,
  html body.v390-watch-page .v92-player-toolbar button,
  html body.v390-watch-page .v92-player-toolbar a,
  html body.v390-watch-page .watch-source-btn,
  html body.v390-watch-page .watch-related-card,
  html body.v390-watch-page .glass-live-item {
    background: rgba(42, 72, 90, .30) !important;
    border-color: var(--v502-border) !important;
    color: #fff !important;
  }

  html body.v390-watch-page .v64-player-tools button:hover,
  html body.v390-watch-page .v92-player-toolbar button:hover,
  html body.v390-watch-page .v92-player-toolbar a:hover,
  html body.v390-watch-page .watch-source-btn.active,
  html body.v390-watch-page .watch-source-btn:hover,
  html body.v390-watch-page .watch-related-card:hover,
  html body.v390-watch-page .glass-live-item a:hover {
    background: linear-gradient(145deg, rgba(96, 159, 185, .34), rgba(28, 102, 152, .24)) !important;
    border-color: var(--v502-border-strong) !important;
  }

  html body.v390-watch-page .watch-related-logo,
  html body.v390-watch-page .watch-section-head > span {
    background: rgba(96, 159, 185, .16) !important;
    border-color: var(--v502-border) !important;
    color: #c7e3ed !important;
  }

  html body.v390-watch-page .premium-related-list {
    scrollbar-color: var(--v502-accent-bright) transparent !important;
  }

  html body.v390-watch-page .ad-slot-site_content_banner .ad-box,
  html body.v390-watch-page .ad-slot-watch_under_player .ad-box,
  html body.v390-watch-page .ad-slot-watch_related_inline .ad-box,
  html body.v390-watch-page .v92-report-box {
    background: var(--v502-bg) !important;
    border-color: var(--v502-border) !important;
  }
}