.su-bo{--bo-line: color-mix(in srgb, currentColor 12%, transparent);--bo-tint: color-mix(in srgb, currentColor 5%, transparent);--bo-warn: #9a3412;--bo-good: #166534;display:grid;gap:16px}.su-bo__input{display:grid;gap:8px}.su-bo__label{color:var(--su-muted);font-size:.75rem;font-weight:500;letter-spacing:.02em}.su .su-bo .su-bo__text{box-sizing:border-box;width:100%!important;min-height:148px!important;margin:0!important;padding:12px 14px!important;resize:vertical;border:0!important;border-radius:var(--su-fx-r, 8px)!important;background:transparent!important;box-shadow:inset 0 0 0 1px var(--bo-line)!important;color:inherit!important;font:.9375rem/1.6 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace!important;outline:none!important}.su .su-bo .su-bo__text:focus-visible{box-shadow:inset 0 0 0 1.5px var(--su-ac)!important}.su-bo__help{margin:0;color:var(--su-muted);font-size:.8125rem}.su-bo__tools{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px}.su .su-bo__tools .su-btn.su-btn--fx{--su-fx-h: 40px;font-size:.875rem}.su .su-btn.su-bo__review{margin-left:auto}.su .su-bo :is(.su-bo__btn,.su-bo__x):focus-visible{outline:2px solid var(--su-ac);outline-offset:2px}.su-bo__note{font-size:.875rem}.su-bo__note:empty{display:none}.su-bo__note[data-tone=error]{color:var(--bo-warn)}.su-bo__result[hidden]{display:none}.su-bo__table{border-top:1px solid var(--bo-line)}.su-bo__row{display:grid;grid-template-columns:minmax(0,1fr) 110px 132px 110px 32px;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--bo-line);font-size:.875rem}.su-bo__row--head{padding:10px 0;color:var(--su-muted);font-size:.75rem;font-weight:500;letter-spacing:.02em}.su-bo__row--head>:nth-child(n+2){text-align:right}.su-bo__row--head>:nth-child(3){text-align:center}.su-bo__item{display:flex;align-items:center;gap:12px;min-width:0}.su-bo__media{flex:none;width:48px;height:48px;overflow:hidden;border-radius:calc(var(--su-fx-r, 8px) - 2px);background:var(--bo-tint)}.su .su-bo__media img{width:100%;height:100%;object-fit:cover}.su-bo__info{display:grid;min-width:0}.su-bo__title{font-weight:600;overflow-wrap:anywhere}.su-bo__variant{color:var(--su-muted)}.su-bo__sku{color:var(--su-muted);font:.75rem/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.su-bo__flag{justify-self:start;margin-top:4px;padding:2px 8px;border-radius:6px;background:color-mix(in srgb,var(--bo-warn) 9%,transparent);color:var(--bo-warn);font-size:.75rem}.su-bo__row[data-state=added] .su-bo__flag{background:color-mix(in srgb,var(--bo-good) 9%,transparent);color:var(--bo-good)}.su-bo__row[data-state=sold] .su-bo__title{text-decoration:line-through;opacity:.6}.su-bo__price,.su-bo__line{text-align:right;font-variant-numeric:tabular-nums}.su-bo__price small{color:var(--su-muted);font-size:.75rem}.su-bo__line{font-weight:600}.su-bo__qty{display:flex;justify-content:center}.su-bo__step{display:grid;grid-template-columns:36px 56px 36px;align-items:center;height:36px;border-radius:var(--su-fx-r, 8px);box-shadow:inset 0 0 0 1px var(--bo-line)}.su-bo__step:focus-within{box-shadow:inset 0 0 0 1.5px var(--su-ac)}.su .su-bo .su-bo__btn,.su .su-bo .su-bo__x{display:grid!important;place-items:center;width:26px!important;height:26px!important;min-width:0!important;min-height:0!important;margin:0 auto!important;padding:0!important;border:0!important;border-radius:calc(var(--su-fx-r, 8px) - 3px)!important;background:transparent!important;box-shadow:none!important;color:inherit!important;cursor:pointer}.su .su-bo .su-bo__btn{width:28px!important;height:28px!important}.su .su-bo .su-bo__btn:hover,.su .su-bo .su-bo__x:hover{background:var(--bo-tint)!important}.su-bo__btn svg,.su-bo__x svg{width:13px;height:13px}.su-bo__x{color:var(--su-muted)!important}.su .su-bo .su-bo__num{box-sizing:border-box;width:100%!important;min-width:0!important;height:100%!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;outline:none!important;color:inherit!important;font:inherit;font-weight:600;text-align:center;font-variant-numeric:tabular-nums;-moz-appearance:textfield;appearance:textfield}.su-bo__num::-webkit-outer-spin-button,.su-bo__num::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.su-bo__sum{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:16px;padding:14px 16px;border-radius:calc(var(--su-fx-r, 8px) + 4px);background:var(--bo-tint)}.su-bo__totals{display:grid;margin:0 auto 0 0}.su-bo__totals span{color:var(--su-muted);font-size:.8125rem}.su-bo__totals strong{font-size:1.25rem;font-variant-numeric:tabular-nums}.su .su-btn.su-bo__add{flex:0 1 260px;justify-content:space-between}.su-bo__status{margin-top:8px}.su-bo__status:empty{display:none}.su-bo__nojs{display:none;margin:0;color:var(--su-muted);font-size:.875rem}@media(max-width:749px){.su-bo__row--head{display:none}.su-bo__row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"item rm" "price price" "qty line";gap:8px 12px}.su-bo__item{grid-area:item}.su-bo__rm{grid-area:rm;align-self:start}.su-bo__price{grid-area:price;text-align:left;padding-left:60px}.su-bo__qty{grid-area:qty;justify-content:flex-start;padding-left:60px}.su-bo__line{grid-area:line}.su-bo__row:not(:has(.su-bo__media)) :is(.su-bo__price,.su-bo__qty){padding-left:0}.su .su-btn.su-bo__review{flex:1 1 100%;justify-content:space-between;margin-left:0}.su .su-btn.su-bo__add{flex:1 1 100%}}@media(scripting:none){.su-bo__input,.su-bo__note,.su-bo__result{display:none}.su-bo__nojs{display:block}}
