@charset "UTF-8";
/* ============================================================
   쇼핑몰 메인 "예약 테마" 섹션 (2026-07-12, 창A 핸드오프 항목2)
   구성(사용자 지시): 제목 앞 "사전예약" 라벨 · 타이틀 옆 주문/배송 달력(reservation_draft.css .rvg_* 재사용)
     · 대표 상품 1줄(가로 rail) + 더보기 · 카드엔 가격만(조합원/비조합원 라벨·카드 날짜 제거).
   브랜드: 딥그린 #3D6041 · 주황 #F8A31E · 예약 연보라 #7B5CC7/#f3eefc. 자립형(rvtm-*). v4.0

   v1.7 (2026-07-15) 헤더·정보 정리:
     · 헤더 1줄 통일 — [사전예약 라벨] 테마명 ..................... 더 보기 → (기존 하단 밴드형 더보기 제거·헤더로 이동)
     · 받는날/주문마감 두 줄(rvg_ttl/rvg_close1) → 한 줄 요약(.rvtm-oneline, 미니칩 라벨 + 중간점 구분)
     · 범례(.rvg_legend)는 상시 노출 제거 → 달력 펼침 영역(.rvg_board_cal) 안으로 이동
     · 카드 인증표기 .rvtm-farmer(gmbreedingNm) → .rvtm-cert, 07-15 확정 인증칩 문법(cpill류)과 톤 통일

   v1.8 (2026-07-15 후속) 모바일 날짜 요약 1줄 축약형:
     · 390px 모바일에서 .rvtm-oneline 풀 표기가 2~3줄로 접히는 문제 → JS가 만든 두 벌(.rvg_sum_full/.rvg_sum_short)을
       max-width:720px 기준으로 전환. 축약 = 라벨 축약(받는날/마감) + "M.D" 날짜 표기 + 같은 달 뒷날짜 월 생략.
     · 한 줄 강제 = white-space:nowrap(ellipsis 대신 라벨 padding·gap 축소 우선), 폰트 14px 하한 준수.

   v1.9 (2026-07-15 재후속) 헤더(제목부) 재디자인 — 위계 역전 수정:
     · 기존 [라벨칩 사전예약] 테마명(제목) + 회색 문구(보조) → 아이브로 텍스트 "사전예약 · 테마명"(.rvtm-eb, 딥그린)
       + 문구(t.phrase) 승격 제목(.rvtm-hd, serif) + 얇은 rule(.rvtm-rule, 메인 rd .shead .rule 톤) 3단 구성.
     · phrase 없으면 폴백: 아이브로 "사전예약"만, 제목 = 테마명. 더보기 문구 "더 보기 ›" → "전체 보기 →", 아이브로 줄 우측.
     · 기존 .rvtm-eyebrow(칩)·.rvtm-title·.rvtm-headline·.rvtm-sub 폐기 → .rvtm-eb/.rvtm-eb-txt/.rvtm-hd/.rvtm-rule로 대체.

   v2.0 (2026-07-15 3차) 정보칸(받는날·마감·달력보기) 슬림 1줄:
     · 모바일: rvg_board 카드 박스(배경·테두리·패딩) 제거 → 투명 1줄 행(flex). 좌 = 날짜 요약 / 우 = "달력 보기" 슬림 pill
       (높이 31px·폰트 14px). D-day 칩 "마감 D-7" → "D-7" 축약(JS, 앞 "마감 M.D" 라벨과 중복 제거).
     · 태블릿(721~1024)도 동일하게 박스 제거(제목부 톤 통일). PC(≥1025)는 topline 패널 구조 그대로(원래 board 자체 박스 없음).
     · 달력 펼침(cal-open)·달력 내용·범례 위치 무변경.

   v2.1 (2026-07-15 4차) 흰 패널 풀폭(full-bleed)·레일 가장자리 확장 — 모바일(≤720):
     · 흰 패널(.rvtm-theme=.rvdz 흰 배경)이 inner 좌우 패딩 14px 안에 갇혀 크림 위에 좁게 떠 보임
       → inner 패딩 0 + theme가 화면 좌우 끝까지(흰 배경 풀폭). 콘텐츠 여백은 theme 패딩 26/14/16px로 유지.
     · 레일은 음수 마진(-14px)으로 theme 패딩 탈출 → 화면 우측 끝까지 흘러 다음 카드 걸침(스와이프 유도),
       좌우 패딩 14px로 첫 카드 정렬·마지막 카드 뒤 여백(메인 rd .rail 관용구와 동일 방식).
     · 상하: 섹션 크림 갭 26px→16px(주변 rd 섹션 리듬), rvdz 기본 padding-bottom(40/56px)은 theme 패딩으로 대체.
     · 태블릿·PC 구조 무변경.

   v2.2 (2026-07-15 5차) 모바일 카드 사진 확대:
     · .rvtm-card 150px → 172px(+15%, 썸네일 1:1이라 사진 동반 확대), 레일 gap 12px → 10px.
     · 390px 실측 배치: 첫 카드 x=14, 2번째 196~368(전체 노출), 3번째 378~(12px 걸침) — 2번째 전체+3번째 걸침 유지.
       gap 축소 없이 172px면 걸침이 8px로 소멸해 스와이프 단서가 죽어 gap을 함께 조정. 폰트 무변경.

   v3.0 (2026-07-16) 카드 재디자인(이커머스 격상) — 미니 레일(가로 스크롤, 담기버튼 없음)을 히어로+2열 그리드로 격상:
     · 첫 상품 = 히어로 가로 풀폭 카드(.rvtm-hero) — 사진 45%(1:1) + 우측 [예약태그+할인율 → 인증칩 → 이름2줄17px
       → 가격22px] + 카드 폭 그대로의 "예약하기" 풀폭 버튼(.rvtm-addbtn, addbtn-res 문법 연보라 #f3eefc/#7B5CC7).
     · 나머지 상품 = 2열 그리드(.rvtm-grid) 최대 4개(A형 컴팩트 .rvtm-gcard) — 1:1 사진+예약태그 오버레이 → 인증칩
       → 이름2줄15px → 가격19px → "예약하기" 풀폭 버튼(.rvtm-addbtn-sm).
     · 5개 초과분은 렌더 생략(JS) + 그리드 아래 "전체 N개 보기 →"(.rvtm-viewall) 텍스트 버튼.
     · 여러 테마 노출 시 2번째 테마부터는 히어로 없이 그리드만(.rvtm-cards.no-hero, 세로 폭주 방지 — 구현 단순 우선).
     · 예약 태그 색을 기존 딥그린(.rvtm-rsvtag)에서 사이트 예약 문법(연보라)으로 정리 — 사진 오버레이는 보라 솔리드
       #7B5CC7, 히어로 본문 인라인 태그는 연보라 필 #f3eefc/#7B5CC7.
     · 기존 .rvtm-rail/.rvtm-card/.rvtm-link/.rvtm-thumb/.rvtm-body 미니 레일 규칙 폐기(마크업도 교체).
     · PC(≥1025px): .rvtm-cards를 flex-wrap 행으로 — 히어로 50%+그리드 3열(첫 테마) / 그리드만 4열(후속 테마),
       "전체 보기" 링크는 flex-basis 100%로 아래 전체 폭. (v3.1: 3열→2열, 빈 셀 버그수정 — 이하 v4.0에서 폐기)

   v4.0 (2026-07-16 6차) A안(승인 시안) — PC 전용 좌측 안내판(280px 고정)+우측 4열 1행 재구현, 모바일 v3.0 무변경:
     · v1.9~v3.1의 "제목+달력 가로 한 줄 패널(.rvtm-topline flex row)" + "히어로 50%+그리드" PC 조합을 폐기.
     · .rvtm-theme(PC)= flex row(안내판+카드). 안내판(.rvtm-topline)은 세로 스택 크림 패널(#faf7f0) —
       아이브로/제목(22px)/rule → 받는날·마감 날짜정보(+D-day칩) → "전체 N개 보기" 딥그린 풀폭 버튼
       (.rvtm-panel-viewall) → "달력 보기" 토글(기본 접힘, 클릭 시 안내판 안에서 펼침).
     · 카드부(PC)는 히어로 숨김(모바일 전용) + 그리드 4열 1행만(.rvtm-grid repeat(4,1fr)), 상위 4개만.
       JS는 히어로 테마의 그리드에 item[0](.rvtm-gcard-herodup, PC만 노출)·item[4](.rvtm-gcard-pcskip, PC만
       숨김)을 함께 렌더 — 마크업 공통, CSS 미디어쿼리로 노출만 전환(모바일 결과는 v3.0과 동일).
     · 헤더 인라인 "전체 보기"(.rvtm-more)·카드 하단 "전체 N개 보기"(.rvtm-viewall)는 PC에서 숨김(안내판
       버튼과 중복 방지, 모바일은 그대로 노출).
     · 달력(.rvg_cals)은 reservation_draft.css v1.10의 PC 가로(nowrap) 강제와 충돌 방지 위해 안내판
       스코프(.rvtm-topline .rvg_cals) 안에서만 세로 스택으로 재정의(280px 폭에 맞춤, 셀 30px 재사용).

   v4.2 (2026-07-20) 안내판 격상(사용자 피드백 "너무 옹색함" — PC>=1025px 한정, 모바일/태블릿 무변경):
     - 패널 폭 280->320px, 패딩 24/22->28 26 26px, 상단에 딥그린 포인트 보더 3px 추가(border-top, 나머지 3면은
       기존 1px #ece2cc 유지) - 크림 배경(#faf7f0)은 유지.
     - 제목(.rvtm-hd) 22->28px, 잉크를 더 짙게(#1F241E -> #141810). 헤더 하단 여백 14->16px로 리듬 정리.
     - 받는날/주문마감 정보: 기존 한 줄 압축(.rvtm-oneline 인라인 조인)을 패널 스코프에서만 2줄 스택으로 전환
       - JS가 각 항목을 .rvtm-ol-item으로 감싸 전달(마크업), CSS는 .rvtm-topline .rvtm-oneline을
       flex-direction:column으로 바꾸고 가운데점 구분자(.rvtm-ol-dot)를 숨김. 라벨은 칩 배경을 벗겨 14px
       회녹(#5f6f56) 텍스트로, 값(.rvtm-ol-val)은 16~17px bold로 키워 대비를 준다.
     - D-day 칩(.rvg_dday)은 패널 안에서 urgent/soon 구분 없이 주황(#F8A31E)·15px bold로 통일 강조.
     - 우측 4열 그리드는 fr 단위라 자동 재계산(수치 변경 없음) - 1280px 좁은 뷰포트(퀵패널 안전여백 병행)까지
       스크린샷으로 겹침·잘림 확인.

   v4.3 (2026-07-20 후속) 표준 카드 완전체 — 히어로/그리드 카드에 dure_card.css .dcz 공용 문법 병기(metatop 별점 +
     specrow 인증·규격·온도 칩, 카드에 dcz 클래스 부여). 여기선 rvtm 컨텍스트 여백만 보정 + 그리드 카드는 flex 하단
     고정(margin-top:auto)으로 행(2열/PC 4열) 안 카드 높이 들쭉(칩·별점 유무로 내용 길이가 달라짐)에도 버튼 바닥 정렬 유지.
   ============================================================ */
.rvtm-sec { margin: 40px 0; }
.rvtm-inner { max-width: 1200px; margin: 0 auto; padding: 0 20px; }
.rvtm-theme + .rvtm-theme { margin-top: 40px; }

/* 헤더(v1.9 재디자인): 아이브로("사전예약 · 테마명" + 전체 보기) / 제목(문구 승격, serif) / 얇은 rule 3단.
   메인 rd 섹션헤더 문법(.shead: eyebrow + serif 제목 + more + rule)과 통일 — 위계 = 제목(파는 문구) > 아이브로(카테고리). */
.rvtm-head { margin: 0 0 16px; }
.rvtm-eb { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.rvtm-eb-txt {
  flex: 1 1 auto; min-width: 0; font-size: 13px; font-weight: 700; color: #3D6041;
  letter-spacing: .02em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.rvtm-hd {
  margin: 6px 0 0; font-family: "Noto Serif KR", "Maru Buri", "Nanum Myeongjo", serif;
  font-size: 21px; font-weight: 700; color: #1F241E; letter-spacing: -.01em; line-height: 1.35;
  word-break: keep-all;
}
.rvtm-hd em { font-style: normal; color: #3D6041; }
.rvtm-rule { height: 2px; margin-top: 12px; background: linear-gradient(90deg, #3D6041 0 44px, #DCE7DA 44px); }

/* 전체 보기 : 아이브로 줄 우측 인라인 링크(07-15 — 기존 rail 하단 밴드형 버튼 폐기, v1.9 아이브로 줄로 이동) */
.rvtm-more {
  flex: 0 0 auto;
  color: #3D6041; font-size: 14px; font-weight: 600; text-decoration: none; white-space: nowrap;
}
.rvtm-more:hover { text-decoration: underline; }

/* ==== v3.0 카드부(히어로+2열 그리드) ====================================== */
.rvtm-cards { margin: 18px 0 0; }

/* 인증 표기(07-15 확정 인증칩 문법 통일 — main_rd.css .cpill류와 동일 톤). 히어로·그리드 공용. */
.rvtm-cert {
  display: inline-block; margin: 0 0 6px; padding: 2px 8px;
  background: #EEF3EA; border: 1px solid #DCE7DA; border-radius: 7px;
  color: #3D6041; font-size: 12px; font-weight: 700; line-height: 1.35; letter-spacing: -.01em;
}
.rvtm-old { font-size: 13px; color: #a7a7a7; text-decoration: line-through; font-family: 'Roboto', sans-serif; }
.rvtm-won { font-size: 14px; font-weight: 500; color: #1F241E; }

/* 예약 태그(사이트 예약 문법 연보라). 사진 오버레이 = 보라 솔리드, 히어로 본문 인라인 = 연보라 필. */
.rvtm-rsvtag {
  position: absolute; top: 0; right: 0; z-index: 1;
  height: 26px; padding: 0 10px; line-height: 26px;
  background: #7B5CC7; color: #fff; font-size: 12px; font-weight: 700; border-radius: 0 10px 0 10px;
}
.rvtm-tag {
  display: inline-block; padding: 3px 9px; border-radius: 7px;
  background: #f3eefc; color: #7B5CC7; font-size: 13px; font-weight: 700; letter-spacing: -.01em;
}
.rvtm-dc { font-size: 13px; font-weight: 800; color: #D8352A; font-family: 'Roboto', sans-serif; }
.rvtm-badge {
  position: absolute; top: 0; left: 0; z-index: 1;
  min-width: 44px; height: 26px; padding: 0 9px; line-height: 26px; text-align: center;
  background: #F8A31E; color: #fff; font-size: 15px; font-weight: 600;
  font-family: 'Roboto', sans-serif; border-radius: 10px 0 10px 0;
}

/* "예약하기" 풀폭 버튼(addbtn-res 문법: 연보라 배경·보라 글자·보라 테두리) */
.rvtm-addbtn {
  display: block; width: 100%; text-align: center;
  /* 2026-07-22 예약 테마 버튼도 진초록 solid 통일(메인 예약 CTA 색 일원화). 유형구분은 예약태그가 담당 */
  background: #3d6041; color: #fff; border: 1.5px solid #3d6041; border-radius: 12px;
  font-size: 16px; font-weight: 800; letter-spacing: -.01em; cursor: pointer;
}
.rvtm-addbtn:active { background: #2f5233; color: #fff; border-color: #2f5233; }
.rvtm-addbtn:hover { background: #2f5233; color: #fff; border-color: #2f5233; }
.rvtm-addbtn span { pointer-events: none; }
/* 2026-07-23 담기 아이콘(장바구니) 크기 통일 — 산지·일반 담기버튼과 동일(em 15px) */
.rvtm-addbtn em { font-style: normal; font-size: 15px; line-height: 1; margin-right: 5px; }

/* ---- 히어로(첫 상품) : 사진 45%(1:1) + 정보 + 카드 풀폭 "예약하기" ---- */
.rvtm-hero {
  border: 1px solid #EAEAEA; border-radius: 14px; overflow: hidden; background: #fff;
}
.rvtm-hlink { display: flex; align-items: stretch; color: inherit; text-decoration: none; }
.rvtm-hthumb {
  position: relative; flex: 0 0 45%; width: 45%; aspect-ratio: 1 / 1; background: #f5f2fc; overflow: hidden;
}
.rvtm-hthumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.rvtm-hbody { flex: 1 1 auto; min-width: 0; padding: 16px 16px 16px 14px; display: flex; flex-direction: column; justify-content: center; }
.rvtm-htags { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; }
.rvtm-hname {
  margin: 0 0 10px; font-size: 17px; line-height: 1.4; color: #1F241E; font-weight: 600; letter-spacing: -.01em;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; word-break: keep-all;
}
.rvtm-hprice { display: flex; align-items: baseline; gap: 6px; flex-wrap: wrap; }
.rvtm-hprice .rvtm-now { font-size: 22px; font-weight: 800; color: #1F241E; font-family: 'Roboto', sans-serif; }
/* 2026-07-24 히어로 담기 버튼도 그리드 버튼과 동일 디자인(라운드+여백) 통일 */
.rvtm-hero .rvtm-addbtn { margin: 10px 12px 12px; width: calc(100% - 24px); height: 48px; line-height: 45px; border-radius: 12px; border-width: 1.5px; }

/* ---- 2열 그리드(A형 컴팩트, 최대 4개) ---- */
.rvtm-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 12px; }
.rvtm-gcard { border: 1px solid #EAEAEA; border-radius: 12px; overflow: hidden; background: #fff; display: flex; flex-direction: column; }
.rvtm-glink { display: block; color: inherit; text-decoration: none; }
.rvtm-gthumb { position: relative; width: 100%; padding-bottom: 100%; background: #f5f2fc; overflow: hidden; }
.rvtm-gthumb img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.rvtm-gbody { padding: 10px 10px 0; }
.rvtm-gname {
  margin: 0 0 6px; font-size: 15px; line-height: 1.4; color: #1F241E; font-weight: 500; letter-spacing: -.01em;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 42px; word-break: keep-all;
}
.rvtm-gprice { display: flex; align-items: baseline; gap: 5px; flex-wrap: wrap; }
.rvtm-gprice .rvtm-now { font-size: 19px; font-weight: 700; color: #1F241E; font-family: 'Roboto', sans-serif; }
.rvtm-addbtn-sm { margin: 10px 10px 10px; width: calc(100% - 20px); height: 40px; line-height: 37px; font-size: 14px; border-radius: 10px; }

/* ---- 전체 N개 보기 ---- */
.rvtm-viewall {
  display: block; margin-top: 14px; padding: 12px 0; text-align: center;
  border: 1px solid #DCE7DA; border-radius: 10px; background: #fff;
  color: #3D6041; font-size: 14px; font-weight: 700; text-decoration: none;
}
.rvtm-viewall:active { background: #EEF3EA; }
/* ==== /v3.0 카드부 ========================================================= */

/* ==== A안(2026-07-16 6차) PC 전용 그리드 분기 카드 + 안내판 버튼(기본값 = 모바일/태블릿) ====
   herodup = 히어로 중복분(item0, PC에서만 노출) / pcskip = 모바일 전용 5번째(item4, PC에서 숨김).
   panel-viewall = 안내판 안 "전체 N개 보기" 버튼(PC 전용, 카드 하단 .rvtm-viewall과 중복 방지). */
.rvtm-gcard-herodup { display: none; }
.rvtm-panel-viewall { display: none; }

/* 날짜정보 한 줄 압축(07-15): 받는 날 ... · 주문 마감 ... [D-day칩] — 기존 rvg_ttl/rvg_close1 두 줄 대체 */
.rvtm-sec .rvtm-oneline {
  display: flex; flex-wrap: wrap; align-items: center; gap: 6px 8px;
  margin: 0; font-size: 15px; color: #33392f; letter-spacing: -.01em;
}
.rvtm-sec .rvtm-ol-lbl {
  flex: 0 0 auto; font-size: 12px; font-weight: 700; color: #3D6041;
  background: #EEF3EA; border: 1px solid #DCE7DA; border-radius: 6px;
  padding: 2px 7px; margin-right: 4px;
}
.rvtm-sec .rvtm-ol-close { color: #9A5B1E; background: #FBF0E4; border-color: #F0DCC2; }
.rvtm-sec .rvtm-ol-dot { color: #b7bbb0; margin: 0 2px; }
/* 범례는 달력 펼침 영역(.rvg_board_cal) 안 첫 줄로 이동 — 달력 위 살짝 여백만 보정 */
.rvtm-sec .rvg_board_cal .rvg_legend { margin: 0 0 10px; }

/* 날짜 요약 풀/축약 두 벌(07-15 v1.8) — 기본(PC·태블릿)은 풀 표기, 720px 이하에서 전환(아래 미디어쿼리). */
.rvtm-sec .rvg_sum_full { display: inline; }
.rvtm-sec .rvg_sum_short { display: none; }

@media (max-width: 720px) {
  /* v2.1: 흰 패널 풀폭 — inner 패딩 제거, theme(흰 배경)가 화면 끝까지. 콘텐츠 여백은 theme 패딩으로. */
  .rvtm-sec { margin: 16px 0; }
  .rvtm-inner { padding: 0; }
  .rvtm-sec .rvtm-theme { background: #fff; padding: 26px 14px 16px; }
  .rvtm-theme + .rvtm-theme { margin-top: 16px; }
  .rvtm-more { font-size: 13px; }
  /* v3.0(07-16) 히어로+2열 그리드 모바일 미세조정: 390px에서 히어로 본문 여백 살짝 슬림, 그리드 2열 그대로(390px≈172px 카드폭 재현). */
  .rvtm-hbody { padding: 13px 14px 13px 12px; }
  .rvtm-hero .rvtm-addbtn { height: 46px; line-height: 43px; }
  /* 07-15 v1.8: 날짜 요약 1줄 축약형 — 풀 표기 숨기고 축약 표기만, 폰트 14px 하한(기존 13.5px→14px).
     v2.0: 정보칸 1줄 행에서 좌측 가변폭(우측 "달력 보기"와 한 줄 공유). */
  .rvtm-sec .rvtm-oneline { font-size: 14px; flex-wrap: nowrap; overflow: hidden; flex: 1 1 auto; min-width: 0; }
  .rvtm-sec .rvg_sum_full { display: none; }
  .rvtm-sec .rvg_sum_short {
    display: inline-block; max-width: 100%;
    white-space: nowrap; overflow: hidden;  /* 한 줄 강제. 넘칠 땐 잘라내기(ellipsis)보다 아래 gap 축소로 우선 대응 */
  }
  /* 축약 줄은 칩 포함 한 줄(약 340px 내) 목표 — 라벨 padding·간격을 살짝 줄여 여유 확보 */
  .rvtm-sec .rvg_sum_short .rvtm-ol-lbl { padding: 2px 6px; margin-right: 3px; }
  .rvtm-sec .rvg_sum_short .rvtm-ol-dot { margin: 0 1px; }
}

/* ---- 정보칸 슬림 1줄 + 달력 보기 토글 (v2.0, 2026-07-15) ----
   PC = 버튼 숨김, 달력 상시 노출(topline 패널). 모바일 = 박스 제거한 투명 1줄 행
   [좌: 받는날/마감 요약 · 우: "달력 보기" 슬림 pill], 달력은 클릭 시에만 아래로 펼침. */
.rvtm-caltoggle { display: none; }
/* 태블릿(721~1024)도 board 카드 박스 제거 — 제목부(rule 헤더)와 톤 통일. reservation_draft보다 뒤에 로드되어 우선. */
@media (max-width: 1024px) {
  .rvtm-sec .rvg_board { margin: 0; padding: 0; background: transparent; border: none; border-radius: 0; }
}
@media (max-width: 720px) {
  .rvtm-sec .rvg_board { display: block; }
  /* 정보칸 = 투명 1줄 행: 좌 날짜요약(가변) / 우 달력보기(고정) */
  .rvtm-sec .rvg_board_info {
    width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 10px;
  }
  .rvtm-sec .rvtm-caltoggle {
    display: inline-flex; align-items: center; flex: 0 0 auto; margin: 0;
    height: 31px; padding: 0 13px; border: 1px solid #3D6041; border-radius: 999px;
    background: #fff; color: #3D6041; font-size: 14px; font-weight: 600; cursor: pointer;
    white-space: nowrap;
  }
  /* 범례는 달력(.rvg_board_cal) 안으로 이동됐으므로 달력과 함께 접힘/펼침(07-15, 별도 hide 규칙 불필요) */
  .rvtm-sec .rvg_board_cal { display: none !important; }
  .rvtm-sec .rvg_board.cal-open .rvg_board_cal { display: block !important; margin-top: 12px; }
}

/* ==== A안(2026-07-16 6차) PC 레이아웃 재구성(승인 시안) : 좌측 안내판(280px 고정) + 우측 상품 4열 1행 ====
   기존 v1.9~v3.1의 "제목+달력 가로 한 줄 패널" + "히어로 50%+그리드" 조합을 폐기하고 교체.
   · .rvtm-theme = flex row(안내판+카드). 안내판(.rvtm-topline)은 세로 스택 — 아이브로/제목/rule →
     받는날·마감 날짜정보(+D-day칩) → "전체 N개 보기" 딥그린 풀폭 버튼 → "달력 보기" 토글(클릭 시 안내판
     안에서 아래로 펼침, 기본 접힘). 크림 배경(#faf7f0)+연한 테두리, 메인 크림(#faf7f0)과 톤 통일.
   · 우측 카드부(.rvtm-cards)는 히어로 숨김(모바일 전용) + 그리드 4열 1행만 노출(상위 4개, 5개 이상은
     "전체 보기"로 유도). 그리드 카드는 v3.0 .rvtm-gcard 그대로 재사용(herodup/pcskip는 JS 쪽 참고).
   · 달력(.rvg_cals)은 reservation_draft.css v1.10의 PC 가로(nowrap) 강제 규칙과 충돌 방지 위해
     안내판 스코프 안에서만 세로 스택으로 재정의(좁은 280px 폭에 맞춤, 셀 30px는 그대로 재사용).
   · 헤더 인라인 "전체 보기" 링크(.rvtm-more)·카드 하단 "전체 N개 보기"(.rvtm-viewall)는 안내판 버튼과
     중복되므로 PC에서 숨김(모바일은 기존 그대로 노출). */
@media (min-width: 1025px) {
  .rvtm-sec .rvtm-theme { display: flex; align-items: flex-start; gap: 24px; }

  /* 좌측 안내판 : 320px 고정(v4.2, 기존 280px→격상), 크림 배경 + 세로 스택 + 상단 딥그린 포인트 보더 */
  .rvtm-sec .rvtm-topline {
    display: flex; flex-direction: column; flex: 0 0 320px; width: 320px;
    margin-bottom: 0; padding: 28px 26px 26px; background: #faf7f0;
    border: 1px solid #ece2cc; border-top: 3px solid #3D6041; border-radius: 16px; box-sizing: border-box;
  }
  .rvtm-sec .rvtm-topline .rvtm-head { margin: 0 0 16px; flex: 0 0 auto; }
  .rvtm-sec .rvtm-hd { font-size: 28px; color: #141810; }
  .rvtm-sec .rvtm-more { display: none; } /* 안내판 하단 버튼(.rvtm-panel-viewall)로 대체 — 중복 방지 */

  /* 날짜정보(받는 날/주문마감) : reservation_draft.css의 grid 2단 레이아웃(auto 1fr / 1fr auto) 무효화 후
     세로 스택으로 재정의. 안내판 폭(268px 콘텐츠)에 맞춰 자연 줄바꿈. */
  .rvtm-sec .rvtm-topline .rvg_board {
    display: block; grid-template-columns: none; gap: 0; align-items: initial;
    flex: 0 0 auto; margin: 0; padding: 0; background: transparent; border: none; border-radius: 0;
  }
  .rvtm-sec .rvtm-topline .rvg_board_info {
    display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px;
    padding-left: 0; border-left: none; align-self: auto;
  }
  /* v4.2 : 받는날/주문마감 2줄 스택 — JS가 .rvtm-ol-item으로 감싼 항목을 세로로 쌓고 가운데점 구분자는 숨김 */
  /* [날짜 카드 2026-07-22] 받는날/주문마감을 흰 카드+아이콘 라벨+대형 값+D-day 우상단 배지로 강조(눈에 띄게) */
  .rvtm-sec .rvtm-topline .rvtm-oneline {
    display: flex; flex-direction: column; align-items: stretch; gap: 0; width: 100%;
    background: #fff; border: 1px solid #ece1c9; border-radius: 13px; padding: 2px 15px;
    box-shadow: 0 1px 3px rgba(31,36,30,.05);
  }
  .rvtm-sec .rvtm-topline .rvtm-ol-item {
    position: relative; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 4px; padding: 12px 0; min-height: 62px; width: 100%; box-sizing: border-box;
  }
  .rvtm-sec .rvtm-topline .rvtm-ol-item + .rvtm-ol-item { border-top: 1px dashed #eadfc7; }
  .rvtm-sec .rvtm-topline .rvtm-ol-dot { display: none; }
  .rvtm-sec .rvtm-topline .rvtm-ol-lbl {
    display: inline-block; font-size: 11.5px; font-weight: 800; letter-spacing: .02em;
    color: #2f5233; background: #e7efe6; border: none; padding: 3px 9px; border-radius: 999px; margin: 0;
  }
  .rvtm-sec .rvtm-topline .rvtm-ol-close { color: #9A5B1E; background: #FBF0E4; }
  .rvtm-sec .rvtm-topline .rvtm-ol-val { font-size: 19px; font-weight: 800; color: #1F241E; letter-spacing: -.02em; line-height: 1.2; white-space: nowrap; }
  /* D-day : 주문 마감 행 우상단 배지로 강조 */
  .rvtm-sec .rvtm-topline .rvg_dday {
    position: absolute; top: 12px; right: 0;
    font-size: 14px; font-weight: 800; background: #F8A31E; color: #fff; padding: 4px 11px; border-radius: 999px;
    box-shadow: 0 2px 7px rgba(248,163,30,.35);
  }

  /* 달력 토글 : 모바일과 동일 패턴(기본 접힘, 클릭 시 펼침) — PC에서도 항상 노출 */
  .rvtm-sec .rvtm-topline .rvtm-caltoggle {
    display: inline-flex; align-items: center; flex: 0 0 auto; margin: 0;
    height: 30px; padding: 0 12px; border: 1px solid #3D6041; border-radius: 999px;
    background: #fff; color: #3D6041; font-size: 13px; font-weight: 600; cursor: pointer; white-space: nowrap;
  }
  .rvtm-sec .rvtm-topline .rvg_board_cal { display: none !important; padding-left: 0; border-left: none; }
  .rvtm-sec .rvtm-topline .rvg_board.cal-open .rvg_board_cal { display: block !important; margin-top: 12px; }
  /* reservation_draft.css v1.10 PC 가로(nowrap) 강제와 충돌 방지 — 안내판 폭(268px)에 맞춰 세로 스택 */
  .rvtm-sec .rvtm-topline .rvg_cals { flex-direction: column; flex-wrap: nowrap; gap: 14px; }

  /* "전체 N개 보기" 안내판 버튼(딥그린 풀폭) — 카드 하단 .rvtm-viewall 대신 여기서 노출 */
  .rvtm-sec .rvtm-panel-viewall {
    display: block; order: 5; margin-top: 16px; padding: 12px 0; text-align: center;
    background: #3D6041; border: 1px solid #3D6041; border-radius: 10px;
    color: #fff; font-size: 14px; font-weight: 700; text-decoration: none;
  }
  .rvtm-sec .rvtm-panel-viewall:hover { background: #2f4c33; }

  /* 우측 카드부 : 히어로 숨김(모바일 전용), 상위 4개 그리드 1행만 */
  .rvtm-sec .rvtm-cards { flex: 1 1 auto; min-width: 0; margin: 0; display: block; }
  .rvtm-sec .rvtm-hero { display: none; }
  .rvtm-sec .rvtm-grid { grid-template-columns: repeat(4, 1fr); gap: 16px; margin-top: 0; }
  .rvtm-sec .rvtm-gcard-herodup { display: flex; }
  .rvtm-sec .rvtm-gcard-pcskip { display: none; }
  .rvtm-sec .rvtm-viewall { display: none; } /* 안내판 버튼(.rvtm-panel-viewall)으로 대체 — 중복 방지 */
}

/* 2026-07-16 QA I(PC): 우측 고정 퀵패널(.quick_wrap, right:0·폭 약 100px)과 4열 그리드 겹침 방지 —
   1025~1380px 뷰포트에서 예약 테마 섹션만 우측 안전여백 확보(다른 섹션 무영향) */
@media (min-width: 1025px) and (max-width: 1380px){
  .rvtm-inner{ padding-right: 110px; }
}

/* ==== v4.3(2026-07-20) 표준 카드 완전체 — metatop(별점)·specrow(칩) 여백 보정 + 그리드 카드 버튼 하단 고정 ====
   실제 시각 스타일(별색·칩 배경 등)은 dure_card.css .dcz 공용 규칙 위임 — 여기선 rvtm 카드 컨텍스트 여백만. */
.rvtm-hbody .metatop { margin: 0 0 6px; }
.rvtm-gbody .metatop { margin: 0 0 4px; min-height: 0; }
.rvtm-hbody .specrow { margin: 6px 0 10px; }
.rvtm-gbody .specrow { margin: 4px 0 6px; }
/* 그리드는 2열(모바일/태블릿)·4열(PC) 모두 grid 기본 stretch로 카드가 행 높이만큼 늘어남(.rvtm-gcard flex column) —
   metatop/specrow 유무로 카드마다 내용 길이가 달라져도 버튼은 margin-top:auto로 항상 카드 바닥에 고정. */
.rvtm-gcard.dcz .rvtm-addbtn-sm { margin-top: auto; }

/* 2026-07-24 D-day 칩 제목 앞 배치(사용자 지시) — 제목 인라인 칩화 */
.rvtm-hd .rvg_dday{ display:inline-block; vertical-align:middle; margin:0 8px 3px 0; }