/* DN Store v2.6.3: fix production popup clipping by sizing the dialog, not
   by relying on the intrinsic height of a flex child's embedded iframe. */
.dns-order-modal:not([hidden]) .dns-order-dialog.dns-order-is-checkout{
  display:flex!important;
  flex-direction:column!important;
  height:min(830px,calc(100dvh - 44px))!important;
  max-height:calc(100dvh - 44px)!important;
  min-height:0!important;
  overflow:hidden!important;
}
.dns-order-modal .dns-order-dialog.dns-order-is-checkout .dns-order-dialog-head{
  flex:0 0 auto!important;
  min-width:0;
}
.dns-order-modal .dns-order-dialog.dns-order-is-checkout .dns-order-frame-wrap:not([hidden]){
  display:block!important;
  flex:1 1 0%!important;
  width:100%!important;
  height:0!important; /* parent has an explicit height, so flex grows this area */
  min-height:0!important;
  max-height:none!important;
  overflow:hidden!important;
}
.dns-order-modal .dns-order-dialog.dns-order-is-checkout .dns-order-frame-wrap iframe{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
  border:0!important;
}
body.dns-popup-open .dns-floating-cart{visibility:hidden!important}
@media(max-width:720px){
  .dns-order-modal:not([hidden]){padding:5px!important;align-items:center}
  .dns-order-modal:not([hidden]) .dns-order-dialog.dns-order-is-checkout{
    width:100%!important;
    height:calc(100dvh - 10px)!important;
    max-height:calc(100dvh - 10px)!important;
    border-radius:14px!important;
  }
  .dns-order-modal .dns-order-dialog.dns-order-is-checkout .dns-order-dialog-head{
    padding:13px 15px 11px!important;
  }
  .dns-order-modal .dns-order-dialog.dns-order-is-checkout .dns-order-dialog-head h2{font-size:17px!important}
}
@media(max-height:520px){
  .dns-order-modal:not([hidden]){padding:4px!important}
  .dns-order-modal:not([hidden]) .dns-order-dialog.dns-order-is-checkout{
    height:calc(100dvh - 8px)!important;
    max-height:calc(100dvh - 8px)!important;
  }
  .dns-order-modal .dns-order-dialog.dns-order-is-checkout .dns-order-dialog-head{padding:8px 14px!important}
}
