/*
 * Beelivery 2026 design: the order page (/now-delivery/...). VISUAL ONLY.
 *
 * Re-styles the ported legacy markup to the design (Beelivery Shop v5) without changing any ID, class or
 * structure that beelivery.order.js, simpleCart or the Blazor components rely on. Loaded LAST
 * (OrderLegacyStyles), every rule scoped under .bee-order-page so nothing outside the shop changes.
 *
 * Deliberately NOT changed: the fixed navbar's height (the order scripts measure it to position the sticky
 * category bar) and the add-button's position in the card (the design's round "+" over the photo would need
 * the photo height guessed per breakpoint). The button keeps its place and takes the design's look.
 */
.bee-order-page {
    --bz-orange: #FF6507;
    --bz-ink: #1F1A17;
    --bz-ink-2: #5E5550;
    --bz-line: #EFE7E0;
    --bz-cream: #FBF7F3;
    --bz-peach: #FFE6D2;
    --bz-font: 'Open Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
}
.bee-order-page .main-content-products,
.bee-order-page #divCategories { background: var(--bz-cream); }

/* ---------- Top bar ---------- */
.bee-order-page .navbar .top-prod-seach-box-container { border-radius: 999px; overflow: hidden; }
.bee-order-page .navbar .textboxItemSearch { border: 0; font-family: var(--bz-font); font-size: 15px; }
.bee-order-page .navbar .basketIcon {
    width: max-content !important;
    margin-left: auto;
    background: var(--bz-ink);
    color: #fff;
    border-radius: 999px;
    padding: 8px 16px 8px 12px;
    display: flex !important;
    align-items: center;
    gap: 8px;
}
.bee-order-page .navbar .basketIcon #cartBadge { color: #fff; font-weight: 800; font-family: var(--bz-font); }

/* ---------- Category tabs ---------- */
.bee-order-page #category-bar { background: #fff; border-bottom: 1px solid var(--bz-line); }
/* ---------- Category tiles: the design's aisle strip (Shop v5), exact values ----------
   Each tab is the label pill (dark when current); the 64px icon square is drawn ABOVE it with ::before,
   so the tab markup and everything beelivery.order.js reads (classes, data-image-*, active, ScrollBooster)
   is unchanged. When the script fixes the bar on scroll (.category-bar-fixed) the squares collapse and
   the strip becomes the row of pills, as in the design's compact state. Icons per tab come from the tab's
   own class (OrderMarkup.NavClass(name)); categories the design has no icon for get a neutral bag. */
/* Only the CATEGORY strip grows; the sub-category bar keeps its legacy height (its peach highlight is
   positioned against it). */
.bee-order-page #category-bar #sliderCategory.category-bar-inner,
.bee-order-page #category-bar .category-bar-content:has(> #sliderCategory) { height: auto !important; line-height: normal !important; display: flow-root; }
.bee-order-page #category-bar #sliderCategory { border-bottom: 1px solid #F0E8E1 !important; padding: 10px 0 10px; }
.bee-order-page #sliderCategory ul.dropdown li { vertical-align: top; }
.bee-order-page #sliderCategory ul.dropdown li a.navCat {
    --bz-cat-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%20stroke%3D%22%231F1A17%22%20stroke-width%3D%222.4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M10%2017h28l-2.5%2021a3%203%200%200%201-3%202.6h-17a3%203%200%200%201-3-2.6z%22%20fill%3D%22%23FFF7F2%22%2F%3E%3Cpath%20d%3D%22M17%2017v-3a7%207%200%200%201%2014%200v3%22%2F%3E%3C%2Fsvg%3E");
    position: relative;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-width: 72px;
    height: 32px !important;
    margin: 72px 6px 0;
    padding: 0 12px !important;
    border-radius: 999px;
    font: 700 14px var(--bz-font);
    color: var(--bz-ink);
    background: transparent;
    white-space: nowrap;
    border-bottom: 0 !important;
    box-shadow: none !important;
    transition: background-color .2s, color .2s, margin .25s;
}
.bee-order-page #sliderCategory ul.dropdown li a.navCat::before {
    content: "";
    position: absolute;
    top: -72px;
    left: 50%;
    width: 64px;
    height: 64px;
    transform: translateX(-50%);
    border-radius: 22px;
    background: #FFF1E7 var(--bz-cat-icon) center / 64% no-repeat;
    box-shadow: none;
    transition: background-color .2s, opacity .2s, height .25s;
}
.bee-order-page #sliderCategory ul.dropdown li a.navCat:hover { color: var(--bz-ink); text-decoration: none; opacity: .85; }
.bee-order-page #sliderCategory ul.dropdown li a.navCat.active { background: var(--bz-ink); color: #fff; }
.bee-order-page #sliderCategory ul.dropdown li a.navCat.active::before { background-color: #FFE0CC; box-shadow: inset 0 0 0 2px #1F1A17; }
/* Compact (bar fixed on scroll): pills only. */
.bee-order-page #category-bar.category-bar-fixed #sliderCategory ul.dropdown li a.navCat { margin-top: 0; }
.bee-order-page #category-bar.category-bar-fixed #sliderCategory ul.dropdown li a.navCat::before { opacity: 0; height: 0; }
.bee-order-page #category-bar.category-bar-fixed #sliderCategory { padding: 8px 0; }
/* The slider arrows: centred on the taller strip. */
.bee-order-page #category-bar .btnCat { top: 50% !important; transform: translateY(-50%); }
/* Category underline: the active tab is already the dark pill, so it is not painted. */
.bee-order-page #category-bar li.categoryHighlight { background: transparent !important; }
.bee-order-page #sliderCategory ul.dropdown li a.navCat[class~="navCat♡_Favourites"] { --bz-cat-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%20stroke%3D%22%231F1A17%22%20stroke-width%3D%222.4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M24%2039s-14-8.5-14-18a8%208%200%200%201%2014-5.3A8%208%200%200%201%2038%2021c0%209.5-14%2018-14%2018z%22%20fill%3D%22%23FF6507%22%2F%3E%3C%2Fsvg%3E"); }
.bee-order-page #sliderCategory ul.dropdown li a.navCat[class~="navCatInspiration"] { --bz-cat-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%20stroke%3D%22%231F1A17%22%20stroke-width%3D%222.4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2224%22%20cy%3D%2220%22%20r%3D%2211%22%20fill%3D%22%23FFD23F%22%2F%3E%3Cpath%20d%3D%22M19%2033h10M20%2038h8M24%209V5M13%2012l-3-3M35%2012l3-3%22%2F%3E%3C%2Fsvg%3E"); }
.bee-order-page #sliderCategory ul.dropdown li a.navCat[class~="navCatAlcohol"] { --bz-cat-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%20stroke%3D%22%231F1A17%22%20stroke-width%3D%222.4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M15%208h18l-1%2010a8%208%200%200%201-16%200z%22%20fill%3D%22%23B3263B%22%2F%3E%3Cpath%20d%3D%22M15%208h18l-1%2010a8%208%200%200%201-16%200zM24%2026v12M17%2040h14%22%2F%3E%3C%2Fsvg%3E"); }
.bee-order-page #sliderCategory ul.dropdown li a.navCat[class~="navCatTobacco"] { --bz-cat-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%20stroke%3D%22%231F1A17%22%20stroke-width%3D%222.4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%226%22%20y%3D%2212%22%20width%3D%2236%22%20height%3D%2224%22%20rx%3D%224%22%20fill%3D%22%23fff%22%2F%3E%3Ccircle%20cx%3D%2216%22%20cy%3D%2222%22%20r%3D%224%22%2F%3E%3Cpath%20d%3D%22M11%2031c1-3%203-4%205-4s4%201%205%204M26%2019h10M26%2024h10M26%2029h6%22%2F%3E%3C%2Fsvg%3E"); }
.bee-order-page #sliderCategory ul.dropdown li a.navCat[class~="navCatFresh_Food"] { --bz-cat-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%20stroke%3D%22%231F1A17%22%20stroke-width%3D%222.4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M30%2014L10%2038l20-8z%22%20fill%3D%22%23FF8A2B%22%2F%3E%3Cpath%20d%3D%22M30%2014c2-4%206-6%209-6-1%204-2%207-6%209M30%2014c0-4-2-7-5-8%22%2F%3E%3Cpath%20d%3D%22M16%2030l4%201M20%2024l4%201%22%20%2F%3E%3C%2Fsvg%3E"); }
.bee-order-page #sliderCategory ul.dropdown li a.navCat[class~="navCatBakery"] { --bz-cat-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%20stroke%3D%22%231F1A17%22%20stroke-width%3D%222.4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M8%2028c0-9%207-16%2016-16s16%207%2016%2016v6H8z%22%20fill%3D%22%23E0A458%22%2F%3E%3Cpath%20d%3D%22M8%2028c0-9%207-16%2016-16s16%207%2016%2016v6H8zM18%2018l4%206M25%2016l4%206M32%2019l3%205%22%2F%3E%3C%2Fsvg%3E"); }
.bee-order-page #sliderCategory ul.dropdown li a.navCat[class~="navCatChilled_Food"] { --bz-cat-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%20stroke%3D%22%231F1A17%22%20stroke-width%3D%222.4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M16%2016l3-8h10l3%208v24H16z%22%20fill%3D%22%23fff%22%2F%3E%3Crect%20x%3D%2216%22%20y%3D%2222%22%20width%3D%2216%22%20height%3D%229%22%20fill%3D%22%235AB0E6%22%2F%3E%3Cpath%20d%3D%22M16%2016l3-8h10l3%208v24H16zM16%2016h16%22%2F%3E%3C%2Fsvg%3E"); }
.bee-order-page #sliderCategory ul.dropdown li a.navCat[class~="navCatDrinks"] { --bz-cat-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%20stroke%3D%22%231F1A17%22%20stroke-width%3D%222.4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20%206h8v6l3%205v23H17V17l3-5z%22%20fill%3D%22%23fff%22%2F%3E%3Crect%20x%3D%2217%22%20y%3D%2222%22%20width%3D%2214%22%20height%3D%229%22%20fill%3D%22%23FF6507%22%2F%3E%3Cpath%20d%3D%22M20%206h8v6l3%205v23H17V17l3-5zM20%2010h8%22%2F%3E%3C%2Fsvg%3E"); }
.bee-order-page #sliderCategory ul.dropdown li a.navCat[class~="navCatFood_Cupboard"] { --bz-cat-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%20stroke%3D%22%231F1A17%22%20stroke-width%3D%222.4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%2213%22%20y%3D%2214%22%20width%3D%2222%22%20height%3D%2226%22%20rx%3D%224%22%20fill%3D%22%23FFD8BF%22%2F%3E%3Crect%20x%3D%2215%22%20y%3D%228%22%20width%3D%2218%22%20height%3D%226%22%20rx%3D%222%22%20fill%3D%22%23FF6507%22%2F%3E%3Cpath%20d%3D%22M13%2022h22M13%2032h22%22%2F%3E%3C%2Fsvg%3E"); }
.bee-order-page #sliderCategory ul.dropdown li a.navCat[class~="navCatSnacks"] { --bz-cat-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%20stroke%3D%22%231F1A17%22%20stroke-width%3D%222.4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2224%22%20cy%3D%2224%22%20r%3D%2215%22%20fill%3D%22%23E0A458%22%2F%3E%3Ccircle%20cx%3D%2219%22%20cy%3D%2219%22%20r%3D%222%22%20fill%3D%22%235A3A22%22%20stroke%3D%22none%22%2F%3E%3Ccircle%20cx%3D%2228%22%20cy%3D%2222%22%20r%3D%222%22%20fill%3D%22%235A3A22%22%20stroke%3D%22none%22%2F%3E%3Ccircle%20cx%3D%2221%22%20cy%3D%2229%22%20r%3D%222%22%20fill%3D%22%235A3A22%22%20stroke%3D%22none%22%2F%3E%3Ccircle%20cx%3D%2230%22%20cy%3D%2230%22%20r%3D%221.6%22%20fill%3D%22%235A3A22%22%20stroke%3D%22none%22%2F%3E%3C%2Fsvg%3E"); }
.bee-order-page #sliderCategory ul.dropdown li a.navCat[class~="navCatFrozen_Food"] { --bz-cat-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%20stroke%3D%22%231F1A17%22%20stroke-width%3D%222.4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M24%206v36M8.4%2015l31.2%2018M8.4%2033l31.2-18M19%209l5%204%205-4M19%2039l5-4%205%204%22%20stroke%3D%22%232F8FD1%22%2F%3E%3C%2Fsvg%3E"); }
.bee-order-page #sliderCategory ul.dropdown li a.navCat[class~="navCatVegan___Vegetarian"] { --bz-cat-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%20stroke%3D%22%231F1A17%22%20stroke-width%3D%222.4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M10%2038C10%2020%2020%2010%2038%2010c0%2018-10%2028-28%2028z%22%20fill%3D%22%234CAF50%22%2F%3E%3Cpath%20d%3D%22M10%2038L28%2020%22%2F%3E%3C%2Fsvg%3E"); }
.bee-order-page #sliderCategory ul.dropdown li a.navCat[class~="navCatFree_From"] { --bz-cat-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%20stroke%3D%22%231F1A17%22%20stroke-width%3D%222.4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M24%2040V14M24%2018c-4-1-6-4-6-8%204%200%206%203%206%208zM24%2018c4-1%206-4%206-8-4%200-6%203-6%208zM24%2026c-4-1-6-4-6-8%204%200%206%203%206%208zM24%2026c4-1%206-4%206-8-4%200-6%203-6%208z%22%20fill%3D%22%23F2C14E%22%2F%3E%3Cpath%20d%3D%22M10%2038L38%2010%22%20stroke%3D%22%23D93025%22%2F%3E%3C%2Fsvg%3E"); }
.bee-order-page #sliderCategory ul.dropdown li a.navCat[class~="navCatBaby"] { --bz-cat-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%20stroke%3D%22%231F1A17%22%20stroke-width%3D%222.4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%2217%22%20y%3D%2218%22%20width%3D%2214%22%20height%3D%2222%22%20rx%3D%224%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M19%2018v-4h10v4M21%2014c0-4%206-4%206%200%22%20fill%3D%22%23FF9EB5%22%2F%3E%3Cpath%20d%3D%22M17%2026h6M17%2032h6%22%2F%3E%3C%2Fsvg%3E"); }
.bee-order-page #sliderCategory ul.dropdown li a.navCat[class~="navCatHealth___Beauty"] { --bz-cat-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%20stroke%3D%22%231F1A17%22%20stroke-width%3D%222.4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cg%20transform%3D%22rotate%28-40%2024%2024%29%22%3E%3Crect%20x%3D%229%22%20y%3D%2217%22%20width%3D%2230%22%20height%3D%2214%22%20rx%3D%227%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M24%2017h8a7%207%200%200%201%200%2014h-8z%22%20fill%3D%22%23FF6507%22%2F%3E%3Crect%20x%3D%229%22%20y%3D%2217%22%20width%3D%2230%22%20height%3D%2214%22%20rx%3D%227%22%20fill%3D%22none%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }

/* Sub-category tabs keep the pill drawn behind the text (bar height unchanged). */
.bee-order-page #sliderSubcategory a.navSubcat {
    position: relative;
    z-index: 0;
    font-family: var(--bz-font);
    font-weight: 700;
    color: var(--bz-ink);
    border-bottom: 0 !important;
    box-shadow: none !important;
    background: none !important;
}
.bee-order-page #sliderSubcategory a.navSubcat::before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 2px;
    right: 2px;
    top: 50%;
    height: 38px;
    transform: translateY(-50%);
    border-radius: 999px;
    background: transparent;
    transition: background-color .15s;
}
.bee-order-page #sliderSubcategory a.navSubcat::after { display: none !important; }
.bee-order-page #category-bar li.subcategoryHighlight {
    background: var(--bz-peach) !important;
    top: 50% !important;
    bottom: auto !important;
    height: 34px !important;
    transform: translateY(-50%);
    border-radius: 999px;
    z-index: 0;
    pointer-events: none;
}
.bee-order-page #sliderSubcategory a.navSubcat { z-index: 1; }

/* ---------- Sub-category pills ---------- */
.bee-order-page #sliderSubcategory a.navSubcat { font-size: 14px; text-transform: none; }
.bee-order-page #sliderSubcategory a.navSubcat::before { height: 34px; }
.bee-order-page #sliderSubcategory a.navSubcat:hover { color: var(--bz-ink); text-decoration: none; }
.bee-order-page #sliderSubcategory a.navSubcat:hover::before { background: #F3EEEA; }
.bee-order-page #sliderSubcategory a.navSubcat.active,
.bee-order-page #sliderSubcategory a.navSubcat.selected { color: #C24E00; }
.bee-order-page #sliderSubcategory a.navSubcat.active::before,
.bee-order-page #sliderSubcategory a.navSubcat.selected::before { background: var(--bz-peach); }

/* ---------- Category banner ---------- */
.bee-order-page #headerImageBanner { border-radius: 24px; overflow: hidden; }

/* ---------- Section headings and Filter ---------- */
.bee-order-page .categoryTitle {
    font-family: var(--bz-font);
    color: var(--bz-ink) !important;
    font-weight: 800;
    letter-spacing: -0.01em;
}
.bee-order-page .showTags {
    border: 1px solid var(--bz-line);
    background: #fff;
    border-radius: 999px;
    font-family: var(--bz-font);
    font-weight: 700;
    color: var(--bz-ink);
}

/* ---------- Product cards: the design's card (Shop v5), exact values ----------
   Layout only: the card markup, its escaping and every hook the order scripts use are unchanged.
   The card is a size container, so the on-photo buttons are positioned from the card's own width
   (the photo box is square: its bottom edge is at 100cqw). */
.bee-order-page .product_container:not(:has(> .bz-tob-card)) {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 168px), 1fr));
    gap: 24px 16px;
}
.bee-order-page .product_box_Small_container:not(.bz-tob-card) {
    container-type: inline-size;
    position: relative;
    float: none !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column;
    gap: 10px;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    font-family: var(--bz-font);
    color: var(--bz-ink);
}
.bee-order-page .product_box_Small_container:not(.bz-tob-card) .product_box_Small {
    display: flex !important;
    flex-direction: column;
    gap: 2px;
    width: auto !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    background: none !important;
    border: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
    text-align: left !important;
}
/* Photo box: square, 16px corners, white, 1px border; photo at 76%. */
.bee-order-page .product_box_Small_container:not(.bz-tob-card) .product_image_div {
    order: 0;
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1 / 1;
    margin: 0 0 8px !important;
    padding: 0 !important;
    border-radius: 16px;
    background: #fff !important;
    border: 1px solid var(--bz-line);
    overflow: hidden;
    transition: border-color .25s, box-shadow .25s;
}
.bee-order-page .product_box_Small_container:not(.bz-tob-card):hover .product_image_div {
    border-color: #FFC9A6;
    box-shadow: 0 12px 28px rgba(31, 26, 23, 0.08);
}
.bee-order-page .product_box_Small_container.product_image_div_lit:not(.bz-tob-card) .product_image_div { border-color: #FFC9A6; }
.bee-order-page .product_box_Small_container:not(.bz-tob-card) .product_image_div > a {
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
}
.bee-order-page .product_box_Small_container:not(.bz-tob-card) .product_image_div img {
    width: 76% !important;
    height: 76% !important;
    max-width: none !important;
    object-fit: contain;
    transition: transform .4s cubic-bezier(.2, .7, .2, 1);
}
.bee-order-page .product_box_Small_container:not(.bz-tob-card):hover .product_image_div img { transform: scale(1.06); }

/* Tags, top-left over the photo. */
.bee-order-page .product_box_Small_container:not(.bz-tob-card) .product_badges {
    position: absolute !important;
    top: 10px !important;
    left: 10px !important;
    right: 52px;
    z-index: 2;
    display: flex !important;
    flex-wrap: wrap;
    gap: 4px;
    pointer-events: none;
}
.bee-order-page .product_badges br { display: none; }
.bee-order-page .product_badges img { height: 24px; width: auto; }
.bee-order-page .bz-tag {
    height: 24px;
    padding: 0 9px;
    border-radius: 999px;
    font-family: var(--bz-font);
    font-size: 12px;
    font-weight: 800;
    display: flex;
    align-items: center;
    white-space: nowrap;
}
.bee-order-page .bz-tag-multibuy { background: #FF6507; color: #1F1A17; }

/* Favourites heart, top-right: 32px white circle in a 44px tap target. */
.bee-order-page .product_box_Small_container:not(.bz-tob-card) .openProductListsButtonContainer {
    position: absolute !important;
    top: 4px !important;
    right: 4px !important;
    left: auto !important;
    width: 44px;
    height: 44px;
    z-index: 3;
    display: grid;
    place-items: center;
}
.bee-order-page .product_box_Small_container:not(.bz-tob-card) .openProductListsButton {
    width: 32px !important;
    height: 32px !important;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.92) !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231F1A17' stroke-width='2.2' stroke-linejoin='round'%3E%3Cpath d='M12 20.5s-7.5-4.6-9.3-9.2C1.5 8 3.6 4.5 7.2 4.5c2 0 3.6 1.1 4.8 2.8 1.2-1.7 2.8-2.8 4.8-2.8 3.6 0 5.7 3.5 4.5 6.8-1.8 4.6-9.3 9.2-9.3 9.2z'/%3E%3C/svg%3E") !important;
    background-size: 17px 17px !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
}

/* Price (17px, 800) then name (15px, 700, max 2 lines). The #divP "N x" text stays for the
   order scripts but is not shown: the quantity lives in the on-photo stepper. */
.bee-order-page .product_box_Small_container:not(.bz-tob-card) .prod150Price {
    order: 1;
    position: static !important;
    margin: 0 !important;
    padding: 0 2px !important;
    height: auto !important;
    font-size: 17px !important;
    font-weight: 800 !important;
    color: var(--bz-ink) !important;
    text-align: left !important;
    line-height: 1.3;
}
.bee-order-page .product_box_Small_container:not(.bz-tob-card) .prod150Price > span[id^="divP"] { display: none !important; }
.bee-order-page .product_box_Small_container:not(.bz-tob-card) .prod150Text {
    order: 2;
    height: auto !important;
    margin: 0 !important;
    padding: 0 2px !important;
    text-align: left !important;
    overflow: visible !important;
}
.bee-order-page .product_box_Small_container:not(.bz-tob-card) .product_name_small {
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 0 !important;
    text-align: left !important;
}
.bee-order-page .product_box_Small_container:not(.bz-tob-card) .product_name_small a {
    font-size: 15px;
    line-height: 1.35;
    font-weight: 700;
    color: var(--bz-ink);
    text-decoration: none;
}

/* + button: 44px dark circle, 10px from the photo's bottom-right corner. */
.bee-order-page .product_box_Small_container:not(.bz-tob-card) .product-button-container {
    position: absolute !important;
    top: calc(100cqw - 54px) !important;
    right: 10px !important;
    left: auto !important;
    bottom: auto !important;
    width: 44px !important;
    height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 3;
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    background: none !important;
    border-radius: 999px !important;
    overflow: visible !important;
}
.bee-order-page .product_box_Small_container:not(.bz-tob-card) .minbutton,
.bee-order-page .product_box_Small_container:not(.bz-tob-card) .bz-qty { display: none !important; }
.bee-order-page .product_box_Small_container:not(.bz-tob-card) .plusbutton {
    flex: none;
    width: 44px !important;
    height: 44px !important;
    margin: 0 !important;
    border-radius: 50% !important;
    cursor: pointer;
    background: #1F1A17 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.8' stroke-linecap='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E") center / 20px 20px no-repeat !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.18);
    transition: background-color .15s;
}
.bee-order-page .product_box_Small_container:not(.bz-tob-card) .plusbutton::after { content: none !important; display: none !important; }
.bee-order-page .product_box_Small_container:not(.bz-tob-card) .plusbutton:hover { background-color: #FF6507 !important; }

/* In the basket: a full-width orange 44px pill on the photo, − qty +. */
.bee-order-page .product_box_Small_container.product_image_div_lit:not(.bz-tob-card) .product-button-container {
    left: 10px !important;
    right: 10px !important;
    width: auto !important;
    padding: 0 4px !important;
    background: #FF6507 !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.18);
}
.bee-order-page .product_box_Small_container.product_image_div_lit:not(.bz-tob-card) .minbutton,
.bee-order-page .product_box_Small_container.product_image_div_lit:not(.bz-tob-card) .plusbutton {
    display: block !important;
    flex: none;
    width: 36px !important;
    height: 36px !important;
    margin: 0 !important;
    border-radius: 50% !important;
    box-shadow: none;
    cursor: pointer;
}
.bee-order-page .product_box_Small_container.product_image_div_lit:not(.bz-tob-card) .minbutton {
    background: rgba(0, 0, 0, 0.12) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M5 12h14'/%3E%3C/svg%3E") center / 16px 16px no-repeat !important;
}
.bee-order-page .product_box_Small_container.product_image_div_lit:not(.bz-tob-card) .plusbutton {
    background: rgba(0, 0, 0, 0.12) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E") center / 16px 16px no-repeat !important;
}
.bee-order-page .product_box_Small_container.product_image_div_lit:not(.bz-tob-card) .minbutton:hover,
.bee-order-page .product_box_Small_container.product_image_div_lit:not(.bz-tob-card) .plusbutton:hover { background-color: rgba(0, 0, 0, 0.22) !important; }
.bee-order-page .product_box_Small_container.product_image_div_lit:not(.bz-tob-card) .bz-qty {
    display: block !important;
    color: #fff;
    font-family: var(--bz-font);
    font-weight: 800;
    font-size: 16px;
}

/* ---------- Basket: the design's basket card (Shop v5), exact values ----------
   Order on screen: header -> delivery box (ASAP/Schedule + time) -> items -> assistant -> totals -> Checkout.
   Achieved with flex `order` and `display: contents` on the trolley-bar wrappers, so no element the order
   scripts use is moved in the DOM; the slot picker, fees modal and checkout hand-off are untouched. */
.bee-order-page #sidebar { background: transparent !important; border-left: 0 !important; }
.bee-order-page #sidebar .basket-inner {
    position: relative !important;
    display: flex !important;
    flex-direction: column;
    background: #fff;
    border: 1px solid #F0E8E1;
    border-radius: 24px;
    box-shadow: 0 12px 40px rgba(31, 26, 23, 0.06);
    overflow: hidden;
    font-family: var(--bz-font);
    color: var(--bz-ink);
}
.bee-order-page #sidebar .trolleyBar,
.bee-order-page #sidebar .trolleyBar > div:first-child { display: contents !important; }

/* Header: "Your basket  N items" + Clear */
.bee-order-page #sidebar .bz-basket-head {
    order: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 18px 20px 12px;
}
.bee-order-page #sidebar .bz-basket-title { margin: 0; font-size: 22px; font-weight: 800; letter-spacing: -0.01em; color: var(--bz-ink); font-family: var(--bz-font); }
.bee-order-page #sidebar .bz-basket-count { font-size: 15px; font-weight: 600; color: #6E655F; letter-spacing: 0; }
.bee-order-page #sidebar .bz-basket-clear {
    height: 36px;
    padding: 0 12px;
    border-radius: 999px;
    border: 1px solid #E8DED6;
    background: #fff;
    color: var(--bz-ink);
    font: 700 13px var(--bz-font);
    cursor: pointer;
}
.bee-order-page #sidebar .bz-basket-clear:hover { border-color: var(--bz-ink); }
.bee-order-page #sidebar .bz-basket-clear[hidden] { display: none; }

/* Delivery box: peach panel with the ASAP / Schedule toggle and the current window. */
.bee-order-page #sidebar .deliveryOptions {
    order: 1;
    margin: 0 20px 14px !important;
    padding: 12px;
    border-radius: 16px;
    background: #FFF1E7;
    display: flex;
    flex-direction: column;
    gap: 10px;
    /* NOT a positioning container: the legacy slot panel (.deliveryTimesContainer, absolute,
       translateY(100%)) must anchor to .basket-inner, so it hides below the card and slides up
       over the whole basket when Schedule / the current window opens it. */
    position: static !important;
}
.bee-order-page #sidebar .bz-slot-modes {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4px;
    padding: 4px;
    border-radius: 12px;
    background: #fff;
}
.bee-order-page #sidebar .bz-slot-mode {
    height: 38px;
    border: 0;
    border-radius: 9px;
    background: transparent;
    color: var(--bz-ink);
    font: 800 14px var(--bz-font);
    cursor: pointer;
    transition: background .2s, color .2s;
}
.bee-order-page #sidebar .bz-slot-mode[aria-checked="true"] { background: var(--bz-ink); color: #fff; }
.bee-order-page #sidebar #deliveryTimes { margin: 0 !important; }
.bee-order-page #sidebar .currentWindow {
    display: flex !important;
    align-items: center;
    gap: 10px;
    padding: 0 2px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: none !important;
    height: auto !important;
    min-height: 36px;
    font-size: 14px;
    line-height: 1.35;
    cursor: pointer;
}
.bee-order-page #sidebar .currentWindow::before {
    content: "";
    flex: none;
    width: 20px;
    height: 20px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C24E00' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E") center / 20px no-repeat;
}
.bee-order-page #sidebar .currentWindow span { flex: 1; font-weight: 800; color: var(--bz-ink); font-family: var(--bz-font); }
.bee-order-page #sidebar .currentWindow .expandDeliveryTimes { width: 14px; height: 14px; opacity: .6; }

/* Items */
.bee-order-page #sidebar .basket-inner > .notepad:not(#assistant-chat-history) {
    order: 3;
    flex: 1 1 auto;
    padding: 0 20px 8px;
    border-top: 1px solid #F0E8E1;
    overflow-y: auto;
    height: auto !important;
    max-height: none !important;
    background: none !important;
}
.bee-order-page #sidebar .cart-item-container {
    display: flex !important;
    align-items: center;
    gap: 12px;
    padding: 12px 0 !important;
    margin: 0 !important;
    border-bottom: 1px solid #F6F2EE !important;
    flex-wrap: wrap;
}
.bee-order-page #sidebar .cart-item-container .item-img {
    flex: none;
    width: 52px !important;
    height: 52px !important;
    border-radius: 12px;
    border: 1px solid #F0E8E1;
    object-fit: contain;
    padding: 5px;
    background: #fff;
    margin: 0 !important;
}
.bee-order-page #sidebar .name-quantity-container {
    flex: 1 1 0;
    min-width: 0;
    display: flex !important;
    flex-direction: column;
    gap: 2px;
    width: auto !important;
    margin: 0 !important;
}
.bee-order-page #sidebar .item-name {
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.3;
    color: var(--bz-ink) !important;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin: 0 !important;
}
.bee-order-page #sidebar .name-quantity-container .price-quantity-inner,
.bee-order-page #sidebar .name-quantity-container .price-quantity-inner div {
    font-size: 13px !important;
    font-weight: 800 !important;
    color: var(--bz-ink) !important;
    background: none !important;
    border: 0 !important;
    padding: 0 !important;
    width: auto !important;
    height: auto !important;
    text-align: left !important;
}
/* - qty + : outlined 40px pill on the right */
.bee-order-page #sidebar .cart-item-container > .item-price-quantity {
    flex: none;
    display: flex !important;
    align-items: center;
    gap: 2px;
    height: 40px;
    padding: 0 2px;
    margin: 0 !important;
    border-radius: 999px;
    border: 1px solid #E8DED6;
    outline: 0 !important; /* legacy draws the old orange pill with an outline */
    background: #fff !important;
    width: auto !important;
    max-width: none !important;
}
.bee-order-page #sidebar .item-price-quantity .item-button {
    min-width: 0 !important;
    line-height: 34px !important;
    width: 34px !important;
    height: 34px !important;
    border-radius: 50% !important;
    border: 0 !important;
    background: transparent center / 16px no-repeat !important;
    color: transparent !important;
    font-size: 0 !important;
    cursor: pointer;
    padding: 0 !important;
    margin: 0 !important;
}
.bee-order-page #sidebar .item-price-quantity .item-button:first-child {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231F1A17' stroke-width='2.6' stroke-linecap='round'%3E%3Cpath d='M5 12h14'/%3E%3C/svg%3E") !important;
}
.bee-order-page #sidebar .item-price-quantity .item-button:last-child {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231F1A17' stroke-width='2.6' stroke-linecap='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E") !important;
}
.bee-order-page #sidebar .item-price-quantity .item-button:hover { background-color: #F6F2EE !important; }
.bee-order-page #sidebar .item-price-quantity .bz-qty { min-width: 18px; text-align: center; font-size: 14px; font-weight: 800; color: var(--bz-ink); }

/* Name, then price, then the multi-buy nudge from order-ladder.js — shown as the design's plain
   green line (the progress track is hidden; the message text is order-ladder.js's own). */
.bee-order-page #sidebar .name-quantity-container > .item-name { order: 0; }
.bee-order-page #sidebar .name-quantity-container > .price-quantity-inner { order: 1; }
.bee-order-page #sidebar .name-quantity-container > .bee-multibuy-meter { order: 2; margin-top: 4px; }
.bee-order-page #sidebar .bee-multibuy-meter__track { display: none !important; }
.bee-order-page #sidebar .bee-multibuy-meter__msg,
.bee-order-page #sidebar .bee-multibuy-meter__msg b,
.bee-order-page #sidebar .bee-multibuy-meter__saving {
    font-size: 12px !important;
    font-weight: 700 !important;
    color: #1B5E20 !important;
    font-family: var(--bz-font);
}

/* Empty state (js/order/basket-2026.js) */
.bee-order-page #sidebar .bz-basket-empty {
    min-height: 180px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 10px;
    padding: 24px 8px;
}
.bee-order-page #sidebar .bz-basket-empty-icon { width: 64px; height: 64px; border-radius: 50%; background: #FFF1E7; display: grid; place-items: center; }
.bee-order-page #sidebar .bz-basket-empty strong { font-size: 17px; font-weight: 800; color: var(--bz-ink); }
.bee-order-page #sidebar .bz-basket-empty span:last-child { font-size: 14px; color: #6E655F; max-width: 240px; }

/* Assistant + its actions: kept (it is a feature), below the items. The old "Clear Basket" link is
   replaced by the header's Clear button, which forwards to it. */
.bee-order-page #sidebar .basket-assistant { order: 4; padding: 0 20px 10px; }
.bee-order-page #sidebar .basket-actions { order: 4; padding: 0 20px; }
.bee-order-page #sidebar .basket-actions .clear-basket { display: none !important; }
.bee-order-page #sidebar .assistant-chat-textbox { border-radius: 999px !important; border: 1px solid #E8DED6 !important; }

/* Totals + Checkout */
.bee-order-page #sidebar .trolleyBar > div:first-child > div:first-child {
    order: 7;
    float: none !important;
    padding: 0 20px;
    margin-top: 10px;
}
.bee-order-page #sidebar .fees_title { font-size: 13px; font-weight: 700; color: #6E655F !important; }
.bee-order-page #sidebar .bz-totals {
    order: 8;
    margin: 0;
    padding: 14px 20px 0;
    border-top: 1px solid #F0E8E1;
    display: flex;
    flex-direction: column;
    gap: 6px;
    font-size: 14px;
    font-family: var(--bz-font);
}
.bee-order-page #sidebar .bz-totals > div { display: flex; justify-content: space-between; }
.bee-order-page #sidebar .bz-totals dt { color: #5E5550; font-weight: 400; }
.bee-order-page #sidebar .bz-totals dd { margin: 0; font-weight: 700; color: var(--bz-ink); }
.bee-order-page #sidebar .bz-totals .bz-fees-note { font-weight: 600; color: #5E5550; }
.bee-order-page #sidebar .bottomCheckoutInfo {
    order: 9;
    position: static !important;
    width: auto !important;
    padding: 12px 20px 20px !important;
    margin: 0 !important;
    background: #fff !important;
    border: 0 !important;
}
.bee-order-page #sidebar .checkoutContainer { width: 100% !important; margin: 0 !important; }
.bee-order-page #sidebar .checkoutButton {
    width: 100% !important;
    height: 56px !important;
    border: 0 !important;
    border-radius: 14px !important;
    background: #FF6507 !important;
    color: #fff !important;
    font: 800 17px var(--bz-font) !important;
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px !important;
    cursor: pointer;
}
.bee-order-page #sidebar .checkoutButton::after { content: attr(data-total); }
.bee-order-page #sidebar .checkoutButton:hover { filter: brightness(0.96); }
.bee-order-page #sidebar.bz-basket-is-empty .checkoutButton {
    background: #EFE7E1 !important;
    color: #8A817B !important;
    cursor: default;
}

/* ---------- Basket card size + slot picker fit ----------
   The card's height follows its content (legacy fixed it at calc(100% - 65px)), capped to the screen so a
   long basket scrolls inside the items list instead of running off the page. Padding 5px (legacy 15px). */
.bee-order-page #sidebar .basket-inner {
    height: auto !important;
    max-height: calc(100vh - 90px);
    padding: 5px !important;
}
@media (max-width: 767px) {
    .bee-order-page #sidebar .basket-inner { max-height: calc(100vh - 60px); }
}
.bee-order-page #sidebar .basket-inner > .notepad:not(#assistant-chat-history) { min-height: 0; }

/* Slot picker: legacy sized it as width:100% PLUS 15px padding each side with margin 0 -15px (made for the
   old 15px card padding), which pushed the "To" time past the card's right edge. Fit it to the card instead;
   it still slides up over the whole card (absolute, translateY) exactly as before. */
.bee-order-page #sidebar .deliveryOptions .deliveryTimesContainer {
    box-sizing: border-box !important;
    left: 0 !important;
    right: 0 !important;
    width: auto !important;
    margin: 0 !important;
    padding: 16px !important;
    border-radius: 24px;
    overflow-x: hidden !important;
    overflow-y: auto !important;
}
.bee-order-page #sidebar .deliveryTimesContainer * { box-sizing: border-box; max-width: 100%; }
.bee-order-page #sidebar .delivery-time-selector-container { gap: 12px; padding: 0 !important; }
.bee-order-page #sidebar .delivery-time-selector-container > div { flex: 1 1 0; min-width: 0; }
.bee-order-page #sidebar .deliveryTimesContainer input,
.bee-order-page #sidebar .deliveryTimesContainer select { width: 100% !important; min-width: 0 !important; }

/* ---------- Banner: the design's rounded category card (Shop v5), exact values ----------
   Below the category strip. The two crossfading image layers are unchanged (changeCategoryImage sets their
   CSS variables); they are just fitted into the rounded card with a dark left-to-right shade for the text. */
.bee-order-page .headerImage {
    margin: 16px 16px 0;
    height: clamp(140px, 16vw, 200px) !important;
    min-height: clamp(140px, 16vw, 200px);
    border-radius: 24px;
    overflow: hidden;
    background: #2E2723;
}
.bee-order-page .headerImage .headerImage1Container,
.bee-order-page .headerImage .headerImage2Container {
    position: absolute !important;
    inset: 0;
    height: 100% !important;
    margin: 0 !important;
}
.bee-order-page .headerImage .headerImage1,
.bee-order-page .headerImage .headerImage2 {
    height: 100% !important;
    width: 100% !important;
    background-size: cover !important;
    background-position: center !important;
}
.bee-order-page .headerImage::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background: linear-gradient(90deg, rgba(24, 16, 10, 0.72) 0%, rgba(24, 16, 10, 0.38) 50%, rgba(24, 16, 10, 0.05) 100%);
}
.bee-order-page .bz-banner-text {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    max-width: 620px;
    padding: clamp(20px, 3vw, 32px);
    display: flex;
    flex-direction: column;
    gap: 6px;
    font-family: var(--bz-font);
}
.bee-order-page .bz-banner-title {
    margin: 0;
    font-size: clamp(28px, 3.4vw, 44px);
    line-height: 1.08;
    font-weight: 800;
    letter-spacing: -0.02em;
    color: #fff;
    text-wrap: balance;
}
.bee-order-page .bz-banner-meta { margin: 0; font-size: 15px; font-weight: 600; color: #F3ECE6; }