.ove-flavour-phase { min-height: 100svh; padding: 120px 6vw 65px; background: var(--ove-paper); display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; }
.ove-flavour-phase .ove-eyebrow { font-size: 17px; margin-bottom: 16px; }
.ove-flavour-phase h2 { font-size: clamp(30px, 3.5vw, 46px); line-height: 1.15; margin: 0 0 24px; }
.ove-flavours { min-width: 0; width: 100%; max-width: 680px; border: 0; padding: 0; margin: 0; }
.ove-flavours legend { font-size: 20px; margin: 0 auto 16px; padding: 0; }
.ove-flavours .ove-flavour-legend { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.ove-flavour-radio { position: absolute; width: 1px; height: 1px; clip-path: inset(50%); overflow: hidden; }
.ove-flavours > label { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 3px 14px; margin: 0 4px 8px 0; border: 1px solid #35472a38; border-radius: 2px; cursor: pointer; font-size: 22px; line-height: 1.2; }
.ove-flavour-radio:checked + label { background: var(--ove-grove); color: var(--ove-paper); border-color: var(--ove-grove); }
.ove-flavour-radio:focus-visible + label { outline: 3px solid var(--ove-clay); outline-offset: 3px; }
.ove-flavour-panels { border-top: 0; margin-top: 10px; padding-top: 15px; min-height: 115px; }
.ove-flavour-panel { display: none; }
.ove-flavour-panel h3 { font-size: 28px; margin-bottom: 10px; }
.ove-flavour-panel p { font-size: 22px; line-height: 1.5; }
.ove-flavour-panel p + p { color: var(--ove-clay); margin-top: 8px; }
#flavour-thyme:checked ~ .ove-flavour-panels #pairing-thyme,
#flavour-lemon:checked ~ .ove-flavour-panels #pairing-lemon,
#flavour-rosemary:checked ~ .ove-flavour-panels #pairing-rosemary,
#flavour-chili:checked ~ .ove-flavour-panels #pairing-chili,
#flavour-coffee:checked ~ .ove-flavour-panels #pairing-coffee,
#flavour-truffle:checked ~ .ove-flavour-panels #pairing-truffle,
#flavour-garlic:checked ~ .ove-flavour-panels #pairing-garlic,
#flavour-tomato:checked ~ .ove-flavour-panels #pairing-tomato,
#flavour-sous:checked ~ .ove-flavour-panels #pairing-sous { display: block; }
.ove-infusion-shop { display: inline-flex; align-items: center; min-height: 44px; font-size: 23px; border-bottom: 1px solid currentColor; margin-top: 15px; }
.ove-flavour-carry { font-size: 16px; line-height: 1.4; max-width: 480px; margin: 12px auto 0; color: var(--ove-grove); }
@media (max-width: 767px) {
  .ove-flavour-phase { padding: 105px 7vw 45px; }
  .ove-flavour-phase h2 { font-size: 32px; margin-bottom: 18px; }
  .ove-flavours > label { font-size: 20px; padding: 3px 11px; margin-right: 3px; margin-bottom: 6px; }
  .ove-flavour-panels { min-height: 125px; padding-top: 14px; margin-top: 6px; }
  .ove-flavour-panel h3 { font-size: 27px; margin-bottom: 6px; }
  .ove-flavour-panel p { font-size: 21px; line-height: 1.35; }
}
@media (max-height: 740px) {
  .ove-flavour-phase { padding-top: 100px; padding-bottom: 20px; }
  .ove-flavour-phase .ove-eyebrow { display: none; }
}
@media (max-height: 650px) {
  .ove-flavour-phase { padding-top: 90px; padding-bottom: 20px; }
  .ove-flavour-phase .ove-eyebrow { display: none; }
  .ove-flavour-phase h2 { font-size: 28px; margin-bottom: 12px; }
  .ove-flavour-panels { padding-top: 8px; margin-top: 0; min-height: 100px; }
  .ove-flavour-panel h3 { font-size: 24px; margin-bottom: 4px; }
  .ove-flavour-panel p { font-size: 19px; line-height: 1.35; }
  .ove-flavour-carry { font-size: 15px; margin-top: 8px; }
}