/* BASIC css start */
@charset "utf-8";
/* ============================================================
	피시위즈 PC 메인 v3.0 (2026-08-01) — 리디자인 v2 / 2a 확정안
	배너 1장 → 퀵 카테고리 8열 → 신상품 → 재입고 → 이번 주 베스트
	상품 카드 6열 · 흰 배경 · 사각 모서리 · 호버는 상품명 밑줄만
============================================================ */

.fw-main {width:1280px; margin:0 auto; padding:0 0 70px;}

/* 배너 */
.fw-hero {margin:0 0 26px; background:#f4f6f8;}
.fw-hero img {max-width:100%; height:auto; display:block; margin:0 auto;}

/* 퀵 카테고리 */
.fw-qc {display:grid; grid-template-columns:repeat(8,1fr); gap:10px; margin:0 0 34px;}
.fw-qc-item {display:flex; flex-direction:column; align-items:center; gap:8px; color:#41474e; font-size:12px; font-weight:600; text-align:center;}
.fw-qc-ico {width:100%; aspect-ratio:1/1; border:1px solid #eef1f4; background:#f6f7f9; overflow:hidden; display:block;}
.fw-qc-ico img {width:100%; height:100%; object-fit:cover; display:block;}
.fw-qc-item:hover {color:#14181d;}
.fw-qc-item:hover span:last-child {text-decoration:underline; text-underline-offset:3px;}

/* 섹션 */
.fw-sec {background:#fff; border:1px solid #eef1f4; padding:20px 22px 22px; margin:0 0 16px;}
.fw-sec-head {display:flex; align-items:flex-end; gap:12px; padding-bottom:11px; border-bottom:2px solid #14181d; margin-bottom:16px;}
.fw-sec-en {font-family:'Space Grotesk',sans-serif; font-size:10.5px; font-weight:700; letter-spacing:.14em; color:#8a9099;}
.fw-sec-tit {margin:0; font-size:20px; font-weight:800; letter-spacing:-.4px; color:#14181d;}
.fw-sec-sub {font-size:12.5px; color:#8a9099;}
.fw-sec-sub b {color:#41474e;}
.fw-sec-all {margin-left:auto; font-size:12.5px; color:#8a9099;}
.fw-sec-all:hover {color:#14181d; text-decoration:underline; text-underline-offset:3px;}

/* 상품 그리드 6열 */
/* 6열 · 가로12 · 세로24 (2026-08-10 부품표) */
.fw-grid {display:grid; grid-template-columns:repeat(6,1fr); column-gap:12px; row-gap:24px;}
.fw-card {display:flex; flex-direction:column; background:#fff;}
.fw-card.is-hidden {display:none;}
.fw-thumb {position:relative; display:block; aspect-ratio:1/1; background:#f4f6f8; overflow:hidden;}
.fw-thumb img {width:100%; height:100%; object-fit:cover; display:block;}
.fw-badge {position:absolute; top:8px; left:8px; font-size:10px; font-weight:700; border-radius:5px; padding:2px 7px; line-height:1.5;}
.fw-badge.b-new {font-family:'Space Grotesk',sans-serif; background:#F0D025; color:#111;}
.fw-badge.b-re {background:#14181d; color:#fff;}
.fw-badge.b-rank {font-family:'Space Grotesk',sans-serif; background:#14181d; color:#fff; min-width:20px; text-align:center;}
.fw-badge.b-rank:empty {display:none;}
.fw-sold {position:absolute; left:0; right:0; bottom:0; background:rgba(20,24,29,.72); color:#fff; font-size:11.5px; font-weight:700; text-align:center; padding:5px 0;}

.fw-cbody {padding:10px 2px 0; flex:1; display:flex; flex-direction:column; gap:5px;}
.fw-brand {font-family:'Space Grotesk',sans-serif; font-size:10px; font-weight:600; letter-spacing:.05em; color:#8a9099; text-transform:uppercase;}
.fw-pname {font-size:12px; line-height:1.35; color:#2b3138; height:33px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.fw-card:hover {text-decoration:underline; text-underline-offset:2px;} /* 카드 글자 전체 밑줄 (뱃지는 absolute라 제외) */
.fw-rate {font-size:11px; color:#8a9099;}
.fw-rate b {color:#E0A400;}
.fw-price {margin-top:auto; padding-top:2px; display:flex; flex-direction:column; gap:2px;}
.fw-consumer {font-size:11px; color:#b3b9c0; text-decoration:line-through;}
.fw-sale {font-size:15px; font-weight:800; color:#14181d; letter-spacing:-.2px;}
.fw-sale em {font-style:normal; font-size:11px; font-weight:700;}
.fw-dc {font-size:11px; font-weight:800; color:#c8420f; margin-right:4px;}

/* 더보기 */
.fw-more {width:100%; height:48px; margin-top:16px; border:1px solid #14181d; background:#fff; display:flex; align-items:center; justify-content:center; gap:8px; font-size:13.5px; font-weight:700; color:#14181d; cursor:pointer;}
.fw-more:hover {background:#14181d; color:#F0D025;}
.fw-more .fw-rest {font-family:'Space Grotesk',sans-serif; font-size:12px; font-weight:600; color:#8a9099;}
.fw-more:hover .fw-rest {color:#8b939b;}
.fw-more.is-done {display:none;}

/* 구매후기 — 파워리뷰 BEST 포토리뷰 */
.fw-rv-grid {display:grid; grid-template-columns:repeat(6,1fr); gap:12px;}
.fw-rv-item {position:relative; display:block; aspect-ratio:1/1; border-radius:11px; overflow:hidden; background:#f4f6f8;}
.fw-rv-item img {width:100%; height:100%; object-fit:cover; display:block; transition:transform .25s ease;}
.fw-rv-item:hover img {transform:scale(1.04);}


/* ===== 2026-08-04 카드 항목 통일 (PC 상품목록 기준) =====================
   할인가 · 별점/후기 · 적립금 · 할인율 뱃지를 메인에도 넣어 세 화면을 맞춘다.
   값이 없는 항목은 자동으로 사라진다.                                      */
.fw-brand:empty {display:none;}
/* 할인율 뱃지 — 오른쪽 위 (왼쪽 위는 NEW·재입고·순위 자리) */
.fw-thumb .fw-rate {position:absolute; top:8px; right:8px; display:none;
  background:#c8420f; color:#fff; font-size:10px; font-weight:800;
  padding:2px 7px; border-radius:5px; line-height:1.5;}
.fw-thumb .fw-rate.on {display:block;}
.fw-replace {font-size:13px; font-weight:800; color:#767d85;}
.fw-review {display:flex; align-items:center; gap:4px; margin-top:3px; font-size:11px; color:#E0A400;}
.fw-review .st:empty {display:none;}
.fw-review .st img {height:12px; width:auto; vertical-align:-1px;}
.fw-review .ct {font-size:10.5px; color:#8a9099;}
.fw-reserve {display:block; margin-top:2px; font-size:10.5px; color:#8a7207;}

/* BASIC css end */