/* First visual shell: all rules are desktop-only. Shared cart wiring is held. */
body[data-layout="desktop"] {
  --desktop-canvas: #f7f6f2;
  --desktop-surface: #fff;
  --desktop-ink: #242a26;
  --desktop-muted: #62695f;
  --desktop-line: #e4e5dd;
  --desktop-accent: #cc4238;
  background: var(--desktop-canvas) !important;
  color: var(--desktop-ink);
  padding-top: 92px !important;
}
body[data-layout="desktop"] #desktopRefreshBrand {
  max-width: 1200px; margin: 30px auto 18px; padding: 0 24px;
}
body[data-layout="desktop"] #desktopRefreshBrand p {
  font-size: 30px !important; line-height: 1.2; font-weight: 750; letter-spacing: -.8px; margin: 0; text-align: left !important;
}
body[data-layout="desktop"] #desktopRefreshBrand span {
  color: var(--desktop-muted); font-weight: 400; font-size: 16px; letter-spacing: 0;
}
body[data-layout="desktop"] #desktopRefreshTools {
  position: sticky; top: 0; z-index: 70; max-width: 1200px; margin: 0 auto 28px;
  padding: 14px 24px 0; background: var(--desktop-canvas); border-bottom: 1px solid var(--desktop-line);
}
body[data-layout="desktop"] .desktop-refresh-search {
  display: flex; align-items: center; gap: 12px; color: var(--desktop-muted);
  background: white; border: 1px solid var(--desktop-line); border-radius: 12px; padding: 0 16px;
}
body[data-layout="desktop"] #desktopRefreshSearch {
  border: 0; box-shadow: none; outline: none; background: transparent; color: var(--desktop-ink);
  padding: 13px 0; width: 100%; font: inherit;
}
body[data-layout="desktop"] .desktop-refresh-search:focus-within {
  outline: 2px solid var(--desktop-accent); outline-offset: 2px;
}
body[data-layout="desktop"] #desktopRefreshCategories {
  display: flex; gap: 8px; overflow-x: auto; padding: 12px 0; scrollbar-width: thin; overscroll-behavior-x: contain;
}
body[data-layout="desktop"] #desktopRefreshCategories a {
  flex: none; padding: 9px 14px; border-radius: 20px; font-size: 14px; font-weight: 600;
  color: var(--desktop-muted); white-space: nowrap; text-decoration: none;
}
body[data-layout="desktop"] #desktopRefreshCategories a[aria-current],
body[data-layout="desktop"] #desktopRefreshCategories a:hover {
  color: #b93830; background: #fcede9;
}
body[data-layout="desktop"] #desktopRefreshCategories a:focus-visible {
  outline: 2px solid var(--desktop-accent); outline-offset: -2px;
}
body[data-layout="desktop"] .menu-row.menu-item.desktop-refresh-filtered,
body[data-layout="desktop"] section.section-shell.desktop-refresh-filtered { display: none !important; }
body[data-layout="desktop"] section.section-shell {
  max-width: 1200px !important; width: calc(100% - 80px) !important;
  margin-left: auto !important; margin-right: auto !important;
  background: transparent !important; box-shadow: none !important; scroll-margin-top: 135px;
}
body[data-layout="desktop"] section.section-shell > h2,
body[data-layout="desktop"] section.section-shell > .menu-group > h2,
body[data-layout="desktop"] section.section-shell > .menu-section > h2 {
  color: var(--desktop-ink); font-size: 28px !important; letter-spacing: -.6px;
}
body[data-layout="desktop"] .menu-group {
  display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  gap: 16px !important; align-items: start;
}
body[data-layout="desktop"] .menu-row.menu-item {
  width: auto !important; min-width: 0 !important; margin: 0 !important; padding: 16px !important;
  display: flex !important; flex-direction: row !important; gap: 16px !important;
  background: var(--desktop-surface) !important; border: 1px solid var(--desktop-line) !important;
  border-radius: 16px !important; box-shadow: none !important;
}
body[data-layout="desktop"] .menu-row.menu-item .menu-img {
  width: 112px !important; height: 112px !important; flex: 0 0 112px !important; margin: 0 !important;
  border-radius: 12px !important; overflow: hidden;
}
body[data-layout="desktop"] .menu-row.menu-item .menu-img img {
  width: 100% !important; height: 100% !important; object-fit: cover;
}
body[data-layout="desktop"] .menu-row.menu-item .menu-content {
  flex: 1; min-width: 0; width: auto !important; text-align: left !important;
}
body[data-layout="desktop"] .menu-row.menu-item h3 {
  text-align: left !important; font-size: 17px !important; line-height: 1.35 !important;
  color: var(--desktop-ink) !important; margin: 0 32px 8px 0 !important;
  overflow-wrap: anywhere; white-space: normal !important;
}
body[data-layout="desktop"] .menu-row.menu-item .ingredients {
  color: var(--desktop-muted) !important; font-size: 13px !important; line-height: 1.5 !important;
  text-align: left !important;
}
body[data-layout="desktop"] .menu-row.menu-item .qty-plus,
body[data-layout="desktop"] .menu-row.menu-item .qty-minus {
  background: #fcede9 !important; color: #b93830 !important; border: 0 !important;
  border-radius: 10px !important; min-width: 36px; min-height: 36px; box-shadow: none !important;
}
body[data-layout="desktop"] .navbar-container {
  position: absolute !important; top: 0 !important; background: white !important;
  border-bottom: 1px solid var(--desktop-line) !important;
}
body[data-layout="desktop"] #desktopNavMenu,
body[data-layout="desktop"] #desktopNavCartButton { position: absolute !important; }
body[data-layout="desktop"] #desktopNavMenu button,
body[data-layout="desktop"] #desktopNavCartButton,
body[data-layout="desktop"] #navbar a { color: var(--desktop-ink) !important; }
body[data-layout="desktop"] #desktopNavMenu button { background: transparent !important; }
body[data-layout="desktop"] #desktopNavMenu #desktopNavCustomerGuest,
body[data-layout="desktop"] #desktopNavMenu #desktopNavCustomerButton { position: absolute; right: -144px; }
body[data-layout="desktop"] .menu-group > h2,
body[data-layout="desktop"] .menu-group > p { grid-column: 1 / -1; }
body[data-layout="desktop"] section .menu-group .menu-row.menu-item .menu-content h3 { font-size: 17px !important; }
body[data-layout="desktop"] .menu-row.menu-item.has-desktop-price-pill .qty-box .qty-plus[data-display-price] {
  background: #fcede9 !important; color: #b93830 !important; border-color: #fcede9 !important;
}
body[data-layout="desktop"] .menu-row.menu-item .menu-content .ingredients {
  max-height: none !important; -webkit-line-clamp: unset !important; overflow: visible !important;
}
body[data-layout="desktop"] #desktopPreorderBar { position: relative !important; top: auto !important; background: transparent !important; max-width: 1200px; margin: 0 auto; padding: 0; }
body[data-layout="desktop"] #delivery-options { margin-bottom: 0 !important; }
body[data-layout="desktop"] #delivery-options > .order-method-header .delivery-lang-switch { position: absolute; }
body[data-layout="desktop"] #delivery-options > .order-method-header .delivery-lang-switch .lang-trigger::after { color: var(--desktop-ink); }
body[data-layout="desktop"] .bestseller-strip-title { font-size: 26px !important; }

/* Accepted r2 menu composition, applied to the original menu controls. */
@media(min-width:1367px){
 body[data-layout=desktop]{padding-top:72px!important}
 body[data-layout=desktop] #desktopPreorderBar{height:32px}
 body[data-layout=desktop] #desktopRefreshBrand{margin:16px auto 12px}
 body[data-layout=desktop] #desktopRefreshTools{padding-top:8px;margin-bottom:16px}
 body[data-layout=desktop] #desktopRefreshSearch{padding:11px 0}
 body[data-layout=desktop] section.section-shell{margin-bottom:28px!important}
 body[data-layout=desktop] #bestsellerStrip{padding:0 16px!important}
 body[data-layout=desktop] .bestseller-strip-header{display:flex;align-items:baseline;gap:12px;margin-bottom:12px}
 body[data-layout=desktop] .bestseller-strip-kicker{display:none}
 body[data-layout=desktop] .bestseller-strip-title{font-size:21px!important;line-height:1.3;margin:0}
 body[data-layout=desktop] .bestseller-strip-subtitle{font-size:12px!important;margin:0}
 body[data-layout=desktop] .bestseller-carousel{gap:12px;min-height:0;padding:0 0 6px}
 body[data-layout=desktop] .bestseller-card{display:grid;grid-template-columns:66px minmax(0,1fr);grid-template-rows:auto auto;gap:6px 10px;flex:0 0 calc((100% - 24px)/3);min-height:92px;padding:10px;box-sizing:border-box;border:1px solid var(--desktop-line);border-radius:12px;background:var(--desktop-surface)}
 body[data-layout=desktop] .bestseller-card-media{grid-column:1;grid-row:1/3;width:66px;height:66px;aspect-ratio:auto;border-radius:8px;align-self:center}
 body[data-layout=desktop] .bestseller-badge{display:none}
 body[data-layout=desktop] .bestseller-card-title{grid-column:2;grid-row:1;min-height:0;font-size:13px!important;line-height:1.3;text-align:left;margin:0}
 body[data-layout=desktop] .bestseller-card-footer{grid-column:2;grid-row:2;gap:8px;min-width:0;margin:0}
 body[data-layout=desktop] .bestseller-card-price{font-size:12px!important;white-space:nowrap}
 body[data-layout=desktop] .bestseller-add-button{min-width:0;min-height:32px;padding:5px 7px;font-size:12px!important}
 body[data-layout=desktop] .menu-row.menu-item .menu-content{position:relative;padding-bottom:44px!important}
 body[data-layout=desktop] .menu-row.menu-item.has-desktop-price-pill .touch-card-price{display:block!important;position:absolute;bottom:8px;left:0;font-size:14px;font-weight:700;color:var(--desktop-ink)}
 body[data-layout=desktop] .menu-row.menu-item .qty-box{position:absolute!important;bottom:0!important;right:0!important;width:auto!important;margin:0!important}
 body[data-layout=desktop] .menu-row.menu-item.has-desktop-price-pill .qty-box :is(.qty-plus,.add-button)[data-display-price]{width:36px!important;min-width:36px!important;height:36px!important;padding:0!important;border-radius:10px!important;background:var(--site-accent-soft,#fcede9)!important;color:var(--site-accent-text,#b93830)!important;box-shadow:none!important}
 body[data-layout=desktop] .menu-row.menu-item.has-desktop-price-pill .qty-box :is(.qty-plus,.add-button)[data-display-price]::before{content:none!important}
 body[data-layout=desktop] .menu-row.menu-item.menu-soldout-action .touch-card-price{display:none!important}
 body[data-layout=desktop] .menu-row.menu-item[data-name]{min-height:158px!important;padding:14px!important;gap:14px!important}
 body[data-layout=desktop] .menu-row.menu-item[data-name] .menu-img{width:104px!important;height:104px!important;flex:0 0 104px!important}
 body[data-layout=desktop] .menu-row.menu-item[data-name] .menu-content{position:relative!important;display:flex!important;flex-direction:column;gap:6px!important;padding-right:0!important;padding-bottom:44px!important}
 body[data-layout=desktop] section .menu-row.menu-item[data-name] .menu-content h3{display:block!important;font-size:15px!important;line-height:1.3!important;margin:0!important}
 body[data-layout=desktop] .menu-row.menu-item[data-name] .ingredients{font-size:12px!important;line-height:1.4!important;margin:0!important;max-height:none!important;overflow:visible!important}
 body[data-layout=desktop] .menu-row.menu-item[data-name] .qty-box{top:auto!important;bottom:0!important;right:0!important}
 body[data-layout=desktop] .menu-item.menu-soldout-action.has-desktop-price-pill .menu-soldout-price{color:var(--desktop-ink)}
 body[data-layout=desktop] .desktop-refresh-category-row{display:flex;align-items:center;gap:8px;padding:10px 0}
 body[data-layout=desktop] #desktopRefreshCategories{min-width:0;flex:1;align-items:center;padding:0;scrollbar-width:none}
 body[data-layout=desktop] #desktopRefreshCategories::-webkit-scrollbar{display:none}
 body[data-layout=desktop] #desktopRefreshCategories a{display:inline-flex;align-items:center;box-sizing:border-box;min-height:40px;padding:8px 14px;line-height:24px}
 body[data-layout=desktop] .desktop-category-control{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;flex:0 0 40px;width:40px;height:40px;padding:0;border:1px solid var(--desktop-line);border-radius:50%;background:var(--site-raised,#eceee7);color:var(--desktop-ink);cursor:pointer}
 body[data-layout=desktop] .desktop-category-control svg{display:block;width:22px;height:22px;flex:none}
 body[data-layout=desktop] .desktop-category-control:disabled{opacity:.35;cursor:default}
 body[data-layout=desktop] :is(.desktop-category-control,#desktopRefreshCategories,#desktopRefreshCategoryChoices a):focus-visible{outline:2px solid var(--desktop-accent);outline-offset:2px}
 body[data-layout=desktop] #desktopRefreshCategoryDialog[open]{display:flex;flex-direction:column;gap:12px;box-sizing:border-box;width:440px;max-width:calc(100vw - 48px);max-height:calc(100dvh - 80px);padding:20px;border:1px solid var(--desktop-line);border-radius:20px;background:var(--desktop-surface);color:var(--desktop-ink);box-shadow:0 20px 64px #0004}
 body[data-layout=desktop] #desktopRefreshCategoryDialog::backdrop{background:#0006}
 body[data-layout=desktop] #desktopRefreshCategoryDialog header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex:none}
 body[data-layout=desktop] #desktopRefreshCategoryTitle{margin:0;font-size:20px!important;line-height:1.3}
 body[data-layout=desktop] #desktopRefreshCategoryChoices{min-height:0;display:flex;flex-direction:column;gap:4px;overflow-y:auto;padding:3px;overscroll-behavior:contain}
 body[data-layout=desktop] #desktopRefreshCategoryChoices a{display:block;padding:10px 12px;border-radius:10px;color:var(--desktop-ink);font-size:14px;line-height:1.4;text-decoration:none;overflow-wrap:anywhere}
 body[data-layout=desktop] #desktopRefreshCategoryChoices a:hover{background:var(--site-raised,#eceee7)}
 body[data-layout=desktop] #desktopRefreshCategoryChoices a[aria-current]{color:var(--site-accent-text,#b93830);background:var(--site-accent-soft,#fcede9);font-weight:700}
}

/* The refreshed desktop already has search and category navigation. Keep the
   legacy toggle node for the shared navbar initializer. */
@media (min-width: 1367px) {
  body[data-layout="desktop"] #desktopNavMenuToggle { display: none !important; }
}

/* Center the existing recommendation controls on the cards, not the heading. */
@media (min-width: 1367px) {
  body[data-layout="desktop"] #bestsellerStrip { display: grid; grid-template-columns: minmax(0,1fr); overflow: visible; }
  body[data-layout="desktop"] #bestsellerStrip > .bestseller-strip-header { grid-area: 1 / 1; }
  body[data-layout="desktop"] #bestsellerCarousel { grid-area: 2 / 1; min-width: 0; }
  body[data-layout="desktop"] #bestsellerStrip > .bestseller-strip-controls { grid-area: 2 / 1; position: relative; inset: auto; align-self: stretch; margin-bottom: 6px; }
  body[data-layout="desktop"] #bestsellerEmpty { grid-area: 3 / 1; }
  body[data-layout="desktop"] #bestsellerPrev { left: -44px; }
  body[data-layout="desktop"] #bestsellerNext { right: -44px; }
  body[data-layout="desktop"] .bestseller-arrow {
    box-sizing: border-box; width: 40px; height: 40px; padding: 0;
    border: 1px solid var(--desktop-line); border-radius: 50%;
    background: var(--site-raised,#eceee7); color: var(--desktop-ink);
    box-shadow: none; backdrop-filter: none; -webkit-backdrop-filter: none;
    transform: translateY(-50%); cursor: pointer;
  }
  body[data-layout="desktop"] .bestseller-arrow:hover {
    background: var(--site-accent-soft,#fcede9); color: var(--site-accent-text,#b93830);
    border-color: var(--desktop-accent); box-shadow: none; transform: translateY(-50%);
  }
  body[data-layout="desktop"] .bestseller-arrow:focus-visible { outline: 2px solid var(--desktop-accent); outline-offset: 2px; }
  body[data-layout="desktop"] .bestseller-arrow:disabled { opacity: .35; cursor: default; }
}

/* Keep the existing desktop padding until data-layout switches to portrait. */
body[data-layout="desktop"] #bestsellerCarousel { padding: 0 0 6px; }

/* Fit the original crown to the existing desktop toolbar without shifting its hit area. */
@media (min-width: 1367px) {
  body[data-layout="desktop"] .desktop-brand-crown {
    height: 28px;
    width: auto;
    max-width: 68px;
    flex: none;
    transform: none;
    filter: brightness(0);
  }
  html[data-theme="dark"] body[data-layout="desktop"] .desktop-brand-crown {
    filter: none;
  }
}

/* One desktop information row; original hours and preorder controls keep their owners. */
#desktopInfoBar { display: none; }
@media (min-width: 1367px) {
  body[data-layout="desktop"] #desktopInfoBar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px 24px;
    position: relative;
    z-index: 80;
    max-width: 1200px;
    margin: 12px auto 4px;
    padding: 0 24px;
    overflow: visible;
  }
  body[data-layout="desktop"] #desktopInfoBar #desktopRefreshBrand {
    flex: 0 1 auto;
    min-width: 0;
    max-width: 100%;
    margin: 0;
    padding: 0;
  }
  body[data-layout="desktop"] #desktopInfoBar #desktopRefreshBrand p {
    font-size: 26px !important;
    line-height: 1.25;
    overflow-wrap: anywhere;
  }
  body[data-layout="desktop"] #desktopInfoBar #desktopPreorderBar {
    flex: 0 1 auto;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 4px 10px;
    left: auto;
    right: auto;
    height: auto;
    min-height: 40px;
    min-width: 0;
    max-width: 100%;
    margin: 0;
    padding: 0;
  }
  body[data-layout="desktop"] #desktopInfoBar #desktopNavHours {
    flex: 0 1 auto;
    height: auto;
    min-width: 0;
    max-width: 100%;
  }
  body[data-layout="desktop"] #desktopInfoBar #desktopNavHoursButton,
  body[data-layout="desktop"] #desktopInfoBar #desktopPreorderTrigger {
    height: auto;
    min-height: 40px;
    min-width: 0;
    max-width: 100%;
    font-size: 12px !important;
    line-height: 1.4;
    white-space: normal;
    overflow-wrap: anywhere;
    color: var(--site-muted, var(--desktop-muted)) !important;
  }
  body[data-layout="desktop"] #desktopInfoBar #desktopNavHoursButton { text-align: left; }
  body[data-layout="desktop"] #desktopInfoBar #desktopPreorderTrigger { flex: 0 1 auto; text-align: right; }
  body[data-layout="desktop"] #desktopInfoBar #desktopNavHoursPanel,
  body[data-layout="desktop"] #desktopInfoBar #desktopPreorderPopup {
    left: auto;
    right: 0;
    box-sizing: border-box;
    max-width: min(400px, calc(100vw - 48px));
    white-space: normal;
  }
}

/* Match the existing menu content gutter; keep its outer carousel arrow space. */
@media (min-width: 1367px) {
  body[data-layout="desktop"] { --desktop-content-gutter: 40px; }
  body[data-layout="desktop"] #desktopInfoBar,
  body[data-layout="desktop"] #desktopRefreshTools {
    padding-left: var(--desktop-content-gutter);
    padding-right: var(--desktop-content-gutter);
  }
}

/* Reuse the original recommendation button and label with the menu add affordance. */
@media (min-width: 1367px) {
  body[data-layout="desktop"] #bestsellerCarousel .bestseller-add-button {
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 36px;
    width: 36px; min-width: 36px; max-width: 36px;
    height: 36px; min-height: 36px; max-height: 36px;
    padding: 0;
    border: 0;
    border-radius: 10px;
    background: var(--site-accent-soft,#fcede9) !important;
    color: var(--site-accent-text,#b93830) !important;
    font-size: 0 !important;
    position: relative;
    box-shadow: none;
    transform: none;
    filter: none;
  }
  body[data-layout="desktop"] #bestsellerCarousel .bestseller-add-button::before,
  body[data-layout="desktop"] #bestsellerCarousel .bestseller-add-button::after {
    content: "";
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%,-50%);
    pointer-events: none;
  }
  body[data-layout="desktop"] #bestsellerCarousel .bestseller-add-button::before {
    width: 12px;
    border-top: 2px solid currentColor;
  }
  body[data-layout="desktop"] #bestsellerCarousel .bestseller-add-button::after {
    height: 12px;
    border-left: 2px solid currentColor;
  }
  body[data-layout="desktop"] #bestsellerCarousel .bestseller-add-button:not(:disabled) { cursor: pointer; }
  body[data-layout="desktop"] #bestsellerCarousel .bestseller-add-button:focus-visible {
    outline: 2px solid var(--desktop-accent);
    outline-offset: 2px;
  }
}

/* Match the content cap within the viewport (40px left, 370px basket reserve). */
@media (min-width: 1367px) {
  body[data-layout="desktop"] {
    --desktop-toolbar-left: max(80px, calc((100% - 1530px) / 2));
  }
  body[data-layout="desktop"] #homeBtn { left: var(--desktop-toolbar-left); }
  body[data-layout="desktop"] #desktopNavMenu {
    left: calc(var(--desktop-toolbar-left) + 76px) !important;
    right: 510px !important;
    overflow: visible;
  }
  body[data-layout="desktop"] #desktopNavMenu #desktopNavCustomerButton,
  body[data-layout="desktop"] #desktopNavMenu #desktopNavCustomerGuest {
    flex: 0 1 auto;
    min-width: 0;
  }
  body[data-layout="desktop"] #desktopNavCustomerButton .desktop-nav-customer-copy {
    flex: 0 1 auto;
    min-width: 0;
  }
  body[data-layout="desktop"] #desktopNavCustomerButton .desktop-nav-customer-welkom { flex: none; }
  body[data-layout="desktop"] #desktopNavCustomerName {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  body[data-layout="desktop"] #desktopNavCustomerGuest .desktop-nav-customer-copy {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

/* Maki portion label ("Kappa Maki  8 stuks"): the title is a block, so the legacy flex gap never applied and the label
   sat glued to the name; its #6b6b6b was also 2.9:1 on the dark card (owner report 2026-10-14). */
@media (min-width: 1367px) {
  body[data-layout="desktop"] #sushi .menu-row.menu-item[data-name$="Maki"] .menu-content h3[data-portion-label]::after {
    margin-left: 6px;
    color: var(--site-muted, #62695f);
    font-weight: 500;
  }
}

/* Business status as a lit sign (owner request 2026-10-13): "Vandaag open tot …" in green, "gesloten" in red, on a
   tinted pill with a lamp dot. Light theme: a printed sign; dark theme: a neon sign (glow). Text 5.5:1 or better on the
   pill in both themes. The untranslated initial copy stays neutral until the status script has written it. */
@media (min-width: 1367px) {
  body[data-layout="desktop"] #desktopInfoBar #desktopNavHoursButton {
    --sign-ink: #00702a; --sign-bg: #e3f5e8; --sign-glow: transparent;
  }
  body[data-layout="desktop"] #desktopInfoBar #desktopNavHoursButton.is-currently-closed {
    --sign-ink: #c0002c; --sign-bg: #fde9ed;
  }
  html[data-theme="dark"] body[data-layout="desktop"] #desktopInfoBar #desktopNavHoursButton {
    --sign-ink: #4dff2e; --sign-bg: #0e2412; --sign-glow: rgba(77, 255, 46, .45);
  }
  html[data-theme="dark"] body[data-layout="desktop"] #desktopInfoBar #desktopNavHoursButton.is-currently-closed {
    --sign-ink: #ff6577; --sign-bg: #2e1015; --sign-glow: rgba(255, 101, 119, .45);
  }
  body[data-layout="desktop"] #desktopInfoBar #desktopNavHoursButton > .desktop-nav-hours-label:not([data-i18n]) {
    display: inline-flex; align-items: center; gap: 7px; box-sizing: border-box;
    padding: 3px 11px 3px 9px; border: 1.5px solid var(--sign-ink); border-radius: 999px;
    background: var(--sign-bg); color: var(--sign-ink) !important;
    font-weight: 700; line-height: 16px; letter-spacing: .01em; white-space: nowrap;
    box-shadow: 0 0 9px var(--sign-glow), inset 0 0 7px var(--sign-glow);
    text-shadow: 0 0 6px var(--sign-glow);
  }
  body[data-layout="desktop"] #desktopInfoBar #desktopNavHoursButton > .desktop-nav-hours-label:not([data-i18n])::before {
    content: ""; flex: 0 0 7px; width: 7px; height: 7px; border-radius: 50%;
    background: currentColor; box-shadow: 0 0 6px currentColor;
  }
  body[data-layout="desktop"] #desktopInfoBar #desktopNavHoursButton:not(.is-currently-closed) > .desktop-nav-hours-label:not([data-i18n])::before {
    animation: desktop-sign-lamp 2.4s ease-in-out infinite;
  }
  @keyframes desktop-sign-lamp { 0%, 100% { opacity: 1; } 50% { opacity: .45; } }
  @media (prefers-reduced-motion: reduce) {
    body[data-layout="desktop"] #desktopInfoBar #desktopNavHoursButton > .desktop-nav-hours-label::before { animation: none !important; }
  }
}

/* Scroll with the toolbar. Its inner navbar starts at 40px and excludes the
   370px basket reserve plus 80px padding; percentages retain scrollbar sizing. */
@media (min-width: 1367px) {
  body[data-layout="desktop"][data-desktop-basket="true"] #homeBtn {
    position: absolute;
    /* The 1px toolbar bottom border centers its 72px navbar half a pixel up. */
    top: .5px;
    left: max(40px, calc((100% - 1160px) / 2));
  }
}