/*
 * MiBebe Outlet v2.4.1
 * Site language: Noto Sans Hebrew + Roboto 300, camel / bone circles, square corners, 3:5 photos.
 * Clearance feel without heavy colour blocks: light sand backgrounds, very large numbers, hang-tag prices, rounded buttons.
 */
.mbo, .mbo-fx {
	--mbo-deep: #735742;     /* site dark brown */
	--mbo-deep-2: #634a38;
	--mbo-accent: #8e6e55;   /* camel, dark enough for text and buttons */
	--mbo-camel: #a38167;    /* site camel */
	--mbo-hi: #8e6e55;       /* big numbers and small accents */
	--mbo-bone: #dfd9d1;     /* site sale circle */
	--mbo-bone-2: #f4efe9;
	--mbo-head: #4e3a2d;     /* main headings */
	--mbo-line-2: #e2d9cf;
	--mbo-btn: #8e6e55;      /* buttons and chosen sizes */
	--mbo-btn-2: #7a5d47;
	--mbo-round: 999px;
	--mbo-ink: #333;
	--mbo-text: #666;
	--mbo-muted: #767676;
	--mbo-line: #e5e0da;
	--mbo-chip: #ddd6ce;
	--mbo-he: "Noto Sans Hebrew", "Roboto", Arial, sans-serif;
	--mbo-en: "Roboto", "Noto Sans Hebrew", Arial, sans-serif;
	font-family: var(--mbo-he);
}

.mbo {
	direction: rtl;
	text-align: right;
	color: var(--mbo-text);
	font-size: 14px;
	line-height: 1.55;
	padding: 0 0 120px;
	box-sizing: border-box;
}
.mbo.mbo--no-bar { padding-bottom: 40px; }
.mbo-fx .mbo-bar[hidden] { display: none; }
.mbo *, .mbo *::before, .mbo *::after,
.mbo-fx *, .mbo-fx *::before, .mbo-fx *::after { box-sizing: border-box; }
.mbo button, .mbo-fx button { all: unset; box-sizing: border-box; cursor: pointer; font-family: inherit; }
.mbo button:focus-visible, .mbo a:focus-visible, .mbo select:focus-visible,
.mbo-fx button:focus-visible, .mbo-fx a:focus-visible, .mbo-fx select:focus-visible { outline: 2px solid var(--mbo-camel); outline-offset: 2px; }
.mbo img { max-width: 100%; display: block; }
.mbo a { text-decoration: none; }
.mbo h1, .mbo h2, .mbo h3, .mbo p { margin: 0; padding: 0; }

.mbo .mbo-preview-ribbon {
	background: #fff8e6;
	border-right: 4px solid #d9a326;
	color: #5c4509;
	padding: 10px 14px;
	margin: 12px 0 0;
	font-size: 13px;
}
.mbo .mbo-loading { padding: 70px 0; text-align: center; color: var(--mbo-accent); }
.mbo .mbo-editor-note { margin-top: 16px; padding: 40px 20px; border: 1px dashed var(--mbo-chip); text-align: center; color: var(--mbo-text); }

.mbo .mbo-over {
	display: block;
	text-align: right;
	font-family: var(--mbo-en);
	font-weight: 300;
	font-size: 13px;
	letter-spacing: 4px;
	text-transform: uppercase;
	color: var(--mbo-accent);
}
.mbo .mbo-h2 {
	font-family: var(--mbo-he);
	font-weight: 700;
	font-size: clamp(26px, 3.3vw, 42px);
	line-height: 1.15;
	color: var(--mbo-deep);
	margin-top: 4px;
}
.mbo .mbo-link, .mbo-fx .mbo-link {
	display: inline;
	color: var(--mbo-text);
	font-size: 13px;
	text-decoration: underline;
	text-underline-offset: 4px;
	cursor: pointer;
}

/* ---------- Banner (one, compact by default) ---------- */
.mbo .mbo-banner {
	position: relative;
	display: flex;
	align-items: stretch;
	margin-top: 16px;
	background: var(--mbo-banner-bg, var(--mbo-bone-2));
	color: var(--mbo-head);
	overflow: hidden;
}
.mbo--banner-only { padding-bottom: 0; }
.mbo--banner-only .mbo-banner { margin-top: 0; }
.mbo .mbo-banner__text { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; justify-content: center; gap: 8px; padding: 30px 40px; }
.mbo .mbo-banner.is-tall .mbo-banner__text { padding: 56px 48px; gap: 12px; }
.mbo .mbo-banner .mbo-over { color: var(--mbo-hi); }
.mbo .mbo-banner__title {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 2px 16px;
	font-family: var(--mbo-he);
	font-weight: 700;
	font-size: clamp(26px, 3vw, 40px);
	line-height: 1.15;
	color: var(--mbo-head);
}
.mbo .mbo-banner.is-tall .mbo-banner__title { font-size: clamp(34px, 4.4vw, 60px); }
.mbo .mbo-banner__pct { color: var(--mbo-hi); font-weight: 600; font-size: .72em; }
.mbo .mbo-banner__pct b { font-family: var(--mbo-en); font-weight: 300; font-size: 1.9em; line-height: .9; letter-spacing: -0.02em; }
.mbo .mbo-banner__sub { max-width: 640px; font-size: 15px; line-height: 1.6; color: var(--mbo-text); }
.mbo .mbo-banner.is-tall .mbo-banner__sub { font-size: 17px; }
.mbo .mbo-banner__chips { list-style: none; display: flex; flex-wrap: wrap; gap: 8px; margin: 6px 0 0; padding: 0; }
.mbo .mbo-banner__chips li {
	margin: 0;
	padding: 7px 14px;
	border: 1px solid var(--mbo-line-2);
	border-radius: var(--mbo-round);
	background: #fff;
	color: var(--mbo-deep);
	font-size: 13px;
	font-weight: 600;
	line-height: 1.3;
}
.mbo .mbo-banner__img { position: relative; flex: 0 0 38%; max-width: 480px; min-height: 180px; }
.mbo .mbo-banner__img img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }

.mbo .mbo-btn-light {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	height: 54px;
	padding: 0 30px;
	border-radius: var(--mbo-round);
	background: var(--mbo-btn);
	color: #fff;
	font-size: 16px;
	font-weight: 600;
}
.mbo .mbo-btn-light:hover { background: var(--mbo-btn-2); color: #fff; }

/* Banner fonts, bundled with the plugin. The browser downloads only the one chosen in the dashboard. */
@font-face { font-family: "MBO 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: "MBO 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; }
@font-face { font-family: "MBO Assistant"; font-style: normal; font-weight: 200 800; font-display: swap; src: url(fonts/assistant-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: "MBO Assistant"; font-style: normal; font-weight: 200 800; font-display: swap; src: url(fonts/assistant-lat.woff2) format("woff2"); unicode-range: U+0000-00FF, U+2000-206F, U+20AC, U+2122, U+2212; }
@font-face { font-family: "MBO Rubik"; font-style: normal; font-weight: 300 900; font-display: swap; src: url(fonts/rubik-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: "MBO Rubik"; font-style: normal; font-weight: 300 900; font-display: swap; src: url(fonts/rubik-lat.woff2) format("woff2"); unicode-range: U+0000-00FF, U+2000-206F, U+20AC, U+2122, U+2212; }
@font-face { font-family: "MBO Noto"; font-style: normal; font-weight: 100 900; font-display: swap; src: url(fonts/noto-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: "MBO Noto"; font-style: normal; font-weight: 100 900; font-display: swap; src: url(fonts/noto-lat.woff2) format("woff2"); unicode-range: U+0000-00FF, U+2000-206F, U+20AC, U+2122, U+2212; }
@font-face { font-family: "MBO Frank"; font-style: normal; font-weight: 300 900; font-display: swap; src: url(fonts/frank-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: "MBO Frank"; font-style: normal; font-weight: 300 900; font-display: swap; src: url(fonts/frank-lat.woff2) format("woff2"); unicode-range: U+0000-00FF, U+2000-206F, U+20AC, U+2122, U+2212; }
@font-face { font-family: "MBO Num"; font-style: normal; font-weight: 600; font-display: swap; src: url(fonts/num-serif.woff2) format("woff2"); unicode-range: U+0030-0039, U+0025; }

/* ---------- Banner: centred, with price labels (design "cards") ----------
   Font, weight and colours come from the dashboard: --mbo-bf (font), --mbo-bw (weight), --mbo-bc (heading), --mbo-bn (numbers). */
.mbo .mbo-hero2 {
	position: relative;
	overflow: hidden;
	margin-top: 16px;
	padding: 34px 24px 34px;
	background: radial-gradient(120% 75% at 50% 0%, #fdf9f5 0%, var(--mbo-banner-bg, #f4efe9) 72%);
	color: #4a3a30;
	text-align: center;
	font-family: var(--mbo-bf, "MBO Heebo"), var(--mbo-he);
}
.mbo .mbo-hero2::before, .mbo .mbo-hero2::after {
	content: "";
	position: absolute;
	border-radius: 50%;
	background: rgba(214, 192, 170, .24);
	pointer-events: none;
}
.mbo .mbo-hero2::before { width: 340px; height: 340px; left: -170px; bottom: -190px; }
.mbo .mbo-hero2::after { width: 220px; height: 220px; right: -120px; bottom: -130px; background: rgba(214, 192, 170, .18); }
.mbo .mbo-hero2__deco { position: absolute; top: -6px; right: -6px; width: min(30%, 230px); height: auto; pointer-events: none; z-index: 0; }
.mbo .mbo-hero2__deco.is-img { top: 0; right: 0; width: min(34%, 260px); object-fit: contain; }
.mbo .mbo-hero2__in { position: relative; z-index: 1; max-width: 820px; margin: 0 auto; display: flex; flex-direction: column; align-items: center; }
.mbo .mbo-hero2__over {
	display: block;
	font-weight: 300;
	font-size: 14px;
	letter-spacing: 6px;
	color: #5d4a3f;
	text-transform: uppercase;
}
.mbo .mbo-hero2__over::after { content: ""; display: block; width: 60px; height: 1px; margin: 12px auto 0; background: var(--mbo-bn, #8e6e55); }
.mbo .mbo-hero2__title {
	margin: 14px 0 0;
	font-family: inherit;
	font-weight: var(--mbo-bw, 700);
	font-size: clamp(54px, 5.6vw, 76px);
	line-height: 1.02;
	letter-spacing: -0.01em;
	color: var(--mbo-bc, #4e3a2d);
}
.mbo .mbo-hero2__pct {
	margin: 4px 0 0;
	font-weight: clamp(400, calc(var(--mbo-bw, 700) - 200), 700);
	font-size: clamp(30px, 3vw, 40px);
	line-height: 1;
	white-space: nowrap;
	color: var(--mbo-bn, #8e6e55);
}
/* numbers: thin (default) */
.mbo .mbo-hero2__pct b {
	display: inline-block;
	margin: 0 .06em;
	font-weight: 300;
	font-size: 2.3em;
	line-height: .92;
	letter-spacing: -0.03em;
	color: inherit;
}
.mbo .mbo-hero2--num-bold .mbo-hero2__pct b { font-weight: clamp(600, var(--mbo-bw, 700), 800); font-size: 1.9em; letter-spacing: -0.02em; }
.mbo .mbo-hero2--num-serif .mbo-hero2__pct b {
	font-family: "MBO Num", Georgia, "Times New Roman", serif;
	font-weight: 600;
	font-size: 2.1em;
	letter-spacing: -0.02em;
	background: linear-gradient(180deg, #c99b77 0%, #9a6a4a 55%, #6f4630 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
}
.mbo .mbo-hero2__sub { max-width: 680px; margin: 12px 0 0; font-size: 18px; font-weight: 400; line-height: 1.55; color: #4a3a30; }

.mbo .mbo-hero2__panel {
	width: 100%;
	max-width: 780px;
	margin-top: 20px;
	padding: 16px 14px 18px;
	border: 1px solid rgba(255, 255, 255, .9);
	border-radius: 20px;
	background: rgba(255, 255, 255, .38);
	box-shadow: 0 6px 20px rgba(150, 110, 80, .06);
}
.mbo .mbo-hero2__choose { display: flex; align-items: center; gap: 14px; margin: 0 0 14px; font-size: 18px; font-weight: clamp(500, calc(var(--mbo-bw, 700) - 100), 700); color: var(--mbo-bc, #4e3a2d); }
.mbo .mbo-hero2__choose::before, .mbo .mbo-hero2__choose::after { content: ""; flex: 1; height: 1px; background: #d6c4b3; }
.mbo .mbo-hero2__prices { display: grid; grid-template-columns: repeat(var(--n, 4), minmax(0, 1fr)); gap: 10px; }
.mbo .mbo-pcard {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 6px;
	min-height: 84px;
	padding: 12px 6px;
	border: 1px solid transparent;
	border-radius: 14px;
	background: #fffdfa;
	color: #3d2a1f;
	box-shadow: 0 3px 12px rgba(150, 110, 80, .11);
	transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}
.mbo .mbo-pcard svg { color: #4a3426; }
.mbo .mbo-pcard b { font-size: 24px; font-weight: clamp(600, var(--mbo-bw, 700), 800); line-height: 1; white-space: nowrap; }
.mbo .mbo-pcard:hover { color: #3d2a1f; transform: translateY(-2px); box-shadow: 0 8px 20px rgba(150, 110, 80, .16); }
.mbo .mbo-pcard.is-on { border-color: var(--mbo-btn); box-shadow: 0 0 0 1px var(--mbo-btn), 0 8px 20px rgba(150, 110, 80, .16); }

.mbo .mbo-hero2__chips { list-style: none; width: 100%; max-width: 780px; display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin: 14px 0 0; padding: 0; }
.mbo .mbo-hero2__chips li {
	display: flex;
	flex: 1 1 auto;
	align-items: center;
	justify-content: center;
	gap: 10px;
	margin: 0;
	min-height: 50px;
	padding: 8px 18px;
	border: 1px solid #eadfd3;
	border-radius: var(--mbo-round);
	background: rgba(255, 255, 255, .55);
	color: #3d2a1f;
	font-size: 16px;
	font-weight: clamp(500, calc(var(--mbo-bw, 700) - 100), 700);
	line-height: 1.25;
	white-space: nowrap;
}
.mbo .mbo-hero2__chips svg { flex: none; color: #4a3426; }
/* Big button: only when the banner is placed on another page (it leads into the outlet). */
.mbo .mbo-hero2__cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 14px;
	width: min(100%, 460px);
	height: 58px;
	margin-top: 20px;
	padding: 0 28px;
	border-radius: var(--mbo-round);
	background: var(--mbo-btn);
	color: #fff;
	font-size: 19px;
	font-weight: calc(var(--mbo-bw, 700) - 100);
}
.mbo .mbo-hero2__cta:hover { color: #fff; background: var(--mbo-btn-2); }

/* ---------- price bar: the banner's labels, stuck across the top while scrolling ---------- */
.mbo .mbo-shop { margin-top: 28px; }
.mbo .mbo-tabs, .mbo-fx .mbo-tabs { font-family: var(--mbo-bf, "MBO Heebo"), var(--mbo-he); }
.mbo .mbo-tabs--inline { padding: 10px; border-radius: 16px; background: var(--mbo-banner-bg, #f4efe9); }
.mbo .mbo-tabs__in, .mbo-fx .mbo-tabs__in { display: flex; align-items: stretch; gap: 8px; max-width: 900px; margin: 0 auto; }
.mbo .mbo-tabs__row, .mbo-fx .mbo-tabs__row { flex: 1; min-width: 0; display: grid; grid-template-columns: repeat(var(--n, 4), minmax(0, 1fr)); gap: 8px; }
.mbo .mbo-tab, .mbo-fx .mbo-tab {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	min-width: 0;
	height: 46px;
	padding: 0 6px;
	border: 1px solid transparent;
	border-radius: 12px;
	background: #fffdfa;
	color: #3d2a1f;
	box-shadow: 0 2px 8px rgba(150, 110, 80, .12);
	white-space: nowrap;
	cursor: pointer;
	transition: background-color .15s ease, color .15s ease;
}
.mbo .mbo-tab b, .mbo-fx .mbo-tab b { font-size: 17px; font-weight: clamp(600, var(--mbo-bw, 700), 800); line-height: 1; }
.mbo .mbo-tab svg, .mbo-fx .mbo-tab svg { flex: none; color: #4a3426; }
.mbo .mbo-tab:hover, .mbo-fx .mbo-tab:hover { border-color: var(--mbo-chip); }
.mbo .mbo-tab.is-on, .mbo-fx .mbo-tab.is-on { background: var(--mbo-btn); color: #fff; box-shadow: none; }
.mbo .mbo-tab.is-on svg, .mbo-fx .mbo-tab.is-on svg { color: #fff; opacity: .85; }
.mbo .mbo-tabs__size, .mbo-fx .mbo-tabs__size {
	flex: none;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	height: 46px;
	padding: 0 14px;
	border: 1px solid var(--mbo-btn);
	border-radius: 12px;
	background: #fffdfa;
	color: var(--mbo-btn);
	font-size: 14px;
	font-weight: 700;
	cursor: pointer;
}
.mbo .mbo-tabs__size i, .mbo-fx .mbo-tabs__size i { font-style: normal; min-width: 20px; height: 20px; padding: 0 6px; border-radius: 10px; background: var(--mbo-btn); color: #fff; font-size: 12px; line-height: 20px; text-align: center; }
.mbo-fx .mbo-tabs--top {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	z-index: 9988;
	padding: 8px var(--mbo-tabs-r, 12px) 8px var(--mbo-tabs-l, 12px);
	background: var(--mbo-banner-bg, #f4efe9);
	border-bottom: 1px solid #e6dbcf;
	box-shadow: 0 6px 16px rgba(60, 40, 30, .1);
	opacity: 0;
	visibility: hidden;
	transform: translateY(-6px);
	transition: opacity .18s ease, transform .18s ease, visibility 0s linear .18s;
}
.mbo-fx .mbo-tabs--top.is-on { opacity: 1; visibility: visible; transform: none; transition: opacity .18s ease, transform .18s ease; }
.mbo-fx.is-sheet .mbo-tabs--top { visibility: hidden; }
/* The site's side menu or a pop-up is open: our bars step aside. */
.mbo-fx.is-covered .mbo-tabs--top, .mbo-fx.is-covered .mbo-bar, .mbo-fx.is-covered .mbo-edit-toggle, .mbo-fx.is-covered .mbo-toast {
	opacity: 0 !important;
	visibility: hidden !important;
	pointer-events: none !important;
	transition: opacity .12s ease, visibility 0s linear .12s;
}
.mbo .mbo-nw { white-space: nowrap; }

/* ---------- centred banner: full screen width, the MI BEBÉ pattern, thin spaced heading ---------- */
.mbo .mbo-hero2.is-full {
	width: var(--mbo-vw, 100%);
	max-width: none;
	margin-left: calc(50% - var(--mbo-vw, 100%) / 2);
	margin-right: calc(50% - var(--mbo-vw, 100%) / 2);
}
.mbo .mbo-hero2.has-pattern:not(.mbo-hero2--clean) {
	padding-top: 56px;
	padding-bottom: 52px;
	background-color: var(--mbo-banner-bg, #f4efe9);
	background-image: linear-gradient(rgba(250, 246, 241, var(--mbo-veil, .6)), rgba(250, 246, 241, var(--mbo-veil, .6))), var(--mbo-pattern);
	background-size: auto, var(--mbo-pattern-size, 460px) auto;
	background-repeat: no-repeat, repeat;
	background-position: center, center top;
	background-blend-mode: normal, multiply;
}
.mbo .mbo-hero2.has-pattern:not(.mbo-hero2--clean)::before, .mbo .mbo-hero2.has-pattern:not(.mbo-hero2--clean)::after { content: none; }
.mbo .mbo-hero2:not(.mbo-hero2--clean) .mbo-hero2__over { font-size: 18px; letter-spacing: 9px; }
.mbo .mbo-hero2:not(.mbo-hero2--clean) .mbo-hero2__title { font-size: clamp(56px, 7vw, 104px); line-height: 1.05; }
.mbo .mbo-hero2:not(.mbo-hero2--clean) .mbo-hero2__title.is-latin { text-transform: uppercase; letter-spacing: .16em; margin-inline-end: -.16em; }
.mbo .mbo-hero2:not(.mbo-hero2--clean) .mbo-hero2__pct { margin-top: 10px; font-size: clamp(32px, 3.2vw, 44px); }
.mbo .mbo-hero2.has-pattern:not(.mbo-hero2--clean) .mbo-hero2__panel { background: rgba(255, 253, 249, .86); border-color: #eadfd3; }
.mbo .mbo-hero2.has-pattern:not(.mbo-hero2--clean) .mbo-hero2__chips li { background: rgba(255, 253, 249, .9); }
.mbo .mbo-hero2.is-full .mbo-hero2__in { max-width: 900px; }

/* ---------- Banner design "clean": flat like the rest of the site, text on one side, a plain row of prices ---------- */
.mbo .mbo-hero2--clean { padding: 44px 56px; background: var(--mbo-banner-bg, #f4efe9); text-align: right; }
.mbo .mbo-hero2--clean::before, .mbo .mbo-hero2--clean::after { content: none; }
.mbo .mbo-hero2--clean .mbo-hero2__in {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 540px);
	grid-template-areas: "over panel" "title panel" "pct panel" "sub chips" "cta cta";
	column-gap: 64px;
	align-items: start;
	justify-items: start;
	max-width: 1180px;
}
.mbo .mbo-hero2--clean .mbo-hero2__over { grid-area: over; font-size: 12px; letter-spacing: 5px; color: #7a6656; }
.mbo .mbo-hero2--clean .mbo-hero2__over::after { width: 36px; margin: 10px 0 0; background: #b9a594; }
.mbo .mbo-hero2--clean .mbo-hero2__title { grid-area: title; margin: 12px 0 0; font-size: clamp(34px, 3.4vw, 50px); line-height: 1.1; letter-spacing: 0; }
.mbo .mbo-hero2--clean .mbo-hero2__title.is-latin { font-weight: 300; text-transform: uppercase; letter-spacing: .18em; }
.mbo .mbo-hero2--clean .mbo-hero2__pct { grid-area: pct; margin: 12px 0 0; font-size: 20px; font-weight: 500; line-height: 1.3; white-space: normal; }
.mbo .mbo-hero2--clean .mbo-hero2__pct b {
	margin: 0 .12em;
	font-family: inherit;
	font-size: 1.3em;
	font-weight: 600;
	line-height: 1;
	letter-spacing: 0;
	background: none;
	-webkit-text-fill-color: currentColor;
	color: inherit;
}
.mbo .mbo-hero2--clean .mbo-hero2__sub { grid-area: sub; max-width: 460px; margin: 8px 0 0; font-size: 15px; line-height: 1.6; color: #6b5a4e; }
.mbo .mbo-hero2--clean .mbo-hero2__panel { grid-area: panel; align-self: center; width: 100%; max-width: none; margin: 0; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; }
.mbo .mbo-hero2--clean .mbo-hero2__choose { justify-content: flex-start; margin: 0 0 10px; font-size: 13px; font-weight: 500; color: #6b5a4e; }
.mbo .mbo-hero2--clean .mbo-hero2__choose::before, .mbo .mbo-hero2--clean .mbo-hero2__choose::after { content: none; }
.mbo .mbo-hero2--clean .mbo-hero2__prices { gap: 8px; }
.mbo .mbo-hero2--clean .mbo-pcard {
	flex-direction: row;
	min-height: 52px;
	padding: 0 6px;
	border: 1px solid #d9cec3;
	border-radius: 2px;
	background: #fff;
	box-shadow: none;
	transition: border-color .15s ease, background-color .15s ease, color .15s ease;
}
.mbo .mbo-hero2--clean .mbo-pcard svg { display: none; }
.mbo .mbo-hero2--clean .mbo-pcard b { font-size: 18px; font-weight: 600; }
.mbo .mbo-hero2--clean .mbo-pcard:hover { transform: none; box-shadow: none; border-color: var(--mbo-btn); color: #3d2a1f; }
.mbo .mbo-hero2--clean .mbo-pcard.is-on { border-color: var(--mbo-btn); background: var(--mbo-btn); color: #fff; box-shadow: none; }
.mbo .mbo-hero2--clean .mbo-hero2__chips { grid-area: chips; display: flex; justify-content: flex-start; gap: 8px 22px; width: auto; max-width: none; margin: 14px 0 0; }
.mbo .mbo-hero2--clean .mbo-hero2__chips li { flex: 0 0 auto; min-height: 0; gap: 8px; padding: 0; border: 0; border-radius: 0; background: none; color: #4a3a30; font-size: 14px; font-weight: 500; white-space: nowrap; }
.mbo .mbo-hero2--clean .mbo-hero2__chips svg { width: 18px; height: 18px; color: #7a6656; }
.mbo .mbo-hero2--clean .mbo-hero2__cta { grid-area: cta; justify-self: start; height: 50px; border-radius: 2px; font-size: 16px; }
/* with the MI BEBÉ pattern: the pattern all around, the text on a plain card in the middle */
.mbo .mbo-hero2--clean.has-pattern {
	padding: 56px 40px;
	background-color: var(--mbo-banner-bg, #f4efe9);
	background-image: var(--mbo-pattern);
	background-size: 450px auto;
	background-repeat: repeat;
	background-position: center top;
	background-blend-mode: multiply;
}
.mbo .mbo-hero2--clean.has-pattern .mbo-hero2__in {
	max-width: 1040px;
	padding: 42px 52px;
	border: 1px solid #e6dbcf;
	background: #fffdf9;
	box-shadow: inset 0 0 0 7px #fffdf9, inset 0 0 0 8px #efe6dc;
}
@media (max-width: 899px) {
	.mbo .mbo-hero2--clean { padding: 30px 20px 26px; }
	.mbo .mbo-hero2--clean .mbo-hero2__in { grid-template-columns: minmax(0, 1fr); grid-template-areas: "over" "title" "pct" "sub" "panel" "chips" "cta"; }
	.mbo .mbo-hero2--clean .mbo-hero2__panel { margin-top: 22px; }
}
@media (max-width: 767px) {
	.mbo .mbo-hero2--clean.has-pattern { padding: 22px 14px; background-size: 300px auto; }
	.mbo .mbo-hero2--clean.has-pattern .mbo-hero2__in { padding: 28px 20px 24px; }
	.mbo .mbo-hero2--clean .mbo-hero2__over { font-size: 11px; letter-spacing: 4px; }
	.mbo .mbo-hero2--clean .mbo-hero2__title { margin-top: 10px; font-size: clamp(28px, 8.5vw, 38px); }
	.mbo .mbo-hero2--clean .mbo-hero2__pct { margin-top: 8px; font-size: 17px; }
	.mbo .mbo-hero2--clean .mbo-hero2__sub { font-size: 14px; }
	.mbo .mbo-hero2--clean .mbo-hero2__prices { gap: 6px; }
	.mbo .mbo-hero2--clean .mbo-pcard { min-height: 46px; padding: 0 2px; border-radius: 2px; }
	.mbo .mbo-hero2--clean .mbo-pcard b { font-size: 16px; }
	.mbo .mbo-hero2--clean .mbo-hero2__chips { display: flex; margin-top: 12px; }
	.mbo .mbo-hero2--clean .mbo-hero2__chips li { min-height: 0; padding: 0; font-size: 13px; text-align: right; }
}

/* ---------- price bar on phones: same plain boxes as the banner ---------- */
@media (max-width: 899px) {
	.mbo-fx .mbo-tabs--top { background: #fff; border-bottom: 1px solid #ece6df; box-shadow: 0 6px 14px rgba(0, 0, 0, .05); }
	.mbo .mbo-tabs--inline { background: #fff; border: 1px solid #ece6df; border-radius: 2px; }
	.mbo .mbo-tabs .mbo-tab, .mbo-fx .mbo-tabs .mbo-tab { border: 1px solid #d9cec3; border-radius: 2px; background: #fff; box-shadow: none; }
	.mbo .mbo-tabs .mbo-tab:not(.is-on) svg, .mbo-fx .mbo-tabs .mbo-tab:not(.is-on) svg { display: none; }
	.mbo .mbo-tabs .mbo-tab b, .mbo-fx .mbo-tabs .mbo-tab b { font-weight: 600; }
	.mbo .mbo-tabs .mbo-tab.is-on, .mbo-fx .mbo-tabs .mbo-tab.is-on { border-color: var(--mbo-btn); background: var(--mbo-btn); }
	.mbo .mbo-tabs .mbo-tabs__size, .mbo-fx .mbo-tabs .mbo-tabs__size { border-radius: 2px; background: #fff; }
}

/* ---------- price bar on computers: a quiet second row of the site header ---------- */
@media (min-width: 900px) {
	.mbo-fx .mbo-tabs--top { padding-top: 0; padding-bottom: 0; background: #fff; border-bottom: 1px solid #ece6df; box-shadow: 0 6px 14px rgba(0, 0, 0, .04); }
	.mbo .mbo-tabs--inline { padding: 0; border-top: 1px solid #ece6df; border-bottom: 1px solid #ece6df; border-radius: 0; background: #fff; }
	.mbo .mbo-tabs, .mbo-fx .mbo-tabs { font-family: var(--mbo-site-font, var(--mbo-bf, "MBO Heebo")), var(--mbo-he); }
	.mbo .mbo-tabs__in, .mbo-fx .mbo-tabs__in { justify-content: center; gap: 0; }
	.mbo .mbo-tabs__row, .mbo-fx .mbo-tabs__row { display: flex; flex: 0 1 auto; gap: 0; }
	.mbo .mbo-tab, .mbo-fx .mbo-tab {
		position: relative;
		height: 48px;
		padding: 0 26px;
		border: 0;
		border-radius: 0;
		background: transparent;
		box-shadow: none;
		color: var(--mbo-site-ink, #3d2a1f);
	}
	.mbo .mbo-tab:hover, .mbo-fx .mbo-tab:hover { border: 0; color: var(--mbo-btn); }
	.mbo .mbo-tab svg, .mbo-fx .mbo-tab svg { display: none; }
	.mbo .mbo-tab b, .mbo-fx .mbo-tab b { font-size: 15px; font-weight: 500; letter-spacing: .03em; }
	.mbo .mbo-tab + .mbo-tab::before, .mbo-fx .mbo-tab + .mbo-tab::before { content: ""; position: absolute; top: 16px; bottom: 16px; inset-inline-start: 0; width: 1px; background: #e6ddd3; }
	.mbo .mbo-tab.is-on, .mbo-fx .mbo-tab.is-on { background: transparent; color: var(--mbo-btn); }
	.mbo .mbo-tab.is-on::after, .mbo-fx .mbo-tab.is-on::after { content: ""; position: absolute; right: 18px; left: 18px; bottom: 0; height: 2px; background: var(--mbo-btn); }
	.mbo .mbo-tab.is-on svg, .mbo-fx .mbo-tab.is-on svg { display: inline-block; color: var(--mbo-btn); opacity: 1; }
	.mbo .mbo-tabs__size, .mbo-fx .mbo-tabs__size {
		position: relative;
		height: 48px;
		padding: 0 26px;
		border: 0;
		border-radius: 0;
		background: transparent;
		color: var(--mbo-site-ink, #3d2a1f);
		font-size: 15px;
		font-weight: 500;
	}
	.mbo .mbo-tabs__size::before, .mbo-fx .mbo-tabs__size::before { content: ""; position: absolute; top: 16px; bottom: 16px; inset-inline-start: 0; width: 1px; background: #e6ddd3; }
	.mbo .mbo-tabs__size:hover, .mbo-fx .mbo-tabs__size:hover { color: var(--mbo-btn); }
}

/* end of one price: on to the next */
.mbo .mbo-next { display: flex; flex-direction: column; align-items: center; gap: 10px; margin-top: 30px; text-align: center; }
.mbo .mbo-next__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	min-width: min(100%, 320px);
	height: 52px;
	padding: 0 26px;
	border-radius: var(--mbo-round);
	background: var(--mbo-btn);
	color: #fff;
	font-size: 17px;
	font-weight: 700;
}
.mbo .mbo-next__btn:hover { background: var(--mbo-btn-2); }

/* ---------- 4 prices ---------- */
.mbo .mbo-prices { padding: 72px 0 76px; }
.mbo .mbo-prices__head { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; gap: 16px 32px; }
.mbo .mbo-prices__head .mbo-over { font-size: 22px; letter-spacing: 1.2px; color: #575555; }
.mbo .mbo-prices__head p { max-width: 440px; font-size: 16px; line-height: 1.7; }
.mbo .mbo-prices__tags {
	display: grid;
	grid-template-columns: repeat(var(--n, 4), minmax(0, 1fr));
	gap: 36px 10px;
	margin-top: 40px;
}
.mbo .mbo-tag { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 6px; padding-top: 46px; color: var(--mbo-ink); }
.mbo .mbo-tag:hover { color: var(--mbo-ink); }
.mbo .mbo-tag__circle {
	position: relative;
	width: min(100%, clamp(110px, 11vw, 150px));
	aspect-ratio: 1;
	container-type: inline-size;
	border-radius: 50%;
	background: var(--mbo-bone);
	color: var(--mbo-deep);
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 4px;
	margin-bottom: 12px;
	transition: transform .2s ease;
}
@media (hover: hover) { .mbo .mbo-tag:hover .mbo-tag__circle { transform: translateY(-3px); } }
.mbo .mbo-tag__circle::before {
	content: "";
	position: absolute;
	top: -46px;
	left: 50%;
	width: 1px;
	height: 66px;
	background: var(--mbo-camel);
}
.mbo .mbo-tag__hole {
	position: absolute;
	top: 13px;
	left: 50%;
	width: 12px;
	height: 12px;
	margin-left: -6px;
	border-radius: 50%;
	background: #fff;
	box-shadow: inset 0 0 0 1px var(--mbo-camel);
}
.mbo .mbo-tag__circle b { font-family: var(--mbo-en); font-weight: 300; font-size: clamp(40px, 4.4vw, 64px); font-size: clamp(24px, 40cqi, 64px); line-height: 1; }
.mbo .mbo-tag__circle small { align-self: flex-start; margin-top: 30%; font-size: clamp(12px, 1.2vw, 17px); font-size: clamp(10px, 11cqi, 17px); font-weight: 600; }
.mbo .mbo-tag__was { font-size: 15px; font-weight: 600; color: var(--mbo-ink); }
.mbo .mbo-tag__meta { font-size: 13px; color: var(--mbo-text); }
.mbo .mbo-tag__go { font-size: 13px; color: var(--mbo-deep); text-decoration: underline; text-underline-offset: 5px; margin-top: 2px; }

/* ---------- 3+1 / shipping band ---------- */
.mbo .mbo-deal {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 28px 48px;
	padding: 40px 56px;
	background: var(--mbo-bone-2);
	color: var(--mbo-head);
}
.mbo .mbo-deal__bundle { flex: 2 1 520px; min-width: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 20px 32px; }
.mbo .mbo-deal__dots { display: flex; align-items: center; gap: 8px; }
.mbo .mbo-deal__dots span {
	width: 64px;
	height: 64px;
	border-radius: 50%;
	background: var(--mbo-bone);
	color: var(--mbo-deep);
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: var(--mbo-en);
	font-weight: 300;
	font-size: 28px;
}
.mbo .mbo-deal__dots span.is-gift {
	background: #fff;
	border: 1.5px dashed var(--mbo-hi);
	color: var(--mbo-deep);
	font-family: var(--mbo-he);
	font-size: 14px;
	font-weight: 700;
}
.mbo .mbo-deal__dots i { font-style: normal; color: var(--mbo-hi); font-size: 20px; }
.mbo .mbo-deal__txt { display: flex; flex-direction: column; gap: 4px; }
.mbo .mbo-deal__txt strong { font-size: clamp(24px, 2.8vw, 36px); font-weight: 700; line-height: 1.15; color: var(--mbo-head); }
.mbo .mbo-deal__txt span { font-size: 15px; color: var(--mbo-text); }
.mbo .mbo-deal__ship {
	flex: 1 1 300px;
	min-width: 0;
	display: flex;
	align-items: center;
	gap: 16px;
	padding-inline-start: 40px;
	border-inline-start: 1px solid var(--mbo-line-2);
	color: var(--mbo-hi);
}
.mbo .mbo-deal__ship .mbo-deal__txt strong { font-size: 22px; }
/* A shipping deal on its own (no 3+1 before it): no divider, centred. */
.mbo .mbo-deal > .mbo-deal__ship:first-child { padding: 0; border: 0; justify-content: center; }
.mbo .mbo-deal > .mbo-deal__ship:first-child .mbo-deal__txt strong { font-size: clamp(22px, 2.4vw, 30px); }

/* ---------- size picker (inline) and the shared filter body ---------- */
.mbo .mbo-picker { padding: 32px 0 0; display: flex; flex-direction: column; gap: 16px; }
.mbo .mbo-picker__head { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 16px; }
.mbo .mbo-picker__head > span { font-size: 14px; color: var(--mbo-text); }
.mbo .mbo-picker__count { font-size: 15px; color: var(--mbo-ink); }
.mbo .mbo-picker__count b { font-weight: 700; }
.mbo .mbo-picker__count .mbo-link { margin-inline-start: 14px; }

.mbo .mbo-f, .mbo-fx .mbo-f { display: flex; flex-direction: column; gap: 14px; }
.mbo .mbo-f__group, .mbo-fx .mbo-f__group { display: flex; align-items: flex-start; gap: 14px; }
.mbo .mbo-f__label, .mbo-fx .mbo-f__label { flex: 0 0 64px; padding-top: 10px; font-size: 13px; font-weight: 600; color: var(--mbo-ink); }
.mbo .mbo-f__chips, .mbo-fx .mbo-f__chips { display: flex; flex-wrap: wrap; gap: 6px; }
.mbo .mbo-chip, .mbo-fx .mbo-chip {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	height: 40px;
	min-width: 66px;
	padding: 0 14px;
	border: 1px solid var(--mbo-chip);
	border-radius: var(--mbo-round);
	background: #fff;
	color: var(--mbo-ink);
	font-family: var(--mbo-en);
	font-size: 13px;
	line-height: 1;
	white-space: nowrap;
	transition: background-color .15s ease, border-color .15s ease;
}
.mbo .mbo-chip small, .mbo-fx .mbo-chip small { font-size: 11px; color: var(--mbo-muted); }
.mbo .mbo-chip:hover, .mbo-fx .mbo-chip:hover { border-color: var(--mbo-btn); }
.mbo .mbo-chip[aria-pressed="true"], .mbo-fx .mbo-chip[aria-pressed="true"] { background: var(--mbo-btn); border-color: var(--mbo-btn); color: #fff; font-weight: 500; }
.mbo .mbo-chip[aria-pressed="true"] small, .mbo-fx .mbo-chip[aria-pressed="true"] small { color: #f3e9df; }

.mbo .mbo-f__row, .mbo-fx .mbo-f__row {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 12px 24px;
	padding-top: 12px;
	border-top: 1px solid var(--mbo-line);
}
.mbo .mbo-seg, .mbo-fx .mbo-seg { display: flex; gap: 22px; }
.mbo .mbo-seg button, .mbo-fx .mbo-seg button {
	height: 40px;
	padding: 0 2px;
	border-bottom: 2px solid transparent;
	color: var(--mbo-text);
	font-size: 14px;
}
.mbo .mbo-seg button[aria-pressed="true"], .mbo-fx .mbo-seg button[aria-pressed="true"] { color: var(--mbo-ink); font-weight: 600; border-bottom-color: var(--mbo-ink); }
.mbo .mbo-sort, .mbo-fx .mbo-sort { display: inline-flex; align-items: center; gap: 8px; font-size: 13px; color: var(--mbo-text); margin: 0; }
.mbo .mbo-sort select, .mbo-fx .mbo-sort select {
	font-family: var(--mbo-he);
	font-size: 13px;
	color: var(--mbo-ink);
	background-color: #fff;
	border: 1px solid var(--mbo-chip);
	border-radius: 20px;
	height: 40px;
	padding: 0 14px;
	min-width: 180px;
	margin: 0;
}

/* ---------- sections ---------- */
.mbo .mbo-sec { margin-top: 48px; }
.mbo .mbo-results > .mbo-sec:first-child { margin-top: 22px; }
.mbo .mbo-sec__head { display: flex; align-items: center; gap: 16px; padding-bottom: 12px; margin-bottom: 18px; border-bottom: 1px solid var(--mbo-line); }
.mbo .mbo-sec__head .mbo-over { font-size: 12px; letter-spacing: 3px; }
.mbo .mbo-sec__head .mbo-h2 { margin-top: 2px; font-size: clamp(22px, 2.4vw, 30px); }
.mbo .mbo-sec__badge {
	flex: none;
	width: 64px;
	height: 64px;
	border-radius: 50%;
	background: var(--mbo-bone);
	color: var(--mbo-deep);
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 2px;
}
.mbo .mbo-sec__badge b { font-family: var(--mbo-en); font-weight: 300; font-size: 26px; line-height: 1; }
.mbo .mbo-sec__badge small { font-size: 12px; font-weight: 600; }
.mbo .mbo-sec__note { margin-top: 2px; font-size: 14px; color: var(--mbo-text); }

.mbo .mbo-results { container-type: inline-size; }
.mbo .mbo-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px 10px; }
@container (min-width: 620px) { .mbo .mbo-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@container (min-width: 900px) { .mbo .mbo-grid { grid-template-columns: repeat(var(--mbo-cols, 4), minmax(0, 1fr)); } }
@supports not (container-type: inline-size) {
	@media (min-width: 1025px) { .mbo .mbo-grid { grid-template-columns: repeat(var(--mbo-cols, 4), minmax(0, 1fr)); } }
}
.mbo .mbo-sec--all { margin-top: 32px; }

.mbo .mbo-rail {
	display: grid;
	grid-auto-flow: column;
	grid-auto-columns: 46%;
	gap: 10px;
	overflow-x: auto;
	scroll-snap-type: x proximity;
	padding-bottom: 10px;
}
.mbo .mbo-rail > * { scroll-snap-align: start; }
@media (min-width: 768px) { .mbo .mbo-rail { grid-auto-columns: calc((100% - 30px) / 4); } }

.mbo .mbo-more-wrap { text-align: center; margin-top: 28px; }
.mbo .mbo-more {
	display: inline-flex;
	align-items: center;
	height: 48px;
	padding: 0 30px;
	border: 1px solid var(--mbo-btn);
	border-radius: var(--mbo-round);
	color: var(--mbo-btn);
	font-size: 14px;
	font-weight: 600;
}
.mbo .mbo-more:hover { background: var(--mbo-btn); color: #fff; }

/* ---------- product card ---------- */
.mbo .mbo-card { display: flex; flex-direction: column; gap: 12px; min-width: 0; }
.mbo .mbo-card__media { position: relative; display: block; aspect-ratio: 3 / 5; overflow: hidden; background: #f2eee9; }
.mbo .mbo-card__media img { width: 100%; height: 100%; object-fit: cover; }
.mbo .mbo-card__img2 { position: absolute; inset: 0; opacity: 0; transition: opacity .35s ease; }
@media (hover: hover) { .mbo .mbo-card__media:hover .mbo-card__img2 { opacity: 1; } }
.mbo .mbo-disc {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 54px;
	height: 54px;
	border-radius: 50%;
	background: var(--mbo-bone);
	color: #050505;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: var(--mbo-en);
	font-weight: 700;
	font-size: 14px;
	z-index: 2;
}
.mbo .mbo-drop {
	position: absolute;
	top: 72px;
	right: 10px;
	padding: 3px 9px;
	border-radius: var(--mbo-round);
	background: #fff;
	color: var(--mbo-btn);
	font-size: 11px;
	font-weight: 700;
	z-index: 2;
}
.mbo .mbo-strip {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 8px 12px;
	background: rgba(255, 255, 255, .94);
	color: var(--mbo-ink);
	font-size: 12px;
	z-index: 2;
}
.mbo .mbo-strip { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mbo .mbo-strip bdi { white-space: nowrap; font-family: var(--mbo-en); }
.mbo .mbo-strip::before { content: ""; flex: none; width: 6px; height: 6px; border-radius: 50%; background: var(--mbo-accent); }
.mbo .mbo-strip.is-low { color: var(--mbo-btn); font-weight: 700; }

.mbo .mbo-card__body { flex: 1; display: flex; flex-direction: column; gap: 9px; padding: 0 2px 4px; }
.mbo .mbo-card__name {
	unicode-bidi: plaintext;
	text-align: right;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: .3px;
	line-height: 1.4;
	color: var(--mbo-ink);
	overflow-wrap: anywhere;
}
.mbo .mbo-card__name:hover { color: var(--mbo-accent); }
.mbo .mbo-card__price { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 10px; }
.mbo .mbo-card__price b { font-size: 24px; font-weight: 700; line-height: 1.1; color: var(--mbo-deep); }
.mbo .mbo-card__price s { font-size: 14px; color: var(--mbo-muted); }
.mbo .mbo-card__save { font-size: 12px; font-weight: 600; color: var(--mbo-accent); }

.mbo .mbo-card__sizes { display: flex; flex-wrap: wrap; gap: 4px; }
.mbo .mbo-size {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 46px;
	height: 32px;
	padding: 0 9px;
	border: 1px solid var(--mbo-chip);
	border-radius: var(--mbo-round);
	background: #fff;
	color: #555;
	font-family: var(--mbo-en);
	font-size: 11px;
}
.mbo .mbo-size:hover { border-color: var(--mbo-btn); }
.mbo .mbo-size.is-mine { border-color: var(--mbo-btn); }
.mbo .mbo-size[aria-pressed="true"] { background: var(--mbo-btn); border-color: var(--mbo-btn); color: #fff; font-weight: 500; }
.mbo .mbo-size.is-low::after {
	content: "";
	position: absolute;
	top: -2px;
	left: 2px;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: var(--mbo-accent);
	box-shadow: 0 0 0 2px #fff;
}

.mbo .mbo-add {
	margin-top: auto;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	width: 100%;
	height: 46px;
	padding: 0 12px;
	border-radius: var(--mbo-round);
	background: var(--mbo-btn);
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	white-space: nowrap;
	transition: background-color .15s ease;
}
.mbo .mbo-add:hover { background: var(--mbo-btn-2); color: #fff; }
.mbo .mbo-add__size {
	padding-inline-start: 8px;
	border-inline-start: 1px solid rgba(255, 255, 255, .4);
	font-family: var(--mbo-en);
	font-weight: 500;
	font-size: 13px;
}
.mbo .mbo-add.is-ghost { background: #fff; color: var(--mbo-btn); border: 1px solid var(--mbo-btn); }
.mbo .mbo-add.is-ghost:hover { background: var(--mbo-bone-2); color: var(--mbo-btn-2); }
.mbo .mbo-add.is-busy { opacity: .6; }
.mbo .mbo-add.is-done { background: var(--mbo-btn-2); }
.mbo .mbo-set {
	display: block;
	width: 100%;
	padding: 8px 12px;
	background: #faf8f5;
	border: 1px solid var(--mbo-chip);
	border-radius: 18px;
	color: var(--mbo-accent);
	font-size: 12px;
	line-height: 1.35;
	text-align: center;
}
.mbo .mbo-set:hover { border-color: var(--mbo-accent); }
.mbo .mbo-set.is-done { color: var(--mbo-deep); border-color: var(--mbo-deep); }

/* Big "best deal" tile in the deepest price section */
.mbo .mbo-feature {
	grid-column: span 2;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 28px;
	padding: 40px;
	background: var(--mbo-bone-2);
	color: var(--mbo-head);
	container-type: inline-size;
}
.mbo .mbo-feature .mbo-over { color: var(--mbo-hi); }
.mbo .mbo-feature__pct {
	display: block;
	text-align: right;
	font-family: var(--mbo-en);
	font-weight: 300;
	font-size: clamp(64px, 8vw, 140px);
	font-size: clamp(56px, 24cqi, 140px);
	line-height: .85;
	letter-spacing: -0.03em;
	color: var(--mbo-hi);
}
.mbo .mbo-feature h3 { margin: 14px 0 8px; font-size: clamp(22px, 2.4vw, 32px); font-weight: 700; color: var(--mbo-head); }
.mbo .mbo-feature p { max-width: 420px; margin-bottom: 20px; font-size: 15px; line-height: 1.7; color: var(--mbo-text); }
.mbo .mbo-feature .mbo-btn-light { align-self: flex-start; height: 48px; font-size: 15px; }

/* Matching siblings */
.mbo .mbo-rail--fam { grid-auto-columns: 88%; }
@media (min-width: 768px) { .mbo .mbo-rail--fam { grid-auto-columns: calc((100% - 10px) / 2); } }
.mbo .mbo-family { padding: 16px; border: 1px solid var(--mbo-line); background: #faf8f5; }
.mbo .mbo-family__title {
	margin-bottom: 12px;
	text-align: right;
	font-family: var(--mbo-en);
	font-weight: 400;
	font-size: 15px;
	letter-spacing: 2px;
	color: var(--mbo-ink);
}
.mbo .mbo-family__items { display: grid; grid-template-columns: repeat(var(--n, 2), minmax(0, 1fr)); gap: 10px; }

/* Mystery box */
.mbo .mbo-mystery { display: grid; grid-template-columns: 140px 1fr; gap: 24px; align-items: center; padding: 24px; border: 1px solid var(--mbo-camel); background: var(--mbo-bone-2); }
.mbo .mbo-mystery img { width: 100%; aspect-ratio: 3 / 5; object-fit: cover; }
.mbo .mbo-mystery h3 { margin: 4px 0 6px; font-size: 20px; font-weight: 700; color: var(--mbo-deep); }
.mbo .mbo-mystery p { margin-bottom: 14px; font-size: 14px; }
.mbo .mbo-mystery .mbo-add { display: inline-flex; width: auto; padding: 0 24px; }

.mbo .mbo-empty { margin-top: 40px; padding: 48px 20px; text-align: center; background: var(--mbo-bone-2); color: var(--mbo-ink); }
.mbo .mbo-empty p { margin-bottom: 12px; font-size: 16px; font-weight: 600; }

/* How it works */
.mbo .mbo-how { margin-top: 88px; padding: 56px 48px; background: var(--mbo-bone-2); }
.mbo .mbo-how .mbo-over { text-align: center; font-size: 22px; letter-spacing: 1.2px; color: #575555; margin-bottom: 32px; }
.mbo .mbo-how__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 28px; }
.mbo .mbo-how__grid div { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; color: var(--mbo-deep); }
.mbo .mbo-how__grid strong { font-size: 17px; font-weight: 700; color: var(--mbo-deep); }
.mbo .mbo-how__grid span { font-size: 14px; line-height: 1.7; color: var(--mbo-text); }

/* ---------- fixed layer: size pill, sheet, bottom bar, toast ---------- */
.mbo-fx { direction: rtl; text-align: right; font-size: 14px; line-height: 1.45; }

.mbo-fx .mbo-pill {
	position: fixed;
	top: calc(var(--mbo-top, 0px) + 10px);
	left: 50%;
	z-index: 9989;
	display: inline-flex;
	align-items: center;
	gap: 10px;
	height: 44px;
	max-width: calc(100vw - 32px);
	padding-inline: 18px 8px;
	background: #fff;
	color: var(--mbo-deep);
	border: 1px solid var(--mbo-line);
	box-shadow: 0 6px 20px rgba(60, 40, 30, .16);
	border-radius: 22px;
	font-size: 14px;
	font-weight: 600;
	white-space: nowrap;
	transform: translate(-50%, -16px);
	opacity: 0;
	visibility: hidden;
	transition: transform .2s ease, opacity .2s ease, visibility 0s linear .2s;
}
.mbo-fx.has-pill .mbo-pill { transform: translate(-50%, 0); opacity: 1; visibility: visible; transition: transform .2s ease, opacity .2s ease; }
.mbo-fx.is-sheet .mbo-pill { visibility: hidden; opacity: 0; }
.mbo-fx .mbo-pill__txt { overflow: hidden; text-overflow: ellipsis; }
.mbo-fx .mbo-pill__n {
	flex: none;
	min-width: 28px;
	height: 28px;
	padding: 0 8px;
	border-radius: 14px;
	background: var(--mbo-btn);
	color: #fff;
	font-family: var(--mbo-en);
	font-size: 12px;
	font-weight: 700;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.mbo-fx .mbo-sheet {
	position: fixed;
	inset: 0;
	z-index: 9995;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	padding-top: calc(var(--mbo-top, 0px) + 12px);
}
.mbo-fx .mbo-sheet[hidden] { display: none; }
.mbo-fx .mbo-sheet__backdrop { position: absolute; inset: 0; background: rgba(20, 15, 12, .45); }
.mbo-fx .mbo-sheet__panel {
	position: relative;
	display: flex;
	flex-direction: column;
	width: min(660px, calc(100vw - 32px));
	max-height: calc(100vh - var(--mbo-top, 0px) - 40px);
	background: #fff;
	box-shadow: 0 18px 50px rgba(0, 0, 0, .25);
}
.mbo-fx .mbo-sheet__head { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 12px 10px 8px; padding-inline: 20px 8px; border-bottom: 1px solid var(--mbo-line); }
.mbo-fx .mbo-sheet__head h2 { margin: 0; padding: 0; font-family: var(--mbo-he); font-size: 18px; font-weight: 700; color: var(--mbo-deep); }
.mbo-fx .mbo-sheet__x { width: 44px; height: 44px; display: inline-flex; align-items: center; justify-content: center; color: var(--mbo-ink); }
.mbo-fx .mbo-sheet__body { flex: 1; overflow: auto; padding: 18px 20px; overscroll-behavior: contain; }
.mbo-fx .mbo-sheet__foot {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 12px 20px calc(12px + env(safe-area-inset-bottom));
	border-top: 1px solid var(--mbo-line);
}
.mbo-fx .mbo-sheet__go {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 48px;
	padding: 0 30px;
	border-radius: var(--mbo-round);
	background: var(--mbo-btn);
	color: #fff;
	font-size: 15px;
	font-weight: 600;
}
html.mbo-lock, html.mbo-lock body { overflow: hidden; }

.mbo-fx .mbo-bar {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9990;
	padding: 10px 16px calc(10px + env(safe-area-inset-bottom));
	background: #fff;
	color: var(--mbo-ink);
	border-top: 1px solid var(--mbo-line);
	box-shadow: 0 -6px 20px rgba(60, 40, 30, .08);
}
.mbo-fx .mbo-bar:empty { display: none; }
.mbo-fx .mbo-bar__in { max-width: 1320px; margin: 0 auto; display: flex; align-items: center; gap: 24px; }
.mbo-fx .mbo-bar__deal { flex: 1 1 auto; min-width: 0; display: flex; align-items: center; gap: 12px; }
.mbo-fx .mbo-slots { flex: none; display: flex; gap: 5px; }
.mbo-fx .mbo-slot { width: 13px; height: 13px; border-radius: 50%; box-shadow: inset 0 0 0 1.5px var(--mbo-hi); }
.mbo-fx .mbo-slot.is-on { background: var(--mbo-btn); box-shadow: none; }
.mbo-fx .mbo-slot.is-gift { box-shadow: none; border: 1.5px dashed var(--mbo-hi); }
.mbo-fx .mbo-slot.is-gift.is-on { border: 0; background: var(--mbo-btn); }
.mbo-fx .mbo-bar__ok { display: inline-flex; align-items: center; gap: 8px; color: var(--mbo-hi); }
.mbo-fx .mbo-bar__ok svg { flex: none; }
/* The moment free delivery is reached: the new dot pops, the dots lift one after another, a warm sweep crosses the bar, the truck glides in. */
.mbo-fx .mbo-bar { overflow: hidden; }
.mbo-fx .mbo-bar::after { content: ""; position: absolute; inset: 0; pointer-events: none; opacity: 0; background: linear-gradient(100deg, transparent 32%, rgba(142, 110, 85, .13) 50%, transparent 68%); }
.mbo-fx .mbo-slot { transition: background-color .25s ease, box-shadow .25s ease; }
.mbo-fx .mbo-slot.is-new { animation: mboPop .55s cubic-bezier(.34, 1.56, .64, 1) both; }
.mbo-fx .mbo-bar.is-win { animation: mboGlow 2.4s ease both; }
.mbo-fx .mbo-bar.is-win::after { animation: mboSweep 1.4s ease-out .25s both; }
.mbo-fx .mbo-bar.is-win .mbo-slot.is-on { animation: mboLift .7s ease both; animation-delay: calc(var(--i, 0) * 90ms + 300ms); }
.mbo-fx .mbo-bar.is-win .mbo-slot.is-new { animation: mboPop .55s cubic-bezier(.34, 1.56, .64, 1) both, mboLift .7s ease both; animation-delay: 0s, calc(var(--i, 0) * 90ms + 300ms); }
.mbo-fx .mbo-bar.is-win .mbo-bar__ok { animation: mboRise .6s ease both .55s; }
.mbo-fx .mbo-bar.is-win .mbo-bar__ok svg { animation: mboRide .9s cubic-bezier(.22, 1, .36, 1) both .6s; }
@keyframes mboPop { 0% { transform: scale(.5); } 60% { transform: scale(1.4); } 100% { transform: scale(1); } }
@keyframes mboLift { 0%, 100% { transform: translateY(0); } 45% { transform: translateY(-4px); } }
@keyframes mboSweep { 0% { transform: translateX(110%); opacity: 1; } 100% { transform: translateX(-110%); opacity: 1; } }
@keyframes mboGlow { 0%, 100% { background-color: #fff; } 35% { background-color: #fbf6f0; } }
@keyframes mboRise { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
@keyframes mboRide { from { transform: translateX(16px); opacity: 0; } to { transform: none; opacity: 1; } }
.mbo-fx .mbo-bar__main { font-size: 14px; font-weight: 600; color: var(--mbo-deep); }
.mbo-fx .mbo-bar__ship { flex: 0 1 300px; min-width: 0; display: flex; flex-direction: column; gap: 5px; }
.mbo-fx .mbo-bar__shiptxt { font-size: 13px; color: var(--mbo-text); display: inline-flex; align-items: center; gap: 6px; }
.mbo-fx .mbo-bar__shiptxt b { color: var(--mbo-head); font-weight: 700; }
.mbo-fx .mbo-bar__shiptxt.is-ok { color: var(--mbo-hi); font-weight: 600; }
.mbo-fx .mbo-bar__meter { display: block; height: 4px; border-radius: 2px; background: #eee7e0; }
.mbo-fx .mbo-bar__meter i { display: block; height: 4px; border-radius: 2px; background: var(--mbo-btn); }
.mbo-fx .mbo-bar__cart {
	flex: none;
	display: inline-flex;
	align-items: center;
	height: 44px;
	padding: 0 24px;
	border-radius: var(--mbo-round);
	background: var(--mbo-btn);
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	text-decoration: none;
}
.mbo-fx .mbo-bar__cart:hover { background: var(--mbo-btn-2); color: #fff; }

.mbo-fx .mbo-toast {
	position: fixed;
	left: 50%;
	bottom: 92px;
	z-index: 9991;
	max-width: calc(100% - 32px);
	width: max-content;
	padding: 12px 18px;
	background: var(--mbo-deep);
	color: #fff;
	font-size: 13px;
	line-height: 1.45;
	text-align: center;
	box-shadow: 0 8px 24px rgba(0, 0, 0, .2);
	transform: translate(-50%, 10px);
	opacity: 0;
	pointer-events: none;
	transition: opacity .2s ease, transform .2s ease;
}
.mbo-fx.no-bar .mbo-toast { bottom: 24px; }
.mbo-fx .mbo-toast.is-on { opacity: 1; transform: translate(-50%, 0); pointer-events: auto; }
.mbo-fx .mbo-toast a { color: var(--mbo-bone); text-decoration: underline; font-weight: 600; margin-inline-start: 8px; }

/* ---------- tablet and phone ---------- */
@media (max-width: 1024px) {
	.mbo .mbo-deal { padding-inline: 32px; }
}
@media (max-width: 767px) {
	.mbo { padding-bottom: 130px; }
	.mbo .mbo-hero2 { margin-top: 10px; padding: 30px 12px 24px; }
	.mbo .mbo-hero2__over { font-size: 13px; letter-spacing: 5px; }
	.mbo .mbo-hero2__title { font-size: clamp(46px, 13.5vw, 58px); margin-top: 12px; }
	.mbo .mbo-hero2.has-pattern:not(.mbo-hero2--clean) { padding: 34px 16px 28px; background-size: auto, calc(var(--mbo-pattern-size, 460px) * .65) auto; }
	.mbo .mbo-hero2:not(.mbo-hero2--clean) .mbo-hero2__over { font-size: 14.5px; letter-spacing: 6px; }
	.mbo .mbo-hero2:not(.mbo-hero2--clean) .mbo-hero2__title { font-size: clamp(44px, 14vw, 64px); }
	.mbo .mbo-hero2:not(.mbo-hero2--clean) .mbo-hero2__title.is-latin { letter-spacing: .12em; margin-inline-end: -.12em; }
	.mbo .mbo-hero2:not(.mbo-hero2--clean) .mbo-hero2__pct { font-size: clamp(26px, 7.4vw, 32px); }
	.mbo .mbo-hero2__pct { font-size: clamp(26px, 7.4vw, 32px); }
	.mbo .mbo-hero2__sub { font-size: 16.5px; margin-top: 10px; }
	.mbo .mbo-hero2__panel { margin-top: 18px; padding: 12px 10px; border-radius: 18px; }
	.mbo .mbo-hero2__choose { font-size: 16px; margin-bottom: 10px; }
	.mbo .mbo-hero2__prices { gap: 8px; }
	.mbo .mbo-pcard { min-height: 68px; padding: 10px 4px; border-radius: 12px; gap: 4px; }
	.mbo .mbo-pcard b { font-size: 19px; }
	.mbo .mbo-hero2__chips { display: grid; grid-template-columns: repeat(auto-fit, minmax(0, 1fr)); grid-auto-flow: column; gap: 8px; margin-top: 10px; }
	.mbo .mbo-hero2__chips li:only-child { white-space: nowrap; }
	.mbo .mbo-hero2__chips li { min-height: 42px; padding: 6px 8px; gap: 5px; font-size: 12.5px; white-space: normal; text-align: center; line-height: 1.2; text-wrap: balance; }
	.mbo .mbo-hero2__chips svg { width: 16px; height: 16px; }
	.mbo .mbo-hero2__cta { height: 52px; margin-top: 16px; font-size: 17px; width: 92%; }
	.mbo .mbo-hero2__deco { width: 34%; }
	.mbo .mbo-shop { margin-top: 18px; }
	.mbo .mbo-tabs--inline { padding: 8px; border-radius: 14px; }
	.mbo .mbo-tabs__in, .mbo-fx .mbo-tabs__in, .mbo .mbo-tabs__row, .mbo-fx .mbo-tabs__row { gap: 6px; }
	.mbo .mbo-tab, .mbo-fx .mbo-tab { height: 42px; gap: 4px; padding: 0 3px; border-radius: 10px; }
	.mbo .mbo-tab b, .mbo-fx .mbo-tab b { font-size: 15px; }
	.mbo .mbo-tabs__size, .mbo-fx .mbo-tabs__size { height: 42px; padding: 0 10px; gap: 4px; font-size: 13px; border-radius: 10px; }
	.mbo-fx .mbo-tabs--top { padding-top: 6px; padding-bottom: 6px; }
	.mbo .mbo-next__btn { width: 100%; font-size: 16px; }
	.mbo .mbo-banner { flex-direction: column-reverse; margin-top: 10px; }
	.mbo .mbo-banner__text, .mbo .mbo-banner.is-tall .mbo-banner__text { padding: 20px 18px 22px; gap: 6px; }
	.mbo .mbo-banner__title { font-size: 25px; }
	.mbo .mbo-banner.is-tall .mbo-banner__title { font-size: 30px; }
	.mbo .mbo-banner__pct b { font-size: 1.7em; }
	.mbo .mbo-banner__sub, .mbo .mbo-banner.is-tall .mbo-banner__sub { font-size: 14px; }
	.mbo .mbo-banner__chips { gap: 6px; }
	.mbo .mbo-banner__chips li { padding: 5px 11px; font-size: 12px; }
	.mbo .mbo-banner__img { flex: none; max-width: none; min-height: 140px; }
	.mbo .mbo-banner.is-tall .mbo-banner__img { min-height: 200px; }

	.mbo .mbo-prices { padding: 52px 0 48px; }
	/* the 4 price tags stay on one row, small */
	.mbo .mbo-prices__tags { gap: 6px; margin-top: 18px; }
	.mbo .mbo-tag { padding-top: 26px; gap: 2px; }
	.mbo .mbo-tag__circle { width: min(100%, 76px); margin-bottom: 6px; }
	.mbo .mbo-tag__circle::before { top: -26px; height: 36px; }
	.mbo .mbo-tag__hole { top: 6px; width: 8px; height: 8px; margin-left: -4px; }
	.mbo .mbo-tag__was, .mbo .mbo-tag__go { display: none; }
	.mbo .mbo-tag__meta { font-size: 11px; line-height: 1.3; }

	.mbo .mbo-deal { padding: 28px 20px; gap: 22px; }
	.mbo .mbo-deal__dots span { width: 46px; height: 46px; font-size: 21px; }
	.mbo .mbo-deal__dots span.is-gift { font-size: 12px; }
	.mbo .mbo-deal__ship { padding-inline-start: 0; border-inline-start: 0; padding-top: 20px; border-top: 1px solid var(--mbo-line-2); }

	.mbo .mbo-picker { padding-top: 22px; gap: 12px; }
	.mbo .mbo-picker .mbo-h2 { font-size: 22px; }
	.mbo .mbo-picker__head > span { font-size: 13px; }
	.mbo .mbo-f__group, .mbo-fx .mbo-f__group { flex-direction: column; gap: 6px; }
	.mbo .mbo-f__label, .mbo-fx .mbo-f__label { flex: none; padding-top: 0; font-size: 12px; }
	/* on the page: every size visible in neat rows, nothing to scroll sideways */
	.mbo .mbo-f__chips { display: grid; grid-template-columns: repeat(auto-fill, minmax(72px, 1fr)); gap: 6px; width: 100%; align-self: stretch; }
	.mbo .mbo-chip { min-width: 0; height: 36px; padding: 0 4px; }
	/* in the drop-down sheet: three per row */
	.mbo-fx .mbo-chip { min-width: 0; flex: 0 0 calc((100% - 12px) / 3); padding: 0 6px; }
	.mbo .mbo-f__row, .mbo-fx .mbo-f__row { flex-wrap: nowrap; gap: 10px; padding-top: 8px; }
	.mbo .mbo-seg, .mbo-fx .mbo-seg { gap: 14px; }
	.mbo .mbo-sort span, .mbo-fx .mbo-sort span { display: none; }
	.mbo .mbo-sort select, .mbo-fx .mbo-sort select { min-width: 0; width: 150px; font-size: 12px; padding: 0 10px; }

	/* section heading on phones: one title line and one short line, nothing else */
	.mbo .mbo-sec { margin-top: 34px; }
	.mbo .mbo-results > .mbo-sec:first-child { margin-top: 16px; }
	.mbo .mbo-sec__head { padding-bottom: 10px; margin-bottom: 14px; }
	.mbo .mbo-sec__badge, .mbo .mbo-sec__head .mbo-over { display: none; }
	.mbo .mbo-sec__head .mbo-h2 { margin-top: 0; font-size: 23px; }
	.mbo .mbo-sec__note { font-size: 13px; line-height: 1.4; }
	.mbo .mbo-disc { width: 44px; height: 44px; font-size: 13px; top: 8px; right: 8px; }
	.mbo .mbo-drop { top: 58px; right: 8px; }
	.mbo .mbo-strip { font-size: 11px; padding: 7px 8px; gap: 6px; }
	.mbo .mbo-card__price b { font-size: 20px; }
	.mbo .mbo-card__price s { font-size: 13px; }
	.mbo .mbo-add { font-size: 13px; gap: 6px; }
	.mbo .mbo-add__size { font-size: 12px; padding-inline-start: 6px; }
	.mbo .mbo-feature { padding: 24px 20px; gap: 16px; }
	.mbo .mbo-feature p { font-size: 14px; }
	.mbo .mbo-mystery { grid-template-columns: 96px 1fr; padding: 16px; gap: 16px; }
	.mbo .mbo-how { margin-top: 64px; padding: 40px 20px; }

	.mbo-fx .mbo-sheet { align-items: flex-end; padding-top: 0; }
	.mbo-fx .mbo-sheet__panel { width: 100%; max-height: 86vh; }
	.mbo-fx .mbo-sheet__go { flex: 1; }

	.mbo-fx .mbo-bar { padding: 8px 12px calc(8px + env(safe-area-inset-bottom)); }
	.mbo-fx .mbo-bar__in { display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "deal cart" "ship cart"; gap: 6px 12px; }
	.mbo-fx .mbo-bar__deal { grid-area: deal; gap: 8px; }
	.mbo-fx .mbo-bar__ship { grid-area: ship; }
	.mbo-fx .mbo-bar__cart { grid-area: cart; padding: 0 16px; }
	.mbo-fx .mbo-slot { width: 11px; height: 11px; }
	.mbo-fx .mbo-bar__main { font-size: 13px; }
	.mbo-fx .mbo-bar__shiptxt { font-size: 12px; }
	.mbo-fx .mbo-toast { bottom: 104px; }
}

@media (max-width: 767px) {
	/* five prices or more: tighter labels */
	.mbo .mbo-hero2__prices.is-many { gap: 6px; }
	.mbo .mbo-hero2__prices.is-many .mbo-pcard { min-height: 60px; padding: 8px 2px; }
	.mbo .mbo-hero2__prices.is-many .mbo-pcard svg { width: 18px; height: 18px; }
	.mbo .mbo-hero2__prices.is-many .mbo-pcard b { font-size: 16px; }
	.mbo .mbo-tabs__row.is-many .mbo-tab:not(.is-on) svg, .mbo-fx .mbo-tabs__row.is-many .mbo-tab:not(.is-on) svg { display: none; }
	.mbo .mbo-tabs__row.is-many + .mbo-tabs__size span, .mbo-fx .mbo-tabs__row.is-many + .mbo-tabs__size span { display: none; }
	.mbo .mbo-tabs__row.is-many .mbo-tab b, .mbo-fx .mbo-tabs__row.is-many .mbo-tab b { font-size: 14px; }
}
@media (max-width: 379px) {
	.mbo .mbo-tab:not(.is-on) svg, .mbo-fx .mbo-tab:not(.is-on) svg { display: none; }
	.mbo .mbo-tabs__size span, .mbo-fx .mbo-tabs__size span { display: none; }
}
@media (prefers-reduced-motion: reduce) {
	.mbo *, .mbo-fx *, .mbo-fx .mbo-bar::after { transition: none !important; animation: none !important; }
}

/* ---------- on-page text editor (admins only) ---------- */
.mbo-fx .mbo-edit-toggle {
	position: fixed;
	left: 16px;
	bottom: 96px;
	z-index: 9992;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	height: 40px;
	padding: 0 16px;
	border-radius: var(--mbo-round);
	background: #1d2327;
	color: #fff;
	font-size: 13px;
	font-weight: 600;
	box-shadow: 0 6px 18px rgba(0, 0, 0, .2);
}
.mbo-fx.no-bar .mbo-edit-toggle { bottom: 20px; }
.mbo-fx.is-editing .mbo-edit-toggle { background: #2271b1; }
.mbo.is-editing .mbo-t, .mbo-fx.is-editing .mbo-t {
	outline: 1.5px dashed #2271b1;
	outline-offset: 2px;
	cursor: text;
	border-radius: 2px;
}
.mbo.is-editing .mbo-t:hover, .mbo-fx.is-editing .mbo-t:hover { background: rgba(34, 113, 177, .08); }
.mbo-fx .mbo-edit-pop {
	position: fixed;
	left: 50%;
	bottom: 96px;
	z-index: 9996;
	width: min(560px, calc(100vw - 24px));
	transform: translateX(-50%);
	padding: 14px 16px;
	background: #fff;
	border: 1px solid #c3c4c7;
	border-radius: 12px;
	box-shadow: 0 16px 40px rgba(0, 0, 0, .22);
	color: #1d2327;
}
.mbo-fx .mbo-edit-pop[hidden] { display: none; }
.mbo-fx .mbo-edit-pop__head { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 8px; font-size: 14px; }
.mbo-fx .mbo-edit-pop__x { width: 32px; height: 32px; display: inline-flex; align-items: center; justify-content: center; }
.mbo-fx .mbo-edit-pop textarea {
	display: block;
	width: 100%;
	min-height: 64px;
	padding: 8px 10px;
	border: 1px solid #8c8f94;
	border-radius: 6px;
	font: 15px/1.5 var(--mbo-he);
	color: #1d2327;
	background: #fff;
	resize: vertical;
}
.mbo-fx .mbo-edit-pop__hint { margin: 8px 0 0; font-size: 12px; color: #50575e; }
.mbo-fx .mbo-edit-pop__hint code { direction: ltr; unicode-bidi: isolate; padding: 1px 5px; background: #f0f0f1; border-radius: 4px; font-size: 12px; }
.mbo-fx .mbo-edit-pop__foot { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 18px; margin-top: 12px; }
.mbo-fx .mbo-edit-pop__save { height: 38px; padding: 0 22px; border-radius: var(--mbo-round); background: #2271b1; color: #fff; font-weight: 600; font-size: 14px; }

/* The page has its own heading */
.mbo-outlet-page .entry-title,
.mbo-outlet-page .page-title,
.mbo-outlet-page .wp-block-post-title,
.mbo-outlet-page .wd-page-title { display: none !important; }