/* Scoped to the tracking screen; the catalogue and basket keep their own layout. */
.zmg-tracking-page { background: #f7f7f1; padding: 16px 0 36px; }
.zmg-tracking-page-inner { max-width: 1080px; margin: 0 auto; padding: 0 24px; }
.zmg-tracking-breadcrumb { display: flex; align-items: center; gap: 9px; padding: 0 20px; font: 400 11px/1.5 'DM Sans', sans-serif; color: #839077; }
.zmg-tracking-breadcrumb a { color: #647658; text-decoration: none; min-height: 36px; display: inline-flex; align-items: center; }
.zmg-tracking-breadcrumb [aria-current] { color: #36513a; }
.zmg-tracking-embed { max-width: 1000px; margin: 0 auto; }
.zmg-tracking-embed iframe { display: block; width: 100%; height: 650px; border: 0; background: #f7f7f1; max-width: 100%; }
.zmg-tracking-fallback { margin: 8px 20px 0; font: 400 11px/1.8 'DM Sans', sans-serif; color: #7c8872; text-align: center; }
.zmg-tracking-fallback a { color: #506e44; text-decoration: underline; text-underline-offset: 3px; }
.zmg-tracking-tools { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 10px; max-width: 620px; margin: 22px auto 0; padding-top: 18px; border-top: 1px solid #e0e5da; }
.zmg-tracking-tools:empty { display: none; }
/* These controls are moved here, with their existing click handlers intact. */
.zmg-tracking-context .zmg-basket-launch,
.zmg-tracking-context #zm-garden-chat-launcher {
  position: static; inset: auto; z-index: auto; display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  min-height: 44px; max-width: 100%; margin: 0; border: 1px solid #d6dfcb; border-radius: 9px;
  padding: 10px 14px; background: #fff; color: #3f5c35; box-shadow: none;
  font: 600 12px/1.4 'DM Sans', sans-serif; letter-spacing: 0; transform: none;
}
.zmg-tracking-context .zmg-basket-launch:hover,
.zmg-tracking-context #zm-garden-chat-launcher:hover { background: #edf3e5; transform: none; }
.zmg-tracking-context .zmg-basket-launch span { background: #edf2e3; color: #536e3d; font-size: 10px; min-width: 21px; height: 21px; }
.zmg-tracking-context #zm-garden-chat-frame { bottom: calc(84px + env(safe-area-inset-bottom, 0px)); max-height: calc(100dvh - 120px - env(safe-area-inset-bottom, 0px)); }
.zmg-tracking-context #mobile-bottom-nav { background: #fffffff5 !important; border-top-color: #dfe5d7 !important; box-shadow: 0 -4px 22px #1d381008 !important; backdrop-filter: blur(12px); }
.zmg-tracking-context :is(.zmg-tracking-tools button, .zmg-tracking-breadcrumb a, .zmg-tracking-fallback a):focus-visible { outline: 3px solid #879e5e; outline-offset: 4px; }
@media (max-width: 640px) {
  .zmg-tracking-page { padding: 8px 0 28px; }
  .zmg-tracking-page-inner { padding: 0; }
  .zmg-tracking-breadcrumb { padding: 0 20px; font-size: 10px; }
  .zmg-tracking-embed iframe { height: 650px; }
  .zmg-tracking-fallback { margin-inline: 24px; font-size: 10px; }
  .zmg-tracking-tools { margin: 20px 24px 0; }
  .zmg-tracking-context #zm-garden-chat-frame { right: 10px; width: calc(100vw - 20px); }
}