.flavour-guide{width:100%;overflow:hidden}.flavour-guide__inner{max-width:var(--page-width, 1200px);margin:0 auto}.flavour-guide__header{padding-left:max(2rem,env(safe-area-inset-left));padding-right:max(2rem,env(safe-area-inset-right))}.flavour-guide__eyebrow{font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;margin:0 0 .75rem;text-align:center;opacity:.65}.flavour-guide__heading{font-size:clamp(1.6rem,3.5vw,2.4rem);font-weight:700;line-height:1.15;margin:0 0 .75rem;text-align:center}.flavour-guide__subheading{font-size:1rem;line-height:1.6;margin:0 auto 2rem;max-width:560px;text-align:center;opacity:.75}.flavour-guide__footer{text-align:center;margin:1.5rem auto 0;font-size:.875rem;font-style:italic;opacity:.65;max-width:400px;padding-left:max(2rem,env(safe-area-inset-left));padding-right:max(2rem,env(safe-area-inset-right))}.flavour-guide__track-wrap{overflow:visible}.flavour-guide__track{display:flex;gap:.875rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:max(2rem,env(safe-area-inset-left));-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-left:max(2rem,env(safe-area-inset-left));padding-right:max(2rem,env(safe-area-inset-right));padding-top:4px;padding-bottom:14px;-webkit-mask-image:linear-gradient(to right,black 0%,black 82%,transparent 100%);mask-image:linear-gradient(to right,black 0%,black 82%,transparent 100%)}.flavour-guide__track::-webkit-scrollbar{display:none}@media screen and (min-width:900px){.flavour-guide{overflow:visible}.flavour-guide__track{display:grid;grid-template-columns:repeat(5,1fr);overflow:visible;padding:4px max(2rem,env(safe-area-inset-left)) 14px;scroll-snap-type:none;-webkit-mask-image:none;mask-image:none}.flavour-guide__footer{padding-left:0;padding-right:0}}@media screen and (min-width:900px){.flavour-guide__track--4{grid-template-columns:repeat(4,1fr)}.flavour-guide__track--3{grid-template-columns:repeat(3,1fr)}}.flavour-card{flex:0 0 272px;scroll-snap-align:start;position:relative;border:1.5px solid;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .2s ease,transform .2s ease}@media screen and (min-width:480px){.flavour-card{flex:0 0 290px}}@media screen and (min-width:900px){.flavour-card{flex:none}}.flavour-card:hover{box-shadow:0 8px 24px #00000017;transform:translateY(-2px)}.flavour-card--featured{border-width:2px}.flavour-card__badge{position:absolute;top:12px;right:12px;font-size:.65rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:.25rem .6rem;border-radius:20px;line-height:1;z-index:1}.flavour-card__image-wrap{width:100%;overflow:hidden;background-color:#00000008}.flavour-card__image{width:100%;height:auto;display:block;transition:transform .35s ease}.flavour-card:hover .flavour-card__image{transform:scale(1.04)}.flavour-card__emoji{font-size:3.5rem;text-align:center;padding:3rem 1rem 2.5rem;line-height:1}.flavour-card__body{padding:1.1rem 1.25rem 1.4rem;display:flex;flex-direction:column;gap:.8rem;flex:1}.flavour-card__name{font-size:1.05rem;font-weight:700;line-height:1.2;margin:0;position:relative;padding-bottom:.6rem}.flavour-card__name:after{content:"";position:absolute;bottom:0;left:0;width:28px;height:2px;border-radius:2px}.flavour-card__subtitle{font-size:.7rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase;margin:-.45rem 0 0;opacity:.55}.flavour-card__section{display:flex;flex-direction:column;gap:.2rem}.flavour-card__label{font-size:.65rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.flavour-card__text{font-size:.85rem;line-height:1.55;margin:0}.flavour-card__serve{margin-top:auto;padding-top:.8rem;border-top:1px solid;display:flex;flex-direction:column;gap:.2rem}.flavour-card__text--serve{font-size:.85rem;font-style:italic}.flavour-card__cta{display:inline-flex;align-items:center;gap:.35rem;font-size:.8rem;font-weight:600;letter-spacing:.03em;text-decoration:none;margin-top:.5rem;transition:opacity .15s ease}.flavour-card__cta svg{flex-shrink:0;transition:transform .15s ease}.flavour-card__cta:hover svg{transform:translate(3px)}@media(prefers-reduced-motion:reduce){.flavour-card,.flavour-card__image,.flavour-card__cta svg{transition:none}.flavour-card:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/57/assets/flavour-guide.css.map */