/* BALOKA V26 — storefront polish only; operational features remain unchanged. */
:root { --bl26-navy: #123652; --bl26-gold: #c68b41; --bl26-ivory: #fffaf5; }
html body #menu .bl26-card-visual {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;
  background: #f0e2d0 !important;
  min-height: 145px !important;
  height: clamp(155px, 15vw, 210px) !important;
}
html body #menu .bl26-card-cover {
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 20 !important;
  overflow: hidden !important;
  background: #f3e5d3;
  pointer-events: none !important;
}
html body #menu .bl26-crop {
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  width: 100%;
  height: 100%;
  background-color: #e7ceb5;
  background-image: url('/baloka-banner-final.webp');
  background-repeat: no-repeat;
  background-size: 580% auto;
  background-position: var(--bl26-focus, 48% 70%);
  transform: scale(1.015);
  filter: saturate(1.06) contrast(1.01);
}
html body #menu .bl26-card-cover:after {
  content: '';
  position: absolute;
  inset: 45% 0 0;
  background: linear-gradient(0deg, rgba(22, 28, 31, .50), rgba(22, 28, 31, 0));
  pointer-events: none;
}
html body #menu .bl26-card-cover .bl26-caption {
  position: absolute;
  z-index: 2;
  bottom: 10px;
  left: 11px;
  right: 11px;
  color: #fff;
  text-transform: uppercase;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 1.1px;
  text-shadow: 0 1px 7px rgba(0,0,0,.3);
}
html body #menu article.bl26-photo-card {
  overflow: hidden !important;
  border: 1px solid #e7d8c8 !important;
  border-radius: 18px !important;
  box-shadow: 0 7px 19px rgba(23, 46, 61, .07) !important;
  transition: transform .16s ease, box-shadow .16s ease;
}
html body #menu article.bl26-photo-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 26px rgba(23,46,61,.11) !important;
}
html body #menu .bl26-photo-note {
  background: #fff8ed;
  border-left: 3px solid #c58a40;
  color: #526172;
  border-radius: 0 9px 9px 0;
  padding: 9px 12px;
  margin-top: 12px;
  font-size: 12px;
  line-height: 1.5;
  max-width: 700px;
}
html body #menu .bl26-photo-note b { color: #103657; }
@media(max-width:720px) {
  html body main section#menu.section { margin-top: 0 !important; padding-top: 16px !important; }
  html body main #menu .wrap { padding-top: 0 !important; }
  html body main #menu .eyebrow { margin-top: 0 !important; margin-bottom: 5px !important; }
  html body main #menu h2 { margin-top: 4px !important; margin-bottom: 9px !important; }
  html body main #menu p.sub { margin: 9px 0 15px !important; line-height: 1.45 !important; }
  html body main #menu .bl-catalog,
  html body main #menu .cards,
  html body main #menu .catalog-grid { margin-top: 12px !important; }
  html body #menu .bl26-card-visual { height: clamp(148px, 28vw, 182px) !important; min-height: 130px !important; }
  html body #menu .bl26-card-cover .bl26-caption { bottom: 8px; left: 9px; font-size: 8px; letter-spacing: .7px; }
  html body .stickyorder { display: none !important; }
}
@media (prefers-reduced-motion: reduce) {
  html body #menu article.bl26-photo-card { transition: none !important; }
}