/* 키오스크 — 공통 블록은 device-shared.css */

/* 카드·NFC·QR 결제로 주문을 마무리: 결제 모듈 이미지 위에 제목 (PC 1120×317 · 태블릿 600×317 · 모바일 334×177) */
.kiosk-pay { position: relative; }
.kiosk-pay-bg { width: 100%; }
.kiosk-pay-title {
  position: absolute; left: 8.57%; top: 50%; transform: translateY(-50%);
  color: var(--ink); font-size: 30px; font-weight: 700; line-height: normal;
}
@media (max-width: 1023px) {
  .kiosk-pay-title { left: 6.5%; font-size: 25px; }
  /* 태블릿 디자인 값: 주방 디스플레이 설명만 20px, 섹션 프레임 아래 여백(6 / 31) */
  .kiosk-kds .dev-desc { font-size: 20px; }
  .kiosk-kds { padding-bottom: 6px; }
  .kiosk-point { padding-bottom: 31px; }
}
@media (max-width: 767px) {
  .kiosk-kds .dev-desc { font-size: 12px; }
  .kiosk-kds, .kiosk-point { padding-bottom: 0; }
}
@media (max-width: 767px) {
  .kiosk-pay-title { left: 6.57%; font-size: 15px; }
}