/* Keep the Drinks anchor steady while the preceding images load. */
#cigar-4-soldier .c4s-logo,
#cigar-4-soldier .c4s-media img {
  height: auto;
}

#drinks {
  padding: 96px 24px;
  scroll-margin-top: 112px;
  background: #0b0a09;
  border-top: 1px solid rgba(201, 154, 76, .18);
  color: #f4efe7;
}

#drinks .drinks-shell {
  width: min(1180px, 100%);
  margin: 0 auto;
}

#drinks .drinks-title {
  margin: 0 0 36px;
  font: 600 clamp(2.75rem, 5vw, 4.9rem)/1.05 'Cormorant Garamond', Georgia, serif;
}

#drinks .drinks-menu {
  padding: clamp(24px, 4vw, 48px);
  border: 1px solid rgba(201, 154, 76, .26);
  border-radius: 20px;
  background: #12100e;
}

#drinks .drinks-menu + .drinks-menu {
  margin-top: 24px;
}

#drinks .drinks-menu-heading h3 {
  margin: 0 0 12px;
  color: #e0b872;
  font-size: 1.5rem;
  font-weight: 600;
  letter-spacing: .12em;
  line-height: 1.3;
}

#drinks .drinks-menu-heading p {
  margin: 0;
  color: #c9c1b7;
  font-size: .875rem;
  font-weight: 600;
  letter-spacing: .16em;
  line-height: 1.5;
}

#drinks .drinks-coffee-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 48px;
  margin: 28px 0 0;
  padding: 0;
  list-style: none;
}

#drinks .drinks-coffee-list li {
  padding: 20px 0;
  border-top: 1px solid rgba(201, 154, 76, .2);
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  line-height: 1.5;
  overflow-wrap: anywhere;
}

#drinks .drinks-other-list {
  margin-top: 0;
}

#drinks .abbina-products {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 28px;
  margin: 28px 0 0;
  padding: 0;
  list-style: none;
}

#drinks .abbina-products li {
  padding-top: 24px;
  border-top: 1px solid rgba(201, 154, 76, .2);
  overflow-wrap: anywhere;
}

#drinks .abbina-products h4 {
  margin: 0;
  color: #e0b872;
  font-size: 1.125rem;
  font-weight: 600;
  letter-spacing: .05em;
  line-height: 1.5;
}

#drinks .abbina-products p {
  margin: 12px 0 0;
  color: #c9c1b7;
  font-size: 1rem;
  line-height: 1.7;
}

@media (max-width: 1000px) {
  #drinks .abbina-products { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 600px) {
  #drinks .abbina-products { grid-template-columns: 1fr; }
}

@media (min-width: 701px) and (max-width: 1250px) {
  #drinks { scroll-margin-top: 180px; }
}

@media (max-width: 700px) {
  #drinks {
    padding: 68px 16px;
    scroll-margin-top: 110px;
  }

  #drinks .drinks-title { margin-bottom: 28px; }
  #drinks .drinks-menu { border-radius: 14px; }
  #drinks .drinks-coffee-list { grid-template-columns: 1fr; }
}

@media (max-width: 520px) {
  #drinks { scroll-margin-top: 92px; }
}