/* Custom Video Manager Unified Styles */
.cvm-gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:20px 0}
@media(max-width:1024px){.cvm-gallery-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:768px){.cvm-gallery-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.cvm-gallery-grid{grid-template-columns:1fr}}
.cvm-card{display:flex;flex-direction:column;background:#fff;border-radius:12px;overflow:hidden;transition:transform .2s ease}
.cvm-card:hover{transform:translateY(-2px)}
.cvm-thumb-wrapper{position:relative;width:100%;padding-top:56.25%;background:#000;border-radius:12px;overflow:hidden}
.cvm-thumb-wrapper img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cvm-no-thumb{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#777;background:#111;font-size:13px}
.cvm-no-thumb.small{position:static;width:100%;height:100%}
.cvm-duration-badge{position:absolute;bottom:8px;right:8px;background:rgba(0,0,0,.82);color:#fff;font-size:11px;font-weight:600;padding:2px 6px;border-radius:4px;letter-spacing:.5px}
.cvm-card-info{padding:10px 4px}
.cvm-card-title{font-size:15px;font-weight:600;line-height:1.3;margin:0 0 6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cvm-card-title a{color:#0f0f0f;text-decoration:none}
.cvm-card-title a:hover{color:#065fd4}
.cvm-card-meta{font-size:13px;color:#606060}
.cvm-watch-wrapper{display:flex;gap:24px;max-width:1280px;margin:20px auto;padding:0 16px;box-sizing:border-box}
.cvm-watch-main{flex:1;min-width:0}
.cvm-player-container{position:relative;width:100%;padding-top:56.25%;background:#000;border-radius:12px;overflow:hidden}
.cvm-player-container video{position:absolute;inset:0;width:100%;height:100%}
.cvm-watch-title{font-size:20px;font-weight:700;margin:14px 0 10px;color:#0f0f0f}
.cvm-watch-action-bar{display:flex;justify-content:space-between;align-items:center;padding-bottom:14px;border-bottom:1px solid #e5e5e5;flex-wrap:wrap;gap:12px}
.cvm-watch-meta{font-size:14px;color:#606060;font-weight:500}
.cvm-watch-buttons{display:flex;gap:10px}
.cvm-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border-radius:20px;border:0;background:#f2f2f2;color:#0f0f0f;font-size:14px;font-weight:600;cursor:pointer}
.cvm-btn:hover{background:#e5e5e5}
.cvm-btn.active{background:#0f0f0f;color:#fff}
.cvm-watch-description{background:#f2f2f2;padding:14px;border-radius:12px;margin-top:14px;font-size:14px;line-height:1.5;color:#0f0f0f}
.cvm-watch-sidebar{width:360px;flex-shrink:0}
.cvm-sidebar-heading{font-size:16px;font-weight:700;margin:0 0 16px}
.cvm-related-item{display:flex;gap:12px;margin-bottom:14px;text-decoration:none}
.cvm-related-thumb{position:relative;width:140px;height:80px;flex-shrink:0;border-radius:8px;overflow:hidden;background:#000}
.cvm-related-thumb img{width:100%;height:100%;object-fit:cover}
.cvm-related-details{flex:1}
.cvm-related-title{font-size:13px;font-weight:600;line-height:1.3;color:#0f0f0f;margin:0 0 4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cvm-related-meta{font-size:12px;color:#606060}
.cvm-no-video{padding:60px 20px;text-align:center;background:#111;color:#aaa;border-radius:12px}
@media(max-width:900px){.cvm-watch-wrapper{flex-direction:column}.cvm-watch-sidebar{width:100%}}

/* Reels Responsive Auto-Fit */
.cvmra300-wrap{
    width:100%;
    display:flex;
    justify-content:center;
    align-items:center;
    margin:0;
    padding:0;
}

.cvmra300-feed{
    position:relative;
    width:min(100%, 430px, calc((100dvh - 24px) * 0.5625));
    height:min(100dvh - 24px, 765px, calc(100vw * 1.7777778));
    aspect-ratio:9 / 16;
    overflow-y:auto;
    overflow-x:hidden;
    background:#080808;
    border-radius:16px;
    scroll-snap-type:y mandatory;
    overscroll-behavior-y:contain;
    scrollbar-width:none;
    isolation:isolate;
}
.cvmra300-feed::-webkit-scrollbar{display:none}

.cvmra300-item{
    width:100%;
    height:100%;
    min-height:100%;
    position:relative;
    scroll-snap-align:start;
    scroll-snap-stop:always;
    background:#080808;
}

.cvmra300-stage{
    position:relative;
    width:100%;
    height:100%;
    overflow:hidden;
    background:#080808;
}

.cvmra300-video{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    display:block;
    object-fit:contain;
    background:#080808;
    cursor:pointer;
}

.cvmra300-ui-top{
    position:absolute;
    z-index:20;
    top:16px;
    left:16px;
    right:16px;
    pointer-events:none;
}

.cvmra300-reels-badge{
    display:inline-flex;
    padding:7px 12px;
    border-radius:999px;
    color:#fff;
    background:rgba(0,0,0,.42);
    border:1px solid rgba(255,255,255,.15);
    font-size:12px;
    font-weight:800;
    letter-spacing:.8px;
    backdrop-filter:blur(12px);
}

.cvmra300-global-sound{
    position:sticky;
    z-index:50;
    top:12px;
    height:0;
    display:flex;
    justify-content:flex-end;
    padding:0 12px;
    pointer-events:none;
}

.cvmra300-global-sound-btn{
    pointer-events:auto;
    border:1px solid rgba(255,255,255,.16);
    background:rgba(0,0,0,.5);
    color:#fff;
    border-radius:999px;
    padding:8px 11px;
    display:flex;
    gap:6px;
    align-items:center;
    font-size:11px;
    cursor:pointer;
    backdrop-filter:blur(12px);
}

.cvmra300-center-play{
    position:absolute;
    z-index:22;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    width:68px;
    height:68px;
    border:1px solid rgba(255,255,255,.2);
    border-radius:50%;
    background:rgba(0,0,0,.5);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:23px;
    padding-left:4px;
    cursor:pointer;
    backdrop-filter:blur(12px);
    transition:opacity .2s,transform .2s;
}
.cvmra300-stage.is-playing .cvmra300-center-play{
    opacity:0;
    pointer-events:none;
}

.cvmra300-actions{
    position:absolute;
    z-index:25;
    right:12px;
    bottom:126px;
    width:58px;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:17px;
}

.cvmra300-action{
    border:0;
    background:transparent;
    color:#fff;
    width:58px;
    min-height:64px;
    padding:0;
    cursor:pointer;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:5px;
    text-shadow:0 1px 5px rgba(0,0,0,.9);
}

.cvmra300-action-circle{
    width:50px;
    height:50px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    background:rgba(18,18,18,.55);
    border:1px solid rgba(255,255,255,.14);
    backdrop-filter:blur(12px);
    transition:transform .15s,background .15s;
}
.cvmra300-action:hover .cvmra300-action-circle{
    transform:scale(1.06);
    background:rgba(35,35,35,.72);
}

.cvmra300-action svg{
    width:24px;
    height:24px;
    fill:none;
    stroke:#fff;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
}
.cvmra300-action strong{
    color:#fff;
    font-size:11px;
    font-weight:700;
}
.cvmra300-like.is-liked .cvmra300-action-circle{background:#fff}
.cvmra300-like.is-liked svg{fill:#ff3040;stroke:#ff3040}

.cvmra300-bottom-overlay{
    position:absolute;
    z-index:3;
    inset:0;
    pointer-events:none;
    background:linear-gradient(to top,rgba(0,0,0,.92) 0%,rgba(0,0,0,.65) 14%,rgba(0,0,0,.18) 34%,transparent 56%);
}

.cvmra300-info{
    position:absolute;
    z-index:24;
    left:16px;
    right:78px;
    bottom:23px;
    color:#fff;
    text-shadow:0 1px 6px rgba(0,0,0,.95);
}

.cvmra300-info h2{
    margin:0 0 6px;
    color:#fff;
    font-size:18px;
    line-height:1.32;
    font-weight:750;
}

.cvmra300-info p{
    margin:0 0 7px;
    color:#f1f1f1;
    font-size:13px;
    line-height:1.42;
}

.cvmra300-meta{
    display:flex;
    align-items:center;
    gap:7px;
    margin-bottom:10px;
    color:#ddd;
    font-size:12px;
}

.cvmra300-watch{
    display:inline-flex;
    color:#fff!important;
    text-decoration:none!important;
    background:rgba(255,255,255,.16);
    border:1px solid rgba(255,255,255,.13);
    padding:8px 12px;
    border-radius:8px;
    font-size:12px;
    font-weight:600;
    backdrop-filter:blur(12px);
}

.cvmra300-toast{
    position:absolute;
    z-index:40;
    left:50%;
    bottom:80px;
    transform:translate(-50%,10px);
    opacity:0;
    pointer-events:none;
    background:rgba(0,0,0,.82);
    color:#fff;
    padding:9px 14px;
    border-radius:999px;
    font-size:12px;
    transition:.2s ease;
    white-space:nowrap;
}
.cvmra300-toast.show{
    opacity:1;
    transform:translate(-50%,0);
}

.cvmra300-empty{
    min-height:400px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#777;
    background:#fff;
}

/* Phones and small tablets: use the entire available viewport automatically */
@media(max-width:700px){
    .cvmra300-wrap{
        width:100%;
        margin:0;
        padding:0;
    }
    .cvmra300-feed{
        width:100vw;
        max-width:100vw;
        height:100dvh;
        min-height:100dvh;
        max-height:none;
        aspect-ratio:auto;
        border-radius:0;
    }
    .cvmra300-item{
        height:100dvh;
        min-height:100dvh;
    }
    .cvmra300-video{
        object-fit:contain;
    }
    .cvmra300-actions{
        right:7px;
        bottom:clamp(105px, 14vh, 130px);
    }
    .cvmra300-info{
        left:14px;
        right:72px;
        bottom:clamp(18px, 3vh, 28px);
    }
}

/* Short-height devices: reduce desktop feed so it never exceeds viewport */
@media(min-width:701px) and (max-height:800px){
    .cvmra300-feed{
        height:calc(100dvh - 20px);
        width:min(100%, 430px, calc((100dvh - 20px) * .5625));
        max-height:calc(100dvh - 20px);
    }
}

/* Narrow desktop/tablet screens */
@media(min-width:701px) and (max-width:900px){
    .cvmra300-feed{
        width:min(calc(100vw - 32px), 430px, calc((100dvh - 24px) * .5625));
        height:min(calc(100dvh - 24px), 765px, calc((100vw - 32px) * 1.7777778));
    }
}

/* Large screens */
@media(min-width:1200px) and (min-height:950px){
    .cvmra300-feed{
        width:430px;
        height:765px;
    }
}

/* Gallery Share / Copy controls */
.cvm-gallery-actions{
    display:flex;
    gap:8px;
    margin-top:10px;
}
.cvm-gallery-share,
.cvm-gallery-copy{
    appearance:none;
    border:1px solid #e5e5e5;
    background:#f7f7f7;
    color:#111;
    border-radius:999px;
    padding:7px 11px;
    font-size:12px;
    font-weight:600;
    line-height:1;
    cursor:pointer;
    transition:background .18s ease,transform .18s ease,border-color .18s ease;
}
.cvm-gallery-share:hover,
.cvm-gallery-copy:hover{
    background:#ededed;
    border-color:#d8d8d8;
    transform:translateY(-1px);
}
.cvm-gallery-share span,
.cvm-gallery-copy span{
    margin-right:3px;
}
.cvm-gallery-toast{
    display:none;
    margin-top:7px;
    color:#555;
    font-size:11px;
}
.cvm-gallery-toast.show{
    display:block;
}


/* Built-in Gallery Search - Clean Professional */
.cvmu-search-container{
    position:sticky;
    top:calc(var(--wp-admin--admin-bar--height, 0px) + 10px);
    z-index:1000;
    width:min(100%,620px);
    margin:18px auto 24px;
    padding:0;
    box-sizing:border-box;
}

.cvmu-search-container::before{
    content:"";
    position:absolute;
    z-index:-1;
    left:-10px;
    right:-10px;
    top:-8px;
    bottom:-8px;
    border-radius:32px;
    background:rgba(255,255,255,.88);
    box-shadow:0 4px 18px rgba(15,23,42,.05);
    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);
}

.cvmu-search-input-wrapper{
    position:relative;
    width:100%;
    height:48px;
    display:flex;
    align-items:center;
    background:#fff;
    border:1px solid #e2e5e9;
    border-radius:24px;
    box-sizing:border-box;
    box-shadow:0 2px 10px rgba(15,23,42,.06);
    transition:border-color .2s ease,box-shadow .2s ease;
}

.cvmu-search-input-wrapper:hover{
    border-color:#d4d8de;
    box-shadow:0 4px 14px rgba(15,23,42,.08);
}

.cvmu-search-input-wrapper:focus-within{
    border-color:#b8bec8;
    box-shadow:0 0 0 3px rgba(15,23,42,.05),0 5px 16px rgba(15,23,42,.08);
}

.cvmu-search-input{
    appearance:none!important;
    -webkit-appearance:none!important;
    display:block!important;
    width:100%!important;
    height:46px!important;
    min-height:46px!important;
    margin:0!important;
    padding:0 46px 0 45px!important;
    border:0!important;
    outline:0!important;
    border-radius:23px!important;
    background:transparent!important;
    color:#202124!important;
    font-family:inherit!important;
    font-size:14px!important;
    font-weight:400!important;
    line-height:46px!important;
    letter-spacing:0!important;
    box-shadow:none!important;
    box-sizing:border-box!important;
}

.cvmu-search-input::placeholder{
    color:#8b9199!important;
    opacity:1!important;
    font-size:14px!important;
    font-weight:400!important;
}

.cvmu-search-icon{
    position:absolute!important;
    left:16px!important;
    top:50%!important;
    width:20px!important;
    height:20px!important;
    margin:0!important;
    padding:0!important;
    transform:translateY(-50%)!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    color:#737980!important;
    pointer-events:none!important;
    z-index:3!important;
    transition:color .2s ease,transform .2s ease;
}

.cvmu-search-input:focus + .cvmu-search-icon{
    color:#444950;
    transform:translateY(-50%) scale(1.04)!important;
}

.cvmu-search-icon svg{
    display:block!important;
    width:19px!important;
    height:19px!important;
}

.cvmu-search-spinner{
    position:absolute!important;
    right:16px!important;
    top:50%!important;
    width:16px!important;
    height:16px!important;
    margin:0!important;
    transform:translateY(-50%);
    border:2px solid #e5e7eb!important;
    border-top-color:#555b63!important;
    border-radius:50%;
    display:none;
    animation:cvmuSearchSpin .7s linear infinite;
}

.cvmu-search-spinner.is-loading{display:block!important}

.cvmu-search-results{
    position:absolute;
    left:0;
    top:calc(100% + 7px);
    width:100%;
    max-height:min(390px,60vh);
    overflow-y:auto;
    padding:5px;
    margin:0;
    box-sizing:border-box;
    background:#fff;
    border:1px solid #e3e6ea;
    border-radius:14px;
    box-shadow:0 10px 28px rgba(15,23,42,.12);
    display:none;
    opacity:0;
    transform:translateY(-4px);
    transition:opacity .16s ease,transform .16s ease;
}

.cvmu-search-results.is-show{
    display:block;
    opacity:1;
    transform:translateY(0);
}

.cvmu-search-result-item{
    position:relative;
    display:flex;
    align-items:center;
    min-height:64px;
    padding:8px 10px;
    margin:0;
    border-radius:9px;
    box-sizing:border-box;
    color:#202124!important;
    text-decoration:none!important;
    background:transparent;
    transition:background .15s ease;
}

.cvmu-search-result-item:hover{
    background:#f6f7f8;
    transform:none;
}

.cvmu-search-result-item::after{display:none!important}

.cvmu-search-thumb,
.cvmu-search-no-thumb{
    display:block;
    width:50px!important;
    height:50px!important;
    flex:0 0 50px;
    margin:0 12px 0 0!important;
    padding:0!important;
    object-fit:cover;
    border-radius:8px;
    box-shadow:none;
}

.cvmu-search-no-thumb{
    display:flex!important;
    align-items:center;
    justify-content:center;
    background:#f1f3f5;
    color:#737980;
    font-size:9px;
    font-weight:700;
}

.cvmu-search-result-title{
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden;
    margin:0;
    padding:0;
    color:#30343a!important;
    font-size:13px!important;
    font-weight:500!important;
    line-height:1.4!important;
}

.cvmu-search-not-found{
    padding:18px 12px;
    margin:0;
    text-align:center;
    color:#777d85;
    font-size:13px;
    font-weight:400;
}

.cvmu-search-results::-webkit-scrollbar{width:5px}
.cvmu-search-results::-webkit-scrollbar-track{background:transparent}
.cvmu-search-results::-webkit-scrollbar-thumb{
    background:#d5d9de;
    border-radius:10px;
}

@keyframes cvmuSearchSpin{
    to{transform:translateY(-50%) rotate(360deg)}
}

@media(max-width:700px){
    .cvmu-search-container{
        top:calc(var(--wp-admin--admin-bar--height, 0px) + 8px);
        width:calc(100% - 24px);
        margin:12px auto 18px;
    }

    .cvmu-search-input-wrapper{
        height:46px;
        border-radius:23px;
    }

    .cvmu-search-input{
        height:44px!important;
        min-height:44px!important;
        line-height:44px!important;
        padding-left:42px!important;
        padding-right:42px!important;
        font-size:13px!important;
    }

    .cvmu-search-input::placeholder{
        font-size:13px!important;
    }

    .cvmu-search-icon{
        left:14px!important;
    }

    .cvmu-search-spinner{
        right:14px!important;
    }

    .cvmu-search-results{
        max-height:55vh;
        border-radius:12px;
    }
}

@media(max-width:380px){
    .cvmu-search-container{
        width:calc(100% - 18px);
    }

    .cvmu-search-input{
        font-size:12.5px!important;
    }

    .cvmu-search-input::placeholder{
        font-size:12.5px!important;
    }
}

@media(prefers-reduced-motion:reduce){
    .cvmu-search-spinner{animation:none}
    .cvmu-search-input-wrapper,
    .cvmu-search-input,
    .cvmu-search-results,
    .cvmu-search-result-item{
        transition:none!important;
    }
}



/* Community Comments */
.cvmu-comments{
    margin-top:24px;
    padding-top:22px;
    border-top:1px solid #e5e7eb;
}
.cvmu-comments-heading h3{
    margin:0 0 16px;
    color:#111827;
    font-size:20px;
    font-weight:700;
}
.cvmu-comments-heading h3 span{
    color:#6b7280;
    font-size:13px;
    font-weight:500;
}
.cvmu-comment-form{
    padding:14px;
    border:1px solid #e5e7eb;
    border-radius:14px;
    background:#fff;
    box-shadow:0 3px 12px rgba(15,23,42,.04);
    margin-bottom:18px;
}
.cvmu-comment-name-input,
.cvmu-comment-input{
    width:100%!important;
    box-sizing:border-box!important;
    border:1px solid #e1e5ea!important;
    background:#fff!important;
    color:#111827!important;
    border-radius:10px!important;
    outline:none!important;
    font-family:inherit!important;
}
.cvmu-comment-name-input{
    height:42px!important;
    padding:0 12px!important;
    margin-bottom:9px!important;
}
.cvmu-comment-input{
    min-height:88px!important;
    resize:vertical;
    padding:11px 12px!important;
    line-height:1.5!important;
}
.cvmu-comment-name-input:focus,
.cvmu-comment-input:focus{
    border-color:#9ca3af!important;
    box-shadow:0 0 0 3px rgba(17,24,39,.05)!important;
}
.cvmu-comment-form-row{
    display:flex;
    align-items:center;
    gap:8px;
    margin-top:9px;
}
.cvmu-comment-submit,
.cvmu-comment-cancel{
    border:0;
    border-radius:9px;
    padding:8px 13px;
    font-size:13px;
    font-weight:600;
    cursor:pointer;
}
.cvmu-comment-submit{
    margin-left:auto;
    background:#111827;
    color:#fff;
}
.cvmu-comment-submit:disabled{opacity:.55;cursor:wait}
.cvmu-comment-cancel{
    background:#f3f4f6;
    color:#374151;
}
.cvmu-comment-replying{
    color:#6b7280;
    font-size:12px;
}
.cvmu-comment-message{
    min-height:16px;
    margin-top:7px;
    font-size:12px;
}
.cvmu-comment-message.is-error{color:#dc2626}
.cvmu-comment-message.is-success{color:#16a34a}
.cvmu-comments-list{display:flex;flex-direction:column;gap:12px}
.cvmu-comment{
    padding:13px 14px;
    border:1px solid #e7e9ec;
    border-radius:13px;
    background:#fff;
}
.cvmu-comment.is-admin{
    border-color:#d9dee5;
    background:#fafafa;
}
.cvmu-comment-head{
    display:flex;
    align-items:center;
    gap:7px;
    flex-wrap:wrap;
}
.cvmu-comment-name{
    color:#202124;
    font-size:14px;
}
.cvmu-admin-badge{
    padding:2px 6px;
    border-radius:5px;
    background:#111827;
    color:#fff;
    font-size:9px;
    font-weight:700;
    letter-spacing:.2px;
}
.cvmu-comment-date{
    color:#8a9098;
    font-size:11px;
}
.cvmu-comment-text{
    margin-top:7px;
    color:#363a40;
    font-size:13px;
    line-height:1.55;
    word-break:break-word;
}
.cvmu-comment-actions{
    display:flex;
    align-items:center;
    gap:13px;
    margin-top:9px;
}
.cvmu-comment-like,
.cvmu-comment-reply{
    border:0;
    padding:0;
    background:transparent;
    color:#6b7280;
    font-size:12px;
    font-weight:600;
    cursor:pointer;
}
.cvmu-comment-like:hover,
.cvmu-comment-reply:hover{color:#111827}
.cvmu-comment-like.is-liked{color:#2563eb}
.cvmu-comment-replies{
    margin:11px 0 0 24px;
    padding-left:12px;
    border-left:2px solid #eef0f2;
}
.cvmu-comments-empty,
.cvmu-comment-blocked{
    padding:20px;
    border:1px dashed #d8dce1;
    border-radius:12px;
    color:#777e87;
    text-align:center;
    font-size:13px;
    background:#fafafa;
}
@media(max-width:700px){
    .cvmu-comments{margin-top:20px;padding-top:18px}
    .cvmu-comments-heading h3{font-size:18px}
    .cvmu-comment{padding:11px 12px}
    .cvmu-comment-replies{margin-left:12px;padding-left:9px}
}


/* Reels inline comments */
.cvmra300-comment-toggle .cvmra300-action-circle{position:relative}
.cvmra300-comment-toggle.is-open .cvmra300-action-circle{background:#fff;color:#111}
.cvmra300-comment-toggle.is-open svg{stroke:#111}
.cvmra300-comments-panel{
    position:absolute;
    z-index:80;
    left:0;
    right:0;
    bottom:0;
    height:min(72%,620px);
    padding:0;
    background:rgba(255,255,255,.98);
    border-radius:22px 22px 0 0;
    box-shadow:0 -12px 35px rgba(0,0,0,.28);
    transform:translateY(105%);
    opacity:0;
    visibility:hidden;
    transition:transform .28s cubic-bezier(.16,1,.3,1),opacity .22s ease,visibility .22s ease;
    overflow:hidden;
}
.cvmra300-stage.comments-open .cvmra300-comments-panel{
    transform:translateY(0);
    opacity:1;
    visibility:visible;
}
.cvmra300-comments-close{
    position:absolute;
    z-index:95;
    top:9px;
    right:12px;
    width:34px;
    height:34px;
    border:0;
    border-radius:50%;
    background:#f1f3f5;
    color:#30343a;
    font-size:24px;
    line-height:1;
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:center;
    opacity:0;
    visibility:hidden;
    transform:translateY(5px);
    transition:.2s ease;
}
.cvmra300-stage.comments-open .cvmra300-comments-close{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}
.cvmra300-comments-panel .cvmu-comments{
    height:100%;
    max-height:none;
    margin:0!important;
    padding:20px 16px 18px!important;
    border:0!important;
    border-radius:0!important;
    overflow-y:auto;
    box-sizing:border-box;
}
.cvmra300-comments-panel .cvmu-comments-heading{padding-right:42px}
.cvmra300-comments-panel .cvmu-comments-heading h3{font-size:18px}
.cvmra300-comments-panel .cvmu-comment-form{margin-bottom:14px}
.cvmra300-comments-panel .cvmu-comment-name-input,
.cvmra300-comments-panel .cvmu-comment-input{background:#f7f8f9}
@media(max-width:700px){
    .cvmra300-comments-panel{
        height:min(76%,650px);
        border-radius:18px 18px 0 0;
    }
    .cvmra300-comments-panel .cvmu-comments{padding:18px 13px 16px!important}
}

/* Original Video Quality Protection
 * The plugin never applies CSS scaling that changes the source, filters, or compression.
 * object-fit: contain keeps the complete frame visible without cropping.
 */
.cvm-player-container video,
.cvmra300-video{
    image-rendering:auto;
    filter:none;
    -webkit-filter:none;
    backface-visibility:hidden;
    -webkit-backface-visibility:hidden;
}