/* Food Shop Mix & Match / Build a Box. */
.pxab-food-mix{display:grid;gap:14px}.pxab-food-mix__sizes{display:grid;gap:8px;margin:0;padding:14px;border:1px solid color-mix(in srgb,currentColor 16%,transparent);border-radius:12px}.pxab-food-mix__sizes legend{font-weight:700}.pxab-food-mix__size{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center;padding:10px;border:1px solid color-mix(in srgb,currentColor 14%,transparent);border-radius:10px;cursor:pointer}.pxab-food-mix__size:has(input:checked){border-color:var(--pxab-food-accent);background:color-mix(in srgb,var(--pxab-food-accent) 7%,var(--pxab-food-bg))}.pxab-food-mix__size.is-unavailable{opacity:.55;cursor:not-allowed}.pxab-food-mix__size>span{display:grid;gap:2px}.pxab-food-mix__status{margin:0;padding:10px 12px;border-radius:10px;background:color-mix(in srgb,currentColor 6%,transparent);font-weight:700}.pxab-food-mix__status.is-complete{background:#f0fdf4;color:#166534}.pxab-food-mix__status.is-over{background:#fef2f2;color:#991b1b}.pxab-food-mix__options{display:grid;gap:10px}.pxab-food-mix__options.is-image{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.pxab-food-mix__option{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px;border:1px solid color-mix(in srgb,currentColor 15%,transparent);border-radius:11px}.pxab-food-mix__options.is-image .pxab-food-mix__option{grid-template-columns:72px minmax(0,1fr);align-items:start}.pxab-food-mix__option.is-unavailable{opacity:.55}.pxab-food-mix__image{width:72px;height:72px;border-radius:9px;overflow:hidden;background:color-mix(in srgb,currentColor 7%,transparent)}.pxab-food-mix__image img{width:100%;height:100%;object-fit:cover}.pxab-food-mix__info{display:grid;gap:2px;min-width:0}.pxab-food-mix__quantity{display:grid;grid-template-columns:38px 48px 38px;align-items:center;gap:6px}.pxab-food-mix__options.is-image .pxab-food-mix__quantity{grid-column:1/-1;justify-self:end}.pxab-food-mix__quantity button{min-width:38px;min-height:38px;padding:0}.pxab-food-mix__quantity input{width:48px;text-align:center;padding-inline:4px}@media(max-width:540px){.pxab-food-mix__options.is-image{grid-template-columns:1fr}.pxab-food-mix__option,.pxab-food-mix__options.is-image .pxab-food-mix__option{grid-template-columns:minmax(0,1fr) auto}.pxab-food-mix__image{display:none}.pxab-food-mix__options.is-image .pxab-food-mix__quantity{grid-column:auto}}