/* "All amenities" pages. Loads after styles.css, destination.css and legal.css. */

.amen { max-width: 960px; }
.amen__bottom { display: flex; flex-wrap: wrap; gap: 12px; }
.amen__bottom .btn { display: inline-block; padding: 14px 26px; font-size: 15px; }
.amen__bottom { margin-top: clamp(48px, 7vw, 80px); padding-top: 32px; border-top: 1px solid var(--line); }
.btn--dark { background: var(--ink-dark); color: #fff; }
.btn--dark:hover { background: #3a2f27; transform: translateY(-1px); }

.amen__group:first-of-type { margin-top: 0; }
.amen__group { margin-top: clamp(36px, 5vw, 56px); }
.amen__title { margin: 0; font-family: var(--serif); font-weight: 400; font-size: clamp(1.5rem, 3vw, 1.9rem); letter-spacing: -0.01em; }
.amen__list { display: grid; grid-template-columns: 1fr 1fr; column-gap: clamp(28px, 5vw, 64px); margin: 12px 0 0; padding: 0; list-style: none; border-top: 1px solid var(--line); }
.amen__item { display: flex; align-items: flex-start; gap: 18px; padding: 18px 0; border-bottom: 1px solid var(--line); }
.amen__icon { flex: none; width: 28px; height: 28px; margin-top: 1px; color: var(--ink-dark); }
.amen__icon svg { display: block; width: 100%; height: 100%; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.amen__text { display: grid; gap: 3px; min-width: 0; }
.amen__name { font-size: 16px; line-height: 1.4; color: var(--ink-dark); overflow-wrap: anywhere; }
.amen__note { font-size: 13.5px; line-height: 1.5; color: var(--muted); }

@media (max-width: 700px) {
  .amen__list { grid-template-columns: 1fr; }
  .amen__bottom .btn { flex: 1 1 100%; text-align: center; }
}