/* 얼마야 다나와식 카테고리 드릴다운 — 공유 단일소스.
   사용처: 홈(theme/MG-basic/index/eolmaya.php #eom-cascade)·자재검증(price/vendor.php).
   래퍼에 class="eolm-cas" 부여 → 그 안의 .casrow/.lv/.step/.opts 가 스타일됨.
   ★ 카테고리 칩 디자인은 여기 한 곳만 고치면 양쪽 자동 반영. (복붙 금지) */
.eolm-cas{background:linear-gradient(180deg,#fff7f0 0%,#ffffff 70%);border:2px solid #ffcda6;border-radius:16px;padding:6px 18px;margin-bottom:14px;box-shadow:0 8px 26px rgba(255,102,0,.13)}
.eolm-cas .casrow{display:flex;align-items:flex-start;gap:12px;padding:12px 0;border-bottom:1px solid #ffe6d4}
.eolm-cas .casrow:last-child{border-bottom:none}
.eolm-cas .casrow .lv{flex:0 0 auto;white-space:nowrap;font-size:13px;font-weight:800;color:#c2410c;padding-top:7px;display:flex;align-items:center;gap:5px}
.eolm-cas .casrow .lv .step{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#ff6600;color:#fff;font-size:11px;font-weight:900;box-shadow:0 2px 5px rgba(255,102,0,.35)}
.eolm-cas .casrow .opts{flex:1;display:flex;gap:7px;flex-wrap:wrap;min-width:0}
.eolm-cas .casrow .opts button{background:#fff;border:1.5px solid #ffc59a;border-radius:9px;padding:7px 14px;font-size:14px;font-weight:700;color:#9a4d12;cursor:pointer;transition:.12s}
.eolm-cas .casrow .opts button:hover{border-color:#ff6600;color:#c2410c;background:#fff1e4;transform:translateY(-1px)}
.eolm-cas .casrow .opts button.on{background:#ff6600;color:#fff;border-color:#ff6600;box-shadow:0 3px 10px rgba(255,102,0,.40)}
.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;border-color:#cbd3de;color:#5a6473;background:#fff}
.eolm-cas .casrow .opts button.allb:hover{border-color:#1b2330;color:#1b2330;background:#f3f5f8}
.eolm-cas .casrow .opts button.allb.on{background:#1b2330;color:#fff;border-color:#1b2330;box-shadow:0 3px 10px rgba(27,35,48,.30)}
.eolm-cas .casrow .opts button.ghost{background:#f4f5f7;border-color:#e9ecf1;color:#aab2bd;cursor:default;box-shadow:none}
.eolm-cas .casrow .opts button.ghost:hover{background:#f4f5f7;border-color:#e9ecf1;color:#aab2bd;transform:none}
.eolm-cas .casrow .opts button.ghost .c{opacity:1;color:#bcc3cd;font-weight:700;margin-left:6px}
@media(max-width:720px){.eolm-cas{padding:4px 12px}.eolm-cas .casrow .opts button{padding:6px 12px;font-size:13.5px}}