/* BASIC css start */
/* ============================================================
	FISHWIZ 브랜드 전체 — 개별페이지 CSS v2.0 (2026-07-30)
	에디토리얼 인덱스 스타일 : 좌측 고정 초성 레일 + 다단 색인 + 피처드 카드
============================================================ */
#brandList { width:1280px; margin:0 auto; padding:40px 0 80px; box-sizing:border-box; font-family:'Pretendard Variable',Pretendard,-apple-system,sans-serif; color:#41474e; }
#brandList a { color:#41474e; text-decoration:none; }
#brandList a:hover { color:#14181d; }

#brandList .bl-head { padding:0 26px 28px; border-bottom:1px solid #eef1f4; display:flex; align-items:flex-end; justify-content:space-between; gap:40px; }
#brandList .bl-head-top { display:flex; flex-direction:column; gap:6px; }
#brandList .bl-head-top h2 { margin:0; font-size:40px; letter-spacing:-1.2px; color:#14181d; font-weight:800; line-height:1; }

#brandList .bl-search { flex:none; width:340px; height:46px; border:0; border-bottom:2px solid #14181d; padding:0 4px; display:flex; align-items:center; gap:10px; box-sizing:border-box; }
#brandList .bl-search svg { flex:none; width:16px; height:16px; }
#brandList .bl-search input { flex:1; border:0; outline:0; background:none; font-size:14px; color:#14181d; height:100%; }
#brandList .bl-search input::placeholder { color:#aeb4bb; }

#brandList .bl-eyebrow { display:flex; align-items:center; gap:14px; padding:0 26px; margin:36px 0 18px; }
#brandList .bl-eyebrow span { font-family:'Space Grotesk',sans-serif; font-size:11px; font-weight:700; letter-spacing:.16em; color:#8a9099; flex:none; }
#brandList .bl-eyebrow i { flex:1; height:1px; background:#eef1f4; font-style:normal; }
#brandList .bl-eyebrow-all { margin-top:56px; }

/* ---- 피처드 브랜드 : 타일 카드 ---- */
#brandList .bl-featured-wrap { padding:0 26px; display:flex; flex-direction:column; gap:24px; }
#brandList .bl-feat-country-hd { display:flex; align-items:baseline; gap:8px; margin-bottom:12px; }
#brandList .bl-feat-country-hd b { font-size:14px; font-weight:800; color:#14181d; }
#brandList .bl-feat-country-hd span { font-family:'Space Grotesk',sans-serif; font-size:11px; color:#aeb4bb; }
#brandList .bl-featured { display:grid; grid-template-columns:repeat(6,1fr); gap:14px; }
#brandList .bl-feat-card { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; height:118px; border:1px solid #eef1f4; border-radius:12px; background:#fff; transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease; }
#brandList .bl-feat-card:hover { border-color:#14181d; box-shadow:0 14px 28px rgba(20,24,29,.09); transform:translateY(-3px); }
#brandList .bl-feat-logo-wrap { position:relative; width:38px; height:38px; }
#brandList .bl-feat-logo { width:100%; height:100%; object-fit:contain; }
#brandList .bl-feat-mono { position:absolute; inset:0; width:38px; height:38px; border-radius:50%; background:#f6f7f9; align-items:center; justify-content:center; font-size:15px; font-weight:800; color:#14181d; }
#brandList .bl-feat-card:hover .bl-feat-mono { background:#14181d; color:#F0D025; }
#brandList .bl-feat-name { font-size:14px; font-weight:700; color:#14181d; }

/* ---- 전체 색인 : 좌측 고정 레일 + 다단 리스트 ---- */
#brandList .bl-body { padding:0 26px; display:flex; gap:36px; align-items:flex-start; }
#brandList .bl-rail { flex:none; width:44px; position:sticky; top:24px; display:flex; flex-direction:column; gap:4px; }
#brandList .bl-rail-item { height:36px; display:flex; align-items:center; justify-content:center; font-size:13px; font-weight:700; color:#aeb4bb; border-radius:8px; }
#brandList .bl-rail-item:hover { color:#14181d; background:#f6f7f9; }
#brandList .bl-rail-item.is-active { color:#fff; background:#14181d; }

#brandList .bl-index { flex:1; min-width:0; display:flex; flex-direction:column; gap:32px; }
#brandList .bl-idx-group { scroll-margin-top:20px; }
#brandList .bl-idx-head { display:flex; align-items:baseline; gap:8px; padding-bottom:8px; border-bottom:1.5px solid #14181d; margin-bottom:12px; }
#brandList .bl-idx-ch { font-size:19px; font-weight:800; color:#14181d; letter-spacing:-.4px; }
#brandList .bl-idx-cnt { font-family:'Space Grotesk',sans-serif; font-size:11.5px; color:#aeb4bb; }
#brandList .bl-idx-items { column-count:4; column-gap:30px; }
#brandList .bl-idx-items a { display:block; padding:6px 0; font-size:13.5px; line-height:1.4; }

#brandList .bl-empty { display:none; padding:60px 26px; text-align:center; color:#aeb4bb; font-size:14px; }

/* BASIC css end */