/* Find Us — tab switcher (ported from the design styles.css). The dl-*, so-*,
   news-* families are already global in pd-assets/styles.css. */

.fu-tabs-wrap {
  background: #f7f6f3;
  padding: 28px 7vw 32px;
  display: flex;
  justify-content: center;
}
.fu-tabs {
  display: inline-flex;
  gap: 6px;
  padding: 5px;
  background: #ece9e2;
  border-radius: 999px;
}
.fu-tab {
  padding: 11px 22px;
  border: none;
  background: none;
  cursor: pointer;
  border-radius: 999px;
  font-size: 13.5px;
  font-weight: 500;
  color: #444d61; /* AA on the #ece9e2 tab bar (var(--ink-soft) fell just short) */
  white-space: nowrap;
  transition: background .2s ease, color .2s ease;
}
.fu-tab.active { background: var(--ink); color: #fff; }
.fu-tab:hover:not(.active) { color: var(--ink); }

@media (max-width: 768px) {
  .fu-tabs-wrap { padding: 20px 20px 0; }
  .fu-tabs { width: 100%; }
  .fu-tab { flex: 1; text-align: center; padding: 11px 12px; }
}

/* Tab panels don't reliably trip the scroll-reveal observer, so panel content
   (e.g. the Shop Online cards) must be visible immediately — not only on hover. */
[data-find-us-tabs-target] .reveal { opacity: 1 !important; transform: none !important; }

/* Sticky region tabs (same behaviour as the standalone locator page) */
body .dl-tabs-wrap { top: var(--acc-top, 120px); transition: top .35s cubic-bezier(.22,.61,.36,1); }
body.nav-hidden .dl-tabs-wrap { top: 0; }