/* goods_view_v2.css v1.0.0 — 2026-07-30 상품 상세(PC) 리뉴얼 STEP1
 * 범위 = STEP1 딱 두 가지: (1) 하단 연관카드 두레카드(.dcz)화, (2) 섹션 제목 3단헤더/세리프+룰바 통일.
 * 원칙 = 시각·구조만. 모든 규칙은 .product_detail_v2_wrap 하위로 스코프(사이트 무영향).
 *        데이터/AJAX/링크 동작 무접촉 — 카드 링크=moveProdDetail, 담기=addBasketV2(기존 함수 그대로).
 * 토큰(목업 detail_redesign.html 정렬) = green#3d6041 / green-deep#2f4b33 / green-soft#eaf1e8 /
 *        gold#f8a31e(세일 최소 포인트) / ink#1b241c / sub#5c685a / mute#8a9585 / line#e4e0d2 / card#fff / star#f5a623.
 * 인라인 스타일 금지 — 스타일 변경은 이 파일 버전업 + commScripts 버전 갱신으로만.
 */

/* ===== (2) 섹션 3단 헤더 — 신규 연관 섹션 전용 (아이브로 + 세리프 제목 + 룰바) ===== */
.product_detail_v2_wrap .gv2_shead{ margin:0 0 22px; }
.product_detail_v2_wrap .gv2_shead .gv2_eyebrow{
	font-size:13px; font-weight:800; letter-spacing:.16em; color:#3d6041; text-transform:uppercase;
}
.product_detail_v2_wrap .gv2_shead .gv2_stitle{
	margin:8px 0 0; font-size:26px; font-weight:800; letter-spacing:-.01em; color:#1b241c; line-height:1.25;
	font-family:'Pretendard','Noto Sans KR',sans-serif;
}
.product_detail_v2_wrap .gv2_shead .gv2_rule{
	height:3px; margin-top:13px; background:linear-gradient(90deg,#3d6041 0 46px,#e4e0d2 46px);
}
.product_detail_v2_wrap .gv2_shead .gv2_desc{ margin:11px 0 0; font-size:15px; color:#5c685a; letter-spacing:-.01em; }

/* ===== (2b) 기존 탭 내 섹션 제목(사양정보/정보고시/배송·반품/두레이야기·요리조리) — 세리프 + 초록 룰바로 통일 =====
   마크업 무변경(page-scoped CSS만). 기존 .prod_table/.dexinfo_table .title(20px/500) 위에 세리프+언더룰만 얹음 */
.product_detail_v2_wrap .product_detail_content .detail_content1 .prod_table > h4.title,
.product_detail_v2_wrap .product_detail_content .detail_content1 .goods_story > h4.title,
.product_detail_v2_wrap .product_detail_content .detail_content4 .dexinfo_table > h4.title{
	font-family:'Pretendard','Noto Sans KR',sans-serif;
	font-weight:800; color:#1b241c; padding-bottom:11px; position:relative;
}
.product_detail_v2_wrap .product_detail_content .detail_content1 .prod_table > h4.title::after,
.product_detail_v2_wrap .product_detail_content .detail_content1 .goods_story > h4.title::after,
.product_detail_v2_wrap .product_detail_content .detail_content4 .dexinfo_table > h4.title::after{
	content:""; position:absolute; left:0; bottom:0; width:100%; height:2px;
	background:linear-gradient(90deg,#3d6041 0 40px,#e4e0d2 40px);
}

/* ===== (1) 하단 연관 두레카드(.dcz) ===== */
.product_detail_v2_wrap .gv2_related{ margin-top:56px; }
.product_detail_v2_wrap .gv2_related + .gv2_related{ margin-top:56px; }
.product_detail_v2_wrap .gv2_dcz_grid{
	display:grid; grid-template-columns:repeat(4,1fr); gap:18px;
}
/* 카드 컨테이너 (dure_card.css는 칩/메타만 담당 → 레이아웃은 화면 CSS에서, 규칙에 맞게 여기서 정의) */
.product_detail_v2_wrap .gv2_dcz_grid .dcz{
	background:#fff; border:1px solid #e4e0d2; border-radius:16px; overflow:hidden;
	transition:box-shadow .15s ease, transform .15s ease; display:flex; flex-direction:column;
}
.product_detail_v2_wrap .gv2_dcz_grid .dcz:hover{ box-shadow:0 6px 18px rgba(61,96,65,.12); transform:translateY(-2px); }
.product_detail_v2_wrap .gv2_dcz_grid .dcz .gv2_link{ display:block; cursor:pointer; }

.product_detail_v2_wrap .gv2_dcz_grid .gv2_thumb{
	aspect-ratio:1/1; overflow:hidden; position:relative; background:#f6f5ef;
}
.product_detail_v2_wrap .gv2_dcz_grid .gv2_thumb img{ width:100%; height:100%; object-fit:cover; display:block; }
/* 할인 배지 = 골드(세일 전용 최소 포인트) */
.product_detail_v2_wrap .gv2_dcz_grid .gv2_badge{
	position:absolute; top:10px; left:10px; font-size:12px; font-weight:800; color:#fff;
	background:#D8352A; padding:3px 9px; border-radius:8px; letter-spacing:.01em; line-height:1.4;
}
/* 증정/쿠폰 등 부가 배지 */
.product_detail_v2_wrap .gv2_dcz_grid .gv2_badge.gv2_badge_g{ background:#3d6041; }
.product_detail_v2_wrap .gv2_dcz_grid .gv2_badge.gv2_badge_c{ background:#2f4b33; }
.product_detail_v2_wrap .gv2_dcz_grid .gv2_badges{ position:absolute; top:10px; left:10px; display:flex; gap:6px; }
.product_detail_v2_wrap .gv2_dcz_grid .gv2_badges .gv2_badge{ position:static; }
/* 공급중단 오버레이 */
.product_detail_v2_wrap .gv2_dcz_grid .gv2_halt{
	position:absolute; inset:0; background:rgba(27,36,28,.55); color:#fff;
	display:flex; align-items:center; justify-content:center; text-align:center; padding:12px;
	font-size:14px; font-weight:700; line-height:1.4;
}

.product_detail_v2_wrap .gv2_dcz_grid .gv2_body{ padding:14px 15px 16px; display:flex; flex-direction:column; flex:1; }
.product_detail_v2_wrap .gv2_dcz_grid .gv2_cert{ font-size:12px; font-weight:800; color:#2c4a30; margin-bottom:5px; }
.product_detail_v2_wrap .gv2_dcz_grid .gv2_nm{
	font-size:16px; font-weight:700; line-height:1.4; color:#1b241c; margin:0 0 9px;
	min-height:44px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.product_detail_v2_wrap .gv2_dcz_grid .gv2_price{ display:flex; align-items:baseline; flex-wrap:wrap; gap:7px; }
.product_detail_v2_wrap .gv2_dcz_grid .gv2_old{ font-size:13px; color:#8a9585; text-decoration:line-through; }
.product_detail_v2_wrap .gv2_dcz_grid .gv2_now{ font-size:19px; font-weight:800; color:#1b241c; letter-spacing:-.01em; }
.product_detail_v2_wrap .gv2_dcz_grid .gv2_now .u{ font-size:14px; font-weight:700; margin-left:1px; }
.product_detail_v2_wrap .gv2_dcz_grid .gv2_nonmem{ font-size:12.5px; color:#8b978c; margin-top:3px; }
.product_detail_v2_wrap .gv2_dcz_grid .gv2_nonmem b{ font-weight:600; color:#8b978c; }

/* 담기 버튼 — 전사 표준 그린 아웃라인→호버 솔리드 (STEP2 CTA 표준화는 별도 차수, 여기선 카드 담기만) */
.product_detail_v2_wrap .gv2_dcz_grid .gv2_cart{
	margin-top:12px; width:100%; height:44px; border:1px solid #3d6041; background:#fff; color:#3d6041;
	border-radius:11px; font-size:15px; font-weight:800; cursor:pointer; transition:.15s;
	display:inline-flex; align-items:center; justify-content:center;
}
.product_detail_v2_wrap .gv2_dcz_grid .gv2_cart:hover{ background:#eaf1e8; color:#3d6041; }
/* 공급중단 카드: 담기 회색 비활성(전사 정책) */
.product_detail_v2_wrap .gv2_dcz_grid .gv2_cart.gv2_soldout{
	background:#e4e0d2; color:#6c7268; border-color:#e4e0d2; cursor:default; pointer-events:none;
	white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}

/* ===== 반응형 ===== */
@media (max-width:1100px){
	.product_detail_v2_wrap .gv2_dcz_grid{ grid-template-columns:repeat(3,1fr); }
}
@media (max-width:760px){
	.product_detail_v2_wrap .gv2_dcz_grid{ grid-template-columns:repeat(2,1fr); gap:12px; }
	.product_detail_v2_wrap .gv2_shead .gv2_stitle{ font-size:22px; }
}