/* 얼마야 다나와식 카테고리 드릴다운 — 공유 단일소스.
   사용처: 홈(theme/MG-basic/index/eolmaya.php #eom-cascade)·자재검증(price/vendor.php).
   래퍼에 class="eolm-cas" 부여 → 그 안의 .casrow/.lv/.step/.opts 가 스타일됨.
   ★ 카테고리 칩 디자인은 여기 한 곳만 고치면 양쪽 자동 반영. (복붙 금지) */
.eolm-cas{background:#fff;border:1px solid #e9ecf1;border-radius:16px;padding:4px 16px;margin-bottom:14px}
.eolm-cas .casrow{display:flex;align-items:flex-start;gap:12px;padding:11px 0;border-bottom:1px solid #e9ecf1}
.eolm-cas .casrow:last-child{border-bottom:none}
.eolm-cas .casrow .lv{flex:0 0 auto;white-space:nowrap;font-size:12.5px;font-weight:800;color:#8b95a3;padding-top:7px;display:flex;align-items:center;gap:4px}
.eolm-cas .casrow .lv .step{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#fff2ea;color:#c2410c;font-size:10px;font-weight:900}
.eolm-cas .casrow .opts{flex:1;display:flex;gap:7px;flex-wrap:wrap;min-width:0}
.eolm-cas .casrow .opts button{background:#fff5ec;border:1px solid #f3e7d8;border-radius:8px;padding:6px 12px;font-size:13.5px;font-weight:700;color:#7a5a3e;cursor:pointer;transition:.12s}
.eolm-cas .casrow .opts button:hover{border-color:#ffd9c2;color:#c2410c;background:#ffe9d8}
.eolm-cas .casrow .opts button.on{background:#ff6600;color:#fff;border-color:#ff6600}
.eolm-cas .casrow .opts button .c{font-size:11.5px;font-weight:600;opacity:.6;margin-left:5px}
.eolm-cas .casrow .opts button.on .c{opacity:.85}
.eolm-cas .casrow .opts button.allb{border-style:dashed}
.eolm-cas .casrow .opts button.allb.on{background:#1b2330;color:#fff;border-color:#1b2330}
@media(max-width:720px){.eolm-cas{padding:4px 12px}}