/* Keep the Add Product action reachable on short mobile screens. */
.product-submit{width:100%}

@media (max-width:600px){
  body:has(.modal.open) .sidebar{
    visibility:hidden;
  }

  .modal{
    padding:0;
    place-items:stretch center;
    overflow:hidden;
    z-index:1000;
  }

  .modal-card{
    width:100%;
    height:100vh;
    height:100dvh;
    max-height:100vh;
    max-height:100dvh;
    overflow-y:auto;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
    scroll-padding-bottom:100px;
    border-radius:0;
    padding:22px 18px calc(104px + env(safe-area-inset-bottom));
  }

  .modal-card .close{
    position:sticky;
    float:right;
    top:0;
    z-index:3;
  }

  .modal-card .product-submit{
    position:fixed;
    left:16px;
    right:16px;
    bottom:calc(12px + env(safe-area-inset-bottom));
    z-index:1002;
    width:auto;
    min-height:54px;
    margin:0;
    box-shadow:0 10px 30px #042a2050;
  }
}