.elementor-5494 .elementor-element.elementor-element-675676ee{--display:flex;--min-height:83vh;--justify-content:center;--overlay-opacity:0.5;}.elementor-5494 .elementor-element.elementor-element-675676ee:not(.elementor-motion-effects-element-type-background), .elementor-5494 .elementor-element.elementor-element-675676ee > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://whdcshop.net/wp-content/uploads/2025/12/z7323671077418_ba1424e7cbaf4dbfa81ec9dd4fe13fa0.jpg");background-size:cover;}.elementor-5494 .elementor-element.elementor-element-675676ee::before, .elementor-5494 .elementor-element.elementor-element-675676ee > .elementor-background-video-container::before, .elementor-5494 .elementor-element.elementor-element-675676ee > .e-con-inner > .elementor-background-video-container::before, .elementor-5494 .elementor-element.elementor-element-675676ee > .elementor-background-slideshow::before, .elementor-5494 .elementor-element.elementor-element-675676ee > .e-con-inner > .elementor-background-slideshow::before, .elementor-5494 .elementor-element.elementor-element-675676ee > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #FFFFFF42 0%, #000000 100%);}#elementor-popup-modal-5494{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-5494 .dialog-message{width:566px;height:auto;}#elementor-popup-modal-5494 .dialog-close-button{display:flex;}#elementor-popup-modal-5494 .dialog-widget-content{box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}@media(max-width:767px){.elementor-5494 .elementor-element.elementor-element-675676ee{--min-height:54vh;}.elementor-5494 .elementor-element.elementor-element-675676ee:not(.elementor-motion-effects-element-type-background), .elementor-5494 .elementor-element.elementor-element-675676ee > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-size:cover;}#elementor-popup-modal-5494 .dialog-message{width:324px;}}@media(min-width:768px){.elementor-5494 .elementor-element.elementor-element-675676ee{--content-width:1183px;}}/* Start custom CSS for shortcode, class: .elementor-element-315f7e8 *//* ===== 1) Popup Elementor nền trong suốt ===== */
body .elementor-popup-modal,
body .elementor-popup-modal .dialog-widget-content,
body .elementor-popup-modal .dialog-message,
body .elementor-popup-modal .elementor-popup-content,
body .elementor-popup-modal .elementor-widget-wrap{
  background: transparent !important;
  box-shadow: none !important;
}

/* ===== 2) Wrapper form ===== */
body .elementor-popup-modal .cc-vic-cf7{
  width: min(520px, 92vw);
  margin: 0 auto;
  text-align:center;
  color:#fff;
}

/* ===== 3) Text ===== */
body .elementor-popup-modal .cc-vic-top{
  font-weight:700;
  letter-spacing:.22em;
  text-transform:uppercase;
  font-size:13px;
  margin:0 0 6px;
}

body .elementor-popup-modal .cc-vic-big{
  font-weight:900;
  font-size:56px;
  line-height:1;
  margin:0 0 6px;
}

body .elementor-popup-modal .cc-vic-sub{
  font-weight:700;
  font-size:20px;
  margin:0 0 14px;
}

/* ===== 4) Email input ===== */
body .elementor-popup-modal .cc-vic-cf7 input[type="email"]{
  width:100% !important;
  height:52px !important;
  background:#fff !important;
  border:1px solid rgba(255,255,255,.35) !important;
  color:#000 !important;
  padding:0 14px !important;
  border-radius:0 !important;
  text-transform:uppercase !important;
  letter-spacing:.08em !important;
  font-size:12px !important;
  box-sizing:border-box !important;
  box-shadow:none !important;
}
body .elementor-popup-modal .cc-vic-cf7 input[type="email"]::placeholder{
  color:rgba(0,0,0,.45) !important;
}

/* ===== 5) Checkbox (không dùng acceptance) ===== */
body .elementor-popup-modal .cc-vic-check{
  margin:12px 0 14px;
  text-align:left;
}
body .elementor-popup-modal .cc-vic-check .wpcf7-form-control{
  display:block; margin:0; padding:0;
}
body .elementor-popup-modal .cc-vic-check .wpcf7-list-item{
  margin:0 !important;
}
body .elementor-popup-modal .cc-vic-check label{
  display:flex !important;
  gap:10px !important;
  align-items:flex-start !important;
  font-size:11px !important;
  letter-spacing:.06em !important;
  text-transform:uppercase !important;
  line-height:1.35 !important;
  color:#fff !important;
}
body .elementor-popup-modal .cc-vic-check input[type="checkbox"]{
  width:18px !important;
  height:18px !important;
  margin-top:2px !important;
  flex:0 0 auto !important;
  accent-color:#fff;
}

/* ===== 6) Submit button ===== */
body .elementor-popup-modal .cc-vic-cf7 input[type="submit"],
body .elementor-popup-modal .cc-vic-cf7 .cc-vic-btn{
  width:100% !important;
  height:54px !important;
  background:#fff !important;
  color:#000 !important;
  border:none !important;
  font-weight:900 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
  border-radius:0 !important;
  cursor:pointer !important;
  margin:0 !important;
  padding:0 !important;
  box-sizing:border-box !important;
}

/* ===== 7) No thanks ===== */
body .elementor-popup-modal .cc-vic-nope{
  display:inline-block;
  margin-top:12px;
  color:rgba(255,255,255,.92) !important;
  font-size:14px;
  text-decoration:none;
}

/* ===== 8) Success code + copy ===== */
body .elementor-popup-modal .cc-vic-success{
  display:none;
  margin-top:14px;
  padding:14px 14px 12px;
  border:1px solid rgba(255,255,255,.28);
  background:rgba(0,0,0,.25);
  text-align:center;
}

body .elementor-popup-modal .cc-vic-success-title{
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
  font-size:11px;
  margin-bottom:10px;
  color:#fff;
}

body .elementor-popup-modal .cc-vic-success-row{
  display:flex;
  gap:10px;
  align-items:center;
  justify-content:center;
}

body .elementor-popup-modal .cc-vic-code{
  display:block;
  padding:10px 12px;
  border:1px solid rgba(255,255,255,.35);
  background:rgba(255,255,255,.10);
  color:#fff;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
  font-size:12px;
  white-space:nowrap;
}

body .elementor-popup-modal .cc-vic-copy{
  height:40px;
  padding:0 14px;
  border:1px solid #fff;
  background:transparent;
  color:#fff;
  font-weight:800;
  letter-spacing:.10em;
  text-transform:uppercase;
  cursor:pointer;
}

body .elementor-popup-modal .cc-vic-copied{
  display:none;
  margin-top:10px;
  font-size:12px;
  color:rgba(255,255,255,.9);
}

/* ===== 9) Mobile tuning ===== */
@media (max-width:480px){
  body .elementor-popup-modal .cc-vic-cf7{ width: 88vw; max-width: 360px; }
  body .elementor-popup-modal .cc-vic-big{ font-size:40px; }
  body .elementor-popup-modal .cc-vic-sub{ font-size:16px; margin-bottom:10px; }
  body .elementor-popup-modal .cc-vic-cf7 input[type="email"]{ height:42px; font-size:10px; }
  body .elementor-popup-modal .cc-vic-check label{ font-size:9px; line-height:1.25; }
  body .elementor-popup-modal .cc-vic-cf7 input[type="submit"]{ height:44px; font-size:12px; }
  body .elementor-popup-modal .cc-vic-copy{ height:38px; font-size:11px; }
  body .elementor-popup-modal .cc-vic-code{ font-size:11px; padding:9px 10px; }
}
/* =========================
   MOBILE COMPACT VERSION
   ========================= */
@media (max-width: 480px){

  /* wrapper */
  body .elementor-popup-modal .cc-vic-cf7{
    width: 86vw !important;
    max-width: 320px !important;
    margin: 0 auto !important;
  }

  /* ENJOY */
  body .elementor-popup-modal .cc-vic-top{
    font-size: 10px !important;
    letter-spacing: .16em !important;
    margin-bottom: 3px !important;
  }

  /* 10% OFF */
  body .elementor-popup-modal .cc-vic-big{
    font-size: 36px !important;
    line-height: 1 !important;
    margin-bottom: 4px !important;
  }

  /* subtitle */
  body .elementor-popup-modal .cc-vic-sub{
    font-size: 14px !important;
    margin-bottom: 8px !important;
  }

  /* INPUT EMAIL */
  body .elementor-popup-modal .cc-vic-cf7 input[type="email"]{
    height: 38px !important;
    font-size: 9px !important;
    padding: 0 10px !important;
    letter-spacing: .06em !important;
  }

  /* CHECKBOX TEXT */
  body .elementor-popup-modal .cc-vic-check label{
    font-size: 8.5px !important;
    line-height: 1.2 !important;
    letter-spacing: .04em !important;
  }

  body .elementor-popup-modal .cc-vic-check input[type="checkbox"]{
    width: 14px !important;
    height: 14px !important;
    margin-top: 1px !important;
  }

  /* SUBMIT BUTTON */
  body .elementor-popup-modal .cc-vic-cf7 input[type="submit"],
  body .elementor-popup-modal .cc-vic-btn{
    height: 40px !important;
    font-size: 11px !important;
    letter-spacing: .06em !important;
  }

  /* SUCCESS CODE BOX */
  body .elementor-popup-modal .cc-vic-success{
    padding: 10px 10px 8px !important;
  }

  body .elementor-popup-modal .cc-vic-success-title{
    font-size: 9px !important;
    margin-bottom: 6px !important;
  }

  body .elementor-popup-modal .cc-vic-code{
    font-size: 10px !important;
    padding: 7px 8px !important;
    letter-spacing: .1em !important;
  }

  body .elementor-popup-modal .cc-vic-copy{
    height: 32px !important;
    font-size: 10px !important;
    padding: 0 10px !important;
  }

  /* NO THANKS */
  body .elementor-popup-modal .cc-vic-nope{
    font-size: 11px !important;
    margin-top: 8px !important;
  }
}
/* Success code box (hiện ngay dưới button) */
body .elementor-popup-modal .cc-vic-success{
  display:none;
  margin:12px 0 0;
  padding:12px 12px 10px;
  border:1px solid rgba(255,255,255,.28);
  background:rgba(0,0,0,.25);
  text-align:center;
}

body .elementor-popup-modal .cc-vic-success.is-show{
  display:block !important;
}

body .elementor-popup-modal .cc-vic-success-title{
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
  font-size:11px;
  margin-bottom:10px;
  color:#fff;
}

body .elementor-popup-modal .cc-vic-success-row{
  display:flex;
  gap:10px;
  align-items:center;
  justify-content:center;
}

body .elementor-popup-modal .cc-vic-code{
  display:block;
  padding:10px 12px;
  border:1px solid rgba(255,255,255,.35);
  background:rgba(255,255,255,.10);
  color:#fff;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
  font-size:12px;
  white-space:nowrap;
}

body .elementor-popup-modal .cc-vic-copy{
  height:40px;
  padding:0 14px;
  border:1px solid #fff;
  background:transparent;
  color:#fff;
  font-weight:800;
  letter-spacing:.10em;
  text-transform:uppercase;
  cursor:pointer;
}

body .elementor-popup-modal .cc-vic-copied{
  display:none;
  margin-top:10px;
  font-size:12px;
  color:rgba(255,255,255,.9);
}/* End custom CSS */