/* Don2 home: an immediate, swipeable menu rail below the photo-and-video hero. */
.home-menu-rail {
  padding: 34px 0 42px;
  background: #fff;
  border-bottom: 1px solid #ece9e4;
}
.home-menu-rail__head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 16px;
}
.home-menu-rail__head .eyebrow { margin: 0 0 5px; }
.home-menu-rail__head h2 { margin: 0; font-size: clamp(24px, 2vw, 34px); letter-spacing: -.05em; }
.home-menu-rail__hint { margin: 0; color: #777; font-size: 13px; }
.home-menu-rail__track {
  display: flex;
  gap: 12px;
  overflow-x: auto;
  padding: 3px 0 15px;
  margin: 0;
  overscroll-behavior-x: contain;
  scroll-snap-type: x mandatory;
  scroll-padding-inline: 0;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}
.home-menu-rail__track::-webkit-scrollbar { display: none; }
.home-menu-rail__card {
  flex: 0 0 244px;
  display: block;
  overflow: hidden;
  border: 1px solid #e6e1da;
  border-radius: 16px;
  background: #fff;
  color: #171717;
  scroll-snap-align: start;
  text-decoration: none;
  transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease;
}
.home-menu-rail__card:hover,
.home-menu-rail__card:focus-visible {
  border-color: #2f3133;
  box-shadow: 0 8px 18px rgba(47,49,51,.12);
  transform: translateY(-2px);
  outline: none;
}
.home-menu-rail__card img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
.home-menu-rail__body { display: block; padding: 14px 14px 15px; }
.home-menu-rail__meta { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; }
.home-menu-rail__name { font-size: 17px; font-weight: 800; letter-spacing: -.04em; }
.home-menu-rail__price { color: #8d6b1e; font-size: 14px; font-weight: 800; white-space: nowrap; }
.home-menu-rail__sub { display: block; min-height: 17px; margin-top: 5px; color: #777; font-size: 12px; }
@media (max-width: 680px) {
  .home-menu-rail { padding: 24px 0 29px; }
  .home-menu-rail__head { align-items: end; margin-bottom: 12px; }
  .home-menu-rail__head h2 { font-size: 24px; }
  .home-menu-rail__hint { font-size: 12px; text-align: right; }
  .home-menu-rail__card { flex-basis: min(72vw, 276px); }
}