.product-form{--product-form-radius: var(--style-border-radius-inputs, 12px);font-family:var(--font-primary);color:var(--color-text-primary);max-width:32rem}.product-form__visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.product-form__form{display:flex;flex-direction:column;gap:1.25rem}.product-form__identity{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem}.product-form__identity-badge{padding:.125rem .75rem;border-radius:999px;background-color:var(--color-background-secondary);border:1px solid var(--color-pistachio-deep);color:var(--color-pistachio-deep);font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.product-form__identity-meta{font-size:.8125rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.product-form__title-group{display:flex;flex-direction:column;gap:.125rem}.product-form__title{margin:0;font-size:clamp(1.25rem,1.5vw + .9rem,1.875rem);font-weight:700;text-transform:uppercase;letter-spacing:.025em}.product-form__subtitle{margin:0;font-family:var(--font-accent);font-style:italic;font-size:.75rem;color:var(--color-pistachio-soft)}@media(min-width:640px){.product-form__subtitle{font-size:.875rem}}.product-form__status-chips{display:grid;grid-template-columns:1fr;gap:.625rem}@media(min-width:640px){.product-form__status-chips{grid-template-columns:1fr 1fr}}.product-form__status-chip{display:flex;align-items:center;gap:.625rem;padding:.625rem .875rem;border-radius:calc(var(--product-form-radius) * 1.2);background-color:var(--color-background-secondary);border:1px solid var(--color-border);min-width:0}.product-form__status-chip-icon{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:calc(var(--product-form-radius) * .8);background-color:var(--color-surface-primary);color:var(--color-pistachio-deep);flex-shrink:0}.product-form__status-chip-icon svg{width:1rem;height:1rem}.product-form__status-chip-text{display:flex;flex-direction:column;gap:.0625rem;min-width:0}.product-form__status-chip-heading{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.02em}.product-form__status-chip-note{font-size:.625rem;color:var(--color-text-secondary)}.product-form__description-box{display:flex;flex-direction:column;gap:.25rem;padding:.875rem;border-radius:calc(var(--product-form-radius) * 1.2);background-color:var(--color-background-secondary)}.product-form__description-heading{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-pistachio-soft)}.product-form__description-copy{margin:0;font-size:.875rem;line-height:1.5}.product-form__allergen-box{display:flex;flex-direction:column;gap:.25rem;padding:.75rem;border-radius:calc(var(--product-form-radius) * 1.1);background-color:var(--color-background-secondary);border:1px solid var(--color-border)}.product-form__allergen-statement{font-size:.8125rem;font-weight:600;color:var(--color-pistachio-soft)}.product-form__allergen-note{font-size:.75rem;color:var(--color-text-secondary);line-height:1.4}.product-form__option{border:0;margin:0;padding:0;display:flex;flex-direction:column;gap:.625rem}.product-form__option-legend{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-pistachio-soft);padding:0 0 .25rem}.product-form__radiogroup{display:flex;flex-direction:column;gap:.625rem}.product-form__option-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-height:56px;padding:.875rem 1rem;border-radius:calc(var(--product-form-radius) * 1.4);border:1px solid var(--color-border);background-color:var(--color-background-secondary);cursor:pointer;transition:border-color .2s ease,background-color .2s ease}.product-form__option-row:hover{border-color:var(--color-pistachio-soft)}.product-form__option-row--selected{border-color:var(--color-pistachio-soft);background-color:var(--color-background-primary);box-shadow:0 0 0 2px var(--color-pistachio-deep)}.product-form__option-row--unavailable{cursor:not-allowed;opacity:.55}.product-form__option-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.product-form__option-input:focus-visible~.product-form__option-row-main .product-form__option-indicator,.product-form__option-row:has(.product-form__option-input:focus-visible){outline:2px solid var(--color-pistachio-soft);outline-offset:2px}.product-form__option-row-main{display:flex;align-items:center;gap:.75rem;min-width:0}.product-form__option-indicator{width:1.25rem;height:1.25rem;border-radius:999px;border:1px solid var(--color-border);background-color:var(--color-background-primary);flex-shrink:0}.product-form__option-row--selected .product-form__option-indicator{border-color:var(--color-pistachio-soft);background-color:var(--color-pistachio-deep);box-shadow:inset 0 0 0 3px var(--color-background-primary)}.product-form__option-details{display:flex;flex-direction:column;gap:.125rem;min-width:0}.product-form__option-name{font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.025em}@media(min-width:640px){.product-form__option-name{font-size:1rem}}.product-form__option-badge{font-size:.625rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-pistachio-soft)}.product-form__option-row-meta{text-align:right;flex-shrink:0;display:flex;flex-direction:column;gap:.125rem}.product-form__option-price{font-family:monospace;font-weight:700;font-size:.875rem}@media(min-width:640px){.product-form__option-price{font-size:1rem}}.product-form__option-price--pending{font-size:.75rem;font-weight:500;color:var(--color-pistachio-soft)}@media(min-width:640px){.product-form__option-price--pending{font-size:.875rem}}.product-form__option-shipping{font-size:.6875rem;color:var(--color-text-secondary)}.product-form__option-pack{font-size:.75rem;font-family:monospace;font-weight:500;color:var(--color-pistachio-soft)}.product-form__purchase{padding-top:1rem;border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:1rem}.product-form__price-block{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.75rem}.product-form__price{font-family:monospace;font-weight:700;font-size:1.5rem;letter-spacing:-.025em;margin:0}@media(min-width:640px){.product-form__price{font-size:1.875rem}}.product-form__price-note{margin:.25rem 0 0;font-size:.75rem;color:var(--color-text-secondary)}.product-form__quantity{display:inline-flex;align-items:center;gap:0;align-self:flex-start;border:1px solid var(--color-border);border-radius:999px;padding:.25rem;background-color:var(--color-background-secondary)}.product-form__qty-btn{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border-radius:999px;border:0;background:transparent;color:var(--color-text-primary);font-size:1rem;cursor:pointer;transition:background-color .15s ease}.product-form__qty-btn:hover:not(:disabled){background-color:var(--color-pistachio-deep)}.product-form__qty-btn:disabled{opacity:.3;cursor:not-allowed}.product-form__qty-btn:focus-visible{outline:2px solid var(--color-pistachio-soft);outline-offset:2px}.product-form__qty-input{width:3rem;text-align:center;font-family:var(--font-display);font-weight:700;font-size:1rem;background:transparent;border:0;color:var(--color-text-primary);-moz-appearance:textfield}.product-form__qty-input::-webkit-outer-spin-button,.product-form__qty-input::-webkit-inner-spin-button{margin:0}.product-form__qty-input:focus-visible{outline:2px solid var(--color-pistachio-soft);outline-offset:2px}.product-form__submit-btn{display:inline-flex;align-items:center;justify-content:center;gap:.625rem;min-height:52px;padding:1rem 1.5rem;border-radius:var(--product-form-radius);border:0;background-color:var(--color-surface-primary);color:var(--color-text-primary);font-weight:700;font-size:.9375rem;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:background-color .2s ease,opacity .2s ease}.product-form__submit-btn:hover:not(:disabled){background-color:var(--color-background-secondary)}.product-form__submit-btn:focus-visible{outline:2px solid var(--color-surface-primary);outline-offset:2px}.product-form__submit-btn:disabled{cursor:not-allowed;opacity:.7}.product-form__submit-btn--disabled{background-color:var(--color-background-secondary);color:var(--color-text-secondary);border:1px solid var(--color-border)}.product-form__submit-wrap{position:relative;width:100%;max-width:28rem}.product-form__submit-btn--drip{position:relative;z-index:1;width:100%;border-radius:var(--product-form-radius) var(--product-form-radius) 0 0}.product-form__submit-drip{display:block;position:absolute;top:calc(100% - 3px);left:0;width:100%;height:1.25rem;pointer-events:none;fill:var(--color-surface-primary);transition:fill .2s ease}@media(min-width:640px){.product-form__submit-drip{height:1.5rem}}.product-form__submit-wrap:hover .product-form__submit-drip{fill:var(--color-background-secondary)}@media(prefers-reduced-motion:reduce){.product-form__submit-drip{transition:none}}.product-form__spinner{display:none;width:1.125rem;height:1.125rem;border-radius:999px;border:2px solid currentColor;border-top-color:transparent;animation:product-form-spin .7s linear infinite}.product-form__submit-btn[data-state=adding] .product-form__spinner{display:inline-block}@keyframes product-form-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.product-form__spinner{animation:none}.product-form__option-row,.product-form__qty-btn,.product-form__submit-btn{transition:none}}.product-form__unavailable{padding:.875rem 1rem;border-radius:calc(var(--product-form-radius) * 1.4);border:1px solid var(--color-pistachio-soft);background-color:var(--color-background-secondary);display:flex;flex-direction:column;gap:.375rem}.product-form__unavailable-label{margin:0;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-pistachio-soft);display:flex;align-items:center;gap:.5rem}.product-form__unavailable-copy{margin:0;font-size:.8125rem;color:var(--color-text-secondary);line-height:1.5}.product-form--on-dark{color:var(--color-background-secondary)}.product-form--on-dark .product-form__identity-badge{background-color:var(--color-surface-dark-inset);border-color:color-mix(in srgb,var(--color-pistachio-deep) 60%,transparent);color:var(--color-pistachio-soft)}.product-form--on-dark .product-form__identity-meta,.product-form--on-dark .product-form__title,.product-form--on-dark .product-form__option-name,.product-form--on-dark .product-form__option-price,.product-form--on-dark .product-form__price,.product-form--on-dark .product-form__qty-input{color:var(--color-surface-primary)}.product-form--on-dark .product-form__description-box,.product-form--on-dark .product-form__allergen-box,.product-form--on-dark .product-form__status-chip{background-color:var(--color-text-primary);border-color:color-mix(in srgb,var(--color-pistachio-deep) 30%,transparent)}.product-form--on-dark .product-form__status-chip-icon{background-color:var(--color-surface-dark-inset)}.product-form--on-dark .product-form__status-chip-heading{color:var(--color-surface-primary)}.product-form--on-dark .product-form__option-row{background-color:var(--color-surface-dark-inset);border-color:color-mix(in srgb,var(--color-pistachio-deep) 40%,transparent)}.product-form--on-dark .product-form__option-row--selected{background-color:var(--color-text-primary);border-color:var(--color-pistachio-soft)}.product-form--on-dark .product-form__option-indicator{background-color:var(--color-text-primary);border-color:color-mix(in srgb,var(--color-pistachio-deep) 60%,transparent)}.product-form--on-dark .product-form__option-row--selected .product-form__option-indicator{box-shadow:inset 0 0 0 3px var(--color-text-primary)}.product-form--on-dark .product-form__quantity{background-color:var(--color-text-primary);border-color:color-mix(in srgb,var(--color-pistachio-deep) 60%,transparent)}.product-form--on-dark .product-form__purchase{border-top-color:color-mix(in srgb,var(--color-pistachio-deep) 30%,transparent)}.product-form--on-dark .product-form__unavailable{background-color:var(--color-surface-dark-inset);border-color:color-mix(in srgb,var(--color-pistachio-soft) 40%,transparent)}
/*# sourceMappingURL=/cdn/shop/t/8/assets/product-form.css.map */