/* Style 2 in popular and related widgets. */
.dtw_content:has(> .child-poster-card),
.doothemes_widget:has(> .child-poster-card) {
    display: grid;
    /* Popular widgets have a floated inner wrapper; give it the full sidebar
       width instead of letting its flexible grid tracks shrink to zero. */
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
    float: none;
    clear: both;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px 12px;
    align-items: start;
}
.doothemes_widget:has(> .child-poster-card) > :not(.child-poster-card) { grid-column: 1 / -1; }
.child-poster-card { min-width: 0; margin: 0; padding: 0; float: none; }
.child-poster-card > a { display: block; color: inherit; text-decoration: none; border-radius: 8px; }
.child-poster-card .child-poster-art { position: relative; width: 100%; aspect-ratio: 2 / 3; overflow: hidden; border-radius: 8px; background: #171717; box-shadow: 0 0 0 1px #ffffff14; }
.child-poster-card .child-poster-art img { display: block; width: 100%; height: 100%; margin: 0; object-fit: contain; }
.child-poster-card h3 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; overflow-wrap: anywhere; white-space: normal; margin: 9px 0 0; padding: 0; font-size: 13px; font-weight: 600; line-height: 1.45; }
.child-poster-card .child-poster-year { display: block; margin-top: 4px; font-size: 12px; line-height: 1.4; opacity: .65; }
.child-poster-card .child-poster-badge { position: absolute; right: 6px; top: 6px; max-width: calc(100% - 12px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 3px 6px; border: 1px solid #ffffff40; border-radius: 5px; background: #000c; color: #fff; font-size: 10px; line-height: 1.3; font-weight: 700; }
.child-poster-card .child-poster-play { position: absolute; top: 50%; left: 50%; display: grid; place-items: center; width: 38px; height: 38px; transform: translate(-50%, -50%); border-radius: 50%; background: #e92235; color: #fff; font-size: 15px; opacity: 0; transition: opacity .15s; pointer-events: none; }
.child-poster-card > a:hover .child-poster-play, .child-poster-card > a:focus-visible .child-poster-play { opacity: 1; }
.child-poster-card > a:focus-visible { outline: 2px solid #e92235; outline-offset: 4px; }
@media (prefers-reduced-motion: reduce) { .child-poster-card .child-poster-play { transition: none; } }

/* View totals need more room than the parent's one-digit IMDb score. */
.top-imdb-item.child-top-views { display: grid; grid-template-columns: 50px 24px minmax(0, 1fr); grid-template-rows: auto auto; gap: 4px 10px; align-items: center; padding: 12px 0; }
.top-imdb-item.child-top-views .image { position: static; grid-column: 1; grid-row: 1 / 3; width: 50px; height: 75px; }
.top-imdb-item.child-top-views .image .poster { width: 50px; height: 75px; border-radius: 5px; }
.top-imdb-item.child-top-views .image .poster img { display: block; width: 100%; height: 100%; object-fit: contain; margin: 0; }
.top-imdb-item.child-top-views .puesto { position: static; grid-column: 2; grid-row: 1 / 3; width: auto; padding: 0; }
.top-imdb-item.child-top-views .rating { position: static; grid-column: 3; grid-row: 2; width: auto; text-align: left; font-size: 12px; align-self: start; overflow-wrap: anywhere; }
.top-imdb-item.child-top-views .title { grid-column: 3; grid-row: 1; float: none; padding: 0; align-self: end; font-size: 13px; white-space: normal; overflow-wrap: anywhere; }
.child-top-empty { clear: both; padding: 16px 0; line-height: 1.5; }
.child-top-carousel { clear: both; width: 100%; padding: 0 10px 20px; box-sizing: border-box; }
.module .content .child-top-carousel > header { display: flex; align-items: center; justify-content: space-between; gap: 12px; float: none; width: 100%; padding: 18px 0; }
.module .content .child-top-carousel > header h2 { float: none; margin: 0; font-size: 18px; }
.child-top-controls { display: flex; align-items: center; gap: 6px; flex-shrink: 0; }
.child-top-controls button { width: 36px; height: 36px; padding: 0; border: 1px solid #ffffff30; border-radius: 5px; background: #ffffff0d; color: inherit; cursor: pointer; }
.child-top-controls { margin-left: auto; }
.module .content .child-top-carousel > header > span { white-space: nowrap; }
.child-top-track { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; padding: 2px 0 12px; }
.child-top-track.owl-carousel { display: block; overflow: hidden; }
.child-top-track .owl-item > .child-poster-card { margin: 0 6px; }
.child-top-position { position: absolute; left: 6px; top: 6px; padding: 4px 8px; border-radius: 5px; background: #e92235; color: #fff; font-size: 13px; font-weight: 700; }
@media (max-width: 1000px) { .child-top-track { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (max-width: 767px) { .child-top-track { grid-template-columns: repeat(2, minmax(0, 1fr)); } .child-top-controls button { width: 44px; height: 44px; } .module .content .child-top-carousel > header { flex-wrap: wrap; } }
.child-top-grid { display: flow-root; }
.child-ranking-note { clear: both; padding: 0 10px 16px; font-size: 13px; line-height: 1.5; opacity: .75; }
.child-top-grid .item .data .child-top-views-total { display: block; margin-top: 4px; font-size: 12px; line-height: 1.4; opacity: .65; }
.child-search-grid { display: flow-root; clear: both; }
#single .dooplay_player h2 .child-favorite-toggle, .child-favorite-toggle { float: right; max-width: 100%; padding: 7px 11px; border: 1px solid #ffffff35; border-radius: 5px; background: #ffffff0d; color: inherit; font: inherit; font-size: 12px; line-height: 1.4; cursor: pointer; }
.child-favorite-toggle.is-saved { color: #ff6371; border-color: #e92235; }
.child-favorite-toggle:focus-visible { outline: 2px solid #e92235; outline-offset: 3px; }
.child-favorite-toggle:disabled { opacity: .6; cursor: wait; }
.child-history-note { clear: both; margin: 0 0 16px; font-size: 12px; line-height: 1.5; opacity: .7; }
.profile_control .child-history-remove { padding: 0; border: 0; background: transparent; color: inherit; font: inherit; cursor: pointer; }
.child-player-toolbar { float: right; display: inline-flex; align-items: center; flex-wrap: wrap; justify-content: flex-end; gap: 8px; max-width: 100%; }
#single .dooplay_player .child-player-heading { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; }
#single .child-player-heading #playernotice { float: none; margin: 0 0 0 auto; }
#single .child-player-heading .child-player-toolbar { float: none; margin: 0; }
#single .child-player-toolbar .child-favorite-toggle, #single .child-player-toolbar .report-video-error { color: var(--child-site-primary, #408bea); border: 1px solid var(--child-site-primary, #408bea); border-radius: 5px; padding: 7px 11px; background: transparent; font-size: 12px; line-height: 1.4; }
#single .child-player-toolbar .child-favorite-toggle:hover, #single .child-player-toolbar .report-video-error:hover, #single .child-player-toolbar .child-favorite-toggle.is-saved { background: var(--child-site-primary, #408bea); color: #fff; }
#single .child-player-toolbar .child-favorite-toggle:focus-visible { outline-color: var(--child-site-primary, #408bea); }
#single .child-player-toolbar .child-favorite-toggle, #single .child-player-toolbar .report-video-error { float: none; margin: 0; }
.page_user article.simple .poster .profile_control span > a, .page_user article.simple .poster .profile_control span > button { display: block; width: 100%; box-sizing: border-box; padding: 8px 6px; border: 0; border-radius: 3px; background: #fff; color: var(--child-site-primary, #408bea); font-size: 12px; line-height: 1.4; text-align: center; text-decoration: none; cursor: pointer; }
.page_user article.simple .poster .profile_control span > a:hover, .page_user article.simple .poster .profile_control span > button:hover, .page_user article.simple .poster .profile_control span > a:focus-visible, .page_user article.simple .poster .profile_control span > button:focus-visible { background: var(--child-site-primary, #408bea); color: #fff; }
.page_user article.simple .poster .profile_control span > button:disabled { opacity: .6; cursor: wait; }
@media (max-width: 480px) { .child-player-toolbar { float: none; display: flex; justify-content: flex-start; margin-top: 8px; } }
@media (max-width: 480px) { .child-favorite-toggle { float: none; display: block; margin-top: 8px; } }
.user_control.child-player-actions { float: none; clear: both; display: flex; flex-wrap: wrap; gap: 10px; margin: 0 0 18px; padding: 12px 16px; width: 100%; box-sizing: border-box; background: #ffffff05; border-bottom: 1px solid #ffffff12; }
.user_control.child-player-actions > a { float: none; display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 44px; padding: 10px 14px; box-sizing: border-box; border: 1px solid #ffffff25; border-radius: 7px; background: #ffffff08; color: inherit; text-decoration: none; cursor: pointer; }
.user_control.child-player-actions > a > i { font-size: 17px; }
.user_control.child-player-actions > a > span { float: none; margin: 0; font-size: 13px; line-height: 1.4; }
.user_control.child-player-actions > a > span:not(.child-action-label) { font-size: 11px; opacity: .65; }
.user_control.child-player-actions > a:hover, .user_control.child-player-actions > a:focus-visible { background: #ffffff14; border-color: #ffffff60; }
.user_control.child-player-actions > a.in-list, .user_control.child-player-actions > a.in-views { background: #e9223520; border-color: #e92235; color: #ff6371; }
.user_control.child-player-actions .tooltiptext { display: none !important; }
@media (max-width: 600px) { .user_control.child-player-actions { padding: 10px; gap: 8px; } .user_control.child-player-actions > a { flex: 1 1 0; padding: 10px 8px; gap: 6px; } }
.child-profile-link { position: relative; display: inline-block; vertical-align: middle; }
.child-profile-link::after { content: attr(data-profile-tooltip); position: absolute; left: calc(100% + 8px); top: 50%; transform: translateY(-50%); z-index: 10000; width: max-content; max-width: 160px; padding: 7px 10px; border-radius: 5px; background: #222; color: #fff; font-size: 12px; line-height: 1.4; font-weight: 400; pointer-events: none; opacity: 0; visibility: hidden; }
.child-profile-link:hover::after, .child-profile-link:focus-visible::after { opacity: 1; visibility: visible; }
header .dtuser .child-profile-link::after { left: auto; right: calc(100% + 8px); }
@media (hover: none) { .child-profile-link::after { display: none; } }
.module .content .search-page.child-search-form { padding-bottom: 0; }