/* BGL 68 - Watchlist Style (v2 02.10.2026): izleme listesi dugmesi sitenin etiket diline uyar */
body .bgl-wlb{position:relative;display:block;text-align:center;margin:12px 0 6px;z-index:5}
body .bgl-wlb-main{border-radius:8px;padding:10px 22px;background:var(--bgl-red,#d32f2f);color:#fff;border:1px solid var(--bgl-red,#d32f2f)}
body .bgl-wlb-main.on{background:#fff;color:var(--bgl-red,#d32f2f)}
body .bgl-wlb-menu{left:50%;transform:translateX(-50%);text-align:left;width:min(280px,92vw);min-width:0;border-radius:10px}
body .bgl-wlb.fl .bgl-wlb-menu{left:0;transform:none}
body .bgl-wl .wl-tab,body .bgl-wl .wl-seg button,body .bgl-wl .wl-btn{border-radius:8px}
/* =========================================================================
 * BGL · 47 · Loading Polish  (v1 — 26.08.2026)
 * -------------------------------------------------------------------------
 * SORUN
 *   Sayfa acilirken logo ve tum gorsel kutulari DUZ GRI blok olarak
 *   goruluyor, sonra birden resim "patliyor". Iki sebep ust uste biniyor:
 *
 *   1) LiteSpeed Lazy Load acik. Her <img src> degeri bir yer tutucu ile
 *      degistiriliyor, gercek adres data-src'e tasiniyor. JS calisana kadar
 *      kutuda acik gri opak bir 1x1 GIF gerilmis halde duruyor.
 *   2) Snippet 04 gorsel kutularinin arkasina duz gri veriyor
 *      (#e5e5e5 / #d0d0d0 / #f4f4f4). Resim gelene kadar bu gri gorunuyor.
 *
 * BU SNIPPET NE YAPAR
 *   · Duz griyi yumusak, marka tonlu bir "shimmer" iskelete cevirir.
 *   · Henuz yuklenmemis lazy gorseli seffaflastirir -> gri GIF gorunmez,
 *     arkadaki shimmer gorunur. Resim gelince yumusak fade-in yapar.
 *   · GUVENLIK AGI: JS hic calismazsa 2.5 sn sonra gorsel yine de gorunur
 *     hale gelir. Yani en kotu ihtimalde bugunku davranisa doner,
 *     hicbir gorsel kalici olarak gizlenmez.
 *   · Resim yuklenince shimmer animasyonu durur (CPU bosa calismaz).
 *   · prefers-reduced-motion aciksa animasyon yok, sadece sakin bir zemin.
 *
 * BAGIMLILIK: yok. Sadece arka plan / opacity override eder, hicbir
 * layout (genislik, yukseklik, grid, flex) degeri degistirmez.
 *
 * KURULUM: WPCode > Add Snippet > Add Your Custom Code > CSS Snippet
 *          Konum: Site Wide Header. Snippet 04 ve 41/46'dan SONRA yuklensin
 *          (WPCode'da bu snippet'in "Priority" degeri 20 veya daha buyuk olsun).
 *
 * NOT: Logonun gri gorunmesinin ASIL kaynagi LiteSpeed lazy-load'dur.
 *      Bu CSS griyi ortadan kaldirir ama en temiz cozum logoyu ve afisi
 *      lazy-load DISINA almaktir — bkz. teslim notundaki LiteSpeed adimlari.
 * ========================================================================= */


/* ---------- 1 · Shimmer ---------------------------------------------- */

@keyframes bgl-shimmer {
    0%   { background-position: -140% 0; }
    100% { background-position:  240% 0; }
}

@keyframes bgl-lazy-safety {
    to { opacity: 1; }
}

:root {
    --bgl-skel-base:  #f2f2f4;
    --bgl-skel-tint:  rgba(211, 47, 47, .05);
    --bgl-skel-glow:  rgba(255, 255, 255, .85);
}


/* ---------- 2 · Gorsel kutulari: duz gri -> shimmer iskelet ---------- */
/*
 * Bu secicilerin ORIJINALLERI snippet 04 ve 14'te !important ile yazilmis.
 * Ayni ozelligi override edebilmek icin burada da !important sart.
 * Yalniz background yazilir; olcu/konum ozelliklerine dokunulmaz.
 */

body.single-profiles .bgl-poster,
body.single-profiles .bgl-disco-cover-wrap,
body.single-profiles .bgl-filmography-poster,
body.single-profiles .bgl-music-band-img,
body.single-profiles .bgl-music-band-fallback,
body.single-couple   .bgl-joint-track-cover,
body.bgl-couple-context .bgl-joint-track-cover,
.bgl-couple-thumb-wrap {
    background-color: var(--bgl-skel-base) !important;
    background-image:
        linear-gradient(90deg,
            transparent 0%,
            var(--bgl-skel-glow) 45%,
            transparent 90%),
        linear-gradient(135deg,
            var(--bgl-skel-tint) 0%,
            transparent 60%) !important;
    background-repeat: no-repeat, no-repeat !important;
    background-size: 220% 100%, 100% 100% !important;
    background-position: -140% 0, 0 0 !important;
    animation: bgl-shimmer 1.5s ease-in-out infinite !important;
}

/* Ana afis kutusu (titles + couple) — 04'te .bgl-poster-img'in kendisine
 * gri zemin verilmis. Zemini SARMALAYICIYA tasiyoruz ki gorsel
 * seffaflastiginda iskelet gorunmeye devam etsin. */
.bgl-poster {
    background-color: var(--bgl-skel-base);
    background-image:
        linear-gradient(90deg, transparent 0%, var(--bgl-skel-glow) 45%, transparent 90%),
        linear-gradient(135deg, var(--bgl-skel-tint) 0%, transparent 60%);
    background-repeat: no-repeat, no-repeat;
    background-size: 220% 100%, 100% 100%;
    background-position: -140% 0, 0 0;
    border-radius: var(--bgl-radius, 12px);
    animation: bgl-shimmer 1.5s ease-in-out infinite;
}

.bgl-poster-img {
    background: transparent !important;
}


/* ---------- 3 · Gorsel yoksa kalici yer tutucu ----------------------- */
/*
 * .bgl-poster-placeholder bir YUKLEME durumu degil, "gorsel yok" durumu.
 * Shimmer yapilmaz (hic gelmeyecek). Sadece gri yerine marka tonu.
 */

body.single-profiles .bgl-poster-placeholder {
    background: linear-gradient(135deg, #fdf3f3 0%, #f3dede 100%) !important;
    color: #c98a8a !important;
    animation: none !important;
}


/* ---------- 4 · Lazy gorsel: gri GIF'i gizle, yumusak getir ---------- */
/*
 * LiteSpeed yuklenmemis gorseli  <img data-src="..." src="<yer tutucu>">
 * seklinde birakir; yukledikten sonra  data-lazyloaded="1"  ekler.
 *
 * GUVENLIK AGI: animasyon 2.5 sn gecikmeyle opacity'yi 1'e ceker ve
 * forwards ile orada birakir. JS hic calismasa bile gorsel/yer tutucu
 * 2.5 sn sonra bugunku gibi gorunur — kalici gizlenme imkansiz.
 */

img[data-src]:not([data-lazyloaded]),
img[data-lazy-src]:not([data-lazyloaded]) {
    opacity: 0;
    animation: bgl-lazy-safety .35s linear 2.5s forwards;
}

img[data-lazyloaded] {
    opacity: 1;
    animation: none;
    transition: opacity .28s ease-out;
}

/* Resim geldiyse arkadaki shimmer'i durdur */
.bgl-poster:has(img[data-lazyloaded]),
.bgl-disco-cover-wrap:has(img[data-lazyloaded]),
.bgl-filmography-poster:has(img[data-lazyloaded]),
.bgl-joint-track-cover:has(img[data-lazyloaded]),
.bgl-couple-thumb-wrap:has(img[data-lazyloaded]) {
    animation: none !important;
    background-image: none !important;
}


/* ---------- 5 · Hareket azaltma tercihi ------------------------------ */

@media (prefers-reduced-motion: reduce) {

    body.single-profiles .bgl-poster,
    body.single-profiles .bgl-disco-cover-wrap,
    body.single-profiles .bgl-filmography-poster,
    body.single-profiles .bgl-music-band-img,
    body.single-profiles .bgl-music-band-fallback,
    body.single-couple   .bgl-joint-track-cover,
    body.bgl-couple-context .bgl-joint-track-cover,
    .bgl-couple-thumb-wrap,
    .bgl-poster {
        background-image: none !important;
        animation: none !important;
    }

    img[data-src]:not([data-lazyloaded]),
    img[data-lazy-src]:not([data-lazyloaded]) {
        opacity: 1;
        animation: none;
    }

    img[data-lazyloaded] {
        transition: none;
    }
}
/* ============================================================
   BGL · 41 · Content Tables            v2 — 25.08.2026
   news / titles / profiles govde metnindeki GERCEK tablolar
   ============================================================

   v2 NEDEN DEGISTI  —  MOBILDE TITLE SAYFASI KAYIYORDU

   SORUN
     Title sayfasi mobilde saga dogru tasiyordu (390px ekranda
     575px genislik, 185px yatay kayma). Masaustunde gorunmuyordu.

   KOK NEDEN — SINIF ADI CAKISMASI
     `.bgl-table` sinifi sitede IKI AYRI seyi ifade ediyor:
       1) Snippet 03 (Components CSS): title/profile sayfasindaki
          bilgi satirlarinin kapsayicisi — bir <div>, tablo DEGIL
          .bgl-table { margin:0; padding:0 }
       2) Bu snippet (41): govde metnindeki gercek <table>'lar
          .bgl-table { min-width:560px }   <-- SORUN BURADA

     41 daha sonra yuklendigi icin `min-width:560px` KAZANIYOR ve
     title sayfasinin bilgi blogunu 560px'e zorluyor.

     Grid'in `1fr` sutunu varsayilan olarak `min-width:auto` tasir,
     yani icerigin minimum genisliginin altina INEMEZ. 560px'lik
     blok sutunu 560px'e sisiriyor, sayfa da tasiyor.
     Olculen: gridTemplateColumns "360px" olmasi gerekirken "560px".

   COZUM
     41'in tablo kurallari `table.bgl-table` olarak daraltildi.
     Bilgi satirlari bir <div> oldugu icin artik etkilenmiyorlar;
     gercek <table>'lar aynen eskisi gibi 560px min-width tasiyor
     ve `.bgl-table-wrap` icinde yatay kayiyor (davranis DEGISMEDI).

     Ayrica alt kisimda bir "guvenlik kemeri" bolumu var:
     titles/couple/news bilgi sutununa `min-width:0`. profiles'ta
     bu kural zaten vardi (Snippet 04), digerlerinde YOKTU — ayni
     hatanin baska bir alandan tekrar dogmasini engeller.

   OLCULEN SONUC (headless Chromium, ayni HTML, once/sonra)
     320px ekran : 256px tasma  ->  0
     360px ekran : 215px tasma  ->  0
     390px ekran : 185px tasma  ->  0
     414px ekran : 161px tasma  ->  0
     768px ekran :   0px tasma  ->  0   (masaustu etkilenmedi)
     Gercek tablo : min-width 560px KORUNDU, sarmalayici icinde kayiyor

   KURULUM
     WPCode > bu snippet'i ac > TAMAMINI bununla degistir > Update
     Code Type: CSS Snippet · Auto Insert · Site Wide Header · Active
     Sonra LiteSpeed Cache > Purge All

   GERI ALMA
     Onceki surume don; kayma geri gelir ama baska bir sey bozulmaz.

   DOGRULAMA
     Telefonda bir title sayfasi ac, sayfayi saga surukle.
     Kaymiyorsa duzelmistir. Govde metnindeki bir tablo hala
     kendi icinde saga kayabiliyor olmali — o DOGRU davranis.
   ============================================================ */
.bgl-table-wrap{
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  margin:28px 0;
  border:1px solid var(--bgl-border,#e0e0e0);
  border-radius:var(--bgl-radius,8px);
  box-shadow:var(--bgl-shadow-md,0 4px 20px rgba(0,0,0,.06));
  background:var(--bgl-bg,#fff);
}

table.bgl-table{
  width:100%;
  min-width:560px;
  border-collapse:collapse;
  font-family:var(--bgl-font,'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif);
  font-size:15px;
  line-height:1.6;
  color:var(--bgl-text,#111);
  background:var(--bgl-bg,#fff);
}

table.bgl-table caption{
  caption-side:top;
  text-align:left;
  padding:14px 16px 12px;
  font-size:13px;
  font-weight:600;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:var(--bgl-text-3,#666);
  background:var(--bgl-bg-2,#fafafa);
  border-bottom:1px solid var(--bgl-border,#e0e0e0);
}

table.bgl-table thead th{
  background:var(--bgl-bg-3,#f4f4f4);
  text-align:left;
  font-weight:600;
  font-size:13px;
  letter-spacing:.03em;
  text-transform:uppercase;
  color:var(--bgl-text-2,#444);
  padding:12px 16px;
  border-bottom:2px solid var(--bgl-red,#d32f2f);
  white-space:nowrap;
}

table.bgl-table tbody td,
table.bgl-table tbody th{
  padding:13px 16px;
  border-bottom:1px solid var(--bgl-border-l,#f2f2f2);
  vertical-align:top;
}

table.bgl-table tbody tr:last-child td,
table.bgl-table tbody tr:last-child th{border-bottom:none}

table.bgl-table tbody tr:nth-child(even){background:var(--bgl-bg-2,#fafafa)}

table.bgl-table tbody tr:hover{
  background:var(--bgl-red-tint,rgba(211,47,47,.08));
  transition:background var(--bgl-trans,.25s ease);
}

table.bgl-table tbody th[scope="row"]{
  font-weight:600;
  color:var(--bgl-text,#111);
  text-align:left;
}

table.bgl-table a{
  color:var(--bgl-red,#d32f2f);
  text-decoration:none;
  border-bottom:1px solid transparent;
  transition:border-color var(--bgl-trans,.25s ease);
}
table.bgl-table a:hover{border-bottom-color:var(--bgl-red,#d32f2f)}

table.bgl-table .num{
  text-align:right;
  font-variant-numeric:tabular-nums;
  white-space:nowrap;
}

table.bgl-table .tag{
  display:inline-block;
  padding:2px 9px;
  border-radius:999px;
  font-size:12px;
  font-weight:600;
  background:var(--bgl-red-tint,rgba(211,47,47,.08));
  color:var(--bgl-red-dark,#b71c1c);
  white-space:nowrap;
}

.bgl-table-note{
  margin:-20px 0 28px;
  font-size:13px;
  color:var(--bgl-text-3,#666);
  font-family:var(--bgl-font,'Inter',sans-serif);
}

@media (max-width:600px){
  table.bgl-table{font-size:14px}
  table.bgl-table caption{padding:12px 13px 10px;font-size:12px}
  table.bgl-table thead th{padding:10px 13px;font-size:12px}
  table.bgl-table tbody td,table.bgl-table tbody th{padding:11px 13px}
}

@media print{
  .bgl-table-wrap{box-shadow:none;overflow:visible}
  table.bgl-table{min-width:0}
}

/* ============================================================
   GUVENLIK KEMERI — grid 1fr sutunu icerige kilitlenmesin
   ------------------------------------------------------------
   CSS Grid'de `1fr` track'i varsayilan `min-width:auto` tasir ve
   icindeki en genis ogenin altina inemez. Bilgi sutununa acikca
   `min-width:0` verilirse, ileride hangi oge genis olursa olsun
   sayfa tasmaz; oge kendi icinde kirpilir/kayar.

   `body.single-profiles .bgl-info` icin bu kural Snippet 04'te
   ZATEN vardi. titles / couple / news'te YOKTU — bu yuzden hata
   yalniz title sayfasinda gorundu. Simdi ucu de kapsandi.
   ============================================================ */
body.single-titles  .bgl-info,
body.single-couple  .bgl-info,
body.single-news    .bgl-info{
  min-width:0;
}
/* ============================================================
   BLGLFLIX — Snippet 27: Legal / Policy Pages CSS
   WPCode -> Add Snippet -> Code Type: "CSS Snippet"
   Auto Insert -> Site Wide Header -> Active
   Wrap every legal page's content in:  <div class="bgl-legal"> ... </div>
   ============================================================ */

.bgl-legal{
  max-width:820px;margin:0 auto 44px;padding:0 18px;box-sizing:border-box;
  font-family:var(--bgl-font,'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif);
  color:var(--bgl-text,#222);font-size:16px;line-height:1.75
}
.is-layout-constrained > .bgl-legal,
.entry-content > .bgl-legal,
.wp-block-post-content > .bgl-legal{max-width:820px !important}

.bgl-legal p{margin:0 0 16px}
.bgl-legal h2{
  font-size:22px;font-weight:800;letter-spacing:-.3px;margin:34px 0 12px;
  padding-bottom:8px;border-bottom:2px solid var(--bgl-border,#e0e0e0);color:var(--bgl-text,#111)
}
.bgl-legal h3{font-size:17px;font-weight:800;margin:22px 0 8px;color:var(--bgl-text,#111)}
.bgl-legal a{color:var(--bgl-red,#d32f2f);text-decoration:underline;text-underline-offset:2px;word-break:break-word}
.bgl-legal a:hover{color:var(--bgl-red-dark,#b71c1c)}
.bgl-legal ul,.bgl-legal ol{margin:0 0 16px;padding-left:22px}
.bgl-legal li{margin:0 0 7px}
.bgl-legal strong{font-weight:800;color:var(--bgl-text,#111)}

/* "Last updated" rozeti */
.bgl-legal-updated{
  display:inline-block;font-size:13px;font-weight:700;color:var(--bgl-text-3,#666);
  background:var(--bgl-bg-3,#f4f4f4);border:1px solid var(--bgl-border,#e0e0e0);
  padding:5px 13px;border-radius:20px;margin:0 0 22px
}
/* Vurgulu uyarı kutusu */
.bgl-legal-box{
  background:var(--bgl-bg-2,#fafafa);border:1px solid var(--bgl-border,#e0e0e0);
  border-left:4px solid var(--bgl-red,#d32f2f);border-radius:10px;padding:16px 18px;margin:0 0 22px
}
.bgl-legal-box p:last-child{margin:0}
.bgl-legal-box strong{color:var(--bgl-red-dark,#b71c1c)}

/* E-posta / iletisim satiri */
.bgl-legal-contact{
  display:flex;flex-wrap:wrap;align-items:center;gap:10px;
  background:var(--bgl-bg-2,#fafafa);border:1px solid var(--bgl-border,#e0e0e0);
  border-radius:12px;padding:14px 18px;margin:0 0 20px;font-weight:700
}
.bgl-legal-contact a{font-weight:800}

@media(max-width:600px){
  .bgl-legal{font-size:15.5px;line-height:1.7}
  .bgl-legal h2{font-size:20px}
  .bgl-legal h3{font-size:16px}
}

/* ---- Header / sayfa basligi duzeltmeleri ---- */
/* Ana sayfada temanin otomatik basligini gizle (gercek H1 [bgl_home] icinde).
   .home sadece ana sayfaya uygulanir; legal sayfa basliklari (Privacy Policy vb.) etkilenmez. */
.home .wp-block-post-title{display:none !important}
/* Sayfa basligi (H1) sabit/yapiskan header'in ALTINDA kalmasin diye ust bosluk.
   Header yuksekligine gore 56px'i artir/azalt (orn. 80px). */
.wp-block-post-title{margin-top:0 !important;padding-top:56px;scroll-margin-top:120px}
/**
 * BGL · 06 · CSS Override
 * Version: v8.0 — Yeni link sistemi (watch_read_listen + official_links)
 * Date: 2026-06-16
 *
 * Changes from v7.2:
 * - PART C — WATCH/READ/LISTEN logolar: 80px kutu yerine SIK OVAL TILE
 *            (56px, border-radius 14px, beyaz zemin, ince kenar + golge, logo contain)
 * - PART H (mobile) — watch tile 48px'e iner, oval kose korunur
 * - PART M (YENI) — yeni link sistemi: favicon/medya <img> sosyal ikonlar
 *            SVG ile ayni boyut (20px) + yuvarlak; bos renkli daire yerine temiz beyaz daire
 *
 * Loads on: Frontend Only
 * Snippet type: HTML Snippet (Site Wide Header)
 */
?>
<style id="bgl-overrides-v8">

/* ============================================================
   PART A — TITLES PAGE (existing v4 rules kept)
   ============================================================ */

body.single-titles .bgl-badges > a,
body.single-titles .bgl-badges > span {
    height: 26px !important;
    min-height: 26px !important;
    max-height: 26px !important;
    line-height: 1 !important;
    box-sizing: border-box !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin: 0 !important;
    vertical-align: middle !important;
    text-decoration: none !important;
}

body.single-titles .bgl-badges .bgl-flag {
    font-size: 28px !important;
    padding: 0 6px !important;
    line-height: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

body.single-titles .bgl-badges .bgl-imdb b,
body.single-titles .bgl-badges .bgl-imdb i {
    height: 100% !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* ============================================================
   PART B — IMAGES (existing v4 rules kept)
   ============================================================ */

body.single-titles .bgl-poster img,
body.single-titles .bgl-rel-poster img,
body.single-titles .bgl-cast-poster img,
body.single-titles .bgl-couple-pic img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center top !important;
    display: block !important;
    aspect-ratio: 2 / 3 !important;
}

body.single-titles .bgl-poster {
    aspect-ratio: 2 / 3 !important;
    overflow: hidden !important;
    width: 260px !important;
    max-width: 100% !important;
}

body.single-titles .bgl-rel-poster {
    aspect-ratio: 2 / 3 !important;
    overflow: hidden !important;
    width: 100px !important;
    height: 150px !important;
}

body.single-titles .bgl-cast-poster {
    aspect-ratio: 2 / 3 !important;
    overflow: hidden !important;
}

body.single-titles .bgl-couple-pic {
    aspect-ratio: 2 / 3 !important;
    width: 85px !important;
    height: 127px !important;
}

/* ============================================================
   PART C — WATCH / READ / LISTEN logos (v8: sik oval tile)
   - Sadece logo, beyaz zemin, yumusak oval kose, ince kenar + golge
   ============================================================ */

html body.single-titles .bgl-watch-btn,
body.single-titles .bgl-watch-btn {
    width: 56px !important;
    height: 56px !important;
    min-width: 56px !important;
    min-height: 56px !important;
    max-width: 56px !important;
    max-height: 56px !important;
    padding: 8px !important;
    border-radius: 14px !important;
    background: #fff !important;
    border: 1px solid #ececec !important;
    box-shadow: 0 1px 4px rgba(0,0,0,.07) !important;
    overflow: hidden !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease !important;
}

html body.single-titles .bgl-watch-btn:hover,
body.single-titles .bgl-watch-btn:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 6px 16px rgba(0,0,0,.12) !important;
    border-color: var(--bgl-red, #d32f2f) !important;
}

html body.single-titles .bgl-watch-btn img,
body.single-titles .bgl-watch-btn img,
body.single-titles .bgl-watch-btn img[width],
body.single-titles .bgl-watch-btn img[height] {
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: contain !important;
    border-radius: 8px !important;
    display: block !important;
}

html body.single-titles .bgl-watch,
body.single-titles .bgl-watch {
    gap: 10px !important;
    flex-wrap: wrap !important;
}

/* ============================================================
   PART D — v5: BGL-INFO GAP RESET
   ============================================================ */

body.single-profiles .bgl-info > *,
body.single-titles .bgl-info > * {
    margin-block-start: 0 !important;
    margin-top: 0 !important;
}

body.single-profiles .bgl-info > .bgl-section,
body.single-titles .bgl-info > .bgl-section {
    margin-top: 0 !important;
    margin-bottom: 25px !important;
}

body.single-profiles .bgl-info > .bgl-h2,
body.single-titles .bgl-info > .bgl-h2 {
    margin-top: 8px !important;
    margin-bottom: 12px !important;
}

/* ============================================================
   PART E — v5: BADGES SPACING
   ============================================================ */

body.single-profiles .bgl-info > .bgl-badges,
body.single-titles .bgl-info > .bgl-badges {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 0 12px 0 !important;
    padding: 0 !important;
    min-height: 26px !important;
}

/* ============================================================
   PART F — v5: ENGAGEMENT BAR (SIBLING, NOT CHILD!)
   ============================================================ */

body.single-profiles .bgl-info > .bgl-engagement,
body.single-titles .bgl-info > .bgl-engagement {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 0 22px 0 !important;
    padding: 0 !important;
    width: 100% !important;
    justify-content: flex-start !important;
    background: transparent !important;
    border: none !important;
}

body.single-profiles .bgl-info > .bgl-engagement .bgl-eng-like,
body.single-profiles .bgl-info > .bgl-engagement .bgl-eng-views,
body.single-profiles .bgl-info > .bgl-engagement .bgl-rate-wrap,
body.single-titles .bgl-info > .bgl-engagement .bgl-eng-like,
body.single-titles .bgl-info > .bgl-engagement .bgl-eng-views,
body.single-titles .bgl-info > .bgl-engagement .bgl-rate-wrap {
    margin: 0 !important;
    vertical-align: middle !important;
}

/* ============================================================
   PART G — v5: MOBILE CENTER ALIGNMENT
   ============================================================ */

@media (max-width: 768px) {
    body.single-profiles .bgl-info > .bgl-badges,
    body.single-titles .bgl-info > .bgl-badges {
        justify-content: center !important;
        text-align: center !important;
    }

    body.single-profiles .bgl-info > .bgl-engagement,
    body.single-titles .bgl-info > .bgl-engagement {
        justify-content: center !important;
        text-align: center !important;
    }

    body.single-profiles .bgl-info > .bgl-engagement .bgl-eng-like,
    body.single-profiles .bgl-info > .bgl-engagement .bgl-eng-views,
    body.single-profiles .bgl-info > .bgl-engagement .bgl-rate-wrap,
    body.single-titles .bgl-info > .bgl-engagement .bgl-eng-like,
    body.single-titles .bgl-info > .bgl-engagement .bgl-eng-views,
    body.single-titles .bgl-info > .bgl-engagement .bgl-rate-wrap {
        height: 24px !important;
        padding: 0 9px !important;
        font-size: 10.5px !important;
    }

    body.single-profiles .bgl-title,
    body.single-titles .bgl-title {
        text-align: center !important;
    }
}

/* ============================================================
   PART H — RESPONSIVE (watch tile mobile + poster + flag)
   ============================================================ */

@media (max-width: 768px) {
    body.single-titles .bgl-poster {
        width: 100% !important;
        max-width: 240px !important;
        margin: 0 auto !important;
    }
}

@media (max-width: 600px) {
    html body.single-titles .bgl-watch-btn,
    body.single-titles .bgl-watch-btn {
        width: 48px !important;
        height: 48px !important;
        min-width: 48px !important;
        min-height: 48px !important;
        max-width: 48px !important;
        max-height: 48px !important;
        padding: 6px !important;
        border-radius: 12px !important;
    }
    html body.single-titles .bgl-watch-btn img,
    body.single-titles .bgl-watch-btn img,
    body.single-titles .bgl-watch-btn img[width],
    body.single-titles .bgl-watch-btn img[height] {
        width: 100% !important;
        height: 100% !important;
        min-width: 0 !important;
        min-height: 0 !important;
        max-width: none !important;
        max-height: none !important;
        border-radius: 7px !important;
    }
    html body.single-titles .bgl-watch,
    body.single-titles .bgl-watch {
        gap: 8px !important;
    }
    body.single-titles .bgl-badges .bgl-flag {
        font-size: 24px !important;
    }
}

/* ============================================================
   PART I — v6 ADD: COUPLE PAGE FIXES
   ============================================================ */

body.single-couple .bgl-info > *,
body.bgl-couple-context .bgl-info > * {
    margin-block-start: 0 !important;
    margin-top: 0 !important;
}

body.single-couple .bgl-info > .bgl-section,
body.bgl-couple-context .bgl-info > .bgl-section {
    margin-top: 0 !important;
    margin-bottom: 25px !important;
}

body.single-couple .bgl-info > .bgl-h2,
body.bgl-couple-context .bgl-info > .bgl-h2 {
    margin-top: 8px !important;
    margin-bottom: 12px !important;
}

body.single-couple .bgl-info > .bgl-badges,
body.bgl-couple-context .bgl-info > .bgl-badges {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 0 12px 0 !important;
    padding: 0 !important;
    min-height: 26px !important;
}

body.single-couple .bgl-info > .bgl-engagement,
body.bgl-couple-context .bgl-info > .bgl-engagement {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 0 22px 0 !important;
    padding: 0 !important;
    width: 100% !important;
    justify-content: flex-start !important;
    background: transparent !important;
    border: none !important;
}

body.single-couple .bgl-info > .bgl-engagement .bgl-eng-like,
body.single-couple .bgl-info > .bgl-engagement .bgl-eng-views,
body.single-couple .bgl-info > .bgl-engagement .bgl-rate-wrap,
body.bgl-couple-context .bgl-info > .bgl-engagement .bgl-eng-like,
body.bgl-couple-context .bgl-info > .bgl-engagement .bgl-eng-views,
body.bgl-couple-context .bgl-info > .bgl-engagement .bgl-rate-wrap {
    margin: 0 !important;
    vertical-align: middle !important;
}

/* BIO / origin_story paragraph spacing — kill Hostinger 40px gap */
body.single-couple .bgl-info .bgl-bio,
body.bgl-couple-context .bgl-info .bgl-bio {
    font-size: 14.5px !important;
    line-height: 1.7 !important;
    color: var(--bgl-text-2) !important;
    margin: 8px 0 15px !important;
}
body.single-couple .bgl-info .bgl-bio p,
body.bgl-couple-context .bgl-info .bgl-bio p {
    margin: 0 0 12px !important;
    margin-block-start: 0 !important;
}
body.single-couple .bgl-info .bgl-bio p:last-child,
body.bgl-couple-context .bgl-info .bgl-bio p:last-child {
    margin-bottom: 0 !important;
}

/* CARD BODY prose — wysiwyg paragraphs inside section cards */
body.single-couple .bgl-card-body > p,
body.bgl-couple-context .bgl-card-body > p,
body.single-couple .bgl-card-body p,
body.bgl-couple-context .bgl-card-body p {
    margin: 0 0 12px !important;
    margin-block-start: 0 !important;
}
body.single-couple .bgl-card-body > p:last-child,
body.bgl-couple-context .bgl-card-body > p:last-child {
    margin-bottom: 0 !important;
}

/* MOBILE: center badges, engagement, title — match v5 desktop pattern */
@media (max-width: 768px) {
    body.single-couple .bgl-info > .bgl-badges,
    body.bgl-couple-context .bgl-info > .bgl-badges,
    body.single-couple .bgl-info > .bgl-engagement,
    body.bgl-couple-context .bgl-info > .bgl-engagement {
        justify-content: center !important;
        text-align: center !important;
    }
    body.single-couple .bgl-info > .bgl-engagement .bgl-eng-like,
    body.single-couple .bgl-info > .bgl-engagement .bgl-eng-views,
    body.single-couple .bgl-info > .bgl-engagement .bgl-rate-wrap,
    body.bgl-couple-context .bgl-info > .bgl-engagement .bgl-eng-like,
    body.bgl-couple-context .bgl-info > .bgl-engagement .bgl-eng-views,
    body.bgl-couple-context .bgl-info > .bgl-engagement .bgl-rate-wrap {
        height: 24px !important;
        padding: 0 9px !important;
        font-size: 10.5px !important;
    }
    body.single-couple .bgl-title,
    body.bgl-couple-context .bgl-title {
        text-align: center !important;
    }
}

/* ============================================================
   PART J — RELATED CONTENT: uzun baslik tam gorunsun (kesilmesin)
   ============================================================ */
.bgl-rel-item .bgl-rel-title,
.bgl-rel-scroll .bgl-rel-title,
.bgl-rel-item a .bgl-rel-title {
    display: block !important;
    -webkit-line-clamp: unset !important;
    -webkit-box-orient: initial !important;
    overflow: visible !important;
    white-space: normal !important;
    text-overflow: clip !important;
    line-height: 1.25 !important;
    word-break: break-word !important;
    max-height: none !important;
}
.bgl-rel-scroll { align-items: flex-start !important; }

/* ============================================================
   PART K — Ongoing status rozet rengi (devam eden manga vs.)
   ============================================================ */
.bgl-badge.badge-ongoing,
.badge-ongoing { background:#1abc9c !important; color:#fff !important; }

/* ============================================================
   PART L — Fotosuz cast/poster: placeholder slotu TAM doldursun
   ============================================================ */
body.single-titles .bgl-cast-poster .bgl-placeholder-wrap,
body.single-titles .bgl-rel-poster .bgl-placeholder-wrap,
body.single-titles .bgl-couple-pic .bgl-placeholder-wrap,
body.single-titles .bgl-poster .bgl-placeholder-wrap {
    aspect-ratio: 2 / 3 !important;
    width: 100% !important;
    height: 100% !important;
}
body.single-titles .bgl-cast-poster .bgl-placeholder-svg,
body.single-titles .bgl-rel-poster .bgl-placeholder-svg,
body.single-titles .bgl-couple-pic .bgl-placeholder-svg,
body.single-titles .bgl-poster .bgl-placeholder-svg {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
}

/* ============================================================
   PART M — v8: YENI LINK SISTEMI (social <img> + favicon)
   - Bilinen sosyaller SVG (eski .bgl-brand svg kurali, 20px) -> degismez
   - Yeni favicon/medya ikonlari <img> -> ayni boyuta indir + yuvarlak
   ============================================================ */

html body.single-titles .bgl-brand img,
html body.single-profiles .bgl-brand img,
html body.single-couple .bgl-brand img,
html body.bgl-couple-context .bgl-brand img {
    width: 20px !important;
    height: 20px !important;
    object-fit: contain !important;
    border-radius: 50% !important;
    display: block !important;
}

/* favicon'lu/ozel sosyal: bos renkli daire yerine temiz beyaz daire */
html body.single-titles .bgl-brand:has(img),
html body.single-profiles .bgl-brand:has(img),
html body.single-couple .bgl-brand:has(img),
html body.bgl-couple-context .bgl-brand:has(img) {
    background: #fff !important;
    border: 1px solid #e9e9e9 !important;
    color: #555 !important;
}

/* Mobilde sosyal daireler biraz daha derli toplu */
@media (max-width: 600px) {
    body.single-titles .bgl-social-grid,
    body.single-profiles .bgl-social-grid,
    body.single-couple .bgl-social-grid {
        gap: 10px !important;
    }
}


/* ---- BGL GRID-2 HIZALAMA (16.09.2026) ----
   Iki kart yan yana dururken kisa olan uzun olana kadar geriliyordu ve
   altinda buyuk bos alan kaliyordu. Bu blok silinirse eski hale doner. */
.bgl-grid-2 { align-items: start; }
.bgl-grid-2 > *:only-child { grid-column: 1 / -1; }
/* ---- BGL GRID-2 HIZALAMA SON ---- */


/* ---- BGL WHERE TO WATCH CSS (16.09.2026) ----
   Bu blok silinirse sayfa sade haline doner. ---- */
.bgl-wtw{max-width:var(--bgl-container,1150px);margin:0 auto;padding:0 var(--bgl-gutter,15px)}
.bgl-wtw .bgl-card{margin:0 0 22px}
.bgl-wtw-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:0 0 24px}
.bgl-wtw-stat{background:var(--bgl-bg-2,#fafafa);border:1px solid var(--bgl-border,#e0e0e0);border-radius:var(--bgl-radius-lg,12px);padding:16px 14px;text-align:center}
.bgl-wtw-stat b{display:block;font-size:26px;line-height:1.15;color:var(--bgl-red,#d32f2f);font-weight:800;letter-spacing:-.4px}
.bgl-wtw-stat span{display:block;margin-top:6px;font-size:12px;line-height:1.4;color:var(--bgl-text-3,#666)}
.bgl-wtw-country .bgl-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.bgl-wtw-country .bgl-wtw-count{flex:none;font-size:12px;font-weight:700;color:var(--bgl-red,#d32f2f);background:var(--bgl-red-tint,rgba(211,47,47,.08));border-radius:999px;padding:5px 12px;white-space:nowrap}
.bgl-wtw-sub{margin:16px 0 8px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--bgl-text-3,#666)}
.bgl-wtw-badges{display:flex;flex-wrap:wrap;gap:8px}
.bgl-badge.bgl-wtw-badge{display:inline-flex;align-items:center;gap:7px;background:var(--bgl-bg-3,#f4f4f4);border:1px solid var(--bgl-border,#e0e0e0);border-radius:999px;padding:6px 12px;font-size:13px;color:var(--bgl-text-2,#444)}
.bgl-badge.bgl-wtw-badge b{font-weight:700;color:var(--bgl-red,#d32f2f)}
.bgl-wtw-more{display:inline-block;margin-top:4px;font-size:13px;font-weight:600;color:var(--bgl-red,#d32f2f);text-decoration:none;border-bottom:1px solid currentColor}
.bgl-wtw-more:hover{color:var(--bgl-red-dark,#b71c1c)}
.bgl-wtw-noimg{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:var(--bgl-bg-3,#f4f4f4);color:var(--bgl-text-3,#666);font-size:28px;font-weight:700}
.bgl-wtw-svc-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.bgl-wtw-svc{border:1px solid var(--bgl-border,#e0e0e0);border-radius:var(--bgl-radius,8px);padding:14px;background:#fff}
.bgl-wtw-svc-top{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.bgl-wtw-svc-name{font-weight:700;font-size:15px;color:var(--bgl-text,#111)}
.bgl-wtw-svc-n{font-size:20px;font-weight:800;color:var(--bgl-red,#d32f2f);line-height:1}
.bgl-wtw-svc-from{margin:4px 0 12px;font-size:12px;color:var(--bgl-text-3,#666)}
.bgl-wtw-tail{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}
.bgl-wtw-tailitem{display:block;border:1px solid var(--bgl-border-l,#f2f2f2);border-radius:var(--bgl-radius,8px);padding:10px 12px;text-decoration:none;background:var(--bgl-bg-2,#fafafa);transition:var(--bgl-trans,.25s ease)}
.bgl-wtw-tailitem:hover{border-color:var(--bgl-red,#d32f2f);background:#fff}
.bgl-wtw-tailitem b{display:block;font-size:13px;color:var(--bgl-text,#111)}
.bgl-wtw-tailitem span{display:block;margin-top:2px;font-size:12px;color:var(--bgl-text-3,#666)}
.bgl-wtw-silo{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.bgl-wtw-silo-item{display:block;border:1px solid var(--bgl-border,#e0e0e0);border-radius:var(--bgl-radius,8px);padding:14px;text-decoration:none;transition:var(--bgl-trans,.25s ease)}
.bgl-wtw-silo-item:hover{border-color:var(--bgl-red,#d32f2f);box-shadow:var(--bgl-shadow-sm,0 4px 10px rgba(0,0,0,.1))}
.bgl-wtw-silo-item b{display:block;font-size:15px;color:var(--bgl-red,#d32f2f)}
.bgl-wtw-silo-item span{display:block;margin-top:4px;font-size:13px;color:var(--bgl-text-2,#444);line-height:1.45}
.bgl-wtw-note{max-width:var(--bgl-container,1150px);margin:8px auto 40px;padding:0 var(--bgl-gutter,15px);font-size:12px;color:var(--bgl-text-3,#666)}
@media(max-width:900px){.bgl-wtw-stats{grid-template-columns:1fr 1fr}.bgl-wtw-svc-grid{grid-template-columns:1fr}.bgl-wtw-tail,.bgl-wtw-silo{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.bgl-wtw-tail,.bgl-wtw-silo{grid-template-columns:1fr}}
/* ---- BGL WHERE TO WATCH CSS SON ---- */


/* ---- BGL WTW POSTER CSS (16.09.2026) ---- */
.bgl-wtw .bgl-card-body-rel{padding:0 18px 18px}
.bgl-wtw .bgl-rel-scroll{display:flex;gap:12px;overflow-x:auto;padding:4px 2px 10px;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
.bgl-wtw .bgl-rel-scroll::-webkit-scrollbar{height:6px}
.bgl-wtw .bgl-rel-scroll::-webkit-scrollbar-thumb{background:var(--bgl-border,#e0e0e0);border-radius:999px}
.bgl-wtw .bgl-rel-item{flex:0 0 118px;width:118px;text-decoration:none;display:block}
.bgl-wtw .bgl-rel-poster{width:118px;height:177px;border-radius:var(--bgl-radius,8px);overflow:hidden;background:var(--bgl-bg-3,#f4f4f4);border:1px solid var(--bgl-border-l,#f2f2f2);display:flex;align-items:center;justify-content:center;transition:var(--bgl-trans,.25s ease)}
.bgl-wtw .bgl-rel-item:hover .bgl-rel-poster{box-shadow:var(--bgl-shadow-sm,0 4px 10px rgba(0,0,0,.1));border-color:var(--bgl-red,#d32f2f)}
.bgl-wtw .bgl-rel-img{width:100%;height:100%;object-fit:cover;display:block}
.bgl-wtw .bgl-rel-title{margin-top:7px;font-size:12px;line-height:1.35;color:var(--bgl-text-2,#444);text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bgl-wtw .bgl-rel-item:hover .bgl-rel-title{color:var(--bgl-red,#d32f2f)}
.bgl-wtw .bgl-wtw-svc .bgl-rel-item{flex:0 0 92px;width:92px}
.bgl-wtw .bgl-wtw-svc .bgl-rel-poster{width:92px;height:138px}
.bgl-wtw .bgl-wtw-svc .bgl-rel-title{font-size:11px}
/* ---- BGL WTW POSTER CSS SON ---- */


/* ---- BGL WTW FINDER CSS (16.09.2026) ---- */
.bgl-wtw-filter{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 4px}
.bgl-wtw-chip{display:inline-flex;align-items:center;gap:7px;background:#fff;border:1px solid var(--bgl-border,#e0e0e0);border-radius:999px;padding:7px 14px;font:inherit;font-size:13px;color:var(--bgl-text-2,#444);cursor:pointer;transition:var(--bgl-trans,.25s ease)}
.bgl-wtw-chip b{font-weight:700;font-size:12px;color:var(--bgl-text-3,#666)}
.bgl-wtw-chip:hover{border-color:var(--bgl-red,#d32f2f);color:var(--bgl-red,#d32f2f)}
.bgl-wtw-chip.is-on{background:var(--bgl-red,#d32f2f);border-color:var(--bgl-red,#d32f2f);color:#fff}
.bgl-wtw-chip.is-on b{color:rgba(255,255,255,.85)}
.bgl-wtw-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.bgl-wtw-item{border:1px solid var(--bgl-border-l,#f2f2f2);border-radius:var(--bgl-radius,8px);padding:12px;background:#fff;display:flex;flex-direction:column;gap:10px;transition:var(--bgl-trans,.25s ease)}
.bgl-wtw-item:hover{border-color:var(--bgl-border,#e0e0e0);box-shadow:var(--bgl-shadow-sm,0 4px 10px rgba(0,0,0,.1))}
.bgl-wtw-item[hidden]{display:none}
.bgl-wtw-item-top{display:flex;gap:12px;text-decoration:none;align-items:flex-start}
.bgl-wtw-item-top .bgl-rel-poster{flex:0 0 62px;width:62px;height:93px;border-radius:6px;overflow:hidden;background:var(--bgl-bg-3,#f4f4f4);display:flex;align-items:center;justify-content:center}
.bgl-wtw-item-top .bgl-rel-img{width:100%;height:100%;object-fit:cover;display:block}
.bgl-wtw-item-txt{min-width:0;display:flex;flex-direction:column;gap:4px}
.bgl-wtw-item-title{font-size:14px;font-weight:600;line-height:1.3;color:var(--bgl-text,#111);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.bgl-wtw-item-top:hover .bgl-wtw-item-title{color:var(--bgl-red,#d32f2f)}
.bgl-wtw-item-meta{font-size:11px;color:var(--bgl-text-3,#666);line-height:1.4}
.bgl-wtw-watch{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto}
.bgl-wtw-go{display:inline-block;font-size:11.5px;font-weight:600;text-decoration:none;padding:5px 10px;border-radius:999px;background:var(--bgl-red-tint,rgba(211,47,47,.08));color:var(--bgl-red,#d32f2f);border:1px solid transparent;transition:var(--bgl-trans,.25s ease)}
.bgl-wtw-go:hover{background:var(--bgl-red,#d32f2f);color:#fff}
.bgl-wtw-go.is-plain{background:var(--bgl-bg-3,#f4f4f4);color:var(--bgl-text-3,#666);font-weight:500}
.bgl-wtw-go.is-plain:hover{background:var(--bgl-bg-3,#f4f4f4);color:var(--bgl-text-3,#666)}
.bgl-wtw-empty{margin:18px 0 4px;font-size:14px;color:var(--bgl-text-3,#666)}
@media(max-width:1000px){.bgl-wtw-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.bgl-wtw-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:460px){.bgl-wtw-grid{grid-template-columns:1fr}}
/* ---- BGL WTW FINDER CSS SON ---- */


/* ---- BGL WTW DIR CSS (16.09.2026) ---- */
.bgl-wtw-dir{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.bgl-wtw-dir-item{display:flex;flex-direction:column;gap:9px;border:1px solid var(--bgl-border-l,#f2f2f2);border-radius:var(--bgl-radius,8px);padding:14px;text-decoration:none;background:#fff;transition:var(--bgl-trans,.25s ease)}
.bgl-wtw-dir-item:hover{border-color:var(--bgl-red,#d32f2f);box-shadow:var(--bgl-shadow-sm,0 4px 10px rgba(0,0,0,.1))}
.bgl-wtw-dir-top{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.bgl-wtw-dir-top b{font-size:15px;font-weight:700;color:var(--bgl-text,#111)}
.bgl-wtw-dir-item:hover .bgl-wtw-dir-top b{color:var(--bgl-red,#d32f2f)}
.bgl-wtw-dir-top i{font-style:normal;font-size:12px;font-weight:700;color:var(--bgl-red,#d32f2f);background:var(--bgl-red-tint,rgba(211,47,47,.08));border-radius:999px;padding:3px 10px;flex:none}
.bgl-wtw-dir-desc{font-size:12px;line-height:1.5;color:var(--bgl-text-3,#666)}
.bgl-wtw-dir-posters{display:flex;gap:6px}
.bgl-wtw-dir-p{flex:0 0 46px;width:46px;height:69px;border-radius:5px;overflow:hidden;background:var(--bgl-bg-3,#f4f4f4);display:block}
.bgl-wtw-dir-p .bgl-rel-img{width:100%;height:100%;object-fit:cover;display:block}
.bgl-wtw-dir-go{margin-top:auto;font-size:12px;font-weight:600;color:var(--bgl-red,#d32f2f)}
@media(max-width:900px){.bgl-wtw-dir{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.bgl-wtw-dir{grid-template-columns:1fr}}
/* ---- BGL WTW DIR CSS SON ---- */


/* ---- BGL WTW MOBILE CSS (16.09.2026) ---- */
.bgl-wtw-details{margin-top:14px}
.bgl-wtw-details>summary{cursor:pointer;list-style:none;display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--bgl-red,#d32f2f);background:var(--bgl-red-tint,rgba(211,47,47,.08));border-radius:999px;padding:9px 16px}
.bgl-wtw-details>summary::-webkit-details-marker{display:none}
.bgl-wtw-details .bgl-wtw-tail{margin-top:14px}
.bgl-wtw .bgl-rel-scroll{scroll-snap-type:x proximity}
.bgl-wtw .bgl-rel-item{scroll-snap-align:start}
@media(max-width:760px){
.bgl-wtw{padding:0 12px}
.bgl-wtw .bgl-card{margin-bottom:16px}
.bgl-wtw .bgl-card-body-rel{padding:0 14px 14px}
.bgl-wtw-stats{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px}
.bgl-wtw-stat{padding:13px 10px;border-radius:10px}
.bgl-wtw-stat b{font-size:21px}
.bgl-wtw-stat span{font-size:11px;margin-top:4px}
.bgl-wtw-dir{grid-template-columns:1fr 1fr;gap:10px}
.bgl-wtw-dir-item{padding:12px 11px;gap:7px}
.bgl-wtw-dir-top b{font-size:14px}
.bgl-wtw-dir-desc{display:none}
.bgl-wtw-dir-posters{display:none}
.bgl-wtw .bgl-rel-item{flex:0 0 104px;width:104px}
.bgl-wtw .bgl-rel-poster{width:104px;height:156px}
.bgl-wtw-tail{grid-template-columns:1fr 1fr;gap:8px}
.bgl-wtw-tailitem{padding:9px 10px}
.bgl-wtw-silo{grid-template-columns:1fr;gap:10px}
.bgl-wtw-svc-grid{grid-template-columns:1fr}
}
@media(max-width:400px){
.bgl-wtw-dir{grid-template-columns:1fr}
.bgl-wtw-tail{grid-template-columns:1fr}
}
/* ---- BGL WTW MOBILE CSS SON ---- */


/* ---- BGL WTW WATCHLINK CSS (16.09.2026) ---- */
.bgl-wtw-wl{margin:0 0 8px;border:1px solid var(--bgl-border-l,#f2f2f2);border-radius:var(--bgl-radius,8px);overflow:hidden}
.bgl-wtw-wl>summary{background:var(--bgl-bg-2,#fafafa);border-radius:0;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--bgl-text,#111);font-weight:600;font-size:14px}
.bgl-wtw-wl>summary i{font-style:normal;font-size:12px;font-weight:700;color:var(--bgl-red,#d32f2f);background:var(--bgl-red-tint,rgba(211,47,47,.08));border-radius:999px;padding:3px 10px}
.bgl-wtw-wl[open]>summary{border-bottom:1px solid var(--bgl-border-l,#f2f2f2)}
.bgl-wtw-wlgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:14px}
.bgl-wtw-wlitem{display:block;padding:10px 12px;border:1px solid var(--bgl-border-l,#f2f2f2);border-radius:6px;font-size:13px;line-height:1.35;color:var(--bgl-text-2,#444);text-decoration:none;overflow-wrap:anywhere;transition:var(--bgl-trans,.25s ease)}
.bgl-wtw-wlitem:hover{border-color:var(--bgl-red,#d32f2f);color:var(--bgl-red,#d32f2f)}
.bgl-wtw .bgl-card{overflow:hidden}
.bgl-wtw .bgl-card-body-rel{min-width:0}
.bgl-wtw-dir-top b{overflow-wrap:anywhere}
.bgl-wtw-tailitem b,.bgl-wtw-tailitem span{overflow-wrap:anywhere}
@media(max-width:760px){
.bgl-wtw-wlgrid{grid-template-columns:1fr 1fr;gap:7px;padding:12px}
.bgl-wtw-wlitem{padding:9px 10px;font-size:12.5px}
.bgl-wtw-wl>summary{padding:11px 12px;font-size:13.5px}
}
@media(max-width:420px){.bgl-wtw-wlgrid{grid-template-columns:1fr}}
/* ---- BGL WTW WATCHLINK CSS SON ---- */


/* ---- BGL WTW FINDER V2 CSS (16.09.2026) ---- */
.bgl-wtw-find{margin:0 0 26px}
.bgl-wtw-find-head{background:var(--bgl-bg-2,#fafafa);border:1px solid var(--bgl-border,#e0e0e0);border-radius:var(--bgl-radius-lg,12px);padding:18px}
.bgl-wtw-search{display:flex;align-items:center;gap:10px;background:#fff;border:2px solid var(--bgl-border,#e0e0e0);border-radius:999px;padding:0 16px;transition:border-color .2s ease}
.bgl-wtw-search:focus-within{border-color:var(--bgl-red,#d32f2f)}
.bgl-wtw-search-ico{font-size:16px;opacity:.55;flex:none}
.bgl-wtw-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;font:inherit;font-size:16px;padding:14px 0;color:var(--bgl-text,#111)}
.bgl-wtw-search input::-webkit-search-cancel-button{display:none}
.bgl-wtw-clear{border:0;background:transparent;font:inherit;font-size:15px;color:var(--bgl-text-3,#666);cursor:pointer;padding:6px;line-height:1}
.bgl-wtw-orline{margin:14px 0 9px;font-size:12px;color:var(--bgl-text-3,#666)}
.bgl-wtw-count{margin:12px 0 0;font-size:12px;font-weight:600;color:var(--bgl-text-3,#666)}
.bgl-wtw-rows{margin-top:16px;border:1px solid var(--bgl-border-l,#f2f2f2);border-radius:var(--bgl-radius-lg,12px);overflow:hidden}
.bgl-wtw-row{display:flex;align-items:center;gap:14px;padding:12px 16px;border-bottom:1px solid var(--bgl-border-l,#f2f2f2);background:#fff}
.bgl-wtw-row:last-child{border-bottom:0}
.bgl-wtw-row:hover{background:var(--bgl-bg-2,#fafafa)}
.bgl-wtw-row[hidden]{display:none}
.bgl-wtw-row-main{display:flex;align-items:center;gap:14px;flex:1;min-width:0;text-decoration:none}
.bgl-wtw-row-pic{flex:none;width:46px;height:69px;border-radius:5px;overflow:hidden;background:var(--bgl-bg-3,#f4f4f4);display:flex;align-items:center;justify-content:center}
.bgl-wtw-row-pic .bgl-rel-img{width:100%;height:100%;object-fit:cover;display:block}
.bgl-wtw-row-txt{min-width:0;display:flex;flex-direction:column;gap:3px}
.bgl-wtw-row-txt b{font-size:15px;font-weight:600;line-height:1.3;color:var(--bgl-text,#111);overflow-wrap:anywhere}
.bgl-wtw-row-main:hover b{color:var(--bgl-red,#d32f2f)}
.bgl-wtw-row-txt i{font-style:normal;font-size:12px;color:var(--bgl-text-3,#666)}
.bgl-wtw-row-go{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end;flex:none;max-width:46%}
.bgl-wtw-btn{display:inline-block;font-size:12.5px;font-weight:600;text-decoration:none;padding:8px 14px;border-radius:999px;background:var(--bgl-red,#d32f2f);color:#fff;transition:var(--bgl-trans,.25s ease);white-space:nowrap}
.bgl-wtw-btn:hover{background:var(--bgl-red-dark,#b71c1c);color:#fff}
.bgl-wtw-btn.is-plain{background:var(--bgl-bg-3,#f4f4f4);color:var(--bgl-text-3,#666);font-weight:500}
.bgl-wtw-btn.is-plain:hover{background:var(--bgl-bg-3,#f4f4f4);color:var(--bgl-text-3,#666)}
@media(max-width:760px){
.bgl-wtw-find-head{padding:14px;border-radius:10px}
.bgl-wtw-search input{font-size:16px;padding:12px 0}
.bgl-wtw-row{flex-direction:column;align-items:stretch;gap:10px;padding:12px 13px}
.bgl-wtw-row-main{gap:11px}
.bgl-wtw-row-pic{width:52px;height:78px}
.bgl-wtw-row-txt b{font-size:14.5px}
.bgl-wtw-row-go{max-width:100%;justify-content:flex-start}
.bgl-wtw-btn{padding:9px 14px;font-size:13px}
.bgl-wtw-filter{gap:7px}
}
/* ---- BGL WTW FINDER V2 CSS SON ---- */


/* ---- BGL WTW MOBILE RHYTHM (16.09.2026) ---- */
.bgl-wtw-filter{scrollbar-width:none}
.bgl-wtw-filter::-webkit-scrollbar{display:none}
@media(max-width:760px){
.bgl-wtw{padding:0 14px}
.bgl-wtw .bgl-card{margin:0 0 22px;border-radius:12px}
.bgl-wtw .bgl-card-head{padding:16px 15px 0}
.bgl-wtw .bgl-card-body{padding:14px 15px 16px}
.bgl-wtw .bgl-card-body-rel{padding:0 15px 16px}
.bgl-wtw .bgl-card-h2{font-size:19px;line-height:1.3;margin:0}
.bgl-wtw p{font-size:14.5px;line-height:1.62;margin:0 0 12px}
.bgl-wtw p:last-child{margin-bottom:0}
.bgl-wtw-find{margin-bottom:24px}
.bgl-wtw-find-head{padding:16px 15px}
.bgl-wtw-orline{margin:16px 0 10px;font-size:12.5px}
.bgl-wtw-count{margin-top:14px;font-size:12.5px}
}
@media(max-width:760px){
.bgl-wtw-filter{flex-wrap:nowrap;overflow-x:auto;margin:0 -15px;padding:2px 15px 6px;scroll-snap-type:x proximity}
.bgl-wtw-chip{flex:0 0 auto;scroll-snap-align:start;padding:9px 15px;font-size:13.5px}
.bgl-wtw-badges{flex-wrap:nowrap;overflow-x:auto;margin:0 -15px;padding:2px 15px 6px;scrollbar-width:none}
.bgl-wtw-badges::-webkit-scrollbar{display:none}
.bgl-badge.bgl-wtw-badge{flex:0 0 auto}
.bgl-wtw-country .bgl-card-head{flex-direction:column;align-items:flex-start;gap:8px}
.bgl-wtw-count{margin-top:12px}
.bgl-wtw-sub{margin:18px 0 9px}
.bgl-wtw-stats{gap:11px;margin-bottom:22px}
.bgl-wtw-stat{padding:15px 11px}
.bgl-wtw-stat b{font-size:23px}
.bgl-wtw-stat span{font-size:11.5px;line-height:1.35}
.bgl-wtw-rows{margin-top:18px;border-radius:12px}
.bgl-wtw-row{padding:14px 14px}
.bgl-wtw-row-go{gap:7px;margin-top:2px}
.bgl-wtw-dir{gap:11px}
.bgl-wtw-dir-item{padding:14px 12px}
.bgl-wtw-silo-item{padding:15px 14px}
.bgl-wtw-note{padding:0 14px;margin-bottom:34px;line-height:1.6}
}
/* ---- BGL WTW MOBILE RHYTHM SON ---- */


/* ---- BGL WTW PAGE HEAD (16.09.2026) ---- */
.page-id-3404 .hostinger-ai-page-title{font-size:34px;line-height:1.18;letter-spacing:-.5px;margin:0 0 6px}
.page-id-3404 .wp-block-post-content>p{font-size:16px;line-height:1.65;margin:0 0 14px;color:var(--bgl-text-2,#444)}
.page-id-3404 .wp-block-post-content>p:first-of-type{font-size:17.5px;line-height:1.6;color:var(--bgl-text,#111)}
@media(max-width:760px){
.page-id-3404 .hostinger-ai-page-title{font-size:26px;line-height:1.22;text-align:left;margin:0 0 4px}
.page-id-3404 .wp-block-post-content>p{font-size:15px;line-height:1.62;margin:0 0 12px}
.page-id-3404 .wp-block-post-content>p:first-of-type{font-size:16px}
.page-id-3404 .wp-block-post-content>*{margin-block-start:0}
.page-id-3404 .wp-block-group.alignfull{padding-top:18px;padding-bottom:6px}
}
/* ---- BGL WTW PAGE HEAD SON ---- */


/* ---- BGL WTW FIX 2 ---- */
.bgl-wtw-find .bgl-wtw-count{background:none;border-radius:0;padding:0;color:var(--bgl-text-3,#666);font-weight:600}
body.page-id-3404 h1.hostinger-ai-page-title{font-size:34px}
@media(max-width:760px){body.page-id-3404 h1.hostinger-ai-page-title{font-size:26px;text-align:left}}
/* ---- BGL WTW FIX 2 SON ---- */

/* ---- BGL WTW FIX 3 ---- */
body.page-id-3404 h1.hostinger-ai-page-title{font-size:34px !important;padding-top:28px !important;padding-bottom:10px !important;line-height:1.18 !important}
@media(max-width:760px){body.page-id-3404 h1.hostinger-ai-page-title{font-size:26px !important;padding-top:18px !important;padding-bottom:6px !important;line-height:1.24 !important;text-align:left !important}}
/* ---- BGL WTW FIX 3 SON ---- */

/* ---- BGL WTW LEDE (16.09.2026) ---- */
.bgl-wtw-lede{margin:0 0 22px;max-width:760px}
.bgl-wtw-lede-1{font-size:19px;line-height:1.5;color:var(--bgl-text,#111);margin:0 0 10px;font-weight:500}
.bgl-wtw-lede-2{font-size:15.5px;line-height:1.65;color:var(--bgl-text-3,#666);margin:0}
.page-id-3404 .wp-block-post-content>.bgl-wtw{margin-top:0}
@media(max-width:760px){
.bgl-wtw-lede{margin:0 0 18px}
.bgl-wtw-lede-1{font-size:17px;line-height:1.45;margin:0 0 9px}
.bgl-wtw-lede-2{font-size:14.5px;line-height:1.6}
}
/* ---- BGL WTW LEDE SON ---- */

/* ---- BGL WTW ALIGN (16.09.2026) ---- */
.page-id-3404 .bgl-wtw{padding-left:0;padding-right:0;max-width:none}
.page-id-3404 .wp-block-group.alignfull:has(h1){padding-top:0 !important;padding-bottom:0 !important}
.page-id-3404 .bgl-wtw-note{padding-left:0;padding-right:0}
@media(max-width:760px){
.page-id-3404 .bgl-wtw{padding-left:0;padding-right:0}
.page-id-3404 .bgl-wtw-lede{margin-top:2px}
}
/* ---- BGL WTW ALIGN SON ---- */

/

/* ---- BGL DEEP CSS V2 (16.09.2026) ---- */
.bgl-deep .bgl-card-body{padding:10px 15px 0}
.bgl-deep .bgl-card-body p{font-size:14.5px;line-height:1.7;color:#333;margin:0 0 14.5px}
.bgl-deep .bgl-card-body ul{font-size:14px;line-height:1.6;color:#444;margin:0 0 10px;padding-left:20px}
.bgl-deep .bgl-card-body li{font-size:14px;line-height:1.6;color:#444;margin:0 0 8px}
.bgl-deep .bgl-card-body li:last-child{margin-bottom:0}
.bgl-deep .bgl-card-body strong{color:#444;font-weight:700}
.bgl-deep .bgl-card-body em{font-style:italic}
.bgl-deep .bgl-card-body a{color:var(--bgl-red,#d32f2f)}
/* ---- BGL DEEP CSS V2 SON ---- */

/* ===== BGL PROFILE CAREER CARDS ===== */
.bgl-pcx-list{list-style:none;margin:0;padding:0}
.bgl-card-body ul.bgl-pcx-list li,.bgl-pcx-list li{display:flex !important;justify-content:space-between !important;align-items:baseline;gap:14px;padding:9px 0;border-top:1px solid var(--bgl-border-l,#f2f2f2);font-size:14px;list-style:none;margin:0}
.bgl-pcx-list li:first-child{border-top:0;padding-top:0}
.bgl-pcx-list a{color:#222;text-decoration:none;font-weight:600;line-height:1.4}
.bgl-pcx-list a:hover{color:var(--bgl-red-dark,#b71c1c)}
.bgl-pcx-n{font-size:12.5px;color:#888;white-space:nowrap;flex:0 0 auto}

/* Sayfa basligi sikilastirma 01.10.2026 */
.hostinger-ai-page-title{padding-top:10px !important;padding-bottom:2px !important;font-size:clamp(26px,3.4vw,34px) !important;line-height:1.2 !important}
.hostinger-ai-page-title + .entry-content{margin-top:10px !important}
.wp-block-group:has(> .hostinger-ai-page-title) + .entry-content{margin-top:10px !important}