.product-form__input{margin-bottom:var(--spacing-md)}variant-selects,variant-radios{display:block}.product-form__input fieldset{border:none;margin:0;padding:0}.product-form__input .form__label{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.875rem;font-weight:600;color:var(--color-text);margin-bottom:var(--spacing-sm)}.product-form__input .form__label-value{font-weight:400;color:var(--color-text-muted)}.product-form__options{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.product-form__option{position:relative}.product-form__option input[type="radio"]{position:absolute;opacity:0;width:0;height:0}.product-form__option-label{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-elevated);border:2px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;font-size:.875rem;font-weight:500;color:var(--color-text);transition:border-color .2s ease,background-color .2s ease}.product-form__option-label:hover{border-color:var(--color-text-muted)}.product-form__option input:checked+.product-form__option-label{border-color:var(--color-accent);background:rgba(148,74,255,.1)}.product-form__option input:focus-visible+.product-form__option-label{outline:2px solid var(--color-accent);outline-offset:2px}.product-form__option input:disabled+.product-form__option-label{opacity:.4;cursor:not-allowed}.product-form__option-label--unavailable{position:relative}.product-form__option-label--unavailable::after{content:'';position:absolute;top:50%;left:4px;right:4px;height:1px;background:var(--color-text-subtle);transform:rotate(-12deg)}.product-form__input--color .product-form__option-label{width:44px;height:44px;min-width:44px;padding:3px;border-radius:var(--radius-full)}.product-form__color-swatch{width:100%;height:100%;border-radius:var(--radius-full)}.product-form__color-image{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-full)}.product-form__input--dropdown{position:relative}.product-form__select{width:100%;padding:var(--spacing-md);padding-right:var(--spacing-2xl);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:.9375rem;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%239ca3af' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--spacing-md) center;transition:border-color .2s ease}.product-form__select:focus{outline:none;border-color:var(--color-accent)}.product-form__select:disabled{opacity:.5;cursor:not-allowed}.product-form__input--pill .product-form__option-label{border-radius:var(--radius-full);padding:var(--spacing-sm) var(--spacing-lg)}.product-form__input--rectangle .product-form__option-label{border-radius:var(--radius-sm)}.product-form__input--swatch .product-form__option-label{width:48px;height:48px;min-width:48px;padding:2px}.product-form__swatch-image{width:100%;height:100%;object-fit:cover;border-radius:calc(var(--radius-sm) - 2px)}.variant-popup{position:fixed;inset:0;z-index:1000;display:flex;align-items:flex-end;justify-content:center;background:rgba(0,0,0,.5);opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.variant-popup--open{opacity:1;visibility:visible}.variant-popup__content{width:100%;max-width:500px;max-height:80vh;padding:var(--spacing-lg);background:var(--color-bg);border-radius:var(--radius-lg) var(--radius-lg) 0 0;overflow-y:auto;transform:translateY(100%);transition:transform .3s ease}.variant-popup--open .variant-popup__content{transform:translateY(0)}@media screen and (min-width:769px){.variant-popup{align-items:center}.variant-popup__content{border-radius:var(--radius-lg);transform:scale(.95)}.variant-popup--open .variant-popup__content{transform:scale(1)}}.product-form__input--loading{position:relative;pointer-events:none}.product-form__input--loading::after{content:'';position:absolute;inset:0;background:rgba(0,0,0,.2);border-radius:var(--radius-sm)}.no-js .product-form__input--dropdown-only{display:block}.no-js .product-form__input--radios{display:none}.product-form__error{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:rgba(239,68,68,.1);border:1px solid var(--color-error);border-radius:var(--radius-sm);color:var(--color-error);font-size:.875rem;margin-top:var(--spacing-sm)}.product-form__error .svg-wrapper{width:16px;height:16px;flex-shrink:0}