@import url('https://cdn.jsdelivr.net/gh/fonts-archive/MaruBuri/MaruBuri.css'); /* 코너 헤더·히어로 명조 (2026-07-06) */

/* ============================================================
 * plan_b.css — 기획전 B타입(plan_view2) 전용 재디자인
 * 기준: DESIGN_POLICY.md (그린 1 + 중립 + 강조 1)
 * 스코프: .plan_b (plan_view2.jsp 루트 .event_view_wrap 에만 부여)
 *   → A(plan_view)·공유 style_v2.css 무영향. 기존 클래스를 .plan_b 안에서만 오버라이드.
 * 로드: plan_view2.jsp 에서만 (mobile/shop 공용). 수정 시 commScripts 버전 갱신.
 * 반응형: 기본=모바일 가로형 / @media(min-width:1025px)=PC 4열 그리드
 * ============================================================ */

.plan_b{
  --pb-green:#3d6041; --pb-green-d:#1d271e; --pb-green-2:#2f5233;
  --pb-ink:#1d271e; --pb-muted:#565a57; --pb-weak:#828284;
  --pb-line:#d8d8d8; --pb-surface:#f4f4f4; --pb-accent:#f8a31e; --pb-sale:#fe0605;
  --pb-cpn:#c85a12; --pb-cpn-bg:#fff6ec;
  --pb-num:'Roboto','Pretendard','Noto Sans KR',sans-serif;
  word-break:keep-all;
}
.plan_b, .plan_b p, .plan_b a, .plan_b dl, .plan_b dt, .plan_b dd, .plan_b h2{ letter-spacing:-.01em; }
.plan_b .mono, .plan_b .roboto{ font-family:var(--pb-num); font-variant-numeric:tabular-nums; }

/* ---- 상단 타이틀/공급일 ---- */
.plan_b .event_view_title .date{ color:var(--pb-muted); font-size:14px; }

/* ---- 쿠폰 배너 (신규 HTML: .pb-coupon) ---- */
.plan_b .pb-coupon{ background:var(--pb-cpn-bg); border:1px solid #f0dcc0; border-radius:16px; padding:14px; margin:12px; }
.plan_b .pb-coupon .msg{ display:flex; align-items:center; gap:8px; font-size:14px; font-weight:700; color:var(--pb-green); margin-bottom:11px; line-height:1.4; }
.plan_b .pb-coupon .msg .ck{ flex:0 0 auto; width:20px; height:20px; border-radius:50%; background:var(--pb-green); color:#fff; display:grid; place-items:center; font-size:12px; }
.plan_b .pb-ticket{ display:flex; background:#fff; border:1.5px solid var(--pb-cpn); border-radius:12px; overflow:hidden; }
.plan_b a.pb-ticket{ color:inherit; text-decoration:none; cursor:pointer; }
.plan_b .pb-ticket .tl{ flex:0 0 108px; background:var(--pb-cpn); color:#fff; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:12px 6px; position:relative; }
.plan_b .pb-ticket .tl .v{ font-size:24px; font-weight:800; line-height:1; }
.plan_b .pb-ticket .tl .v small{ font-size:13px; }
.plan_b .pb-ticket .tl .l{ font-size:11px; font-weight:700; margin-top:4px; opacity:.92; }
.plan_b .pb-ticket .tl::after{ content:""; position:absolute; right:-7px; top:0; bottom:0; width:14px; background:radial-gradient(circle at 7px 7px,transparent 6px,#fff 6px) repeat-y; background-size:14px 14px; }
.plan_b .pb-ticket .tr{ flex:1 1 auto; padding:11px 15px; min-width:0; }
.plan_b .pb-ticket .tr .nm{ font-size:15px; font-weight:800; color:var(--pb-ink); margin-bottom:3px; }
.plan_b .pb-ticket .tr .pd{ font-size:12px; color:var(--pb-muted); margin-bottom:8px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.plan_b .pb-ticket .tr .use{ font-size:12.5px; color:var(--pb-muted); white-space:nowrap; }
.plan_b .pb-ticket .tr .use b{ color:var(--pb-green); font-weight:800; }
.plan_b .pb-coupon .note{ font-size:12px; color:var(--pb-muted); margin-top:8px; }
.plan_b .pb-coupon .note b{ color:var(--pb-green); }

/* ---- 기획전 내 검색 (신규 HTML: .pb-search) ---- */
.plan_b .pb-search{ display:flex; align-items:center; gap:9px; background:#fff; border:1.5px solid var(--pb-line); border-radius:12px; padding:12px 15px; margin:6px 12px 4px; }
.plan_b .pb-search .si{ color:var(--pb-weak); font-size:15px; }
.plan_b .pb-search input{ border:0; outline:0; flex:1; min-width:0; font-family:inherit; font-size:16px; background:transparent; color:var(--pb-ink); }

/* ---- 탭 (그린 알약) — 스크롤 고정은 기존 .fixed JS 그대로 사용 ----
 * 주의: 기존 .est_menu .swc_tab a{line-height:60px} 상속 + a.active:after(초록 알약 가상요소)와
 * 충돌해 세로로 늘어난 타원/이중 알약이 됨 → line-height 재정의 + 가상요소 무력화 필수 */
.plan_b .event_slider_tab .swiper-slide a{ font-size:14px; font-weight:700; line-height:1.3; height:auto; color:var(--pb-muted); border:1px solid var(--pb-line); background:#fff; border-radius:999px; padding:9px 16px; margin:9px 0; white-space:nowrap; display:inline-block; }
.plan_b .event_slider_tab .swiper-slide a.active{ background:var(--pb-green); color:#fff; border-color:var(--pb-green); }
.plan_b .est_menu .swc_tab a.active:after{ display:none; }

/* ---- 섹션 제목: 이미지형 = 전체폭, 텍스트형 = 그린 밑줄 ---- */
.plan_b .ev_product .inner > img,
.plan_b .ev_product .inner > a > img{ width:100%; border-radius:12px; }
.plan_b .tabcon_tt{ font-size:19px; font-weight:800; color:var(--pb-green); border-bottom:2px solid var(--pb-green); padding:10px 0; margin:14px 12px 8px; }

/* ============================================================
 * 상품 그리드/카드 — 기본(모바일) = 가로형, PC = 그리드
 * 기존 마크업: .product_type4 > .content > a(.img_wrap + .txt_box) + a.cart
 * ============================================================ */
/* ---- 기존 mobile style_v2.css .product_type4(2열 float 카드) 규칙 무력화 ----
 * width:46.684% + nth float / img_wrap padding-bottom:100% 정사각 / tag li 54px 고정
 * 이 잔재가 새 카드에 새어들면 카드가 절반폭으로 찌그러지고 텍스트가 테두리 밖으로 넘침 */
.plan_b .product_type4 .content{ width:100%; float:none; }
.plan_b .product_type4 .content:nth-child(n+3){ margin-top:0; }
.plan_b .content .img_wrap{ padding-bottom:0; border:0; }
.plan_b .content .img_wrap .tag li{ float:none; width:auto; height:auto; line-height:1.4; }
.plan_b .content .txt_box .title{ height:auto; }
.plan_b .content .txt_box dl.price{ padding:0; height:auto; }
.plan_b .product_type4{ display:flex; flex-direction:column; gap:11px; padding:6px 12px 14px; margin:0; }
.plan_b .content{ position:relative; background:#fff; border:1px solid var(--pb-line); border-radius:16px; padding:12px; display:grid; grid-template-columns:124px 1fr; gap:6px 14px; align-items:start; }
.plan_b .content > a:not(.cart){ display:contents; }         /* 상품링크 래퍼 무력화 → 자식(img_wrap·txt_box)이 grid셀 */
.plan_b .content .img_wrap{ grid-column:1; grid-row:1/3; align-self:stretch; width:132px; height:auto; min-height:132px; border-radius:12px; overflow:hidden; background:#f7f8f6; position:relative; margin:0; flex-direction:row; justify-content:normal; }
.plan_b .content .img_wrap img{ width:100%; height:100%; object-fit:cover; }
.plan_b .content .img_wrap .tag{ position:absolute; top:8px; left:8px; display:flex; gap:4px; margin:0; padding:0; z-index:2; }
.plan_b .content .img_wrap .tag li{ list-style:none; font-size:10.5px; font-weight:800; color:#fff; padding:2px 6px; border-radius:5px; }
.plan_b .content .img_wrap .tag li.bg_y{ background:var(--pb-accent); color:var(--pb-ink); }  /* 할인% */
.plan_b .content .img_wrap .tag li.bg_g{ background:var(--pb-green-2); }                        /* 증정 */
.plan_b .content .img_wrap .tag li.bg_c{ background:var(--pb-green); }                          /* 쿠폰 */
/* 2026-07-09 사전예약/택배예약 카드 구분 (배경색·뱃지) */
.plan_b .content.pb-reserve{ background:#f5f2fc; border-color:#e2d8f5; }        /* 사전예약 = 연보라 */
.plan_b .content.pb-gift{ background:#eaf4fb; border-color:#cfe6f5; }           /* 택배예약 = 연하늘 */
.plan_b .content .img_wrap .tag li.bg_reserve{ background:#7b5cc7; }            /* 사전예약 뱃지 */
.plan_b .content .img_wrap .tag li.bg_gift{ background:#2f8fd6; }               /* 택배예약 뱃지 */
/* 2026-07-10 기획전은 style_v2.css를 로드하지 않음 → 반짝장터 밴드 스타일이 전무해 깨짐. style_v2의 .ts_band 규칙을 .plan_b 스코프로 자체 포함(모바일=스택 / PC=그리드) */
.plan_b .pb-tsband{ margin:0 0 22px; }
.plan_b .ts_band{ background:linear-gradient(180deg,#3D6041 0%,#2E4A32 100%); padding:24px 0 28px; position:relative; overflow:hidden; border-radius:16px; }
.plan_b .ts_band::before{ content:""; position:absolute; inset:0; background:radial-gradient(1100px 240px at 12% -30%, rgba(217,184,74,.18), transparent 60%); pointer-events:none; }
.plan_b .ts_band .inner{ position:relative; z-index:1; padding:0 18px; }
.plan_b .ts_band .ts_panel{ color:#fff; }
.plan_b .ts_band .ts_eyebrow{ font-family:'MaruBuri','Nanum Myeongjo',serif; font-size:22px; display:flex; align-items:center; gap:9px; }
.plan_b .ts_band .ts_eyebrow .ts_spark{ color:#D9B84A; font-size:17px; }
.plan_b .ts_band .ts_deadline{ margin-top:7px; font-size:13.5px; color:#d7e2d3; }
.plan_b .ts_band .ts_deadline b{ color:#D9B84A; font-weight:600; }
.plan_b .ts_band .ts_count{ margin-top:12px; font-size:44px; line-height:1; font-weight:800; font-variant-numeric:tabular-nums; display:flex; align-items:baseline; gap:1px; white-space:nowrap; color:#fff; text-shadow:0 2px 18px rgba(0,0,0,.25); }
.plan_b .ts_band .ts_count .ts_num{ min-width:54px; text-align:center; display:inline-block; }
.plan_b .ts_band .ts_count .ts_colon{ color:#D9B84A; padding:0 3px; font-weight:600; }
.plan_b .ts_band .ts_count .ts_sec{ color:#D9B84A; }
.plan_b .ts_band .ts_count .ts_days{ font-size:20px; font-weight:700; color:#D9B84A; min-width:auto; margin-right:7px; align-self:center; }
.plan_b .ts_band .ts_count .ts_days:empty{ display:none; }
.plan_b .ts_band .ts_count_lab{ margin-top:6px; font-size:11px; color:#c3d2bf; display:flex; gap:38px; padding-left:14px; letter-spacing:.16em; }
.plan_b .ts_band .ts_ember{ margin-top:12px; height:7px; border-radius:6px; background:rgba(255,255,255,.14); overflow:hidden; }
.plan_b .ts_band .ts_ember>i{ display:block; height:100%; width:100%; border-radius:6px; background:linear-gradient(90deg,#B8902E,#D9B84A); }
.plan_b .ts_band .ts_tag{ margin-top:13px; font-size:13.5px; color:#eef3ec; }
.plan_b .ts_band .ts_tag b{ color:#fff; }
.plan_b .ts_band .slider_tab{ margin-top:16px; }
.plan_b .ts_band .slider_tab li{ display:inline-block; margin:0 8px 0 0; }
.plan_b .ts_band .slider_tab a{ display:block; background:rgba(255,255,255,.12); width:108px; height:38px; border-radius:22px; line-height:38px; text-align:center; font-size:15px; color:#dfe8db; }
.plan_b .ts_band .slider_tab li.on a{ background:#D9B84A; color:#2E4A32; font-weight:700; }
.plan_b .ts_band .ms4_prod_wrap{ position:relative; overflow:hidden; margin-top:16px; }
.plan_b .ts_band .ms4_slider_wrap{ overflow:hidden; position:relative; padding:6px 2px 8px; }
.plan_b .ts_band .ms4_slider_wrap .swiper-wrapper{ display:flex; }
.plan_b .ts_band .ms4_slider_wrap .swiper-slide{ width:230px; flex:0 0 auto; margin-right:16px; background:#F4F1EA; border-radius:12px; box-shadow:0 10px 24px rgba(0,0,0,.20); overflow:hidden; position:relative; }
.plan_b .ts_band .ms4_slider_wrap .img_wrap{ position:relative; aspect-ratio:1/1; background:#fff; }
.plan_b .ts_band .ms4_slider_wrap .img_wrap img{ width:100%; height:100%; object-fit:cover; }
.plan_b .ts_band .ms4_slider_wrap .img_wrap .tag{ position:absolute; top:10px; left:10px; z-index:2; }
.plan_b .ts_band .ms4_slider_wrap .img_wrap .tag .bg_y{ display:inline-block; background:#E8452A; color:#fff; font-size:20px; font-weight:900; line-height:1; padding:7px 11px; border-radius:10px; }
.plan_b .ts_band .ms4_slider_wrap .img_wrap .tag .bg_g{ display:inline-block; background:#3D6041; color:#fff; font-size:12px; padding:4px 8px; border-radius:6px; margin-top:4px; }
.plan_b .ts_band .ms4_slider_wrap .img_wrap .tag .bg_c{ display:inline-block; background:#B8902E; color:#fff; font-size:12px; padding:4px 8px; border-radius:6px; margin-top:4px; }
.plan_b .ts_band .ms4_slider_wrap .txt_box{ background:#F4F1EA; padding:12px 13px 14px; margin:0; box-sizing:border-box; overflow:hidden; position:relative; height:auto; width:auto; }
.plan_b .ts_band .ms4_slider_wrap .txt_box .title{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:15px; font-weight:600; color:#23301F; margin-bottom:8px; height:auto; display:block; }
.plan_b .ts_band .ms4_slider_wrap .txt_box .comf{ margin-top:0; display:inline-block; font-size:11px; line-height:1; color:#6f7a63; background:#e7e3d6; padding:3px 7px; border-radius:4px; border:0; width:auto; height:auto; }
.plan_b .ts_band .ms4_slider_wrap .txt_box dl.price{ display:flex; align-items:baseline; gap:6px; padding:0; margin:0; width:auto; }
.plan_b .ts_band .ms4_slider_wrap .txt_box dl.price dt{ display:none; }
.plan_b .ts_band .ms4_slider_wrap .txt_box dl.price .won{ display:flex; align-items:baseline; gap:6px; flex-wrap:wrap; }
.plan_b .ts_band .ms4_slider_wrap .txt_box dl.price:first-of-type .won{ font-size:23px; font-weight:800; color:#3D6041; }
.plan_b .ts_band .ms4_slider_wrap .txt_box dl.price .won .sale{ font-size:12px; color:#a79f8d; text-decoration:line-through; font-weight:400; }
.plan_b .ts_band .ms4_slider_wrap .txt_box dl.price + dl.price{ display:none; }
.plan_b .ts_band .ms4_slider_wrap .cart{ position:absolute; bottom:10px; right:10px; width:44px; height:44px; border-radius:9px; background:#3D6041 url(../../images/shop/ico_cart_line.svg) 50% 50% no-repeat; background-size:26px; font-size:0; box-shadow:none; }
.plan_b .ts_band .btn_more{ display:none; }
/* 타임세일 노출문구 (2026-07-14) — TS_COMMENT, 창A 계약, 값 있을 때만 */
.plan_b .ts_note{ margin:10px 14px 4px; padding:11px 14px; background:#FFF8EC; border:1px solid #F3E3C2; border-radius:11px; font-size:13.5px; line-height:1.55; color:#5C4A22; word-break:keep-all; }
/* PC: 좌측 타이머 패널 + 우측 상품 그리드 */
@media (min-width:1025px){
  .plan_b .pb-tsband{ width:1140px; max-width:100%; margin:0 auto 24px; padding:0; border-radius:20px; }
  .plan_b .ts_band .inner{ display:grid; grid-template-columns:340px 1fr; gap:32px; align-items:center; padding:32px 36px 34px; width:auto; max-width:none; box-sizing:border-box; }
  .plan_b .ts_band .ts_count{ font-size:56px; }
  .plan_b .ts_band .ts_count .ts_num{ min-width:70px; }
  .plan_b .ts_band .ms4_prod_wrap{ margin-top:0; }
  .plan_b .ts_note{ grid-column:1 / -1; margin:0; }
}

/* 2026-07-25 반짝장터 카드 = 모바일 메인(.pcard) 형식 통일. main_rd.css 미로드 → 필요한 카드규칙만 .pb-tsband 스코프로 이식(.mrdz·button 전역리셋 미사용). 1장=풀폭 솔로 / 2장=2열 / 3장+=가로레일 */
.plan_b .pb-tsband .pb-tsrail{ display:flex; gap:12px; overflow-x:auto; -webkit-overflow-scrolling:touch; scrollbar-width:none; padding:14px 2px 4px; margin-top:14px; }
.plan_b .pb-tsband .pb-tsrail::-webkit-scrollbar{ display:none; }
.plan_b .pb-tsband .pb-tsrail .pcard{ flex:0 0 240px; display:flex; flex-direction:column; background:#fff; border:1px solid #E4E0D2; border-radius:17px; overflow:hidden; box-shadow:0 8px 20px rgba(0,0,0,.16); }
/* 1장 = 풀폭 가로형(이미지 42% + 정보) */
.plan_b .pb-tsband .pb-tsrail.ts-solo{ display:block; overflow:visible; }
.plan_b .pb-tsband .pb-tsrail.ts-solo .pcard{ flex-direction:row; align-items:stretch; width:100%; }
.plan_b .pb-tsband .pb-tsrail.ts-solo .imwrap{ flex:0 0 42%; width:42%; }
.plan_b .pb-tsband .pb-tsrail.ts-solo .body{ flex:1 1 auto; min-width:0; justify-content:center; }
/* 2장 = 2열 그리드 */
.plan_b .pb-tsband .pb-tsrail.ts-duo{ display:grid; grid-template-columns:1fr 1fr; gap:12px; overflow:visible; }
.plan_b .pb-tsband .pb-tsrail.ts-duo .pcard{ flex:none; width:100%; }
/* 썸네일 */
.plan_b .pb-tsband .imwrap{ position:relative; padding:8px; background:transparent; }
.plan_b .pb-tsband .imwrap .ilink{ display:block; }
.plan_b .pb-tsband .imwrap img{ width:100%; aspect-ratio:1/1; object-fit:cover; border-radius:14px; background:#FAFAFA; filter:saturate(1.18) contrast(1.07) brightness(1.03); }
.plan_b .pb-tsband .imwrap .tags{ position:absolute; top:14px; left:14px; display:flex; flex-wrap:wrap; gap:5px; z-index:2; }
.plan_b .pb-tsband .imwrap .tg{ font-size:12.5px; font-weight:800; line-height:1.35; padding:3px 9px; border-radius:8px; color:#fff; box-shadow:0 1px 3px rgba(0,0,0,.16); }
.plan_b .pb-tsband .imwrap .tg-dc{ background:#F8A31E; }
.plan_b .pb-tsband .imwrap .halt{ position:absolute; inset:8px; border-radius:14px; background:rgba(255,255,255,.74); display:grid; place-items:center; text-align:center; z-index:3; }
.plan_b .pb-tsband .imwrap .halt span{ font-size:14px; font-weight:800; color:#5a5d58; line-height:1.4; padding:0 8px; }
/* 본문 */
.plan_b .pb-tsband .pcard .body{ display:flex; flex-direction:column; flex:1; padding:8px 14px 12px; }
.plan_b .pb-tsband .pcard .metatop{ display:flex; align-items:center; gap:8px; margin-bottom:2px; min-height:20px; }
.plan_b .pb-tsband .pcard .metatop .farmer{ font-size:14px; color:#4F554B; font-weight:500; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:100%; }
.plan_b .pb-tsband .pcard .tlink{ display:block; text-decoration:none; }
/* 상품명 앵커 기본 밑줄·방문색 제거(메인 .pcard와 동일). 담기버튼 등 다른 링크엔 무영향 — .tlink/.nm 한정 */
.plan_b .pb-tsband .pcard .tlink, .plan_b .pb-tsband .pcard .tlink:visited, .plan_b .pb-tsband .pcard .tlink:hover,
.plan_b .pb-tsband .pcard .nm{ text-decoration:none; color:#1D271E; }
.plan_b .pb-tsband .pcard .nm{ font-size:16.5px; font-weight:700; line-height:1.36; word-break:keep-all; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
/* 규격·인증·산지·온도 칩 1줄 */
.plan_b .pb-tsband .pcard .specrow{ display:flex; flex-wrap:wrap; align-items:center; gap:5px; max-height:26px; overflow:hidden; margin-top:5px; }
.plan_b .pb-tsband .pcard .specrow .cpill{ flex:0 1 auto; min-width:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:12.5px; font-weight:600; border-radius:7px; padding:3px 9px; line-height:1.35; }
.plan_b .pb-tsband .pcard .specrow .cpill-spec{ background:#f3f2ec; border:1px solid #e3e0d4; color:#5f6b56; min-width:3.5em; }
.plan_b .pb-tsband .pcard .specrow .cpill-cert{ background:#e7efe8; border:1px solid #c9dccb; color:#2c4a30; font-weight:700; flex:0 0 auto; }
.plan_b .pb-tsband .pcard .specrow .cpill-sanji{ background:#FBF0E4; border:1px solid #F0DCC2; color:#9A5B1E; flex:0 0 auto; }
.plan_b .pb-tsband .pcard .specrow .tpill{ flex:0 0 auto; border:1px solid; }
.plan_b .pb-tsband .pcard .specrow .tpill-frozen{ background:#EAF2F8; border-color:#CFE0EE; color:#2F6D9E; }
.plan_b .pb-tsband .pcard .specrow .tpill-cold{ background:#E8F4F7; border-color:#CFE6EC; color:#1c7ea4; }
.plan_b .pb-tsband .pcard .specrow .tpill-room{ background:#F0F3EE; border-color:#DCE3D8; color:#6b7f6e; }
/* 가격 = 할인율(레드) + 조합원가 크게 + 원가 취소선 */
.plan_b .pb-tsband .pcard .pr{ display:flex; align-items:baseline; flex-wrap:wrap; gap:6px; margin-top:8px; margin-bottom:10px; }
.plan_b .pb-tsband .pcard .pr .dc{ color:#D8352A; font-weight:800; font-size:17px; font-family:"Roboto",sans-serif; }
.plan_b .pb-tsband .pcard .pr .now{ font-family:"Roboto","Pretendard",sans-serif; font-weight:800; font-size:25px; color:#1D271E; }
.plan_b .pb-tsband .pcard .pr .won{ font-size:15.5px; font-weight:800; color:#1D271E; margin-left:-4px; }
.plan_b .pb-tsband .pcard .pr .old{ width:auto; font-size:14px; color:#767C72; text-decoration:line-through; font-family:"Roboto",sans-serif; }
/* 담기 = 진초록 solid 풀폭(텍스트만, min 48px) */
.plan_b .pb-tsband .pcard .addbtn{ display:flex; align-items:center; justify-content:center; width:100%; margin-top:auto; min-height:48px; padding:12px 0; background:#3D6041; color:#fff; border:1.5px solid #3D6041; border-radius:12px; font-size:17px; font-weight:800; letter-spacing:.02em; cursor:pointer; font-family:inherit; }
.plan_b .pb-tsband .pcard .addbtn:active{ background:#37583B; border-color:#37583B; color:#fff; }
.plan_b .pb-tsband .pcard.soldout .addbtn{ background:#EEF0EC; border-color:#DDE1D8; color:#9AA095; }
/* PC: 솔로 카드 과도확대 방지(밴드 우측 그리드 컬럼 내) */
@media (min-width:1025px){
  .plan_b .pb-tsband .pb-tsrail.ts-solo .imwrap{ flex-basis:38%; width:38%; }
  .plan_b .pb-tsband .pcard .nm{ font-size:18px; }
}

.plan_b .content .txt_box{ grid-column:2; grid-row:1; display:flex; flex-direction:column; min-width:0; min-height:132px; padding:0; }
.plan_b .content .txt_box .title{ font-size:18.5px; font-weight:700; color:var(--pb-ink); line-height:1.36; margin:0 0 8px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; word-break:keep-all; }
/* 조합원 가격 = 그린 굵게 / 비조합원 = 숨김 */
.plan_b .content .txt_box dl.price{ display:flex; align-items:baseline; gap:6px; margin:0; width:auto; }
.plan_b .content .txt_box dl.price dt{ display:none; }
.plan_b .content .txt_box dl.price dd{ display:inline-flex; align-items:baseline; margin:0; }
.plan_b .content .txt_box dl.price .won{ display:inline-flex; align-items:baseline; font-size:25px; font-weight:800; color:var(--pb-green); font-family:var(--pb-num); }
.plan_b .content .txt_box dl.price .won .sale{ font-size:15.5px; font-weight:700; color:var(--pb-weak); text-decoration:line-through; margin-right:2px; }
.plan_b .content .txt_box dl.price + dl.price{ display:none; }   /* 두 번째 dl.price = 비조합원 → 미노출 */
/* 쿠폰 적용가 (다운로드쿠폰 대상 생활재) */
.plan_b .content .txt_box .cpnp{ margin-top:5px; font-size:14px; font-weight:700; color:var(--pb-cpn); }
.plan_b .content .txt_box .cpnp b{ font-family:var(--pb-num); font-size:15.5px; font-variant-numeric:tabular-nums; }
/* 사양(GMBREEDING) = 그린 칩. 기존 mobile style_v2 .comf(58px 고정)·.txt(회색 테두리) 무력화 포함 */
.plan_b .content .txt_box .comf{ width:auto; height:auto; border:0; text-align:left; line-height:1.4; margin:6px 0 0; }
.plan_b .content .txt_box .comf .txt{ display:inline-block; width:auto; border:1px solid #cfdccf; background:#f2f6f2; border-radius:6px; padding:3px 9px; font-size:14px; line-height:1.4; color:var(--pb-green); font-weight:600; text-align:left; }

/* 담기 = 작은 보조 버튼(우하단, 그린 외곽선) */
.plan_b .content .cart{ position:static; float:none; top:auto; right:auto; grid-column:2; grid-row:2; justify-self:end; align-self:end; min-width:92px; width:auto; height:46px; padding:0 20px; border:1.5px solid var(--pb-green); border-radius:12px; background:#fff; color:var(--pb-green); font-size:15px; font-weight:700; display:inline-flex; align-items:center; justify-content:center; gap:6px; text-indent:0; overflow:visible; }
.plan_b .content .cart:after{ display:none; }
.plan_b .content .cart .in, .plan_b .content .cart .num{ position:static; }
.plan_b .content .cart:active{ background:var(--pb-green); color:#fff; }
/* 품절 */
.plan_b .content.soldout .cart{ border-color:var(--pb-line); color:var(--pb-weak); background:var(--pb-surface); }
.plan_b .content .v2_halt{ position:absolute; inset:0; background:rgba(255,255,255,.55); display:grid; place-items:center; font-weight:800; color:var(--pb-weak); }

/* ---- 정보성 이미지(상품 없는 이미지 섹션)은 기존 inner>img 규칙으로 전체폭 노출 ---- */

/* ============================================================
 * PC (≥1025px) = 4열 그리드 · 세로 카드 · 사진 hero
 * ============================================================ */
@media (min-width:1025px){
  .plan_b .product_type4{ display:grid; grid-template-columns:repeat(4,1fr); gap:18px; align-items:stretch; padding:8px 0 16px; }
  .plan_b .content{ display:flex; flex-direction:column; height:100%; border-radius:16px; }
  .plan_b .content > a:not(.cart){ display:flex; flex-direction:column; }
  .plan_b .content .img_wrap{ width:100%; min-height:0; aspect-ratio:1/1; margin-bottom:12px; }
  .plan_b .content .txt_box{ min-height:0; }
  .plan_b .content .txt_box .title{ font-size:16px; height:45px; margin-bottom:9px; }
  .plan_b .content .txt_box dl.price .won{ font-size:23px; }
  .plan_b .content .cart{ width:100%; height:50px; margin-top:14px; align-self:auto; justify-self:auto; }
  .plan_b .content .cart:hover{ background:var(--pb-green); color:#fff; }
  .plan_b .tabcon_tt{ font-size:21px; margin:24px 0 14px; }
  .plan_b .pb-coupon{ width:1140px; max-width:100%; margin:20px auto 0; }
  .plan_b .pb-search{ width:1140px; max-width:100%; margin:14px auto 4px; }
  .plan_b .product_type4{ padding-left:0; padding-right:0; }
}

/* ============================================================
 * 판매 1위 배지 (신규 HTML: .content 안에 .pb-rank1 — 이미지 위 절대배치)
 * ============================================================ */
.plan_b .content .pb-rank1{ position:absolute; top:9px; right:9px; z-index:3; display:inline-flex; align-items:center; gap:4px; background:var(--pb-green); color:#fff; font-size:11.5px; font-weight:800; padding:4px 10px; border-radius:8px; box-shadow:0 2px 6px rgba(0,0,0,.18); }

/* ============================================================
 * 쿠폰 다운 토스트 (신규 HTML: .pb-toast, 하단·짧게)
 * ============================================================ */
.plan_b-toast{ position:fixed; bottom:76px; left:50%; transform:translateX(-50%) translateY(14px); width:calc(100% - 28px); max-width:452px; background:#1d271e; color:#fff; padding:13px 16px; border-radius:12px; font-size:15px; font-weight:600; display:flex; align-items:center; gap:9px; box-shadow:0 12px 28px rgba(0,0,0,.28); z-index:2000; opacity:0; transition:.35s; pointer-events:none; }
.plan_b-toast.show{ opacity:1; transform:translateX(-50%) translateY(0); }
.plan_b-toast .ic{ background:var(--pb-accent); width:24px; height:24px; border-radius:50%; display:grid; place-items:center; flex:0 0 auto; font-size:13px; }
@media (min-width:1025px){ .plan_b-toast{ bottom:28px; } }

/* 접근성: 모션 줄이기 존중 */
@media (prefers-reduced-motion:reduce){ .plan_b-toast{ transition:none; } }


/* ============================================================
 * 2026-07-06 v1.2.0 매거진 보강 — 텍스트 히어로 / 코너 매거진 헤더 / 지면 리듬 / 담기 주황 / 1개 코너 중앙
 * ============================================================ */
.plan_b .pb-hero{ background:linear-gradient(135deg,#3d6041,#5f8253); border-radius:16px; padding:32px 28px 28px; color:#fff; margin:6px 12px 10px; }
.plan_b .pb-hero .eb{ font-size:11px; letter-spacing:.3em; font-weight:800; color:#cfe0c8; }
.plan_b .pb-hero .tt{ font-family:'MaruBuri',serif; font-size:27px; font-weight:700; line-height:1.32; margin:10px 0 16px; color:#fff; }
.plan_b .pb-hero .dt{ display:inline-block; font-size:13px; background:rgba(255,255,255,.14); border:1px solid rgba(255,255,255,.28); border-radius:16px; padding:6px 14px; color:#f2f5ee; }
/* 코너 매거진 헤더: eyebrow(CORNER NN) + 마루부리 + 그린 바 */
.plan_b .event_slider_tab_con{ counter-increment:pbsec; }
.plan_b .tabcon_tt{ font-family:'MaruBuri',serif; font-weight:700; color:#2f3a2c; border-bottom:0; }
.plan_b .tabcon_tt::before{ content:"CORNER " counter(pbsec, decimal-leading-zero); display:block; font-family:'Pretendard','Apple SD Gothic Neo','Malgun Gothic',sans-serif; font-size:11px; letter-spacing:.28em; font-weight:800; color:#5f8253; margin-bottom:7px; }
.plan_b .tabcon_tt::after{ content:""; display:block; width:38px; height:3px; background:var(--pb-green); margin-top:12px; }
/* 담기 = 주황 알약(모바일 메인후기 담기와 톤 통일) */
.plan_b .content .cart{ background:var(--pb-accent); border:none; color:#3a2700; font-weight:800; }
.plan_b .content .cart:hover, .plan_b .content .cart:active{ background:#e8940f; color:#3a2700; }
.plan_b .content.soldout .cart{ background:var(--pb-surface); color:var(--pb-weak); border:1.5px solid var(--pb-line); }
/* 카드 경계(흰 바닥 위 카드 흐림 방지) */
.plan_b .product_type4 .content{ background:#fff; border:1px solid #eee9db; border-radius:16px; box-shadow:0 2px 10px rgba(70,75,60,.05); padding:12px 12px 16px; }
@media (min-width:1025px){
  .plan_b .pb-hero{ width:1140px; max-width:100%; margin:12px auto 6px; padding:42px 46px 38px; }
  .plan_b .pb-hero .tt{ font-size:34px; }
  .plan_b .tabcon_tt{ font-size:26px; margin:34px 0 18px; }
  .plan_b .event_slider_tab_con{ padding:6px 0 26px; }
  .plan_b .event_slider_tab_con:nth-of-type(even){ background:#faf8f2; border-radius:18px; padding:6px 26px 30px; }
  .plan_b .product_type4.pb-one{ grid-template-columns:minmax(0,420px); justify-content:center; }
  /* 등록수와 무관하게 실제 카드 1장만 렌더된 코너도 중앙(모던 브라우저) */

}
/* ============================================================
 * 2026-07-06 v1.2.2 카드 이커머스 점검(50-60대 장보기) — 담기 톤다운·정보 위계 보정
 *  - 담기 = 연녹 틴트(이벤트 연관생활재 확정 톤과 통일). 주황(--pb-accent)은 쿠폰·강조 전용 환원
 *  - 구매결정 정보(쿠폰적용가·할인태그·취소선원가) 반 단계 상향, 품절 안내 대비 강화
 * ============================================================ */
.plan_b .content .cart{ background:var(--pb-green); border:1px solid var(--pb-green); color:#fff; font-weight:800; }
.plan_b .content .cart:hover, .plan_b .content .cart:active{ background:#33533a; border-color:#33533a; color:#fff; }
.plan_b .content.soldout .cart{ background:var(--pb-surface); color:var(--pb-weak); border:1px solid var(--pb-line); }
.plan_b .content .txt_box .title{ font-size:16px; line-height:1.42; }
.plan_b .content .img_wrap .tag li{ font-size:12px; padding:3px 8px; border-radius:6px; }
.plan_b .content .txt_box .cpnp{ font-size:13.5px; }
.plan_b .content .txt_box .cpnp b{ font-size:16px; }
.plan_b .content .txt_box dl.price .won .sale{ font-size:13px; }
.plan_b .content .v2_halt{ background:rgba(255,255,255,.72); color:#5a5d58; font-size:15px; }
@media (min-width:1025px){
  .plan_b .content .txt_box .title{ font-size:16.5px; height:auto; min-height:46px; }
}
/* v1.2.3: 가격 옆 할인율(pb 한정) — 시니어 인지용, 사진 위 태그와 병행 */
.plan_b .content .txt_box dl.price .pb-dcr{ font-style:normal; font-size:19px; font-weight:900; color:var(--pb-sale); margin-right:7px; font-family:var(--pb-num); }
@media (min-width:1025px){ .plan_b .content .txt_box dl.price .pb-dcr{ font-size:19px; } }
/* v1.2.4: 카드 동일 높이 — 행 내 카드 스트레치 + 담기 버튼 하단 고정 */
@media (min-width:1025px){
  .plan_b .content > a:not(.cart){ flex:1 1 auto; }
  .plan_b .content .txt_box{ padding-bottom:14px; }
  .plan_b .content .cart{ margin-top:auto; }
}
/* ============================================================
 * v1.3.0 — 검색을 탭 줄에 통합(PC 우측 컴팩트) + 1개 카드 코너 = 가로 히어로
 * ============================================================ */
/* v1.3.1: 같은 줄 통합 철회(스와이퍼 폭 간섭·정렬 깨짐) — 탭 줄 원상 복원, 검색 = 탭 바로 아래 우측 컴팩트 */
.plan_b .event_slider_tab .pb-search{ margin:10px 12px 4px; }
@media (min-width:1025px){
  .plan_b .event_slider_tab .pb-search{ width:320px; margin:12px 0 2px auto; padding:10px 14px; }
  .plan_b .event_slider_tab .pb-search input{ font-size:14px; }

  /* 1개 카드 코너: 가로 히어로 — 사진 좌 크게 + 정보 우 + 와이드 담기 */
  .plan_b .product_type4.pb-one{ grid-template-columns:minmax(0,780px); justify-content:center; }
  .plan_b .product_type4.pb-one .content{ display:grid; grid-template-columns:300px minmax(0,1fr); grid-template-rows:1fr auto; gap:8px 30px; align-items:start; padding:18px; height:auto; }
  .plan_b .product_type4.pb-one .content > a:not(.cart){ display:contents; }
  .plan_b .product_type4.pb-one .content .img_wrap{ grid-column:1; grid-row:1/3; width:300px; aspect-ratio:1/1; margin:0; }
  .plan_b .product_type4.pb-one .content .txt_box{ grid-column:2; grid-row:1; padding:10px 0 0; min-height:0; }
  .plan_b .product_type4.pb-one .content .txt_box .title{ font-size:20px; line-height:1.4; min-height:0; margin-bottom:12px; }
  .plan_b .product_type4.pb-one .content .txt_box dl.price .won{ font-size:28px; }
  .plan_b .product_type4.pb-one .content .txt_box dl.price .pb-dcr{ font-size:22px; }
  .plan_b .product_type4.pb-one .content .txt_box dl.price .won .sale{ font-size:15px; }
  .plan_b .product_type4.pb-one .content .cart{ grid-column:2; grid-row:2; align-self:end; justify-self:start; width:auto; min-width:220px; height:52px; margin-top:16px; }
}
/* ============================================================
 * v1.4.0 — 히어로 재구성: 검색 표지 내장 + 탭 밀착(표지+목차 한 카드) + 밴드 장식
 *  (pb-noimg = 마스터 이미지 없는 히어로형에만 적용)
 * ============================================================ */
.plan_b .pb-hero{ position:relative; overflow:hidden; }
.plan_b .pb-hero::before{ content:""; position:absolute; right:-70px; top:-90px; width:300px; height:300px; border-radius:50%; background:rgba(255,255,255,.07); }
.plan_b .pb-hero::after{ content:""; position:absolute; right:110px; bottom:-120px; width:220px; height:220px; border-radius:50%; background:rgba(255,255,255,.05); }
.plan_b .pb-hero > *{ position:relative; z-index:1; }
/* 검색 = 표지 내장(흰 알약) */
.plan_b .pb-hero .pb-search{ background:#fff; border:none; box-shadow:0 6px 18px rgba(15,30,15,.22); max-width:520px; margin:24px 0 0; padding:13px 16px; border-radius:14px; }
.plan_b .pb-hero .pb-search .si{ color:var(--pb-green); }
/* 탭 밀착: 표지 하단에 목차 패널이 붙는 한 카드 구성 */
.plan_b.pb-noimg .pb-hero{ margin-bottom:0; border-radius:16px 16px 0 0; }
.plan_b.pb-noimg .event_visual{ margin:0; padding:0; }
.plan_b.pb-noimg section.inner{ padding-top:0; margin-top:0; }
.plan_b.pb-noimg .event_slider_tab{ background:#fff; border:1px solid #e4e8dc; border-top:0; border-radius:0 0 16px 16px; padding:12px 14px 10px; margin:0 12px 14px; }
@media (min-width:1025px){
  .plan_b.pb-noimg .pb-hero{ margin:12px auto 0; }
  .plan_b.pb-noimg .event_slider_tab{ width:1140px; max-width:100%; margin:0 auto 18px; padding:14px 18px 12px; }
}
/* v1.4.1: 표지 검색 우측 정렬 + 내부 정돈(선형 돋보기 아이콘·완전 알약·플레이스홀더 톤) */
.plan_b .pb-hero .pb-search{ margin:20px 0 0 auto; max-width:400px; border-radius:999px; padding:12px 20px; }
.plan_b .pb-search .si{ font-size:0; width:18px; height:18px; position:relative; flex:none; }
.plan_b .pb-search .si::before{ content:""; position:absolute; left:1px; top:1px; width:11px; height:11px; border:2px solid #5f8253; border-radius:50%; }
.plan_b .pb-search .si::after{ content:""; position:absolute; right:0; bottom:1px; width:7px; height:2.5px; border-radius:2px; background:#5f8253; transform:rotate(45deg); transform-origin:right bottom; }
.plan_b .pb-search input{ font-size:15px; }
.plan_b .pb-search input::placeholder{ color:#9aa094; }
/* ============================================================
 * v1.5.0 — 이커머스 풍성화(신뢰정보): 생산자·인증·규격·보관온도·한정수량 + 카드 호버 + pb-one 히어로 + 상단 통계
 *  (전부 .plan_b 스코프, pb 게이트 한정 = 기본 화면 무영향)
 * ============================================================ */
/* 보관온도 칩 (사진 우상단) */
.plan_b .content .img_wrap{ position:relative; }
.plan_b .content .pb-temp{ position:absolute; top:8px; right:8px; z-index:2; font-size:11px; font-weight:700; color:#fff; background:rgba(29,39,30,.6); border-radius:6px; padding:3px 8px; letter-spacing:-.02em; }
/* 인기 배지(주황) */
.plan_b .content .img_wrap .tag li.bg_o{ background:var(--pb-accent); color:var(--pb-ink); }
/* 생산자/작목반 — 신뢰 핵심(잎 마커 + 그린) */
.plan_b .content .txt_box .pb-farmer{ display:flex; align-items:center; gap:6px; font-size:12.5px; font-weight:700; color:var(--pb-green); margin:0 0 5px; line-height:1.3; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.plan_b .content .txt_box .pb-farmer::before{ content:""; flex:none; width:13px; height:13px; background:var(--pb-green-2); border-radius:0 100% 0 100%; }
/* 인증 + 규격 메타 줄 */
.plan_b .content .txt_box .pb-metarow{ display:flex; align-items:center; flex-wrap:wrap; gap:5px 8px; margin:0 0 9px; }
.plan_b .content .txt_box .pb-cert{ font-size:12px; font-weight:700; color:var(--pb-green); background:#eef4ec; border:1px solid #cfe0c8; border-radius:6px; padding:2px 8px; }
.plan_b .content .txt_box .pb-qty{ font-size:12.5px; color:var(--pb-muted); }
/* 조합원 가격 라벨 복원(시니어 위계) */
.plan_b .content .txt_box dl.price:first-of-type dt{ display:inline-block; font-size:11.5px; font-weight:700; color:var(--pb-weak); margin-right:6px; }
/* 한정수량 잔여(희소성, 주황계) */
.plan_b .content .txt_box .pb-limited{ margin-top:5px; font-size:12.5px; font-weight:700; color:var(--pb-cpn); }
.plan_b .content .txt_box .pb-limited b{ color:var(--pb-cpn); font-family:var(--pb-num); font-size:14px; }
/* 상단 통계 칩 */
.plan_b .pb-hero .pb-herometa{ display:flex; flex-wrap:wrap; gap:8px; margin-top:14px; }
.plan_b .pb-hero .pb-herometa .dt{ margin:0; }
.plan_b .pb-hero .pb-herometa .pb-cnt b{ color:#fff; font-size:15px; }

@media (min-width:1025px){
  /* 카드 호버 = 누를 수 있음 신호 */
  .plan_b .content{ transition:box-shadow .18s, transform .18s; }
  .plan_b .content:hover{ box-shadow:0 14px 30px rgba(61,96,65,.16); transform:translateY(-2px); }
  .plan_b .content .img_wrap{ overflow:hidden; }
  .plan_b .content .img_wrap img{ transition:transform .3s; }
  .plan_b .content:hover .img_wrap img{ transform:scale(1.04); }
  /* pb-one 히어로 풍성화 — 빈 우측을 신뢰정보로 채움 */
  .plan_b .product_type4.pb-one .content{ padding:24px 26px; }
  .plan_b .product_type4.pb-one .content .txt_box{ padding:2px 0; }
  .plan_b .product_type4.pb-one .content .txt_box .pb-farmer{ font-size:15px; margin-bottom:9px; }
  .plan_b .product_type4.pb-one .content .txt_box .pb-farmer::before{ width:16px; height:16px; }
  .plan_b .product_type4.pb-one .content .txt_box .title{ font-size:24px; line-height:1.35; margin-bottom:13px; }
  .plan_b .product_type4.pb-one .content .txt_box .pb-metarow{ margin-bottom:15px; gap:7px 10px; }
  .plan_b .product_type4.pb-one .content .txt_box .pb-cert{ font-size:13px; padding:4px 11px; }
  .plan_b .product_type4.pb-one .content .txt_box .pb-qty{ font-size:14px; }
  .plan_b .product_type4.pb-one .content .txt_box .pb-limited{ font-size:14px; margin-top:11px; }
  .plan_b .product_type4.pb-one .content .cart{ margin-top:18px; }
}
/* v1.5.1: pb-one 히어로 — 우측 내용(가격~담기) 수직 중앙 정렬로 빈 여백 정돈 */
@media (min-width:1025px){
  .plan_b .product_type4.pb-one .content{ grid-template-rows:auto auto; align-content:center; }
  .plan_b .product_type4.pb-one .content .img_wrap{ height:300px; align-self:center; }
}
/* ============================================================
 * v1.6.0 — D안(표지=목차): 탭을 그린 히어로 안으로 통합. 검색은 표지 상단 우측, 표지 세로 확장
 *  (pb-noimg = 이미지 없는 히어로형만 / 이미지형은 기존 유지)
 * ============================================================ */
.plan_b.pb-noimg .pb-hero{ position:relative; padding-bottom:20px; }
/* 검색: 표지 상단 우측(탭과 겹침 방지) */
.plan_b.pb-noimg .pb-hero .pb-search{ position:absolute; top:28px; right:28px; margin:0; width:320px; max-width:40%; }
/* 탭 띠 = 그린 표지 연장(고스트 알약) */
.plan_b.pb-noimg .event_slider_tab{ background:linear-gradient(135deg,#3d6041,#5f8253); border:0; border-radius:0 0 16px 16px; padding:2px 18px 18px; }
.plan_b.pb-noimg .event_slider_tab .swiper-slide a{ background:rgba(255,255,255,.16); border:1px solid rgba(255,255,255,.58); color:#fff; font-size:14.5px; font-weight:700; }
.plan_b.pb-noimg .event_slider_tab .swiper-slide a.active{ background:#fff; color:var(--pb-green); border-color:#fff; }
/* 화살표: 흰 박스 제거 → 투명 + 흰 화살표(invert) */
.plan_b.pb-noimg .event_slider_tab .est_menu .est_menu_Prev,
.plan_b.pb-noimg .event_slider_tab .est_menu .est_menu_Next{ background-color:transparent; filter:invert(1); width:44px; }
@media (min-width:1025px){
  .plan_b.pb-noimg .pb-hero{ padding-bottom:24px; }
  .plan_b.pb-noimg .event_slider_tab{ width:auto; max-width:none; margin:0 0 18px; padding:2px 30px 22px; }
}
/* ============================================================
 * v1.6.2 — 조합원 라벨 제거 + 표지 이커머스 배경(그라데이션 메시·스포트라이트)
 * ============================================================ */
/* 가격에서 '조합원' 글씨 제거(라벨 없이 가격만) */
.plan_b .content .txt_box dl.price:first-of-type dt{ display:none; }
/* 표지 배경 = 깊이감 있는 그린 메시(우상단 스포트라이트 + 좌하단 비네트) */
.plan_b .pb-hero{ background:
  radial-gradient(135% 100% at 84% 4%, rgba(255,255,255,.14), rgba(255,255,255,0) 44%),
  radial-gradient(120% 96% at 4% 106%, rgba(0,0,0,.14), rgba(0,0,0,0) 46%),
  linear-gradient(118deg, #315039 0%, #3d6041 50%, #497251 100%); }
/* 탭 띠 = 표지 하단색과 이어지게 */
.plan_b.pb-noimg .event_slider_tab{ background:linear-gradient(118deg, #3d6041 0%, #497251 100%); }
/* ============================================================
 * v1.6.3 — D안 고정(sticky) 상태 대비 복구: 탭이 상단 고정되면 .est_menu 흰배경(style_v2)
 *   → 흰 위에서 읽히도록 회색 알약/그린 active/검정 화살표로 되돌림(고정 상태에서만)
 * ============================================================ */
.plan_b.pb-noimg .event_slider_tab.fixed .swiper-slide a{ background:#fff; border:1px solid var(--pb-line); color:var(--pb-muted); }
.plan_b.pb-noimg .event_slider_tab.fixed .swiper-slide a.active{ background:var(--pb-green); color:#fff; border-color:var(--pb-green); }
.plan_b.pb-noimg .event_slider_tab.fixed .est_menu .est_menu_Prev,
.plan_b.pb-noimg .event_slider_tab.fixed .est_menu .est_menu_Next{ filter:none; background-color:#fff; }
/* ============================================================
 * v1.7.0 — 코너 판매1위(급등) 강조: 왕관 + 골드 테두리 + 맨앞 배치(order)
 * ============================================================ */
.plan_b .content.pb-best{ order:-1; border:2px solid #e6b84a; box-shadow:0 12px 28px rgba(200,150,40,.20); background:linear-gradient(180deg,#fffdf5,#fff); }
.plan_b .content.pb-best .pb-crown{ position:absolute; top:-18px; left:50%; transform:translateX(-50%); z-index:4; width:44px; height:32px; pointer-events:none; }
.plan_b .content.pb-best .pb-crown svg{ width:100%; height:100%; display:block; filter:drop-shadow(0 2px 3px rgba(150,110,10,.35)); }
.plan_b .content.pb-best .pb-rankbadge{ position:absolute; top:10px; left:10px; z-index:3; font-size:12px; font-weight:800; color:#5a3d00; background:linear-gradient(135deg,#ffd873,#e6a92e); border-radius:14px; padding:4px 11px; box-shadow:0 2px 6px rgba(180,130,20,.3); }
/* 1위 카드에선 할인/쿠폰 태그를 사진 하단으로(랭크배지와 겹침 방지) */
.plan_b .content.pb-best .img_wrap .tag{ top:auto; bottom:8px; }
/* ============================================================
 * v1.8.0 — 상단·제목 타이포 강화 (히어로 표지감 + 코너 목차감, 왕관 골드 스토리 연장)
 * ============================================================ */
.plan_b .pb-hero .eb{ color:#e9cd8a; letter-spacing:.34em; }
.plan_b .pb-hero .eb::before{ content:""; display:block; width:26px; height:2px; background:linear-gradient(90deg,#e6b84a,#f2d78c); margin-bottom:10px; border-radius:2px; }
.plan_b .pb-hero .tt{ font-size:30px; line-height:1.26; letter-spacing:-0.012em; margin:12px 0 18px; text-shadow:0 2px 14px rgba(10,25,12,.25); }
@media (min-width:1025px){
  .plan_b .pb-hero{ padding:48px 46px 40px; }
  .plan_b .pb-hero .tt{ font-size:44px; }
}
.plan_b .tabcon_tt{ font-size:24px; letter-spacing:-0.01em; }
@media (min-width:1025px){ .plan_b .tabcon_tt{ font-size:28px; } }
.plan_b .tabcon_tt::before{ font-size:12px; color:#4a6b4e; }
.plan_b .tabcon_tt::after{ width:44px; height:3px; background:linear-gradient(90deg, var(--pb-green) 0%, var(--pb-green) 62%, #e6b84a 62%, #f0cd74 100%); }
.plan_b .tabcon_tt .pb-ccnt{ display:inline-block; vertical-align:6px; margin-left:10px; font-family:'Pretendard','Apple SD Gothic Neo','Malgun Gothic',sans-serif; font-size:12px; font-weight:700; color:#5f8253; background:#eef3ea; border-radius:12px; padding:3px 10px; letter-spacing:0; }

/* v1.8.1 — 카드 리뷰 칩(개수·평점, 클릭=상세 후기 이동) */
.plan_b .content .pb-rvline{ display:flex; align-items:center; gap:5px; font-size:12.5px; margin:2px 0 4px; color:#8a8f84; text-decoration:none; }
.plan_b .content .pb-rvline .st{ color:#d99a1e; font-weight:800; }
.plan_b .content .pb-rvline .sep{ color:#cfd3c9; }
.plan_b .content .pb-rvline .rc{ font-weight:700; color:#6b7265; }
.plan_b .content .pb-rvline:hover .rc{ text-decoration:underline; color:var(--pb-green); }
/* ============================================================
 * v1.9.0 — 모바일 동일 느낌(히어로·왕관·신뢰정보·리뷰칩 모바일 최적화)
 * ============================================================ */
@media (max-width:1024px){
  .plan_b .pb-hero{ margin:0 0 10px; border-radius:0 0 16px 16px; padding:26px 18px 22px; }
  .plan_b.pb-noimg .pb-hero{ border-radius:0; margin-bottom:0; }
  .plan_b .pb-hero .tt{ font-size:24px; }
  .plan_b.pb-noimg .pb-hero .pb-search{ position:relative; z-index:2; top:auto; right:auto; width:auto; max-width:none; margin:16px 0 0; } /* static이면 히어로 장식원(absolute ::before/::after)이 위에 그려져 클릭 가로챔 - 2026-07-07 수정 */
  .plan_b .content.pb-best .pb-crown{ width:36px; height:26px; top:-14px; }
  .plan_b .content.pb-best .pb-rankbadge{ font-size:11px; padding:3px 9px; }
  .plan_b .tabcon_tt{ font-size:21px; }
  .plan_b .tabcon_tt .pb-ccnt{ vertical-align:4px; margin-left:8px; font-size:11px; padding:2px 8px; }
  .plan_b .content .pb-rvline{ font-size:12px; }
}
/* ============================================================
 * v1.9.1 — 모바일 탭 띠 보정: style_v2 전역(margin:80px/-40px·박스테두리·페이드PNG·fixed 1200px)이
 *   모바일 pb 표지-탭 연결을 깨던 문제. pb 게이트라 기본 화면 무영향.
 * ============================================================ */
@media (max-width:1024px){
  .plan_b .event_slider_tab{ margin:0 0 14px; }
  .plan_b.pb-noimg .event_slider_tab{ margin:0 0 14px; padding:2px 12px 16px; }
  .plan_b .event_slider_tab .est_menu{ padding-top:6px; }
  .plan_b .event_slider_tab .est_menu:before,
  .plan_b .event_slider_tab .est_menu:after{ display:none; }
  .plan_b .event_slider_tab .est_menu .est_menu_box{ border:0; padding:6px 8px; }
  .plan_b .event_slider_tab.fixed{ height:auto; }
  .plan_b .event_slider_tab.fixed .est_menu{ width:100%; left:0; margin-left:0; top:0; }
}
/* ============================================================
 * v1.9.2 — PC 그린 탭 띠 정돈: 알약 둘레 회색 박스테두리(est_menu_box)·좌우 흰 페이드(:before/:after)
 *   제거(모바일 v1.9.1과 동일 조치의 PC 확장 — 표지형 pb-noimg 한정, 이미지형 흰 띠는 원형 유지)
 * ============================================================ */
.plan_b.pb-noimg .event_slider_tab .est_menu:before,
.plan_b.pb-noimg .event_slider_tab .est_menu:after{ display:none; }
.plan_b.pb-noimg .event_slider_tab .est_menu .est_menu_box{ border:0; }
/* ============================================================
 * v1.9.3 — 쿠폰 알림 강화(50~60대 시인성): 하단 구석 소형 → 화면 중앙 상단 대형 카드
 *   딥그린+골드 테두리(왕관 골드 스토리)·17px 굵게·아이콘 확대·5초 유지(JS)
 * ============================================================ */
.plan_b-toast{ bottom:auto; top:16vh; width:calc(100% - 32px); max-width:520px; padding:18px 22px; border-radius:16px; font-size:17px; font-weight:700; line-height:1.45; background:linear-gradient(135deg,#2c4630,#3d6041); border:2px solid #e6b84a; box-shadow:0 18px 44px rgba(15,30,15,.42); transform:translateX(-50%) translateY(-14px); }
.plan_b-toast.show{ transform:translateX(-50%) translateY(0); }
.plan_b-toast .ic{ width:32px; height:32px; font-size:17px; box-shadow:0 2px 8px rgba(0,0,0,.25); }
@media (min-width:1025px){ .plan_b-toast{ bottom:auto; top:140px; max-width:560px; } }

/* ============================================================
 * 2026-07-10 기획전(모바일) 폰트 시안성 — 누적 규칙이 16px로 덮던 것을 최후순위 재정의
 * - 상품명 18.5px(메인과 동일) / 규격 14px / 가격 25px
 * - 좌우 폭 축소: 가로카드 이미지 폭을 줄여 텍스트 열을 넓힘(가독성)
 * 파일 맨 끝 = 캐스케이드 최후순위라 확실히 적용됨. PC 열/레이아웃은 건드리지 않음.
 * ============================================================ */
.plan_b .content .txt_box .title{ font-size:18.5px; line-height:1.36; height:auto; min-height:0; -webkit-line-clamp:2; }
.plan_b .content .txt_box .comf .txt{ font-size:14px; line-height:1.4; }
.plan_b .content .txt_box dl.price .won,
.plan_b .content .txt_box dl.price:first-of-type .won{ font-size:25px; }
.plan_b .content .txt_box dl.price .pb-dcr{ font-size:19px; }
/* 모바일 전용(가로카드): 이미지 좌우폭 132→112px로 줄여 텍스트 공간 확보 */
@media (max-width:1024px){
  .plan_b .content{ grid-template-columns:112px 1fr; gap:6px 13px; padding:11px; }
  .plan_b .content .img_wrap{ width:112px; min-height:112px; }
}