/* MiBebe Complete the Look v1.5.0 – the popup (bottom sheet on the phone, centred card on the desktop) and the cart reminder. */
@font-face { font-family: "MBCL Heebo"; font-style: normal; font-weight: 100 900; font-display: swap; src: url(fonts/heebo-he.woff2) format("woff2"); unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F; }
@font-face { font-family: "MBCL Heebo"; font-style: normal; font-weight: 100 900; font-display: swap; src: url(fonts/heebo-lat.woff2) format("woff2"); unicode-range: U+0000-00FF, U+2000-206F, U+20AC, U+2122, U+2212; }

/* Lets the script see that these styles are in. */
.mbcl-css-probe { position: absolute !important; }

:root { --mbcl-btn: #a38167; --mbcl-head: #4e3a2d; --mbcl-cream: #f7f0e9; --mbcl-line: #efe7df; --mbcl-muted: #6d6159; --mbcl-price: 22px; }

/* While the popup is up, the theme's side cart (WoodMart) waits out of sight; it slides in when the popup closes. */
html.mbcl-hold-cart .cart-widget-side, html.mbcl-hold-cart .wd-close-side { visibility: hidden !important; transition: none !important; }

.mbcl-dim { position: fixed; inset: 0; z-index: 100000; background: rgba(40, 28, 20, .45); opacity: 0; transition: opacity .38s ease; touch-action: none; }
.mbcl-dim.is-open { opacity: 1; }
.mbcl-dim.is-closing { transition: opacity .26s ease; }

.mbcl { position: fixed; left: 0; right: 0; bottom: 0; z-index: 100001; box-sizing: border-box; max-height: 86vh; overflow-y: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; padding: 12px 22px 0; background: #fff; color: #333; border-radius: 26px 26px 0 0; box-shadow: 0 -10px 40px rgba(0, 0, 0, .18); direction: rtl; text-align: center; transform: translateY(100%); transition: transform .5s cubic-bezier(.22, 1, .36, 1); will-change: transform; outline: 0; }
.mbcl.is-open { transform: none; }
.mbcl.is-closing { transition: transform .3s cubic-bezier(.4, 0, .7, 1); }
.mbcl *, .mbcl *::before, .mbcl *::after { box-sizing: border-box; }
/* Themes style every <button>; these are ours, so the reset and the looks below win on purpose. */
.mbcl button, .mbcl-remind button { all: unset !important; box-sizing: border-box !important; display: inline-block !important; font-family: inherit !important; line-height: 1.2 !important; text-align: center !important; cursor: pointer !important; -webkit-tap-highlight-color: transparent; }
.mbcl button:focus, .mbcl-remind button:focus { outline: 0 !important; }
.mbcl button:focus-visible, .mbcl-remind button:focus-visible { outline: 2px solid var(--mbcl-head) !important; outline-offset: 2px !important; }

.mbcl__grab { width: 40px; height: 4px; margin: 2px auto 12px; border-radius: 2px; background: #ddd; }
.mbcl .mbcl__x { position: absolute !important; top: 10px !important; left: 14px !important; width: 34px !important; height: 34px !important; border-radius: 50% !important; background: transparent !important; color: var(--mbcl-head) !important; font: 300 26px/34px "MBCL Heebo", sans-serif !important; }
.mbcl .mbcl__x:hover { background: var(--mbcl-cream) !important; }
.mbcl .mbcl__x { transition: background-color .15s ease !important; }
.mbcl__preview { margin: -4px auto 8px; padding: 3px 12px; display: inline-block; border-radius: 999px; background: #fcf0d6; color: #7a5200; font-size: 12px; font-weight: 600; }
.mbcl__over { font: 400 11.5px "MBCL Heebo", sans-serif; letter-spacing: .32em; color: var(--mbcl-btn); text-transform: uppercase; }
.mbcl__title { margin: 4px 0 14px; font: 300 30px/1.2 "MBCL Heebo", sans-serif; color: var(--mbcl-head); }

/* One accessory: the pair, side by side. */
.mbcl-duo { display: flex; align-items: flex-start; justify-content: center; gap: 14px; margin: 4px 0 10px; }
.mbcl-duo__one { width: 124px; }
.mbcl-circ { width: 112px; height: 112px; margin: 0 auto; border-radius: 50%; background: var(--mbcl-cream); overflow: hidden; display: flex; align-items: center; justify-content: center; }
.mbcl-circ img { width: 100%; height: 100%; object-fit: cover; display: block; }
.mbcl img { opacity: 0; transition: opacity .3s ease; }
.mbcl img.is-loaded { opacity: 1; }
.mbcl-duo__plus { align-self: center; margin-top: -26px; font: 200 34px/1 "MBCL Heebo", sans-serif; color: var(--mbcl-btn); }
.mbcl-duo__cap { margin-top: 8px; font-size: 12.5px; line-height: 1.3; color: var(--mbcl-muted); }
.mbcl-duo__tag, .mbcl-chosen__tag { display: inline-block; margin-top: 6px; padding: 2px 9px; border-radius: 999px; background: var(--mbcl-cream); color: var(--mbcl-head); font-size: 11.5px; line-height: 1.5; white-space: nowrap; }
.mbcl-chosen__tag { margin: 0; }
.mbcl-duo .mbcl-item__price { margin-top: 6px; font-size: 12px; line-height: 1.2; text-align: center; }
.mbcl-duo .mbcl-item__price b { display: block; font-size: var(--mbcl-price); font-weight: 700; color: #735742; }
.mbcl-duo .mbcl-item__price s { display: block; margin: 2px 0 0; font-size: calc(var(--mbcl-price) * .6); color: #9b8f86; }
.mbcl-duo .mbcl-item__price s[hidden] { display: none; }

/* Layout "hero": the accessory is the star; the product she chose is a small line on top. */
.mbcl--hero .mbcl-duo { flex-direction: column; align-items: center; gap: 6px; margin: 0 0 6px; }
.mbcl--hero .mbcl-duo__plus { display: none; }
.mbcl--hero .mbcl-duo__one--main { display: flex; align-items: center; gap: 8px; width: auto; max-width: 100%; padding: 4px 12px 4px 6px; border-radius: 999px; background: var(--mbcl-cream); }
.mbcl--hero .mbcl-duo__one--main .mbcl-circ { flex: none; width: 34px; height: 34px; margin: 0; background: #fff; }
.mbcl--hero .mbcl-duo__one--main .mbcl-duo__cap { margin: 0; font-size: 12.5px; color: var(--mbcl-head); }
.mbcl--hero .mbcl-duo__one--main .mbcl-duo__tag { margin: 0; padding: 0; background: none; color: var(--mbcl-btn); font-weight: 600; }
.mbcl--hero .mbcl-duo__one--acc { width: 100%; margin-top: 10px; }
.mbcl--hero .mbcl-duo__one--acc .mbcl-circ { width: 150px; height: 150px; }
.mbcl--hero .mbcl-duo__one--acc .mbcl-duo__cap { font-size: 15px; font-weight: 600; color: var(--mbcl-head); }
.mbcl--hero .mbcl-duo .mbcl-item__price { margin-top: 4px; }
.mbcl--hero .mbcl-duo .mbcl-item__price b, .mbcl--hero .mbcl-duo .mbcl-item__price s { display: inline; }
.mbcl--hero .mbcl-duo .mbcl-item__price s { margin-inline-start: 8px; font-size: calc(var(--mbcl-price) * .6); }

/* Layout "card": a ✓ on the product's picture, the accessory in a soft card with its price inside. */
.mbcl--card .mbcl-duo { align-items: flex-start; gap: 10px; }
.mbcl--card .mbcl-duo__one--main .mbcl-circ { position: relative; overflow: visible; }
.mbcl--card .mbcl-duo__one--main .mbcl-circ img { border-radius: 50%; }
.mbcl--card .mbcl-duo__one--main .mbcl-circ::after { content: "✓"; position: absolute; right: -2px; bottom: -2px; width: 30px; height: 30px; border-radius: 50%; background: var(--mbcl-head); color: #fff; font: 700 16px/30px sans-serif; box-shadow: 0 0 0 3px #fff; }
.mbcl--card .mbcl-duo__one--main .mbcl-duo__tag { background: none; padding: 0; color: var(--mbcl-muted); }
.mbcl--card .mbcl-duo__one--acc { width: 150px; padding: 10px 8px 12px; border-radius: 18px; background: var(--mbcl-cream); }
.mbcl--card .mbcl-duo__one--acc .mbcl-circ { width: 96px; height: 96px; background: #fff; }
.mbcl--card .mbcl-duo__one--acc .mbcl-duo__cap { font-weight: 600; color: var(--mbcl-head); }
.mbcl--card .mbcl-duo .mbcl-item__price { margin-top: 4px; }
.mbcl--card .mbcl-duo .mbcl-item__price b { font-size: calc(var(--mbcl-price) * .9); }
.mbcl--card .mbcl-duo .mbcl-item__price s { font-size: calc(var(--mbcl-price) * .55); }
.mbcl--card .mbcl-duo__plus { margin-top: 36px; }

/* Layout "badge": the price as a pill on the accessory's picture, "במקום …" under the name. */
.mbcl--badge .mbcl-duo__one--acc .mbcl-circ { position: relative; overflow: visible; margin-bottom: 26px; }
.mbcl--badge .mbcl-duo__one--acc .mbcl-circ img { border-radius: 50%; }
.mbcl--badge .mbcl-duo__one--acc .mbcl-item__price { position: absolute; left: 50%; bottom: -14px; transform: translateX(-50%); margin: 0; padding: 4px 12px; border-radius: 999px; background: var(--mbcl-btn); color: #fff; white-space: nowrap; box-shadow: 0 0 0 3px #fff; }
.mbcl--badge .mbcl-duo__one--acc .mbcl-item__price b { display: inline; font-size: calc(var(--mbcl-price) * .78); color: #fff; }
.mbcl--badge .mbcl-duo__one--acc .mbcl-item__price s { display: none; }
.mbcl--badge .mbcl-duo__one--acc .mbcl-duo__cap { margin-top: 10px; font-weight: 600; color: var(--mbcl-head); }
.mbcl--badge .mbcl-duo__was { margin-top: 2px; font-size: 12px; color: var(--mbcl-muted); }
.mbcl--badge .mbcl-duo__was[hidden] { display: none; }
.mbcl--badge .mbcl-duo__one--main .mbcl-duo__tag { background: var(--mbcl-head); color: #fff; }

/* The brit / brita look: a baby photo behind the whole offer (lighter towards the bottom so the words read),
   the pair in white-framed circles with a + between them, and its own texts. */
.mbcl.mbcl--theme { background: linear-gradient(180deg, rgba(250, 246, 241, .18) 0%, rgba(250, 246, 241, .38) 45%, rgba(250, 246, 241, .62) 100%), var(--mbcl-bg, none) 50% 0 / cover no-repeat, #f8f3ed; color: #45332a; }
.mbcl--theme .mbcl__grab { background: rgba(78, 58, 45, .25); }
.mbcl--theme .mbcl__over { display: flex; align-items: center; justify-content: center; gap: 8px; margin-top: 2px; font: 400 11px "MBCL Heebo", sans-serif; letter-spacing: .24em; color: #8f6f58; }
.mbcl--theme .mbcl__over::before, .mbcl--theme .mbcl__over::after { content: ""; width: 24px; height: 1px; background: currentColor; opacity: .6; }
.mbcl.mbcl--theme .mbcl__title { margin: 6px 0 4px; font-family: inherit; font-size: 24px; font-weight: 600; line-height: 1.25; color: #45332a; }
.mbcl__lead { max-width: 330px; margin: 0 auto; font-size: 13.5px; line-height: 1.45; color: #6f5a4d; text-wrap: balance; }
.mbcl--theme .mbcl-duo { gap: 10px; margin: 16px 0 4px; }
.mbcl--theme .mbcl-duo__one { width: 140px; }
.mbcl--theme .mbcl-circ { position: relative; overflow: visible; width: 118px; height: 118px; border: 3px solid #fff; background: #fff; box-shadow: 0 6px 18px rgba(78, 58, 45, .16); }
.mbcl--theme .mbcl-circ img { border-radius: 50%; }
.mbcl--theme .mbcl-duo__one--main .mbcl-circ::after { content: "✓"; position: absolute; top: -3px; right: -3px; width: 22px; height: 22px; border-radius: 50%; background: var(--mbcl-btn); color: #fff; font: 700 12px/22px sans-serif; text-align: center; box-shadow: 0 0 0 2px #fff; }
.mbcl--theme .mbcl-duo__plus { flex: none; align-self: flex-start; width: 34px; height: 34px; margin-top: 45px; border-radius: 50%; background: #fff; color: var(--mbcl-btn); font: 300 24px/33px "MBCL Heebo", sans-serif; box-shadow: 0 3px 10px rgba(78, 58, 45, .12); }
.mbcl--theme .mbcl-duo__cap { color: #45332a; }
.mbcl--theme .mbcl-duo__tag { margin-top: 2px; padding: 0; background: none; color: #6f5a4d; }
.mbcl--theme .mbcl-duo .mbcl-item__price { margin-top: 2px; }
.mbcl--theme .mbcl-duo .mbcl-item__price b { display: inline; font-size: 15.5px; color: #45332a; }
.mbcl--theme .mbcl-duo .mbcl-item__price s { display: inline; margin: 0 6px 0 0; font-size: 12px; }
.mbcl--theme .mbcl-chosen, .mbcl--theme .mbcl-list .mbcl-item { background: rgba(255, 255, 255, .55); }
.mbcl--theme .mbcl__foot { background: transparent; }
.mbcl.mbcl--theme .mbcl__btn { border-radius: 10px !important; font-size: 15.5px !important; font-weight: 600 !important; box-shadow: 0 6px 16px rgba(163, 129, 103, .3) !important; }
.mbcl.mbcl--theme .mbcl__no { color: #6f5a4d !important; text-decoration: none !important; font-size: 13px !important; }
.mbcl--theme .mbcl__x { color: #45332a !important; }

/* Several accessories: the chosen product in one line, then a row per accessory. */
.mbcl-chosen { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 8px 10px; margin: 0 0 6px; font-size: 13.5px; color: var(--mbcl-muted); }
.mbcl-chosen img { width: 40px; height: 40px; border-radius: 50%; object-fit: cover; background: var(--mbcl-cream); }
.mbcl-list { text-align: right; }
.mbcl-item { display: flex; align-items: center; gap: 12px; padding: 12px 0; border-top: 1px solid var(--mbcl-line); cursor: pointer; transition: background-color .15s ease; }
.mbcl-list .mbcl-item:last-child { border-bottom: 1px solid var(--mbcl-line); }
.mbcl-item__pic { flex: none; width: 64px; height: 64px; border-radius: 50%; overflow: hidden; background: var(--mbcl-cream); }
.mbcl-item__pic img { width: 100%; height: 100%; object-fit: cover; display: block; }
.mbcl-item__body { flex: 1; min-width: 0; }
.mbcl-item__name { font-weight: 600; font-size: 15px; color: var(--mbcl-head); }
.mbcl-item__have { display: inline-block; margin-inline-start: 6px; padding: 1px 8px; border-radius: 999px; background: var(--mbcl-cream); color: var(--mbcl-muted); font-size: 11px; font-weight: 400; vertical-align: 2px; }
.mbcl-item__price { margin-top: 2px; font-size: 14px; color: var(--mbcl-head); }
.mbcl-item__price b { font-size: calc(var(--mbcl-price) * .9); font-weight: 700; color: #735742; }
.mbcl-item__price s { margin-inline-start: 6px; color: #9b8f86; font-weight: 400; }
.mbcl-item__check { flex: none; position: relative; width: 26px; height: 26px; border-radius: 50%; border: 1.5px solid #cfc3b7; background: #fff; transition: background-color .15s ease, border-color .15s ease; }
.mbcl-item__check::after { content: ""; position: absolute; left: 8px; top: 4px; width: 6px; height: 11px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg) scale(0); transition: transform .15s ease; }
.mbcl-item.is-on .mbcl-item__check { background: var(--mbcl-btn); border-color: var(--mbcl-btn); }
.mbcl-item.is-on .mbcl-item__check::after { transform: rotate(45deg) scale(1); }
/* Several accessories: unticked items stay in full colour, with a clear "+" to tick them. */
.mbcl--pick-all .mbcl-item__check { border: 2px solid var(--mbcl-btn); }
.mbcl--pick-all .mbcl-item:not(.is-on) .mbcl-item__check::before { content: "+"; position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; font-size: 18px; line-height: 1; color: var(--mbcl-btn); font-weight: 600; }
.mbcl--pick-all .mbcl-item.is-on, .mbcl--pick-button .mbcl-item.is-on { background: color-mix(in srgb, var(--mbcl-btn) 7%, #fff); }
.mbcl--pick-button .mbcl-item__check { display: none; }
.mbcl--pick-all .mbcl-list .mbcl-item, .mbcl--pick-button .mbcl-list .mbcl-item { padding-inline: 8px; }
.mbcl .mbcl-item__add { display: inline-block !important; margin-top: 10px !important; padding: 7px 18px !important; border-radius: 999px !important; border: 1.5px solid var(--mbcl-btn) !important; background: #fff !important; color: var(--mbcl-btn) !important; font-size: 14px !important; font-weight: 600 !important; transition: background-color .15s ease, color .15s ease; }
.mbcl .mbcl-item.is-on .mbcl-item__add { background: var(--mbcl-btn) !important; color: #fff !important; }
.mbcl--pick-button .mbcl__btn.is-empty { opacity: 1 !important; }
.mbcl-item.is-flash { animation: mbcl-flash .7s ease; }
@keyframes mbcl-flash { 0%, 100% { background: transparent; } 30% { background: #fdf1ea; } }

/* The single layout: the row only carries the price and the colour/size choice. */
.mbcl.is-single .mbcl-item { display: block; padding: 0; border: 0; cursor: default; }
.mbcl.is-single .mbcl-item__pic, .mbcl.is-single .mbcl-item__name, .mbcl.is-single .mbcl-item__check { display: none; }
.mbcl.is-single .mbcl-attr { justify-content: center; margin-top: 4px; }

.mbcl-attr { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 8px; margin-top: 8px; }
.mbcl-attr__label { font-size: 12.5px; color: var(--mbcl-muted); }
.mbcl-pills { display: inline-flex; flex-wrap: wrap; gap: 6px; }
.mbcl .mbcl-pill { padding: 5px 12px !important; border: 1px solid #d9cfc5 !important; border-radius: 999px !important; background: #fff !important; color: #4e3a2d !important; font-size: 13px !important; font-weight: 400 !important; transition: background-color .12s ease, border-color .12s ease, color .12s ease !important; }
.mbcl .mbcl-pill:hover { border-color: var(--mbcl-btn) !important; }
.mbcl .mbcl-pill.is-on { background: var(--mbcl-btn) !important; border-color: var(--mbcl-btn) !important; color: #fff !important; }
.mbcl .mbcl-pill.is-out { opacity: .4 !important; text-decoration: line-through !important; }

.mbcl__sub { margin: 12px 0 4px; font-size: 13.5px; color: var(--mbcl-muted); }
.mbcl__foot { position: sticky; bottom: 0; margin: 0 -22px 0; padding: 10px 22px calc(22px + env(safe-area-inset-bottom)); background: #fff; }
.mbcl__msg { margin: 0 0 10px; padding: 8px 12px; border-radius: 10px; background: #fdf1ea; color: #8a4b00; font-size: 13px; }
.mbcl .mbcl__btn { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; height: 50px !important; margin: 0 !important; padding: 0 16px !important; border-radius: 25px !important; background: var(--mbcl-btn) !important; color: #fff !important; font-size: 16px !important; font-weight: 700 !important; transition: background-color .15s ease, opacity .15s ease, transform .15s ease !important; }
.mbcl .mbcl__btn:hover { filter: brightness(.95) !important; }
.mbcl .mbcl__btn:disabled { opacity: .5 !important; cursor: default !important; }
.mbcl .mbcl__btn.is-busy { opacity: .7 !important; pointer-events: none !important; }
.mbcl .mbcl__btn.is-done { background: #4e3a2d !important; animation: mbcl-pop .35s ease !important; }
@keyframes mbcl-pop { 0% { transform: scale(1); } 40% { transform: scale(1.04); } 100% { transform: scale(1); } }
.mbcl .mbcl__no { display: block !important; margin: 12px auto 0 !important; padding: 4px 8px !important; background: none !important; color: #8a7a6d !important; font-size: 14px !important; font-weight: 400 !important; text-decoration: underline !important; text-underline-offset: 3px; }

@media (min-width: 720px) {
	.mbcl { left: 50%; right: auto; top: 50%; bottom: auto; width: 460px; max-height: 86vh; padding: 20px 28px 0; border-radius: 26px; box-shadow: 0 24px 60px rgba(0, 0, 0, .28); opacity: 0; transform: translate(-50%, -47%) scale(.98); transition: transform .42s cubic-bezier(.22, 1, .36, 1), opacity .3s ease; }
	.mbcl.is-open { opacity: 1; transform: translate(-50%, -50%) scale(1); }
	.mbcl.is-closing { transition: transform .26s ease-in, opacity .22s ease; }
	.mbcl__grab { display: none; }
	.mbcl__foot { margin: 0 -28px 0; padding: 10px 28px 26px; }
}

/* The reminder on the cart page. */
.mbcl-remind { margin: 0 0 18px; direction: rtl; }
.mbcl-remind__row { display: flex; align-items: center; gap: 12px; padding: 10px 14px; margin-bottom: 8px; border-radius: 14px; background: var(--mbcl-cream); color: var(--mbcl-head); text-align: right; }
.mbcl-remind__img { flex: none; width: 48px; height: 48px; border-radius: 50%; object-fit: cover; background: #fff; }
.mbcl-remind__txt { flex: 1; min-width: 0; font-size: 14px; line-height: 1.35; }
.mbcl-remind__txt b { display: block; font-size: 15px; }
.mbcl-remind__items { display: block; margin-top: 2px; font-size: 12.5px; color: var(--mbcl-muted); }
.mbcl-remind .mbcl-remind__btn.is-busy { opacity: .7 !important; pointer-events: none !important; }
.mbcl-remind .mbcl-remind__btn.is-done { background: var(--mbcl-head) !important; }
.mbcl-remind .mbcl-remind__btn { flex: none !important; height: 40px !important; line-height: 40px !important; padding: 0 18px !important; border-radius: 20px !important; background: var(--mbcl-btn) !important; color: #fff !important; font-size: 14px !important; font-weight: 700 !important; }
.mbcl-remind .mbcl-remind__btn:hover { filter: brightness(.95) !important; }
@media (max-width: 480px) {
	.mbcl-remind__row { flex-wrap: wrap; }
	.mbcl-remind .mbcl-remind__btn { width: 100% !important; }
}
/* In the side cart: narrower, the button under the text. */
.mbcl-remind--mini { margin: 0 0 12px; }
.mbcl-remind--mini .mbcl-remind__row { flex-wrap: wrap; padding: 10px 12px; gap: 10px; }
.mbcl-remind--mini .mbcl-remind__img { width: 40px; height: 40px; }
.mbcl-remind--mini .mbcl-remind__txt { font-size: 13px; }
.mbcl-remind--mini .mbcl-remind__txt b { font-size: 14px; }
.mbcl-remind--mini .mbcl-remind__btn { width: 100% !important; height: 36px !important; line-height: 36px !important; }

/* מתנה / הנחה באחוזים */
.mbcl-item__price.is-gift b { color: #1f7a35; }
.mbcl-item__pct { display: inline-block; margin-inline-start: 6px; padding: 0 7px; border-radius: 999px; background: #f6e7dc; color: #8a5a3c; font-size: 11.5px; font-weight: 600; line-height: 18px; vertical-align: 2px; }

/* מבצע המתנה בחלון: חלק משלו, ראשון, ואחריו האקססוריז של המוצר */
.mbcl-sec { margin-top: 10px; text-align: right; }
.mbcl-sec__label { margin: 0 0 6px; font-size: 13px; font-weight: 600; color: var(--mbcl-head); }
.mbcl-sec--promo .mbcl-sec__label { color: var(--mbcl-btn); }
.mbcl-sec--gen { margin-top: 14px; }
.mbcl-sec--gen .mbcl-sec__label { margin: 0 0 8px; font-size: 15px; }
.mbcl-sec--promo .mbcl-item.is-on { background: #f4faf5 !important; }
.mbcl--promo .mbcl__title { margin-bottom: 8px; }

/* התצוגה החיה: הסל הצדדי כמו שהלקוחה תראה */
.mbcl-livecart { position: fixed; inset: 0; z-index: 100020; direction: rtl; font-family: "MBCL Heebo", sans-serif; }
.mbcl-livecart__dim { position: absolute; inset: 0; background: rgba(40, 28, 20, .45); }
.mbcl-livecart__panel { position: absolute; top: 0; bottom: 0; right: 0; width: 88%; max-width: 360px; background: #fff; box-shadow: -8px 0 30px rgba(0, 0, 0, .2); overflow-y: auto; color: #333; }
.mbcl-lc__head { display: flex; align-items: center; justify-content: space-between; height: 54px; padding: 0 16px; border-bottom: 1px solid #f0ebe6; font-size: 17px; font-weight: 600; color: var(--mbcl-head); }
.mbcl-lc__body { padding: 12px 14px; }
.mbcl-lc__item { display: flex; gap: 11px; padding: 12px 0; border-bottom: 1px solid #f2ede8; }
.mbcl-lc__item img { width: 66px; height: 66px; border-radius: 10px; object-fit: cover; background: var(--mbcl-cream); }
.mbcl-lc__in { flex: 1; font-size: 13px; line-height: 1.45; }
.mbcl-lc__in b { display: block; font-weight: 500; color: #2b2420; }
.mbcl-lc__in small { display: block; color: #8a7f77; font-size: 12px; }
.mbcl-lc__in del { color: #9a8f87; margin-inline-start: 4px; }
.mbcl-lc__in .is-free { color: #1f7a35; font-weight: 700; }
.mbcl-lc__tag { display: inline-block; padding: 0 7px; border-radius: 999px; background: var(--mbcl-head); color: #fff; font-size: 11px; font-weight: 600; line-height: 18px; }
.mbcl-lc__tag.is-gift { background: #1f7a35; }
.mbcl-lc__foot { padding: 12px 14px; border-top: 1px solid #f0ebe6; display: flex; justify-content: space-between; font-size: 15px; color: var(--mbcl-head); }
.mbcl-note.is-flash { animation: mbcl-flash 1.2s ease; }