#related-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
#related-content {
    margin-left: auto;
    color: #fff;
    font-size: 1rem;
}
#switch-related-videos {
    margin-right: 10px;
    cursor: pointer;
}
#switch-related-photos {
    cursor: pointer;
}

/* ===== intsyx.com layout (handjobhub default_tube2016 uyarlamasi) ===== */
.contentbl{max-width:1280px;margin:0 auto;padding:14px 12px 40px}
.ph-grid{overflow:hidden}
.ph-grid .clear{clear:both}
.ph-headline{display:flex;align-items:center;justify-content:space-between;margin:20px 0 12px;padding-bottom:8px;border-bottom:2px solid #e1BD15}
.ph-headline h1,.ph-headline h2{font-size:18px;margin:0;color:#e8e8e8;font-weight:700;text-transform:uppercase;letter-spacing:.3px}
.ph-more{font-size:12px;color:#e1BD15;text-decoration:none;font-weight:600}
.ph-more:hover{text-decoration:underline}
#main-header{height:auto !important;min-height:60px;background:#222 !important;filter:none !important;position:relative;z-index:10}
#main-header .wrapper{max-width:1280px;margin:0 auto;padding:0 12px}
#main-header .row{display:flex;align-items:center;gap:16px;min-height:60px}
#main-header .logo-col{flex:0 0 auto}
.text-logo{font-size:26px;font-weight:900;color:#fff;text-decoration:none;letter-spacing:-1px;line-height:1;display:inline-block}
.text-logo b{color:#e1BD15}
#main-header .search-col{flex:1 1 auto;max-width:520px}
#main-header .search-form{display:flex;width:100%}
#main-header .search-form .text{flex:1;height:38px;border:0;border-radius:3px 0 0 3px;padding:0 12px;font-size:14px;outline:none;color:#222}
#main-header .search-btn{height:38px;border:0;background:#e1BD15;color:#fff;padding:0 16px;border-radius:0 3px 3px 0;cursor:pointer;font-size:15px}
#main-header .nav-col{flex:0 0 auto;margin-left:auto}
.main-nav-list{display:flex;gap:2px;list-style:none;margin:0;padding:0}
.main-nav-list .menu-el a{display:block;padding:9px 12px;color:#dcdcdc;text-decoration:none;font-size:13px;font-weight:600;border-radius:3px;text-transform:uppercase}
.main-nav-list .menu-el a:hover,.main-nav-list .menu-el a.active{background:#e1BD15;color:#fff}
@media(max-width:860px){#main-header .row{flex-wrap:wrap;padding:8px 0}#main-header .nav-col{order:3;width:100%;margin-left:0}.main-nav-list{flex-wrap:wrap}#main-header .search-col{max-width:none}}

/* ===== liste sayfaları + tam genişlik ===== */
.ph-home{display:block !important}
.ph-sidebar{display:none !important}
.ph-main{width:100% !important}
.empty{padding:40px;text-align:center;color:#666;background:#fff;border:1px solid #e2e2e2;border-radius:6px;margin:20px 0}
.navigation{display:flex;flex-wrap:wrap;gap:5px;justify-content:center;margin:26px 0;padding:0;list-style:none}
.navigation a,.navigation span{display:block;padding:8px 13px;border:1px solid #ddd;border-radius:3px;color:#333;text-decoration:none;font-size:13px;background:#fff;font-weight:600}
.navigation .cur,.navigation b,.navigation a:hover{background:#e1BD15;color:#fff;border-color:#e1BD15}
.nav_ext{color:#999;padding:8px 6px}

/* ===== CSS değişkenleri: handjobhub açık tema + kırmızı accent (eski skin.css var() bileşenleri için) ===== */
:root{
  --main-color:#e1BD15;--main-color-cs:#c9a912;
  --body-background:#121212;--header-background:#222;--footer-background:#222;
  --card-img-background:#1d1d1d;--surface:#1d1d1d;--tag-background:#2a2a2a;
  --header-tag-background:#333;--background-hover:#2a2a2a;--background2:#333;
  --text:#eee;--text-2:#ccc;--text-muted:#999;
  --header-link:#ddd;--header-link-hover:#fff;
  --border:#333;--border-soft:#2a2a2a;--radius:6px;--radius-thumb:6px;
  --duration-bg:#000;--card-4k:#f1e40f;--card-like:#e1BD15;
  --pag-active-bg:#e1BD15;--pag-active-color:#000;--pag-color:#aaa;
}

/* ===== footer (handjobhub stili, koyu) ===== */
footer{background:#222 !important;color:#bbb;margin-top:34px;padding:30px 0 22px;font-size:13px;position:static !important;top:auto !important}
footer .wrapper{max-width:1280px;margin:0 auto;padding:0 14px}
footer a{color:#bbb;text-decoration:none}
footer a:hover{color:#e1BD15}
.footer-cols{display:flex;flex-wrap:wrap;gap:34px;padding-bottom:20px;border-bottom:1px solid #333}
.nav-footer-list{list-style:none;margin:0;padding:0;min-width:140px}
.nav-footer-list .label-el .label{color:#fff;font-weight:700;text-transform:uppercase;font-size:12px;letter-spacing:.5px;display:block;margin-bottom:10px}
.nav-footer-list li{margin:5px 0}
.footer-about{flex:1;min-width:240px}
.footer-logo{font-size:24px;font-weight:900;color:#fff;letter-spacing:-1px;margin-bottom:8px}
.footer-logo b{color:#e1BD15}
.footer-about p{line-height:1.6;color:#999;margin:0;max-width:560px}
.footer-copy{padding-top:16px;color:#888;text-align:center;font-size:12px}

/* ===== KVS reklam-slotu gizlemelerini iptal (boşlukları kapatır) + açık kart ===== */
.ph-grid .item-col{display:block !important;margin-bottom:14px}
.ph-grid{margin-left:-6px;margin-right:-6px}
.ph-grid .item-col>.inner-col,.item-col>.inner-col{background:#1d1d1d !important;border-radius:6px;overflow:hidden}
.ph-grid .item-col .title,.item-col span.title{color:#e1BD15 !important;padding:7px 9px 2px;display:block;font-size:13px;line-height:1.35}
.ph-grid .item-col .item-info{padding-bottom:6px}
.ph-grid .item-col .item-stats{padding:0 9px 8px}
.ph-grid .item-col .sub-desc{color:#bbb !important}
.ph-grid .item-col .image.thumb{border-radius:0}

/* ===== MOBİL UYUMLU ===== */
@media(max-width:1100px){.ph-grid .item-col{width:25% !important}}
@media(max-width:900px){.ph-grid .item-col{width:33.333% !important}}
@media(max-width:600px){
  .ph-grid .item-col{width:50% !important}
  .contentbl{padding:10px 8px 30px}
  .ph-headline{margin:14px 0 10px}
  .ph-headline h1,.ph-headline h2{font-size:15px}
}
@media(max-width:860px){
  #main-header .row{flex-wrap:wrap;gap:10px;padding:8px 0;min-height:auto}
  #main-header .logo-col{flex:0 0 auto}
  .text-logo{font-size:22px}
  #main-header .search-col{order:3;flex:1 1 100%;max-width:none}
  #main-header .nav-col{order:4;flex:1 1 100%;margin-left:0}
  .main-nav-list{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;gap:0;scrollbar-width:none}
  .main-nav-list::-webkit-scrollbar{display:none}
  .main-nav-list .menu-el a{white-space:nowrap;padding:8px 11px;font-size:12px}
}
@media(max-width:600px){
  .footer-cols{gap:16px}
  .nav-footer-list{min-width:42%}
  .footer-about{min-width:100%}
}
/* video sayfası mobil: benzer videolar 2/satır zaten ph-grid kuralından gelir */

/* HD rozeti handjobhub sarısı */
.quality-icon.q-hd,.ph-grid .quality{background:#f1e40f !important;color:#000 !important;font-weight:700}

/* ===== nav ikonları + tick artefaktı kapat ===== */
.main-nav-list .menu-el a .icon{margin-right:6px;font-size:13px;vertical-align:-1px;display:inline-block}
.main-nav-list .menu-el a .icon:before{font-family:FontAwesome;font-weight:normal;font-style:normal}
.main-nav-list li>a::after,.main-nav-list li>a::before{display:none !important}
.main-nav-list .menu-el a{display:flex !important;align-items:center}

/* ===== NAV — temiz/net konsolide (handjobhub) ===== */
#main-header{background:#1c1c1c !important;border-bottom:1px solid #000}
#main-header .row{display:flex;align-items:center;gap:18px;min-height:62px}
.text-logo{font-size:27px;font-weight:900;color:#fff;letter-spacing:-1px}
.text-logo b{color:#e1BD15}
#main-header .search-col{flex:1 1 auto;max-width:560px}
#main-header .search-form{display:flex;width:100%}
#main-header .search-form .text{flex:1;height:40px;border:0;border-radius:3px 0 0 3px;padding:0 14px;font-size:14px;background:#fff;color:#222;outline:none}
#main-header .search-btn{height:40px;width:52px;border:0;background:#e1BD15;color:#000;border-radius:0 3px 3px 0;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center}
#main-header .nav-col{flex:0 0 auto;margin-left:auto}
.main-nav-list{display:flex;align-items:center;gap:2px;list-style:none;margin:0;padding:0}
.main-nav-list .menu-el{display:flex;margin:0;float:none}
.main-nav-list .menu-el a{display:flex;align-items:center;gap:7px;padding:10px 13px;color:#eaeaea;text-decoration:none;font-size:12.5px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;border-radius:4px;line-height:1;white-space:nowrap;transition:background .15s,color .15s}
.main-nav-list .menu-el a .icon{font-size:15px;line-height:1;color:#e1BD15}
.main-nav-list .menu-el a .icon:before{font-family:FontAwesome !important;font-weight:400;font-style:normal}
.main-nav-list .menu-el a:hover,.main-nav-list .menu-el a.active{background:#e1BD15;color:#000}
.main-nav-list .menu-el a:hover .icon,.main-nav-list .menu-el a.active .icon{color:#000}
.main-nav-list li>a::after,.main-nav-list li>a::before{display:none !important}
@media(max-width:980px){
  #main-header .row{flex-wrap:wrap;gap:10px;padding:8px 0}
  #main-header .search-col{order:3;flex:1 1 100%;max-width:none}
  #main-header .nav-col{order:4;flex:1 1 100%;margin-left:0}
  .main-nav-list{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
  .main-nav-list::-webkit-scrollbar{display:none}
}

/* ===== MOBİL NAV — KESİN (yatay kaydırma, alt alta DEĞİL) ===== */
@media(max-width:980px){
  #main-header .row{flex-wrap:wrap !important;gap:8px !important;padding:8px 0 !important;min-height:auto !important}
  #main-header .logo-col{flex:0 0 auto !important;order:1}
  #main-header .search-col{order:3 !important;flex:1 1 100% !important;max-width:none !important}
  #main-header .nav-col{order:4 !important;flex:1 1 100% !important;width:100% !important;margin:0 !important}
  #main-header ul.main-nav-list{display:flex !important;flex-wrap:nowrap !important;overflow-x:auto !important;-webkit-overflow-scrolling:touch;gap:0 !important;width:100% !important;scrollbar-width:none;clear:both}
  #main-header ul.main-nav-list::-webkit-scrollbar{display:none}
  #main-header ul.main-nav-list li.menu-el{float:none !important;display:block !important;flex:0 0 auto !important;width:auto !important;margin:0 !important}
  #main-header ul.main-nav-list li.menu-el a{display:flex !important;align-items:center;white-space:nowrap;height:auto !important;line-height:1 !important;padding:9px 11px !important;font-size:12px !important;border-radius:4px}
  #main-header ul.main-nav-list li.menu-el a .icon{font-size:13px}
}

/* ===================================================================
   NAV KESİN DÜZELTME — masaüstü YATAY, mobil yatay-kaydırma (v15)
   #main-header + element.class + !important = her şeyi ezer
   =================================================================== */
#main-header ul.main-nav-list{display:flex !important;flex-direction:row !important;flex-wrap:nowrap !important;align-items:center !important;gap:2px !important;float:none !important;width:auto !important;list-style:none !important;margin:0 !important;padding:0 !important}
#main-header ul.main-nav-list li.menu-el{display:block !important;float:none !important;width:auto !important;margin:0 !important;padding:0 !important;clear:none !important}
#main-header ul.main-nav-list li.menu-el>a{display:flex !important;flex-direction:row !important;align-items:center !important;gap:7px !important;height:auto !important;line-height:1 !important;padding:11px 13px !important;white-space:nowrap !important;color:#eaeaea !important;font-size:12.5px !important;font-weight:600 !important;text-transform:uppercase;letter-spacing:.3px;border-radius:4px;text-decoration:none}
#main-header ul.main-nav-list li.menu-el>a::after,#main-header ul.main-nav-list li.menu-el>a::before{display:none !important}
#main-header ul.main-nav-list li.menu-el>a .icon{color:#e1BD15 !important;font-size:15px}
#main-header ul.main-nav-list li.menu-el>a:hover{background:#e1BD15 !important;color:#000 !important}
#main-header ul.main-nav-list li.menu-el>a:hover .icon{color:#000 !important}
/* logo .onl beyaz, izle altın */
#main-header .text-logo{color:#fff !important}
#main-header .text-logo b{color:#e1BD15 !important}
@media(max-width:980px){
  #main-header .row{flex-wrap:wrap !important}
  #main-header .search-col{order:3 !important;flex:1 1 100% !important;max-width:none !important}
  #main-header .nav-col{order:4 !important;flex:1 1 100% !important;width:100% !important;margin:0 !important}
  #main-header ul.main-nav-list{overflow-x:auto !important;width:100% !important;justify-content:flex-start !important;scrollbar-width:none}
  #main-header ul.main-nav-list::-webkit-scrollbar{display:none}
}