/* Discount modal layout */
.discount-modal{
  display:flex;
  flex-direction:column;
  gap:12px;
}

.discount-modal .discount-modal__actions{
  display:flex;
  gap:8px;
  justify-content:flex-end;
  flex-wrap:wrap;
}

.discount-modal .numpad{
  margin-top:10px;
}

.discount-modal .numpad button{
  min-height:56px;
  font-size:clamp(1.25rem, 1.6vw + 0.6rem, 1.8rem);
  padding:14px;
}

@media (max-width:520px){
  .discount-modal{
    width:100%;
  }
  .discount-modal .numpad button{
    min-height:50px;
    font-size:26px;
    padding:14px;
  }
}