/* PDR_MIXBOX_MINI_REEL_V1 */



.pdr-mini-reel{

    position:relative;

    width:100%;

    max-width:100%;

    margin:0 auto 16px;

    overflow:hidden;

    isolation:isolate;

    padding:7px 0;

}



.pdr-mini-reel .pdr-mini-pool{

    display:none!important;

}



.pdr-mini-reel .pdr-mini-window{

    overflow:hidden;

    width:100%;

    border-radius:12px;

}



.pdr-mini-reel .pdr-mini-track{

    display:flex;

    width:200%;

    will-change:transform;

    animation:pdr-mini-flow 78s linear infinite;

}



.pdr-mini-reel .pdr-mini-set{

    display:flex;

    flex:0 0 50%;

    gap:8px;

    min-width:0;

    padding-right:8px;

    box-sizing:border-box;

}



.pdr-mini-reel .pdr-mini-card{

    display:block;

    flex:0 0 calc((100% - 48px)/6);

    min-width:0;

    aspect-ratio:16/10;

    border-radius:9px;

    border:1px solid rgba(244,122,18,.42);

    background:#131923;

    overflow:hidden;

    position:relative;

    box-shadow:0 4px 12px rgba(0,0,0,.36);

    cursor:pointer;

    padding:0;

    appearance:none;

}



.pdr-mini-reel .pdr-mini-card img{

    display:block;

    width:100%;

    height:100%;

    object-fit:cover;

    transition:transform .25s;

}



.pdr-mini-reel .pdr-mini-card:hover img{

    transform:scale(1.07);

}



.pdr-mini-reel .pdr-mini-card:focus-visible{

    outline:2px solid #ff983d;

    outline-offset:2px;

}



.pdr-mini-reel .pdr-mini-play{

    position:absolute;

    left:50%;

    top:50%;

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

    background:rgba(9,12,18,.78);

    border:1px solid rgba(255,154,69,.68);

    border-radius:50%;

    color:#fff;

    width:27px;

    height:27px;

    display:grid;

    place-items:center;

    font-size:12px;

    pointer-events:none;

}



.pdr-mini-reel:hover .pdr-mini-track,

.pdr-mini-reel:focus-within .pdr-mini-track{

    animation-play-state:paused;

}



@keyframes pdr-mini-flow{

    from{transform:translateX(0)}

    to{transform:translateX(-50%)}

}



.pdr-mini-overlay{

    position:fixed!important;

    inset:0!important;

    z-index:2147483000!important;

    display:flex;

    align-items:center;

    justify-content:center;

    padding:20px;

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

    backdrop-filter:blur(9px);

}



.pdr-mini-dialog{

    position:relative;

    width:min(940px,96vw);

    max-height:92vh;

    padding:16px;

    border:1px solid #a85f2c;

    border-radius:19px;

    background:linear-gradient(145deg,#26303c,#0e111a 60%,#080a10);

    box-shadow:0 22px 75px #000, inset 0 1px rgba(255,255,255,.13);

    color:#fff;

}



.pdr-mini-dialog .pdr-mini-title{

    font-weight:700;

    font-size:15px;

    margin:0 48px 13px 0;

    line-height:1.4;

    overflow-wrap:anywhere;

}



.pdr-mini-dialog .pdr-mini-media{

    display:flex;

    justify-content:center;

    align-items:center;

    min-height:80px;

}



.pdr-mini-dialog video,

.pdr-mini-dialog img{

    display:block;

    max-width:100%;

    max-height:75vh;

    width:auto;

    height:auto;

    border-radius:9px;

    background:#050505;

}



.pdr-mini-dialog video{

    width:100%;

    max-height:70vh;

}



.pdr-mini-dialog audio{

    width:100%;

}



.pdr-mini-dialog .pdr-mini-close{

    position:absolute;

    right:12px;

    top:11px;

    width:34px;

    height:34px;

    border:1px solid #93582d;

    border-radius:9px;

    color:#fff;

    background:#171c26;

    font-size:23px;

    line-height:1;

    cursor:pointer;

}



@media(max-width:600px){

    .pdr-mini-reel .pdr-mini-card{

        flex-basis:calc((100% - 32px)/4);

    }

    .pdr-mini-reel .pdr-mini-set{

        gap:8px;

    }

    .pdr-mini-dialog{

        padding:12px;

    }

}



@media(prefers-reduced-motion:reduce){

    .pdr-mini-reel .pdr-mini-track{

        animation:none;

    }

}





/* PDR_MIXBOX_MINI_REEL_LAYOUT_V2 */

.pdr-mini-reel{

    box-sizing:border-box!important;

    width:100%!important;

    max-width:100%!important;

    min-width:0!important;

    margin:0 auto 12px!important;

    padding:0!important;

    overflow:hidden!important;

}



.pdr-mini-reel .pdr-mini-window{

    width:100%!important;

    max-width:100%!important;

    min-width:0!important;

    overflow:hidden!important;

}



.pdr-mini-reel .pdr-mini-track{

    display:flex!important;

    width:200%!important;

    max-width:none!important;

    gap:0!important;

    animation:pdr-mini-flow-v2 75s linear infinite!important;

}



.pdr-mini-reel .pdr-mini-set{

    display:flex!important;

    flex:0 0 50%!important;

    width:50%!important;

    min-width:0!important;

    gap:8px!important;

    padding:0!important;

    box-sizing:border-box!important;

}



.pdr-mini-reel .pdr-mini-card{

    flex:0 0 calc((100% - 40px)/6)!important;

    width:calc((100% - 40px)/6)!important;

    max-width:calc((100% - 40px)/6)!important;

    min-width:0!important;

    aspect-ratio:16/10!important;

}



.pdr-mini-reel .pdr-mini-card img{

    object-fit:cover!important;

    object-position:center!important;

}



.pdr-mini-reel:hover .pdr-mini-track,

.pdr-mini-reel:focus-within .pdr-mini-track{

    animation-play-state:paused!important;

}



@keyframes pdr-mini-flow-v2{

    from{transform:translateX(0)}

    to{transform:translateX(-50%)}

}



@media(max-width:600px){

    .pdr-mini-reel .pdr-mini-card{

        flex-basis:calc((100% - 24px)/4)!important;

        width:calc((100% - 24px)/4)!important;

        max-width:calc((100% - 24px)/4)!important;

    }

}



@media(prefers-reduced-motion:reduce){

    .pdr-mini-reel .pdr-mini-track{

        animation:none!important;

    }

}





/* PDR_MIXBOX_MINI_V3 */

.pdr-mini-reel{

    width:82%!important;

    max-width:82%!important;

    margin:0 0 12px!important;

    padding:0!important;

    overflow:hidden!important;

}



.pdr-mini-reel .pdr-mini-window{

    overflow-x:auto!important;

    overflow-y:hidden!important;

    width:100%!important;

    scrollbar-width:none;

    touch-action:pan-y;

    cursor:grab;

    overscroll-behavior-x:contain;

}



.pdr-mini-reel .pdr-mini-window::-webkit-scrollbar{

    display:none;

}



.pdr-mini-reel .pdr-mini-window.is-dragging{

    cursor:grabbing;

}



.pdr-mini-reel .pdr-mini-track{

    display:flex!important;

    width:max-content!important;

    max-width:none!important;

    gap:0!important;

    animation:none!important;

    transform:none!important;

    will-change:auto!important;

}



.pdr-mini-reel .pdr-mini-set{

    display:flex!important;

    flex:0 0 var(--pdr-mini-set-width)!important;

    width:var(--pdr-mini-set-width)!important;

    min-width:var(--pdr-mini-set-width)!important;

    max-width:var(--pdr-mini-set-width)!important;

    gap:8px!important;

    padding:0!important;

    box-sizing:border-box!important;

}



.pdr-mini-reel .pdr-mini-card{

    flex:0 0 calc((100% - 40px)/6)!important;

    width:calc((100% - 40px)/6)!important;

    max-width:calc((100% - 40px)/6)!important;

    min-width:0!important;

    user-select:none;

    -webkit-user-drag:none;

}



.pdr-mini-reel .pdr-mini-card img{

    pointer-events:none;

    user-select:none;

    -webkit-user-drag:none;

}



.pdr-mini-dialog .pdr-mini-audio-art{

    display:block;

    width:min(460px,100%);

    height:auto;

    max-height:48vh;

    object-fit:contain;

    border-radius:12px;

    border:1px solid rgba(250,143,52,.4);

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

    margin:0 auto 15px;

}



.pdr-mini-dialog .pdr-mini-media.is-audio{

    display:block;

    width:100%;

}



.pdr-mini-dialog .pdr-mini-media audio{

    display:block;

    width:100%;

    height:44px;

    margin:10px auto 0;

    accent-color:#ef781c;

}



@media(max-width:600px){

    .pdr-mini-reel{

        width:100%!important;

        max-width:100%!important;

    }



    .pdr-mini-reel .pdr-mini-card{

        flex-basis:calc((100% - 40px)/6)!important;

        width:calc((100% - 40px)/6)!important;

        max-width:calc((100% - 40px)/6)!important;

    }

}





/* PDR_MIXBOX_MINI_V4 - ELSO KEPSOR AZONNALI MERETEZES */



.pdr-mini-reel{

    --pdr-mini-set-width:100%;

    position:relative!important;

    display:block!important;

    box-sizing:border-box!important;

    width:82%!important;

    max-width:82%!important;

    min-width:0!important;

    overflow:hidden!important;

}



.pdr-mini-reel .pdr-mini-window{

    position:relative!important;

    display:block!important;

    width:100%!important;

    max-width:100%!important;

    overflow-x:auto!important;

    overflow-y:hidden!important;

    scrollbar-width:none!important;

}



.pdr-mini-reel .pdr-mini-track{

    display:flex!important;

    flex-wrap:nowrap!important;

    width:200%!important;

    min-width:200%!important;

    max-width:200%!important;

    animation:none!important;

    transform:none!important;

}



.pdr-mini-reel .pdr-mini-set{

    display:flex!important;

    flex:0 0 50%!important;

    width:50%!important;

    min-width:50%!important;

    max-width:50%!important;

    gap:8px!important;

    padding:0!important;

    box-sizing:border-box!important;

}



.pdr-mini-reel .pdr-mini-card{

    display:block!important;

    box-sizing:border-box!important;

    flex:0 0 calc((100% - 40px)/6)!important;

    width:calc((100% - 40px)/6)!important;

    max-width:calc((100% - 40px)/6)!important;

    min-width:0!important;

    aspect-ratio:16/10!important;

    overflow:hidden!important;

}



.pdr-mini-reel .pdr-mini-card img{

    display:block!important;

    width:100%!important;

    height:100%!important;

    max-width:100%!important;

    max-height:100%!important;

    object-fit:cover!important;

}



.pdr-mini-reel .pdr-mini-pool{

    display:none!important;

}



@media(max-width:600px){

    .pdr-mini-reel{

        width:100%!important;

        max-width:100%!important;

    }

}





/* PDR_MIXBOX_MINI_V5 - MOBIL 3 NAGY KARTYA */



@media screen and (max-width:600px){



    .pdr-mini-reel{

        width:100%!important;

        max-width:100%!important;

        min-width:0!important;

        overflow:hidden!important;

    }



    .pdr-mini-reel .pdr-mini-window{

        width:100%!important;

        overflow-x:auto!important;

        overflow-y:hidden!important;

        scrollbar-width:none!important;

    }



    /*

     * Mobilon egy teljes 6-os sor ket kepernyoszelesseg.

     * Igy egyszerre pontosan 3 kartya latszik.

     */



    .pdr-mini-reel .pdr-mini-track{

        display:flex!important;

        width:400%!important;

        min-width:400%!important;

        max-width:400%!important;

        animation:none!important;

        transform:none!important;

    }



    .pdr-mini-reel .pdr-mini-set{

        display:flex!important;

        flex:0 0 50%!important;

        width:50%!important;

        min-width:50%!important;

        max-width:50%!important;

        gap:8px!important;

    }



    .pdr-mini-reel .pdr-mini-card{

        box-sizing:border-box!important;

        flex:0 0 calc((100% - 40px)/6)!important;

        width:calc((100% - 40px)/6)!important;

        max-width:calc((100% - 40px)/6)!important;

        min-width:0!important;

        aspect-ratio:16/10!important;

        border-radius:9px!important;

    }



    .pdr-mini-reel .pdr-mini-card img{

        width:100%!important;

        height:100%!important;

        object-fit:cover!important;

    }



    .pdr-mini-reel .pdr-mini-play{

        width:31px!important;

        height:31px!important;

        font-size:13px!important;

    }

}




/* PDR_MIXBOX_AUDIO_DARK_V6 */

.pdr-mini-dialog .pdr-mini-media.is-audio audio{

    display:block!important;

    width:100%!important;

    height:54px!important;

    padding:5px!important;

    box-sizing:border-box!important;

    border:1px solid #a25b2c!important;

    border-radius:13px!important;

    background:#151b26!important;

    color-scheme:dark!important;

    box-shadow:inset 0 2px 8px rgba(0,0,0,.65),

               0 5px 20px rgba(0,0,0,.45)!important;

}

.pdr-mini-dialog .pdr-mini-media.is-audio audio::-webkit-media-controls-panel{

    background-color:#232b39!important;

}

.pdr-mini-dialog .pdr-mini-media.is-audio audio::-webkit-media-controls-enclosure{

    border-radius:11px!important;

}





/* PDR_MIXBOX_LIGHTBOX_V7 */



.pdr-mini-dialog{

    width:min(940px,96vw);

}



.pdr-mini-dialog .pdr-mini-media.is-audio{

    position:relative;

}



.pdr-mini-dialog .pdr-mini-media.is-audio audio{

    position:absolute!important;

    width:1px!important;

    height:1px!important;

    opacity:0!important;

    pointer-events:none!important;

}



.pdr-mini-custom-controls{

    display:flex;

    align-items:center;

    gap:12px;

    padding:11px 14px;

    border:1px solid #a65a27;

    border-radius:13px;

    background:linear-gradient(180deg,#29303d,#11151d 65%,#090c13);

    box-shadow:inset 0 1px rgba(255,255,255,.13),

               0 7px 22px rgba(0,0,0,.55);

}



.pdr-mini-control-play{

    flex:0 0 42px;

    width:42px;

    height:42px;

    border:1px solid #ee873a;

    border-radius:50%;

    background:linear-gradient(150deg,#fb8b2c,#9b340c);

    box-shadow:0 3px 12px #0009,inset 0 1px #ffffff50;

    color:#fff;

    font-size:18px;

    font-weight:800;

    cursor:pointer;

}



.pdr-mini-control-time{

    flex:0 0 auto;

    color:#f0eee9;

    font-size:12px;

    font-weight:700;

    font-variant-numeric:tabular-nums;

}



.pdr-mini-custom-controls input[type=range]{

    appearance:auto;

    accent-color:#f47c19;

    cursor:pointer;

    min-width:0;

}



.pdr-mini-control-seek{

    flex:1 1 auto;

}



.pdr-mini-control-volume{

    flex:0 0 90px;

    width:90px;

}



.pdr-mini-dialog .pdr-mini-actions{

    display:flex;

    align-items:center;

    justify-content:center;

    flex-wrap:wrap;

    gap:7px;

    margin:14px auto 0;

    padding-top:12px;

    border-top:1px solid rgba(255,143,56,.23);

}



.pdr-mini-dialog .pdr-mini-actions .pdr-btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:4px;

    min-height:34px;

    padding:7px 11px;

    border:1px solid #594132;

    border-radius:10px;

    background:linear-gradient(180deg,#252b36,#10131b);

    box-shadow:0 3px 9px #0008;

    color:#f4f2ef;

    font-size:13px;

    cursor:pointer;

    text-decoration:none;

}



.pdr-mini-dialog .pdr-mini-actions .is-active{

    border-color:#fa8a27;

    color:#ffb068;

    background:#39200f;

}



@media(max-width:600px){

    .pdr-mini-custom-controls{

        flex-wrap:wrap;

        gap:9px;

    }



    .pdr-mini-control-seek{

        flex-basis:calc(100% - 140px);

    }



    .pdr-mini-control-volume{

        flex-basis:100%;

        width:100%;

    }



    .pdr-mini-dialog .pdr-mini-actions .pdr-btn{

        min-width:40px;

    }

}





/* PDR_MIXBOX_MINI_V8 - TELJES TARTALOMKORFORGAS */



.pdr-mini-reel .pdr-mini-track{

    display:flex!important;

    flex-wrap:nowrap!important;

    width:max-content!important;

    min-width:0!important;

    max-width:none!important;

    animation:none!important;

    transform:none!important;

}



.pdr-mini-reel .pdr-mini-set{

    display:flex!important;

    flex:0 0 var(--pdr-mini-set-width)!important;

    width:var(--pdr-mini-set-width)!important;

    min-width:var(--pdr-mini-set-width)!important;

    max-width:var(--pdr-mini-set-width)!important;

    gap:8px!important;

    padding:0!important;

    box-sizing:border-box!important;

}



.pdr-mini-reel .pdr-mini-card{

    box-sizing:border-box!important;

    flex:0 0 var(--pdr-mini-card-width,calc((100% - 40px)/6))!important;

    width:var(--pdr-mini-card-width,calc((100% - 40px)/6))!important;

    min-width:0!important;

    max-width:none!important;

    aspect-ratio:16/10!important;

}



@media(max-width:600px){

    .pdr-mini-reel .pdr-mini-card{

        flex:0 0 var(--pdr-mini-card-width,calc((100% - 16px)/3))!important;

        width:var(--pdr-mini-card-width,calc((100% - 16px)/3))!important;

    }

}





/* PDR_MIXBOX_MINI_V9 - AZONNALI STABIL MERET */



.pdr-mini-reel{

    position:relative!important;

    display:block!important;

    box-sizing:border-box!important;

    width:82%!important;

    max-width:82%!important;

    min-width:0!important;

    margin:0 0 12px!important;

    padding:0!important;

    overflow:hidden!important;

}



.pdr-mini-reel .pdr-mini-window{

    display:block!important;

    position:relative!important;

    width:100%!important;

    max-width:100%!important;

    min-width:0!important;

    overflow-x:auto!important;

    overflow-y:hidden!important;

    container-type:inline-size;

    scrollbar-width:none!important;

    overscroll-behavior-x:contain;

}



.pdr-mini-reel .pdr-mini-track{

    display:flex!important;

    flex-wrap:nowrap!important;

    align-items:stretch!important;

    width:max-content!important;

    min-width:0!important;

    max-width:none!important;

    animation:none!important;

    transform:none!important;

}



.pdr-mini-reel .pdr-mini-set{

    display:flex!important;

    flex:0 0 auto!important;

    width:max-content!important;

    min-width:0!important;

    max-width:none!important;

    box-sizing:border-box!important;

    align-items:stretch!important;

    gap:8px!important;

    padding:0 8px 0 0!important;

}



.pdr-mini-reel .pdr-mini-card{

    display:block!important;

    position:relative!important;

    box-sizing:border-box!important;

    flex:0 0 calc((100cqw - 40px)/6)!important;

    width:calc((100cqw - 40px)/6)!important;

    min-width:0!important;

    max-width:none!important;

    height:auto!important;

    aspect-ratio:16/10!important;

    padding:0!important;

    overflow:hidden!important;

}



.pdr-mini-reel .pdr-mini-card img{

    display:block!important;

    width:100%!important;

    height:100%!important;

    max-width:100%!important;

    max-height:100%!important;

    object-fit:cover!important;

}



@media screen and (max-width:600px){

    .pdr-mini-reel{

        width:100%!important;

        max-width:100%!important;

    }



    .pdr-mini-reel .pdr-mini-card{

        flex-basis:calc((100cqw - 16px)/3)!important;

        width:calc((100cqw - 16px)/3)!important;

        max-width:none!important;

    }

}



@media(prefers-reduced-motion:reduce){

    .pdr-mini-reel .pdr-mini-track{

        animation:none!important;

    }

}