/* One purchase action wherever a complete supplement is introduced. */
.quick-add{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;max-width:100%;padding:10px 15px;border:1px solid #d8bd12;border-radius:7px;background:#f5d916;color:#172015;font-family:var(--font-body,'Source Sans 3',sans-serif);font-size:15px;font-weight:700;line-height:1.2;text-decoration:none;white-space:nowrap;box-sizing:border-box;cursor:pointer}
.quick-add>span{font:inherit;color:inherit;letter-spacing:normal}
.quick-add-icon{flex:none;width:20px;height:20px}
.quick-add:hover{background:#ffe647;color:#172015;border-color:#d8bd12}
.quick-add:focus-visible{outline:3px solid #658942;outline-offset:4px}
.product-profile .profile-product-name .quick-add{align-self:flex-start;margin-top:8px;font-size:14px}
.formula-title-row{display:flex;align-items:center;flex-wrap:wrap;gap:12px 18px}
.formula-title-row .quick-add{font-size:14px}
.formula-card-heading>div:first-child{min-width:0}
.formula-card-heading .formula-count{flex-shrink:0;align-self:flex-start}
#hero-stage .scene-purchase{display:flex;align-items:center;flex-wrap:wrap;gap:10px 18px;margin-top:12px}
#hero-stage .scene-purchase .quick-add{font-size:14px;padding:10px 12px}
#hero-stage .scene-purchase .scene-text-button{margin:0;min-height:44px;gap:8px;font-size:14px}
#hero-stage .scene-purchase .scene-text-button .action-icon{width:20px;height:20px}
.detail-title-row{display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px;margin-bottom:20px;padding-right:30px}
.detail-title-row h2{margin:0}
.detail-title-row .quick-add{font-size:14px}
.other-products .collection-purchase{display:flex;flex-direction:column;align-items:stretch;min-width:0;border:1px solid #d0d5c4;border-radius:20px;overflow:hidden}
.other-products .collection-purchase .collection-product-card{border:0;border-radius:0;flex:1;background:transparent}
.other-products .collection-purchase>.quick-add{display:inline-flex;align-self:flex-start;margin:0 26px 24px;padding:10px 15px;min-height:44px;gap:10px;border-radius:7px;font-size:14px}
.detail-actions .quick-add{min-height:48px;padding:13px 20px}
.shop-cta.quick-add{justify-content:space-between;margin-top:28px;padding:15px 20px;font-size:16px}
@media(max-width:480px){.formula-card-heading{flex-wrap:wrap;gap:16px}.formula-title-row{gap:10px 12px}.formula-title-row .quick-add{font-size:13px;padding:10px 12px}.other-products .collection-purchase>.quick-add{margin:0 20px 20px}}
@media(max-width:360px){.product-profile .profile-product-name .quick-add{padding:10px;font-size:13px;gap:6px}.product-profile .profile-product-name .quick-add-icon{width:18px;height:18px}#hero-stage .scene-purchase{gap:8px 12px}#hero-stage .scene-purchase .quick-add,#hero-stage .scene-purchase .scene-text-button{font-size:13px}}
@media(max-height:650px){#hero-stage .scene-purchase{margin-top:7px}#hero-stage[data-hero-layout="stack"] .scene-purchase .scene-text-button{display:none}}
@media(max-height:500px){#hero-stage[data-hero-layout="columns"] .scene-purchase{margin-top:5px}#hero-stage[data-hero-layout="columns"] .scene-purchase .scene-text-button{display:none}}
@media(min-width:600px) and (max-width:799px) and (max-height:430px){
  #hero-stage[data-hero-layout="columns"] .scene-chapter h2{font-size:24px;margin-bottom:6px}
  #hero-stage[data-hero-layout="columns"] .scene-eyebrow{margin-bottom:6px}
  #hero-stage[data-hero-layout="columns"] .ingredient-story{padding-top:6px}
  #hero-stage[data-hero-layout="columns"] .ingredient-feature{grid-template-columns:minmax(0,1fr) 58px;min-height:58px;margin:4px 0}
  #hero-stage[data-hero-layout="columns"] .ingredient-explanation{line-height:1.3}
}
@media(prefers-reduced-motion:no-preference){.quick-add{transition:background .18s,box-shadow .18s}.quick-add-icon{transition:transform .22s}.quick-add:hover .quick-add-icon{transform:rotate(90deg)}.quick-add:active{box-shadow:inset 0 0 0 2px #17201530}}