/* DaoPhim v8: match the detail page's reference Tailwind .container box.
 * Measured in Chrome DevTools: reference detail container is 1400 CSS px at
 * the supplied laptop viewport, while v7 was about 1493.6 CSS px.
 * Restrict to the detail page; home, admin, movie lists and player are intact.
 */
body.dao-body .dao-detail-v7.dao-shell {
    box-sizing: border-box;
    padding-left: 16px;
    padding-right: 16px;
}

/* The reference centers a 1400px *outer* box at large desktop widths.
 * Its poster starts 16px inside that box; do not widen the hero separately.
 */
@media (min-width: 1536px) {
    body.dao-body .dao-detail-v7.dao-shell {
        width: calc(100% - 32px);
        max-width: 1400px;
    }
}

/* Mirror the reference's responsive container caps between breakpoints.
 * Overrides the v7 1536px desktop cap without changing the hero's 240px
 * poster, 40px gap, star controls, episode grid or other interactions.
 */
@media (min-width: 1280px) and (max-width: 1535.98px) {
    body.dao-body .dao-detail-v7.dao-shell {
        width: calc(100% - 32px);
        max-width: 1280px;
    }
}
@media (min-width: 1024px) and (max-width: 1279.98px) {
    body.dao-body .dao-detail-v7.dao-shell {
        max-width: 1024px;
    }
}
@media (min-width: 768px) and (max-width: 1023.98px) {
    body.dao-body .dao-detail-v7.dao-shell {
        max-width: 768px;
    }
}
@media (max-width: 767.98px) {
    body.dao-body .dao-detail-v7.dao-shell {
        padding-left: 0;
        padding-right: 0;
    }
}