/* Home component 1: <style> */


/* =====================================================

   MOBİL YATAY KAYMA KİLİDİ

   Bu sayfada herhangi bir geniş içerik/div

   parmakla sayfanın tamamını sağa-sola sürüklemesin.

===================================================== */

html,

body {

    width: 100%;

    max-width: 100%;

    min-width: 0;

    margin-left: 0 !important;

    margin-right: 0 !important;

    overflow-x: clip !important;

    overscroll-behavior-x: none !important;

}



body {

    position: relative;

    left: 0 !important;

    touch-action: pan-y pinch-zoom;

}



/* Sayfanın kendi yatay taşmasını tamamen kapat; içerideki

   gerçek carousel/track alanları kendi touch davranışını korur. */

main,

.movie-container,

.movie-hero,

.vq-vibe-home,

.vq-random-section,

.vq-rich-section {

    max-width: 100% !important;

    min-width: 0 !important;

    box-sizing: border-box;

    overflow-x: clip;

}



.vq-genre-new-track {

    touch-action: pan-x;

}



.movie-hero,

.movie-hero .movie-container {

    max-width: 100%;

    overflow: hidden;

}



@media (max-width: 700px) {

    html,

    body {

        width: 100% !important;

        max-width: 100% !important;

        min-width: 0 !important;

        overflow-x: clip !important;

        overscroll-behavior-x: none !important;

        touch-action: pan-y pinch-zoom;

    }



    .movie-hero,

    .movie-hero .movie-container {

        width: 100%;

        max-width: 100%;

        min-width: 0;

    }

}



/* Home component 2: <style> */


/* Guest kullanıcıda HERO bütün ana sayfayı yutmasın. */

.vq-hero-personal-badge{display:inline-flex;align-items:center;gap:6px;margin-bottom:10px;padding:6px 9px;border:1px solid rgba(168,85,247,.28);border-radius:9px;background:rgba(139,92,246,.12);color:#d8b4fe;font-size:10px;font-weight:900;letter-spacing:.2px}.vq-hero-personal-badge i{color:#c084fc}

.movie-hero-guest{

    min-height:520px !important;

    height:auto !important;

}

@media(max-width:900px){

    .movie-hero-guest{

        min-height:500px !important;

    }

}

@media(max-width:600px){

    .movie-hero-guest{

        min-height:470px !important;

    }

}



/* Home component 3: <style> */


.vq-guest-discovery{margin-top:30px}

.vq-guest-discovery-sub{margin:4px 0 0;color:rgba(255,255,255,.45);font-size:11px}

.vq-guest-discovery-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}

.vq-guest-discovery-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(255,255,255,.07);border-radius:13px;background:rgba(255,255,255,.035);text-decoration:none;transition:.2s ease}

.vq-guest-discovery-card:hover{transform:translateY(-3px);border-color:rgba(168,85,247,.3)}

.vq-guest-discovery-card img{width:100%;aspect-ratio:2/3;object-fit:cover;display:block}

.vq-guest-discovery-card>div{padding:9px 10px 10px}

.vq-guest-discovery-card span{display:block;color:#b46cff;font-size:9px;font-weight:800;text-transform:uppercase}

.vq-guest-discovery-card strong{display:block;margin-top:3px;color:#eee;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.vq-guest-discovery-card small{display:block;margin-top:5px;color:#f5c542;font-size:9px}

@media(max-width:1100px){.vq-guest-discovery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}

@media(max-width:600px){.vq-guest-discovery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}



/* Home component 4: <style> */


.vq-hero-personal-label{

    position:relative;

    z-index:5;

    display:flex;

    align-items:center;

    gap:12px;

    width:max-content;

    margin:0 0 12px 0;

    padding:9px 14px;

    border:1px solid rgba(164,92,255,.28);

    border-radius:14px;

    background:rgba(12,14,27,.72);

    backdrop-filter:blur(12px);

    box-shadow:0 8px 30px rgba(0,0,0,.18);

}

.vq-hero-personal-label>span{

    width:34px;

    height:34px;

    display:grid;

    place-items:center;

    border-radius:10px;

    color:#c084fc;

    background:rgba(124,58,237,.16);

    border:1px solid rgba(168,85,247,.25);

}

.vq-hero-personal-label small{

    display:block;

    margin:0 0 2px;

    color:#b46cff;

    font-size:10px;

    font-weight:800;

    letter-spacing:2px;

}

.vq-hero-personal-label strong{

    display:block;

    color:#f5f3ff;

    font-size:14px;

    line-height:1.15;

}



/* Home component 5: <style> */


/* =====================================================

   NEW MOOD HERO

   Desktop: backdrop + content + poster

   Mobile: stacked, touch-safe, no horizontal overflow

====================================================== */

.vq-mood-hero{

    position:relative;

    width:100%;

    min-height:770px;

    margin:-74px 0 0;

    padding-top:74px;

    box-sizing:border-box;

    overflow:hidden;

    isolation:isolate;

    border-bottom: 1px solid rgba(255, 255, 255, 0.05);

}

.vq-mood-hero-bg{

    position:absolute;

    inset:0;

    z-index:-3;

    background-position:center 28%;

    background-size:cover;

    background-repeat:no-repeat;

    transform:scale(1.02);

}

.vq-mood-hero-overlay{

    position:absolute;

    inset:0;

    z-index:-2;

    background:

        linear-gradient(

            90deg,

            rgba(7, 12, 21, 0.99) 0%,

            rgba(7, 12, 21, 0.94) 25%,

            rgba(7, 12, 21, 0.72) 48%,

            rgba(7, 12, 21, 0.38) 70%,

            rgba(7, 12, 21, 0.80) 100%

        ),

        linear-gradient(

            180deg,

            rgba(7, 12, 21, 0.05) 0%,

            rgba(7, 12, 21, 0.35) 55%,

            #070c15 100%

        );

}

.vq-mood-hero-copy{

    min-width:0;

    max-width:920px;

}



.vq-mood-hero-eyebrow{

    display:inline-flex;

    align-items:center;

    gap:8px;

    margin-bottom:18px;

    padding:8px 11px;

    border:1px solid rgba(192,132,252,.24);

    border-radius:999px;

    background:rgba(124,58,237,.10);

    color:#d8b4fe;

    font-size:10px;

    font-weight:900;

    letter-spacing:1.5px;

    text-transform:uppercase;

    backdrop-filter:blur(12px);

}

.vq-mood-hero-eyebrow i{color:#c084fc}

.vq-mood-hero-kicker{

    margin:0 0 9px;

    color:#b46cff;

    font-size:11px;

    font-weight:900;

    letter-spacing:2px;

    text-transform:uppercase;

}

.vq-mood-hero-title{

    width:min(780px,72vw);

    height:128px;

    margin:0;

    color:#fff;

    font-size:clamp(40px,5.2vw,78px);

    line-height:.98;

    letter-spacing:-2.8px;

    font-weight:950;

    text-shadow:0 10px 35px rgba(0,0,0,.30);

    display:-webkit-box;

    -webkit-line-clamp:2;

    -webkit-box-orient:vertical;

    align-content:center;

    overflow:hidden;

}

.vq-mood-hero-logo{

    display:flex;

    align-items:center;

    width:min(560px,72vw);

    height:128px;

    min-height:128px;

    max-width:100%;

    margin:0;

    overflow:hidden;

}

.vq-mood-hero-logo img{

    display:block;

    width:100%;

    height:104px;

    max-width:none;

    max-height:none;

    object-fit:contain;

    object-position:left center;

    filter:drop-shadow(0 12px 28px rgba(0,0,0,.45));

}

.vq-mood-hero-logo.is-fallback{display:none}

.vq-mood-hero-title.is-logo-hidden{display:none}



.vq-mood-hero-original{

    margin-top:10px;

    color:rgba(255,255,255,.42);

    font-size:12px;

    font-weight:700;

}

.vq-mood-hero-meta{

    display:flex;

    align-items:center;

    flex-wrap:wrap;

    gap:8px;

    margin-top:18px;

    color:rgba(255,255,255,.62);

    font-size:12px;

    font-weight:800;

}

.vq-mood-hero-meta .rating{color:#f5c542}

.vq-mood-hero-meta .dot{color:rgba(255,255,255,.20)}

.vq-mood-hero-overview{

    max-width:690px;

    margin:18px 0 0;

    color:rgba(255,255,255,.68);

    font-size:14px;

    line-height:1.75;

    display:-webkit-box;

    -webkit-line-clamp:4;

    -webkit-box-orient:vertical;

    overflow:hidden;

}

.vq-mood-hero-modes{

    margin-top:22px;

}

.vq-mood-hero-modes-label{

    display:block;

    margin-bottom:9px;

    color:rgba(255,255,255,.40);

    font-size:9px;

    font-weight:900;

    letter-spacing:1.5px;

    text-transform:uppercase;

}

.vq-mood-hero-mode-list{

    display:flex;

    flex-wrap:wrap;

    gap:7px;

}

.vq-mood-hero-mode{

    display:inline-flex;

    align-items:center;

    gap:6px;

    padding:7px 10px;

    border:1px solid rgba(192,132,252,.22);

    border-radius:9px;

    background:rgba(124,58,237,.10);

    color:#e3d4fa;

    font-size:10px;

    font-weight:850;

    backdrop-filter:blur(10px);

}

.vq-mood-hero-mode i{color:#c084fc;font-size:9px}

.vq-mood-hero-reason{

    max-width:650px;

    margin-top:14px;

    color:rgba(255,255,255,.48);

    font-size:11px;

    line-height:1.6;

}

.vq-mood-hero-actions{

    display:flex;

    align-items:center;

    flex-wrap:wrap;

    gap:10px;

    margin-top:25px;

}

.vq-mood-hero-primary,

.vq-mood-hero-secondary{

    min-height:44px;

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:8px;

    padding:0 17px;

    border-radius:11px;

    text-decoration:none;

    font-size:11px;

    font-weight:900;

    transition:.2s ease;

    box-sizing:border-box;

}

.vq-mood-hero-primary{

    background:linear-gradient(135deg,#8b5cf6,#a855f7);

    color:#fff;

    box-shadow:0 10px 28px rgba(124,58,237,.24);

}

.vq-mood-hero-primary:hover{transform:translateY(-2px);filter:brightness(1.06)}

.vq-mood-hero-secondary{

    border:1px solid rgba(255,255,255,.12);

    background:rgba(255,255,255,.055);

    color:rgba(255,255,255,.80);

    cursor:pointer;

}

.vq-mood-hero-secondary:hover{border-color:rgba(168,85,247,.35);background:rgba(124,58,237,.10)}

.vq-mood-hero-secondary.is-busy{opacity:.55;pointer-events:none}

.vq-mood-hero-match{

    display:inline-flex;

    align-items:center;

    gap:6px;

    margin-left:3px;

    padding:8px 10px;

    border:1px solid rgba(168,85,247,.20);

    border-radius:10px;

    background:rgba(124,58,237,.08);

    color:#d8b4fe;

    font-size:10px;

    font-weight:900;

}

.vq-mood-hero-no-personal .vq-mood-hero-eyebrow{border-color:rgba(255,255,255,.10);background:rgba(255,255,255,.045)}

.vq-mood-hero-no-personal .vq-mood-hero-copy{max-width:650px}



@media(max-width:1050px){



    .vq-mood-hero-title{font-size:clamp(38px,6vw,62px)}

    .vq-mood-hero-overview{-webkit-line-clamp:3}

}

@media(max-width:760px){

    .vq-mood-hero{

        min-height:700px;

        

    }

    .vq-mood-hero-bg{

        background-position:center top;

    }

    .vq-mood-hero-overlay{

        background:

            linear-gradient(180deg,rgba(5,8,16,.48) 0%,rgba(5,8,16,.84) 42%,#080b14 77%),

            linear-gradient(90deg,rgba(5,8,16,.30),rgba(5,8,16,.30));

    }



    .vq-mood-hero-copy{

        max-width:none;

        order:1;

    }

    .vq-mood-hero-eyebrow{margin-bottom:12px;font-size:9px}

    .vq-mood-hero-kicker{font-size:9px}

    .vq-mood-hero-title{

        width:100%;

        height:96px;

        font-size:clamp(34px,11vw,48px);

        letter-spacing:-1.6px;

    }

    .vq-mood-hero-logo{

        width:min(420px,82vw);

        height:96px;

        min-height:96px;

    }

    .vq-mood-hero-logo img{height:78px}

    .vq-mood-hero-original{font-size:10px}

    .vq-mood-hero-meta{margin-top:13px;font-size:10px}

    .vq-mood-hero-overview{

        margin-top:13px;

        font-size:11px;

        line-height:1.6;

        -webkit-line-clamp:4;

    }

    .vq-mood-hero-modes{margin-top:17px}

    .vq-mood-hero-mode{font-size:9px;padding:6px 8px}

    .vq-mood-hero-reason{font-size:10px;margin-top:10px}

    .vq-mood-hero-actions{

        margin-top:18px;

        display:grid;

        grid-template-columns:1fr 1fr;

        gap:8px;

    }

    .vq-mood-hero-primary,

    .vq-mood-hero-secondary{

        width:100%;

        min-height:42px;

        padding:0 10px;

        font-size:10px;

    }

    .vq-mood-hero-match{

        grid-column:1/-1;

        justify-content:center;

        margin:0;

    }

}

@media(max-width:390px){

    .vq-mood-hero-title{font-size:32px}

    .vq-mood-hero-actions{grid-template-columns:1fr}

    .vq-mood-hero-match{grid-column:auto}

}



/* Home component 6: <style> */


/* =====================================================

   VISQO PREMIUM MOOD SLIDER — SPLIDE

===================================================== */

.vq-mood-hero-pool{

    position:relative;

    width:min(1180px,calc(100% - 64px));display:grid;grid-template-columns:92px minmax(0,1fr) auto;

    align-items:end;gap:18px;pointer-events:auto;

}

.vq-mood-pool-label{width:92px;padding-bottom:10px;display:flex;flex-direction:column;gap:3px;color:rgba(255,255,255,.40);font-size:8px;font-weight:900;letter-spacing:1.6px;text-transform:uppercase}

.vq-mood-pool-label strong{color:#d8b4fe;font-size:10px;letter-spacing:1.2px}.vq-mood-pool-label span{font-size:8px;color:rgba(255,255,255,.30)}

.vq-mood-pool-slider{width:100%;min-width:0;padding:8px 0 13px;overflow:hidden}

.vq-mood-pool-slider .splide__track{overflow:visible}

.vq-mood-pool-slider .splide__list{align-items:center}

.vq-mood-pool-slider .splide__slide{height:78px;box-sizing:border-box;padding:0 5px;transition:transform .55s cubic-bezier(.22,1,.36,1),opacity .55s ease}

.vq-mood-pool-item{width:100%;height:76px;display:flex;align-items:center;gap:11px;padding:7px;box-sizing:border-box;border:1px solid rgba(255,255,255,.09);border-radius:16px;background:linear-gradient(135deg,rgba(17,20,35,.92),rgba(7,9,17,.78));backdrop-filter:blur(18px) saturate(135%);box-shadow:0 18px 45px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.05);cursor:pointer;user-select:none;transition:border-color .45s ease,background .45s ease,box-shadow .45s ease,transform .55s cubic-bezier(.22,1,.36,1),filter .45s ease;outline:none}

.vq-mood-pool-slider .splide__slide:not(.is-active){opacity:.64;filter:saturate(.82)}

.vq-mood-pool-slider .splide__slide.is-active{opacity:1;z-index:2}

.vq-mood-pool-slider .splide__slide.is-active .vq-mood-pool-item{border-color:rgba(168,85,247,.78);background:linear-gradient(135deg,rgba(76,29,149,.42),rgba(15,17,31,.94));box-shadow:0 0 0 1px rgba(168,85,247,.12),0 22px 55px rgba(0,0,0,.38),0 0 38px rgba(139,92,246,.15);transform:translateY(-4px)}

.vq-mood-pool-item:focus-visible{border-color:#c084fc;box-shadow:0 0 0 3px rgba(168,85,247,.20)}

.vq-mood-pool-poster{width:49px;height:62px;flex:0 0 49px;border-radius:10px;overflow:hidden;background:#111;box-shadow:0 7px 18px rgba(0,0,0,.35)}

.vq-mood-pool-poster img{width:100%;height:100%;display:block;object-fit:cover}

.vq-mood-pool-copy{min-width:0;padding-right:4px;text-align:left}.vq-mood-pool-copy strong{display:block;color:#fff;font-size:10px;line-height:1.25;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vq-mood-pool-copy span{display:block;margin-top:5px;color:rgba(255,255,255,.42);font-size:8px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vq-mood-pool-copy em{display:inline-block;margin-top:5px;padding:3px 7px;border-radius:999px;border:1px solid rgba(168,85,247,.22);background:rgba(124,58,237,.10);color:#d8b4fe;font-size:7px;font-style:normal;font-weight:900;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.vq-mood-pool-controls{display:flex;align-items:center;gap:7px;padding-bottom:10px}.vq-mood-pool-nav{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;color:#e9ddff;background:rgba(11,13,24,.68);border:1px solid rgba(255,255,255,.10);backdrop-filter:blur(12px);cursor:pointer;transition:.25s ease}.vq-mood-pool-nav:hover{border-color:rgba(168,85,247,.5);background:rgba(124,58,237,.16);transform:translateY(-1px)}

.vq-mood-pool-progress{position:absolute;left:110px;right:84px;bottom:0;height:2px;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden}.vq-mood-pool-progress-bar{height:100%;width:0;border-radius:99px;background:linear-gradient(90deg,#8b5cf6,#ec4899);transition:width .35s ease}

.vq-mood-hero.is-changing .vq-mood-hero-copy>*{animation:vqHeroTextOut .18s ease both}.vq-mood-hero.is-changing .vq-mood-hero-logo{animation:vqHeroLogoOut .18s ease both}

@keyframes vqHeroTextOut{from{opacity:1;transform:translateY(0)}to{opacity:.15;transform:translateY(8px)}}

@keyframes vqHeroLogoOut{from{opacity:1;transform:translateY(0)}to{opacity:.15;transform:translateY(8px)}}

.vq-mood-hero-bg{transition:filter .35s ease,transform .8s ease}

@media(max-width:900px){

    .vq-mood-hero-pool{left:14px;right:14px;bottom:10px;transform:none;width:auto;display:block}

    .vq-mood-pool-label,.vq-mood-pool-controls,.vq-mood-pool-progress{display:none}

    .vq-mood-pool-slider{padding:5px 0 8px;overflow:hidden}

    .vq-mood-pool-slider .splide__track{overflow:hidden}

    .vq-mood-pool-slider .splide__slide{height:70px;padding:0 4px}

    .vq-mood-pool-item{height:68px}

    .vq-mood-pool-poster{width:43px;height:55px;flex-basis:43px}

}

@media(max-width:600px){

    .vq-mood-pool-slider .splide__slide{height:68px}

    .vq-mood-pool-item{height:66px;border-radius:14px;gap:9px}

    .vq-mood-pool-poster{width:40px;height:52px;flex-basis:40px}

    .vq-mood-pool-copy strong{font-size:9px}

}

.vq-mood-hero-inner{

    margin-top: 120px!important;

}

/* VISQO 6.8 — kişisel vitrin */
.vq-mood-hero-kicker-name{color:#f2e9ff}
.vq-mood-hero-match{margin-top:14px;width:max-content}
.vq-mood-hero-feedback{color:rgba(255,255,255,.62)}
.vq-mood-hero-feedback:hover{color:#f5d0fe;border-color:rgba(244,114,182,.35);background:rgba(190,24,93,.10)}
.vq-mood-hero-feedback.is-saved{color:#86efac;border-color:rgba(34,197,94,.35)}
.vq-mood-hero-trailer[hidden]{display:none!important}
.vq-mood-hero-status{min-height:18px;margin-top:9px;color:rgba(255,255,255,.52);font-size:11px;font-weight:750}
.vq-mood-hero-status.is-error{color:#fda4af}
.vq-mood-trailer-modal{position:fixed;inset:0;z-index:100050;display:none;align-items:center;justify-content:center;padding:24px}
.vq-mood-trailer-modal.is-open{display:flex}
.vq-mood-trailer-backdrop{position:absolute;inset:0;background:rgba(3,5,11,.88);backdrop-filter:blur(15px)}
.vq-mood-trailer-dialog{position:relative;z-index:1;width:min(980px,94vw);overflow:hidden;border:1px solid rgba(192,132,252,.25);border-radius:18px;background:#080b14;box-shadow:0 35px 100px rgba(0,0,0,.65)}
.vq-mood-trailer-head{min-height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid rgba(255,255,255,.08);color:#f5f3ff;font-size:13px;font-weight:900}
.vq-mood-trailer-close{width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:rgba(255,255,255,.05);color:#fff;cursor:pointer}
.vq-mood-trailer-video{aspect-ratio:16/9;background:#000}
.vq-mood-trailer-video iframe{width:100%;height:100%;display:block;border:0}
body.vq-mood-trailer-open{overflow:hidden}
@media(max-width:760px){.vq-mood-hero-match{width:100%;box-sizing:border-box}.vq-mood-hero-status{grid-column:1/-1}.vq-mood-trailer-modal{padding:10px}.vq-mood-trailer-dialog{width:100%;border-radius:14px}}

/* Kişisel vitrini tek parça, hafif bir hero slider olarak kullan. */
.vq-mood-hero-slider-controls{
    position:absolute;
    z-index:8;
    left:50%;
    bottom:26px;
    width:min(1180px,calc(100% - 64px));
    transform:translateX(-50%);
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:9px;
    pointer-events:none;
}
.vq-mood-hero-slider-controls[hidden]{display:none!important}
.vq-mood-hero-slider-arrow{
    width:42px;
    height:42px;
    display:grid;
    place-items:center;
    flex:0 0 42px;
    border:1px solid rgba(255,255,255,.14);
    border-radius:13px;
    background:rgba(8,11,20,.62);
    color:#fff;
    box-shadow:0 12px 32px rgba(0,0,0,.28);
    backdrop-filter:blur(14px);
    cursor:pointer;
    pointer-events:auto;
    transition:transform .2s ease,border-color .2s ease,background .2s ease;
}
.vq-mood-hero-slider-arrow:hover{
    transform:translateY(-2px);
    border-color:rgba(192,132,252,.58);
    background:rgba(124,58,237,.22);
}
.vq-mood-hero-slider-arrow:focus-visible,
.vq-mood-hero-slider-dot:focus-visible{outline:2px solid #c084fc;outline-offset:3px}
.vq-mood-hero-slider-dots{
    min-height:42px;
    display:flex;
    align-items:center;
    gap:7px;
    padding:0 11px;
    border:1px solid rgba(255,255,255,.10);
    border-radius:13px;
    background:rgba(8,11,20,.52);
    backdrop-filter:blur(14px);
    pointer-events:auto;
}
.vq-mood-hero-slider-dot{
    width:7px;
    height:7px;
    padding:0;
    overflow:hidden;
    border:0;
    border-radius:99px;
    background:rgba(255,255,255,.35);
    cursor:pointer;
    transition:width .3s ease,background .3s ease,box-shadow .3s ease;
}
.vq-mood-hero-slider-dot.is-active{
    width:28px;
    background:linear-gradient(90deg,#8b5cf6,#d946ef);
    box-shadow:0 0 16px rgba(168,85,247,.55);
}
.vq-mood-hero-copy{
    transition:opacity .28s ease,transform .34s cubic-bezier(.22,1,.36,1);
}
.vq-mood-hero.is-changing .vq-mood-hero-copy{
    opacity:0;
    transform:translateY(9px);
}
.vq-mood-hero.is-changing .vq-mood-hero-copy>*{animation:none!important}
.vq-mood-hero-bg{
    opacity:1;
    transition:opacity .32s ease,filter .4s ease,transform .8s ease;
}
.vq-mood-hero.is-changing .vq-mood-hero-bg{
    opacity:.22;
    filter:brightness(.72);
    transform:scale(1.045);
}
.vq-mood-hero-overview{min-height:98px}
@media(max-width:760px){
    .vq-mood-hero-overview{min-height:70px}
}
@media(max-width:760px){
    .vq-mood-hero-slider-controls{
        bottom:13px;
        width:calc(100% - 28px);
        justify-content:center;
        gap:7px;
    }
    .vq-mood-hero-slider-arrow{width:38px;height:38px;flex-basis:38px;border-radius:12px}
    .vq-mood-hero-slider-dots{min-height:38px;padding:0 10px}
}
/* Tek parça premium hero kontrolü */
.vq-mood-hero-slider-controls{
    width:auto;
    left:auto;
    right:max(32px,calc((100vw - 1180px)/2));
    transform:none;
    padding:5px;
    gap:0;
    border:1px solid rgba(216,180,254,.18);
    border-radius:18px;
    background:linear-gradient(135deg,rgba(20,15,35,.78),rgba(7,10,18,.72));
    box-shadow:0 18px 55px rgba(0,0,0,.40),inset 0 1px rgba(255,255,255,.06),0 0 30px rgba(124,58,237,.08);
    backdrop-filter:blur(22px) saturate(145%);
}
.vq-mood-hero-slider-arrow{
    width:38px;
    height:38px;
    flex-basis:38px;
    border:0;
    border-radius:12px;
    background:transparent;
    box-shadow:none;
    backdrop-filter:none;
    color:rgba(255,255,255,.78);
}
.vq-mood-hero-slider-arrow:hover{
    transform:none;
    border-color:transparent;
    background:rgba(168,85,247,.15);
    color:#fff;
}
.vq-mood-hero-slider-position{
    height:38px;
    display:flex;
    align-items:center;
    gap:10px;
    padding:0 12px;
    border-left:1px solid rgba(255,255,255,.08);
    border-right:1px solid rgba(255,255,255,.08);
}
.vq-mood-hero-slider-count{
    min-width:37px;
    color:rgba(255,255,255,.58);
    font-size:9px;
    line-height:1;
    font-weight:900;
    letter-spacing:1px;
    font-variant-numeric:tabular-nums;
}
.vq-mood-hero-slider-dots{
    min-height:0;
    gap:4px;
    padding:0;
    border:0;
    border-radius:0;
    background:transparent;
    backdrop-filter:none;
}
.vq-mood-hero-slider-dot{
    width:14px;
    height:3px;
    border-radius:99px;
    background:rgba(255,255,255,.18);
}
.vq-mood-hero-slider-dot.is-active{
    width:26px;
    background:linear-gradient(90deg,#8b5cf6,#d946ef);
    box-shadow:0 0 12px rgba(168,85,247,.48);
}
@media(max-width:760px){
    .vq-mood-hero{min-height:680px}
    .vq-mood-hero-inner{margin-top:104px!important}
    .vq-mood-hero-logo{width:min(390px,76vw)}
    .vq-mood-hero-slider-controls{
        position:relative;
        left:auto;
        right:auto;
        bottom:auto;
        width:max-content;
        max-width:calc(100% - 28px);
        transform:none;
        margin:14px auto 10px;
        padding:4px;
        border-radius:16px;
        background:linear-gradient(135deg,rgba(20,15,35,.88),rgba(7,10,18,.84));
        box-shadow:0 14px 38px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.06);
    }
    .vq-mood-hero-slider-arrow{width:34px;height:34px;flex-basis:34px;border-radius:10px}
    .vq-mood-hero-slider-position{height:34px;gap:8px;padding:0 10px}
    .vq-mood-hero-slider-count{min-width:34px;font-size:8px}
    .vq-mood-hero-slider-dot{width:10px;height:3px}
    .vq-mood-hero-slider-dot.is-active{width:20px}
}
@media(max-width:420px){
    .vq-mood-hero-slider-position{padding:0 8px;gap:7px}
    .vq-mood-hero-slider-count{display:none}
    .vq-mood-hero-slider-dots{gap:3px}
}

@media(prefers-reduced-motion:reduce){
    .vq-mood-hero-slider-arrow,.vq-mood-hero-slider-dot,.vq-mood-hero-bg{transition:none!important}
}



/* Home component 7: <style id="vqHeroSimpleCritical"> */

/* Referanstaki gibi sade hero bilgi hiyerarşisi. */
.vq-mood-hero-copy{
    display:flex;
    flex-direction:column;
    max-width:720px;
}
.vq-mood-hero-eyebrow,
.vq-mood-hero-kicker,
.vq-mood-hero-logo,
.vq-mood-hero-original,
.vq-mood-hero-modes,
.vq-mood-hero-reason,
.vq-mood-hero-match,
.vq-mood-hero-status,
#vqMoodHeroRefresh{
    display:none!important;
}
.vq-mood-hero-title,
.vq-mood-hero-title.is-logo-hidden{
    order:2;
    display:flex!important;
    align-items:center;
    width:min(760px,72vw);
    height:128px;
    color:#fff;
}
.vq-mood-hero-meta{
    order:1;
    margin:0 0 12px;
    color:rgba(255,255,255,.78);
}
.vq-mood-hero-overview{
    order:3;
    min-height:0;
    margin-top:6px;
    max-width:650px;
    color:rgba(255,255,255,.72);
    font-size:14px;
    line-height:1.65;
    -webkit-line-clamp:3;
}
.vq-mood-hero-actions{
    order:4;
    margin-top:24px;
}
.vq-mood-hero-primary,
.vq-mood-hero-trailer{
    min-width:150px;
    border-radius:999px;
}
.vq-mood-hero-inner{margin-top:155px!important}
.vq-mood-hero-copy{max-width:820px}
.vq-mood-hero-logo:not(.is-fallback){
    order:1;
    display:flex!important;
    width:min(540px,58vw);
    height:124px;
    min-height:124px;
    margin:0 0 10px;
}
.vq-mood-hero-logo:not(.is-fallback) img{
    width:100%;
    height:104px;
    object-fit:contain;
    object-position:left center;
}
.vq-mood-hero-logo.is-fallback{display:none!important}
.vq-mood-hero-title{order:1!important}
.vq-mood-hero-title.is-logo-hidden{display:none!important}
.vq-mood-hero-meta{order:2!important}
.vq-mood-hero-overview{order:3!important;max-width:720px}
.vq-mood-hero-actions{order:4!important}

@media(max-width:760px){
    .vq-mood-hero-inner{margin-top:118px!important}
    .vq-mood-hero-copy{max-width:100%}
    .vq-mood-hero-logo:not(.is-fallback){
        width:min(360px,76vw);
        height:92px;
        min-height:92px;
        margin-bottom:6px;
    }
    .vq-mood-hero-logo:not(.is-fallback) img{height:76px}
    .vq-mood-hero-title,
    .vq-mood-hero-title.is-logo-hidden{
        width:100%;
        height:88px;
        font-size:clamp(34px,10vw,46px);
        -webkit-line-clamp:2;
    }
    .vq-mood-hero-meta{margin-bottom:8px;font-size:10px}
    .vq-mood-hero-overview{
        min-height:0;
        margin-top:4px;
        font-size:11px;
        line-height:1.55;
        -webkit-line-clamp:3;
    }
    .vq-mood-hero-actions{
        display:flex;
        flex-wrap:nowrap;
        margin-top:18px;
    }
    .vq-mood-hero-primary,
    .vq-mood-hero-trailer{
        min-width:0;
        flex:1 1 0;
    }
}

/* Geniş, dikey ortalanmış premium hero geometrisi. */
.vq-mood-hero{
    min-height:760px;
}
.vq-mood-hero-inner{
    width:min(1640px,calc(100% - 64px));
    min-height:886px;
    margin:0 auto!important;
    padding:0;
    display:flex;
    align-items:center;
    box-sizing:border-box;
}
.vq-mood-hero-copy{
    width:min(920px,62vw);
    max-width:none;
    padding-bottom:18px;
}
.vq-mood-hero-logo:not(.is-fallback){
    width:min(680px,58vw);
    height:158px;
    min-height:158px;
    margin:0 0 14px;
}
.vq-mood-hero-logo:not(.is-fallback) img{
    height:132px;
}
.vq-mood-hero-title{
    width:min(880px,62vw);
    height:158px;
    font-size:clamp(52px,5.4vw,86px);
}
.vq-mood-hero-meta{
    margin:0 0 15px;
    font-size:13px;
    gap:10px;
}
.vq-mood-hero-overview{
    width:100%;
    max-width:790px;
    margin-top:2px;
    font-size:15px;
    line-height:1.7;
    -webkit-line-clamp:3;
}
.vq-mood-hero-actions{
    gap:12px;
    margin-top:27px;
}
.vq-mood-hero-primary,
.vq-mood-hero-trailer{
    min-width:168px;
    min-height:48px;
    padding:0 22px;
    font-size:12px;
}
@media(max-width:1050px){
    .vq-mood-hero-copy{width:min(760px,72vw)}
    .vq-mood-hero-logo:not(.is-fallback){width:min(580px,64vw)}
    .vq-mood-hero-title{width:min(720px,72vw)}
}
@media(max-width:760px){
    .vq-mood-hero{min-height:0}
    .vq-mood-hero-inner{
        width:calc(100% - 28px);
        min-height:460px;
        margin:0 auto!important;
        padding:20px 0 22px;
        align-items:center;
    }
    .vq-mood-hero-copy{
        width:100%;
        padding-bottom:0;
    }
    .vq-mood-hero-logo:not(.is-fallback){
        width:min(390px,82vw);
        height:104px;
        min-height:104px;
        margin-bottom:8px;
    }
    .vq-mood-hero-logo:not(.is-fallback) img{height:86px}
    .vq-mood-hero-title{
        width:100%;
        height:104px;
        font-size:clamp(38px,11vw,52px);
    }
    .vq-mood-hero-meta{font-size:10px;gap:7px;margin-bottom:9px}
    .vq-mood-hero-overview{
        max-width:100%;
        font-size:11px;
        line-height:1.58;
        -webkit-line-clamp:4;
    }
    .vq-mood-hero-primary,
    .vq-mood-hero-trailer{
        min-height:44px;
        padding:0 12px;
        font-size:10px;
    }
    .vq-mood-hero-slider-controls{
        margin-top:6px;
        margin-bottom:10px;
    }
}


/* Home component 8: <style id="vqHeroCinematicPremium"> */

.vq-mood-hero{
    min-height:min(820px,88vh)!important;
    isolation:isolate;
    overflow:hidden;
    background:#06080d;
}
.vq-mood-hero-bg{
    inset:-2%!important;
    background-position:center top!important;
    background-size:cover!important;
    filter:saturate(.86) contrast(1.04);
    opacity:.78;
    transform:scale(1.02);
}
.vq-mood-hero-overlay{
    background:
        linear-gradient(90deg,#080d16 0%,rgba(8,13,22,.96) 25%,rgba(8,13,22,.70) 47%,rgba(8,13,22,.14) 76%),
        linear-gradient(0deg,#080d16 0%,transparent 38%,rgba(8,13,22,.24) 100%)!important;
}
.vq-mood-hero-glow{
    position:absolute!important;
    z-index:2!important;
    top:5%!important;
    right:-8%!important;
    bottom:auto!important;
    left:auto!important;
    width:55vw!important;
    height:82%!important;
    border-radius:48% 0 0 55%!important;
    background:
        radial-gradient(circle at 38% 48%,rgba(236,72,153,.32),transparent 35%),
        linear-gradient(145deg,rgba(124,58,237,.62),rgba(219,39,119,.34) 55%,rgba(88,28,135,.15))!important;
    opacity:.66!important;
    filter:blur(1px)!important;
    transform:rotate(-7deg)!important;
    box-shadow:0 0 110px rgba(124,58,237,.22)!important;
    pointer-events:none!important;
    mix-blend-mode:screen;
    display:none!important;
}
.vq-mood-hero-inner{
    position:relative;
    z-index:5;
    min-height:min(820px,88vh)!important;
    align-items:center!important;
}
.vq-mood-hero-copy{
    width:min(650px,43vw)!important;
    padding:48px 0 24px!important;
    text-shadow:0 3px 22px rgba(0,0,0,.45);
}
.vq-cinema-label{
    order:0;
    display:inline-flex;
    align-items:center;
    gap:8px;
    width:max-content;
    margin-bottom:15px;
    color:rgba(226,232,240,.58);
    font-size:9px;
    font-weight:900;
    letter-spacing:2.2px;
    text-transform:uppercase;
}
.vq-cinema-label::before{content:"";width:24px;height:2px;border-radius:99px;background:linear-gradient(90deg,#a855f7,#ec4899);box-shadow:0 0 14px rgba(168,85,247,.7)}
.vq-mood-hero-logo:not(.is-fallback){
    width:min(500px,39vw)!important;
    height:126px!important;
    min-height:126px!important;
    margin:0 0 14px!important;
}
.vq-mood-hero-logo:not(.is-fallback) img{height:112px!important;filter:drop-shadow(0 16px 28px rgba(0,0,0,.42))}
.vq-mood-hero-title{width:min(620px,42vw)!important;height:auto!important;min-height:112px;font-size:clamp(48px,4.8vw,76px)!important;line-height:.98!important}
.vq-mood-hero-meta{margin:0 0 12px!important;color:rgba(255,255,255,.82)!important;font-size:12px!important}
.vq-mood-hero-meta .rating{color:#fbbf24!important}
.vq-mood-hero-overview{max-width:580px!important;margin-top:4px!important;color:rgba(226,232,240,.70)!important;font-size:13px!important;line-height:1.67!important;-webkit-line-clamp:3!important}
.vq-mood-hero-actions{margin-top:24px!important}
.vq-mood-hero-primary{background:linear-gradient(135deg,#9333ea,#c026d3)!important;box-shadow:0 14px 34px rgba(147,51,234,.28)!important}
.vq-mood-hero-trailer{background:rgba(255,255,255,.055)!important;border-color:rgba(255,255,255,.14)!important;backdrop-filter:blur(12px)}
.vq-mood-hero-less{
    min-height:48px!important;
    padding:0 18px!important;
    border-radius:999px!important;
    background:rgba(5,8,16,.46)!important;
    border-color:rgba(255,255,255,.12)!important;
    color:rgba(255,255,255,.72)!important;
    backdrop-filter:blur(12px);
}
.vq-mood-hero-less:hover{
    color:#fff!important;
    border-color:rgba(244,114,182,.42)!important;
    background:rgba(190,24,93,.14)!important;
}
.vq-mood-hero-less.is-saved{color:#bbf7d0!important;border-color:rgba(74,222,128,.38)!important}
.vq-cinema-orb{
    position:absolute;
    z-index:7;
    top:43%;
    right:31%;
    width:104px;
    height:104px;
    display:grid;
    place-items:center;
    border:14px solid rgba(236,72,153,.22);
    border-radius:50%;
    background:rgba(8,10,17,.54);
    color:#fff;
    font-size:25px;
    box-shadow:0 0 0 2px rgba(236,72,153,.75),0 0 54px rgba(219,39,119,.38),inset 0 0 26px rgba(0,0,0,.35);
    backdrop-filter:blur(8px);
    cursor:pointer;
    transition:transform .2s ease,box-shadow .2s ease;
}
.vq-cinema-orb:hover{transform:scale(1.06);box-shadow:0 0 0 2px #f472b6,0 0 70px rgba(219,39,119,.55)}
.vq-cinema-orb i{margin-left:4px}
.vq-mood-hero{overflow:hidden!important}
.vq-cinema-rail{
    position:relative;
    z-index:7;
    top:auto;
    right:auto;
    bottom:auto;
    left:auto;
    width:min(100%,680px);
    max-width:100%;
    margin-top:28px;
    order:5;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:16px;
    padding:0;
    box-sizing:border-box;
    overflow:hidden;
    transform:none;
}
.vq-cinema-thumb{
    position:relative;
    width:132px;
    height:198px;
    flex:0 0 132px;
    display:block;
    overflow:hidden;
    padding:0;
    border:1px solid rgba(255,255,255,.13);
    border-radius:12px;
    background:#111827;
    box-shadow:none;
    opacity:.58;
    filter:saturate(.72) brightness(.74);
    cursor:pointer;
    transform:scale(.94);
    transition:width .42s cubic-bezier(.2,.8,.2,1),height .42s cubic-bezier(.2,.8,.2,1),flex-basis .42s cubic-bezier(.2,.8,.2,1),transform .42s cubic-bezier(.2,.8,.2,1),opacity .3s ease,filter .3s ease,border-color .3s ease;
}
.vq-cinema-thumb.is-active{
    width:196px;
    height:294px;
    flex-basis:196px;
    opacity:1;
    filter:none;
    transform:scale(1);
    border:0;
    box-shadow:none;
}
.vq-cinema-thumb:hover{opacity:.92;filter:saturate(.95) brightness(.92);transform:translateY(-5px)}
.vq-cinema-thumb.is-active:hover{transform:translateY(-5px)}
.vq-cinema-thumb img{width:100%;height:100%;display:block;object-fit:cover}
.vq-cinema-thumb::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,5,9,.88),transparent 42%)}
.vq-cinema-thumb-index{position:absolute;z-index:2;top:11px;left:11px;color:rgba(255,255,255,.62);font-size:9px;font-weight:900;letter-spacing:1px}
.vq-cinema-thumb-title{position:absolute;z-index:2;right:11px;bottom:12px;left:11px;overflow:hidden;color:#fff;font-size:10px;font-weight:850;line-height:1.25;text-align:left;white-space:nowrap;text-overflow:ellipsis}
.vq-cinema-thumb.is-active .vq-cinema-thumb-title{font-size:12px}
.vq-mood-hero-slider-controls{display:none!important}
@media(max-width:1100px){
    .vq-mood-hero-inner{width:calc(100% - 56px)!important}
    .vq-mood-hero-copy{width:min(610px,55vw)!important}
    .vq-cinema-rail{right:auto;width:min(100%,680px);max-width:100%;padding-left:0;margin-top:24px}.vq-cinema-thumb{width:112px;height:168px;flex-basis:112px}.vq-cinema-thumb.is-active{width:166px;height:249px;flex-basis:166px}
    .vq-cinema-orb{display:none}
}
@media(max-width:760px){
    .vq-mood-hero{
        min-height:780px!important;
        height:auto!important;
        border-radius:0 0 26px 26px;
    }
    .vq-mood-hero-bg{
        inset:0!important;
        height:70%!important;
        background-position:62% top!important;
        transform:scale(1.01);
    }
    .vq-mood-hero-overlay{
        background:
            linear-gradient(0deg,#080d16 29%,rgba(8,13,22,.92) 42%,rgba(8,13,22,.22) 75%,rgba(3,5,9,.24) 100%),
            linear-gradient(90deg,rgba(3,5,9,.30),transparent 70%)!important;
    }
    .vq-mood-hero-glow{
        top:8%!important;right:-34%!important;width:100vw!important;height:48%!important;
        opacity:.38!important;filter:blur(12px)!important;
    }
    .vq-mood-hero-inner{
        width:calc(100% - 32px)!important;
        min-height:0!important;
        padding:260px 0 22px!important;
        align-items:center!important;
    }
    .vq-mood-hero-copy{width:100%!important;padding:0!important}
    .vq-cinema-label{margin-bottom:9px;font-size:7px;letter-spacing:1.7px}
    .vq-mood-hero-logo:not(.is-fallback){width:min(300px,72vw)!important;height:78px!important;min-height:78px!important;margin-bottom:7px!important}
    .vq-mood-hero-logo:not(.is-fallback) img{height:68px!important}
    .vq-mood-hero-title{width:100%!important;min-height:72px!important;font-size:clamp(36px,10vw,48px)!important}
    .vq-mood-hero-meta{font-size:9px!important;gap:6px!important;margin-bottom:8px!important}
    .vq-mood-hero-overview{font-size:10.5px!important;line-height:1.55!important;-webkit-line-clamp:3!important}
    .vq-mood-hero-actions{gap:8px!important;margin-top:17px!important}
    .vq-mood-hero-primary,.vq-mood-hero-trailer{min-height:43px!important;font-size:9px!important}
    .vq-mood-hero-actions{flex-wrap:wrap!important}
    .vq-mood-hero-less{
        width:100%!important;
        min-width:100%!important;
        min-height:46px!important;
        padding:0 20px!important;
        font-size:11px!important;
    }
    .vq-cinema-rail{
        top:auto;right:auto;bottom:auto;left:auto;width:100%;max-width:100%;height:auto;margin-top:22px;
        align-items:center;justify-content:flex-start;gap:8px;padding:0;
        overflow:hidden;transform:none;box-sizing:border-box;
        scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior-x:contain;
        touch-action:pan-x;
    }
    .vq-cinema-rail::-webkit-scrollbar{display:none}
    .vq-cinema-thumb{width:80px;height:129px;flex:0 0 80px;border-radius:10px;opacity:.58;transform:none;transition:opacity .22s ease,filter .22s ease,border-color .22s ease,box-shadow .22s ease}
    .vq-cinema-thumb.is-active{width:80px;height:129px;flex-basis:80px;opacity:1;transform:none;border:0;box-shadow:none}
    .vq-cinema-thumb:hover,.vq-cinema-thumb.is-active:hover{transform:none}
    .vq-cinema-thumb-index{top:7px;left:7px;font-size:7px}
    .vq-cinema-thumb-title{right:7px;bottom:8px;left:7px;font-size:7px}
    .vq-cinema-thumb.is-active .vq-cinema-thumb-title{font-size:8px}
    .vq-cinema-orb{display:none}
    .vq-mood-hero-slider-controls{display:none!important}
}
@media(max-width:390px){
    .vq-mood-hero{min-height:0!important}
    .vq-mood-hero-inner{min-height:0!important;padding:235px 0 22px!important}
    .vq-cinema-orb{display:none!important}
}

@media(min-width:761px){.vq-mood-hero-inner{margin-top:100px!important;padding-top:52px!important}}
@media(max-width:760px){.vq-cinema-rail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;overflow:visible}.vq-cinema-thumb,.vq-cinema-thumb.is-active{width:100%;min-width:0;height:auto;aspect-ratio:80/129;flex:initial}}


/* Home component 9: <style> */


/* =========================================================

   visQo — Günün Seçimi

   ULTRA PREMIUM CARD

========================================================= */



.vq-personal-recommendation{

    width:100%;

    margin:32px 0 0;

}



.vq-personal-head{

    display:flex;

    align-items:center;

    gap:14px;

    margin:0 0 18px;

}



.vq-personal-icon{

    width:54px;

    height:54px;

    flex:0 0 54px;

    display:grid;

    place-items:center;

    border-radius:16px;

    color:#fff;

    font-size:20px;

    background:

        radial-gradient(circle at 30% 25%,rgba(255,255,255,.22),transparent 28%),

        linear-gradient(145deg,#a45cff,#7028dc);

    box-shadow:0 12px 34px rgba(124,58,237,.30);

}



.vq-personal-label{

    margin:0 0 4px;

    color:#b98aff;

    font-size:10px;

    line-height:1;

    font-weight:900;

    letter-spacing:2.1px;

    text-transform:uppercase;

}



.vq-personal-title h2{

    margin:0;

    color:#f8f7ff;

    font-size:26px;

    line-height:1.12;

    font-weight:900;

    letter-spacing:-.7px;

}



.vq-personal-title p{

    margin:5px 0 0;

    color:rgba(255,255,255,.38);

    font-size:10px;

    line-height:1.4;

    font-weight:600;

}



/* ===== CARD ===== */



.vq-personal-card{

    position:relative;

    width:100%;

    min-width:0;

    min-height:286px;

    display:grid;

    grid-template-columns:190px minmax(300px,1fr) 1px 430px;

    align-items:center;

    gap:28px;

    padding:24px;

    box-sizing:border-box;

    overflow:hidden;

    border:1px solid rgba(194,168,255,.16);

    border-radius:24px;

    background:

        radial-gradient(700px 280px at 88% -8%,rgba(132,75,255,.18),transparent 66%),

        radial-gradient(500px 260px at 15% 115%,rgba(92,55,180,.08),transparent 70%),

        linear-gradient(130deg,#171c27 0%,#0d121c 52%,#141226 100%);

    box-shadow:

        0 28px 80px rgba(0,0,0,.32),

        inset 0 1px 0 rgba(255,255,255,.045);

}



.vq-personal-card:before{

    content:"";

    position:absolute;

    inset:0;

    pointer-events:none;

    background:

        linear-gradient(110deg,transparent 0%,rgba(255,255,255,.025) 45%,transparent 70%);

    opacity:.55;

}



.vq-personal-card:after{

    content:"";

    position:absolute;

    left:0;

    top:22px;

    bottom:22px;

    width:3px;

    border-radius:0 4px 4px 0;

    background:linear-gradient(180deg,#c084fc,#7c3aed 65%,transparent);

    box-shadow:0 0 18px rgba(168,85,247,.55);

}



/* ===== POSTER ===== */



.vq-personal-poster{

    position:relative;

    z-index:1;

    width:190px;

    height:270px;

    min-width:190px;

    display:block;

    overflow:hidden;

    border:1px solid rgba(255,255,255,.13);

    border-radius:16px;

    background:#090d15;

    box-shadow:

        0 22px 45px rgba(0,0,0,.45),

        0 0 0 5px rgba(255,255,255,.018);

    text-decoration:none;

    transform:translateZ(0);

}



.vq-personal-poster:after{

    content:"";

    position:absolute;

    inset:0;

    pointer-events:none;

    background:linear-gradient(180deg,rgba(0,0,0,0) 45%,rgba(0,0,0,.18) 100%);

}



.vq-personal-poster img{

    display:block;

    width:100%;

    height:100%;

    object-fit:cover;

    transition:transform .45s ease;

}



.vq-personal-poster:hover img{

    transform:scale(1.035);

}



.vq-personal-poster-overlay{

    display:none;

}



/* ===== INFO ===== */



.vq-personal-info{

    position:relative;

    z-index:1;

    min-width:0;

    width:100%;

}



.vq-personal-type{

    display:flex;

    align-items:center;

    flex-wrap:wrap;

    gap:8px;

    color:rgba(255,255,255,.52);

    font-size:11px;

    font-weight:800;

}



.vq-personal-type>span:first-child i{

    color:#b987ff;

}



.vq-personal-type .vq-personal-rating,

.vq-personal-type .vq-personal-rating i{

    color:#f7c948;

}



.vq-personal-name{

    display:block;

    max-width:100%;

    margin:12px 0 9px;

    color:#fff;

    font-size:31px;

    line-height:1.08;

    font-weight:900;

    letter-spacing:-1px;

    white-space:nowrap;

    overflow:hidden;

    text-overflow:ellipsis;

    text-decoration:none;

}



.vq-personal-overview{

    max-width:700px;

    margin:0;

    color:rgba(255,255,255,.48);

    font-size:11px;

    line-height:1.72;

    font-weight:600;

    display:-webkit-box;

    -webkit-line-clamp:3;

    -webkit-box-orient:vertical;

    overflow:hidden;

}



.vq-personal-reasons{

    display:flex;

    align-items:center;

    flex-wrap:wrap;

    gap:7px;

    margin-top:18px;

    min-height:27px;

    overflow:hidden;

}



.vq-personal-tag{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    min-height:27px;

    padding:5px 11px;

    border:1px solid rgba(177,137,255,.22);

    border-radius:9px;

    background:linear-gradient(180deg,rgba(139,92,246,.09),rgba(139,92,246,.035));

    color:#d9c9f7;

    font-size:9px;

    font-weight:850;

    white-space:nowrap;

}



/* ===== DIVIDER ===== */



.vq-personal-divider{

    width:1px;

    height:185px;

    justify-self:center;

    background:linear-gradient(

        180deg,

        transparent,

        rgba(174,145,255,.18) 20%,

        rgba(174,145,255,.18) 80%,

        transparent

    );

}



/* ===== SCORE ===== */



.vq-personal-score-panel{

    position:relative;

    z-index:1;

    min-width:0;

    width:100%;

}



.vq-personal-score-ring-wrap{

    display:grid;

    grid-template-columns:116px minmax(0,1fr);

    align-items:center;

    gap:18px;

}



.vq-personal-score-ring{

    width:116px;

    height:116px;

    min-width:116px;

    position:relative;

    display:grid;

    place-items:center;

    border-radius:50%;

    background:conic-gradient(#a855f7 calc(var(--score)*1%),rgba(255,255,255,.075) 0);

    box-shadow:

        0 0 0 1px rgba(168,85,247,.12),

        0 0 35px rgba(139,92,246,.12);

}



.vq-personal-score-ring:before{

    content:"";

    position:absolute;

    inset:9px;

    border-radius:50%;

    background:

        radial-gradient(circle at 50% 25%,rgba(168,85,247,.08),transparent 60%),

        #10131e;

    border:1px solid rgba(255,255,255,.045);

}



.vq-personal-score-ring strong{

    position:relative;

    z-index:1;

    color:#faf7ff;

    font-size:25px;

    font-weight:900;

    letter-spacing:-.5px;

}



.vq-personal-score-copy{

    min-width:0;

}



.vq-personal-score-copy strong{

    display:block;

    color:#c084fc;

    font-size:13px;

    line-height:1;

    font-weight:900;

    letter-spacing:1.8px;

}



.vq-personal-score-copy span{

    display:block;

    max-width:235px;

    margin-top:9px;

    color:rgba(255,255,255,.43);

    font-size:10px;

    line-height:1.6;

    font-weight:600;

}



/* ===== ACTIONS ===== */



.vq-personal-actions{

    display:grid;

    grid-template-columns:1.08fr .94fr 1.18fr;

    gap:8px;

    width:100%;

    margin-top:22px;

}



.vq-personal-button{

    width:100%;

    min-width:0;

    height:44px;

    margin:0;

    padding:0 10px;

    box-sizing:border-box;

    display:flex;

    align-items:center;

    justify-content:center;

    gap:7px;

    border-radius:10px;

    font-size:9px;

    line-height:1;

    font-weight:850;

    white-space:nowrap;

    text-decoration:none;

    cursor:pointer;

    transition:

        transform .18s ease,

        background .18s ease,

        border-color .18s ease,

        box-shadow .18s ease;

}



#vqPersonalExplore{

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

    background:linear-gradient(135deg,#a052ff,#7c3aed);

    color:#fff;

    box-shadow:0 10px 25px rgba(124,58,237,.23);

}



#vqPersonalRefresh,

#vqPersonalWhy{

    border:1px solid rgba(168,85,247,.18);

    background:rgba(124,58,237,.045);

    color:#d9cbeb;

}



#vqPersonalExplore:hover,

#vqPersonalRefresh:hover,

#vqPersonalWhy:hover{

    transform:translateY(-1px);

}



#vqPersonalExplore:hover{

    box-shadow:0 13px 30px rgba(124,58,237,.32);

    filter:brightness(1.06);

}



#vqPersonalRefresh:hover,

#vqPersonalWhy:hover{

    border-color:rgba(168,85,247,.42);

    background:rgba(124,58,237,.10);

    color:#fff;

}



.vq-personal-actions i{

    flex:0 0 auto;

}



.vq-personal-actions #vqPersonalExplore i{

    color:#fff!important;

}



/* Hidden legacy fragments */

.vq-personal-reason-label,

.vq-personal-reason-headline,

.vq-personal-reason-detail,

.vq-mod-reason,

.vq-personal-score{

    display:none!important;

}



/* ===== WHY LINK — COMPACT MICRO ACTION ===== */

.vq-personal-why-link{

    appearance:none!important;

    width:max-content!important;

    min-width:0!important;

    max-width:max-content!important;

    height:auto!important;

    min-height:0!important;

    display:inline-flex!important;

    align-items:center!important;

    justify-content:flex-start!important;

    gap:7px!important;

    margin:10px 0 0!important;

    padding:5px 0!important;

    border:0!important;

    border-radius:0!important;

    outline:0!important;

    background:transparent!important;

    box-shadow:none!important;

    color:rgba(218,202,242,.52)!important;

    font-size:9px!important;

    line-height:1!important;

    font-weight:800!important;

    letter-spacing:.05px;

    white-space:nowrap!important;

    cursor:pointer;

    text-decoration:none!important;

    transition:color .18s ease, transform .18s ease;

}



.vq-personal-why-link:before{

    content:"";

    width:18px;

    height:1px;

    display:block;

    background:linear-gradient(90deg,rgba(168,85,247,.0),rgba(168,85,247,.55));

    transition:width .18s ease,opacity .18s ease;

}



.vq-personal-why-link i{

    color:#a970f4!important;

    font-size:9px!important;

    line-height:1!important;

}



.vq-personal-why-link:hover{

    color:#f0e8fb!important;

    transform:translateX(2px);

}



.vq-personal-why-link:hover:before{

    width:24px;

}



.vq-personal-why-link:hover i{

    color:#c084fc!important;

}



/* ===== RESPONSIVE ===== */







@media(max-width:1500px){

    .vq-personal-card{

        grid-template-columns:165px minmax(260px,1fr) 1px 400px;

        gap:22px;

    }

    .vq-personal-poster{

        width:165px;

        min-width:165px;

        height:236px;

    }

}



@media(max-width:1250px){

    .vq-personal-card{

        grid-template-columns:145px minmax(240px,1fr) 1px 370px;

        gap:18px;

        padding:20px;

    }

    .vq-personal-poster{

        width:145px;

        min-width:145px;

        height:207px;

    }

    .vq-personal-name{font-size:26px}

    .vq-personal-score-ring{

        width:96px;

        height:96px;

        min-width:96px;

    }

    .vq-personal-score-ring-wrap{

        grid-template-columns:96px minmax(0,1fr);

        gap:13px;

    }

}



@media(max-width:1080px){

    .vq-personal-card{

        grid-template-columns:135px minmax(0,1fr);

    }

    .vq-personal-poster{

        width:135px;

        min-width:135px;

        height:194px;

    }

    .vq-personal-divider{

        display:none;

    }

    .vq-personal-score-panel{

        grid-column:1/-1;

    }

}



@media(max-width:700px){

    .vq-personal-recommendation{margin-top:22px}

    .vq-personal-head{gap:11px;margin-bottom:14px}

    .vq-personal-icon{

        width:46px;

        height:46px;

        min-width:46px;

        border-radius:13px;

    }

    .vq-personal-title h2{font-size:20px}

    .vq-personal-title p{font-size:8px}



    .vq-personal-card{

        grid-template-columns:82px minmax(0,1fr);

        gap:13px;

        padding:15px;

        border-radius:18px;

    }



    .vq-personal-poster{

        width:82px;

        min-width:82px;

        height:120px;

        border-radius:10px;

    }



    .vq-personal-name{

        margin-top:7px;

        font-size:18px;

        letter-spacing:-.4px;

    }



    .vq-personal-type{font-size:9px}

    .vq-personal-overview{

        font-size:9px;

        line-height:1.5;

        -webkit-line-clamp:3;

    }



    .vq-personal-tag{

        font-size:8px;

        padding:4px 7px;

    }



    .vq-personal-score-panel{

        grid-column:1/-1;

    }



    .vq-personal-score-ring-wrap{

        display:flex;

        gap:13px;

    }



    .vq-personal-score-ring{

        width:76px;

        height:76px;

        min-width:76px;

    }



    .vq-personal-score-ring strong{font-size:17px}

    .vq-personal-score-copy strong{font-size:10px}

    .vq-personal-score-copy span{

        font-size:9px;

        max-width:none;

    }



    .vq-personal-actions{

        grid-template-columns:1fr;

        gap:7px;

        margin-top:13px;

    }



    .vq-personal-button{

        height:41px;

        font-size:9px;

    }

}



/* Home component 10: <style id="vqContinuePremiumStyle"> */


/* =========================================================

   İZLEMEYE DEVAM ET — OWL CAROUSEL

   En fazla 10 içerik

   ========================================================= */



#vqContinueSection[hidden]{

    display:none!important;

}



#vqContinueSection{

    display:none;

    margin:34px 0 42px;

}



#vqContinueSection.vq-continue-visible{

    display:block;

}



.vqcw-head{

    display:flex;

    align-items:flex-end;

    justify-content:space-between;

    gap:20px;

    margin-bottom:15px;

}



.vqcw-heading{

    display:flex;

    align-items:center;

    gap:10px;

}



.vqcw-accent{

    width:3px;

    height:27px;

    border-radius:99px;

    background:#a855f7;

    box-shadow:0 0 18px rgba(168,85,247,.55);

}



.vqcw-title{

    margin:0;

    color:#f8f7fb;

    font-size:20px;

    line-height:1;

    font-weight:850;

    letter-spacing:-.5px;

}



.vqcw-sub{

    margin:6px 0 0 13px;

    color:#667085;

    font-size:9px;

    letter-spacing:.1px;

}



.vqcw-count{

    color:#586174;

    font-size:9px;

    font-weight:700;

    white-space:nowrap;

}



/* Başlık sağındaki carousel kontrolleri */

.vqcw-controls{

    display:flex;

    align-items:center;

    gap:7px;

    flex:0 0 auto;

}



.vqcw-nav{

    width:32px;

    height:32px;

    display:grid;

    place-items:center;

    padding:0;

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

    border-radius:9px;

    background:rgba(255,255,255,.035);

    color:#aab2c1;

    cursor:pointer;

    transition:.2s ease;

}



.vqcw-nav:hover{

    color:#fff;

    border-color:rgba(168,85,247,.35);

    background:rgba(124,58,237,.12);

    transform:translateY(-1px);

}



#vqContinueCarousel{

    width:100%;

}



#vqContinueCarousel .owl-stage-outer{

    overflow:visible;

}



#vqContinueCarousel .owl-stage{

    display:flex;

}



#vqContinueCarousel .owl-item{

    display:flex;

}



.vqcw-card{

    position:relative;

    display:block;

    width:100%;

    min-width:0;

    aspect-ratio:16/9;

    overflow:hidden;

    color:#fff;

    text-decoration:none;

    background:#0d1119;

    border:1px solid rgba(255,255,255,.055);

    border-radius:12px;

    box-shadow:0 10px 30px rgba(0,0,0,.22);

    transform:translateZ(0);

    transition:

        transform .22s ease,

        border-color .22s ease,

        box-shadow .22s ease;

}



.vqcw-card:hover{

    border-color:rgba(168,85,247,.28);

    box-shadow:0 18px 42px rgba(0,0,0,.38);

    z-index:4;

}



.vqcw-image{

    position:absolute;

    inset:0;

}



.vqcw-image img{

    display:block;

    width:100%;

    height:100%;

    object-fit:cover;

    transition:transform .6s cubic-bezier(.2,.7,.2,1);

}



.vqcw-card:hover .vqcw-image img{

    transform:scale(1.045);

}



.vqcw-gradient{

    position:absolute;

    inset:0;

    background:

        linear-gradient(180deg,rgba(4,7,13,.03) 22%,rgba(4,7,13,.18) 46%,rgba(4,7,13,.94) 100%),

        linear-gradient(90deg,rgba(4,7,13,.25),transparent 48%);

}



.vqcw-top{

    position:absolute;

    z-index:3;

    top:10px;

    left:10px;

    right:10px;

    display:flex;

    justify-content:space-between;

    align-items:center;

}



.vqcw-badge{

    padding:4px 7px;

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

    border-radius:5px;

    background:rgba(4,7,13,.65);

    color:#fff;

    font-size:7px;

    font-weight:800;

    backdrop-filter:blur(8px);

}



.vqcw-play{

    width:30px;

    height:30px;

    display:grid;

    place-items:center;

    border:1px solid rgba(255,255,255,.13);

    border-radius:50%;

    background:rgba(4,7,13,.54);

    color:#fff;

    font-size:9px;

    opacity:0;

    transform:scale(.82);

    transition:.22s ease;

    backdrop-filter:blur(8px);

}



.vqcw-card:hover .vqcw-play{

    opacity:1;

    transform:scale(1);

}



.vqcw-info{

    position:absolute;

    z-index:3;

    left:14px;

    right:14px;

    bottom:12px;

}



.vqcw-kicker{

    display:flex;

    align-items:center;

    gap:5px;

    margin-bottom:5px;

    color:rgba(255,255,255,.55);

    font-size:7px;

    font-weight:800;

    text-transform:uppercase;

    letter-spacing:.35px;

}



.vqcw-kicker i{

    color:#a855f7;

    font-size:6px;

}



.vqcw-name{

    display:block;

    overflow:hidden;

    color:#fff;

    font-size:13px;

    line-height:1.15;

    font-weight:850;

    letter-spacing:-.15px;

    white-space:nowrap;

    text-overflow:ellipsis;

}



.vqcw-time{

    margin-top:5px;

    color:rgba(255,255,255,.42);

    font-size:7px;

    font-weight:600;

}



.vqcw-progress{

    position:absolute;

    z-index:5;

    left:0;

    right:0;

    bottom:0;

    height:3px;

    background:rgba(255,255,255,.15);

}



.vqcw-progress span{

    display:block;

    height:100%;

    background:#a855f7;

    box-shadow:0 0 8px rgba(168,85,247,.35);

}



/* Tablet */

@media(max-width:1100px) and (min-width:761px){

    #vqContinueCarousel .owl-stage-outer{

        margin-right:-4px;

    }

    .vqcw-card{border-radius:10px}

}



/* Mobil */

@media(max-width:760px){

    #vqContinueSection{

        margin:26px 0 34px;

    }



    .vqcw-title{

        font-size:17px;

    }



    .vqcw-sub{

        font-size:8px;

    }



    .vqcw-count{

        display:none;

    }



    .vqcw-controls{

        gap:5px;

    }



    .vqcw-nav{

        width:28px;

        height:28px;

        border-radius:8px;

        font-size:10px;

    }



    .vqcw-card{

        border-radius:8px;

    }



    .vqcw-info{

        left:9px;

        right:9px;

        bottom:8px;

    }



    .vqcw-kicker{

        margin-bottom:3px;

        font-size:6px;

    }



    .vqcw-name{

        font-size:10px;

    }



    .vqcw-time{

        margin-top:3px;

        font-size:6px;

    }



    .vqcw-top{

        top:7px;

        left:7px;

        right:7px;

    }



    .vqcw-badge{

        padding:3px 5px;

        font-size:6px;

    }



    .vqcw-play{

        width:25px;

        height:25px;

        opacity:1;

        transform:scale(1);

        font-size:7px;

    }



    .vqcw-progress{

        height:2px;

    }

}



/* Çok küçük telefonlar */

@media(max-width:380px){

    .vqcw-card{border-radius:7px}

    .vqcw-info{left:7px;right:7px;bottom:7px}

    .vqcw-name{font-size:9px}

    .vqcw-time{display:none}

    .vqcw-kicker{font-size:5.5px}

    .vqcw-badge{font-size:5.5px}

}



/* Home component 11: <style id="visqo-personal-shelves-style"> */

.vq-personal-shelves{margin-top:30px}.vq-personal-shelf{margin-top:28px}.vq-personal-shelf:first-child{margin-top:0}.vq-personal-shelf-head{margin-bottom:13px}.vq-personal-shelf-title{display:flex;align-items:center;gap:11px}.vq-personal-shelf-icon{width:36px;height:36px;flex:0 0 36px;display:grid;place-items:center;border-radius:10px;color:#c084fc;background:rgba(139,92,246,.10);border:1px solid rgba(139,92,246,.20)}.vq-personal-shelf-kicker{display:block;margin-bottom:4px;color:#b46cff;font-size:9px;font-weight:900;letter-spacing:1.6px}.vq-personal-shelf-title h2{margin:0;color:#f2f3f7;font-size:20px}.vq-personal-shelf-title p{margin:4px 0 0;color:rgba(255,255,255,.44);font-size:10px}.vq-personal-shelf-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px}.vq-personal-shelf-card{display:block;min-width:0;overflow:hidden;text-decoration:none;border:1px solid rgba(255,255,255,.07);border-radius:13px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(139,92,246,.035));transition:.2s ease}.vq-personal-shelf-card:hover{transform:translateY(-3px);border-color:rgba(168,85,247,.30)}.vq-personal-shelf-poster{position:relative;aspect-ratio:2/3;overflow:hidden;background:#0c1220}.vq-personal-shelf-poster img{width:100%;height:100%;display:block;object-fit:cover}.vq-personal-shelf-badge,.vq-personal-shelf-rating{position:absolute;padding:5px 6px;border-radius:7px;background:rgba(8,10,18,.88);font-size:8px;font-weight:900}.vq-personal-shelf-badge{left:7px;top:7px;color:#d8b4fe}.vq-personal-shelf-rating{right:7px;bottom:7px;color:#f5c542}.vq-personal-shelf-info{padding:9px 10px 10px}.vq-personal-shelf-info strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#f2f3f7;font-size:11px}.vq-personal-shelf-info span{display:block;margin-top:4px;color:rgba(255,255,255,.42);font-size:8px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:1200px){.vq-personal-shelf-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:760px){.vq-personal-shelf-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}}@media(max-width:480px){.vq-personal-shelf-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vq-personal-shelf{margin-top:22px}}


/* Home component 12: <style id="visqo-personal-feedback-style"> */

.vq-personal-shelf-grid.owl-carousel:not(.owl-loaded){
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:11px
}
.vq-personal-shelf-grid.owl-carousel.owl-loaded{display:block}
.vq-personal-shelf-grid .owl-stage{display:flex}
.vq-personal-shelf-grid .owl-item{display:flex}
.vq-personal-shelf-grid .vq-personal-shelf-card{width:100%}

.vq-personal-shelf-grid .owl-nav{
    position:absolute;
    right:0;
    top:-50px;
    display:flex;
    gap:7px
}
.vq-personal-shelf-grid .owl-nav button{
    width:31px!important;
    height:31px!important;
    margin:0!important;
    border:1px solid rgba(255,255,255,.12)!important;
    border-radius:9px!important;
    background:rgba(255,255,255,.04)!important;
    color:#e9ddff!important;
    font-size:18px!important;
    line-height:1!important
}
.vq-personal-shelf-grid .owl-nav button:hover{
    background:rgba(139,92,246,.25)!important
}

.vq-personal-shelf-info{
    position:relative;
    padding-right:40px!important;
    position:absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 9;
}
.vq-personal-shelf-poster::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(
        to top,
        #050812 0%,
        rgba(5, 8, 18, 0.85) 18%,
        rgba(5, 8, 18, 0.35) 42%,
        rgba(5, 8, 18, 0) 70%
    );
    z-index: 1;
}
.vq-personal-shelf-less{
    padding-top: 3px;
    padding-left: 5px;
    font-size:10px;
    position:absolute;
    right:9px;
    bottom:9px;
    z-index:3;
    width:25px;
    height:25px;
    border:1px solid rgba(167,139,250,.20);
    border-radius:8px;
    background:rgba(139,92,246,.10);
    color:#c4b5fd;
    cursor:pointer;
    opacity:.58;
    transition:.2s
}
.vq-personal-shelf-card:hover .vq-personal-shelf-less{opacity:1}
.vq-personal-shelf-less:hover{
    background:#5b21b6;
    color:#fff
}
.vq-personal-shelf-reason{color:#c4b5fd!important}

/* BACKDROP */
.vq-personal-shelf-poster{
    position:relative;
    width:100%;
    aspect-ratio:16/9;
    overflow:hidden;
    border-radius:10px 10px 0 0;
    background:#0b101b
}

.vq-personal-shelf-poster img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    object-position:center
}

@media(max-width:1200px){
    .vq-personal-shelf-grid.owl-carousel:not(.owl-loaded){
        grid-template-columns:repeat(4,minmax(0,1fr))
    }
}

@media(max-width:760px){
    .vq-personal-shelf-grid.owl-carousel:not(.owl-loaded){
        grid-template-columns:repeat(3,minmax(0,1fr));
        gap:9px
    }

    .vq-personal-shelf-less{opacity:.9}

    .vq-personal-shelf-grid .owl-nav{
        top:-47px
    }
}

@media(max-width:480px){
    .vq-personal-shelf-grid.owl-carousel:not(.owl-loaded){
        grid-template-columns:repeat(2,minmax(0,1fr))
    }
}


/* Home component 13: <style id="vqVibePremiumV2"> */

.vq-vibe-premium{
    --vq-vibe-color:#8b5cf6;
    position:relative;
    margin-top:40px!important;
    padding:0;
    overflow:hidden;
    border:1px solid color-mix(in srgb,var(--vq-vibe-color) 20%,rgba(255,255,255,.08));
    border-radius:22px;
    background:
        radial-gradient(circle at 0 0,color-mix(in srgb,var(--vq-vibe-color) 15%,transparent),transparent 30%),
        linear-gradient(135deg,rgba(18,22,36,.98),rgba(8,12,21,.98));
    box-shadow:0 24px 70px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.045);
    isolation:isolate;
}
.vq-vibe-premium:before{
    content:"";
    position:absolute;
    z-index:1;
    left:0;
    right:0;
    top:0;
    height:2px;
    background:linear-gradient(90deg,transparent,var(--vq-vibe-color),#d8b4fe,transparent);
    opacity:.72;
}
.vq-vibe-premium:after{
    content:"";
    position:absolute;
    z-index:-1;
    width:420px;
    height:420px;
    right:-180px;
    top:-250px;
    border-radius:50%;
    background:var(--vq-vibe-color);
    opacity:.08;
    filter:blur(90px);
}
.vq-vibe-premium-head{
    position:relative;
    z-index:3;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:24px;
    padding:25px 27px 15px;
}
.vq-vibe-premium-brand{display:flex;align-items:center;gap:15px;min-width:0}
.vq-vibe-premium-icon{
    position:relative;
    width:54px;
    height:54px;
    flex:0 0 54px;
    display:grid;
    place-items:center;
    border:1px solid color-mix(in srgb,var(--vq-vibe-color) 55%,rgba(255,255,255,.18));
    border-radius:17px;
    color:#fff;
    font-size:19px;
    background:linear-gradient(145deg,color-mix(in srgb,var(--vq-vibe-color) 86%,#fff),color-mix(in srgb,var(--vq-vibe-color) 72%,#101522));
    box-shadow:0 12px 30px color-mix(in srgb,var(--vq-vibe-color) 24%,transparent),inset 0 1px rgba(255,255,255,.22);
}
.vq-vibe-premium-icon:after{
    content:"";
    position:absolute;
    inset:6px;
    border:1px solid rgba(255,255,255,.12);
    border-radius:11px;
}
.vq-vibe-premium-copy{min-width:0}
.vq-vibe-premium-eyebrow{
    display:flex;
    align-items:center;
    gap:8px;
    margin-bottom:5px;
    color:color-mix(in srgb,var(--vq-vibe-color) 74%,#fff);
    font-size:9px;
    font-weight:950;
    letter-spacing:2.2px;
    text-transform:uppercase;
}
.vq-vibe-live-dot{
    width:6px;
    height:6px;
    border-radius:50%;
    background:#6ee7b7;
    box-shadow:0 0 0 4px rgba(110,231,183,.09),0 0 14px rgba(110,231,183,.55);
}
.vq-vibe-premium-copy h2{
    margin:0;
    color:#fff;
    font-size:27px;
    line-height:1.05;
    font-weight:950;
    letter-spacing:-.7px;
}
.vq-vibe-premium-copy p{
    margin:7px 0 0;
    max-width:680px;
    color:rgba(255,255,255,.46);
    font-size:11px;
    line-height:1.55;
}
.vq-vibe-premium-right{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.vq-vibe-time{
    height:38px;
    display:flex;
    align-items:center;
    gap:7px;
    padding:0 12px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:12px;
    background:rgba(255,255,255,.035);
    color:rgba(255,255,255,.52);
    font-size:10px;
    font-weight:850;
}
.vq-vibe-time i{color:color-mix(in srgb,var(--vq-vibe-color) 72%,#fff)}
.vq-vibe-arrows{display:flex;gap:7px}
.vq-vibe-arrows button{
    width:38px;
    height:38px;
    display:grid;
    place-items:center;
    border:1px solid rgba(255,255,255,.09);
    border-radius:12px;
    background:rgba(255,255,255,.035);
    color:rgba(255,255,255,.62);
    cursor:pointer;
    transition:background .2s ease,color .2s ease,border-color .2s ease;
}
.vq-vibe-arrows button:hover{
    color:#fff;
    border-color:color-mix(in srgb,var(--vq-vibe-color) 45%,transparent);
    background:color-mix(in srgb,var(--vq-vibe-color) 15%,transparent);
}
.vq-vibe-premium-bar{
    position:relative;
    z-index:3;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    margin:0 27px 18px;
    padding:10px 12px;
    border:1px solid rgba(255,255,255,.055);
    border-radius:12px;
    background:rgba(3,7,14,.28);
}
.vq-vibe-premium-context{display:flex;align-items:center;gap:9px;min-width:0}
.vq-vibe-context-icon{
    width:27px;
    height:27px;
    flex:0 0 27px;
    display:grid;
    place-items:center;
    border-radius:8px;
    color:color-mix(in srgb,var(--vq-vibe-color) 72%,#fff);
    background:color-mix(in srgb,var(--vq-vibe-color) 12%,transparent);
    font-size:10px;
}
.vq-vibe-context-text{
    min-width:0;
    color:rgba(255,255,255,.42);
    font-size:10px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.vq-vibe-context-text strong{color:rgba(255,255,255,.76)}
.vq-vibe-count{flex:0 0 auto;color:rgba(255,255,255,.3);font-size:9px;font-weight:800}
.vq-vibe-premium-content{position:relative;z-index:3;padding:0 27px 27px}
.vq-vibe-posters .owl-stage{display:flex}
.vq-vibe-posters .owl-item{display:flex;min-width:0}
.vq-vibe-premium .vq-vibe-item{
    position:relative;
    display:block;
    width:100%!important;
    min-width:0;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.08)!important;
    border-radius:15px!important;
    background:#080c14!important;
    box-shadow:0 10px 28px rgba(0,0,0,.24)!important;
    text-decoration:none;
    transform:none!important;
}
.vq-vibe-premium .vq-vibe-poster{
    position:relative;
    width:100%;
    aspect-ratio:16/9!important;
    overflow:hidden!important;
    border-radius:14px!important;
    background:#0a0e17;
}
.vq-vibe-premium .vq-vibe-poster img{
    position:absolute;
    inset:0;
    width:100%!important;
    height:100%!important;
    object-fit:cover;
    border-radius:14px!important;
    transform:none!important;
}
.vq-vibe-premium .vq-vibe-poster:after{
    content:"";
    position:absolute;
    z-index:2;
    inset:0;
    background:linear-gradient(
        to top,
        rgba(3,7,14,1) 0%,
        rgba(3,7,14,.94) 17%,
        rgba(3,7,14,.64) 35%,
        rgba(3,7,14,.20) 58%,
        transparent 76%
    );
    pointer-events:none;
}
.vq-vibe-media{display:none!important}
.vq-vibe-premium .vq-vibe-rating{
    position:absolute;
    z-index:5!important;
    right:9px!important;
    top:9px!important;
    bottom:auto!important;
    display:flex;
    align-items:center;
    gap:4px;
    padding:5px 7px;
    border:1px solid rgba(255,255,255,.1)!important;
    border-radius:7px!important;
    background:rgba(3,7,14,.76)!important;
    color:#f8d66d;
    font-size:8px;
    font-weight:900;
    backdrop-filter:blur(9px);
}
.vq-vibe-premium .vq-vibe-item-info{
    position:absolute!important;
    z-index:4!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    padding:38px 11px 10px!important;
    background:transparent!important;
    transform:none!important;
}
.vq-vibe-premium .vq-vibe-item-title{
    display:block;
    color:#fff!important;
    font-size:12px!important;
    line-height:1.25;
    font-weight:850!important;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    text-shadow:0 2px 10px rgba(0,0,0,.95),0 1px 2px rgba(0,0,0,1);
}
.vq-vibe-premium .vq-vibe-item-sub{display:none!important}
.vq-vibe-discover{display:none!important}

@media(max-width:900px){
    .vq-vibe-premium{border-radius:20px}
    .vq-vibe-premium-head{padding:21px 19px 14px}
    .vq-vibe-premium-copy h2{font-size:23px}
    .vq-vibe-time{display:none}
    .vq-vibe-premium-bar{margin:0 19px 16px}
    .vq-vibe-premium-content{padding:0 19px 20px}
}
@media(max-width:600px){
    .vq-vibe-premium{
        margin-top:30px!important;
        overflow:visible;
        border:0;
        border-radius:0;
        background:transparent;
        box-shadow:none;
    }
    .vq-vibe-premium:before,.vq-vibe-premium:after{display:none}
    .vq-vibe-premium-head{
        position:relative;
        align-items:center;
        gap:10px;
        padding:0 0 14px 13px;
    }
    .vq-vibe-premium-head:before{
        content:"";
        position:absolute;
        left:0;
        top:4px;
        bottom:17px;
        width:3px;
        border-radius:99px;
        background:linear-gradient(180deg,var(--vq-vibe-color),#d946ef);
        box-shadow:0 0 14px color-mix(in srgb,var(--vq-vibe-color) 40%,transparent);
    }
    .vq-vibe-premium-brand{gap:10px;min-width:0}
    .vq-vibe-premium-icon{
        width:40px;
        height:40px;
        flex-basis:40px;
        border-radius:12px;
        font-size:15px;
        box-shadow:0 8px 20px color-mix(in srgb,var(--vq-vibe-color) 18%,transparent);
    }
    .vq-vibe-premium-icon:after{inset:5px;border-radius:8px}
    .vq-vibe-premium-copy h2{font-size:19px;letter-spacing:-.35px}
    .vq-vibe-premium-copy p{
        margin-top:3px;
        font-size:8px;
        line-height:1.35;
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis;
    }
    .vq-vibe-premium-eyebrow{font-size:7px;letter-spacing:1.5px;margin-bottom:3px}
    .vq-vibe-premium-right{margin-left:auto}
    .vq-vibe-time,.vq-vibe-premium-bar{display:none}
    .vq-vibe-arrows{gap:6px}
    .vq-vibe-arrows button{
        width:38px;
        height:38px;
        border-radius:11px;
        background:rgba(255,255,255,.025);
    }
    .vq-vibe-premium-content{padding:0}
    .vq-vibe-posters .owl-stage-outer{overflow:hidden}
    .vq-vibe-posters .owl-stage{display:flex!important}
    .vq-vibe-posters .owl-item{
        display:flex!important;
        min-width:0!important;
    }
    .vq-vibe-posters .owl-item>.vq-vibe-item{
        width:100%!important;
        max-width:none!important;
        flex:1 1 100%!important;
        border-radius:14px!important;
    }
    .vq-vibe-premium .vq-vibe-poster,
    .vq-vibe-premium .vq-vibe-poster img{border-radius:13px!important}
    .vq-vibe-premium .vq-vibe-item-title{font-size:10px!important}
    .vq-vibe-premium .vq-vibe-item-info{padding:40px 10px 10px!important}
    .vq-vibe-premium .vq-vibe-rating{
        right:7px!important;
        top:7px!important;
        padding:4px 6px;
        font-size:7px;
    }
}


/* Home component 14: <style> */


.vq-section-subtitle{margin:5px 0 0;color:rgba(255,255,255,.42);font-size:11px;font-weight:600}

.vq-rich-section,.vq-random-section{margin-top:34px}

.vq-rich-kicker{display:inline-flex;align-items:center;gap:6px;margin-bottom:5px;color:#b46cff;font-size:9px;font-weight:900;letter-spacing:1.8px;text-transform:uppercase}

.vq-rich-card{display:block;min-width:0;overflow:hidden;text-decoration:none;border:1px solid rgba(255,255,255,.07);border-radius:15px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(139,92,246,.035));transition:.22s ease}

.vq-rich-card:hover{transform:translateY(-4px);border-color:rgba(168,85,247,.32);box-shadow:0 16px 36px rgba(0,0,0,.22)}

.vq-rich-poster{position:relative;aspect-ratio:2/3;overflow:hidden}

.vq-rich-poster img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .35s ease}

.vq-rich-card:hover .vq-rich-poster img{transform:scale(1.045)}

.vq-rich-type,.vq-rich-rating{position:absolute;z-index:2;bottom:9px;padding:5px 7px;border-radius:7px;background:rgba(10,10,18,.88);backdrop-filter:blur(8px);font-size:9px;font-weight:900}

.vq-rich-type{left:9px;color:#c084fc}.vq-rich-rating{right:9px;color:#f5c542}

.vq-rich-info{padding:10px 11px 12px}.vq-rich-info strong{display:block;color:#f3f1f7;font-size:12px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vq-rich-info span{display:block;margin-top:5px;color:rgba(255,255,255,.4);font-size:9px;font-weight:700}

.vq-random-banner{display:flex;align-items:center;gap:13px;margin-bottom:16px;padding:14px 16px;border:1px solid rgba(168,85,247,.18);border-radius:15px;background:radial-gradient(circle at 0 50%,rgba(168,85,247,.13),transparent 34%),rgba(255,255,255,.025)}

.vq-random-icon{width:43px;height:43px;flex:0 0 43px;display:grid;place-items:center;border-radius:12px;color:#d8b4fe;background:rgba(139,92,246,.13);border:1px solid rgba(168,85,247,.2);font-size:18px}

.vq-random-copy{min-width:0;flex:1}.vq-random-copy>span{display:block;color:#b46cff;font-size:9px;font-weight:900;letter-spacing:1.7px}.vq-random-copy h2{margin:3px 0 0;font-size:20px;line-height:1.15}.vq-random-copy p{margin:4px 0 0;color:rgba(255,255,255,.43);font-size:10px;font-weight:600}

.vq-random-shuffle{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;padding:9px 13px;border:1px solid rgba(168,85,247,.24);border-radius:10px;background:rgba(139,92,246,.1);color:#e9ddff;font-size:10px;font-weight:900;cursor:pointer;transition:.2s ease}

.vq-random-shuffle:hover{background:rgba(139,92,246,.18);border-color:rgba(168,85,247,.4);transform:translateY(-1px)}

.vq-random-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.vq-random-card{min-width:0;overflow:hidden;text-decoration:none;border:1px solid rgba(255,255,255,.065);border-radius:12px;background:rgba(255,255,255,.025);transition:transform .22s ease,opacity .18s ease,filter .18s ease,border-color .2s ease;transform:translateZ(0)}.vq-random-card:hover{transform:translateY(-3px);border-color:rgba(168,85,247,.3)}

.vq-random-card.vq-dice-rolling{animation:vqDiceRoll .16s ease-in-out infinite alternate;filter:blur(.7px) saturate(.8);opacity:.82}.vq-random-card.vq-dice-final{animation:vqDiceFinal .42s cubic-bezier(.2,.85,.25,1) both}.vq-random-grid.vq-shuffling{perspective:900px}.vq-random-grid.vq-shuffling .vq-random-card{pointer-events:none}.vq-random-shuffle.vq-shuffling{pointer-events:none;opacity:.8}.vq-random-shuffle.vq-shuffling i{animation:vqDiceIcon 1s linear infinite}.vq-random-grid.vq-shuffle-burst .vq-random-card{animation:vqDiceBurst .38s cubic-bezier(.2,.8,.2,1) both}

@keyframes vqDiceRoll{from{transform:translateY(-3px) rotateX(-2deg) rotateY(-1deg) scale(.985)}to{transform:translateY(3px) rotateX(2deg) rotateY(1deg) scale(1.01)}}

@keyframes vqDiceFinal{0%{opacity:.25;transform:translateY(14px) scale(.94) rotateX(12deg);filter:blur(4px)}65%{opacity:1;transform:translateY(-3px) scale(1.015) rotateX(-2deg);filter:blur(0)}100%{opacity:1;transform:translateY(0) scale(1) rotateX(0);filter:none}}

@keyframes vqDiceBurst{0%{opacity:.35;transform:translateY(18px) scale(.9) rotateY(12deg)}100%{opacity:1;transform:translateY(0) scale(1) rotateY(0)}}

@keyframes vqDiceIcon{to{transform:rotate(360deg)}}

.vq-random-poster{aspect-ratio:2/3;overflow:hidden}.vq-random-poster img{width:100%;height:100%;display:block;object-fit:cover}.vq-random-info{padding:8px 9px 10px}.vq-random-type{display:flex;align-items:center;gap:4px;color:#b46cff;font-size:8px;font-weight:900;text-transform:uppercase}.vq-random-info strong{display:block;margin-top:4px;color:#eee;font-size:10px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vq-random-info small{display:block;margin-top:5px;color:#f5c542;font-size:9px;font-weight:800}

@media(max-width:1100px){.vq-random-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}

@media(max-width:700px){.vq-random-banner{align-items:flex-start;flex-wrap:wrap}.vq-random-copy{flex:1 1 calc(100% - 58px)}.vq-random-shuffle{width:100%;justify-content:center}.vq-random-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}

@media(max-width:500px){.vq-random-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}



/* Home component 15: <style> */


/* =========================================================

   NEDEN BUNU ÖNERDİN? MODAL

   İç scroll var, scrollbar görünmez.

========================================================= */



.vq-reason-modal{

    position:fixed!important;

    inset:0!important;

    z-index:1000000!important;

    display:none!important;

    align-items:center!important;

    justify-content:center!important;

    padding:20px!important;

    overflow:hidden!important;

    background:rgba(2,5,11,.82)!important;

    backdrop-filter:blur(18px)!important;

    -webkit-backdrop-filter:blur(18px)!important;

}



.vq-reason-modal.is-open{

    display:flex!important;

    animation:vqReasonFade .18s ease both!important;

}



.vq-reason-dialog{

    width:min(760px,100%)!important;

    height:min(850px,calc(100vh - 40px))!important;

    max-height:calc(100vh - 40px)!important;

    overflow-y:auto!important;

    overflow-x:hidden!important;

    scrollbar-width:none!important;

    -ms-overflow-style:none!important;

    overscroll-behavior:contain!important;

    border:1px solid rgba(168,85,247,.23)!important;

    border-radius:25px!important;

    background:

        radial-gradient(circle at 90% 0%,rgba(139,92,246,.15),transparent 30%),

        radial-gradient(circle at 0% 100%,rgba(59,130,246,.05),transparent 30%),

        linear-gradient(145deg,#121827,#080d17 74%)!important;

    box-shadow:0 35px 120px rgba(0,0,0,.65),0 0 80px rgba(124,58,237,.11)!important;

}



.vq-reason-dialog::-webkit-scrollbar{

    width:0!important;

    height:0!important;

    display:none!important;

}



.vq-reason-head{

    display:flex!important;

    align-items:flex-start!important;

    justify-content:space-between!important;

    gap:18px!important;

    padding:25px 27px 20px!important;

    border-bottom:1px solid rgba(255,255,255,.065)!important;

}



.vq-reason-kicker{

    display:block!important;

    margin-bottom:5px!important;

    color:#b58aff!important;

    font-size:9px!important;

    font-weight:900!important;

    letter-spacing:2px!important;

    text-transform:uppercase!important;

}



.vq-reason-title{

    margin:0!important;

    color:#fff!important;

    font-size:24px!important;

    line-height:1.12!important;

    font-weight:900!important;

}



.vq-reason-subtitle{

    margin:7px 0 0!important;

    color:rgba(255,255,255,.42)!important;

    font-size:10px!important;

}



.vq-reason-close{

    width:38px!important;

    height:38px!important;

    flex:0 0 38px!important;

    display:grid!important;

    place-items:center!important;

    border:1px solid rgba(255,255,255,.09)!important;

    border-radius:12px!important;

    background:rgba(255,255,255,.04)!important;

    color:rgba(255,255,255,.58)!important;

    cursor:pointer!important;

}



.vq-reason-hero{

    display:grid!important;

    grid-template-columns:78px minmax(0,1fr) 110px!important;

    align-items:center!important;

    gap:18px!important;

    margin:18px 27px 14px!important;

    padding:14px!important;

    border:1px solid rgba(168,85,247,.18)!important;

    border-radius:18px!important;

    background:linear-gradient(135deg,rgba(124,58,237,.11),rgba(255,255,255,.025))!important;

}



.vq-reason-poster{

    width:78px!important;

    height:108px!important;

    border-radius:11px!important;

    object-fit:cover!important;

}



.vq-reason-hero-copy{min-width:0!important}

.vq-reason-hero-type{display:flex!important;align-items:center!important;gap:7px!important;color:rgba(255,255,255,.43)!important;font-size:9px!important;font-weight:800!important}

.vq-reason-hero-type i{color:#b58aff!important}

.vq-reason-hero-title{margin:7px 0 5px!important;color:#fff!important;font-size:20px!important;font-weight:900!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}

.vq-reason-hero-copy p{margin:0!important;color:rgba(255,255,255,.46)!important;font-size:10px!important;line-height:1.55!important}



.vq-reason-main-score{text-align:center!important}

.vq-reason-score-ring{

    width:84px!important;height:84px!important;margin:auto!important;

    display:grid!important;place-items:center!important;position:relative!important;border-radius:50%!important;

    background:conic-gradient(#9b4dff calc(var(--reason-score)*1%),rgba(255,255,255,.07) 0)!important;

}

.vq-reason-score-ring:before{content:""!important;position:absolute!important;inset:7px!important;border-radius:50%!important;background:#10131e!important}

.vq-reason-score-ring strong{position:relative!important;z-index:1!important;color:#f5efff!important;font-size:18px!important;font-weight:900!important}

.vq-reason-main-score span{display:block!important;margin-top:7px!important;color:#c49cff!important;font-size:9px!important;font-weight:900!important;letter-spacing:1.3px!important}



.vq-reason-answer{margin:0 27px 18px!important;padding:15px 17px!important;border-radius:16px!important;border:1px solid rgba(168,85,247,.16)!important;background:rgba(124,58,237,.065)!important}

.vq-reason-answer-top{display:flex!important;align-items:center!important;gap:9px!important;color:#f8f5ff!important;font-size:12px!important;font-weight:900!important}

.vq-reason-answer-top i{color:#c084fc!important}

.vq-reason-answer p{margin:7px 0 0!important;color:rgba(255,255,255,.53)!important;font-size:10px!important;line-height:1.65!important}

.vq-reason-answer strong{color:#fff!important}



.vq-reason-section-title{display:flex!important;align-items:center!important;gap:8px!important;margin:20px 27px 10px!important;color:#f3efff!important;font-size:12px!important;font-weight:900!important}

.vq-reason-section-title i{color:#b58aff!important}



.vq-reason-two-col{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;margin:0 27px!important}

.vq-reason-column{padding:14px!important;border:1px solid rgba(255,255,255,.065)!important;border-radius:15px!important;background:rgba(255,255,255,.022)!important}

.vq-reason-column-head{display:flex!important;align-items:center!important;gap:8px!important;color:#eee!important;font-size:10px!important;font-weight:900!important}

.vq-reason-column-head i{color:#b58aff!important}

.vq-reason-column p{margin:5px 0 10px!important;color:rgba(255,255,255,.36)!important;font-size:8px!important;line-height:1.5!important}

.vq-reason-tags{display:flex!important;flex-wrap:wrap!important;gap:6px!important}

.vq-reason-tag{display:inline-flex!important;align-items:center!important;padding:6px 8px!important;border-radius:8px!important;border:1px solid rgba(168,85,247,.17)!important;background:rgba(124,58,237,.07)!important;color:#d7c6f7!important;font-size:8px!important;font-weight:800!important}



.vq-reason-steps{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:10px!important;margin:0 27px!important}

.vq-reason-step{padding:14px!important;border:1px solid rgba(255,255,255,.065)!important;border-radius:15px!important;background:rgba(255,255,255,.022)!important}

.vq-reason-step-num{width:25px!important;height:25px!important;display:grid!important;place-items:center!important;border-radius:8px!important;background:rgba(139,92,246,.13)!important;color:#c4b5fd!important;font-size:9px!important;font-weight:900!important;margin-bottom:9px!important}

.vq-reason-step strong{display:block!important;color:#f4f1ff!important;font-size:10px!important}

.vq-reason-step span{display:block!important;margin-top:5px!important;color:rgba(255,255,255,.40)!important;font-size:8px!important;line-height:1.55!important}



.vq-reason-match-note{margin:11px 27px 0!important;padding:11px 13px!important;border-left:2px solid #8b5cf6!important;border-radius:0 10px 10px 0!important;background:rgba(139,92,246,.045)!important;color:rgba(255,255,255,.39)!important;font-size:8px!important;line-height:1.6!important}



.vq-reason-signals{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;margin:0 27px 25px!important}

.vq-reason-signal{padding:13px!important;border-radius:14px!important;border:1px solid rgba(255,255,255,.065)!important;background:rgba(255,255,255,.022)!important}

.vq-reason-signal i{width:30px!important;height:30px!important;display:grid!important;place-items:center!important;border-radius:9px!important;background:rgba(139,92,246,.11)!important;color:#c4b5fd!important;margin-bottom:8px!important}

.vq-reason-signal strong{display:block!important;color:#f4f1ff!important;font-size:10px!important}

.vq-reason-signal span{display:block!important;margin-top:4px!important;color:rgba(255,255,255,.40)!important;font-size:8px!important;line-height:1.5!important}



body.vq-reason-modal-open{overflow:hidden!important}



@keyframes vqReasonFade{

    from{opacity:0;transform:translateY(5px) scale(.99)}

    to{opacity:1;transform:none}

}



@media(max-width:700px){

    .vq-reason-modal{padding:10px!important}

    .vq-reason-dialog{

        width:100%!important;

        height:calc(100vh - 20px)!important;

        max-height:calc(100vh - 20px)!important;

        border-radius:20px!important;

    }

    .vq-reason-head{padding:20px 18px 17px!important}

    .vq-reason-title{font-size:20px!important}

    .vq-reason-hero{

        grid-template-columns:64px minmax(0,1fr)!important;

        margin:15px 18px 12px!important;

    }

    .vq-reason-poster{width:64px!important;height:88px!important}

    .vq-reason-main-score{

        grid-column:1/-1!important;

        display:flex!important;

        align-items:center!important;

        gap:12px!important;

        text-align:left!important;

    }

    .vq-reason-score-ring{margin:0!important;width:66px!important;height:66px!important;flex-basis:66px!important}

    .vq-reason-score-ring:before{inset:6px!important}

    .vq-reason-score-ring strong{font-size:15px!important}

    .vq-reason-main-score span{margin-top:0!important}

    .vq-reason-answer,.vq-reason-two-col,.vq-reason-steps,.vq-reason-signals{margin-left:18px!important;margin-right:18px!important}

    .vq-reason-two-col,.vq-reason-steps,.vq-reason-signals{grid-template-columns:1fr!important}

    .vq-reason-section-title{margin-left:18px!important;margin-right:18px!important}

    .vq-reason-match-note{margin-left:18px!important;margin-right:18px!important}

}





/* Home component 16: <style id="vq-home-card-system"> */

:is(.vq-poster-card,.vq-personal-shelf-card,.vq-rich-card,.vq-random-card,.vq-vibe-item,.vq-guest-discovery-card){aspect-ratio:16/9!important;height:auto!important;align-self:start!important}

:is(.vq-poster-card,.vq-personal-shelf-card,.vq-rich-card,.vq-random-card,.vq-vibe-item,.vq-guest-discovery-card,.vq-personal-poster,.vqcw-card){position:relative!important;display:block;min-width:0;overflow:hidden!important;border:0!important;border-radius:6px!important;background:#181818!important;box-shadow:none!important;transform:none!important;text-decoration:none;isolation:isolate;transition:filter .2s ease!important}
:is(.vq-poster-media,.vq-rich-poster,.vq-random-poster,.vq-vibe-poster){position:relative!important;width:100%!important;height:auto!important;aspect-ratio:16/9!important;border-radius:0!important;overflow:hidden}
.vq-personal-shelf-poster,.vqcw-image{position:relative!important;width:100%!important;height:auto!important;aspect-ratio:16/9!important;border-radius:0!important;overflow:hidden}
.vqcw-card{height:auto!important;aspect-ratio:16/9!important}
:is(.vq-poster-media,.vq-personal-shelf-poster,.vq-rich-poster,.vq-random-poster,.vq-vibe-poster,.vqcw-image) img{display:block;width:100%!important;height:100%!important;position:absolute;inset:0;object-fit:cover;transform:none!important}
:is(.vq-poster-info,.vq-personal-shelf-info,.vq-rich-info,.vq-random-info,.vq-vibe-item-info){position:absolute!important;left:0!important;right:0!important;bottom:0!important;z-index:4;padding:30px 11px 10px!important;margin:0!important;background:linear-gradient(transparent,rgba(0,0,0,.84))!important;border:0!important}
:is(.vq-poster-info,.vq-personal-shelf-info,.vq-rich-info,.vq-random-info,.vq-vibe-item-info) strong{display:block;color:#fff!important;font-size:12px!important;font-weight:700!important;line-height:1.35!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
:is(.vq-poster-info,.vq-personal-shelf-info,.vq-rich-info,.vq-random-info)>:is(span,small),.vq-vibe-item-sub{display:none!important}
.vq-personal-shelf-info{padding-right:37px!important}
.vq-personal-shelf-less{right:7px!important;bottom:7px!important;top:auto!important;opacity:1!important}
:is(.vq-content-type-icon,.vq-vibe-discover,.vq-rich-type,.vq-random-type){display:none!important}
:is(.vq-poster-rating,.vq-personal-shelf-rating,.vq-rich-rating,.vq-vibe-rating){top:8px!important;right:8px!important;bottom:auto!important;border:0!important;border-radius:4px!important;background:rgba(0,0,0,.75)!important;color:#fff!important;font-size:10px!important;padding:4px 6px!important}
.vq-vibe-poster:after{display:none!important}
:is(.vq-poster-card,.vq-personal-shelf-card,.vq-rich-card,.vq-random-card,.vq-vibe-item,.vqcw-card):focus-visible{outline:2px solid #fff!important;outline-offset:3px}
.vq-home-preview{position:fixed;z-index:99990;contain:layout paint style;width:360px;overflow:hidden;border-radius:8px;background:#181818;color:#fff;box-shadow:0 14px 55px rgba(0,0,0,.75);opacity:0;transform:translateY(10px) scale(.94);pointer-events:none;font-family:inherit}
.vq-home-preview[hidden]{display:none!important}
.vq-home-preview.is-open{opacity:1;transform:translateY(0) scale(1);pointer-events:auto;animation:vqHomePreviewReveal .3s cubic-bezier(.16,1,.3,1) both}
@keyframes vqHomePreviewReveal{from{opacity:0;transform:translateY(10px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}
.vq-home-preview-media{position:relative;aspect-ratio:16/9;background:#101010;overflow:hidden}
.vq-home-preview-media img{width:100%;height:100%;object-fit:cover;display:block}
.vq-home-preview-media.is-poster img{object-fit:contain;background:radial-gradient(ellipse at center,#353535,#101010)}
.vq-home-preview-media iframe{position:absolute;inset:0;width:100%;height:100%;border:0;opacity:0;pointer-events:none!important;transition:opacity .35s ease}
.vq-home-preview-media.is-loading iframe,.vq-home-preview-media.is-playing iframe{opacity:1;pointer-events:none!important}
.vq-home-preview-trailer-note{margin:8px 0 0;font-size:11px;color:#bbb;line-height:1.5}
.vq-home-preview-trailer-note button{padding:5px 9px;margin-right:8px;border:1px solid #666;border-radius:6px;background:#242424;color:#fff;font:inherit;cursor:pointer}
.vq-home-preview-trailer-note a{color:#ddd;text-decoration:underline}
.vq-home-preview-trailer-note[hidden]{display:none!important}
.vq-home-preview-actions .vq-home-preview-sound[hidden]{display:none!important}
.vq-home-preview-sound[aria-pressed="true"]{background:#fff;color:#111}
@media(prefers-reduced-motion:reduce){.vq-home-preview-media iframe{transition:none}}
.vq-home-preview-body{padding:16px 18px 18px}
.vq-home-preview-actions{display:flex;align-items:center;gap:9px;margin-bottom:12px}
.vq-home-preview-actions a,.vq-home-preview-actions button{width:38px;height:38px;display:grid;place-items:center;flex:0 0 38px;border:1px solid #888;border-radius:50%;background:transparent;color:white;text-decoration:none;cursor:pointer;font-size:16px}
.vq-home-preview-actions .vq-home-preview-primary{width:auto;flex:0 0 auto;padding:0 16px;border-radius:22px;gap:7px;display:flex;background:#fff;color:#111;border-color:#fff;font-size:12px;font-weight:800}
.vq-home-preview-actions .vq-home-preview-detail{margin-left:auto}
.vq-home-preview-actions :is(a,button):hover{border-color:#fff;filter:brightness(.85)}
.vq-home-preview-actions :is(a,button):focus-visible{outline:2px solid #bca4ff;outline-offset:3px}
.vq-home-preview-title{margin:0 0 9px;color:#fff;font-size:17px;font-weight:750;line-height:1.3}
.vq-home-preview-meta{color:#bcbcbc;font-size:12px;line-height:1.6}
.vq-home-preview-reason{margin:8px 0 0;color:#fff;font-size:12px;line-height:1.5}

.vq-personal-poster{aspect-ratio:2/3!important;height:auto!important;border-radius:6px!important}
.vq-personal-poster img{width:100%!important;height:100%!important;object-fit:cover;transform:none!important}
.vq-guest-discovery-card>img{width:100%;aspect-ratio:2/3;object-fit:cover;display:block}
.vq-guest-discovery-card>div{position:absolute;bottom:0;left:0;right:0;padding:30px 11px 10px;background:linear-gradient(transparent,rgba(0,0,0,.84))}
.vq-guest-discovery-card>div :is(span,small){display:none}

html body :is(.vq-vibe-premium,.vq-rich-section,.vq-random-section,.vq-latest-movies,.vq-latest-series,.vq-popular-movies,.vq-popular-series) :is(.vq-vibe-item,.vq-rich-card,.vq-random-card,.vq-poster-card):hover{transform:none!important;box-shadow:none!important;filter:none!important}
html body :is(.vq-vibe-item,.vq-rich-card,.vq-random-card,.vq-poster-card):hover img{transform:none!important;filter:none!important}
.vq-home-detail-side{display:grid;align-content:start;gap:15px}
.vq-home-detail-side .vq-home-detail-side-row strong{display:block;margin-bottom:4px;color:#8b8b8b;font-size:12px;font-weight:500;letter-spacing:0;text-transform:none}
.vq-home-detail-side .vq-home-detail-side-row p{margin:0;color:#eee;font-size:13px;line-height:1.55}
.vq-home-detail-extra{padding:4px 42px 46px}
.vq-home-detail-extra[hidden]{display:none!important}
.vq-home-detail-extra-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:17px}
.vq-home-detail-extra h3{margin:0;color:#fff;font-size:23px;font-style:normal!important}
.vq-home-detail-season-wrap{position:relative;min-width:164px;height:44px;display:flex;align-items:center;border:1px solid rgba(168,85,247,.42);border-radius:12px;background:linear-gradient(145deg,rgba(124,58,237,.2),rgba(15,23,42,.96));box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 8px 22px rgba(0,0,0,.22);transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}
.vq-home-detail-season-wrap[hidden]{display:none!important}
.vq-home-detail-season-wrap:hover{transform:translateY(-1px);border-color:rgba(192,132,252,.72);box-shadow:0 10px 26px rgba(76,29,149,.25)}
.vq-home-detail-season-wrap:focus-within{border-color:#c084fc;box-shadow:0 0 0 3px rgba(168,85,247,.16)}
.vq-home-detail-season-wrap>i:first-child{position:absolute;left:13px;color:#c084fc;font-size:13px;pointer-events:none}
.vq-home-detail-season-wrap>i:last-child{position:absolute;right:13px;color:#d8b4fe;font-size:10px;pointer-events:none}
.vq-home-detail-season{width:100%;height:100%;padding:0 35px 0 36px;border:0;outline:0;appearance:none;-webkit-appearance:none;background:transparent;color:#fff;font:800 13px/1 inherit;font-style:normal!important;cursor:pointer}
.vq-home-detail-season option{background:#111827;color:#fff}
.vq-home-detail-extra-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.vq-home-detail-extra-card{display:block;overflow:hidden;border:1px solid rgba(139,92,246,.15);border-radius:9px;background:#111a2a;color:#fff;text-decoration:none;content-visibility:auto;contain-intrinsic-size:220px}
.vq-home-detail-extra-grid:not(.is-episodes) .vq-home-detail-extra-card{position:relative;min-height:225px;background:linear-gradient(145deg,#151f32,#0d1422);box-shadow:0 10px 28px rgba(0,0,0,.24);transition:transform .24s ease,box-shadow .24s ease}
.vq-home-detail-extra-grid:not(.is-episodes) .vq-home-detail-extra-card:hover{transform:translateY(-5px);border-color:rgba(168,85,247,.48);box-shadow:0 18px 38px rgba(0,0,0,.4),0 0 0 1px rgba(139,92,246,.12)}
.vq-home-detail-extra-grid:not(.is-episodes) .vq-home-detail-extra-image{aspect-ratio:16/10}
.vq-home-detail-extra-grid:not(.is-episodes) .vq-home-detail-extra-copy{min-height:68px;background:linear-gradient(145deg,#172238,#0f1728)}
.vq-home-detail-extra-image{position:relative;aspect-ratio:16/9;overflow:hidden;background:#111}
.vq-home-detail-extra-image img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .25s ease}
.vq-home-detail-extra-card:hover .vq-home-detail-extra-image img{transform:scale(1.035)}
.vq-home-detail-extra-copy{padding:12px 13px 14px}
.vq-home-detail-extra-copy strong{display:block;font-size:14px;line-height:1.35}
.vq-home-detail-extra-meta{display:block;margin-top:5px;color:#bdbdbd;font-size:11px}
.vq-home-detail-extra-copy p{display:-webkit-box;margin:8px 0 0;overflow:hidden;color:#cfcfcf;font-size:12px;line-height:1.45;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.vq-home-detail-extra-grid.is-movies{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.vq-home-detail-extra-grid.is-movies .vq-home-detail-extra-card{display:block;min-height:0;aspect-ratio:2/3;overflow:hidden;border-radius:9px;background:#0b101b}
.vq-home-detail-extra-grid.is-movies .vq-home-detail-extra-image{display:block;width:100%;height:100%;aspect-ratio:auto;overflow:hidden}
.vq-home-detail-extra-grid.is-movies .vq-home-detail-extra-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.vq-home-detail-extra-grid.is-movies .vq-home-detail-extra-copy{display:none!important}
.vq-home-detail-progress{display:block!important;box-sizing:border-box;width:100%!important;max-width:100%!important;min-width:0;margin:11px 0 0!important;padding:0!important;overflow:hidden!important;line-height:1!important}
.vq-home-detail-progress-head{display:flex!important;align-items:center;justify-content:space-between;box-sizing:border-box;width:100%!important;max-width:100%!important;min-width:0;margin:0 0 6px!important;padding:0!important;color:#bdbdbd;font-size:10px;line-height:1.2!important}
.vq-home-detail-progress-track{position:relative!important;display:block!important;box-sizing:border-box;width:100%!important;max-width:100%!important;height:4px!important;min-height:4px!important;margin:0!important;padding:0!important;overflow:hidden!important;border-radius:999px!important;background:#263047!important;line-height:0!important}
.vq-home-detail-progress-fill{position:absolute!important;left:0!important;top:0!important;bottom:0!important;display:block!important;max-width:100%!important;height:4px!important;min-height:0!important;margin:0!important;padding:0!important;border-radius:999px!important;background:linear-gradient(90deg,#7c3aed,#a855f7 55%,#c084fc)!important;transition:width .3s ease}
.vq-home-detail-extra-grid.is-episodes{grid-template-columns:1fr;gap:10px}
.is-episodes .vq-home-detail-extra-card{display:grid;grid-template-columns:220px minmax(0,1fr);align-items:stretch;overflow:hidden!important;contain:layout paint}
.is-episodes .vq-home-detail-extra-image{box-sizing:border-box;width:100%;max-width:100%;height:100%;min-width:0;aspect-ratio:auto;overflow:hidden}
.is-episodes .vq-home-detail-extra-image img{width:100%!important;max-width:100%!important;height:100%!important;object-fit:cover}
.is-episodes .vq-home-detail-extra-copy{box-sizing:border-box;width:100%;min-width:0;max-width:100%;overflow:hidden}
.is-episodes .vq-home-detail-progress{width:100%!important;max-width:100%!important}
.is-episodes .vq-home-detail-progress-track{width:100%!important;max-width:100%!important}
html.vq-home-detail-open,body.vq-home-detail-open{overflow:hidden!important;overscroll-behavior:none}
.vq-home-detail-modal{position:fixed;inset:0;z-index:100020;display:grid;place-items:center;box-sizing:border-box;padding:clamp(84px,10vh,104px) 24px clamp(24px,4vh,42px);overflow:hidden;background:radial-gradient(circle at 18% 8%,rgba(124,58,237,.18),transparent 38%),rgba(3,8,17,.9);opacity:0;pointer-events:none;transition:opacity .2s ease}
.vq-home-detail-modal[hidden]{display:none!important}
.vq-home-detail-modal.is-open{opacity:1;pointer-events:auto}
.vq-home-detail-dialog{position:relative;width:min(920px,calc(100vw - 48px));max-height:100%;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;border-radius:12px;background:linear-gradient(180deg,#0e1524 0%,#090f1a 58%,#080d17 100%);color:#fff;border:1px solid rgba(139,92,246,.2);box-shadow:0 24px 64px rgba(0,0,0,.72);font-style:normal;contain:layout paint style;opacity:0;filter:blur(8px);transform:perspective(1100px) translateY(54px) scale(.92) rotateX(2deg);transform-origin:50% 42%;transition:opacity .3s ease,filter .42s ease,transform .52s cubic-bezier(.16,1,.3,1);scrollbar-width:none;-ms-overflow-style:none}
.vq-home-detail-dialog::-webkit-scrollbar{display:none;width:0;height:0}
.vq-home-detail-modal.is-open .vq-home-detail-dialog{opacity:1;filter:blur(0);transform:perspective(1100px) translateY(0) scale(1) rotateX(0)}
.vq-home-detail-hero>img{transform:scale(1.075);transition:transform .85s cubic-bezier(.16,1,.3,1)}
.vq-home-detail-modal.is-open .vq-home-detail-hero>img{transform:scale(1)}
.vq-home-detail-copy{opacity:0;transform:translateY(20px);transition:opacity .34s ease .15s,transform .48s cubic-bezier(.16,1,.3,1) .15s}
.vq-home-detail-modal.is-open .vq-home-detail-copy{opacity:1;transform:translateY(0)}
.vq-home-detail-body{opacity:0;transform:translateY(18px);transition:opacity .34s ease .2s,transform .46s cubic-bezier(.16,1,.3,1) .2s}
.vq-home-detail-modal.is-open .vq-home-detail-body{opacity:1;transform:translateY(0)}
.vq-home-detail-extra{opacity:0;transform:translateY(18px);transition:opacity .34s ease .26s,transform .46s cubic-bezier(.16,1,.3,1) .26s}
.vq-home-detail-modal.is-open .vq-home-detail-extra{opacity:1;transform:translateY(0)}
.vq-home-detail-close{opacity:0;transform:scale(.7) rotate(-18deg);transition:opacity .25s ease .22s,transform .4s cubic-bezier(.16,1,.3,1) .22s}
.vq-home-detail-modal.is-open .vq-home-detail-close{opacity:1;transform:scale(1) rotate(0)}
.vq-home-detail-close{position:absolute;z-index:7;right:17px;top:17px;width:38px;height:38px;display:grid;place-items:center;border:0;border-radius:50%;background:rgba(18,18,18,.86);color:#fff;font-size:19px;cursor:pointer}
.vq-home-detail-hero{position:relative;aspect-ratio:16/8.5;min-height:360px;overflow:hidden;background:#090909}
.vq-home-detail-hero>img,.vq-home-detail-hero iframe{position:absolute;inset:0;width:100%;height:100%;border:0;object-fit:cover}
.vq-home-detail-hero iframe{z-index:1;pointer-events:none}
.vq-home-detail-shade{position:absolute;z-index:2;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.78) 0,rgba(0,0,0,.12) 62%,rgba(0,0,0,.2)),linear-gradient(0deg,#0e1524 0,transparent 45%)}
.vq-home-detail-copy{position:absolute;z-index:3;left:42px;right:82px;bottom:38px}
.vq-home-detail-title{max-width:650px;margin:0 0 20px;font-size:clamp(30px,5vw,56px);font-weight:850;line-height:1.02;text-shadow:0 2px 20px #000}
.vq-home-detail-actions{display:flex;align-items:center;gap:10px}
.vq-home-detail-primary{display:inline-flex;align-items:center;gap:9px;min-height:43px;padding:0 20px;border-radius:5px;background:#fff;color:#111;text-decoration:none;font-size:14px;font-weight:850}
.vq-home-detail-sound{position:absolute;z-index:4;right:22px;bottom:31px;width:39px;height:39px;display:grid;place-items:center;border:1px solid #aaa;border-radius:50%;background:rgba(20,20,20,.55);color:#fff;cursor:pointer}
.vq-home-detail-sound[hidden]{display:none!important}
.vq-home-detail-body{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(220px,.8fr);gap:42px;padding:12px 42px 42px}
.vq-home-detail-meta{margin-bottom:15px;color:#d2d2d2;font-size:14px;line-height:1.6}
.vq-home-detail-description{margin:0;color:#f0f0f0;font-size:15px;line-height:1.65}
.vq-home-detail-side{color:#d0d0d0;font-size:13px;line-height:1.55}
.vq-home-detail-side strong{display:block;margin-bottom:6px;color:#a78bfa;font-size:11px;letter-spacing:1.1px;text-transform:uppercase}
.vq-home-detail-side p{margin:0}
@media(max-width:700px){.vq-home-detail-extra{padding:4px 22px 34px}.vq-home-detail-extra-grid{grid-template-columns:1fr}.vq-home-detail-extra-grid.is-movies{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.is-episodes .vq-home-detail-extra-card{grid-template-columns:125px minmax(0,1fr)}.vq-home-detail-modal{padding:72px 10px 14px}.vq-home-detail-dialog{width:100%;max-height:100%;border-radius:14px}.vq-home-detail-hero{min-height:300px;aspect-ratio:4/3}.vq-home-detail-copy{left:22px;right:60px;bottom:25px}.vq-home-detail-title{font-size:32px;margin-bottom:15px}.vq-home-detail-body{grid-template-columns:1fr;gap:22px;padding:14px 22px 34px}.vq-home-detail-close{right:12px;top:12px}.vq-home-detail-sound{right:15px;bottom:22px}}
@media(prefers-reduced-motion:reduce){.vq-home-preview,.vq-home-preview.is-open,.vq-home-detail-modal,.vq-home-detail-dialog,.vq-home-detail-hero>img,.vq-home-detail-copy,.vq-home-detail-body,.vq-home-detail-extra,.vq-home-detail-close{animation:none!important;transition:none!important;transform:none!important;filter:none!important}}
@media(hover:none),(pointer:coarse){.vq-home-preview{display:none!important}}


/* Home component 17: <style id="vq-home-five-up-style"> */

@media(min-width:1080px){
    .vq-random-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:12px!important}
}
:is(.vq-vibe-item,.vq-poster-card,.vq-rich-card,.vq-random-card){
    border:1px solid rgba(255,255,255,.065)!important;
    border-radius:8px!important;
    background:#080c14!important;
    box-shadow:0 8px 22px rgba(0,0,0,.2)!important;
}
:is(.vq-vibe-poster,.vq-poster-media,.vq-rich-poster,.vq-random-poster)::after{
    content:"";
    position:absolute;
    z-index:2;
    inset:0;
    pointer-events:none;
    background:linear-gradient(to top,rgba(3,7,13,.98) 0%,rgba(3,7,13,.72) 16%,rgba(3,7,13,.18) 43%,transparent 69%);
}
:is(.vq-vibe-item-info,.vq-poster-info,.vq-rich-info,.vq-random-info){
    z-index:4!important;
    padding:42px 12px 11px!important;
}
:is(.vq-vibe-item-info,.vq-poster-info,.vq-rich-info,.vq-random-info) strong{
    font-size:13px!important;
    font-weight:850!important;
    letter-spacing:-.15px;
}
:is(.vq-vibe-item,.vq-poster-card,.vq-rich-card,.vq-random-card) :is(.vq-vibe-rating,.vq-poster-rating,.vq-rich-rating){
    z-index:5!important;
    top:8px!important;
    right:8px!important;
    bottom:auto!important;
    border:1px solid rgba(255,255,255,.1)!important;
    border-radius:6px!important;
    background:rgba(4,8,14,.78)!important;
    backdrop-filter:blur(8px);
}
/* Rebuilt popular rows share the same shell and card rhythm as Son Eklenenler. */
.vq-modern-catalog-row>.vq-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}
.vq-modern-catalog-row :is(.vq-popular-movies,.vq-popular-series) .owl-stage{display:flex}
.vq-modern-catalog-row :is(.vq-popular-movies,.vq-popular-series) .owl-item{display:flex}
.vq-modern-catalog-row :is(.vq-popular-movies,.vq-popular-series) .vq-poster-card{width:100%}

/* Compact and consistent spacing between shelf titles and cards. */
section.movie-container>.vq-section-head{margin-bottom:12px!important}
section.movie-container>.vq-section-head h2{margin:0!important}
section.movie-container>.vq-section-head .vq-section-subtitle{margin:4px 0 0!important}
@media(max-width:700px){
    section.movie-container>.vq-section-head{margin-bottom:10px!important}
}

/* Consistent vertical rhythm for every home shelf. */
:root{--vq-home-row-gap:clamp(26px,2.2vw,34px)}
#vqContinueSection.vq-continue-visible,
section.movie-container{margin-top:var(--vq-home-row-gap)!important;margin-bottom:0!important}
section.movie-container .vq-personal-recommendation{margin-top:0!important}
.vq-personal-shelves .vq-personal-shelf{margin-top:var(--vq-home-row-gap)!important}
.vq-personal-shelves .vq-personal-shelf:first-child{margin-top:0!important}
@media(max-width:700px){
    :root{--vq-home-row-gap:26px}
}

/* Ana sayfadaki bütün içerik kartları için tek tasarım dili. */
:is(.vq-personal-shelf-card,.vqcw-card,.vq-vibe-item,.vq-poster-card,.vq-rich-card,.vq-random-card){
    border:1px solid rgba(255,255,255,.075)!important;
    border-radius:14px!important;
    background:#080c14!important;
    box-shadow:0 8px 22px rgba(0,0,0,.22)!important;
    transform:none!important;
}
:is(.vq-personal-shelf-card,.vqcw-card,.vq-vibe-item,.vq-poster-card,.vq-rich-card,.vq-random-card):hover{
    border-color:rgba(255,255,255,.075)!important;
    box-shadow:0 8px 22px rgba(0,0,0,.22)!important;
    transform:none!important;
}
:is(.vq-personal-shelf-poster,.vqcw-image,#vqt10 .vqt10-poster,.vq-vibe-poster,.vq-poster-media,.vq-rich-poster,.vq-random-poster){
    border-radius:14px!important;
    overflow:hidden!important;
}
:is(.vq-personal-shelf-poster,.vqcw-image,#vqt10 .vqt10-poster,.vq-vibe-poster,.vq-poster-media,.vq-rich-poster,.vq-random-poster) img{
    border-radius:14px!important;
    transform:none!important;
    transition:opacity .25s ease!important;
}
:is(.vq-personal-shelf-card,.vqcw-card,.vq-vibe-item,.vq-poster-card,.vq-rich-card,.vq-random-card):hover img{
    transform:none!important;
}
:is(.vq-personal-shelf-info,.vqcw-info,.vqt10-title,.vq-vibe-item-info,.vq-poster-info,.vq-rich-info,.vq-random-info),
:is(.vq-personal-shelf-card,.vqcw-card,.vq-vibe-item,.vq-poster-card,.vq-rich-card,.vq-random-card):hover
:is(.vq-personal-shelf-info,.vqcw-info,.vqt10-title,.vq-vibe-item-info,.vq-poster-info,.vq-rich-info,.vq-random-info){
    transform:none!important;
    transition:none!important;
}

#vqt10 .vqt10-item,
#vqt10 .vqt10-item:hover,
#vqt10 .vqt10-item:hover .vqt10-title{
    transform:none!important;
}


/* Home component 18: <style id="vqHeroTransitionIsolation"> */

/* Hero geçişi yalnızca içerik ve arka planda çalışır; alt kart şeridi sabit kalır. */
.vq-mood-hero.is-changing .vq-mood-hero-copy{
    opacity:1!important;
    transform:none!important;
    transition:none!important;
}
.vq-mood-hero.is-changing .vq-mood-hero-copy > :not(.vq-cinema-rail){
    animation:vqHeroTextOut .18s ease both!important;
}
.vq-mood-hero.is-changing .vq-mood-hero-copy > .vq-cinema-rail{
    opacity:1!important;
    transform:none!important;
    animation:none!important;
    transition:none!important;
}
.vq-mood-hero.is-changing .vq-mood-hero-copy > .vq-cinema-rail .vq-cinema-thumb{
    animation:none!important;
}
.vq-cinema-rail{
    overflow:visible!important;
}
.vq-cinema-rail .vq-cinema-thumb{
    transition:width .42s cubic-bezier(.2,.8,.2,1),height .42s cubic-bezier(.2,.8,.2,1),flex-basis .42s cubic-bezier(.2,.8,.2,1),transform .42s cubic-bezier(.2,.8,.2,1),opacity .3s ease,filter .3s ease,border-color .3s ease,box-shadow .3s ease!important;
}

/* Canonical hero card appearance applies before the first paint, including selected state. */
.vq-cinema-rail .vq-cinema-thumb,.vq-cinema-rail .vq-cinema-thumb.is-active{border:0!important;border-color:transparent!important;border-radius:8px!important;box-shadow:none!important}
.vq-cinema-rail .vq-cinema-thumb:focus-visible{outline:2px solid #eee;outline-offset:3px}