.elementor-820 .elementor-element.elementor-element-2580a13{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}#elementor-popup-modal-820{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-820 .dialog-message{width:640px;height:auto;}#elementor-popup-modal-820 .dialog-close-button{display:flex;}#elementor-popup-modal-820 .dialog-widget-content{box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}@media(max-width:767px){#elementor-popup-modal-820 .dialog-message{width:328px;}#elementor-popup-modal-820{justify-content:center;align-items:center;}}/* Start custom CSS *//* ==================================================
   EMCAS – POPUP VIDEO (KHUNG TRẮNG BO TRÒN)
================================================== */

/* 1) NỀN SAU POPUP */
#elementor-popup-modal-820{
  background: rgba(0,0,0,.55) !important;
}

/* 2) KHUNG TRẮNG */
#elementor-popup-modal-820 .dialog-widget-content{
  width: min(92vw, 520px) !important;
  max-height: 88vh !important;

  padding: 14px !important;
  border-radius: 26px !important;

  background: rgba(255,255,255,.95) !important;
  box-shadow: 0 22px 70px rgba(0,0,0,.35) !important;

  overflow: hidden !important;
}

/* 3) VIDEO BO TRÒN */
#elementor-popup-modal-820 .emcas-popup-video{
  width: 100% !important;
  height: auto !important;
  max-height: calc(88vh - 28px) !important;

  border-radius: 20px !important;
  background: #000;
  display: block;

  object-fit: contain; /* KHÔNG cắt nội dung */
}

/* ===============================
   NÚT CLOSE – VÀNG ĐỀU, CHUẨN TÂM
================================ */

/* Vòng tròn */
#elementor-popup-modal-820 .dialog-close-button{
  position: absolute !important;
  top: 10px !important;
  right: 10px !important;

  width: 42px !important;
  height: 42px !important;
  padding: 0 !important;

  border-radius: 50% !important;
  background: radial-gradient(
    circle at 30% 30%,
    #FFE8A3 0%,
    #FFC533 45%,
    #FF9F00 100%
  ) !important;

  border: 2px solid rgba(255,255,255,.95) !important;
  box-shadow: 0 8px 20px rgba(0,0,0,.35) !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  cursor: pointer;
  z-index: 10 !important;
}

/* Icon X bên trong */
#elementor-popup-modal-820 .dialog-close-button i,
#elementor-popup-modal-820 .dialog-close-button svg{
  width: 18px !important;
  height: 18px !important;

  color: #1f1f1f !important;
  fill: #1f1f1f !important;
  stroke: #1f1f1f !important;
  stroke-width: 2.8 !important;

  margin: 0 !important;
  padding: 0 !important;
}

/* Hover nhẹ */
#elementor-popup-modal-820 .dialog-close-button:hover{
  transform: scale(1.05);
  filter: brightness(1.05);
}


/* 5) MOBILE TỐI ƯU */
@media (max-width: 767px){
  #elementor-popup-modal-820 .dialog-widget-content{
    width: min(94vw, 430px) !important;
    max-height: 86vh !important;
    padding: 12px !important;
    border-radius: 24px !important;
  }

  #elementor-popup-modal-820 .emcas-popup-video{
    max-height: calc(86vh - 24px) !important;
    border-radius: 18px !important;
  }
}
/* Khung video luôn có tỉ lệ 9:16 ngay cả khi chưa play */
#elementor-popup-modal-820 .emcas-popup-video{
  width: 100% !important;
  aspect-ratio: 9 / 16 !important; /* ✅ chìa khóa */
  height: auto !important;
  max-height: calc(86vh - 24px) !important;

  border-radius: 20px !important;
  background: #000;
  display: block;
  object-fit: contain;
}/* End custom CSS */