.flavours-section{position:relative;overflow:hidden}.flavours-container{position:relative;z-index:1}.flavours-content{max-width:1200px;margin:0 auto}.flavours-header{margin-bottom:4rem}.flavours-heading{color:rgb(var(--color-foreground));margin-bottom:1.5rem}.flavour-name{color:var(--theme-color);display:inline-block;transition:opacity .3s ease}.flavours-description{color:rgba(var(--color-foreground),.8);margin:0;max-width:378px;transition:opacity .3s ease}.flavours-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin:0 auto}.flavour-card__icon-container{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;align-items:center;column-gap:1.5rem}.flavour-card__text{grid-column:2;grid-row:2}.flavour-card{background:#ffffff0d;border:2px solid rgba(var(--color-foreground),.1);border-radius:16px;padding:2rem;cursor:pointer;transition:all .3s ease;text-align:left;width:100%;display:flex;align-items:flex-start;gap:1.5rem;position:relative;overflow:hidden;flex-direction:column}.flavour-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(var(--color-base-accent-1, 78, 116, 204),.05) 0%,transparent 100%);opacity:0;transition:opacity .3s ease;pointer-events:none}.flavour-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f;border-color:rgba(var(--color-foreground),.2)}.flavour-card:hover:before{opacity:1}.flavour-card--active{border-color:var(--theme-color);background:rgba(var(--color-base-accent-1, 78, 116, 204),.08);box-shadow:var(--theme-color)}.flavour-card--active:before{opacity:1}.flavour-card--active .flavour-card__heading{color:var(--theme-color)}.flavour-card__icon{flex-shrink:0;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border-radius:12px;transition:transform .3s ease}.flavour-card:hover .flavour-card__icon{transform:scale(1.1)}.flavour-card__icon img{width:100%;height:100%;object-fit:contain}.flavour-card__content{flex:1}.flavour-card__heading{font-weight:600;margin:0;color:rgb(var(--color-foreground));transition:color .3s ease}.flavour-card__text{margin:0;color:rgba(var(--color-foreground),.75)}@media screen and (max-width: 1024px){.flavours-grid{gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.flavour-card{padding:2rem;gap:1.25rem}.flavour-card__icon{width:50px;height:50px}}@media screen and (max-width: 750px){.flavours-header{text-align:center}.flavours-description{margin-left:auto;margin-right:auto;max-width:350px}.flavours-heading{margin-bottom:.75rem}.flavours-grid{grid-template-columns:1fr}.flavour-card{gap:1rem}.flavour-card__icon{width:40px;height:40px}}@media screen and (max-width: 480px){.flavour-card{flex-direction:column}}@media (prefers-reduced-motion: reduce){.flavour-card,.flavour-card__icon,.flavour-name,.flavours-description,.flavour-card:before{transition:none}.flavour-card:hover,.flavour-card:hover .flavour-card__icon{transform:none}}.flavour-card:focus{outline:2px solid rgb(var(--color-base-accent-1, 78, 116, 204));outline-offset:4px}.flavour-card:focus:not(:focus-visible){outline:none}.flavour-card:focus-visible{outline:2px solid rgb(var(--color-base-accent-1, 78, 116, 204));outline-offset:4px}@media (prefers-contrast: high){.flavour-card{border-width:3px}.flavour-card--active{border-width:4px}}@media screen and (min-width: 1440px){.flavours-content{max-width:1400px}.flavours-grid{gap:1.5rem}.flavour-card{padding:2.5rem}.flavour-card__icon{width:46px;height:46px}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/section-flavours.css.map */