.supplement-product-form{--supplement-accent: #8b121b;--supplement-accent-rgb: 139, 18, 27;--supplement-accent-soft: rgb(var(--supplement-accent-rgb) / .08);--supplement-ease: cubic-bezier(.25, 1, .5, 1);--supplement-border: 1px solid rgb(var(--color-foreground-rgb) / .12);width:100%}.supplement-product-form__purchase{margin-block-end:var(--gap-md, 1.25rem)}.supplement-product-form__toggle:has(.supplement-product-form__toggle-btn:only-of-type){grid-template-columns:1fr}.supplement-product-form__toggle{display:grid;grid-template-columns:1fr 1fr;gap:2px;padding:3px;border:var(--supplement-border);border-radius:2px;background:var(--color-background)}.supplement-product-form__toggle-btn{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;padding:.85rem 1rem;border:none;border-radius:1px;background:transparent;color:var(--color-foreground);font-family:inherit;font-size:var(--font-size--sm, .875rem);line-height:1.35;cursor:pointer;transition:color .35s var(--supplement-ease),background-color .35s var(--supplement-ease)}.supplement-product-form__toggle-btn:focus-visible{outline:2px solid var(--supplement-accent);outline-offset:2px}.supplement-product-form__toggle-btn--active{background:var(--supplement-accent-soft);color:var(--color-foreground)}.supplement-product-form__toggle-btn--subscribe.supplement-product-form__toggle-btn--active{background:var(--supplement-accent);color:#fff}.supplement-product-form__toggle-label{font-weight:600;letter-spacing:.02em}.supplement-product-form__toggle-meta{font-size:var(--font-size--xs, .75rem);opacity:.85}.supplement-product-form__toggle-btn--subscribe.supplement-product-form__toggle-btn--active .supplement-product-form__toggle-meta{opacity:.95}.supplement-product-form__price-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem .75rem;margin-block:.75rem 0;min-height:1.75rem}.supplement-product-form__price{font-size:clamp(1.25rem,2.5vw,1.5rem);font-weight:600;letter-spacing:-.02em;transition:opacity .3s var(--supplement-ease)}.supplement-product-form__price--compare{font-size:var(--font-size--sm, .875rem);font-weight:400;text-decoration:line-through;color:rgb(var(--color-foreground-rgb) / .45)}.supplement-product-form__price--subscribe{color:var(--supplement-accent)}.supplement-product-form__price-badge{font-size:var(--font-size--xs, .75rem);font-weight:600;padding:.2rem .5rem;border:1px solid var(--supplement-accent);color:var(--supplement-accent);border-radius:2px;letter-spacing:.04em;text-transform:uppercase}.supplement-product-form__badges{display:grid;grid-template-columns:repeat(auto-fit,minmax(4.5rem,1fr));gap:var(--gap-sm, .75rem);margin-block:var(--gap-lg, 1.5rem) var(--gap-md, 1rem);padding-block:var(--gap-md, 1rem);border-block:var(--supplement-border)}.supplement-product-form__badge{position:relative;display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center;opacity:0;transform:translateY(20px);transition:opacity .55s var(--supplement-ease),transform .55s var(--supplement-ease);transition-delay:calc(var(--badge-index, 0) * .08s)}.supplement-product-form__badge--in-view{opacity:1;transform:translateY(0)}.supplement-product-form__badge-icon{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border:var(--supplement-border);border-radius:50%;background:var(--color-background);transition:border-color .35s var(--supplement-ease)}.supplement-product-form__badge:hover .supplement-product-form__badge-icon,.supplement-product-form__badge:focus-within .supplement-product-form__badge-icon{border-color:var(--supplement-accent)}.supplement-product-form__badge-icon img{width:1.5rem;height:1.5rem;object-fit:contain}.supplement-product-form__badge-label{font-size:var(--font-size--xs, .75rem);font-weight:500;letter-spacing:.03em;line-height:1.3}.supplement-product-form__badge-tooltip{position:absolute;z-index:2;bottom:calc(100% + .5rem);left:50%;width:max-content;max-width:12rem;padding:.5rem .65rem;font-size:var(--font-size--xs, .75rem);line-height:1.4;text-align:center;color:#fff;background:var(--color-foreground);border-radius:2px;pointer-events:none;opacity:0;transform:translate(-50%,6px);transition:opacity .3s var(--supplement-ease),transform .3s var(--supplement-ease)}.supplement-product-form__badge-tooltip:after{content:"";position:absolute;top:100%;left:50%;margin-left:-4px;border:4px solid transparent;border-top-color:var(--color-foreground)}.supplement-product-form__badge:hover .supplement-product-form__badge-tooltip,.supplement-product-form__badge:focus-within .supplement-product-form__badge-tooltip{opacity:1;transform:translate(-50%)}.supplement-product-form__accordions{display:flex;flex-direction:column;gap:0;margin-block-start:var(--gap-md, 1rem);border-block:var(--supplement-border)}.supplement-product-form__accordion{border-block-end:var(--supplement-border)}.supplement-product-form__accordion:last-child{border-block-end:none}.supplement-product-form__accordion-summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 0;font-size:var(--font-size--sm, .875rem);font-weight:600;letter-spacing:.06em;text-transform:uppercase;list-style:none;cursor:pointer;transition:color .3s var(--supplement-ease)}.supplement-product-form__accordion-summary::-webkit-details-marker{display:none}.supplement-product-form__accordion-summary::marker{content:""}.supplement-product-form__accordion[open] .supplement-product-form__accordion-summary{color:var(--supplement-accent)}.supplement-product-form__accordion-icon{flex-shrink:0;width:1rem;height:1rem;position:relative;transition:transform .4s var(--supplement-ease)}.supplement-product-form__accordion-icon:before,.supplement-product-form__accordion-icon:after{content:"";position:absolute;background:currentColor;transition:transform .4s var(--supplement-ease)}.supplement-product-form__accordion-icon:before{inset:50% 0 auto;height:1px;margin-top:-.5px}.supplement-product-form__accordion-icon:after{inset:0 auto 0 50%;width:1px;margin-left:-.5px}.supplement-product-form__accordion[open] .supplement-product-form__accordion-icon:after{transform:scaleY(0)}.supplement-product-form__accordion-panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s var(--supplement-ease)}.supplement-product-form__accordion[open] .supplement-product-form__accordion-panel{grid-template-rows:1fr}.supplement-product-form__accordion-inner{overflow:hidden;min-height:0}.supplement-product-form__accordion-content{padding-block-end:1.25rem;font-size:var(--font-size--sm, .875rem);line-height:1.65;color:rgb(var(--color-foreground-rgb) / .8);opacity:0;transform:translateY(8px);transition:opacity .4s var(--supplement-ease) .05s,transform .4s var(--supplement-ease) .05s}.supplement-product-form__accordion[open] .supplement-product-form__accordion-content{opacity:1;transform:translateY(0)}.supplement-product-form__accordion-content p{margin:0 0 .75rem}.supplement-product-form__accordion-content p:last-child{margin-block-end:0}.product-information .add-to-cart-button{transition:transform .4s var(--supplement-ease),background-color .35s var(--supplement-ease),box-shadow .35s var(--supplement-ease)}.product-information .add-to-cart-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px rgb(var(--supplement-accent-rgb) / .22)}.cart-drawer__dialog.supplement-cart-drawer--boost[open]{--animation-speed: .42s;animation:supplement-cart-drawer-open .42s cubic-bezier(.25,1,.5,1) forwards}@keyframes supplement-cart-drawer-open{0%{transform:translate(100%);opacity:.94}to{transform:translate(0);opacity:1}}@media(prefers-reduced-motion:reduce){.supplement-product-form__badge,.supplement-product-form__accordion-panel,.supplement-product-form__accordion-content,.product-information .add-to-cart-button,.cart-drawer__dialog.supplement-cart-drawer--boost[open]{transition:none;animation:none;transform:none;opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/supplement-product-form.css.map */