.elementor-701 .elementor-element.elementor-element-dcf6bd6{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-701 .elementor-element.elementor-element-e07fb7e{--display:flex;}.elementor-701 .elementor-element.elementor-element-e07fb7e:not(.elementor-motion-effects-element-type-background), .elementor-701 .elementor-element.elementor-element-e07fb7e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://implant.emcas.vn/wp-content/uploads/2025/12/popup.png");background-position:center center;background-repeat:no-repeat;background-size:contain;}.elementor-widget-form .elementor-field-group > label, .elementor-widget-form .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-type-html{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-form .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-701 .elementor-element.elementor-element-87a0271 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-701 .elementor-element.elementor-element-87a0271 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-701 .elementor-element.elementor-element-87a0271 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-701 .elementor-element.elementor-element-87a0271 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-701 .elementor-element.elementor-element-87a0271 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-701 .elementor-element.elementor-element-87a0271 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-701 .elementor-element.elementor-element-87a0271 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-701 .elementor-element.elementor-element-87a0271 .elementor-field-type-html{padding-bottom:0px;}.elementor-701 .elementor-element.elementor-element-87a0271 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-701 .elementor-element.elementor-element-87a0271 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-701 .elementor-element.elementor-element-87a0271 .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-701 .elementor-element.elementor-element-87a0271 .elementor-button[type="submit"]{color:#ffffff;}.elementor-701 .elementor-element.elementor-element-87a0271 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-701 .elementor-element.elementor-element-87a0271 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-701 .elementor-element.elementor-element-87a0271 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-701 .elementor-element.elementor-element-87a0271 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-701 .elementor-element.elementor-element-87a0271 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-701 .elementor-element.elementor-element-87a0271 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-701 .elementor-element.elementor-element-87a0271{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}#elementor-popup-modal-701 .dialog-widget-content{animation-duration:1.2s;background-color:#00000000;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-701{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-701 .dialog-message{width:584px;height:auto;}#elementor-popup-modal-701 .dialog-close-button{display:flex;}/* Start custom CSS for form, class: .elementor-element-87a0271 *//* FIX MESSAGE BỊ MỜ / CHÌM */
.elementor-701 .elementor-element.elementor-element-87a0271 .elementor-message-success{
  position: absolute;
  left: 50%;
  bottom: 18px;
  transform: translateX(-50%) scale(1) !important;

  width: 90%;
  max-width: 360px;

  background: #ffffff !important;   /* nền đặc */
  color: #c2185b !important;        /* chữ đậm */
  opacity: 1 !important;
  filter: none !important;          /* 🔥 quan trọng */

  font-weight: 800;
  text-align: center;

  padding: 10px 14px;
  border-radius: 999px;

  box-shadow: 0 12px 24px rgba(0,0,0,.25);
  z-index: 999999 !important;       /* 🔥 đè hết glow */
}

/* Nếu form / popup có opacity/filter ở cha */
.elementor-701 .elementor-element.elementor-element-87a0271{
  opacity: 1 !important;
  filter: none !important;
}/* End custom CSS */
/* Start custom CSS *//* ================= POPUP WRAP ================= */
#elementor-popup-modal-701 .implant-popup{
  border-radius: 18px;
  overflow: hidden;
}

/* ================= KHUNG ẢNH NỀN ================= */
#elementor-popup-modal-701 .popup-visual{
  position: relative;
  width: 100%;
  aspect-ratio: 820 / 920;
  min-height: 516px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* ================= FORM ĐÈ LÊN ẢNH ================= */
#elementor-popup-modal-701 .popup-visual .popup-form,
#elementor-popup-modal-701 .popup-visual .popup-form .elementor-widget-container{
  position: absolute;
  left: 50%;
  bottom: 1px;
  transform: translateX(-50%);
  width: min(80%, 380px);
  z-index: 5;
}

/* ================= SPACING ================= */
#elementor-popup-modal-701 .popup-form .elementor-form-fields-wrapper{
  margin: 0;
  gap: 0px;
}

/* Ẩn label */
#elementor-popup-modal-701 .popup-form .elementor-field-label{
  display: none !important;
}

/* ================= INPUT pill ================= */
#elementor-popup-modal-701 .popup-form input{
  height: 46px;
  border-radius: 999px;
  background: rgba(255,255,255,.96);
  border: 2px solid rgba(255, 90, 160, .35);
  padding: 0 18px;
  box-shadow: 0 10px 18px rgba(0,0,0,.12);
  color: #333;
}

#elementor-popup-modal-701 .popup-form input::placeholder{
  color: rgba(0,0,0,.45);
}

#elementor-popup-modal-701 .popup-form input:focus{
  outline: none;
  border-color: rgba(255, 90, 160, .55);
  box-shadow: 0 12px 22px rgba(255, 90, 160, .18);
}
/* ================= SUBMIT ROW: full width để căn giữa ================= */
#elementor-popup-modal-701 .popup-form .elementor-field-group.elementor-field-type-submit{
  width: 100% !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* ================= NÚT CTA: khóa cứng màu + chữ giữa ================= */
#elementor-popup-modal-701 .popup-form .elementor-field-group.elementor-field-type-submit .elementor-button{
  /* kích thước */
  height: 46px !important;
  min-width: 200px !important;     /* 👈 đổi 180/200/220 */
  padding: 0 28px !important;

  /* phá full width của Elementor */
  width: auto !important;
  flex: 0 0 auto !important;
  max-width: none !important;

  /* canh chữ giữa tuyệt đối */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
  text-align: center !important;

  /* style giống mẫu */
  border-radius: 999px !important;
  font-weight: 900 !important;
  letter-spacing: .4px !important;
  text-transform: uppercase !important;
  color: #8c1538 !important;

  background: linear-gradient(
    34deg,
    #ffd6e3 40%,
    #fff1f6 45%,
    #ff6fa8 100%
  ) !important;
  border: 2px solid rgba(255,255,255,.75) !important;

  box-shadow:
    0 12px 22px rgba(0,0,0,.18),
    inset 0 2px 0 rgba(255,255,255,.65) !important;
}

/* Hover */
#elementor-popup-modal-701 .popup-form .elementor-field-group.elementor-field-type-submit .elementor-button:hover{
  transform: translateY(-1px);
  filter: brightness(1.03);
}
/* ================================
   NÚT ĐÓNG POPUP (ĂN CHẮC)
   - Cam/Vàng giống mẫu
   - X đậm, rõ
   - Có thể nhô ra ngoài
================================ */

/* Cho phép nút nhô ra ngoài mà không bị cắt */
#elementor-popup-modal-701 .dialog-widget-content{
  overflow: visible !important;
}

/* Nút X */
#elementor-popup-modal-701 .dialog-close-button{
  position: absolute !important;

  /* ✅ nằm trong góc */
  top: -14px !important;
  right: -50px !important;

  /* ✅ nếu muốn NHÔ RA NGOÀI thì dùng 2 dòng này thay cho 12px ở trên */
  /* top: -14px !important; */
  /* right: -14px !important; */

  width: 44px !important;
  height: 44px !important;
  border-radius: 999px !important;

  /* nền cam/vàng kiểu mẫu */
  background: radial-gradient(circle at 30% 30%, #FFE29A 0%, #FFB300 45%, #FF8A00 100%) !important;

  /* viền trắng mảnh */
  border: 2px solid rgba(255,255,255,.9) !important;

  /* canh giữa icon */
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* X đậm */
  color: #1f1f1f !important;
  font-size: 22px !important;
  line-height: 1 !important;

  cursor: pointer;
  opacity: 1 !important;
  z-index: 99999 !important;

  box-shadow: 0 10px 22px rgba(0,0,0,.30) !important;
  transition: .25s ease;
}

/* Nếu icon close là SVG/I thì ép cho nét */
#elementor-popup-modal-701 .dialog-close-button i,
#elementor-popup-modal-701 .dialog-close-button svg{
  color: #1f1f1f !important;
  fill: #1f1f1f !important;
  opacity: 1 !important;
}

/* Nếu SVG dùng stroke */
#elementor-popup-modal-701 .dialog-close-button svg *{
  stroke: #1f1f1f !important;
  stroke-width: 2.6 !important;
  opacity: 1 !important;
}

/* Hover */
#elementor-popup-modal-701 .dialog-close-button:hover{
  transform: translateY(-1px) scale(1.05);
  filter: brightness(1.05);
}



/* ✅ Khi popup đóng thì để Elementor tự display:none (không ép) */
.elementor-popup-modal[aria-hidden="true"]{
  display: none !important;
}
/* ================= CĂN GIỮA POPUP CHUẨN (KHÔNG LỆCH) ================= */

/* khi mở: để Elementor tự xử lý hiển thị, chỉ căn giữa hộp */
.elementor-popup-modal[aria-hidden="false"]{
  display: block !important; /* ❗ không ép flex nữa */
}

/* khi đóng: tắt hẳn (tránh lộ nút close) */
.elementor-popup-modal[aria-hidden="true"]{
  display: none !important;
}

/* Căn giữa hộp popup bằng margin auto */
.elementor-popup-modal[aria-hidden="false"] .dialog-widget-content{
  margin: 0 auto !important;
}

/* đảm bảo không bị dính left/top lạ */
.elementor-popup-modal[aria-hidden="false"] .dialog-message{
  margin: 0 auto !important;
}

/* Nếu popup vẫn hơi lệch theo chiều dọc, ép top về giữa */
.elementor-popup-modal[aria-hidden="false"] .dialog-message{
  top: 50% !important;
  transform: translateY(-50%) !important;
}
/* ===================== MOBILE: THU NHỎ TOÀN BỘ POPUP ===================== */
@media (max-width: 767px){
  /* 1) Thu nhỏ toàn bộ popup theo tỉ lệ */
  #elementor-popup-modal-701 .implant-popup{
    transform: scale(.72);            /* 👈 nhỏ hơn nữa (0.78–0.86) */
    transform-origin: top center;
    overflow: visible !important;
  }

  /* 2) Khung nền gọn lại */
  @media (max-width: 767px){
  #elementor-popup-modal-701 .popup-visual{
    aspect-ratio: 820 / 920 !important;   /* đúng tỉ lệ ảnh */
    min-height: 0 !important;             /* bỏ ép cao */
    background-size: contain !important;  /* không crop */
    background-position: center top !important;
    background-repeat: no-repeat !important;
  }
}

  /* 3) Form: rộng vừa + kéo xuống */
  #elementor-popup-modal-701 .popup-visual .popup-form,
  #elementor-popup-modal-701 .popup-visual .popup-form .elementor-widget-container{
    width: min(82%, 280px);
    bottom: -48px;                   /* 👈 kéo xuống để không che hình */
  }

  /* 3.1) Thu nhỏ RIÊNG form (đỡ che hình) */
  #elementor-popup-modal-701 .popup-form{
    transform: translateX(-50%) scale(.82);
    transform-origin: top center;
  }

  /* 4) Input: đừng để 20px (quá nhỏ) */
  #elementor-popup-modal-701 .popup-form input{
    height: 34px;
    padding: 0 12px;
    font-size: 13px;
  }

  /* 5) Button: gọn nhưng vẫn dễ bấm */
  #elementor-popup-modal-701 .popup-form .elementor-field-group.elementor-field-type-submit .elementor-button{
    height: 34px !important;
    min-width: 135px !important;
    padding: 0 16px !important;
    font-size: 12px !important;
  }

  /* 6) Nút CLOSE – nhô ra ngoài */
  #elementor-popup-modal-701 .dialog-widget-content{
    overflow: visible !important;
  }
  #elementor-popup-modal-701 .dialog-close-button{
    width: 32px !important;
    height: 32px !important;
    font-size: 16px !important;

    top: -12px !important;
    right: 0px !important;        /* 👈 cho nhô ra ngoài, đừng để 0 */

    z-index: 99999 !important;
  }
}/* End custom CSS */