/* Only loaded on album registration and purchase pages. No payment logic changes. */
#commerce-menu-toggle{display:none}
@media(max-width:760px){
  body.mobile-commerce{min-width:0}
  body.mobile-commerce #header{min-width:0;height:62px}
  body.mobile-commerce #headerContainer{height:62px;padding:0 14px}
  body.mobile-commerce #headerContainer .nav{display:none}
  body.mobile-commerce #headerContainer,body.mobile-commerce #page-outer,
  body.mobile-commerce #page-wrap,body.mobile-commerce #page-container,
  body.mobile-commerce #box,body.mobile-commerce #inbox-outer,body.mobile-commerce #inbox{
    box-sizing:border-box;width:100%!important;max-width:100%;min-width:0;float:none
  }
  body.mobile-commerce #box{display:block}
  body.mobile-commerce #commerce-menu-toggle{
    display:block;width:100%;min-height:44px;padding:10px 16px;border:0;
    border-bottom:1px solid #eadde4;background:#fff5fa;color:#b10d65;font-size:16px;font-weight:700;text-align:left;cursor:pointer
  }
  body.mobile-commerce #sidebar{display:none!important}
  body.mobile-commerce.commerce-menu-open #sidebar{
    display:block!important;position:static;width:100%;max-height:60vh;overflow-y:auto;float:none
  }
  body.mobile-commerce #inbox input:not([type=checkbox]):not([type=radio]):not([type=hidden]),
  body.mobile-commerce #inbox select,body.mobile-commerce #inbox textarea{
    font-size:16px!important;box-sizing:border-box;min-height:44px
  }
  body.mobile-commerce #inbox-button-fix{flex-wrap:wrap;gap:10px;padding-bottom:max(20px,env(safe-area-inset-bottom))}
  body.mobile-commerce #inbox-button-fix .flow-button{min-height:44px;width:100%!important;white-space:normal!important;line-height:1.4!important}
  body.mobile-commerce #inbox .file-pick-button,body.mobile-commerce #inbox .upload-action,
  body.mobile-commerce #inbox .lyric-view-button,body.mobile-commerce #inbox .lyric-download-button{min-height:44px}
  body.mobile-commerce #track-melon-profiles input[type=url]{min-width:0;width:100%!important;flex-basis:100%!important}
  body.mobile-commerce #track-melon-profiles{overflow-wrap:anywhere}
  body#music.mobile-commerce #apply-fix{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:0;gap:10px}
  body#music.mobile-commerce .applyall{position:static;margin-top:10px}
  body#music.mobile-commerce .applyall button,body#music.mobile-commerce .track-scroll-arrow{min-height:44px;min-width:44px}
  body#pay.mobile-commerce #rel-box-middle{padding:12px}
  body#pay.mobile-commerce #rel-box-select{padding:8px 10px}
  body#pay.mobile-commerce #rel-box-select tr{display:block;height:auto;padding:10px 0}
  body#pay.mobile-commerce #rel-box-select th,body#pay.mobile-commerce #rel-box-select td{display:block;width:100%;box-sizing:border-box}
  body#pay.mobile-commerce #rel-box-select th{margin-bottom:8px}
  body#pay.mobile-commerce #rel-box-select tr[hidden]{display:none}
  body#pay.mobile-commerce #rel-box-pay th,body#pay.mobile-commerce #rel-box-pay td{white-space:normal}
  body.mobile-commerce .release-domestic-option{min-height:44px}
}
