@media only screen and (max-width: 820px) and (min-width: 681px) {
    #boxDetailIdea {
            width: 35%;
        }
}

@media screen and (max-width: 820px) {
    .popup-idea .dialog-box {
            padding: 10px;
        }

    .popup-idea .dialog-content {
            width: 100%;
        }
}

@media screen and (max-width: 680px) {
    #listImageIdea, #boxDetailIdea {
            width: 100%;
            position: relative;
            top: 0px;
            left: 0px;
            min-height: 300px;
        }

    #boxDetailIdea {
            padding-bottom: 0px;
        }

    .popup-idea .dialog-box {
            position: absolute;
            top: 0px;
            left: 0px;
            right: 0px;
            bottom: 0px;
            height: 100%;
        }

    .popup-idea .dialog-content {
            position: absolute;
            left: 0px;
            display: block;
            top: 0px;
            bottom: 0px;
            right: 0px;
            height: auto;
            width: auto;
        }

    #boxDetailIdea > .comment-input {
            position: fixed;
            bottom: 0px;
            left: 0px;
            width: 100%;
            background: white;
            padding: 10px 10px 10px 50px;
            margin: 0px;
        }

    #boxDetailIdea > .comment-input .avt {
                top: 5px;
                height: 44px;
            }

    #boxDetailIdea > .comment-input .btn-comment-send {
                right: 10px;
                top: 10px;
            }
}

.report-menu-close {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 100;
    display: none;
}

#postByIdea {
    padding: 10px;
    background: var(--cq-light);
    height: 60px;
}

#postByIdea .time {
        font-size: 12px;
        display: block;
    }

#postByIdea .name {
        font-size: 15px;
    }

#postByIdea .name-cus {
        font-weight: bold;
    }

#postByIdea img {
        width: 40px;
        display: block;
        height: 40px;
    }

#postByIdea .img-cus {
        float: left;
        margin-right: 10px;
    }

#toolBarIdea {
    padding: 5px 0px;
    border-top: solid 1px var(--cq-border);
    border-bottom: solid 1px var(--cq-border);
    position: relative;
    font-style: italic;
}

#boxDetailIdea #toolBarIdea {
    padding: 5px 10px;
}

#toolBarIdea span {
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    margin-right: 10px;
}

#toolBarIdea .like {
    font-size: 18px;
}

#toolBarIdea .like .like-text {
        display: none;
        margin-right: 0px;
    }

#toolBarIdea .like .unlike-text {
        margin-right: 0px;
    }

#toolBarIdea .like.True .like-text {
        display: inline-block;
    }

#toolBarIdea .like.True .unlike-text {
        display: none;
    }

#toolBarIdea .like.False:hover, #toolBarIdea .like.True {
        color: #ff0079;
    }

#toolBarIdea .like.True:hover {
            color: red;
        }

.report-menu {
    position: ABSOLUTE;
    right: 10px;
    top: 10px;
}

.report-menu .btn {
        line-height: 30px;
        color: var(--cq-muted);
    }

.report-menu .btn i {
            display: inline-block;
            vertical-align: top;
            margin-left: 10px;
            line-height: inherit;
        }

.report-menu ul {
        position: absolute;
        top: 100%;
        right: 0px;
        width: 220px;
        list-style: none;
        z-index: 101;
        margin: 0px;
        padding: 0px;
        background: var(--cq-border);
        display: none;
    }

.report-menu.open ul {
        display: block;
    }

.report-menu ul a {
        padding: 5px 10px;
    }

.report-menu ul li {
        border-bottom: solid 1px var(--cq-border);
    }

.report-menu.open .report-menu-close {
    display: block;
}

.box-date .report-menu .btn {
    line-height: 20px;
    color: var(--cq-muted);
}

.box-date .report-menu {
    padding-left: 14px;
    border-left: solid 1px var(--cq-border);
}

#postByIdea .name-cus img {
    display: inline-block;
    width: 20px;
    margin-left: 10px;
    vertical-align: middle;
}

        @media (min-width: 768px) {

            .popup-idea {
                background: rgba(11, 22, 34, 0.88);
                -webkit-backdrop-filter: blur(8px);
                backdrop-filter: blur(8px);
            }

            .popup-idea .dialog-box {
                padding: 0 !important;
                border-radius: 0 !important;
                vertical-align: middle;
            }

            .popup-idea .dialog-content {
                width: 100% !important;
                height: 80vh !important;
                min-height: 0 !important;
                max-height: 80vh;
                border-radius: 0;
                overflow: hidden;
                background: none;
                box-shadow: none;
            }

            .popup-idea .dialog-main {
                height: 100%;
            }

            .popup-idea .Window {
                display: grid;
                grid-template-columns: 2fr 0.25fr 0.75fr;
                height: 80vh;
                min-height: 0 !important;
                background: none !important;
            }

            .popup-idea #listImageIdea,
            .popup-idea #cqCotAnh,
            .popup-idea #boxDetailIdea {
                position: relative;
                top: auto;
                right: auto;
                bottom: auto;
                left: auto;
                width: auto;
                max-width: none;
                height: 100%;
                min-height: 0;
                min-width: 0;
                box-shadow: none;
            }

            .popup-idea #listImageIdea {
                background: none;
                overflow: hidden;
            }

            .popup-idea .lSGallery {
                display: none !important;
            }

            .popup-idea .lSSlideOuter,
            .popup-idea .lSSlideWrapper {
                height: 100%;
            }

            .popup-idea #cqCotAnh {
                border-left: 1px solid rgba(255, 255, 255, 0.14);
                overflow-y: auto;
                overscroll-behavior: contain;                padding: 12px;
                box-sizing: border-box;
            }

            .popup-idea #cqCotAnh::-webkit-scrollbar { width: 6px; }
            .popup-idea #cqCotAnh::-webkit-scrollbar-thumb { background: rgba(255,255,255,.22); border-radius: 99px; }
            .popup-idea #cqCotAnh::-webkit-scrollbar-track { background: transparent; }

            .popup-idea .cq-anh-nho {
                display: block;
                margin: 0 0 8px;
                border: 2px solid transparent;
                border-radius: 0;
                overflow: hidden;
                cursor: pointer;
                line-height: 0;
                background: rgba(255, 255, 255, 0.06);
            }

            .popup-idea .cq-anh-nho img {
                width: 100%;
                height: auto;
                display: block;
            }

            .popup-idea .cq-anh-nho.dang-xem {
                border-color: var(--cq-green);
            }

            .popup-idea #listImageIdea:has(.cq-khung-hoi) .lSSlideOuter,
            .popup-idea #listImageIdea:has(.cq-khung-hoi) #lightSlider {
                display: none !important;
            }

            .popup-idea .cq-khung-hoi {
                display: flex;
                align-items: center;
                justify-content: center;
                width: 100%;
                height: 100%;
                padding: 48px;
                overflow-y: auto;
                overscroll-behavior: contain;
            }

            .popup-idea .cq-khung-hoi__trong {
                width: 100%;
                max-width: 680px;
            }

            .popup-idea .cq-khung-hoi__ma {
                margin-bottom: 14px;
                color: rgba(255,255,255,.55);
                font-size: 12px;
                font-weight: 700;
                letter-spacing: .1em;
            }

            .popup-idea .cq-khung-hoi__hoi {
                margin: 0;
                color: #ffffff;
                font-size: 30px;
                font-weight: 700;
                line-height: 1.35;
            }

            .popup-idea .cq-khung-hoi__noidung {
                margin-top: 18px;
                padding-top: 18px;
                border-top: 1px solid rgba(255,255,255,.22);
                color: rgba(255,255,255,.85);
                font-size: 15px;
                line-height: 1.7;
            }

            .popup-idea .cq-cot-trong {
                padding: 4px 2px;
                color: rgba(255,255,255,.40);
                font-size: 12px;
                line-height: 1.5;
            }

            .popup-idea .cq-cot-tieude {
                margin: 2px 2px 10px;
                color: rgba(255,255,255,.45);
                font-size: 11px;
                font-weight: 700;
                letter-spacing: .08em;
                text-transform: uppercase;
            }

            .popup-idea .cq-cau-hoi {
                display: flex;
                align-items: center;
                justify-content: center;
                margin: 0 0 8px;
                padding: 14px 8px;
                color: #ffffff;
                font-size: 14px;
                font-weight: 700;
                text-decoration: none;
                transition: transform .15s ease, filter .15s ease;
            }

            .popup-idea .cq-cau-hoi:hover {
                filter: brightness(1.12);
                transform: translateY(-1px);
            }

            .popup-idea #boxDetailIdea {
                border-left: 1px solid rgba(255, 255, 255, 0.14);
                background: none;
                color: #ffffff;
            }

            .popup-idea #boxDetailIdeaScroll {
                top: 0;
                bottom: 76px;
                padding: 0 0 8px;
                overscroll-behavior: contain;
                scrollbar-width: thin;                scrollbar-color: rgba(255,255,255,.22) transparent;
            }

            .popup-idea #boxDetailIdeaScroll::-webkit-scrollbar { width: 6px; }
            .popup-idea #boxDetailIdeaScroll::-webkit-scrollbar-thumb { background: rgba(255,255,255,.22); border-radius: 99px; }
            .popup-idea #boxDetailIdeaScroll::-webkit-scrollbar-track { background: transparent; }

            .popup-idea #postByIdea {
                height: auto;
                min-height: 72px;
                padding: 18px 22px 16px;
                background: none;
                border-bottom: 1px solid rgba(255, 255, 255, 0.14);
            }

            .popup-idea #postByIdea .name,
            .popup-idea #postByIdea .name * { font-size: 20px; font-weight: 700; line-height: 1.35; color: #ffffff; }

            .popup-idea #postByIdea .name .img-cus img {
                width: 50px;
                height: 50px;
                border-radius: 50%;
                object-fit: cover;
            }

            .popup-idea #postByIdea .name .name-cus img { width: 15px; height: 15px; }

            .popup-idea #postByIdea .time {
                margin-top: 3px;
                font-size: 12px;
                font-weight: 500;
                color: rgba(255,255,255,.45);
            }

            .popup-idea #descriptionIdea {
                height: auto !important;
                max-height: none !important;
                overflow: visible !important;
                padding: 20px 22px 12px;
                background: none;
            }

            .popup-idea #descriptionIdea .content {
                display: block;
                height: auto !important;
                max-height: none;
                overflow: visible;
                color: rgba(255,255,255,.78);
                font-size: 14px;
                line-height: 1.7;
            }

            .popup-idea #descriptionIdea .cq-mv-tag { display: inline-block; font-size: 10px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #fff; background: var(--cq-green); border-radius: 999px; padding: 2px 9px; margin-right: 8px; vertical-align: 2px; text-decoration: none; }
            .popup-idea #descriptionIdea .cq-mv-tag:hover { filter: brightness(1.15); color: #fff; }
            .popup-idea #descriptionIdea .cq-mv-ten { color: inherit; text-decoration: none; }
            .popup-idea #descriptionIdea .cq-mv-ten:hover { text-decoration: underline; color: #fff; }
            .popup-idea #descriptionIdea .cq-mv-docbai { margin-top: 10px; }
            .popup-idea #descriptionIdea .cq-mv-docbai a { color: var(--cq-green); font-weight: 700; font-size: 13.5px; text-decoration: none; }
            .popup-idea #descriptionIdea .cq-mv-docbai a:hover { text-decoration: underline; }
            .popup-idea #descriptionIdea .cq-mv-nv { margin-top: 16px; display: flex; flex-direction: column; gap: 8px; }
            .popup-idea #descriptionIdea .cq-mv-nv__lb { font-size: 11px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: rgba(255,255,255,.45); margin-bottom: 2px; }

            .popup-idea #descriptionIdea.minimy .content {
                max-height: 167px;                overflow: hidden;
                -webkit-mask-image: linear-gradient(180deg, var(--cq-dark) 72%, transparent 100%);
                mask-image: linear-gradient(180deg, var(--cq-dark) 72%, transparent 100%);
            }

            .popup-idea #descriptionIdea .view-more-idea::after {
                content: none !important;
                display: none !important;
            }

            .popup-idea #descriptionIdea .view-more-idea {
                position: static;
                width: auto;
                height: auto;
                line-height: 1.4;
                text-align: left;
            }

            .popup-idea #descriptionIdea .view-more-idea { display: none; }
            .popup-idea #descriptionIdea.minimy .view-more-idea,
            .popup-idea #descriptionIdea .view-more-idea[data-mo="1"] {
                display: inline-block;
                margin-top: 8px;
                cursor: pointer;
            }
            .popup-idea #descriptionIdea .view-more-idea span {
                color: var(--cq-green);
                font-size: 13px;
                font-weight: 600;
            }

            .popup-idea #postByIdea { position: relative; padding-right: 58px; }

            .popup-idea #postByIdea .report-menu {
                position: absolute;
                right: 16px;
                top: 16px;
            }

            .popup-idea #postByIdea .report-menu .btn {
                display: flex;
                align-items: center;
                justify-content: center;
                width: 34px;
                height: 34px;
                color: rgba(255,255,255,.62);
                cursor: pointer;
                transition: background .15s ease, color .15s ease;
            }

            .popup-idea #postByIdea .report-menu .btn:hover {
                background: rgba(255,255,255,.10);
                color: #ffffff;
            }

            .popup-idea #postByIdea .report-menu .btn > span,
            .popup-idea #postByIdea .report-menu .btn > i { display: none; }

            .popup-idea #postByIdea .report-menu .btn:before {
                content: "\f141";                font-family: "Font Awesome 5 Free";
                font-weight: 900;
                font-size: 16px;
                line-height: 1;
            }

            .popup-idea #postByIdea .report-menu ul {
                right: 0;
                left: auto;
                min-width: 208px;
                padding: 6px;
                background: var(--cq-dark);
                border: 1px solid rgba(255,255,255,.12);
                box-shadow: 0 12px 34px rgba(0,0,0,.42);
            }

            .popup-idea #postByIdea .report-menu ul a {
                display: block;
                padding: 9px 12px;
                color: rgba(255,255,255,.82);
                font-size: 13px;
                white-space: normal;
            }

            .popup-idea #postByIdea .report-menu ul a:hover {
                background: rgba(255,255,255,.09);
                color: #ffffff;
            }

            .popup-idea #toolBarIdea {
                margin: 0 22px 16px;
                padding: 14px 0 0;
                border-top: 1px solid rgba(255, 255, 255, 0.14);
                color: rgba(255,255,255,.72);
            }

            .popup-idea #toolBarIdea a,
            .popup-idea #toolBarIdea span { color: inherit; }

            .popup-idea #toolBarIdea .like {
                display: inline-flex !important;
                align-items: center;
                justify-content: center;
                width: 40px;
                height: 40px;
                margin: 0 !important;
                padding: 0 !important;
                border-radius: 50%;
                font-style: normal !important;
                background: rgba(255,255,255,.08);
                cursor: pointer;
                transition: background .15s ease, transform .15s ease;
            }

            .popup-idea #toolBarIdea .like:hover {
                background: rgba(255,255,255,.18);
                transform: scale(1.06);
            }

            .popup-idea #toolBarIdea .like .like-text,
            .popup-idea #toolBarIdea .like .unlike-text { display: none !important; }

            .popup-idea #toolBarIdea .like i {
                font-size: 18px;
                line-height: 1;
                color: rgba(255,255,255,.72);
                transition: color .15s ease;
            }

            .popup-idea #toolBarIdea .like.True { background: rgba(240,50,75,.16); }
            .popup-idea #toolBarIdea .like.True i { color: #f0324b; }

            .popup-idea #toolBarIdea .sep { display: none !important; }

            .popup-idea #toolBarIdea .view {
                margin-left: 14px;
                font-style: normal !important;
                color: rgba(255,255,255,.58);
                font-size: 13px;
            }

            .popup-idea #toolBarIdea {
                display: flex;
                align-items: center;
                flex-wrap: wrap;
                gap: 0;
            }
            .popup-idea #toolBarIdea .like { order: 1; }
            .popup-idea #toolBarIdea .view { order: 2; }
            .popup-idea #toolBarIdea > div[style*="font-size"] {
                order: 3;
                flex: 0 0 100%;                margin-top: 10px;
            }
            .popup-idea #toolBarIdea > div[style*="font-size"] a {
                color: rgba(255,255,255,.55) !important;
                font-size: 12.5px !important;
                font-style: normal;
                line-height: 1.45;
                cursor: pointer;
            }
            .popup-idea #toolBarIdea > div[style*="font-size"] a:hover { color: #ffffff !important; }

            .popup-idea #titleIdea { display: none; }

            .popup-idea #lightSlider .item-media > .title { display: none !important; }
        }

        @media (max-width: 767px) {

            .popup-idea { background: var(--cq-dark); }

            .popup-idea .dialog-box {
                padding: 0 !important;
                border-radius: 0 !important;
            }

            .popup-idea .dialog-content {
                width: 100% !important;
                height: 100% !important;
                max-height: none !important;
                border-radius: 0;
                background: var(--cq-dark);
            }

            .popup-idea .dialog-main { height: 100%; }

            .popup-idea .Window {
                position: relative;
                display: block;
                min-height: 100vh !important;
                background: var(--cq-dark) !important;
            }

            .popup-idea #listImageIdea,
            .popup-idea #cqCotAnh,
            .popup-idea #boxDetailIdea {
                position: relative;
                top: auto; right: auto; bottom: auto; left: auto;
                width: auto;
                height: auto;
                min-height: 0;
                background: none;
                box-shadow: none;
            }

            #cqThanhNut {
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                height: 52px;
                padding: 0 8px;
                justify-content: flex-end;
                gap: 4px;
                background: var(--cq-dark);
                border-bottom: 1px solid rgba(255,255,255,.08);
            }

            #cqThanhNut > a {
                width: 40px;
                height: 40px;
                font-size: 15px;
                background: transparent;
                box-shadow: none;
                -webkit-backdrop-filter: none;
                backdrop-filter: none;
            }

            #cqThanhNut > a:active { background: rgba(255,255,255,.12); }
            #cqThanhNut .cq-vach { height: 22px; }

            .popup-idea #listImageIdea {
                padding-top: 52px;                overflow: hidden;
            }

            .popup-idea #titleIdea { display: none; }

            .popup-idea .lSSlideOuter,
            .popup-idea .lSSlideWrapper { height: auto; }
            .popup-idea #lightSlider li .item-media {
                height: 42vh;
                background-size: contain;
                background-position: center;
                background-repeat: no-repeat;
            }
            .popup-idea #lightSlider .item-media > .title { display: none !important; }

            .popup-idea .lSGallery {
                display: flex !important;
                flex-wrap: nowrap;
                width: auto !important;
                transform: none !important;
                gap: 5px;
                padding: 8px;
                overflow-x: auto;
                -webkit-overflow-scrolling: touch;
            }
            .popup-idea .lSGallery::-webkit-scrollbar { display: none; }
            .popup-idea .lSGallery li {
                flex: 0 0 auto;
                margin: 0;
                opacity: .55;
            }
            .popup-idea .lSGallery li.active { opacity: 1; box-shadow: 0 0 0 2px var(--cq-green); }

            .popup-idea #cqCotAnh .cq-anh-nho,
            .popup-idea #cqCotAnh .cq-cot-tieude { display: none; }

            .popup-idea #boxDetailIdea { color: #ffffff; }

            .popup-idea #boxDetailIdeaScroll {
                position: relative;
                top: auto;
                bottom: auto;
                height: auto !important;
                overflow: visible;
                padding: 0 0 84px;            }

            .popup-idea #postByIdea {
                position: relative;
                height: auto;
                min-height: 0;
                padding: 14px 16px 12px 16px;
                background: none;
                border-bottom: 1px solid rgba(255,255,255,.12);
            }
            .popup-idea #postByIdea .name,
            .popup-idea #postByIdea .name * { font-size: 16px; font-weight: 700; color: #ffffff; }
            .popup-idea #postByIdea .name .img-cus img {
                width: 42px; height: 42px; border-radius: 50%; object-fit: cover;
            }
            .popup-idea #postByIdea .time { color: rgba(255,255,255,.45); font-size: 12px; }

            .popup-idea #postByIdea .report-menu { position: absolute; right: 10px; top: 14px; }
            .popup-idea #postByIdea .report-menu .btn {
                display: flex; align-items: center; justify-content: center;
                width: 34px; height: 34px; color: rgba(255,255,255,.55);
            }
            .popup-idea #postByIdea .report-menu .btn > span,
            .popup-idea #postByIdea .report-menu .btn > i { display: none; }
            .popup-idea #postByIdea .report-menu .btn:before {
                content: "\f141"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 16px;
            }
            .popup-idea #postByIdea .report-menu ul {
                right: 0; left: auto; background: var(--cq-dark);
                border: 1px solid rgba(255,255,255,.12);
            }
            .popup-idea #postByIdea .report-menu ul a { color: rgba(255,255,255,.82); }

            .popup-idea #descriptionIdea {
                height: auto !important;
                max-height: none !important;
                overflow: visible !important;
                padding: 14px 16px 10px;
                background: none;
            }
            .popup-idea #descriptionIdea .content {
                height: auto !important;
                max-height: none;
                overflow: visible;
                color: rgba(255,255,255,.80);
                font-size: 14px;
                line-height: 1.65;
            }
            .popup-idea #descriptionIdea.minimy .content {
                max-height: 138px;
                overflow: hidden;
                -webkit-mask-image: linear-gradient(180deg, var(--cq-dark) 70%, transparent 100%);
                mask-image: linear-gradient(180deg, var(--cq-dark) 70%, transparent 100%);
            }
            .popup-idea #descriptionIdea .view-more-idea::after { content: none !important; display: none !important; }
            .popup-idea #descriptionIdea .view-more-idea {
                position: static; width: auto; height: auto; line-height: 1.4; text-align: left;
                display: none;
            }
            .popup-idea #descriptionIdea.minimy .view-more-idea,
            .popup-idea #descriptionIdea .view-more-idea[data-mo="1"] {
                display: inline-block; margin-top: 8px;
            }
            .popup-idea #descriptionIdea .view-more-idea span { color: var(--cq-green); font-size: 13px; font-weight: 600; }

            .popup-idea #toolBarIdea {
                display: flex;
                align-items: center;
                flex-wrap: wrap;
                margin: 0 16px 12px;
                padding: 12px 0 0;
                border-top: 1px solid rgba(255,255,255,.12);
                color: rgba(255,255,255,.72);
            }
            .popup-idea #toolBarIdea .sep { display: none !important; }
            .popup-idea #toolBarIdea .like {
                order: 1;
                display: inline-flex !important;
                align-items: center; justify-content: center;
                width: 40px; height: 40px; margin: 0 !important; padding: 0 !important;
                border-radius: 50%; background: rgba(255,255,255,.08);
                font-style: normal !important;
            }
            .popup-idea #toolBarIdea .like .like-text,
            .popup-idea #toolBarIdea .like .unlike-text { display: none !important; }
            .popup-idea #toolBarIdea .like i { font-size: 18px; color: rgba(255,255,255,.72); }
            .popup-idea #toolBarIdea .like.True { background: rgba(240,50,75,.16); }
            .popup-idea #toolBarIdea .like.True i { color: #f0324b; }
            .popup-idea #toolBarIdea .view {
                order: 2; margin-left: 14px; font-style: normal !important;
                color: rgba(255,255,255,.58); font-size: 13px;
            }
            .popup-idea #toolBarIdea > div[style*="font-size"] {
                order: 3; flex: 0 0 100%; margin-top: 10px;
            }
            .popup-idea #toolBarIdea > div[style*="font-size"] a {
                color: rgba(255,255,255,.55) !important; font-size: 12.5px !important; font-style: normal;
            }

            .popup-idea #listImageIdea:has(.cq-khung-hoi) .lSSlideOuter,
            .popup-idea #listImageIdea:has(.cq-khung-hoi) #lightSlider { display: none !important; }

            .popup-idea .cq-khung-hoi {
                display: block;
                width: 100%;
                height: auto;
                padding: 24px 18px 28px;
            }
            .popup-idea .cq-khung-hoi__ma { margin-bottom: 10px; font-size: 11px; }
            .popup-idea .cq-khung-hoi__hoi { font-size: 21px; line-height: 1.35; }
            .popup-idea .cq-khung-hoi__noidung { margin-top: 14px; padding-top: 14px; font-size: 14px; }

            .popup-idea #cqCotAnh:has(.cq-cau-hoi) {
                display: block;
                padding: 10px 12px;
                white-space: nowrap;
                overflow-x: auto;
                border-bottom: 1px solid rgba(255,255,255,.10);
            }
            .popup-idea #cqCotAnh:has(.cq-cau-hoi)::-webkit-scrollbar { display: none; }
            .popup-idea #cqCotAnh:has(.cq-cau-hoi) .cq-cot-tieude {
                display: block;
                position: sticky;
                left: 0;
                margin: 0 0 8px;
                font-size: 10px;
            }
            .popup-idea #cqCotAnh .cq-cau-hoi {
                display: inline-flex;
                margin: 0 6px 0 0;
                padding: 8px 14px;
                font-size: 13px;
                vertical-align: middle;
            }
            .popup-idea .cq-cot-trong { padding: 10px 14px; font-size: 12px; }
        }

        .popup-idea .dialog-close { display: none !important; }

        #cqThanhNut {
            position: absolute;
            top: 16px;
            right: 16px;
            z-index: 40;
            display: flex;
            align-items: center;
            gap: 10px;
        }

        #cqThanhNut > a {
            position: static !important;            display: flex;
            align-items: center;
            justify-content: center;
            width: 48px;
            height: 48px;
            margin: 0;
            padding: 0;
            line-height: 1;
            font-size: 17px;
            text-align: center;
            border-radius: 0;
            background: rgba(15, 25, 35, 0.55);
            -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px);
            color: #ffffff;
            box-shadow: 0 6px 18px rgba(0, 0, 0, 0.30);
            cursor: pointer;
            transition: background 0.15s ease, transform 0.15s ease;
        }

        #cqThanhNut > a:before {
            position: static !important;
            top: 0 !important;
            line-height: 1 !important;
        }

        #cqThanhNut > a:hover {
            background: rgba(15, 25, 35, 0.85);
            transform: translateY(-1px);
        }

        #cqThanhNut .play-popupidea.glyphicon-pause { background: var(--cq-green); }

        #cqThanhNut .cq-nut-pin:hover   { background: #e60023; }
        #cqThanhNut .cq-nut-share:hover { background: var(--cq-green); }

        #cqThanhNut .cq-vach {
            width: 1px;
            height: 26px;
            background: rgba(255, 255, 255, 0.22);
        }

.mv-overlay { position: fixed; inset: 0; z-index: 100000; display: none; background: rgba(11,22,34,.9); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); }
.mv-overlay.mv-mo { display: flex; align-items: center; justify-content: center; animation: mvFadeIn .18s ease; }
@keyframes mvFadeIn { from { opacity: 0; } to { opacity: 1; } }
.mv-overlay .Window { width: 100%; }

.mv-overlay #listImageIdea { display: flex; align-items: center; justify-content: center; position: relative; }
.mv-overlay .mv-anh-chinh { max-width: 100%; max-height: 100%; object-fit: contain; transition: filter .35s ease; }
.mv-overlay .mv-anh-chinh.mv-mo-nho { filter: blur(12px); }
@media (min-width: 768px) {
    .mv-overlay .mv-anh-chinh { width: 100%; height: 80vh !important; max-width: 100%; max-height: 80vh; object-fit: contain; }
}
.mv-overlay .mv-mt { position: absolute; top: 50%; transform: translateY(-50%); width: 46px; height: 46px; border: 0; border-radius: 50%; background: rgba(15,25,35,.55); color: #fff; font-size: 22px; line-height: 1; cursor: pointer; z-index: 4; box-shadow: 0 4px 14px rgba(0,0,0,.35); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }
.mv-overlay .mv-mt:hover { background: rgba(15,25,35,.85); }
#cqThanhNut > a svg { display: block; }
.mv-overlay .mv-truoc { left: 16px; } .mv-overlay .mv-sau { right: 16px; }
.mv-overlay.mv-1anh .mv-mt, .mv-overlay.mv-1anh .mv-play { display: none; }
.mv-overlay .mv-play.dang-chieu { background: var(--cq-green); }
.mv-overlay .mv-dem { position: absolute; bottom: 14px; left: 0; right: 0; text-align: center; color: rgba(255,255,255,.75); font-size: 13px; pointer-events: none; }

.mv-overlay.mv-full-anh #cqCotAnh, .mv-overlay.mv-full-anh #boxDetailIdea { display: none; }
.mv-overlay.mv-full-anh .Window { grid-template-columns: 1fr !important; }

.mv-overlay #postByIdea .name { display: flex; align-items: center; gap: 10px; }
.mv-overlay .mv-icon-loai { width: 34px; height: 34px; border-radius: 8px; background: rgba(255,255,255,.08); display: inline-flex; align-items: center; justify-content: center; flex: 0 0 34px; }
.mv-overlay .mv-icon-loai svg { width: 22px; height: 22px; display: block; }
.mv-overlay .mv-icon-loai img { width: 100%; height: 100% !important; object-fit: cover; border-radius: 50%; display: block; }
.mv-overlay .mv-ten-phu { display: block; font-weight: 400; font-style: italic; opacity: .72; font-size: 13px; margin-top: 2px; }
.mv-overlay .mv-binhluan { margin-top: 10px; }

@media (max-width: 767px) {
    .mv-overlay .Window { display: block; height: 100%; overflow-y: auto; }
    .mv-overlay #listImageIdea { height: 60vh; }
    .mv-overlay #cqCotAnh { display: flex; gap: 8px; overflow-x: auto; height: auto; }
    .mv-overlay #cqCotAnh .cq-anh-nho { width: 70px; flex: 0 0 70px; }
}