@font-face { font-family: 'BB Lilita'; src: url('fonts/lilita-one.ttf') format('truetype'); font-style: normal; font-weight: 400; font-display: swap; }
@font-face { font-family: 'BB Manrope'; src: url('fonts/manrope.woff2') format('woff2'); font-style: normal; font-weight: 200 800; font-display: swap; }
html { overflow-x: clip; scroll-behavior: smooth; scroll-padding-top: 115px; }
.bb-page { --bb-ink: #431e12; --bb-muted: #6b4f40; --bb-paper: #f6ecdc; --bb-cream: #fff7ea; --bb-hero: #efe1c9; --bb-orange: #c9380d; --bb-yellow: #fbd044; --bb-line: #dfcdb5; --bb-display: 'BB Lilita', Georgia, serif; margin: 0; color: var(--bb-ink); background: var(--bb-paper); font: 14px/1.75 'BB Manrope', 'Segoe UI', sans-serif; overflow-x: clip; -webkit-font-smoothing: antialiased; }
.bb-page *, .bb-page *::before, .bb-page *::after { box-sizing: border-box; }
.bb-page :where(h1,h2,h3,p,figure,ul) { margin: 0; }
.bb-page :where(h1,h2,h3) { font-family: var(--bb-display); font-weight: 400; line-height: 1.08; overflow-wrap: anywhere; min-width: 0; text-wrap: balance; }
.bb-page h2 { font-size: clamp(30px, 3.4vw, 44px); }
.bb-page img { display: block; max-width: 100%; height: auto; }
.bb-page a { color: inherit; }
.bb-page button { font: inherit; }
.bb-page [hidden] { display: none !important; }
.bb-page :focus-visible { outline: 3px solid var(--bb-orange); outline-offset: 5px; }
.bb-page button, .bb-page a { -webkit-tap-highlight-color: transparent; }
.bb-wrap { width: min(1080px, calc(100% - 40px)); margin-inline: auto; }
.bb-section { padding-block: 56px; }
.bb-eyebrow { font-size: 10px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.bb-eyebrow + :is(h1,h2,h3) { margin-top: 14px; }
.bb-button { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 44px; padding: 10px 20px; border: 1px solid var(--bb-ink); border-radius: 8px; box-shadow: 3px 4px 0 var(--bb-ink); background: var(--bb-orange); color: #fff !important; font-size: 12px; font-weight: 800; line-height: 1.4; text-decoration: none; white-space: nowrap; cursor: pointer; transition: background-color 180ms ease, color 180ms ease, transform 180ms ease, box-shadow 180ms ease; }
.bb-button:hover { background: #a72906; }
.bb-button:active { transform: translate(2px,2px); box-shadow: 1px 2px 0 var(--bb-ink); }
.bb-button svg, .bb-text-link svg { width: 16px; height: 16px; flex: none; }
.bb-button-cream { color: var(--bb-ink) !important; background: var(--bb-cream); }
.bb-button-cream:hover { background: var(--bb-yellow); }
.bb-button-outline { background: transparent; border-color: #fff4dd; box-shadow: none; }
.bb-button-outline:hover { color: var(--bb-ink) !important; background: #fff4dd; }
.bb-text-link { display: inline-flex; align-items: center; gap: 10px; font-size: 12px; font-weight: 800; text-decoration: underline; text-underline-offset: 6px; text-decoration-color: var(--bb-muted); min-height: 44px; white-space: nowrap; transition: color 180ms ease, text-decoration-color 180ms ease; }
.bb-text-link:hover { color: var(--bb-orange); text-decoration-color: var(--bb-orange); }
.bb-skip { position: fixed; top: -100px; left: 20px; z-index: 100; background: var(--bb-yellow); padding: 12px 20px; font-weight: 800; }
.bb-skip:focus { top: 10px; }

.bb-header-shell { position: sticky; top: 0; z-index: 40; padding-block: 14px; background: var(--bb-hero); }
.bb-header { position: relative; display: flex; align-items: center; flex-wrap: wrap; gap: 12px; padding: 12px 16px; border-radius: 12px; background: var(--bb-ink); color: var(--bb-cream); }
.bb-logo { font-family: var(--bb-display); font-size: 25px; line-height: .84; text-decoration: none; flex: none; display: inline-grid; }
.bb-logo > span { display: flex; align-items: center; gap: 2px; }
.bb-logo > span + span { color: #ff7845; margin-top: 3px; }
.bb-logo svg { width: 20px; height: 20px; color: var(--bb-yellow); }
.bb-header-order { margin-left: auto; border-color: var(--bb-cream); box-shadow: 2px 3px 0 var(--bb-cream); padding-inline: 13px; font-size: 11px; }
.bb-menu-toggle { display: none; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0; border: 1px solid #bda18a; border-radius: 7px; color: #fff; background: transparent; cursor: pointer; transition: background-color 180ms ease; }
.bb-menu-toggle:hover { background: #6c3c29; }
.bb-menu-toggle svg { width: 20px; height: 20px; }
.bb-js .bb-menu-toggle { display: inline-flex; margin-left: auto; }
.bb-js .bb-header-order { margin-left: 0; }
.bb-nav { display: flex; justify-content: center; width: 100%; gap: 8px; order: 3; }
.bb-nav > a { min-height: 44px; display: inline-flex; align-items: center; padding: 7px 13px; border-radius: 5px; font-size: 12px; font-weight: 800; text-decoration: none; white-space: nowrap; transition: background-color 180ms ease; }
.bb-nav > a:hover, .bb-nav > a[aria-current] { background: #6b422f; }
.bb-js .bb-nav { position: absolute; top: calc(100% - 2px); left: 0; display: grid; justify-content: stretch; padding: 12px 16px 18px; border-radius: 0 0 12px 12px; background: var(--bb-ink); visibility: hidden; pointer-events: none; opacity: 0; }
.bb-js .bb-nav.is-open { visibility: visible; pointer-events: auto; opacity: 1; }
.bb-header :focus-visible { outline-color: var(--bb-yellow); }
html:not(.bb-js) .bb-header-shell { position: static; }

.bb-wave { position: relative; }
.bb-wave::after { content: ''; position: absolute; inset: auto -5% -1px; height: 24px; background: var(--bb-paper); border-radius: 50% 50% 0 0 / 100% 100% 0 0; pointer-events: none; }
.bb-hero { background: var(--bb-hero); padding-top: 38px; text-align: center; }
.bb-hero-copy { position: relative; z-index: 2; width: min(630px, calc(100% - 40px)); margin-inline: auto; }
.bb-hero-copy > .bb-eyebrow { max-width: 35ch; margin: auto; font-size: 9px; }
.bb-hero h1 { font-size: clamp(44px, 6vw, 80px); line-height: .99; color: var(--bb-cream); -webkit-text-stroke: 1px var(--bb-ink); paint-order: stroke fill; text-shadow: 2px 3px 0 var(--bb-ink); letter-spacing: -.02em; }
.bb-hero-copy > p:not(.bb-eyebrow) { max-width: 43ch; margin: 22px auto; font-size: 12px; line-height: 1.8; }
.bb-hero-food { display: flex; justify-content: center; gap: 0; margin: 22px -20px 0; padding-bottom: 22px; }
.bb-hero-food > img { width: 52%; max-width: 270px; aspect-ratio: 1; object-fit: contain; filter: drop-shadow(0 13px 8px #431e121c); }
.bb-hero-left { transform: rotate(-8deg); }
.bb-hero-right { transform: rotate(8deg); }
.bb-hero-spark { position: absolute; color: var(--bb-ink); width: 24px; height: 24px; }
.bb-spark-one { left: 5%; top: 20px; }
.bb-spark-two { right: 5%; top: 45px; color: #9c5909; }
.bb-desktop-break { display: none; }
.bb-home-intro { padding-block: 22px 52px; }
.bb-category-cards { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; margin-bottom: 42px; }
.bb-category-cards > a { padding: 10px 10px 14px; background: var(--bb-cream); border: 1px solid var(--bb-ink); box-shadow: 3px 4px 0 var(--bb-ink); border-radius: 15px; text-align: center; text-decoration: none; transition: background-color 180ms ease, transform 180ms ease; }
.bb-category-cards > a:hover { background: #ffe5b3; transform: translateY(-2px); }
.bb-category-cards img { width: 100%; aspect-ratio: 1.35; object-fit: cover; border-radius: 9px; }
.bb-category-cards h2 { margin-top: 12px; font-size: 20px; }
.bb-promos { display: grid; gap: 22px; }
.bb-promo { display: flex; position: relative; align-items: center; min-height: 275px; border-radius: 16px; border: 1px solid var(--bb-ink); box-shadow: 4px 5px 0 var(--bb-ink); overflow: hidden; padding: 26px 22px; }
.bb-promo > div { position: relative; z-index: 1; width: 74%; }
.bb-promo h2 { font-size: 26px; text-wrap: initial; }
.bb-promo .bb-eyebrow { font-size: 8px; letter-spacing: .06em; }
.bb-promo small { display: block; margin-top: 8px; max-width: 34ch; font-size: 9px; line-height: 1.7; }
.bb-promo > img { width: 58%; max-width: none; position: absolute; right: -19%; bottom: 12px; }
.bb-promo-dark { color: var(--bb-cream); background: var(--bb-ink); }
.bb-promo-dark > img { opacity: .65; }
.bb-promo-dark .bb-button { margin-top: 16px; font-size: 10px; min-height: 40px; }
.bb-promo-light { background: #e9d6b7; }
.bb-promo-light > img { right: -15%; width: 52%; opacity: .8; }
.bb-promo-light .bb-badges { margin-top: 14px; }
.bb-coupon { font-size: 10px; margin-top: 14px; }
.bb-coupon strong { letter-spacing: .05em; }
.bb-promo-note { margin-top: 17px; color: var(--bb-muted); font-size: 10px; text-align: center; }
.bb-badges { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; }
.bb-badges > a { display: flex; align-items: center; min-height: 44px; flex: none; border-radius: 6px; text-decoration: none; transition: opacity 180ms ease; }
.bb-badges > a:hover { opacity: .75; }
.bb-badges > a:first-child img { width: 121px; margin: -7px -8px; }
.bb-badges > a:last-child img { width: 105px; }
.bb-promo .bb-badges { gap: 2px 10px; }
.bb-promo .bb-badges > a:first-child img { width: 107px; }
.bb-promo .bb-badges > a:last-child img { width: 93px; }

.bb-featured { background: var(--bb-cream); padding-bottom: 78px; }
.bb-section-head { display: grid; gap: 22px; align-items: center; justify-items: start; margin-bottom: 30px; }
.bb-section-head .bb-eyebrow { color: var(--bb-orange); }
.bb-product-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }
.bb-product { display: flex; flex-direction: column; align-items: center; text-align: center; padding: 20px 8px 25px; border-bottom: 1px solid #dfcdb573; min-width: 0; }
.bb-product:nth-child(odd) { border-right: 1px solid #dfcdb573; }
.bb-product > img { width: 100%; max-width: 260px; aspect-ratio: 1; object-fit: contain; }
.bb-product h3 { font-size: 18px; margin-top: 12px; }
.bb-product p { max-width: 32ch; margin-top: 9px; font-size: 10px; line-height: 1.7; color: var(--bb-muted); }
.bb-price { --bb-price-ink: #b5300b; display: block; margin-top: auto; padding-top: 12px; font-family: var(--bb-display); font-size: 23px; line-height: 1.3; color: var(--bb-price-ink); white-space: nowrap; }
.bb-about-grid { display: grid; gap: 30px; align-items: center; }
.bb-about-grid > div > p:not(.bb-eyebrow) { font-size: 13px; margin-top: 19px; max-width: 54ch; color: var(--bb-muted); }
.bb-about-grid .bb-button { margin-top: 24px; }
.bb-about-grid > img { width: 100%; border: 1px solid var(--bb-ink); box-shadow: 4px 5px 0 var(--bb-ink); border-radius: 16px; aspect-ratio: 1.4; object-fit: cover; }
.bb-values { display: grid; gap: 24px; margin-top: 42px; padding-top: 30px; border-top: 1px solid var(--bb-line); }
.bb-values > div { display: grid; grid-template-columns: 24px minmax(0,1fr); column-gap: 10px; align-content: start; }
.bb-values svg { width: 22px; height: 22px; grid-row: span 2; }
.bb-values h3 { font-size: 19px; }
.bb-values p { font-size: 11px; margin-top: 7px; color: var(--bb-muted); max-width: 32ch; }
.bb-gallery { padding: 32px 20px 36px; border-radius: 20px; background: var(--bb-cream); text-align: center; }
.bb-gallery header > p:not(.bb-eyebrow) { margin-top: 15px; color: var(--bb-muted); font-size: 12px; }
.bb-gallery-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; margin-block: 26px; }
.bb-gallery-grid > img { width: 100%; aspect-ratio: 1; object-fit: cover; border: 1px solid var(--bb-ink); border-radius: 12px; box-shadow: 3px 4px 0 var(--bb-ink); }
.bb-app-section { padding-block: 65px 55px; }
.bb-app-banner { position: relative; display: grid; grid-template-columns: minmax(0,1fr); padding: 28px 22px; border: 1px solid var(--bb-ink); box-shadow: 4px 5px 0 var(--bb-ink); border-radius: 15px; background: var(--bb-yellow); isolation: isolate; }
.bb-app-banner > div:first-child { position: relative; z-index: 2; }
.bb-app-banner h2 { font-size: 32px; }
.bb-app-banner p:not(.bb-eyebrow) { font-size: 12px; margin-top: 12px; }
.bb-app-banner .bb-badges { margin-top: 16px; }
.bb-app-banner > img { width: 75%; max-width: 280px; justify-self: center; margin-top: 20px; filter: drop-shadow(0 15px 8px #431e1238); }
.bb-app-message { margin: 22px -22px -28px; padding: 23px; border-radius: 0 0 14px 14px; color: var(--bb-cream); background: var(--bb-orange); text-align: center; }
.bb-app-message > span { font-size: 11px; }
.bb-app-message strong { display: block; font-family: var(--bb-display); font-size: 34px; font-weight: 400; line-height: 1.05; margin-top: 6px; }

.bb-page-hero { text-align: center; background: var(--bb-hero); padding-block: 42px 58px; }
.bb-page-hero h1 { font-size: clamp(44px, 6vw, 72px); }
.bb-page-hero p:not(.bb-eyebrow) { margin-top: 24px; font-size: 13px; }
.bb-category-nav { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 7px 15px; margin-top: 25px; }
.bb-category-nav > a { display: inline-flex; align-items: center; min-height: 44px; padding: 4px 8px; font-weight: 800; font-size: 11px; white-space: nowrap; text-decoration: underline; text-underline-offset: 5px; text-decoration-color: #b09b7d; transition: color 180ms ease, text-decoration-color 180ms ease; }
.bb-category-nav > a:hover { color: var(--bb-orange); text-decoration-color: var(--bb-orange); }
.bb-menu-content { padding-block: 16px; }
.bb-menu-category { padding-top: 40px; scroll-margin-top: 110px; }
.bb-menu-heading { text-align: center; }
.bb-menu-heading h2 { display: flex; align-items: center; justify-content: center; gap: 16px; font-size: clamp(27px, 4vw, 42px); }
.bb-menu-heading h2::before, .bb-menu-heading h2::after { content: ''; flex: 1; border-top: 4px dotted #cbb79a; max-width: 190px; }
.bb-menu-heading p { margin-top: 12px; color: var(--bb-muted); font-size: 12px; }
.bb-menu-category .bb-product-grid { margin-top: 20px; }
.bb-category-action { padding-top: 25px; text-align: center; }
.bb-menu-offers { padding-block: 65px 55px; }
.bb-units { padding-block: 58px 40px; display: grid; gap: 28px; }
.bb-units > header h2 { font-size: 34px; }
.bb-units > header p:not(.bb-eyebrow) { margin-top: 15px; font-size: 13px; color: var(--bb-muted); }
.bb-units > header small { display: block; margin-top: 20px; font-size: 10px; color: var(--bb-muted); }
.bb-unit-grid { display: grid; gap: 22px; align-items: start; }
.bb-unit { background: var(--bb-hero); border-radius: 14px; padding: 28px; }
.bb-unit > .bb-eyebrow { font-size: 9px; color: var(--bb-muted); }
.bb-unit h3 { font-size: 24px; color: var(--bb-orange); margin-top: 12px; }
.bb-unit address { font-size: 13px; line-height: 1.8; font-style: normal; margin-top: 20px; }
.bb-unit-hours { display: flex; gap: 9px; font-size: 10px; margin-top: 18px; }
.bb-unit-hours svg { width: 15px; height: 15px; margin-top: 4px; flex: none; }
.bb-unit details { margin-top: 16px; }
.bb-unit summary { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 44px; cursor: pointer; list-style: none; font-weight: 800; font-size: 11px; border-block: 1px solid #d9c4a6; }
.bb-unit summary::-webkit-details-marker { display: none; }
.bb-unit summary svg { width: 15px; height: 15px; transition: transform 200ms ease; }
.bb-unit details[open] summary svg { transform: rotate(180deg); }
.bb-unit details > div { padding-block: 16px; font-size: 11px; color: var(--bb-muted); }
.bb-unit > .bb-text-link { margin-top: 18px; }
.bb-unit-note { display: flex; align-items: flex-start; gap: 18px; border-top: 1px solid var(--bb-line); padding-top: 28px; }
.bb-unit-note > svg { width: 32px; height: 32px; flex: none; }
.bb-unit-note h2 { font-size: 26px; }
.bb-unit-note p { font-size: 12px; color: var(--bb-muted); margin-top: 12px; max-width: 78ch; }
@supports (interpolate-size: allow-keywords) and selector(details::details-content) {
  .bb-unit details { interpolate-size: allow-keywords; }
  .bb-unit details::details-content { block-size: 0; overflow: clip; transition: block-size 220ms ease, content-visibility 220ms ease; transition-behavior: allow-discrete; }
  .bb-unit details[open]::details-content { block-size: auto; }
}

.bb-footer { padding-block: 30px 25px; }
.bb-footer-main { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 26px; padding-bottom: 25px; }
.bb-logo-dark { color: var(--bb-ink); }
.bb-logo-dark > span + span { color: var(--bb-orange); }
.bb-footer nav { display: flex; gap: 14px; flex-wrap: wrap; }
.bb-footer nav > a { display: inline-flex; align-items: center; min-height: 44px; font-size: 11px; font-weight: 800; white-space: nowrap; text-decoration: underline; text-underline-offset: 5px; text-decoration-color: transparent; transition: color 180ms ease, text-decoration-color 180ms ease; }
.bb-footer nav > a:hover { color: var(--bb-orange); text-decoration-color: currentColor; }
.bb-disclosure { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 20px; padding-block: 22px; border-block: 1px solid var(--bb-line); font-size: 10px; color: var(--bb-muted); scroll-margin-top: 115px; }
.bb-disclosure > p { max-width: 90ch; }
.bb-disclosure > a { min-height: 44px; display: inline-flex; align-items: center; text-underline-offset: 4px; font-weight: 800; white-space: nowrap; transition: color 180ms ease; }
.bb-disclosure > a:hover { color: var(--bb-orange); }
.bb-copyright { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px; margin-top: 22px; font-size: 9px; color: var(--bb-muted); }
.bb-nojs { padding-block: 20px; font-size: 12px; }

.bb-dialog { width: min(490px, calc(100% - 32px)); max-height: calc(100dvh - 40px); padding: 36px 24px 26px; border: 2px solid var(--bb-ink); border-radius: 18px; background: var(--bb-cream); color: var(--bb-ink); box-shadow: 7px 8px 0 #431e1270; overflow-y: auto; }
.bb-dialog::backdrop { background: #24120cba; }
.bb-dialog h2 { font-size: 32px; padding-right: 12px; }
.bb-dialog > p:not(.bb-eyebrow) { font-size: 13px; line-height: 1.8; margin-top: 18px; }
.bb-dialog .bb-dialog-context { font-size: 11px !important; font-weight: 800; color: var(--bb-orange); }
.bb-dialog-close { position: absolute; top: 8px; right: 8px; display: grid; place-items: center; width: 44px; height: 44px; border: 0; background: transparent; border-radius: 50%; color: var(--bb-ink); cursor: pointer; transition: background-color 180ms ease; }
.bb-dialog-close:hover { background: var(--bb-hero); }
.bb-dialog-close svg { width: 20px; height: 20px; }
.bb-dialog-choices { display: grid; gap: 12px; margin-top: 26px; }
.bb-channel { display: grid; grid-template-columns: minmax(0,1fr); gap: 8px; text-align: left; width: 100%; padding: 18px; border: 1px solid var(--bb-line); border-radius: 10px; color: var(--bb-ink); background: var(--bb-paper); cursor: pointer; transition: background-color 180ms ease, border-color 180ms ease; }
.bb-channel:hover { background: #ffe2aa; border-color: var(--bb-ink); }
.bb-channel-label { font-family: var(--bb-display); font-size: 26px; line-height: 1.1; }
.bb-channel > span:last-child { display: flex; align-items: center; justify-content: space-between; gap: 8px; font-size: 12px; font-weight: 800; white-space: nowrap; }
.bb-channel svg { width: 16px; height: 16px; }
.bb-dialog-actions { display: flex; flex-wrap: wrap; gap: 16px; justify-content: space-between; align-items: center; margin-top: 26px; }
.bb-dialog-back { padding: 10px 0; min-height: 44px; font-size: 12px !important; border: 0; background: transparent; text-decoration: underline; text-underline-offset: 5px; color: var(--bb-ink); cursor: pointer; white-space: nowrap; transition: color 180ms ease; }
.bb-dialog-back:hover { color: var(--bb-orange); }
html.bb-modal-open { overflow-y: hidden; }
@supports (transition-behavior: allow-discrete) {
  .bb-dialog { opacity: 0; transform: translateY(10px) scale(.98); transition: opacity 200ms ease, transform 200ms ease, display 200ms allow-discrete, overlay 200ms allow-discrete; }
  .bb-dialog[open] { opacity: 1; transform: none; }
  .bb-dialog::backdrop { opacity: 0; transition: opacity 200ms ease, display 200ms allow-discrete, overlay 200ms allow-discrete; }
  .bb-dialog[open]::backdrop { opacity: 1; }
  @starting-style { .bb-dialog[open] { opacity: 0; transform: translateY(10px) scale(.98); } .bb-dialog[open]::backdrop { opacity: 0; } }
}
@media (min-width: 40rem) {
  .bb-wrap { width: min(1080px, calc(100% - 64px)); }
  .bb-header { padding: 14px 24px; }
  .bb-category-cards { grid-template-columns: repeat(4,minmax(0,1fr)); }
  .bb-category-cards h2 { font-size: 23px; }
  .bb-promos { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 26px; }
  .bb-promo { padding: 26px 20px; min-height: 305px; }
  .bb-promo h2 { font-size: 25px; }
  .bb-promo > div { width: 88%; }
  .bb-promo > img { right: -28%; }
  .bb-product { padding: 24px 20px 30px; }
  .bb-product h3 { font-size: 24px; }
  .bb-product p { font-size: 12px; }
  .bb-values { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 26px; }
  .bb-section-head { display: flex; justify-content: space-between; }
  .bb-section-head > div { max-width: 70%; }
  .bb-app-banner { grid-template-columns: minmax(0,1.3fr) minmax(0,.8fr); padding: 34px; align-items: center; }
  .bb-app-banner > img { width: 100%; margin: 0; z-index: 1; }
  .bb-app-message { grid-column: 1 / -1; border-radius: 0 0 14px 14px; margin: 22px -34px -34px; }
  .bb-unit-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .bb-unit { padding: 25px; }
  .bb-dialog { padding: 40px 32px 30px; }
}
@media (min-width: 60rem) {
  .bb-section { padding-block: 90px; }
  .bb-header-shell { padding-block: 18px; }
  .bb-header { flex-wrap: nowrap; min-height: 77px; padding: 14px 32px; }
  .bb-js .bb-menu-toggle { display: none; }
  .bb-nav, .bb-js .bb-nav { position: static; display: flex; justify-content: center; width: auto; margin-inline: auto; gap: 15px; order: 0; opacity: 1; visibility: visible; pointer-events: auto; padding: 0; }
  html:not(.bb-js) .bb-header-shell { position: sticky; }
  .bb-header-order { margin-left: 0; font-size: 12px; padding-inline: 22px; }
  .bb-hero { min-height: 615px; display: grid; align-items: center; padding-block: 38px 90px; }
  .bb-hero-copy { grid-area: 1/1; }
  .bb-hero-copy > .bb-eyebrow { max-width: none; font-size: 10px; }
  .bb-hero-copy > p:not(.bb-eyebrow) { font-size: 14px; margin-block: 26px; }
  .bb-hero-copy > .bb-button { min-width: 145px; }
  .bb-hero-food { position: absolute; inset: 0; margin: 0; padding: 0; display: block; overflow: clip; pointer-events: none; }
  .bb-hero-food > img { position: absolute; width: min(32vw,510px); max-width: none; top: 45%; }
  .bb-hero-left { left: -9%; transform: translateY(-50%) rotate(-8deg); }
  .bb-hero-right { right: -9%; transform: translateY(-50%) rotate(8deg); }
  .bb-spark-one { top: 35px; left: 24%; width: 32px; height: 32px; }
  .bb-spark-two { top: auto; bottom: 75px; right: 26%; width: 40px; height: 40px; }
  .bb-desktop-break { display: initial; }
  .bb-home-intro { position: relative; z-index: 3; padding-top: 0; padding-bottom: 78px; }
  .bb-category-cards { max-width: 930px; margin: -40px auto 78px; gap: 24px; }
  .bb-category-cards > a { padding: 13px 13px 18px; }
  .bb-category-cards img { aspect-ratio: 1.35; }
  .bb-category-cards h2 { margin-top: 15px; }
  .bb-promo { min-height: 275px; padding: 30px; }
  .bb-promo > div { width: 72%; }
  .bb-promo h2 { font-size: 30px; }
  .bb-promo > img { right: -15%; width: 58%; bottom: -4%; }
  .bb-promo-light > img { right: -15%; width: 50%; bottom: -7%; }
  .bb-featured { padding-bottom: 115px; }
  .bb-product-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .bb-product { padding: 28px 32px 34px; }
  .bb-product:nth-child(odd) { border-right: 0; }
  .bb-product:not(:nth-child(3n)) { border-right: 1px solid #dfcdb573; }
  .bb-product h3 { font-size: 24px; }
  .bb-price { font-size: 28px; }
  .bb-about-grid { grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 70px; }
  .bb-about-grid h2 { font-size: 44px; }
  .bb-about-grid > img { aspect-ratio: 1.45; }
  .bb-values { padding-top: 38px; margin-top: 45px; gap: 60px; }
  .bb-values h3 { font-size: 23px; }
  .bb-gallery { padding: 45px 36px; }
  .bb-gallery-grid { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 22px; margin-block: 32px; }
  .bb-app-section { padding-block: 100px 65px; }
  .bb-app-banner { grid-template-columns: minmax(0,1.1fr) minmax(0,.9fr) minmax(0,.85fr); padding: 36px 40px; min-height: 245px; }
  .bb-app-banner h2 { font-size: 34px; }
  .bb-app-banner > img { width: 100%; max-width: none; transform: scale(1.23); }
  .bb-app-message { grid-column: auto; height: calc(100% + 72px); margin: -36px -40px -36px 0; border-radius: 0 14px 14px 0; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 25px; position: relative; z-index: -1; }
  .bb-app-message strong { font-size: 44px; }
  .bb-page-hero { padding-block: 65px 80px; }
  .bb-menu-category { padding-top: 65px; }
  .bb-menu-category .bb-product-grid { margin-top: 28px; }
  .bb-menu-offers { padding-block: 85px 70px; }
  .bb-units { padding-block: 90px 65px; grid-template-columns: minmax(0,.7fr) minmax(0,1.8fr); gap: 60px; }
  .bb-units > header h2 { font-size: 38px; }
  .bb-unit { padding: 30px; }
  .bb-unit h3 { font-size: 26px; }
  .bb-footer { padding-block: 40px 28px; }
}
@media (prefers-reduced-motion: no-preference) {
  @keyframes bb-welcome { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
  .bb-hero-copy > .bb-eyebrow { animation: bb-welcome 500ms ease-out both; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .bb-page *, .bb-page *::before, .bb-page *::after, .bb-page ::backdrop { animation: none !important; transition: none !important; }
  .bb-unit details::details-content { transition: none; }
}
@media (min-width: 75rem) { :root .bb-wrap { width: min(1140px, calc(100% - 64px)); } }