.pbd{margin-top:8px;padding:20px;background:var(--stone);border-radius:var(--r-card);display:flex;flex-direction:column;gap:14px}
.pbd[hidden]{display:none}
.pbd__title{font:500 18px/1.25 var(--font);color:var(--ink)}
.pbd__sub{font-size:13px;color:var(--muted);margin-top:2px}
.pbd__hint{display:inline-flex;align-self:flex-start;align-items:center;min-height:28px;padding:2px 14px;border-radius:var(--r-pill);background:var(--olive);color:var(--cream);font-size:13px}
.pbd__hint[hidden]{display:none}
.pbd__list{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
.pbd__card{position:relative;display:grid;grid-template-columns:22px 64px minmax(0,1fr);align-items:center;gap:12px;background:var(--white);border-radius:20px;padding:10px 12px;box-shadow:var(--sh-1);cursor:pointer;transition:box-shadow .2s var(--ease),transform .2s var(--ease)}
.pbd__card.is-on{box-shadow:0 0 0 1.5px var(--olive),var(--sh-1)}
.pbd__card:hover{transform:translateY(-1px)}
.pbd__check{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer;z-index:1}
.pbd__check:disabled{cursor:default}
.pbd__box{width:22px;height:22px;border:1.5px solid var(--olive);border-radius:7px;background:var(--white);display:grid;place-items:center;transition:background .2s var(--ease)}
.pbd__box::after{content:"";width:6px;height:11px;border:solid var(--cream);border-width:0 2px 2px 0;transform:rotate(45deg) scale(0);margin-top:-2px;transition:transform .2s var(--ease)}
.pbd__check:checked~.pbd__box{background:var(--olive)}
.pbd__check:checked~.pbd__box::after{transform:rotate(45deg) scale(1)}
.pbd__check:focus-visible~.pbd__box{outline:2px solid var(--olive);outline-offset:3px}
.pbd__img{width:64px;height:64px;border-radius:14px;background:var(--cream);overflow:hidden;display:block}
.pbd__img img{width:100%;height:100%;object-fit:cover;display:block}
.pbd__meta{display:flex;flex-direction:column;gap:4px;min-width:0}
.pbd__name{font-size:14px;line-height:1.3;color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pbd__price{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:14px}
.pbd__price s{color:var(--muted);font-size:12px}
.pbd__off{padding:0 8px;border-radius:var(--r-pill);background:rgba(174,172,137,.45);color:var(--olive);font-size:12px}
.pbd__foot{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding-top:6px;border-top:1px solid rgba(86,91,68,.18)}
.pbd__sum{display:flex;flex-direction:column;gap:2px}
.pbd__sumrow{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.pbd__label{font:500 15px var(--font)}
.pbd__total{font:500 22px var(--font)}
.pbd__was{color:var(--muted);text-decoration:line-through;font-size:14px}
.pbd__was[hidden],.pbd__save[hidden]{display:none}
.pbd__save{font-size:13px;color:var(--olive)}
.pbd__add{min-height:48px;padding-inline:28px}
.pbd__add[aria-disabled="true"]{opacity:.5;pointer-events:none}
@media(min-width:640px){.pbd__list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.pbd__card,.pbd__box,.pbd__box::after{transition:none}.pbd__card:hover{transform:none}}
