html { background:#111620; }
body.hohoj-wp-body { background:#111620; color:#a5a8aa; min-height:100vh; }
.screen-reader-text { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); }
.hohoj-domain-logo { display:inline-flex; align-items:center; font-family:Arial Black, Arial, sans-serif; font-size:1.55rem; font-weight:900; letter-spacing:.02em; line-height:1; text-transform:uppercase; text-shadow:0 2px 8px rgba(0,0,0,.35); }
.hohoj-domain-logo span { color:#fff; }
.hohoj-domain-logo b { color:#ff63c0; font-weight:900; }
.footer-logo .hohoj-domain-logo { font-size:2rem; }
.navbar > .container { display:flex; align-items:center; gap:1rem; min-height:48px; }
.navbar-brand { position:static!important; transform:none!important; min-width:118px; flex:0 0 auto; text-align:left; margin-right:.75rem; }
.navbar-nav { display:flex!important; flex:1 1 auto; min-width:0; flex-wrap:nowrap; overflow:hidden; }
.navbar-nav .nav-item { white-space:nowrap; margin-left:.75rem!important; }
.search-box { flex:0 0 auto; }
.lang-btn img { width:24px; height:24px; object-fit:cover; }
.dropdown-menu { background:#171d29; border-color:rgba(255,255,255,.08); }
.dropdown-item { color:#dce2ea; }
.dropdown-item:hover { background:#242c3d; color:#ff63c0; }
#suggestions { position:absolute; top:100%; right:0; z-index:300; width:260px; max-height:320px; overflow:auto; background:#fff; border-radius:.25rem; box-shadow:0 10px 30px rgba(0,0,0,.35); }
#suggestions li a { display:block; color:#222; padding:.45rem .6rem; }
#suggestions:empty { display:none; }
#recommended-carousel .glide__slide a { display:block; aspect-ratio:16/9; background:#05070b; overflow:hidden; border-radius:.35rem; }
#recommended-carousel img { width:100%; height:100%; object-fit:cover; }
.video-list h4,.video-list h5 { color:#fff; font-weight:800; margin:0; }
.video-item { position:relative; min-width:0; }
.video-item a { display:block; position:relative; }
.video-item img { width:100%; aspect-ratio:16/9; object-fit:cover; border-radius:.3rem; background:#05070b; }
.video-item-title { color:#d7dbe1; font-size:.95rem; line-height:1.35; min-height:2.55em; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.video-item-rating { color:#8e9194; font-size:.82rem; }
.video-item-rating i { color:#ff63c0; margin-right:.25rem; }
.video-item-badge { position:absolute; left:.4rem; top:.4rem; z-index:3; border-radius:.3rem; background:rgba(255,99,192,.88); color:#fff; font-size:.75rem; line-height:1; padding:.3rem .45rem; }
.hohoj-empty { color:#8e9194; padding:2rem 0; text-align:center; }
.hohoj-pagination { display:flex; justify-content:center; gap:.45rem; flex-wrap:wrap; margin:2rem 0; }
.hohoj-pagination a,.hohoj-pagination span { border-radius:.3rem; background:#1d2431; color:#d7dbe1; min-width:2.25rem; padding:.45rem .7rem; text-align:center; }
.hohoj-pagination .current { background:#ff63c0; color:#fff; }
.player-col { min-width:0; }
.previews-col { max-width:330px; flex:0 0 330px; overflow:hidden; }
.player { display:block; width:100%; aspect-ratio:16/9; min-height:520px; background:#000; border-radius:.35rem; overflow:hidden; }
.hohoj-no-player { align-items:center; color:#fff; display:flex; justify-content:center; }
.info,.ctg,.model-name,.hohoj-detail-content { color:#a5a8aa; }
.ctg a { color:#d7dbe1; }
.ctg-tag,.main-ctg-tag { color:#ff63c0; margin-right:.12rem; }
.model img { width:64px; height:64px; object-fit:cover; border-radius:50%; }
.model-name { max-width:90px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:.8rem; }
.hohoj-models-page h3 { color:#fff; font-weight:800; margin:0; }
.hohoj-models-page .radio-btn-group { color:#fff; }
.hohoj-models-page .my-radio { cursor:pointer; min-width:8rem; text-align:center; position:relative; }
.hohoj-models-page .my-radio input { display:none; }
.hohoj-models-page .my-radio span { color:#d7dbe1; display:inline-block; font-weight:700; padding:.65rem 0 .45rem; }
.hohoj-models-page .my-radio .underline { background:#ff63c0; border-radius:999px; height:3px; margin:0 auto; transform:scaleX(0); transition:transform .2s ease; width:72%; }
.hohoj-models-page .my-radio input:checked + span { color:#fff; }
.hohoj-models-page .my-radio input:checked ~ .underline { transform:scaleX(1); }
.hohoj-models-page .model-list .model { padding:0 .45rem; text-align:center; }
.hohoj-models-page .model-list .model a { color:#d7dbe1; display:block; min-width:0; }
.hohoj-models-page .model-list .model img { aspect-ratio:1/1; background:#05070b; border:3px solid rgba(255,255,255,.08); border-radius:50%; box-shadow:0 8px 22px rgba(0,0,0,.28); height:auto; max-width:142px; object-fit:cover; object-position:center 18%; transition:border-color .18s ease, transform .18s ease; width:100%; }
.hohoj-models-page .model-list .model a:hover img { border-color:rgba(255,99,192,.72); transform:translateY(-2px); }
.hohoj-models-page .model-list .model-name { color:#d7dbe1; display:-webkit-box; font-size:.9rem; line-height:1.3; margin-left:auto; margin-right:auto; max-width:142px; min-height:2.35em; overflow:hidden; text-align:center; text-overflow:ellipsis; white-space:normal; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
#previews-carousel,.previews-list { max-width:100%; overflow:hidden; }
#previews-carousel .glide__track { overflow:hidden; }
#previews-carousel img,.previews-list img { width:100%; aspect-ratio:16/9; object-fit:cover; border-radius:.25rem; }
.pc-ads,.mobile-ads { width:100%; text-align:center; margin-top:1.5rem; }
.mobile-ads { display:none; }
.hohoj-ad-block iframe,.previews-col iframe,.pc-ads iframe,.mobile-ads iframe { max-width:100%; }
footer { margin-top:auto; }
@media (min-width:1200px) {
  #recommended-carousel .glide__slide { width:26vw; }
}
@media (max-width:991px) {
  .navbar > .container { position:relative; justify-content:space-between; gap:.5rem; }
  .navbar-brand { position:absolute!important; left:50%; top:2px; transform:translateX(-50%)!important; text-align:center; margin-right:0; }
  .navbar-nav { display:none!important; }
  .lang-dropdown { display:none; }
  .previews-col { display:none; }
  .player { min-height:auto; height:auto!important; }
  .pc-ads { display:none; }
  .mobile-ads { display:block; }
}
@media (max-width:640px) {
  .container { padding-left:.75rem; padding-right:.75rem; }
  .navbar-brand { top:2px; }
  .hohoj-domain-logo { font-size:1.25rem; }
  .search-expanded { width:165px!important; }
  #recommended-carousel { margin-top:.75rem!important; padding-left:0; padding-right:0; }
  .video-item-title { font-size:.84rem; }
  .video-item-rating { font-size:.75rem; }
  .hohoj-models-page .model-list { row-gap:18px!important; }
  .hohoj-models-page .model-list .model { padding:0 .35rem; }
  .hohoj-models-page .model-list .model-name { font-size:.78rem; }
}