/**
 * 키패드 새로 적용 {{{jxl-키패드}}}
 */
 .payda-keypad-layer {
   position: fixed;
   bottom: 0;
   left: 50%;
   transform: translate(-50%, 0); /* 정확히 가운데로 이동 */
   width: 100%;
   max-width: 750px;
   background: #fff;
   box-shadow: 0 -2px 10px #0003;
   z-index: 1000;
   padding: 1rem;
   border-top-left-radius: 16px;
   border-top-right-radius: 16px;
   display: none;
}

.payda-keypad {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   gap: .5rem;
   justify-items: center;
   margin-top: 1rem;
}

.payda-keypad-button {
   width: 100%;
   max-height: 80px;
   aspect-ratio: 1 / .5;
   font-size: clamp(1rem, calc(1.5rem + .5vw), 2rem);
   border: none;
   border-radius: 5px;
   background-color: #4a95e6;
   color: #fff;
   cursor: pointer;
}

/**
 * 키패드v2
 */
 .payda-keypad2-layer {
   position: fixed;
   bottom: 0;
   left: 50%;
   transform: translate(-50%, 0); /* 정확히 가운데로 이동 */
   width: 100%;
   max-width: 750px;
   background: #fff;
   box-shadow: 0 -2px 10px #0003;
   z-index: 1000;
   padding: 1rem;
   border-top-left-radius: 16px;
   border-top-right-radius: 16px;
   display: none;
}

.payda-keypad2 {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   gap: .5rem;
   justify-items: center;
   margin-top: 1rem;
}

.payda-keypad2-4 {
   display: grid;
   grid-template-columns: repeat(4, 1fr);
   gap: .5rem;
   justify-items: center;
   margin-top: 1rem;
}

.payda-keypad2-button {
   width: 100%;
   max-height: 80px;
   aspect-ratio: 1 / .5;
   font-size: clamp(1rem, calc(1.5rem + .5vw), 2rem);
   border: none;
   border-radius: 5px;
   background-color: #4a95e6;
   color: #fff;
   cursor: pointer;
}