/* ==========================================================================
   PLAYKRO 100% FIT-TO-SCREEN & COMPACT TOP UI ENGINE
   ========================================================================== */

/* 1. Global Screen Fit */
html, body {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
    background-color: #0f172a !important;
    color: #ffffff !important;
    margin: 0 !important;
    padding-top: 56px !important;
}

/* 2. Top Header - Strict 56px height & Alignments */
header.navbar-fixed-top, #yt-master-header, .navbar-default {
    height: 56px !important;
    max-height: 56px !important;
    min-height: 56px !important;
    background: #0f172a !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
    display: flex !important;
    align-items: center !important;
    padding: 0 16px !important;
    z-index: 999999 !important;
    box-sizing: border-box !important;
}

/* Header Avatar Icon Sizing */
.avatar-img, .user-avatar img, .dropdown-user img, .profile-nav img, .head_user_nav img {
    width: 32px !important;
    height: 32px !important;
    max-width: 32px !important;
    max-height: 32px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
}

/* 3. Category Chips Bar - Snap tightly under header */
.pt_sec_nav_cats, body .pt_sec_nav_cats {
    margin: 0 !important;
    padding: 6px 16px !important;
    background: #0f172a !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
    width: 100% !important;
}

body .pt_sec_nav_cats .swiper {
    margin: 0 !important;
    height: auto !important;
}

/* 4. Hero Section - 100% Full Width Fit to Screen */
.pt_feat_vid, #hero_section {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 65vh !important;
    min-height: 420px !important;
    position: relative !important;
    overflow: hidden !important;
    background: #000000 !important;
}

#hero_bg_container, #hero_bg_container img, #hero_bg_container video {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

.hero_main_row {
    padding: 0 32px !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

/* 5. Left Sidebar Menu - Perfect Desktop Fit */
.left_menu, .pt_sidebar, .left-sidebar {
    background: #121620 !important;
    border-right: 1px solid #1e293b !important;
}

.content_main_wrapper, #container_content {
    margin: 0 !important;
    padding: 0 !important;
    background: #0f172a !important;
}

/* 6. Collapse any empty spaces or ad containers */
.pt_hmpg_contanr:empty,
#header_ad_:empty,
.ads-placment:empty {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}