/* Existing brand cream and shared quick-action component palette. */
html.responsive, html.responsive body#top, html.responsive body#top #wrap_all, body#top #main {
  background-color: #fff5e3 !important;
}
body#top {
  --bkp-action-cream: #fff5e3;
  --bkp-action-ink: #8c1320;
  --bkp-action-border: #dfc8b1;
  --bkp-app-gradient: linear-gradient(125deg, #ce2935, #a91524);
}
@media (max-width:989px) {
  /* The quick bar exits before the footer; it needs no legacy 150px spacer. */
  body#top.bkp-app-floating.bkp-quick-actions-ready #wrap_all .bkp-footer .ft-inner {
    padding-bottom: max(36px, calc(24px + env(safe-area-inset-bottom))) !important;
  }
  html.responsive body#top #wrap_all #header .av-burger-overlay-scroll {
    height:100%; height:100dvh; max-height:100dvh;
    overflow-x:hidden; overflow-y:auto;
    overscroll-behavior-y:contain;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:thin; scrollbar-color:#8c1320 #fff5e3;
    background:#fff5e3 !important;
    scroll-padding-bottom:72px;
  }
  html.responsive body#top #wrap_all #header .av-burger-overlay-inner:has(.bkp-menu-actions) {
    display:block; position:relative; min-height:100%; height:auto;
  }
  html.responsive body#top #wrap_all #header #av-burger-menu-ul:has(.bkp-menu-actions) {
    box-sizing:border-box; display:flex; flex-direction:column;
    min-height:100vh; min-height:100dvh; height:auto;
    padding:96px 16px max(68px, calc(56px + env(safe-area-inset-bottom))) !important;
  }
  html.responsive body#top #wrap_all #header #av-burger-menu-ul > li:not(.bkp-menu-actions) {
    flex-shrink:0; padding:0; margin:0;
  }
  html.responsive body#top #wrap_all #header #av-burger-menu-ul > li:not(.bkp-menu-actions) > a {
    box-sizing:border-box; min-height:48px;
    padding:12px 20px !important; font-size:19px; line-height:24px;
  }
  html.responsive body#top #wrap_all #header #av-burger-menu-ul li li > a {
    box-sizing:border-box; min-height:44px;
    padding:10px 20px 10px 36px !important; font-size:16px; line-height:24px;
  }
  /* Same equal-width cream/order and red/app pills as the floating quick bar. */
  html.responsive body#top #wrap_all #header #av-burger-menu-ul > li.bkp-menu-actions {
    display:grid !important; grid-template-columns:1fr 1fr !important;
    gap:8px; padding:7px !important; margin:0 0 16px;
    border:1px solid #e4d7c3; border-bottom:1px solid #e4d7c3;
    border-radius:999px; background:var(--bkp-action-cream);
    box-shadow:0 4px 12px -4px #251f1940, 0 1px 3px #251f191a;
  }
  html.responsive body#top #wrap_all #header #av-burger-menu-ul > li.bkp-menu-actions > a,
  html.responsive body#top #wrap_all #header #av-burger-menu-ul > li.bkp-menu-actions > a:first-child {
    box-sizing:border-box; display:flex; align-items:center; justify-content:center;
    gap:9px; min-height:48px; height:auto !important;
    margin:0; padding:9px 10px !important;
    border:1px solid var(--bkp-action-border) !important; border-radius:999px;
    background:var(--bkp-action-cream); color:var(--bkp-action-ink) !important;
    font:700 14px/1.2 Helvetica,Arial,sans-serif !important;
    white-space:nowrap !important; box-shadow:none; text-decoration:none;
  }
  html.responsive body#top #wrap_all #header #av-burger-menu-ul > li.bkp-menu-actions > a:last-child {
    position:relative; isolation:isolate; overflow:hidden;
    background:var(--bkp-app-gradient); color:#fff !important;
    border-color:#dc6971 !important; box-shadow:inset 0 1px 0 #ffffff50;
  }
  html.responsive body#top #wrap_all #header .bkp-menu-actions .al-icon {
    display:block; width:30px; height:30px; flex:none;
    overflow:hidden; border-radius:50%; background:#fff;
  }
  html.responsive body#top #wrap_all #header .bkp-menu-actions .al-icon img {
    display:block; width:100%; height:100%; object-fit:contain; border-radius:50%; margin:0;
  }
  html.responsive body#top #wrap_all #header #av-burger-menu-ul > li.bkp-menu-actions > a:focus-visible {
    outline:3px solid #153f32; outline-offset:2px;
  }
  body#top #header .bkp-menu-scroll-cue {
    position:absolute; z-index:20;
    bottom:max(12px, env(safe-area-inset-bottom)); right:16px;
    box-sizing:border-box; min-height:44px; padding:10px 16px;
    border:1px solid #dfc8b1; border-radius:999px;
    background:#fff5e3; color:#153f32;
    font:700 13px/1.2 Helvetica,Arial,sans-serif;
    box-shadow:0 4px 12px #251f1926; cursor:pointer;
  }
  body#top #header .bkp-menu-scroll-cue[hidden] {display:none !important}
  body#top #header .bkp-menu-scroll-cue:focus-visible {outline:3px solid #153f32;outline-offset:2px}
}
@media(max-width:359px) {
  html.responsive body#top #wrap_all #header #av-burger-menu-ul > li.bkp-menu-actions {gap:6px;padding:6px !important}
  html.responsive body#top #wrap_all #header #av-burger-menu-ul > li.bkp-menu-actions > a,
  html.responsive body#top #wrap_all #header #av-burger-menu-ul > li.bkp-menu-actions > a:first-child {font-size:13px !important;padding:8px !important;gap:6px}
  html.responsive body#top #wrap_all #header .bkp-menu-actions .al-icon {width:27px;height:27px}
}
@media(min-width:990px), print {body#top #header .bkp-menu-scroll-cue {display:none !important}}