/*
  restaurant-sink.css — "식당싱크대" 상세페이지 전용.
  화이트·라이트 톤 강조, 여백을 넉넉히 두는 방향. tokens.css 색상 변수는 재정의하지 않고
  이 페이지 전용 클래스만 추가한다.
*/

/* ===== 브레드크럼 바 ===== */
.rs-crumb-bar{ padding-block: 18px 0; }

/* ===== 히어로: 기본보다 밝은 스크림 + 하단 화이트 커브로 라이트 톤 강조 ===== */
.hero--restaurant{ min-height: 46vh; }
@media (min-width: 768px){ .hero--restaurant{ min-height: 54vh; } }
.hero--restaurant .hero__scrim{
  background: linear-gradient(180deg, rgba(28,25,23,.5) 0%, rgba(28,25,23,.34) 50%, rgba(28,25,23,.62) 100%);
}
.hero--restaurant::after{
  content: "";
  position: absolute;
  left: 0; right: 0; bottom: -1px;
  height: 44px;
  background: var(--paper);
  border-radius: 28px 28px 0 0;
  z-index: 2;
}
.hero--restaurant .hero__body{ padding-block: 56px 64px; }
@media (min-width: 768px){ .hero--restaurant .hero__body{ padding-block: 76px 84px; } }

/* ===== 라이트 톤 섹션: 여백을 더 넉넉하게 ===== */
.rs-section{ padding-block: 64px; border-top: 1px solid var(--line); background: var(--paper); }
@media (min-width: 768px){ .rs-section{ padding-block: 104px; } }

.rs-intro{
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: var(--r-lg);
  padding: 28px 24px;
  box-shadow: var(--sh-2);
}
@media (min-width: 768px){ .rs-intro{ padding: 40px 44px; } }
.rs-intro h3{ margin-top: 30px; margin-bottom: 10px; color: var(--amber); }
.rs-intro h3:first-of-type{ margin-top: 8px; }
.rs-intro p{ color: var(--ink-2); }

/* ===== 주의사항 카드 ===== */
.rs-note{
  background: var(--amber-soft);
  border: 1px solid #FDE68A;
  border-radius: var(--r-lg);
  padding: 24px 26px;
}
.rs-note h2{ color: var(--ink); margin-bottom: 12px; }
.rs-note ul{ margin: 0; padding-left: 20px; color: var(--ink-2); }
.rs-note li{ margin-bottom: 8px; }
.rs-note li:last-child{ margin-bottom: 0; }

/* ===== 갤러리 섹션 화이트 배경 강조 ===== */
.rs-gallery-head{ margin-bottom: 32px; }