.watch-layout{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:26px;align-items:start}.watch-main{min-width:0}.player-shell{position:relative;background:#000;border-radius:22px;overflow:hidden;box-shadow:var(--shadow);aspect-ratio:16/9}.player-shell video{width:100%;height:100%;object-fit:contain;background:#000}.player-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.65))}.big-play{pointer-events:auto;width:76px;height:76px;border:0;border-radius:50%;background:rgba(255,255,255,.9);color:#111;font-size:30px;cursor:pointer;opacity:0;transform:scale(.9);transition:.2s}.player-shell.paused .big-play,.player-shell:hover .big-play{opacity:1;transform:scale(1)}.player-controls{pointer-events:auto;position:absolute;left:0;right:0;bottom:0;padding:18px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.78))}.progress{width:100%;accent-color:var(--danger);cursor:pointer}.control-row{display:flex;align-items:center;gap:12px;margin-top:8px}.control-row button,.control-row select{border:0;border-radius:999px;background:rgba(255,255,255,.16);color:#fff;padding:9px 12px;cursor:pointer}.control-row select{background:#242424}.volume{width:110px;accent-color:#fff}.watch-info-card{background:#171717;border:1px solid #2d2d2d;border-radius:22px;padding:20px;margin-top:18px}.watch-info-card h1{font-size:clamp(24px,3vw,36px);line-height:1.1;margin:0 0 10px}.watch-meta{display:flex;gap:12px;flex-wrap:wrap;color:#bbb;font-size:14px}.watch-meta a{color:#fff;background:#282828;border-radius:999px;padding:3px 9px}.watch-actions{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.action-btn{background:#282828;color:#fff;border:1px solid #3a3a3a}.action-btn:hover{background:#fff;color:#111}.watch-description{line-height:1.7;color:#ddd;background:#202020;border-radius:16px;padding:16px}.suggested-list{background:#171717;border:1px solid #2d2d2d;border-radius:22px;padding:16px;position:sticky;top:88px}.suggested-list h2{font-size:19px;margin:0 0 14px}.suggested-card{display:grid;grid-template-columns:145px 1fr;gap:12px;padding:10px;border-radius:14px}.suggested-card:hover{background:#272727}.suggested-card img{width:145px;aspect-ratio:16/9;object-fit:cover;border-radius:12px}.suggested-card strong{font-size:14px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.suggested-card span,.suggested-card small{display:block;color:#aaa;font-size:12px;margin-top:4px}body.theater-mode .watch-layout{grid-template-columns:1fr}body.theater-mode .suggested-list{position:static;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px}body.theater-mode .player-shell{border-radius:0;margin-left:calc(-1 * (28px));margin-right:calc(-1 * (28px))}@media (max-width:1180px){.watch-layout{grid-template-columns:1fr}.suggested-list{position:static}.suggested-card{grid-template-columns:130px 1fr}}@media (max-width:620px){.player-shell{border-radius:0;margin-left:-14px;margin-right:-14px}.control-row{gap:7px;flex-wrap:wrap}.volume{width:80px}.watch-info-card{padding:16px}.suggested-card{grid-template-columns:115px 1fr}.watch-actions{gap:8px}.action-btn{padding:10px 12px;font-size:13px}}


body.theme-light .watch-info-card,
body.theme-light .suggested-list{background:#fff;border-color:#e2e2e2;color:#111;box-shadow:var(--shadow)}
body.theme-light .watch-meta{color:#666}
body.theme-light .watch-meta a{background:#eeeeee;color:#111}
body.theme-light .watch-description{background:#f2f2f2;color:#222}
body.theme-light .suggested-card:hover{background:#f3f3f3}
body.theme-light .suggested-card span,
body.theme-light .suggested-card small{color:#666}

/* =========================================================
   INFORTUBE PLAYER - PATCH RESPONSIVO MOBILE
   Player encaixado no celular, parecido com YouTube mobile.
   ========================================================= */

@media (max-width: 980px){
    .watch-layout{
        grid-template-columns:1fr!important;
        gap:16px;
    }
    .suggested-list{
        position:static!important;
    }
}

@media (max-width: 760px){
    .watch-layout{
        display:block;
        width:100%;
    }

    .watch-main{
        width:100%;
    }

    .player-shell{
        width:calc(100% + 20px);
        margin-left:-10px;
        margin-right:-10px;
        border-radius:0;
        box-shadow:none;
        aspect-ratio:16/9;
        position:relative;
        background:#000;
    }

    .player-shell video{
        width:100%;
        height:100%;
        object-fit:contain;
    }

    .big-play{
        width:62px;
        height:62px;
        font-size:25px;
    }

    .player-controls{
        padding:10px 9px 12px;
    }

    .control-row{
        display:flex;
        align-items:center;
        gap:7px;
        flex-wrap:nowrap;
        overflow-x:auto;
        scrollbar-width:none;
        -webkit-overflow-scrolling:touch;
    }

    .control-row::-webkit-scrollbar{
        display:none;
    }

    .control-row button,
    .control-row select{
        flex:0 0 auto;
        padding:8px 10px;
        font-size:12.5px;
        min-height:34px;
    }

    #timeLabel{
        flex:0 0 auto;
        font-size:12px;
        color:#fff;
        white-space:nowrap;
    }

    .volume{
        display:none;
    }

    #theaterBtn{
        display:none;
    }

    .watch-info-card{
        margin:12px 0 14px;
        padding:14px 12px;
        border-radius:16px;
    }

    .watch-info-card h1{
        font-size:20px;
        line-height:1.16;
        margin-bottom:8px;
    }

    .watch-meta{
        gap:8px;
        font-size:12.5px;
    }

    .watch-description{
        margin-top:12px;
        padding:12px;
        border-radius:13px;
        font-size:13.5px;
        line-height:1.55;
    }

    .tag-row{
        gap:6px;
        margin-top:10px;
    }

    .tag-row a{
        padding:7px 10px;
        font-size:12px;
    }

    .suggested-list{
        padding:0;
        border:0;
        background:transparent;
        box-shadow:none;
        border-radius:0;
    }

    body.theme-light .suggested-list{
        background:transparent;
        border:0;
        box-shadow:none;
    }

    .suggested-list h2{
        font-size:18px;
        margin:14px 0 10px;
    }

    .suggested-card{
        grid-template-columns:42% minmax(0,1fr);
        gap:10px;
        padding:8px 0;
        border-radius:0;
    }

    .suggested-card img{
        width:100%;
        border-radius:10px;
    }

    .suggested-card strong{
        font-size:13.5px;
        line-height:1.28;
    }

    .suggested-card span,
    .suggested-card small{
        font-size:11.5px;
    }

    body.theater-mode .player-shell{
        margin-left:-10px;
        margin-right:-10px;
    }
}

@media (max-width: 430px){
    .player-shell{
        width:calc(100% + 16px);
        margin-left:-8px;
        margin-right:-8px;
    }

    .watch-info-card{
        padding:13px 10px;
    }

    .watch-info-card h1{
        font-size:19px;
    }

    .suggested-card{
        grid-template-columns:44% minmax(0,1fr);
    }
}


/* =========================================================
   INFORTUBE - PLAYER LIMPO + BOTÕES EMBAIXO
   Remove o botão grande do meio e deixa o controle padrão embaixo.
   Proteção leve anti-download: sem botão download nativo e sem menu direito.
   ========================================================= */
.player-overlay{
    align-items:flex-end!important;
    justify-content:center!important;
    background:linear-gradient(180deg,rgba(0,0,0,0) 52%,rgba(0,0,0,.82) 100%)!important;
}
.big-play{
    display:none!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
}
.player-controls{
    display:block!important;
    bottom:0!important;
    padding:12px 14px 14px!important;
    background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.88))!important;
    opacity:1!important;
    transform:none!important;
}
.player-shell:not(.paused):not(:hover) .player-controls{
    opacity:.96;
}
.progress{
    height:5px;
    accent-color:var(--red,#ff0033)!important;
}
.control-row{
    min-height:38px;
}
#playPause{
    min-width:42px;
    font-size:16px;
}
#fullBtn{
    margin-left:auto;
}
.control-row button,.control-row select{
    background:rgba(28,28,28,.86)!important;
    border:1px solid rgba(255,255,255,.12)!important;
    color:#fff!important;
    backdrop-filter:blur(8px);
}
.control-row button:hover,.control-row select:hover{
    background:rgba(255,255,255,.18)!important;
}
#timeLabel{
    color:#f1f1f1;
    font-weight:700;
    font-size:13px;
    white-space:nowrap;
}
.player-shell video{
    -webkit-user-select:none;
    user-select:none;
    -webkit-touch-callout:none;
}
@media (max-width:760px){
    .player-controls{
        padding:9px 8px 10px!important;
    }
    .progress{
        height:4px;
    }
    .control-row button,.control-row select{
        min-height:34px;
        padding:7px 9px!important;
        font-size:12px!important;
    }
    #playPause{
        min-width:38px;
        font-size:14px!important;
    }
    #fullBtn{
        margin-left:0;
    }
}




/* =========================================================
   INFORTUBE - MINI COMPARTILHAR + SPLASH + VÍDEO FLUTUANTE
   ========================================================= */
.watch-action-bar.compact{
    display:flex;
    align-items:center;
    gap:8px;
    margin:12px 0 0;
}
.share-mini-btn,
.pip-mini-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    min-height:32px;
    padding:7px 11px;
    border-radius:999px;
    border:1px solid rgba(255,255,255,.14);
    background:rgba(255,255,255,.075);
    color:#fff;
    font-size:12.5px;
    font-weight:800;
    line-height:1;
    cursor:pointer;
    text-decoration:none;
    box-shadow:none;
    transition:background .16s ease,border-color .16s ease,transform .16s ease;
}
.share-mini-btn:hover,
.pip-mini-btn:hover{
    transform:translateY(-1px);
    background:rgba(255,255,255,.13);
    border-color:rgba(255,255,255,.25);
}
.share-mini-icon{
    width:18px;
    height:18px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    opacity:.95;
}
.pip-mini-btn{
    width:32px;
    min-width:32px;
    padding:0;
    font-size:14px;
}
.pip-mini-btn.active,
.control-row #floatingBtn.active{
    background:rgba(37,211,102,.16)!important;
    border-color:rgba(37,211,102,.35)!important;
}
.share-toast{
    width:max-content;
    max-width:100%;
    margin-top:9px;
    padding:8px 10px;
    border-radius:10px;
    background:rgba(37,211,102,.12);
    border:1px solid rgba(37,211,102,.26);
    color:#dbffe9;
    font-size:12.5px;
    font-weight:700;
}
.share-splash[hidden]{
    display:none!important;
}
.share-splash{
    position:fixed;
    inset:0;
    z-index:10040;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:18px;
    opacity:0;
    pointer-events:none;
    transition:opacity .18s ease;
}
.share-splash.is-visible{
    opacity:1;
    pointer-events:auto;
}
.share-splash-backdrop{
    position:absolute;
    inset:0;
    border:0;
    background:rgba(0,0,0,.68);
    backdrop-filter:blur(8px);
    cursor:pointer;
}
.share-splash-card{
    position:relative;
    z-index:2;
    width:min(430px,100%);
    border-radius:22px;
    border:1px solid rgba(255,255,255,.13);
    background:linear-gradient(180deg,rgba(22,26,36,.98),rgba(9,11,18,.98));
    color:#fff;
    box-shadow:0 24px 90px rgba(0,0,0,.55);
    padding:15px;
    transform:scale(.97) translateY(8px);
    transition:transform .18s ease;
}
.share-splash.is-visible .share-splash-card{
    transform:scale(1) translateY(0);
}
.share-splash-close{
    position:absolute;
    right:9px;
    top:9px;
    width:30px;
    height:30px;
    border-radius:999px;
    border:1px solid rgba(255,255,255,.15);
    background:rgba(255,255,255,.08);
    color:#fff;
    font-size:23px;
    line-height:1;
    cursor:pointer;
}
.share-splash-preview{
    display:grid;
    grid-template-columns:118px 1fr;
    gap:12px;
    align-items:center;
    padding-right:24px;
}
.share-splash-preview img{
    width:118px;
    aspect-ratio:16/9;
    object-fit:cover;
    border-radius:14px;
    background:#111;
    border:1px solid rgba(255,255,255,.12);
}
.share-splash-preview small{
    display:block;
    margin-bottom:5px;
    color:rgba(255,255,255,.62);
    font-size:11px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.08em;
}
.share-splash-preview h2{
    margin:0;
    color:#fff;
    font-size:17px;
    line-height:1.25;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
}
.share-splash-preview p{
    margin:6px 0 0;
    color:rgba(255,255,255,.68);
    font-size:12.5px;
    line-height:1.35;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
}
.share-splash-actions{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
    margin-top:14px;
}
.share-splash-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:38px;
    padding:9px 10px;
    border-radius:13px;
    border:1px solid rgba(255,255,255,.12);
    background:rgba(255,255,255,.08);
    color:#fff;
    font-size:13px;
    font-weight:850;
    text-decoration:none;
    cursor:pointer;
}
.share-splash-btn:hover{
    background:rgba(255,255,255,.14);
}
.share-splash-btn.native{
    background:rgba(37,211,102,.16);
    border-color:rgba(37,211,102,.30);
}
.share-splash-note{
    display:block;
    margin-top:10px;
    color:rgba(255,255,255,.55);
    font-size:11.5px;
    line-height:1.35;
}
body.share-splash-open{
    overflow:hidden;
}
.mini-close{
    display:none;
    position:absolute;
    right:8px;
    top:8px;
    z-index:12;
    width:34px;
    height:34px;
    border-radius:999px;
    border:1px solid rgba(255,255,255,.2);
    background:rgba(0,0,0,.72);
    color:#fff;
    font-size:24px;
    line-height:1;
    cursor:pointer;
}
.player-shell.is-floating{
    position:fixed!important;
    right:18px;
    bottom:18px;
    z-index:9999;
    width:min(410px,calc(100vw - 28px))!important;
    margin:0!important;
    border-radius:18px!important;
    overflow:hidden;
    box-shadow:0 24px 80px rgba(0,0,0,.62),0 0 0 1px rgba(255,255,255,.12);
    aspect-ratio:16/9;
    background:#000;
}
.player-shell.is-floating .mini-close{
    display:inline-flex;
    align-items:center;
    justify-content:center;
}
.player-shell.is-floating .player-controls{
    padding:8px 10px 10px!important;
}
.player-shell.is-floating #timeLabel,
.player-shell.is-floating #volumeBar,
.player-shell.is-floating #speedSelect,
.player-shell.is-floating #theaterBtn{
    display:none!important;
}
body.has-floating-player{
    padding-bottom:190px;
}
body.theme-light .share-mini-btn,
body.theme-light .pip-mini-btn,
body.theme-light .share-splash-btn{
    background:#f4f4f4;
    color:#111;
    border-color:#dedede;
}
body.theme-light .share-mini-icon{
    color:#111;
}
body.theme-light .share-toast{
    background:#e9fff1;
    color:#126430;
    border-color:#bdebd0;
}
body.theme-light .share-splash-card{
    background:#fff;
    color:#111;
    border-color:#e6e6e6;
}
body.theme-light .share-splash-preview h2,
body.theme-light .share-splash-close{
    color:#111;
}
body.theme-light .share-splash-preview p,
body.theme-light .share-splash-note,
body.theme-light .share-splash-preview small{
    color:#666;
}
body.theme-light .share-splash-close{
    background:#f5f5f5;
    border-color:#e1e1e1;
}
@media (max-width:760px){
    .watch-action-bar.compact{
        margin-top:10px;
        gap:7px;
    }
    .share-mini-btn{
        min-height:30px;
        padding:7px 10px;
        font-size:12px;
    }
    .pip-mini-btn{
        width:30px;
        min-width:30px;
        height:30px;
    }
    .share-splash-card{
        border-radius:18px;
        padding:13px;
    }
    .share-splash-preview{
        grid-template-columns:96px 1fr;
        gap:10px;
    }
    .share-splash-preview img{
        width:96px;
    }
    .share-splash-preview h2{
        font-size:15px;
    }
    .share-splash-actions{
        grid-template-columns:1fr;
    }
    .player-shell.is-floating{
        right:10px;
        left:10px;
        bottom:10px;
        width:auto!important;
        border-radius:16px!important;
    }
    body.has-floating-player{
        padding-bottom:170px;
    }
}