.product-addon.checkbox{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(220px,100%),1fr));gap:var(--lafka-space-2);margin:0 0 var(--lafka-space-4);padding:var(--lafka-space-3) var(--lafka-space-4);background:color-mix(in srgb,var(--lafka-color-accent-50) 60%,var(--lafka-color-surface-page));border-radius:var(--lafka-radius-md)}.product-addon.checkbox p.form-row{margin:0;padding:0;background:none}.product-addon.checkbox p.form-row>label{display:flex;align-items:center;gap:var(--lafka-space-2);min-height:var(--lafka-tap-target);padding:var(--lafka-space-2) var(--lafka-space-3);background:var(--lafka-color-surface-raised);border:1.5px solid var(--lafka-color-border-default);border-radius:var(--lafka-radius-md);font-family:var(--lafka-font-sans);font-size:var(--lafka-font-size-sm);line-height:1.3;color:var(--lafka-color-text-primary);cursor:pointer;user-select:none;transition:background-color var(--lafka-duration-fast) var(--lafka-ease-out),border-color var(--lafka-duration-fast) var(--lafka-ease-out),color var(--lafka-duration-fast) var(--lafka-ease-out)}.product-addon.checkbox p.form-row>label input[type=checkbox]{position:absolute;opacity:0;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);pointer-events:none}@media(hover:hover){.product-addon.checkbox p.form-row>label:hover{border-color:var(--lafka-color-accent-500);background:var(--lafka-color-accent-50)}}.product-addon.checkbox p.form-row>label:has(input:checked){background:var(--lafka-color-accent-500);border-color:var(--lafka-color-accent-500);color:var(--lafka-color-text-on-accent);font-weight:var(--lafka-font-weight-semibold)}.product-addon.checkbox p.form-row>label:has(input:checked):before{content:"\2713";display:inline-flex;align-items:center;justify-content:center;flex:0 0 16px;width:16px;height:16px;border-radius:50%;background:#ffffff40;font-size:11px;font-weight:var(--lafka-font-weight-bold)}.product-addon.checkbox p.form-row>label:has(input:focus-visible){outline:3px solid var(--lafka-color-accent-500);outline-offset:2px}.product-addon.checkbox p.form-row>label:active{transform:scale(.98)}@media(prefers-reduced-motion:reduce){.product-addon.checkbox p.form-row>label,.product-addon.checkbox p.form-row>label:active{transition:none;transform:none}}.product-addon h3,.product-addon-name{margin:0 0 var(--lafka-space-3);font-size:var(--lafka-font-size-body-lg);font-weight:var(--lafka-font-weight-semibold);color:var(--lafka-color-text-primary)}
