.ffp-flavours__head{text-align:center;max-width:640px;margin:0 auto 40px}.ffp-has-bg,.ffp-has-bg .ffp-flavours__title,.ffp-has-bg .ffp-flavours__subtitle,.ffp-has-bg .ffp-flavour__name{color:var(--ffp-on-bg, #fff)}.ffp-has-bg .ffp-flavours__intro,.ffp-has-bg .ffp-flavour__blurb,.ffp-has-bg .ffp-flavour__meta{color:var(--ffp-on-bg, #fff);opacity:.9}.ffp-flavours__subtitle{font-family:var(--font-heading-family);text-transform:uppercase;letter-spacing:2.5px;font-weight:700;font-size:1.4rem;color:var(--ffp-pink);margin:0 0 12px}.ffp-flavours__title{font-size:clamp(2.8rem,4.5vw,4.4rem);line-height:1;margin:0 0 14px;color:var(--ffp-pink)}.ffp-flavours__intro{opacity:.8}.ffp-flavours__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px 18px}@media only screen and (max-width:599px){.ffp-flavours__grid{display:flex;grid-template-columns:none;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:10px;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:4px 10px 12px}.ffp-flavours__grid::-webkit-scrollbar{display:none}.ffp-flavour{flex:0 0 46%;scroll-snap-align:start}.ffp-flavour__media{max-width:100%}}.ffp-flavour{display:flex;flex-direction:column;align-items:center;text-align:center}.ffp-flavour__media{width:100%;max-width:200px;aspect-ratio:1;margin:0 auto 16px;border-radius:var(--ffp-flavour-radius, 50%);overflow:hidden;background:var(--color-background-alt, #f5f5f5)}.ffp-flavour__media img{width:100%;height:100%;object-fit:cover}.ffp-flavour__media .placeholder-svg{width:100%;height:100%}.ffp-flavour__icon{font-size:4.4rem;line-height:1;margin:0 auto 14px}.ffp-flavour__icon--svg{width:9rem;height:9rem;display:flex;align-items:center;justify-content:center;border-radius:50%;color:var(--ffp-pink);background:color-mix(in srgb,var(--ffp-pink) 12%,transparent)}.ffp-flavour__icon--svg svg{width:4.4rem;height:4.4rem;stroke:var(--ffp-pink)}.ffp-has-bg .ffp-flavour__icon--svg{color:var(--ffp-on-bg, #fff);background:#ffffff29}.ffp-has-bg .ffp-flavour__icon--svg svg{stroke:var(--ffp-on-bg, #fff)}.ffp-flavour__name{font-size:1.7rem;margin:0 0 6px}.ffp-flavour__blurb{font-size:1.3rem;opacity:.72;line-height:1.35;margin:0 0 10px;max-width:26ch}.ffp-flavour__meta{font-size:1.2rem;opacity:.55;font-family:var(--font-heading-family);letter-spacing:.5px;margin-bottom:12px}.ffp-flavour__buy{margin-top:auto;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.ffp-flavour__price{font-family:var(--font-heading-family);font-size:1.8rem;color:var(--ffp-pink)}.ffp-flavour__price s{color:var(--color-foreground);opacity:.45;font-size:1.4rem;font-weight:400;margin-right:4px}.ffp-flavour__buy .ffp-buybar__form{margin:0}.ffp-flavour__buy .ffp-add{width:auto;padding:9px 22px;font-size:1.25rem;border-radius:999px}.ffp-flavour__buy .ffp-add__label{gap:8px}.ffp-flavour__buy .ffp-add__label svg,.ffp-flavour__buy .ffp-add__label .icon{width:1.5rem;height:1.5rem}@media only screen and (min-width:600px){.ffp-flavours__grid{grid-template-columns:repeat(3,1fr)}}@media only screen and (max-width:999px){.ffp-flavours__grid--row{display:flex;grid-template-columns:none;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:10px;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:4px 10px 12px}.ffp-flavours__grid--row::-webkit-scrollbar{display:none}.ffp-flavours__grid--row .ffp-flavour{flex:0 0 30%;scroll-snap-align:start}}@media only screen and (max-width:767px){.ffp-flavours__grid--row .ffp-flavour{flex:0 0 46%}}@media only screen and (min-width:1000px){.ffp-flavours__grid.ffp-cols-2{grid-template-columns:repeat(2,1fr)}.ffp-flavours__grid.ffp-cols-3{grid-template-columns:repeat(3,1fr)}.ffp-flavours__grid.ffp-cols-4{grid-template-columns:repeat(4,1fr)}.ffp-flavours__grid.ffp-cols-5{grid-template-columns:repeat(5,1fr)}.ffp-flavours__grid.ffp-cols-6{grid-template-columns:repeat(6,1fr)}.ffp-flavours__grid.ffp-cols-3{gap:48px 48px;width:min(1360px,88vw);max-width:none;margin-left:50%;transform:translate(-50%)}.ffp-flavours__grid.ffp-cols-3 .ffp-flavour__media{max-width:80%}.ffp-flavours__grid.ffp-cols-3 .ffp-flavour__name{font-size:2.4rem;margin-bottom:8px}.ffp-flavours__grid.ffp-cols-3 .ffp-flavour__blurb{font-size:1.65rem;line-height:1.4;max-width:30ch}.ffp-flavours__grid.ffp-cols-5 .ffp-flavour__media,.ffp-flavours__grid.ffp-cols-6 .ffp-flavour__media{max-width:150px}.ffp-flavours__grid.ffp-cols-5 .ffp-flavour__name,.ffp-flavours__grid.ffp-cols-6 .ffp-flavour__name{font-size:1.5rem}.ffp-flavours__grid.ffp-cols-5 .ffp-flavour__blurb,.ffp-flavours__grid.ffp-cols-6 .ffp-flavour__blurb{font-size:1.2rem}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/component-ffp-flavours.css.map */