.flavours-showcase{background:#eaf3e3;color:var(--color-forest);padding-block:clamp(3rem,5.5vw,5.5rem)}.flavours-showcase__inner{display:flex;flex-direction:column;max-width:var(--container);padding-inline:var(--gutter);margin-inline:auto}.flavours-showcase__panel{--flavour-tint: #e6f0f4;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:stretch;gap:clamp(2rem,4.5vw,4rem)}.flavours-showcase__panel[hidden]{display:none}.flavours-showcase__copy{display:flex;flex-direction:column;justify-content:center;min-width:0}.flavours-showcase__eyebrow{margin:0 0 1rem;font-size:clamp(.6875rem,.95vw,.8125rem);line-height:1.5;font-weight:750;letter-spacing:.2em;text-transform:uppercase}.flavours-showcase__heading{margin:0;font-size:clamp(2rem,3.25vw,2.9rem);line-height:1.1;font-weight:800;letter-spacing:-.055em;text-wrap:balance}.flavours-showcase__heading span{color:var(--color-cta)}.flavours-showcase__description{max-width:48ch;margin:1rem 0 0;font-size:clamp(.9375rem,1.16vw,1.0625rem);line-height:1.6}.flavours-showcase__profile{display:grid;gap:.55rem;margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid rgb(65 87 63 / 14%)}.flavours-showcase__profile .dot-meter{grid-template-columns:7rem auto;gap:1rem}.flavours-showcase__profile .dot-meter__label{font-size:.6875rem;letter-spacing:.14em;opacity:.7}.flavours-showcase__profile .dot-meter__dots{gap:.4rem}.flavours-showcase__profile .dot-meter__dot{width:.8rem;height:.8rem;background:#41573f29}.flavours-showcase__profile .dot-meter__dot.is-on{background:var(--color-forest)}.flavours-showcase__notes{display:grid;grid-template-columns:7rem auto;align-items:center;gap:1rem;margin:0}.flavours-showcase__notes-label{margin:0;font-size:.6875rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;opacity:.7}.flavours-showcase__note{font-size:.9375rem;font-weight:700;line-height:1.4}.flavours-showcase__price-row{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem 1.25rem;margin-top:1.5rem}.flavours-showcase__price{color:var(--color-cta);font-size:clamp(2rem,2.7vw,2.75rem);line-height:1;font-weight:800;letter-spacing:-.055em}.flavours-showcase__pack{display:grid;gap:.1rem;margin:0;font-size:.875rem;font-weight:650;line-height:1.45}.flavours-showcase__availability{margin:.75rem 0 0;font-size:.875rem;font-weight:700}.flavours-showcase__actions{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem 1.5rem;margin-top:1.5rem}.flavours-showcase__form{display:block;min-width:0}.flavours-showcase__add{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:1rem;min-height:3.5rem;padding:.35rem .4rem .35rem 1.6rem;border:2px solid transparent;border-radius:999px;background:var(--color-cta);color:var(--color-ground);font:inherit;font-size:.9375rem;font-weight:700;letter-spacing:.06em;line-height:1;text-transform:uppercase;cursor:pointer;transition:background-color .18s ease,transform .18s ease}.flavours-showcase__add-text{display:inline-flex;align-items:center;gap:1rem}.flavours-showcase__add-icon{display:grid;place-items:center;flex:none;width:2.6rem;height:2.6rem;border-radius:50%;color:var(--color-cta);background:var(--color-ground)}.flavours-showcase__add:hover{background:var(--color-cta-hover)}.flavours-showcase__add:active{transform:scale(.98)}.flavours-showcase__add:disabled{cursor:not-allowed;opacity:.55}.flavours-showcase__add.is-loading{cursor:progress;opacity:.75}.flavours-showcase__add.is-added{background:var(--color-forest)}.flavours-showcase__add-done{display:none;position:absolute;top:0;right:0;bottom:0;left:0;align-items:center;justify-content:center;gap:.4rem}.flavours-showcase__add.is-added .flavours-showcase__add-text{visibility:hidden}.flavours-showcase__add.is-added .flavours-showcase__add-done{display:inline-flex}.flavours-showcase__error{margin:.5rem 0 0;font-size:.8125rem;line-height:1.5;color:#8e3825}.flavours-showcase__link{display:inline-flex;align-items:center;gap:.4rem;color:var(--color-forest);font-size:.875rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.35em;text-decoration-color:#41573f59}.flavours-showcase__link:hover{text-decoration-color:currentColor}.flavours-showcase__link .icon{transition:transform .18s ease}.flavours-showcase__link:hover .icon{transform:translate(2px)}.flavours-showcase__media{display:grid;place-items:center;min-height:22rem;padding:clamp(1.25rem,2.6vw,2.5rem);border-radius:clamp(1.5rem,2.5vw,2.5rem);overflow:hidden;background:var(--flavour-tint)}.flavours-showcase__image{display:block;width:100%;max-height:30rem;object-fit:contain}.flavours-showcase__selectors-head{display:flex;align-items:baseline;gap:.75rem;margin:clamp(1.75rem,2.4vw,2.5rem) 0 .85rem}.flavours-showcase__selectors-label{margin:0;font-size:.75rem;font-weight:750;letter-spacing:.18em;text-transform:uppercase}.flavours-showcase__selectors-hint{margin:0;font-size:.8125rem;opacity:.7}.flavours-showcase__selectors{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));align-items:stretch;gap:clamp(.65rem,.9vw,1rem);list-style:none;padding:0;margin:0}.flavours-showcase__selector-item{min-width:0}.flavours-showcase__selector{position:relative;display:flex;flex-direction:column;align-items:center;height:100%;padding:.9rem .5rem 1rem;border:2px solid rgb(65 87 63 / 16%);border-radius:1.25rem;background:#fffdf773;color:var(--color-forest);text-decoration:none;text-align:center;transition:border-color .18s ease,background-color .18s ease,transform .18s ease}.flavours-showcase__selector:hover{border-color:#41573f73;background:var(--color-ground);transform:translateY(-2px)}.flavours-showcase__selector.is-selected{border-color:var(--color-forest);background:var(--color-ground)}.flavours-showcase__selector:before{content:"";position:absolute;top:-.55rem;left:50%;width:.9rem;height:.9rem;border-top:2px solid var(--color-forest);border-left:2px solid var(--color-forest);background:var(--color-ground);transform:translate(-50%) rotate(45deg);opacity:0;transition:opacity .18s ease}.flavours-showcase__selector.is-selected:before{opacity:1}.flavours-showcase__selector:focus-visible,.flavours-showcase__add:focus-visible,.flavours-showcase__link:focus-visible{outline:3px solid var(--color-forest);outline-offset:4px}.flavours-showcase__thumbnail{display:block;width:62%;max-width:120px;aspect-ratio:1}.flavours-showcase__thumbnail-image{display:block;width:100%;height:100%;object-fit:contain}.flavours-showcase__name{margin-top:.6rem;font-size:clamp(.75rem,.95vw,.9375rem);font-weight:800;line-height:1.3;letter-spacing:-.03em}.flavours-showcase__selector-pack{margin-top:.2rem;font-size:.6875rem;line-height:1.4;opacity:.7}.flavours-showcase__selector-price{margin-top:.35rem;color:var(--color-cta);font-size:.875rem;font-weight:800;line-height:1.3}.flavours-showcase__selector-stock{margin-top:.3rem;font-size:.65rem;line-height:1.3}.flavours-showcase__badge{position:absolute;top:.55rem;right:.5rem;border-radius:999px;padding:.2rem .5rem;background:var(--color-cta);color:var(--color-ground);font-size:.625rem;font-weight:800;line-height:1.4;letter-spacing:.08em;text-transform:uppercase}@media(min-width:750px){.flavours-showcase__panels{display:grid}.flavours-showcase__panel{grid-area:1 / 1}.flavours-showcase__panel[hidden]{display:grid;visibility:hidden;pointer-events:none}}@media(min-width:750px)and (max-width:989px){.flavours-showcase__inner{padding-inline:2rem}.flavours-showcase__panel{grid-template-columns:1.1fr 1fr;gap:1.5rem}.flavours-showcase__heading{font-size:2rem}.flavours-showcase__media{min-height:18rem;padding:1rem}.flavours-showcase__selectors{gap:.6rem}.flavours-showcase__thumbnail{width:78%}.flavours-showcase__name{font-size:.7rem}.flavours-showcase__selector-pack{display:none}.flavours-showcase__badge{top:.35rem;right:.3rem;padding:.15rem .35rem}}@media(max-width:749px){.flavours-showcase{padding-block:2.75rem}.flavours-showcase__inner{padding-inline:20px}.flavours-showcase__selectors-head{order:-2;margin:0 0 .75rem}.flavours-showcase__selectors{order:-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;margin-bottom:1.75rem}.flavours-showcase__selector{padding:.8rem .35rem .85rem;border-radius:1.1rem}.flavours-showcase__selector:before{top:auto;bottom:-.55rem;border-top:0;border-left:0;border-right:2px solid var(--color-forest);border-bottom:2px solid var(--color-forest)}.flavours-showcase__selector:hover{transform:none}.flavours-showcase__thumbnail{width:78%}.flavours-showcase__name{font-size:clamp(.7rem,2.6vw,.875rem)}.flavours-showcase__selector-pack{font-size:.625rem}.flavours-showcase__selector-price{margin-top:.3rem;font-size:.8125rem}.flavours-showcase__badge{top:.35rem;right:.3rem;padding:.15rem .35rem;font-size:.5625rem}.flavours-showcase__panel{grid-template-columns:minmax(0,1fr);gap:1.5rem}.flavours-showcase__media{order:-1;min-height:0;aspect-ratio:1;max-width:420px;width:100%;justify-self:center;padding:1.5rem}.flavours-showcase__heading{font-size:clamp(2rem,7.8vw,2.75rem)}.flavours-showcase__description{font-size:.9375rem}.flavours-showcase__profile .dot-meter,.flavours-showcase__notes{grid-template-columns:6rem auto}.flavours-showcase__add{width:100%}}@media(prefers-reduced-motion:reduce){.flavours-showcase__selector,.flavours-showcase__selector:before,.flavours-showcase__add,.flavours-showcase__link .icon{transition:none}.flavours-showcase__selector:hover,.flavours-showcase__link:hover .icon{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/flavours-showcase.css.map */