/*==================================================
PHONG HAI - Youtube Lazy
==================================================*/

.ph-youtube-wrap{
    margin:25px 0;
}

.ph-video-title{
    display:flex;
    align-items:center;
    gap:10px;
    font-size:20px;
    font-weight:700;
    margin-bottom:15px;
    color:#222;
}

.ph-youtube-player{

    position:relative;

    width:100%;

    aspect-ratio:16/9;

    overflow:hidden;

    border-radius:12px;

    cursor:pointer;

    background:#000;

    box-shadow:0 8px 25px rgba(0,0,0,.15);

    transition:.35s;

}

.ph-youtube-player:hover{

    transform:translateY(-3px);

    box-shadow:0 12px 30px rgba(0,0,0,.25);

}

.ph-youtube-player img{

    width:100%;

    height:100%;

    object-fit:cover;

    display:block;

    transition:.5s;

}

.ph-youtube-player:hover img{

    transform:scale(1.05);

}

.ph-play-btn{

    position:absolute;

    left:50%;

    top:50%;

    transform:translate(-50%,-50%);

    width:90px;

    transition:.3s;

    z-index:5;

}

.ph-youtube-player:hover .ph-play-btn{

    transform:translate(-50%,-50%) scale(1.12);

}

.ph-play-btn svg{

    width:100%;

    display:block;

}

.ph-video-overlay{

    position:absolute;

    left:0;

    right:0;

    bottom:0;

    color:#fff;

    background:linear-gradient(transparent,rgba(0,0,0,.85));

    padding:35px 20px 18px;

    font-size:16px;

    font-weight:600;

    letter-spacing:.2px;

}

.ph-youtube-player iframe{

    width:100%;

    height:100%;

    border:0;

}

@media(max-width:768px){

.ph-video-title{

font-size:18px;

}

.ph-play-btn{

width:70px;

}

.ph-video-overlay{

font-size:14px;

}

}
/*==============================
TikTok Box
==============================*/

.ph-tiktok-box{

display:flex;

align-items:center;

gap:18px;

padding:22px;

border-radius:12px;

background:#111;

color:#fff;

text-decoration:none !important;

transition:.3s;

box-shadow:0 8px 25px rgba(0,0,0,.12);

}

.ph-tiktok-box:hover{

background:#000;

transform:translateY(-3px);

box-shadow:0 15px 30px rgba(0,0,0,.2);

color:#fff;

}

.ph-tiktok-icon{

font-size:42px;

line-height:1;

}

.ph-tiktok-text{

flex:1;

display:flex;

flex-direction:column;

}

.ph-tiktok-text strong{

font-size:20px;

color:#fff;

margin-bottom:6px;

}

.ph-tiktok-text span{

font-size:14px;

opacity:.8;

}

.ph-tiktok-arrow{

font-size:28px;

font-weight:bold;

}

@media(max-width:768px){

.ph-tiktok-box{

padding:18px;

}

.ph-tiktok-text strong{

font-size:17px;

}

.ph-tiktok-icon{

font-size:34px;

}

}