/* Parent-page modal (WooCommerce / TCEPO page) */
.ck-modal[hidden] { display: none !important; }

.ck-modal {
  position: fixed;
  inset: 0;
  z-index: 2147483647; /* above sticky headers */
}

.ck-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(2, 6, 23, 0.62);
  backdrop-filter: blur(2px);
}

.ck-modal__panel {
  position: relative;
  width: min(1400px, 80vw);
  height: min(900px, 80vh);
  margin: 10vh auto 0;
  background: #fff;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 30px 90px rgba(0,0,0,0.35);
  display: flex;
  flex-direction: column;
}

.ck-modal__close {
  position: absolute;
  right: 12px;
  top: 12px;
  z-index: 3;
  width: 44px;
  height: 44px;
  border-radius: 999px;
  border: 1px solid rgba(0,0,0,0.12);
  background: #fff;
  font-size: 26px;
  line-height: 1;
  cursor: pointer;
}

.ck-iframe {
  border: 0;
  width: 100%;
  flex: 1 1 auto;
}

.ck-modal__footer {
  display: flex;
  gap: 10px;
  justify-content: flex-end;
  padding: 10px 12px;
  border-top: 1px solid rgba(0,0,0,0.08);
  background: #fff;
}