/* ───────────────────────────────────────────────
   얼마야 디자인 BASE — 토큰(색·폰트) + 공통 헤더·레이아웃
   모든 /price 페이지(목록·상세 전부)가 로드. 디자인 통일의 단일 기준.
   ※ 색/폰트/헤더 톤을 바꾸려면 "여기"만 수정.
   ─────────────────────────────────────────────── */
#eom{
  --or:#ff6600;--ord:#e85c00;--ori:#c2410c;--ors:#fff2ea;--orl:#ffd9c2;
  --ink:#0a0a0a;--bd:#1a1f27;--mut:#333b46;--bg2:#f6f7f9;--ln:#e9ecf1;
}
#eom *{box-sizing:border-box}
#eom{color:var(--ink);line-height:1.5;font-family:"Pretendard","Apple SD Gothic Neo","Malgun Gothic",-apple-system,sans-serif;}
#eom a{text-decoration:none;color:inherit}
#eom .eom-wrap{max-width:1180px;margin:0 auto;padding:0 6px}

/* 공통 버튼/타이포 */
#eom .ey{font-size:12px;font-weight:800;letter-spacing:2.5px;color:var(--or)}

/* 검색창 (홈 히어로·목록·검색 공통) */
#eom .bigsearch{max-width:560px;margin:22px auto 0;display:flex;background:#fff;border:1.5px solid var(--ln);border-radius:13px;padding:7px;box-shadow:0 14px 36px rgba(27,35,48,.07)}
#eom .bigsearch:focus-within{border-color:var(--or)}
#eom .bigsearch input{flex:1;border:none;outline:none;padding:11px 14px;font-size:15px;color:var(--ink);background:transparent}
#eom .bigsearch button{background:#fff;border:1px solid var(--ln);color:var(--bd);font-weight:700;padding:0 18px;border-radius:9px;cursor:pointer;font-size:14px}

/* 히어로 (홈 전용 큰 헤더) */
#eom .hero{background:radial-gradient(900px 380px at 50% -40%,rgba(255,102,0,.10),transparent 60%),#fff;border:1px solid var(--ln);border-radius:18px;padding:40px 18px 34px;text-align:center;margin:14px 0 4px}
#eom .hero h1{font-size:36px;font-weight:800;letter-spacing:-1.2px;line-height:1.2;margin:12px 0 0;color:var(--ink)}
#eom .hero h1 b{color:var(--or)}
#eom .hero p{color:var(--bd);font-size:15.5px;margin-top:11px}
#eom .herohint{margin-top:12px;font-size:13px;color:var(--mut)}
#eom .herohint b{color:var(--ink);font-weight:800}

/* 페이지 헤더 (분류·지역·상세 공통) — 얼마야 화이트·주황 톤으로 통일 */
#eom .pghead{background:linear-gradient(180deg,#fff,#fff7f1);border:1px solid var(--ln);border-radius:16px;padding:26px 26px 24px;margin:14px 0 16px}
#eom .pghead .bc{font-size:12.5px;color:var(--mut);margin-bottom:10px}
#eom .pghead .bc a{color:var(--mut)}
#eom .pghead .bc a:hover{color:var(--ori)}
#eom .pghead h1{font-size:26px;font-weight:800;letter-spacing:-.5px;margin:0;color:var(--ink)}
#eom .pghead h1 b{color:var(--or)}
#eom .pghead .sb{font-size:14px;color:var(--bd);margin-top:8px}
#eom .pghead .sb b{color:var(--ori);font-weight:800}

/* 공통 상태 박스 */
#eom .empty{background:#fff;border:1px dashed var(--ln);border-radius:14px;padding:46px 20px;text-align:center;color:var(--mut);font-size:14px}

@media(max-width:560px){
  #eom .hero h1{font-size:25px}
  #eom .pghead{padding:20px 18px}
  #eom .pghead h1{font-size:21px}
}