/* v1.3.253 — 세차장 모드 키오스크 화면 (일반 화면 안에서 "전체화면 확대"만 한다. 서버 잠금 없음)
 * (v1.3.252 — 세차장 모드 키오스크 화면 (가로 1280×800 기준, 1024×768에서도 한 화면).
 * 화면 표시만 담당한다. 결제·차감·회원확인·오프라인 저장은 기존 carwash.js/API가 그대로 처리한다.
 * 큰 글씨(최소 18px), 큰 버튼(최소 64px), 스크롤 없음. 받은 방식 버튼이 곧 접수 버튼이다.
 */
body.carwash-mode .carwash-kiosk-global{display:none!important}
body.carwash-mode #mainContent{padding:0!important;overflow:auto!important;background:#EAF0F6!important}
body.carwash-mode [data-cw-pane="checkout"]:not([hidden]){display:block;position:fixed;inset:0;z-index:110;background:#EAF0F6;overflow:hidden}
/* 직원 화면(회원관리·집계·미전송)으로 갈 때는 모드 화면을 걷고 일반 패널을 보인다 */
body.carwash-mode.carwash-subview .carwash-view{padding:16px!important}
body.carwash-mode .carwash-view .cw-back-to-checkout{min-height:64px!important;font-size:22px!important;position:sticky;top:0;z-index:5;margin-bottom:12px}

.cw51-shell{--ink:#10283F;--muted:#3C556E;--line:#D3DEEA;--bg:#EAF0F6;--blue:#0A5FC2;--navy:#0B3F7F;--green:#0E7A4B;--hd:72px;--pad:20px;--gap:16px;--c1:300px;--c3:360px;
  position:absolute;inset:0;display:flex;flex-direction:column;overflow:hidden;background:var(--bg);color:var(--ink);
  font-family:'Noto Sans KR','Malgun Gothic',system-ui,sans-serif;-webkit-tap-highlight-color:transparent;word-break:keep-all;overflow-wrap:break-word}
.cw51-shell *{box-sizing:border-box}
.cw51-shell [hidden]{display:none!important}
.cw51-shell button{font-family:inherit;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none}
.cw51-shell button:focus-visible{outline:4px solid #FFB020;outline-offset:2px}
.cw51-shell button:disabled{cursor:not-allowed}
.cw51-grow{flex:1}

/* v1.3.253 — 일반 사이트(폰·PC)에서는 위·왼쪽 메뉴를 그대로 둔 채, 본문 자리에 세차장 모드 화면만 꽉 채운다.
   (전체화면 단추는 브라우저 전체화면만 켜고 끈다. 전체화면이 풀려도 같은 세차장 모드 화면이다.)
   전용 세차장 앱(.carwash-dedicated-app)은 예전처럼 화면 전체를 쓴다. */
body:not(.carwash-mode) [data-cw-pane="checkout"]:not([hidden]){display:block;position:fixed;top:var(--vn-top,0px);left:var(--vn-side,0px);right:0;bottom:calc(var(--vn-tab,0px) + env(safe-area-inset-bottom,0px));z-index:50;background:#EAF0F6;overflow:hidden}
body:not(.carwash-dedicated-app) #cw47Exit,body:not(.carwash-dedicated-app) .cw51-exit+.cw51-drawer-note,body:not(.carwash-dedicated-app) #cwEnterMode{display:none!important}
.cw51-full,.cw51-back{display:none}
body:not(.carwash-dedicated-app) .cw51-full:not([hidden]),body:not(.carwash-dedicated-app) .cw51-back:not([hidden]){display:inline-flex;align-items:center;justify-content:center;flex:none;height:52px;padding:0 18px;border-radius:12px;border:2px solid #8FB4E6;background:transparent;color:#fff;font-size:19px;font-weight:700;white-space:nowrap}
body:not(.carwash-dedicated-app) .cw51-full[aria-pressed="true"]{background:#fff;color:var(--navy)}
body:not(.carwash-dedicated-app) .cw51-full:active,body:not(.carwash-dedicated-app) .cw51-back:active{filter:brightness(.85)}

/* 위쪽 띠 */
.cw51-top{height:var(--hd);flex:none;background:var(--navy);color:#fff;display:flex;align-items:center;gap:18px;padding:0 var(--pad)}
.cw51-title{flex:none;display:flex;align-items:center;gap:12px;background:none;border:0;color:#fff;padding:0;height:56px;font-size:34px;font-weight:900;letter-spacing:-1.5px;-webkit-touch-callout:none}
.cw51-station{font-size:20px;font-weight:700;background:rgba(255,255,255,.16);border-radius:999px;padding:6px 16px;white-space:nowrap;max-width:300px;overflow:hidden;text-overflow:ellipsis}
.cw51-net{display:flex;align-items:center;gap:8px;background:none;border:0;color:#fff;font-size:19px;font-weight:700;white-space:nowrap;max-width:420px;padding:0;height:52px}
.cw51-net span{overflow:hidden;text-overflow:ellipsis}
.cw51-net i{flex:none;width:14px;height:14px;border-radius:50%;background:#4ADE80}
.cw51-net[data-state="warn"] i{background:#FBBF24}.cw51-net[data-state="off"] i{background:#CBD5E1}.cw51-net[data-state="bad"] i{background:#F87171}
.cw51-net[data-state="warn"],.cw51-net[data-state="bad"]{background:rgba(255,255,255,.16);border-radius:12px;padding:0 14px;cursor:pointer}
.cw51-voice{flex:none;height:52px;padding:0 16px;border-radius:12px;border:2px solid #8FB4E6;background:transparent;color:#fff;font-size:19px;font-weight:700;white-space:nowrap}
.cw51-clock{font-size:28px;font-weight:900;min-width:76px;text-align:right;white-space:nowrap}

/* 본문 */
.cw51-main{flex:1;min-height:0;display:flex;flex-direction:column;gap:var(--gap);padding:var(--gap) var(--pad)}
.cw51-cols{flex:1;min-height:0;display:flex;gap:var(--gap)}
.cw51-panel{background:#fff;border:2px solid var(--line);border-radius:20px;padding:20px;display:flex;flex-direction:column;min-width:0;min-height:0}
.cw51-panel h2{margin:0;display:flex;align-items:center;gap:10px;font-size:24px;font-weight:900;letter-spacing:-.5px}
.cw51-panel h2 b{flex:none;width:40px;height:40px;border-radius:50%;background:var(--blue);color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px}
.cw51-cardcol{width:var(--c1);flex:none}
.cw51-pick{flex:1}
.cw51-paycol{width:var(--c3);flex:none}
.cw51-label{font-size:22px;font-weight:700;color:var(--muted);margin:14px 0 8px}
.cw51-label-opt{margin-top:18px}
.cw51-ghost{height:64px;border-radius:14px;border:3px solid #8AA2BA;background:#fff;color:var(--ink);font-size:21px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:10px;padding:0 18px;white-space:nowrap}
.cw51-ghost:active{background:#EEF4FA}

/* 1 회원카드 */
.cw51-guest{flex:1;min-height:0;margin-top:14px;display:flex;flex-direction:column;gap:12px}
.cw51-reader{flex:1;min-height:0;border-radius:16px;background:#F1F7FE;border:3px dashed #9CC2EE;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px;padding:14px;color:var(--blue)}
.cw51-reader strong{font-size:32px;font-weight:900;line-height:1.25;letter-spacing:-1px;color:var(--ink)}
.cw51-reader span{font-size:20px;line-height:1.45;color:var(--muted)}
.cw51-shell #cwLastResult{margin:0;padding:10px 14px;border-radius:14px;border:0;background:#E8F6EE;display:block;text-align:left}
.cw51-shell #cwLastResult strong{display:block;font-size:18px;font-weight:700;color:#0B6B40}
.cw51-shell #cwLastResult span{display:block;font-size:20px;font-weight:900;line-height:1.3;color:var(--ink);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.cw51-shell #cwLastResult.error{background:#FDECEC}.cw51-shell #cwLastResult.error strong{color:#B0141F}
.cw51-memberbox{flex:1;min-height:0;margin-top:12px;display:flex;flex-direction:column;gap:10px}
.cw51-ok{align-self:flex-start;display:flex;align-items:center;gap:8px;background:#E8F6EE;color:#0B6B40;border-radius:999px;padding:6px 14px;font-size:20px;font-weight:900}
.cw51-mname{font-size:30px;font-weight:900;letter-spacing:-1px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cw51-bal{border-radius:16px;background:#E8F6EE;padding:12px 8px;text-align:center;display:flex;flex-direction:column;gap:0}
.cw51-bal small{font-size:22px;font-weight:700;color:var(--muted)}
.cw51-bal b{font-size:104px;font-weight:900;line-height:1.05;letter-spacing:-3px;color:#0B6B40}
.cw51-bal span{font-size:20px;font-weight:700}
.cw51-bal[data-level="low"]{background:#FFF4DE}.cw51-bal[data-level="low"] b{color:#9A5B00}
.cw51-bal[data-level="zero"]{background:#FDECEC}.cw51-bal[data-level="zero"] b{color:#B0141F}
.cw51-memberbox .cw51-ghost{margin-top:auto}
.cw51-idle{margin:0;font-size:18px;line-height:1.4;color:var(--muted)}

/* 2 세차 선택 */
.cw51-pick-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.cw51-now{font-size:19px;font-weight:700;color:var(--muted);text-align:right;min-width:0}
.cw51-now b{color:var(--blue);font-weight:900}
.cw51-fuel{display:flex;gap:12px}
.cw51-fbtn{position:relative;flex:1;min-width:0;height:clamp(150px,26vh,196px);border-radius:16px;border:4px solid #C5D3E2;background:#fff;color:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:0 4px}
.cw51-fbtn strong{font-size:26px;font-weight:900;letter-spacing:-1px;white-space:nowrap}
.cw51-fbtn em{font-style:normal;font-size:20px;font-weight:500;color:var(--muted)}
.cw51-fbtn b{font-size:32px;font-weight:900;color:var(--blue);letter-spacing:-1px;white-space:nowrap}
.cw51-fchip{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:2px}
.cw51-fchip.high{background:#E3EEFC;color:#0A5FC2}.cw51-fchip.low{background:#FFF1DC;color:#9A4A00}.cw51-fchip.none{background:#ECEFF3;color:#3C556E}
.cw51-tick{position:absolute;top:8px;right:8px;width:30px;height:30px;border-radius:50%;background:var(--blue);color:#fff;display:none;align-items:center;justify-content:center}
.cw51-fbtn.active{border-color:var(--blue);background:#E6F1FF}.cw51-fbtn.active .cw51-tick{display:flex}
.cw51-mbasic{margin-top:14px;height:clamp(150px,26vh,196px);border-radius:16px;background:#E8F6EE;border:3px solid var(--green);padding:20px;display:flex;align-items:center;gap:18px;color:var(--green)}
.cw51-mbasic svg{flex:none}
.cw51-mbasic[data-zero="1"]{background:#FFF4DE;border-color:#B45309;color:#B45309}
.cw51-shell[data-zero="1"] .cw51-opts,.cw51-shell[data-zero="1"] .cw51-label-opt{display:none}
.cw51-mbasic strong{display:block;font-size:28px;font-weight:900;letter-spacing:-1px;color:var(--ink)}
.cw51-mbasic span{display:block;font-size:21px;line-height:1.4;color:#27493A;margin-top:6px}
.cw51-shell .cw51-opts{flex:1;min-height:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(84px,1fr);gap:12px;align-content:start}
.cw51-shell .cw51-opts .cw-service-btn.basic{display:none}
.cw51-shell .cw51-opts .cw-service-btn{position:relative;min-height:0;max-height:140px;height:100%;border:4px solid #C5D3E2;border-radius:16px;background:#fff;color:var(--ink);padding:0 12px;
  display:grid;grid-template-columns:56px minmax(0,1fr);grid-template-rows:auto auto auto;column-gap:12px;align-content:center;justify-items:start;text-align:left;align-items:center}
.cw51-shell .cw51-opts .cw-service-icon{grid-row:1/4;grid-column:1;width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#E3EEFC;font-size:30px;line-height:1}
.cw51-shell .cw51-opts .cw-service-name{grid-column:2;font-size:22px;font-weight:900;letter-spacing:-1px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.cw51-shell .cw51-opts .cw-service-price{grid-column:2;font-size:22px;font-weight:900;color:var(--blue);line-height:1.2}
body [data-cw-pane="checkout"] .cw51-shell .cw51-opts .cw-service-sub{grid-column:2;display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:18px!important;font-weight:500;line-height:1.25;color:var(--muted)!important;overflow:hidden;max-width:100%;word-break:keep-all}
body [data-cw-pane="checkout"] .cw51-shell .cw51-opts:has(.cw-service-btn:nth-child(4)) .cw-service-sub{display:none!important}
.cw51-shell .cw51-opts .cw-service-check{position:absolute;right:8px;top:8px;margin:0;padding:0;width:30px;height:30px;border-radius:50%;background:var(--blue);color:#fff;font-size:0;display:none;align-items:center;justify-content:center}
.cw51-shell .cw51-opts .cw-service-check:before{content:"✓";font-size:20px;font-weight:900;line-height:1}
.cw51-shell .cw51-opts .cw-service-btn.selected{border-color:var(--blue);background:#E6F1FF;color:var(--ink);box-shadow:none}
.cw51-shell .cw51-opts .cw-service-btn.selected .cw-service-icon{background:var(--blue);color:#fff}
.cw51-shell .cw51-opts .cw-service-btn.selected .cw-service-check,.cw51-shell .cw51-opts .cw-service-btn.included .cw-service-check{display:flex}
.cw51-shell .cw51-opts .cw-service-btn.included{border-color:var(--green);background:#E8F6EE}
.cw51-shell .cw51-opts .cw-service-btn.included .cw-service-price{color:#0B6B40}
.cw51-shell .cw51-opts .cw-service-btn.included .cw-service-check{background:var(--green)}
.cw51-shell .cw51-opts .empty-card{grid-column:1/-1;font-size:20px;padding:14px;color:var(--muted)}

/* 3 접수 */
.cw51-paycol h2{align-items:center}
.cw51-pays{margin-top:12px;flex:1;min-height:0;display:flex;flex-direction:column;gap:12px}
.cw51-pbtn{flex:1;min-height:64px;border-radius:16px;border:0;color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:12px 16px;text-align:left}
.cw51-pbtn .top{display:flex;align-items:center;gap:12px}
.cw51-pbtn .top svg{flex:none}
.cw51-pbtn .l{display:flex;flex-direction:column}
.cw51-pbtn strong{font-size:32px;font-weight:900;letter-spacing:-1px;line-height:1.15}
.cw51-pbtn small{font-size:18px;font-weight:500}
.cw51-pbtn b{align-self:flex-end;font-size:54px;font-weight:900;letter-spacing:-2px;line-height:1.05;white-space:nowrap}
.cw51-pbtn.cash{background:#0E7A4B}.cw51-pbtn.card{background:#0A5FC2}.cw51-pbtn.transfer{background:#6A3CC8}
.cw51-pbtn:active:not(:disabled){filter:brightness(.88);transform:translateY(1px)}
.cw51-pbtn:disabled,.cw51-msubmit:disabled{background:#9AAABB!important;color:#EEF2F6}
.cw51-msubmit{margin-top:14px;flex:1;min-height:0;border-radius:18px;border:0;background:var(--green);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;padding:16px}
.cw51-msubmit .t{font-size:40px;font-weight:900;letter-spacing:-1.5px;line-height:1.2}
.cw51-msubmit small{font-size:24px;font-weight:700}
.cw51-msubmit[data-mode="guest"]{background:#B45309}
.cw51-msubmit:active:not(:disabled){filter:brightness(.88)}
.cw51-paynote{margin:12px 0 0;border-radius:12px;background:#E8F6EE;color:#0B3B26;padding:8px 12px;font-size:19px;font-weight:700;line-height:1.35}

/* 아래 선택 내용 띠 */
.cw51-strip{height:88px;flex:none;background:#fff;border:2px solid var(--line);border-radius:20px;display:flex;align-items:center;gap:20px;padding:0 16px 0 24px}
.cw51-sum{flex:1;min-width:0}
.cw51-sum strong{display:block;font-size:26px;font-weight:900;line-height:1.25;letter-spacing:-1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cw51-sum span{display:block;font-size:21px;font-weight:500;color:var(--muted);line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cw51-hint{flex:none;width:330px;font-size:19px;line-height:1.35;color:var(--muted);font-weight:700;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.cw51-hint.bad{color:#B0141F}.cw51-hint.ok{color:#0B6B40}
.cw51-reset{flex:none;height:60px;font-size:22px}
body [data-cw-pane="checkout"] .cw51-shell #cwResetSelection{min-height:60px!important;font-size:22px!important;padding:0 20px!important}
.cw51-hint,.cw51-sum strong,.cw51-sum span,.cw51-pbtn,.cw51-fbtn,.cw51-reader,.cw51-item,.cw51-found p{word-break:keep-all}

/* 접수 완료 화면 */
.cw51-done{position:absolute;inset:0;z-index:30;background:var(--green);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;padding:20px}
.cw51-done[data-kind="queued"]{background:#9A5A00}
.cw51-done-ic{width:170px;height:170px;border-radius:50%;background:#fff;color:var(--green);display:flex;align-items:center;justify-content:center}
.cw51-done[data-kind="queued"] .cw51-done-ic{color:#9A5A00}
.cw51-done-t{font-size:88px;font-weight:900;letter-spacing:-3px;line-height:1.1}
.cw51-done-m{font-size:44px;font-weight:900;letter-spacing:-1px;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.cw51-done-s{font-size:30px;font-weight:500;min-height:40px;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.cw51-done-actions{display:flex;gap:16px;margin-top:8px}
.cw51-done-actions button{height:84px;border-radius:16px;font-size:30px;font-weight:900}
.cw51-done-actions .undo{width:420px;border:3px solid #fff;background:transparent;color:#fff}
.cw51-done-actions .next{width:320px;border:0;background:#fff;color:#0B6B40}
.cw51-done-actions .undo:disabled{opacity:.6}
.cw51-done-n{margin:0;font-size:22px;font-weight:500}

/* 찾기 창 · 직원 메뉴 */
.cw51-modal{position:absolute;inset:0;z-index:40;display:flex;align-items:center;justify-content:center}
.cw51-backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(10,25,45,.6)}
.cw51-sheet{position:relative;width:min(900px,calc(100% - 40px));background:#fff;border-radius:24px;padding:24px 28px;display:flex;flex-direction:column;gap:14px}
.cw51-sheet-head{display:flex;align-items:center;justify-content:space-between}
.cw51-sheet-head strong{font-size:32px;font-weight:900;letter-spacing:-1px}
.cw51-x{width:64px;height:64px;border-radius:14px;border:3px solid #8AA2BA;background:#fff;color:var(--ink);display:flex;align-items:center;justify-content:center}
.cw51-sheet-body{display:flex;gap:24px}
.cw51-keys{width:440px;flex:none;display:flex;flex-direction:column;gap:12px}
.cw51-field-label{font-size:22px;font-weight:700;color:var(--muted)}
.cw51-field{height:80px;border:3px solid var(--blue);border-radius:14px;background:#F1F7FE;padding:0 18px;font-size:44px;font-weight:900;letter-spacing:2px;color:var(--ink);width:100%;min-width:0}
.cw51-pad{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.cw51-pad button{height:72px;border-radius:12px;border:3px solid #C5D3E2;background:#fff;color:var(--ink);font-size:32px;font-weight:900}
.cw51-pad button.del{font-size:26px;color:#B0141F;border-color:#8AA2BA}
.cw51-pad button.go{border:0;background:var(--blue);color:#fff}
.cw51-pad button:active{filter:brightness(.9)}
.cw51-found{flex:1;min-width:0;display:flex;flex-direction:column;gap:12px}
.cw51-found p{margin:0;font-size:19px;line-height:1.5;color:var(--muted)}
.cw51-finder-msg{font-size:20px;font-weight:700;color:#B0141F;min-height:30px}
.cw51-drawer{position:absolute;top:0;right:0;bottom:0;width:480px;max-width:100%;background:#fff;padding:20px 24px;display:flex;flex-direction:column;gap:8px;box-shadow:-8px 0 30px rgba(10,25,45,.3);overflow:auto}
.cw51-drawer-note{margin:0 0 4px;font-size:18px;line-height:1.45;color:var(--muted)}
.cw51-drawer-note.center{text-align:center}
.cw51-item{flex:none;height:72px;border-radius:14px;border:2px solid var(--line);background:#fff;color:var(--ink);display:flex;align-items:center;gap:14px;padding:0 16px;text-align:left}
.cw51-item svg{flex:none;color:var(--blue)}
.cw51-item strong{display:block;font-size:26px;font-weight:900;letter-spacing:-1px}
.cw51-item small{display:block;font-size:18px;font-weight:500;color:var(--muted)}
.cw51-item:active{background:#EEF4FA}
.cw51-rewash{display:grid;grid-template-columns:1fr;gap:8px}
.cw51-rewash button{height:68px;border-radius:12px;border:3px solid var(--blue);background:#F1F7FE;color:var(--ink);font-size:24px;font-weight:900}
.cw51-prices{max-height:260px;overflow:auto;border:2px solid var(--line);border-radius:12px;padding:8px;font-size:18px}
.cw51-staff-msg{min-height:26px;font-size:19px;font-weight:700;color:#0B6B40}.cw51-staff-msg.bad{color:#B0141F}
.cw51-exit{flex:none;height:84px;border-radius:14px;border:3px solid #C81E2D;background:#fff;color:#B0141F;display:flex;align-items:center;justify-content:center;gap:12px;font-size:28px;font-weight:900}

/* 되돌리기 띠(기존 #cwCheckoutFlash를 시안 모양으로) */
body [data-cw-pane="checkout"] .cw-checkout-flash{inset:calc(72px + 12px) 20px auto 20px;z-index:25;justify-content:stretch}
body:not(.carwash-dedicated-app) [data-cw-pane="checkout"] .cw-checkout-flash{top:calc(var(--vn-top,0px) + 72px);left:calc(var(--vn-side,0px) + 14px);right:14px}
body [data-cw-pane="checkout"] .cw-checkout-flash-card{width:100%;min-height:84px;height:auto;border-radius:16px;padding:10px 20px;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:16px;text-align:left;background:#0E7A4B;box-shadow:0 8px 24px rgba(10,25,45,.35)}
body [data-cw-pane="checkout"] .cw-checkout-flash strong{font-size:26px;font-weight:900;letter-spacing:-1px;line-height:1.2;flex:none}
body [data-cw-pane="checkout"] .cw-checkout-flash span{font-size:22px;font-weight:700;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body [data-cw-pane="checkout"] .cw-checkout-flash .cw-checkout-undo{margin:0;flex:none;min-height:60px;padding:0 22px;border:3px solid #fff;background:transparent;color:#fff;font-size:24px;font-weight:900;box-shadow:none;border-radius:12px;white-space:nowrap}
body [data-cw-pane="checkout"] .cw-checkout-flash .cw-checkout-undo-left{margin:0;flex:none;font-size:18px;font-weight:500}
/* 미전송 안내는 위쪽 띠(#cw51Net)가 대신 보여 준다(기존 #cwOfflineBadge는 가리기만 하고 그대로 둔다) */
body [data-cw-pane="checkout"] #cwOfflineBadge{display:none!important}
/* 남은 횟수는 왼쪽 큰 숫자로 이미 보이므로 겹쳐 뜨는 작은 알림(기존 #cwBalanceFlash)은 가린다(음성 안내는 그대로) */
body [data-cw-pane="checkout"] .cw-balance-flash{display:none!important}
body.carwash-mode.carwash-subview .cw-checkout-flash{top:12px}

/* 종료 확인창(기존 방식 그대로, 크게) */
body.carwash-mode #cwExitDialog{z-index:350!important;border:0!important;border-radius:16px!important;padding:24px!important;box-shadow:0 22px 70px rgba(10,37,67,.3)!important;min-width:min(480px,90vw)!important}
body.carwash-mode #cwExitDialog::backdrop{background:rgba(10,30,50,.48)!important}
body.carwash-mode #cwExitDialog h2{font-size:26px!important;margin:0 0 8px!important}
body.carwash-mode #cwExitDialog button{min-height:64px;font-size:22px}
body.carwash-mode #cwExitConfirm{background:#e12232!important;border-color:#e12232!important;color:#fff!important}

/* 작은 가로 화면(1024×768 등) */
@media(max-width:1180px),(max-height:740px){
  .cw51-shell{--hd:64px;--pad:14px;--gap:12px;--c1:252px;--c3:300px}
  .cw51-title{font-size:28px;gap:8px}.cw51-title svg{width:36px;height:36px}
  .cw51-station{font-size:18px;padding:4px 12px;max-width:200px}.cw51-net{font-size:18px;max-width:300px}.cw51-voice{font-size:18px;padding:0 12px;height:48px}.cw51-clock{font-size:24px;min-width:64px}
  .cw51-panel{padding:14px;border-radius:16px}.cw51-panel h2{font-size:22px}.cw51-paycol h2{font-size:20px;gap:8px}.cw51-panel h2 b{width:34px;height:34px;font-size:20px}
  .cw51-label{font-size:20px;margin:10px 0 6px}.cw51-label-opt{margin-top:12px}
  .cw51-reader strong{font-size:26px}.cw51-reader span{font-size:18px}.cw51-reader svg{width:84px;height:84px}
  .cw51-bal b{font-size:84px}.cw51-bal small{font-size:20px}.cw51-mname{font-size:26px}
  .cw51-fbtn strong{font-size:22px}.cw51-fbtn b{font-size:28px}.cw51-fbtn em{font-size:18px}.cw51-fchip{width:48px;height:48px}
  .cw51-shell .cw51-opts .cw-service-btn{grid-template-columns:48px minmax(0,1fr);padding:0 8px;column-gap:8px}
  .cw51-shell .cw51-opts .cw-service-icon{width:48px;height:48px;font-size:26px}
  .cw51-shell .cw51-opts .cw-service-name,.cw51-shell .cw51-opts .cw-service-price{font-size:20px}
  .cw51-pbtn{padding:8px 12px}.cw51-pbtn strong{font-size:28px}.cw51-pbtn small{font-size:18px}.cw51-pbtn b{font-size:44px}.cw51-pbtn .top svg{width:36px;height:36px}
  .cw51-msubmit .t{font-size:34px}.cw51-msubmit small{font-size:22px}
  .cw51-strip{height:80px;gap:12px;padding:0 12px 0 18px}.cw51-sum strong{font-size:24px}.cw51-sum span{font-size:19px}.cw51-hint{width:250px;font-size:18px}.cw51-reset{height:56px}
  body [data-cw-pane="checkout"] .cw51-shell #cwResetSelection{min-height:56px!important;font-size:20px!important;padding:0 12px!important}
  .cw51-done-t{font-size:72px}.cw51-done-m{font-size:36px}.cw51-done-ic{width:140px;height:140px}.cw51-done-ic svg{width:96px;height:96px}
}
/* 일반 사이트(위·왼쪽 메뉴가 같이 보임): 본문 자리가 작으므로 항상 작은 화면용 크기로 쓴다(900px 이하는 아래 규칙이 위아래로 쌓는다) */
@media(min-width:901px){
  body:not(.carwash-dedicated-app) .cw51-shell{--hd:64px;--pad:14px;--gap:12px;--c1:252px;--c3:300px}
  body:not(.carwash-dedicated-app) .cw51-title{font-size:28px;gap:8px}
  body:not(.carwash-dedicated-app) .cw51-title svg{width:36px;height:36px}
  body:not(.carwash-dedicated-app) .cw51-station{font-size:18px;padding:4px 12px;max-width:200px}
  body:not(.carwash-dedicated-app) .cw51-net{font-size:18px;max-width:300px}
  body:not(.carwash-dedicated-app) .cw51-voice{font-size:18px;padding:0 12px;height:48px}
  body:not(.carwash-dedicated-app) .cw51-clock{display:none}
  body:not(.carwash-dedicated-app) .cw51-panel{padding:14px;border-radius:16px}
  body:not(.carwash-dedicated-app) .cw51-panel h2{font-size:22px}
  body:not(.carwash-dedicated-app) .cw51-paycol h2{font-size:20px;gap:8px}
  body:not(.carwash-dedicated-app) .cw51-panel h2 b{width:34px;height:34px;font-size:20px}
  body:not(.carwash-dedicated-app) .cw51-label{font-size:20px;margin:10px 0 6px}
  body:not(.carwash-dedicated-app) .cw51-label-opt{margin-top:12px}
  body:not(.carwash-dedicated-app) .cw51-reader strong{font-size:26px}
  body:not(.carwash-dedicated-app) .cw51-reader span{font-size:18px}
  body:not(.carwash-dedicated-app) .cw51-reader svg{width:84px;height:84px}
  body:not(.carwash-dedicated-app) .cw51-bal b{font-size:84px}
  body:not(.carwash-dedicated-app) .cw51-bal small{font-size:20px}
  body:not(.carwash-dedicated-app) .cw51-mname{font-size:26px}
  body:not(.carwash-dedicated-app) .cw51-fbtn strong{font-size:22px}
  body:not(.carwash-dedicated-app) .cw51-fbtn b{font-size:28px}
  body:not(.carwash-dedicated-app) .cw51-fbtn em{font-size:18px}
  body:not(.carwash-dedicated-app) .cw51-fchip{width:48px;height:48px}
  body:not(.carwash-dedicated-app) .cw51-shell .cw51-opts .cw-service-btn{grid-template-columns:48px minmax(0,1fr);padding:0 8px;column-gap:8px}
  body:not(.carwash-dedicated-app) .cw51-shell .cw51-opts .cw-service-icon{width:48px;height:48px;font-size:26px}
  body:not(.carwash-dedicated-app) .cw51-shell .cw51-opts .cw-service-name,body:not(.carwash-dedicated-app) .cw51-shell .cw51-opts .cw-service-price{font-size:20px}
  body:not(.carwash-dedicated-app) .cw51-pbtn{padding:8px 12px}
  body:not(.carwash-dedicated-app) .cw51-pbtn strong{font-size:28px}
  body:not(.carwash-dedicated-app) .cw51-pbtn small{font-size:18px}
  body:not(.carwash-dedicated-app) .cw51-pbtn b{font-size:44px}
  body:not(.carwash-dedicated-app) .cw51-pbtn .top svg{width:36px;height:36px}
  body:not(.carwash-dedicated-app) .cw51-msubmit .t{font-size:34px}
  body:not(.carwash-dedicated-app) .cw51-msubmit small{font-size:22px}
  body:not(.carwash-dedicated-app) .cw51-strip{height:80px;gap:12px;padding:0 12px 0 18px}
  body:not(.carwash-dedicated-app) .cw51-sum strong{font-size:24px}
  body:not(.carwash-dedicated-app) .cw51-sum span{font-size:19px}
  body:not(.carwash-dedicated-app) .cw51-hint{width:300px;font-size:18px}
  body:not(.carwash-dedicated-app) .cw51-reset{height:56px}
  body:not(.carwash-dedicated-app) [data-cw-pane="checkout"] .cw51-shell #cwResetSelection{min-height:56px!important;font-size:20px!important;padding:0 12px!important}
  body:not(.carwash-dedicated-app) .cw51-done-t{font-size:72px}
  body:not(.carwash-dedicated-app) .cw51-done-m{font-size:36px}
  body:not(.carwash-dedicated-app) .cw51-done-ic{width:140px;height:140px}
  body:not(.carwash-dedicated-app) .cw51-done-ic svg{width:96px;height:96px}
  body:not(.carwash-dedicated-app) .cw51-shell{--hd:60px}
}
/* 일반 사이트 + 작은 태블릿(가로 1024 등): 위·왼쪽 메뉴가 같이 보여 본문이 좁으므로 한 번 더 줄인다 */
@media(min-width:901px) and (max-width:1180px){
  body:not(.carwash-dedicated-app) .cw51-shell{--pad:10px;--gap:10px;--c1:216px;--c3:250px}
  body:not(.carwash-dedicated-app) .cw51-top{gap:10px}
  body:not(.carwash-dedicated-app) .cw51-station{display:none}
  body:not(.carwash-dedicated-app) .cw51-title{font-size:24px}body:not(.carwash-dedicated-app) .cw51-title svg{width:30px;height:30px}
  body:not(.carwash-dedicated-app) .cw51-net{font-size:16px;max-width:170px}
  body:not(.carwash-dedicated-app) .cw51-voice{font-size:16px;padding:0 10px}
  body:not(.carwash-dedicated-app) .cw51-full,body:not(.carwash-dedicated-app) .cw51-back{font-size:16px!important;padding:0 10px!important}
  body:not(.carwash-dedicated-app) .cw51-panel{padding:12px}
  body:not(.carwash-dedicated-app) .cw51-bal b{font-size:72px}body:not(.carwash-dedicated-app) .cw51-mname{font-size:22px}body:not(.carwash-dedicated-app) .cw51-reader strong{font-size:22px}
  body:not(.carwash-dedicated-app) .cw51-fbtn strong{font-size:19px}body:not(.carwash-dedicated-app) .cw51-fbtn b{font-size:24px}body:not(.carwash-dedicated-app) .cw51-fbtn em{font-size:16px}
  body:not(.carwash-dedicated-app) .cw51-shell .cw51-opts{grid-template-columns:minmax(0,1fr);grid-auto-rows:minmax(60px,76px);overflow:auto}
  body:not(.carwash-dedicated-app) .cw51-mbasic{padding:12px;gap:10px;height:auto;min-height:110px}body:not(.carwash-dedicated-app) .cw51-mbasic strong{font-size:22px}body:not(.carwash-dedicated-app) .cw51-mbasic span{font-size:17px}
  body:not(.carwash-dedicated-app) .cw51-pbtn strong{font-size:24px}body:not(.carwash-dedicated-app) .cw51-pbtn b{font-size:36px}body:not(.carwash-dedicated-app) .cw51-msubmit .t{font-size:28px}body:not(.carwash-dedicated-app) .cw51-msubmit small{font-size:19px}
  body:not(.carwash-dedicated-app) .cw51-hint{width:230px;font-size:16px}
  body:not(.carwash-dedicated-app) .cw51-ghost{font-size:18px;padding:0 8px}
}
/* 세로로 세우거나 좁은 화면: 한 화면은 포기하고 위아래로 쌓는다 */
@media(max-width:900px){
  .cw51-top .cw51-full,.cw51-top .cw51-back,.cw51-top .cw51-voice{height:44px!important;padding:0 12px!important;font-size:17px!important}.cw51-top .cw51-net{font-size:17px;height:44px}
  .cw51-top{height:auto;min-height:60px;flex-wrap:wrap;padding:8px 14px;gap:8px 10px}.cw51-title{font-size:26px}.cw51-title svg{width:34px;height:34px}.cw51-clock,.cw51-station{display:none}.cw51-back{order:2}.cw51-full{order:3}.cw51-net,.cw51-voice{order:4}
  body [data-cw-pane="checkout"]:not([hidden]){overflow:auto}
  .cw51-shell{position:relative;min-height:100%;overflow:visible}
  .cw51-main{overflow:visible}.cw51-cols{flex-direction:column}.cw51-cardcol,.cw51-paycol{width:auto}
  .cw51-reader{min-height:200px}.cw51-pays{min-height:420px}.cw51-hint{display:none}
  .cw51-done,.cw51-modal{position:fixed}
  .cw51-done-t{font-size:56px;letter-spacing:-2px}.cw51-done-m{font-size:30px}.cw51-done-s{font-size:22px}.cw51-done-actions{flex-direction:column;width:100%;max-width:340px}.cw51-done-actions .undo,.cw51-done-actions .next{width:100%;height:64px;font-size:24px}.cw51-done-ic{width:110px;height:110px}.cw51-done-ic svg{width:76px;height:76px}
  .cw51-sheet-body{flex-direction:column}.cw51-keys{width:auto}
}
@media(prefers-reduced-motion:reduce){.cw51-shell *{transition:none!important;animation:none!important}}

/* v1.3.256 — 전체화면: 상단·왼쪽·아래 메뉴를 숨기고 세차장 모드 화면만 꽉 채운다 */
html.vn.cw51-fs{--vn-top:0px;--vn-side:0px;--vn-tab:0px}
html.cw51-fs body #vnTop,html.cw51-fs body #vnSide,html.cw51-fs body #vnTabbar,html.vn.cw51-fs body #vnTop,html.vn.cw51-fs body #vnSide,html.vn.cw51-fs body #vnTabbar{display:none!important}
/* v1.3.256 — 일반 사이트(body 에 carwash-mode 가 없음)에서는 사이트 공통 규칙 `body:not(.carwash-mode) .card` 가
   카드 결제 단추(class="card")를 흰 바탕·흰 글씨로 만들어 단추가 안 보였다. 단추 색을 다시 못박는다. */
body:not(.carwash-mode) .cw51-pbtn.card:not(:disabled){background:#0A5FC2!important;border:0!important;box-shadow:none!important;border-radius:16px!important;color:#fff!important}
body:not(.carwash-mode) .cw51-pbtn.card:disabled{background:#9AAABB!important;border:0!important;box-shadow:none!important;border-radius:16px!important;color:#EEF2F6!important}
