/* Beriz-scoped CSS (Beri's Zurzi Metzg "Marktstand" theme). Three concerns:

   1. The awning stripe — the storefront's blue awning as a brand ribbon,
      straight under the footer rule and with a scalloped lower edge under
      the nav (CSS mask; gradients alone can't cut the half-circles).

   2. Anchor scroll offset for the ~64px sticky nav + 22px ribbon.

   3. Card hover lift, disabled under prefers-reduced-motion. */
.beriz-awning {
  height: 14px;
  background: repeating-linear-gradient(90deg, #2563A8 0 42px, #FFFFFF 42px 84px);
  border-bottom: 1px solid rgba(37, 48, 59, 0.12);
}
.beriz-awning-scallop {
  height: 22px;
  border-bottom: 0;
  -webkit-mask: radial-gradient(circle 14px at 21px 0, #000 98%, transparent) 0 8px / 42px 22px repeat-x,
                linear-gradient(#000 0 8px, transparent 8px);
          mask: radial-gradient(circle 14px at 21px 0, #000 98%, transparent) 0 8px / 42px 22px repeat-x,
                linear-gradient(#000 0 8px, transparent 8px);
}

.beriz-theme #theke,
.beriz-theme #about,
.beriz-theme #catering,
.beriz-theme #contact {
  scroll-margin-top: 96px;
}

.beriz-card {
  transition: transform 200ms ease, box-shadow 200ms ease;
}
.beriz-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 24px 50px -28px rgba(27, 75, 130, 0.4);
}
@media (prefers-reduced-motion: reduce) {
  .beriz-card, .beriz-card:hover { transform: none; }
}