/* ផ្ទៃ Background របស់ Popup */
    .modal {
      display: none; 
      position: fixed; 
      z-index: 1000; 
      left: 0; 
      top: 0;
      width: 100%; 
      height: 100%; 
      background-color: rgba(0, 0, 0, 0.85);
      opacity: 0; 
      transition: opacity 0.5s ease;
    }
    .modal.show { 
      display: block; 
      opacity: 1; 
    }
  
    /* ប្រអប់ផ្ទុកវីដេអូ */
    .modal-content {
      position: absolute; 
      top: 50%; 
      left: 50%; 
      transform: translate(-50%, -50%) scale(0.9);
      width: 90%; 
      max-width: 700px; 
      background: #000; 
      border-radius: 12px;
      overflow: hidden; 
      box-shadow: 0 10px 30px rgba(0,0,0,0.8);
      transition: transform 0.5s ease;
    }
    .modal.show .modal-content {
      transform: translate(-50%, -50%) scale(1);
    }
  
    video { 
      width: 100%; 
      display: block;
      cursor: pointer;
    }
  
    /* ប៊ូតុង បើក/បិទ សំឡេង */
    .mute-btn {
      position: absolute;
      top: 15px;
      left: 15px;
      background: rgba(0, 0, 0, 0.6);
      color: white;
      width: 45px;
      height: 45px;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 50%;
      cursor: pointer;
      z-index: 10;
      font-size: 20px;
      border: 1px solid rgba(255,255,255,0.3);
      transition: all 0.3s;
    }
    .mute-btn:hover { background: rgba(0, 0, 0, 0.9); scale: 1.1; }

    /* ប៊ូតុង Skip Ad */
    .skip-btn {
      position: absolute; 
      bottom: 20px; 
      right: 20px;
      background: rgba(0, 0, 0, 0.7); 
      color: rgba(255, 255, 255, 0.8);
      border: 1px solid rgba(255,255,255,0.4); 
      padding: 10px 20px;
      font-size: 14px; 
      cursor: not-allowed; 
      border-radius: 30px;
      transition: all 0.3s ease; 
    }
    .skip-btn.ready {
      cursor: pointer; 
      background: #fff;
      color: #000;
      border: 1px solid #fff;
      font-weight: bold;
    }
  
    /* ប៊ូតុងខ្វែងបិទ */
    .close-btn {
      display: none;
      position: absolute; 
      top: 10px; 
      right: 15px; 
      color: white;
      font-size: 28px; 
      cursor: pointer; 
      z-index: 10;
      text-shadow: 2px 2px 5px black;
    }
    .close-btn:hover { color: #ff4c4c; }