:root{
--bg:#090909;
--card:#141414;
--border:#242424;
--text:#ffffff;
--yellow:#f5c518;
--green:#17c964;
--hover:#1d1d1d;
}

*{
margin:0;
padding:0;
box-sizing:border-box;
}

body{
background:#090909;
color:#fff;
font-family:
system-ui,
-apple-system,
BlinkMacSystemFont,
"Segoe UI",
Roboto,
Arial,
sans-serif;
overflow-x:hidden;
}

a{
text-decoration:none;
color:inherit;
}

#wrap{
width:100%;
max-width:100%;
margin:0;
padding:0;
}

#content{
width:100%;
padding:25px 30px;
box-sizing:border-box;
}

.incontent{
width:100%;
margin:0;
padding:0;
float:none;
}

/* =========================
   HEADER
========================= */

.v2-header{
background:#1d2127;
border-bottom:3px solid #e53935;
display:grid;
grid-template-columns:300px 1fr auto;
align-items:center;
gap:25px;
padding:20px 30px;
min-height:110px;
position:relative;
z-index:100;
}

.v2-logo{
width:300px;
display:flex;
flex-direction:column;
justify-content:center;
}

.v2-logo img{
max-height:70px;
width:auto;
display:block;
}

.v2-logo .logo{
font-size:58px;
font-weight:800;
line-height:1;
color:#fff;
display:block;
}

.logo-slogan{
display:block;
margin-top:6px;
font-size:14px;
font-weight:500;
color:#ddd;
}
.v2-search{
width:100%;
max-width:700px;
justify-self:center;
position:relative;
}

.v2-search form{
position:relative;
}

.v2-search i{
position:absolute;
left:20px;
top:50%;
transform:translateY(-50%);
color:#666;
font-size:20px;
z-index:5;
}

.v2-search input{
width:100%;
height:58px;
background:#f5f5f5;
border:none;
border-radius:8px;
padding:0 20px 0 55px;
font-size:18px;
color:#111;
outline:none;
}

.v2-search input::placeholder{
color:#777;
}

/* LIVE SEARCH */

#datafetch{
display:none;
position:absolute;
top:65px;
left:0;
right:0;
background:#111;
border:1px solid #222;
border-radius:12px;
overflow:hidden;
box-shadow:0 20px 50px rgba(0,0,0,.45);
z-index:99999;
}

#datafetch:not(:empty){
display:block;
}

#searchelement{
display:flex;
align-items:center;
gap:12px;
padding:12px;
border-bottom:1px solid #1e1e1e;
}

#searchelement:last-child{
border-bottom:none;
}

.search-cat-img{
width:55px;
height:80px;
flex-shrink:0;
}

.search-cat-img img{
width:100%;
height:100%;
object-fit:cover;
border-radius:6px;
display:block;
}

#searchelement a{
color:#fff;
font-size:16px;
font-weight:600;
text-decoration:none;
}

#search-cat-year{
font-size:13px;
color:#999;
margin-top:5px;
}

#searchelementnf{
padding:14px;
text-align:center;
color:#999;
}

/* USER */

.v2-user{
display:flex;
align-items:center;
gap:20px;
justify-self:end;
}

.v2-btn{
height:50px;
padding:0 22px;
border-radius:6px;
display:flex;
align-items:center;
justify-content:center;
gap:10px;
font-size:16px;
font-weight:700;
transition:.2s;
}

.v2-user .v2-btn:first-child{
background:#222;
border:1px solid #333;
color:#fff;
}

.v2-user .v2-btn:last-child{
background:#e53935;
border:none;
color:#fff;
}

.v2-user .v2-btn:hover{
opacity:.9;
}

/* TABLET */

@media(max-width:991px){

.v2-header{
grid-template-columns:1fr;
padding:15px;
gap:15px;
}

.v2-logo{
width:100%;
text-align:center;
}

.v2-logo img{
margin:auto;
max-height:55px;
}

.v2-search{
max-width:100%;
}

.v2-user{
justify-self:center;
}

.v2-btn{
height:46px;
padding:0 16px;
font-size:14px;
}

}
/* =========================
   SECTION TITLE
========================= */

.title{
display:flex;
align-items:center;
justify-content:space-between;
width:100%;
margin:0 0 20px;
padding-bottom:15px;
border-bottom:1px solid #1f1f1f;
clear:both;
}

.title-border{
display:flex;
align-items:center;
gap:12px;
font-size:26px;
font-weight:700;
color:#fff;
margin:0;
padding:0;
background:none;
border:none;
box-shadow:none;
width:auto;
flex:none;
}

.title{
display:flex;
align-items:center;
justify-content:space-between;
padding-bottom:20px;
margin-bottom:25px;
border-bottom:1px solid #1f1f1f;
}

.title span,
.title-border span{
background:none!important;
padding:0!important;
margin:0!important;
}

.tumunugor{
margin-left:auto;
}
/* =========================
   GRID
========================= */

#listehizala{
display:grid;
grid-template-columns:repeat(5,minmax(0,1fr));
gap:24px;
width:100%;
align-items:start;
}

@media(max-width:1200px){
#listehizala{
grid-template-columns:repeat(4,minmax(0,1fr));
}
}

@media(max-width:992px){
#listehizala{
grid-template-columns:repeat(3,minmax(0,1fr));
}
}

@media(max-width:768px){
#listehizala{
grid-template-columns:repeat(2,minmax(0,1fr));
gap:14px;
}
}

/* =========================
   CARD
========================= */

.listmovie{
width:100%;
margin:0;
padding:0;
}

.movie-box{
position:relative;
background:#111;
border:1px solid #222;
border-radius:14px;
overflow:hidden;
transition:.25s ease;
height:100%;
}

.movie-box:hover{
transform:translateY(-4px);
border-color:#444;
box-shadow:0 10px 25px rgba(0,0,0,.45);
}

.movie-box{
height:auto!important;
min-height:0!important;
}

.poster{
height:auto!important;
max-height:none!important;
}

.poster img{
width:100%!important;
height:auto!important;
aspect-ratio:1/1.2!important;
object-fit:cover!important;
display:block!important;
}

/* KARARTMA */

.poster:after{
content:"";
position:absolute;
left:0;
right:0;
bottom:0;
height:120px;
background:linear-gradient(
to top,
rgba(0,0,0,.95) 0%,
rgba(0,0,0,.60) 45%,
rgba(0,0,0,0) 100%
);
pointer-events:none;
z-index:5;
}

/* IMDB */

.bolum-ust{
position:absolute;
top:10px;
right:10px;
z-index:5;

background:#f5c518;
color:#111;

padding:0 10px;
height:32px;

display:flex;
align-items:center;
gap:5px;

border-radius:18px;

font-size:15px;
font-weight:700;

line-height:1;
}

.bolum-ust i{
font-size:14px;
margin:0;
}

/* YIL */

.film-yil{
position:absolute;
top:10px;
left:10px;
z-index:20;
background:rgba(0,0,0,.75);
color:#fff;
font-size:12px;
padding:5px 10px;
border-radius:20px;
line-height:1;
}

/* BAŞLIK */

.bolum-alt{
position:absolute;
left:0;
right:0;
bottom:0;
padding:14px;
z-index:15;
}

.film-ismi{
height:50px;
overflow:hidden;
}

.film-ismi a{
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden;
font-size:16px;
font-weight:700;
line-height:1.35;
color:#fff;
text-shadow:0 2px 8px rgba(0,0,0,.9);
}
/* =========================
   KATEGORI BAR
========================= */

.v2-cats{
background:#16191f;
border-top:1px solid rgba(255,255,255,.05);
border-bottom:1px solid rgba(255,255,255,.05);
}

.v2-cats-wrap{
display:flex;
align-items:center;
gap:35px;
padding:0 35px;
height:60px;
position:relative;
}

.v2-cats-wrap>a,
.v2-dropdown>a{
color:#fff;
font-size:18px;
font-weight:600;
}

.v2-dropdown{
position:relative;
height:60px;
display:flex;
align-items:center;
}

.v2-mega{
display:none;
position:absolute;
top:60px;
left:0;
background:#1f232b;
padding:20px;
min-width:420px;
z-index:9999;
border-radius:0 0 10px 10px;

grid-template-columns:1fr 1fr;
gap:12px;
}

.v2-mega a{
color:#ddd;
padding:6px 0;
display:block;
}

.v2-dropdown:hover .v2-mega{
display:grid;
}

.v2-mega a:hover{
color:#fff;
}
/* =========================
   MOBIL SIDEBAR MENU
========================= */

.mobile-menu-btn{
display:none;
}

.mobile-overlay{
display:none;
}

.mobile-menu{
position:fixed;
top:0;
left:-360px;

width:320px;
max-width:90%;

height:100vh;

background:#111;
z-index:999999;

overflow-y:auto;

transition:.3s ease;

box-shadow:0 0 30px rgba(0,0,0,.5);
}

.mobile-menu.active{
left:0;
}

.mobile-overlay.active{
display:block;
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,.75);
z-index:999998;
}

.mobile-top{
height:80px;
display:flex;
align-items:center;
justify-content:space-between;
padding:0 20px;
border-bottom:1px solid #222;
}

.mobile-logo{
font-size:32px;
font-weight:700;
color:#fff;
}

.mobile-close{
font-size:24px;
color:#fff;
cursor:pointer;
}

.mobile-menu a{
display:block;
padding:18px 20px;
color:#fff;
font-size:18px;
font-weight:600;
border-bottom:1px solid rgba(255,255,255,.05);
}

.mobile-menu a:hover{
background:#1a1a1a;
}

@media(max-width:768px){

.mobile-menu-btn{
display:flex;
align-items:center;
justify-content:center;
width:50px;
height:50px;
font-size:24px;
color:#fff;
cursor:pointer;
}

.v2-cats-wrap{
height:60px;
padding:0 15px;
}

.v2-cats-wrap > a,
.v2-cats-wrap > .v2-dropdown{
display:none;
}
.mobile-menu a{
display:flex;
align-items:center;
gap:14px;
padding:18px 20px;
color:#fff;
font-size:18px;
font-weight:600;
border-bottom:1px solid rgba(255,255,255,.05);
}

.mobile-menu a i{
width:24px;
text-align:center;
font-size:18px;
opacity:.9;
}
.mobile-dropdown-title{

display:flex;
align-items:center;
justify-content:space-between;

padding:18px 20px;

font-size:18px;
font-weight:600;

color:#fff;

cursor:pointer;

border-bottom:1px solid rgba(255,255,255,.05);

}

.mobile-dropdown-title span{
flex:1;
margin-left:14px;
}

.mobile-submenu{

display:none;

background:#141414;

}

.mobile-submenu.active{
display:block;
}

.mobile-submenu a{

display:block;

padding:14px 20px 14px 55px;

font-size:15px;

font-weight:500;

color:#ccc;

border-bottom:1px solid rgba(255,255,255,.03);

}

.mobile-submenu a:hover{
color:#fff;
}
}
/* CONTACT PAGE */

.contact-wrap{
max-width:900px;
margin:25px auto;
}

.contact-box{
background:#111;
border:1px solid #222;
border-radius:14px;
padding:30px;
}

.contact-desc{
color:#aaa;
font-size:15px;
line-height:1.8;
margin-bottom:25px;
}

.contact-box .field{
margin-bottom:15px;
}

.contact-box input,
.contact-box textarea{
width:100%;
background:#181818;
border:1px solid #2a2a2a;
border-radius:10px;
padding:14px 16px;
font-size:15px;
color:#fff;
outline:none;
transition:.2s;
}

.contact-box input:focus,
.contact-box textarea:focus{
border-color:#e53935;
}

.contact-box textarea{
height:180px;
resize:vertical;
}

.frm-button{
margin-top:20px;
}

.frm-button button{
background:#e53935;
border:none;
height:52px;
padding:0 28px;
border-radius:10px;
color:#fff;
font-size:15px;
font-weight:700;
cursor:pointer;
display:inline-flex;
align-items:center;
gap:10px;
}

.frm-button button:hover{
opacity:.9;
}

@media(max-width:768px){

.contact-box{
padding:20px;
}

.contact-box textarea{
height:140px;
}

}
/* =========================
   GALLERY FIX V2
========================= */

.gallerycontent{
    margin:25px 0;
    padding:15px;
    background:#111;
    border:1px solid #222;
    border-radius:16px;
    overflow:hidden;
}

.gallery-slider{
    width:100%;
    position:relative;
}

.gallery-slider .owl-stage{
    display:flex;
    align-items:stretch;
}

.gallery-slider .owl-item{
    float:none!important;
}

.gallery-item{
    padding:0 5px;
}

.gallery-item a{
    display:block;
    overflow:hidden;
    border-radius:12px;
}

.gallery-item img{
    width:100%!important;
    height:220px!important;
    object-fit:cover!important;
    display:block;
    border-radius:12px;
    border:1px solid rgba(255,255,255,.08);
    background:#181818;
    transition:all .3s ease;
}

.gallery-item:hover img{
    transform:scale(1.05);
    border-color:#ff3b3b;
}

/* GALERI OKLARI V3 */

.gallery-slider{
    position:relative;
}

.gallery-slider .owl-nav{
    position:absolute;
    top:50%;
    left:0;
    right:0;
    transform:translateY(-50%);
    margin:0!important;
}

.gallery-slider .owl-prev,
.gallery-slider .owl-next{
    position:absolute;
    width:55px!important;
    height:55px!important;
    border-radius:50%!important;
    background:rgba(0,0,0,.85)!important;
    border:2px solid rgba(255,255,255,.15)!important;
    color:#fff!important;
    font-size:0!important;
    transition:.3s;
}

.gallery-slider .owl-prev{
    left:15px;
}

.gallery-slider .owl-next{
    right:15px;
}

.gallery-slider .owl-prev:before{
    content:"❮";
    font-size:28px;
    line-height:55px;
    color:#fff;
}

.gallery-slider .owl-next:before{
    content:"❯";
    font-size:28px;
    line-height:55px;
    color:#fff;
}

.gallery-slider .owl-prev:hover,
.gallery-slider .owl-next:hover{
    background:#e53935!important;
    border-color:#e53935!important;
}

@media(max-width:768px){

.gallery-slider .owl-prev,
.gallery-slider .owl-next{
    width:42px!important;
    height:42px!important;
}

.gallery-slider .owl-prev:before,
.gallery-slider .owl-next:before{
    line-height:42px;
    font-size:22px;
}

.gallery-slider .owl-prev{
    left:5px;
}

.gallery-slider .owl-next{
    right:5px;
}

}
/* TABLET */

@media(max-width:991px){

    .gallery-item img{
        height:180px!important;
    }

}

/* MOBIL */

@media(max-width:768px){

    .gallerycontent{
        padding:10px;
    }

    .gallery-item{
        padding:0 3px;
    }

    .gallery-item img{
        height:130px!important;
        border-radius:10px;
    }

    .gallery-slider .owl-nav button{
        width:36px!important;
        height:36px!important;
        font-size:14px!important;
    }

}

/* KÜÇÜK MOBIL */

@media(max-width:480px){

    .gallery-item img{
        height:110px!important;
    }

}


/* Mobil */

@media(max-width:768px){

.gallery-slider .owl-nav button{
    width:40px!important;
    height:40px!important;
    font-size:20px!important;
}

.gallery-slider .owl-nav .owl-prev{
    left:5px;
}

.gallery-slider .owl-nav .owl-next{
    right:5px;
}

}
/* =========================
   SINEMAXI SINGLE V2
========================= */

.singlecontent{
background:#111;
border-radius:16px;
padding:20px;
margin-bottom:20px;
overflow:hidden;
}

.film-afis{
width:240px;
float:left;
margin-right:25px;
}

.film-afis img{
width:100%;
height:auto;
border-radius:12px;
display:block;
}

#filmbilgileri{
overflow:hidden;
}

#listelements{
display:flex;
flex-wrap:wrap;
gap:10px;
margin-bottom:15px;
}

.elements{
background:#1a1a1a;
padding:8px 14px;
border-radius:10px;
font-size:14px;
}

.list-item{
margin-bottom:10px;
line-height:1.8;
}

.infoelements{
font-weight:700;
color:#fff;
}

#film-aciklama{
background:#181818;
padding:15px;
border-radius:12px;
line-height:1.8;
margin:15px 0;
max-height:none!important;
overflow:visible!important;
}

.smx-player iframe,
.video-container iframe{
width:100%!important;
height:700px!important;
border:none!important;
display:block;
border-radius:14px;
}

@media(max-width:768px){

.smx-player iframe,
.video-container iframe{
height:240px!important;
}

.film-afis{
float:none;
width:180px;
margin:0 auto 20px;
}

#filmbilgileri{
width:100%;
}

#listelements{
justify-content:center;
}

}
/* ==================================
   FOOTER V2 - SINEMAXI
================================== */

.v2-footer{
    background:#080808;
    border-top:2px solid #ff3b3b;
    margin-top:20px;
    padding:30px 40px 30px;
}

.v2-footer-top{
    margin-bottom:20px;
}

.v2-footer-logo{
    max-width:650px;
}

.v2-footer-logo strong{
    display:block;
    color:#fff;
    font-size:26px;
    font-weight:800;
    margin-bottom:15px;
}

.v2-footer-logo span{
    display:block;
    color:#9e9e9e;
    font-size:16px;
    line-height:1.8;
}

/* 4 SÜTUN */

.v2-footer-menu{
    display:grid;
    grid-template-columns:2fr 1fr 1fr 1fr;
    gap:60px;
    margin-top:40px;
    padding-top:40px;
    border-top:1px solid #1b1b1b;
}

.footer-col{
    display:flex;
    flex-direction:column;
}

.footer-col h4{
    color:#fff;
    font-size:18px;
    font-weight:700;
    margin:0 0 25px;
    letter-spacing:1px;
}

.footer-col h4:before{
    content:"●";
    color:#ff3b3b;
    margin-right:10px;
}

.footer-col a{
    color:#bdbdbd;
    text-decoration:none;
    font-size:16px;
    margin-bottom:18px;
    transition:.2s;
}

.footer-col a:hover{
    color:#fff;
    padding-left:4px;
}
.footer-col a{
    display:flex;
    align-items:center;
    gap:12px;
    color:#d5d5d5;
    font-size:16px;
    text-decoration:none;
    margin-bottom:18px;
    transition:.2s;
}

.footer-col a i{
    width:18px;
    text-align:center;
    color:#6d6d6d;
    font-size:16px;
    transition:.2s;
}

.footer-col a:hover{
    color:#fff;
}

.footer-col a:hover i{
    color:#ff3b3b;
}
.footer-col h4{
    position:relative;
    padding-left:18px;
}

.footer-col h4:before{
    content:'';
    width:10px;
    height:10px;
    border-radius:50%;
    background:#ff3b3b;
    position:absolute;
    left:0;
    top:8px;
}
.footer-brand h3{
    font-size:34px;
    font-weight:800;
    margin-bottom:20px;
}

.footer-brand p{
    color:#bdbdbd;
    font-size:16px;
    line-height:1.8;
    margin:0;
    max-width:420px;
}
/* SOSYAL */

.v2-footer-social{
    display:flex;
    justify-content:center;
    gap:12px;
    margin:35px 0;
}

.v2-footer-social a{
    width:48px;
    height:48px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#111;
    border:1px solid #222;
    border-radius:12px;
    color:#fff;
    font-size:18px;
    transition:.2s;
}

.v2-footer-social a:hover{
    background:#ff3b3b;
    border-color:#ff3b3b;
}

/* ALT LİNKLER */

.v2-footer-links{
    margin-top:25px;
    padding-top:25px;
    border-top:1px solid #1b1b1b;
    text-align:center;
    color:#999;
    font-size:14px;
    line-height:1.8;
}

.v2-footer-links a{
    color:#bbb;
}

.v2-footer-links a:hover{
    color:#fff;
}

/* COPYRIGHT */

.v2-footer-copy{
    margin-top:30px;
    padding-top:25px;
    border-top:1px solid #1b1b1b;
    text-align:center;
    color:#8d8d8d;
    font-size:15px;
}

.v2-footer-copy strong{
    color:#fff;
}

/* TABLET */

@media(max-width:991px){

    .v2-footer-menu{
        grid-template-columns:1fr 1fr;
        gap:40px;
    }

}

/* MOBİL */

@media(max-width:768px){

    .v2-footer{
        padding:40px 20px 20px;
    }

    .v2-footer-menu{
        grid-template-columns:1fr;
        gap:30px;
    }

    .v2-footer-logo strong{
        font-size:22px;
    }

    .v2-footer-logo span{
        font-size:14px;
    }

    .footer-col h4{
        margin-bottom:15px;
    }

    .footer-col a{
        margin-bottom:12px;
        font-size:15px;
    }

    .v2-footer-copy{
        font-size:13px;
    }

}
/* SINEMAXI PLAYER */

.filmalani{
width:100%;
}

.video{
width:100%;
}

.video-container{
width:100%!important;
max-width:100%!important;
overflow:hidden;
}

.video-container iframe{
display:block;
width:100%!important;
height:720px!important;
border:none!important;
border-radius:14px;
}

.video-container video{
width:100%!important;
height:720px!important;
object-fit:cover;
}

@media(max-width:768px){

.video-container iframe,
.video-container video{
height:230px!important;
}

}
/* =========================
   SINEMAXI LEGAL PAGES
========================= */

.sx-legal{
max-width:1200px;
margin:0 auto;
padding:30px 20px 60px;
}

.sx-legal-header{
text-align:center;
margin-bottom:40px;
}

.sx-legal-header i{
width:90px;
height:90px;
display:flex;
align-items:center;
justify-content:center;
margin:0 auto 20px;
font-size:38px;
color:#ff3b3b;
background:rgba(255,59,59,.12);
border:1px solid rgba(255,59,59,.2);
border-radius:20px;
}

.sx-legal-header h1{
font-size:48px;
font-weight:800;
color:#fff;
margin-bottom:15px;
}

.sx-legal-header p{
font-size:18px;
color:#9d9d9d;
line-height:1.8;
}

.sx-card{
background:#0d0d0d;
border:1px solid #1f1f1f;
border-radius:18px;
padding:35px;
margin-bottom:25px;
}

.sx-card h2{
font-size:30px;
color:#fff;
margin-bottom:20px;
font-weight:700;
}

.sx-card p{
color:#bdbdbd;
font-size:17px;
line-height:1.9;
}

.sx-grid{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:20px;
margin-top:25px;
}

.sx-item{
background:#111;
border:1px solid #222;
border-radius:14px;
padding:22px;
}

.sx-item strong{
display:block;
color:#fff;
font-size:20px;
margin-bottom:10px;
}

.sx-item span{
color:#999;
line-height:1.7;
}

.sx-btn{
display:inline-block;
margin-top:20px;
padding:14px 24px;
background:#ff3b3b;
color:#fff;
font-weight:700;
border-radius:12px;
text-decoration:none;
transition:.2s;
}

.sx-btn:hover{
background:#ff5555;
}

@media(max-width:768px){

.sx-legal-header h1{
font-size:32px;
}

.sx-card{
padding:25px;
}

.sx-card h2{
font-size:24px;
}

.sx-grid{
grid-template-columns:1fr;
}

}
/* =========================
   HOME / CATEGORY ROW V4
========================= */

.slider-wrap{
position:relative;
margin-bottom:50px;
}

.kategori-row,
.home-row{
display:flex;
gap:20px;
overflow-x:auto;
overflow-y:hidden;

padding:10px 0;
margin:0;

scroll-behavior:smooth;

-ms-overflow-style:none;
scrollbar-width:none;
}

.kategori-row::-webkit-scrollbar,
.home-row::-webkit-scrollbar{
display:none;
}

/* CARD */

.kategori-row .listmovie,
.home-row .listmovie{
flex:0 0 280px;
width:280px;
max-width:280px;
margin:0!important;
}

.kategori-row .movie-box,
.home-row .movie-box{
position:relative;
overflow:hidden;

border-radius:22px;

background:#111;
border:1px solid rgba(255,255,255,.08);

transition:.35s;
}

.kategori-row .movie-box:hover,
.home-row .movie-box:hover{
transform:translateY(-8px);
box-shadow:0 20px 40px rgba(0,0,0,.55);
}

/* POSTER */

.kategori-row .poster,
.kategori-row .img,
.home-row .poster,
.home-row .img{
position:relative;
overflow:hidden;
}

.kategori-row .poster img,
.kategori-row .img img,
.home-row .poster img,
.home-row .img img{
width:100%!important;
height:420px!important;
object-fit:cover!important;
display:block;
transition:.45s;
}

.kategori-row .movie-box:hover img,
.home-row .movie-box:hover img{
transform:scale(1.08);
}

/* IMDb */

.kategori-row .bolum-ust,
.home-row .bolum-ust{
position:absolute;
top:14px;
right:14px;

z-index:20;

background:#facc15;
color:#000;

padding:8px 16px;
border-radius:999px;

font-size:18px;
font-weight:800;

line-height:1;
}

.kategori-row .bolum-ust i,
.home-row .bolum-ust i{
margin-right:6px;
}

/* YIL */

.kategori-row .film-yil,
.home-row .film-yil{
position:absolute;
top:14px;
left:14px;

z-index:20;

background:rgba(0,0,0,.75);

padding:7px 12px;

border-radius:999px;

font-size:14px;
font-weight:600;
color:#fff;
}

/* ALT ALAN */

.kategori-row .bolum-alt,
.home-row .bolum-alt{
position:absolute;
left:0;
right:0;
bottom:0;

padding:18px;

background:linear-gradient(
to top,
rgba(0,0,0,.98) 0%,
rgba(0,0,0,.85) 45%,
rgba(0,0,0,.25) 80%,
transparent 100%
);

z-index:15;
}

/* FILM ADI */

.kategori-row .film-title a,
.home-row .film-title a{
display:block;

font-size:17px;
font-weight:700;
line-height:1.35;

color:#fff!important;
text-decoration:none!important;
}

/* DIL */

.kategori-row .film-flags,
.home-row .film-flags{
font-size:14px;
color:#d0d0d0;
margin-top:6px;
}

/* OKLAR */

.slider-btn{
position:absolute;
top:50%;

transform:translateY(-50%);

width:58px;
height:58px;

border:none;
border-radius:50%;

background:rgba(0,0,0,.80);

color:#fff;

font-size:20px;

cursor:pointer;

z-index:999;

transition:.3s;
}

.slider-btn:hover{
background:#e50914;
}

.slider-btn.prev{
left:-10px;
}

.slider-btn.next{
right:-10px;
}

/* MOBIL */

@media(max-width:768px){

.kategori-row .listmovie,
.home-row .listmovie{
flex:0 0 180px;
width:180px;
max-width:180px;
}

.kategori-row .poster img,
.kategori-row .img img,
.home-row .poster img,
.home-row .img img{
height:270px!important;
}

.kategori-row .film-title a,
.home-row .film-title a{
font-size:15px;
}

.kategori-row .bolum-ust,
.home-row .bolum-ust{
font-size:14px;
padding:6px 10px;
}

.slider-btn{
width:42px;
height:42px;
font-size:15px;
}

}
/* =========================
   KATEGORİ SLIDER
========================= */

.kategori-row{
display:flex !important;
flex-wrap:nowrap !important;
overflow-x:auto !important;
overflow-y:hidden !important;
gap:14px;
padding-bottom:15px;
margin-bottom:40px;
}

.kategori-row .listmovie{
flex:0 0 190px !important;
width:190px !important;
max-width:190px !important;
margin:0 !important;
}

.kategori-row .movie-box{
width:190px !important;
}

@media(min-width:769px){

.kategori-row .listmovie{
flex:0 0 250px !important;
width:250px !important;
max-width:250px !important;
}

.kategori-row .movie-box{
width:250px !important;
}

}
/* =========================
   PAGINATION
========================= */

.sayfalama{
width:100%;
display:flex;
justify-content:center;
align-items:center;
flex-wrap:wrap;
gap:10px;
margin:40px 0;
clear:both;
}

.sayfalama .page-numbers{
display:flex;
align-items:center;
justify-content:center;
min-width:48px;
height:48px;
padding:0 16px;
background:#181818;
border:1px solid #2b2b2b;
border-radius:12px;
color:#fff;
font-size:15px;
font-weight:700;
text-decoration:none;
transition:.2s;
}

.sayfalama .page-numbers:hover{
background:#f5c518;
border-color:#f5c518;
color:#000;
}

.sayfalama .current{
background:#f5c518;
border-color:#f5c518;
color:#000;
}

.sayfalama .dots{
background:none;
border:none;
min-width:auto;
padding:0 5px;
}

@media(max-width:768px){

.sayfalama{
gap:8px;
margin:25px 0;
}

.sayfalama .page-numbers{
min-width:42px;
height:42px;
padding:0 12px;
font-size:14px;
}

}

/* =========================
   PLAYER SERVER BUTONLARI
========================= */

.sources,
.sourceslist,
#sources{
display:flex;
flex-wrap:wrap;
gap:10px;
margin:15px 0 25px;
}

.sources a,
.sourceslist a,
#sources a{
display:flex;
align-items:center;
justify-content:center;
height:42px;
padding:0 18px;
background:#161616;
border:1px solid #292929;
border-radius:12px;
color:#fff!important;
font-size:14px;
font-weight:600;
text-decoration:none!important;
transition:.2s;
}

.sources a:hover,
.sourceslist a:hover,
#sources a:hover{
background:#f5c518;
border-color:#f5c518;
color:#000!important;
}
/* =========================
   VIDEO ALT BUTONLARI
========================= */

.butonlar{
display:flex;
flex-wrap:wrap;
gap:10px;
margin:20px 0;
}

.butonlar a,
.butonlar button{
display:flex;
align-items:center;
justify-content:center;
height:44px;
padding:0 18px;
background:#181818;
border:1px solid #2b2b2b;
border-radius:12px;
color:#fff;
font-size:14px;
font-weight:600;
cursor:pointer;
text-decoration:none;
transition:.2s;
}

.butonlar a:hover,
.butonlar button:hover{
background:#f5c518;
border-color:#f5c518;
color:#000;
}
/* HATA BILDIR POPUP */

.mobilhata{
display:none;
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,.8);
z-index:99999;
overflow:auto;
}

.mobilhata-content{
width:700px;
max-width:95%;
margin:80px auto;
background:#111;
border:1px solid #222;
border-radius:20px;
padding:25px;
}

.hatakapat{
float:right;
font-size:28px;
cursor:pointer;
color:#fff;
}
/* SINGLE COMMENT FIX */

#respond{
background:#111;
border:1px solid #222;
border-radius:18px;
padding:25px;
margin-top:30px;
}

#respond textarea{
width:100%;
height:120px;
background:#181818;
border:1px solid #2a2a2a;
border-radius:12px;
padding:15px;
color:#fff;
font-size:15px;
resize:none;
}

#respond input{
width:100%;
height:48px;
background:#181818;
border:1px solid #2a2a2a;
border-radius:12px;
padding:0 15px;
color:#fff;
margin-bottom:10px;
}

#commentprofil{
display:flex;
align-items:center;
justify-content:space-between;
margin:20px 0;
}

#commentprofil img{
border-radius:50%;
}

#gonderpos{
display:flex;
gap:12px;
flex-wrap:wrap;
margin-top:15px;
}

#gonderpos button{
height:46px;
padding:0 20px;
border:none;
border-radius:12px;
background:#e50914;
color:#fff;
font-weight:700;
cursor:pointer;
}

#gonderspo{
background:#222!important;
}

.commentlist{
list-style:none;
padding:0;
margin:25px 0 0;
}

.commentlist li{
background:#181818;
border:1px solid #262626;
border-radius:14px;
padding:15px;
margin-bottom:15px;
}
/* Sosyal Paylaşım */

#alt{
    display:flex;
    align-items:center;
    justify-content:space-between;
    flex-wrap:wrap;
    gap:20px;
    margin:20px 0;
    padding:25px;
    background:#121212;
    border:1px solid #222;
    border-radius:20px;
}

.share-content{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:12px;
}

.share-content span{
    color:#fff;
    font-size:18px;
    font-weight:700;
}

.share button{
    border:none;
    cursor:pointer;
    min-width:140px;
    height:54px;
    padding:0 20px;
    border-radius:14px;
    font-size:17px;
    font-weight:600;
    color:#fff;
}

.share.fb button{
    background:#1877f2;
}

.share.tw button{
    background:#1da1f2;
}

.share.wp button{
    background:#25d366;
}

.likebuttons{
    display:flex;
    align-items:center;
    gap:20px;
    font-size:18px;
}

.likebuttons a{
    color:#fff;
    text-decoration:none;
}

.likebuttons .pld-like-wrap,
.likebuttons .pld-dislike-wrap{
    background:none;
    border:none;
    padding:0;
}

/* Mobil */

@media(max-width:768px){

    #alt{
        flex-direction:column;
        align-items:center;
        padding:15px;
    }

    .share-content{
        justify-content:center;
    }

    .share button{
        min-width:auto;
        width:58px;
        height:58px;
        padding:0;
        font-size:22px;
        color:transparent;
    }

    .share button i{
        color:#fff;
        margin:0;
    }

    .likebuttons{
        justify-content:center;
        width:100%;
    }
}

/* Film Arşivi */

.incontent .container{
display:grid;
grid-template-columns:repeat(5,minmax(0,1fr));
gap:20px;
}

@media(max-width:768px){

.incontent .container{
grid-template-columns:repeat(2,1fr)!important;
gap:10px;
}



.incontent .container .listmovie{
    width:100%;
    margin:0;
}

.incontent .container .movie-box{
    width:100%;
}

.sayfalama{
    grid-column:1/-1;
    margin-top:30px;
    text-align:center;
}
}
/* Yeni Kart Başlığı */

.film-title{
height:42px;
overflow:hidden;
margin-bottom:6px;
}

.film-title a{
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden;
font-size:15px;
font-weight:700;
line-height:1.35;
color:#fff;
}

.film-meta{
font-size:13px;
color:#aaa;
margin-bottom:8px;
}

.film-flags{
margin-top:6px;
}
.slideshow-container{
margin-bottom:40px;
}

.mySlides{
position:relative;
height:500px;
border-radius:24px;
overflow:hidden;
}

.slider-bg{
position:absolute;
inset:0;
}

.slider-bg img{
width:100%;
height:100%;
object-fit:cover;
display:block;
}

.slider-content{
position:absolute;
left:0;
right:0;
bottom:0;
padding:50px;
background:linear-gradient(
to top,
rgba(0,0,0,.95),
rgba(0,0,0,.4),
transparent
);
z-index:5;
}

.slider-title{
font-size:42px;
font-weight:700;
margin-bottom:15px;
}

.slider-title a{
color:#fff;
}

.slider-desc{
max-width:700px;
font-size:17px;
line-height:1.7;
color:#ddd;
margin-bottom:20px;
}

.slider-watch{
display:inline-flex;
align-items:center;
gap:10px;
height:50px;
padding:0 25px;
background:#e50914;
border-radius:50px;
color:#fff;
font-weight:700;
}

.slider-imdb{
display:inline-block;
padding:8px 14px;
background:#facc15;
color:#000;
border-radius:999px;
font-weight:700;
margin-bottom:15px;
}
/* =========================
   MOBILE V2
========================= */

@media (max-width:768px){

.posterfilm,
.film-afis{
display:none!important;
}

/* SINGLE */

.singlecontent{
display:flex;
flex-direction:column;
}

.inepisode{
order:1;
}

.film-bilgileri{
order:2;
}

/* MENU */

.v2-cats-wrap{
padding:10px;
gap:8px;
}

.v2-cats-wrap a{
height:34px;
padding:0 12px;
font-size:12px;
}

/* CONTENT */

#content{
padding:10px!important;
}

.incontent{
width:100%!important;
padding:0!important;
margin:0!important;
}

/* HOME ROW */

.home-row{
gap:12px;
padding-bottom:15px;
}

.home-row .listmovie{
flex:0 0 180px;
width:180px;
max-width:180px;
}

.home-row .img img,
.home-row .poster img{
height:280px!important;
}

.home-row .film-ismi a{
font-size:15px;
}

.watch-btn{
height:42px;
font-size:14px;
left:12px;
right:12px;
bottom:12px;
}

/* HEADER */

.v2-header{
height:80px!important;
padding:0 12px!important;
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:12px!important;
background:#111!important;
border-bottom:1px solid #222!important;
}

.v2-logo{
flex:1!important;
width:auto!important;
min-width:0!important;
}

.v2-logo img{
max-height:42px!important;
width:auto!important;
display:block!important;
}

.v2-logo .logo{
font-size:24px!important;
font-weight:700!important;
line-height:1!important;
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
}

/* MOBILE SEARCH */

.v2-search{
width:54px!important;
min-width:54px!important;
max-width:54px!important;
flex:none!important;
position:relative;
transition:.3s;
overflow:visible;
}

.v2-search.active{
position:fixed;
top:15px;
left:15px;
right:15px;
z-index:999999;
width:auto!important;
max-width:none!important;
}

.v2-search form{
width:54px!important;
height:54px!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
background:#1a1a1a!important;
border:1px solid #2a2a2a!important;
border-radius:14px!important;
transition:.3s;
}

.v2-search.active form{
width:100%!important;
justify-content:flex-start!important;
}

.v2-search input{
display:none;
background:transparent!important;
border:none!important;
outline:none!important;
color:#fff!important;
}

.v2-search.active input{
display:block!important;
width:100%!important;
height:54px!important;
background:transparent!important;
border:none!important;
padding:0 55px 0 50px!important;
color:#fff!important;
font-size:15px!important;
outline:none!important;
}

.v2-search i{
position:absolute!important;
left:18px!important;
top:50%!important;
transform:translateY(-50%)!important;
font-size:20px!important;
color:#fff!important;
cursor:pointer!important;
z-index:2;
}

.search-close{
display:none;
}

.v2-search.active .search-close{
display:block;
position:absolute;
right:18px;
top:50%;
transform:translateY(-50%);
color:#fff;
font-size:22px;
cursor:pointer;
z-index:3;
}

.mobile-search-overlay{
display:none;
}

.mobile-search-overlay.active{
display:block;
position:fixed;
inset:0;
background:rgba(0,0,0,.7);
z-index:999998;
}

/* LIVE SEARCH */

#datafetch{
position:absolute;
top:65px;
left:0;
right:0;
background:#111;
border:1px solid #222;
border-radius:14px;
overflow:hidden;
box-shadow:0 15px 40px rgba(0,0,0,.4);
z-index:999999;
}

#searchelement{
display:flex;
align-items:center;
gap:10px;
padding:10px;
border-bottom:1px solid #1f1f1f;
}

#searchelement:last-child{
border-bottom:none;
}

#searchelement a{
color:#fff;
font-size:14px;
font-weight:600;
text-decoration:none;
}

#searchelement img{
width:40px;
height:60px;
object-fit:cover;
border-radius:6px;
}

#searchelementnf{
padding:12px;
text-align:center;
color:#999;
}

/* USER */

.v2-user{
display:none!important;
}

/* TITLE */

.title{
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:10px!important;
margin-bottom:15px!important;
padding-bottom:15px!important;
}

.title-border{
font-size:17px!important;
font-weight:700!important;
line-height:1.2!important;
gap:6px!important;
}

.tumunugor a{
font-size:13px!important;
white-space:nowrap!important;
}

/* GRID */

#listehizala{
display:grid!important;
grid-template-columns:repeat(2,1fr)!important;
gap:10px!important;
}

/* CARD */

.listmovie{
width:100%!important;
margin:0!important;
}

.movie-box{
border-radius:12px!important;
}

.poster img{
width:100%!important;
height:auto!important;
aspect-ratio:2/3!important;
object-fit:cover!important;
display:block!important;
}

.bolum-alt{
padding:8px!important;
}

.film-ismi{
height:36px!important;
}

.film-ismi a{
font-size:13px!important;
line-height:1.3!important;
-webkit-line-clamp:2!important;
}

.bolum-ust{
font-size:10px!important;
padding:3px 7px!important;
}

.film-yil{
font-size:10px!important;
padding:3px 7px!important;
}

}

