/* BASIC css start */
/* FISHWIZ 상품목록(shopbrand) — 블랙+골드 리디자인 2026-07 */
.fw-list *{box-sizing:border-box;}
html, body {background:#f6f7f9;}   /* 1280 밖까지 같은 회색 */
.fw-list{max-width:1280px;margin:0 auto;background:#f6f7f9;font-family:'Pretendard','Apple SD Gothic Neo',system-ui,sans-serif;padding-bottom:40px;}
.fw-list .ph{vertical-align:-0.12em;} .fw-list a{text-decoration:none;color:inherit;}
.fw-crumb{padding:20px 26px 0;font-size:12px;color:#9aa0a8;}
.fw-crumb b{color:#41474e;}
.fw-title{padding:6px 26px 0;display:flex;align-items:baseline;gap:12px;}
.fw-title h2{margin:0;font-size:24px;color:#14181d;letter-spacing:-.5px;}
.fw-title .cnt{font-size:14px;color:#8a9099;}
.fw-body{display:grid;grid-template-columns:230px 1fr;gap:24px;padding:18px 26px 30px;}
.fw-side{display:flex;flex-direction:column;gap:16px;}
.fw-side-card{background:#fff;border:1px solid #eef1f4;border-radius:14px;padding:18px;}
.fw-side-h{font-weight:700;font-size:14px;color:#14181d;margin-bottom:12px;}
.fw-catlist{display:flex;flex-direction:column;font-size:13px;}
.fw-catitem{padding:8px 10px;border-radius:8px;color:#41474e;}
.fw-catitem .cnt{color:#b3b9c0;} .fw-catitem:hover{background:#f6f7f9;}
.fw-catitem.sel{background:#fdf6cf;color:#14181d;font-weight:700;} .fw-catitem.sel .cnt{color:#8a7207;}
.fw-brandchips{display:flex;flex-wrap:wrap;gap:7px;font-size:12px;}
.fw-brandchips a{border:1px solid #dfe3e8;color:#41474e;border-radius:20px;padding:6px 12px;}
.fw-brandchips a.on{border-color:#14181d;color:#14181d;font-weight:600;}
.fw-promo-side{border-radius:14px;background:#14181d;padding:18px;}
.fw-promo-side .k{font-size:12px;font-weight:700;color:#F0D025;}
.fw-promo-side .t{font-size:14px;color:#fff;line-height:1.5;margin-top:8px;font-weight:600;}
/* 정렬바 */
.fw-sortbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;}
.fw-sortbar .cnt{font-size:13px;color:#8a9099;} .fw-sortbar .cnt b{color:#14181d;}
.fw-sorts{display:flex;gap:6px;flex-wrap:wrap;}
.fw-sorts a{font-size:13px;color:#41474e;border:1px solid #dfe3e8;border-radius:9px;padding:8px 13px;background:#fff;}
.fw-sorts a:hover{border-color:#14181d;color:#14181d;}
/* 상품 그리드 */
.fw-pgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;}
.fw-pcard{display:flex;flex-direction:column;background:#fff;}
.fw-pcard:hover{text-decoration:underline;text-underline-offset:2px;} /* 카드 글자 전체 밑줄 */
.fw-pthumb{position:relative;aspect-ratio:1/1;background:#fff;overflow:hidden;}
/* ⑤ 길쭉한 상품이 잘리지 않게 맞춰넣기. 여백·줄무늬 배경을 없애 테두리처럼 보이던 것 해결 */
.fw-pthumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;}
.fw-psold{position:absolute;inset:0;background:rgba(20,24,29,.55);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:15px;}
.fw-pbody{padding:12px;display:flex;flex-direction:column;gap:6px;flex:1;}
.fw-pbrand{font-family:'Space Grotesk',sans-serif;font-size:11px;font-weight:600;letter-spacing:.5px;color:#8a9099;text-transform:uppercase;}
.fw-pname{font-size:13px;color:#2b3138;line-height:1.4;height:36px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-all;}
.fw-pprice{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;margin-top:2px;}
.fw-pconsumer{font-size:11px;color:#b3b9c0;text-decoration:line-through;}
.fw-psale{font-weight:800;font-size:16px;color:#14181d;} .fw-pwon{font-size:12px;color:#14181d;}
/* 베스트 미니레일 */
.fw-best{background:#fff;border:1px solid #eef1f4;border-radius:14px;padding:16px 18px;margin-bottom:16px;}
.fw-best-h{font-size:14px;font-weight:800;color:#14181d;margin-bottom:12px;}
.fw-best-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}
.fw-bestitem{display:flex;gap:10px;align-items:center;}
.fw-bestitem .th{width:52px;height:52px;border-radius:9px;flex:none;background:repeating-linear-gradient(135deg,#f0f2f5 0 7px,#e9ecf0 7px 14px);overflow:hidden;position:relative;}
.fw-bestitem .th img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.fw-bestitem .nm{font-size:11px;color:#2b3138;line-height:1.3;height:28px;overflow:hidden;}
.fw-bestitem .pr{font-size:12px;font-weight:800;color:#14181d;}
/* 페이지네이션 */
.fw-pager{display:flex;justify-content:center;gap:6px;margin-top:22px;flex-wrap:wrap;}
.fw-pager a,.fw-pager .now a{display:flex;align-items:center;justify-content:center;min-width:34px;height:34px;padding:0 8px;border-radius:9px;background:#fff;border:1px solid #dfe3e8;color:#41474e;font-size:13px;}
.fw-pager .now a{background:#14181d;color:#fff;border-color:#14181d;font-weight:700;}
.fw-morebtn{margin-top:22px;height:48px;border:1px solid #dfe3e8;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:#41474e;background:#fff;}

/* ───────── 분류 검색 필터(상세파인더) — 좌측 상시 노출형 2026-07-30 ───────── */
/* 메이크샵 기본 클래스(layer-filter / opt-box / chk-box / chk-color-code 등)는
   그대로 두고, .fw-filter 안에서만 배치·외형을 덮어씀. 아이콘 이미지 미사용(CSS로 그림). */
.fw-filter{padding:0;overflow:hidden;}
.fw-filter .layer-filter-wrap{display:block;position:static;width:auto;height:auto;background:none;z-index:auto;}
.fw-filter .layer-filter{position:static;width:auto;height:auto;background:#fff;overflow:visible;}
.fw-filter .tit{position:static;padding:16px 18px 12px;border-bottom:1px solid #eef1f4;background:#fff;}
.fw-filter .tit h3{display:inline-block;margin:0;font-size:14px;font-weight:700;color:#14181d;}
.fw-filter .tit .total-count{display:inline-block;margin-left:8px;font-size:12px;font-weight:600;color:#8a7207;}
.fw-filter .tit .btn-close{display:none;}
.fw-filter .opt-box{margin:0;padding:0;list-style:none;}
.fw-filter .opt-box>li{padding:0;border-bottom:1px solid #f2f4f6;background:none;font-weight:400;cursor:default;}
.fw-filter .opt-box>li:last-child{border-bottom:0;}
.fw-filter .fw-fname{display:flex;align-items:center;justify-content:space-between;padding:13px 18px;font-size:13px;font-weight:700;color:#14181d;cursor:pointer;}
.fw-filter .fw-farr{width:15px;height:15px;flex:none;color:#b3b9c0;transition:transform .18s;}
.fw-filter .opt-box>li>div{display:block;padding:0 18px 14px;}
.fw-filter .opt-box>li.closed>div,.fw-filter .opt-box>li.closed>div.chk-color-code{display:none;}
.fw-filter .opt-box>li.closed .fw-farr{transform:rotate(-90deg);}
/* 체크박스형 */
.fw-filter .chk-box input[type="checkbox"]{position:absolute;opacity:0;width:0;height:0;}
.fw-filter .chk-box label{position:relative;display:block;margin-top:9px;padding-left:25px;font-size:12.5px;font-weight:400;line-height:18px;color:#41474e;cursor:pointer;}
.fw-filter .chk-box label:before{content:'';position:absolute;left:0;top:0;width:18px;height:18px;box-sizing:border-box;border:1px solid #dfe3e8;border-radius:5px;background:#fff;}
.fw-filter .chk-box input[type="checkbox"]:checked+label{color:#14181d;font-weight:600;}
.fw-filter .chk-box input[type="checkbox"]:checked+label:before{background:#14181d;border-color:#14181d;}
.fw-filter .chk-box input[type="checkbox"]:checked+label:after{content:'';position:absolute;left:6px;top:3px;width:5px;height:10px;border:solid #F0D025;border-width:0 2px 2px 0;transform:rotate(43deg);}
/* 색상칩형 (색상코드 연동 필터) */
.fw-filter .opt-box>li>div.chk-color-code{display:flex;flex-wrap:wrap;gap:11px;padding-top:5px;}
.fw-filter .chk-color-code input[type="checkbox"]{position:absolute;opacity:0;width:0;height:0;}
.fw-filter .chk-color-code label{display:block;width:30px;height:30px;border:2px solid #fff;border-radius:50%;font-size:0;box-shadow:0 0 0 1px #dfe3e8;cursor:pointer;}
.fw-filter .chk-color-code input[type="checkbox"]:checked+label{box-shadow:0 0 0 2px #14181d;}
.fw-filter .chk-color-code p{margin:0;align-self:center;font-size:11px;font-weight:400;color:#8a9099;}
.fw-filter .chk-color-code input[type="checkbox"]:checked+label+p{color:#14181d;font-weight:600;}
/* 선택한 값 태그 */
.fw-filter .select-filter{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:12px 18px 0;list-style:none;}
.fw-filter .select-filter:empty{padding:0;}
.fw-filter .select-filter li{display:flex;align-items:center;padding:5px 9px;border-radius:6px;background:#f6f7f9;font-size:12px;color:#41474e;}
.fw-filter .select-filter li .color-code{display:inline-block;width:14px;height:14px;margin-right:5px;border-radius:50%;}
.fw-filter .select-filter li .btn-del{position:relative;width:14px;height:14px;margin-left:6px;padding:0;border:0;background:none;font-size:0;line-height:0;text-indent:0;overflow:visible;cursor:pointer;}
.fw-filter .select-filter li .btn-del:before{content:'\2715';display:block;width:14px;height:14px;font-size:11px;line-height:14px;text-align:center;font-weight:700;color:#8a9099;}
.fw-filter .select-filter li .btn-del:hover:before{color:#14181d;}
/* 초기화 / 상품검색 — 입력창처럼 보이지 않게 작은 버튼으로 우측 정렬 */
.fw-filter .btn-wrap{display:flex;gap:6px;justify-content:flex-end;margin:0;padding:10px 18px 16px;border:0;}
.fw-filter .btn-wrap button{flex:none;width:auto;min-width:0;height:30px;padding:0 12px;white-space:nowrap;border:1px solid #dfe3e8;border-radius:8px;background:#fff;font-size:12px;font-weight:700;color:#8a9099;text-indent:0;overflow:visible;visibility:visible;cursor:pointer;}
/* ★ 쇼핑몰 공통 CSS가 button 안의 span 을 숨기기 때문에 반드시 되살려야 글자가 보인다
   (메이크샵 공식 예제에도 같은 이유로 visibility:visible 이 들어가 있음) */
.fw-filter .btn-wrap button span{display:inline-block!important;visibility:visible!important;font-size:12px;line-height:normal;color:inherit;text-indent:0;text-decoration:none;}
.fw-filter .btn-wrap button:hover{border-color:#14181d;color:#14181d;}
.fw-filter .btn-wrap button.btn-search{background:#14181d;border-color:#14181d;}
.fw-filter .btn-wrap button.btn-search .fc-fff{color:#F0D025;}

/* ───────── 좌측 사이드바 스크롤 고정 (2026-07-30) ───────── */
.fw-body{align-items:start;}
.fw-side{position:sticky;top:12px;align-self:start;max-height:calc(100vh - 24px);overflow-y:auto;padding-bottom:4px;}
.fw-side::-webkit-scrollbar{width:5px;}
.fw-side::-webkit-scrollbar-thumb{background:#d5d9de;border-radius:3px;}
.fw-side::-webkit-scrollbar-track{background:transparent;}

/* ───────── 상품 더보기 버튼 ───────── */
.fw-more{display:flex;justify-content:center;margin-top:24px;}
.fw-list a.fw-morebtn{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:300px;height:48px;margin:0;border:1px solid #14181d;border-radius:12px;background:#fff;color:#14181d;font-size:14px;font-weight:700;transition:.18s;}
.fw-list a.fw-morebtn:hover{background:#14181d;color:#F0D025;}
.fw-list a.fw-morebtn svg{width:16px;height:16px;}

/* 정렬바 — 보는 중 / 전체 개수 */
.fw-sortbar .cnt .fw-sep{margin:0 5px;color:#d5d9de;}
.fw-sortbar .cnt .fw-shown{color:#14181d;}

/* 선택 태그의 ✕ 삭제 버튼 숨김 (체크 해제로 대신함) */
.fw-filter .select-filter li{padding:5px 8px 5px 10px;}

/* 전체 개수는 값이 있을 때만 노출 */
.fw-sortbar .cnt .fw-total-wrap{display:none;}
.fw-sortbar .cnt .fw-total-wrap.on{display:inline;}

/* [임시] 태그 확인 블록 */

/* 보는 중 개수 — 셀 수 있을 때만 노출 */
.fw-sortbar .cnt .fw-shown-wrap{display:none;}
.fw-sortbar .cnt .fw-shown-wrap.on{display:inline;}

/* ═══════════ 필터 패널 재설계 (Bass Pro 방식 참고) 2026-07-30 ═══════════
   제목 + 초기화 → 선택한 조건 → 필터 그룹 순서.
   필터가 몇 개로 늘어나도 위쪽 두 영역은 항상 보이고, 필터 그룹 목록만 스크롤된다. */

/* 사이드바 : 화면 높이를 넘지 않게. 내부에서 필터만 늘어나고 줄어든다 */
.fw-side{position:sticky;top:12px;align-self:start;display:flex;flex-direction:column;gap:16px;
         max-height:calc(100vh - 24px);overflow:visible;}
.fw-side > .fw-side-card:not(.fw-filter),
.fw-side > .fw-promo-side{flex:0 0 auto;}

/* 필터 카드 : 남는 높이를 차지하고, 내부를 세로 플렉스로 쪼갠다 */
.fw-filter{flex:1 1 auto;min-height:120px;display:flex;flex-direction:column;overflow:hidden;}
.fw-filter .filter-wrap,
.fw-filter .layer-filter-wrap,
.fw-filter .layer-filter{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;}

/* ① 헤더 — 고정 */
.fw-filter .tit{flex:0 0 auto;display:flex;align-items:center;gap:7px;
                padding:15px 18px 13px;border-bottom:1px solid #eef1f4;background:#fff;}
.fw-filter .tit h3{margin:0;font-size:14px;font-weight:800;color:#14181d;letter-spacing:-.2px;}
.fw-filter .tit .total-count{font-size:12px;font-weight:600;color:#8a7207;}
.fw-filter .tit .btn-close{display:none;}
/* 초기화를 헤더 오른쪽 텍스트 버튼으로 */
.fw-filter .tit .btn-reset{margin-left:auto;padding:0;height:auto;border:0;background:none;
                           font-size:12px;font-weight:600;color:#8a9099;text-decoration:underline;
                           text-underline-offset:2px;cursor:pointer;white-space:nowrap;}
.fw-filter .tit .btn-reset:hover{color:#14181d;}
.fw-filter .tit .btn-reset span{display:inline-block!important;visibility:visible!important;
                                font-size:12px;color:inherit;}

/* ② 선택한 조건 — 고정. 값이 없으면 자리도 차지하지 않음 */
.fw-filter .select-filter{flex:0 0 auto;display:flex;flex-wrap:wrap;gap:6px;
                          margin:0;padding:12px 18px 2px;list-style:none;}
.fw-filter .select-filter:empty{padding:0;}
.fw-filter .select-filter li{display:flex;align-items:center;padding:4px 7px 4px 11px;
                             border:1px solid #dfe3e8;border-radius:20px;background:#fff;
                             font-size:12px;color:#41474e;}
.fw-filter .select-filter li .color-code{width:13px;height:13px;margin-right:5px;border-radius:50%;}

/* ③ 필터 그룹 — 여기만 스크롤 */
.fw-filter .opt-box{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;
                    margin:0;padding:6px 0 4px;list-style:none;}
.fw-filter .opt-box::-webkit-scrollbar{width:5px;}
.fw-filter .opt-box::-webkit-scrollbar-thumb{background:#d5d9de;border-radius:3px;}
.fw-filter .opt-box::-webkit-scrollbar-track{background:transparent;}

/* 상품검색 버튼(검색버튼 노출 설정일 때만 출력됨) */
.fw-filter .btn-wrap{flex:0 0 auto;justify-content:stretch;padding:12px 18px 4px;}
.fw-filter .btn-wrap button.btn-search{flex:1 1 auto;height:36px;}


/* ===== 2026-08-04 상품목록 수정 (치환코드 확인 후 재작업) =============== */


/* 1차 페이지의 접이식 트리 — 하위가 있는 분류만 펼침 버튼이 붙는다 */
  color:#aeb4bb;cursor:pointer;align-items:center;justify-content:center;border-radius:6px;}
.fw-catlist .fw-catitem.sub{padding-left:22px;position:relative;font-size:12.5px;color:#5b6167;}
.fw-catlist .fw-catitem.sub:before{content:'';position:absolute;left:11px;top:50%;width:5px;height:1px;background:#c4c8cc;}
.fw-catlist .fw-catitem.sub:hover{color:#14181d;}

/* ④ 정렬 — 11개로 늘어 두 줄이 될 수 있어 정리 */
.fw-sortbar .fw-sorts{display:flex;flex-wrap:wrap;gap:2px 0;justify-content:flex-end;}
.fw-sortbar .fw-sorts a.on{color:#14181d;font-weight:800;text-decoration:underline;text-underline-offset:3px;}
.fw-sortbar .fw-sorts .fw-sort-init{color:#aeb4bb;}
.fw-sortbar .fw-sorts .fw-sort-init:hover{color:#c8420f;}

/* ⑤ 카드 추가 항목 — 최적값 찾을 때까지 임시 노출. 값 없으면 자동으로 사라짐 */
.fw-pcard .fw-prate{position:absolute;top:8px;left:8px;background:#c8420f;color:#fff;
  font-size:11px;font-weight:800;padding:2px 6px;border-radius:4px;line-height:1.5;}
.fw-pcard .fw-plabel{position:absolute;top:8px;right:8px;line-height:1;}
.fw-pcard .fw-plabel:empty{display:none;}
.fw-pcard .fw-plabel img{height:16px;width:auto;display:block;}
.fw-pcard .fw-pbrand:empty{display:none;}
.fw-pcard .fw-pengname{font-size:10px;font-weight:600;color:#aeb4bb;letter-spacing:.02em;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.fw-pcard .fw-pengname:empty{display:none;}
.fw-pcard .fw-psubname{margin-top:2px;font-size:11px;color:#8a9099;line-height:1.35;
  display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;}
.fw-pcard .fw-psubname:empty{display:none;}
.fw-pcard .fw-pmeta{margin-top:2px;display:flex;gap:6px;font-size:10.5px;color:#b3b9c0;}
.fw-pcard .fw-pmeta:empty{display:none;}
.fw-pcard .fw-pmeta span:empty{display:none;}
.fw-pcard .fw-picons{margin-top:3px;line-height:1;}
.fw-pcard .fw-picons:empty{display:none;}
.fw-pcard .fw-picons img{height:14px;width:auto;vertical-align:middle;}
.fw-pcard .fw-preplace{font-size:13px;font-weight:800;color:#767d85;}
.fw-pcard .fw-preview{margin-top:3px;display:flex;align-items:center;gap:4px;font-size:11px;color:#E0A400;}
.fw-pcard .fw-preview:empty{display:none;}
.fw-pcard .fw-preview .st:empty{display:none;}
.fw-pcard .fw-preview .st img{height:12px;width:auto;vertical-align:-1px;}
.fw-pcard .fw-preview .ct{color:#8a9099;}
.fw-pcard .fw-preserve{margin-top:2px;font-size:10.5px;color:#8a7207;}
.fw-pcard .fw-pship{margin-top:3px;line-height:1;}
.fw-pcard .fw-pship:empty{display:none;}
.fw-pcard .fw-pship img{height:14px;width:auto;vertical-align:middle;}


/* ===== 2026-08-04 2차 정리 ============================================ */
/* ③ 정렬 : 오름/내림 짝은 JS 가 한 버튼으로 합친다. 짝 버튼은 숨긴다 */
.fw-sortbar .fw-sorts a.fw-sort-hide{display:none;}
.fw-sortbar .fw-sorts a .ar{margin-left:2px;font-size:10px;color:#8a9099;}
.fw-sortbar .fw-sorts a.on .ar{color:#14181d;}

/* ① 할인율 뱃지 : 값이 없으면 자동으로 사라진다 */
.fw-pcard .fw-prate:empty{display:none;}
/* ⑩ 별점 줄 : 별점도 후기수도 없으면 자리 차지하지 않게 */
.fw-pcard .fw-preview{min-height:0;}
.fw-pcard .fw-preview .ct{color:#8a9099;font-size:10.5px;}


/* ===== 2026-08-04 3차 정리 ============================================ */

/* ④ 할인율 뱃지 — 값이 있을 때만, 뜻이 보이게 */
.fw-pcard .fw-prate{display:none;left:8px;top:8px;background:#c8420f;color:#fff;
  font-size:11px;font-weight:800;padding:3px 7px;border-radius:4px;line-height:1.35;letter-spacing:-.2px;}
.fw-pcard .fw-prate.on{display:block;}


/* ===== 분류 사이드바 최종 (2026-08-04) ================================
   ① 지금 보는 단계만  ② 이름=이동, 펼침 버튼 없음  ③ 개수는 회색으로 작게
   ================================================================== */
.fw-side-h{display:flex;align-items:baseline;justify-content:space-between;gap:8px;}
.fw-side-h .fw-side-up{font-size:11.5px;font-weight:600;color:#9aa0a8;text-decoration:none;white-space:nowrap;}
.fw-side-h .fw-side-up:hover{color:#14181d;}

.fw-catlist .fw-catitem{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;
  font-size:13px;font-weight:500;color:#41474e;text-decoration:none;}
.fw-catlist .fw-catitem .nm{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.fw-catlist .fw-catitem .cnt{flex:none;font-size:11px;font-weight:500;color:#c4c8cc;}
.fw-catlist .fw-catitem:hover{background:#f6f7f9;color:#14181d;}
.fw-catlist .fw-catitem.sel{background:#fdf6cf;color:#14181d;font-weight:800;}
.fw-catlist .fw-catitem.sel .cnt{color:#8a7207;}

/* 현재 분류 아래의 한 단계 — 세로선으로 소속을 보여준다 */
.fw-catsub{margin:2px 0 6px 10px;padding-left:10px;border-left:2px solid #F0D025;}
.fw-catsub:empty{display:none;}
.fw-catlist .fw-catitem.sub{padding:6px 10px;font-size:12.5px;font-weight:500;color:#5b6167;}
.fw-catlist .fw-catitem.sub .cnt{font-size:10.5px;}
.fw-catlist .fw-catitem.sub:hover{color:#14181d;}


/* 확인용 안내판 (임시) — 확인 끝나면 이 블록 삭제 */
.fw-sortcheck{display:none;margin:0 0 12px;padding:11px 14px;background:#14181d;color:#fff;
  border-radius:10px;font-size:12px;line-height:1.7;}
.fw-sortcheck.on{display:block;}
.fw-sortcheck b{color:#F0D025;}
.fw-sortcheck .rank{color:#9aa0a8;}
.fw-sortcheck .hit{color:#7CE38B;font-weight:700;}
.fw-sortcheck .miss{color:#FF8A7A;font-weight:700;}
.fw-sortcheck .cmd{display:inline-block;margin-top:6px;padding:3px 8px;background:rgba(255,255,255,.12);
  border-radius:6px;font-family:monospace;font-size:11px;}

/* BASIC css end */