/* ============================================================
   custom.css — 대표님 자유 커스터마이즈 영역
   ------------------------------------------------------------
   이 파일은 항상 마지막에 로드되므로, 여기에 쓴 규칙이
   기본 스타일을 덮어씁니다(우선 적용). theme.css 의 변수로
   해결되지 않는 "페이지별/카테고리별 개별 디자인"을 여기서 합니다.

   ── 카테고리별 후크(클래스) ──
   오더형 각 섹션에는 자동으로 카테고리 클래스가 붙습니다:
     .cat--maguro  .cat--seafood  .cat--alacarte  .cat--gozen
     .cat--fried   .cat--rice-noodles  .cat--salad  .cat--dessert

   [예시 1] 참치 카테고리만 카드 배경을 진하게
   .cat--maguro .dish { background:#0F1E2B; color:#F2EFE9; }
   .cat--maguro .dish__price { color:#E5B94E; }

   [예시 2] 디저트 카테고리 사진 비율을 정사각형으로
   .cat--dessert .dish__media { aspect-ratio: 1 / 1; }

   [예시 3] 특정 메뉴 한 개만 강조 (id 사용)
   #dish-nami-gozen { outline:2px solid var(--gold); }

   [예시 4] 전체 사진 비율 바꾸기 (theme.css 의 --img-ratio 로도 가능)
   .dish__media { aspect-ratio: 3 / 2; }

   아래부터 자유롭게 작성하세요 ↓
   ============================================================ */