@charset "utf-8";
/* ============================================================================
   main_unify.css v1.0.0 — 2026-09-01
   메인 카드 높이 "통일" 전용 보정 시트 (PC 위주).
   ----------------------------------------------------------------------------
   왜 별도 파일인가
     · 두레추천 매거진 카드(.mzr_card)는 css/shop/main_recom_mz.css,
       조합원 후기 카드(.rvm_main_card)는 css/shop/style_v2.css 소속인데
       두 파일 모두 다른 단위가 점유 중이라 무접촉이 원칙이다.
     · 그래서 "높이 수렴"에 필요한 값만 이 시트에서 오버라이드한다.
       원본 시트는 한 글자도 건드리지 않는다 → 롤백 = 이 파일 링크 1줄 제거.
   로드 위치 = include/comm/mainCatBestComm.jsp (PC 메인·모바일 메인 모두 무조건 include).
   ----------------------------------------------------------------------------
   PC 1440 실측(전): mzr 606 / cb 448 / msj 436 / thm 415~417 / review 400  → 5종 산개
   목표: 이상치(606)를 끌어내리고 표준대(390~410)로 모은다.
   ============================================================================ */

/* ── 1) 두레추천 매거진 카드(.mzr_card) — PC 최대 이상치 606px ──────────────
   분해: 이미지 360.7(3열 1:1, 손 못 댐) + 본문 242.9 + 보더 2.
   본문 242.9 = 패딩 34 + metatop 24 + 이름 23 + 칩줄 26.9 + 가격 25 + 한마디 78 + gap 32.
   낭비 지점 = ① gap 8px × 5 ② 한마디 min-height:76px 고정 + 행간 1.6 ③ 본문 패딩 16/18
                ④ metatop min-height:22px 고정.
   정보는 하나도 안 지운다 — 한마디 2줄 노출 그대로, 여백·행간만 조인다. */
.main_section1_mdchoice .mzr_body{ padding:12px 16px 14px; gap:5px; }
.main_section1_mdchoice .mzr_body .metatop{ min-height:0; margin-bottom:0; }
.main_section1_mdchoice .mzr_nm{ line-height:1.25; }
.main_section1_mdchoice .mzr_price{ line-height:1.1; }
.main_section1_mdchoice .mzr_quote{
  font-size:15px; line-height:1.4; padding:8px 11px 8px 27px; min-height:0; margin-top:0;
}
.main_section1_mdchoice .mzr_quote::before{ font-size:22px; left:9px; top:3px; }
/* 카드가 떠 보이는 그림자 절제(오아시스 톤: 헤어라인 위주) */
.main_section1_mdchoice .mzr_card{ border-color:#EDE8DA; }
.main_section1_mdchoice .mzr_card:hover{ box-shadow:0 4px 14px rgba(29,39,30,.07); }
.main_section1_mdchoice .mzr_imgbox{ background:#F5F3EC; }
.main_section1_mdchoice .mzr_cart{ box-shadow:0 2px 8px rgba(31,40,30,.18); border:1px solid rgba(47,75,51,.10); }

/* ── 2) 메인 기획전 카드(.thm_v2 .thm_card) — 415~417px, 표준대의 기준선 ────
   여기는 이미 담기 아이콘(.thm_cart)이 이미지 위에 있는 "오아시스 문법"이라 구조는 그대로 두고
   본문 여백·행간만 다른 섹션과 같은 값으로 맞춘다. 테두리 톤도 크림 헤어라인 1종으로. */
.thm_v2 .thm_body{ padding:10px 13px 12px; }
.thm_v2 .thm_nm{ line-height:1.25; height:38px; }
.thm_v2 .thm_price{ margin-top:4px; line-height:1.1; }
.thm_v2 .thm_card{ border-color:#EDE8DA; }
.thm_v2 .thm_card:hover{ box-shadow:0 4px 14px rgba(29,39,30,.07); }
.thm_v2 .thm_imgbox{ background:#F5F3EC; }
.thm_v2 .thm_cart{ border:1px solid rgba(47,75,51,.10); box-shadow:0 2px 8px rgba(31,40,30,.18); }
.thm_v2 .thm_teaser{ border-color:#DFE7DC; }
/* 1개짜리 기획전 = 가로형 히어로(.thm_hero) — 이미 적응형. 362px 를 표준대(~400)와 맞춰 유지하되
   좌측 이미지 폭만 한 뼘 줄여 텍스트가 숨 쉬게. */
.thm_v2 .thm_hero{ border-color:#EDE8DA; }
.thm_v2 .thm_hero_body{ padding:26px 34px; gap:9px; }
.thm_v2 .thm_hero_quote{ line-height:1.65; }

/* ── 3) 조합원 후기 카드(.reviewlist_wrap .rvm_main_card) — 400px ───────────
   표준대 안이라 높이는 유지. 톤만(그림자·회색 보더 → 크림 헤어라인) 통일. */
.reviewlist_wrap .rvm_main_card{ border-color:#EDE8DA; }

/* ── 4) 카테고리 베스트·산지 PC 카드 — 담기가 이미지 위로 올라가며 -44px.
   (규칙 본문은 각 소유 시트 cat_best.css / cat_rise.css / main_sanji.css v2 블록)
   여기서는 남은 본문 여백만 기획전 카드와 같은 값으로 맞춘다. */
@media (min-width:1025px){
  .cb-bd{ padding:8px 13px 11px; }
  .cr-bd{ padding:8px 13px 11px; }
  .msj-card .body{ padding:8px 13px 11px; }
}


/* ═══════════════════════════════════════════════════════════════════════════
   [2026-09-05 QC D07] 담기 아이콘 버튼 = 44x44 원형 1종.
   기획전 카드(.thm_cart) 40px, 메인 후기 카드(.rvm_prod_cart) 40px·radius 10·배경 없음
   → 두 곳 모두 44px 원형 + 흰 .92 배경(오아시스 문법 = 사진 위 담기).
   ★ .rvm_prod_cart 규칙 본문은 review_list_v2.css(다른 단위가 편집 중) — 건드리지 않고
     여기서 (0,3,0) 특정도로 덮는다. 로드 순서와 무관하게 이긴다.
   ═══════════════════════════════════════════════════════════════════════════ */
.thm_v2 .thm_cart{ width:44px; height:44px; }
.main_section_review .rvm_product .rvm_prod_cart{
  width:44px; height:44px; border-radius:50%;
  background:rgba(255,255,255,.92); box-shadow:0 2px 8px rgba(31,40,30,.18);
  border:1px solid rgba(47,75,51,.10);
}
.main_section_review .rvm_product .rvm_prod_cart:hover{ background:#eaf1e8; }