/* v314 - customer account popup standard */
.dkAccountPopupOpen{overflow:hidden!important}
body.dkAccountPopupOpen [data-slot="dialog-overlay"]{
  position:fixed!important;inset:0!important;z-index:2147483645!important;
  background:rgba(4,31,45,.70)!important;
  -webkit-backdrop-filter:blur(3px)!important;backdrop-filter:blur(3px)!important;
}
body.dkAccountPopupOpen [data-slot="dialog-content"].accountDialog{
  position:fixed!important;left:50%!important;top:50%!important;right:auto!important;bottom:auto!important;
  transform:translate(-50%,-50%)!important;translate:none!important;
  z-index:2147483646!important;
  width:min(820px,calc(100vw - 36px))!important;max-width:min(820px,calc(100vw - 36px))!important;
  max-height:calc(100dvh - 36px)!important;overflow:auto!important;overscroll-behavior:contain!important;
  box-sizing:border-box!important;margin:0!important;padding:0!important;gap:0!important;
  color:#173746!important;background:#f5f7f8!important;border:1px solid #dce5e9!important;
  border-radius:14px!important;box-shadow:0 24px 70px rgba(0,0,0,.30)!important;
  font-family:Arial,sans-serif!important;
}
body.dkAccountPopupOpen .accountDialog>[data-slot="dialog-header"]{
  position:relative!important;top:auto!important;z-index:1!important;
  display:block!important;min-height:104px!important;box-sizing:border-box!important;
  margin:0!important;padding:20px 64px 24px 22px!important;
  background:#fff!important;border-bottom:1px solid #dce4e8!important;
  border-radius:14px 14px 0 0!important;text-align:left!important;
}
body.dkAccountPopupOpen .accountDialog>[data-slot="dialog-header"]:before{
  content:"HESAP İŞLEMİ";display:block;margin:0 0 7px!important;
  color:#8a684f!important;font-size:10px!important;font-weight:800!important;letter-spacing:.14em!important;
}
body.dkAccountPopupOpen .accountDialog [data-slot="dialog-title"]{
  margin:0!important;color:#073f61!important;font-size:20px!important;line-height:1.25!important;
  font-weight:800!important;letter-spacing:0!important;
}
body.dkAccountPopupOpen .accountDialog [data-slot="dialog-description"]{
  margin:9px 0 0!important;max-width:640px!important;color:#72818a!important;
  font-size:12px!important;line-height:1.5!important;
}
body.dkAccountPopupOpen .accountDialog>[data-slot="dialog-close"]{
  position:absolute!important;top:18px!important;right:18px!important;z-index:4!important;
  display:grid!important;place-items:center!important;width:36px!important;height:36px!important;
  padding:0!important;border:0!important;border-radius:9px!important;
  color:#315667!important;background:#eef3f5!important;opacity:1!important;
  box-shadow:none!important;cursor:pointer!important;
}
body.dkAccountPopupOpen .accountDialog>[data-slot="dialog-close"]:hover{
  color:#fff!important;background:#075073!important;
}
body.dkAccountPopupOpen .accountDialog>form,
body.dkAccountPopupOpen .accountDialog>.orderDetail{
  margin:0!important;padding:20px 22px 22px!important;background:#f5f7f8!important;
}
body.dkAccountPopupOpen .accountDialog form label{
  color:#50636d!important;font-size:12px!important;font-weight:700!important;
}
body.dkAccountPopupOpen .accountDialog input,
body.dkAccountPopupOpen .accountDialog select,
body.dkAccountPopupOpen .accountDialog textarea{
  box-sizing:border-box!important;width:100%!important;min-height:43px!important;
  border:1px solid #d8e2e6!important;border-radius:8px!important;background:#fff!important;
  color:#263b46!important;padding:10px 11px!important;font:inherit!important;
  box-shadow:none!important;outline:none!important;
}
body.dkAccountPopupOpen .accountDialog textarea{min-height:105px!important;resize:vertical!important}
body.dkAccountPopupOpen .accountDialog input:focus,
body.dkAccountPopupOpen .accountDialog select:focus,
body.dkAccountPopupOpen .accountDialog textarea:focus{
  border-color:#0b5276!important;box-shadow:0 0 0 3px rgba(11,82,118,.08)!important;
}
body.dkAccountPopupOpen .accountDialog [data-slot="dialog-footer"]{
  display:flex!important;flex-direction:row!important;justify-content:flex-end!important;gap:9px!important;
  margin-top:4px!important;padding-top:16px!important;border-top:1px solid #dfe7ea!important;
}
body.dkAccountPopupOpen .accountDialog [data-slot="dialog-footer"] button,
body.dkAccountPopupOpen .accountDialog form button[type="submit"]{
  min-height:40px!important;border:0!important;border-radius:8px!important;
  padding:9px 16px!important;font-size:12px!important;font-weight:800!important;cursor:pointer!important;
}
body.dkAccountPopupOpen .accountDialog [data-slot="dialog-footer"] button:not(.dialogCancel),
body.dkAccountPopupOpen .accountDialog form button[type="submit"]{
  color:#fff!important;background:#075073!important;
}
body.dkAccountPopupOpen .accountDialog .dialogCancel{
  color:#315667!important;background:#e7eef1!important;
}
body.dkAccountPopupOpen .accountDialog .returnForm,
body.dkAccountPopupOpen .accountDialog .dialogForm{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:15px 16px!important;
}
body.dkAccountPopupOpen .accountDialog .returnForm>label,
body.dkAccountPopupOpen .accountDialog .dialogForm>label{min-width:0!important;margin:0!important}
body.dkAccountPopupOpen .accountDialog .returnForm>label:nth-of-type(5),
body.dkAccountPopupOpen .accountDialog .returnForm>.returnConsent,
body.dkAccountPopupOpen .accountDialog .returnForm>[data-slot="dialog-footer"],
body.dkAccountPopupOpen .accountDialog .dialogForm>.wide,
body.dkAccountPopupOpen .accountDialog .dialogForm>[data-slot="dialog-footer"]{grid-column:1/-1!important}

@media(max-width:760px){
  body.dkAccountPopupOpen [data-slot="dialog-content"].accountDialog{
    width:calc(100vw - 12px)!important;max-width:calc(100vw - 12px)!important;
    max-height:calc(100dvh - 12px)!important;border-radius:12px!important;
  }
  body.dkAccountPopupOpen .accountDialog>[data-slot="dialog-header"]{
    min-height:118px!important;padding:15px 52px 20px 14px!important;
    border-radius:12px 12px 0 0!important;
  }
  body.dkAccountPopupOpen .accountDialog [data-slot="dialog-title"]{
    font-size:17px!important;line-height:1.25!important;overflow-wrap:anywhere!important;
  }
  body.dkAccountPopupOpen .accountDialog [data-slot="dialog-description"]{
    margin-top:8px!important;font-size:11px!important;line-height:1.45!important;
  }
  body.dkAccountPopupOpen .accountDialog>[data-slot="dialog-close"]{
    top:13px!important;right:12px!important;width:34px!important;height:34px!important;
  }
  body.dkAccountPopupOpen .accountDialog>form,
  body.dkAccountPopupOpen .accountDialog>.orderDetail{padding:13px!important}
  body.dkAccountPopupOpen .accountDialog .returnForm,
  body.dkAccountPopupOpen .accountDialog .dialogForm{
    grid-template-columns:1fr!important;gap:12px!important;
  }
  body.dkAccountPopupOpen .accountDialog .returnForm>*,
  body.dkAccountPopupOpen .accountDialog .dialogForm>*{grid-column:1!important}
  body.dkAccountPopupOpen .accountDialog [data-slot="dialog-footer"]{
    position:relative!important;display:grid!important;grid-template-columns:1fr 1fr!important;
    gap:8px!important;margin-top:4px!important;padding-top:13px!important;
  }
  body.dkAccountPopupOpen .accountDialog [data-slot="dialog-footer"] button{width:100%!important}
}