/* v1.8.17.12 — truly compact popup */
.tt-hwp-modal{padding:12px!important}
.tt-hwp-modal__dialog{
  width:min(720px,calc(100vw - 24px))!important;
  max-height:min(88vh,690px)!important;
  padding:18px 18px 16px!important;
  border-radius:22px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
}
.tt-hwp-modal__dialog::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
.tt-hwp-modal__close{
  top:12px!important;
  right:12px!important;
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  min-height:38px!important;
  font-size:22px!important;
  line-height:1!important;
  border-radius:50%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
}
.tt-px-popup-form.is-compact{gap:10px!important}
.tt-px-popup-form.is-compact .tt-px-popup-form__head{
  gap:5px!important;
  padding-right:48px!important;
}
.tt-px-popup-form.is-compact .tt-px-popup-form__head span{
  min-height:24px!important;
  padding:0 10px!important;
  font-size:11px!important;
  line-height:1!important;
}
.tt-px-popup-form.is-compact .tt-px-popup-form__head h3{
  margin:0!important;
  font-size:20px!important;
  line-height:1.18!important;
  letter-spacing:-.01em!important;
}
.tt-px-popup-form.is-compact .tt-px-popup-form__head p{
  margin:0!important;
  font-size:14px!important;
  line-height:1.45!important;
  max-width:610px!important;
}
.tt-px-popup-form.is-compact .tt-px-popup-form__product{
  padding:9px 12px!important;
  min-height:42px!important;
  border-radius:12px!important;
  gap:8px!important;
}
.tt-px-popup-form.is-compact .tt-px-popup-form__product b{
  font-size:14px!important;
  line-height:1.3!important;
}
.tt-px-popup-form.is-compact .tt-px-popup-form__product small{
  font-size:11px!important;
  line-height:1.25!important;
}
.tt-px-popup-form.is-compact .tt-hwp-form__grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px 12px!important;
}
.tt-px-popup-form.is-compact .tt-hwp-form__grid > label{
  margin:0!important;
}
.tt-px-popup-form.is-compact .tt-hwp-form__grid > label > span{
  display:block!important;
  margin:0 0 4px!important;
  font-size:13px!important;
  line-height:1.2!important;
  font-weight:600!important;
}
.tt-px-popup-form.is-compact .tt-hwp-form__grid input,
.tt-px-popup-form.is-compact .tt-hwp-form__grid select{
  min-height:42px!important;
  height:42px!important;
  padding:0 12px!important;
  border-radius:11px!important;
  font-size:14px!important;
  line-height:1.2!important;
}
.tt-px-popup-form.is-compact .tt-hwp-form__grid input::placeholder,
.tt-px-popup-form.is-compact .tt-hwp-form__grid textarea::placeholder{
  font-size:14px!important;
}
.tt-px-popup-form.is-compact .tt-hwp-form__grid textarea{
  min-height:84px!important;
  height:84px!important;
  padding:10px 12px!important;
  border-radius:11px!important;
  font-size:14px!important;
  line-height:1.45!important;
  resize:none!important;
}
.tt-px-popup-form.is-compact .tt-hwp-form__full{grid-column:1 / -1!important}
.tt-px-popup-form.is-compact .tt-hwp-submit{
  min-width:180px!important;
  width:auto!important;
  min-height:44px!important;
  height:44px!important;
  margin-top:2px!important;
  padding:0 18px!important;
  border-radius:12px!important;
  font-size:16px!important;
  line-height:1!important;
}
.tt-px-popup-form.is-compact .tt-hwp-submit i{font-size:17px!important}
.tt-px-popup-form.is-compact .tt-hwp-form__status{margin-top:4px!important;font-size:12px!important}
@media (min-width:783px){
  .tt-px-popup-form.is-compact .tt-hwp-form__grid > label:nth-of-type(5){max-width:100%!important}
}
@media (max-width:782px){
  .tt-hwp-modal{padding:7px!important}
  .tt-hwp-modal__dialog{
    width:calc(100vw - 14px)!important;
    max-height:94vh!important;
    padding:14px 12px!important;
    border-radius:18px!important;
  }
  .tt-hwp-modal__close{top:8px!important;right:8px!important;width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;font-size:20px!important}
  .tt-px-popup-form.is-compact .tt-px-popup-form__head{padding-right:42px!important}
  .tt-px-popup-form.is-compact .tt-px-popup-form__head span{min-height:22px!important;padding:0 9px!important;font-size:10px!important}
  .tt-px-popup-form.is-compact .tt-px-popup-form__head h3{font-size:18px!important}
  .tt-px-popup-form.is-compact .tt-px-popup-form__head p{font-size:13px!important;line-height:1.4!important}
  .tt-px-popup-form.is-compact .tt-px-popup-form__product{padding:8px 10px!important;border-radius:10px!important}
  .tt-px-popup-form.is-compact .tt-px-popup-form__product b{font-size:13px!important}
  .tt-px-popup-form.is-compact .tt-px-popup-form__product small{font-size:10px!important}
  .tt-px-popup-form.is-compact .tt-hwp-form__grid{grid-template-columns:1fr!important;gap:9px!important}
  .tt-px-popup-form.is-compact .tt-hwp-form__grid > label > span{font-size:12px!important;margin-bottom:4px!important}
  .tt-px-popup-form.is-compact .tt-hwp-form__grid input,
  .tt-px-popup-form.is-compact .tt-hwp-form__grid select{min-height:40px!important;height:40px!important;padding:0 11px!important;font-size:13px!important;border-radius:10px!important}
  .tt-px-popup-form.is-compact .tt-hwp-form__grid textarea{min-height:76px!important;height:76px!important;padding:9px 11px!important;font-size:13px!important;border-radius:10px!important}
  .tt-px-popup-form.is-compact .tt-hwp-submit{width:100%!important;min-width:0!important;min-height:42px!important;height:42px!important;border-radius:11px!important;font-size:15px!important}
}