/* U-1019-04 묶음 B5·B6·C (1차) — 고객센터 카드, 백화점 띠 모바일 정리, 팝업 카운트다운.
   코드·파일은 지우지 않는다. 되돌리기: site.js 의 addU1019b 호출 한 줄을 빼고 node _build/site.js 를 다시 돌린다.
   짝 파일: wt_u1019b.js (카드·카운트다운을 만든다. 실패하면 원래 고객센터 글자가 그대로 보인다). */

/* C 고객센터 카드 — 전화 · 카카오 채널 · 상품 Q&A · 배송(이용)안내 4칸 */
/* 고객센터 칸이 좁아(약 300px) 4칸을 가로로 놓으면 글자가 끊기므로 세로 1열로 쌓는다 */
.wt-cs-cards{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;list-style:none;margin:12px 0 10px;padding:0}
.wt-cs-cards li{margin:0;padding:0}
.wt-cs-cards a{display:flex;flex-direction:column;justify-content:center;gap:4px;min-height:44px;height:100%;box-sizing:border-box;
  padding:12px 12px;border:1px solid #E2D6C9;border-radius:14px;background:#fff;color:#2B2622;text-decoration:none;
  box-shadow:0 1px 0 rgba(43,38,34,.04);transition:border-color .2s ease,background-color .2s ease}
.wt-cs-cards a:hover,.wt-cs-cards a:focus-visible{border-color:#BC2F52;background:#FFF8F5;outline:none}
.wt-cs-cards b{font-size:14px;font-weight:800;color:#BC2F52;letter-spacing:-.01em;word-break:keep-all}
.wt-cs-cards small{font-size:12px;line-height:1.45;color:#5F5F5F;word-break:keep-all}
/* 원래 글자(전화·운영시간·휴무)는 카드가 만들어졌을 때만 숨긴다 */
.wt-cs-ok > p{display:none !important}
.wt-cs-ok .tel{display:none !important}

/* B5 백화점 띠 — 모바일에서 세로 1열, 같은 높이, 터치 영역 44px 이상 */
@media (max-width:767px){
  .wt-strip .wt-wrap{flex-direction:column;align-items:stretch;gap:6px}
  .wt-strip .wt-wrap > span{display:block;min-height:44px;box-sizing:border-box;
    padding:11px 14px;border-radius:12px;background:rgba(255,255,255,.06);line-height:1.45}
  .wt-strip .wt-wrap > .now{min-height:0;padding:0;background:none}
}

/* B6 팝업 카운트다운 — 일정이 확인된 것만 js 의 NEXT 에 넣는다. 없으면 '일정 확인 필요'만 보인다 */
.wt-u-cd{font-variant-numeric:tabular-nums;color:#FFE2BC;font-weight:700}

/* 카드 등장 — 움직임 줄이기를 켠 사용자에게는 바로 보인다 */
@media (prefers-reduced-motion: no-preference){
  .wt-u-js .wt-cs-cards li{opacity:0;translate:0 10px;transition:opacity .5s ease,translate .5s ease}
  .wt-u-js .wt-cs-cards li.wt-u-on{opacity:1;translate:0 0}
}
@media (max-width:767px){
  .wt-cs-cards{grid-template-columns:1fr;gap:8px}
  .wt-cs-cards a{padding:10px 10px;min-height:44px}
}