.flavor-cards{position:relative;isolation:isolate;overflow:hidden;background-color:var(--flavor-bg, #f3f0eb)}.flavor-cards__lifestyle{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.flavor-cards__lifestyle-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center center;display:block}.flavor-cards__lifestyle-image--desktop{display:none}@media screen and (min-width:990px){.flavor-cards__lifestyle-image--mobile{display:none}.flavor-cards__lifestyle-image--desktop{display:block}}.flavor-cards__lifestyle-gradient{position:absolute;left:0;right:0;pointer-events:none}.flavor-cards__lifestyle-gradient--top{top:0;height:60%;background:linear-gradient(180deg,var(--flavor-bg, #f3f0eb) 0%,var(--flavor-bg, #f3f0eb) 36.17%,rgba(243,240,235,0) 56%)}.flavor-cards__inner{position:relative;z-index:1;display:flex;flex-direction:column;gap:12px}.flavor-cards__header{display:flex;flex-direction:column;gap:4px;align-items:stretch;text-align:center}.flavor-cards__header--left{text-align:left;align-items:flex-start}.flavor-cards__header--center{text-align:center;align-items:center}.flavor-cards__header--right{text-align:right;align-items:flex-end}.flavor-cards__heading{margin:0 auto;text-align:center;font-weight:700;font-size:32px;line-height:1.1;letter-spacing:-.6px;color:#1a1a1a}.flavor-cards__subtitle{margin:0;font-weight:500;font-size:16px;line-height:22px;letter-spacing:.07px;color:#1a1a1a;opacity:.6;max-width:1000px;margin-inline:auto}.flavor-cards__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:row;gap:8px;align-items:stretch;height:298px}.flavor-cards__item{flex:1 1 0;min-width:0}.flavor-cards__card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:60px;padding:12px;height:100%;border-radius:8px;background:linear-gradient(180deg,var(--flavor-color, #ffac00) 28.31%,#ffffff 74.33%);overflow:hidden}.flavor-cards__card-text{position:relative;z-index:1;display:flex;flex-direction:column;gap:4px;width:100%;color:var(--flavor-text-color, #ffffff)}.flavor-cards__card-title{margin:0;font-family:var(--font-heading-family, "Satoshi", sans-serif);font-weight:700;font-size:22px;line-height:28px;letter-spacing:.07px;color:var(--flavor-text-color, #ffffff)}.flavor-cards__card-desc{margin:0;font-family:var(--font-body-family, "Satoshi", sans-serif);font-weight:500;font-size:14px;line-height:20px;letter-spacing:.07px;color:var(--flavor-text-color, #ffffff);opacity:.75}.flavor-cards__card-media{position:absolute;left:0;top:130px;width:176px;height:176px;pointer-events:none}.flavor-cards__card-media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;display:block}.flavor-cards__pitch{position:relative;z-index:1;margin-top:360px;padding:0;display:flex;flex-direction:column;gap:12px;width:100%;box-sizing:border-box}.flavor-cards__pitch-card{display:flex;flex-direction:column;gap:24px;padding:24px;border-radius:12px;background-color:var(--pitch-card-bg, #ffffff);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px)}.flavor-cards__pitch-heading{margin:0;font-family:var(--font-heading-family, "Satoshi", sans-serif);font-weight:700;font-size:28px;line-height:1.2;letter-spacing:-.6px}.flavor-cards__pitch-heading--pros{color:var(--pitch-pro-color, #007a4d)}.flavor-cards__pitch-heading--cons{color:var(--pitch-con-color, #e63329)}.flavor-cards__pitch-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.flavor-cards__pitch-item{display:flex;align-items:center;gap:16px;border-radius:8px}.flavor-cards__pitch-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex-shrink:0;border-radius:999px;background-color:var(--pitch-icon-bg, #f3f0eb)}.flavor-cards__pitch-icon--pro{color:var(--pitch-pro-color, #007a4d)}.flavor-cards__pitch-icon--con{color:var(--pitch-con-color, #e63329)}.flavor-cards__pitch-icon .icon{width:24px;height:24px}.flavor-cards__pitch-text{margin:0;flex:1;font-family:var(--font-body-family, "Satoshi", sans-serif);font-weight:500;font-size:16px;line-height:22px;letter-spacing:.07px;color:#454545}.flavor-cards__pitch-text--small{font-size:14px;line-height:20px}.flavor-cards__pitch-list--cons{gap:8px}.flavor-cards__pitch-list--cons .flavor-cards__pitch-item{gap:12px}@media screen and (min-width:750px){.flavor-cards__heading{font-size:40px;letter-spacing:-.8px}.template-product--protein-gummies .flavor-cards__heading br{display:none}}@media screen and (min-width:990px){.flavor-cards{min-height:720px}.flavor-cards__inner{gap:48px}.flavor-cards__header{gap:12px}.flavor-cards__header--left{align-items:flex-start;text-align:left}.flavor-cards__header--center{align-items:center;text-align:center}.flavor-cards__header--right{align-items:flex-end;text-align:right}.flavor-cards__heading{font-size:56px;letter-spacing:-1px}.flavor-cards__list{flex-direction:row;gap:20px;height:auto}.flavor-cards__item{height:298px}.flavor-cards__card{flex-direction:row;align-items:stretch;gap:16px;height:298px;min-height:298px;padding:32px 280px 32px 32px;border-radius:8px;background:linear-gradient(to right,var(--flavor-color, #ffac00) 36.7%,#ffffff 73.7%)}.flavor-cards__card-text{flex:1 1 0}.flavor-cards__card-title{font-size:40px;line-height:1.1;letter-spacing:-1px}.flavor-cards__card-desc{font-size:18px;line-height:26px;opacity:.75}.flavor-cards__card-media{top:0;right:0;left:auto;width:297px;height:100%}.flavor-cards__pitch{margin-top:32px;margin-left:auto;padding:0 64px 0 0;width:496px;max-width:calc(100% - 32px)}.flavor-cards__pitch-card{padding:24px}.flavor-cards__pitch-heading{font-size:28px;letter-spacing:-.6px}}@media screen and (min-width:1400px){.flavor-cards__header,.flavor-cards__list{padding:0}.flavor-cards__pitch{padding:0;width:432px;max-width:100%}}@media screen and (max-width:989px){.flavor-cards__list{height:auto}.flavor-cards__card{gap:0}.flavor-cards__card-media{padding-bottom:100%;position:static}.flavor-cards__card-media img{top:unset;width:100%;height:auto;bottom:-4%}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/ux-flavor-cards.css.map */