/* ===================================================
   속초피크 — Food List Page (badge_food.css)
   + badge 레벨 카드 효과 통합
=================================================== */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,700;1,400&family=Noto+Sans+KR:wght@300;400;500;600;700&display=swap');

/* ══════════════════════════════════════
   BADGE 레벨 keyframes
══════════════════════════════════════ */
@keyframes lv6-border {
  0%   { box-shadow:0 0 0 2px #f59e0b,0 0 10px 2px rgba(245,158,11,0.5); }
  50%  { box-shadow:0 0 0 2px #fbbf24,0 0 18px 4px rgba(251,191,36,0.7); }
  100% { box-shadow:0 0 0 2px #f59e0b,0 0 10px 2px rgba(245,158,11,0.5); }
}
@keyframes lv5-border {
  0%   { box-shadow:0 0 0 2px #16a34a,0 0 10px 2px rgba(22,163,74,0.45); }
  50%  { box-shadow:0 0 0 2px #4ade80,0 0 18px 4px rgba(74,222,128,0.65); }
  100% { box-shadow:0 0 0 2px #16a34a,0 0 10px 2px rgba(22,163,74,0.45); }
}
@keyframes gold-flow {
  0%   { background-position:0% 50%; }
  50%  { background-position:100% 50%; }
  100% { background-position:0% 50%; }
}
@keyframes gold-shimmer {
  0%   { left:-70%; }
  100% { left:140%; }
}
@keyframes green-flow {
  0%   { background-position:0% 50%; }
  50%  { background-position:100% 50%; }
  100% { background-position:0% 50%; }
}
@keyframes lv6-badge {
  0%,100% { box-shadow:0 0 4px rgba(245,158,11,0.3); }
  50%      { box-shadow:0 0 10px rgba(245,158,11,0.6); }
}
@keyframes fhero-zoom { to { transform:scale(1); } }

/* ══════════════════════════════════════
   CSS 변수
══════════════════════════════════════ */
.food-page {
  --food-red:  #e8392a;
  --food-dk:   #c42d1e;
  --black:     #111;
  --grey1:     #f5f5f5;
  --grey2:     #e8e8e8;
  --grey4:     #aaa;
  --grey6:     #555;
  --white:     #fff;
  --radius:    14px;
  --shadow-sm: 0 2px 12px rgba(0,0,0,.07);
  --shadow-md: 0 8px 32px rgba(0,0,0,.13);
  font-family:'Noto Sans KR',sans-serif;
  background:#fafafa;
}

/* ══ 페이드인 ══ */
.fd-anim { opacity:0; transform:translateY(18px); transition:opacity .45s ease,transform .45s ease; }
.fd-anim--in { opacity:1; transform:translateY(0); }

/* ══ 히어로 ══ */
.food-hero { position:relative; height:380px; overflow:hidden; background:#111; }
.food-hero__img {
  position:absolute; inset:0; width:100%; height:100%;
  object-fit:cover; opacity:.58; transform:scale(1.06);
  animation:fhero-zoom 7s ease-out forwards;
}
.food-hero__overlay {
  position:absolute; inset:0;
  background:linear-gradient(to bottom,rgba(0,0,0,.05),rgba(0,0,0,.65));
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  padding:52px 24px; text-align:center;
}
.food-hero__label {
  font-family:'Playfair Display',serif; font-style:italic;
  font-size:clamp(.88rem,2vw,1.1rem); color:rgba(255,255,255,.72);
  letter-spacing:.12em; margin-bottom:6px;
}
.food-hero__title {
  font-family:'Playfair Display',serif; font-size:clamp(2.2rem,6vw,3.8rem);
  font-weight:700; color:#fff; line-height:1.1; margin:0;
}
.food-hero__title span { color:var(--food-red); }
.food-hero__desc { margin-top:12px; font-size:.86rem; font-weight:300; color:rgba(255,255,255,.7); line-height:1.8; }

/* ══ 탭 ══ */
.food-tabs-wrap {
  position:sticky; top:0; z-index:100;
  background:var(--white); border-bottom:1px solid var(--grey2);
  box-shadow:0 2px 10px rgba(0,0,0,.06);
}
.food-tabs {
  display:flex; overflow-x:auto; -webkit-overflow-scrolling:touch;
  scrollbar-width:none; padding:0 16px; max-width:1140px; margin:0 auto;
}
.food-tabs::-webkit-scrollbar { display:none; }
.food-tab {
  display:flex; flex-direction:column; align-items:center; gap:4px;
  padding:10px 16px; flex-shrink:0; border-bottom:3px solid transparent;
  text-decoration:none; color:var(--grey4);
  font-size:.7rem; font-weight:500; transition:all .2s; white-space:nowrap;
}
.food-tab img { width:24px; height:24px; object-fit:contain; opacity:.4; transition:opacity .2s; }
.food-tab:hover,.food-tab.is-active { color:var(--food-red); border-bottom-color:var(--food-red); }
.food-tab:hover img,.food-tab.is-active img { opacity:1; }

/* ══ 본문 ══ */
.food-body { max-width:1200px; margin:0 auto; padding:32px 20px 100px; }

/* ── 상단바 ── */
.food-topbar {
  display:flex; align-items:center; justify-content:space-between;
  margin-bottom:24px; flex-wrap:wrap; gap:10px;
}
.food-topbar__count { font-size:.82rem; color:var(--grey4); }
.food-topbar__count strong { color:var(--food-red); font-weight:700; }
.food-topbar__btns { display:flex; gap:8px; align-items:center; position:relative; }
.food-topbar__btns .btn {
  display:inline-flex; align-items:center; gap:5px; padding:8px 16px;
  border-radius:8px; font-size:.8rem; font-weight:500; font-family:'Noto Sans KR',sans-serif;
  border:1.5px solid var(--grey2); background:var(--white); color:var(--grey6);
  cursor:pointer; transition:all .2s;
}
.food-topbar__btns .btn:hover { border-color:var(--food-red); color:var(--food-red); }
.more_opt.is_list_btn {
  position:absolute; top:calc(100% + 8px); right:0;
  background:var(--white); border:1px solid var(--grey2);
  border-radius:10px; list-style:none; padding:8px 0;
  box-shadow:var(--shadow-md); z-index:200; min-width:130px;
}
.more_opt.is_list_btn li button {
  width:100%; padding:10px 18px; background:none; border:none;
  text-align:left; cursor:pointer; font-size:.83rem; color:var(--grey6);
  font-family:'Noto Sans KR',sans-serif; transition:background .15s;
}
.more_opt.is_list_btn li button:hover { background:var(--grey1); color:var(--food-red); }

/* ═══════════════════════════════════
   피처드 카드
═══════════════════════════════════ */
.food-featured {
  display:flex; width:100%; height:300px;
  background:var(--white); border-radius:var(--radius);
  overflow:hidden; box-shadow:var(--shadow-sm);
  cursor:pointer; color:inherit;
  margin-bottom:24px; box-sizing:border-box;
  transition:box-shadow .3s,transform .3s;
}
.food-featured:hover { box-shadow:var(--shadow-md); transform:translateY(-4px); }

.food-featured__img {
  position:relative; width:52%; min-width:52%; height:100%;
  flex-shrink:0; overflow:hidden; background:var(--grey2);
  border-radius: 13px 0 0 13px;
}
.food-featured__img > img {
  position:absolute; inset:0; width:100%; height:100%;
  object-fit:cover; display:block; transition:transform .5s ease;
}
.food-featured:hover .food-featured__img > img { transform:scale(1.05); }

.food-featured__badge {
  position:absolute; top:14px; left:14px; z-index:2;
  background:var(--food-red); color:#fff;
  font-size:.65rem; font-weight:700; padding:5px 12px; border-radius:20px;
}
.food-featured__hit {
  position:absolute; bottom:12px; right:12px; z-index:2;
  background:rgba(0,0,0,.55); color:#fff;
  font-size:.7rem; padding:3px 9px; border-radius:12px;
  display:flex; align-items:center; gap:4px;
}
.food-featured__author {
  position:absolute; bottom:12px; left:12px; z-index:3;
  display:flex; align-items:center; gap:7px; cursor:pointer;
}
.food-featured__avatar {
  width:32px; height:32px; border-radius:50%;
  object-fit:cover; border:2px solid rgba(255,255,255,.9);
  display:block; flex-shrink:0;
}
.food-featured__avatar--default {
  width:32px; height:32px; border-radius:50%;
  background:linear-gradient(135deg,var(--food-dk),var(--food-red));
  color:#fff; font-size:.8rem; font-weight:700;
  display:flex; align-items:center; justify-content:center;
  border:2px solid rgba(255,255,255,.9); flex-shrink:0;
}
.food-featured__author-name {
  font-size:.72rem; color:#fff; font-weight:600;
  text-shadow:0 1px 5px rgba(0,0,0,.7); white-space:nowrap;
}
.food-featured__body {
  flex:1; min-width:0; overflow:hidden; padding:36px 40px;
  display:flex; flex-direction:column; justify-content:center; gap:10px;
  border-radius: 0 13px 13px 0;
}
.food-featured__cat {
  font-size:.72rem; color:var(--food-red); font-weight:700;
  letter-spacing:.06em; text-transform:uppercase;
}
.food-featured__title {
  font-family:'Playfair Display',serif;
  font-size:1.5rem; font-weight:700; line-height:1.4; color:var(--black);
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
  overflow:hidden; margin:0;
}
.food-featured__excerpt {
  font-size:.86rem; color:var(--grey6); line-height:1.75;
  display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;
  overflow:hidden; margin:0;
}
.food-featured__meta {
  display:flex; align-items:center; gap:14px;
  font-size:.74rem; color:var(--grey4);
  margin-top:auto; padding-top:14px; border-top:1px solid var(--grey1);
}
.food-featured__meta-item { display:flex; align-items:center; gap:4px; }
.food-featured__date { margin-left:auto; }

/* ═══════════════════════════════════
   일반 카드 그리드
═══════════════════════════════════ */
.food-grid {
  display:grid; grid-template-columns:repeat(3,1fr);
  gap:20px; list-style:none; padding:0; margin:0;
  width:100%; box-sizing:border-box;
}
.food-grid > li { min-width:0; display:flex; }

.food-card {
  display:flex; flex-direction:column;
  background:var(--white); border-radius:var(--radius);
  overflow:hidden; box-shadow:var(--shadow-sm);
  cursor:pointer; color:inherit; width:100%;
  transition:box-shadow .3s,transform .3s;
}
.food-card:hover { box-shadow:var(--shadow-md); transform:translateY(-5px); }

.food-card__img {
  position:relative; width:100%; height:190px;
  flex-shrink:0; overflow:hidden; background:var(--grey2);
}
.food-card__img > img {
  position:absolute; inset:0; width:100%; height:100%;
  object-fit:cover; display:block; transition:transform .5s ease;
}
.food-card:hover .food-card__img > img { transform:scale(1.06); }

.food-card__badge {
  position:absolute; top:10px; left:10px; z-index:2;
  background:var(--food-red); color:#fff;
  font-size:.62rem; font-weight:700; padding:3px 9px; border-radius:20px;
}
.food-card__badge--notice { background:#222; }
.food-card__hit {
  position:absolute; bottom:8px; right:8px; z-index:2;
  background:rgba(0,0,0,.55); color:#fff;
  font-size:.66rem; padding:2px 8px; border-radius:10px;
  display:flex; align-items:center; gap:3px;
}
.food-card__author {
  position:absolute; bottom:8px; left:8px; z-index:3;
  display:flex; align-items:center; gap:6px; cursor:pointer;
}
.food-card__avatar {
  width:28px; height:28px; border-radius:50%;
  object-fit:cover; border:2px solid rgba(255,255,255,.9);
  display:block; flex-shrink:0;
}
.food-card__avatar--default {
  width:28px; height:28px; border-radius:50%;
  background:linear-gradient(135deg,var(--food-dk),var(--food-red));
  color:#fff; font-size:.74rem; font-weight:700;
  display:flex; align-items:center; justify-content:center;
  border:2px solid rgba(255,255,255,.9); flex-shrink:0;
}
.food-card__author-name {
  font-size:.68rem; color:#fff; font-weight:600;
  text-shadow:0 1px 4px rgba(0,0,0,.7); white-space:nowrap;
}
.food-card__body {
  padding:14px 16px 16px;
  display:flex; flex-direction:column; gap:8px; flex:1;
}
.food-card__title {
  font-size:.9rem; font-weight:700; line-height:1.45; color:var(--black);
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
  overflow:hidden; margin:0;
}
.food-card__meta {
  display:flex; align-items:center; gap:10px;
  margin-top:auto; padding-top:10px; border-top:1px solid var(--grey1);
  font-size:.7rem; color:var(--grey4);
}
.food-card__meta-item { display:flex; align-items:center; gap:3px; }
.food-card__date { margin-left:auto; font-size:.68rem; }

/* 빈 상태 */
.food-empty { text-align:center; padding:80px 20px; color:var(--grey4); }
.food-empty i { font-size:3rem; display:block; margin-bottom:16px; opacity:.3; }
.food-empty p { font-size:.9rem; }

/* FAB */
.food-fab {
  position:fixed; bottom:28px; right:28px;
  display:flex; align-items:center; gap:8px;
  background:var(--food-red); color:#fff;
  padding:14px 22px; border-radius:50px;
  font-size:.88rem; font-weight:700; font-family:'Noto Sans KR',sans-serif;
  box-shadow:0 6px 24px rgba(232,57,42,.45);
  text-decoration:none; transition:all .25s; z-index:200;
}
.food-fab:hover { background:var(--food-dk); transform:translateY(-3px); box-shadow:0 10px 32px rgba(232,57,42,.55); }

/* 페이지네이션 */
.food-body .pg_wrap { margin-top:48px; display:flex; justify-content:center; }

/* ══════════════════════════════════════
   BADGE — food 카드 레벨 효과
   .food-grid > li 기준으로 적용
══════════════════════════════════════ */

/* 기본 카드 테두리 (lv1~2) */
.food-grid > li {
  border-radius:var(--radius);
  border:1.5px solid #e2e6ea;
  box-shadow:0 2px 8px rgba(0,0,0,.06);
  transition:transform .2s,box-shadow .2s,border-color .2s;
  overflow:hidden;
}
.food-grid > li:hover {
  transform:translateY(-3px);
  box-shadow:0 6px 18px rgba(0,0,0,.10);
  border-color:#c8cdd4;
}
/* food-card 자체 shadow 중복 제거 */
.food-grid > li .food-card { box-shadow:none; border-radius:0; }

/* lv3 — 핑크/보라 */
.food-grid > li.card-lv3 {
  border:1.5px solid rgba(219,39,119,.35) !important;
  box-shadow:0 2px 10px rgba(219,39,119,.08) !important;
}
.food-grid > li.card-lv3:hover {
  border-color:rgba(219,39,119,.6) !important;
  box-shadow:0 6px 18px rgba(219,39,119,.14) !important;
}

/* lv4 — 블루 */
.food-grid > li.card-lv4 {
  border:1.5px solid rgba(37,99,235,.3) !important;
  box-shadow:0 2px 10px rgba(37,99,235,.07) !important;
}
.food-grid > li.card-lv4:hover {
  border-color:rgba(37,99,235,.55) !important;
  box-shadow:0 6px 18px rgba(37,99,235,.13) !important;
}

/* lv5 — 그린 */
.food-grid > li.card-lv5 {
  border-radius:16px !important;
  padding:2px !important;
  background:linear-gradient(135deg,#065f46 0%,#16a34a 30%,#4ade80 50%,#16a34a 70%,#065f46 100%) !important;
  background-size:300% 300% !important;
  animation:green-flow 4s ease infinite !important;
  box-shadow:0 0 8px 2px rgba(22,163,74,.3),0 4px 16px rgba(0,0,0,.12) !important;
  border:none !important;
  overflow:visible !important;
}
.food-grid > li.card-lv5:hover {
  transform:translateY(-4px) !important;
  box-shadow:0 0 14px 4px rgba(22,163,74,.45),0 6px 22px rgba(0,0,0,.16) !important;
}
.food-grid > li.card-lv5 .food-card {
  border-radius:14px !important;
  overflow:hidden !important;
  background:#fff !important;
}

/* lv6 — 골드 */
.food-grid > li.card-lv6 {
  border-radius:18px !important;
  padding:4px !important;
  background:linear-gradient(125deg,#b45309 0%,#f59e0b 25%,#fde68a 50%,#f59e0b 75%,#b45309 100%) !important;
  background-size:300% 300% !important;
  animation:gold-flow 3s ease infinite !important;
  box-shadow:0 0 16px 4px rgba(245,158,11,.45),0 4px 20px rgba(0,0,0,.15) !important;
  border:none !important;
  overflow:visible !important;
  z-index:2;
}
.food-grid > li.card-lv6:hover {
  transform:translateY(-5px) !important;
  box-shadow:0 0 26px 8px rgba(245,158,11,.6),0 8px 28px rgba(0,0,0,.2) !important;
}
.food-grid > li.card-lv6 .food-card {
  border-radius:15px !important;
  overflow:hidden !important;
  background:#fff !important;
  clip-path:inset(0 round 15px);
}

/* 👑 코너 배지 */
.food-grid > li.card-lv6::before {
  content:'👑';
  position:absolute;
  top:12px; right:14px;
  font-size:18px; z-index:10;
  filter:drop-shadow(0 1px 3px rgba(0,0,0,.5));
  pointer-events:none;
  animation:none !important;
  background:none !important;
}

/* shimmer */
.food-grid > li.card-lv6 .food-card__img::after {
  content:'';
  position:absolute;
  top:0; left:-70%;
  width:45%; height:100%;
  background:linear-gradient(108deg,transparent 20%,rgba(255,240,150,.55) 50%,transparent 80%);
  animation:gold-shimmer 3.5s ease-in-out infinite;
  pointer-events:none;
  z-index:4;
}

/* ══════════════════════════════════════
   BADGE — author 오버레이 (food 카드용)
══════════════════════════════════════ */
.food-card__img .author-row {
  position:absolute; bottom:0; left:0; right:0;
  background:linear-gradient(to top,rgba(0,0,0,.78) 0%,rgba(0,0,0,.42) 55%,transparent 100%);
  padding:30px 10px 8px;
  z-index:2; top:auto;
}
.food-card__img .author-profile {
  display:flex; align-items:center; gap:7px;
  text-decoration:none; color:#fff; cursor:pointer;
  transition:opacity .15s; width:100%; min-width:0;
}
.food-card__img .author-profile:hover { opacity:.82; }
.food-card__img .author-avatar {
  width:26px; height:26px; min-width:26px;
  border-radius:50%; object-fit:cover;
  border:2px solid rgba(255,255,255,.8); display:block; flex-shrink:0;
}
.food-card__img .author-avatar.lv-6 { border-color:#f59e0b; animation:lv6-border 2s ease-in-out infinite; }
.food-card__img .author-avatar.lv-5 { border-color:#4ade80; animation:lv5-border 2s ease-in-out infinite; }
.food-card__img .author-avatar--default {
  width:26px; height:26px; min-width:26px; border-radius:50%;
  background:linear-gradient(135deg,#d93025,#ff6b6b);
  display:flex; align-items:center; justify-content:center;
  font-size:11px; font-weight:700; color:#fff; flex-shrink:0;
  border:2px solid rgba(255,255,255,.6);
}
.food-card__img .author-avatar--default.lv-6 {
  background:linear-gradient(135deg,#f59e0b,#fbbf24);
  border-color:#f59e0b; animation:lv6-border 2s ease-in-out infinite;
}
.food-card__img .author-avatar--default.lv-5 {
  background:linear-gradient(135deg,#16a34a,#4ade80);
  border-color:#4ade80; animation:lv5-border 2s ease-in-out infinite;
}
.food-card__img .author-meta {
  display:flex; align-items:center; gap:4px;
  min-width:0; flex:1; overflow:hidden;
}
.food-card__img .author-nick {
  font-size:11px; font-weight:700; color:#fff;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
  max-width:90px; text-shadow:0 1px 4px rgba(0,0,0,.6);
}
.food-card__img .author-badge { display:flex; align-items:center; flex-shrink:0; }
.food-card__img .lv_txt {
  font-size:9px; font-weight:700; padding:2px 6px;
  border-radius:20px; white-space:nowrap; line-height:1.5;
  backdrop-filter:blur(4px); -webkit-backdrop-filter:blur(4px);
}
.food-card__img .lv_txt.lv_6 { background:rgba(245,158,11,.9); border:1px solid #fbbf24; color:#fff; animation:lv6-badge 2s ease-in-out infinite; }
.food-card__img .lv_txt.lv_5 { background:rgba(22,163,74,.9);  border:1px solid #4ade80; color:#fff; }
.food-card__img .lv_txt.lv_4 { background:rgba(37,99,235,.85); border:1px solid #60a5fa; color:#fff; }
.food-card__img .lv_txt.lv_3 { background:rgba(219,39,119,.85);border:1px solid #f472b6; color:#fff; }
.food-card__img .lv_txt.lv_2 { background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.4);color:#fff; }

/* ══════════════════════════════════════
   BADGE — 피처드 카드 레벨 효과
   .food-featured.card-lv* 기준
══════════════════════════════════════ */

/* 피처드 기본 테두리 (lv1~2) */
.food-featured {
  border:1.5px solid #e2e6ea;
}

/* lv3 */
.food-featured.card-lv3 {
  border:1.5px solid rgba(219,39,119,.45) !important;
  box-shadow:0 4px 20px rgba(219,39,119,.12) !important;
}
.food-featured.card-lv3:hover {
  border-color:rgba(219,39,119,.7) !important;
  box-shadow:0 8px 32px rgba(219,39,119,.2) !important;
}

/* lv4 */
.food-featured.card-lv4 {
  border:1.5px solid rgba(37,99,235,.4) !important;
  box-shadow:0 4px 20px rgba(37,99,235,.10) !important;
}
.food-featured.card-lv4:hover {
  border-color:rgba(37,99,235,.65) !important;
  box-shadow:0 8px 32px rgba(37,99,235,.18) !important;
}

/* lv5 — 그린 테두리 애니메이션 */
.food-featured.card-lv5 {
  border:none !important;
  padding:3px !important;
  background:linear-gradient(135deg,#065f46 0%,#16a34a 30%,#4ade80 50%,#16a34a 70%,#065f46 100%) !important;
  background-size:300% 300% !important;
  animation:green-flow 4s ease infinite !important;
  box-shadow:0 0 12px 3px rgba(22,163,74,.35),0 4px 20px rgba(0,0,0,.12) !important;
  border-radius:17px !important;
  overflow:hidden !important;
}
.food-featured.card-lv5:hover {
  box-shadow:0 0 20px 6px rgba(22,163,74,.5),0 8px 28px rgba(0,0,0,.16) !important;
}
/* 내부 콘텐츠를 흰 배경으로 감싸기 위한 inner wrapper */
.food-featured.card-lv5 > .food-featured__img,
.food-featured.card-lv5 > .food-featured__body {
  /* padding 안쪽에 흰 배경이 보이도록 */
  background:#fff;
}

/* lv6 — 골드 */
.food-featured.card-lv6 {
  border:none !important;
  padding:4px !important;
  background:linear-gradient(125deg,#b45309 0%,#f59e0b 25%,#fde68a 50%,#f59e0b 75%,#b45309 100%) !important;
  background-size:300% 300% !important;
  animation:gold-flow 3s ease infinite !important;
  box-shadow:0 0 20px 5px rgba(245,158,11,.5),0 4px 20px rgba(0,0,0,.15) !important;
  border-radius:18px !important;
  overflow:hidden !important;
  position:relative;
  z-index:2;
}
.food-featured.card-lv6:hover {
  box-shadow:0 0 32px 10px rgba(245,158,11,.65),0 8px 28px rgba(0,0,0,.2) !important;
}
.food-featured.card-lv6 > .food-featured__img,
.food-featured.card-lv6 > .food-featured__body {
  background:#fff;
}

/* 👑 피처드 골드 코너 배지 */
.food-featured.card-lv6::before {
  content:'👑';
  position:absolute;
  top:14px; right:18px;
  font-size:22px; z-index:10;
  filter:drop-shadow(0 1px 4px rgba(0,0,0,.5));
  pointer-events:none;
  animation:none !important;
  background:none !important;
}

/* 피처드 골드 shimmer */
.food-featured.card-lv6 .food-featured__img::after {
  content:'';
  position:absolute;
  top:0; left:-70%;
  width:45%; height:100%;
  background:linear-gradient(108deg,transparent 20%,rgba(255,240,150,.5) 50%,transparent 80%);
  animation:gold-shimmer 3.5s ease-in-out infinite;
  pointer-events:none;
  z-index:4;
}

/* 피처드 아바타 lv 효과 */
.food-featured__avatar.lv-6 { border-color:#f59e0b !important; animation:lv6-border 2s ease-in-out infinite; }
.food-featured__avatar.lv-5 { border-color:#4ade80 !important; animation:lv5-border 2s ease-in-out infinite; }
.food-featured__avatar--default.lv-6 {
  background:linear-gradient(135deg,#f59e0b,#fbbf24) !important;
  border-color:#f59e0b !important;
  animation:lv6-border 2s ease-in-out infinite;
}
.food-featured__avatar--default.lv-5 {
  background:linear-gradient(135deg,#16a34a,#4ade80) !important;
  border-color:#4ade80 !important;
  animation:lv5-border 2s ease-in-out infinite;
}

/* ══ 반응형 ══ */
@media (max-width:900px) {
  .food-grid { grid-template-columns:repeat(2,1fr); }
  .food-featured { height:auto; flex-direction:column; }
  .food-featured__img { width:100%; min-width:100%; height:220px; }
  .food-featured__body { padding:22px 24px 26px; }
  .food-featured__title { font-size:1.15rem; }
}
@media (max-width:560px) {
  .food-hero { height:260px; }
  .food-grid { grid-template-columns:1fr; gap:30px; }
  .food-featured__img { height:180px; }
  .food-card__img { height:170px; }
  .food-body { padding:20px 14px 90px; }
  .food-fab { bottom:18px; right:14px; padding:12px 18px; font-size:.82rem; }
}