/**
 * Global polish (16/10/2026, SGO): header, mega menu, drawer, footer, cookie notice, sticky bar,
 * accessibility button, focus and contrast. Loaded after main.css (inc/polish.php); main.css is untouched.
 * Colour rule: brand tokens from main.css :root; where text failed IL 5568 AA contrast, the coloured side
 * moves the minimum (same hue and saturation), or the text goes to the brand ink. Measured with
 * tools/a11y-audit. The sage button colour itself (#8da28b) is left for the owner to decide.
 */

/* Focus: a visible ring on every control that has none of its own (zero specificity, so designed
   focus styles still win). Keyboard only. */
:where(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
	outline: 2px solid var(--hb-ink-warm);
	outline-offset: 3px;
}
:where(.hb-footer, .hb-drawer__panel, .hb-ctabar) :where(a, button):focus-visible { outline-color: currentColor; }

/* Header ----------------------------------------------------------------------------------------- */
/* Seasonal tab ("חנוכה" etc.): white on gold was 1.8:1. Brand ink on the same gold is 7.5:1. */
.hb-nav__list .hb-menu-highlight > a,
.hb-header.is-stuck .hb-nav__list .hb-menu-highlight > a,
body.hb-soft:not(.home) .hb-header .hb-nav__list > li.hb-menu-highlight > a,
.hb-nav__list > li.hb-menu-highlight:hover > a,
.hb-nav__list > li.hb-menu-highlight:focus-within > a,
.hb-header.is-stuck .hb-nav__list > li.hb-menu-highlight:hover > a,
.hb-drawer__nav .hb-menu-highlight > a { color: var(--hb-ink-warm); font-weight: 700; }

/* Top bar and the kashrut badge: a 44px hit area without moving anything. */
.hb-topbar__link { position: relative; } /* the mark is already absolutely positioned */
.hb-topbar__link::after, .hb-topbar__mark::after, .hb-header__badge::after {
	content: ""; position: absolute; inset: 50% auto auto 50%; width: max(100%, 44px); height: 44px; transform: translate(-50%, -50%);
}
.hb-header__badge { position: relative; }

/* Drawer: the direct channels under the main button (spec screen 03). */
.hb-drawer__reach { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin: 10px 0 0; }
.hb-drawer__reach-link {
	display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 46px; padding: 0 12px;
	border: 1px solid var(--hb-rose); border-radius: 99px; background: var(--hb-white);
	color: var(--hb-ink-warm); font-weight: 700; font-size: 15px; text-decoration: none;
}
.hb-drawer__reach-link:active { background: var(--hb-filter-bg); }
.hb-drawer__reach-ico { width: 18px; height: 18px; flex: none; background: currentColor; -webkit-mask: var(--m) center / contain no-repeat; mask: var(--m) center / contain no-repeat; }
.hb-drawer__reach-ico--tel { --m: url("../img/phone.svg"); }
.hb-drawer__reach-ico--wa { --m: url("../img/whatsapp.svg"); color: #1f8f4c; }

/* Footer ----------------------------------------------------------------------------------------- */
.hb-footer__tel-ico { width: 16px; height: 16px; flex: none; background: var(--hb-gold); -webkit-mask: url("../img/phone.svg") center / contain no-repeat; mask: url("../img/phone.svg") center / contain no-repeat; }
/* Footer links: a 44px tall hit area without changing the rhythm of the lists. */
.hb-footer__col li a, .hb-footer__bottom a { display: inline-block; padding-block: 12px; margin-block: -12px; }
.hb-footer__contact li a { padding-block: 10px; margin-block: -10px; }

/* Sticky bar (phones) ---------------------------------------------------------------------------- */
@media (max-width: 767px) {
	/* "התחלת הזמנה": white on orange was 2.05:1. Large bold text (19px) needs 3:1: the orange moves
	   down in lightness only (same hue and saturation) to #c88003, 3.1:1. */
	.hb-ctabar .hb-ctabar__start.hb-btn { background: #c88003; font-size: 19px !important; font-weight: 700; letter-spacing: 0; }
	.hb-ctabar .hb-ctabar__start.hb-btn:active { background: #a86b02; }
}

/* Cookie notice ---------------------------------------------------------------------------------- */
/* "אישור": white on sage was 2.7:1; the sage moves down in lightness only to #657b63 (4.6:1). */
.hb-cookie .hb-cookie__ok { background: #657b63; }
.hb-cookie .hb-cookie__ok:hover { background: #566a54; }
/* Phones: the notice sits above whatever bar is docked at the bottom (sticky order bar, order form bar,
   product bar), never on it. --hb-dock is measured by polish-global.js. */
@media (max-width: 767px) {
	/* FX-4: lifted with `translate`, not `bottom`: the dock is measured after load and on scroll, and moving a fixed box
	   by its offset counted as a layout shift every time (CLS 0.03 per move on the quote page). Same place on screen. */
	.hb-cookie { bottom: 10px; translate: 0 calc(-1 * var(--hb-dock, 0px)); padding: 12px 14px; }
	.hb-cookie__main { gap: 10px; }
	.hb-cookie__main p { font-size: 14px; }
	.hb-cookie .hb-btn { min-height: 44px; }
	/* While the notice is up, the accessibility button moves above it (translate) instead of hiding under it. */
	.hb-a11y { translate: 0 calc(-1 * var(--hb-a11y-lift, 0px)); } /* FX-7: set by polish-global.js; transform, so no layout shift */
}


/* Muted text that fell under 4.5:1 (IL 5568 AA). Same warm grey, a little darker. */
.hb-page__updated, .hb-kosher__meta dt, .hb-contact__label, .hb-review__by { color: #6b625d; }
.hb-date__text { color: #6b625d; }
.hb-date__btn.has-value .hb-date__text { color: inherit; }

/* Links in body text: sage #768c74 was 3.6:1 on white; the same sage, darker. */
.hb-prose a:not(.hb-btn), .hb-kosher__meta a { color: #5c6e5a; }

/* Mega menu, desktop (inc/megamenu.php + polish-global.js, 16/10/2026) ------------------------------ */
/* One white surface (.hb-mm-stage) morphs its height between the two panels; the panels are transparent
   layers on it. Muted text #6b625d (5.9:1 on white), links #9f6500 (5.0:1), prices in the brand ink. */
:root {
	--mm-ease: cubic-bezier(.22, 1, .36, 1);
	--mm-muted: #6b625d;
	--mm-line: rgba(53, 43, 36, .09);
	--mm-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M16 10H4.5M9 5l-5 5 5 5' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.hb-nav__list > li.hb-mm { position: static; display: flex; align-items: center; gap: 0; margin-inline-end: -8px; } /* the chevron button takes the gap the old inline chevron had */
.hb-nav .hb-mm > .sub-menu { display: none !important; }
.hb-mm > a .hb-nav__chev { display: none; }
.hb-mm > a { position: relative; }
/* The open item: a short bar under its name. */
.hb-mm > a::after {
	content: ""; position: absolute; inset-inline: 0; bottom: 4px; height: 2px; border-radius: 2px;
	background: currentColor; transform: scaleX(0); transform-origin: 50% 50%; transition: transform .35s var(--mm-ease);
}
.hb-mm.is-open > a::after { transform: scaleX(1); }
.hb-nav__list > li.hb-mm.is-open > a { color: var(--hb-nav-hover); }
.hb-header.is-stuck .hb-nav__list > li.hb-mm.is-open > a { color: #5c6e5a; }
/* The chevron is the disclosure button (keyboard: Tab to it, Enter/Space or ↓ opens). */
.hb-mm__toggle {
	position: relative; display: grid; place-items: center; flex: none; width: 22px; height: 26px; margin-inline-start: -1px;
	padding: 0; border: 0; border-radius: 50%; background: none; color: inherit; cursor: pointer;
	transition: background-color .2s var(--mm-ease);
}
.hb-mm__toggle::before { content: ""; position: absolute; inset: -9px -6px; } /* a 44px tall, 34px wide target */
.hb-mm__chev { width: 9px; height: 5px; background: currentColor; -webkit-mask: url("../img/chevron-down.svg") center / contain no-repeat; mask: url("../img/chevron-down.svg") center / contain no-repeat; transition: transform .35s var(--mm-ease); }
.hb-nav__list > li.hb-mm > .hb-mm__toggle { color: var(--hb-white); }
body.hb-soft:not(.home) .hb-header:not(.is-stuck) .hb-nav__list > li.hb-mm > .hb-mm__toggle,
.hb-header.is-stuck .hb-nav__list > li.hb-mm > .hb-mm__toggle { color: inherit; }
.hb-mm.is-open .hb-mm__chev { transform: rotate(180deg); }
@media (hover: hover) and (pointer: fine) {
	.hb-mm__toggle:hover { background: rgba(255, 255, 255, .14); }
	.hb-header.is-stuck .hb-mm__toggle:hover { background: rgba(53, 43, 36, .08); }
}
.hb-mm__toggle:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }

/* Panels */
.hb-mm__panel {
	position: absolute; top: calc(100% + 12px); inset-inline: 0; z-index: 61;
	color: var(--hb-ink-warm); text-align: start; white-space: normal;
	opacity: 0; visibility: hidden; pointer-events: none;
	transition: opacity .16s ease-out, visibility 0s linear .16s;
}
.hb-mm__panel::before { content: ""; position: absolute; inset: -16px 0 auto; height: 16px; } /* bridge from the bar */
.hb-mm.is-open > .hb-mm__panel { opacity: 1; visibility: visible; pointer-events: auto; transition: opacity .2s ease-out, visibility 0s; }
.hb-mm__panel[data-leave] { opacity: 1; visibility: visible; pointer-events: none; transition: none; }
/* Without JavaScript: a plain white panel on hover / focus. */
html:not(.hb-mm-js) .hb-mm:is(:hover, :focus-within) > .hb-mm__panel { opacity: 1; visibility: visible; pointer-events: auto; border-radius: 30px; background: var(--hb-white); box-shadow: 0 30px 80px rgba(36, 28, 22, .22); }
html:not(.hb-mm-js) .hb-mm__img { display: none; }

.hb-mm-stage {
	position: absolute; top: calc(100% + 12px); inset-inline: 0; z-index: 60; height: 0;
	border-radius: 30px; background: var(--hb-white);
	box-shadow: 0 2px 6px rgba(36, 28, 22, .05), 0 34px 80px rgba(36, 28, 22, .24);
	opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(-10px) scale(.985); transform-origin: 50% 0;
	transition: opacity .2s ease-out, transform .35s var(--mm-ease), height .45s var(--mm-ease), visibility 0s linear .35s;
}
.hb-mm-on .hb-mm-stage { opacity: 1; visibility: visible; transform: none; transition: opacity .22s ease-out, transform .45s var(--mm-ease), height .45s var(--mm-ease), visibility 0s; }
.hb-mm-stage.is-snap { transition: none !important; }
.hb-mm-scrim { position: fixed; inset: 0; z-index: 49; background: rgba(36, 28, 22, .26); opacity: 0; visibility: hidden; pointer-events: none; transition: opacity .3s ease-out, visibility 0s linear .3s; }
html.hb-mm-open .hb-mm-scrim { opacity: 1; visibility: visible; transition: opacity .35s ease-out, visibility 0s; }

/* Entrances: the first open rises in column by column; a switch slides the content the way the pointer went
   (RTL: the next item is on the left, so its content comes from the left). */
.hb-mm__panel[data-enter="open"] .hb-mm__in > * { animation: hbmm-up .5s var(--mm-ease) both; }
.hb-mm__panel[data-enter="open"] .hb-mm__in > :nth-child(2) { animation-delay: .05s; }
.hb-mm__panel[data-enter="open"] .hb-mm__in > :nth-child(3) { animation-delay: .1s; }
.hb-mm__panel[data-enter="open"] .hb-mm__in > :nth-child(4) { animation-delay: .15s; }
.hb-mm__panel[data-enter="next"] .hb-mm__in { animation: hbmm-from-l .4s .09s var(--mm-ease) both; }
.hb-mm__panel[data-enter="prev"] .hb-mm__in { animation: hbmm-from-r .4s .09s var(--mm-ease) both; }
.hb-mm__panel[data-leave="next"] .hb-mm__in { animation: hbmm-to-r .14s ease-in both; }
.hb-mm__panel[data-leave="prev"] .hb-mm__in { animation: hbmm-to-l .14s ease-in both; }
@keyframes hbmm-up { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
@keyframes hbmm-from-l { from { opacity: 0; transform: translateX(-34px); } to { opacity: 1; transform: none; } }
@keyframes hbmm-from-r { from { opacity: 0; transform: translateX(34px); } to { opacity: 1; transform: none; } }
@keyframes hbmm-to-r { to { opacity: 0; transform: translateX(28px); } }
@keyframes hbmm-to-l { to { opacity: 0; transform: translateX(-28px); } }

.hb-mm__in { display: grid; gap: 22px 34px; padding: 28px 32px 24px; }
.hb-mm__panel--trays .hb-mm__in { grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr) 286px; }
.hb-mm__panel--catering .hb-mm__in { grid-template-columns: minmax(0, 1.3fr) minmax(0, 1.2fr) 286px; }
.hb-mm__head { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin-bottom: 14px; padding-bottom: 12px; border-bottom: 1px solid var(--mm-line); }
.hb-mm__h { margin: 0; font-weight: 700; font-size: 17px; line-height: 1.2; color: var(--hb-ink-warm); }
.hb-mm__more { display: inline-flex; align-items: center; gap: 6px; font-weight: 700; font-size: 14.5px; color: #9f6500; text-decoration: none; white-space: nowrap; }
.hb-mm__arrow { flex: none; width: 14px; height: 14px; background: currentColor; -webkit-mask: var(--mm-arrow) center / contain no-repeat; mask: var(--mm-arrow) center / contain no-repeat; transition: transform .3s var(--mm-ease); }
.hb-mm__img, .hb-mm__ph { display: block; background: #f3ebe6; }
.hb-mm__img { opacity: 0; transition: opacity .45s ease-out, transform .6s var(--mm-ease); }
.hb-mm__img.is-loaded { opacity: 1; }
.hb-mm__panel a { color: var(--hb-ink-warm); text-decoration: none; -webkit-tap-highlight-color: transparent; }
.hb-mm__panel a:focus-visible { outline: 2px solid var(--hb-ink-warm); outline-offset: 2px; }

/* Category tiles */
.hb-mm__tiles { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px 12px; margin: 0; padding: 0; list-style: none; }
.hb-mm__tile { display: grid; gap: 2px; padding: 6px; margin: -6px; border-radius: 18px; transition: background-color .2s ease-out; }
.hb-mm__tile .hb-mm__img, .hb-mm__tile .hb-mm__ph { width: 100%; aspect-ratio: 4 / 3; height: auto; margin-bottom: 6px; border-radius: 14px; object-fit: cover; }
.hb-mm__tile-t { font-weight: 700; font-size: 15px; line-height: 1.25; }
.hb-mm__tile small { font-size: 13px; color: var(--mm-muted); }

/* Rows (trays with price, event menus) */
.hb-mm__rows { display: grid; gap: 2px; margin: 0; padding: 0; list-style: none; }
.hb-mm__row { display: grid; grid-template-columns: 52px minmax(0, 1fr) auto; align-items: center; gap: 12px; margin-inline: -8px; padding: 7px 8px; border-radius: 16px; transition: background-color .2s ease-out; }
.hb-mm__row .hb-mm__img, .hb-mm__row .hb-mm__ph { width: 52px; height: 52px; border-radius: 12px; object-fit: cover; }
.hb-mm__row-t { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-weight: 600; font-size: 15px; line-height: 1.3; }
.hb-mm__price { display: grid; justify-items: end; font-weight: 700; font-size: 15px; font-variant-numeric: tabular-nums; white-space: nowrap; }
.hb-mm__price small { font-weight: 500; font-size: 12.5px; color: var(--mm-muted); }
.hb-mm__row--menu { grid-template-columns: 64px minmax(0, 1fr) auto; padding-block: 8px; }
.hb-mm__row--menu .hb-mm__img, .hb-mm__row--menu .hb-mm__ph { width: 64px; height: 64px; border-radius: 14px; }
.hb-mm__row-main { display: grid; gap: 2px; min-width: 0; }
.hb-mm__row-main .hb-mm__row-t { -webkit-line-clamp: 1; font-weight: 700; }
.hb-mm__row-main small { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 13px; line-height: 1.4; color: var(--mm-muted); }
.hb-mm__sub { margin: 16px 0 8px; font-weight: 700; font-size: 14px; color: var(--mm-muted); }

/* Chips */
.hb-mm__chips, .hb-mm__guests { display: flex; flex-wrap: wrap; gap: 6px; margin: 0; padding: 0; list-style: none; }
.hb-mm__chip { display: inline-flex; align-items: center; min-height: 36px; padding: 0 14px; border: 1px solid rgba(53, 43, 36, .12); border-radius: 99px; background: var(--hb-white); font-weight: 600; font-size: 14px; line-height: 1.2; white-space: nowrap; transition: background-color .2s ease-out, border-color .2s ease-out, color .2s ease-out, transform .15s ease-out; }
.hb-mm__chip--line { border-color: rgba(53, 43, 36, .16); background: transparent; }
.hb-mm__chip:active { transform: scale(.96); }

/* Occasions */
.hb-mm__occs { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin: 0; padding: 0; list-style: none; }
.hb-mm__occ { display: grid; align-content: start; gap: 12px; }
.hb-mm__occ-card { position: relative; display: block; overflow: hidden; border-radius: 18px; isolation: isolate; }
.hb-mm__occ-card .hb-mm__img, .hb-mm__occ-card .hb-mm__ph { width: 100%; aspect-ratio: 5 / 4; height: auto; object-fit: cover; }
.hb-mm__occ-card::after { content: ""; position: absolute; inset: 40% 0 0; background: linear-gradient(to top, rgba(28, 22, 18, .78), rgba(28, 22, 18, 0)); }
.hb-mm__panel .hb-mm__occ-t { position: absolute; inset: auto 14px 12px; z-index: 1; display: flex; align-items: center; justify-content: space-between; gap: 8px; font-weight: 700; font-size: 17px; color: var(--hb-white); }

/* Promo cards */
.hb-mm__promo { display: grid; grid-template-rows: 128px auto; align-self: start; overflow: hidden; border-radius: 22px; background: var(--hb-rose); }
.hb-mm__promo-media { position: relative; overflow: hidden; }
.hb-mm__promo-media .hb-mm__img, .hb-mm__promo-media .hb-mm__ph { width: 100%; height: 100%; object-fit: cover; }
.hb-mm__promo-body { display: grid; gap: 8px; padding: 18px 20px 20px; }
.hb-mm__promo-h { margin: 0; font-weight: 700; font-size: 19px; line-height: 1.25; }
.hb-mm__promo-t { margin: 0 0 4px; font-size: 14.5px; line-height: 1.5; }
.hb-mm__guests .hb-mm__chip { border-color: transparent; }
.hb-mm__btn { display: inline-flex; align-items: center; justify-content: space-between; gap: 10px; min-height: 48px; margin-top: 4px; padding: 0 20px; border-radius: 99px; background: var(--hb-white); font-weight: 700; font-size: 15.5px; transition: transform .2s var(--mm-ease), background-color .2s ease-out; }
.hb-mm__promo--dark { background: var(--hb-ink-warm); color: var(--hb-white); }
.hb-mm__promo--dark .hb-mm__promo-media::after { content: ""; position: absolute; inset: 0; background: linear-gradient(to top, var(--hb-ink-warm), rgba(53, 43, 36, 0) 70%); }
.hb-mm__panel .hb-mm__promo--dark .hb-mm__btn { color: var(--hb-ink-warm); }
.hb-mm__panel .hb-mm__tel { font-size: 14px; color: rgba(255, 255, 255, .88); }
.hb-mm__tel bdi { font-weight: 700; color: var(--hb-white); text-decoration: underline; text-underline-offset: 3px; }

/* Bottom line of the trays panel: quick filters and the season */
.hb-mm__foot { grid-column: 1 / -1; display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; padding-top: 18px; border-top: 1px solid var(--mm-line); }
.hb-mm__foot-h { margin: 0; font-weight: 700; font-size: 14px; color: var(--mm-muted); }
.hb-mm__season { display: inline-flex; align-items: center; gap: 12px; max-width: 100%; margin-inline-start: auto; padding: 7px 14px 7px 8px; border-radius: 99px; background: #fff4dc; transition: background-color .2s ease-out; }
.hb-mm__season-tag { flex: none; padding: 4px 12px; border-radius: 99px; background: var(--hb-gold); font-weight: 700; font-size: 13.5px; }
.hb-mm__season-t { overflow: hidden; font-size: 14px; white-space: nowrap; text-overflow: ellipsis; }

@media (hover: hover) and (pointer: fine) {
	.hb-mm__tile:hover { background: var(--hb-filter-bg); }
	.hb-mm__tile:hover .hb-mm__img, .hb-mm__row:hover .hb-mm__img, .hb-mm__occ-card:hover .hb-mm__img { transform: scale(1.05); }
	.hb-mm__row:hover { background: var(--hb-filter-bg); }
	.hb-mm__more:hover .hb-mm__arrow, .hb-mm__occ-card:hover .hb-mm__arrow, .hb-mm__btn:hover .hb-mm__arrow, .hb-mm__season:hover .hb-mm__arrow { transform: translateX(-4px); }
	.hb-mm__chip:hover { border-color: var(--hb-ink-warm); background: var(--hb-ink-warm); color: var(--hb-white); }
	.hb-mm__btn:hover { transform: translateY(-1px); }
	.hb-mm__promo:not(.hb-mm__promo--dark) .hb-mm__btn:hover { background: var(--hb-ink-warm); color: var(--hb-white); }
	.hb-mm__season:hover { background: #ffe9b8; }
}
@media (prefers-reduced-motion: reduce) {
	.hb-mm-stage, .hb-mm__panel, .hb-mm__panel *, .hb-mm > a::after, .hb-mm__chev { animation: none !important; transition-duration: .01s !important; transform: none !important; }
}

/* Search ------------------------------------------------------------------------------------------ */
/* Header search: a palette under the header (desktop, tablet) and a full screen sheet (phones). Every other
   search box (results page, 404) keeps a dropdown under it, with the same rows. */
.hb-search .hb-btn { background: #8d6f63; } /* white on mauve was 2.3:1; same mauve, darker (4.6:1) */
.hb-search .hb-btn:hover { background: #7a5f55; }
.hb-search .hb-btn:active { transform: scale(.97); }
.hb-search { display: block; top: calc(100% + 12px); width: min(760px, calc(100% - 32px)); padding: 12px; border-radius: 28px; background: var(--hb-white); box-shadow: 0 2px 6px rgba(36, 28, 22, .06), 0 34px 80px rgba(36, 28, 22, .28); z-index: 62; }
.hb-search__bar { position: relative; display: flex; align-items: center; gap: 8px; }
.hb-search .hb-search__bar input[type="search"] {
	height: 60px; padding: 0 54px 0 18px; border: 1.5px solid transparent; border-radius: 20px;
	background: var(--hb-filter-bg); font: 500 19px var(--hb-font); color: var(--hb-ink-warm);
	transition: border-color .2s ease-out, background-color .2s ease-out, box-shadow .2s ease-out;
}
.hb-search .hb-search__bar input[type="search"]::placeholder { color: #7d726c; opacity: 1; }
.hb-search .hb-search__bar input[type="search"]:focus { outline: none; border-color: #5c6e5a; background: var(--hb-white); box-shadow: 0 0 0 4px rgba(101, 123, 99, .16); }
.hb-search__lens, .hb-search__spin { position: absolute; top: 50%; right: 20px; width: 20px; height: 20px; margin-top: -10px; pointer-events: none; transition: opacity .2s ease-out, transform .25s var(--mm-ease); }
.hb-search__lens { background: #6b625d; -webkit-mask: url("../img/search.svg") center / contain no-repeat; mask: url("../img/search.svg") center / contain no-repeat; }
.hb-search__spin { border: 2px solid rgba(53, 43, 36, .16); border-top-color: var(--hb-ink-warm); border-radius: 50%; opacity: 0; transform: scale(.6); }
.hb-search.is-busy .hb-search__lens { opacity: 0; transform: scale(.6); }
.hb-search.is-busy .hb-search__spin { opacity: 1; transform: none; animation: hbs-spin .7s linear infinite; }
@keyframes hbs-spin { to { transform: rotate(360deg); } }
.hb-search .hb-search__go { flex: none; min-width: 108px; min-height: 60px; border-radius: 20px; font-size: 17px; }
.hb-search__cancel { display: none; }
.hb-search .hb-sug { position: static; max-height: min(64vh, 580px); margin: 8px 0 0; padding: 4px 2px 0; border-radius: 0; background: none; box-shadow: none; }
.hb-search:not(.has-sug) .hb-search__body { display: none; }
.hb-search-scrim { position: fixed; inset: 0; z-index: 49; background: rgba(36, 28, 22, .34); opacity: 0; visibility: hidden; transition: opacity .3s ease-out, visibility 0s linear .3s; }
html.hb-search-on .hb-search-scrim { opacity: 1; visibility: visible; transition: opacity .3s ease-out, visibility 0s; }
@media (min-width: 768px) { html.hb-search-on .hb-header { z-index: 51; } }

/* The rows (every search box) */
.hb-sug { overscroll-behavior: contain; scrollbar-width: thin; scroll-padding-block: 8px; }
.hb-sug__lb { display: grid; }
.hb-sug.is-stale .hb-sug__lb, .hb-search.is-busy .hb-sug__lb { opacity: .55; transition: opacity .2s ease-out .08s; }
.hb-sug__sec { position: relative; display: grid; gap: 1px; }
.hb-sug__sec + .hb-sug__sec { margin-top: 6px; padding-top: 6px; border-top: 1px solid rgba(53, 43, 36, .07); }
.hb-sug__group { margin: 0; padding: 10px 12px 6px; font-weight: 700; font-size: 13px; letter-spacing: .02em; color: #6b625d; }
.hb-sug__msg { margin: 0; padding: 10px 12px 6px; font-weight: 600; font-size: 14.5px; line-height: 1.45; color: var(--hb-ink-warm); }
.hb-sug__item { display: grid; grid-template-columns: 48px minmax(0, 1fr) auto 14px; align-items: center; gap: 14px; min-height: 64px; padding: 8px 12px; border-radius: 16px; color: var(--hb-ink-warm); text-decoration: none; transition: background-color .15s ease-out; -webkit-tap-highlight-color: transparent; }
.hb-sug__pic { display: block; width: 48px; height: 48px; overflow: hidden; border-radius: 12px; background: #f3ebe6; }
.hb-sug__pic img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 0; animation: hbs-img .35s ease-out; }
@keyframes hbs-img { from { opacity: 0; } }
.hb-sug__ico { position: relative; display: block; width: 48px; height: 48px; border-radius: 12px; background: var(--hb-filter-bg); box-shadow: inset 0 0 0 1px rgba(53, 43, 36, .07); }
.hb-sug__ico::after { content: ""; position: absolute; inset: 0; margin: auto; width: 20px; height: 20px; background: #6b625d; -webkit-mask: var(--i, url("../img/search.svg")) center / contain no-repeat; mask: var(--i, url("../img/search.svg")) center / contain no-repeat; }
.hb-sug__ico--page, .hb-sug__ico--menu { --i: url("../img/icon-trays.svg"); }
.hb-sug__ico--cat { --i: url("../img/icon-trays.svg"); }
.hb-sug__ico--recent { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='8.5' fill='none' stroke='%23000' stroke-width='1.8'/%3E%3Cpath d='M12 7.5V12l3 2' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E"); }
.hb-sug__ico--all { --i: url("../img/search.svg"); background: var(--hb-ink-warm); }
.hb-sug__ico--all::after { background: var(--hb-white); }
.hb-sug__ico--wa { background: #1f8f4c; box-shadow: none; }
.hb-sug__ico--wa::after { --i: url("../img/whatsapp.svg"); background: var(--hb-white); }
.hb-sug__body { display: grid; gap: 2px; min-width: 0; }
.hb-sug__t { overflow: hidden; font-weight: 600; font-size: 16px; line-height: 1.3; white-space: nowrap; text-overflow: ellipsis; }
.hb-sug__t mark { padding: 0; border-radius: 2px; background: none; color: inherit; font-weight: 800; box-shadow: inset 0 -.42em 0 rgba(250, 178, 11, .38); }
.hb-sug__sub { font-size: 13px; color: #6b625d; }
.hb-sug__item small { font-size: 13.5px; color: #6b625d; white-space: nowrap; font-variant-numeric: tabular-nums; }
.hb-sug__item--product small { font-weight: 700; font-size: 15px; color: var(--hb-ink-warm); }
.hb-sug__go { width: 14px; height: 14px; background: currentColor; -webkit-mask: var(--mm-arrow) center / contain no-repeat; mask: var(--mm-arrow) center / contain no-repeat; opacity: 0; transform: translateX(6px); transition: opacity .15s ease-out, transform .25s var(--mm-ease); }
.hb-sug__item.is-active { background: #f5ede7; }
.hb-sug__item.is-active .hb-sug__go { opacity: 1; transform: none; }
.hb-sug__item:active { background: #efe4dd; }
.hb-sug__item--wa .hb-sug__t { color: #1f6f3e; }
.hb-sug__item--all { min-height: 56px; }
.hb-sug__item--all .hb-sug__t { font-weight: 700; color: #9f6500; }
.hb-sug__item--recent { grid-template-columns: 36px minmax(0, 1fr) 14px; min-height: 48px; padding-block: 6px; }
.hb-sug__item--recent .hb-sug__ico { width: 36px; height: 36px; background: none; box-shadow: none; }
.hb-sug__clear { position: absolute; top: 4px; left: 6px; display: inline-flex; align-items: center; min-height: 32px; padding: 0 12px; border-radius: 99px; font-weight: 700; font-size: 13.5px; color: #9f6500; cursor: pointer; }
.hb-sug__clear.is-active, .hb-sug__clear:hover { background: #f5ede7; }
.hb-sug__chips { display: flex; flex-wrap: wrap; gap: 8px; padding: 2px 12px 10px; }
.hb-sug__chip { display: inline-flex; align-items: center; min-height: 40px; padding: 0 16px; border: 1px solid rgba(53, 43, 36, .14); border-radius: 99px; background: var(--hb-white); color: var(--hb-ink-warm); font-weight: 600; font-size: 15px; text-decoration: none; transition: background-color .15s ease-out, color .15s ease-out, border-color .15s ease-out, transform .15s ease-out; }
.hb-sug__chip .hb-sug__ico, .hb-sug__chip .hb-sug__go { display: none; }
.hb-sug__chip .hb-sug__t { font-size: 15px; }
.hb-sug__chip.is-active, .hb-sug__chip:hover { border-color: var(--hb-ink-warm); background: var(--hb-ink-warm); color: var(--hb-white); }
.hb-sug__chip:active { transform: scale(.96); }
.hb-sug__keys { display: flex; flex-wrap: wrap; gap: 6px 18px; margin: 8px 0 0; padding: 12px 12px 2px; border-top: 1px solid rgba(53, 43, 36, .07); font-size: 12.5px; color: #6b625d; }
.hb-sug__keys kbd { display: inline-grid; place-items: center; min-width: 22px; height: 22px; margin-inline-end: 4px; padding: 0 6px; border: 1px solid rgba(53, 43, 36, .14); border-bottom-width: 2px; border-radius: 6px; background: var(--hb-filter-bg); font: 600 11.5px/1 var(--hb-font); color: var(--hb-ink-warm); }
.hb-sug__item--recent .hb-sug__ico::after { width: 18px; height: 18px; }
@media (prefers-reduced-motion: no-preference) {
	.hb-sug:not([hidden]) { animation: hb-sug-in .2s ease-out; }
	@keyframes hb-sug-in { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: none; } }
}
@media (hover: none) { .hb-sug__keys { display: none; } }

/* Phones: the header search grows out of the header. Its field sits exactly where the header was (same
   box, same corners, the header's own colour), the results come down under it as one card, and the page
   behind dims. polish-global.js measures the header (--hb-hdr-*) just before it opens. */
@media (max-width: 767px) {
	.hb-search, .hb-search.is-open {
		position: fixed; inset: 0; z-index: 1300; display: flex; flex-direction: column; gap: 8px;
		width: auto; height: 100%; height: 100dvh; margin: 0;
		padding: var(--hb-hdr-t, 10px) var(--hb-hdr-x, 8px) calc(12px + env(safe-area-inset-bottom, 0px));
		border-radius: 0; background: rgba(30, 24, 20, .5); box-shadow: none; transform: none;
		transition: opacity .26s ease-out, visibility 0s linear .3s;
	}
	.hb-search.is-open { transition: opacity .2s ease-out, visibility 0s; }
	.hb-search__bar {
		flex: none; height: var(--hb-hdr-h, 72px); gap: 2px; padding: 0 12px 0 6px; border: 0;
		border-radius: var(--hb-hdr-r, 28px); background: var(--hb-hdr-bg, #fff); color: var(--hb-hdr-fg, var(--hb-ink-warm));
		box-shadow: 0 12px 34px rgba(30, 24, 20, .18);
		transform: scaleX(.96); transition: transform .45s var(--mm-ease);
	}
	.hb-search.is-open .hb-search__bar { transform: none; }
	.hb-search .hb-search__bar input[type="search"] { height: 48px; padding: 0 44px 0 12px; border: 1.5px solid transparent; border-radius: 16px; background: #fff; font-size: 17px; }
	.hb-search .hb-search__bar input[type="search"]:focus { border-color: #5c6e5a; box-shadow: 0 0 0 3px rgba(101, 123, 99, .2); }
	.hb-search__lens, .hb-search__spin { right: 26px; }
	.hb-search .hb-search__go { display: none; }
	.hb-search__cancel { display: block; flex: none; min-width: 56px; min-height: 48px; padding: 0 8px; border: 0; background: none; font: 700 16.5px var(--hb-font); color: inherit; cursor: pointer; -webkit-tap-highlight-color: transparent; transition: opacity .15s ease-out; }
	.hb-search__cancel:active { opacity: .55; }
	/* The results: one cream card under the field, as tall as it needs to be, scrolling inside. */
	.hb-search:not(.has-sug) .hb-search__body { display: none; }
	.hb-search.has-sug .hb-search__body {
		display: block; flex: 0 1 auto; min-height: 0; overflow-y: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch;
		padding: 6px 6px 14px; border-radius: 26px; background: var(--hb-filter-bg); box-shadow: 0 24px 60px rgba(30, 24, 20, .3);
		transform-origin: 50% 0; animation: hb-grow-down .42s cubic-bezier(.32, .72, 0, 1);
	}
	.hb-search .hb-sug { max-height: none !important; margin: 0; padding: 0; overflow: visible; animation: none; }
	.hb-search-scrim { display: none; }
	html.hb-search-on, html.hb-search-on body { overflow: hidden; }
}
/* Thumb-sized rows on phones (header search and the menu search alike). */
@media (max-width: 767px) {
	.hb-sug__item { grid-template-columns: 52px minmax(0, 1fr) auto; min-height: 68px; gap: 12px; padding: 8px 10px; }
	.hb-sug__item .hb-sug__go { display: none; }
	.hb-sug__pic, .hb-sug__ico { width: 52px; height: 52px; }
	.hb-sug__item--recent { grid-template-columns: 36px minmax(0, 1fr); min-height: 52px; }
	.hb-sug__item--recent .hb-sug__ico { width: 36px; height: 36px; }
	.hb-sug__t { font-size: 16.5px; }
	.hb-sug__clear { min-height: 40px; }
}
/* Something growing down out of the header (menu, phone search results). */
@keyframes hb-grow-down {
	from { opacity: .4; clip-path: inset(0 0 calc(100% - 14px) 0 round 26px); transform: translateY(-10px); }
	to { opacity: 1; clip-path: inset(0 0 0 0 round 26px); transform: none; }
}
/* The browser's clear button in a search box, in the brand's colours instead of system blue. */
:is(.hb-search, .hb-dsearch, .hb-state) input[type="search"]::-webkit-search-cancel-button {
	-webkit-appearance: none; appearance: none; width: 22px; height: 22px; margin: 0; border-radius: 50%; cursor: pointer;
	background: #8a7f78 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M3.5 3.5l5 5M8.5 3.5l-5 5' stroke='%23fff' stroke-width='1.7' stroke-linecap='round'/%3E%3C/svg%3E") center / 12px no-repeat;
	transition: background-color .15s ease-out;
}
:is(.hb-search, .hb-dsearch, .hb-state) input[type="search"]::-webkit-search-cancel-button:hover { background-color: var(--hb-ink-warm); }

/* Search results page: filters by kind, then the groups. */
.hb-sr__tabs { display: flex; flex-wrap: wrap; gap: 8px; margin: -6px 0 26px; }
.hb-sr__tabs[hidden] { display: none; }
.hb-sr__tab { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 18px; border: 1.5px solid rgba(53, 43, 36, .14); border-radius: 99px; background: var(--hb-white); color: var(--hb-ink-warm); font: 600 15.5px var(--hb-font); cursor: pointer; transition: background-color .2s ease-out, color .2s ease-out, border-color .2s ease-out, transform .15s ease-out; }
.hb-sr__tab b { display: inline-grid; place-items: center; min-width: 24px; height: 24px; padding: 0 7px; border-radius: 99px; background: var(--hb-filter-bg); font-size: 13px; font-variant-numeric: tabular-nums; transition: inherit; }
.hb-sr__tab[aria-pressed="true"] { border-color: var(--hb-ink-warm); background: var(--hb-ink-warm); color: var(--hb-white); }
.hb-sr__tab[aria-pressed="true"] b { background: rgba(255, 255, 255, .18); color: var(--hb-white); }
.hb-sr__tab:active { transform: scale(.96); }
.hb-sr__tab:focus-visible { outline: 2px solid var(--hb-ink-warm); outline-offset: 3px; }
@media (hover: hover) and (pointer: fine) { .hb-sr__tab:not([aria-pressed="true"]):hover { border-color: var(--hb-ink-warm); } }
.hb-sr__group + .hb-sr__group { margin-top: 34px; }
.hb-sr__group[hidden] { display: none; }
.hb-sr__group.is-in { animation: hbmm-up .4s var(--mm-ease) both; }
.hb-sr__h { margin: 0 0 14px; font-weight: 700; font-size: 21px; color: var(--hb-ink-warm); }
.hb-sr__cats { display: flex; flex-wrap: wrap; gap: 10px; margin: 0; padding: 0; list-style: none; }
.hb-sr__cat { display: flex; align-items: center; gap: 12px; min-height: 64px; padding: 8px 18px 8px 8px; border-radius: 18px; background: var(--hb-white); color: var(--hb-ink-warm); text-decoration: none; box-shadow: 0 1px 0 rgba(53, 43, 36, .06); transition: transform .22s var(--mm-ease), box-shadow .22s var(--mm-ease); }
.hb-sr__cat img { width: 48px; height: 48px; border-radius: 12px; object-fit: cover; }
.hb-sr__cat span { display: grid; font-weight: 700; font-size: 16px; }
.hb-sr__cat small { font-weight: 500; font-size: 13px; color: #6b625d; }
.hb-sr__cat:active { transform: scale(.98); }
@media (hover: hover) and (pointer: fine) { .hb-sr__cat:hover { transform: translateY(-1px); box-shadow: 0 8px 22px rgba(53, 43, 36, .1); } }
.hb-sr__pages { width: min(620px, 100%); }
.hb-state__link small { margin-inline-start: auto; margin-inline-end: 10px; font-weight: 500; font-size: 13.5px; color: #6b625d; }
@media (prefers-reduced-motion: reduce) { .hb-search, .hb-search *, .hb-sug, .hb-sr__group { animation: none !important; transition-duration: .01s !important; } }
@media (max-width: 767px) {
	.hb-sr__tabs { flex-wrap: nowrap; overflow-x: auto; margin-inline: -16px; padding: 2px 16px 4px; scrollbar-width: none; }
	.hb-sr__tabs::-webkit-scrollbar { display: none; }
	.hb-sr__tab { flex: none; }
	.hb-sr__cats { display: grid; grid-template-columns: 1fr; }
}

/* Mobile menu ------------------------------------------------------------------------------------- */
/* Top bar: account and cart next to the close button, same round 44px buttons. */
.hb-drawer__tools { display: flex; align-items: center; gap: 8px; }
.hb-drawer__tool { position: relative; display: grid; place-items: center; flex: none; width: 44px; height: 44px; border-radius: 50%; background: var(--hb-white); box-shadow: 0 2px 10px rgba(53, 43, 36, .1); color: var(--hb-ink-warm); text-decoration: none; }
.hb-drawer__tool:active { transform: scale(.94); }
.hb-drawer__tool-ico { width: 20px; height: 20px; background: currentColor; -webkit-mask: var(--m) center / contain no-repeat; mask: var(--m) center / contain no-repeat; }
.hb-drawer__tool--cart .hb-drawer__tool-ico { --m: url("../img/cart.svg"); }
.hb-drawer__tool--account .hb-drawer__tool-ico { --m: url("../img/user.svg"); }
.hb-drawer__tool .hb-cart-count { position: absolute; top: -3px; right: -3px; left: auto; min-width: 20px; height: 20px; padding: 0 5px; border: 2px solid var(--hb-filter-bg); border-radius: 99px; background: var(--hb-orange); color: var(--hb-ink-warm); font: 700 11px/16px var(--hb-font); text-align: center; }
/* The arrow next to a menu item with a second layer: a full 44px target. */
.hb-drawer__nav .hb-mega__toggle { width: 44px; height: 44px; cursor: pointer; }
.hb-drawer__nav .hb-has-mega > a { padding-inline-end: 56px; }
.hb-drawer__nav .hb-mega__toggle:active { background: var(--hb-rose); }
/* Hierarchy: the main items stay large; אודות / כשרות / צור קשר are secondary, smaller and quieter. */
.hb-drawer__utility { margin-top: 18px; }
.hb-drawer__utility a { min-height: 48px; font-weight: 500; font-size: 17px; color: #5f524c; }
.hb-drawer__utility li:last-child a { border-bottom: 0; }
.hb-drawer__nav > ul > li > a:active, .hb-drawer__utility a:active { color: var(--hb-orange-dark); }
/* The seasonal pill keeps a 44px height. */
.hb-drawer__nav .hb-menu-highlight > a { min-height: 44px; padding-inline: 18px; }
/* Second layer: the back button reaches 44px too. */
.hb-drawer__back { height: 44px; }
.hb-drawer__sub-body .hb-mega__h { color: #6b625d; }
.hb-drawer__sub-body ul a small { color: #6b625d; }
.hb-drawer__sub-all, .hb-drawer__sub-body .hb-mega__all { color: #9f6500; }

/* Search results page: matching site pages, as a short list of clear links. */
.hb-state__pages { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: -12px 0 24px; font-size: 15px; color: #6b625d; }
.hb-state__pages .hb-chip { text-decoration: none; }
.hb-state__links { display: grid; gap: 8px; width: min(520px, 100%); margin: 0; padding: 0; list-style: none; }
.hb-state__link { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 54px; padding: 0 20px; border-radius: 16px; background: var(--hb-white); box-shadow: 0 1px 0 rgba(53, 43, 36, .06); font-weight: 700; font-size: 17px; color: var(--hb-ink-warm); text-decoration: none; transition: transform .22s var(--hb-ease), box-shadow .22s var(--hb-ease); }
.hb-state__link::after { content: ""; width: 8px; height: 8px; flex: none; border: solid currentColor; border-width: 0 0 2px 2px; transform: rotate(45deg); transition: transform .22s var(--hb-ease); }
/* Lift only for a real mouse (a touch tap would leave it stuck lifted); press feedback for everyone. */
@media (hover: hover) and (pointer: fine) {
	.hb-state__link:hover { box-shadow: 0 8px 22px rgba(53, 43, 36, .1); transform: translateY(-1px); }
	.hb-state__link:hover::after { transform: translateX(-3px) rotate(45deg); }
}
.hb-state__link:active { box-shadow: 0 1px 0 rgba(53, 43, 36, .06); transform: scale(.985); transition-duration: .1s; }
.hb-state__link:focus-visible { outline: 2px solid var(--hb-ink-warm); outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) { .hb-state__link, .hb-state__link::after { transition: none; } }
/* The menu's order button: white on orange was 2.1:1. Same treatment as the bottom bar: the orange one
   step darker and the label large and bold (3.2:1, large text). */
.hb-drawer__foot .hb-drawer__cta.hb-btn { background: #c88003; font-size: 19px; font-weight: 700; }
.hb-drawer__foot .hb-drawer__cta.hb-btn:active { background: #a86b02; }

/* Footer: the WhatsApp link kept its icon on a line of its own (a later rule made it inline-block). */
.hb-footer__contact li a { display: inline-flex !important; align-items: center; gap: 8px; }
/* Footer bottom on tablets: the copyright ran under the rolling bagel. Centred and below it instead. */
@media (min-width: 768px) and (max-width: 1100px) {
	.hb-footer__bottom { flex-direction: column; justify-content: center; padding-top: 64px; text-align: center; }
}
/* Tablets and up: a bar docked at the bottom (the menu pages' order bar) pushes the cookie notice up too. */
@media (min-width: 768px) { .hb-cookie { bottom: 16px; translate: 0 calc(-1 * var(--hb-dock, 0px)); } } /* FX-4: translate, see the phone rule */

/* "התחלת הזמנה" (inc/states.php, states.js) ---------------------------------------------------------- */
/* A card on larger screens, a bottom sheet on phones that follows the finger. Each range is a card with a
   little crowd that grows with it; the one you pick fills and ticks before the packages come up. */
.hb-start {
	--hb-start-drag: 0;
	width: min(640px, calc(100vw - 32px)); padding: 28px 26px 22px; border-radius: 30px;
	background: var(--hb-filter-bg); overscroll-behavior: contain;
	box-shadow: 0 2px 6px rgba(30, 24, 20, .08), 0 40px 90px rgba(30, 24, 20, .34);
}
.hb-start[open] { animation: hbst-in .46s cubic-bezier(.32, .72, 0, 1); }
.hb-start.is-closing { animation: hbst-out .26s cubic-bezier(.4, 0, 1, 1) forwards; }
@keyframes hbst-in { from { opacity: 0; transform: translateY(20px) scale(.97); } }
@keyframes hbst-out { to { opacity: 0; transform: translateY(14px) scale(.98); } }
.hb-start::backdrop { background: rgba(29, 24, 20, .52); opacity: calc(1 - var(--hb-start-drag, 0) * .9); animation: hbst-fade .4s ease-out; }
.hb-start.is-closing::backdrop { animation: hbst-fade-out .26s ease-in forwards; }
@keyframes hbst-fade { from { opacity: 0; } }
@keyframes hbst-fade-out { to { opacity: 0; } }
.hb-start .hb-start__grab { display: none; }
.hb-start h2 { padding-inline-end: 52px; font-size: 26px; }
.hb-start .hb-start__lead { color: #5f564f; }
.hb-start__meta { display: inline-flex; align-items: center; gap: 8px; margin: 12px 0 0; padding: 6px 13px 6px 11px; border-radius: 99px; background: rgba(101, 123, 99, .13); font-size: 14px; color: #3c4e3b; }
.hb-start__meta b { font-weight: 800; }
.hb-start__meta-ico { width: 16px; height: 16px; background: currentColor; -webkit-mask: url("../img/icon-trays.svg") center / contain no-repeat; mask: url("../img/icon-trays.svg") center / contain no-repeat; }
.hb-start .hb-start__x { transition: transform .2s var(--mm-ease), background-color .2s ease-out; }
.hb-start .hb-start__x:active { transform: scale(.9); }
.hb-start .hb-start__x:focus-visible { outline: 2px solid var(--hb-ink-warm); outline-offset: 2px; }
/* The ranges */
.hb-start .hb-start__chips { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; margin: 20px 0 0; padding: 0; list-style: none; }
.hb-start .hb-start__chip {
	position: relative; display: grid; justify-items: center; align-content: center; gap: 10px; min-height: 134px; padding: 18px 8px 14px;
	border: 1.5px solid rgba(53, 43, 36, .08); border-radius: 22px; background: var(--hb-white); color: var(--hb-ink-warm);
	box-shadow: 0 1px 2px rgba(53, 43, 36, .05); text-align: center; text-decoration: none; -webkit-tap-highlight-color: transparent;
	transition: transform .32s var(--mm-ease), box-shadow .32s var(--mm-ease), border-color .2s ease-out, background-color .25s ease-out, color .25s ease-out, opacity .25s ease-out;
}
.hb-start__ppl { display: flex; justify-content: center; align-items: flex-end; height: 28px; color: #657b63; transition: color .25s ease-out; }
.hb-start__ppl i {
	width: 19px; height: 26px; margin-inline: -2.5px; background: currentColor;
	-webkit-mask: var(--hb-person) center bottom / contain no-repeat; mask: var(--hb-person) center bottom / contain no-repeat;
	transition: transform .35s cubic-bezier(.34, 1.56, .64, 1);
}
.hb-start__ppl i:nth-child(even) { height: 22px; opacity: .78; }
.hb-start__ppl i:nth-child(3) { height: 28px; }
:root { --hb-person: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 26'%3E%3Ccircle cx='10' cy='6.2' r='5'/%3E%3Cpath d='M1 26v-4.5C1 16.3 5 13 10 13s9 3.3 9 8.5V26z'/%3E%3C/svg%3E"); }
.hb-start__txt { display: grid; gap: 3px; line-height: 1.1; }
.hb-start__num { font-weight: 800; font-size: 21px; font-variant-numeric: tabular-nums; white-space: nowrap; }
.hb-start__unit { font-weight: 600; font-size: 13.5px; color: #6b625d; transition: color .25s ease-out; }
.hb-start__unit:empty { display: none; }
.hb-start__tick { position: absolute; top: 9px; left: 9px; width: 24px; height: 24px; border-radius: 50%; background: var(--hb-white) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.4 6.3l2.3 2.3 4.9-5.2' fill='none' stroke='%23352b24' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 12px no-repeat; transform: scale(0); transition: transform .38s cubic-bezier(.34, 1.56, .64, 1); }
.hb-start .hb-start__chip:active { transform: scale(.96); transition-duration: .1s; }
.hb-start .hb-start__chip:focus-visible { outline: 2px solid var(--hb-ink-warm); outline-offset: 3px; }
@media (hover: hover) and (pointer: fine) {
	.hb-start .hb-start__chip:hover { border-color: rgba(53, 43, 36, .3); transform: translateY(-3px); box-shadow: 0 14px 30px rgba(53, 43, 36, .12); }
	.hb-start .hb-start__chip:hover .hb-start__ppl i { transform: translateY(-2px); }
	.hb-start .hb-start__chip:hover .hb-start__ppl i:nth-child(even) { transform: translateY(-4px); }
}
/* Picked: it fills, the crowd turns sesame gold, a tick lands; the rest step back. */
.hb-start .hb-start__chip.is-picked { border-color: var(--hb-ink-warm); background: var(--hb-ink-warm); color: var(--hb-white); transform: scale(1.03); box-shadow: 0 16px 34px rgba(53, 43, 36, .28); }
.hb-start__chip.is-picked .hb-start__ppl { color: #e3c78d; }
.hb-start__chip.is-picked .hb-start__unit { color: rgba(255, 255, 255, .78); }
.hb-start__chip.is-picked .hb-start__tick { transform: scale(1); }
.hb-start.is-picking .hb-start__chip:not(.is-picked) { opacity: .4; transform: scale(.97); }
.hb-start.is-picking { pointer-events: none; }
/* The two other ways in: clear cards with the action in the brand's dark green (6.2:1 on white). */
.hb-start .hb-start__links { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 18px 0 0; padding: 0; border: 0; list-style: none; }
.hb-start .hb-start__link {
	display: flex; flex-direction: row; justify-content: flex-start; align-items: center; gap: 12px; min-height: 66px; padding: 10px 14px;
	border: 1px solid rgba(53, 43, 36, .08); border-radius: 18px; background: rgba(255, 255, 255, .72); color: var(--hb-ink-warm); text-decoration: none;
	transition: background-color .2s ease-out, transform .2s var(--mm-ease), border-color .2s ease-out;
}
.hb-start__link-ico { position: relative; flex: none; width: 40px; height: 40px; border-radius: 12px; background: var(--hb-rose); }
.hb-start__link-ico::after { content: ""; position: absolute; inset: 0; margin: auto; width: 20px; height: 20px; background: var(--hb-ink-warm); -webkit-mask: var(--i) center / contain no-repeat; mask: var(--i) center / contain no-repeat; }
.hb-start__link-ico--menu { --i: url("../img/icon-trays.svg"); }
.hb-start__link-ico--quote { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='5' width='17' height='15.5' rx='3'/%3E%3Cpath d='M8 3v4M16 3v4M3.5 10h17M8 14h3'/%3E%3C/svg%3E"); background: #e7ece6; }
.hb-start .hb-start__link-txt { display: grid; flex: 1; gap: 1px; min-width: 0; font-size: 13.5px; line-height: 1.3; color: #6b625d; }
.hb-start .hb-start__link-txt b { font-weight: 700; font-size: 16px; color: #4f624d; white-space: normal; }
.hb-start .hb-start__links .hb-start__link-go { flex: none; width: 16px; height: 16px; background: #4f624d; -webkit-mask: var(--mm-arrow) center / contain no-repeat; mask: var(--mm-arrow) center / contain no-repeat; transition: transform .25s var(--mm-ease); }
.hb-start .hb-start__link:active { transform: scale(.98); background: var(--hb-white); }
.hb-start .hb-start__link:focus-visible { outline: 2px solid var(--hb-ink-warm); outline-offset: 2px; }
@media (hover: hover) and (pointer: fine) {
	.hb-start .hb-start__link:hover { background: var(--hb-white); border-color: rgba(53, 43, 36, .16); }
	.hb-start .hb-start__link:hover .hb-start__link-go { transform: translateX(-4px); }
}
/* Arrival: the ranges come in one after another. */
@media (prefers-reduced-motion: no-preference) {
	.hb-start[open]:not(.is-closing) .hb-start__chips li { animation: hbst-chip .55s cubic-bezier(.22, 1, .36, 1) backwards; animation-delay: calc(var(--i, 1) * 45ms + 90ms); }
	.hb-start[open]:not(.is-closing) .hb-start__links li { animation: hbst-chip .55s cubic-bezier(.22, 1, .36, 1) .33s backwards; }
	@keyframes hbst-chip { from { opacity: 0; transform: translateY(12px) scale(.96); } }
}
/* Phones: the sheet. */
@media (max-width: 767px) {
	.hb-start { width: 100%; max-width: none; max-height: calc(100dvh - 20px); margin: auto 0 0; padding: 0 16px calc(16px + env(safe-area-inset-bottom)); border-radius: 30px 30px 0 0; box-shadow: 0 -12px 40px rgba(30, 24, 20, .24); }
	.hb-start[open] { animation: hbst-up .52s cubic-bezier(.32, .72, 0, 1); }
	.hb-start.is-closing { animation: hbst-down .28s cubic-bezier(.4, 0, 1, 1) forwards; }
	@keyframes hbst-up { from { transform: translateY(100%); } }
	@keyframes hbst-down { to { transform: translateY(100%); } }
	.hb-start.is-dragging, .hb-start.is-dragging::backdrop { animation: none; }
	.hb-start .hb-start__grab { display: flex; justify-content: center; align-items: center; height: 30px; margin: 0 -16px; touch-action: none; cursor: grab; }
	.hb-start .hb-start__handle { display: block; width: 44px; height: 5px; margin: 0; border-radius: 99px; background: rgba(53, 43, 36, .22); transition: width .2s ease-out, background-color .2s ease-out; }
	.hb-start.is-dragging .hb-start__handle { width: 58px; background: rgba(53, 43, 36, .4); }
	.hb-start #hb-start-title { touch-action: none; }
	.hb-start h2 { font-size: 22px; padding-top: 2px; }
	.hb-start .hb-start__x { top: 26px; }
	.hb-start .hb-start__chips { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-top: 16px; }
	.hb-start .hb-start__chip { min-height: 112px; padding: 14px 8px 12px; gap: 8px; }
	.hb-start .hb-start__chips li:last-child:nth-child(odd) { grid-column: 1 / -1; }
	.hb-start .hb-start__chips li:last-child:nth-child(odd) .hb-start__chip { grid-auto-flow: column; justify-content: center; gap: 16px; min-height: 72px; }
	.hb-start .hb-start__chips li:last-child:nth-child(odd) .hb-start__txt { justify-items: start; }
	.hb-start .hb-start__num { font-size: 20px; }
	.hb-start .hb-start__links { grid-template-columns: 1fr; gap: 8px; margin-top: 14px; }
	.hb-start .hb-start__link { min-height: 60px; }
}
@media (prefers-reduced-motion: reduce) {
	.hb-start, .hb-start::backdrop, .hb-start *, .hb-start.is-closing { animation: none !important; transition-duration: .01s !important; }
}

/* Burger → close (below 1280px). The lines meet in the middle, then turn into an X; closing runs it backwards. */
.hb-header__burger { transition: transform .15s ease-out; -webkit-tap-highlight-color: transparent; }
.hb-header__burger:active { transform: scale(.9); }
.hb-header__burger span {
	transform-origin: 50% 50%;
	transition: translate .2s cubic-bezier(.5, 0, .2, 1) .13s, rotate .22s cubic-bezier(.5, 0, .2, 1), opacity .12s ease-out .1s, scale .2s ease-out .08s, background-color .2s ease-out;
}
.hb-header__burger[aria-expanded="true"] span {
	transition: translate .18s cubic-bezier(.5, 0, .2, 1), rotate .32s cubic-bezier(.3, 1.45, .55, 1) .14s, opacity .1s ease-out, scale .18s ease-out, background-color .2s ease-out;
}
.hb-header__burger[aria-expanded="true"] span:nth-child(1) { translate: 0 7.2px; rotate: 45deg; }
.hb-header__burger[aria-expanded="true"] span:nth-child(2) { opacity: 0; scale: .2 1; }
.hb-header__burger[aria-expanded="true"] span:nth-child(3) { translate: 0 -7.2px; rotate: -45deg; }
@media (prefers-reduced-motion: reduce) { .hb-header__burger, .hb-header__burger span { transition: none !important; } }

/* Menu ↔ header (below 1280px): the header stays on top and the menu grows down out of it, same corners,
   same side edges on phones; on tablets it drops from the burger as a 440px card. */
@media (max-width: 1279px) {
	html.hb-drawer-on .hb-header { z-index: 102; }
	.hb-drawer .hb-drawer__panel {
		top: calc(var(--hb-hdr-t, 10px) + var(--hb-hdr-h, 72px) + 8px); bottom: calc(10px + env(safe-area-inset-bottom, 0px));
		left: var(--hb-hdr-x, 8px); right: var(--hb-hdr-x, 8px); width: auto; max-width: none;
		border-radius: 26px; box-shadow: 0 2px 6px rgba(30, 24, 20, .08), 0 34px 80px rgba(30, 24, 20, .34);
		transform-origin: 50% 0; animation: hb-grow-down .5s cubic-bezier(.32, .72, 0, 1);
	}
	.hb-drawer.is-closing .hb-drawer__panel { animation: hb-shrink-up .3s cubic-bezier(.55, 0, .75, .4) forwards; }
	@keyframes hb-shrink-up { to { opacity: 0; clip-path: inset(0 0 calc(100% - 14px) 0 round 26px); transform: translateY(-10px); } }
	/* The header carries the logo and the close button now; the menu's own top bar is search + account + cart. */
	.hb-drawer .hb-drawer__logo, .hb-drawer .hb-drawer__close { display: none; }
	.hb-drawer .hb-drawer__top { gap: 8px; padding: 12px 12px 12px 14px; }
	/* Rows drop in from the header instead of sliding in from the side. */
	.hb-drawer:not(.is-closing) .hb-drawer__root li { animation-name: hb-dr-row; }
	@keyframes hb-dr-row { from { opacity: 0; transform: translateY(-10px); } }
}
@media (min-width: 768px) and (max-width: 1279px) {
	.hb-drawer .hb-drawer__panel { right: auto; width: min(440px, calc(100vw - 2 * var(--hb-hdr-x, 13px))); bottom: auto; max-height: calc(100dvh - var(--hb-hdr-t, 10px) - var(--hb-hdr-h, 72px) - 24px); height: 640px; }
}
@media (prefers-reduced-motion: reduce) { .hb-drawer .hb-drawer__panel, .hb-drawer.is-closing .hb-drawer__panel { animation: none !important; } }

/* Search inside the menu: same engine and rows as the header search; while it is active the suggestions
   take the menu's space under the top bar, and "ביטול" brings the menu back. */
.hb-dsearch-wrap { display: flex; flex: 1; align-items: center; gap: 2px; min-width: 0; }
.hb-dsearch { position: static !important; flex: 1; min-width: 0; }
.hb-dsearch__bar { position: relative; }
.hb-dsearch__bar input[type="search"] {
	width: 100%; height: 48px; padding: 0 44px 0 12px; border: 1.5px solid rgba(53, 43, 36, .1); border-radius: 16px;
	background: var(--hb-white); font: 500 16.5px var(--hb-font); color: var(--hb-ink-warm); -webkit-appearance: none; appearance: none;
	transition: border-color .2s ease-out, box-shadow .2s ease-out;
}
.hb-dsearch__bar input[type="search"]::placeholder { color: #7d726c; opacity: 1; }
.hb-dsearch__bar input[type="search"]:focus { outline: none; border-color: #5c6e5a; box-shadow: 0 0 0 3px rgba(101, 123, 99, .18); }
.hb-dsearch .hb-search__lens, .hb-dsearch .hb-search__spin { right: 15px; }
.hb-dsearch.is-busy .hb-search__lens { opacity: 0; transform: scale(.6); }
.hb-dsearch.is-busy .hb-search__spin { opacity: 1; transform: none; animation: hbs-spin .7s linear infinite; }
.hb-dsearch__cancel { display: none; flex: none; min-width: 56px; min-height: 48px; padding: 0 6px; border: 0; background: none; font: 700 16px var(--hb-font); color: var(--hb-ink-warm); cursor: pointer; -webkit-tap-highlight-color: transparent; }
.hb-dsearch__cancel:active { opacity: .55; }
.hb-dsearch__cancel:focus-visible { outline: 2px solid var(--hb-ink-warm); outline-offset: 2px; border-radius: 10px; }
.hb-dsearch__body { display: none; }
.hb-drawer.is-search .hb-dsearch__cancel { display: block; animation: hbst-fade .25s ease-out; }
.hb-drawer.is-search .hb-drawer__tools { display: none; }
.hb-drawer.is-search .hb-dsearch__body {
	position: absolute; top: var(--hb-dtop, 72px); right: 0; bottom: 0; left: 0; z-index: 4; display: block;
	overflow-y: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; padding: 4px 8px 24px; background: var(--hb-filter-bg);
	animation: hb-dsr-in .34s var(--mm-ease);
}
@keyframes hb-dsr-in { from { opacity: 0; transform: translateY(-6px); } }
.hb-drawer.is-search .hb-drawer__layers, .hb-drawer.is-search .hb-drawer__foot { visibility: hidden; }
.hb-dsearch .hb-sug { position: static; max-height: none; margin: 0; padding: 0; overflow: visible; border-radius: 0; background: none; box-shadow: none; animation: none; }
.hb-dsearch .hb-sug.is-stale .hb-sug__lb, .hb-dsearch.is-busy .hb-sug__lb { opacity: .55; transition: opacity .2s ease-out .08s; }
@media (prefers-reduced-motion: reduce) { .hb-drawer.is-search .hb-dsearch__body, .hb-drawer.is-search .hb-dsearch__cancel { animation: none; } }

/* Bottom bar WhatsApp: white on #8da28b was 2.6:1; the darker sage of the brand (4.7:1). */
.hb-ctabar .hb-ctabar__wa { background: #657b63; }
.hb-ctabar .hb-ctabar__wa:active { background: #55694f; }

/* ==================================================================================================
   QA pass 16/10/2026 (independent verifier). Each block names the defect it fixes.
   ================================================================================================== */

/* 1. Desktop mega menu opened as an empty white box on the home page. polish-intro.css fades
      .hb-header__inner in with `animation: … both`; the fill keeps the animation applied for good, which
      makes .hb-header__inner a stacking context, and the panels (z 61) inside it then paint under the white
      stage (z 60, a sibling in the header). Lifting the inner bar above the stage keeps the panels on top
      whatever animates on it. Same box as the header, so the panels' containing block does not move. */
@media (min-width: 1280px) {
	.hb-header__inner { position: relative; z-index: 61; }
}

/* 2. RTL ranges: the range fix wraps "20–40" in <bdi>, which becomes its own flex item. In flex rows with no
      gap the space before the word collapsed ("20–40אנשים", "90–110₪"); in the people dropdown the row is
      space-between, so the range and the word were pushed to opposite ends. Zero specificity: any gap a
      component sets itself still wins. */
:where(*:has(> bdi[dir="ltr"])) { column-gap: .3em; }
.hb-dd__list li { justify-content: flex-start; gap: .3em; }
.hb-dd__list li::after { margin-inline-start: auto; }

/* 3. Mobile drawer: the orange brand mark in the top bar sat right above the drawer's close X and read as a
      second close button. It steps aside while the drawer is open. */
html.hb-drawer-on .hb-topbar__mark { opacity: 0; pointer-events: none; transition: opacity .2s ease-out; }

/* 4. The accessibility tab floated over modal surfaces (start sheet, search panel, drawer). It steps aside
      while one is open, as it already does for the filter sheet and the swap sheet. */
html:has(dialog.hb-start[open]) .hb-a11y,
html.hb-search-on .hb-a11y,
html.hb-drawer-on .hb-a11y { visibility: hidden; }
/* R22 (17/10): the accessibility button sits fully on screen at every width (the 10px tuck read as clipped). */

/* 5. Personal boxes, phones and tablets: the hero bagel overlapped the first card (by ~57px at 768). The
      builder starts below the bagel instead, and the first card loses the extra top padding it carried. */
@media (max-width: 767px) {
	html body .hb-cp.hb-contact.hb-boxes > .hb-boxes__builder { margin-top: 96px; }
	html body .hb-boxes .hb-boxes__main > .hb-boxes__step:first-child { padding-top: 22px; }
}
@media (min-width: 768px) and (max-width: 1023px) {
	html body .hb-cp.hb-contact.hb-boxes > .hb-boxes__builder { margin-top: 84px; }
}

/* 6. Packages compare on tablets: a 620px minimum inside a 585px box scrolled sideways and cut the third
      package although the page had room. Between 600 and 1023 the table fits and its cells wrap. */
@media (min-width: 600px) and (max-width: 1023px) {
	html body .hb-pkp__cmp-table { min-width: 0; }
	html body .hb-pkp__cmp-table tbody th { white-space: normal; width: 96px; }
	html body .hb-pkp__cmp-table :is(th, td) { padding-inline: 10px; }
	html body .hb-pkp__cmp-table .hb-btn { min-width: 0; padding-inline: 14px; white-space: normal; text-align: center; line-height: 1.25; }
}

/* 7. Header "התחלת הזמנה" ------------------------------------------------------------------------------
      Contrast: white on #8da28b was 2.7:1. The fill moves to the darker brand sage already used by the bottom
      bar's WhatsApp button (#657b63, 4.7:1, same hue). The leaves are gone from this button; it now has a
      bagel: a soft shine every few seconds at rest, on hover a small bagel rolls in from the button's end,
      on press it hops, on click sesame seeds burst and the start sheet grows out of the button.
      Fine pointer only for hover; prefers-reduced-motion and the site's own motion switch keep it still. */
.hb-header .hb-header__cta {
	position: relative; isolation: isolate; overflow: visible;
	-webkit-tap-highlight-color: transparent;
	transition: background-color .2s ease-out, border-color .2s ease-out, color .2s ease-out, transform .25s cubic-bezier(.34, 1.56, .64, 1), box-shadow .25s ease-out;
}
body:not(.home) .hb-header .hb-header__cta,
.hb-header.is-stuck .hb-header__cta { background: #657b63; border-color: #657b63; color: var(--hb-white); }
body:not(.home) .hb-header .hb-header__cta:hover,
.hb-header.is-stuck .hb-header__cta:hover { background: #5a6f58; border-color: #5a6f58; color: var(--hb-white); }
.hb-header .hb-header__cta:focus-visible { outline: 3px solid var(--hb-orange); outline-offset: 3px; }
.hb-header .hb-header__cta:active { transform: scale(.96); }
.hbc-label { position: relative; z-index: 1; display: inline-block; transition: transform .32s cubic-bezier(.22, 1, .36, 1); }
/* Shine: a soft light band sweeping across the pill, clipped by the pill's own radius. */
.hbc-shine { position: absolute; inset: -1px; z-index: 0; border-radius: inherit; overflow: hidden; pointer-events: none; }
.hbc-shine::before {
	content: ""; position: absolute; inset: 0 auto 0 0; width: 45%;
	background: linear-gradient(100deg, transparent, rgba(255, 255, 255, .28) 50%, transparent);
	transform: translateX(-120%) skewX(-18deg); opacity: 0;
}
.hbc-ready .hbc-shine::before { animation: hbc-shine 6.5s 2.4s ease-in-out infinite; }
@keyframes hbc-shine { 0%, 74% { transform: translateX(-120%) skewX(-18deg); opacity: 0; } 76% { opacity: 1; } 92% { transform: translateX(330%) skewX(-18deg); opacity: 1; } 93%, 100% { opacity: 0; } }
/* The bagel: rolls in to sit on the button's end edge, half outside it, like a wheel peeking out. */
.hbc-bagel {
	position: absolute; top: 50%; inset-inline-end: -4px; z-index: 2; width: 28px; height: 28px; margin-top: -14px;
	pointer-events: none; opacity: 0; transform: translateX(-18px) rotate(-260deg) scale(.5);
	filter: drop-shadow(0 2px 2px rgba(36, 28, 22, .28));
	transition: opacity .2s ease-out, transform .38s cubic-bezier(.22, 1, .36, 1);
}
.hbc-bagel img { display: block; width: 100%; height: 100%; }
@media (hover: hover) and (pointer: fine) {
	.hb-header .hb-header__cta.hbc-ready:hover { transform: translateY(-2px); box-shadow: 0 10px 22px rgba(36, 28, 22, .2); }
	.hb-header .hb-header__cta.hbc-ready:hover .hbc-bagel { opacity: 1; transform: none; }
	.hb-header .hb-header__cta.hbc-ready:hover .hbc-label { transform: translateX(8px); }
	.hb-header .hb-header__cta.hbc-ready:hover .hbc-shine::before { animation: none; }
	.hb-header .hb-header__cta.hbc-ready:active { transform: translateY(0) scale(.96); }
}
.hbc-bagel.is-hop { animation: hbc-hop .34s cubic-bezier(.34, 1.56, .64, 1); }
@keyframes hbc-hop { 0% { transform: none; } 45% { transform: translateY(-9px) rotate(140deg) scale(1.08); } 100% { transform: rotate(360deg); } }
.hbc-seed { position: fixed; z-index: 1100; width: 4px; height: 7px; margin: -3.5px 0 0 -2px; border-radius: 50%; background: #f4e6c8; box-shadow: 0 0 0 .6px rgba(120, 84, 40, .45); pointer-events: none; }
@media (prefers-reduced-motion: reduce) {
	.hbc-ready .hbc-shine::before, .hbc-bagel.is-hop { animation: none; }
	.hbc-bagel, .hbc-label { transition: none; }
	.hb-header .hb-header__cta.hbc-ready:hover .hbc-label { transform: none; }
	.hb-header .hb-header__cta.hbc-ready:hover .hbc-bagel { opacity: 0; }
}
html.hb-a11y-motion .hbc-shine::before, html.hb-a11y-motion .hbc-bagel { animation: none !important; display: none; }
html.hb-a11y-motion .hb-header .hb-header__cta .hbc-label { transform: none !important; }

/* 8. AA contrast on sage controls. White text on the brand sage #8da28b is 2.7:1 (fails AA even for large
      text). On the controls that carry white text the sage is redefined locally to the darker brand sage
      already used by the header button and the bottom bar's WhatsApp (#657b63, 4.7:1; hover #5b6e59, 5.5:1),
      same hue. Decorative sage surfaces keep the brand tone. Listing and catalogue controls (hb-shop, hb-menu)
      and the quote builder (hb-q) are owned by other workstreams and are not touched here. */
:is(.hb-btn--sage, .hb-prod__add, .hb-faqp__cta-main, .hb-pkgb__confirm, .hb-cartx__add, .hb-cartd__go, .hb-cartempty__main,
	.hb-cartp__go, .hb-co #place_order, .hb-co__chip, .hb-ty__main, .hb-boxes__add, .hb-cartd__added, .hb-pkp__boxes-btn,
	.hb-acc__go, .hb-acc__wc button[type=submit], .hb-acc__chip--go, .hb-season__go, .hb-season__biz-btn, .hb-cookie__ok,
	.hb-a11y__opt, .hb-mega__btn, .hb-cp__band-range, .hb-cp__cmp-col--cat, .hb-cp__btn-main, .hb-cp__tl-dot, .hb-seg,
	.woofc-area .woofc-area-count, .woofc-area a.woofc-action-checkout) {
	--hb-sage: #657b63;
	--hb-sage-dark: #5b6e59;
}
/* Small text on light surfaces: dish counts on the category tiles (2.4:1), the package note link (2.4:1)
   and the "עם בחירה" tag (3.9:1 at 11px). Same hues, darkened to AA. */
.hb-cat__count { color: #89695e; }
.hb-prod__note { color: #5b6e59; }
.hb-prod__incl--short .hb-prod__note { color: #9e6b00; }
.hb-prod__incl--short .hb-prod__note:hover { color: #7e5500; }
.hb-pcard__b { color: #844e07; }

/* 9. Touch targets to 44px (owner's bar; WCAG 2.5.5). Invisible hit areas where the drawn control should keep
      its size, a couple of px of height where that is invisible. */
.hb-stepper__btn { position: relative; }
.hb-stepper__btn::after { content: ""; position: absolute; inset: -3px; }
.hb-boxes__tick::before { content: ""; position: absolute; inset: -11px; }
.hb-bcards .hb-bcard .hb-bcard__info { padding-block: 6px; margin-block: -6px; }
.hb-footer__brand > a { display: inline-block; }
.hb-footer__contact li a { padding-block: 11px; margin-block: -11px; }
.hb-footer .menu-item > a { min-width: 44px; }
.hb-state__home { padding-block: 10px; margin-block: -10px; }
:is(.hb-faqp, .hb-state) .hb-chip, .hb-pk-tabs__btn { min-height: 44px; }
@media (max-width: 767px) { .hb-a11y__btn { min-width: 44px; min-height: 44px; } }

/* 10. Mega menu entrance: the columns used to rise together in one block; the waves in polish-global.js
       (window.hbStagger) take over the fresh open. Switching menus keeps the crossfade slide. Close stays quicker
       than open (.16s). */
html.hbmm-stagger .hb-mm__panel[data-enter="open"] .hb-mm__in > * { animation: none; }

/* ==================================================================================================
   FX-3 (16/10/2026, fix wave after the three reviews). Coordinator decisions in
   seo-agents/research/HOLYBAGEL-FIX-WAVE-2026-10.md.
   ================================================================================================== */

/* 11. One primary action colour: sage #657b63 with white (4.6:1) for every "start / add / continue" button,
       the phone bottom bar included. Amber stays an accent (badges, rings, the seasonal tab).
       The bar's other two buttons step back so the order button is the only filled one: the cart and
       WhatsApp become light buttons with ink text (the WhatsApp glyph keeps its green). The `html body`
       prefix outranks the context state in polish-order.css (it was amber #a56902 while a context was set). */
@media (max-width: 1179px) {
	html body .hb-ctabar .hb-ctabar__start.hb-btn,
	html body .hb-ctabar .hb-ctabar__start.hb-btn.has-ctx,
	html body .hb-drawer__foot .hb-drawer__cta.hb-btn { background: #657b63; border-color: #657b63; color: #fff; }
	html body .hb-ctabar .hb-ctabar__start.hb-btn:active,
	html body .hb-ctabar .hb-ctabar__start.hb-btn.has-ctx:active,
	html body .hb-drawer__foot .hb-drawer__cta.hb-btn:active { background: #55694f; }
	html body .hb-ctabar .hb-ctabar__wa { background: #fff; color: var(--hb-ink-warm); box-shadow: inset 0 0 0 1.5px #d9c8c1; }
	html body .hb-ctabar .hb-ctabar__wa:active { background: var(--hb-filter-bg); }
	html body .hb-ctabar .hb-ctabar__wa .hb-fab__wa { background-color: #1f8f4c; }
	html body .hb-ctabar .hb-ctabar__cart { background: #fff; color: var(--hb-ink-warm); box-shadow: inset 0 0 0 1.5px #d9c8c1; }
	html body .hb-ctabar .hb-ctabar__cart .hb-ico--cart { color: var(--hb-ink-warm); }
	html body .hb-ctabar .hb-ctabar__cart:active { background: var(--hb-filter-bg); }
}
/* The floating cart button (pages without the bottom bar): white on amber was 2.05:1 for the glyph. */
html body .hb-fab--cart { background: var(--hb-ink-warm); color: #fff; }
html body .hb-fab--cart .hb-cart-count { background: #657b63; color: #fff; }

/* 12. Sage bands: the band keeps the designer's #8da28b, its text goes to the brand ink (5.1:1; cream was 2.5:1). */
.hb-trust .hb-clients, .hb-trust .hb-clients__title, .hb-trust .hb-clients__text, .hb-trust .hb-reviews__title,
.hb-about__trust, .hb-about__trust :is(h2, h3, p) { color: var(--hb-ink-warm); }

/* 13. Seasonal tag on dish cards ("חנוכה", 11px): #844e07 on gold was 3.7:1. Ink on the same gold, 7.5:1. */
.hb-pcard__b.hb-season__b, .hb-pcard__flag { color: var(--hb-ink-warm); }

/* 14. Top bar (phones): "חיפוש" and "אזור אישי" were 21px tall to the eye. The visible box itself is 44px now
       (the row was already that tall, so nothing moves). */
.hb-topbar__link.hb-topbar__search, .hb-topbar__link--account { display: inline-flex; align-items: center; min-height: 44px; }

/* 15. Bottom stacking: a toast never sits on the cookie notice's buttons (it rises above the notice), and the
       open phone menu covers the notice so its own order button and summary stay reachable. */
html.hb-cookie-on .hb-toasts { bottom: calc(var(--hb-dock, 0px) + var(--hb-cookie-h, 0px) + 24px); }
html:has(.hb-drawer:not([hidden])) .hb-cookie,
html.hb-cart-lock .hb-cookie { visibility: hidden; }

/* 16. Kashrut seal, small: its ring of words cannot be read under ~90px. Next to the small seal in the header the
       certifier is written out in plain text (polish-global.js adds it; the seal's alt already names it). */
.hb-header__badge { display: inline-flex; align-items: center; gap: 6px; text-decoration: none; }
.hb-header__badge-txt { display: none; font-weight: 700; font-size: 12.5px; line-height: 1.15; color: var(--hb-ink-warm); text-align: start; white-space: nowrap; }
.hb-header__badge-txt small { display: block; font-weight: 400; font-size: 12px; }
@media (max-width: 1179px) { .hb-header__badge-txt { display: block; } }
body.home .hb-header:not(.is-stuck) .hb-header__badge-txt { color: #fff; }
/* FX-3: header cart count on the sage primary (white on amber was 2:1). */
html body .hb-header__cart .hb-cart-count { background: #657b63; color: #fff; }
/* FX-3: desktop topbar links (אודות, כשרות, צור קשר, וואטסאפ) had 14-21px tall hit areas inside a 70px bar. */
.hb-topbar__inner a:not(.hb-topbar__mark) { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; min-width: 44px; }
.hb-topbar__mark { display: inline-flex; align-items: center; min-height: 44px; min-width: 44px; }

/* Final verification 16/10/2026: 44px targets that were still short (cookie bar, account tabs,
   catering-menu toggles and guest steppers). Same look, the hit area grows. */
.hb-cookie .hb-btn { min-height: 44px; }
.hb-acc__tabs button { min-height: 44px; }
.hb-stepper__btn { width: 44px; height: 44px; }
.hb-menu__toggle { width: 70px; height: 44px; border: 6px solid transparent; background-clip: padding-box; }
.hb-stepper input { min-height: 44px; }

/* Footer bottom (owner 17/10): the bagel centred on its own line, then one tidy row: rights on the start side,
   our credit on the end side, both on the same baseline. */
.hb-footer__bottom { flex-wrap: wrap; row-gap: 18px; }
/* The bagel keeps its own square box (84px) centred on its own line; the row never stretches it. */
.hb-footer .hb-footer__bottom > .hb-footer__bagel-whole { flex: none; position: static !important; order: -1; width: 84px !important; height: 84px; aspect-ratio: 1; margin: 0 calc(50% - 42px) !important; }
.hb-footer .hb-footer__bottom > .hb-footer__bagel-whole img { width: 100%; height: 100%; object-fit: contain; }
.hb-footer__credit { margin: 0; color: rgba(247, 241, 227, .7); }
.hb-footer__credit a { color: #f7f1e3; font-weight: 700; text-decoration: none; }
.hb-footer__credit a:hover { text-decoration: underline; }
@media (max-width: 767px) { .hb-footer__bottom { row-gap: 10px; } }

/* R21 (Sunday review, 17/10/2026): the cookie notice takes less of the first screen. Computers: one line (text and
   the two buttons side by side). Phones: the text and the two small buttons share one row block, no stacked bar. */
@media (min-width: 1024px) {
	.hb-cookie { width: auto; max-width: calc(100vw - 32px); padding: 10px 12px 10px 18px; }
	.hb-cookie__main p { white-space: nowrap; }
}
@media (max-width: 767px) {
	.hb-cookie { padding: 10px 12px; }
	.hb-cookie__main { flex-direction: row; align-items: center; gap: 10px; }
	.hb-cookie__main p { font-size: 13.5px; line-height: 1.4; }
	.hb-cookie__btns { flex: none; gap: 6px; }
	.hb-cookie__btns .hb-btn { flex: none; padding: 0 14px; font-size: 14.5px; }
}
/* The bagel now sits in the row itself, so the room the old floating bagel needed above the row goes. */
.hb-footer .hb-footer__bottom { padding-top: 48px !important; }
@media (max-width: 767px) { .hb-footer .hb-footer__bottom { padding-top: 40px !important; } }

/* Footer (owner, 25/10/2026): much less air under the columns and under the last line, and the rights note
   (Customizer: פוטר ← שורה מתחת לזכויות) as a small line under ©. */
html body .hb-footer { padding-bottom: 40px; }
html body .hb-footer__bottom { margin-top: 40px; }
/* The bagel 24px under the line (20px on phones); overrides the 48px / 40px !important rules earlier in this file. */
html body .hb-footer .hb-footer__bottom { padding-top: 24px !important; }
.hb-footer__note { display: block; max-width: 640px; margin-top: 6px; font-size: 12px; line-height: 1.6; opacity: .85; }
@media (max-width: 767px) {
	html body .hb-footer { padding-bottom: 28px; }
	html body .hb-footer__bottom { margin-top: 32px; }
	html body .hb-footer .hb-footer__bottom { padding-top: 20px !important; }
	.hb-footer__note { margin-inline: auto; }
}

/* Reviews (26/10/2026): the Trustindex widget (template-parts/home/reviews.php) in the look of the site's own review
   cards. Hebrew uses the site font; Latin letters fall to the widget's Poppins, since Birzia only has capitals.
   The [data-pid][data-layout-id] part outranks Trustindex's own !important rules (.ti-widget[data-layout-id][data-set-id] …). */
@font-face { font-family: "HB Hebrew"; src: url("../fonts/birzia-regular.woff2") format("woff2"); font-weight: 400; font-display: swap; unicode-range: U+0590-05FF, U+FB1D-FB4F, U+20AA; }
@font-face { font-family: "HB Hebrew"; src: url("../fonts/birzia-bold.woff2") format("woff2"); font-weight: 600 700; font-display: swap; unicode-range: U+0590-05FF, U+FB1D-FB4F, U+20AA; }
.hb-reviews__widget { min-height: 240px; }
html body .hb-reviews .ti-widget[data-pid][data-layout-id] .ti-widget-container, html body .hb-reviews .ti-widget[data-pid][data-layout-id] .ti-widget-container * { font-family: "HB Hebrew", "Trustindex Poppins", Arial, sans-serif !important; }
html body .hb-reviews .ti-widget[data-pid][data-layout-id] .ti-review-item > .ti-inner { background: #f9f4f0 !important; border: 0 !important; border-radius: 16px !important; box-shadow: none !important; padding: 24px 26px !important; }
html body .hb-reviews .ti-widget[data-pid][data-layout-id] .ti-name { color: #352b24 !important; font-size: 15px !important; font-weight: 700 !important; }
html body .hb-reviews .ti-widget[data-pid][data-layout-id] .ti-date { color: #6b625d !important; font-size: 13px !important; }
html body .hb-reviews .ti-widget[data-pid][data-layout-id] .ti-review-content, html body .hb-reviews .ti-widget[data-pid][data-layout-id] .ti-review-content * { color: #352b24 !important; font-size: 16px !important; line-height: 1.6 !important; }
html body .hb-reviews .ti-widget[data-pid][data-layout-id] .ti-read-more, html body .hb-reviews .ti-widget[data-pid][data-layout-id] .ti-read-more * { color: #4f6a4d !important; font-size: 14px !important; font-weight: 700 !important; }
html body .hb-reviews .ti-widget[data-pid][data-layout-id] .ti-controls :is(.ti-next, .ti-prev) { background: #f9f4f0 !important; box-shadow: 0 6px 16px rgba(53, 43, 36, .12) !important; }
html body .hb-reviews .ti-widget[data-pid][data-layout-id] .ti-controls :is(.ti-next, .ti-prev)::before { border-color: #352b24 !important; }
html body .hb-reviews .ti-widget[data-pid][data-layout-id] .ti-controls-line { background: rgba(53, 43, 36, .16) !important; }
html body .hb-reviews .ti-widget[data-pid][data-layout-id] .ti-controls-line .dot { background: #352b24 !important; }
html body .hb-reviews .ti-widget[data-pid][data-layout-id] .ti-controls :is(.ti-next, .ti-prev) { outline-color: #f9f4f0 !important; }
html body .hb-reviews .ti-widget[data-pid][data-layout-id] .ti-controls :is(.ti-next, .ti-prev):hover { background-color: #352b24 !important; outline-color: #352b24 !important; }
html body .hb-reviews .ti-widget[data-pid][data-layout-id] .ti-controls :is(.ti-next, .ti-prev):hover::before { border-color: #fff !important; }
/* Owner's notes (26/10/2026): more air under the title, the review text and "קרא עוד" on the right. plaintext keeps
   English reviews' punctuation in place (the period at the end, not at the start). */
html body .hb-reviews__widget { padding-top: 10px; } /* padding: a margin would collapse into the title's */
.hb-reviews__note { margin: 12px 0 0; font-size: 14px; line-height: 1.5; color: var(--hb-filter-bg); text-align: start; } /* translated site only: the reviews stay in Hebrew */
.hb-trust .hb-reviews__note { color: var(--hb-ink-warm); } /* same ink as the title on the sage band */
html body .hb-reviews .ti-widget[data-pid][data-layout-id] :is(.ti-review-content, .ti-review-content > *, .ti-read-more) { text-align: right !important; }
html body .hb-reviews .ti-widget[data-pid][data-layout-id] :is(.ti-review-content, .ti-review-content > *) { unicode-bidi: plaintext; }

/* Clients strip (26/10/2026, owner): the logos run slowly without a break and stop under the mouse (or while the
   strip has keyboard focus). Two identical rows side by side each move their own width, so the loop restarts exactly
   where the copy stood. In view: 6 cards on desktop, 5 on tablets, 3 on phones; a card keeps the old tile look.
   The time per card (--hb-cl-t) sets the pace whatever the number of logos (--hb-cl-n, from the template). */
.hb-clients__marquee {
	--hb-cl-per: 6; --hb-cl-gap: 10px; --hb-cl-t: 2.4s; --hb-cl-u: 74px; --hb-cl-box: 94px;
	container-type: inline-size; display: flex; max-width: 1330px; margin: 46px auto 0; overflow: hidden; outline-offset: -3px;
	-webkit-mask-image: linear-gradient(90deg, transparent, #000 4%, #000 96%, transparent); mask-image: linear-gradient(90deg, transparent, #000 4%, #000 96%, transparent);
}
body.home .hb-clients__marquee { margin-top: 0; }
.hb-clients__track {
	display: flex; flex: none; gap: var(--hb-cl-gap); margin: 0; padding: 0; padding-inline-end: var(--hb-cl-gap); list-style: none;
	animation: hb-cl-run calc(var(--hb-cl-n, 20) * var(--hb-cl-t)) linear infinite;
}
.hb-clients__track li {
	display: grid; place-items: center; flex: none; box-sizing: border-box; width: calc((100cqw - (var(--hb-cl-per) - 1) * var(--hb-cl-gap)) / var(--hb-cl-per));
	height: 138px; padding: 22px; background: var(--hb-filter-bg); border-radius: var(--hb-radius-lg);
}
.hb-clients__track img { max-width: 100%; max-height: 86px; width: auto; height: auto; object-fit: contain; }
/* One size rule for every logo (owner: some looked huge, some tiny). clients.php writes each file's numbers: --w its
   size in area units (--hb-cl-u), so wide and tall, thin and heavy logos carry about the same weight; --p and --q its
   transparent margins. No logo passes the card's inner box (--hb-cl-box high). */
.hb-clients__track img[style*="--w"] { width: calc(var(--w) * var(--hb-cl-u)); max-width: calc(100% * var(--p)); max-height: calc(var(--hb-cl-box) * var(--q)); }
@keyframes hb-cl-run { to { transform: translate3d(100%, 0, 0); } }
.hb-clients__marquee:focus-visible .hb-clients__track { animation-play-state: paused; }
@media (hover: hover) and (pointer: fine) { .hb-clients__marquee:hover .hb-clients__track { animation-play-state: paused; } }
@media (max-width: 1279px) { .hb-clients__marquee { --hb-cl-per: 5; --hb-cl-u: 68px; } }
@media (max-width: 767px) {
	.hb-clients__marquee { --hb-cl-per: 3; --hb-cl-gap: 8px; --hb-cl-t: 2.8s; --hb-cl-u: 50px; --hb-cl-box: 80px; margin-top: 30px; }
	.hb-clients__track li { height: 100px; padding: 10px; border-radius: 22px; }
	.hb-clients__track img { max-height: 64px; }
}
/* Still motion (the system setting or the site's "stop animations" switch): one row that scrolls by hand. */
@media (prefers-reduced-motion: reduce) {
	.hb-clients__marquee { overflow-x: auto; -webkit-mask-image: none; mask-image: none; }
	.hb-clients__track { animation: none; }
	.hb-clients__track[aria-hidden] { display: none; }
}
html.hb-a11y-motion .hb-clients__marquee { overflow-x: auto; -webkit-mask-image: none; mask-image: none; }
html.hb-a11y-motion .hb-clients__track { animation: none; }
html.hb-a11y-motion .hb-clients__track[aria-hidden] { display: none; }

/* Event pages (26/10/2026, owner): the atmosphere text opens the page in the answer's card; the answer moves under the
   menus and sits there like any other section. */
html body .hb-cp.hb-contact > .hb-ev__answer--low { margin-top: var(--cp-gap, 64px); padding-top: clamp(30px, 3.5vw, 48px); }

/* Product photo arrows (27/10/2026, owner): the selected size's sage-cream, a brown chevron. */
.hb-prod__main { position: relative; }
.hb-prod__nav { position: absolute; top: 50%; z-index: 2; display: grid; place-items: center; width: 46px; height: 46px; margin-top: -23px; padding: 0; border: 0; border-radius: 50%; background: #eef2ec; color: #352b24; box-shadow: 0 6px 16px rgba(53, 43, 36, .16); cursor: pointer; transition: transform .2s ease, background-color .2s ease; }
.hb-prod__nav--prev { right: 14px; }
.hb-prod__nav--next { left: 14px; }
.hb-prod__nav:hover { background: #fff; transform: scale(1.06); }
.hb-prod__nav:focus-visible { outline: 2px solid #352b24; outline-offset: 2px; }
@media (max-width: 767px) { .hb-prod__nav { width: 40px; height: 40px; margin-top: -20px; } }

/* Site-wide colours (27/10/2026): tried on the inner pages and fully reverted at the owner's request (inner pages keep their original page, header, card and footer colours; the home page keeps its own trial in polish-home.css). */

/* Package funnel invitation (27/10/2026): event pages, holiday pages; and the mega menu's funnel link. */
html body .hb-fncta { display: flex; align-items: center; justify-content: space-between; gap: 18px 32px; flex-wrap: wrap; max-width: 1330px; margin: var(--cp-gap, 64px) auto 0; padding: clamp(24px, 3vw, 40px) clamp(20px, 3.5vw, 48px); border-radius: var(--hb-radius-lg, 32px); background: #f9f4f0; }
html body .hb-fncta h2 { margin: 0; font-size: clamp(24px, 2.2vw, 32px); line-height: 1.2; color: #352b24; }
html body .hb-fncta p { margin: 8px 0 0; font-size: 18px; color: rgba(53, 43, 36, .8); }
@media (max-width: 767px) { html body .hb-fncta { margin-inline: 16px; } html body .hb-fncta__go { width: 100%; } }
html body .hb-mmx__fnlink { display: inline-flex; align-items: center; gap: 8px; font-weight: 700; color: #4f6a4d; text-decoration: none; }
html body .hb-mmx__fnlink:hover { text-decoration: underline; }
/* Package upgrade line in the swap window (27/10/2026). */
html body .hb-swap__up { display: block; margin-top: 3px; color: #4f6a4d; font-weight: 600; }
html body .hb-swap__up a { margin-inline-start: 6px; color: #352b24; text-decoration: underline; }

/* Inner pages' header (27/10/2026, owner): the cards' beige at the top, white once the page scrolls (is-stuck);
   the breadcrumb bars turn white. */

/* The package funnel embedded in the event pages (27/10/2026). */
html body .hb-fnin { max-width: none; margin: var(--cp-gap, 64px) 0 0; padding: clamp(30px, 3.6vw, 52px) clamp(20px, 4vw, 64px); border-radius: var(--hb-radius-lg, 32px); background: #fff; text-align: center; }
/* First under the hero (the hero's bagel sits on its top edge), like the first card of the other pages. */
html body .hb-cp.hb-contact > .hb-ob + .hb-fnin { margin-top: 16px; padding-top: clamp(64px, 6vw, 84px); }
html body .hb-fnin__mood { max-width: 760px; margin: 0 auto; }
html body .hb-fnin__mt { margin: 0; font-size: clamp(28px, 2.9vw, 42px); line-height: 1.18; color: #352b24; text-wrap: balance; }
html body .hb-fnin__mx { margin-top: 14px; font-size: clamp(17px, 1.3vw, 19px); line-height: 1.75; color: rgba(53, 43, 36, .82); text-wrap: pretty; }
html body .hb-fnin__mx p { margin: 0 0 8px; }
html body .hb-fnin__div { display: flex; align-items: center; justify-content: center; gap: 18px; max-width: 520px; margin: 26px auto 22px; }
html body .hb-fnin__div span { flex: 1; height: 1px; background: rgba(53, 43, 36, .14); }
html body .hb-fnin__div img { width: 56px; height: 56px; object-fit: contain; }
html body .hb-fnin__head h2 { font-size: clamp(22px, 2vw, 28px) !important; }
html body .hb-fnin__qt { justify-content: center; }
html body .hb-fnin__chips, html body .hb-fnin__go { justify-content: center; }
html body .hb-fnin__chip { background: #f9f4f0; border-color: transparent; }
html body .hb-fnin__head h2 { margin: 0; font-size: clamp(26px, 2.6vw, 38px); line-height: 1.2; color: #352b24; }
html body .hb-fnin__head p { margin: 8px 0 0; font-size: 18px; color: rgba(53, 43, 36, .8); }
html body .hb-fnin__q { margin-top: 26px; }
html body .hb-fnin__qt { display: flex; align-items: center; gap: 10px; margin: 0 0 14px; font-weight: 700; font-size: clamp(19px, 1.6vw, 23px); color: #352b24; }
html body .hb-fnin__n { display: inline-grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; background: #352b24; color: #fff; font-size: 15px; }
html body .hb-fnin__chips { display: flex; flex-wrap: wrap; gap: 8px; }
html body .hb-fnin__chip { display: inline-flex; align-items: center; gap: 7px; min-height: 44px; padding: 0 16px; border: 1px solid rgba(53, 43, 36, .16); border-radius: 999px; background: #fff; font: inherit; font-weight: 600; font-size: 15px; color: #352b24; cursor: pointer; transition: background-color .16s ease, border-color .16s ease; }
html body .hb-fnin__chip svg { color: #8a6f62; }
html body .hb-fnin__chip:hover { border-color: #c9ab9f; }
html body .hb-fnin__chip[aria-pressed="true"] { background: #ecdfd9; border-color: #c9ab9f; box-shadow: inset 0 0 0 1px #c9ab9f; }
html body .hb-fnin__go { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 24px; margin-top: 30px; }
html body .hb-fnin__go .hb-btn[disabled] { opacity: .45; cursor: not-allowed; }
html body .hb-fnin__own { font-weight: 600; color: #352b24; text-decoration: underline; text-underline-offset: 3px; }
html body .hb-ev__gallery, html body .hb-ev__faq { margin-top: var(--cp-gap, 64px); }
@media (max-width: 767px) { html body .hb-fnin { margin-inline: 16px; } html body .hb-fnin__go .hb-btn { width: 100%; } }

/* Event FAQ: the home help card, bagel on its corner (28/10/2026). */
html body .hb-ev__faq .hb-faq__help { position: relative; }

/* Event funnel r2 (28/10/2026): the button opens the questions; the questions sit on the right, the result button in the middle, the own-menu link under it. */
html body .hb-fnin [hidden] { display: none !important; }
html body .hb-fnin__start { margin-top: 28px; display: flex; justify-content: center; }
html body .hb-fnin__steps { text-align: start; }
html body .hb-fnin__steps .hb-fnin__head { text-align: center; margin-bottom: 8px; }
html body .hb-fnin__steps .hb-fnin__qt, html body .hb-fnin__steps .hb-fnin__chips { justify-content: flex-start; }
html body .hb-fnin__steps .hb-fnin__go { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 16px; text-align: center; margin-top: 30px; }
html body .hb-fnin__steps.is-open { animation: hbFninIn .45s cubic-bezier(.2,.7,.2,1) both; }
@keyframes hbFninIn { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { html body .hb-fnin__steps.is-open { animation: none; } }
html body .hb-fnin__steps h2[tabindex="-1"]:focus { outline: none; }

/* Event page r3 (28/10/2026): the gallery comes out of the pink form, the FAQ background fades into the page. */
html body .hb-cp.hb-contact > .hb-ev__form { position: relative; z-index: 2; }
html body .hb-cp.hb-contact > .hb-ev__form + .hb-ev__gallery { position: relative; z-index: 1; margin-top: -40px; padding-top: 96px; }
html body .hb-cp.hb-contact > .hb-ev__faq { border-radius: 40px 40px 0 0; background: linear-gradient(180deg, #f9f4f0 0%, #f9f4f0 55%, rgba(249, 244, 240, 0) 100%); }
html body .hb-cp.hb-contact > .hb-ev__faq + .hb-ev__others { margin-top: 0; }

/* Event pages (owner 28/10/2026): the light footer of the home page (copied from polish-home.css), and "קייטרינג לאירועים נוספים" on a white card. */
html body.hb-event-page .hb-footer { background: #ecdfd9; color: #352b24; }
html body.hb-event-page .hb-footer a:hover { color: #352b24; }
html body.hb-event-page :is(.hb-footer__brand p, .hb-footer__col ul, .hb-footer__bottom, .hb-footer__credit) { color: #352b24; }
html body.hb-event-page .hb-footer__note { opacity: 1; }
html body.hb-event-page :is(.hb-footer__head, .hb-footer__contact li a, .hb-footer__contact strong, .hb-footer__credit a, .hb-footer__lang [aria-current]) { color: #352b24; }
html body.hb-event-page .hb-footer__bottom { border-top-color: rgba(53, 43, 36, .14); }
html body.hb-event-page .hb-footer__sep { background: rgba(53, 43, 36, .25); }
html body.hb-event-page .hb-footer__lang img { filter: brightness(0); opacity: .7; }
html body.hb-event-page .hb-footer__badge { filter: brightness(0); opacity: .78; }
html body .hb-cp.hb-contact > .hb-ev__others { background: #fff; border-radius: 40px; padding: clamp(40px, 4.4vw, 64px) clamp(20px, 3.6vw, 52px); }
html body .hb-cp.hb-contact > .hb-ev__faq + .hb-ev__others { margin-top: 24px; }

/* Event funnel r5 (28/10/2026): the quote-page layout (pink card + "הבחירות שלכם"), the packages that fit in the page. */
html body .hb-fnin.is-open { background: transparent; padding-inline: 0; padding-bottom: 0; text-align: start; }
html body .hb-fnin__grid { margin: 0; }
html body .hb-fnin__card { text-align: start; }
html body .hb-fnin__card .hb-fnin__head { text-align: start; }
html body .hb-fnin__card .hb-fnin__chip { background: #fff; }
html body .hb-fnin__card .hb-fnin__chip[aria-pressed="true"] { background: #5f7a61; color: #fff; }
html body .hb-fnin__steps.is-in, html body .hb-fnin__res.is-in { animation: hbFninIn .45s cubic-bezier(.2,.7,.2,1) both; }
html body .hb-fnin__rhead { display: grid; gap: 6px; justify-items: start; }
html body .hb-fnin__rhead h2 { margin: 6px 0 0; font-size: clamp(24px, 2.2vw, 32px); }
html body .hb-fnin__rhead p { margin: 0; color: rgba(53, 43, 36, .72); }
html body .hb-fnin__rhead h2[tabindex="-1"]:focus, html body .hb-fnin__ask h2[tabindex="-1"]:focus { outline: none; }
html body .hb-fnin__back { display: inline-flex; align-items: center; gap: 6px; padding: 6px 0; border: 0; background: none; font: inherit; font-weight: 700; color: #352b24; cursor: pointer; }
html body .hb-fnin__cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 16px; margin-top: 22px; }
html body .hb-fnin__pk { display: flex; flex-direction: column; overflow: hidden; border-radius: 24px; background: #fff; box-shadow: 0 10px 26px rgba(53, 43, 36, .08); }
html body .hb-fnin__pk.is-main { box-shadow: 0 0 0 2px #5f7a61, 0 14px 30px rgba(53, 43, 36, .12); }
html body .hb-fnin__pk img { display: block; width: 100%; aspect-ratio: 16 / 10; object-fit: cover; }
html body .hb-fnin__pkb { display: flex; flex: 1; flex-direction: column; gap: 6px; padding: 16px 18px 18px; }
html body .hb-fnin__pkb h3 { margin: 0; font-size: 22px; }
html body .hb-fnin__eye { margin: 0; font-size: 13px; font-weight: 700; color: #5f7a61; }
html body .hb-fnin__price { margin: 0; color: rgba(53, 43, 36, .8); }
html body .hb-fnin__price strong { color: #352b24; }
html body .hb-fnin__tags { display: flex; flex-wrap: wrap; gap: 6px; margin: 2px 0 0; }
html body .hb-fnin__tags span { padding: 3px 10px; border-radius: 999px; background: #f9f4f0; font-size: 13px; }
html body .hb-fnin__swap { margin: 0; font-size: 13px; color: rgba(53, 43, 36, .7); }
html body .hb-fnin__pkb .hb-btn { margin-top: auto; width: 100%; justify-content: center; }
html body .hb-fnin__pkb .hb-fnin__swap + .hb-btn, html body .hb-fnin__pkb .hb-fnin__tags + .hb-btn, html body .hb-fnin__pkb .hb-fnin__price + .hb-btn { margin-top: auto; }
html body .hb-fnin__ownc { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 20px; margin-top: 18px; padding: 18px 22px; border-radius: 22px; background: rgba(255, 255, 255, .6); }
html body .hb-fnin__ownc p { display: grid; gap: 2px; margin: 0; }
html body .hb-fnin__ownc span { color: rgba(53, 43, 36, .72); }
html body .hb-fnin__quote { margin: 14px 0 0; text-align: center; }
html body .hb-fnin__quote a { color: #352b24; font-weight: 700; }
html body .hb-fnin__sum dl { display: block; margin: 8px 0 0; }
html body .hb-fnin__sum .hb-quote__row { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; padding: 13px 4px; border-bottom: 1px dashed rgba(53, 43, 36, .16); }
html body .hb-fnin__sum .hb-quote__row dt { color: rgba(53, 43, 36, .7); }
html body .hb-fnin__sum .hb-quote__row dd { margin: 0; font-weight: 700; white-space: nowrap; }
html body .hb-fnin__sum .hb-quote__sum-head h2 { margin: 0; }
html body .hb-fnin__grid { width: 100%; max-width: none; }
html body .hb-fnin__pkb .hb-btn { min-height: 46px; padding: 10px 14px; font-size: 15px; }

/* r6 (28/10/2026): the atmosphere text on the page background, centred, above the questions. */
html body .hb-fnin__mood { max-width: 820px; margin: 0 auto clamp(36px, 4vw, 56px); text-align: center; }
html body .hb-fnin__card { scroll-margin-top: 110px; }

/* r7 (28/10/2026): the questions card in the soft pink of the home footer. */
html body .hb-fnin__card.hb-quote__card { background: #fff; }
html body .hb-fnin__card .hb-fnin__chip { background: #f9f4f0; }
html body .hb-fnin__card .hb-fnin__ownc { background: #f9f4f0; }

/* r8 (28/10/2026, owner): the text nearer the hero bagel, the same air under it before the rolling bagel; each question
   on a soft pink panel with air between them; the chosen answer as in the order window's funnel (footer pink, dark icon). */
html body .hb-cp.hb-contact > .hb-ob + .hb-fnin { padding-top: 34px; }
html body .hb-fnin__mood { margin-bottom: 118px; }
html body .hb-fnin__card .hb-fnin__head { margin-bottom: 26px; }
html body .hb-fnin__card .hb-fnin__q { margin: 0 0 18px; padding: clamp(18px, 2vw, 26px) clamp(18px, 2.2vw, 28px); border-radius: 24px; background: #f6eeea; }
html body .hb-fnin__card .hb-fnin__qt { margin: 0 0 16px; }
html body .hb-fnin__card .hb-fnin__chips { gap: 10px; }
html body .hb-fnin__card .hb-fnin__chip { background: #fff; border: 1px solid rgba(53, 43, 36, .14); color: #352b24; }
html body .hb-fnin__card .hb-fnin__chip svg { color: #8a6f62; }
html body .hb-fnin__card .hb-fnin__chip:hover { border-color: rgba(53, 43, 36, .35); }
html body .hb-fnin__card .hb-fnin__chip[aria-pressed="true"] { background: #ecdfd9; border-color: #c9ab9f; color: #352b24; box-shadow: inset 0 0 0 1px #c9ab9f; }
html body .hb-fnin__card .hb-fnin__chip[aria-pressed="true"] svg { color: #352b24; }
html body .hb-fnin__card .hb-fnin__go { margin-top: 26px; }
html body .hb-fnin__card .hb-fnin__own { color: var(--hb-sage, #5f7a61); font-weight: 700; }

/* r9 (28/10/2026): the package opens in the page (order-app.css loads on demand; its tokens here). */
html body .hb-fnin__pkv { --ink: #352b24; --mute: #6b605a; --line: rgba(53, 43, 36, .12); --bg: #f7f1ec; --sage: #657b63; max-width: none; padding-bottom: 0; color: #352b24; }
html body .hb-fnin__pkv svg { width: 18px; height: 18px; }
html body .hb-fnin__pkv .hba-pk__item, html body .hb-fnin__pkv .hba-pk__opt { background: #f9f4f0; }
html body .hb-fnin__pkv .hba-pk__opt.is-cur { background: #eef2ec; }
html body .hb-fnin__pkh { margin: 0; font-size: clamp(26px, 2.4vw, 34px); }
html body .hb-fnin__pkh:focus { outline: none; }
html body .hb-fnin__pkv .hba-pk__head { margin-top: 10px; }
html body .hb-fnin__pkgo { position: sticky; bottom: 16px; z-index: 2; display: grid; justify-items: center; gap: 8px; margin-top: 24px; }
html body .hb-fnin__pkgo .hb-btn { width: min(100%, 520px); justify-content: center; box-shadow: 0 12px 28px rgba(53, 43, 36, .18); }
html body .hb-fnin__pkmsg { margin: 0; font-weight: 700; color: #4f634d; text-align: center; }
html body .hb-fnin__pkmsg:empty { display: none; }

/* r10 (28/10/2026, owner): no panels behind the questions; the numbers in the pink of the form card (#e5cec7). */
html body .hb-fnin__card .hb-fnin__q { padding: 0; border-radius: 0; background: none; margin: 0 0 34px; }
html body .hb-fnin__card .hb-fnin__n { background: #e5cec7; color: #352b24; }

/* r11 (28/10/2026, owner trial): the event pages on a lighter page colour, #f9f4f0, instead of the darker beige. */
html body.hb-event-page, html body.hb-soft.hb-event-page { background: #f9f4f0; }
html body.hb-event-page .hb-fnin__sum { background: #fff; }
html body.hb-event-page .hb-ob__ring { background: #f9f4f0; }

/* r12 (28/10/2026, owner): the light footer of the home page on every page (rules copied from polish-home.css, with the
   dark logo in footer.php), its contact icons brown; on the event pages "הבחירות שלכם" in the footer pink, the FAQ on white,
   "קייטרינג לאירועים נוספים" with no card, and the gallery as wide as the home one. */
html body .hb-footer { background: #ecdfd9; color: #352b24; }
html body .hb-footer a:hover { color: #352b24; }
html body :is(.hb-footer__brand p, .hb-footer__col ul, .hb-footer__bottom, .hb-footer__credit) { color: #352b24; }
html body .hb-footer__note { opacity: 1; }
html body :is(.hb-footer__head, .hb-footer__contact li a, .hb-footer__contact strong, .hb-footer__credit a, .hb-footer__lang [aria-current]) { color: #352b24; }
html body .hb-footer__bottom { border-top-color: rgba(53, 43, 36, .14); }
html body .hb-footer__sep { background: rgba(53, 43, 36, .25); }
html body .hb-footer__lang img { filter: brightness(0); opacity: .7; }
html body .hb-footer__badge { filter: brightness(0); opacity: .78; }
html body .hb-footer__contact svg, html body .hb-footer__contact .hb-i, html body .hb-footer__contact li > :first-child svg { color: #6b4a3a !important; stroke: currentColor; }
html body.hb-event-page .hb-fnin__sum { background: #ecdfd9; }
html body .hb-cp.hb-contact > .hb-ev__faq { background: #fff; border-radius: 40px; }
html body .hb-cp.hb-contact > .hb-ev__others { background: none; padding-inline: 0; }

/* r13 (28/10/2026, owner): /gallery/ on the light page colour; "רוצים אירוע כזה?" as wide as the home "איך תרצו להזמין?"
   panel, no green: a white panel (the page is the home panel's colour) with the cards in that colour. */
html body.page-id-164, html body.hb-soft.page-id-164 { background: #f9f4f0; }
html body.page-id-164 .hb-ob__ring { background: #f9f4f0; }
html body.page-id-164 .hb-galp__cta { max-width: none !important; width: auto; margin-inline: 13px !important; padding: 72px 34px 80px; border-radius: 40px; background: #fff !important; color: #352b24; }
html body.page-id-164 .hb-galp__cta :is(h2, p) { color: #352b24; }
html body.page-id-164 .hb-galp__cta .hb-way { background: #f9f4f0; }

/* r14 (28/10/2026, owner): the event gallery exactly as wide as the home one (section 1374, grid 1326); less air before
   the FAQ; the bagel pattern fades out at its edges instead of being cut; the FAQ help card on the page colour. */
html body .hb-cp.hb-contact > section.hb-ev__gallery { padding-inline: 24px !important; padding-bottom: 36px !important; }
html body .hb-cp.hb-contact > section.hb-ev__gallery::before { -webkit-mask-image: linear-gradient(to bottom, transparent 0, #000 14%, #000 72%, transparent 100%); mask-image: linear-gradient(to bottom, transparent 0, #000 14%, #000 72%, transparent 100%); }
html body .hb-cp.hb-contact > .hb-ev__gallery + .hb-ev__faq { margin-top: 24px; }
html body .hb-ev__faq .hb-faq__help { background: #f9f4f0; }

/* r15 (28/10/2026, owner): the chosen gallery filter in the pink of the home "למה לבחור" section (#e5cec7), dark text and icon. */
html body .hb-galp__chips .hb-chip.is-active, html body .hb-galp__chips .hb-chip[aria-pressed="true"] { background: #e5cec7 !important; border-color: #e5cec7 !important; color: #352b24 !important; }
html body .hb-galp__chips .hb-chip.is-active .hb-chip__ic, html body .hb-galp__chips .hb-chip[aria-pressed="true"] .hb-chip__ic { color: #352b24 !important; }

/* r16 (28/10/2026, owner): the FAQ help card starts level with the questions; the other events' tiles as wide as the
   gallery (1326); less air before the footer. */
html body .hb-ev__faq .hb-faq__inner { align-items: start; }
html body .hb-ev__faq .hb-faq__help { align-self: start; margin-top: 0; }
html body .hb-ev__others .hb-ev__tiles { max-width: 1326px; }
html body .hb-cp.hb-contact > .hb-ev__others { padding-bottom: 0; }
html body.hb-event-page .hb-cp.hb-contact { padding-bottom: 40px; }
@media (min-width: 900px) { html body .hb-ev__faq .hb-faq__help { margin-top: 113px; } }

/* r17 (28/10/2026, owner): /dairy-catering/ on the light page colour. Panels that were that colour turn white;
   "בין לקוחותינו" and "מתכננים אירוע?" lose the green (white panel, cards in the page colour, as on /gallery/);
   the menu rows get a name column and a badge column (the name was squeezed into a 26px column). */
html body.page-id-307, html body.hb-soft.page-id-307 { background: #f9f4f0; }
html body.page-id-307 .hb-ob__ring { background: #f9f4f0; }
html body.page-id-307 :is(.hb-cp__cmp, .hb-cp__gal) { background: #fff !important; }
html body.page-id-307 .hb-faqp__cta { max-width: none !important; margin-inline: 0 !important; padding: 72px 34px 80px; border-radius: 40px; background: #fff !important; color: #352b24; }
html body.page-id-307 .hb-faqp__cta :is(h2, p, a:not(.hb-btn):not(.hb-way__btn)) { color: #352b24; }
html body.page-id-307 .hb-faqp__cta .hb-way { background: #f9f4f0; }
html body .hb-pkp__includes li { grid-template-columns: minmax(0, 1fr) auto !important; align-items: center; gap: 12px; }
html body .hb-pkp__includes li > em { justify-self: end; width: auto !important; padding: 4px 14px; white-space: nowrap; }

/* r18 (28/10/2026, owner): footer contact icons: the phone brown like the envelope, WhatsApp in the site's button green. */
html body .hb-footer__tel-ico { background-color: #6b4a3a !important; }
html body .hb-footer__wa { background-color: #657b63 !important; }
/* Mega menu event cards (owner 28/10/2026): the hover shadow was clipped by the scrolling row into a hard edge; a soft tint instead. */
html body .hb-mm__panel .hb-mmx__occ:hover, html body .hb-mm__panel .hb-mmx__occ:focus-visible { box-shadow: none !important; background: #f1e7e1; transition: background-color .2s ease; }

/* r19 (28/10/2026, owner): "קייטרינג מלא" main button in the footer pink with green text, not dark brown. */
html body .hb-cp__cmp-col--cat .hb-cp__btn-main { background: #ecdfd9 !important; border-color: #ecdfd9 !important; color: #657b63 !important; }
html body .hb-cp__cmp-col--cat .hb-cp__btn-main:hover { background: #fff !important; border-color: #fff !important; }
html body .hb-cp__cmp-col--cat .hb-cp__btn-main svg { color: #657b63; }

/* r20 (28/10/2026, owner): "איך זה עובד?" on the site pink (#e5cec7) instead of dark brown; dark title; the numbers: done ones green
   with a white ring, the coming ones a soft outline on the pink; the track brown-tinted. */
html body .hb-cp__steps { background: #e5cec7 !important; color: #352b24; }
html body .hb-cp__steps :is(h2, .hb-about__h2, .hb-pkp__head p) { color: #352b24 !important; }
html body .hb-cp__steps .hb-cp__tl::before { background: rgba(53, 43, 36, .16) !important; }
html body .hb-cp__steps .hb-cp__tl::after, html body .hb-cp__steps .hb-cp__tl-card::after { background: #657b63 !important; }
html body .hb-cp__steps .hb-cp__tl-dot { background: #f9f4f0 !important; border-color: rgba(53, 43, 36, .22) !important; color: rgba(53, 43, 36, .6) !important; }
html body .hb-cp__steps .hb-cp__tl-item.is-on .hb-cp__tl-dot { background: #657b63 !important; border-color: #fff !important; color: #fff !important; }

/* r21 (28/10/2026, owner): "מאירועים שעשינו" with no white panel, coming straight out of the pink "רוצים גם עמדה חיה" card above it
   (as the event pages' gallery comes out of the form); its bagel pattern fades at the edges. */
html body.page-id-307 .hb-cp__gal { background: transparent !important; }
html body.page-id-307 .hb-cp__stations { position: relative; z-index: 2; }
html body.page-id-307 .hb-cp__stations + .hb-cp__gal { position: relative; z-index: 1; margin-top: -40px !important; padding-top: 96px !important; }
html body.page-id-307 .hb-cp__gal::before { -webkit-mask-image: linear-gradient(to bottom, transparent 0, #000 14%, #000 72%, transparent 100%); mask-image: linear-gradient(to bottom, transparent 0, #000 14%, #000 72%, transparent 100%); }

/* r22 (28/10/2026, owner): /dairy-catering/ "בין לקוחותינו" = the home container (.hb-trust in catering/page.php; the home-only rules copied). */
body.page-id-307 .hb-clients { padding-top: var(--hb-sec-y, 64px); padding-bottom: var(--hb-sec-y, 64px); }
body.page-id-307 .hb-reviews { padding-top: var(--hb-sec-y, 64px); padding-bottom: var(--hb-sec-y, 64px); }
html body.page-id-307 .hb-trust__line { background: #fff; }
html body.page-id-307 .hb-trust { background: #eae0d9; }
html body.page-id-307 .hb-trust { position: relative; z-index: 1; }
html body.page-id-307 .hb-trust .hb-reviews { padding-bottom: 48px; }
html body.page-id-307 .hb-clients__track li { background: #fff; }
html body.page-id-307 .hb-reviews .ti-widget[data-pid][data-layout-id] .ti-review-item > .ti-inner { background: #fff !important; }
html body.page-id-307 .hb-reviews .ti-widget[data-pid][data-layout-id] .ti-controls :is(.ti-next, .ti-prev):not(:hover) { background: #fff !important; outline-color: #fff !important; }
body.page-id-307 .hb-clients__marquee { margin-top: 0; }

/* r23 (28/10/2026, owner): darker green text on the pink "קייטרינג מלא" button; "איך זה עובד?" in a deeper powder pink
   instead of green; "לפרטי העמדות" green; "לכל השאלות הנפוצות" a green outline with green text. */
html body .hb-cp__cmp-col--cat .hb-cp__btn-main, html body .hb-cp__cmp-col--cat .hb-cp__btn-main svg { color: #4a5f48 !important; }
html body .hb-cp__steps .hb-cp__tl::after, html body .hb-cp__steps .hb-cp__tl-card::after { background: #b8877a !important; }
html body .hb-cp__steps .hb-cp__tl-item.is-on .hb-cp__tl-dot { background: #b8877a !important; border-color: #fff !important; color: #fff !important; }
html body .hb-cp__stations-btn { background: #657b63 !important; border-color: #657b63 !important; color: #fff !important; }
html body .hb-cp__stations-btn:hover { background: #4f634d !important; border-color: #4f634d !important; }
html body .hb-cp__faq .hb-btn--outline { border-color: #657b63 !important; color: #4f634d !important; }
html body .hb-cp__faq .hb-btn--outline:hover { background: #657b63 !important; color: #fff !important; }

/* r24 (28/10/2026, owner): the catering FAQ questions on white so they stand out from the page colour. */
html body .hb-cp__faq .hb-faq__item { background: #fff !important; }
html body .hb-cp__faq .hb-faq__item[open] { background: #fff !important; }

/* r25 (28/10/2026, owner): "לא בטוחים מה מתאים?" with the same air under it as above it; its submit in the pink of "רוצים גם עמדה חיה". */
html body.page-id-307 .hb-lb { margin-bottom: 87px; }
html body .hb-lb__submit.hb-btn--sage { background: #e5cec7 !important; border-color: #e5cec7 !important; color: #352b24 !important; }
html body .hb-lb__submit.hb-btn--sage:hover { background: #d9bdb4 !important; border-color: #d9bdb4 !important; }

/* r26 (28/10/2026, owner): "לפרטי העמדות" white with brown text; the catering FAQ: the open question in the footer pink, and a
   two-column grid instead of CSS columns (opening a question reflowed the items between the columns). */
html body .hb-cp__stations-btn { background: #fff !important; border-color: #fff !important; color: #352b24 !important; }
html body .hb-cp__stations-btn:hover { background: #f9f4f0 !important; border-color: #f9f4f0 !important; }
html body .hb-cp__faq .hb-faq__item[open] { background: #ecdfd9 !important; }
html body .hb-cp__faq .hb-faq__list { columns: auto !important; column-count: auto !important; display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; gap: 16px; }
html body .hb-cp__faq .hb-faq__list > .hb-faq__item { margin: 0 !important; break-inside: auto; }
@media (max-width: 767px) { html body .hb-cp__faq .hb-faq__list { grid-template-columns: minmax(0, 1fr); } }

html body .hb-cp__faq .hb-faq__list.is-cols { align-items: start; }
html body .hb-cp__faq .hb-faq__col { display: grid; gap: 16px; align-content: start; }

/* r28 (28/10/2026, owner): the trays shop on the light page colour; "סינון", "מומלץ", the category chips and the rail arrows white. */
html body.hb-shop-page, html body.hb-soft.hb-shop-page { background: #f9f4f0; }
html body.hb-shop-page .hb-ob__ring { background: #f9f4f0; }
html body.hb-shop-page :is(.hb-shop__open, .hb-shop__sort .hb-dd__btn, .hb-shop__rail .hb-fchip:not(.is-on):not([aria-pressed="true"]):not([aria-current]), .hb-shop__toolbar .hb-rail__btn, .hb-shop__toolbar [class*="rail__nav"], .hb-shop__toolbar [class*="rail__arrow"]) { background: #fff !important; }
html body.hb-shop-page .hb-shop__rail .hb-fchip:not(.is-on):not([aria-pressed="true"]):not([aria-current]) > span:first-child { background: #f9f4f0; }

/* r29 (28/10/2026, owner): the "לא בטוחים מה מתאים?" block on white (it was the page colour, so it vanished). */
html body .hb-lb .hb-lb__card { background: #fff !important; }

/* r30 (28/10/2026, owner): product pages on the light page colour. What was that colour (the top panel, the crumbs)
   turns white, and what was white inside it (the buy box, the accordions) takes the page colour, so nothing blends in. */
html body.hb-product-page, html body.hb-soft.hb-product-page { background: #f9f4f0; }
html body.hb-product-page :is(.hb-prod__crumbs, .hb-prod__top) { background: #fff !important; }
html body.hb-product-page .hb-prod__top :is(.hb-pp__buy, .hb-prod__acc-item) { background: #f9f4f0 !important; }
html body.hb-product-page .hb-prod__top .hb-prod__acc-item[open] { background: #ecdfd9 !important; }

/* r31 (28/10/2026, owner): the "מגש" badge in soft pink with a brown icon; the buy box and the accordions in the footer pink
   (an open accordion a shade deeper). */
html body .hb-pp__kind { background: #ecdfd9 !important; color: #352b24 !important; }
html body .hb-pp__kind svg { color: #6b4a3a !important; }
html body.hb-product-page .hb-prod__top :is(.hb-pp__buy, .hb-prod__acc-item) { background: #ecdfd9 !important; }
html body.hb-product-page .hb-prod__top .hb-prod__acc-item[open] { background: #e5cec7 !important; }

/* r32 (28/10/2026, owner): /catering-quote/ in the event pages' language: the page colour #f9f4f0, the form card white
   (its choice cards and chips in the page colour), "הבחירות שלכם" in the footer pink, the step numbers in the site pink. */
html body.page-id-169, html body.hb-soft.page-id-169 { background: #f9f4f0; }
html body.page-id-169 .hb-ob__ring { background: #f9f4f0; }
html body.page-id-169 .hb-quote__card { background: #fff !important; }
html body.page-id-169 .hb-quote__card .hb-evc__card { background: #f9f4f0 !important; }
html body.page-id-169 .hb-quote__card :is(input:not([type=checkbox]):not([type=radio]), select, textarea) { background: #fff !important; } /* owner 02/11/2026 */
html body.page-id-169 .hb-quote__summary { background: #ecdfd9 !important; }
html body.page-id-169 .hb-contact__card { background: #fff !important; }

/* r33 (28/10/2026, owner): a product with sizes: no pink panel behind the order box (the size cards in the page colour
   so they show on the white panel); /catering-quote/: the coming step numbers in the site pink, the guests pill light. */
html body.hb-product-page .hb-prod__top .hb-pp__buy:has(.hb-pp__size) { background: transparent !important; padding-inline: 0; }
html body.hb-product-page .hb-pp__size label > input:not(:checked) + span { background: #f9f4f0 !important; }
html body.page-id-169 li:not(.is-current):not(.is-done) > .hb-q__dot { background: #e5cec7 !important; border-color: #e5cec7 !important; color: #352b24 !important; }
html body.page-id-169 .hb-q__ans { background: #f9f4f0 !important; }
html body.hb-product-page .hb-prod__top .hb-pp__buy:has(.hb-pp__size) { box-shadow: none !important; border: 0 !important; }

/* r34 (28/10/2026, owner): checkout in the new colours (page #f9f4f0, the big panel white, the step cards, tabs and order
   summary in the page colour), and icons instead of 1-2-3: contact, delivery, payment; brown on the site pink. */
html body.woocommerce-checkout, html body.hb-soft.woocommerce-checkout { background: #f9f4f0; }
html body.woocommerce-checkout :is(.hb-prod__crumbs, .hb-checkout__box) { background: #fff !important; }
html body.woocommerce-checkout .hb-co__step { background: #f9f4f0 !important; }
html body.woocommerce-checkout .hb-co__prog a { background: #f9f4f0 !important; }
html body.woocommerce-checkout .hb-co__fee { background: #fff !important; }
html body.woocommerce-checkout .hb-co__num { position: relative; font-size: 0 !important; color: transparent !important; background: #e5cec7 !important; }
html body.woocommerce-checkout .hb-co__num::before { content: ''; position: absolute; inset: 0; margin: auto; width: 18px; height: 18px; background: #6b4a3a; -webkit-mask: var(--hb-co-ic) center / contain no-repeat; mask: var(--hb-co-ic) center / contain no-repeat; }
html body.woocommerce-checkout .hb-co__steps > .hb-co__step:nth-child(2) .hb-co__num { --hb-co-ic: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%228%22%20r%3D%223.6%22%2F%3E%3Cpath%20d%3D%22M5%2019.5c1.2-3.4%204-5%207-5s5.8%201.6%207%205%22%2F%3E%3C%2Fsvg%3E"); }
html body.woocommerce-checkout .hb-co__steps > .hb-co__step:nth-child(3) .hb-co__num { --hb-co-ic: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%207h11v9H3z%22%2F%3E%3Cpath%20d%3D%22M14%2010h4l3%203v3h-7%22%2F%3E%3Ccircle%20cx%3D%227%22%20cy%3D%2217.5%22%20r%3D%221.6%22%2F%3E%3Ccircle%20cx%3D%2217%22%20cy%3D%2217.5%22%20r%3D%221.6%22%2F%3E%3C%2Fsvg%3E"); }
html body.woocommerce-checkout .hb-co__steps > .hb-co__pay .hb-co__num { --hb-co-ic: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%226%22%20width%3D%2218%22%20height%3D%2212%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M3%2010h18M7%2014.5h4%22%2F%3E%3C%2Fsvg%3E"); }
html body.woocommerce-checkout .hb-co__sum { background: #ecdfd9 !important; }
html body.woocommerce-checkout .hb-co__sum :is(.hb-qty, [class*="qty"]):not(button) { background: #fff; }
html body.woocommerce-checkout .hb-co__sum :is(.hb-co__sumh, .hb-co__totals) { background: #ecdfd9 !important; }
html body.woocommerce-checkout .hb-co__sum .hb-co__totals::before, html body.woocommerce-checkout .hb-co__sum .hb-co__totals::after { background: none !important; box-shadow: none !important; }

/* 31/10/2026 (owner): on desktop no "חיפוש" in the top bar next to WhatsApp (the header has its own search). */
@media (min-width: 1024px) { html body .hb-topbar__search { display: none !important; } }

/* 31/10/2026 (owner): the benefits strip: each icon + text centred inside its own card, not pinned to the right. */
@media (min-width: 768px) { html body .hb-benefits__item { justify-content: center !important; } html body .hb-benefits__body { flex: 0 1 auto !important; } }
@media (min-width: 1280px) { html body .hb-benefits__title { white-space: nowrap; } }
/* Where the cards stack (icon above the text) the icons share one line at the top. */
@media (min-width: 768px) and (max-width: 1279px) { html body .hb-benefits__item { justify-content: flex-start !important; } }
/* Owner 31/10/2026: "כשרות מהודרת: בד״ץ הרב רובין" on one line where there is room: each card as wide as its own text
   (four equal cards left it 227px for 258px of text). Narrower screens keep the break after the colon. */
@media (min-width: 1440px) { html body .hb-benefits__list { display: flex !important; } html body .hb-benefits__item { flex: 1 1 auto !important; min-width: 0; } html body .hb-benefits__br { display: none; } }

/* r35 (31/10/2026, owner): a package page: the order box (price, guests, add) in the page colour, "הרחבות לאירוע"
   (the add-ons, product-page.php) in the footer pink so it stands out, white cards under "חבילות נוספות לאירוע". */
html body.hb-product-page .hb-prod__top .hb-pp__buy { background: #f9f4f0 !important; }
html body.hb-product-page .hb-pp__ext { margin-top: 16px; padding: 18px 16px 16px; border-radius: 22px; background: #ecdfd9; }
html body.hb-product-page .hb-pp__ext .hb-pp__comp-head { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-bottom: 12px; }
html body.hb-product-page .hb-pp__ext .hb-pp__comp-head h2 { margin: 0; }
html body.hb-product-page .hb-pp__ext .hb-pp__grp { margin: 18px 0 10px; }
html body.hb-product-page .hb-pp__ext .hb-pp__grp small { font-weight: 400; font-size: .85em; color: #6b5f57; }
html body.hb-product-page :is(.hb-pp__ext-svc, .hb-pp__ext-list li) { display: flex; align-items: center; gap: 12px; padding: 12px 14px; border-radius: 18px; background: #fff; }
html body.hb-product-page .hb-pp__ext-list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 180px), 1fr)); gap: 10px; }
html body.hb-product-page .hb-pp__ext-ico { flex: 0 0 auto; display: grid; place-items: center; width: 42px; height: 42px; border-radius: 50%; background: #ecdfd9; color: #6b4a3a; }
html body.hb-product-page .hb-pp__ext-txt { display: flex; flex-direction: column; gap: 2px; min-width: 0; flex: 1 1 auto; }
html body.hb-product-page .hb-pp__ext-txt strong { font-weight: 700; color: #352b24; }
html body.hb-product-page .hb-pp__ext-txt small { font-size: 13px; color: #6b5f57; line-height: 1.4; }
html body.hb-product-page .hb-pp__ext-txt em { font-style: normal; font-size: 13px; font-weight: 600; color: #657b63; }
html body.hb-product-page .hb-pp__ext-price { flex: 0 0 auto; font-weight: 700; color: #657b63; font-size: 14px; text-align: left; max-width: 46%; }
html body.hb-product-page .hb-pp__ext-go { margin: 16px 0 0; display: flex; justify-content: center; }
html body.hb-product-page .hb-prod__related .hb-pk-card { background: #fff !important; }
/* r36 (31/10/2026, owner): the order box like the tiles under it: same colour, no shadow. */
html body.hb-product-page .hb-prod__top .hb-pp__buy { background: #f9f4f0 !important; box-shadow: none !important; }

/* r37 (31/10/2026, owner): "הרחבות לאירוע" like "מה כלול בחבילה": the title on the white panel, above the pink box. */
html body.hb-product-page .hb-pp__ext { background: #fff; padding: 16px 14px 14px; }
html body.hb-product-page .hb-pp__ext-box { padding: 14px; border-radius: 20px; background: #ecdfd9; }
html body.hb-product-page .hb-pp__ext-box > .hb-pp__grp:first-child { margin-top: 18px; }
html body.hb-product-page .hb-pp__ext-box > :first-child { margin-top: 0 !important; }

/* r38 (31/10/2026, owner): the package add-ons (main.js hbExt): "ניהול ופינוי האירוע" by a switch like on
   /catering-quote/, the stations locked until it is on. Package page, order window, event pages. */
html body .hb-ext { display: grid; gap: 14px; }
html body .hba-pk__ext .hb-ext { padding: 14px; border-radius: 20px; background: #ecdfd9; }
html body .hb-ext :is(.hb-ext__svc, .hb-ext__s) { display: flex; align-items: center; gap: 12px; padding: 14px 16px; border-radius: 20px; background: #fff; border: 2px solid transparent; transition: border-color .2s ease; }
html body .hb-ext :is(.hb-ext__svc, .hb-ext__s).is-on { border-color: #657b63; }
html body .hb-ext__ico { flex: 0 0 auto; display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; background: #ecdfd9; color: #6b4a3a; }
html body .hb-ext__t { display: flex; flex-direction: column; gap: 2px; min-width: 0; flex: 1 1 auto; text-align: start; }
html body .hb-ext__t strong { font-weight: 700; color: #352b24; }
html body .hb-ext__t small { font-size: 13px; color: #6b5f57; line-height: 1.4; }
html body .hb-ext__t em { font-style: normal; font-size: 13px; font-weight: 600; color: #4f604d; }
html body .hb-ext__sw { flex: 0 0 auto; position: relative; width: 54px; height: 30px; padding: 0; border: 0; border-radius: 99px; background: #d6cbc4; cursor: pointer; transition: background .2s ease; }
html body .hb-ext__sw::after { content: ""; position: absolute; top: 3px; inset-inline-start: 3px; width: 24px; height: 24px; border-radius: 50%; background: #fff; box-shadow: 0 1px 3px rgba(53, 43, 36, .25); transition: transform .2s ease; }
html body .hb-ext__sw[aria-checked="true"] { background: #657b63; }
html body .hb-ext__sw[aria-checked="true"]::after { transform: translateX(-24px); }
html body .hb-ext__sw:focus-visible, html body .hb-ext__add:focus-visible { outline: 2px solid #352b24; outline-offset: 2px; }
html body .hb-ext__sth { margin: 0 0 10px; color: #352b24; }
html body .hb-ext__sth small { font-size: 13px; color: #6b5f57; }
html body .hb-ext__st ul { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 200px), 1fr)); gap: 10px; }
html body .hb-ext__s { flex-wrap: wrap; padding: 12px; }
html body .hb-ext__add { flex: 1 0 100%; min-height: 40px; border-radius: 99px; border: 1.5px solid #657b63; background: transparent; color: #4f604d; font: inherit; font-weight: 700; cursor: pointer; transition: background .2s ease, color .2s ease; }
html body .hb-ext__add[aria-pressed="true"] { background: #657b63; color: #fff; }
html body .hb-ext__add:disabled { border-color: #cdc2bb; color: #9a8d85; cursor: not-allowed; }
html body .hb-ext__st.is-locked .hb-ext__s { opacity: .6; }
@media (prefers-reduced-motion: reduce) { html body .hb-ext__sw::after, html body .hb-ext__sw, html body .hb-ext__add { transition: none; } }
/* r39 (31/10/2026, owner): the order box breathes: more room above and below. */
html body.hb-product-page .hb-prod__top .hb-pp__buy:not(:has(.hb-pp__size)) { padding-block: 30px 26px !important; padding-inline: 22px !important; }
html body.hb-product-page .hb-prod__top .hb-pp__buy:not(:has(.hb-pp__size)) .hb-pp__guests { margin-block: 18px !important; }
html body.hb-product-page .hb-prod__top .hb-pp__buy:not(:has(.hb-pp__size)) .hb-pp__alt { margin-top: 18px !important; }

/* r40 (31/10/2026, owner): the stations appear only with the service on, with a soft entrance. */
@keyframes hbExtIn { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: none; } }
html body .hb-ext__st.is-in { animation: hbExtIn .28s ease both; }
@media (prefers-reduced-motion: reduce) { html body .hb-ext__st.is-in { animation: none; } }

/* r41 (31/10/2026, owner): "+ הוספה" fills with green from right to left on hover; "נוסף" pops softly with its tick drawn in. */
html body .hb-ext__add { position: relative; overflow: hidden; isolation: isolate; background: transparent; transition: color .3s ease, border-color .3s ease; }
html body .hb-ext__add::before { content: ""; position: absolute; inset: 0; z-index: -1; background: #657b63; transform: scaleX(0); transform-origin: right center; transition: transform .38s cubic-bezier(.22, .61, .36, 1); }
html body .hb-ext__add:not(:disabled):hover, html body .hb-ext__add[aria-pressed="true"] { color: #fff; }
html body .hb-ext__add:not(:disabled):hover::before, html body .hb-ext__add[aria-pressed="true"]::before { transform: scaleX(1); }
html body .hb-ext__add[aria-pressed="true"] { background: transparent; }
html body .hb-ext__add[aria-pressed="true"]:hover::before { background: #566b54; }
html body .hb-ext__ok { display: inline-block; }
@keyframes hbExtPop { 0% { transform: scale(.94); } 55% { transform: scale(1.04); } 100% { transform: scale(1); } }
@keyframes hbExtTick { 0% { opacity: 0; transform: scale(.2) rotate(-30deg); } 60% { opacity: 1; transform: scale(1.35) rotate(0); } 100% { opacity: 1; transform: scale(1); } }
@keyframes hbExtGlow { 0% { box-shadow: 0 0 0 0 rgba(101, 123, 99, .35); } 100% { box-shadow: 0 0 0 10px rgba(101, 123, 99, 0); } }
html body .hb-ext__add.is-pop { animation: hbExtPop .42s cubic-bezier(.34, 1.56, .64, 1); }
html body .hb-ext__add.is-pop .hb-ext__ok { animation: hbExtTick .5s .08s cubic-bezier(.34, 1.56, .64, 1) both; }
html body .hb-ext__s.is-pop { animation: hbExtGlow .7s ease-out; }
@media (prefers-reduced-motion: reduce) { html body .hb-ext__add::before { transition: none; } html body .hb-ext__add.is-pop, html body .hb-ext__add.is-pop .hb-ext__ok, html body .hb-ext__s.is-pop { animation: none; } }
/* r42 (owner 01/11/2026): no WhatsApp button on the menu page, the print button takes the full row. */
html body .hb-menu__tools { grid-template-columns: 1fr; }

/* r43 (owner 01/11/2026): the menu's "ביצוע הזמנה" says what is still missing. */
html body .hb-menu__err { margin: 10px 0 0; color: #b3261e; font-size: 14px; font-weight: 600; text-align: center; }
html body .hb-menu [data-hb-menu-quote][aria-busy="true"] { opacity: .75; pointer-events: none; }

/* r44 (owner 01/11/2026): the menu on phones. The panel (guests, picks, estimate) comes first, right under the
   title, compact; its green button goes, since the bottom bar carries "ביצוע הזמנה". The picks are two tappable
   cards that lead to their section. */
html body .hb-menu__sec { scroll-margin-top: 110px; }
html body .hb-menu__progress li[role="button"] { cursor: pointer; }
@media (max-width: 960px) {
  html body .hb-menu__aside { order: -1; }
  html body .hb-menu__panel { gap: 12px; padding: 18px 16px 16px; border-radius: 22px; }
  html body .hb-menu__panel h2 { font-size: 19px; }
  html body .hb-menu__panel .hb-field { gap: 6px; }
  html body .hb-menu__panel .hb-stepper { min-height: 52px; }
  html body .hb-menu__min { font-size: 12.5px; }
  html body .hb-menu__progress { grid-template-columns: 1fr 1fr; gap: 8px; padding: 0; border: 0; }
  html body .hb-menu__progress li { align-items: center; gap: 8px; min-height: 52px; padding: 8px 12px; border: 1.5px solid #e5dcd5; border-radius: 14px; background: #ffffff; font-size: 13.5px; line-height: 1.25; transition: border-color .2s, background-color .2s; }
  html body .hb-menu__progress li span { flex: 1; min-width: 0; }
  html body .hb-menu__progress li b { flex: none; white-space: nowrap; font-size: 14px; }
  html body .hb-menu__progress li.is-done { border-color: #c9d6c7; background: #f1f5f0; }
  html body .hb-menu__progress li:active { background: #f9f4f0; }
  html body .hb-menu__total { grid-template-columns: minmax(0, 1fr) auto; align-items: center; column-gap: 12px; padding: 12px 14px; }
  html body .hb-menu__total span { grid-column: 1; grid-row: 1; }
  html body .hb-menu__total small { grid-column: 1; grid-row: 2; font-size: 12.5px; }
  html body .hb-menu__total strong { grid-column: 2; grid-row: 1 / span 2; font-size: 26px; }
  html body .hb-menu__fine { font-size: 12px; line-height: 1.45; }
  html body .hb-menu__cta { display: none; }
  html body .hb-menu__tools .hb-menu__tool { min-height: 44px; font-size: 14px; }
}

/* r45 (owner 01/11/2026): the event stations as cards, everywhere they are offered (mega menu, drawer, catering
   hub), with the [SECRET — kept on the server / SGO-Backups/keys, never in git] "ניהול ופינוי האירוע". */
html body .hb-stx { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 10px; margin: 0; padding: 0; list-style: none; }
html body .hb-stx__i { display: flex; align-items: center; gap: 10px; min-width: 0; padding: 10px 12px; border: 1px solid #eadfd8; border-radius: 16px; background: #ffffff; text-align: start; }
html body .hb-stx__ic { flex: none; display: grid; place-items: center; width: 42px; height: 42px; border-radius: 50%; background: #ecdfd9; color: #6b4a3a; }
html body .hb-stx__ic svg { width: 22px; height: 22px; }
html body .hb-stx__t { display: grid; gap: 1px; min-width: 0; line-height: 1.3; }
html body .hb-stx__t strong { font-size: 15px; font-weight: 700; color: #352b24; }
html body .hb-stx__t small { font-size: 12.5px; color: rgba(53, 43, 36, .66); }
html body .hb-stx__rule { display: flex; align-items: flex-start; gap: 8px; margin: 0 0 12px; padding: 10px 14px; border-radius: 14px; background: #f1f5f0; color: #3f513d; font-size: 14px; line-height: 1.45; text-align: start; }
html body .hb-stx__lock { flex: none; width: 16px; height: 16px; margin-top: 2px; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Crect x='5' y='11' width='14' height='9' rx='2'/%3E%3Cpath d='M8 11V8a4 4 0 0 1 8 0v3'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Crect x='5' y='11' width='14' height='9' rx='2'/%3E%3Cpath d='M8 11V8a4 4 0 0 1 8 0v3'/%3E%3C/svg%3E") center / contain no-repeat; }
html body .hb-mmx__stage .hb-stx { grid-template-columns: repeat(3, minmax(0, 1fr)); margin-bottom: 16px; }
html body .hb-dr__stage .hb-stx { grid-template-columns: 1fr; gap: 8px; margin: 0 0 12px; }
html body .hb-dr__stage .hb-stx__rule { margin: 0 0 10px; font-size: 13.5px; }
html body .hb-cp__stations { flex-wrap: wrap; }
html body .hb-cp__stx { flex: 1 1 100%; order: 3; margin-top: 18px; }
html body #stations { scroll-margin-top: 110px; }

/* r46 (Julia 01/11/2026): on mobile the menu panel keeps the guests and the PDF; the pick cards and the estimate are in the bottom bar. */
@media (max-width:960px){html body .hb-menu__panel .hb-menu__progress,html body .hb-menu__panel .hb-menu__total{display:none !important}}

/* r47 (01/11/2026): the order add-ons in the order sheet and the checkout summary (holybagel-core order-ext.php). */
html body .hb-oext{margin:14px 0 6px;padding:14px;border:1px solid #ece4dc;border-radius:16px;background:#fff}
html body .hb-oext__h{margin:0 0 10px;font-size:1rem;font-weight:800}
html body .hb-oext .hb-ext{margin:0}

/* r48 (Julia 01/11/2026): the dish tiles' price and its guests line start on the right, one under the other. */
html body .hb-ti__price{justify-items:start;text-align:start}

/* r49 (Julia 01/11/2026): the shop card's second photo fades in on hover (devices with a mouse only). */
html body .hb-pcard__media{position:relative}
html body .hb-pcard__media img.hb-pcard__alt{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .35s ease;pointer-events:none}
@media (hover:hover){html body .hb-pcard:hover .hb-pcard__media img.hb-pcard__alt{opacity:1}}
@media (hover:none){html body .hb-pcard__media img.hb-pcard__alt{display:none}}

/* r50 (Julia 01/11/2026): the hover photo covers the first one fully; the card photos' multiply blend made it look see-through. */
html body .hb-pcard__media img.hb-pcard__alt{mix-blend-mode:normal;z-index:1;background:#fff}

/* r51 (Julia 01/11/2026): a dish opened in the mega menu fits its panel, no inner scroll: the photo takes the height
   the text needs (or the panel allows), cropped, instead of its own ratio. */
html body .hb-mmx .hb-peek{grid-template-rows:minmax(0,1fr);overflow:hidden}
html body .hb-mmx .hb-peek__media{min-height:0;height:100%;max-height:100%;aspect-ratio:auto}
html body .hb-mmx .hb-peek__media img{width:100%;height:100%;object-fit:cover}

/* r52 (Julia 01/11/2026): "ביטול" in the product page's guests strip. */
html body .hb-pp__ctx{position:relative;padding-inline-end:80px}
html body .hb-pp__ctx-x{position:absolute;inset-inline-end:18px;top:50%;transform:translateY(-50%);background:none;border:0;padding:4px 2px;font:inherit;font-size:.92rem;font-weight:700;color:#6b4a3a;text-decoration:underline;text-underline-offset:3px;cursor:pointer}

/* r53 (Julia 01/11/2026): no "בונים הזמנה ל-X אורחים" strip on a tray's page (packages keep it). */
html body .hb-pp__ctx--tray{display:none !important}

/* r54 (Julia 01/11/2026): the tray note is a free-text box. */
html body .hb-pp__note textarea{width:100%;min-height:88px;resize:vertical;padding:12px 16px;border:1px solid #e3dad1;border-radius:16px;background:#fff;font:inherit;line-height:1.5}
html body .hb-pp__note textarea:focus-visible{outline:2px solid #6b7c63;outline-offset:2px}

/* r55 (Julia 01/11/2026): the funnel results end with two ways on; the quote made to measure (order-app.js fqHtml). */
html body .hba-res__next{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:28px auto 8px;max-width:720px}
html body .hba-res__next .hba-cta{flex:1 1 260px;min-height:52px}
html body .hba-fn__note{max-width:640px;margin:6px auto 18px;text-align:center;color:#6b5a52}
html body .hba-fq .hba-fq__grid{max-width:1080px;margin:16px auto 0}
html body .hba-fq .hba-fq__card{display:grid;gap:16px}
html body .hba-fq.is-done{text-align:center;padding-top:40px}

/* r56 (01/11/2026): the event page's quote made to measure (main.js fqHtml). */
html body .hb-fnin__fq{display:grid;gap:16px;margin-top:10px}
html body .hb-fnin__fq .hb-q__submit{justify-self:start;min-width:220px}
html body .hb-fnin__next{margin-top:28px}

/* r57 (Julia 01/11/2026): the trays shop asks no guest count ("זה מקבע אותם"): no "לכמה אורחים?" in the order window's bar and summary, nor in the drawer. */
html body .hba-ctx,html body .hba-sum__ctx,html body .hb-nav-g{display:none !important}

/* r58 (Julia 01/11/2026): the two ways under the packages are quiet underlined links, like "דילוג, ישר לתפריט המגשים". */
html body .hba-res__next{gap:8px 32px;max-width:none}
html body .hba-res__next .hba-link{flex:none;min-height:44px}
html body .hb-fnin__link{display:inline-flex;align-items:center;min-height:44px;padding:0 6px;border:0;background:none;color:#2b201b;font:inherit;font-weight:700;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;cursor:pointer}
html body .hb-fnin__link:hover{color:#55684e}

/* r59 (Julia 01/11/2026): the dashed lines between the rows of "הבחירות שלכם" run straight (the row's 12px radius bent their ends). */
html body .hb-quote__summary .hb-quote__row{border-radius:0}

/* r60 (Julia 01/11/2026), the event page's package questions: the 1-2-3 steps sit together on the right; a step's
   question ("כמה אורחים?") stays smaller than the box title (28px); the "build it yourselves" link in black. */
html body .hb-fnin .hb-q__steps{grid-template-columns:repeat(3,minmax(0,220px)) !important;justify-content:start !important;margin-inline-start:-92px !important} /* wider steps; the first dot (36px, centred in its 220px column) flush with the right edge */
html body .hb-fnin .hb-q__title{font-size:22px;line-height:1.3}
html body .hb-fnin .hb-fnin__own,html body .hb-fnin .hb-fnin__own:visited{color:#352b24 !important}
@media (max-width:760px){html body .hb-fnin .hb-q__steps{grid-template-columns:repeat(3,minmax(0,1fr)) !important;margin-inline-start:0 !important}}

html body .hb-fnin.has-wizard .hb-fnin__own{color:#352b24 !important} /* r60: beats polish-quote.css's sage for the wizard */

/* r61: the add-ons in the event page's budget step */
html body .hb-fnin__ext{margin-top:24px}
html body .hb-fnin__ext .hb-q__label{margin:0 0 10px;font-weight:800}

/* r62 (Julia 01/11/2026): the "ניהול ופינוי האירוע" box keeps a frame while off too, the budget box's line (sage once on). */
html body .hb-ext__svc:not(.is-on){border-color:rgba(53,43,36,.12);box-shadow:0 1px 2px rgba(53,43,36,.05)}

/* r63 (Julia 01/11/2026): the stations as a carousel of cards, everywhere the service switch shows (main.js hbExt). */
html body .hb-ext__car{position:relative}
html body .hb-ext__st ul.hb-ext__track{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain;padding:2px 2px 10px;margin:0;scrollbar-width:none}
html body .hb-ext__track::-webkit-scrollbar{display:none}
html body .hb-ext__track .hb-ext__s{flex:0 0 210px;scroll-snap-align:start;display:grid;grid-template-columns:auto 1fr;align-content:start;align-items:start;gap:10px 12px;padding:16px}
html body .hb-ext__track .hb-ext__s:not(.is-on){border-color:rgba(53,43,36,.12);box-shadow:0 1px 2px rgba(53,43,36,.05)}
html body .hb-ext__track .hb-ext__add{grid-column:1/-1;width:100%;align-self:end}
html body .hb-ext__arr{position:absolute;top:calc(50% - 5px);transform:translateY(-50%);z-index:2;display:grid;place-items:center;width:40px;height:40px;padding:0;border-radius:50%;border:1px solid rgba(53,43,36,.12);background:#fff;color:#352b24;box-shadow:0 4px 14px rgba(53,43,36,.14);cursor:pointer}
html body .hb-ext__arr--prev{inset-inline-start:-12px}
html body .hb-ext__arr--next{inset-inline-end:-12px}
html body .hb-ext__arr[hidden]{display:none}
html body .hb-ext__arr:focus-visible{outline:2px solid #352b24;outline-offset:2px}


/* r64 (Julia 01/11/2026): the stations carousel stays inside its column (it spread under the summary); the event page's
   package cards: the note set to the right, smaller type so the lines do not break. */
html body .hb-fnin .hb-q__step,html body .hb-fnin__ext,html body .hb-ext,html body .hb-ext__st,html body .hb-ext__car{min-width:0;max-width:100%}
html body .hb-ext__st ul.hb-ext__track{width:100%}
html body .hb-fnin .hba-fn__note{text-align:start;margin:4px 0 0;max-width:none;font-size:15px}
html body .hb-fnin__pk h3{font-size:19px;line-height:1.25}
html body .hb-fnin__price{font-size:15px}
html body .hb-fnin__tags span{font-size:13px;white-space:nowrap}

/* r65 (Julia 01/11/2026): the stations carousel shows only whole cards (4 / 3 / 2 by the room it has, a container
   query, so the same in the page, the order window and the cart), each card upright and the same height, the arrows
   on the title line instead of over the cards. */
html body .hb-ext__st{position:relative}
html body .hb-ext__car{container-type:inline-size}
html body .hb-ext__st ul.hb-ext__track{align-items:stretch;padding:2px 0 6px}
html body .hb-ext__track .hb-ext__s{flex:0 0 calc((100% - 36px) / 4);display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:14px;min-width:0}
html body .hb-ext__track .hb-ext__s .hb-ext__ico{width:40px;height:40px;margin-bottom:2px}
html body .hb-ext__track .hb-ext__t{display:grid;gap:2px;min-width:0}
html body .hb-ext__track .hb-ext__t strong{font-size:15px;line-height:1.3}
html body .hb-ext__track .hb-ext__t small,html body .hb-ext__track .hb-ext__t em{font-size:13px;line-height:1.35}
html body .hb-ext__track .hb-ext__add{margin-top:auto;width:100%;min-height:40px;font-size:14px}
@container (max-width:640px){html body .hb-ext__track .hb-ext__s{flex-basis:calc((100% - 24px) / 3)}}
@container (max-width:430px){html body .hb-ext__track .hb-ext__s{flex-basis:calc((100% - 12px) / 2)}}
html body .hb-ext__arr{top:-44px;transform:none;width:34px;height:34px;box-shadow:0 2px 8px rgba(53,43,36,.12)}
html body .hb-ext__arr--prev{inset-inline-start:auto;inset-inline-end:42px}
html body .hb-ext__arr--next{inset-inline-end:0}
html body .hb-ext__car:has(.hb-ext__arr:not([hidden])) .hb-ext__arr[hidden]{display:grid;opacity:.35;pointer-events:none}


html body .hb-ext__track .hb-ext__s>*{flex:0 0 auto} /* r65: the old row layout gave the button flex-basis 100%, a height in a column */
html body .hb-ext__track .hb-ext__add{align-self:stretch;height:auto}

/* r66 (Julia 01/11/2026): a station card is picked as a whole; its button is a round + in the corner that turns into a
   ✓ on sage (the quote builder's dish cards). Both arrows stay on the title line, the one with nowhere to go faded. */
html body .hb-ext__track .hb-ext__s{position:relative;cursor:pointer;transition:border-color .2s ease,background-color .2s ease}
html body .hb-ext__track .hb-ext__s:hover:not(.is-on){border-color:rgba(101,123,99,.55)}
html body .hb-ext__track .hb-ext__s.is-on{background:#f1f5f0}
html body .hb-ext__track .hb-ext__add{position:absolute;top:12px;inset-inline-end:12px;margin:0;width:32px;height:32px;min-height:0;padding:0;border-radius:50%;border:1.5px solid #657b63;background:#fff;color:#657b63;font-size:0;line-height:0;display:grid;place-items:center;align-self:auto}
html body .hb-ext__track .hb-ext__add *{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap} /* the words stay for screen readers */
html body .hb-ext__track .hb-ext__add[aria-pressed="true"]{background:#657b63;color:#fff}
html body .hb-ext__arr[hidden]{display:grid}
html body .hb-ext__arr:disabled{opacity:.35;cursor:default;box-shadow:none}
html body .hb-ext__car.is-static .hb-ext__arr{display:none}


html body .hb-ext__track .hb-ext__add .hb-ext__pm{position:static;width:auto;height:auto;overflow:visible;clip:auto;font-size:19px;line-height:1;font-weight:600} /* r66: the + / ✓ itself */
html body .hb-ext__track .hb-ext__add[aria-pressed="true"] .hb-ext__pm{font-size:15px;font-weight:800}

/* r67: no card peeks in, so the arrows show on touch too; the title leaves them room. */
html body .hb-ext__sth{padding-inline-end:84px}

/* r68 (Julia 01/11/2026): the card's + / ✓ at its bottom left; the carousel arrows on its sides, halfway down (the one with nowhere to go disappears). */
html body .hb-ext__track .hb-ext__add{top:auto;bottom:12px;inset-inline-end:12px}
html body .hb-ext__arr{top:50%;transform:translateY(-50%);margin-top:-3px}
html body .hb-ext__arr--prev{inset-inline-start:-22px;inset-inline-end:auto}
html body .hb-ext__arr--next{inset-inline-end:-22px;inset-inline-start:auto}
html body .hb-ext__arr:disabled{opacity:0;pointer-events:none}
html body .hb-ext__sth{padding-inline-end:0}

/* r68: narrow cards keep a row of their own for the + / ✓, under the text. */
@container (max-width:560px){html body .hb-ext__track .hb-ext__s{padding-bottom:54px}}

/* r69 (Julia 01/11/2026): what the quote is for, on the product pages' light green; the card scrolls to a spot that keeps
   its bagel clear of the sticky header (it was cut at the top on phones); the thank-you page. */
html body .hb-fq__sum{width:fit-content;max-width:100%;margin:10px 0 0;padding:10px 14px;border-radius:14px;background:#e9efe8;color:#352b24;font-size:15px;font-weight:600;line-height:1.45}
html body .hb-fq__sum strong{font-weight:800}
html body .hba-res .hba-cf__lead.hb-fq__sum{margin-inline:auto}
html body .hba-fq .hb-q__ask .hb-fq__sum{margin-top:12px}
html body .hb-fnin__card{scroll-margin-top:150px !important}
html body .hb-typage{max-width:620px;margin:48px auto 72px;padding:0 16px;text-align:center}
html body .hb-typage .hb-fq__sum{margin:14px auto 0}

html body .hb-fnin .hb-fnin__rhead p.hb-fq__sum,html body .hba-res p.hb-fq__sum,html body .hb-typage p.hb-fq__sum{color:#352b24;font-size:15px;font-weight:600} /* r69: over the block's grey intro style */

html body.page-id-830,html body.page-id-830 .hb-main,html body.page-id-830 main{background:#f9f4f0 !important} /* r69: the thank-you page on the site's cream, the footer its own card */

/* r70 (Julia 01/11/2026): the thank-you fills the whole screen with the header, centred; the footer starts below the fold. */
html body .hb-typage{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:none;margin:0 auto;padding:24px 16px;min-height:calc(100vh - 164px);min-height:calc(100svh - 164px)}
html body .hb-typage>*{max-width:620px}
@media (max-width:960px){html body .hb-typage{min-height:calc(100vh - 128px);min-height:calc(100svh - 128px);padding-bottom:104px}}

/* r71 (Julia 01/11/2026), the event pages on phones: one type scale from the top of the page down (page title 30 > section
   titles 26 > the questions' title 23 > a step's question 18; running text 15), tighter gaps, the questions box centred,
   the steps across its width, a compact "המשך" on the left. The hero bagel can no longer be clipped by its band. */
@media (max-width:760px){
	html body .hb-ev .hb-ob{overflow:visible;margin-bottom:42px !important}
	html body .hb-ev .hb-hero__media{overflow:hidden;border-radius:inherit}
	html body .hb-ev .hb-ob__title{font-size:30px !important;line-height:1.15}
	html body .hb-ev .hb-ob__intro{font-size:15px !important;line-height:1.4}
	html body .hb-ev .hb-about__h2,html body .hb-ev .hb-gallery__title,html body .hb-ev .hb-faq__title{font-size:26px !important;line-height:1.2}
	html body .hb-ev .hb-faq__help-title{font-size:22px !important;line-height:1.25}
	html body .hb-fnin{padding-top:10px !important}
	html body .hb-fnin__mood{padding-bottom:0;margin-bottom:76px !important} /* room for the rolling bagel above the card */
	html body .hb-fnin .hb-fnin__mt{font-size:26px !important;line-height:1.2;margin-bottom:10px}
	html body .hb-fnin .hb-fnin__mx p{font-size:15px !important;line-height:1.6}
	html body .hb-fnin .hb-fnin__head h2{font-size:23px !important;line-height:1.25}
	html body .hb-fnin .hb-fnin__head p{font-size:15px !important;line-height:1.45}
	html body .hb-fnin .hb-q__title{font-size:18px !important}
	html body .hb-fnin .hb-q__sub{font-size:14px !important}
	html body .hb-fnin__sum h2{font-size:18px !important}
	html body .hb-fnw__nav{display:flex !important;flex-direction:row !important;align-items:center;justify-content:space-between;gap:10px}
	html body .hb-fnw__nav .hb-q__next{flex:0 0 auto !important;width:auto !important;min-width:0 !important;min-height:48px;margin-inline-start:auto;padding:8px 22px !important;font-size:16px}
	html body .hb-fnw__nav .hb-q__next-to{display:none}
	html body .hb-fnw__nav .hb-q__back{flex:0 0 auto !important;width:auto !important;min-height:48px;padding:0 16px !important}
	html body .hb-fnw__nav .hb-q__submit{flex:1 1 auto !important;width:auto !important;min-width:0 !important;min-height:48px;padding:8px 14px !important;font-size:15px}
}

/* r72 (Julia 01/11/2026): the event page's questions set to the right on phones; the 1-2-3 across the box with the first step flush right (the steps' labels are about 40px wide, centred in their columns). */
@media (max-width:760px){html body .hb-fnin .hb-q__steps{box-sizing:border-box;width:calc(150% - 60px) !important;max-width:none !important;margin-inline:calc((100% - 120px) / -4) 0 !important}}
/* r72: the guest counters' + and − stay brown on hover and touch, on the site's light pink, not white on dark. */
html body .hb-stepper__btn:hover,html body .hb-stepper__btn:active,html body .hb-stepper__btn:focus,html body .hb-quote .hb-q__guests .hb-stepper__btn:hover,html body .hb-quote .hb-q__guests .hb-stepper__btn:active,html body .hb-quote .hb-q__guests .hb-stepper__btn:focus{background:#e5cec7;color:#352b24}
html body .hb-pp__sb:hover:not(:disabled),html body .hb-pp__sb:active:not(:disabled){background:#e5cec7;color:#352b24}

html body .hb-fnin.has-wizard .hb-fnin__go,html body .hb-fnin.has-wizard .hb-fnin__own{text-align:start;justify-content:flex-start;justify-items:start;margin-inline:0} /* r72: the build-it-yourselves link sits right, with the rest */

/* r73 (Julia 01/11/2026): no "התחלת הזמנה" bar on an event page on phones: there you first choose in the questions. Once the order has items the bar is "ההזמנה שלי" (polish-order.js) and shows. */
@media (max-width:960px){html body.hb-event-page .hb-ctabar:not(:has(.hb-ctabar__start.has-items)){display:none !important}}

@media (max-width:960px){html body.hb-event-page:not(:has(.hb-ctabar__start.has-items)){padding-bottom:0 !important}} /* r73: no room kept for the hidden bar */

/* r74 (Julia 01/11/2026): "הבחירות שלכם" an accordion on phones and tablets (the column layout), plain on a computer. */
html body .hb-fnin__sumbtn{display:block;width:100%;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:start;pointer-events:none}
html body .hb-fnin__suml,html body .hb-fnin__sumc{display:none}
@media (max-width:960px){
	html body .hb-fnin__sum{padding:0 !important;overflow:hidden}
	html body .hb-fnin__sum .hb-quote__sum-head{margin:0;padding:0}
	html body .hb-fnin__sum h2{margin:0}
	html body .hb-fnin__sumbtn{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:12px;row-gap:3px;min-height:56px;padding:14px 16px;pointer-events:auto;cursor:pointer}
	html body .hb-fnin__sumt{grid-column:1;font-size:16px;font-weight:700;line-height:1.3}
	html body .hb-fnin__suml{display:block;grid-column:1;font-size:13px;font-weight:500;line-height:1.4;color:rgba(53,43,36,.72)}
	html body .hb-fnin__sumc{display:grid;place-items:center;grid-column:2;grid-row:1/span 2;width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.65);transition:transform .2s ease}
	html body .hb-fnin__sum.is-open .hb-fnin__sumc{transform:rotate(180deg)}
	html body .hb-fnin__sum.is-open .hb-fnin__suml{display:none}
	html body .hb-fnin__sum:not(.is-open) dl{display:none}
	html body .hb-fnin__sum dl{margin:0;padding:0 16px 10px}
	html body .hb-fnin__sum .hb-quote__row:last-child{border-bottom:0}
}
/* r74: phones. The results' and the form's head centred, and an opened package at the page's scale. */
@media (max-width:760px){
	html body .hb-fnin__rhead{text-align:center}
	html body .hb-fnin__rhead .hb-fnin__back{margin-inline-end:auto}
	html body .hb-fnin .hb-fnin__rhead p.hb-fq__sum{margin-inline:auto;text-align:center}
	html body .hb-fnin .hb-fnin__rhead .hba-fn__note{margin:8px auto 0;text-align:center}
	html body .hb-fnin__pkv .hba-pk__head{align-items:flex-start;gap:12px}
	html body .hb-fnin__pkv .hba-pk__img{width:84px;height:84px;object-fit:cover;flex:0 0 84px}
	html body .hb-fnin__pkv .hb-fnin__pkh{font-size:20px !important;line-height:1.25;margin:0 0 4px}
	html body .hb-fnin__pkv .hba-pk__price{font-size:14px;margin:0 0 8px}
	html body .hb-fnin__pkv .hba-pk__g{font-size:14px;gap:8px}
	html body .hb-fnin__pkv .hba-pk__sh h4{font-size:17px}
	html body .hb-fnin__pkv .hba-pk__sh{margin-bottom:10px}
	html body .hb-fnin__pkv .hba-pk__items{gap:8px}
	html body .hb-fnin__pkv .hba-pk__item{grid-template-columns:56px minmax(0,1fr);gap:8px 12px;padding:10px 12px;border-radius:16px}
	html body .hb-fnin__pkv .hba-pk__item>img{width:56px;height:56px}
	html body .hb-fnin__pkv .hba-pk__n b{font-size:15px;line-height:1.3}
	html body .hb-fnin__pkv .hba-pk__n small{font-size:13px;font-weight:400;line-height:1.4;color:#6b5f57}
	html body .hb-fnin__pkv .hba-pk__sw{grid-column:2;justify-self:end;width:auto;min-height:36px;padding:0 18px;justify-content:center;font-size:14px}
}

/* r74: the two links under the packages sit close together (computer and phone); the results' title centred on phones. */
html body .hba-res__next{gap:0 20px}
html body .hba-res__next .hba-link,html body .hb-fnin__next .hb-fnin__link{min-height:34px}
@media (max-width:760px){html body .hb-fnin .hb-fnin__rhead h2{text-align:center !important;width:100%}}

/* r75 (Julia 01/11/2026), event pages on phones: the gallery as wide as the pink form above it; inside the white FAQ box and
   in the other events' tiles one 16px side margin (26-364 at 390, the questions box's inner line); no bagel seam above the tiles. */
@media (max-width:760px){
	html body .hb-cp.hb-contact.hb-ev > section.hb-ev__gallery{padding-inline:0 !important}
	html body .hb-ev .hb-faq__inner{box-sizing:border-box;padding-inline:16px !important}
	html body .hb-ev .hb-ev__others{padding-inline:0 !important;padding-top:28px !important} /* as wide as the gallery above (Julia) */
}

/* r76 (Julia 01/11/2026): the "הוחלף" tag as a green pill with a check, and the swap's moment (main.js hbSwapFx). */
html body .hba-pk__item.is-swapped .hba-pk__n em{display:inline-flex;align-items:center;gap:5px;justify-self:start;width:fit-content;max-width:100%;margin-top:6px;padding:3px 10px;border-radius:999px;background:#e9efe8;color:#4f6a4d;font-size:12.5px;font-style:normal;font-weight:700;line-height:1.35}
html body .hba-pk__item.is-swapped .hba-pk__n em::before{content:'✓';font-weight:800}
html body .hba-pk__item.is-justswap{position:relative;z-index:2;overflow:visible;animation:hbSwapCard .62s cubic-bezier(.22,.61,.36,1) both}
html body .hba-pk__item.is-justswap>img{position:relative;z-index:1;animation:hbSwapImg .72s cubic-bezier(.2,.9,.25,1.12) both}
html body .hba-pk__item.is-justswap .hba-pk__n b,html body .hba-pk__item.is-justswap .hba-pk__n small{animation:hbSwapText .46s .14s ease-out both}
html body .hba-pk__item.is-justswap .hba-pk__n em{animation:hbSwapTag .54s .3s cubic-bezier(.2,.9,.25,1.25) both}
html body .hb-swapfx{position:absolute;width:0;height:0;z-index:3;pointer-events:none}
html body .hb-swapfx i{position:absolute;left:-3px;top:-2px;width:6px;height:4px;border-radius:50%;background:#e3c58e;box-shadow:0 0 0 .5px rgba(107,74,58,.35);animation:hbSwapSeed .72s cubic-bezier(.16,.8,.3,1) both}
@keyframes hbSwapCard{0%{transform:scale(.97);box-shadow:0 0 0 0 rgba(101,123,99,.45)}45%{transform:scale(1.015);box-shadow:0 0 0 7px rgba(101,123,99,.16)}100%{transform:none;box-shadow:inset 0 0 0 2px #657b63}}
@keyframes hbSwapImg{0%{transform:scale(1.7) rotate(-9deg);opacity:0}55%{opacity:1}100%{transform:none;opacity:1}}
@keyframes hbSwapText{0%{opacity:0;transform:translateY(7px)}100%{opacity:1;transform:none}}
@keyframes hbSwapTag{0%{opacity:0;transform:scale(.55)}100%{opacity:1;transform:none}}
@keyframes hbSwapSeed{0%{opacity:0;transform:rotate(var(--a)) translateX(10px) scale(.4)}25%{opacity:1}100%{opacity:0;transform:rotate(var(--a)) translateX(var(--d)) scale(1.1)}}
@media (prefers-reduced-motion:reduce){html body .hba-pk__item.is-justswap,html body .hba-pk__item.is-justswap *{animation:none !important}}

/* r78 (Julia 01/11/2026): on phones the white FAQ box keeps the same corners as the help box inside it and the same 16px margin below it as at its sides. */
@media (max-width:760px){html body .hb-cp.hb-contact.hb-ev > .hb-ev__faq.hb-ev__faq{border-radius:22px !important;padding-bottom:16px !important}}

/* r79: the added package's link waits for its request, without looking any different. */
html body .hb-fnin__pkgo a[aria-busy="true"]{pointer-events:none}

/* r80 (Julia 02/11/2026): the event pages' phone scale on every page: page title 30 at the top, then everything below it smaller. */
@media (max-width:760px){
	html body main h1{font-size:30px !important;line-height:1.15}
	html body .hb-ob{overflow:visible}
	html body .hb-hero__media{overflow:hidden;border-radius:inherit}
	html body .hb-ob__intro{font-size:15px !important;line-height:1.4}
}

/* r81 (Julia 02/11/2026): phones, every page as on the event pages. Section titles 26 under the page title 30, card titles
   smaller again; the gallery and the boxes share the 10px line of the pink form; text inside a white box keeps 16px from it. */
@media (max-width:760px){
	html body main :is(.hb-about__h2,.hb-why__title,.hb-clients__title,.hb-gallery__title,.hb-faq__title,.hb-ways__title,.hb-packages__title,.hb-ready__title,.hb-cats__title,.hb-catering__title,.hb-shop__h2,.hb-faqp__cta h2,.hb-about__contact-main h2,.hb-season__biz h2){font-size:26px !important;line-height:1.2}
	html body main :is(.hb-event__title,.hb-faqp__card h2,.hb-timeline__year){font-size:22px !important;line-height:1.25}
	html body main :is(.hb-cp__cmp-col h3,.hb-about__team figcaption){font-size:20px !important;line-height:1.25}
	html body main .hb-about__numbers :is(strong,bdi){font-size:28px !important;line-height:1.1}
	html body main .hb-faq__help-title{font-size:22px !important;line-height:1.25}
	html body main section.hb-gallery{padding-inline:10px !important}
	html body main .hb-galp__body,html body main .hb-cp section.hb-gallery.hb-gallery{padding-inline:0 !important}
	html body main section.hb-gallery .hb-gallery__grid,html body main .hb-galp__body .hb-gallery__grid{margin-inline:0 !important;width:100% !important;max-width:none !important}
	html body main .hb-faq{padding-inline:0 !important;border-radius:22px !important}
	html body main .hb-faq:has(.hb-faq__help){padding-bottom:16px !important}
	html body main .hb-faq__inner{box-sizing:border-box;width:100% !important;max-width:none !important;margin-inline:0 !important;padding-inline:16px !important}
	html body main .hb-cp .hb-trust.hb-cp__trust{margin-inline:0 !important;width:auto !important}
	html body main .hb-cp .hb-trust .hb-clients{margin-inline:0 !important;width:auto !important}
	html body main .hb-faqp__cta.hb-galp__cta{margin-inline:0 !important;width:auto !important}
	html body.term-packages main{padding-inline:16px}
}

/* r81: the page title's band grows with its text; nothing inside it is squeezed or cut. */
@media (max-width:760px){
	html body .hb-ob{height:auto !important;min-height:188px}
	html body .hb-ob__in{height:auto !important}
	html body .hb-ob__in>*{flex-shrink:0 !important;overflow:visible !important}
}

/* r82 (Julia 02/11/2026): the checkout's two ways. Placing the order is the painted button, the quote a clear one with a frame; the summary downloads a PDF. */
html body .hb-co .hb-co__quote{display:flex;align-items:center;justify-content:center;width:100%;min-height:52px;margin-top:12px;padding:10px 20px;border:2px solid #657b63;border-radius:999px;background:transparent;color:#352b24;font-size:16px;font-weight:700;cursor:pointer}
html body .hb-co .hb-co__quote:hover,html body .hb-co .hb-co__quote:focus-visible{background:rgba(101,123,99,.1);color:#352b24}
html body .hb-co .hb-co__quote-note{margin:8px 0 0;font-size:13px;line-height:1.45;text-align:center;color:#6b5f57}
html body .hb-co .hb-co__quote-err{margin:8px 0 0;font-size:14px;font-weight:600;text-align:center;color:#a33a2c}
html body .hb-co #place_order{margin-bottom:12px !important} /* r82: a gap between the two ways */
html body .hb-co .hb-co__quote{margin-top:0}

/* r83 (2/11/2026): order add-ons: the title sits above on the page colour, one white card under it (no box in a box). The checkout summary grows with its content instead of scrolling inside itself. */
html body .hb-oext{margin:14px 0 6px;padding:0;border:0;border-radius:0;background:transparent}
html body .hb-oext__h{margin:0 0 10px;font-size:18px;font-weight:800;line-height:1.3;color:#352b24}
html body .hb-oext .hb-ext__svc{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px 12px;padding:16px;box-shadow:none}
html body .hb-oext .hb-ext__svc:not(.is-on){border-color:transparent;box-shadow:none}
html body .hb-oext .hb-ext__svc .hb-ext__t{display:contents}
html body .hb-oext .hb-ext__svc .hb-ext__t strong{grid-row:1;grid-column:2;font-size:16px;line-height:1.3}
html body .hb-oext .hb-ext__svc .hb-ext__sw{grid-row:1;grid-column:3}
html body .hb-oext .hb-ext__svc .hb-ext__ico{grid-row:1;grid-column:1}
html body .hb-oext .hb-ext__svc .hb-ext__t small{grid-column:1/-1;font-size:14px;line-height:1.5}
html body .hb-oext .hb-ext__svc .hb-ext__t em{grid-column:1/-1;font-size:14px;line-height:1.45}
@media (min-width:1024px){
html body.woocommerce-checkout form.hb-co--pj .hb-co__sum{max-height:none;overflow:visible;align-self:start}
html body .hb-co--pj .hb-co__sumbody{flex:none;overflow:visible;overscroll-behavior:auto}
html body .hb-co--pj .hb-co__sumh{position:static;margin:0 0 12px;padding:0;background:transparent}
html body .hb-co--pj .hb-co__totals{position:static;box-shadow:none}
}
/* r84 (2/11/2026): the quote button is as tall as the green one, on every width; the price line breaks evenly. */
html body .hb-co .hb-co__quote{min-height:63px}
html body .hb-oext .hb-ext__svc .hb-ext__t :is(small,em){text-wrap:balance}
/* r85 (2/11/2026): an add to the order: hbAddFx in main.js, the seeds are the swap's. */
html body .hb-swapfx.hb-addfx{position:fixed;z-index:9000}
html body .is-justadd{position:relative;z-index:2;animation:hbAddCard .62s cubic-bezier(.22,.61,.36,1) both}
html body .is-justadd img{animation:hbAddImg .62s cubic-bezier(.2,.9,.25,1.12) both}
@keyframes hbAddCard{0%{transform:scale(.97);box-shadow:0 0 0 0 rgba(101,123,99,.45)}45%{transform:scale(1.015);box-shadow:0 0 0 7px rgba(101,123,99,.16)}100%{transform:none;box-shadow:0 0 0 0 rgba(101,123,99,0)}}
@keyframes hbAddImg{0%{transform:scale(1)}40%{transform:scale(1.07)}100%{transform:none}}
/* r86 (2/11/2026): checkout steps: numbers joined by lines, the current in pink, the next ones faded; only the current step shows (checkout.js). */
html body.woocommerce-checkout .hb-co__go{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;padding:0;border:0;background:none;color:#352b24;font:inherit;cursor:pointer}
html body.woocommerce-checkout .hb-co__dot{position:relative;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#f9f4f0;transition:background-color .3s ease}
html body.woocommerce-checkout .hb-co__dot b{font-size:16px;font-weight:800;line-height:1}
html body.woocommerce-checkout .hb-co__gol{font-size:15px;font-weight:700;line-height:1.25}
html body.woocommerce-checkout .hb-co__prog li:not(.is-now):not(.is-done) .hb-co__gol{opacity:.45;font-weight:600}
html body.woocommerce-checkout .hb-co__prog li.is-now .hb-co__dot,html body.woocommerce-checkout .hb-co__prog li.is-done .hb-co__dot{background:#e5cec7}
html body.woocommerce-checkout .hb-co__prog li.is-now .hb-co__dot b{visibility:hidden}
html body.woocommerce-checkout .hb-co__go:focus-visible{outline:2px solid #352b24;outline-offset:4px;border-radius:12px}
html body.woocommerce-checkout .hb-co__hop{position:absolute;inset:0;width:30px;height:30px;margin:auto;object-fit:contain;pointer-events:none;z-index:2}
html body form.hb-co--wiz .hb-co__step:not(.is-now){display:none}
html body .hb-co__nav{display:none}
html body form.hb-co--wiz .hb-co__nav{display:flex;flex-direction:column;align-items:stretch;gap:10px;margin-top:22px}
html body .hb-co .hb-co__next{min-height:63px;padding:0 28px;border:0;border-radius:999px;background:#657b63;color:#fff;font:inherit;font-size:19px;font-weight:700;cursor:pointer;transition:background-color .2s ease}
html body .hb-co .hb-co__next:hover{background:#55694f}
html body .hb-co .hb-co__back{align-self:center;min-height:44px;padding:0 18px;border:0;background:none;color:#352b24;font:inherit;font-size:15px;font-weight:600;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
html body .hb-co .hb-co__head:focus{outline:0}
@media (max-width:767px){
html body.woocommerce-checkout .hb-co__dot{width:38px;height:38px}
html body.woocommerce-checkout .hb-co__hop{width:26px;height:26px}
html body.woocommerce-checkout .hb-co__gol{font-size:13px}
}
@media (max-width:1023px){html body form.hb-co--wiz .hb-co__steps{flex:1 1 100%;width:100%;min-width:0}}
/* r87 (2/11/2026): the steps sit on the box's own edges: first and last number on its padding, one track behind them that fills as you go, so no line shows through a number. The note under the totals gets its room (the totals' -20px was for the old inner scroll), and the PDF link comes only after the details (checkout.js has-details). */
html body.woocommerce-checkout .hb-co__prog{--hb-co-pad:clamp(18px,2.4vw,30px);--hb-co-r:22px;position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:0 0 6px;padding:8px var(--hb-co-pad) 0}
html body.woocommerce-checkout .hb-co__prog::before,html body.woocommerce-checkout .hb-co__prog::after{content:"";position:absolute;top:calc(8px + var(--hb-co-r) - 1.5px);height:3px;inset-inline-start:calc(var(--hb-co-pad) + var(--hb-co-r))}
html body.woocommerce-checkout .hb-co__prog::before{inset-inline-end:calc(var(--hb-co-pad) + var(--hb-co-r));background:#ecdfd9}
html body.woocommerce-checkout .hb-co__prog::after{width:calc((100% - 2 * var(--hb-co-pad) - 2 * var(--hb-co-r)) * var(--hb-co-p,0));background:#e5cec7;transition:width .55s cubic-bezier(.3,.7,.3,1)}
html body.woocommerce-checkout .hb-co__prog li{position:relative;z-index:1;min-width:0;display:flex;justify-content:center}
html body.woocommerce-checkout .hb-co__prog li:first-child{justify-content:flex-start}
html body.woocommerce-checkout .hb-co__prog li:last-child{justify-content:flex-end}
html body.woocommerce-checkout .hb-co__prog li:first-child .hb-co__go{align-items:flex-start}
html body.woocommerce-checkout .hb-co__prog li:last-child .hb-co__go{align-items:flex-end}
html body.woocommerce-checkout .hb-co__go{width:auto}
html body.woocommerce-checkout .hb-co__prog li:not(.is-now):not(.is-done) .hb-co__dot b{opacity:.5}
html body.woocommerce-checkout .hb-co__prog li:not(.is-now):not(.is-done) .hb-co__dot{background:#f4ece7}
html body.woocommerce-checkout form.hb-co--pj .hb-co__totals{margin-bottom:0}
html body.woocommerce-checkout form.hb-co--pj .hb-co__note{margin:14px 0 0;line-height:1.5}
@media (max-width:767px){html body.woocommerce-checkout .hb-co__prog{--hb-co-r:19px}}
/* r88 (2/11/2026): sending from the checkout: a full screen with the rolling bagel (checkout.js hbCoWait). The quote button's words as the green one's. The thank-you page: one sentence, two buttons side by side on a computer. */
html body .hb-co .hb-co__quote{font-size:19px;font-weight:700}
html body .hb-co-wait{position:fixed;inset:0;z-index:100000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:24px;background:#f9f4f0;text-align:center;animation:hbCoWaitIn .22s ease-out both}
html body .hb-co-wait[hidden]{display:none}
html body .hb-co-wait p{margin:0;color:#352b24;font-size:20px;font-weight:700;line-height:1.35}
html body .hb-co-wait__bar{position:relative;width:min(300px,76vw);height:64px;border-bottom:4px solid #e5cec7}
html body .hb-co-wait__bar img{position:absolute;right:0;bottom:4px;width:56px;height:56px;object-fit:contain;animation:hbCoWaitRoll 1.3s ease-in-out infinite alternate}
@keyframes hbCoWaitIn{from{opacity:0}to{opacity:1}}
@keyframes hbCoWaitRoll{from{right:0;transform:rotate(0)}to{right:calc(100% - 56px);transform:rotate(-540deg)}}
@media (prefers-reduced-motion:reduce){html body .hb-co-wait__bar img{animation:none;right:calc(50% - 28px)}}
html body .hb-typage .hb-typage__btns{display:flex;justify-content:center;gap:12px;width:100%;max-width:560px;margin-top:28px}
html body .hb-typage .hb-typage__btns .hb-btn{flex:1 1 0;min-width:0;width:auto;margin:0;padding-inline:16px;white-space:nowrap}
html body .hb-typage .hb-typage__btns .hb-btn[hidden]{display:none}
@media (max-width:767px){html body .hb-typage .hb-typage__btns{flex-direction:column}html body .hb-typage .hb-typage__btns .hb-btn{flex:none;width:100%}}
/* r89 (2/11/2026): with the service the quote is the green, only button; one loading screen in the checkout (hbCoWait). */
html body .hb-co .hb-co__quote.hb-co__quote--main{background:#657b63;border-color:#657b63;color:#fff}
html body .hb-co .hb-co__quote.hb-co__quote--main:hover,html body .hb-co .hb-co__quote.hb-co__quote--main:focus-visible{background:#55694f;border-color:#55694f;color:#fff}
html body form.hb-co [data-hb-co-note="svc"]{display:none}
html body form.hb-co.is-quote-only [data-hb-co-note="svc"]{display:block}
html body form.hb-co.is-quote-only [data-hb-co-note="pay"]{display:none}
html body form.hb-co.is-quote-only .hb-co__terms,html body form.hb-co.is-quote-only .hb-co__cancel,html body form.hb-co.is-quote-only .woocommerce-terms-and-conditions-wrapper{display:none}
body.woocommerce-checkout .hb-bite-ov{display:none !important}
/* r90 (2/11/2026): the event-menu cards in the mega menu: the photo fills its side at full height. Personal boxes use the menu page's parts. */
html body .hb-mmx__menus--3 .hb-mmx__menu{grid-template-columns:42% minmax(0,1fr);align-items:stretch}
html body .hb-mmx__menus--3 .hb-mmx__menu-img{position:relative;display:block;flex:0 0 42%;width:42%;align-self:stretch;min-height:150px}
html body .hb-mmx__menus--3 .hb-mmx__menu-img img{position:absolute;inset:0;width:100%;height:100%;min-height:0;aspect-ratio:auto;object-fit:cover}
html body .hb-mmx__menu-img img{object-position:center}
html body .hb-boxes__price{display:block;margin-top:2px;font-weight:700;font-size:14px;color:#4f604d}
html body .hb-boxes .hb-boxes__err{margin:10px 0 0;font-size:14px;font-weight:600;color:#a33a2c}
html body .hb-boxes .hb-menu__fine[hidden]{display:none}
/* The box summary is the menu's white panel, not the old dark box (main.css .hb-boxes__sum); it sticks and sits as the menu's does. */
html body .hb-boxes .hb-menu__aside.hb-boxes__sum{display:block;padding:0;border-radius:0;background:none;color:inherit;gap:0}
/* Phones: choose first, the summary after the dishes, with the bottom bar (.hb-boxbar) carrying the total until it comes into view. */
@media (max-width:1023px){html body .hb-boxes .hb-menu__grid{display:flex;flex-direction:column}html body .hb-boxes .hb-menu__sections{order:1;min-width:0;width:100%}html body .hb-boxes .hb-menu__aside.hb-boxes__sum{order:2;position:static;width:100%;max-height:none}}
html body .hb-boxes .hb-menu__panel .hb-menu__progress{display:grid !important}
html body .hb-boxes .hb-menu__panel .hb-menu__total{display:grid !important}
html body .hb-boxes .hb-menu__panel .hb-menu__cta{display:flex}
html body .hb-boxbar .hb-boxbar__go{background:#657b63;color:#fff;border-color:#657b63}
html body .hb-boxbar .hb-boxbar__go.is-soft{background:#657b63;color:#fff}
/* r91 (2/11/2026): personal boxes on the product page's background (#f9f4f0); the closing panel in pink with the dark and outlined buttons of the other pages. */
html body:has(.hb-menu){background:#f9f4f0 !important}
html body .hb-contact.hb-boxes > .hb-faqp__cta{background:#e5cec7;color:#352b24;border-radius:40px}
html body .hb-boxes .hb-faqp__cta h2,html body .hb-boxes .hb-faqp__cta p{color:#352b24}
html body .hb-boxes .hb-faqp__cta .hb-faqp__cta-main{background:#352b24;border-color:#352b24;color:#fff}
html body .hb-boxes .hb-faqp__cta .hb-faqp__cta-main:hover{background:#4a3d33;border-color:#4a3d33;color:#fff}
html body .hb-boxes .hb-faqp__cta .hb-faqp__cta-alt{background:transparent;border-color:#352b24;color:#352b24}
html body .hb-boxes .hb-faqp__cta .hb-faqp__cta-alt:hover{background:#352b24;border-color:#352b24;color:#fff}

/* r92 (owner 02/11/2026): page #f9f4f0, the cube around each white table #f2eae4 (owner: a touch darker than the page; beige #eee7dc tried and rejected), on the boxes page and the event menus. Every 20 boxes opens another dish per kind. */
html body .hb-menu .hb-menu__sec{background:#f2eae4 !important}
html body .hb-boxes .hb-boxes__hint{margin:0 14px 10px;font-size:14.5px;font-weight:600;color:#3f513e}
html body .hb-boxes .hb-boxes__each{display:inline-block;margin-inline-start:8px;padding:2px 10px;border-radius:999px;background:#eef2ec;color:#3f513e;font-size:13px;font-weight:700}
html body .hb-boxes .hb-menu__sec.is-opened .hb-menu__items{animation:hb-boxes-glow 1.2s cubic-bezier(.22,.8,.24,1)}
html body .hb-boxes .hb-menu__item.is-flash{animation:hb-boxes-pick .7s cubic-bezier(.22,.8,.24,1)}
@keyframes hb-boxes-glow{0%{box-shadow:0 0 0 0 rgba(229,206,199,0)}35%{box-shadow:0 0 0 5px #e5cec7}100%{box-shadow:0 0 0 0 rgba(229,206,199,0)}}
@keyframes hb-boxes-pick{0%{background:rgba(229,206,199,.7)}100%{background:transparent}}
@media (max-width:767px){html body .hb-menu .hb-menu__items{overflow:hidden;border-radius:20px !important}}
/* r93 (owner 02/11/2026): the +/- hover is the brand pink everywhere; the boxes message is a banner at the top of the screen. */
html body .hb-stepper .hb-stepper__btn:hover,html body .hb-stepper .hb-stepper__btn:active,html body .hb-stepper .hb-stepper__btn:focus{background:#e5cec7;color:#352b24}
@media (prefers-reduced-motion:reduce){html body .hb-boxes .hb-menu__sec.is-opened .hb-menu__items,html body .hb-boxes .hb-menu__item.is-flash{animation:none}}
html.hb-a11y-motion body .hb-boxes .hb-menu__sec.is-opened .hb-menu__items,html.hb-a11y-motion body .hb-boxes .hb-menu__item.is-flash{animation:none}
/* r94 (owner 02/11/2026): the boxes message is quiet, light green, at the bottom of the screen, without a button. */
html body .hb-boxes__open{position:fixed;inset-inline:0;bottom:24px;margin-inline:auto;z-index:8900;box-sizing:border-box;width:fit-content;max-width:calc(100vw - 24px);display:flex;align-items:center;gap:12px;padding:10px 12px 10px 18px;border-radius:999px;background:#eef2ec;color:#3f513e;box-shadow:0 8px 26px rgba(53,43,36,.14)}
html body .hb-boxes__open[hidden]{display:none}
html body .hb-boxes__open.is-in{animation:hb-boxes-rise .45s cubic-bezier(.22,1,.36,1)}
html body .hb-boxes__open p{margin:0;display:flex;flex-wrap:wrap;gap:0 8px;align-items:baseline}
html body .hb-boxes__open b{font-size:15px;font-weight:700;line-height:1.4}
html body .hb-boxes__open span{font-size:14px;line-height:1.4}
html body .hb-boxes__open-x{flex:none;width:28px;height:28px;padding:0;border:0;border-radius:50%;background:none;color:#3f513e;font:inherit;font-size:20px;line-height:1;cursor:pointer}
@keyframes hb-boxes-rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media (max-width:1023px){html body .hb-boxes__open{bottom:104px;border-radius:18px}}
@media (prefers-reduced-motion:reduce){html body .hb-boxes__open.is-in{animation:none}}
html.hb-a11y-motion body .hb-boxes__open.is-in{animation:none}

/* r95 (owner 02/11/2026): the date panel is whole above the footer, its month is readable; no dishes panel on the quote form. */
html body .hb-main:has(.hb-date.is-open){z-index:2}
html body .hb-date .hb-date__month{color:#352b24}
html body .hb-quote .hb-qsel{display:none !important}
html body .hb-quote .hb-q__budget input{background:#fff !important}
html body .hb-quote .hb-q__budget input.is-off{color:#7b6f68}

/* r96 (owner 02/11/2026): quote and made-to-measure steps in the checkout's style: pink lines and dots, faded ahead, the bagel on the current step. */
html body .hb-quote .hb-q__steps--hop li + li::before{background:#ecdfd9 !important}
html body .hb-quote .hb-q__steps--hop li + li::after{background:#e5cec7 !important}
html body .hb-quote .hb-q__steps--hop .hb-q__dot{position:relative;box-shadow:none !important;transform:none !important}
html body .hb-quote .hb-q__steps--hop li.is-current > .hb-q__dot,html body .hb-quote .hb-q__steps--hop li.is-done > .hb-q__dot{background:#e5cec7 !important;color:#352b24 !important;border-color:#e5cec7 !important}
html body .hb-quote .hb-q__steps--hop li:not(.is-current):not(.is-done) > .hb-q__dot{background:#f4ece7 !important;border-color:#f4ece7 !important;color:#352b24 !important}
html body .hb-quote .hb-q__steps--hop li:not(.is-current):not(.is-done) .hb-q__dot-n{opacity:.5}
html body .hb-quote .hb-q__steps--hop li.is-done .hb-q__dot-n{opacity:1 !important;transform:none !important}
html body .hb-quote .hb-q__steps--hop li.is-done .hb-q__dot::after{display:none !important}
html body .hb-quote .hb-q__steps--hop li.is-current .hb-q__dot-n{visibility:hidden}
html body .hb-quote .hb-q__steps--hop li{color:#352b24 !important;font-weight:700}
html body .hb-quote .hb-q__steps--hop li:not(.is-current):not(.is-done) .hb-q__dot-label{opacity:.45 !important;font-weight:600}
html body .hb-q__hop{position:absolute;inset:0;width:26px;height:26px;margin:auto;object-fit:contain;pointer-events:none;z-index:2}
@media (max-width:767px){html body .hb-q__hop{width:22px;height:22px}}

/* r97 (owner 02/11/2026): /dairy-catering/: the search-words block (white, photo left, bagel at the corner) and "how it works" with pictures of the real screens. */
html body .hb-cpx__panel{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(28px,4vw,64px);align-items:stretch;padding:clamp(24px,3.4vw,52px);border-radius:40px;background:#fff;box-shadow:0 24px 60px rgba(53,43,36,.07)}
html body .hb-cpx__text{padding-bottom:64px;align-self:center}
html body .hb-cpx__title{margin:0 0 18px;font-size:clamp(28px,3vw,44px);font-weight:700;line-height:1.15;color:#352b24}
html body .hb-cpx__text p{margin:0 0 14px;font-size:clamp(16px,1.2vw,18px);line-height:1.65;color:#5b524d}
html body .hb-cpx__media{min-height:420px;border-radius:28px;overflow:hidden}
html body .hb-cpx__media img{display:block;width:100%;height:100%;object-fit:cover}
html body .hb-cpx__bagel{position:absolute;bottom:-30px;inset-inline-start:clamp(24px,3.4vw,52px);width:112px;aspect-ratio:1;rotate:14deg;pointer-events:none}
html body .hb-cpx__bagel img{display:block;width:100%;height:100%;filter:drop-shadow(0 10px 12px rgba(53,43,36,.22))}
html body .hbw .hb-cp__tl{max-width:1240px;margin-top:48px}
html body .hbw .hb-cp__tl-item{column-gap:110px;align-items:center;padding-block:24px}
html body .hbw .hb-cp__tl-item > *{grid-row:1}
html body .hbw .hb-cp__tl-item:nth-child(odd) .hb-cp__tl-card{grid-column:1}
html body .hbw .hb-cp__tl-item:nth-child(odd) .hbw-m{grid-column:2}
html body .hbw .hb-cp__tl-item:nth-child(even) .hb-cp__tl-card{grid-column:2}
html body .hbw .hb-cp__tl-item:nth-child(even) .hbw-m{grid-column:1}
html body .hbw .hb-cp__tl-card h3{font-size:clamp(22px,2vw,28px);line-height:1.2}
html body .hbw .hb-cp__tl-card p{font-size:17px;line-height:1.55}
html body .hbw-m{box-sizing:border-box;min-width:0;padding:18px;border-radius:26px;background:#fff;box-shadow:0 18px 40px rgba(53,43,36,.1);color:#352b24;opacity:0;transform:translateY(18px) scale(.98);transition:opacity .5s ease .1s,transform .6s cubic-bezier(.22,1,.36,1) .1s}
html body .hbw .hb-cp__tl-item.is-on .hbw-m{opacity:1;transform:none}
html body .hbw-m__q{margin:0 0 12px;font-size:17px;font-weight:700;line-height:1.2}
html body .hbw-m__dots{display:flex;align-items:center;gap:0;margin-bottom:14px}
html body .hbw-m__dots i{flex:none;width:18px;height:18px;border-radius:50%;background:#f4ece7}
html body .hbw-m__dots i + i{margin-inline-start:calc((100% - 90px) / 4)}
html body .hbw-m__dots i.is-on{background:#e5cec7 url("/wp-content/themes/holybagel/assets/img/hm/bagel-ns-200.webp?v=1792176104") center/14px no-repeat}
html body .hbw-m__cubes{display:grid;grid-template-columns:1fr 1fr;gap:8px}
html body .hbw-m__cubes span{position:relative;display:block;height:104px;border-radius:16px;overflow:hidden;background:#352b24}
html body .hbw-m__cubes img{display:block;width:100%;height:100%;object-fit:cover;opacity:.68}
html body .hbw-m__cubes b{position:absolute;inset-inline:0;bottom:12px;text-align:center;color:#fff;font-size:16px;font-weight:700}
html body .hbw-m__chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
html body .hbw-m__chips span{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:0 11px;border:1px solid rgba(53,43,36,.12);border-radius:999px;background:#f9f4f0;font-size:13px;font-weight:600}
html body .hbw-m__chips span.is-on{border-color:#657b63;background:#eef2ec;color:#3f513e}
html body .hbw-m__packs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
html body .hbw-m__packs span{display:block;padding:7px 7px 10px;border:1px solid rgba(53,43,36,.1);border-radius:16px;background:#fff}
html body .hbw-m__packs span.is-top{border-color:#657b63;box-shadow:0 8px 18px rgba(53,43,36,.1)}
html body .hbw-m__packs img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:11px;margin-bottom:8px}
html body .hbw-m__packs b{display:block;font-size:13px;font-weight:700;line-height:1.25}
html body .hbw-m__packs small{display:block;margin-top:3px;font-size:12px;color:#5b524d}
html body .hbw-m__row{display:flex;align-items:center;gap:10px;padding:7px;margin-bottom:6px;border-radius:14px;background:#f9f4f0}
html body .hbw-m__row img{flex:none;width:42px;height:42px;border-radius:10px;object-fit:cover}
html body .hbw-m__row b{flex:1;min-width:0;font-size:14px;font-weight:700}
html body .hbw-m__row i{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:50%;background:#fff;color:#8d6f63}
html body .hbw-m__svc{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;padding:12px 14px;border:1.5px solid #657b63;border-radius:16px}
html body .hbw-m__svc b{display:block;font-size:14px;font-weight:700}
html body .hbw-m__svc small{display:block;margin-top:2px;font-size:12px;color:#5b524d}
html body .hbw-m__sw{position:relative;flex:none;width:44px;height:25px;border-radius:999px;background:#657b63}
html body .hbw-m__sw::after{content:"";position:absolute;top:3px;inset-inline-end:3px;width:19px;height:19px;border-radius:50%;background:#fff}
html body .hbw-m__doc{padding:14px;border-radius:18px;background:#f9f4f0}
html body .hbw-m__doc-h{display:flex;align-items:center;justify-content:space-between;gap:10px}
html body .hbw-m__doc-h b{font-size:16px;font-weight:700}
html body .hbw-m__doc-h em{padding:4px 11px;border-radius:999px;background:#e5cec7;font-style:normal;font-size:12.5px;font-weight:700}
html body .hbw-m__doc p{margin:7px 0 12px;font-size:14px;color:#5b524d}
html body .hbw-m__line{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}
html body .hbw-m__line i{height:6px;border-radius:6px;background:#ecdfd9}
html body .hbw-m__line i.is-on{background:#657b63}
html body .hbw-m__doc-f{display:flex;align-items:center;justify-content:space-between;margin-top:14px}
html body .hbw-m__doc-f strong{font-size:20px;font-weight:800}
html body .hbw-m__doc-f span{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 13px;border:1px solid #352b24;border-radius:999px;font-size:13px;font-weight:700}
html body .hbw .hb-cp__tl::after{z-index:0}
html body .hbw__caps-h{margin:clamp(44px,5vw,72px) 0 22px;text-align:center;font-size:clamp(24px,2.4vw,34px);font-weight:700;color:#352b24}
html body .hbw__caps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:1240px;margin:0 auto;padding:0;list-style:none}
html body .hbw__caps li{display:grid;gap:6px;padding:22px;border-radius:24px;background:#fff;color:#5b524d;font-size:15.5px;line-height:1.45}
html body .hbw__caps strong{font-size:18px;font-weight:700;color:#352b24}
html body .hbw__cap-i{display:grid;place-items:center;width:46px;height:46px;margin-bottom:6px;border-radius:50%;background:#f4ece7;color:#352b24}
html body .hbw__cta{display:grid;grid-template-columns:repeat(2,minmax(0,300px));justify-content:center;gap:12px;margin-top:32px}
html body .hbw__cta .hb-btn{width:100%;justify-content:center}
html body .hbw__cta-alt{background:transparent;border:1.5px solid #352b24;color:#352b24}
html body .hbw__cta-alt:hover{background:#352b24;color:#fff}
@media (max-width:900px){
html body .hb-cpx__panel{grid-template-columns:1fr;border-radius:32px}
html body .hb-cpx__text{padding-bottom:0}
html body .hb-cpx__media{min-height:0;height:240px;order:-1}
html body .hb-cpx__bagel{bottom:-26px;width:84px}
html body .hb-cpx__text{padding-bottom:44px}
html body .hbw .hb-cp__tl-item{display:block;padding-inline-start:64px;padding-block:14px}
html body .hbw .hb-cp__tl-item > *{grid-row:auto}
html body .hbw .hb-cp__tl::before,html body .hbw .hb-cp__tl::after{right:21px}
html body .hbw .hb-cp__tl-dot{top:42px;width:46px;height:46px;font-size:17px}
html body .hbw .hb-cp__tl-card{padding:18px}
html body .hbw .hb-cp__tl-card::after{display:none}
html body .hbw-m{margin-top:10px;padding:14px}
html body .hbw-m__packs b{font-size:12px}
html body .hbw__caps{grid-template-columns:1fr}
html body .hbw__cta{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){html body .hbw-m{opacity:1;transform:none;transition:none}}
html.hb-a11y-motion body .hbw-m{opacity:1;transform:none;transition:none}

html body .hb-cpx{position:relative;z-index:2}
html body .hb-cp__sec.hb-cpx + .hbw,html body .hb-cpx + .hbw{margin-top:clamp(40px,5vw,64px)}
html body .hbw__cta .hb-btn{box-sizing:border-box;min-width:0}
html body .hbw__roll{position:absolute;top:0;left:0;z-index:3;width:50px;height:50px;list-style:none;pointer-events:none;will-change:transform}
html body .hbw__roll img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 6px 8px rgba(53,43,36,.25))}
html body .hbw__roll::before{content:"";position:absolute;inset:-6px;border-radius:50%;border:3px solid #fff;opacity:0}
html body .hbw__roll.is-rest img{animation:hbw-beat 1.5s ease-in-out infinite}
html body .hbw__roll.is-rest::before{animation:hbw-ring 1.5s ease-out infinite}
html body .hbw .hb-cp__tl-item.is-at .hb-cp__tl-dot{color:transparent}
@keyframes hbw-beat{0%,100%{transform:scale(1)}18%{transform:scale(1.14)}36%{transform:scale(.98)}54%{transform:scale(1.08)}72%{transform:scale(1)}}
@keyframes hbw-ring{0%{opacity:.8;transform:scale(.9)}70%,100%{opacity:0;transform:scale(1.6)}}
@media (max-width:900px){html body .hbw__roll{width:36px;height:36px}}
@media (prefers-reduced-motion:reduce){html body .hbw__roll.is-rest img,html body .hbw__roll.is-rest::before{animation:none}}
html.hb-a11y-motion body .hbw__roll.is-rest img,html.hb-a11y-motion body .hbw__roll.is-rest::before{animation:none}

/* r98: the logos strip on its own layer, painted ahead (owner 02/11/2026: it stuck on arrival). */
html body .hb-clients__track{will-change:transform;backface-visibility:hidden}

/* r99 (owner 02/11/2026): the number is gone under the bagel; questions in free columns; the closing strip on /dairy-catering/. */
html body .hbw .hb-cp__tl-item.is-at .hb-cp__tl-dot{font-size:0 !important;color:transparent !important}
html body .hb-cp__faq .hb-faq__col{display:flex;flex-direction:column;gap:12px;min-width:0}
html body .hb-cp__faq .hb-faq__list{gap:12px !important}
@media (max-width:767px){html body .hb-cp__faq .hb-faq__col{display:contents}}
html body .hb-cpb{position:relative;isolation:isolate;overflow:hidden;display:grid;place-items:center;min-height:clamp(360px,34vw,480px);margin-top:clamp(28px,4vw,56px);padding:clamp(36px,5vw,72px) 24px;border-radius:40px;text-align:center;color:#fff}
html body .hb-cpb__img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover}
html body .hb-cpb::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(38,30,25,.5),rgba(38,30,25,.68))}
html body .hb-cpb__in{max-width:720px}
html body .hb-cpb h2{margin:0;color:#fff;font-size:clamp(32px,4vw,56px);font-weight:700;line-height:1.12}
html body .hb-cpb p{margin:14px 0 0;color:#fff;font-size:clamp(17px,1.5vw,21px);line-height:1.45}
html body .hb-cpb__btns{display:grid;grid-template-columns:repeat(2,minmax(0,280px));justify-content:center;gap:12px;margin-top:28px}
html body .hb-cpb__btns .hb-btn{box-sizing:border-box;width:100%;min-width:0;justify-content:center}
html body .hb-cpb .hb-cpb__main{background:#fff;border-color:#fff;color:#352b24}
html body .hb-cpb .hb-cpb__main:hover{background:#e5cec7;border-color:#e5cec7;color:#352b24}
html body .hb-cpb .hb-cpb__alt{background:transparent;border:1.5px solid #fff;color:#fff}
html body .hb-cpb .hb-cpb__alt:hover{background:#fff;color:#352b24}
@media (max-width:767px){html body .hb-cpb{border-radius:32px;min-height:420px}html body .hb-cpb__btns{grid-template-columns:1fr}}
html body .hb-cp__faq .hb-faq__col > .hb-faq__item{margin:0 !important}

/* r100 (owner 02/11/2026): each step is one card (picture, then the words), on one side of the line at a time. */
html body .hbw .hb-cp__tl-card .hbw-m{margin:0 0 18px;padding:16px;border:1px solid rgba(53,43,36,.1);border-radius:20px;box-shadow:none;opacity:1;transform:none;transition:none}
html body .hbw .hb-cp__tl-item{padding-block:18px}
html body .hbw .hb-cp__tl-card{padding:20px 20px 26px}
@media (max-width:900px){html body .hbw .hb-cp__tl-card{padding:14px 14px 20px}html body .hbw .hb-cp__tl-card .hbw-m{margin-bottom:14px;padding:12px}}
html body .hbw .hb-cp__tl-card .hbw-m__q{margin:0 0 12px;color:#352b24;font-size:17px;font-weight:700}
html body .hbw .hb-cp__tl-card .hbw-m__doc p{margin:7px 0 12px;font-size:14px}
html body .hb-contact.hb-cp--hub{padding-bottom:0 !important}
html body .hb-cp--hub .hb-cpb{margin-bottom:0}
html body .hbw-m__doc-h b,html body .hbw-m__doc-h em{white-space:nowrap}
@media (max-width:767px){html body .hb-cp .hb-cp__faq{padding-top:32px !important}}
@media (max-width:900px){html body .hbw-m__doc-h{gap:6px}html body .hbw-m__doc-h em{padding:4px 8px;font-size:12px}html body .hbw-m__doc-h b{font-size:15px}}

/* r101 owner 02/11/2026: dairy-catering steps: text, pink rule (3px), then the picture */
html body .hbw__rule{display:block;height:3px;margin:18px 0;background:#e5cec7}
html body .hbw .hb-cp__tl-card .hbw-m{margin:0}
html body .hbw .hb-cp__tl-card{padding:24px 20px 20px}
@media (max-width:900px){html body .hbw__rule{margin:14px 0}html body .hbw .hb-cp__tl-card .hbw-m{margin:0}html body .hbw .hb-cp__tl-card{padding:18px 14px 14px}}

/* r102 owner 02/11/2026: WhatsApp everywhere: the true mark, the site's button green, a green frame */
html body .hb-ctabar .hb-ctabar__wa.hb-ctabar__wa--icon{border-radius:50%;background:#fff;box-shadow:inset 0 0 0 2px #657b63}
html body .hb-ctabar .hb-ctabar__wa.hb-ctabar__wa--icon:active{background:#eef2ec}
html body .hb-ctabar .hb-ctabar__wa--icon .hb-i{width:28px;height:28px;color:#657b63}
html body .hb-ctabar .hb-ctabar__wa .hb-fab__wa{background-color:#657b63}
html body .hb-fab--wa{background:#657b63}
html body .hb-fab__wa{-webkit-mask-image:url("../img/whatsapp.svg?v=2");mask-image:url("../img/whatsapp.svg?v=2")}
html body .hb-drawer__reach-link:has(.hb-drawer__reach-ico--wa){border:2px solid #657b63;color:#657b63}
html body .hb-drawer__reach-ico--wa{--m:url("../img/whatsapp.svg?v=2");width:22px;height:22px;color:#657b63}
html body .hb-sug__ico--wa{background:#657b63}
html body .hb-sug__ico--wa::after{--i:url("../img/whatsapp.svg?v=2")}
html body .hb-sug__item--wa .hb-sug__t{color:#657b63}
html body .hb-footer__wa{--m:url("../img/whatsapp.svg?v=2")}
html body .hb-contact__ico--wa{box-shadow:inset 0 0 0 2px #657b63}
html body .hb-contact__ico--wa::before{background:#657b63;width:24px;height:24px}
html body .hb-faq__help-mark{color:#657b63;box-shadow:inset 0 0 0 2px #657b63;background:#fff}
html body a.hb-btn[href*="wa.me"]:not(.hb-btn--sage){background:#fff;border-color:#657b63;box-shadow:inset 0 0 0 2px #657b63;color:#657b63}
html body a.hb-btn[href*="wa.me"]:not(.hb-btn--sage):hover{background:#657b63;color:#fff}
html body a.hb-btn[href*="wa.me"]::after{-webkit-mask-image:url("../img/whatsapp.svg?v=2");mask-image:url("../img/whatsapp.svg?v=2")}
html body .hb-ctabar .hb-ctabar__wa.hb-ctabar__wa--icon{border-radius:50% !important}
html body .hb-ctabar .hb-ctabar__wa--icon .hb-i{width:28px !important;height:28px !important;color:#657b63 !important}
html body a.hb-btn[href*="wa.me"]:not(.hb-btn--sage){box-shadow:none;border:2px solid #657b63}
/* The package brain (holybagel-core pkg-brain.php, 03/11/2026): what a built package holds, on its card and in its view. */
html body .hba-res__line{margin:2px 0 0;font-size:14px;line-height:1.5;color:#6b5a52}
html body .hb-fnin__pkb .hba-res__line + .hb-btn{margin-top:auto}
html body .hba-pk__gfix{margin:0;font-size:14px;line-height:1.5;color:#4f6a4d;font-weight:600}
/* Search ↔ header on phones (owner, 03/11/2026): the same pattern as the menu. The header stays on top (logo on
   one side, its burger turned into the X on the other), the field drops down under it as a card, and the X
   closes the search (polish-global.js). The "ביטול" text button is no longer needed there. */
@media (max-width: 767px) {
	html.hb-search-on .hb-header { z-index: 1301; }
	html.hb-search-on .hb-topbar__mark { opacity: 0; pointer-events: none; }
	html body .hb-search, html body .hb-search.is-open { padding-top: calc(var(--hb-hdr-t, 10px) + var(--hb-hdr-h, 72px) + 8px); }
	html body .hb-search__bar { height: 64px; padding: 0 8px; border-radius: 22px; background: #fff; color: var(--hb-ink-warm); }
	html body .hb-search__cancel { display: none; }
	html.hb-search-on .hb-header__burger span:nth-child(1) { translate: 0 7.2px; rotate: 45deg; }
	html.hb-search-on .hb-header__burger span:nth-child(2) { opacity: 0; scale: .2 1; }
	html.hb-search-on .hb-header__burger span:nth-child(3) { translate: 0 -7.2px; rotate: -45deg; }
}

/* Eliyahu 03/11/2026: on phones the kosher seal sat alone under the text and took a whole band. It now sits smaller,
   on the logo's row to its left, and the text runs under both. */
@media (max-width: 767px) {
	html body .hb-footer__brand { display: grid; grid-template-columns: auto auto; justify-content: start; align-items: center; column-gap: 18px; }
	html body .hb-footer__brand > a { grid-row: 1; grid-column: 1; }
	html body .hb-footer__brand .hb-footer__badge { grid-row: 1; grid-column: 2; width: 64px; margin: 0; }
	html body .hb-footer__brand p { grid-row: 2; grid-column: 1 / -1; max-width: none; }
}

/* r104: on phones the white intro panel is exactly as wide as the pink steps block below it */
@media (max-width: 900px) {
	html body .hb-cp__sec.hb-cpx { padding-inline: 0 !important; }
	html body .hb-cpx__panel { border-radius: 28px; }
}

/* 04/11/2026 (handoff #66): English package cards. "Choose this package" is longer than the Hebrew label and covered the price,
   and "Most recommended" did not fit the round badge. English only: the price takes its own row above the button. */
body.hb-lang-en .hb-pk-card__foot { display: flex !important; flex-wrap: wrap; align-items: flex-end; gap: 10px; }
body.hb-lang-en .hb-pk-card__foot > .hb-pk-card__price,
body.hb-lang-en .hb-pk-card__foot > .hb-pk-card__cta,
body.hb-lang-en .hb-pk-card__foot > .hb-pk-card__note { flex: 1 1 100%; max-width: 100%; }
body.hb-lang-en .hb-pk-card__foot > .hb-pk-card__cta { justify-content: center; }
body.hb-lang-en .hb-pk-card__badge > span { font-size: 9.5px; line-height: 1.1; white-space: normal; text-align: center; max-width: 54px; }

/* English (dir=ltr, handoff 66): directional arrows point the reading way. The individual `scale` property mirrors the
   arrow AND any hover nudge in its transform (translateX(-4px) becomes +4px), so the Hebrew rules stay untouched.
   Masked arrows (--mm-arrow / --q-chev) flip on the element; inline-SVG chevrons flip on the path, matched by shape,
   which also covers icons that JS renders later (order app, extras carousel, back buttons). */
html[dir="ltr"] :is(.hb-mm__arrow, .hb-dr__arrow, .hb-q__arrow) { scale: -1 1; }
html[dir="ltr"] svg path:is([d="M14.5 5.5L8 12l6.5 6.5"], [d="M9.5 5.5L16 12l-6.5 6.5"], [d="m9 6 6 6-6 6"], [d="m15 6-6 6 6 6"]) { transform-box: fill-box; transform-origin: center; scale: -1 1; }
/* The package-card bullet is a checkmark, not an arrow: the generated overlay's rotate(90deg) tipped it on its side. */
html[dir="ltr"] .hb-pk-card__items li::before { transform: none; }

/* Client 05/11/2026: floating WhatsApp (inc/states.php). --hb-dock and --hb-cookie-h come from polish-global.js, so it always sits above a page's own bottom bar and the cookie notice.
   On phones the bottom bar now shows only with items in the order ("ההזמנה שלי"); it carries its own WhatsApp icon then, so the float steps aside. */
.hb-wa-float { position: fixed; inset-inline-start: 16px; bottom: calc(var(--hb-dock, 0px) + 16px + env(safe-area-inset-bottom)); z-index: 900; display: block; width: 60px; height: 60px; text-decoration: none; }
html.hb-cookie-on .hb-wa-float { bottom: calc(var(--hb-dock, 0px) + var(--hb-cookie-h, 0px) + 28px); }
.hb-wa-float__btn { display: grid; place-items: center; width: 100%; height: 100%; border-radius: 50%; background: #1b7f43; box-shadow: 0 10px 24px rgba(53, 43, 36, .3); transition: transform .2s ease; animation: hb-wa-pop .5s ease .6s backwards; }
.hb-wa-float__btn .hb-fab__wa { display: block; width: 32px; height: 32px; background-color: #fff; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; }
.hb-wa-float__label { position: absolute; top: 50%; transform: translateY(-50%); inset-inline-start: calc(100% + 10px); padding: 10px 14px; border-radius: 14px; background: #fff; color: #352b24; font-weight: 700; font-size: 15px; line-height: 1.2; white-space: nowrap; box-shadow: 0 8px 22px rgba(53, 43, 36, .22); opacity: 0; visibility: hidden; animation: hb-wa-label 8s ease 1.6s 1; }
html.hb-wa-seen .hb-wa-float__label { animation: none; }
.hb-wa-float:focus-visible { outline: none; }
.hb-wa-float:focus-visible .hb-wa-float__btn { outline: 3px solid #352b24; outline-offset: 2px; }
.hb-wa-float:active .hb-wa-float__btn { transform: scale(.94); }
@keyframes hb-wa-pop { from { transform: scale(.4); opacity: 0; } 70% { transform: scale(1.1); opacity: 1; } to { transform: none; } }
@keyframes hb-wa-label { 0% { opacity: 0; visibility: visible; } 5%, 92% { opacity: 1; visibility: visible; } 100% { opacity: 0; visibility: hidden; } }
@media (hover: hover) and (pointer: fine) { .hb-wa-float:hover .hb-wa-float__btn { transform: scale(1.06); } .hb-wa-float:hover .hb-wa-float__label { opacity: 1; visibility: visible; animation: none; } }
@media (prefers-reduced-motion: reduce) { .hb-wa-float__btn, .hb-wa-float__label { animation: none; } }
body.hb-lock .hb-wa-float, html.hb-shop-lock .hb-wa-float, html.hb-cart-lock .hb-wa-float, body:has(.hb-cartd.is-open) .hb-wa-float, body:has(.hb-shop__filters.is-open) .hb-wa-float { display: none; }
@media (max-width: 960px) {
	html body .hb-ctabar:not(:has(.hb-ctabar__start.has-items)) { display: none !important; }
	html body:has(.hb-ctabar):not(.has-boxbar):not(:has(.hb-ctabar__start.has-items)) { padding-bottom: 0 !important; }
	body:has(.hb-ctabar__start.has-items) .hb-wa-float { display: none; }
	.hb-wa-float { inset-inline-start: 12px; width: 56px; height: 56px; }
	.hb-wa-float__btn .hb-fab__wa { width: 30px; height: 30px; }
}
@media (max-width: 767px) { html:not(.hb-cookie-on) body:has(.hb-ctabar):not(.has-boxbar):not(:has(.hb-ctabar__start.has-items)) .hb-a11y { top: auto; bottom: calc(16px + env(safe-area-inset-bottom)); } } /* no phone bar under it any more */
@media (max-width: 767px) { html body .hb-a11y { top: auto; } } /* between 600 and 767 the tablet top and the phone bottom both applied and stretched the button */

/* Accessibility audit 05/11/2026: 1.4.3 contrast, ת"י 5568 AA. Was 4.48:1 on the why band and 2.59:1 on the steps not reached yet. */
.hb-why__text { color: rgba(53, 43, 36, .78); }
html body :is(.hb-quote, .hba-fnq) .hb-q__steps li:not(.is-current):not(.is-done) > .hb-q__dot-label, html body .hb-q__steps li:not(.is-current):not(.is-done) .hb-q__dot-label { color: #6b625b !important; opacity: 1 !important; }

/* English (LTR): the package card button text is longer than the Hebrew and was clipped by nowrap; let it wrap (desk handoff 165, 06/11/2026). */
html[dir=ltr] body .hb-fnin__pkb .hb-btn { white-space: normal; text-align: center; line-height: 1.25; }

/* 08/11/2026: Imagify serves AVIF through <picture>. The wrapper takes no box of its own, so every image keeps the
   exact layout it had as a direct child (sizes, grids, aspect frames). The theme's own <picture> tags carry no styles. */
picture { display: contents; }
/* A <source> is not hidden by the browser's own stylesheet, so under display:contents it became an empty flex/grid item and
   added one extra gap (the dairy page's mock rows sat 10px off). It never draws anything; take it out of layout. */
picture > source { display: none; }