.ytp-hide-controls:not(.ytp-mweb-player) .ytp-watermark{ display:none;}
    /* Container */
    .yt-player-wrap {
      max-width: 100%; /*760px*/
     /* margin: 10px auto; */
      background: #0f1724; /* dark panel */
      border-radius: 12px;
      padding: 12px;
      box-shadow: 0 8px 30px rgba(0,0,0,0.35);
      color: #e6eef8;
      font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
    }

    /* Video area */
    .yt-player-wrap .video-area {
      position: relative;
      background: #000;
      border-radius: 8px;
      overflow: hidden;
    }
    /* the YouTube iframe will fill this div */
    #player {
      width: 100%;
      height: 0;
      padding-bottom: 56.25%; /* 16:9 */
      position: relative;
    }
    #player iframe {
      position: absolute;
      top: 0; left: 0; width: 100%; height: 100%;
      border: 0;
      background: #ccc;
    }

    /* Controls area */
    .yt-player-wrap .controls {
      display: flex;
      gap: 12px;
      align-items: center;
      padding: 10px 6px 0 6px;
      flex-wrap: wrap;
    }

    .yt-player-wrap .btn {
      background: rgba(255,255,255,0.06);
      border: none;
      padding: 8px 12px;
      border-radius: 8px;
      cursor: pointer;
      font-weight: 600;
      color: inherit;
      min-width: 48px;
      text-align: center;
    }
    .yt-player-wrap .btn:active { transform: translateY(1px); }

/*.yt-player-wrap .btn i{display:none;} */
.yt-player-wrap .btn .txt{display:none;}

    .yt-player-wrap .progress {
		  flex: 1;
		  display: flex;
		  gap: 8px;
		  align-items: center;
		max-width: 100%;
		  min-width: 100px;
		  overflow: visible !important;
		  background-color: transparent !important;
		}


    .yt-player-wrap .time {
      min-width: 110px;
      text-align: right;
      font-family: monospace;
      font-size: 13px;
      opacity: 0.9;
    }
.yt-player-wrap .volume-wrapper{
display:flex; justify-content:flex-start;
}

    input[type="range"].seek {
      -webkit-appearance: none;
      appearance: none;
      height: 8px;
      border-radius: 6px;
      background: rgba(255,255,255,0.12);
      outline: none;
	  width:60%;
    }
    input[type="range"].seek::-webkit-slider-thumb {
      -webkit-appearance: none;
      width: 14px; height: 14px; border-radius: 50%;
      background: white;
      box-shadow: 0 0 0 4px rgba(255,255,255,0.06);
      cursor: pointer;
    }

    input[type="range"].volume {
      width: 110px;
      -webkit-appearance: none;
      appearance: none;
      height: 6px;
      border-radius: 6px;
      background: rgba(255,255,255,0.08);
	  margin: 5px 0px;
    }
    input[type="range"].volume::-webkit-slider-thumb {
      -webkit-appearance: none;
      width: 12px; height: 12px; border-radius: 50%;
      background: white;
      cursor: pointer;
    }

	/*#playPauseBtn {
		min-width:76px;
	}*/

    /* Responsive: stack controls on small screens */
    @media (max-width: 520px) {
	/*.yt-player-wrap .btn i{display:block;}*/
		.yt-player-wrap .btn .txt{display:none;}
      .yt-player-wrap .controls { gap: 8px; justify-content: center;}
      .yt-player-wrap .time { display: none; }
	.yt-player-wrap .volume-wrapper{display:none;}
      input[type="range"].volume { max-width: 65px; }
		input[type="range"].seek{width:100%;}
		.yt-player-wrap .progress{ max-width:100px; min-width:50px;}
    }
@media (max-width: 680px) {
	input[type="range"].volume {
		max-width: 65px;
	}
	.yt-player-wrap .time {
		min-width: 80px;
		font-size: 10px;
	}
	
}