/* แถบนี้อยู่ในผังหน้าเว็บจริง เหนือ main เพื่อไม่วางวิดีโอทับหัวข้อ */
.pu-intro-bar {
  position: sticky;
  top: var(--pu-intro-top, 100px);
  z-index: 800;
  margin: 0;
  padding: 12px 0;
  background: #faf8f3;
  isolation: isolate;
}
.pu-intro-inner {
  max-width: 1600px;
  margin: 0 auto;
  padding: 0 6%;
  box-sizing: border-box;
}
.pu-intro-player {
  width: 334px;
  max-width: 100%;
  border: 1px solid #dce5ee;
  border-radius: 14px;
  overflow: hidden;
  background: #101f35;
  box-shadow: 0 5px 18px rgb(16 31 53 / 10%);
}
.pu-intro-screen { position: relative; width: 100%; height: 152px; }
.pu-intro-screen video { display: block; width: 100%; height: 100%; object-fit: contain; background: #101f35; }
.pu-intro-close {
  position: absolute;
  right: 6px;
  top: 6px;
  width: 32px;
  height: 32px;
  padding: 0;
  border: 1px solid #ffffff88;
  border-radius: 50%;
  background: #101f35dd;
  color: white;
  font: 24px/1 sans-serif;
  cursor: pointer;
}
.pu-intro-tools { display: flex; justify-content: space-between; gap: 4px; padding: 4px 8px; background: #fffaf0; }
.pu-intro-tools button { border: 0; border-radius: 6px; padding: 6px 10px; min-height: 36px; font: inherit; font-size: 12px; color: #182b41; background: transparent; cursor: pointer; }
.pu-intro-tools button:hover { background: #eaf3ff; }
.pu-intro-bar button:focus-visible { outline: 2px solid #1877f2; outline-offset: -2px; }
.pu-intro-status { margin: 0; padding: 8px 12px; color: white; font-size: 12px; }
.pu-intro-status[hidden] { display: none; }
.pu-intro-player:fullscreen { width: 100%; max-width: none; height: 100%; border: 0; border-radius: 0; display: flex; flex-direction: column; }
.pu-intro-player:fullscreen .pu-intro-screen { flex: 1; height: auto; min-height: 0; }
@media (max-width: 650px) {
  .pu-intro-inner { padding: 0 5%; }
  .pu-intro-screen { height: min(152px, 23vh); }
  .pu-intro-bar { padding: 8px 0; }
}
@media (max-height: 500px) {
  .pu-intro-screen { height: 90px; }
}
/* พื้นที่รอบวิดีโอโปร่งใส มองเห็นและกดข้อมูลด้านหลังได้ */
.pu-intro-bar {
  background: transparent !important;
  pointer-events: none;
}

.pu-intro-inner {
  pointer-events: none;
}

/* ตัววิดีโอและปุ่มปิดยังกดได้ */
.pu-intro-player {
  pointer-events: auto;
}

/* เอาแถบข้อความ เล่น / เปิดเสียง / เต็มจอ ออก */
.pu-intro-tools {
  display: none !important;
}