/* "From the Bar" — Wine / Cocktails / Non-alcoholic.
   Visual cues lifted from .ontap__list (border-top rule, per-row hover
   underline, tab-aligned padding) but laid out in 3 columns instead of 2,
   and rows are non-clickable list items rather than anchors. */

.other-drinks {
  padding: 30px 0 60px;
  position: relative;
  z-index: 2;
}
@media (max-width: 720px) { .other-drinks { padding: 20px 0 40px; } }

.other-drinks__cols {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0;
  border-top: 1.5px solid var(--ink);
  transition: border-color var(--fade) var(--ease);
}
@media (max-width: 900px) { .other-drinks__cols { grid-template-columns: 1fr; } }

.other-drinks__col {
  padding: 0;
  border-right: 1.5px solid color-mix(in srgb, var(--ink) 22%, transparent);
}
.other-drinks__col:last-child { border-right: 0; }
@media (max-width: 900px) {
  .other-drinks__col {
    border-right: 0;
    border-bottom: 1.5px solid color-mix(in srgb, var(--ink) 22%, transparent);
  }
  .other-drinks__col:last-child { border-bottom: 0; }
}

.other-drinks__heading {
  font-family: var(--display);
  font-weight: 800;
  font-size: clamp(18px, 1.7vw, 22px);
  letter-spacing: .14em;
  text-transform: uppercase;
  margin: 0;
  padding: 18px 22px 14px;
  color: var(--p1);
  transition: color var(--fade) var(--ease);
}

.other-drinks__list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.other-drinks__row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
  padding: 16px 22px;
  border-top: 1px solid color-mix(in srgb, var(--ink) 18%, transparent);
  position: relative;
  transition: background-color .2s ease, border-color var(--fade) var(--ease);
}
.other-drinks__row::before {
  content: "";
  position: absolute;
  left: 0; right: 100%;
  bottom: 0;
  height: 2px;
  background: var(--p1);
  transition: right .3s cubic-bezier(.2,.7,.2,1), background-color var(--fade) var(--ease);
}
.other-drinks__row:hover {
  background: color-mix(in srgb, var(--p1) 6%, transparent);
}
.other-drinks__row:hover::before { right: 0; }

.other-drinks__copy { min-width: 0; }
.other-drinks__name {
  font-family: var(--display);
  font-weight: 800;
  font-size: clamp(17px, 1.6vw, 20px);
  text-transform: uppercase;
  letter-spacing: -.005em;
  line-height: 1.05;
  margin: 0 0 4px;
}
.other-drinks__desc {
  margin: 0;
  font-size: clamp(13px, 1.1vw, 15px);
  line-height: 1.35;
  opacity: .82;
}

.other-drinks__pills {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  white-space: nowrap;
}
.other-drinks__abv {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: var(--display);
  font-weight: 800;
  font-size: 12px;
  letter-spacing: .04em;
  padding: 4px 10px;
  border-radius: 999px;
  background: var(--ink);
  color: var(--paper);
  transition:
    background-color var(--fade) var(--ease),
    color var(--fade) var(--ease);
}
/* (.other-drinks__price intentionally not rendered — operator
 * decision to hide menu prices in this section.) */