.pda{display:grid;grid-gap:var(--space-2);gap:var(--space-2)}.pda__row{display:flex;gap:var(--space-1)}.pda__qty{display:inline-flex;align-items:stretch;height:52px;border:1px solid var(--color-ink);border-radius:var(--radius-control)}.pda__qty button{width:44px;background:none;border:0;font-size:1.25rem;cursor:pointer}.pda__qty button:hover{background:var(--color-plate)}.pda__qty output{min-width:36px;display:grid;place-items:center;font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.pda__add{flex:1 1;height:52px;background:var(--color-ink);color:var(--color-paper);border:0;border-radius:var(--radius-control);font-size:1rem;font-weight:600;cursor:pointer;transition:background var(--duration-base) var(--ease-out)}.pda__add:hover:not(:disabled){background:var(--color-accent-ink)}.pda__add:disabled{background:var(--color-plate);color:var(--color-warm-gray);cursor:not-allowed}.pda__note{font-size:var(--fs-ui);color:var(--color-warn);max-width:52ch}.pbb__colours{border:0;padding:0;margin:var(--space-2) 0}.pbb__colours legend{padding:0;margin-bottom:var(--space-1);font-size:var(--fs-ui)}.pbb__options{display:flex;flex-wrap:wrap;gap:var(--space-1)}.pbb__opt{padding:10px 16px;background:none;border:1px solid var(--color-ink);border-radius:var(--radius-control);font-size:var(--fs-ui);cursor:pointer}.pbb__opt:hover{background:var(--color-plate)}.pbb__opt.is-selected{background:var(--color-ink);color:var(--color-paper)}