*{box-sizing:border-box}html,body{margin:0;background:#0d1117;color:#d8dee9;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}body{font-size:14px}a{color:inherit;text-decoration:none}.top{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:15px;min-height:62px;padding:8px 18px;background:rgba(13,17,23,.97);border-bottom:1px solid #27313c}.logo{position:relative;display:flex;align-items:baseline;gap:3px;font-weight:900;letter-spacing:-1px;white-space:nowrap}.logo b,.logo strong{font-size:24px}.logo b{color:#f3f4f6}.logo strong{color:#20c6d8}.ears{position:absolute;left:17px;top:-10px;display:flex;gap:3px}.ears i{display:block;width:7px;height:15px;background:#20c6d8;border-radius:8px 8px 2px 2px;transform:rotate(-12deg)}.ears i+i{transform:rotate(12deg)}.desktop-nav{display:flex;align-items:center;gap:12px;white-space:nowrap;overflow:auto}.desktop-nav a{font-weight:750;font-size:12.5px;color:#c8d1da}.desktop-nav a:hover{color:#20c6d8}.search{margin-left:auto;display:flex;gap:6px;min-width:220px}.search input{width:100%;height:38px;border:1px solid #303b46;border-radius:10px;background:#161b22;color:#fff;padding:0 12px;outline:none}.search button{height:38px;border:0;border-radius:10px;background:#20c6d8;color:#071014;font-weight:900;padding:0 13px}.lang{display:flex;gap:4px}.lang a{padding:7px 6px;border:1px solid #303b46;border-radius:7px;font-size:11px}.lang a.active{background:#20c6d8;color:#071014;border-color:#20c6d8;font-weight:900}.mobile-nav{display:none}main{max-width:1500px;margin:auto;padding:20px}.hero,.panel-box{background:#161b22;border:1px solid #27313c;border-radius:13px;padding:14px 16px;margin-bottom:16px}.hero h1{font-size:23px;color:#f0f4f8;margin:0 0 7px}.hero p{margin:0;color:#9eabb8}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.card{display:block;min-width:0}.thumb-wrap{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;border-radius:10px;background:#161b22;border:1px solid #27313c}.thumb-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .22s ease}.card:hover img{transform:scale(1.035)}.duration{position:absolute;right:7px;bottom:7px;padding:3px 7px;border-radius:6px;background:rgba(0,0,0,.82);color:#fff;font-size:12px;font-weight:800}.info{display:block;padding:9px 2px}.info strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#e7edf3;font-size:14px;line-height:1.35;margin-bottom:7px}.meta{display:flex;justify-content:space-between;gap:8px;color:#8f9ba8;font-size:12px}.list-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.list-card{padding:14px;border-radius:11px;background:#161b22;border:1px solid #27313c}.list-card strong{display:block;color:#eef3f7;margin-bottom:5px}.list-card span{color:#8f9ba8;font-size:12px}.pagination{display:flex;gap:7px;justify-content:center;margin:24px 0}.pagination a,.pagination span{padding:8px 11px;border-radius:8px;background:#202831;border:1px solid #303b46}.pagination .current{background:#20c6d8;color:#071014;border-color:#20c6d8;font-weight:900}.foot{text-align:center;color:#84909d;padding:28px 15px;border-top:1px solid #222b34}.watch-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px;align-items:start}.watch-main{min-width:0}.player-wrap{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:12px;background:#000;border:1px solid #27313c;margin-bottom:12px}.player-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#000}.play-button{position:absolute;inset:0;margin:auto;width:112px;height:76px;border:0;border-radius:16px;background:rgba(32,198,216,.94);color:#071014;font-weight:900;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;box-shadow:0 8px 30px rgba(0,0,0,.45)}.play-button span{font-size:27px}.play-button b{font-size:13px}.player-message{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);padding:8px 12px;border-radius:8px;background:rgba(0,0,0,.8);color:#fff}.player-wrap video,.player-wrap .fluid_video_wrapper{width:100%!important;height:100%!important}.video-info{background:#161b22;border:1px solid #27313c;border-radius:12px;padding:16px;margin-bottom:16px}.details-panel{border-top:1px solid #27313c}.detail-row{display:grid;grid-template-columns:145px minmax(0,1fr);gap:12px;padding:12px 0;border-bottom:1px solid #27313c}.detail-label{color:#c8d1da;font-weight:800;font-size:13px}.detail-value{min-width:0;color:#d8dee9;line-height:1.55;overflow-wrap:anywhere}.title-value{font-size:18px;font-weight:800;color:#f0f4f8}.chip-list{display:flex;gap:7px;flex-wrap:wrap}.category-chip{padding:5px 8px;border-radius:999px;background:#202831;border:1px solid #303b46}.watch-sidebar{display:flex;flex-direction:column;gap:14px}
@media(max-width:1200px){.desktop-nav{gap:8px}.desktop-nav a{font-size:11.5px}.watch-layout{grid-template-columns:1fr}.watch-sidebar{display:none}}
@media(max-width:900px){.desktop-nav,.top .lang{display:none}.top{flex-wrap:wrap}.search{flex:1;min-width:0}.mobile-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:7px;background:#11171e;border-bottom:1px solid #27313c;position:sticky;top:62px;z-index:45}.mobile-nav a{text-align:center;padding:8px 2px;border:1px solid #2a3540;border-radius:7px;background:#182029;font-size:10.5px;font-weight:800;white-space:nowrap}.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.list-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){main{padding:12px}.top{padding:8px 10px}.logo b,.logo strong{font-size:20px}.ears{left:14px;top:-8px}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.info strong{font-size:11px}.meta{font-size:9px;flex-direction:column;gap:2px}.duration{font-size:9px;padding:2px 5px}.hero h1{font-size:19px}.detail-row{grid-template-columns:1fr;gap:5px;padding:10px 0}.video-info{padding:12px}.title-value{font-size:16px}.mobile-nav{top:54px}}


/* Restored JavBunny advertisements and click-to-sign player */
.full-banner-code{display:flex;align-items:center;justify-content:center;overflow:hidden;max-width:100%}
.ad-box.full-banner-code{min-height:250px}
.mobile-ad.full-banner-code{display:none;justify-content:center;margin:0 0 14px}
.player-wrap{position:relative!important;overflow:hidden!important;background:#000!important;aspect-ratio:16/9!important;min-height:240px!important}
.player-wrap video,.player-wrap .fluid_video_wrapper,.player-wrap .fluid_video_wrapper video{width:100%!important;height:100%!important;display:block!important;background:#000!important;object-fit:contain!important}
.js-video-overlay{position:absolute!important;inset:0!important;background:rgba(0,0,0,.70)!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:20!important;text-align:center!important}
.js-overlay-card{background:rgba(0,0,0,.92)!important;border:1px solid #333!important;border-radius:14px!important;padding:14px!important;width:min(340px,92%)!important;max-width:92%!important;min-height:270px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;overflow:hidden!important}
.js-overlay-title{font-weight:900;margin-bottom:8px;color:#fff;font-size:14px;text-transform:uppercase}
.overlay-banner-box{display:flex;align-items:center;justify-content:center;max-width:100%;overflow:hidden}
.close-play-row{display:flex;justify-content:center;margin:10px 0 14px}
.play-btn{background:#ffcc00;color:#111;border:0;border-radius:999px;padding:12px 22px;font-size:18px;font-weight:900;cursor:pointer;min-width:190px}
.play-btn:hover{filter:brightness(1.06)}
@media(max-width:1200px){.mobile-ad.full-banner-code{display:flex}.watch-sidebar{display:none}}
@media(max-width:600px){.player-wrap{min-height:210px!important}.js-overlay-card{min-height:255px;padding:10px!important;width:94%!important}.play-btn{font-size:16px;padding:11px 18px;min-width:170px}}


/* ===== BunnyXXX responsive fixes ===== */
.search{flex:1;max-width:420px;min-width:220px}
.search input{min-width:0}
.search button{white-space:nowrap;word-break:keep-all;writing-mode:horizontal-tb;padding:0 16px}
@media(max-width:900px){
 .search{width:100%;max-width:none}
 .search button{min-width:72px;font-size:14px}
 .grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:620px){
 .grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
.header-desktop-ad{text-align:center;padding:10px 0;background:#0d1117}
.header-mobile-ad{display:none;text-align:center;padding:8px 0;background:#0d1117}
@media(max-width:900px){
 .header-desktop-ad{display:none}
 .header-mobile-ad{display:block}
}


/* =========================================================
   FINAL HEADER ALIGNMENT + RESPONSIVE LANGUAGE SWITCH
   ========================================================= */
.header-actions{
    display:flex;
    align-items:center;
    gap:7px;
    margin-left:auto;
    min-width:0;
    flex:0 0 auto;
}

.header-actions .search{
    margin-left:0;
}

.language-dropdown{
    position:relative;
    flex:0 0 auto;
}

.language-current{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:4px;
    height:38px;
    min-width:52px;
    padding:0 9px;
    border:1px solid #303b46;
    border-radius:9px;
    background:#161b22;
    color:#e7edf3;
    font-size:11px;
    font-weight:900;
    cursor:pointer;
    white-space:nowrap;
}

.language-current:hover,
.language-dropdown.is-open .language-current{
    border-color:#20c6d8;
    color:#20c6d8;
}

.language-menu{
    position:absolute;
    top:calc(100% + 6px);
    right:0;
    z-index:1000;
    display:none;
    min-width:70px;
    padding:5px;
    border:1px solid #303b46;
    border-radius:9px;
    background:#161b22;
    box-shadow:0 12px 28px rgba(0,0,0,.35);
}

.language-dropdown.is-open .language-menu{
    display:grid;
    gap:3px;
}

.language-menu a{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:32px;
    padding:4px 9px;
    border-radius:6px;
    color:#c8d1da;
    font-size:11px;
    font-weight:800;
    white-space:nowrap;
}

.language-menu a:hover,
.language-menu a.active{
    background:#20c6d8;
    color:#071014;
}

@media(min-width:901px){
    .top{
        flex-wrap:nowrap;
        gap:10px;
        padding-left:12px;
        padding-right:12px;
    }

    .logo{
        flex:0 0 auto;
    }

    .desktop-nav{
        flex:1 1 auto;
        min-width:0;
        gap:9px;
        overflow-x:auto;
        overflow-y:hidden;
        scrollbar-width:none;
    }

    .desktop-nav::-webkit-scrollbar{
        display:none;
    }

    .desktop-nav a{
        flex:0 0 auto;
        font-size:12px;
    }

    .header-actions{
        flex:0 0 360px;
        width:360px;
        max-width:360px;
    }

    .header-actions .search{
        flex:1 1 auto;
        width:auto;
        min-width:0;
        max-width:none;
    }

    .header-actions .search input{
        min-width:0;
    }

    .header-actions .search button{
        flex:0 0 auto;
        min-width:68px;
    }
}

@media(min-width:901px) and (max-width:1250px){
    .top{
        gap:7px;
        padding-left:8px;
        padding-right:8px;
    }

    .logo b,
    .logo strong{
        font-size:21px;
    }

    .desktop-nav{
        gap:5px;
    }

    .desktop-nav a{
        font-size:11px;
    }

    .header-actions{
        flex-basis:320px;
        width:320px;
        max-width:320px;
    }
}

@media(max-width:900px){
    .top{
        display:grid;
        grid-template-columns:auto minmax(0,1fr);
        align-items:center;
        gap:8px;
        flex-wrap:nowrap;
    }

    .logo{
        grid-column:1;
        min-width:max-content;
    }

    .header-actions{
        grid-column:2;
        display:grid;
        grid-template-columns:minmax(0,1fr) auto;
        width:100%;
        gap:6px;
        margin-left:0;
    }

    .header-actions .search{
        display:grid;
        grid-template-columns:minmax(0,1fr) auto;
        width:100%;
        min-width:0;
        max-width:none;
        margin:0;
        gap:6px;
    }

    .header-actions .search input{
        min-width:0;
    }

    .language-current{
        height:38px;
        min-width:48px;
        padding:0 7px;
    }

    .mobile-nav{
        grid-template-columns:repeat(3,minmax(0,1fr));
        gap:7px;
        padding:8px;
    }

    .mobile-nav a{
        min-height:40px;
        padding:9px 5px;
        font-size:12.5px;
        line-height:1.15;
        white-space:normal;
        overflow-wrap:anywhere;
    }
}

@media(max-width:620px){
    .top{
        padding:8px 9px;
        gap:7px;
    }

    .header-actions{
        gap:5px;
    }

    .header-actions .search{
        gap:5px;
    }

    .header-actions .search button{
        min-width:58px;
        padding:0 9px;
        font-size:12px;
    }

    .language-current{
        min-width:44px;
        padding:0 6px;
        font-size:10.5px;
    }

    .mobile-nav{
        top:54px;
        gap:6px;
        padding:7px;
    }

    .mobile-nav a{
        min-height:42px;
        padding:9px 4px;
        font-size:12px;
        font-weight:900;
    }
}

/* =========================================================
   JAVBUNNY-STYLE EXPANDED DESKTOP HEADER
   DESKTOP ONLY — existing mobile layout is untouched.
   ========================================================= */
@media (min-width:901px){
    .top{
        display:grid!important;
        grid-template-columns:auto minmax(0,1fr) auto!important;
        align-items:center!important;
        column-gap:18px!important;
        width:100%!important;
        min-height:72px!important;
        padding:8px 18px!important;
        flex-wrap:nowrap!important;
    }

    .logo{
        grid-column:1!important;
        flex:0 0 auto!important;
        margin:0!important;
        white-space:nowrap!important;
    }

    /*
     * Expand the full desktop menu through all available middle space,
     * matching the JavBunny header.
     */
    .desktop-nav{
        grid-column:2!important;
        display:flex!important;
        align-items:center!important;
        justify-content:space-between!important;
        width:100%!important;
        min-width:0!important;
        max-width:none!important;
        margin:0!important;
        padding:0!important;
        gap:10px!important;
        overflow:visible!important;
    }

    .desktop-nav a{
        display:inline-flex!important;
        align-items:center!important;
        justify-content:center!important;
        flex:0 0 auto!important;
        min-height:38px!important;
        margin:0!important;
        padding:6px 5px!important;
        font-size:13px!important;
        line-height:1!important;
        white-space:nowrap!important;
    }

    /*
     * Search and language selector form one aligned right-side unit.
     */
    .header-actions{
        grid-column:3!important;
        display:flex!important;
        align-items:center!important;
        justify-content:flex-end!important;
        width:auto!important;
        min-width:0!important;
        max-width:none!important;
        margin:0!important;
        gap:8px!important;
        flex:0 0 auto!important;
    }

    .header-actions .search{
        display:flex!important;
        align-items:center!important;
        flex:0 0 390px!important;
        width:390px!important;
        min-width:390px!important;
        max-width:390px!important;
        height:42px!important;
        margin:0!important;
        gap:7px!important;
    }

    .header-actions .search input{
        display:block!important;
        flex:1 1 auto!important;
        width:auto!important;
        min-width:0!important;
        height:42px!important;
        margin:0!important;
        padding:0 14px!important;
        line-height:42px!important;
    }

    .header-actions .search button{
        display:inline-flex!important;
        align-items:center!important;
        justify-content:center!important;
        flex:0 0 72px!important;
        width:72px!important;
        min-width:72px!important;
        height:42px!important;
        margin:0!important;
        padding:0 14px!important;
        line-height:1!important;
        white-space:nowrap!important;
        appearance:none!important;
        -webkit-appearance:none!important;
    }

    .language-dropdown{
        display:flex!important;
        align-items:center!important;
        flex:0 0 auto!important;
        height:42px!important;
        margin:0!important;
    }

    .language-current{
        display:inline-flex!important;
        align-items:center!important;
        justify-content:center!important;
        min-width:68px!important;
        height:42px!important;
        margin:0!important;
        padding:0 12px!important;
        line-height:1!important;
        vertical-align:middle!important;
        white-space:nowrap!important;
        appearance:none!important;
        -webkit-appearance:none!important;
    }
}

/*
 * Medium desktop: preserve the expanded menu, but gently compress controls
 * so every item still fits without affecting mobile.
 */
@media (min-width:901px) and (max-width:1500px){
    .top{
        column-gap:10px!important;
        padding-left:10px!important;
        padding-right:10px!important;
    }

    .logo b,
    .logo strong{
        font-size:21px!important;
    }

    .desktop-nav{
        gap:5px!important;
    }

    .desktop-nav a{
        padding-left:3px!important;
        padding-right:3px!important;
        font-size:11.5px!important;
    }

    .header-actions{
        gap:6px!important;
    }

    .header-actions .search{
        flex-basis:330px!important;
        width:330px!important;
        min-width:330px!important;
        max-width:330px!important;
    }

    .header-actions .search button{
        flex-basis:64px!important;
        width:64px!important;
        min-width:64px!important;
    }

    .language-current{
        min-width:62px!important;
        padding-left:9px!important;
        padding-right:9px!important;
    }
}

/* Narrow desktop fallback before the mobile breakpoint. */
@media (min-width:901px) and (max-width:1180px){
    .top{
        column-gap:7px!important;
        padding-left:8px!important;
        padding-right:8px!important;
    }

    .desktop-nav{
        gap:2px!important;
    }

    .desktop-nav a{
        padding-left:2px!important;
        padding-right:2px!important;
        font-size:10.5px!important;
    }

    .header-actions .search{
        flex-basis:275px!important;
        width:275px!important;
        min-width:275px!important;
        max-width:275px!important;
    }

    .header-actions .search button{
        flex-basis:58px!important;
        width:58px!important;
        min-width:58px!important;
        padding-left:9px!important;
        padding-right:9px!important;
    }

    .language-current{
        min-width:56px!important;
        padding-left:7px!important;
        padding-right:7px!important;
    }
}

/* =========================================================
   FINAL DESKTOP HEADER FONT + FIT OVERRIDE
   Desktop only. Mobile layout remains unchanged.
   ========================================================= */
@media (min-width:901px){
    .top{
        grid-template-columns:auto minmax(0,1fr) auto!important;
        align-items:center!important;
        column-gap:14px!important;
        min-height:76px!important;
        padding:9px 16px!important;
    }

    .logo b,
    .logo strong{
        font-size:23px!important;
    }

    .desktop-nav{
        display:flex!important;
        align-items:center!important;
        justify-content:space-between!important;
        width:100%!important;
        min-width:0!important;
        gap:6px!important;
        overflow:visible!important;
    }

    .desktop-nav a{
        display:inline-flex!important;
        align-items:center!important;
        justify-content:center!important;
        flex:0 0 auto!important;
        min-height:42px!important;
        padding:7px 4px!important;
        font-size:15px!important;
        line-height:1.1!important;
        font-weight:800!important;
        white-space:nowrap!important;
    }

    .header-actions{
        display:flex!important;
        align-items:center!important;
        justify-content:flex-end!important;
        gap:8px!important;
        width:auto!important;
        min-width:0!important;
        margin:0!important;
    }

    .header-actions .search{
        display:flex!important;
        align-items:center!important;
        flex:0 0 350px!important;
        width:350px!important;
        min-width:350px!important;
        max-width:350px!important;
        height:44px!important;
        margin:0!important;
        gap:7px!important;
    }

    .header-actions .search input{
        flex:1 1 auto!important;
        min-width:0!important;
        height:44px!important;
        padding:0 14px!important;
        font-size:14px!important;
        line-height:44px!important;
    }

    .header-actions .search button{
        display:inline-flex!important;
        align-items:center!important;
        justify-content:center!important;
        flex:0 0 70px!important;
        width:70px!important;
        min-width:70px!important;
        height:44px!important;
        padding:0 12px!important;
        font-size:14px!important;
        line-height:1!important;
    }

    .language-dropdown{
        display:flex!important;
        align-items:center!important;
        height:44px!important;
    }

    .language-current{
        display:inline-flex!important;
        align-items:center!important;
        justify-content:center!important;
        min-width:66px!important;
        height:44px!important;
        padding:0 11px!important;
        font-size:12px!important;
        line-height:1!important;
    }
}

/* Large and normal desktop */
@media (min-width:1501px){
    .desktop-nav a{
        font-size:15px!important;
    }

    .header-actions .search{
        flex-basis:350px!important;
        width:350px!important;
        min-width:350px!important;
        max-width:350px!important;
    }
}

/* Medium desktop: keep the font clearly larger without overflow */
@media (min-width:1181px) and (max-width:1500px){
    .top{
        column-gap:9px!important;
        padding-left:10px!important;
        padding-right:10px!important;
    }

    .desktop-nav{
        gap:3px!important;
    }

    .desktop-nav a{
        padding-left:2px!important;
        padding-right:2px!important;
        font-size:14px!important;
    }

    .header-actions{
        gap:6px!important;
    }

    .header-actions .search{
        flex-basis:300px!important;
        width:300px!important;
        min-width:300px!important;
        max-width:300px!important;
    }

    .header-actions .search button{
        flex-basis:62px!important;
        width:62px!important;
        min-width:62px!important;
    }

    .language-current{
        min-width:58px!important;
        padding-left:8px!important;
        padding-right:8px!important;
    }
}

/* Narrow desktop before mobile breakpoint */
@media (min-width:901px) and (max-width:1180px){
    .top{
        column-gap:6px!important;
        padding-left:7px!important;
        padding-right:7px!important;
    }

    .logo b,
    .logo strong{
        font-size:20px!important;
    }

    .desktop-nav{
        gap:1px!important;
    }

    .desktop-nav a{
        padding-left:1px!important;
        padding-right:1px!important;
        font-size:12.5px!important;
    }

    .header-actions{
        gap:5px!important;
    }

    .header-actions .search{
        flex-basis:245px!important;
        width:245px!important;
        min-width:245px!important;
        max-width:245px!important;
    }

    .header-actions .search button{
        flex-basis:56px!important;
        width:56px!important;
        min-width:56px!important;
        padding-left:8px!important;
        padding-right:8px!important;
        font-size:12px!important;
    }

    .language-current{
        min-width:52px!important;
        padding-left:6px!important;
        padding-right:6px!important;
        font-size:11px!important;
    }
}