/*
  eatery-sink-making.css — 음식점싱크대제작 페이지 전용 스타일
  다크 히어로(네이비 그라디언트) + 라이트 본문 대비형 레이아웃.
  공통 토큰(tokens.css) 색상 값을 그대로 사용하며 값 자체는 재정의하지 않는다.
*/

/* ===== 다크 히어로 ===== */
.eatery-hero{
  position: relative;
  background: linear-gradient(160deg, var(--navy) 0%, var(--navy-soft) 55%, #0C4A6E 100%);
  color: var(--white);
  overflow: hidden;
}
.eatery-hero::before{
  content: "";
  position: absolute; inset: 0;
  background:
    radial-gradient(620px 320px at 88% -12%, rgba(2,132,199,.35), transparent 60%),
    radial-gradient(520px 280px at 8% 112%, rgba(13,148,136,.28), transparent 60%);
  pointer-events: none;
}
.eatery-hero__body{ position: relative; z-index: 1; padding-block: 64px 56px; }
@media (min-width: 768px){ .eatery-hero__body{ padding-block: 96px 80px; } }
.eatery-hero .breadcrumb{ color: #94A3B8; margin-bottom: 22px; }
.eatery-hero .breadcrumb a{ color: #CBD5E1; }
.eatery-hero .breadcrumb a:hover{ color: var(--white); }
.eatery-hero__badge{
  display: inline-flex; align-items: center; gap: 8px; padding: 8px 16px; border-radius: 999px;
  border: 1px solid rgba(255,255,255,.5); background: rgba(255,255,255,.12);
  color: var(--white); font-weight: 700; font-size: 13px; letter-spacing: .04em; margin-bottom: 18px;
}
.eatery-hero__badge .dot{ width: 8px; height: 8px; border-radius: 999px; background: var(--teal); flex: none; }
.eatery-hero h1{ color: var(--white); margin-bottom: 14px; }
.eatery-hero__answer{ max-width: 660px; font-size: clamp(16px, 2.4vw, 19px); line-height: 1.7; color: #E2E8F0; margin-bottom: 24px; }
.eatery-hero__sub{ display: grid; gap: 8px; margin: 0 0 28px; max-width: 580px; color: #CBD5E1; font-size: 15.5px; }
.eatery-hero__sub li{ list-style: none; padding-left: 22px; position: relative; }
.eatery-hero__sub li::before{ content: ""; position: absolute; left: 0; top: 10px; width: 12px; height: 2px; background: var(--teal); }
.eatery-hero__cta{ display: flex; flex-wrap: wrap; gap: 12px; }
.eatery-hero__cta .btn-ghost{ background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.6); color: var(--white); }
.eatery-hero__cta .btn-ghost:hover{ background: rgba(255,255,255,.18); }

/* ===== 업종별 카드 (라이트 섹션 내부, 다크 히어로와 대비) ===== */
.cuisine-grid{ display: grid; gap: 16px; grid-template-columns: 1fr; }
@media (min-width: 640px){ .cuisine-grid{ grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1024px){ .cuisine-grid{ grid-template-columns: repeat(4, 1fr); } }
.cuisine-card{ border-top: 3px solid var(--accent); }
.cuisine-card:nth-child(2n){ border-top-color: var(--teal); }
.cuisine-card .tag{ display: inline-block; font-size: 12.5px; font-weight: 700; color: var(--accent-deep); background: var(--accent-soft); border-radius: var(--r-chip); padding: 3px 10px; margin-bottom: 10px; }
.cuisine-card h3{ margin-bottom: 8px; }
.cuisine-card p{ font-size: 14.5px; color: var(--ink-2); margin: 0; }