/** All Stores directory. */
.dzh-store-directory { padding-bottom: 20px; }
.dzh-directory-hero { padding: clamp(28px, 5vw, 52px); border: 1px solid var(--dzh-border); border-radius: var(--radius-panel); background: #fff; box-shadow: var(--shadow-small); text-align: center; }
.dzh-directory-hero h1 { margin-bottom: 10px; }
.dzh-directory-hero > p:not(.dzh-eyebrow) { max-width: 720px; margin: 0 auto 22px; color: var(--dzh-muted); }
.dzh-directory-search-form { max-width: 720px; margin-inline: auto; }
.dzh-directory-popular { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px 13px; margin-top: 16px; color: var(--dzh-muted); font-size: 12px; }
.dzh-directory-popular span { font-weight: 750; }
.dzh-directory-popular a { color: var(--dzh-blue-dark); font-weight: 700; text-decoration: none; }

.dzh-directory-controls { margin: 28px 0 20px; padding: 18px; border: 1px solid var(--dzh-border); border-radius: var(--radius-card); background: #fff; }
.dzh-directory-controls__heading { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-bottom: 12px; }
.dzh-directory-controls__heading h2 { margin: 0; font-size: 18px; }
.store-directory-letters-shell { position: relative; min-width: 0; }
.store-directory-letters-shell::after {
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  bottom: 8px;
  width: 42px;
  pointer-events: none;
  background: linear-gradient(90deg, rgba(255,255,255,0), #fff 76%);
  opacity: 0;
  transition: opacity var(--transition-fast);
}
.store-directory-letters-shell.has-overflow:not(.is-scroll-end)::after { opacity: 1; }
.store-directory-letters { display: flex; flex-wrap: nowrap; gap: 7px; max-width: 100%; overflow-x: auto; overflow-y: hidden; padding: 2px 1px 8px; scroll-padding-inline: 1px; scrollbar-width: thin; -webkit-overflow-scrolling: touch; }
.store-directory-letters:focus-visible { outline: 3px solid rgba(26,115,232,.28); outline-offset: 3px; }
.store-letter-chip { flex: 0 0 auto; min-width: 44px; min-height: 44px; padding-inline: 10px; }
.dzh-directory-regions { position: relative; }
.dzh-directory-regions summary { cursor: pointer; color: var(--dzh-blue); font-size: 13px; font-weight: 750; }
.dzh-directory-regions > div { position: absolute; top: calc(100% + 8px); right: 0; z-index: 20; display: flex; flex-wrap: wrap; width: min(360px, calc(100vw - 48px)); gap: 7px; padding: 12px; border: 1px solid var(--dzh-border); border-radius: var(--radius-card); background: #fff; box-shadow: var(--shadow-card); }
.dzh-directory-regions a { padding: 6px 9px; border-radius: 999px; background: #f5f7fb; color: var(--dzh-muted); font-size: 12px; text-decoration: none; }
.dzh-directory-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }

/* v3.16.0: unavailable A-Z initials are semantic, non-clickable text. */
.store-letter-chip.is-disabled {
  opacity: .35;
  cursor: not-allowed;
  pointer-events: none;
}