.disabled {
          pointer-events: none;
          opacity: 0.5;
        }

        .media-title { display: block; }
        
        @media (max-width: 767.98px){
          .media-title-image { display: none; } /* optional */
          .media-title { display: block !important; }
        }
        
        @media (min-width: 768px){
          .media-item.has-title-image .media-title-image{ display: block; }
          .media-item.has-title-image .media-title{ display: none; }
        }
        .slide-popover.floating {
          position: fixed;
          z-index: 100000;
          left: 50%;
          top: 50%;
          transform: translate(-50%, -50%) scale(0.92);
          transform-origin: center;
          opacity: 0;
          pointer-events: none;
          transition: transform 0.22s ease, opacity 0.22s ease;
          --sp-width: 400px;
          width: var(--sp-width);
          max-width: min(var(--sp-width), 90vw);
          background: var(--bg-3);
          border-radius: 12px;
          box-shadow: 0 20px 50px rgba(0, 0, 0, 0.45);
        }
        .slide-popover.floating.show {
          opacity: 1;
          pointer-events: auto;
          transform: translate(-50%, -50%) scale(1);
        }
        
        .slide-popover {
          position: absolute;
          top: 50%;
          left: 50%;
          --sp-width: 400px;
          width: var(--sp-width);
          max-width: min(var(--sp-width), 90vw);
          background: var(--bg-3);
          border-radius: 12px;
          box-shadow: 0 20px 50px rgba(0, 0, 0, 0.45);
          transform: translate(-50%, -50%) scale(0.92);
          transform-origin: center;
          opacity: 0;
          pointer-events: none;
          transition: transform 0.22s ease, opacity 0.22s ease;
          z-index: 9999;
        }
        .newest-movie-swiper .swiper-slide:hover {
          z-index: 60;
        }
        .newest-movie-swiper .swiper-slide:hover .slide-popover {
          opacity: 1;
          transform: translate(-50%, -50%) scale(1);
          pointer-events: auto;
        }
        
        .slide-popover .sp-cover {
          height: 240px;
          overflow: hidden;
          border-radius: 12px 12px 0 0;
          position: relative;
          -webkit-mask-image: linear-gradient(
            0deg,
            rgba(0, 0, 0, 0) 0px,
            rgba(0, 0, 0, 0.06) 14px,
            rgba(0, 0, 0, 0.2) 34px,
            rgba(0, 0, 0, 0.4) 64px,
            rgba(0, 0, 0, 0.65) 104px,
            rgba(0, 0, 0, 0.85) 144px,
            rgba(0, 0, 0, 1) 190px
          );
          mask-image: linear-gradient(
            0deg,
            rgba(0, 0, 0, 0) 0px,
            rgba(0, 0, 0, 0.06) 14px,
            rgba(0, 0, 0, 0.2) 34px,
            rgba(0, 0, 0, 0.4) 64px,
            rgba(0, 0, 0, 0.65) 104px,
            rgba(0, 0, 0, 0.85) 144px,
            rgba(0, 0, 0, 1) 190px
          );
        }
        .slide-popover .sp-cover img {
          width: 100%;
          height: 100%;
          object-fit: cover;
          -webkit-mask-image: none;
          mask-image: none;
        }
        .slide-popover .sp-body {
          position: relative;
          z-index: 0;
        }
        .slide-popover .sp-body::before {
          content: none;
        }
        .slide-popover .sp-body > * {
          position: relative;
          z-index: 2;
        }
        .slide-popover .sp-cover::after {
          content: none;
        }
        .slide-popover .item-title {
          font-size: 1.15em;
          font-weight: 700;
          color: #fff;
          margin: 0 0 2px 0;
          transform: translateY(-10px);
        }
        .slide-popover .sp-body {
          padding: 22px 16px 16px;
          background: linear-gradient(
            180deg,
            rgba(47, 51, 70, 0.55) 0px,
            var(--bg-3) 64px
          );
          border-radius: 0 0 12px 12px;
          margin-top: -34px;
        }
        .slide-popover .alias-title {
          color: var(--primary-text);
          margin-top: -10px;
        }
        .slide-popover .sp-actions {
          display: flex;
          gap: 10px;
          margin-top: 12px;
          flex-wrap: wrap;
        }
        .slide-popover .sp-actions .btn {
          background: transparent;
          border: 1px solid #ffffff33;
          color: #fff;
          border-radius: 8px;
          padding: 0.6rem 1rem;
          display: inline-flex;
          align-items: center;
          gap: 6px;
        }
        .slide-popover .sp-actions .btn:hover {
          border-color: #ffffff55;
        }
        .slide-popover .sp-actions .button-play {
          border-color: transparent;
          background: linear-gradient(
            39deg,
            rgba(254, 207, 89, 1),
            rgba(255, 241, 204, 1)
          );
          color: var(--primary-button-text) !important;
          box-shadow: 0 5px 10px 5px rgba(255, 218, 125, 0.1);
          display: flex;
          align-items: center;
          gap: 8px;
        }
        .slide-popover .sp-actions .button-play:hover {
          box-shadow: 0 5px 10px 10px rgba(255, 218, 125, 0.15);
        }
        .slide-popover .sp-actions .btn svg {
          width: 14px;
          height: 14px;
        }
        .slide-popover .sp-actions .btn-like.active {
          background: #ffffff22;
          border-color: #ffffff66;
        }
        .slide-popover .hl-tags {
          display: flex;
          flex-wrap: wrap;
          gap: 6px;
          margin-top: 12px;
        }
        .slide-popover .tag-classic span,
        .slide-popover .tag-imdb span {
          border-radius: 6px;
        }
        
        /* Smooth image-to-body blend like sample */
        .slide-popover .sp-card {
          background: transparent;
        }
        .slide-popover .sp-cover img {
          -webkit-mask-image: linear-gradient(180deg, #000 58%, rgba(0, 0, 0, 0) 92%);
          mask-image: linear-gradient(180deg, #000 58%, rgba(0, 0, 0, 0) 92%);
        }
        @media (max-width: 1024px) {
          .cards-slide-wrapper .swiper {
            overflow: hidden;
          }
          .slide-popover {
            display: none;
          }
        }
        .newest-movie-swiper .swiper-slide .sw-cover.single {
          transition: transform 0.36s cubic-bezier(0.22, 0.61, 0.36, 1),
            box-shadow 0.36s ease;
          transform-origin: center;
          will-change: transform;
        }
        .newest-movie-swiper .swiper-slide .v-thumbnail img {
          transition: transform 0.42s cubic-bezier(0.22, 0.61, 0.36, 1);
          transform: translateZ(0);
          will-change: transform;
        }
        .newest-movie-swiper .swiper-slide:hover {
          z-index: 70;
        }
        .newest-movie-swiper .swiper-slide:hover .sw-cover.single {
          transform: none;
          box-shadow: none;
        }
        .newest-movie-swiper .swiper-slide:hover .v-thumbnail img {
          transform: none;
        }
        
        .newest-movie-swiper .swiper-slide.delayed-zoom .sw-cover.single {
          transform: scale(1.02);
          box-shadow: 0 12px 26px rgba(0, 0, 0, 0.35);
          transition: transform 0.36s cubic-bezier(0.22, 0.61, 0.36, 1),
            box-shadow 0.36s ease;
        }
        .newest-movie-swiper .swiper-slide.delayed-zoom .v-thumbnail img {
          transform: scale(1.06);
          transition: transform 0.42s cubic-bezier(0.22, 0.61, 0.36, 1);
        }
        /* Generic delayed-zoom for other sliders */
        .swiper-slide.delayed-zoom .v-thumbnail img {
          transform: scale(1.06);
          transition: transform 0.42s cubic-bezier(0.22, 0.61, 0.36, 1);
        }
        .swiper-slide.delayed-zoom .sw-cover.single {
          transform: scale(1.02);
          box-shadow: 0 12px 26px rgba(0, 0, 0, 0.35);
          transition: transform 0.36s cubic-bezier(0.22, 0.61, 0.36, 1),
            box-shadow 0.36s ease;
        }
        .slider-hoathinh .swiper-wrapper,
        .slider-hoathinh-small .swiper-wrapper {
          transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1) !important;
        }
        @keyframes cs-cover-fade {
          0% {
            opacity: 0;
            transform: translateX(-6%);
          }
          to {
            opacity: 1;
            transform: translateX(0);
          }
        }
        
        body.rating-modal-open {
          overflow: hidden;
        }
        .player-ratio .ratio {
          position: relative;
        }
        #player-control-actions {
          display: flex;
          flex-wrap: wrap;
          align-items: center;
          width: 100%;
          column-gap: 0.75rem;
          row-gap: 0.35rem;
        }
        #player-control-actions .item,
        #player-control-actions .dropdown,
        #player-control-actions .flex-grow-1,
        #player-control-actions .streaming-server,
        #player-control-actions .item-w2g {
          flex-shrink: 0;
        }
        #player-control-actions .item,
        #player-control-actions .item span,
        #player-control-actions .control-items__label {
          white-space: normal;
        }
        .control-items__servers {
          display: flex;
          align-items: center;
          gap: 0.5rem;
          flex-wrap: wrap;
          padding: 0.4rem 0.2rem;
        }
        .control-items__label {
          font-size: 11px;
          text-transform: uppercase;
          letter-spacing: 0.05em;
          color: rgba(255, 255, 255, 0.55);
        }
        .control-playlist .item-v {
          display: contents;
          align-items: center;
          gap: 0.5rem;
          color: inherit;
          background: transparent;
        }
        #playlist-control.is-added {
          color: var(--primary-color);
        }
        .player-control .control-items button,
        .player-control .control-items button:focus {
          background: transparent;
          border: none;
          color: inherit;
        }
        .player-control .control-items button:focus-visible {
          outline: 2px solid var(--primary-color, #ffd785);
          outline-offset: 2px;
        }
        .player-control .control-items button.item {
          padding: 0.6rem 1rem;
        }
        #player-control-actions .item {
          min-width: fit-content;
        }
        .item.item-w2g {
          text-decoration: none;
        }
        .share-modal {
          position: fixed;
          inset: 0;
          display: none;
          align-items: center;
          justify-content: center;
          z-index: 2000;
        }
        .share-modal.is-open {
          display: flex;
        }
        .share-modal__backdrop {
          position: absolute;
          inset: 0;
          background: rgba(6, 6, 10, 0.8);
        }
        .share-modal__panel {
          position: relative;
          background: #1d2140;
          border-radius: 1rem;
          padding: 1.5rem;
          width: min(420px, calc(100% - 2rem));
          color: #fff;
          box-shadow: 0 25px 70px rgba(0, 0, 0, 0.45);
          z-index: 1;
          text-align: center;
        }
        .share-modal__close {
          position: absolute;
          top: 0.4rem;
          right: 0.6rem;
          border: none;
          background: transparent;
          font-size: 1.75rem;
          color: rgba(255, 255, 255, 0.85);
          cursor: pointer;
        }
        .share-modal__count {
          display: flex;
          flex-direction: column;
          gap: 0.15rem;
          margin-bottom: 1rem;
          opacity: 0.8;
        }
        .share-modal__count span:first-child {
          font-size: 2rem;
          font-weight: 700;
          opacity: 1;
        }
        .share-modal__options {
          display: flex;
          flex-wrap: wrap;
          justify-content: center;
          gap: 0.75rem;
        }
        .share-option {
          width: 46px;
          height: 46px;
          border-radius: 0.6rem;
          border: none;
          display: flex;
          align-items: center;
          justify-content: center;
          font-size: 1.1rem;
          color: #fff;
          cursor: pointer;
          transition: transform 0.2s ease, box-shadow 0.2s ease;
        }
        .share-option:hover {
          transform: translateY(-2px);
          box-shadow: 0 8px 20px rgba(0, 0, 0, 0.35);
        }
        .share-option.share-facebook {
          background: #1778f2;
        }
        .share-option.share-x {
          background: #0f1419;
        }
        .share-option.share-telegram {
          background: #26a4e3;
        }
        .share-option.share-reddit {
          background: #ff4500;
        }
        .share-option.share-messenger {
          background: #0084ff;
        }
        .share-option.share-copy {
          background: #78c257;
        }
        @media (max-width: 1200px) {
          #player-control-actions {
            column-gap: 0.5rem;
            row-gap: 0.25rem;
            display: contents;
            align-items: center;
          }
          #player-control-actions .item {
            padding: 0.5rem 0.75rem;
          }
          #player-control-actions .item span {
            font-size: 12px;
          }
          .control-items__servers {
            padding-top: 0;
          }
        }
        @media (max-width: 900px) {
          #player-control-actions .control-items__servers {
            order: -1;
            width: 100%;
            border-bottom: 1px solid rgba(255, 255, 255, 0.05);
            padding-bottom: 0.35rem;
            margin-bottom: 0.35rem;
          }
          #player-control-actions .flex-grow-1 {
            flex: 1 0 20px;
          }
        }
        @media (max-width: 768px) {
          #player-control-actions {
            flex-wrap: nowrap;
            overflow-x: auto;
            padding: 0.4rem 0;
            scroll-snap-type: x proximity;
          }
          #player-control-actions .control-items__servers {
            order: -2;
            border-bottom: none;
            margin-bottom: 0;
            padding-bottom: 0.2rem;
          }
          #player-control-actions .item,
          #player-control-actions .dropdown,
          #player-control-actions .item-w2g,
          #player-control-actions .item-share,
          #player-control-actions .item-report {
            scroll-snap-align: start;
          }
          #player-control-actions::-webkit-scrollbar {
            height: 4px;
          }
          #player-control-actions::-webkit-scrollbar-thumb {
            background: rgba(255, 255, 255, 0.2);
            border-radius: 999px;
          }
          #player-control-actions .flex-grow-1 {
            display: none;
          }
          .share-modal__panel {
            padding: 1rem;
            border-radius: 0.75rem;
          }
        }
        @media (max-width: 480px) {
          #player-control-actions {
            column-gap: 0.35rem;
          }
          #player-control-actions .item {
            padding: 0.45rem 0.6rem;
            font-size: 11px;
          }
          #player-control-actions .item span {
            font-size: 11px;
          }
          .control-items__label {
            font-size: 10px;
          }
        }
        .player-inline-toast {
          position: fixed;
          bottom: 20px;
          right: 20px;
          background: rgba(24, 26, 45, 0.9);
          color: #fff;
          padding: 0.75rem 1rem;
          border-radius: 0.6rem;
          font-size: 0.9rem;
          z-index: 2500;
          box-shadow: 0 15px 35px rgba(0, 0, 0, 0.45);
          animation: playerToastIn 0.25s ease forwards;
        }
        @keyframes playerToastIn {
          from {
            opacity: 0;
            transform: translateY(12px);
          }
          to {
            opacity: 1;
            transform: translateY(0);
          }
        }
        @media (max-width: 768px) {
          .player-inline-toast {
            left: 20px;
            right: 20px;
            width: auto;
            text-align: center;
          }
        }
        body.cinema-mode {
          background-color: #000;
        }
        body.cinema-mode header,
        body.cinema-mode footer,
        body.cinema-mode .site-header,
        body.cinema-mode .site-footer,
        body.cinema-mode .watch-container,
        body.cinema-mode .wp-bread {
          display: none !important;
        }
        body.cinema-mode .wrapper-watch {
          max-width: 100%;
          padding: 1rem 0 2rem;
        }
        body.cinema-mode .watch-player {
          max-width: 1400px;
          margin: 0 auto;
        }
        @media (max-width: 768px) {
          #player-control-actions .flex-grow-1 {
            display: none;
          }
        }
        .player-surface {
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background: #000;
          overflow: hidden;
          cursor: pointer;
        }
        .player-wrapper,
        #player-wrapper,
        #player-wrapper video,
        #player-wrapper iframe {
          cursor: pointer;
        }
        .player-wrapper {
          position: relative;
          width: 100%;
          height: 100%;
        }
        #player-wrapper,
        #player-wrapper > div,
        #player-wrapper iframe,
        #player-wrapper video {
          width: 100%;
          height: 100%;
        }
        .jw-custom-controls {
          position: absolute;
          left: 0;
          right: 0;
          bottom: 0;
          margin-top: 0;
          padding: 20px;
          background: linear-gradient(
            180deg,
            rgba(0, 0, 0, 0) 0%,
            rgba(0, 0, 0, 0.75) 60%,
            rgba(0, 0, 0, 0.95) 100%
          );
          display: flex;
          flex-direction: column;
          gap: 12px;
          color: #fff;
          z-index: 3;
          opacity: 0;
          pointer-events: none;
          transform: translateY(20px);
          transition: opacity 0.25s ease, transform 0.25s ease;
        }
        .jw-custom-controls {
          font-size: 13px;
        }
        .jw-custom-controls.is-hidden {
          display: none;
        }
        .jw-custom-controls--visible {
          opacity: 1;
          pointer-events: auto;
          transform: translateY(0);
        }
        .player-surface.show-controls .jw-custom-controls {
          opacity: 1;
          pointer-events: auto;
          transform: translateY(0);
        }
        .jw-custom-progress {
          position: relative;
        }
        .jw-custom-progress input[type="range"] {
          width: 100%;
          cursor: pointer;
          accent-color: #a8b4f5;
          position: relative;
          z-index: 1;
        }
        .jw-progress-tooltip {
          position: absolute;
          bottom: 18px;
          background: rgba(255, 255, 255, 0.95);
          color: #000;
          font-size: 13px;
          font-weight: 600;
          padding: 4px 10px;
          border-radius: 6px;
          transform: translate(-50%, -6px);
          pointer-events: none;
          box-shadow: 0 6px 15px rgba(0, 0, 0, 0.25);
          z-index: 6;
          opacity: 0;
          transition: opacity 0.15s ease, transform 0.15s ease;
        }
        .jw-progress-tooltip::after {
          content: "";
          position: absolute;
          left: 50%;
          bottom: -5px;
          width: 10px;
          height: 10px;
          background: rgba(255, 255, 255, 0.95);
          transform: translate(-50%, 0) rotate(45deg);
        }
        .jw-progress-tooltip.is-visible {
          opacity: 1;
          transform: translate(-50%, 0);
        }
        span.icon.icon-play svg {
          width: 40px;
          height: 40px;
        }
        .jw-progress-tooltip.is-hidden {
          opacity: 0;
        }
        .jw-controls-row {
          display: flex;
          align-items: center;
          gap: 12px;
          flex-wrap: wrap;
        }
        .jw-controls-left {
          display: flex;
          align-items: center;
          gap: 16px;
          flex-wrap: wrap;
        }
        .jw-controls-group {
          display: flex;
          align-items: center;
          gap: 8px;
          flex-wrap: wrap;
        }
        .jw-controls-group--right {
          margin-left: auto;
          position: relative;
        }
        .jw-ctrl-btn {
          background: rgba(255, 255, 255, 0.04);
          border: 1px solid rgba(255, 255, 255, 0.2);
          color: #fff;
          border-radius: 999px;
          width: 44px;
          height: 44px;
          display: inline-flex;
          align-items: center;
          justify-content: center;
          cursor: pointer;
          transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
          line-height: 0px;
        }
        .jw-ctrl-btn:hover {
          background: rgba(255, 255, 255, 0.15);
          border-color: rgba(255, 255, 255, 0.3);
        }
        .jw-ctrl-btn[data-tooltip] {
          position: relative;
        }
        .jw-ctrl-btn[data-tooltip]::after {
          content: attr(data-tooltip);
          position: absolute;
          left: 50%;
          bottom: 155%;
          transform: translateX(-50%) translateY(6px);
          background: rgba(255, 255, 255, 0.98);
          color: #000;
          font-size: 13px;
          font-weight: 500;
          white-space: nowrap;
          padding: 15px 12px;
          border-radius: 6px;
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.35);
          opacity: 0;
          pointer-events: none;
          transition: opacity 0.18s ease, transform 0.18s ease;
          z-index: 10;
        }
        .jw-ctrl-btn[data-tooltip]::before {
          content: "";
          position: absolute;
          left: 50%;
          bottom: 145%;
          transform: translateX(-50%);
          width: 10px;
          height: 10px;
          background: rgba(255, 255, 255, 0.98);
          transform-origin: center;
          transform: translateX(-50%) rotate(45deg);
          border-radius: 2px;
          opacity: 0;
          pointer-events: none;
          transition: opacity 0.18s ease;
          z-index: 9;
        }
        .jw-ctrl-btn[data-tooltip]:hover::after,
        .jw-ctrl-btn[data-tooltip]:hover::before {
          opacity: 1;
        }
        .jw-ctrl-btn[data-tooltip]:hover::after {
          transform: translateX(-50%) translateY(0);
        }
        .jw-controls-group--right .jw-ctrl-btn[data-tooltip]::after {
          left: auto;
          right: 0;
          transform: translateY(6px);
        }
        .jw-controls-group--right .jw-ctrl-btn[data-tooltip]:hover::after {
          transform: translateY(0);
        }
        .jw-controls-group--right .jw-ctrl-btn[data-tooltip]::before {
          left: auto;
          right: 16px;
          transform: rotate(45deg);
        }
        .jw-controls-left .jw-ctrl-btn--play[data-tooltip]::after {
          left: 0;
          transform: translateY(6px);
        }
        .jw-controls-left .jw-ctrl-btn--play[data-tooltip]:hover::after {
          transform: translateY(0);
        }
        .jw-controls-left .jw-ctrl-btn--play[data-tooltip]::before {
          left: 16px;
          transform: rotate(45deg);
        }
        .jw-ctrl-btn[disabled],
        .jw-ctrl-btn:disabled {
          opacity: 0.4;
          cursor: not-allowed;
        }
        .jw-ctrl-btn .icon svg {
          width: 20px;
          height: 20px;
          fill: currentColor;
        }
        .jw-ctrl-btn--play {
          width: 52px;
          height: 52px;
        }
        .jw-ctrl-btn .icon-pause {
          display: none;
        }
        .jw-ctrl-btn[data-playing="true"] .icon-play {
          display: none;
        }
        .jw-ctrl-btn[data-playing="true"] .icon-pause {
          display: inline-flex;
        }
        .jw-volume-group input[type="range"] {
          width: 140px;
        }
        .jw-time-display {
          min-width: 110px;
          text-align: center;
          font-variant-numeric: tabular-nums;
        }
        .jw-ctrl-btn.is-muted {
          color: #f43f5e;
        }
        .jw-ctrl-btn.is-active {
          border-color: #fff;
        }
        .jw-settings-panel {
          position: absolute;
          right: 0;
          bottom: 60px;
          width: 220px;
          color: #fff;
          z-index: 20;
          backdrop-filter: blur(10px);
          -webkit-backdrop-filter: blur(10px);
          background-color: #3c3e4961;
          border: 1px solid #ffffff30;
          border-radius: 0.6rem;
          box-shadow: 0 0 20px #0003;
          font-size: 1em;
          margin: 0.5rem 0;
          overflow: hidden;
          padding: 0.6rem 0;
          transform-origin: bottom right;
        }
        .jw-settings-panel.is-hidden {
          display: none;
        }
        .jw-settings-panel .settings-view {
          display: flex;
          flex-direction: column;
          gap: 0;
          font-size: 1em;
        }
        .jw-settings-panel .settings-view.is-hidden {
          display: none;
        }
        .jw-settings-panel .settings-header {
          display: flex;
          align-items: center;
          justify-content: flex-start;
          font-weight: 600;
          font-size: 1em;
          padding: 0.2rem 0.9rem 0.5rem;
          color: #fff;
        }
        .jw-settings-panel .settings-header .back-button {
          background: none;
          border: none;
          color: #fff;
          font-size: 1em;
          line-height: 1.2;
          cursor: pointer;
          padding: 0;
          display: flex;
          align-items: center;
          gap: 8px;
          width: 100%;
          text-align: left;
        }
        .jw-settings-panel .settings-header .back-button .icon {
          font-size: 25px;
          line-height: 0;
          margin-bottom: 4px;
        }
        .jw-settings-panel .settings-row {
          background: none;
          border: none;
          width: 100%;
          color: inherit;
          display: flex;
          align-items: center;
          justify-content: space-between;
          padding: 0.5rem 0.9rem;
          cursor: pointer;
          transition: background 0.2s ease;
        }
        .jw-settings-panel .settings-row:hover {
          background: rgba(255, 255, 255, 0.08);
        }
        .jw-settings-panel .settings-row .label {
          font-weight: 500;
        }
        .jw-settings-panel .settings-row .value,
        .jw-settings-panel .settings-row .icon-arrow {
          opacity: 1;
          font-size: 13px;
          color: #fff;
        }
        .jw-settings-panel .settings-options {
          display: flex;
          flex-direction: column;
        }
        .jw-settings-panel .settings-option {
          padding: 0.6rem 0.9rem;
          cursor: pointer;
          display: flex;
          justify-content: space-between;
          align-items: center;
          background: transparent;
          transition: background 0.2s ease;
          color: #ffffff;
        }
        .jw-settings-panel .settings-option + .settings-option {
          border-top: 1px solid rgba(255, 255, 255, 0.08);
          color: #ffffff;
        }
        .jw-settings-panel .settings-option:hover {
          background: rgba(255, 255, 255, 0.12);
        }
        .jw-settings-panel .settings-option.active {
          background: rgba(255, 255, 255, 0.16);
          font-weight: 600;
          color: #fff;
        }
        .jw-settings-panel .settings-option .check {
          font-size: 16px;
          color: #fff;
        }
        .mobile-only {
          display: none;
        }
        .jw-mobile-primary {
          display: none;
        }
        .desktop-only {
          display: inline-flex;
        }
        .iv-volume {
          display: flex;
          align-items: center;
          gap: 10px;
        }
        .iv-volume-icon {
          background: transparent;
          border: none;
          padding: 0;
          width: 32px;
          height: 32px;
          color: #fff;
          display: inline-flex;
          align-items: center;
          justify-content: center;
          cursor: pointer;
        }
        .iv-volume-icon.is-muted {
          color: #f43f5e;
        }
        .iv-volume-icon svg {
          width: 24px;
          height: 24px;
        }
        .iv-bar {
          position: relative;
          width: 150px;
          height: 10px;
          background: rgba(255, 255, 255, 0.3);
          border-radius: 999px;
          overflow: visible;
        }
        .iv-load {
          position: absolute;
          top: 0;
          left: 0;
          bottom: 0;
          width: 100%;
          background: #ffffff;
          border-radius: 999px;
          pointer-events: none;
        }
        .iv-load::after {
          content: "";
          position: absolute;
          right: -7px;
          top: 50%;
          width: 16px;
          height: 16px;
          border-radius: 50%;
          background: #fff;
          border: 2px solid #f97316;
          box-shadow: 0 0 10px rgba(249, 115, 22, 0.6);
          transform: translateY(-50%);
        }
        .iv-bar input[type="range"] {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          opacity: 0;
          cursor: pointer;
        }
        .jw-voice-panel {
          position: absolute;
          right: 60px;
          bottom: 60px;
          width: 200px;
          color: #fff;
          z-index: 19;
          backdrop-filter: blur(10px);
          -webkit-backdrop-filter: blur(10px);
          background-color: #3c3e4961;
          border: 1px solid #ffffff30;
          border-radius: 0.6rem;
          box-shadow: 0 0 20px #0003;
          font-size: 0.95em;
          margin: 0.5rem 0;
          overflow: hidden;
          padding: 0.4rem 0;
          transform-origin: bottom right;
        }
        .jw-voice-panel.is-hidden {
          display: none;
        }
        .jw-voice-panel .voice-options {
          display: flex;
          flex-direction: column;
        }
        .jw-voice-panel .voice-option {
          padding: 0.45rem 0.85rem;
          border: none;
          background: none;
          color: inherit;
          display: flex;
          justify-content: space-between;
          align-items: center;
          cursor: pointer;
          transition: background 0.2s ease;
          text-align: left;
        }
        .jw-voice-panel .voice-option + .voice-option {
          border-top: 1px solid rgba(255, 255, 255, 0.08);
        }
        .jw-voice-panel .voice-option:hover {
          background: rgba(255, 255, 255, 0.12);
        }
        .jw-voice-panel .voice-option.active {
          background: rgba(255, 255, 255, 0.18);
          font-weight: 600;
        }
        .jw-voice-panel .voice-option .info {
          display: flex;
          align-items: center;
          gap: 8px;
        }
        .jw-voice-panel .voice-option .info svg {
          width: 18px;
          height: 18px;
        }
        .jw-voice-panel .voice-option .check {
          font-size: 16px;
        }
        @media (max-width: 768px) {
          .jw-settings-panel .settings-options {
            max-height: 100px;
            overflow: auto;
          }
          .jw-custom-controls {
            padding: 12px;
            gap: 10px;
          }
          .jw-mobile-primary {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 40px;
            padding: 0;
            transform: translateY(-45%);
          }
          .jw-mobile-primary .jw-ctrl-btn {
            width: 40px;
            height: 40px;
          }
          .jw-mobile-primary .jw-ctrl-btn--play {
            width: 56px;
            height: 56px;
          }
          .jw-custom-progress input[type="range"] {
            height: 4px;
          }
          .jw-controls-row {
            flex-direction: row;
            align-items: center;
            justify-content: space-between;
            gap: 6px;
            flex-wrap: nowrap;
          }
          .jw-controls-left {
            flex: 1 1 auto;
            justify-content: flex-start;
            gap: 10px;
            flex-wrap: nowrap;
          }
          .jw-controls-group {
            width: auto;
            justify-content: flex-start;
            flex-wrap: nowrap;
          }
          .jw-ctrl-btn {
            width: 36px;
            height: 36px;
          }
          .jw-ctrl-btn--play {
            width: 48px;
            height: 48px;
          }
          .jw-volume-group {
            flex-direction: row;
            align-items: center;
            gap: 6px;
            flex-wrap: nowrap;
          }
          .jw-volume-group .jw-time-display {
            min-width: auto;
            white-space: nowrap;
          }
          .jw-controls-group--right {
            flex: 0 0 auto;
            justify-content: flex-end;
            gap: 6px;
            flex-wrap: nowrap;
          }
          .iv-bar {
            display: none;
          }
          .jw-progress-tooltip {
            display: none !important;
          }
          .mobile-only {
            display: inline-flex;
          }
          .desktop-only {
            display: none;
          }
          .jw-ctrl-btn[data-action="voice"] {
            display: none !important;
          }
          #jw-voice-panel {
            display: none !important;
          }
        }
        @media (min-width: 769px) {
          .player-surface:not(.show-controls):not(.show-native)
            .jwplayer
            .jw-controlbar,
          .player-surface:not(.show-controls):not(.show-native) .jwplayer .jw-display,
          .player-surface:not(.show-controls):not(.show-native)
            .jwplayer
            .jw-nextup-container,
          .player-surface:not(.show-controls):not(.show-native)
            .jwplayer
            .jw-nextup-tooltip,
          .player-surface:not(.show-controls):not(.show-native)
            .jwplayer
            .jw-icon-inline {
            opacity: 0 !important;
            visibility: hidden;
            pointer-events: none;
            height: 0;
          }
          .player-surface.show-controls .jwplayer .jw-controlbar,
          .player-surface.show-controls .jwplayer .jw-display,
          .player-surface.show-controls .jwplayer .jw-nextup-container,
          .player-surface.show-controls .jwplayer .jw-nextup-tooltip,
          .player-surface.show-controls .jwplayer .jw-icon-inline,
          .player-surface.show-native .jwplayer .jw-controlbar,
          .player-surface.show-native .jwplayer .jw-display,
          .player-surface.show-native .jwplayer .jw-nextup-container,
          .player-surface.show-native .jwplayer .jw-nextup-tooltip,
          .player-surface.show-native .jwplayer .jw-icon-inline {
            opacity: 1 !important;
            visibility: visible;
            pointer-events: auto;
            height: auto;
          }
        }