/* BASIC css start */
/* ============================================================
	피시위즈 모바일 브랜드 전체 — 개별페이지 CSS v2.0 (2026-07-30)
	에디토리얼 인덱스 스타일(PC와 동일 톤), 390px 기준
============================================================ */
.brandList { padding:22px 16px 50px; color:#41474e; }
.brandList a { color:#41474e; text-decoration:none; }

.brandList .bl-head { display:flex; align-items:baseline; gap:10px; padding-bottom:16px; border-bottom:1px solid #eef1f4; }
.brandList .bl-head h2 { margin:0; font-size:26px; letter-spacing:-.6px; color:#14181d; font-weight:800; }

.brandList .bl-search { margin-top:14px; height:44px; border:0; border-bottom:2px solid #14181d; padding:0 2px; display:flex; align-items:center; gap:8px; box-sizing:border-box; }
.brandList .bl-search svg { flex:none; width:15px; height:15px; }
.brandList .bl-search input { flex:1; min-width:0; border:0; outline:0; background:none; font-size:13.5px; color:#14181d; height:100%; }
.brandList .bl-search input::placeholder { color:#aeb4bb; }

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

.brandList .bl-featured-wrap { display:flex; flex-direction:column; gap:18px; }
.brandList .bl-feat-country-hd { display:flex; align-items:baseline; gap:7px; margin-bottom:8px; }
.brandList .bl-feat-country-hd b { font-size:12.5px; font-weight:800; color:#14181d; }
.brandList .bl-feat-country-hd span { font-family:'Space Grotesk',sans-serif; font-size:10.5px; color:#aeb4bb; }
.brandList .bl-featured { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }
.brandList .bl-feat-card { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:7px; height:88px; border:1px solid #eef1f4; border-radius:10px; background:#fff; }
.brandList .bl-feat-logo-wrap { position:relative; width:88px; height:32px; display:flex; align-items:center; justify-content:center; }
.brandList .bl-feat-logo { width:100%; height:100%; object-fit:contain; }
.brandList .bl-feat-mono { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:32px; height:32px; border-radius:50%; background:#f6f7f9; align-items:center; justify-content:center; font-size:13px; font-weight:800; color:#14181d; }
.brandList .bl-feat-name { font-size:11.5px; font-weight:700; color:#14181d; text-align:center; padding:0 4px; }

.brandList .bl-chosung-nav { display:flex; gap:6px; overflow-x:auto; padding-bottom:2px; -webkit-overflow-scrolling:touch; scrollbar-width:none; }
.brandList .bl-chosung-nav::-webkit-scrollbar { display:none; }
.brandList .bl-chosung-nav a { flex:none; min-width:32px; height:32px; padding:0 9px; border-radius:8px; background:#f6f7f9; display:flex; align-items:center; justify-content:center; font-size:12.5px; font-weight:700; color:#5b6167; }

.brandList .bl-index { margin-top:16px; display:flex; flex-direction:column; gap:22px; }
.brandList .bl-idx-group { scroll-margin-top:12px; }
.brandList .bl-idx-head { display:flex; align-items:baseline; gap:7px; padding-bottom:7px; border-bottom:1.5px solid #14181d; margin-bottom:4px; }
.brandList .bl-idx-ch { font-size:16px; font-weight:800; color:#14181d; }
.brandList .bl-idx-cnt { font-family:'Space Grotesk',sans-serif; font-size:11px; color:#aeb4bb; }
.brandList .bl-idx-items { display:flex; flex-direction:column; }
.brandList .bl-idx-items a { padding:9px 2px; font-size:13.5px; border-bottom:1px solid #f6f7f9; }

.brandList .bl-empty { display:none; padding:50px 0; text-align:center; color:#aeb4bb; font-size:13px; }

/* BASIC css end */