.gammes {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: .3rem;
  padding: 0;
  margin: .8rem 0 0;
}
.gammes button {
  width: 100%;
  display: flex;
  align-items: center;
  gap: clamp(.6rem, 1.6vw, 1.05rem);
  text-align: left;
  cursor: pointer;
  font: inherit;
  color: var(--gamme-encre,rgba(242,243,244,.92));
  background: transparent;
  border: 1px solid transparent;
  border-radius: 12px;
  padding: clamp(.5rem, 1.1vw, .72rem) clamp(.55rem, 1.3vw, .9rem);
  transition:
    background .18s ease,
    border-color .18s ease,
    color .18s ease;
}
.gammes li + li {
  border-top: 1px solid var(--gamme-trait,rgba(242,243,244,.1));
}
.gammes button:hover {
  background: var(--gamme-survol,rgba(242,243,244,.05));
}
.gammes button:focus-visible {
  outline: 2px solid var(--or);
  outline-offset: 2px;
}
.gammes button[aria-checked=true] {
  background: var(--gamme-actif,rgba(91,124,141,.12));
  border-color: var(--or);
  color: var(--or-clair,#9FBCC9);
  box-shadow: inset 3px 0 0 var(--or);
}
.gammes .silh {
  width: clamp(46px, 7vw, 62px);
  height: auto;
  flex: none;
  color: currentColor;
  opacity: .62;
}
.gammes button[aria-checked=true] .silh {
  opacity: 1;
}
.gammes .txt {
  display: flex;
  flex-direction: column;
  gap: .12rem;
  min-width: 0;
  flex: 1;
}
.gammes .nom {
  font-size: clamp(.92rem, 1.15vw, 1.06rem);
  font-weight: 600;
  letter-spacing: -.008em;
  line-height: 1.15;
}
.gammes .det {
  font-size: clamp(.68rem, .85vw, .76rem);
  opacity: .62;
  line-height: 1.3;
}
.gammes .tarif {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: .1rem;
  flex: none;
  min-width: clamp(4.6rem, 9vw, 6rem);
}
.gammes .p {
  font-variant-numeric: tabular-nums;
  line-height: 1;
  font-size: clamp(1.05rem, 1.5vw, 1.3rem);
  font-weight: 600;
  letter-spacing: -.03em;
  white-space: nowrap;
}
.gammes .p .eur {
  font-size: .62em;
  font-weight: 500;
  margin-left: .12em;
  opacity: .7;
}
.gammes .p.demande {
  font-size: clamp(.72rem, .92vw, .8rem);
  font-weight: 500;
  letter-spacing: 0;
  opacity: .72;
}
.gammes .sous {
  font-size: clamp(.58rem, .72vw, .65rem);
  letter-spacing: .09em;
  text-transform: uppercase;
  opacity: .5;
  white-space: nowrap;
}
.gammes button[aria-checked=true] .sous {
  opacity: .75;
}
@media (prefers-reduced-motion: reduce) {
  .gammes button {
    transition: none;
  }
}