@charset "UTF-8";

.a-top .a-inner{position:relative}

#clck_ntv,
#clck_ntv2{width:100%}


#clck_ntv [class$="-container"]{overflow: visible!important;}

#clck_ntv [class$="-item"]{background-color: rgba(0,0,0,0);border: 1px dashed #d5d5dc;}

.darkmode #clck_ntv [class$="-item"]{border: 1px dashed #35343f;}
.darkmode #clck_ntv [class$="-item"],
.darkmode #clck_ntv [class$="-caption"]{color: #fff;}

#clck_ntv [class$="-item"]:hover{border-color: rgba(0,0,0,0);background-color: #fff;box-shadow: 0px 5px 25px rgba(0,0,0,0.1);}

.darkmode #clck_ntv [class$="-item"]:hover{background-color: #202033;box-shadow: 0 5px 10px rgba(204,204,223,.3);}


@media screen and (max-width:1023.98px){
#clck_ntv [class$="-row"],
#clck_ntv2 [class$="-row"]{grid-template-columns:1fr 1fr;grid-gap:16px;display:grid}
}

@media screen and (max-width:639.98px){
#clck_ntv [class$="-row"],
#clck_ntv2 [class$="-row"]{grid-template-columns:auto}
}




.exo-native-widget{width: 100%!important;overflow: visible!important;}
.exo-native-widget-header{display: none!important;}
.exo-native-widget-outer-container{display: grid!important;margin: 0!important;grid-template-columns: auto;grid-gap: 20px;}
.exo-native-widget-item-container{position: relative;overflow: hidden;background-color: rgba(0,0,0,0)!important;border-radius: 10px;padding: 0!important;border: 1px dashed #d5d5dc;overflow: visible!important;transition: all .15s;}
.exo-native-widget-item-container::after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 2;box-shadow: 0px 5px 25px rgba(0,0,0,0.1);border-radius: 10px;opacity: 0;transition: opacity .15s;pointer-events: none;}
.exo-native-widget-item{display: flex;align-items: center;overflow: hidden;flex-direction: row!important;padding: 16px 20px!important;}
.exo-native-widget-item-image-wrapper{width: 80px!important;height: 80px!important;flex: none!important;margin-right: 20px;}
.exo-native-widget-item-image{background-size: cover!important;border-radius: 0;overflow: hidden;}
.exo-native-widget-item-content{padding: 0!important;color: #333!important;width: auto!important;flex: auto!important;max-width: none!important;max-height: 100px!important;overflow: hidden!important;}
.exo-native-widget-item-title{display: -webkit-box!important;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}

.exo-native-widget-item-title{color: #333!important;}

.exo-native-widget-item-container:hover .exo-native-widget-item-title,
.exo-native-widget-item-title:hover{color: #333!important;}
.exo-native-widget-item-container:hover{background-color: #fff!important;border-color: #fff!important;}
.exo-native-widget-item-container:hover::after{opacity: 1;}

.a-top .exo-native-widget-outer-container{grid-template-columns: repeat(3, 1fr);}
.a-top .exo-native-widget-item-container:nth-child(n + 4){display: none;}

.darkmode .a-top .exo-native-widget-item-container{border: 1px dashed #35343f;}
.darkmode .a-top .exo-native-widget-item-container::after{box-shadow: 0 5px 10px rgba(204,204,223,.3);}
.darkmode .a-top .exo-native-widget-item-content,
.darkmode .a-top .exo-native-widget-item-title{color: #fff!important;}

.darkmode .a-top .exo-native-widget-item-container:hover{background-color: #202033!important;border-color: #202033!important;}

@media screen and (max-width:1023.98px){ 
    .a-top [class$="__stand"],
    .a-top .exo-native-widget-outer-container{grid-template-columns: 1fr 1fr;grid-gap: 16px;}
    .a-top .exo-native-widget-item-container:nth-child(n + 3){display: none;}   
}

@media screen and (max-width:639.98px){
    .a-top [class$="__stand"],
    .a-top .exo-native-widget-outer-container{grid-template-columns: auto;grid-gap: 0 0;}
    .a-top .exo-native-widget-item-container:nth-child(n + 2){display: none;}    
}




.a-top [class$="__stand"]{display: grid!important;margin: 0!important;grid-template-columns: repeat(3, 1fr);grid-gap: 20px;justify-content: initial!important;}
.a-top [class$="__bn-container"]{position: relative;overflow: hidden;background-color: rgba(0,0,0,0)!important;border-radius: 10px;padding: 0!important;border: 1px dashed #d5d5dc;overflow: visible!important;transition: all .15s;}
.a-top [class$="__bn"]{display: flex;align-items: center;overflow: visible!important;flex-direction: row!important;padding: 16px 20px!important;max-width: none!important;}
.a-top [class$="__img-container"]{width: 80px!important;height: 80px!important;flex: none!important;margin-right: 20px;position: relative;overflow: hidden;}
.a-top [class$="__img"]{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;object-position: center;}
.a-top [class$="__title"]{padding: 0!important;color: #333!important;width: auto!important;flex: auto!important;max-width: none!important;max-height: 80px!important;overflow: hidden!important;display: -webkit-box!important;-webkit-line-clamp: 3;-webkit-box-orient: vertical;text-align: left!important;font-weight: normal!important;min-height: 0!important;}
.a-top [class$="__cancel-btn"]{display: none!important;}
.a-top [class$="__link"]{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 2;box-shadow: 0px 5px 25px rgba(0,0,0,0.1);border-radius: 10px;opacity: 0;transition: opacity .15s;}

.a-top [class$="__bn-container"]:hover{background-color: #fff!important;border-color: #fff!important;}
.a-top [class$="__bn-container"]:hover [class$="__link"]{opacity: 1;}

.darkmode .a-top [class$="__bn-container"]{border: 1px dashed #35343f;}
.darkmode .a-top [class$="__link"]{box-shadow: 0 5px 10px rgba(204,204,223,.3);}
.darkmode .a-top [class$="__title"]{color: #fff!important;}

.darkmode .a-top [class$="__bn-container"]:hover{background-color: #202033!important;border-color: #202033!important;}

@media screen and (max-width:1023.98px){ 
    .a-top [class$="__stand"]{grid-template-columns: 1fr 1fr;grid-gap: 16px;}
    .a-top [class$="__bn-container"]:nth-child(n + 3){display: none;}   
}

@media screen and (max-width:639.98px){
    .a-top [class$="__stand"]{grid-template-columns: auto;grid-gap: 0 0;}
    .a-top [class$="__bn-container"]:nth-child(n + 2){display: none;}    
}

body.dark-mode{
    background:#111 !important;
    color:#e5e5e5 !important;
}

body.dark-mode .block,
body.dark-mode .card,
body.dark-mode .news,
body.dark-mode .content{
    background:#1b1b1b !important;
    color:#fff !important;
    border-color:#333 !important;
}

body.dark-mode a{
    color:#58a6ff !important;
}

.theme-switch{
    position:fixed;
    right:15px;
    bottom:15px;
    width:50px;
    height:50px;
    border-radius:50%;
    background:#222;
    color:#fff;
    border:none;
    cursor:pointer;
    z-index:99999;
    font-size:20px;
}


body.darkmode{
    background:#111 !important;
    color:#e5e5e5 !important;
}

body.darkmode .block,
body.darkmode .card,
body.darkmode .news,
body.darkmode .content{
    background:#1b1b1b !important;
    color:#fff !important;
    border-color:#333 !important;
}

body.darkmode a{
    color:#58a6ff !important;
}
.popular-title{
    display:flex;
    align-items:center;
    gap:12px;
    margin-bottom:25px;
}


.popular-title i{
    font-size:30px;
}


.popular-title h1{
    margin:0;
    font-size:26px;
}



.popular-grid{

    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:20px;

}



.popular-card{

    position:relative;
    background:var(--card-bg, #fff);

    border-radius:18px;
    padding:20px;

    border:1px solid rgba(0,0,0,.08);

    transition:.3s;

}



.popular-card:hover{

    transform:translateY(-5px);

}



.top-number{

    position:absolute;
    right:15px;
    top:15px;

    width:35px;
    height:35px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:50%;

    background:#333;
    color:white;

    font-weight:bold;

}



.popular-card-title{

    font-size:18px;
    font-weight:700;

    color:var(--text-color, #222);

}


.popular-card-text{

    color:var(--muted-color, #777);

}



.popular-info{

    margin-top:18px;

    display:flex;
    justify-content:space-between;

    color:#888;

    font-size:13px;

}



.popular-button{

    display:block;

    margin-top:15px;

    text-align:center;

    padding:10px;

    background:#292929;

    border-radius:12px;

    color:white;

    text-decoration:none;

}



.popular-button:hover{

    background:#444;

}



@media(max-width:992px){

.popular-grid{
grid-template-columns:repeat(2,1fr);
}

}



@media(max-width:600px){

.popular-grid{
grid-template-columns:1fr;
}

}
.darkmode .popular-card{
    background:#1b1b1b;
    border-color:rgba(255,255,255,.08);
}


.darkmode .popular-card-title{
    color:#fff;
}


.darkmode .popular-card-text{
    color:#aaa;
}


.darkmode .popular-button{
    background:#292929;
    color:#fff;
}
.popular-rating{

    display:flex;
    align-items:center;
    justify-content:center;

    gap:12px;

    margin-top:15px;

    padding:10px;

    background:rgba(0,0,0,.04);

    border-radius:12px;

}


.rating-btn{

    width:35px;
    height:35px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:50%;

    text-decoration:none;

    background:#eee;

    color:#555;

    transition:.2s;

}


.rating-btn.like:hover{

    color:#16a34a;

}


.rating-btn.dislike:hover{

    color:#dc2626;

}


.rating-percent{

    font-weight:600;

    font-size:14px;

}
.rating-percent-box{

    margin-top:10px;

    min-width:180px;

}


.rating-buttons{

    display:flex;

    align-items:center;

    justify-content:center;

    gap:12px;

}


.rating-like,
.rating-dislike{

    width:32px;
    height:32px;

    display:flex;

    align-items:center;
    justify-content:center;

    border-radius:50%;

    background:#eee;

    color:#555;

    text-decoration:none;

}


.rating-like:hover{
    color:#16a34a;
}


.rating-dislike:hover{
    color:#dc2626;
}


.rating-progress{

    height:6px;

    background:#ddd;

    border-radius:10px;

    overflow:hidden;

    margin-top:8px;

}


.rating-progress div{

    height:100%;

    background:#22c55e;

}
.rating-bar{
    height:8px;
    background:#ddd;
    border-radius:20px;
    overflow:hidden;
}

.rating-bar div{
    height:100%;
    background:#22c55e;
}
.related-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:15px;
}


.related-card{
    display:flex;
    flex-direction:column;
    justify-content:space-between;

    padding:18px;

    background:#fff;

    border-radius:14px;

    border:1px solid #eee;

    text-decoration:none;

    color:#222;

    min-height:120px;

    transition:.3s;
}


.related-card:hover{
    transform:translateY(-4px);
    box-shadow:0 10px 25px rgba(0,0,0,.12);
}


.related-card-title{

    font-size:16px;

    font-weight:700;

    line-height:1.4;

}


.related-info{

    margin-top:15px;

    font-size:13px;

    color:#888;

    display:flex;

    gap:15px;

}


@media(max-width:768px){

.related-grid{
    grid-template-columns:1fr;
}

}
.liveinternet-counter {
    transform: scale(0.7);
    transform-origin: left center;
    display: inline-block;
}
.cards-grid{
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(320px,1fr));
    gap:20px;
}