.elementor-widget-mta_single_video, .elementor-widget-mta_vod_home, .elementor-widget-mta_advanced_video_grid { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; }
.mta-vod-wrapper { --ap-red: #ed145b; --ap-dark: #1e2022; --ap-bg: #f9fafb; --ap-surface: #ffffff; --ap-border: #e2e8f0; --ap-text: #1e293b; --ap-text-muted: #64748b; --ap-hover: #f8fafc; --ap-shadow: 0 4px 6px -1px rgba(0,0,0,0.05), 0 2px 4px -1px rgba(0,0,0,0.03); --ap-sidebar-color: #475569; --ap-sidebar-hover-bg: #f1f5f9; --ap-sidebar-active-bg: #f1f5f9; --ap-title-size: 14px; --ap-title-lines: 2; --ap-avatar-size: 24px; --ap-header-offset: 64px; width: 100% !important; display: block !important; }
.mta-vod-wrapper.mta-dark-theme { --ap-bg: #0f172a; --ap-surface: #1e293b; --ap-border: #334155; --ap-text: #f8fafc; --ap-text-muted: #94a3b8; --ap-hover: #334155; --ap-shadow: 0 10px 15px -3px rgba(0,0,0,0.3); --ap-sidebar-color: #e2e8f0; --ap-sidebar-hover-bg: #475569; --ap-sidebar-active-bg: #475569; }
.mta-vod-wrapper a { color: inherit !important; text-decoration: none !important; transition: all 0.3s ease !important; box-shadow: none !important; }
.mta-vod-wrapper a:hover, .mta-vod-wrapper a:focus { color: inherit !important; text-decoration: none !important; outline: none !important; }
.mta-vod-wrapper button, .mta-vod-wrapper .ap-btn-icon, .mta-vod-wrapper .ap-profile-btn { appearance: none !important; -webkit-appearance: none !important; outline: none !important; box-shadow: none !important; border: none !important; background: transparent !important; font-family: inherit !important; color: inherit !important; padding: 0 !important; margin: 0 !important; }
.ap-layout-wrapper { display: flex !important; flex-direction: column !important; min-height: 100vh !important; font-family: inherit !important; background: var(--ap-bg) !important; color: var(--ap-text) !important; direction: rtl !important; transition: background-color 0.3s !important; box-sizing: border-box !important; width: 100% !important; margin: 0 !important; padding: 0 !important; border: none !important; padding-top: 25px !important; }
.ap-main-flow { display: flex !important; flex: 1 !important; align-items: flex-start !important; width: 100% !important; box-sizing: border-box !important; padding: 0 !important; margin: 0 !important; background: transparent !important; border: none !important; }
.ap-container { width: 100% !important; max-width: 1600px !important; margin: 0 auto !important; box-sizing: border-box !important; padding: 10px !important; background: transparent !important; border: none !important; }
.mta-playlist-page-layout .ap-container { padding: 0 !important; }
.ap-main { flex: 1 !important; padding: 1px !important; min-width: 0 !important; box-sizing: border-box !important; margin: 0 !important; background: transparent !important; border: none !important; }
@media (min-width: 1024px) { .ap-layout-wrapper { padding-top: var(--ap-header-offset) !important; } .ap-container { padding: 10px !important; } .mta-playlist-page-layout .ap-container { padding: 1px !important; } .ap-main { padding: 0 !important; } }
.ap-no-scrollbar::-webkit-scrollbar { display: none !important; }
.ap-no-scrollbar { -ms-overflow-style: none !important; scrollbar-width: none !important; }
.ap-cursor-grab { cursor: grab !important; }
.ap-cursor-grabbing { cursor: grabbing !important; }
.mta-vod-wrapper svg { width: 50px; height: 50px; max-width: 50px !important; max-height: 50px !important; display: inline-block !important; vertical-align: middle !important; flex-shrink: 0 !important; }
.ap-header { position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; width: 100% !important; height: var(--ap-header-offset) !important; background: var(--ap-surface) !important; border-bottom: 1px solid var(--ap-border) !important; z-index: 1000 !important; display: flex !important; align-items: center !important; justify-content: space-between !important; padding: 0 16px !important; transition: background-color 0.3s, border-color 0.3s !important; box-shadow: var(--ap-shadow) !important; box-sizing: border-box !important; margin: 0 !important; }
.admin-bar .ap-header { top: 32px !important; }
@media screen and (max-width: 782px) { .admin-bar .ap-header { top: 0 !important; } .admin-bar .ap-cat-wrapper { top: var(--ap-header-offset) !important; } }
.ap-header-group { display: flex !important; align-items: center !important; gap: 16px !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: none !important; }
.ap-btn-icon { border-radius: 50% !important; color: var(--ap-text-muted) !important; cursor: pointer !important; transition: 0.2s !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 40px !important; height: 40px !important; min-width: 40px !important; margin: 0 !important; padding: 0 !important; border: none !important; background: transparent !important; box-shadow: none !important; }
.ap-btn-icon:hover { background: var(--ap-hover) !important; color: var(--ap-text) !important; }
.ap-btn-icon svg { width: 20px !important; height: 20px !important; fill: currentColor !important; margin: 0 !important; padding: 0 !important; }
.ap-logo { display: flex !important; align-items: center !important; text-decoration: none !important; margin: 0 !important; padding: 0 !important; border: none !important; }
.ap-logo-img { display: block !important; object-fit: contain !important; margin: 0 !important; padding: 0 !important; border: none !important; }
.ap-search { display: none !important; flex: 1 !important; max-width: 42rem !important; margin: 0 32px !important; position: relative !important; padding: 0 !important; background: transparent !important; border: none !important; }
@media (min-width: 768px) { .ap-search { display: flex !important; align-items: center !important; } }
.ap-search input { width: 100% !important; background: var(--ap-hover) !important; border: 1px solid var(--ap-border) !important; border-radius: 9999px !important; padding: 10px 16px 10px 48px !important; color: var(--ap-text) !important; outline: none !important; font-family: inherit !important; font-size: 14px !important; transition: 0.2s !important; height: 42px !important; box-shadow: none !important; margin: 0 !important; display: block !important; }
.ap-search input:focus { background: var(--ap-surface) !important; border-color: var(--ap-text-muted) !important; }
.ap-search-icon { position: absolute !important; left: 16px !important; color: var(--ap-text-muted) !important; pointer-events: none !important; width: 16px !important; height: 16px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; padding: 0 !important; border: none !important; }
.ap-search-icon svg { width: 16px !important; height: 16px !important; fill: currentColor !important; margin: 0 !important; padding: 0 !important; }
.ap-search-results { display: none !important; position: absolute !important; top: 100% !important; left: 0 !important; right: 0 !important; background: var(--ap-surface) !important; border: 1px solid var(--ap-border) !important; border-radius: 12px !important; margin: 8px 0 0 0 !important; box-shadow: 0 10px 25px rgba(0,0,0,0.15) !important; z-index: 101 !important; max-height: 350px !important; overflow-y: auto !important; padding: 0 !important; }
.ap-search-results.show-results { display: block !important; }
.ap-search-item { display: flex !important; align-items: center !important; gap: 12px !important; padding: 12px 16px !important; border-bottom: 1px solid var(--ap-border) !important; text-decoration: none !important; color: var(--ap-text) !important; transition: background 0.2s !important; margin: 0 !important; font-family: inherit !important; }
.ap-search-item:last-child { border-bottom: none !important; }
.ap-search-item:hover { background: var(--ap-hover) !important; color: var(--ap-text) !important; text-decoration: none !important; }
.ap-search-item img { width: 64px !important; height: 36px !important; object-fit: cover !important; border-radius: 6px !important; flex-shrink: 0 !important; margin: 0 !important; border: none !important; }
.ap-search-item span { font-size: 13px !important; font-weight: bold !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; margin: 0 !important; color: inherit !important; }
.ap-btn-upload { display: none !important; align-items: center !important; gap: 8px !important; border: 1px solid var(--ap-border) !important; border-radius: 9999px !important; padding: 6px 16px !important; font-size: 14px !important; font-weight: 500 !important; color: var(--ap-text-muted) !important; text-decoration: none !important; transition: 0.2s !important; margin: 0 !important; font-family: inherit !important; }
@media (min-width: 640px) { .ap-btn-upload { display: flex !important; } }
.ap-btn-upload:hover { background: var(--ap-hover) !important; color: var(--ap-text) !important; text-decoration: none !important; border-color: var(--ap-border) !important; }
.ap-profile { position: relative !important; margin: 0 8px 0 0 !important; padding: 0 !important; border: none !important; }
.ap-profile-btn { border: 2px solid transparent !important; border-radius: 50% !important; cursor: pointer !important; background: var(--ap-border) !important; transition: 0.2s !important; display: block !important; width: 36px !important; height: 36px !important; padding: 0 !important; margin: 0 !important; overflow: hidden !important; }
.ap-profile-btn:hover { border-color: var(--ap-text-muted) !important; }
.ap-profile-btn img { display: block !important; width: 100% !important; height: 100% !important; object-fit: cover !important; border-radius: 50% !important; margin: 0 !important; border: none !important; }
.ap-profile-menu { display: none !important; position: absolute !important; left: 0 !important; top: 52px !important; width: 260px !important; background: var(--ap-surface) !important; border: 1px solid var(--ap-border) !important; border-radius: 12px !important; box-shadow: 0 10px 25px -5px rgba(0,0,0,0.1) !important; z-index: 1050 !important; padding: 8px !important; overflow: hidden !important; margin: 0 !important; }
.ap-profile-menu.show-menu { display: block !important; animation: apFadeInUp 0.2s ease-out forwards; }
@keyframes apFadeInUp { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
.ap-profile-menu-item { display: flex !important; align-items: center !important; gap: 12px !important; padding: 10px 12px !important; color: var(--ap-text) !important; text-decoration: none !important; font-size: 14px !important; font-weight: 500 !important; transition: all 0.2s ease !important; width: 100% !important; box-sizing: border-box !important; text-align: right !important; cursor: pointer !important; font-family: inherit !important; border-radius: 8px !important; margin: 2px 0 !important; background: transparent !important; border: none !important; outline: none !important; }
.ap-profile-menu-item:hover { background: var(--ap-hover) !important; color: var(--ap-red) !important; text-decoration: none !important; }
.ap-profile-menu-item svg { width: 20px !important; height: 20px !important; fill: currentColor !important; margin: 0 !important; flex-shrink: 0 !important; }
.ap-sidebar { position: fixed !important; top: var(--ap-header-offset) !important; right: 0 !important; width: 256px !important; height: calc(100vh - var(--ap-header-offset)) !important; background: var(--ap-surface) !important; border-left: 1px solid var(--ap-border) !important; z-index: 999 !important; transform: translateX(100%) !important; transition: transform 0.3s ease, width 0.3s ease !important; overflow-y: auto !important; padding: 0 0 32px 0 !important; box-shadow: -5px 0 25px rgba(0,0,0,0.1) !important; margin: 0 !important; }
@media (min-width: 1024px) { .ap-sidebar { position: sticky !important; z-index: 40 !important; transform: none !important; box-shadow: none !important; flex-shrink: 0 !important; align-self: flex-start !important; } .admin-bar .ap-sidebar { top: calc(var(--ap-header-offset) + 32px) !important; height: calc(100vh - var(--ap-header-offset) - 32px) !important; } }
@media (max-width: 1023px) { .ap-sidebar { position: fixed !important; right: 0 !important; transform: translateX(100%) !important; z-index: 1050 !important; top: var(--ap-header-offset) !important; height: calc(100vh - var(--ap-header-offset)) !important; } .ap-sidebar.show-mobile, .ap-sidebar.show-offcanvas { transform: translateX(0) !important; } .admin-bar .ap-sidebar { top: calc(var(--ap-header-offset) + 32px) !important; height: calc(100vh - var(--ap-header-offset) - 32px) !important; } }
.ap-sidebar.sidebar-mini { width: 88px !important; }
.ap-sidebar-overlay { position: fixed !important; top: var(--ap-header-offset) !important; bottom: 0 !important; left: 0 !important; right: 0 !important; background: rgba(0,0,0,0.5) !important; z-index: 998 !important; opacity: 0 !important; visibility: hidden !important; transition: 0.3s ease !important; margin: 0 !important; padding: 0 !important; border: none !important; }
.admin-bar .ap-sidebar-overlay { top: calc(var(--ap-header-offset) + 32px) !important; }
.ap-sidebar-overlay.show { opacity: 1 !important; visibility: visible !important; }
.ap-nav-list { list-style: none !important; padding: 8px !important; margin: 0 0 16px 0 !important; border-bottom: 1px solid var(--ap-border) !important; padding-bottom: 16px !important; background: transparent !important;}
.ap-nav-list li { margin: 0 !important; padding: 0 !important; border: none !important; background: transparent !important; }
.ap-nav-item { display: flex !important; align-items: center !important; gap: 16px !important; padding: 10px 12px !important; border-radius: 12px !important; color: var(--ap-sidebar-color) !important; text-decoration: none !important; font-size: 14px !important; transition: 0.2s !important; margin: 0 0 4px 0 !important; white-space: nowrap !important; overflow: hidden !important; background: transparent !important; border: none !important; font-family: inherit !important; font-weight: normal !important; box-shadow: none !important; }
.ap-nav-item:hover { background: var(--ap-sidebar-hover-bg) !important; color: var(--ap-sidebar-color) !important; text-decoration: none !important; }
.ap-nav-item.active { background: var(--ap-sidebar-active-bg) !important; font-weight: bold !important; color: var(--ap-sidebar-color) !important; }
.ap-nav-icon { width: 24px !important; height: 24px !important; min-width: 24px !important; min-height: 24px !important; display: flex !important; justify-content: center !important; align-items: center !important; margin: 0 !important; padding: 0 !important; flex-shrink: 0 !important; color: inherit !important; }
.ap-nav-icon img { width: 100% !important; height: 100% !important; object-fit: contain !important; filter: invert(0.4); transition: 0.2s; }
.ap-nav-item:hover .ap-nav-icon img, .ap-nav-item.active .ap-nav-icon img { filter: invert(0); }
.sidebar-mini .ap-nav-item { flex-direction: column !important; justify-content: center !important; padding: 12px 4px !important; gap: 8px !important; }
.sidebar-mini .ap-nav-icon img { width: 22px !important; height: 22px !important; }
.sidebar-mini .ap-nav-text { font-size: 10px !important; text-align: center !important; line-height: 1.4 !important; white-space: normal !important; margin: 0 !important; }
.mta-bottom-nav { display: none !important; position: fixed !important; bottom: 0 !important; left: 0 !important; right: 0 !important; background: var(--ap-surface) !important; border-top: 1px solid var(--ap-border) !important; z-index: 9999 !important; height: 60px !important; justify-content: space-around !important; align-items: center !important; padding-bottom: env(safe-area-inset-bottom) !important; box-shadow: 0 -2px 10px rgba(0,0,0,0.05) !important; }
@media (max-width: 1023px) { .mta-bottom-nav { display: flex !important; } .ap-layout-wrapper { padding-bottom: 70px !important; } }
.mta-bottom-nav-item { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; color: var(--ap-text-muted) !important; text-decoration: none !important; font-size: 10px !important; gap: 4px !important; flex: 1 !important; font-family: inherit !important; transition: color 0.2s !important; }
.mta-bottom-nav-item.active { color: var(--ap-text) !important; font-weight: bold !important; }
.mta-bottom-nav-item img { width: 20px !important; height: 20px !important; object-fit: contain !important; filter: invert(0.5); }
.mta-bottom-nav-item.active img { filter: invert(0); }
.mta-single-layout { display: grid !important; gap: 25px !important; width: 100% !important; grid-template-columns: minmax(0, 1fr) 400px !important; grid-template-areas: "main sidebar" "comments sidebar" !important; margin: 0 !important; padding: 0 !important; }
.mta-single-layout.sidebar-right { grid-template-columns: 400px minmax(0, 1fr) !important; grid-template-areas: "sidebar main" "sidebar comments" !important; }
.mta-single-layout.sidebar-none { grid-template-columns: 1fr !important; grid-template-areas: "main" "comments" !important; }
.mta-main-content { grid-area: main !important; min-width: 0 !important; width: 100% !important; }
.mta-sidebar-related { grid-area: sidebar !important; display: flex !important; flex-direction: column !important; gap: 15px !important; width: 100% !important; }
.mta-video-comments { grid-area: comments !important; margin: 20px 0 0 0 !important; padding: 20px 0 0 0 !important; border-top: 2px dashed var(--ap-border) !important; width: 100% !important; }

/* --------------------------------------------------------------------------
   ★ Custom Action Buttons (Google, Download, Preview, Server 2)
   -------------------------------------------------------------------------- */
.mta-action-btn, .mta-action-btn-red { background:#ffffff !important; color:#1f1f1f !important; padding:8px 16px; border-radius:30px; font-size:13px; font-weight:bold; text-decoration:none !important; display:inline-flex; align-items:center; gap:6px; transition:all 0.2s ease; border:1px solid #e2e8f0 !important; box-shadow:0 1px 3px rgba(0,0,0,0.05); }
.mta-action-btn:hover, .mta-action-btn-red:hover { background:#f8fafc !important; border-color:#cbd5e1 !important; transform:translateY(-2px); box-shadow:0 4px 10px rgba(0,0,0,0.05); color:#0f172a !important; }
.mta-action-btn-red svg { fill: #ed145b !important; }

@property --angle{ syntax:'<angle>'; initial-value:0deg; inherits:false } .mta-google-upgrade-btn{ position:relative; padding:1.5px; border-radius:16px; display:inline-flex; text-decoration:none; cursor:pointer; isolation:isolate; transition:transform .3s cubic-bezier(.2,0,0,1); box-shadow: 0 1px 4px rgba(0,0,0,.03), 0 2px 8px rgba(0,0,0,.02); background:transparent !important; border:none !important; color:#1f1f1f !important; } .mta-google-upgrade-btn::before{ content:""; position:absolute; inset:0; border-radius:inherit; z-index:-1; animation:spin 11s linear infinite; opacity:.45; transition:opacity .4s ease; background:conic-gradient( from var(--angle), transparent 0deg, transparent 15deg, rgba(66,133,244,.2) 30deg, #4285f4 50deg, #ea4335 80deg, #fbbc05 110deg, #34a853 140deg, rgba(52,168,83,.2) 160deg, transparent 175deg, transparent 180deg, transparent 195deg, rgba(66,133,244,.2) 210deg, #4285f4 230deg, #ea4335 260deg, #fbbc05 290deg, #34a853 320deg, rgba(52,168,83,.2) 340deg, transparent 355deg, transparent 360deg ); } .mta-google-upgrade-btn::after{ content:""; position:absolute; inset:-3px; border-radius:19px; filter:blur(10px); z-index:-2; animation:spin 11s linear infinite; opacity:.12; transition: opacity .4s ease, filter .4s ease; background:conic-gradient( from var(--angle), transparent 0deg, transparent 15deg, rgba(66,133,244,.2) 30deg, #4285f4 50deg, #ea4335 80deg, #fbbc05 110deg, #34a853 140deg, rgba(52,168,83,.2) 160deg, transparent 175deg, transparent 180deg, transparent 195deg, rgba(66,133,244,.2) 210deg, #4285f4 230deg, #ea4335 260deg, #fbbc05 290deg, #34a853 320deg, rgba(52,168,83,.2) 340deg, transparent 355deg, transparent 360deg ); } .mta-google-upgrade-btn:hover{ transform:scale(1.02); background:transparent !important; color:#1f1f1f !important; } .mta-google-upgrade-btn:hover::before{ opacity:1; } .mta-google-upgrade-btn:hover::after{ opacity:.45; filter:blur(22px); } .mta-google-upgrade-btn .inner-content{ background-color:#fff; border-radius:14.5px; padding:8px 16px; display:flex; flex-direction:row; align-items:center; justify-content:center; text-align:center; /* فاصله واقعی بین آیکون و متن */ gap:10px; width:100%; height:100%; box-sizing:border-box; z-index:1; } .mta-google-upgrade-btn .inner-content > svg{ flex:0 0 auto; display:block; } .mta-google-upgrade-btn .title{ font-size:13px; font-weight:700; letter-spacing:.2px; display:flex; align-items:center; } @keyframes spin{ from{ --angle:0deg; } to{ --angle:360deg; } }

.mta-custom-play-btn { position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important; z-index: 10 !important; cursor: pointer !important; display: flex !important; align-items: center !important; justify-content: center !important; border-radius: 50% !important; transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; width: 64px !important; height: 64px !important; background: rgba(237, 20, 91, 0.85) !important; border: none !important; }
.mta-custom-play-btn:hover { transform: translate(-50%, -50%) scale(1.1) !important; box-shadow: 0 5px 20px rgba(0,0,0,0.3) !important; }
.mta-custom-play-btn.is-hidden { opacity: 0 !important; pointer-events: none !important; transform: translate(-50%, -50%) scale(0.8) !important; }
.mta-custom-play-btn svg { width: 24px !important; height: 24px !important; fill: #fff !important; }

.mta-tags-scroll { display: flex !important; align-items: center !important; gap: 8px !important; overflow-x: auto !important; white-space: nowrap !important; scroll-behavior: smooth !important; padding-bottom: 4px !important; flex: 1 !important; min-width: 0 !important; }
.mta-tags-scroll::-webkit-scrollbar { display: none !important; }
.mta-tags-scroll { -ms-overflow-style: none !important; scrollbar-width: none !important; }
.mta-tags-scroll a { color: #06b6d4 !important; font-weight: 600 !important; text-decoration: none !important; padding: 4px 10px !important; border-radius: 6px !important; transition: 0.2s !important; }

.mta-sheet-overlay { position: fixed !important; inset: 0 !important; background: rgba(0,0,0,0.6) !important; z-index: 9998 !important; opacity: 0 !important; visibility: hidden !important; transition: 0.3s ease !important; backdrop-filter: blur(2px) !important; }
.mta-sheet-overlay.is-visible { opacity: 1 !important; visibility: visible !important; }

@media (max-width: 1023px) { 
    .mta-single-layout { grid-template-columns: 1fr !important; grid-template-areas: "main" "sidebar" "comments" !important; gap: 15px !important; } 
    .mta-hide-dl-mobile { display: none !important; } 
    .mta-custom-play-btn { display: none !important; } 
    .mta-player-wrapper, .mta-player-container { border-radius: 8px !important; }
    
    .mta-mobile-sheet { position: fixed !important; bottom: 0 !important; left: 0 !important; right: 0 !important; background: #ffffff !important; z-index: 9999 !important; border-radius: 24px 24px 0 0 !important; transform: translateY(100%); transition: transform 0.4s cubic-bezier(0.32, 0.72, 0, 1), height 0.3s ease, border-radius 0.3s ease !important; height: 70vh !important; max-height: 100vh !important; display: flex !important; flex-direction: column !important; box-shadow: 0 -10px 40px rgba(0,0,0,0.15) !important; margin: 0 !important; padding: 0 !important; border: none !important; }
    .mta-dark-theme .mta-mobile-sheet { background: #1e293b !important; box-shadow: 0 -10px 40px rgba(0,0,0,0.5) !important; }
    .mta-mobile-sheet.is-open { transform: translateY(0); }
    .mta-mobile-sheet.is-fullscreen { height: 100vh !important; border-radius: 0 !important; }
    .mta-sheet-header { padding: 0px 15px !important; display: flex !important; align-items: center !important; justify-content: space-between !important; border-bottom: 1px solid var(--ap-border) !important; cursor: grab !important; position: relative !important; background: transparent !important; flex-shrink: 0 !important; }
    .mta-sheet-header:active { cursor: grabbing !important; }
    .mta-sheet-drag-handle { position: absolute !important; top: 10px !important; left: 50% !important; transform: translateX(-50%) !important; width: 48px !important; height: 6px !important; background: var(--ap-text-muted) !important; border-radius: 6px !important; opacity: 0.3 !important; }
    .mta-sheet-title-group { display: flex !important; align-items: center !important; gap: 12px !important; }
    .mta-sheet-title { font-size: 18px !important; font-weight: 800 !important; color: var(--ap-text) !important; margin: 0 !important; }
    .mta-sheet-close { background: var(--ap-hover) !important; border: none !important; color: var(--ap-text) !important; width: 36px !important; height: 36px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; font-size: 24px !important; cursor: pointer !important; outline: none !important; transition: 0.2s !important; }
    .mta-dark-theme .mta-sheet-close { background: #334155 !important; }
    .mta-sheet-body { padding: 2px !important; overflow-y: auto !important; flex: 1 !important; -webkit-overflow-scrolling: touch !important; }
    .mta-sheet-body .mta-toc-body, .mta-sheet-body .mta-playlist-body { display: block !important; max-height: none !important; overflow: visible !important; opacity: 1 !important; visibility: visible !important; }
    .mta-mobile-sheet-trigger { background: #ffffff !important; border: 1px solid var(--ap-border) !important; border-radius: 16px !important; padding: 16px 20px !important; display: flex !important; justify-content: space-between !important; align-items: center !important; margin-bottom: 16px !important; font-weight: bold !important; font-size: 15px !important; cursor: pointer !important; color: var(--ap-text) !important; font-family: inherit !important; width: 100% !important; box-shadow: 0 4px 15px rgba(0,0,0,0.03) !important; outline: none !important; transition: all 0.3s ease !important; }
    .mta-dark-theme .mta-mobile-sheet-trigger { background: var(--ap-surface) !important; }
    .mta-mobile-sheet-trigger:active { transform: scale(0.98) !important; }
    .mta-mobile-sheet-trigger-icon { display: flex !important; align-items: center !important; gap: 12px !important; color: var(--ap-text) !important; }
    .mta-mobile-sheet-trigger-icon svg { fill: var(--ap-text) !important; }
}

.mta-dark-theme .mta-single-layout { color: var(--ap-text) !important; }
.mta-dark-theme .mta-video-title { color: var(--ap-text) !important; }
.mta-dark-theme .mta-video-description-box { background: var(--ap-surface) !important; border: 1px solid var(--ap-border) !important; }
.mta-dark-theme .mta-desc-content { color: var(--ap-text-muted) !important; }
.mta-dark-theme .mta-chapters-header { border-color: var(--ap-border) !important; }
.mta-dark-theme .mta-chapters-header h4 { color: var(--ap-text) !important; }
.mta-dark-theme .mta-chapter-badge { background: var(--ap-hover) !important; border-color: var(--ap-border) !important; color: var(--ap-text) !important; }
.mta-dark-theme .mta-chapter-time-box { background: var(--ap-surface) !important; color: var(--ap-text-muted) !important; }
.mta-dark-theme .mta-chapter-title { color: var(--ap-text) !important; }
.mta-dark-theme .mta-related-card h5 { color: var(--ap-text) !important; }
.mta-dark-theme .mta-related-card:hover { background: var(--ap-hover) !important; }

.mta-video-description-box { margin: 20px 0 !important; padding: 20px !important; background: var(--ap-hover) !important; border-radius: 12px !important; font-family: inherit !important; }
.mta-desc-content { line-height: 1.8 !important; color: var(--ap-text) !important; font-size: 14px !important; overflow: hidden !important; transition: all 0.3s !important; }
.mta-desc-content.mta-collapsed { display: -webkit-box !important; -webkit-box-orient: vertical !important; }
.mta-desc-content.show-desc { display: block !important; -webkit-line-clamp: unset !important; }
.mta-desc-toggle-btn { background: none !important; border: none !important; color: var(--ap-red) !important; font-weight: bold !important; cursor: pointer !important; padding: 10px 0 0 0 !important; font-size: 14px !important; display: block !important; margin: 0 !important; text-align: right !important; outline: none !important; }

.mta-video-chapters-ui { font-family: inherit !important; direction: rtl !important; margin: 20px 0 0 0 !important; padding: 0 !important; }
.mta-video-chapters-ui .mta-chapters-header { padding: 12px 0 !important; display: flex !important; align-items: center !important; justify-content: space-between !important; }
.mta-video-chapters-ui .mta-chapters-header h4 { margin: 0 !important; font-size: 15px !important; font-weight: bold !important; color: var(--ap-text) !important; display: flex !important; align-items: center !important; gap: 8px !important; }
.mta-video-chapters-ui .mta-chapters-header svg { width: 16px !important; height: 16px !important; fill: currentColor !important; }
.mta-video-chapters-ui .mta-chapters-body { position: relative !important; display: flex !important; align-items: center !important; margin: 0 !important; padding: 0 !important; }
.mta-video-chapters-ui .mta-chapters-list { display: flex !important; gap: 10px !important; overflow-x: auto !important; padding: 15px 0 !important; scroll-behavior: smooth !important; scroll-snap-type: x mandatory !important; width: 100% !important; user-select: none !important; }
.mta-video-chapters-ui .mta-chapters-list::-webkit-scrollbar { display: none !important; }
.mta-video-chapters-ui .mta-chapter-badge { flex: 0 0 auto !important; display: flex !important; align-items: center !important; gap: 10px !important; border: 1px solid var(--ap-border) !important; padding: 8px 15px !important; border-radius: 40px !important; cursor: pointer !important; transition: all 0.2s ease !important; scroll-snap-align: center !important; color: inherit !important; background: transparent !important; }
.mta-video-chapters-ui .mta-chapter-badge:hover { background: var(--ap-hover) !important; border-color: var(--ap-border) !important; transform: translateY(-2px) !important; box-shadow: 0 4px 10px rgba(0,0,0,0.05) !important; }
.mta-video-chapters-ui .mta-chapter-time-box { background: var(--ap-hover) !important; color: var(--ap-text-muted) !important; padding: 4px 8px !important; border-radius: 20px !important; font-size: 12px !important; font-weight: 700 !important; pointer-events: none !important; }
.mta-video-chapters-ui .mta-chapter-title { font-size: 14px !important; font-weight: 500 !important; white-space: nowrap !important; color: var(--ap-text) !important; pointer-events: none !important; }
.mta-video-chapters-ui .mta-chapter-badge.mta-active-chapter { background: var(--ap-red) !important; border-color: var(--ap-red) !important; color: #ffffff !important; box-shadow: 0 4px 15px rgba(237,20,91,0.3) !important; }
.mta-video-chapters-ui .mta-chapter-badge.mta-active-chapter .mta-chapter-time-box { background: rgba(255, 255, 255, 0.2) !important; color: #ffffff !important; }
.mta-video-chapters-ui .mta-chapter-badge.mta-active-chapter .mta-chapter-title { color: #ffffff !important; font-weight: 700 !important; }

.mta-chapters-timeline-wrapper { position: relative !important; padding: 20px 0 10px 0 !important; }
.mta-chapters-line { position: absolute !important; top: 50% !important; left: 0 !important; right: 0 !important; height: 2px !important; background: var(--ap-border) !important; z-index: 1 !important; transform: translateY(-50%) !important; }
.mta-chapters-cards-scroll { display: flex !important; gap: 15px !important; overflow-x: auto !important; padding-bottom: 15px !important; position: relative !important; z-index: 2 !important; scroll-behavior: smooth !important; }
.mta-chapters-cards-scroll::-webkit-scrollbar { display: none !important; }
.mta-chapter-card { flex: 0 0 124px !important; display: flex !important; flex-direction: column !important; cursor: pointer !important; transition: transform 0.2s !important; text-decoration: none !important; }
.mta-chapter-card:hover { transform: translateY(-3px) !important; }
.mta-chapter-thumb-box { position: relative !important; width: 124px !important; height: 74px !important; border-radius: 8px !important; overflow: hidden !important; background: var(--ap-hover) !important; border: 2px solid transparent !important; transition: border-color 0.2s !important; }
.mta-chapter-card.mta-active-chapter .mta-chapter-thumb-box { border-color: var(--ap-red) !important; box-shadow: 0 4px 12px rgba(237,20,91,0.3) !important; }
.mta-chapter-thumb-box img { width: 100% !important; height: 100% !important; object-fit: cover !important; display: block !important; }
.mta-chapter-time-overlay { position: absolute !important; bottom: 4px !important; left: 4px !important; background: rgba(0,0,0,0.8) !important; color: #fff !important; font-size: 11px !important; font-weight: bold !important; padding: 2px 6px !important; border-radius: 4px !important; backdrop-filter: blur(2px) !important; }
.mta-chapter-title-text { font-size: 13px !important; font-weight: bold !important; color: var(--ap-text) !important; margin-top: 8px !important; text-align: center !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; line-height: 1.5 !important; }
.mta-chapter-card.mta-active-chapter .mta-chapter-title-text { color: var(--ap-red) !important; }

.mta-playlist-wrapper { border: 1px solid var(--ap-border) !important; border-radius: 12px !important; overflow: hidden !important; margin-bottom: 25px !important; background: var(--ap-surface) !important; }
.mta-playlist-header { background: var(--ap-hover) !important; padding: 16px 20px !important; display: flex !important; justify-content: space-between !important; align-items: center !important; cursor: pointer !important; user-select: none !important; transition: background 0.2s !important; }
.mta-playlist-header:hover { background: var(--ap-border) !important; }
.mta-playlist-header-info { display: flex !important; align-items: center !important; gap: 12px !important; }
.mta-playlist-header h4 { margin: 0 !important; font-size: 15px !important; font-weight: bold !important; color: var(--ap-text) !important; display: flex !important; align-items: center !important; gap: 8px !important; }
.mta-playlist-header-meta { font-size: 12px !important; color: var(--ap-text-muted) !important; }
.mta-playlist-header-icon { transition: transform 0.3s !important; fill: var(--ap-text) !important; width: 20px !important; height: 20px !important; }
.mta-playlist-wrapper.is-open .mta-playlist-header-icon { transform: rotate(180deg) !important; }
.mta-playlist-body { display: none !important; max-height: 400px !important; overflow-y: auto !important; border-top: 1px solid var(--ap-border) !important; }
.mta-playlist-wrapper.is-open .mta-playlist-body { display: block !important; }
.mta-playlist-item { display: flex !important; gap: 12px !important; padding: 12px 16px !important; text-decoration: none !important; transition: background 0.2s !important; align-items: flex-start !important; border-bottom: 1px solid var(--ap-border) !important; }
.mta-playlist-item:last-child { border-bottom: none !important; }
.mta-playlist-item:hover { background: var(--ap-hover) !important; text-decoration: none !important; }
.mta-playlist-item.is-active { background: rgba(237, 20, 91, 0.05) !important; border-right: 3px solid var(--ap-red) !important; }
.mta-playlist-item.is-active .mta-playlist-item-title { color: #c0113e !important; }
.mta-playlist-item-thumb { width: 120px !important; min-width: 120px !important; height: 68px !important; flex-shrink: 0 !important; border-radius: 6px !important; overflow: hidden !important; position: relative !important; background: var(--ap-border) !important; }
.mta-playlist-item-thumb img { width: 100% !important; height: 100% !important; object-fit: cover !important; display: block !important; }
.mta-playlist-item-time { position: absolute !important; bottom: 4px !important; left: 4px !important; background: rgba(0,0,0,0.8) !important; color: #fff !important; font-size: 10px !important; padding: 2px 4px !important; border-radius: 4px !important; font-weight: bold !important; line-height: 1 !important; }
.mta-playlist-item-info { flex-grow: 1 !important; min-width: 0 !important; }
.mta-playlist-item-title { font-size: 13px !important; font-weight: bold !important; color: #0B0406 !important; margin: 0 0 6px 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; line-height: 1.5 !important; transition: color 0.2s !important; }
.mta-playlist-item-title a{ color: #0B0406 !important; }
.mta-playlist-item-meta { font-size: 10px !important; color: #606060 !important; display: flex !important; gap: 8px !important; align-items: center !important; }

.ap-cat-wrapper { display: flex !important; gap: 12px !important; overflow-x: auto !important; border-bottom: 1px solid var(--ap-border) !important; position: fixed !important; width: 100% !important; top: var(--ap-header-offset) !important; background: var(--ap-surface) !important; z-index: 990 !important; padding: 12px 16px !important; margin: 0 -16px 24px -16px !important; white-space: nowrap !important; box-shadow: 0 4px 6px -1px rgba(0,0,0,0.05) !important; }
@media (min-width: 1024px) { .ap-cat-wrapper { margin: 0 -24px 32px -24px !important; padding: 12px 24px !important; } }
.mta-dark-theme .ap-cat-wrapper { background: var(--ap-surface) !important; }
.admin-bar .ap-cat-wrapper { top: calc(var(--ap-header-offset) + 32px) !important; }
@media screen and (max-width: 782px) { .ap-cat-wrapper { display: none !important; } }

.ap-cat-btn { font-size: 14px !important; font-weight: 500 !important; color: var(--ap-text) !important; text-decoration: none !important; transition: 0.2s !important; display: inline-block !important; margin: 0 !important; border: none !important; background: transparent !important; font-family: inherit !important; }
.ap-cat-btn.style-button { padding: 8px 16px !important; border: 1px solid var(--ap-border) !important; border-radius: 9999px !important; }
.ap-cat-btn.style-button:hover { background: var(--ap-hover) !important; border-color: var(--ap-border) !important; }
.ap-cat-btn.style-button.active { background: var(--ap-text) !important; color: var(--ap-bg) !important; border-color: transparent !important; }
.ap-cat-btn.style-link { padding: 8px 4px !important; border-bottom: 2px solid transparent !important; opacity: 0.7 !important; }
.ap-cat-btn.style-link:hover { opacity: 1 !important; color: var(--ap-red) !important; }
.ap-cat-btn.style-link.active { opacity: 1 !important; color: var(--ap-red) !important; border-bottom-color: var(--ap-red) !important; font-weight: bold !important; }

.ap-promo { position: relative !important; width: 100% !important; background: var(--ap-dark) !important; border-radius: 16px !important; overflow: hidden !important; display: block !important; text-decoration: none !important; margin: 0 0 40px 0 !important; box-shadow: var(--ap-shadow) !important; cursor: pointer !important; }
.ap-promo img { width: 100% !important; height: auto !important; object-fit: cover !important; opacity: 0.8 !important; transition: opacity 0.3s !important; display: block !important; }
.ap-promo:hover img { opacity: 1 !important; }
.ap-promo-content { position: absolute !important; inset: 0 !important; background: linear-gradient(to left, rgba(0,0,0,0.7), transparent) !important; display: flex !important; flex-direction: column !important; justify-content: center !important; padding: 16px !important; }
@media (min-width: 640px) { .ap-promo-content { flex-direction: row !important; align-items: center !important; justify-content: space-between !important; padding: 24px !important; } }
.ap-promo-badge { background: var(--ap-red) !important; color: #fff !important; font-size: 10px !important; padding: 2px 8px !important; border-radius: 4px !important; display: inline-block !important; margin: 0 0 6px 0 !important; }
.ap-promo-title { color: #fff !important; font-size: 18px !important; font-weight: bold !important; margin: 0 !important; line-height: 1.5 !important; }
.ap-promo-btn { background: #fff !important; color: #000 !important; border-radius: 9999px !important; padding: 8px 24px !important; font-size: 14px !important; font-weight: bold !important; margin: 12px 0 0 0 !important; display: inline-flex !important; align-items: center !important; gap: 8px !important; border: none !important; font-family: inherit !important; }

.ap-section { margin: 0 0 48px 0 !important; padding: 10px !important; background: transparent !important; border: none !important; position: relative !important; }
.ap-sec-header { display: flex !important; justify-content: space-between !important; margin: 0 0 16px 0 !important; padding: 0 !important; background: transparent !important; border: none !important; }
.ap-sec-title { font-size: 20px !important; font-weight: bold !important; color: var(--ap-text) !important; margin: 0 !important; display: flex !important; align-items: center !important; gap: 8px !important; line-height: 1.5 !important; font-family: inherit !important; }
.ap-sec-title svg { width: 20px !important; height: 20px !important; fill: var(--ap-red) !important; }

.ap-grid { display: grid !important; gap: 32px 16px !important; grid-template-columns: repeat(var(--cols, 3), minmax(0, 1fr)) !important; margin: 0 !important; padding: 0 !important; position: relative !important; min-height: 250px; }
@media (max-width: 1024px) { .ap-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } }
@media (max-width: 640px) { .ap-grid { grid-template-columns: repeat(1, minmax(0, 1fr)) !important; } }

.ap-scroll-wrapper { position: relative !important; margin: 0 !important; padding: 0 !important; min-height: 250px; }
.ap-scroll-row { display: flex !important; overflow-x: auto !important; gap: 16px !important; padding: 0 0 16px 0 !important; scroll-snap-type: x mandatory !important; scroll-behavior: smooth !important; }
.ap-scroll-row .ap-card, .ap-scroll-row .ap-short-card { flex: 0 0 calc((100% / var(--cols, 4)) - 24px) !important; scroll-snap-align: start !important; }
@media (max-width: 1024px) { .ap-scroll-row .ap-card, .ap-scroll-row .ap-short-card { flex: 0 0 calc((100% / 3) - 20px) !important; } }
@media (max-width: 768px) { .ap-scroll-row .ap-card, .ap-scroll-row .ap-short-card { flex: 0 0 calc((100% / 2) - 16px) !important; } }
@media (max-width: 480px) { .ap-scroll-row .ap-card, .ap-scroll-row .ap-short-card { flex: 0 0 calc(85% - 10px) !important; } }
.ap-scroll-row.is-dragging { scroll-snap-type: none !important; scroll-behavior: auto !important; }
.ap-scroll-row.is-dragging a, .ap-scroll-row.is-dragging img { pointer-events: none !important; }
.ap-scroll-nav { position: absolute !important; top: 40% !important; transform: translateY(-50%) !important; width: 44px !important; height: 44px !important; min-width: 44px !important; min-height: 44px !important; border-radius: 50% !important; background-color: #ffffff !important; border: 1px solid var(--ap-border) !important; color: #111 !important; cursor: pointer !important; z-index: 20 !important; display: none !important; align-items: center !important; justify-content: center !important; box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important; transition: 0.2s !important; padding: 0 !important; font-family: inherit !important; outline: none !important; }
.ap-scroll-nav svg { width: 20px !important; height: 20px !important; fill: currentColor !important; }
.ap-scroll-nav:hover { background-color: #f3f4f6 !important; transform: translateY(-50%) scale(1.05) !important; }
.mta-dark-theme .ap-scroll-nav { background-color: #2a2d30 !important; color: #ffffff !important; border-color: #444 !important; }
.ap-scroll-nav.show { display: flex !important; }
.ap-scroll-prev { right: -22px !important; left: auto !important; }
.ap-scroll-next { left: -22px !important; right: auto !important; }
@media (max-width: 768px) { .ap-scroll-nav { display: none !important; } }

.ap-show-more-wrap { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; margin: 32px 0 0 0 !important; opacity: 0.9 !important; transition: 0.3s !important; }
.ap-hr { flex-grow: 1 !important; border: none !important; border-top: 1px solid var(--ap-border) !important; margin: 0 !important; height: 0 !important; }

.ap-card { display: flex !important; flex-direction: column !important; gap: 8px !important; text-decoration: none !important; color: inherit !important; margin: 0 !important; padding: 10px !important; background: transparent !important; border-radius: 12px !important; transition: background-color 0.4s ease, transform 0.4s ease, box-shadow 0.4s ease, border-radius 0.4s ease !important; will-change: transform, background-color, box-shadow !important; position: relative; z-index: 1; }
.ap-card.is-hovered-colored { background-color: var(--hover-bg-color, rgba(0,0,0,0.03)) !important; border-radius: 16px !important; transform: translateY(-2px) !important; box-shadow: 0 10px 30px var(--hover-glow-color, rgba(0,0,0,0.05)) !important; border: 1px solid rgba(255,255,255,0.1) !important; z-index: 5; }
.mta-dark-theme .ap-card.is-hovered-colored { background-color: var(--hover-bg-color, rgba(255,255,255,0.05)) !important; box-shadow: 0 10px 30px var(--hover-glow-color, rgba(0,0,0,0.3)) !important; }
.ap-card-thumb { position: relative !important; border-radius: 12px !important; overflow: hidden !important; aspect-ratio: 16/9 !important; background: var(--ap-hover) !important; display: block !important; box-shadow: var(--ap-shadow) !important; z-index: 1 !important; }
.ap-card-thumb img { width: 100% !important; height: 100% !important; object-fit: cover !important; transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.2, 1) !important; transform-origin: center center !important; }
.ap-card:hover .ap-card-thumb img { transform: scale(1.05) !important; }
.ap-badge-time { position: absolute !important; bottom: 8px !important; left: 8px !important; background: rgba(0,0,0,0.85) !important; backdrop-filter: blur(4px) !important; color: #fff !important; font-size: 11px !important; font-weight: bold !important; padding: 3px 6px !important; border-radius: 4px !important; z-index: 10 !important; line-height: 1 !important; font-family: inherit !important; }
.ap-card-info { display: flex !important; gap: 12px !important; align-items: flex-start !important; margin: 10px 0 0 0 !important; position: relative !important; z-index: 2 !important; }
.ap-card-avatar { width: 24px !important; height: 24px !important; min-width: 24px !important; min-height: 24px !important; border-radius: 50% !important; object-fit: cover !important; border: 1px solid var(--ap-border) !important; flex-shrink: 0 !important; margin: 2px 0 0 0 !important; }
.ap-card-meta { flex: 1 !important; min-width: 0 !important; display: flex !important; flex-direction: column !important; gap: 4px !important; }
.ap-card-title { margin: 0 !important; }
.ap-card-title span { font-size: var(--ap-title-size) !important; font-weight: bold !important; color: var(--ap-text) !important; text-decoration: none !important; display: -webkit-box !important; -webkit-line-clamp: var(--ap-title-lines) !important; -webkit-box-orient: vertical !important; overflow: hidden !important; line-height: 1.6 !important; transition: color 0.2s !important; }
.ap-card.is-hovered-colored .ap-card-title span { color: var(--hover-text-color, var(--ap-text)) !important; }
.ap-card-channel { font-size: 12px !important; color: var(--ap-text-muted) !important; display: flex !important; align-items: center !important; gap: 4px !important; margin: 0 !important; }
.ap-card-channel span { color: var(--ap-text-muted) !important; }
.ap-card-channel svg { width: 12px !important; height: 12px !important; fill: #3b82f6 !important; }
.ap-card-stats { font-size: 12px !important; color: var(--ap-text-muted) !important; display: flex !important; align-items: center !important; gap: 8px !important; }
.ap-card-stats span, .ap-card-stats time { color: var(--ap-text-muted) !important; }
.ap-dot { width: 3px !important; height: 3px !important; background: var(--ap-text-muted) !important; border-radius: 50% !important; display: inline-block !important; }

@media (max-width: 768px) { 
    .ap-arc-list-view .ap-card { flex-direction: row !important; align-items: flex-start !important; gap: 12px !important; }
    .ap-arc-list-view .ap-card-thumb { width: 160px !important; height: 90px !important; flex-shrink: 0 !important; border-radius: 8px !important; }
    .ap-arc-list-view .ap-card-info { margin: 0 !important; padding: 0 !important; flex: 1 !important; }
    .ap-arc-list-view .ap-card-avatar { display: none !important; } 
    .ap-arc-list-view .ap-card-title span { font-size: 13px !important; -webkit-line-clamp: 2 !important; }
    .ap-arc-list-view .ap-card-channel span { font-size: 11px !important; }
    .ap-arc-list-view .ap-card-stats { font-size: 11px !important; }
}
@media (max-width: 480px) {
    .ap-arc-list-view .ap-card-thumb { width: 140px !important; height: 80px !important; }
}

.mta-featured-archive-video { display: flex !important; flex-wrap: wrap !important; align-items: stretch !important; gap: 0 !important; margin-bottom: 48px !important; background: var(--ap-surface) !important; border-radius: 24px !important; border: 1px solid var(--ap-border) !important; overflow: hidden !important; box-shadow: 0 10px 30px rgba(0,0,0,0.05) !important; }
.mta-featured-content-wrap { padding: 40px !important; display: flex !important; flex-direction: column !important; justify-content: center !important; }

@media (min-width: 1024px) {
    .mta-featured-archive-video { flex-direction: row !important; }
    .mta-featured-thumb-wrap { width: 370px !important; height: 210px !important; flex: 0 0 370px !important; position: relative !important; background: #000 !important; }
    .mta-featured-content-wrap { flex: 1 !important; }
}

@media (max-width: 1023px) {
    .mta-featured-archive-video { flex-direction: row !important; padding: 10px !important; gap: 12px !important; border-radius: 12px !important; }
    .mta-featured-thumb-wrap { width: 160px !important; height: 90px !important; flex-shrink: 0 !important; border-radius: 8px !important; overflow: hidden !important; }
    .mta-featured-content-wrap { padding: 0 !important; flex: 1 !important; justify-content: flex-start !important; }
    .mta-featured-content-wrap h2 { font-size: 14px !important; margin: 0 0 5px 0 !important; -webkit-line-clamp: 2 !important; display: -webkit-box !important; -webkit-box-orient: vertical !important; overflow: hidden !important; }
    .mta-featured-content-wrap p { display: none !important; } 
    .mta-term-description-wrapper { padding: 20px !important; margin-top: 20px !important; margin-bottom: 20px !important; }
}
@media (max-width: 480px) {
    .mta-featured-thumb-wrap { width: 140px !important; height: 80px !important; }
}

.mta-term-description-wrapper { position: relative !important; padding: 30px !important; background: var(--ap-surface) !important; border-radius: 16px !important; border: 1px solid var(--ap-border) !important; overflow: hidden !important; margin-top: 40px !important; margin-bottom: 40px !important; box-shadow: var(--ap-shadow) !important; }
.mta-term-desc-content { display: -webkit-box !important; -webkit-box-orient: vertical !important; overflow: hidden !important; line-height: 1.8 !important; color: var(--ap-text-muted) !important; transition: all 0.4s ease !important; font-size: 14px !important; -webkit-line-clamp: 5 !important; }
.mta-term-desc-content.is-expanded { -webkit-line-clamp: unset !important; display: block !important; }
.mta-term-desc-fade { position: absolute !important; bottom: 0 !important; left: 0 !important; right: 0 !important; height: 100px !important; background: linear-gradient(to bottom, transparent, var(--ap-surface)) !important; pointer-events: none !important; transition: opacity 0.3s !important; }
.mta-term-desc-fade.is-hidden { opacity: 0 !important; visibility: hidden !important; }
.mta-term-desc-btn { position: relative !important; z-index: 2 !important; margin-top: 15px !important; background: none !important; border: none !important; color: var(--ap-red) !important; font-weight: bold !important; cursor: pointer !important; padding: 0 !important; display: inline-flex !important; align-items: center !important; gap: 5px !important; font-size: 14px !important; outline: none !important; }
.mta-term-desc-btn svg { width: 16px !important; height: 16px !important; fill: currentColor !important; transition: transform 0.3s !important; }
.mta-term-desc-btn.is-expanded svg { transform: rotate(180deg) !important; }
.mta-dark-theme .mta-term-description-wrapper { background: var(--ap-surface) !important; border-color: var(--ap-border) !important; }

.mta-video-comments .comment-respond { margin-top: 40px; }
.mta-video-comments .comment-reply-title { font-size: 18px; font-weight: bold; margin-bottom: 20px; color: var(--ap-text); border-bottom: 1px dashed var(--ap-border); padding-bottom: 15px; }
.mta-video-comments .comment-form-comment { position: relative; margin-bottom: 15px; }
.mta-video-comments textarea { width: 100%; min-height: 60px; padding: 15px 50px 15px 15px; border: 1px solid var(--ap-border); border-radius: 8px; background: var(--ap-hover); color: var(--ap-text); font-family: inherit; resize: vertical; transition: all 0.3s ease; outline: none; }
.mta-video-comments textarea:focus { background: var(--ap-surface); border-color: var(--ap-text-muted); box-shadow: 0 0 0 3px rgba(0,0,0,0.05); min-height: 120px; }
.mta-video-comments .form-submit { display: flex; gap: 10px; align-items: center; justify-content: flex-end; margin: 0; }
.mta-video-comments .submit { background: #1e293b; color: #fff; border: none; padding: 10px 25px; border-radius: 8px; font-weight: bold; cursor: pointer; transition: 0.2s; font-family: inherit; }
.mta-video-comments .submit:hover { background: #0f172a; transform: translateY(-1px); }
.mta-video-comments #cancel-comment-reply-link { background: var(--ap-surface); color: var(--ap-red); border: 1px solid var(--ap-red); padding: 9px 20px; border-radius: 8px; text-decoration: none; font-weight: bold; transition: 0.2s; font-size: 13px; display: inline-flex; align-items: center; gap: 5px; }
.mta-video-comments #cancel-comment-reply-link:hover { background: var(--ap-red); color: #fff; }
.mta-video-comments .commentlist { list-style: none; padding: 0; margin: 0; }
.mta-video-comments .comment { position: relative; margin-bottom: 30px; }
.mta-video-comments .comment-body { padding-right: 50px; }
.mta-video-comments .comment-author { display: flex; align-items: center; gap: 10px; margin-bottom: 5px; }
.mta-video-comments .comment-author img { position: absolute; right: 0; top: 0; width: 40px; height: 40px; border-radius: 50%; }
.mta-video-comments .comment-author b { font-weight: bold; color: var(--ap-text); font-size: 14px; }
.mta-video-comments .comment-meta { font-size: 11px; color: var(--ap-text-muted); }
.mta-video-comments .comment-content { font-size: 14px; color: var(--ap-text); line-height: 1.8; margin-top: 10px; margin-bottom: 15px; }
.mta-video-comments .reply { display: flex; gap: 10px; align-items: center; }
.mta-video-comments .reply a { display: inline-flex; align-items: center; gap: 6px; padding: 6px 15px; border: 1px solid var(--ap-border); border-radius: 20px; font-size: 12px; font-weight: bold; color: var(--ap-text); text-decoration: none; transition: 0.2s; background: var(--ap-surface); }
.mta-video-comments .reply a:hover { background: var(--ap-hover); border-color: var(--ap-text-muted); }
.mta-video-comments .children { list-style: none; padding: 0 50px 0 0; margin-top: 20px; position: relative; }
.mta-video-comments .children::before { content: ""; position: absolute; right: 20px; top: 0; bottom: 0; width: 2px; background: var(--ap-border); border-radius: 2px; }

.ap-nav-divider { margin: 15px 0 5px 0 !important; padding-top: 15px !important; border-top: 1px solid var(--ap-border) !important; }
.ap-nav-divider-text { font-size: 11px !important; font-weight: bold !important; color: var(--ap-text-muted) !important; padding: 0 12px !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; }