@charset "utf-8";
/**
 * photo_box.css — 상품 '사진 칸' 통일 (2026-10-05 신설, v1.0.0)
 *
 * 원칙: 사진 칸은 상품의 무대. 바탕은 귀리색 하나(#EDE9E1 = 대표사진 바탕과 같은 색).
 * 기획 = Fable+Astra 합의본(볼트 기록 10-05 썸네일 사진칸 통일). 팀장 결정: 날짜 칩·상세 대표사진은 현행 유지.
 *
 * 1단계(v1.0.0) = 바탕색만. 2단계(v1.1.x) = 담기 버튼·BEST 배지·카드 작은 글자(아래 별도 절).
 *   - 화면마다 달랐던 칸 바탕(#F5F5F3·#F7F7F4·#F5F3EC·#F6F5EF·#F7F8F6·#FFF)을 귀리색으로.
 *   - 카드 사진에 걸린 화면보정 필터(saturate/contrast/brightness)를 끈다.
 *     귀리색 사진에 contrast 1.07·brightness 1.03 이 걸리면 바탕이 거의 흰색(≈#FCF8F0)으로 떠서 통일이 깨진다.
 * 각 단위 시트를 고치지 않고 덮어쓰기만 한다(롤백 = commScripts.jsp 의 이 파일 링크 1줄 삭제).
 * 페이지별 시트가 이 파일보다 뒤에 로드되고 선택자 특이도가 제각각이라, 바탕색·필터 두 속성에 한해 !important 를 쓴다.
 * 상세 페이지 대표 사진(.gvdt 대표 영역)·후기 사진·카테고리 아이콘은 대상이 아니다.
 */
:root{ --photo-box:#EDE9E1; }

/* PC 목록·메인 */
.product_type1 .img_wrap,
.product_list_wrap .product_type1 .img_wrap,
.rvm_prod_img,
.product_list_wrap.vcz #id_goodsList .img_wrap,
.product_list_wrap.oaz .cmz_card .cmz_img,
.cmz_img,
.section_goodslist_best .dcz .pcimg,
.gnbp .pcimg,
.gnbp .pgrid:not(.bnc_grid) > li .pcimg,
.gnbp_recom .rcb1_imw,
.gnbp_benefit .cb-imw,
.cb-imw,
.cr-imw,
.msj-card .imwrap,
.main_section1_mdchoice .mzr_imgbox,
.thm_v2 .thm_imgbox,
.thm_v2 .thm_hero_img img,
.ts_band .ms4_slider_wrap .img_wrap,
.main_section4.ts_band .ms4_prod_wrap .img_wrap,
.plan_b .content .img_wrap,
.plan_b .ts_band .ms4_slider_wrap .img_wrap,
.plan_b .ts_band .ms4_prod_wrap .img_wrap,
.plan_b .pb-tsband .imwrap img,
.pgz-card .pimg,
.eg-sec .dcz .thumb,
.gvdt .dcz .thumb,
.rvz .rvz_thumb,
.rvz .rvz_best_thumb,
.spanel .spcard .spthumb,
.cfm-ph,
img.th2{ background-color:var(--photo-box) !important; }

/* 모바일 메인·검색 */
.mrdz{ --imbg:#EDE9E1; }
.mrdz .imwrap img,
.mrdz #bigBenefit .img_wrap,
.search_result_wrap .srm_thumb,
.srchv3 .sv_img,
.keyword_search_wrap .hr_thumb,
.keyword_search_wrap .kac_thumb,
.ht3_auto .kac_thumb,
.rvmo_sec .rvmo_v2 .rvmo_c2th--gd,
img[src*="GoodsNoImage"]{ background-color:var(--photo-box) !important; }

/* 카드 사진 화면보정 필터 끄기(배너·카테고리 아이콘은 그대로) */
.mrdz .imwrap img,
.plan_b .pb-tsband .imwrap img{ filter:none !important; }

/* ============================================================================
   2단계(v1.1.0) — 담기 버튼·BEST 배지·카드 작은 글자
   ============================================================================ */
/* 초록 카트 아이콘(흰 원 위) — 일반 담기 / 예약 / 택배예약 */
:root{
	--pb-cart:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233D6041' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 4h2.2l2.1 11.2a1.6 1.6 0 0 0 1.6 1.3h8.5a1.6 1.6 0 0 0 1.6-1.3L21 8H6'/%3E%3Ccircle cx='9.6' cy='20' r='1.4'/%3E%3Ccircle cx='17.4' cy='20' r='1.4'/%3E%3C/svg%3E");
	--pb-res:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233D6041' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.2' y='4.8' width='17.6' height='16' rx='2.4'/%3E%3Cpath d='M3.2 9.6h17.6M8 3.2v3.2M16 3.2v3.2'/%3E%3C/svg%3E");
	--pb-gift:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233D6041' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.4 7.6 12 3.4l8.6 4.2v8.8L12 20.6 3.4 16.4Z'/%3E%3Cpath d='M3.4 7.6 12 11.8l8.6-4.2M12 11.8v8.8'/%3E%3C/svg%3E");
}

/* 휴대폰 사진 위 담기(card_flat_m.css §4 의 검정 50% 38px) → 흰 92% 40px + 초록 아이콘, 누르는 영역 48px.
   차단·품절(.bbvz-off/.bbvz-blocked/.soldout)은 담기 차단 단위 규칙이 그대로 이긴다(:not 으로 비킴). */
html body .cfm-ph > .cfm-ic{
	width:40px !important; min-width:40px !important; max-width:40px !important;
	height:40px !important; min-height:40px !important; max-height:40px !important;
	background-size:22px 22px !important; overflow:visible !important;
	box-shadow:0 1px 4px rgba(29,39,30,.18) !important; color:#3d6041 !important;
}
html body .cfm-ph > .cfm-ic::after{ content:"" !important; display:block !important; position:absolute !important; left:-4px !important; right:-4px !important; top:-4px !important; bottom:-4px !important; width:auto !important; height:auto !important; border-radius:50% !important; background:none !important; }
html body .cfm-ph > .cfm-ic:not(.bbvz-off):not(.bbvz-blocked):not(.soldout){ background-color:rgba(255,255,255,.92) !important; background-image:var(--pb-cart) !important; }
html body .cfm-ph > .cfm-ic:not(.bbvz-off):not(.bbvz-blocked):not(.soldout):active{ background-color:#eaf1e8 !important; }
html body .cfm-ph > .cfm-ic.cfm-res:not(.bbvz-off):not(.soldout),
html body .cfm-ph > .cfm-ic.rvtm-addbtn:not(.bbvz-off):not(.soldout){ background-image:var(--pb-res) !important; }
html body .cfm-ph > .cfm-ic.cfm-gift:not(.bbvz-off):not(.soldout){ background-image:var(--pb-gift) !important; }
html body .cfm-ph > .cfm-ic.dz-busy:not(.bbvz-off):not(.bbvz-blocked):not(.soldout){ background-image:none !important; }
html.font_big body .cfm-ph > .cfm-ic,
html body.dcbig .cfm-ph > .cfm-ic{
	width:44px !important; min-width:44px !important; max-width:44px !important;
	height:44px !important; min-height:44px !important; max-height:44px !important;
}

/* 큰글씨 모드 목록 담기: dure_card.css 의 글자 버튼용 min-height:46px·padding 9px 이 사진 위 원형 아이콘에도 걸려 44×46 으로 찌그러지던 것 바로잡음 */
html body.dcbig .product_list_wrap .gnbp.gcardz .pgrid .cfm-ph > .pc_cart.cfm-ic:not(.soldout){ min-height:44px !important; height:44px !important; padding:0 !important; }

/* PC 카테고리 베스트 담기(검정 50% 38px) → 다른 PC 카드와 같은 흰 원 44px + 초록 */
html body .cb-card .cb-bd > .cb-addbtn:not(.cfm-ic):not(.bbvz-off):not(.bbvz-blocked):not(.soldout){
	width:44px; min-width:44px; background:rgba(255,255,255,.92); color:#3d6041; box-shadow:0 2px 8px rgba(20,25,20,.18);
}
html body .cb-card .cb-bd > .cb-addbtn:not(.cfm-ic):not(.bbvz-off):not(.bbvz-blocked):not(.soldout):hover,
html body .cb-card .cb-bd > .cb-addbtn:not(.cfm-ic):not(.bbvz-off):not(.bbvz-blocked):not(.soldout):active{ background:#eaf1e8; color:#3d6041; }

/* PC 흰 원 담기 — 먹색 아이콘을 초록으로(모양·크기 44px·자리는 그대로) */
html body .product_list_wrap.oaz .product_type1 .pc_cart:not(.res):not(.gift):not(.soldout):not(.bbvz-off):not(.bbvz-blocked),
html body .product_list_wrap.vcz #id_goodsList .cart:not(.res):not(.gift):not(.soldout):not(.bbvz-off):not(.bbvz-blocked),
html body .product_list_wrap.vcz .section_goodslist_best .box_cart a:not(.res):not(.gift):not(.soldout):not(.bbvz-off):not(.bbvz-blocked),
html body .gnbp_recom.rc2 .rc_grid > li > .pc_cart:not(.res):not(.gift):not(.soldout):not(.bbvz-off):not(.bbvz-blocked){ background-image:var(--pb-cart); }
html body .main_section1_mdchoice .mzr_cart,
html body .thm_v2 .thm_cart{ color:#3d6041; }

/* BEST 배지 = 진초록 하나(PC 목록 검정, 카테고리 베스트 1~3위 금색 → 초록) */
html body .product_list_wrap .product_type1 .img_wrap .tag .bg_best{ background-color:#3d6041; color:#fff; }
html body .cb-badge.top{ background:linear-gradient(135deg,#3d6041,#2c4a30); color:#fff; }

/* 카드 작은 글자 진하게 — 생산자명 #8a8f86(3.3:1) → #565a57(7:1), 취소선 정가 #9aa09b(2.7:1) → #6b6f68(5:1),
   냉장 칩 글자 #2b7fc2(3.9:1) → #1f69a6(5.2:1). 할인가·강조색은 건드리지 않는다. */
html body .gcard-farmer,
html body .gnbp .pc_farmer,
html body .gnbp_new .metatop .farmer,
html body .mrdz .pcard .farmer{ color:#565a57; }
html body .main_section1_mdchoice .mzr_price .old,
html body .product_list_wrap .product_type1 dd.won .old,
html body .cb-price .cb-old,
html body .mrdz .pr .old,
html body .mrdz .pcard .pr .old,
html body .gnbp .pc_price .old{ color:#6b6f68; }
html body .tmk-pill.tmk-c,
html body .dcz .specrow .cpill.tmk-pill.tmk-c,
html body .cpill.tpill-cold{ color:#1f69a6 !important; }
html body .cfm-rcz > .body > .pr > .old{ color:#6b6f68 !important; }