/* BASIC css start */
/* ==========================================================================
   피시위즈 PC 브랜드 상품페이지 — CSS 탭 (brand.css)
   2026-08-08 : 상품목록(shopbrand) 화면에서 실제로 잰 값 그대로 맞춘다.
     썸네일 180x180 · 배경 #f6f6f7 · 모서리 12px
     상품명 15px / 줄높이 21px / #222
     판매가 18px 굵게 / #333
     영문줄 11px #aaa · 정가 13px #aaa 취소선
     한 줄 6칸
   HTML 은 건드리지 않는다. 클래스는 지금 쓰던 것을 그대로 쓴다.
   ========================================================================== */

#productClass.fw-brand-page{width:1280px;margin:0 auto;
font-family:'Pretendard Variable','Pretendard','Malgun Gothic',sans-serif;color:#222;}

/* ── 브랜드 머리 ── */
.fw-brand-page .brand-title{display:flex;align-items:center;justify-content:space-between;
gap:16px;padding:10px 10px 10px;margin:0;}
.fw-brand-page .brand-title .brand-head{display:flex;align-items:center;gap:12px;min-width:0;}
.fw-brand-page .brand-title .brand-name{font-size:16px;font-weight:400;color:#111;}
/* 2026-08-13 : 브랜드 허브로 돌아가는 단추 */
.fw-brand-page .brand-title .brand-back{display:inline-flex;align-items:center;gap:4px;
height:30px;padding:0 12px;border:1px solid #dfe3e8;border-radius:9px;background:#fff;
font-size:12.5px;font-weight:600;color:#41474e;text-decoration:none;white-space:nowrap;}
.fw-brand-page .brand-title .brand-back:hover{border-color:#14181d;color:#14181d;}
.fw-brand-page .brand-title .brand-back .ar{font-size:15px;line-height:1;color:#8a9099;}
.fw-brand-page .brand-title .brand-back:hover .ar{color:#14181d;}
.fw-brand-page .brand-title .brand-select{display:flex;align-items:center;gap:6px;}
.fw-brand-page .brand-title .brand-select select{height:34px;min-width:180px;box-sizing:border-box;
border:1px solid #dedede;background:#fff;padding:0 10px;font-size:13px;color:#222;}
.fw-brand-page .brand-title .brand-select a{display:inline-flex;align-items:center;justify-content:center;
height:34px;padding:0 16px;border:1px solid #111;background:#111;color:#fff;font-size:13px;}

/* ── 브랜드 배너 ── */
.fw-brand-page .brand-banner{padding:0 10px 10px;}
.fw-brand-page .brand-banner img{max-width:100%;height:auto;}

/* ── 소제목 ── */
.fw-brand-page .sub-tit{padding:10px 0 10px 10px;margin:0;font-size:16px;font-weight:400;color:#111;}

/* ── 정렬 줄 : 2026-08-13 — 상품목록(shopbrand.css)에서 쓰는 값을 그대로 옮겼다.
      옛 .prd-sort 규칙은 마크업이 바뀌어 쓰이지 않으므로 지웠다. ── */
.fw-brand-page .fw-sortbar{display:flex;justify-content:space-between;align-items:center;
padding:0 10px;margin-bottom:16px;}
.fw-brand-page .fw-sortbar .cnt{font-size:13px;color:#8a9099;}
.fw-brand-page .fw-sortbar .cnt b{color:#14181d;}
.fw-brand-page .fw-sortbar .cnt .fw-sep{margin:0 5px;color:#d5d9de;}
.fw-brand-page .fw-sortbar .cnt .fw-shown{color:#14181d;}
.fw-brand-page .fw-sortbar .cnt .fw-shown-wrap{display:none;}
.fw-brand-page .fw-sortbar .cnt .fw-shown-wrap.on{display:inline;}
.fw-brand-page .fw-sortbar .cnt .fw-total-wrap{display:none;}
.fw-brand-page .fw-sortbar .cnt .fw-total-wrap.on{display:inline;}
.fw-brand-page .fw-sorts{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end;}
.fw-brand-page .fw-sorts a{font-size:13px;color:#41474e;border:1px solid #dfe3e8;border-radius:9px;
padding:8px 13px;background:#fff;text-decoration:none;line-height:1;}
.fw-brand-page .fw-sorts a:hover{border-color:#14181d;color:#14181d;}
.fw-brand-page .fw-sorts a.on{color:#14181d;font-weight:800;
text-decoration:underline;text-underline-offset:3px;}
.fw-brand-page .fw-sorts a .ar{margin-left:2px;font-size:10px;color:#8a9099;}
.fw-brand-page .fw-sorts a.on .ar{color:#14181d;}

/* ── 상품 그리드 : 한 줄 6칸 ── */
.fw-brand-page .prd-list{padding:30px 10px 0;}
/* 가로 간격 33 → 12 · 세로 30 → 24 (2026-08-10 부품표). 카드 폭은 칸이 정한다 */
.fw-brand-page .fw-grid{display:grid;grid-template-columns:repeat(6,1fr);
column-gap:12px;row-gap:24px;margin:0;padding:0;list-style:none;}
.fw-brand-page .fw-grid:after{content:none;}
.fw-brand-page .fw-card{margin:0;padding:0;list-style:none;float:none;width:auto;}

/* ── 카드 : 메인페이지 상품 카드와 같은 규격 ── */
.fw-brand-page .tb-center{width:180px;margin:0 auto;text-align:left;}

/* 썸네일 180x180 */
.fw-brand-page .thumb.salebox{position:relative;width:180px;height:180px;overflow:hidden;
border-radius:12px;background:#f6f6f7;}
.fw-brand-page .thumb.salebox a{display:block;width:180px;height:180px;}
.fw-brand-page .thumb.salebox img{width:180px;height:180px;object-fit:cover;display:block;border:0;}

/* 할인율 뱃지 */
.fw-brand-page .thumb.salebox .salebig{position:absolute;top:10px;left:10px;
display:none;align-items:center;justify-content:center;min-width:34px;height:22px;padding:0 7px;
border-radius:8px;background:#111;color:#fff;font-size:12px;font-weight:400;line-height:22px;}
.fw-brand-page .thumb.salebox .salebig.on{display:inline-flex;}

/* 색상 칩 */
.fw-brand-page .fw-color{display:flex;gap:4px;margin-top:8px;}
.fw-brand-page .fw-color .fw-chip{width:12px;height:12px;border-radius:50%;
border:1px solid rgba(0,0,0,.08);display:inline-block;}

/* 글자 영역 */
.fw-brand-page ul.info{width:180px;margin:0;padding:0;list-style:none;text-align:left;}
.fw-brand-page ul.info li{list-style:none;}
.fw-brand-page ul.info .dsc{margin:15px 0 10px;padding:0 0 5px;
font-size:15px;font-weight:400;line-height:21px;color:#222;}
.fw-brand-page ul.info .dsc a{color:#222;text-decoration:none;}
.fw-brand-page ul.info .dsc a:hover{text-decoration:underline;}
.fw-brand-page ul.info .name-en{margin:2px 0 0;padding:0;font-size:11px;color:#aaa;}
.fw-brand-page ul.info .consumer{margin:3px 0 0;font-size:13px;color:#aaa;text-decoration:line-through;}
.fw-brand-page ul.info .price{margin:3px 0 0;padding:0;font-size:18px;font-weight:700;color:#333;}
.fw-brand-page ul.info .icon{margin:6px 0 0;}
.fw-brand-page ul.info .closeup{margin:6px 0 0;}
.fw-brand-page ul.info .closeup img{vertical-align:middle;}

/* 상품 없음 */
.fw-brand-page .none-data{padding:80px 0;text-align:center;color:#888;font-size:14px;}

/* ── 추천 상품 ── */
.fw-brand-page .best-item{padding:0 10px;}
.fw-brand-page .best-item .sub-tit{padding-left:0;}
.fw-brand-page .fw-grid-promo{grid-template-columns:repeat(6,1fr);}

/* ── 페이지 번호 ── */
.fw-brand-page .paging{display:flex;align-items:center;justify-content:center;gap:4px;
padding:40px 0 60px;margin:0;list-style:none;}
.fw-brand-page .paging li{list-style:none;}
.fw-brand-page .paging a{display:inline-flex;align-items:center;justify-content:center;
min-width:32px;height:32px;padding:0 8px;border:1px solid #e5e5e5;background:#fff;
font-size:13px;color:#666;text-decoration:none;}
.fw-brand-page .paging .now a{border-color:#111;background:#111;color:#fff;font-weight:700;}

/* BASIC css end */