/* Magic Bakers – add-ons + greeting card strip on the website (v1.6.0) */
.mbo-extras{width:100%;margin:12px 0 14px;flex-basis:100%}
.mbo-extras[data-loading]{min-height:10px}
.mbx-h{display:flex;align-items:baseline;gap:8px;font-weight:800;font-size:16px;color:#6b3a1f;margin:0 2px 8px}
.mbx-h small{font-weight:500;font-size:12.5px;color:#8a6a4a}
.mbx-row{display:flex;gap:10px;overflow-x:auto;padding:4px 2px 10px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.mbx-row::-webkit-scrollbar{display:none}
.mbx-it{flex:0 0 112px;scroll-snap-align:start;background:#fff;border:1.5px solid #ecdcc0;border-radius:16px;padding:8px;text-align:center;box-shadow:0 4px 12px rgba(107,58,31,.06);transition:border-color .15s,box-shadow .15s}
.mbx-it.on{border-color:#c9973a;box-shadow:0 0 0 3px rgba(201,151,58,.18),0 6px 14px rgba(107,58,31,.12)}
.mbx-ph{position:relative;height:78px;border-radius:12px;background:#fffaf2;display:flex;align-items:center;justify-content:center;font-size:30px;overflow:hidden;cursor:pointer}
.mbx-ph img{width:100%;height:100%;object-fit:cover}
.mbx-ph i{position:absolute;top:4px;right:4px;font-style:normal;background:#1d7a4b;color:#fff;font-weight:800;font-size:11px;border-radius:10px;padding:1px 7px}
.mbx-nm{font-size:12.5px;font-weight:700;color:#3a2519;margin:6px 0 1px;line-height:1.2;min-height:30px;display:flex;align-items:center;justify-content:center}
.mbx-pr{font-size:13px;font-weight:800;color:#b8862f}
.mbx-q{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:6px}
.mbx-q button{font:inherit;font-weight:800;border:1.5px solid #e2c58a;background:#fff;color:#6b3a1f;border-radius:999px;min-width:30px;height:30px;padding:0 10px;cursor:pointer;line-height:1}
.mbx-q button.pl{background:linear-gradient(135deg,#7a4524,#4a2614);color:#ffe7a6;border-color:#d9b25a}
.mbx-q b{min-width:14px;color:#3a2519}
.mbx-card{display:flex;align-items:center;gap:10px;width:100%;text-align:left;font:inherit;cursor:pointer;margin:4px 0 6px;padding:11px 12px;border-radius:16px;border:1.5px dashed #d9b25a;background:linear-gradient(135deg,#fffaf2,#fdecc8);color:#4a2c1a}
.mbx-card.on{border-style:solid;cursor:default}
.mbx-ci{font-size:26px;line-height:1}
.mbx-ct{flex:1;min-width:0}.mbx-ct b{display:block;color:#6b3a1f;font-size:14.5px}
.mbx-ct em{display:block;font-style:normal;font-size:12.5px;color:#7a5a40;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mbx-card.on .mbx-ct em{font-family:Caveat,cursive;font-size:17px;color:#2b3a8c;white-space:normal}
.mbx-go,.mbx-edit{font:inherit;font-weight:800;font-size:13px;color:#ffe7a6;background:linear-gradient(135deg,#7a4524,#4a2614);border:0;border-radius:999px;padding:7px 12px;cursor:pointer;white-space:nowrap}
.mbx-tot{font-size:13.5px;color:#4a2c1a;margin:2px 4px}
.mbx-tot b{color:#1d7a4b}
.mbo-extras-co{background:#fff;border:1.5px solid #ecdcc0;border-radius:18px;padding:12px;margin:12px 0}
.mbo-extras-co .mbx-it{flex-basis:100px}
.mbo-extras-co .mbx-ph{height:64px}

.mbo-extras .mbv{margin-top:8px}
.mbx-vs{font-size:12.5px;margin:4px 4px 0;color:#8a6a4a}.mbx-vs.ok{color:#1d7a4b;font-weight:700}.mbx-vs.bad{color:#b42318;font-weight:700}