/* ═══════════════════════════════════════════════
   JLEX — site bileşenleri (hero, kadro, kartlar, sayfa başlıkları)
   ═══════════════════════════════════════════════ */
:root { --jx-radius: 12px; --jx-glass: rgba(255,255,255,.06); --jx-line: rgba(255,255,255,.1); }

/* ── Butonlar ── */
.jx-btn { display: inline-flex; align-items: center; gap: 10px; padding: 12px 26px; border-radius: 999px; font-weight: 700; font-size: .85rem; letter-spacing: .04em; text-transform: uppercase; text-decoration: none !important; border: 1px solid transparent; transition: transform .15s, box-shadow .15s, background .15s, color .15s; cursor: pointer; line-height: 1; }
.jx-btn--primary { background: var(--bs-primary, #e50914); color: #111 !important; box-shadow: 0 8px 24px rgba(var(--bs-primary-rgb, 229,9,20), .35); }
.jx-btn--primary:hover { transform: translateY(-2px); box-shadow: 0 12px 32px rgba(var(--bs-primary-rgb, 229,9,20), .45); }
.jx-btn--ghost { background: rgba(255,255,255,.08); color: #fff !important; border-color: rgba(255,255,255,.18); backdrop-filter: blur(6px); }
.jx-btn--ghost:hover { background: rgba(255,255,255,.16); }
.jx-btn--sm { padding: 9px 18px; font-size: .75rem; }
.jx-icon { width: 42px; height: 42px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.14); color: #fff !important; font-size: 1rem; cursor: pointer; transition: all .15s; text-decoration: none !important; padding: 0; }
.jx-icon:hover { background: rgba(255,255,255,.18); transform: translateY(-1px); }
.jx-icon.like-btn i.fa-solid, .jx-icon.watched-btn.watched i { color: var(--bs-primary, #e50914); }

/* ── Meta rozetleri ── */
.jx-pill { display: inline-flex; align-items: center; gap: 6px; padding: 5px 11px; border-radius: 8px; font-size: .8rem; font-weight: 600; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.12); color: #fff; }
.jx-pill i { font-size: .7rem; opacity: .75; }
.jx-pill--imdb { background: rgba(245,197,24,.12); border-color: rgba(245,197,24,.3); color: #f5c518; }
.jx-pill--imdb i { color: #f5c518; opacity: 1; }
.jx-pill--primary { background: rgba(var(--bs-primary-rgb, 229,9,20), .16); border-color: rgba(var(--bs-primary-rgb, 229,9,20), .35); color: var(--bs-primary, #e50914); letter-spacing: .06em; font-size: .72rem; }
.jx-pill--muted { color: rgba(255,255,255,.65); font-size: .72rem; }

/* ── Detay Hero ── */
.jx-hero { position: relative; min-height: 560px; display: flex; align-items: flex-end; overflow: hidden; margin-top: calc(-1 * var(--header-height, 90px)); padding-top: var(--header-height, 90px); }
.jx-hero__bg { position: absolute; inset: 0; z-index: 0; }
.jx-hero__bg img { width: 100%; height: 100%; object-fit: cover; object-position: center 20%; transform: scale(1.02); }
.jx-hero__bg img.is-poster { filter: blur(24px) brightness(.55); transform: scale(1.15); object-position: center; }
.jx-hero__shade { position: absolute; inset: 0; z-index: 1; background: linear-gradient(to top, var(--bs-body-bg, #0b0b16) 0%, rgba(11,11,22,.85) 28%, rgba(11,11,22,.35) 60%, rgba(11,11,22,.15) 100%), linear-gradient(to right, rgba(11,11,22,.85) 0%, rgba(11,11,22,.2) 55%, transparent 100%); }
.jx-hero__inner { position: relative; z-index: 2; display: flex; gap: 40px; align-items: flex-end; padding-bottom: 44px; padding-top: 40px; }
.jx-hero__poster { flex: 0 0 240px; width: 240px; position: relative; border-radius: var(--jx-radius); overflow: hidden; box-shadow: 0 24px 60px rgba(0,0,0,.7), 0 0 0 1px rgba(255,255,255,.08); aspect-ratio: 2/3; background: #16161f; }
.jx-hero__poster img { width: 100%; height: 100%; object-fit: cover; display: block; }
.jx-hero__poster-play { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,0); transition: background .2s; color: #fff; text-decoration: none; }
.jx-hero__poster-play i { width: 62px; height: 62px; border-radius: 50%; background: var(--bs-primary, #e50914); color: #111; display: flex; align-items: center; justify-content: center; font-size: 1.2rem; padding-left: 4px; opacity: 0; transform: scale(.8); transition: all .2s; box-shadow: 0 10px 30px rgba(0,0,0,.5); }
.jx-hero__poster:hover .jx-hero__poster-play { background: rgba(0,0,0,.45); }
.jx-hero__poster:hover .jx-hero__poster-play i { opacity: 1; transform: scale(1); }
.jx-hero__body { flex: 1; min-width: 0; max-width: 820px; }
.jx-hero__genres { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 12px; }
.jx-hero__genres a { font-size: .72rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--bs-primary, #e50914); text-decoration: none; padding: 4px 10px; border-radius: 999px; background: rgba(var(--bs-primary-rgb, 229,9,20), .12); border: 1px solid rgba(var(--bs-primary-rgb, 229,9,20), .25); transition: all .15s; }
.jx-hero__genres a:hover { background: var(--bs-primary, #e50914); color: #111; }
.jx-hero__title { font-size: clamp(1.9rem, 4vw, 3.4rem); font-weight: 800; line-height: 1.05; color: #fff; margin: 0 0 6px; letter-spacing: -.01em; text-shadow: 0 4px 30px rgba(0,0,0,.6); }
.jx-hero__orig { color: rgba(255,255,255,.55); font-size: .95rem; margin-bottom: 8px; }
.jx-hero__meta { display: flex; flex-wrap: wrap; gap: 8px; margin: 14px 0 16px; }
.jx-hero__desc { color: rgba(255,255,255,.78); font-size: .95rem; line-height: 1.75; max-width: 720px; margin: 0 0 6px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.jx-hero__desc.is-open { -webkit-line-clamp: unset; display: block; }
.jx-hero__more { background: none; border: none; color: var(--bs-primary, #e50914); font-size: .8rem; font-weight: 600; padding: 0; margin-bottom: 14px; cursor: pointer; }
.jx-hero__crew { display: flex; flex-wrap: wrap; gap: 6px 28px; margin: 6px 0 20px; font-size: .85rem; }
.jx-hero__crew div { display: flex; gap: 8px; }
.jx-hero__crew dt { color: rgba(255,255,255,.5); font-weight: 500; margin: 0; }
.jx-hero__crew dd { color: #fff; margin: 0; }
.jx-hero__crew dd a { color: #fff; text-decoration: none; border-bottom: 1px dotted rgba(255,255,255,.35); }
.jx-hero__crew dd a:hover { color: var(--bs-primary, #e50914); }
.jx-hero__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.jx-hero__icons { display: flex; gap: 8px; margin-left: 6px; }
@media (max-width: 991.98px) {
  .jx-hero { min-height: 0; }
  .jx-hero__inner { gap: 22px; padding-bottom: 28px; }
  .jx-hero__poster { flex-basis: 150px; width: 150px; }
  .jx-hero__poster-play i { opacity: 1; transform: none; width: 46px; height: 46px; font-size: .9rem; }
}
@media (max-width: 575.98px) {
  .jx-hero__inner { flex-direction: column; align-items: flex-start; gap: 16px; }
  .jx-hero__poster { flex-basis: auto; width: 130px; }
  .jx-hero__actions .jx-btn { padding: 11px 18px; font-size: .78rem; }
  .jx-hero__crew { gap: 4px 16px; font-size: .8rem; }
}

/* ── Sekmeler (detay) ── */
.jx-tabs { display: flex; gap: 6px; border-bottom: 1px solid var(--jx-line); margin-bottom: 26px; overflow-x: auto; }
.jx-tabs .nav-link { border: none !important; border-bottom: 2px solid transparent !important; border-radius: 0 !important; background: none !important; color: rgba(255,255,255,.6) !important; font-weight: 600; padding: 12px 18px; white-space: nowrap; }
.jx-tabs .nav-link.active { color: #fff !important; border-bottom-color: var(--bs-primary, #e50914) !important; }
.jx-detail-body { padding: 30px 0 10px; }
.jx-desc-full { color: rgba(255,255,255,.78); line-height: 1.8; max-width: 900px; font-size: .95rem; }

/* ── Kadro ── */
.jx-cast { display: grid; grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)); gap: 18px 12px; }
.jx-cast__item { text-align: center; text-decoration: none !important; display: flex; flex-direction: column; align-items: center; gap: 8px; transition: transform .15s; }
.jx-cast__item:hover { transform: translateY(-3px); }
.jx-cast__avatar { width: 88px; height: 88px; border-radius: 50%; overflow: hidden; position: relative; display: flex; align-items: center; justify-content: center; box-shadow: 0 8px 24px rgba(0,0,0,.45); border: 2px solid rgba(255,255,255,.08); }
.jx-cast__avatar img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.jx-cast__avatar > span { font-size: 1.7rem; font-weight: 800; color: #fff; }
.jx-cast__name { color: #fff; font-size: .86rem; font-weight: 600; line-height: 1.25; }
.jx-cast__role { color: rgba(255,255,255,.5); font-size: .74rem; line-height: 1.2; }
.jx-cast--lg { grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 24px 14px; }
.jx-cast--lg .jx-cast__avatar { width: 110px; height: 110px; }

/* ── İzlemeye devam kartı ── */
.jx-cw { display: block; text-decoration: none !important; border-radius: 10px; overflow: hidden; background: var(--jx-glass); border: 1px solid var(--jx-line); transition: transform .2s, border-color .2s; }
.jx-cw:hover { transform: translateY(-4px); border-color: rgba(255,255,255,.22); }
.jx-cw__img { position: relative; aspect-ratio: 16/9; background: #111; overflow: hidden; }
.jx-cw__img img { width: 100%; height: 100%; object-fit: cover; }
.jx-cw__play { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,.25); color: #fff; font-size: 1.1rem; opacity: 0; transition: opacity .2s; }
.jx-cw__play i { width: 44px; height: 44px; border-radius: 50%; background: var(--bs-primary, #e50914); color: #111; display: flex; align-items: center; justify-content: center; padding-left: 3px; }
.jx-cw:hover .jx-cw__play { opacity: 1; }
.jx-cw__bar { height: 3px; background: rgba(255,255,255,.15); }
.jx-cw__bar span { display: block; height: 100%; background: var(--bs-primary, #e50914); }
.jx-cw__body { padding: 10px 12px 12px; }
.jx-cw__title { color: #fff; font-weight: 600; font-size: .88rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.jx-cw__sub { color: rgba(255,255,255,.5); font-size: .74rem; margin-top: 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* ── Sayfa başlığı ── */
.jx-page-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin-bottom: 22px; }
.jx-page-title { font-size: clamp(1.4rem, 2.6vw, 2rem); font-weight: 800; color: #fff; margin: 0; letter-spacing: -.01em; }
.jx-page-sub { color: rgba(255,255,255,.5); font-size: .85rem; margin-top: 4px; }
.jx-page-right { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }

/* ── Filtre çubuğu ── */
.jx-filters { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin-bottom: 24px; }
.jx-filters .form-select, .jx-filters .form-control { background-color: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.12); color: #fff; border-radius: 10px; padding: 8px 36px 8px 14px; font-size: .85rem; width: auto; transition: background-color .15s, border-color .15s; }
.jx-filters .form-control { padding-right: 14px; }
.jx-filters .form-select:hover, .jx-filters .form-control:hover { background-color: rgba(255,255,255,.1); border-color: rgba(255,255,255,.22); }
.jx-filters .form-select:focus, .jx-filters .form-control:focus { border-color: var(--bs-primary); box-shadow: 0 0 0 3px rgba(var(--bs-primary-rgb), .18); }
@media (max-width: 767px) {
  .jx-filters { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 8px; margin-bottom: 18px; }
  .jx-filters .form-select, .jx-filters .form-control { width: 100%; box-sizing: border-box; text-align: center; text-align-last: center; padding: 10px 30px 10px 14px; }
}
.jx-filters .form-select option { background: #14141f; }
.jx-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.jx-chip { display: inline-flex; align-items: center; gap: 6px; padding: 7px 14px; border-radius: 999px; font-size: .8rem; font-weight: 600; color: rgba(255,255,255,.75); background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.12); text-decoration: none !important; transition: all .15s; }
.jx-chip:hover { background: rgba(255,255,255,.14); color: #fff; }
.jx-chip.active { background: var(--bs-primary, #e50914); color: #111; border-color: var(--bs-primary, #e50914); }
.jx-chip small { opacity: .6; font-weight: 500; }

/* ── Tür kartları ── */
.jx-genre { display: block; position: relative; border-radius: 12px; overflow: hidden; aspect-ratio: 16/10; background: #16161f; text-decoration: none !important; border: 1px solid rgba(255,255,255,.08); transition: transform .2s, box-shadow .2s; }
.jx-genre:hover { transform: translateY(-4px); box-shadow: 0 16px 40px rgba(0,0,0,.5); }
.jx-genre img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: .55; transition: transform .4s, opacity .2s; }
.jx-genre:hover img { transform: scale(1.06); opacity: .7; }
.jx-genre__shade { position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,.9), rgba(0,0,0,.15)); }
.jx-genre__body { position: absolute; left: 14px; right: 14px; bottom: 12px; }
.jx-genre__name { color: #fff; font-weight: 800; font-size: 1.05rem; letter-spacing: -.01em; }
.jx-genre__cnt { color: rgba(255,255,255,.6); font-size: .75rem; margin-top: 2px; }
.jx-genre__icon { position: absolute; top: 12px; right: 12px; width: 34px; height: 34px; border-radius: 9px; background: rgba(255,255,255,.12); backdrop-filter: blur(6px); color: #fff; display: flex; align-items: center; justify-content: center; font-size: .85rem; }

/* ── Boş durum ── */
.jx-empty { text-align: center; padding: 70px 20px; color: rgba(255,255,255,.55); }
.jx-empty i { font-size: 2.6rem; display: block; margin-bottom: 14px; opacity: .35; }
.jx-empty h5 { color: #fff; font-weight: 700; margin-bottom: 6px; }
.jx-empty p { font-size: .9rem; margin-bottom: 18px; }

/* ── Kart rozeti ── */
.iq-card .jx-card-badge { position: absolute; top: 8px; left: 8px; z-index: 3; display: inline-flex; align-items: center; gap: 4px; padding: 3px 7px; border-radius: 6px; font-size: .68rem; font-weight: 800; background: rgba(0,0,0,.72); color: #f5c518; backdrop-filter: blur(4px); pointer-events: none; }
.iq-card .jx-card-badge i { font-size: .6rem; }
.iq-card .jx-card-type { position: absolute; top: 8px; right: 8px; z-index: 3; padding: 3px 7px; border-radius: 6px; font-size: .62rem; font-weight: 800; letter-spacing: .06em; background: rgba(var(--bs-primary-rgb, 229,9,20), .9); color: #111; pointer-events: none; text-transform: uppercase; }

/* ── Bölüm kartı (dizi) ── */
.jx-ep { display: flex; flex-direction: column; height: 100%; background: var(--jx-glass); border: 1px solid var(--jx-line); border-radius: 10px; overflow: hidden; transition: border-color .2s, transform .2s; }
.jx-ep:hover { border-color: rgba(255,255,255,.22); transform: translateY(-3px); }
.jx-ep__thumb { position: relative; aspect-ratio: 16/9; background: #111; overflow: hidden; display: block; }
.jx-ep__thumb img { width: 100%; height: 100%; object-fit: cover; transition: transform .3s; }
.jx-ep:hover .jx-ep__thumb img { transform: scale(1.05); }
.jx-ep__num { position: absolute; top: 8px; left: 8px; background: rgba(0,0,0,.75); color: #fff; font-size: .65rem; font-weight: 700; padding: 3px 7px; border-radius: 4px; letter-spacing: .05em; }
.jx-ep__play { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; opacity: 0; background: rgba(0,0,0,.35); transition: opacity .2s; }
.jx-ep__play i { width: 42px; height: 42px; border-radius: 50%; background: var(--bs-primary, #e50914); color: #111; display: flex; align-items: center; justify-content: center; padding-left: 3px; }
.jx-ep:hover .jx-ep__play { opacity: 1; }
.jx-ep__body { padding: 12px 14px; display: flex; flex-direction: column; flex: 1; }
.jx-ep__title { color: #fff; font-weight: 600; font-size: .88rem; line-height: 1.3; text-decoration: none !important; }
.jx-ep__meta { color: rgba(255,255,255,.5); font-size: .72rem; margin: 3px 0 8px; }
.jx-ep__desc { color: rgba(255,255,255,.6); font-size: .78rem; line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; margin: 0; }

/* ── Kişi detay ── */
.jx-person { display: flex; gap: 32px; align-items: flex-start; flex-wrap: wrap; margin-bottom: 40px; }
.jx-person__avatar { width: 180px; height: 180px; border-radius: 50%; overflow: hidden; flex-shrink: 0; display: flex; align-items: center; justify-content: center; font-size: 3.5rem; font-weight: 800; color: #fff; box-shadow: 0 16px 40px rgba(0,0,0,.5); border: 3px solid rgba(255,255,255,.08); }
.jx-person__avatar img { width: 100%; height: 100%; object-fit: cover; }

/* ── Genel ── */
.jx-section { padding: 10px 0 30px; }
.text-secondary { color: rgba(255,255,255,.55) !important; }

/* ── Koleksiyon kartı ── */
.jx-col { display: flex; gap: 14px; align-items: center; padding: 12px; border-radius: 14px; background: var(--jx-glass); border: 1px solid var(--jx-line); text-decoration: none !important; transition: transform .2s, border-color .2s, background .2s; }
.jx-col:hover { transform: translateY(-3px); border-color: rgba(255,255,255,.22); background: rgba(255,255,255,.09); }
.jx-col__posters { display: grid; grid-template-columns: repeat(2, 44px); grid-auto-rows: 64px; gap: 3px; flex-shrink: 0; border-radius: 8px; overflow: hidden; background: #111; }
.jx-col__posters img { width: 44px; height: 64px; object-fit: cover; display: block; }
.jx-col__body { min-width: 0; }
.jx-col__name { color: #fff; font-weight: 700; font-size: .95rem; line-height: 1.25; }
.jx-col__cnt { color: rgba(255,255,255,.5); font-size: .78rem; margin-top: 4px; }
.jx-col-strip { display: flex; gap: 10px; overflow-x: auto; padding: 4px 0 12px; scrollbar-width: none; }
.jx-col-strip::-webkit-scrollbar { display: none; }
.jx-col-strip .jx-col { flex: 0 0 300px; }

/* ── Home hero: cap height on tall screens ─────────────────── */
.iq-banner-thumb-slider .slider .slider-bg { height: 100vh; max-height: 920px; min-height: 620px; }
@media (max-width: 767px) { .iq-banner-thumb-slider .slider .slider-bg { min-height: 520px; max-height: 720px; } }

/* ── Pagination: follow site primary ───────────────────────── */
.pagination { --bs-pagination-active-bg: var(--bs-primary); --bs-pagination-active-border-color: var(--bs-primary); --bs-pagination-active-color: var(--bs-white); --bs-pagination-bg: rgba(255,255,255,.04); --bs-pagination-border-color: rgba(255,255,255,.08); --bs-pagination-color: var(--bs-body-color); --bs-pagination-hover-bg: rgba(255,255,255,.1); --bs-pagination-hover-color: #fff; --bs-pagination-hover-border-color: rgba(255,255,255,.15); gap: .35rem; }
.pagination .page-link { border-radius: 6px !important; min-width: 40px; text-align: center; }
.pagination .active > .page-link { color: #111 !important; font-weight: 600; }

/* ── Home hero: mobile overflow fix ────────────────────────── */
@media (max-width: 991px) {
  .iq-banner-thumb-slider .slider .slider-bg .slider-images .description { left: 0; width: 100%; padding: 0 1rem; }
  .iq-banner-thumb-slider .slider .slider-bg .slider-images .description p { width: 100%; }
  .iq-banner-thumb-slider .slider .slider-bg .horizontal_thumb_slider { display: none; }
  .iq-banner-thumb-slider { overflow: hidden; }
}
body { overflow-x: hidden; }
.jx-detail-body .row.mx-0 > [class*="col-"]:first-child { padding-left: 0; }
.jx-detail-body .row.mx-0 > [class*="col-"]:last-child { padding-right: 0; }
@media (max-width: 991px) { .jx-detail-body .row.mx-0 > [class*="col-"] { padding-left: 0; padding-right: 0; } }

/* ── Font Awesome uyumluluk: şablon "Font Awesome 5 Free" ailesini ister (Pro 6'da yok) ── */
footer .footer-menu > li::before { font-family: "Font Awesome 6 Pro", "Font Awesome 5 Pro"; content: "\f105"; font-weight: 900; }

/* ── Ana sayfa hero: buton hizası ve mobil düzen ───────────── */
.jx-slider-actions { margin-top: 26px; }
.iq-banner-thumb-slider .slider .slider-bg .slider-images .description .jx-slider-actions .jx-btn { margin-top: 0; }
.iq-banner-thumb-slider .slider .slider-bg .slider-images .description p { margin-bottom: 1.2rem; }
.iq-banner-thumb-slider .slider .slider-bg .slider-images .description .slider-content > .d-flex.gap-3 { row-gap: 8px !important; }
.iq-banner-thumb-slider .slider .slider-bg .slider-images .description .slider-content .text-primary.font-size-14 { white-space: nowrap; }
@media (max-width: 767px) {
  .iq-banner-thumb-slider .slider .slider-bg .slider-images .description { top: 40%; }
  .iq-banner-thumb-slider .slider .slider-bg .slider-images .description h1.big-font, .iq-banner-thumb-slider .slider .slider-bg .slider-images .description h2.big-font { font-size: 2rem; line-height: 1.15; }
  .iq-banner-thumb-slider .slider .slider-bg .slider-images .description p { font-size: .9rem; -webkit-line-clamp: 3; }
  .jx-slider-actions { margin-top: 18px; gap: 10px; }
  .jx-slider-actions .jx-btn { padding: 11px 18px; font-size: .76rem; }
  .iq-banner-thumb-slider .slider .slider-bg .slider-images .description .slider-content .text-primary.font-size-14 { font-size: .8rem !important; }
}

/* ── Detay sayfası: yatay hizalama (hero ↔ gövde ↔ oyuncular aynı sol kenar) ── */
.jx-detail-body { padding: 30px 6.25em 10px; }
@media (max-width: 1367px) { .jx-detail-body { padding: 26px 1rem 10px; } }
@media (max-width: 767px) { .jx-detail-body { padding: 20px .938rem 6px; } }
.jx-hero__inner { padding-left: calc(6.25em + 1rem); padding-right: calc(6.25em + 1rem); }
@media (max-width: 1367px) { .jx-hero__inner { padding-left: 2rem; padding-right: 2rem; } }
@media (max-width: 767px) { .jx-hero__inner { padding-left: 1.2rem; padding-right: 1.2rem; } }
.jx-detail-body .row.mx-0 > [class*="col-"]:first-child { padding-left: 0; }
.jx-detail-body .row.mx-0 > [class*="col-"]:last-child { padding-right: 0; }
.jx-info-card { position: sticky; top: 90px; }
.jx-desc-full { max-width: 780px; font-size: 1rem; line-height: 1.8; color: rgba(255,255,255,.8); }
.jx-detail-body h5.text-white.fw-bold { font-size: 1.15rem; letter-spacing: .01em; }
.jx-detail-body dl dd { max-width: 60%; }

/* ── Keşfet açılır menüsü ──────────────────────────────────── */
.iq-nav-menu .sub-nav { list-style: none !important; padding-left: 0 !important; margin: 0; }
.iq-nav-menu .sub-nav li { list-style: none !important; }
.iq-nav-menu .sub-nav li::before, .iq-nav-menu .sub-nav li::marker { content: none !important; display: none !important; }
@media (min-width: 1200px) {
  .iq-nav-menu li > ul.sub-nav { background: #14141c !important; border: 1px solid rgba(255,255,255,.08); border-radius: 12px; padding: 8px !important; min-width: 230px; box-shadow: 0 18px 40px rgba(0,0,0,.5); }
  .iq-nav-menu li > ul.sub-nav li { border: 0 !important; }
  .iq-nav-menu li > ul.sub-nav li a.nav-link { display: flex; align-items: center; gap: 10px; padding: 10px 14px !important; border-radius: 8px; color: rgba(255,255,255,.82) !important; font-size: .9rem; font-weight: 500; text-transform: none; letter-spacing: 0; }
  .iq-nav-menu li > ul.sub-nav li a.nav-link .nav-icon { width: 18px; text-align: center; color: var(--bs-primary); }
  .iq-nav-menu li > ul.sub-nav li a.nav-link:hover, .iq-nav-menu li > ul.sub-nav li a.nav-link.active { background: rgba(255,255,255,.08); color: #fff !important; }
  .iq-nav-menu li > ul.sub-nav li a.nav-link::before { display: none !important; }
  .iq-nav-menu li:hover > ul.sub-nav { display: block !important; }
  .iq-nav-menu li > a[data-bs-toggle="collapse"] .toggle-menu { display: none; }
}
@media (max-width: 1199px) {
  .iq-nav-menu .sub-nav li a.nav-link { padding-left: 2.2rem !important; font-size: .95rem; }
  .iq-nav-menu .sub-nav li a.nav-link .nav-icon { color: var(--bs-primary); }
}

/* ── Tüm İçerik: satır içi arama ───────────────────────────── */
.jx-search-inline { display: flex; align-items: center; gap: 8px; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.12); border-radius: 999px; padding: 4px 4px 4px 14px; min-width: 300px; }
.jx-search-inline i { color: rgba(255,255,255,.5); }
.jx-search-inline input { flex: 1; background: transparent; border: 0; outline: 0; color: #fff; font-size: .9rem; min-width: 0; }
.jx-search-inline input::placeholder { color: rgba(255,255,255,.4); }
@media (max-width: 767px) { .jx-search-inline { min-width: 0; width: 100%; } .jx-page-right { width: 100%; } }

/* ── Kullanıcı sayfaları ───────────────────────────────────── */
.jx-user-nav { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 18px; padding-bottom: 14px; border-bottom: 1px solid rgba(255,255,255,.08); }
.jx-chip__dot { width: 18px; height: 18px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-size: .6rem; color: #fff; }
.jx-filters .jx-chips + .jx-chips { margin-left: 6px; padding-left: 12px; border-left: 1px solid rgba(255,255,255,.1); }
@media (max-width: 767px) { .jx-filters .jx-chips + .jx-chips { margin-left: 0; padding-left: 0; border-left: 0; } .jx-user-nav { overflow-x: auto; flex-wrap: nowrap; padding-bottom: 10px; } .jx-user-nav .jx-chip { white-space: nowrap; } }
.container-fluid .container-fluid { padding-left: 0 !important; padding-right: 0 !important; }
.container-fluid section.s-margin:first-of-type { margin-top: 0; }

/* ── Reklam alanları ───────────────────────────────────────── */
.jx-ad { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; margin: 18px auto; max-width: 1400px; text-align: center; }
.jx-ad > *:not(.jx-ad__lbl):not(.jx-ad__ph) { max-width: 100%; }
.jx-ad__lbl { font-size: .6rem; letter-spacing: .12em; text-transform: uppercase; color: rgba(255,255,255,.3); }
.jx-ad--preview { border: 1px dashed rgba(255,255,255,.3); border-radius: 10px; padding: 18px; min-height: 90px; background: repeating-linear-gradient(45deg, rgba(255,255,255,.03) 0 10px, transparent 10px 20px); }
.jx-ad__ph { font-size: .8rem; color: rgba(255,255,255,.55); } .jx-ad__ph span { color: #ff6b6b; }
.jx-ad--detail_side { margin: 0; }
.jx-ad--detail_side.jx-ad--preview { min-height: 250px; }
.jx-ad--watch_below { margin: 14px 0 0; }
.jx-ad--mobile_sticky { display: none; }
@media (max-width: 767px) {
  .jx-ad--mobile_sticky { display: flex; position: fixed; left: 0; right: 0; bottom: 0; z-index: 1030; margin: 0; padding: 4px 0; background: rgba(10,10,15,.96); border-top: 1px solid rgba(255,255,255,.1); min-height: 58px; }
  body:has(.jx-ad--mobile_sticky:not(.jx-ad--preview)) { padding-bottom: 60px; }
}
/* ══ Mobil gezinme (<1200px) ══════════════════════════════════ */
@media (max-width: 1199.98px) {
  header.header-default .navbar-inner, header .iq-navbar { display: none !important; }   /* şablon header'ı mobilde kapalı */
  body { padding-top: var(--header-height, 62px); padding-bottom: 68px; }
  .jx-mtop { position: fixed; top: 0; left: 0; right: 0; z-index: 1040; height: 62px; display: flex; align-items: center; justify-content: space-between; padding: 0 14px; background: linear-gradient(180deg, rgba(8,8,14,.96), rgba(8,8,14,.7)); backdrop-filter: blur(14px); transition: transform .3s ease, background .3s; }
  .jx-mtop--solid { background: rgba(8,8,14,.96); border-bottom: 1px solid rgba(255,255,255,.06); }
  .jx-mtop--hide { transform: translateY(-100%); }
  body.jx-mnav-open .jx-mtop { transform: none; }
  .jx-mtop__brand img { height: 34px; width: auto; display: block; }
  .jx-mtop__brand span { font-weight: 800; font-size: 1.3rem; color: var(--bs-primary); }
  .jx-mtop__actions { display: flex; align-items: center; gap: 6px; }
  .jx-mtop__btn { width: 40px; height: 40px; border-radius: 50%; border: 0; background: rgba(255,255,255,.07); color: #fff; display: inline-flex; align-items: center; justify-content: center; font-size: 1rem; text-decoration: none; }
  .jx-mtop__avatar { width: 34px; height: 34px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-weight: 700; color: #fff; font-size: .9rem; text-decoration: none; border: 2px solid rgba(255,255,255,.25); }
  .jx-mtop__burger { flex-direction: column; gap: 4px; }
  .jx-mtop__burger span { display: block; width: 18px; height: 2px; background: #fff; border-radius: 2px; transition: transform .25s, opacity .25s; }
  .jx-mtop__burger[aria-expanded="true"] span:nth-child(1) { transform: translateY(6px) rotate(45deg); }
  .jx-mtop__burger[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
  .jx-mtop__burger[aria-expanded="true"] span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }
  .jx-msearch { position: absolute; top: var(--header-height, 62px); left: 0; right: 0; display: flex; align-items: center; gap: 10px; padding: 10px 14px; background: rgba(8,8,14,.98); border-bottom: 1px solid rgba(255,255,255,.08); }
  .jx-msearch i { color: rgba(255,255,255,.5); }
  .jx-msearch input { flex: 1; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.12); border-radius: 999px; padding: 10px 14px; color: #fff; font-size: 16px; outline: 0; }
  .jx-msearch button { background: none; border: 0; color: #fff; font-size: 1.1rem; }
  .jx-mnav-overlay { position: fixed; inset: 0; z-index: 1049; background: rgba(0,0,0,.6); backdrop-filter: blur(3px); }
  .jx-mnav { position: fixed; top: 0; right: 0; bottom: 0; width: min(86vw, 360px); z-index: 1050; background: #0f0f17; border-left: 1px solid rgba(255,255,255,.08); transform: translateX(105%); transition: transform .3s cubic-bezier(.2,.8,.2,1); display: flex; flex-direction: column; box-shadow: -20px 0 60px rgba(0,0,0,.5); }
  .jx-mnav.open { transform: none; }
  .jx-mnav__head { display: flex; align-items: center; justify-content: space-between; padding: 18px 16px 14px; border-bottom: 1px solid rgba(255,255,255,.08); background: linear-gradient(135deg, rgba(var(--bs-primary-rgb,229,9,20),.18), transparent); }
  .jx-mnav__user { display: flex; align-items: center; gap: 12px; }
  .jx-mnav__ava { width: 46px; height: 46px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 800; color: #fff; font-size: 1.1rem; }
  .jx-mnav__name { font-weight: 700; color: #fff; }
  .jx-mnav__sub { font-size: .78rem; color: rgba(255,255,255,.55); } .jx-mnav__sub a { color: var(--bs-primary); text-decoration: none; }
  .jx-mnav__close { width: 36px; height: 36px; border-radius: 50%; border: 0; background: rgba(255,255,255,.08); color: #fff; }
  .jx-mnav__list { flex: 1; overflow-y: auto; padding: 8px 10px; }
  .jx-mnav__group { font-size: .68rem; letter-spacing: .14em; text-transform: uppercase; color: rgba(255,255,255,.35); padding: 14px 10px 6px; font-weight: 700; }
  .jx-mnav__item { display: flex; align-items: center; gap: 14px; padding: 12px 12px; border-radius: 12px; color: rgba(255,255,255,.85); text-decoration: none; font-weight: 500; font-size: .95rem; }
  .jx-mnav__item i:first-child { width: 22px; text-align: center; font-size: 1.05rem; color: rgba(255,255,255,.6); }
  .jx-mnav__item.active { background: rgba(var(--bs-primary-rgb,229,9,20),.15); color: #fff; } .jx-mnav__item.active i:first-child { color: var(--bs-primary); }
  .jx-mnav__item:active { background: rgba(255,255,255,.08); }
  .jx-mnav__chev { margin-left: auto; font-size: .7rem !important; color: rgba(255,255,255,.25) !important; }
  .jx-mnav__foot { padding: 12px 16px calc(16px + env(safe-area-inset-bottom)); border-top: 1px solid rgba(255,255,255,.08); display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
  .jx-mnav__lang { display: inline-flex; background: rgba(255,255,255,.08); border-radius: 999px; padding: 3px; }
  .jx-mnav__lang button { border: 0; background: transparent; color: rgba(255,255,255,.6); font-weight: 700; font-size: .75rem; padding: 6px 12px; border-radius: 999px; }
  .jx-mnav__lang button.active { background: var(--bs-primary); color: #111; }
  .jx-mnav__pwa { border: 1px solid rgba(255,255,255,.15); background: transparent; color: #fff; border-radius: 999px; padding: 8px 14px; font-size: .78rem; }
  .jx-mnav__logout { margin-left: auto; color: #ff6b6b; text-decoration: none; font-size: .85rem; font-weight: 600; }
  .jx-tabbar { position: fixed; left: 0; right: 0; bottom: 0; z-index: 1035; display: flex; background: rgba(10,10,16,.96); backdrop-filter: blur(14px); border-top: 1px solid rgba(255,255,255,.08); padding-bottom: env(safe-area-inset-bottom); }
  .jx-tabbar a { flex: 1; display: flex; flex-direction: column; align-items: center; gap: 3px; padding: 9px 4px 8px; color: rgba(255,255,255,.55); text-decoration: none; font-size: .64rem; font-weight: 600; letter-spacing: .02em; }
  .jx-tabbar a i { font-size: 1.15rem; }
  .jx-tabbar a.active { color: var(--bs-primary); }
  .jx-ad--mobile_sticky { bottom: 62px !important; }
  .jx-hero, .iq-banner-thumb-slider { margin-top: 0 !important; }
  .jp-page .jx-tabbar { display: none; } .jp-page body { padding-bottom: 0; }
  footer.footer-default { padding-bottom: 20px; }
}
@media (min-width: 1200px) { .jx-mtop, .jx-mnav, .jx-mnav-overlay, .jx-tabbar { display: none !important; } }
/* Masaüstü logo daha büyük */
@media (min-width: 1200px) {
  header .logo-default .navbar-brand img { max-height: 44px !important; }
  header .logo-default .navbar-brand span { font-size: .66rem !important; letter-spacing: .14em !important; color: rgba(255,255,255,.55) !important; }
}
@media (max-width: 1199.98px) {
  :root { --header-height: 62px; }
  .main-content { padding-top: 0 !important; }
  body.jp-page { padding-bottom: 12px; }
  body.jp-page .jx-tabbar { display: none; }
  .jx-hero { margin-top: 0; padding-top: 0; }
  .jx-hero__inner { padding-top: 24px; }
}
/* Kullanıcı liste sayfaları: footer'dan önce nefes payı */
.container-fluid.s-margin { padding-bottom: 56px; }
@media (max-width: 767px) { .container-fluid.s-margin { padding-bottom: 36px; } }
/* Logo: arada bir parıltı (shine) */
header .logo-default .navbar-brand { position: relative; overflow: hidden; border-radius: 6px; }
header .logo-default .navbar-brand::after, .jx-mtop__brand::after { content: ""; position: absolute; top: -20%; bottom: -20%; left: -60%; width: 35%; background: linear-gradient(115deg, transparent 0%, rgba(255,255,255,.45) 50%, transparent 100%); transform: skewX(-18deg); animation: jxLogoShine 9s ease-in-out infinite; pointer-events: none; }
.jx-mtop__brand { position: relative; overflow: hidden; display: inline-block; }
@keyframes jxLogoShine { 0%, 82% { left: -60%; opacity: 0; } 84% { opacity: 1; } 95% { left: 140%; opacity: 1; } 96%, 100% { left: 140%; opacity: 0; } }
@media (prefers-reduced-motion: reduce) { header .logo-default .navbar-brand::after, .jx-mtop__brand::after { animation: none; } }

/* ── Profil kartı ──────────────────────────────────────────── */
.jx-pcard { background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.025)); border: 1px solid rgba(255,255,255,.08); border-radius: 18px; overflow: hidden; }
.jx-pcard__hero { padding: 26px 20px 18px; text-align: center; background: radial-gradient(120% 80% at 50% 0%, rgba(var(--bs-primary-rgb,229,9,20),.22), transparent 60%); }
.jx-pcard__ava { width: 84px; height: 84px; border-radius: 50%; margin: 0 auto 12px; display: flex; align-items: center; justify-content: center; font-size: 2rem; font-weight: 800; color: #fff; box-shadow: 0 0 0 4px rgba(255,255,255,.08), 0 12px 30px rgba(0,0,0,.4); }
.jx-pcard__name { font-weight: 700; font-size: 1.15rem; color: #fff; }
.jx-pcard__mail { font-size: .8rem; color: rgba(255,255,255,.5); margin-top: 2px; }
.jx-pcard__plan { margin-top: 10px; display: inline-flex; align-items: center; gap: 6px; padding: 6px 14px; border-radius: 999px; background: rgba(255,255,255,.07); font-size: .78rem; color: #fff; font-weight: 600; }
.jx-pcard__plan i { color: var(--bs-primary); } .jx-pcard__plan span { color: rgba(255,255,255,.5); font-weight: 400; } .jx-pcard__plan a { color: #fff; text-decoration: none; }
.jx-pcard__stats { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid rgba(255,255,255,.08); border-bottom: 1px solid rgba(255,255,255,.08); }
.jx-pcard__stats a { display: flex; flex-direction: column; align-items: center; padding: 12px 6px; text-decoration: none; color: #fff; border-right: 1px solid rgba(255,255,255,.08); transition: background .15s; }
.jx-pcard__stats a:last-child { border-right: 0; } .jx-pcard__stats a:hover { background: rgba(255,255,255,.05); }
.jx-pcard__stats strong { font-size: 1.15rem; } .jx-pcard__stats span { font-size: .7rem; color: rgba(255,255,255,.5); text-transform: uppercase; letter-spacing: .06em; }
.jx-pcard__menu { padding: 8px; }
.jx-pcard__menu a { display: grid; grid-template-columns: 22px 1fr auto; grid-template-rows: auto auto; column-gap: 12px; align-items: center; padding: 11px 12px; border-radius: 12px; text-decoration: none; color: #fff; transition: background .15s; }
.jx-pcard__menu a > i:first-child { grid-row: 1 / span 2; color: var(--bs-primary); text-align: center; font-size: 1rem; }
.jx-pcard__menu a > span { font-weight: 600; font-size: .9rem; }
.jx-pcard__menu a > em { grid-column: 2; font-style: normal; font-size: .72rem; color: rgba(255,255,255,.45); }
.jx-pcard__menu a > i:last-child { grid-row: 1 / span 2; font-size: .7rem; color: rgba(255,255,255,.3); }
.jx-pcard__menu a:hover { background: rgba(255,255,255,.06); }
.jx-pcard__logout { margin-top: 4px; } .jx-pcard__logout > i:first-child { color: #ff6b6b !important; } .jx-pcard__logout > span { color: #ff8a8a; }
.jx-pcard__title { padding: 18px 20px 4px; font-weight: 700; color: #fff; } .jx-pcard__title i { color: var(--bs-primary); margin-right: 6px; }
.jx-pcard__hint { padding: 0 20px; font-size: .8rem; color: rgba(255,255,255,.5); }
.jx-pcard form { padding: 0 20px 20px; }
.jx-share-row { display: flex; align-items: center; gap: 12px; padding: 10px 0; border-bottom: 1px solid rgba(255,255,255,.06); }
.jx-share-row:last-of-type { border-bottom: 0; }
.jx-share-row__t { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.jx-share-row__t b { font-size: .88rem; color: #fff; font-weight: 600; } .jx-share-row__t small { font-size: .7rem; color: rgba(255,255,255,.4); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.jx-icon--sm { width: 34px; height: 34px; font-size: .85rem; }
.jx-switch { position: relative; width: 42px; height: 24px; flex-shrink: 0; margin: 0; }
.jx-switch input { opacity: 0; width: 0; height: 0; }
.jx-switch span { position: absolute; inset: 0; border-radius: 999px; background: rgba(255,255,255,.15); transition: background .2s; cursor: pointer; }
.jx-switch span::before { content: ""; position: absolute; width: 18px; height: 18px; left: 3px; top: 3px; border-radius: 50%; background: #fff; transition: transform .2s; }
.jx-switch input:checked + span { background: var(--bs-primary); } .jx-switch input:checked + span::before { transform: translateX(18px); }
.jx-share-owner { width: 52px; height: 52px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: 1.3rem; color: #fff; flex-shrink: 0; }
/* ── Bilgiler kartı (detail_facts) ────────────────────────── */
.jx-facts__kpis { display: grid; grid-template-columns: repeat(auto-fit, minmax(76px, 1fr)); gap: 8px; margin-bottom: 14px; }
.jx-fact-kpi { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; padding: 10px 6px; border-radius: 12px; background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.07); text-decoration: none !important; color: #fff; text-align: center; transition: background .15s, transform .15s; }
a.jx-fact-kpi:hover { background: rgba(255,255,255,.1); transform: translateY(-1px); }
.jx-fact-kpi i { font-size: .8rem; color: rgba(255,255,255,.45); }
.jx-fact-kpi b { font-size: 1rem; line-height: 1.1; }
.jx-fact-kpi span { font-size: .62rem; text-transform: uppercase; letter-spacing: .08em; color: rgba(255,255,255,.4); }
.jx-fact-kpi--imdb i, .jx-fact-kpi--imdb b { color: #f5c518; }
.jx-facts__row { display: grid; grid-template-columns: 96px 1fr; gap: 10px; padding: 10px 0; border-top: 1px solid rgba(255,255,255,.06); align-items: start; }
.jx-facts__lbl { font-size: .74rem; text-transform: uppercase; letter-spacing: .06em; color: rgba(255,255,255,.45); display: flex; align-items: center; gap: 7px; padding-top: 5px; }
.jx-facts__lbl i { width: 14px; text-align: center; color: var(--bs-primary); font-size: .8rem; }
.jx-facts__val { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.jx-fact-pill { display: inline-flex; align-items: center; gap: 4px; padding: 5px 10px; border-radius: 999px; font-size: .78rem; font-weight: 500; color: rgba(255,255,255,.85); background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.08); text-decoration: none !important; transition: background .15s, color .15s, border-color .15s; line-height: 1.2; }
a.jx-fact-pill:hover { background: rgba(var(--bs-primary-rgb,229,9,20),.18); color: #fff; border-color: rgba(var(--bs-primary-rgb,229,9,20),.5); }
.jx-fact-pill--lang { background: rgba(255,255,255,.04); }
.jx-fact-pill--tech { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .72rem; letter-spacing: .02em; }
.jx-fact-note { font-size: .72rem; color: rgba(255,255,255,.4); width: 100%; }
@media (max-width: 575px) { .jx-facts__row { grid-template-columns: 1fr; gap: 4px; } .jx-facts__lbl { padding-top: 0; } }
/* Koleksiyon kapakları (Plex) */
.jx-col__cover { width: 91px; height: 131px; flex-shrink: 0; border-radius: 10px; overflow: hidden; background: #111; box-shadow: 0 8px 20px rgba(0,0,0,.4); }
.jx-col__cover img { width: 100%; height: 100%; object-fit: cover; display: block; }
.jx-hero__poster--sm { width: 160px; }
.jx-hero__poster--sm img { width: 100%; border-radius: 12px; display: block; box-shadow: 0 16px 40px rgba(0,0,0,.55); }
@media (max-width: 767px) { .jx-hero__poster--sm { width: 110px; } }

/* Keşfet mega menü */
@media (min-width: 1200px) {
  .iq-nav-menu li > ul.sub-nav.jx-explore { min-width: 520px; display: none; grid-template-columns: 1fr 1fr; gap: 4px; padding: 10px !important; background: linear-gradient(180deg, #16161f, #111118) !important; }
  .iq-nav-menu li:hover > ul.sub-nav.jx-explore { display: grid !important; }
  .jx-explore li a.nav-link { align-items: center !important; gap: 12px !important; padding: 10px 12px !important; }
  .jx-explore li a.nav-link .nav-icon { width: 34px !important; height: 34px; border-radius: 10px; display: inline-flex; align-items: center; justify-content: center; background: rgba(var(--bs-primary-rgb,229,9,20),.12); color: var(--bs-primary) !important; font-size: .95rem; flex-shrink: 0; }
  .jx-explore__t { display: flex; flex-direction: column; line-height: 1.2; }
  .jx-explore__t small { font-size: .7rem; color: rgba(255,255,255,.45); font-weight: 400; margin-top: 2px; }
  .jx-explore__feat { grid-column: 1 / -1; margin-top: 4px; }
  .jx-explore__feat a.nav-link { background: linear-gradient(90deg, rgba(var(--bs-primary-rgb,229,9,20),.22), rgba(255,255,255,.04)) !important; border: 1px solid rgba(var(--bs-primary-rgb,229,9,20),.35); }
  li.jx-explore__feat a.nav-link .nav-icon { background: var(--bs-primary) !important; color: #111 !important; }
  .jx-explore__arrow { margin-left: auto; color: rgba(255,255,255,.4); font-size: .8rem; }
}
@media (max-width: 1199px) { .jx-explore__t small { display: none; } .jx-explore__arrow { display: none; } }
/* Profil avatarı (görsel) */
.jx-ava { overflow: hidden; position: relative; }
.jx-ava .jx-ava-img, .jx-ava-img { width: 100%; height: 100%; object-fit: cover; display: block; border-radius: inherit; position: absolute; inset: 0; }
.user-icons.jx-ava .btn-inner { position: static; }

/* Top 10 — numara taşması için alt boşluk */
.top-ten-block .iq-top-ten-block-slider { padding-bottom: 12px; }

/* Plex clearLogo — film/dizi logoları */
.jx-hero__title--logo { margin: 0 0 14px; line-height: 0; }
.jx-hero__logo { display: block; max-width: min(460px, 70%); max-height: 170px; width: auto; height: auto; object-fit: contain; filter: drop-shadow(0 6px 24px rgba(0,0,0,.6)); }
.jx-slider__logo { margin: 0 0 18px; line-height: 0; }
.jx-slider__logo img { display: block; max-width: min(520px, 80%); max-height: 200px; width: auto; height: auto; object-fit: contain; filter: drop-shadow(0 8px 28px rgba(0,0,0,.65)); }
@media (max-width: 767px) {
  .jx-hero__logo { max-width: 78%; max-height: 110px; }
  .jx-slider__logo img { max-width: 82%; max-height: 120px; }
}
.jx-watch__logo { margin: 4px 0 10px; }
.jx-watch__logo img { display: block; max-width: min(320px, 70%); max-height: 96px; width: auto; height: auto; object-fit: contain; filter: drop-shadow(0 4px 16px rgba(0,0,0,.5)); }

/* İzleme sayacı */
.jx-pill--played { background: rgba(34,197,94,.14); color: #4ade80; border-color: rgba(34,197,94,.3); }
.jx-fact-kpi--played b, .jx-fact-kpi--played i { color: #4ade80; }

/* Hero → içerik geçişi: alt kenarda siyaha karışan gradyan (keskin çizgi kalmasın) */
.iq-banner-thumb-slider .slider .slider-bg { position: relative; }
.iq-banner-thumb-slider .slider .slider-bg::after { content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 38%; min-height: 140px; pointer-events: none; z-index: 2; background: linear-gradient(to bottom, rgba(11,11,16,0) 0%, rgba(11,11,16,.55) 45%, var(--bs-body-bg, #0b0b10) 100%); }
.iq-banner-thumb-slider .slider .slider-bg .slider-images .description, .iq-banner-thumb-slider .slider .slider-bg .horizontal_thumb_slider { z-index: 3; }
.top-ten-block { margin-top: 0; padding-top: 34px; }
@media (max-width: 767px) { .top-ten-block { padding-top: 22px; } }

/* Kaydırma çubuğu — site sarısı */
html { scrollbar-color: var(--bs-primary) #101016; scrollbar-width: thin; }
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: #101016; }
::-webkit-scrollbar-thumb { background: var(--bs-primary); border-radius: 999px; border: 2px solid #101016; }
::-webkit-scrollbar-thumb:hover { background: #ffd83d; }

/* Bölüm rozeti ("Bölüm 3") — metin sığsın */
.episode-block .episode-number { width: auto; min-width: 44px; height: auto; padding: 5px 10px; font-size: .74rem; font-weight: 700; letter-spacing: .04em; border-radius: 8px; white-space: nowrap; line-height: 1.2; }

/* Yakında rozeti */
.jx-card-type--soon { background: rgba(245,197,24,.92); color: #111; }

/* Footer sosyal ikonlar: panelden arka plan + ikon rengi */
.widget_social_media li a.jx-soc { background: var(--soc-bg) !important; color: var(--soc-ico) !important; border-color: transparent !important; }
.widget_social_media li a.jx-soc i { color: var(--soc-ico) !important; }
.widget_social_media li a.jx-soc:hover { filter: brightness(1.15); transform: translateY(-2px); }
.widget_social_media { display: flex; flex-wrap: wrap; gap: 6px; } footer .d-flex.align-items-center.mt-5 > span.font-size-14 { white-space: nowrap; }

/* ── Yorumlar ─────────────────────────────────────────────── */
.jx-c-wrap { max-width: 900px; }
.jx-c-form { display: flex; gap: 12px; align-items: flex-start; margin-bottom: 18px; }
.jx-c-form__body { flex: 1; min-width: 0; }
.jx-c-form textarea, .jx-c-modal textarea { width: 100%; background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.12); border-radius: 12px; color: #fff; padding: 12px 14px; font-size: .92rem; resize: vertical; outline: 0; transition: .2s; }
.jx-c-form textarea:focus, .jx-c-modal textarea:focus { border-color: var(--bs-primary); background: rgba(255,255,255,.08); box-shadow: 0 0 0 3px rgba(var(--bs-primary-rgb),.15); }
.jx-c-form__foot { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-top: 8px; flex-wrap: wrap; }
.jx-c-form__hint { font-size: .72rem; color: rgba(255,255,255,.4); }
.jx-c-form__to { font-size: .78rem; color: var(--bs-primary); margin-bottom: 6px; display: flex; align-items: center; gap: 6px; }
.jx-c-form__to button { background: rgba(255,255,255,.1); border: 0; color: #fff; width: 20px; height: 20px; border-radius: 50%; font-size: .65rem; cursor: pointer; }
.jx-c-login { display: flex; align-items: center; gap: 14px; padding: 16px 18px; border-radius: 14px; background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.08); margin-bottom: 18px; flex-wrap: wrap; font-size: .85rem; color: rgba(255,255,255,.6); }
.jx-c-login > i { font-size: 1.6rem; color: var(--bs-primary); }
.jx-c-login > div { flex: 1; min-width: 200px; } .jx-c-login strong { color: #fff; display: block; margin-bottom: 2px; }
.jx-c-tools { margin-bottom: 14px; }
.jx-c-list { display: flex; flex-direction: column; gap: 14px; }
.jx-c { display: flex; gap: 12px; align-items: flex-start; }
.jx-c__ava { width: 42px; height: 42px; border-radius: 50%; flex-shrink: 0; display: flex; align-items: center; justify-content: center; font-weight: 800; color: #fff; font-size: 1.05rem; }
.jx-c--reply .jx-c__ava { width: 32px; height: 32px; font-size: .85rem; }
.jx-c__body { flex: 1; min-width: 0; background: rgba(255,255,255,.035); border: 1px solid rgba(255,255,255,.07); border-radius: 14px; padding: 12px 14px; }
.jx-c--pending .jx-c__body { border-style: dashed; border-color: rgba(245,197,24,.4); }
.jx-c__head { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-bottom: 6px; }
.jx-c__name { font-weight: 700; color: #fff; font-size: .9rem; }
.jx-c__time { font-size: .72rem; color: rgba(255,255,255,.4); margin-left: auto; }
.jx-c__badge { font-size: .62rem; font-weight: 700; padding: 2px 7px; border-radius: 999px; text-transform: uppercase; letter-spacing: .04em; }
.jx-c__badge--admin { background: rgba(var(--bs-primary-rgb),.18); color: var(--bs-primary); }
.jx-c__badge--pending { background: rgba(245,197,24,.15); color: #f5c518; }
.jx-c__text { font-size: .9rem; line-height: 1.55; color: rgba(255,255,255,.88); word-break: break-word; }
.jx-c-mention { color: var(--bs-primary); font-weight: 600; }
.jx-c__actions { display: flex; gap: 4px; margin-top: 8px; flex-wrap: wrap; }
.jx-c__act { background: transparent; border: 0; color: rgba(255,255,255,.65); font-size: .76rem; font-weight: 600; padding: 5px 9px; border-radius: 8px; cursor: pointer; display: inline-flex; align-items: center; gap: 5px; transition: .15s; }
.jx-c__act:hover { background: rgba(255,255,255,.08); color: #fff; }
.jx-c__act--muted { color: rgba(255,255,255,.4); }
.jx-c__like.on { color: var(--bs-primary); }
.jx-c__replies { margin-top: 10px; display: flex; flex-direction: column; gap: 10px; }
.jx-c__replies:empty { display: none; }
.jx-c-empty { text-align: center; padding: 30px; color: rgba(255,255,255,.4); font-size: .9rem; }
.jx-c-empty i { display: block; font-size: 1.8rem; margin-bottom: 8px; }
.jx-c-modal { position: fixed; inset: 0; z-index: 1200; background: rgba(0,0,0,.7); display: flex; align-items: center; justify-content: center; padding: 20px; backdrop-filter: blur(4px); }
.jx-c-modal__box { width: min(440px, 100%); background: #16161f; border: 1px solid rgba(255,255,255,.1); border-radius: 16px; padding: 22px; }
.jx-c-modal__box h5 { color: #fff; font-weight: 700; margin-bottom: 6px; }
.jx-c-reasons { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; margin-bottom: 10px; }
.jx-c-reasons label { display: flex; align-items: center; gap: 8px; padding: 8px 10px; border-radius: 10px; background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.08); font-size: .82rem; color: rgba(255,255,255,.8); cursor: pointer; }
.jx-c-reasons label:has(input:checked) { border-color: var(--bs-primary); color: #fff; }
.jx-c-reasons input { accent-color: var(--bs-primary); }
@media (max-width: 575px) { .jx-c__body { padding: 10px 12px; } .jx-c__ava { width: 34px; height: 34px; font-size: .9rem; } .jx-c-reasons { grid-template-columns: 1fr; } }
/* ── Hero slider: akıcı geçiş, Ken Burns, gradyan, ilerleme çubuğu ── */
.iq-banner-thumb-slider .slider-images .swiper-slide { transition: opacity 1.1s ease !important; }
.iq-banner-thumb-slider .slider--image { overflow: hidden; }
.iq-banner-thumb-slider .slider--image img { transform: scale(1.02); transition: transform 1.2s ease; will-change: transform; }
.iq-banner-thumb-slider .swiper-slide-active .slider--image img { animation: jxKenBurns 9s ease-out forwards; }
@keyframes jxKenBurns { 0% { transform: scale(1.02) translate3d(0,0,0); } 100% { transform: scale(1.12) translate3d(-1.5%, -1%, 0); } }
/* okunabilirlik: sol→sağ ve alt gradyan */
.iq-banner-thumb-slider .slider--image::before { content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none;
  background: linear-gradient(90deg, rgba(11,11,16,.92) 0%, rgba(11,11,16,.72) 28%, rgba(11,11,16,.25) 58%, rgba(11,11,16,0) 100%); }
.iq-banner-thumb-slider .slider--image::after { content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none;
  background: linear-gradient(180deg, rgba(11,11,16,.35) 0%, rgba(11,11,16,0) 30%, rgba(11,11,16,0) 60%, rgba(11,11,16,.85) 100%); }
.iq-banner-thumb-slider .description { z-index: 3; }
/* metin girişleri: kademeli */
.iq-banner-thumb-slider .swiper-slide-active .RightAnimate       { animation: jxFadeUp .7s cubic-bezier(.2,.8,.2,1) .10s both; }
.iq-banner-thumb-slider .swiper-slide-active .RightAnimate-two   { animation: jxFadeUp .8s cubic-bezier(.2,.8,.2,1) .25s both; }
.iq-banner-thumb-slider .swiper-slide-active .RightAnimate-three { animation: jxFadeUp .8s cubic-bezier(.2,.8,.2,1) .40s both; }
.iq-banner-thumb-slider .swiper-slide-active .jx-slider-actions  { animation: jxFadeUp .8s cubic-bezier(.2,.8,.2,1) .55s both; }
@keyframes jxFadeUp { from { opacity: 0; transform: translate3d(0, 22px, 0); } to { opacity: 1; transform: none; } }
/* ilerleme çubuğu + sayaç */
.jx-hero-progress { position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: rgba(255,255,255,.12); z-index: 4; }
.jx-hero-progress__bar { height: 100%; width: 100%; background: linear-gradient(90deg, var(--bs-primary), #ffd83d); transform-origin: left; transform: scaleX(0); box-shadow: 0 0 12px rgba(var(--bs-primary-rgb), .7); }
.jx-hero-count { position: absolute; right: 18px; bottom: 14px; z-index: 4; font-size: .72rem; font-weight: 700; letter-spacing: .12em; color: rgba(255,255,255,.55); background: rgba(0,0,0,.35); padding: 4px 10px; border-radius: 999px; backdrop-filter: blur(6px); }
/* küçük resimler */
.iq-banner-thumb-slider .horizontal_thumb_slider .swiper-slide .block-images { transition: transform .45s cubic-bezier(.2,.8,.2,1), box-shadow .45s; border-radius: 12px; overflow: hidden; }
.iq-banner-thumb-slider .horizontal_thumb_slider .swiper-slide .block-images img { transition: transform .8s ease; }
.iq-banner-thumb-slider .horizontal_thumb_slider .swiper-slide:hover .block-images img { transform: scale(1.06); }
.iq-banner-thumb-slider .horizontal_thumb_slider .swiper-slide-thumb-active .block-images,
.iq-banner-thumb-slider .horizontal_thumb_slider .swiper-slide-active .block-images { box-shadow: 0 0 0 2px var(--bs-primary), 0 18px 40px rgba(0,0,0,.55); transform: translateY(-4px); }
.iq-banner-thumb-slider .horizontal_thumb_slider .swiper-slide .block-description { transition: opacity .3s; }
.iq-banner-thumb-slider .horizontal_thumb_slider .swiper-button { transition: background .2s, transform .2s; }
.iq-banner-thumb-slider .horizontal_thumb_slider .swiper-button:hover { background: var(--bs-primary) !important; color: #111 !important; transform: scale(1.08); }
@media (max-width: 767px) { .jx-hero-count { display: none; } .iq-banner-thumb-slider .slider--image::before { background: linear-gradient(90deg, rgba(11,11,16,.55), rgba(11,11,16,.35)); } }
@media (prefers-reduced-motion: reduce) { .iq-banner-thumb-slider .swiper-slide-active .slider--image img { animation: none; } }
/* ── İzleme ekranı bilgi bloğu (tam genişlik) ── */
.jx-wi { margin-top: 18px; padding: 22px 24px; border-radius: 18px; background: linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.02)); border: 1px solid rgba(255,255,255,.07); }
.jx-wi__top { display: flex; gap: 20px; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; }
.jx-wi__title { flex: 1 1 420px; min-width: 0; }
.jx-wi__h { font-size: clamp(1.35rem, 2.4vw, 2rem); font-weight: 800; color: #fff; margin: 0; line-height: 1.15; letter-spacing: -.01em; }
.jx-watch__logo + .jx-wi__h { font-size: 1.05rem; font-weight: 600; color: rgba(255,255,255,.75); margin-top: 2px; }
.jx-wi__ep { margin-top: 6px; font-size: .9rem; color: rgba(255,255,255,.6); }
.jx-wi__ep strong { color: #fff; font-weight: 600; }
.jx-wi__ep i { color: var(--bs-primary); margin-right: 4px; }
.jx-wi__actions { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
.jx-wi__desc { margin: 18px 0 0; font-size: .95rem; line-height: 1.75; color: rgba(255,255,255,.72); max-width: none; }
.jx-wi__facts { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 10px; margin-top: 18px; padding-top: 16px; border-top: 1px solid rgba(255,255,255,.07); }
.jx-wi__fact { display: flex; gap: 12px; align-items: flex-start; }
.jx-wi__fact > i { width: 34px; height: 34px; border-radius: 10px; background: rgba(var(--bs-primary-rgb), .12); color: var(--bs-primary); display: flex; align-items: center; justify-content: center; font-size: .85rem; flex-shrink: 0; }
.jx-wi__fact span { display: block; font-size: .68rem; text-transform: uppercase; letter-spacing: .1em; color: rgba(255,255,255,.4); font-weight: 700; }
.jx-wi__fact b { display: block; font-weight: 600; color: #fff; font-size: .9rem; line-height: 1.4; }
.jx-wi__fact b a { color: #fff; text-decoration: none; border-bottom: 1px dotted rgba(255,255,255,.35); } .jx-wi__fact b a:hover { color: var(--bs-primary); border-color: var(--bs-primary); }
@media (max-width: 767px) { .jx-wi { padding: 16px; margin-top: 12px; } .jx-wi__facts { grid-template-columns: 1fr 1fr; } }
@media (max-width: 480px) { .jx-wi__facts { grid-template-columns: 1fr; } }
/* Detay sayfası: logo + altında ad */
.jx-hero__title--sub { font-size: 1.15rem !important; font-weight: 600 !important; color: rgba(255,255,255,.8) !important; margin: 0 0 8px !important; text-shadow: 0 2px 12px rgba(0,0,0,.6); }
/* ── Hero: kapak önizleme şeridi (alt sağda, küçük posterler) ── */
.iq-banner-thumb-slider .slider .slider-bg { display: block !important; }
.iq-banner-thumb-slider .slider .slider-bg > .position-relative.my-auto { position: absolute !important; right: 0; bottom: 0; left: 0; z-index: 5; margin: 0 !important; pointer-events: none; }
.iq-banner-thumb-slider .slider .slider-bg .horizontal_thumb_slider {
  position: absolute !important; right: 3.5rem; bottom: 34px; left: auto; margin: 0 !important; height: auto !important; width: min(46vw, 760px) !important;
  background: none !important; padding: 0 !important; pointer-events: auto;
}
.iq-banner-thumb-slider .slider .slider-bg .horizontal_thumb_slider .banner-thumb-slider-nav { position: relative; }
.iq-banner-thumb-slider .slider .slider-bg .horizontal_thumb_slider .swiper-slide { padding: 0; cursor: pointer; }
.iq-banner-thumb-slider .slider .slider-bg .horizontal_thumb_slider .block-images { border-radius: 10px; overflow: hidden; transition: transform .45s cubic-bezier(.2,.8,.2,1), box-shadow .45s, opacity .45s; transform: scale(.94); opacity: .55; box-shadow: 0 8px 24px rgba(0,0,0,.5); }
.iq-banner-thumb-slider .slider .slider-bg .horizontal_thumb_slider .swiper-slide:hover .block-images { opacity: .9; transform: scale(.98); }
.iq-banner-thumb-slider .slider .slider-bg .horizontal_thumb_slider .swiper-slide-active .block-images,
.iq-banner-thumb-slider .slider .slider-bg .horizontal_thumb_slider .swiper-slide-thumb-active .block-images { opacity: 1; transform: scale(1); box-shadow: 0 0 0 2px var(--bs-primary), 0 14px 34px rgba(0,0,0,.6); }
.iq-banner-thumb-slider .slider .slider-bg .horizontal_thumb_slider .block-images .img-box { background: #111 !important; aspect-ratio: 2/3; }
.iq-banner-thumb-slider .slider .slider-bg .horizontal_thumb_slider .block-images .img-box img { height: 100% !important; mix-blend-mode: normal !important; object-fit: cover; border-radius: 0 !important; transition: transform .8s ease; }
.iq-banner-thumb-slider .slider .slider-bg .horizontal_thumb_slider .swiper-slide:hover .block-images .img-box img { transform: scale(1.06); }
/* başlık: yalnızca aktif kapakta, alt gradyan üstünde */
.iq-banner-thumb-slider .slider .slider-bg .horizontal_thumb_slider .block-description { left: 8px !important; right: 8px !important; bottom: 8px !important; opacity: 0; transition: opacity .3s; }
.iq-banner-thumb-slider .slider .slider-bg .horizontal_thumb_slider .block-description::before { content: ""; position: absolute; inset: -60px -8px -8px; background: linear-gradient(to top, rgba(0,0,0,.9), transparent); z-index: -1; }
.iq-banner-thumb-slider .slider .slider-bg .horizontal_thumb_slider .swiper-slide-active .block-description,
.iq-banner-thumb-slider .slider .slider-bg .horizontal_thumb_slider .swiper-slide:hover .block-description { opacity: 1; }
.iq-banner-thumb-slider .slider .slider-bg .horizontal_thumb_slider .block-description .iq-title { font-size: .74rem !important; font-weight: 700; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.iq-banner-thumb-slider .slider .slider-bg .horizontal_thumb_slider .block-description .fs-12 { font-size: .62rem !important; opacity: .75; }
/* oklar: şeridin üstünde küçük */
.iq-banner-thumb-slider .slider .slider-bg .horizontal_thumb_slider .swiper-button { position: absolute; top: -44px; bottom: auto; width: 32px; height: 32px; border-radius: 50%; background: rgba(0,0,0,.45); border: 1px solid rgba(255,255,255,.2); color: #fff; display: flex; align-items: center; justify-content: center; font-size: .8rem; backdrop-filter: blur(6px); }
.iq-banner-thumb-slider .slider .slider-bg .horizontal_thumb_slider .slider-prev { right: 40px; left: auto; }
.iq-banner-thumb-slider .slider .slider-bg .horizontal_thumb_slider .slider-next { right: 0; left: auto; }
.iq-banner-thumb-slider .slider .slider-bg .horizontal_thumb_slider .swiper-button::after { content: none; }
/* açıklama alanı: soldan hizalı, şeridin üstünde kalsın (yalnızca masaüstü — şerit mobilde zaten gizli) */
@media (min-width: 992px) {
  .iq-banner-thumb-slider .slider .slider-bg .slider-images .description { padding-bottom: 250px; }
}
.jx-hero-count { bottom: 46px; right: 3.5rem; }
@media (max-width: 1199px) { .iq-banner-thumb-slider .slider .slider-bg .horizontal_thumb_slider { width: min(52vw, 560px) !important; right: 2rem; } .jx-hero-count { right: 2rem; } }
@media (max-width: 767px) { .iq-banner-thumb-slider .slider .slider-bg > .position-relative.my-auto { display: none; } }.iq-banner-thumb-slider .slider .slider-bg .horizontal_thumb_slider .banner-thumb-slider-nav .slider-prev { left: auto !important; right: 40px !important; bottom: auto !important; top: -44px; }
.iq-banner-thumb-slider .slider .slider-bg .horizontal_thumb_slider .banner-thumb-slider-nav .slider-next { left: auto !important; right: 0 !important; bottom: auto !important; top: -44px; }

/* Kart paylaş düğmesi (like/watched ile aynı daire) */
.iq-card .share-btn { width: 32px; height: 32px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; background: rgba(255,255,255,.12); color: #fff; font-size: .8rem; transition: .2s; }
.iq-card .share-btn:hover { background: var(--bs-primary); color: #111; }

/* İzleme bilgi bloğu: çerçevesiz, içe doğru boşluklu */
.jx-wi { background: none !important; border: 0 !important; border-radius: 0; padding: 28px 18px 8px !important; margin-top: 10px; }
.jx-wi__desc { max-width: 1100px; }
.jx-wi__facts { border-top: 0; padding-top: 6px; gap: 12px; }
.jx-wi__fact { background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.06); border-radius: 12px; padding: 10px 12px; }
@media (max-width: 767px) { .jx-wi { padding: 18px 10px 4px !important; } }

/* Veri kullanımı pill'leri */
.jx-fact-pill--data { background: rgba(56,189,248,.10); color: #7dd3fc; border-color: rgba(56,189,248,.25); }
.jx-fact-pill--data i { margin-right: 5px; font-size: .7em; opacity: .8; }
.jx-fact-note { font-size: .66rem; color: rgba(255,255,255,.35); margin-top: 6px; }
.jx-wi__data { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-top: 16px; padding: 10px 12px; border-radius: 12px; background: rgba(56,189,248,.06); border: 1px dashed rgba(56,189,248,.25); }
.jx-wi__data > i { color: #7dd3fc; }
.jx-wi__data > span { font-size: .72rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: rgba(255,255,255,.55); }
.jx-wi__data-pills { display: flex; gap: 6px; flex-wrap: wrap; }
.jx-wi__data small { flex-basis: 100%; font-size: .68rem; color: rgba(255,255,255,.35); }
/* Kart hover başlıkları: 6'lı şeritlerde (Benzer Diziler vb.) daha küçük, 2 satıra sığsın */
.iq-card .card-description .iq-title, .iq-card .card-description .iq-title a { font-size: .92rem !important; line-height: 1.3 !important; font-weight: 600; }
.swiper-card[data-slide="6"] .iq-card .card-description .iq-title, .swiper-card[data-slide="6"] .iq-card .card-description .iq-title a { font-size: .8rem !important; }
.iq-card .card-description .movie-time-text { font-size: .72rem; }
@media (max-width: 767px) { .iq-card .card-description .iq-title, .iq-card .card-description .iq-title a { font-size: .78rem !important; } }

/* Kullanıcı puanlama (yıldız) */
.jx-rate { display: inline-flex; align-items: center; gap: 12px; margin-top: 16px; padding: 8px 14px; border-radius: 999px; background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.08); flex-wrap: wrap; }
.jx-rate__lbl { font-size: .74rem; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: rgba(255,255,255,.55); }
.jx-rate__lbl i { margin-right: 5px; }
.jx-rate__stars { display: inline-flex; gap: 2px; }
.jx-rate__star { background: none; border: 0; padding: 2px; color: rgba(255,255,255,.22); font-size: 1.15rem; cursor: pointer; transition: transform .15s, color .15s; line-height: 1; }
.jx-rate__star.is-on, .jx-rate__star.is-hover { color: #f5c518; }
.jx-rate__star:hover { transform: scale(1.2); }
.jx-rate__sum { font-size: .8rem; color: rgba(255,255,255,.55); }
.jx-rate__sum b { color: #fff; font-size: .95rem; margin-right: 2px; }
.jx-rate--compact { margin-top: 0; padding: 6px 12px; }
.jx-rate.is-busy { opacity: .6; pointer-events: none; }
@media (max-width: 575px) { .jx-rate { gap: 8px; padding: 6px 10px; } .jx-rate__star { font-size: 1rem; } }/* Kart başlıkları: sağ boşluk kaldırıldı, 3 satıra kadar tam görünsün */
.iq-card .card-description .iq-title { padding-right: 0 !important; -webkit-line-clamp: 3 !important; }
.swiper-card[data-slide="5"] .iq-card .card-description .iq-title, .swiper-card[data-slide="5"] .iq-card .card-description .iq-title a { font-size: .86rem !important; }
/* Profil kartı menüsü: grid hücreleri sabit (ikon | metin | ok) — kayma düzeltmesi */
.jx-pcard__menu a > i:first-child { grid-column: 1; grid-row: 1 / span 2; }
.jx-pcard__menu a > span { grid-column: 2; grid-row: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; text-align: left; }
.jx-pcard__menu a > em { grid-column: 2; grid-row: 2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; }
.jx-pcard__menu a > i:last-child { grid-column: 3; grid-row: 1 / span 2; }
.jx-pcard__menu a.jx-pcard__logout > span { grid-row: 1 / span 2; }
.jx-pcard__hint { overflow-wrap: anywhere; word-break: break-word; }

/* İzlemeye devam: listeden kaldır düğmesi */
.jx-cw-wrap { position: relative; }
.jx-cw__rm { position: absolute; top: 8px; right: 8px; z-index: 3; width: 28px; height: 28px; border-radius: 50%; border: 0; background: rgba(0,0,0,.65); color: #fff; font-size: .8rem; display: grid; place-items: center; cursor: pointer; opacity: 0; transition: opacity .15s, background .15s; backdrop-filter: blur(4px); }
.jx-cw-wrap:hover .jx-cw__rm, .jx-cw__rm:focus { opacity: 1; }
.jx-cw__rm:hover { background: var(--bs-primary); color: #111; }
@media (hover: none) { .jx-cw__rm { opacity: .85; } }
.jx-wi__rate { margin-top: 12px; }
.jx-wi__rate .jx-rate { margin-top: 0; }

.jx-req-note input.is-req { border-color: #f5c518 !important; box-shadow: 0 0 0 3px rgba(245,197,24,.2); }

/* Sorun bildir modalı */
.jx-rep { position: fixed; inset: 0; z-index: 99998; display: grid; place-items: center; padding: 16px; }
.jx-rep__bg { position: absolute; inset: 0; background: rgba(0,0,0,.72); backdrop-filter: blur(4px); }
.jx-rep__box { position: relative; width: min(560px, 100%); background: #14141c; border: 1px solid rgba(255,255,255,.1); border-radius: 18px; padding: 22px 22px 18px; box-shadow: 0 30px 80px rgba(0,0,0,.6); animation: jxFadeUp .25s ease; max-height: calc(100vh - 32px); overflow: auto; }
.jx-rep__x { position: absolute; top: 12px; right: 12px; width: 34px; height: 34px; border-radius: 50%; border: 0; background: rgba(255,255,255,.08); color: #fff; cursor: pointer; }
.jx-rep__h { display: flex; gap: 12px; align-items: center; margin-bottom: 16px; }
.jx-rep__h > i { width: 44px; height: 44px; border-radius: 12px; display: grid; place-items: center; background: rgba(var(--bs-primary-rgb,229,9,20),.18); color: var(--bs-primary); font-size: 1.1rem; }
.jx-rep__h b { display: block; font-size: 1.05rem; color: #fff; } .jx-rep__h small { color: rgba(255,255,255,.5); font-size: .8rem; }
.jx-rep__opts { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-bottom: 12px; }
@media (max-width: 480px) { .jx-rep__opts { grid-template-columns: 1fr; } }
.jx-rep__opt input { position: absolute; opacity: 0; pointer-events: none; }
.jx-rep__opt span { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-radius: 10px; border: 1px solid rgba(255,255,255,.1); background: rgba(255,255,255,.04); color: #ddd; font-size: .85rem; cursor: pointer; transition: all .15s; }
.jx-rep__opt span i { width: 18px; text-align: center; color: rgba(255,255,255,.55); }
.jx-rep__opt input:checked + span { border-color: var(--bs-primary); background: rgba(var(--bs-primary-rgb,229,9,20),.14); color: #fff; }
.jx-rep__opt input:checked + span i { color: var(--bs-primary); }
.jx-rep textarea { width: 100%; background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.1); color: #fff; border-radius: 10px; padding: 10px 12px; font-size: .88rem; resize: vertical; }
.jx-rep textarea.is-req { border-color: #f5c518; }
.jx-rep__f { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 12px; flex-wrap: wrap; }
.jx-rep__hint { font-size: .72rem; color: rgba(255,255,255,.4); flex: 1; min-width: 200px; }
.jx-rep__login { color: rgba(255,255,255,.7); } .jx-rep__login a { color: var(--bs-primary); }
.jx-rep__ok { text-align: center; padding: 20px 0 8px; } .jx-rep__ok i { font-size: 2.4rem; color: #3ddc84; margin-bottom: 8px; } .jx-rep__ok b { display: block; color: #fff; font-size: 1.1rem; } .jx-rep__ok p { color: rgba(255,255,255,.6); margin: 4px 0 0; }
.jx-report-btn.is-done { color: #3ddc84 !important; }
/* ── Detay: Konu + tam genişlik "Bilgiler" bandı ─────────────── */
.jx-synopsis { max-width: 980px; }
.jx-synopsis .jx-desc-full { font-size: 1.02rem; line-height: 1.75; color: rgba(255,255,255,.82); }
.jx-facts-wide { position: relative; margin-top: 30px; padding: 26px 28px 20px; border-radius: 22px; background: linear-gradient(160deg, rgba(255,255,255,.055), rgba(255,255,255,.02) 55%, rgba(var(--bs-primary-rgb,229,9,20),.07)); border: 1px solid rgba(255,255,255,.08); overflow: hidden; }
.jx-facts-wide::before { content: ''; position: absolute; inset: 0 auto auto 0; width: 100%; height: 2px; background: linear-gradient(90deg, var(--bs-primary), transparent 70%); opacity: .8; }
.jx-facts-wide::after { content: ''; position: absolute; right: -120px; top: -120px; width: 320px; height: 320px; border-radius: 50%; background: radial-gradient(circle, rgba(var(--bs-primary-rgb,229,9,20),.18), transparent 65%); pointer-events: none; }
.jx-facts-wide__head { display: flex; align-items: center; gap: 14px; margin-bottom: 18px; position: relative; z-index: 1; }
.jx-facts-wide__ic { width: 44px; height: 44px; border-radius: 14px; display: grid; place-items: center; background: rgba(var(--bs-primary-rgb,229,9,20),.16); color: var(--bs-primary); font-size: 1.1rem; box-shadow: inset 0 0 0 1px rgba(var(--bs-primary-rgb,229,9,20),.35); }
.jx-facts-wide__head b { display: block; font-size: 1.15rem; color: #fff; letter-spacing: .01em; }
.jx-facts-wide__head small { color: rgba(255,255,255,.45); font-size: .78rem; }
.jx-facts-wide .jx-facts { position: relative; z-index: 1; }
.jx-facts-wide .jx-facts__kpis { grid-template-columns: repeat(auto-fill, minmax(118px, 150px)); gap: 10px; margin-bottom: 18px; }
.jx-facts-wide .jx-fact-kpi { padding: 14px 8px; border-radius: 14px; background: rgba(0,0,0,.28); border: 1px solid rgba(255,255,255,.08); }
.jx-facts-wide .jx-fact-kpi b { font-size: 1.25rem; }
.jx-facts-wide .jx-fact-kpi i { font-size: .95rem; margin-bottom: 2px; }
.jx-facts-wide .jx-facts__rows { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 10px; }
.jx-facts-wide .jx-facts__row { grid-template-columns: 1fr; gap: 8px; padding: 14px 16px; border: 1px solid rgba(255,255,255,.07); border-radius: 14px; background: rgba(0,0,0,.22); transition: border-color .2s, transform .2s; }
.jx-facts-wide .jx-facts__row:hover { border-color: rgba(var(--bs-primary-rgb,229,9,20),.45); transform: translateY(-2px); }
.jx-facts-wide .jx-facts__lbl { padding-top: 0; font-size: .7rem; }
.jx-facts-wide .jx-facts__lbl i { width: 22px; height: 22px; border-radius: 7px; display: inline-grid; place-items: center; background: rgba(var(--bs-primary-rgb,229,9,20),.15); font-size: .72rem; }
.jx-facts-wide .jx-fact-pill { font-size: .8rem; padding: 6px 11px; }
@media (max-width: 767px) { .jx-facts-wide { padding: 20px 16px 14px; border-radius: 16px; margin-top: 22px; } .jx-facts-wide .jx-facts__rows { grid-template-columns: 1fr; } .jx-facts-wide .jx-facts__kpis { grid-template-columns: repeat(3, 1fr); } }
/* İndir modalı */
.jx-dl__opt { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 14px; border-radius: 12px; border: 1px solid rgba(255,255,255,.08); background: rgba(255,255,255,.04); margin-bottom: 8px; flex-wrap: wrap; }
.jx-dl__t b { display: block; color: #fff; font-size: .9rem; } .jx-dl__t small { color: rgba(255,255,255,.5); font-size: .74rem; }
.jx-dl__b { display: flex; gap: 6px; }
.jx-dl__prog { margin-top: 10px; } .jx-dl__bar { height: 8px; border-radius: 999px; background: rgba(255,255,255,.1); overflow: hidden; } .jx-dl__bar span { display: block; height: 100%; width: 0; background: var(--bs-primary); transition: width .3s; } .jx-dl__prog small { display: block; margin-top: 6px; color: rgba(255,255,255,.6); font-size: .74rem; }
.jx-off__empty { text-align: center; padding: 50px 20px; color: rgba(255,255,255,.6); } .jx-off__empty i { font-size: 2.4rem; color: var(--bs-primary); margin-bottom: 10px; } .jx-off__empty b { display: block; color: #fff; font-size: 1.05rem; margin-bottom: 6px; }
.jx-off__quota { font-size: .78rem; color: rgba(255,255,255,.55); margin-bottom: 12px; } .jx-off__quota b { color: #fff; }
.jx-off__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 14px; }
.jx-off__card { background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.07); border-radius: 14px; overflow: hidden; display: flex; flex-direction: column; }
.jx-off__img { aspect-ratio: 16/9; background: #111 center/cover; position: relative; }
.jx-off__q { position: absolute; top: 8px; left: 8px; background: rgba(0,0,0,.7); font-size: .66rem; font-weight: 700; padding: 3px 8px; border-radius: 999px; color: #fff; }
.jx-off__b { padding: 12px 14px; display: flex; flex-direction: column; gap: 4px; } .jx-off__b b { font-size: .92rem; color: #fff; } .jx-off__b small { color: rgba(255,255,255,.5); font-size: .74rem; }
.jx-off__act { display: flex; gap: 6px; margin-top: 8px; }
/* animate.css yerine (yalnızca kullanılan iki animasyon) */
.animate__animated{animation-duration:.5s;animation-fill-mode:both}.animate__fadeIn{animation-name:jxAFIn}.animate__fadeOut{animation-name:jxAFOut}@keyframes jxAFIn{from{opacity:0}to{opacity:1}}@keyframes jxAFOut{from{opacity:1}to{opacity:0}}

/* Menü: hafif şeffaf cam efekti (üstte daha şeffaf, kaydırınca biraz koyu) */
header.header-default.header-sticky { background: rgba(6,6,12,.28) !important; backdrop-filter: blur(16px) saturate(140%); -webkit-backdrop-filter: blur(16px) saturate(140%); border-bottom: 1px solid rgba(255,255,255,.05); }
header.header-default.header-sticky.sticky { background: rgba(6,6,12,.58) !important; }
.jx-mtop { background: linear-gradient(180deg, rgba(8,8,14,.72), rgba(8,8,14,.45)) !important; }
header .iq-navbar .sub-nav, header .jx-explore { background: rgba(12,12,20,.86) !important; backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); }

/* Tablet: hero ekranı boğmasın, görsel doğru orantıda */
@media (min-width: 768px) and (max-width: 1199px) and (orientation: portrait) { .iq-banner-thumb-slider .slider .slider-bg { height: 64vh; max-height: 760px; min-height: 520px; } }
/* Mobil üst çubuk + yan menü: cam efekti (şeffaf) */
.jx-mtop { background: rgba(8,8,14,.30) !important; backdrop-filter: blur(16px) saturate(140%); -webkit-backdrop-filter: blur(16px) saturate(140%); border-bottom: 1px solid rgba(255,255,255,.05); }
.jx-mtop.jx-mtop--solid { background: rgba(8,8,14,.58) !important; }
.jx-mnav { background: rgba(12,12,20,.72) !important; backdrop-filter: blur(22px) saturate(150%); -webkit-backdrop-filter: blur(22px) saturate(150%); }
.jx-mnav__head { background: linear-gradient(135deg, rgba(var(--bs-primary-rgb,229,9,20),.16), transparent) !important; }
.jx-tabbar { background: rgba(8,8,14,.72) !important; backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); }

/* ── Kart hover: temiz kaplama (şablonun gri kutusu yerine) ──────────── */
.iq-card.card-hover { position: relative; border-radius: 10px; overflow: visible; }
.iq-card .block-images { position: relative; border-radius: 10px; overflow: hidden; transform: none !important; transition: transform .28s cubic-bezier(.2,.8,.2,1), box-shadow .28s !important; box-shadow: 0 6px 18px rgba(0,0,0,.35); }
.iq-card:hover .block-images { transform: scale(1.06) !important; z-index: 30; box-shadow: 0 22px 50px rgba(0,0,0,.65); }
.iq-card .block-images::after { display: none !important; }              /* şablonun gri çerçevesi */
.iq-card .block-images .img-box { border-radius: 10px !important; }
.iq-card .block-images .img-box::before { display: none !important; }
.iq-card .block-images .img-box img { mix-blend-mode: normal !important; transition: transform .5s ease !important; }
.iq-card:hover .block-images .img-box img { transform: scale(1.05); }
.iq-card .block-images .card-description, .iq-card .block-images .card-description.with-transition {
  position: absolute !important; left: 0 !important; right: 0 !important; bottom: 0 !important; top: auto !important; padding: 44px 12px 56px !important; margin: 0 !important;
  background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(6,6,12,.82) 42%, rgba(6,6,12,.97) 100%) !important;
  opacity: 0 !important; visibility: visible !important; transform: translateY(10px); transition: opacity .25s ease, transform .25s ease !important; pointer-events: none; z-index: 5 !important;
}
.iq-card:hover .block-images .card-description, .iq-card:hover .block-images .card-description.with-transition { opacity: 1 !important; transform: none; transition-delay: 0s !important; }
.iq-card .card-description .cart-content { display: block !important; }
.iq-card .card-description .iq-title, .iq-card .card-description .iq-title a { font-size: .9rem !important; line-height: 1.25 !important; font-weight: 700 !important; color: #fff !important; text-shadow: 0 1px 6px rgba(0,0,0,.8); padding: 0 !important; -webkit-line-clamp: 2 !important; }
.iq-card .card-description .movie-time { margin: 4px 0 0 !important; } .iq-card .card-description .movie-time-text { font-size: .7rem !important; color: rgba(255,255,255,.7) !important; }
.iq-card .block-social-info { position: absolute !important; left: 10px !important; right: 10px !important; bottom: 10px !important; top: auto !important; z-index: 6 !important; display: flex !important; align-items: center; justify-content: space-between; opacity: 0; transform: translateY(8px); transition: opacity .25s ease .05s, transform .25s ease .05s !important; }
.iq-card:hover .block-social-info { opacity: 1; transform: none; }
.iq-card .block-social-info .music-play-lists { display: flex !important; gap: 6px !important; }
.iq-card .block-social-info .music-play-lists li { width: 32px !important; height: 32px !important; margin: 0 !important; border-radius: 50% !important; background: rgba(255,255,255,.14) !important; border: 1px solid rgba(255,255,255,.28) !important; backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); line-height: 1 !important; transition: background .15s, border-color .15s, transform .15s !important; }
.iq-card .block-social-info .music-play-lists li:hover { background: var(--bs-primary) !important; border-color: var(--bs-primary) !important; transform: translateY(-2px); }
.iq-card .block-social-info .music-play-lists li a { width: 100% !important; height: 100% !important; display: grid !important; place-items: center !important; color: #fff !important; font-size: .8rem !important; line-height: 1 !important; background: none !important; border: 0 !important; margin: 0 !important; }
.iq-card .block-social-info .music-play-lists li:hover a, .iq-card .block-social-info .music-play-lists li:hover a i { color: #111 !important; }
.iq-card .block-social-info .music-play-lists li a i { font-size: .8rem !important; line-height: 1 !important; color: inherit !important; }
.iq-card .block-social-info .music-play-lists li a.active, .iq-card .block-social-info .music-play-lists li a.liked, .iq-card .block-social-info .music-play-lists li a.watched { color: var(--bs-primary) !important; }
.iq-card .block-social-info .iq-button .btn { width: 40px !important; height: 40px !important; border-radius: 50% !important; background: var(--bs-primary) !important; color: #111 !important; display: grid !important; place-items: center !important; padding: 0 !important; line-height: 1 !important; box-shadow: 0 6px 18px rgba(0,0,0,.45); transition: transform .15s !important; }
.iq-card .block-social-info .iq-button .btn:hover { transform: scale(1.1); }
.iq-card .block-social-info .iq-button .btn i { font-size: .95rem; margin: 0 !important; }
.jx-card-badge, .jx-card-type { z-index: 7; }
@media (hover: none) { .iq-card .block-images .card-description, .iq-card .block-images .card-description.with-transition { opacity: 1 !important; transform: none; padding-bottom: 12px !important; } .iq-card .block-social-info { display: none !important; } .iq-card:hover .block-images { transform: none !important; } }

/* Top 10 kartları: üzerine gelince ad + bilgi + oynat */
.top-ten-block .block-image { overflow: visible; }
.top-ten-block .block-image .img-box { position: relative; border-radius: 10px; overflow: hidden; transition: transform .28s cubic-bezier(.2,.8,.2,1), box-shadow .28s; }
.top-ten-block .block-image:hover .img-box { transform: scale(1.06); z-index: 30; box-shadow: 0 22px 50px rgba(0,0,0,.65); }
.top-ten-block .overly-images { display: block; position: relative; }
.top-ten-block .overly-images img { transition: transform .5s ease; }
.top-ten-block .block-image:hover .overly-images img { transform: scale(1.05); }
.jx-t10__cap { position: absolute; left: 0; right: 0; bottom: 0; padding: 50px 12px 12px; background: linear-gradient(180deg, rgba(0,0,0,0), rgba(6,6,12,.8) 45%, rgba(6,6,12,.96)); color: #fff; opacity: 0; transform: translateY(10px); transition: opacity .25s, transform .25s; display: flex; flex-direction: column; gap: 3px; z-index: 3; }
.jx-t10__cap b { font-size: .9rem; line-height: 1.25; font-weight: 700; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; padding-right: 46px; }
.jx-t10__cap small { font-size: .7rem; color: rgba(255,255,255,.7); }
.jx-t10__cap i { position: absolute; right: 12px; bottom: 12px; width: 40px; height: 40px; border-radius: 50%; background: var(--bs-primary); color: #111; display: grid; place-items: center; font-size: .95rem; box-shadow: 0 6px 18px rgba(0,0,0,.45); }
.top-ten-block .block-image:hover .jx-t10__cap { opacity: 1; transform: none; }
@media (hover: none) { .jx-t10__cap { opacity: 1; transform: none; padding-top: 30px; } .jx-t10__cap i { display: none; } .top-ten-block .block-image:hover .img-box { transform: none; } }.top-ten-block .top-ten-numbers { transition: opacity .25s; } .top-ten-block .block-image:hover .top-ten-numbers { opacity: .18; }

/* Bölüm kartı: izlendi tiki + ilerleme çubuğu */
.jx-ep__done { position: absolute; top: 8px; right: 8px; width: 26px; height: 26px; border-radius: 50%; background: #3ddc84; color: #063; display: grid; place-items: center; font-size: .75rem; z-index: 3; box-shadow: 0 2px 8px rgba(0,0,0,.5); }
.jx-ep__bar { position: absolute; left: 0; right: 0; bottom: 0; height: 4px; background: rgba(255,255,255,.2); z-index: 3; }
.jx-ep__bar span { display: block; height: 100%; background: var(--bs-primary); }
.jx-ep:has(.jx-ep__done) .jx-ep__thumb img { filter: brightness(.7); }

/* ── Hesap sekme menüsü (profil / listeler / ayarlar) ─────────────── */
.jx-unav-wrap { margin-bottom: 22px; position: relative; }
.jx-unav { display: flex; gap: 4px; padding: 6px; border-radius: 18px; background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03)); border: 1px solid rgba(255,255,255,.08); overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch; scroll-behavior: smooth; }
.jx-unav::-webkit-scrollbar { display: none; }
.jx-unav__item { flex: 1 0 auto; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; min-width: 96px; padding: 10px 12px 9px; border-radius: 13px; color: rgba(255,255,255,.6); text-decoration: none !important; font-size: .74rem; font-weight: 600; letter-spacing: .01em; white-space: nowrap; transition: background .18s, color .18s, transform .18s; position: relative; }
.jx-unav__ic { width: 34px; height: 34px; border-radius: 11px; display: grid; place-items: center; background: rgba(255,255,255,.06); font-size: .95rem; transition: background .18s, color .18s, transform .18s, box-shadow .18s; }
.jx-unav__item:hover { color: #fff; background: rgba(255,255,255,.05); }
.jx-unav__item:hover .jx-unav__ic { background: rgba(255,255,255,.12); transform: translateY(-1px); }
.jx-unav__item.active { color: #fff; background: rgba(var(--bs-primary-rgb,229,9,20),.12); }
.jx-unav__item.active .jx-unav__ic { background: var(--bs-primary); color: #111; box-shadow: 0 8px 20px rgba(var(--bs-primary-rgb,229,9,20),.35); }
.jx-unav__item.active::after { content: ''; position: absolute; left: 22%; right: 22%; bottom: 3px; height: 2px; border-radius: 2px; background: var(--bs-primary); }
@media (max-width: 767px) { .jx-unav { border-radius: 14px; padding: 5px; gap: 2px; } .jx-unav__item { min-width: 82px; padding: 9px 8px 8px; font-size: .68rem; } .jx-unav__ic { width: 30px; height: 30px; font-size: .85rem; border-radius: 9px; } .jx-unav-wrap::after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; width: 28px; background: linear-gradient(90deg, transparent, rgba(11,11,22,.9)); pointer-events: none; border-radius: 0 14px 14px 0; } }
.jx-unav__item { min-width: 84px; padding: 10px 10px 9px; }
.jx-unav-wrap::after { content: ''; position: absolute; top: 1px; right: 0; bottom: 1px; width: 36px; background: linear-gradient(90deg, transparent, rgba(11,11,22,.85)); pointer-events: none; border-radius: 0 18px 18px 0; }
.jx-unav-wrap.at-end::after { display: none; }

/* ── Birincil renk üstünde okunur yazı (sarı üstüne beyaz yok) ─────── */
:root { --bs-primary-contrast: #111111; }
.btn-primary, .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn.btn-primary, .iq-button .btn, .iq-button .btn:hover,
.jx-btn--primary, .jx-btn--primary:hover, .auth-btn, .auth-btn:hover, .pf-btn-red, .jx-chip.active, .badge.bg-primary, .bg-primary,
.mailchimp .btn, .mailchimp button, .form-submit .btn, .iq-view-all.btn, .page-item.active .page-link, .swiper-pagination-bullet-active,
.jx-btn--primary i, .btn-primary i, .jx-icon.active, .like-btn.active, .watched-btn.active, .jx-share-sheet .btn-primary, .nav-pills .nav-link.active, .jx-cw__play, .jx-hero__poster-play {
  color: var(--bs-primary-contrast) !important;
}
.jx-btn--primary span, .btn-primary span, .jx-btn--primary i, .iq-button .btn i { color: var(--bs-primary-contrast) !important; }
/* Sabit "Giriş Yap" düğmesi ve bülten düğmesi */
.jx-login-fab, .jx-login-fab:hover, .mailchimp-dark .btn-primary { color: var(--bs-primary-contrast) !important; }

/* ── Footer sosyal ağlar: tam satır, düzgün ızgara ─────────────────── */
.jx-footer-social { margin-top: 26px; }
.jx-footer-social__t { font-size: .74rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: rgba(255,255,255,.5); margin-bottom: 10px; display: block; }
.jx-footer-social .widget_social_media { display: flex !important; flex-wrap: wrap; gap: 10px; }
.jx-footer-social .widget_social_media li { margin: 0 !important; }
.jx-footer-social .jx-soc { width: 42px; height: 42px; border-radius: 12px !important; display: grid !important; place-items: center; font-size: 1.05rem; transition: transform .18s, filter .18s, box-shadow .18s; box-shadow: 0 6px 16px rgba(0,0,0,.35); }
.jx-footer-social .jx-soc:hover { transform: translateY(-3px) scale(1.06); box-shadow: 0 12px 24px rgba(0,0,0,.45); }.footer-bottom .iq-button .btn, .footer-bottom .iq-button .btn .button-text, .footer-bottom .iq-button .btn i { color: var(--bs-primary-contrast) !important; }
.footer-bottom .menu .menu-item a { color: rgba(255,255,255,.65); } .footer-bottom .menu .menu-item a:hover { color: var(--bs-primary); }

/* ── Mobil / dokunmatik: GPU'yu yoran efektler kapalı (backdrop-filter + sürekli animasyon Android'de sekmeyi çökertiyordu) ── */
@media (pointer: coarse), (max-width: 1199px) {
  .jx-mtop, .jx-mnav, .jx-tabbar, .jx-mnav-overlay, header.header-default.header-sticky, header .iq-navbar .sub-nav, header .jx-explore, .jx-btn--ghost, .jx-genre__icon, .iq-card .jx-card-badge, .jx-c-modal, .jx-hero-count, .jx-cw__rm, .jx-rep__bg, .iq-banner-thumb-slider .slider .slider-bg .horizontal_thumb_slider .swiper-button, .iq-card .block-social-info .music-play-lists li { backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }
  .jx-mtop { background: rgba(8,8,14,.90) !important; }
  .jx-mtop.jx-mtop--solid { background: rgba(8,8,14,.97) !important; }
  .jx-mnav { background: rgba(12,12,20,.97) !important; }
  .jx-tabbar { background: rgba(8,8,14,.96) !important; }
  header.header-default.header-sticky { background: rgba(6,6,12,.88) !important; }
  header .iq-navbar .sub-nav, header .jx-explore { background: rgba(12,12,20,.97) !important; }
  .iq-banner-thumb-slider .swiper-slide-active .slider--image img { animation: none !important; }
  .iq-banner-thumb-slider .slider--image img { will-change: auto !important; transform: none !important; }
  header .logo-default .navbar-brand::after, .jx-mtop__brand::after { animation: none !important; display: none !important; }
}

/* ── Oynatıcı altı "Oynatma seçenekleri" paneli (izleme sayfası + Birlikte İzle) ── */
.jx-popt__vol{align-items:center}.jx-popt__vol input[type=range]{flex:1;min-width:120px;max-width:260px;accent-color:var(--bs-primary);height:4px;cursor:pointer}.jx-popt__vol span{font-size:.75rem;color:rgba(255,255,255,.6);min-width:38px}
.jx-popt__head{display:flex;align-items:center;gap:10px;width:100%;border:0;background:transparent;color:#fff;font-weight:800;font-size:.86rem;padding:2px 0;cursor:pointer;text-align:left}
.jx-popt__head span{display:inline-flex;align-items:center;gap:8px}.jx-popt__head span i{color:var(--bs-primary)}
.jx-popt__head small{margin-left:auto;font-weight:500;color:rgba(255,255,255,.5);font-size:.74rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:55%}
.jx-popt__chev{transition:transform .25s;color:rgba(255,255,255,.6);font-size:.8rem}
.jx-popt__body{display:flex;flex-direction:column;gap:8px;margin-top:8px}
.jx-popt.min .jx-popt__body{display:none}.jx-popt.min .jx-popt__chev{transform:rotate(180deg)}.jx-popt.min{padding:9px 14px}
.jx-popt{margin-top:12px;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);display:flex;flex-direction:column;gap:8px}
.jx-popt__row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.jx-popt__l{flex:0 0 118px;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.5)}.jx-popt__l i{width:18px;color:var(--bs-primary);margin-right:6px}
.jx-popt__c{display:flex;gap:6px;flex-wrap:wrap;flex:1}
.jx-popt__chip{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);color:#e5e7eb;border-radius:999px;padding:7px 13px;font-size:.78rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:background .15s,border-color .15s,color .15s;font-family:inherit}
.jx-popt__chip i{font-size:.72rem;opacity:.8}
.jx-popt__chip:hover{background:rgba(255,255,255,.12);color:#fff}
.jx-popt__chip.on{background:var(--bs-primary);border-color:var(--bs-primary);color:#111}
.jx-popt__chip small{opacity:.6;font-weight:500}
.jx-popt__none{font-size:.76rem;color:rgba(255,255,255,.4)}
@media (max-width:575px){.jx-popt__l{flex-basis:100%}}

/* ── Bildirimler: zil + panel + takip düğmesi ── */
.jx-bell { position: relative; display: inline-flex; align-items: center; }
.jx-bell .btn-inner i { font-size: 1.05rem; }
.jx-bell__n { position: absolute; top: -4px; right: -4px; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 9px; background: #e53935; color: #fff; font-size: .62rem; font-weight: 800; display: grid; place-items: center; border: 2px solid #0b0b12; line-height: 1; }
.jx-mtop__btn.jx-bell .jx-bell__n { top: 2px; right: 2px; }
.jx-bell.ring i { animation: jxBellRing .9s ease; transform-origin: top center; }
@keyframes jxBellRing { 0%,100% { transform: rotate(0); } 15% { transform: rotate(18deg); } 30% { transform: rotate(-14deg); } 45% { transform: rotate(10deg); } 60% { transform: rotate(-6deg); } 75% { transform: rotate(3deg); } }
.jx-notif { position: fixed; z-index: 1500; width: min(400px, calc(100vw - 16px)); max-height: min(78vh, 640px); display: flex; flex-direction: column; background: rgba(14,14,20,.97); border: 1px solid rgba(255,255,255,.1); border-radius: 18px; box-shadow: 0 30px 80px rgba(0,0,0,.6); animation: jxNotifIn .2s ease; overflow: hidden; }
@keyframes jxNotifIn { from { transform: translateY(-6px); opacity: 0; } to { transform: none; opacity: 1; } }
@media (max-width: 1199px) { .jx-notif { left: 8px; right: 8px; top: calc(var(--header-height, 62px) + 8px); width: auto; } }
.jx-notif__h { display: flex; align-items: center; gap: 10px; padding: 12px 14px; border-bottom: 1px solid rgba(255,255,255,.07); }
.jx-notif__h b { font-size: .95rem; display: flex; align-items: center; gap: 8px; } .jx-notif__h b i { color: var(--bs-primary); }
.jx-notif__all { margin-left: auto; font-size: .72rem; color: rgba(255,255,255,.55); text-decoration: none; } .jx-notif__all:hover { color: #fff; }
.jx-notif__x { width: 30px; height: 30px; border-radius: 50%; border: 0; background: rgba(255,255,255,.08); color: #fff; cursor: pointer; }
.jx-notif__cta { display: flex; align-items: center; gap: 10px; padding: 10px 14px; background: rgba(var(--bs-primary-rgb), .1); border-bottom: 1px solid rgba(255,255,255,.07); font-size: .8rem; }
.jx-notif__cta > i { color: var(--bs-primary); font-size: 1.1rem; } .jx-notif__cta span { flex: 1; } .jx-notif__cta b { display: block; font-size: .82rem; } .jx-notif__cta small { display: block; color: rgba(255,255,255,.55); font-size: .72rem; }
.jx-notif__list { overflow-y: auto; flex: 1; scrollbar-width: thin; }
.jx-notif__it { display: flex; gap: 12px; align-items: flex-start; padding: 11px 14px; text-decoration: none; color: #fff; border-bottom: 1px solid rgba(255,255,255,.05); position: relative; transition: background .15s; }
.jx-notif__it:hover { background: rgba(255,255,255,.05); color: #fff; }
.jx-notif__it.unread { background: rgba(var(--bs-primary-rgb), .06); }
.jx-notif__ic { width: 38px; height: 38px; border-radius: 11px; display: grid; place-items: center; background: rgba(255,255,255,.08); color: var(--bs-primary); flex: none; font-size: .95rem; }
.jx-notif__img { width: 38px; height: 54px; object-fit: cover; border-radius: 8px; flex: none; }
.jx-notif__t { flex: 1; min-width: 0; } .jx-notif__t b { display: block; font-size: .84rem; line-height: 1.3; } .jx-notif__t small { display: block; color: rgba(255,255,255,.65); font-size: .75rem; line-height: 1.4; margin-top: 2px; } .jx-notif__t em { display: block; font-style: normal; color: rgba(255,255,255,.4); font-size: .68rem; margin-top: 4px; }
.jx-notif__dot { position: absolute; right: 14px; top: 16px; width: 8px; height: 8px; border-radius: 50%; background: var(--bs-primary); }
.jx-notif__empty { padding: 34px 20px; text-align: center; color: rgba(255,255,255,.6); font-size: .82rem; } .jx-notif__empty i { font-size: 1.8rem; display: block; margin-bottom: 10px; color: rgba(255,255,255,.3); } .jx-notif__empty b { display: block; color: #fff; margin-bottom: 4px; }
.jx-notif__f { display: block; text-align: center; padding: 11px; font-size: .78rem; color: var(--bs-primary); text-decoration: none; border-top: 1px solid rgba(255,255,255,.07); background: rgba(255,255,255,.03); } .jx-notif__f:hover { background: rgba(255,255,255,.07); color: var(--bs-primary); }
.jx-follow.on { background: rgba(var(--bs-primary-rgb), .18); border-color: var(--bs-primary); color: var(--bs-primary) !important; }
/* Bildirimler sayfası */
.jx-np { display: grid; grid-template-columns: 1fr 340px; gap: 22px; align-items: start; }
@media (max-width: 991px) { .jx-np { grid-template-columns: 1fr; } }
.jx-np__list { border: 1px solid rgba(255,255,255,.08); border-radius: 16px; overflow: hidden; background: rgba(255,255,255,.03); }
.jx-np__list .jx-notif__it { padding: 14px 16px; } .jx-np__list .jx-notif__t b { font-size: .92rem; }
.jx-np__del { position: absolute; right: 12px; bottom: 10px; width: 28px; height: 28px; border-radius: 50%; border: 0; background: rgba(255,255,255,.06); color: rgba(255,255,255,.5); font-size: .7rem; cursor: pointer; opacity: 0; transition: opacity .15s; }
.jx-notif__it:hover .jx-np__del { opacity: 1; } @media (hover: none) { .jx-np__del { opacity: .8; } }
.jx-np__card { border: 1px solid rgba(255,255,255,.08); border-radius: 16px; background: rgba(255,255,255,.03); padding: 16px; margin-bottom: 16px; }
.jx-np__card h3 { font-size: .95rem; font-weight: 800; margin: 0 0 12px; display: flex; align-items: center; gap: 8px; } .jx-np__card h3 i { color: var(--bs-primary); }
.jx-np__row { display: flex; align-items: center; gap: 12px; padding: 9px 0; border-top: 1px solid rgba(255,255,255,.06); font-size: .82rem; }
.jx-np__row:first-of-type { border-top: 0; } .jx-np__row i.ic { width: 30px; height: 30px; border-radius: 9px; display: grid; place-items: center; background: rgba(255,255,255,.07); color: var(--bs-primary); flex: none; font-size: .8rem; }
.jx-np__row span { flex: 1; } .jx-np__row span small { display: block; color: rgba(255,255,255,.5); font-size: .7rem; }
.jx-sw { position: relative; width: 42px; height: 24px; border-radius: 12px; background: rgba(255,255,255,.15); border: 0; cursor: pointer; flex: none; transition: background .2s; }
.jx-sw::after { content: ""; position: absolute; top: 3px; left: 3px; width: 18px; height: 18px; border-radius: 50%; background: #fff; transition: transform .2s; }
.jx-sw.on { background: var(--bs-primary); } .jx-sw.on::after { transform: translateX(18px); } .jx-sw:disabled { opacity: .4; cursor: default; }
.jx-np__dev { display: flex; align-items: center; gap: 12px; padding: 12px; border-radius: 12px; border: 1px dashed rgba(255,255,255,.18); font-size: .8rem; }
.jx-np__dev .st { width: 40px; height: 40px; border-radius: 50%; display: grid; place-items: center; background: rgba(255,255,255,.08); font-size: 1rem; flex: none; }
.jx-np__dev.on .st { background: rgba(34,197,94,.2); color: #22c55e; } .jx-np__dev.off .st { background: rgba(245,158,11,.18); color: #f59e0b; } .jx-np__dev.no .st { background: rgba(239,68,68,.18); color: #ef4444; }
.jx-np__dev b { display: block; } .jx-np__dev small { color: rgba(255,255,255,.55); display: block; }
.jx-np__follow { display: flex; align-items: center; gap: 10px; padding: 8px 0; border-top: 1px solid rgba(255,255,255,.06); font-size: .82rem; text-decoration: none; color: #fff; }
.jx-np__follow img { width: 34px; height: 50px; object-fit: cover; border-radius: 6px; } .jx-np__follow span { flex: 1; } .jx-np__follow small { display: block; color: rgba(255,255,255,.5); font-size: .7rem; }

/* ── Yakınlaştırma kapalı (iOS user-scalable'ı yok sayar; touch-action ile pinch engellenir) ── */
html, body { touch-action: pan-x pan-y; }
/* ── Oynatma seçenekleri paneli: mobilde satırlar tek sıra yatay kaydırma, başlık özeti gizli ── */
@media (max-width: 767px) {
  .jx-popt { margin-top: 8px; padding: 8px 10px; border-radius: 12px; }
  .jx-popt__head small { display: none; }
  .jx-popt__head { font-size: .8rem; }
  .jx-popt__body { gap: 6px; margin-top: 6px; }
  .jx-popt__row { flex-wrap: nowrap; gap: 8px; align-items: center; }
  .jx-popt__l { flex: 0 0 74px; font-size: .62rem; letter-spacing: .04em; }
  .jx-popt__l i { display: none; }
  .jx-popt__c { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch; padding-bottom: 2px; }
  .jx-popt__c::-webkit-scrollbar { display: none; }
  .jx-popt__chip { flex: 0 0 auto; font-size: .72rem; padding: 6px 10px; white-space: nowrap; }
  .jx-popt__vol input[type=range] { min-width: 90px; }
  .jx-popt__row[id="jxCtlRow"] .jx-popt__chip { padding: 6px 8px; }
}
.jx-fcard .jx-follow { justify-content: center; }

/* ── Nerede izlenir? (TMDB/JustWatch platformları) ── */
.jx-where { margin-top: 18px; padding: 14px 16px; border-radius: 14px; background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.08); max-width: 820px; }
.jx-where__t { font-weight: 800; font-size: .88rem; display: flex; align-items: center; gap: 8px; margin-bottom: 10px; } .jx-where__t i { color: var(--bs-primary); } .jx-where__t small { color: rgba(255,255,255,.45); font-weight: 500; }
.jx-where__g { display: flex; flex-direction: column; gap: 8px; }
.jx-where__k { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.jx-where__kl { flex: 0 0 80px; font-size: .68rem; text-transform: uppercase; letter-spacing: .06em; color: rgba(255,255,255,.5); font-weight: 700; }
.jx-where__p { display: inline-flex; align-items: center; gap: 8px; padding: 5px 10px 5px 5px; border-radius: 999px; background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.1); color: #fff; text-decoration: none; font-size: .78rem; font-weight: 600; transition: background .15s; }
.jx-where__p:hover { background: rgba(255,255,255,.14); color: #fff; }
.jx-where__p img { width: 26px; height: 26px; border-radius: 7px; object-fit: cover; }
.jx-where__src { margin-top: 8px; font-size: .64rem; color: rgba(255,255,255,.35); }
@media (max-width: 575px) { .jx-where__kl { flex-basis: 100%; } .jx-where__p span { display: none; } .jx-where__p { padding: 4px; } .jx-where__p img { width: 32px; height: 32px; } }

/* ── Mobil alt sekme çubuğu: renk/aktif durum düzeltmesi ── */
.jx-tabbar { background: rgba(8,8,14,.97) !important; border-top: 1px solid rgba(255,255,255,.07); }
.jx-tabbar a { color: rgba(255,255,255,.5) !important; gap: 4px; padding: 7px 4px 7px; }
.jx-tabbar a i { width: 44px; height: 28px; display: grid; place-items: center; border-radius: 14px; font-size: 1.05rem; transition: background .2s, color .2s, transform .2s; }
.jx-tabbar a.active { color: #fff !important; }
.jx-tabbar a.active i { background: rgba(var(--bs-primary-rgb), .18); color: var(--bs-primary); transform: translateY(-1px); }
.jx-tabbar a:active i { transform: scale(.92); }
/* "Yukarı çık" düğmesi her yerde en üstte kalsın, tam yuvarlak olsun (genişlik=yükseklik, sağlama) */
#back-to-top .top { z-index: 1650 !important; width: 3.125em !important; height: 3.125em !important; border-radius: 50% !important; box-sizing: border-box !important; }
/* Mobil/tablet: "yukarı çık" düğmesi alt sekme çubuğunun üstünde */
@media (max-width: 1199px) { #back-to-top .top { bottom: calc(66px + env(safe-area-inset-bottom, 0px)) !important; right: 14px !important; } body.jp-page #back-to-top .top { bottom: 20px !important; } }

/* ── Mobil: üst çubuk güvenli alan (çentik) altına iner, PWA'da biraz daha aşağı; alt menüde öne çıkan Rastgele düğmesi ── */
@media (max-width: 1199.98px) {
  :root { --header-height: calc(62px + env(safe-area-inset-top, 0px)); }
  .jx-mtop { height: calc(62px + env(safe-area-inset-top, 0px)); padding-top: env(safe-area-inset-top, 0px); }
  .jx-mnav { padding-top: env(safe-area-inset-top, 0px); }
  .jx-tabbar__dice { position: relative; }
  .jx-tabbar__dice i { background: transparent; color: inherit !important; }
  .jx-tabbar__dice.active i { background: rgba(var(--bs-primary-rgb), .18); color: var(--bs-primary) !important; }
  .jx-tabbar__dice span { color: rgba(255,255,255,.5); } .jx-tabbar__dice.active span { color: #fff; }
}
@media (display-mode: standalone) and (max-width: 1199.98px) {
  :root { --header-height: calc(70px + env(safe-area-inset-top, 0px)); }
  .jx-mtop { height: calc(70px + env(safe-area-inset-top, 0px)); padding-top: calc(env(safe-area-inset-top, 0px) + 8px); }
}

/* Aşağı çekince yenile göstergesi */
.jx-ptr { position: fixed; left: 50%; top: calc(var(--header-height, 62px) + 6px); transform: translate(-50%, -56px); width: 42px; height: 42px; border-radius: 50%; background: rgba(14,14,20,.96); border: 1px solid rgba(255,255,255,.14); box-shadow: 0 10px 30px rgba(0,0,0,.5); display: grid; place-items: center; z-index: 1600; color: rgba(255,255,255,.6); font-size: 15px; opacity: 0; transition: transform .2s, opacity .2s, color .2s; pointer-events: none; }
.jx-ptr.show { opacity: 1; } .jx-ptr.ready { color: var(--bs-primary); border-color: var(--bs-primary); } .jx-ptr.go i { animation: jxTsp .8s linear infinite; color: var(--bs-primary); }
@media (min-width: 1200px) { .jx-ptr { display: none; } }

/* iOS: input odaklanınca yakınlaştırma yapmasın (16px altı font tetikler) */
@media (pointer: coarse) { input:not([type=checkbox]):not([type=radio]):not([type=range]), select, textarea, .form-control, .form-select { font-size: 16px !important; } }

/* Arama: arşivde olmayan başlık kartları (gri, bilgi amaçlı) */
.jx-extcard { display: block; text-decoration: none; color: #fff; }
.jx-extcard__img { display: block; aspect-ratio: 2/3; border-radius: 10px; background: #15151d center/cover no-repeat; filter: grayscale(1) brightness(.62); position: relative; transition: filter .25s, transform .25s; overflow: hidden; }
.jx-extcard:hover .jx-extcard__img { filter: grayscale(.4) brightness(.85); transform: translateY(-3px); }
.jx-extcard__b { position: absolute; left: 8px; top: 8px; display: inline-flex; align-items: center; gap: 5px; padding: 4px 8px; border-radius: 999px; background: rgba(0,0,0,.75); border: 1px solid rgba(255,255,255,.2); font-size: .64rem; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; filter: none; }
.jx-extcard__b.soon { background: rgba(var(--bs-primary-rgb), .9); color: var(--bs-primary-contrast, #111); border-color: transparent; }
.jx-extcard__t { display: block; margin-top: 8px; font-size: .84rem; font-weight: 700; color: rgba(255,255,255,.75); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.jx-extcard__m { display: block; font-size: .7rem; color: rgba(255,255,255,.45); }
.jx-extcard:hover .jx-extcard__t { color: #fff; }

/* ── Mobil (#16): başlıklar header'a yakın, profil başlığı, sekme şeridi kaydırma ipucu, hero poster arka planı, ilerleme çubuğu alt menüye hizalı ── */
@media (max-width: 1199.98px) {
  .container-fluid.s-margin { padding-top: 18px !important; }
  .jx-unav-wrap { margin-bottom: 16px; }
  .jx-page-head { margin-bottom: 16px; }
  /* hesap sekme şeridi: iki uçta kaydırma oku */
  .jx-unav-wrap::before { content: '\f053'; font-family: 'Font Awesome 6 Pro', 'Font Awesome 6 Free'; font-weight: 900; position: absolute; left: 6px; top: 50%; transform: translateY(-50%); z-index: 2; font-size: .62rem; color: rgba(255,255,255,.55); pointer-events: none; opacity: 0; transition: opacity .2s; }
  .jx-unav-wrap.scrolled::before { opacity: 1; }
  .jx-unav-wrap::after { width: 44px; display: flex; align-items: center; justify-content: flex-end; padding-right: 8px; font-family: 'Font Awesome 6 Pro', 'Font Awesome 6 Free'; font-weight: 900; content: '\f054'; font-size: .62rem; color: rgba(255,255,255,.7); animation: jxUnavHint 1.6s ease-in-out 3; }
  @keyframes jxUnavHint { 0%,100% { padding-right: 8px; } 50% { padding-right: 3px; } }
}
.jx-hero-mimg { display: none; }
@media (max-width: 767px) {
  .iq-banner-thumb-slider .slider--image > img:not(.jx-hero-mimg) { display: none; }
  .jx-hero-mimg { display: block; position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 18%; }
  .iq-banner-thumb-slider .slider--image::before { background: linear-gradient(90deg, rgba(11,11,16,.35), rgba(11,11,16,.1)) !important; }
  .iq-banner-thumb-slider .slider--image::after { background: linear-gradient(180deg, rgba(11,11,16,.25) 0%, rgba(11,11,16,0) 25%, rgba(11,11,16,.15) 50%, rgba(11,11,16,.92) 100%) !important; }
  /* hero yüksekliği: üst bar ile alt menü arası → ilerleme çubuğu tam alt menünün üstünde */
  .iq-banner-thumb-slider .slider .slider-bg { height: calc(100dvh - var(--header-height, 62px) - 56px - env(safe-area-inset-bottom, 0px)) !important; min-height: 460px !important; max-height: none !important; }
  .iq-banner-thumb-slider .slider .slider-bg::after { height: 45%; }
}
/* ── Mobil arama: tam ekran karartmalı kaplama, ortada büyük kutu (#17) ── */
@media (max-width: 1199.98px) {
  .jx-msearch { position: fixed !important; inset: 0 !important; top: 0 !important; z-index: 1600 !important; display: flex !important; flex-direction: column; align-items: center; justify-content: flex-start; padding: calc(var(--header-height, 62px) + 10vh) 18px 24px !important; background: rgba(6,6,12,.86) !important; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 0 !important; animation: jxNotifIn .2s ease; }
  .jx-msearch[hidden] { display: none !important; }
  .jx-msearch__x { position: absolute; top: calc(env(safe-area-inset-top, 0px) + 14px); right: 14px; width: 42px; height: 42px; border-radius: 50%; border: 1px solid rgba(255,255,255,.14); background: rgba(255,255,255,.08) !important; color: #fff !important; font-size: 1.05rem !important; display: grid; place-items: center; }
  .jx-msearch__box { width: 100%; max-width: 520px; }
  .jx-msearch__t { display: flex; align-items: center; gap: 10px; font-size: 1.35rem; font-weight: 900; color: #fff; margin-bottom: 14px; } .jx-msearch__t i { color: var(--bs-primary); }
  .jx-msearch__in { display: flex; align-items: center; background: rgba(255,255,255,.08); border: 2px solid rgba(255,255,255,.14); border-radius: 18px; padding: 6px 6px 6px 18px; box-shadow: 0 20px 60px rgba(0,0,0,.6); transition: border-color .2s; }
  .jx-msearch__in:focus-within { border-color: var(--bs-primary); }
  .jx-msearch__in input { flex: 1 !important; min-width: 0; background: transparent !important; border: 0 !important; color: #fff !important; font-size: 1.15rem !important; padding: 12px 0 !important; outline: none; }
  .jx-msearch__in input::placeholder { color: rgba(255,255,255,.4); }
  .jx-msearch__go { width: 52px; height: 52px; border-radius: 14px; border: 0; background: var(--bs-primary) !important; color: var(--bs-primary-contrast, #111) !important; font-size: 1.15rem !important; display: grid; place-items: center; flex: none; box-shadow: 0 8px 22px rgba(var(--bs-primary-rgb), .35); }
  .jx-msearch__go:active { transform: scale(.94); }
  .jx-msearch__hint { margin-top: 14px; text-align: center; font-size: .78rem; color: rgba(255,255,255,.5); } .jx-msearch__hint a { color: var(--bs-primary); text-decoration: none; }
}
/* ── Masaüstü arama: mobildeki gibi tam ekran karartmalı kaplama, ortada büyük kutu (#26) ── */
.jx-dsearch { position: fixed; inset: 0; z-index: 1600; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; padding: 14vh 18px 24px; background: rgba(6,6,12,.86); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); animation: jxNotifIn .2s ease; }
.jx-dsearch[hidden] { display: none !important; }
.jx-dsearch__x { position: absolute; top: 22px; right: 26px; width: 44px; height: 44px; border-radius: 50%; border: 1px solid rgba(255,255,255,.14); background: rgba(255,255,255,.08); color: #fff; font-size: 1.1rem; display: grid; place-items: center; cursor: pointer; }
.jx-dsearch__x:hover { background: rgba(255,255,255,.16); }
.jx-dsearch__box { width: 100%; max-width: 620px; }
.jx-dsearch__t { display: flex; align-items: center; gap: 12px; font-size: 1.6rem; font-weight: 900; color: #fff; margin-bottom: 18px; } .jx-dsearch__t i { color: var(--bs-primary); }
.jx-dsearch__in { display: flex; align-items: center; background: rgba(255,255,255,.08); border: 2px solid rgba(255,255,255,.14); border-radius: 20px; padding: 8px 8px 8px 22px; box-shadow: 0 24px 70px rgba(0,0,0,.6); transition: border-color .2s; }
.jx-dsearch__in:focus-within { border-color: var(--bs-primary); }
.jx-dsearch__in input { flex: 1; min-width: 0; background: transparent; border: 0; color: #fff; font-size: 1.35rem; padding: 14px 0; outline: none; }
.jx-dsearch__in input::placeholder { color: rgba(255,255,255,.4); }
.jx-dsearch__go { width: 58px; height: 58px; border-radius: 16px; border: 0; background: var(--bs-primary); color: var(--bs-primary-contrast, #111); font-size: 1.25rem; display: grid; place-items: center; flex: none; cursor: pointer; box-shadow: 0 8px 22px rgba(var(--bs-primary-rgb), .35); transition: transform .15s; }
.jx-dsearch__go:hover { transform: scale(1.05); }
.jx-dsearch__hint { margin-top: 16px; text-align: center; font-size: .85rem; color: rgba(255,255,255,.5); } .jx-dsearch__hint a { color: var(--bs-primary); text-decoration: none; }

/* ── Bildirim izni bandı (#28): ilk ziyarette alttan çıkan bant + footer'daki kalıcı çip ── */
.jx-permbar { position: fixed; left: 0; right: 0; bottom: 0; z-index: 1550; display: flex; justify-content: center; padding: 14px; pointer-events: none; }
.jx-permbar[hidden] { display: none !important; }
.jx-permbar__box { pointer-events: auto; display: flex; align-items: center; gap: 14px; max-width: 560px; width: 100%; background: rgba(14,14,20,.97); border: 1px solid rgba(255,255,255,.12); border-radius: 18px; padding: 16px 18px; box-shadow: 0 24px 70px rgba(0,0,0,.55); animation: jxNotifIn .25s ease; backdrop-filter: blur(10px); }
.jx-permbar__box > i { font-size: 1.5rem; color: var(--bs-primary); flex: none; }
.jx-permbar__t { flex: 1; min-width: 0; } .jx-permbar__t b { display: block; font-size: .92rem; color: #fff; } .jx-permbar__t small { display: block; color: rgba(255,255,255,.55); font-size: .76rem; line-height: 1.4; margin-top: 2px; }
.jx-permbar__b { display: flex; gap: 8px; flex: none; }
@media (max-width: 575px) { .jx-permbar { padding: 10px; } .jx-permbar__box { flex-wrap: wrap; padding: 14px; } .jx-permbar__t { flex-basis: 100%; } .jx-permbar__b { flex-basis: 100%; justify-content: flex-end; } .jx-permbar { bottom: 60px; } }
.jx-permchip { display: inline-flex; align-items: center; gap: 8px; padding: 7px 12px; margin-right: 10px; border-radius: 999px; border: 1px solid rgba(var(--bs-primary-rgb), .4); background: rgba(var(--bs-primary-rgb), .1); color: var(--bs-primary); font-size: .76rem; font-weight: 700; cursor: pointer; vertical-align: middle; }
.jx-permchip:hover { background: rgba(var(--bs-primary-rgb), .18); }
.jx-permchip.off { border-color: rgba(255,255,255,.15); background: rgba(255,255,255,.05); color: rgba(255,255,255,.5); }
.jx-permchip__x { margin-left: 2px; font-size: .68rem; opacity: .6; } .jx-permchip__x:hover { opacity: 1; }

/* ── İzinlerim modalı (#29) ── */
.jx-perm-rows { display: flex; flex-direction: column; gap: 4px; }
.jx-perm-row { display: flex; align-items: center; gap: 12px; padding: 11px 6px; border-top: 1px solid rgba(255,255,255,.06); }
.jx-perm-row:first-child { border-top: 0; }
.jx-perm-row__ic { width: 38px; height: 38px; border-radius: 11px; display: grid; place-items: center; background: rgba(255,255,255,.06); color: var(--bs-primary); flex: none; font-size: .95rem; }
.jx-perm-row__t { flex: 1; min-width: 0; } .jx-perm-row__t b { display: block; font-size: .86rem; color: #fff; } .jx-perm-row__t small { display: block; color: rgba(255,255,255,.5); font-size: .72rem; line-height: 1.35; margin-top: 1px; }
.jx-perm-row__r { display: flex; align-items: center; gap: 8px; flex: none; }
.jx-perm-badge { font-size: .68rem; font-weight: 700; padding: 4px 9px; border-radius: 999px; white-space: nowrap; }
.jx-perm-badge.on { background: rgba(34,197,94,.16); color: #4ade80; }
.jx-perm-badge.off { background: rgba(239,68,68,.16); color: #f87171; }
.jx-perm-badge.muted { background: rgba(255,255,255,.08); color: rgba(255,255,255,.55); }
.jx-perm-btn { border: 1px solid rgba(255,255,255,.16); background: rgba(255,255,255,.06); color: #fff; font-size: .74rem; font-weight: 600; padding: 6px 11px; border-radius: 9px; cursor: pointer; text-decoration: none; white-space: nowrap; }
.jx-perm-btn:hover { background: rgba(255,255,255,.13); color: #fff; }
.jx-perm-btn.on { background: var(--bs-primary); border-color: var(--bs-primary); color: var(--bs-primary-contrast, #111); }
@media (max-width: 480px) { .jx-perm-row { flex-wrap: wrap; } .jx-perm-row__r { flex-basis: 100%; justify-content: flex-end; margin-top: 4px; } }

/* ── Cihaza Gönder (Remote Play) ── */
#jxCastList { display: flex; flex-direction: column; gap: 8px; max-height: 50vh; overflow-y: auto; }
.jx-cast-dev { display: flex; align-items: center; gap: 12px; width: 100%; padding: 12px 14px; border-radius: 12px; border: 1px solid rgba(255,255,255,.1); background: rgba(255,255,255,.04); color: #fff; cursor: pointer; text-align: left; transition: background .15s, border-color .15s; }
.jx-cast-dev:hover { background: rgba(255,255,255,.09); border-color: rgba(var(--bs-primary-rgb), .4); }
.jx-cast-dev:disabled { opacity: .55; cursor: default; }
.jx-cast-dev > i:first-child { width: 40px; height: 40px; border-radius: 11px; display: grid; place-items: center; background: rgba(var(--bs-primary-rgb), .14); color: var(--bs-primary); font-size: 1.1rem; flex: none; }
.jx-cast-dev span { flex: 1; min-width: 0; } .jx-cast-dev span b { display: block; font-size: .88rem; } .jx-cast-dev span small { display: block; color: rgba(255,255,255,.5); font-size: .74rem; }
.jx-cast-dev__send { color: rgba(255,255,255,.4); font-size: .9rem; flex: none; }
.jx-cast-empty { text-align: center; padding: 30px 10px; color: rgba(255,255,255,.55); font-size: .85rem; line-height: 1.6; }
.jx-castrecv { position: fixed; left: 0; right: 0; top: calc(var(--header-height, 62px) + 10px); z-index: 1700; display: flex; justify-content: center; padding: 0 14px; pointer-events: none; }
.jx-castrecv[hidden] { display: none !important; }
.jx-castrecv__box { pointer-events: auto; display: flex; align-items: center; gap: 14px; max-width: 460px; width: 100%; background: rgba(14,14,20,.97); border: 1px solid rgba(var(--bs-primary-rgb), .4); border-radius: 16px; padding: 14px 16px; box-shadow: 0 24px 70px rgba(0,0,0,.55); animation: jxNotifIn .25s ease; backdrop-filter: blur(10px); }
.jx-castrecv__box img { width: 42px; height: 62px; object-fit: cover; border-radius: 8px; flex: none; }
.jx-castrecv__ic { width: 42px; height: 42px; border-radius: 12px; display: grid; place-items: center; background: rgba(var(--bs-primary-rgb), .16); color: var(--bs-primary); font-size: 1.1rem; flex: none; }
.jx-castrecv__t { flex: 1; min-width: 0; } .jx-castrecv__t b { display: block; font-size: .86rem; color: #fff; } .jx-castrecv__t small { display: block; color: rgba(255,255,255,.55); font-size: .76rem; }
.jx-castrecv__b { display: flex; gap: 8px; flex: none; }
@media (max-width: 480px) { .jx-castrecv__box { flex-wrap: wrap; } .jx-castrecv__t { flex-basis: 100%; } .jx-castrecv__b { flex-basis: 100%; justify-content: flex-end; } }

/* ── Cihaza Gönder: gönderen taraf kumanda paneli (kabul edildikten sonra site genelinde sabit) ── */
.jx-castremote { position: fixed; left: 0; right: 0; bottom: calc(env(safe-area-inset-bottom, 0px) + 12px); z-index: 1650; display: flex; justify-content: center; padding: 0 14px; pointer-events: none; }
.jx-castremote[hidden] { display: none !important; }
.jx-castremote__box { pointer-events: auto; width: 100%; max-width: 420px; background: rgba(14,14,20,.97); border: 1px solid rgba(var(--bs-primary-rgb), .4); border-radius: 18px; padding: 12px 16px 14px; box-shadow: 0 24px 70px rgba(0,0,0,.55); animation: jxNotifIn .25s ease; backdrop-filter: blur(10px); }
.jx-castremote__head { display: flex; align-items: center; gap: 10px; }
.jx-castremote__head img { width: 34px; height: 50px; object-fit: cover; border-radius: 6px; flex: none; }
.jx-castremote__t { flex: 1; min-width: 0; } .jx-castremote__t b { display: block; font-size: .84rem; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .jx-castremote__t small { display: block; color: rgba(255,255,255,.55); font-size: .72rem; }
.jx-castremote__min { background: none; border: none; color: rgba(255,255,255,.55); font-size: .95rem; padding: 4px; flex: none; cursor: pointer; }
.jx-castremote__seek { width: 100%; margin: 10px 0 2px; accent-color: var(--bs-primary); cursor: pointer; }
.jx-castremote__times { display: flex; justify-content: space-between; font-size: .68rem; color: rgba(255,255,255,.5); font-variant-numeric: tabular-nums; }
.jx-castremote__ctl { display: flex; align-items: center; gap: 10px; margin-top: 8px; }
.jx-castremote__play { width: 40px; height: 40px; border-radius: 50%; background: var(--bs-primary); color: var(--bs-primary-contrast, #111); border: none; display: grid; place-items: center; font-size: 1rem; flex: none; cursor: pointer; }
.jx-castremote__vol { flex: 1; accent-color: var(--bs-primary); cursor: pointer; }
.jx-castremote__end { background: rgba(255,255,255,.08); border: none; color: #fff; width: 34px; height: 34px; border-radius: 50%; display: grid; place-items: center; flex: none; cursor: pointer; }
.jx-castremote.is-min .jx-castremote__seek, .jx-castremote.is-min .jx-castremote__ctl { display: none; }
@media (max-width: 480px) { .jx-castremote { padding: 0 10px; } }

/* Açılış yükleme ekranı: tam ekran kaplasın, menü/header arkasından hiç görünmesin */
#site-loader.simple-loader { top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; z-index: 99999 !important; }

/* Header: masaüstü menüsü 1200-1300px arasında sığmayıp "Plex" öğesini alt satıra düşürüyordu (menü karışıyordu) —
   bu aralıkta menüden gizlenir, giriş yapılmışsa profil menüsünde görünür; 1200px altında zaten mobil menüde var. */
.jx-plex-dropdown-item { display: none; }
@media (min-width: 1200px) and (max-width: 1300px) {
  .jx-plex-navitem { display: none !important; }
  .jx-plex-dropdown-item { display: block !important; }
}

/* Duyurular: header altında kayan yazılı bar + giriş modalı */
.jx-annbar { position: fixed; left: 0; right: 0; top: var(--header-height-base, 62px); z-index: 1039; height: 34px; display: flex; align-items: center; overflow: hidden; background: linear-gradient(90deg, rgba(var(--bs-primary-rgb, 229,9,20), .22), rgba(var(--bs-primary-rgb, 229,9,20), .07)); border-bottom: 1px solid rgba(var(--bs-primary-rgb, 229,9,20), .3); }
.jx-annbar__t { flex: 1; min-width: 0; display: inline-flex; align-items: center; gap: 8px; white-space: nowrap; color: #fff; text-decoration: none; font-size: .8rem; padding-left: 100%; animation: jxAnnScroll 16s linear infinite; }
.jx-annbar__t:hover { animation-play-state: paused; color: #fff; }
.jx-annbar__t i { color: var(--bs-primary); flex: none; }
.jx-annbar__x { flex: none; background: none; border: 0; color: rgba(255,255,255,.55); padding: 0 12px; height: 100%; cursor: pointer; }
.jx-annbar__x:hover { color: #fff; }
@keyframes jxAnnScroll { from { transform: translateX(0); } to { transform: translateX(-100%); } }
body.jp-page .jx-annbar { display: none; }
.jx-ann__modalbody { color: rgba(255,255,255,.78); font-size: .88rem; line-height: 1.6; white-space: pre-wrap; margin: 10px 0 0; }
@media (max-width: 767px) { .jx-annbar__t { font-size: .74rem; } }

/* Ses formatı rozetleri (Bilgiler kartı — #85): dil başına Dolby/DTS/kanal */
.jx-fact-pill--audio { gap: 6px; padding-right: 5px; }
.jx-afmt { display: inline-flex; align-items: center; gap: 4px; padding: 2px 8px; border-radius: 999px; font-size: .7rem; font-weight: 600; letter-spacing: .01em; background: rgba(255,255,255,.08); color: rgba(255,255,255,.85); white-space: nowrap; }
.jx-afmt i { font-size: .6rem; opacity: .85; }
.jx-afmt--atmos { background: linear-gradient(90deg, rgba(59,130,246,.28), rgba(168,85,247,.28)); color: #e0e7ff; box-shadow: inset 0 0 0 1px rgba(147,197,253,.35); }
.jx-afmt--dolby { background: rgba(59,130,246,.18); color: #bfdbfe; }
.jx-afmt--dts { background: rgba(249,115,22,.18); color: #fed7aa; }
.jx-afmt--lossless { background: rgba(34,197,94,.16); color: #bbf7d0; }

/* Ses rozetleri — başlık altı / izleme ekranı / açılış göstergesi (#89) */
.jx-pill--audio { background: rgba(59,130,246,.16); color: #bfdbfe; border-color: rgba(147,197,253,.28); }
.jx-pill--audio i { color: inherit; opacity: .9; }
.jx-pill--audio-atmos { background: linear-gradient(90deg, rgba(59,130,246,.28), rgba(168,85,247,.28)); color: #e0e7ff; border-color: rgba(165,180,252,.4); }
.jx-pill--audio-dts { background: rgba(249,115,22,.18); color: #fed7aa; border-color: rgba(253,186,116,.3); }
.jx-pill--audio-lossless { background: rgba(34,197,94,.16); color: #bbf7d0; border-color: rgba(134,239,172,.3); }
.jx-audintro { position: absolute; top: 18px; left: 50%; transform: translate(-50%, -14px); z-index: 30; display: flex; gap: 8px; align-items: center; padding: 8px 14px; border-radius: 999px; background: rgba(8,8,14,.72); border: 1px solid rgba(255,255,255,.14); box-shadow: 0 10px 30px rgba(0,0,0,.45); color: #fff; font-weight: 700; font-size: .9rem; letter-spacing: .02em; opacity: 0; pointer-events: none; transition: opacity .5s ease, transform .5s ease; }
.jx-audintro.on { opacity: 1; transform: translate(-50%, 0); }
.jx-audintro span { display: inline-flex; align-items: center; gap: 6px; }
.jx-audintro__c { padding-left: 8px; border-left: 1px solid rgba(255,255,255,.2); font-weight: 600; opacity: .9; }
.jx-audintro--atmos { background: linear-gradient(90deg, rgba(37,99,235,.55), rgba(147,51,234,.55)); border-color: rgba(191,219,254,.35); }
.jx-audintro--dts { background: rgba(154,52,18,.6); border-color: rgba(253,186,116,.35); }
@media (max-width: 640px) { .jx-audintro { top: 10px; font-size: .78rem; padding: 6px 11px; } }

/* ── Cihaza Gönder: tam kumanda (26 Eylül) ── */
.jx-castremote__box { max-width: 440px; }
.jx-castremote.is-min .jx-castremote__body { display: none; }
.jx-castremote__pad { display: flex; align-items: center; justify-content: center; gap: 18px; margin: 8px 0 4px; }
.jx-castremote__pad .jx-castremote__play { width: 56px; height: 56px; font-size: 1.3rem; }
.jx-castremote__b { position: relative; width: 44px; height: 44px; border-radius: 50%; border: none; background: rgba(255,255,255,.08); color: #fff; display: grid; place-items: center; font-size: 1.05rem; cursor: pointer; flex: none; transition: background .15s, transform .1s; }
.jx-castremote__b:hover { background: rgba(255,255,255,.16); } .jx-castremote__b:active, .jx-castremote__play:active { transform: scale(.92); }
.jx-castremote__b em { position: absolute; font-style: normal; font-size: .52rem; font-weight: 700; top: 50%; left: 50%; transform: translate(-50%, -38%); pointer-events: none; }
.jx-castremote__b[hidden] { display: none; }
.jx-castremote__b--sm { width: 34px; height: 34px; font-size: .85rem; }
.jx-castremote__vrow { display: flex; align-items: center; gap: 10px; margin-top: 6px; }
.jx-castremote__opts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; margin-top: 10px; }
.jx-castremote__sel { display: flex; align-items: center; gap: 6px; min-width: 0; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.1); border-radius: 10px; padding: 0 8px; margin: 0; }
.jx-castremote__sel[hidden] { display: none; }
.jx-castremote__sel i { color: var(--bs-primary); font-size: .8rem; flex: none; }
.jx-castremote__sel select { flex: 1; min-width: 0; background: transparent; border: none; color: #fff; font-size: .74rem; padding: 8px 0; outline: none; cursor: pointer; }
.jx-castremote__sel select option { background: #16161f; color: #fff; }
.jx-castremote__foot { display: flex; justify-content: space-between; gap: 8px; margin-top: 10px; }
.jx-castrecv__auto { display: flex; align-items: center; gap: 6px; margin-top: 4px; font-size: .7rem; color: rgba(255,255,255,.55); cursor: pointer; }
.jx-castrecv__auto input { accent-color: var(--bs-primary); }
.jx-casthere { position: absolute; inset: 0; z-index: 95; display: grid; place-items: center; background: rgba(6,6,10,.86); text-align: center; padding: 16px; }
.jx-casthere__in { display: flex; flex-direction: column; align-items: center; gap: 8px; max-width: 420px; }
.jx-casthere__in > i { font-size: 2.6rem; color: var(--bs-primary); margin-bottom: 4px; }
.jx-casthere__in b { color: #fff; font-size: 1.05rem; } .jx-casthere__in small { color: rgba(255,255,255,.6); font-size: .8rem; margin-bottom: 6px; }
@media (max-width: 480px) { .jx-castremote__opts { grid-template-columns: 1fr; } .jx-casthere__in > i { font-size: 1.8rem; } .jx-casthere__in b { font-size: .9rem; } }
@media (min-width: 992px) { .jx-castremote { justify-content: flex-end; padding: 0 22px; bottom: 22px; } .jx-castremote__box { max-width: 380px; } }

/* ── Ana sayfa özellikler bölümü (footer üstü) ── */
.jx-feat { position: relative; padding: 72px 0 64px; margin-top: 40px; background: radial-gradient(900px 380px at 15% 0%, rgba(var(--bs-primary-rgb), .10), transparent 70%), linear-gradient(180deg, transparent, rgba(255,255,255,.02)); border-top: 1px solid rgba(255,255,255,.06); }
.jx-feat .container-fluid { max-width: 1320px; }
.jx-feat__head { text-align: center; max-width: 720px; margin: 0 auto 40px; }
.jx-feat__kicker { display: inline-flex; align-items: center; gap: 8px; font-size: .75rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--bs-primary); background: rgba(var(--bs-primary-rgb), .1); border: 1px solid rgba(var(--bs-primary-rgb), .25); padding: 6px 14px; border-radius: 999px; }
.jx-feat__title { font-size: clamp(1.6rem, 3.2vw, 2.4rem); font-weight: 800; margin: 16px 0 10px; color: #fff; }
.jx-feat__lead { color: rgba(255,255,255,.62); font-size: 1rem; margin: 0; }
.jx-feat__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.jx-feat__card { position: relative; background: rgba(255,255,255,.035); border: 1px solid rgba(255,255,255,.08); border-radius: 18px; padding: 24px 22px 22px; transition: transform .2s, border-color .2s, background .2s; overflow: hidden; }
.jx-feat__card:hover { transform: translateY(-3px); border-color: rgba(var(--bs-primary-rgb), .45); background: rgba(255,255,255,.055); }
.jx-feat__card--big { background: linear-gradient(135deg, rgba(var(--bs-primary-rgb), .16), rgba(255,255,255,.03) 60%); border-color: rgba(var(--bs-primary-rgb), .3); }
.jx-feat__ic { width: 48px; height: 48px; border-radius: 14px; display: grid; place-items: center; background: rgba(var(--bs-primary-rgb), .14); color: var(--bs-primary); font-size: 1.25rem; margin-bottom: 16px; }
.jx-feat__card h3 { font-size: 1.08rem; font-weight: 700; color: #fff; margin: 0 0 8px; }
.jx-feat__card p { font-size: .88rem; line-height: 1.65; color: rgba(255,255,255,.62); margin: 0; }
.jx-feat__link { display: inline-flex; align-items: center; gap: 6px; margin-top: 14px; font-size: .82rem; font-weight: 600; color: var(--bs-primary); text-decoration: none; }
.jx-feat__link i { font-size: .72rem; transition: transform .2s; } .jx-feat__link:hover i { transform: translateX(3px); }
.jx-feat__cta { display: flex; justify-content: center; flex-wrap: wrap; gap: 10px; margin-top: 36px; }
@media (max-width: 991px) { .jx-feat__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 575px) { .jx-feat { padding: 48px 0 44px; } .jx-feat__grid { grid-template-columns: 1fr; gap: 12px; } .jx-feat__card { padding: 20px 18px; } .jx-feat__head { margin-bottom: 28px; } }

/* Kart hover titremesi (27 Eylül): şablon (custom.min848f.css) hover'da .block-images'a margin-top:-30px veriyordu →
   imleç kartın alt kenarındayken kart 30px yukarı kalkıp imlecin altından çıkıyor, hover düşüp geri iniyor, döngü.
   Kayma kaldırıldı; kart yerinde büyür (scale, jlex.css). */
.card-hover:hover .block-images,
.iq-card.card-hover:hover .block-images { margin-top: 0 !important; }

/* Detay sayfası posteri büyütüldü (27 Eylül): 240→300px masaüstü (≥1600px 320), 150→185 tablet, 130→160 telefon.
   Koleksiyon sayfasının küçük posteri (--sm) hariç. */
.jx-hero__poster:not(.jx-hero__poster--sm) { flex: 0 0 360px; width: 360px; }
@media (min-width: 1600px) { .jx-hero__poster:not(.jx-hero__poster--sm) { flex-basis: 400px; width: 400px; } }
@media (max-width: 991.98px) { .jx-hero__poster:not(.jx-hero__poster--sm) { flex-basis: 220px; width: 220px; } }
@media (max-width: 575.98px) { .jx-hero__poster:not(.jx-hero__poster--sm) { flex-basis: auto; width: 190px; } }

/* Logo altında Türkçe ad + (orijinal ad, italik) — ana sayfa slider ve detay hero (27 Eylül) */
.jx-slider__name { color: rgba(255,255,255,.92); font-size: 1.15rem; font-weight: 600; line-height: 1.35; margin: 4px 0 12px; text-shadow: 0 2px 12px rgba(0,0,0,.7); }
.jx-orig { font-style: italic; font-weight: 400; color: rgba(255,255,255,.62); }
.jx-hero__title--sub .jx-orig { font-size: .92em; }
@media (max-width: 767px) { .jx-slider__name { font-size: .95rem; margin-bottom: 8px; } }

/* Çevrimdışı kayıt modalı (27 Eylül): kalite + dizi/sezon kapsam seçimi */
.jx-dl .jx-dl__lbl { font-size: .72rem; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; color: rgba(255,255,255,.55); margin-bottom: 8px; }
.jx-dl__qs { display: grid; grid-template-columns: repeat(auto-fit, minmax(110px, 1fr)); gap: 8px; }
.jx-dl__q, .jx-dl__scope { position: relative; cursor: pointer; margin: 0; }
.jx-dl__q input, .jx-dl__scope input { position: absolute; opacity: 0; pointer-events: none; }
.jx-dl__q span, .jx-dl__scope span { display: flex; flex-direction: column; gap: 2px; padding: 10px 12px; border-radius: 12px; border: 1px solid rgba(255,255,255,.12); background: rgba(255,255,255,.04); transition: border-color .15s, background .15s; }
.jx-dl__q b, .jx-dl__scope b { font-size: .9rem; color: #fff; }
.jx-dl__q small, .jx-dl__scope small { font-size: .7rem; color: rgba(255,255,255,.55); }
.jx-dl__q input:checked + span, .jx-dl__scope input:checked + span { border-color: var(--bs-primary); background: rgba(var(--bs-primary-rgb, 255,204,0), .12); box-shadow: 0 0 0 1px var(--bs-primary) inset; }
.jx-dl__q input:disabled + span, .jx-dl__scope input:disabled + span { opacity: .55; }
.jx-dl__scopes { display: flex; flex-direction: column; gap: 6px; max-height: 240px; overflow: auto; padding-right: 2px; }
.jx-dl__scopes em { font-style: normal; }
.jx-dl__prog { margin-top: 14px; }
.jx-dl__ptitle { font-size: .78rem; color: rgba(255,255,255,.8); margin-bottom: 6px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* İndirme paneli (sağ alt, Google Drive tarzı) — 27 Eylül */
.jx-dlt { position: fixed; right: 18px; bottom: 18px; z-index: 1700; width: min(380px, calc(100vw - 24px)); background: #15151f; border: 1px solid rgba(255,255,255,.12); border-radius: 14px; box-shadow: 0 18px 50px rgba(0,0,0,.6); overflow: hidden; color: #fff; }
.jx-dlt__h { display: flex; align-items: center; gap: 10px; padding: 10px 10px 10px 14px; background: rgba(255,255,255,.04); border-bottom: 1px solid rgba(255,255,255,.08); }
.jx-dlt__h > i { color: var(--bs-primary); }
.jx-dlt__t { flex: 1; font-size: .9rem; }
.jx-dlt__ib { border: 0; background: transparent; color: rgba(255,255,255,.7); width: 30px; height: 30px; border-radius: 8px; display: grid; place-items: center; flex: none; }
.jx-dlt__ib:hover { background: rgba(255,255,255,.08); color: #fff; }
.jx-dlt.min .jx-dlt__list { display: none; }
.jx-dlt.min [data-min] i { transform: rotate(180deg); }
.jx-dlt__list { max-height: 320px; overflow: auto; }
.jx-dlt__row { display: flex; gap: 10px; align-items: center; padding: 10px 10px 10px 14px; border-bottom: 1px solid rgba(255,255,255,.06); }
.jx-dlt__row:last-child { border-bottom: 0; }
.jx-dlt__img { width: 34px; height: 50px; border-radius: 6px; background: #222 center/cover; flex: none; }
.jx-dlt__b { flex: 1; min-width: 0; }
.jx-dlt__b b { display: block; font-size: .8rem; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.jx-dlt__s { display: block; font-size: .7rem; color: rgba(255,255,255,.6); margin: 2px 0 6px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.jx-dlt__s a { color: var(--bs-primary); }
.jx-dlt__bar { height: 4px; border-radius: 4px; background: rgba(255,255,255,.1); overflow: hidden; }
.jx-dlt__bar span { display: block; height: 100%; width: 0; background: var(--bs-primary); transition: width .3s; }
.jx-dlt__row.ok .jx-dlt__bar span { background: #22c55e; }
.jx-dlt__row.ok .jx-dlt__s i { color: #22c55e; }
.jx-dlt__row.err .jx-dlt__s { color: #fca5a5; }
@media (max-width: 1199px) { .jx-dlt { bottom: calc(72px + env(safe-area-inset-bottom)); right: 12px; } }

/* Sağ tık menüsü (27 Eylül) — assets/js/ctxmenu.js */
.jx-ctx { position: fixed; z-index: 99990; min-width: 230px; max-width: 290px; padding: 6px; border-radius: 14px; background: rgba(20,20,30,.97); border: 1px solid rgba(255,255,255,.12); box-shadow: 0 20px 50px rgba(0,0,0,.6); color: #fff; animation: jxCtxIn .14s cubic-bezier(.2,.8,.2,1); backdrop-filter: blur(10px); }
@keyframes jxCtxIn { from { opacity: 0; transform: scale(.96) translateY(-4px); } to { opacity: 1; transform: none; } }
.jx-ctx__h { padding: 6px 10px 8px; font-size: .72rem; font-weight: 700; color: var(--bs-primary); text-transform: uppercase; letter-spacing: .04em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.jx-ctx__i { display: flex; align-items: center; gap: 11px; width: 100%; padding: 8px 10px; border: 0; background: transparent; color: rgba(255,255,255,.88); font-size: .84rem; text-align: left; border-radius: 9px; }
.jx-ctx__i i { width: 16px; text-align: center; color: rgba(255,255,255,.55); font-size: .85rem; }
.jx-ctx__i:hover, .jx-ctx__i:focus-visible { background: rgba(var(--bs-primary-rgb, 255,204,0), .14); color: #fff; outline: none; }
.jx-ctx__i:hover i { color: var(--bs-primary); }
.jx-ctx__sep { height: 1px; margin: 5px 6px; background: rgba(255,255,255,.08); }
.jx-ctx__f { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; margin-top: 4px; padding: 8px 10px 4px; border-top: 1px solid rgba(255,255,255,.08); font-size: .72rem; font-weight: 700; color: rgba(255,255,255,.7); }
.jx-ctx__f img { width: 16px; height: 16px; border-radius: 4px; }
.jx-ctx__f small { flex-basis: 100%; font-weight: 400; font-size: .64rem; color: rgba(255,255,255,.4); }