/* ===== Video module ===== */
.home-video-section{background:#fff}.video-library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.video-card{background:#fff;border:1px solid #e7e7e7;border-radius:18px;overflow:hidden;box-shadow:0 16px 38px rgba(15,23,42,.07);transition:.22s ease}.video-card:hover{transform:translateY(-4px);box-shadow:0 22px 52px rgba(15,23,42,.11)}.video-thumb{height:178px;background:#0d0f14;display:block;position:relative;overflow:hidden;color:#fff}.video-thumb img{width:100%;height:100%;object-fit:cover;filter:brightness(.82)}.video-thumb:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.42))}.video-thumb-placeholder{width:100%;height:100%;display:grid;place-items:center;font-size:46px;background:radial-gradient(circle at 50% 45%,#2a303b,#090a0c)}.video-play-badge{position:absolute;left:14px;bottom:14px;z-index:2;display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:linear-gradient(180deg,#ffd968,#e4aa20);color:#111;font-size:12px;font-weight:900}.video-card-body{padding:17px}.video-meta-row{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:9px}.video-meta-row span:first-child,.video-category-label{display:inline-block;background:#fff4d7;color:#9a710e;border:1px solid #f2d58d;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:900}.lock-pill{background:#edf2ff!important;color:#304a9a!important;border-color:#dbe4ff!important}.video-card h3{margin:0 0 8px;font-size:18px;line-height:1.28}.video-card h3 a{color:#111827;text-decoration:none}.video-card p{margin:0;color:#667085;font-size:14px;line-height:1.55}.video-source-chip{display:none!important}

.video-container{width:min(1220px,calc(100% - 48px));margin:0 auto}.video-library-page,.video-watch-page-clean{background:#f8fafc;min-height:70vh;padding:34px 0 54px;border-top:1px solid #e5e7eb}.video-hero-simple{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin-bottom:26px}.video-eyebrow{display:block;text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:900;color:#667085;margin-bottom:8px}.video-hero-simple h1,.video-category-top h1{font-size:42px;line-height:1.08;letter-spacing:-.04em;color:#0f172a;margin:0 0 10px}.video-hero-simple p,.video-category-top p{font-size:17px;line-height:1.62;color:#667085;max-width:760px;margin:0}.video-total-pill,.video-count-pill{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border-radius:999px;padding:0 16px;background:#fff;border:1px solid #e5e7eb;color:#344054;font-weight:900;white-space:nowrap;box-shadow:0 8px 22px rgba(15,23,42,.04)}
.video-category-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.video-category-card{display:grid;grid-template-columns:54px minmax(0,1fr) 26px;gap:14px;align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:18px;color:#111827;text-decoration:none;box-shadow:0 12px 32px rgba(15,23,42,.05);transition:.18s ease}.video-category-card:hover{transform:translateY(-2px);border-color:#cfe0ff;box-shadow:0 18px 42px rgba(15,23,42,.09)}.video-category-card.is-locked{background:linear-gradient(180deg,#fff,#fafcff)}.video-category-card.is-unlocked{border-color:#bbf7d0;background:#f0fdf4}.video-category-card-icon{width:54px;height:54px;border-radius:16px;background:#eef4ff;display:grid;place-items:center;font-size:28px}.video-category-card.is-unlocked .video-category-card-icon{background:#dcfce7}.video-category-card-body{display:grid;gap:6px;min-width:0}.video-category-card-body strong{font-size:20px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-category-card-body small{font-size:14px;line-height:1.45;color:#667085;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.video-category-card-body em{font-style:normal;font-size:13px;font-weight:900;color:#1d4ed8}.video-category-card-arrow{font-size:30px;color:#98a2b3}.video-breadcrumb-clean{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:#667085;margin:0 0 22px;font-size:14px}.video-breadcrumb-clean a{color:#667085;text-decoration:none}.video-breadcrumb-clean a:hover{color:#1d4ed8}.video-breadcrumb-clean strong{color:#0f172a;font-weight:900}.video-back-link{display:inline-flex;margin-bottom:14px;color:#1d4ed8;text-decoration:none;font-weight:900}.video-unlock-layout{max-width:700px;margin:0 auto}.video-unlock-card{background:#fff;border:1px solid #e5e7eb;border-radius:22px;padding:34px;text-align:center;box-shadow:0 18px 44px rgba(15,23,42,.08);overflow:hidden}.video-unlock-card-watch{padding:0;text-align:left;display:grid;grid-template-columns:260px 1fr}.video-unlock-card-watch>img{width:100%;height:100%;min-height:270px;object-fit:cover;background:#111827}.video-unlock-content{padding:30px}.video-unlock-icon{width:68px;height:68px;border-radius:20px;background:#eef4ff;color:#1d4ed8;display:grid;place-items:center;margin:0 auto 14px;font-size:34px}.video-unlock-card-watch .video-unlock-icon{margin-left:0}.video-unlock-card h1{font-size:30px;line-height:1.2;margin:0 0 10px;color:#0f172a}.video-unlock-card p{color:#667085;line-height:1.62;margin:0}.video-unlock-desc{margin:14px 0 0;color:#475467;background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;padding:12px}.video-password-form{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:18px}.video-password-form input{height:50px;border:1px solid #d0d5dd;border-radius:13px;padding:0 15px;font-size:15px;outline:none;background:#fff}.video-password-form input:focus{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.12)}.video-password-form .btn{height:50px}.alert.error{background:#fff1f2;color:#b42318;border:1px solid #fecdd3;border-radius:12px;padding:12px;margin:14px 0}.video-category-top{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}.video-category-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}.video-lock-link{font-weight:900;color:#9a710e;text-decoration:none}.video-search-wide{height:52px;border:1px solid #d0d5dd;border-radius:15px;background:#fff;display:flex;align-items:center;gap:12px;padding:0 15px;margin:18px 0 24px;box-shadow:0 6px 18px rgba(15,23,42,.04)}.video-search-wide span{font-size:20px;color:#667085}.video-search-wide input{border:0;outline:0;background:transparent;width:100%;font-size:15px}.video-search-wide a{color:#1d4ed8;text-decoration:none;font-weight:900;white-space:nowrap}.video-empty-box{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:28px;text-align:center;color:#667085}.video-course-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px}.video-course-card-clean{background:#fff;border:1px solid #e5e7eb;border-radius:15px;overflow:hidden;box-shadow:0 12px 32px rgba(15,23,42,.05);transition:.18s ease}.video-course-card-clean:hover{transform:translateY(-2px);box-shadow:0 18px 44px rgba(15,23,42,.09)}.video-course-thumb{height:142px;background:#111827;display:block;position:relative;overflow:hidden}.video-course-thumb img{width:100%;height:100%;object-fit:cover}.video-course-thumb:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.36))}.video-course-placeholder{height:100%;display:grid;place-items:center;color:#fff;font-size:34px;background:linear-gradient(135deg,#111827,#1f2937)}.video-course-play{position:absolute;left:10px;bottom:9px;z-index:2;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:rgba(0,0,0,.72);color:#fff;font-size:12px}.video-course-body{padding:12px 14px 14px}.video-course-body h3{font-size:16px;line-height:1.35;margin:0 0 7px;color:#101828}.video-course-body h3 a{text-decoration:none;color:inherit}.video-course-body p{margin:0;color:#667085;font-size:14px;line-height:1.5}

.video-watch-layout-clean{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:24px;align-items:start}.video-watch-main-clean{min-width:0}.video-player-card{position:relative;background:#000;border-radius:14px;overflow:hidden;box-shadow:0 18px 38px rgba(15,23,42,.12);border:1px solid #111827}.video-player-frame{position:relative;width:100%;padding-top:56.25%;background:#000;overflow:hidden}.video-player-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.video-lesson-info{padding:20px 0 14px}.video-lesson-info h1{margin:0 0 8px;font-size:30px;letter-spacing:-.02em;color:#0f172a}.video-lesson-info p{margin:0;color:#667085;line-height:1.65}.video-lesson-meta{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:16px;color:#667085;font-size:14px}.lesson-required{background:#eef4ff;color:#1d4ed8;border-radius:8px;padding:7px 10px;font-weight:900}.lesson-lock-again{color:#9a710e;font-weight:900;text-decoration:none}.video-note-box{background:#fff;border:1px solid #dbe7ff;border-radius:14px;padding:18px 20px;box-shadow:0 8px 22px rgba(15,23,42,.04)}.video-note-box h2{font-size:18px;margin:0 0 12px;color:#1e3a8a}.video-note-box ul{margin:0;padding-left:18px;color:#475467;line-height:1.8}.video-note-box div{color:#475467;line-height:1.75}.video-related-panel-clean{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:18px;position:sticky;top:92px;max-height:calc(100vh - 110px);overflow:auto}.video-related-panel-clean h2{font-size:19px;color:#0f172a;margin:0 0 14px}.video-related-list-clean{display:grid;gap:10px}.video-related-item-clean{display:grid;grid-template-columns:112px minmax(0,1fr);gap:12px;padding:10px;border:1px solid #e5e7eb;border-radius:12px;text-decoration:none;color:#111827;background:#fff}.video-related-item-clean:hover,.video-related-item-clean.is-current{background:#eef4ff;border-color:#cfe0ff}.related-thumb{position:relative;height:66px;border-radius:9px;background:#111827;overflow:hidden}.related-thumb img{width:100%;height:100%;object-fit:cover}.related-placeholder{height:100%;display:grid;place-items:center;color:#fff;background:#1f2937}.related-thumb i{position:absolute;left:7px;bottom:6px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:rgba(0,0,0,.72);color:#fff;font-size:10px;font-style:normal}.related-info{min-width:0;display:flex;flex-direction:column;justify-content:center}.related-info strong{font-size:14px;line-height:1.34;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.video-view-all{margin-top:12px;height:42px;border:1px solid #e5e7eb;border-radius:10px;display:flex;align-items:center;justify-content:center;text-decoration:none;color:#1d4ed8;font-weight:900;background:#fff}.video-source-frame{position:relative}.video-source-mask{position:absolute;z-index:3;pointer-events:auto;user-select:none}.video-source-mask.drive-mask{right:0;top:0;width:82px;height:74px;background:#000}.video-web-fullscreen-btn{position:absolute;right:13px;top:13px;z-index:5;width:38px;height:38px;border:0;border-radius:10px;background:rgba(0,0,0,.58);color:#fff;font-size:20px;font-weight:900;display:grid;place-items:center;cursor:pointer;box-shadow:0 8px 22px rgba(0,0,0,.22)}.video-web-fullscreen-btn:hover{background:rgba(0,0,0,.78)}.video-player-frame.video-web-fullscreen{position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;padding-top:0!important;z-index:9999999!important;border-radius:0!important;background:#000!important}.video-player-frame.video-web-fullscreen iframe{position:absolute!important;inset:0!important;width:100vw!important;height:100dvh!important;border-radius:0!important}.video-player-frame.video-web-fullscreen .video-web-fullscreen-btn{top:12px;right:12px;z-index:10000000}html.video-no-scroll,body.video-no-scroll{overflow:hidden!important;height:100%!important}

@media(max-width:1100px){.video-category-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.video-watch-layout-clean{grid-template-columns:1fr}.video-related-panel-clean{position:static;max-height:none}.video-related-list-clean{grid-template-columns:repeat(2,minmax(0,1fr))}.video-library-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.video-container{width:calc(100% - 36px)}.video-library-page,.video-watch-page-clean{padding:24px 0 36px}.video-hero-simple{display:block;margin-bottom:18px}.video-hero-simple h1,.video-category-top h1{font-size:32px}.video-hero-simple p,.video-category-top p{font-size:15px}.video-total-pill{margin-top:14px}.video-category-card-grid{grid-template-columns:1fr;gap:12px}.video-category-card{grid-template-columns:48px minmax(0,1fr) 20px;padding:14px;border-radius:16px}.video-category-card-icon{width:48px;height:48px;font-size:25px}.video-category-card-body strong{font-size:18px}.video-category-card-body small{-webkit-line-clamp:1}.video-breadcrumb-clean{font-size:13px;margin-bottom:16px}.video-unlock-card{padding:24px 18px}.video-unlock-card-watch{display:block}.video-unlock-card-watch>img{height:190px;min-height:190px}.video-unlock-content{padding:22px 18px}.video-unlock-card h1{font-size:25px}.video-password-form{grid-template-columns:1fr}.video-password-form .btn{width:100%}.video-category-top{display:block;margin-bottom:14px}.video-category-actions{justify-content:flex-start;margin-top:14px}.video-search-wide{height:50px;margin:14px 0 18px}.video-course-grid,.video-library-grid{grid-template-columns:1fr;gap:14px}.video-course-thumb{height:210px}.video-watch-layout-clean{gap:18px}.video-lesson-info h1{font-size:27px}.video-lesson-meta{gap:10px;font-size:13px}.video-related-list-clean{grid-template-columns:1fr}.video-related-item-clean{grid-template-columns:108px 1fr}.video-source-mask.drive-mask{width:66px;height:62px}.video-web-fullscreen-btn{right:10px;top:10px;width:36px;height:36px;font-size:18px}.float-whatsapp{right:16px!important;bottom:86px!important;padding:12px 18px!important;font-size:15px!important}.video-card-body{padding:14px}.video-thumb{height:210px}}

/* ===== MOBILE VIDEO FIX 2026-06-16 ===== */
/* Force sane layout even if old desktop styles still exist above. */
.video-library-page,
.video-watch-page-clean {
    box-sizing: border-box;
    overflow-x: hidden;
}
.video-library-page *,
.video-watch-page-clean * {
    box-sizing: border-box;
}
.video-container {
    width: min(1220px, calc(100% - 40px));
    max-width: 1220px;
    margin-left: auto;
    margin-right: auto;
}
.video-category-card-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 16px !important;
}
.video-category-card {
    min-width: 0 !important;
    overflow: hidden !important;
}
.video-category-card-body {
    min-width: 0 !important;
}
.video-category-card-body strong,
.video-category-card-body small,
.video-category-card-body em {
    max-width: 100% !important;
}

/* Player: the iframe must be clickable; blockers must not cover controls on mobile. */
.video-player-frame {
    position: relative !important;
    width: 100% !important;
    padding-top: 56.25% !important;
    height: 0 !important;
    background: #000 !important;
    overflow: hidden !important;
    border-radius: 14px !important;
}
.video-player-frame iframe {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    border: 0 !important;
}
.video-web-fullscreen-btn {
    position: absolute !important;
    top: 12px !important;
    right: 12px !important;
    z-index: 999999 !important;
    width: 42px !important;
    height: 42px !important;
    border: 0 !important;
    border-radius: 12px !important;
    display: grid !important;
    place-items: center !important;
    background: rgba(0,0,0,.72) !important;
    color: #fff !important;
    font-size: 22px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    cursor: pointer !important;
}
.video-source-mask.drive-mask {
    right: 0 !important;
    top: 0 !important;
    width: 72px !important;
    height: 66px !important;
    background: transparent !important;
    z-index: 20 !important;
}
.video-player-frame.video-web-fullscreen {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: calc(var(--video-vh, 1vh) * 100) !important;
    padding-top: 0 !important;
    z-index: 2147483647 !important;
    border-radius: 0 !important;
    background: #000 !important;
}
.video-player-frame.video-web-fullscreen iframe {
    position: absolute !important;
    inset: 0 !important;
    width: 100vw !important;
    height: calc(var(--video-vh, 1vh) * 100) !important;
    border-radius: 0 !important;
}
.video-player-frame.video-web-fullscreen .video-web-fullscreen-btn {
    top: max(12px, env(safe-area-inset-top)) !important;
    right: max(12px, env(safe-area-inset-right)) !important;
    z-index: 2147483647 !important;
}
html.video-no-scroll,
body.video-no-scroll {
    overflow: hidden !important;
    height: 100% !important;
    touch-action: none !important;
}

@media (max-width: 1100px) {
    .video-category-card-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 768px) {
    .video-library-page,
    .video-watch-page-clean {
        padding: 18px 0 34px !important;
        background: #f8fafc !important;
    }
    .video-container {
        width: calc(100% - 32px) !important;
        max-width: none !important;
    }
    .video-hero-simple {
        display: block !important;
        margin: 0 0 16px !important;
        padding: 0 !important;
    }
    .video-eyebrow {
        font-size: 12px !important;
        letter-spacing: .08em !important;
        margin-bottom: 8px !important;
    }
    .video-hero-simple h1,
    .video-category-top h1,
    .video-lesson-info h1 {
        font-size: 30px !important;
        line-height: 1.14 !important;
        letter-spacing: -0.03em !important;
        margin: 0 0 10px !important;
    }
    .video-hero-simple p,
    .video-category-top p {
        font-size: 15px !important;
        line-height: 1.55 !important;
        margin: 0 !important;
    }
    .video-total-pill,
    .video-count-pill {
        min-height: 36px !important;
        padding: 0 12px !important;
        margin-top: 12px !important;
        font-size: 14px !important;
    }
    .video-category-card-grid {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 12px !important;
        margin: 14px 0 0 !important;
    }
    .video-category-card {
        display: grid !important;
        grid-template-columns: 46px minmax(0, 1fr) 18px !important;
        gap: 12px !important;
        align-items: center !important;
        width: 100% !important;
        padding: 14px !important;
        border-radius: 16px !important;
        text-decoration: none !important;
        background: #fff !important;
        border: 1px solid #e5e7eb !important;
        box-shadow: 0 8px 20px rgba(15,23,42,.05) !important;
    }
    .video-category-card-icon {
        width: 46px !important;
        height: 46px !important;
        border-radius: 14px !important;
        font-size: 24px !important;
    }
    .video-category-card-body {
        display: block !important;
        min-width: 0 !important;
    }
    .video-category-card-body strong {
        display: block !important;
        font-size: 18px !important;
        line-height: 1.25 !important;
        margin: 0 0 3px !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }
    .video-category-card-body small {
        display: block !important;
        font-size: 13px !important;
        line-height: 1.35 !important;
        color: #667085 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        -webkit-line-clamp: unset !important;
    }
    .video-category-card-body em {
        display: inline-block !important;
        margin-top: 6px !important;
        font-size: 13px !important;
        font-style: normal !important;
        font-weight: 900 !important;
        color: #1d4ed8 !important;
    }
    .video-category-card-arrow {
        font-size: 24px !important;
        color: #98a2b3 !important;
    }
    .video-breadcrumb-clean {
        font-size: 13px !important;
        line-height: 1.45 !important;
        margin: 0 0 14px !important;
    }
    .video-category-top {
        display: block !important;
        margin-bottom: 14px !important;
    }
    .video-category-actions {
        justify-content: flex-start !important;
        margin-top: 12px !important;
    }
    .video-search-wide {
        height: 48px !important;
        margin: 14px 0 18px !important;
        border-radius: 14px !important;
    }
    .video-course-grid,
    .video-library-grid {
        grid-template-columns: 1fr !important;
        gap: 14px !important;
    }
    .video-course-thumb {
        height: auto !important;
        aspect-ratio: 16 / 9 !important;
    }
    .video-watch-layout-clean {
        display: block !important;
    }
    .video-watch-main-clean {
        min-width: 0 !important;
    }
    .video-player-card {
        border-radius: 14px !important;
        overflow: hidden !important;
    }
    .video-source-mask,
    .video-source-mask.drive-mask,
    .drive-open-blocker,
    .video-brand-cover,
    .video-source-blocker {
        display: none !important;
        pointer-events: none !important;
    }
    .video-player-frame {
        padding-top: 56.25% !important;
        height: 0 !important;
        border-radius: 14px !important;
    }
    .video-web-fullscreen-btn {
        top: 9px !important;
        right: 9px !important;
        width: 40px !important;
        height: 40px !important;
        font-size: 20px !important;
    }
    .video-player-frame.video-web-fullscreen {
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        width: 100vw !important;
        height: calc(var(--video-vh, 1vh) * 100) !important;
        max-height: calc(var(--video-vh, 1vh) * 100) !important;
        border-radius: 0 !important;
    }
    .video-player-frame.video-web-fullscreen iframe {
        width: 100vw !important;
        height: calc(var(--video-vh, 1vh) * 100) !important;
    }
    .video-lesson-info {
        padding: 16px 0 12px !important;
    }
    .video-lesson-info h1 {
        font-size: 27px !important;
    }
    .video-lesson-meta {
        gap: 9px !important;
        font-size: 13px !important;
    }
    .video-note-box {
        padding: 16px !important;
        border-radius: 14px !important;
    }
    .video-related-panel-clean {
        position: static !important;
        max-height: none !important;
        margin-top: 18px !important;
        padding: 14px !important;
    }
    .video-related-list-clean {
        grid-template-columns: 1fr !important;
    }
    .video-related-item-clean {
        grid-template-columns: 96px minmax(0, 1fr) !important;
    }
    .related-thumb {
        height: 58px !important;
    }
    .float-whatsapp,
    .whatsapp-float,
    .floating-whatsapp {
        right: 14px !important;
        bottom: 86px !important;
        padding: 11px 16px !important;
        font-size: 14px !important;
        transform: scale(.86) !important;
        transform-origin: right bottom !important;
        z-index: 9999 !important;
    }
}

/* ===== HOTFIX: trả player về giao diện Google Drive gốc ===== */
/* Không dùng nút fullscreen/control tự chế của web để tránh đè lên control Google Drive. */
.video-web-fullscreen-btn,
.video-fullscreen-btn {
    display: none !important;
    pointer-events: none !important;
}

.video-player-frame {
    position: relative !important;
    width: 100% !important;
    padding-top: 56.25% !important;
    height: 0 !important;
    background: #000 !important;
    overflow: hidden !important;
    border-radius: 14px !important;
}

.video-player-frame iframe {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    border: 0 !important;
}

/* Chỉ phủ đúng vùng nút mở sang Google Drive ở góc phải trên của khung thường. */
.video-source-mask.drive-mask {
    display: block !important;
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    width: 70px !important;
    height: 64px !important;
    z-index: 8 !important;
    pointer-events: auto !important;
    background: #000 !important;
    border-radius: 0 14px 0 14px !important;
}

@media (max-width: 768px) {
    .video-player-card {
        border-radius: 14px !important;
        overflow: hidden !important;
    }

    .video-player-frame {
        padding-top: 56.25% !important;
        height: 0 !important;
        border-radius: 14px !important;
    }

    .video-source-mask.drive-mask {
        display: block !important;
        width: 58px !important;
        height: 54px !important;
        z-index: 8 !important;
        background: #000 !important;
        border-radius: 0 14px 0 12px !important;
    }

    /* Không dùng fullscreen web trên mobile; để người dùng dùng control gốc của Drive. */
    .video-player-frame.video-web-fullscreen {
        position: relative !important;
        inset: auto !important;
        width: 100% !important;
        height: 0 !important;
        padding-top: 56.25% !important;
        z-index: auto !important;
        border-radius: 14px !important;
    }
}