/* ═══════════════════════════════════════════════════════
   Bridge: lets manage-teams.css (built against styles.css
   tokens) run inside the Shopping chrome (shopping-styles.css
   tokens). Scoped to .mts-shell so nothing leaks globally.
   ═══════════════════════════════════════════════════════ */

.mts-shell {
  --blue: var(--navy);
  --line-strong: var(--line-s);
  --danger: #c92525;
  --shadow-card: var(--sh);
}

/* ShopNav is sticky (occupies flow), not fixed — the old fixed nav
   offset baked into the header is no longer needed. */
.mts-shell .mts-hdr { padding-top: 0; }

/* Old page-local nav/footer are not used on this page. */
.mts-shell .mts-nav,
.mts-shell .mts-footer { display: none; }

/* ── Shared shopping footer (mirrors sp-footer pattern) ── */
.mts-shop-footer { background: var(--navy); padding: 30px 28px; }
.mts-shop-footer-in {
  max-width: 1360px; margin: 0 auto;
  display: flex; align-items: center; justify-content: space-between;
  gap: 20px; flex-wrap: wrap;
}
.mts-shop-footer-brand { display: flex; align-items: center; gap: 14px; }
.mts-shop-footer-brand img { height: 24px; width: auto; }
.mts-shop-footer-tag {
  font-size: 10.5px; font-weight: 700; letter-spacing: .18em;
  text-transform: uppercase; color: rgba(242,228,177,.3);
}
.mts-shop-footer-links { display: flex; gap: 22px; flex-wrap: wrap; }
.mts-shop-footer-links a {
  font-size: 12px; color: rgba(242,228,177,.35); text-decoration: none; transition: color .15s;
}
.mts-shop-footer-links a:hover { color: rgba(242,228,177,.72); }
.mts-shop-footer-copy { font-size: 11.5px; color: rgba(242,228,177,.22); width: 100%; text-align: center; margin-top: 14px; }

@media (max-width: 600px) {
  .mts-shop-footer-in { flex-direction: column; align-items: flex-start; gap: 14px; }
}