:root { 
            --accent: #FF3B5C; 
            --glass: rgba(255, 255, 255, 0.12);
            --glass-thick: rgba(255, 255, 255, 0.25);
        }

        /* HARD LOCK: Zero Refresh Logic */
        html, body { 
            position: fixed; inset: 0; width: 100%; height: 100%; 
            margin: 0; padding: 0; overflow: hidden; 
            background: #050505; touch-action: none;
            -webkit-font-smoothing: antialiased;
        }

        .swiper { width: 100%; height: 100%; max-width: 450px; margin: 0 auto; }
        @media (max-width: 500px) { .swiper { max-width: 100%; } }

        .swiper-slide {
            position: relative; display: flex; flex-direction: column; 
            justify-content: flex-end; overflow: hidden;
            transform: translateZ(0); /* Hardware Acceleration */
        }

        /* Premium Gradient Backgrounds */
        .slide-bg {
            position: absolute; inset: 0; z-index: 1;

        }
        .plyr__poster ,.slide-bg {
            background-size: cover !important;
            background-repeat: no-repeat !important;
            background-position: bottom !important;        }

        /* Modern Sidebar Logic */
        .sidebar-actions {
            position: absolute; right: 16px; bottom: 100px;
            z-index: 100; display: flex; flex-direction: column;
			gap: 8px;
        }

        .action-pill {
            background: none; border: none; color: white; cursor: pointer;
            display: flex; flex-direction: column; align-items: center;
            transition: transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);
        }

        .action-pill:active { transform: scale(0.85); }

        .icon-wrap {
            width: 50px; height: 50px; border-radius: 18px; /* Modern Squircle */
            background: var(--glass); backdrop-filter: blur(15px);
            -webkit-backdrop-filter: blur(15px);
            border: 1px solid rgba(255,255,255,0.1);
            display: flex; align-items: center; justify-content: center;
            font-size: 22px; margin-bottom: 6px;
            box-shadow: 0 8px 32px rgba(0,0,0,0.3);
        }

        .action-pill span { font-size: 13px; font-weight: 600; letter-spacing: 0.5px; opacity: 0.9; }

        /* Interaction States */
        .liked .icon-wrap { 
            background: var(--accent); color: white; border-color: var(--accent);
            box-shadow: 0 0 20px rgba(255, 59, 92, 0.4);
        }
        .liked i { transform: scale(1.1); }

        /* Modern UI Overlay */
        .main-info {
            position: relative; z-index: 10;
            padding: 40px 20px calc(env(safe-area-inset-bottom) + 30px);
            background: linear-gradient(0deg, rgba(0,0,0,0.95) 0%, rgba(0,0,0,0.5) 50%, transparent 100%);
            color: white; pointer-events: none;
        }
        .main-info * { pointer-events: auto; }

        .creator-row { display: flex; align-items: center; gap: 12px; margin-bottom: 16px; }
        .creator-avatar { 
            width: 48px; height: 48px; border-radius: 16px; 
            border: 2.5px solid var(--accent); object-fit: cover;
        }

        .handle-text { font-size: 14px; font-weight: 800; letter-spacing: -0.5px; }
        .caption { font-size: 15px; line-height: 1.5; opacity: 0.85; max-width: 85%; }

        /* Modern Entry Stagger Animations */
        .stagger-up { opacity: 0; transform: translateY(20px); transition: 0.6s cubic-bezier(0.22, 1, 0.36, 1); }
        .swiper-slide-active .stagger-up { opacity: 1; transform: translateY(0); }
        .delay-1 { transition-delay: 0.1s; }
        .delay-2 { transition-delay: 0.2s; }
        .swiper-slide{height:100% !important;}
        .swiper-wrapper{
		height:calc(100vh - 50px);
		}
.desc {
  display: block;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
    transition: white-space 0.15s ease;
max-height:25px;
}

.desc.open {
  white-space: normal;
  max-height:100vh
}
.video_area,.plyr{
height:100%;
    width: 100%;
}
.plyr__video-wrapper{
    height: 100%;
    }
[data-plyr="play"] {
  pointer-events: none;
}
.plyr__poster .fas{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 60px;
    color: #fff;
}
#btn-fab-main{
display:none;
}
#main-container{
    margin: 0px !important;
    padding: 0px !important;
    }
	.no_envets{
	pointer-events:none;
	}
.btn-subscribed , .btn-subscribe {
background: transparent;
border: #fff 1px solid;
margin-left: 10px;
padding: 1px 5px;
border-radius: 5px;
min-width: auto;
font-size: 10px;
}
.subs-amount{
display:none;
}
.btn-subscribe:before{
display:none;
}
.btn-subscribed:before{
display:none;
}
.swiper_parent {
margin-top:50px;
height: calc(100% - 50px) !important;
}

  .desktop_nav_p {
    display: none;
    position: absolute;
    right: 70px;
    bottom: 50px;
	}

.desktop_nav{

    font-size: 40px;
    display: flex;
	gap:20px;
	  flex-direction: column;
	      border-radius: 10px;

}
.desktop_nav i{
flex:1;
  transition: opacity .2s ease;
      padding: 5px 15px;
  background-color: #04abf2;
  border-radius:12px;

}
.desktop_nav .swiper-button-disabled {
  opacity: 0.3;
  pointer-events: none;
  cursor: default;
}

.yp_side_menu {
	    text-align: center;
    justify-content: center;
    display: flex;
}