.spa-addons { flex-basis: 100%; min-inline-size: 0; margin: 0 0 1.5em; padding: 0; border: 0; background: transparent; text-align: start; }
.spa-addons legend { float: none; margin: 0 0 .25em; padding: 0; font-size: 1em; font-weight: 600; }
.spa-addons .spa-addons-note { margin: 0 0 .85em; font-size: .85em; opacity: .75; }
.spa-addons .spa-addon { display: flex; align-items: center; gap: .75em; margin: .5em 0 0; padding: .9em 1em; border: 1px solid color-mix(in srgb, currentColor 20%, transparent); border-radius: .25em; cursor: pointer; font-weight: 400; line-height: 1.4; transition: border-color .15s, background-color .15s; }
.spa-addons .spa-addon:hover { border-color: currentColor; }
.spa-addons .spa-addon:focus-within { outline: 2px solid currentColor; outline-offset: 2px; }
.spa-addons .spa-addon:has(input:checked) { border-color: currentColor; background-color: color-mix(in srgb, currentColor 4%, transparent); }
.spa-addons .spa-addon input[type="checkbox"] { flex: 0 0 auto; appearance: auto; inline-size: 1.1em; block-size: 1.1em; margin: 0; accent-color: auto; }
.spa-addons .spa-addon-name { flex: 1; overflow-wrap: anywhere; }
.spa-addons .spa-addon-price { flex-shrink: 0; font-size: .9em; font-weight: 500; }
.spa-addons .spa-addon-price .amount { font: inherit; }
form.cart:has(> .spa-addons), .woocommerce-variation-add-to-cart:has(> .spa-addons) { flex-wrap: wrap; }