/* POS 시스템 — 공통 틀은 pay-shared.css */
/* 포스 종류 카드 3열: PC 264.67 · 간격 20 (834) / 태블릿 141.79 · 10.71 (447) / 모바일 100 · 6 (312) */
.pos-cards { --pay-n: 3; --pay-w: 834px; --pay-gap: 20px; }

/* 고객 관리 이미지 2장: PC 550 · 간격 20 / 태블릿 295 · 10 / 모바일 164.65 · 6 (모바일은 순서가 바뀜) */
.pos-crm { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.pos-crm img { width: 100%; height: auto; }

@media (max-width: 1023px) {
  .pos-cards { --pay-w: 447px; --pay-gap: 10.71px; }
  .pos-crm { gap: 10px; }
}
@media (max-width: 767px) {
  .pos-cards { --pay-w: 312px; --pay-gap: 6px; }
  .pos-crm { gap: 6px; }
  .pos-crm li:first-child { order: 2; }
}
/* 태블릿 디자인: 상품 등록·주문 확인 섹션 프레임이 이미지보다 9px 길게 잡혀 있어 간격을 맞춤 */
@media (min-width: 768px) and (max-width: 1023px) { .pos-shot-sec { padding-bottom: 9px; } }