/* =========================================================
   ALL NAIJA MARKET — MARKET SECTIONS & LINES
   ---------------------------------------------------------
   Scoped compatibility layer for style.css – style4.css.
   Nothing outside .anm-market-directory is changed.
========================================================= */

.anm-market-directory {
  --anm-bg: #0f172a;
  --anm-surface: #0b1220;
  --anm-surface-deep: #020617;
  --anm-surface-soft: #111827;
  --anm-border: #1e293b;
  --anm-border-strong: #334155;
  --anm-text: #f8fafc;
  --anm-text-soft: #cbd5e1;
  --anm-muted: #94a3b8;
  --anm-green: #10b981;
  --anm-green-dark: #059669;
  --anm-green-deep: #047857;
  --anm-gold: #ffd600;
  --anm-gold-dark: #ffb300;
  --anm-blue: #60a5fa;
  --anm-danger: #ef4444;
  --anm-shadow: 0 18px 45px rgba(0, 0, 0, .28);
  --anm-radius-lg: 22px;
  --anm-radius-md: 16px;
  --anm-radius-sm: 10px;

  width: min(100%, 1440px);
  margin: 0 auto;
  padding: 0 12px 90px;
  color: var(--anm-text);
  line-height: 1.6;
  isolation: isolate;
}

.anm-market-directory,
.anm-market-directory * {
  box-sizing: border-box;
}

.anm-market-directory a,
.anm-market-directory button {
  -webkit-tap-highlight-color: rgba(16, 185, 129, .28);
}

/* HERO */
.anm-market-directory .market-directory-hero {
  position: relative;
  min-height: clamp(300px, 44vw, 520px);
  margin: 12px auto 28px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.10);
  border-radius: var(--anm-radius-lg);
  background-image:
    linear-gradient(180deg, rgba(2,6,23,.10), rgba(2,6,23,.92)),
    var(--market-cover);
  background-position: center;
  background-size: cover;
  box-shadow: var(--anm-shadow);
}

.anm-market-directory .market-directory-hero::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 44%;
  pointer-events: none;
  background: linear-gradient(180deg, transparent, rgba(2,6,23,.90));
}

.anm-market-directory .market-directory-hero__overlay {
  position: relative;
  z-index: 1;
  min-height: inherit;
  padding: clamp(28px, 6vw, 72px) clamp(18px, 6vw, 80px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  background: radial-gradient(circle at center, rgba(15,23,42,.18), rgba(2,6,23,.58));
}

.anm-market-directory .market-directory-hero h1,
.anm-market-directory .market-directory-banner h1 {
  max-width: 1000px;
  margin: 8px auto;
  color: #fff;
  font-size: clamp(2rem, 6vw, 4.4rem);
  line-height: 1.08;
  letter-spacing: -.03em;
  text-shadow: 0 5px 22px rgba(0,0,0,.92);
}

.anm-market-directory .market-directory-hero p {
  max-width: 760px;
  margin: 5px auto 0;
  color: #f1f5f9;
  font-size: clamp(1rem, 2vw, 1.2rem);
  font-weight: 600;
  text-shadow: 0 2px 12px rgba(0,0,0,.95);
}

.anm-market-directory .market-directory-hero__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  margin-top: 24px;
}

/* KICKERS / HEADINGS */
.anm-market-directory .market-directory-kicker {
  display: inline-block;
  color: #6ee7b7;
  font-size: .78rem;
  font-weight: 900;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.anm-market-directory .market-directory-heading {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 20px;
}

.anm-market-directory .market-directory-map-callout,
.anm-market-directory .market-directory-banner,
.anm-market-directory .market-directory-heading {
  text-align: center;
}
    
.anm-market-directory .market-directory-heading h2,
.anm-market-directory .market-directory-map-callout h2 {
  margin: 4px 0 6px;
  color: var(--anm-text);
  font-size: clamp(1.55rem, 4vw, 2.35rem);
  line-height: 1.18;
}

.anm-market-directory .market-directory-heading p,
.anm-market-directory .market-directory-map-callout p,
.anm-market-directory .market-directory-banner p {
  max-width: 760px;
  margin: 0 auto;
  color: var(--anm-text-soft);
  font-size: clamp(.94rem, 2vw, 1.05rem);
}

.anm-market-directory .market-directory-total {
  flex: 0 0 auto;
  padding: 8px 13px;
  border: 1px solid rgba(16,185,129,.45);
  border-radius: 999px;
  background: rgba(16,185,129,.10);
  color: #a7f3d0;
  font-weight: 800;
  white-space: nowrap;
}

/* SECTION WRAPPERS */
.anm-market-directory .market-directory-section {
  margin: 0 auto 32px;
  padding: clamp(18px, 3vw, 30px);
  border: 1px solid var(--anm-border);
  border-radius: var(--anm-radius-lg);
  background: linear-gradient(145deg, rgba(11,18,32,.98), rgba(2,6,23,.98));
  box-shadow: 0 12px 34px rgba(0,0,0,.18);
}

/* ENTRANCE DIRECTORY BOARD */
.anm-market-directory .market-directory-board {
  margin: 18px 0 26px;
  overflow: hidden;
  border: 1px solid rgba(255,214,0,.38);
  border-radius: var(--anm-radius-md);
  background: linear-gradient(160deg, #111827, #020617);
  box-shadow: inset 0 0 30px rgba(255,214,0,.035);
}

.anm-market-directory .market-directory-board__title {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 15px 18px;
  border-bottom: 1px solid rgba(255,214,0,.28);
  background: rgba(255,214,0,.08);
  color: #fde68a;
  font-size: clamp(1rem, 2.4vw, 1.25rem);
  text-align: center;
}

.anm-market-directory .market-directory-board__row {
  display: flex;
  align-items: baseline;
  gap: 10px;
  min-height: 52px;
  padding: 13px 16px;
  border-bottom: 1px solid rgba(148,163,184,.14);
  color: var(--anm-text);
  text-decoration: none;
  transition: background .22s ease, color .22s ease, padding-left .22s ease;
}

.anm-market-directory .market-directory-board__row:last-child { border-bottom: 0; }

.anm-market-directory .market-directory-board__row:hover,
.anm-market-directory .market-directory-board__row:focus-visible {
  padding-left: 21px;
  background: rgba(16,185,129,.10);
  color: #d1fae5;
}

.anm-market-directory .market-directory-board__row > span:first-child {
  font-weight: 750;
}

.anm-market-directory .market-directory-board__row strong {
  color: #fde68a;
  font-size: .9rem;
  white-space: nowrap;
}

.anm-market-directory .market-directory-board__dots {
  min-width: 20px;
  flex: 1;
  border-bottom: 2px dotted #475569;
  transform: translateY(-3px);
}

/* GRID & CARDS */
.anm-market-directory .market-directory-grid,
.anm-market-directory .market-directory-shop-grid {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 18px;
}

.anm-market-directory .market-directory-card,
.anm-market-directory .market-directory-shop-card {
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--anm-border);
  border-radius: var(--anm-radius-md);
  background: var(--anm-surface);
  box-shadow: 0 8px 24px rgba(0,0,0,.22);
  transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}

.anm-market-directory .market-directory-card:hover,
.anm-market-directory .market-directory-shop-card:hover {
  transform: translateY(-6px);
  border-color: var(--anm-green);
  box-shadow: 0 16px 36px rgba(16,185,129,.16);
}

.anm-market-directory .market-directory-card__image,
.anm-market-directory .market-directory-shop-card__image {
  position: relative;
  display: block;
  overflow: hidden;
  background: #1e293b;
  aspect-ratio: 16 / 10;
}

.anm-market-directory .market-directory-card__image img,
.anm-market-directory .market-directory-shop-card__image img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition: transform .35s ease, filter .35s ease;
}

.anm-market-directory .market-directory-card:hover img,
.anm-market-directory .market-directory-shop-card:hover img {
  transform: scale(1.045);
  filter: contrast(1.04) saturate(1.05);
}

.anm-market-directory .market-directory-card__status {
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  padding: 7px 10px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 9px;
  background: rgba(2,6,23,.86);
  color: #f8fafc;
  font-size: .78rem;
  font-weight: 800;
  text-align: center;
  backdrop-filter: blur(8px);
}

.anm-market-directory .market-directory-card__body,
.anm-market-directory .market-directory-shop-card__body {
  padding: 16px;
}

.anm-market-directory .market-directory-card h3,
.anm-market-directory .market-directory-shop-card h3 {
  margin: 0 0 11px;
  color: var(--anm-text);
  font-size: clamp(1.08rem, 2.5vw, 1.28rem);
  line-height: 1.28;
  overflow-wrap: anywhere;
}

.anm-market-directory .market-directory-metrics {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin-bottom: 15px;
}

.anm-market-directory .market-directory-metrics--single {
  grid-template-columns: 1fr;
}

.anm-market-directory .market-directory-metrics span {
  min-width: 0;
  padding: 9px 10px;
  border: 1px solid var(--anm-border);
  border-radius: 9px;
  background: var(--anm-surface-deep);
  color: var(--anm-text-soft);
  font-size: .82rem;
  line-height: 1.35;
  text-align: center;
}

.anm-market-directory .market-directory-metrics strong {
  display: block;
  color: #6ee7b7;
  font-size: 1.04rem;
}

/* BUTTONS: gold primary mirrors style.css; green hover mirrors style2.css */
.anm-market-directory .market-directory-button {
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 10px 16px;
  border: 1px solid transparent;
  border-radius: 9px;
  font: inherit;
  font-size: .9rem;
  font-weight: 850;
  line-height: 1.2;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  transition: transform .2s ease, background .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.anm-market-directory .market-directory-button--primary {
  width: 100%;
  background: var(--anm-gold);
  color: #020617;
  box-shadow: 0 7px 18px rgba(255,214,0,.14);
}

.anm-market-directory .market-directory-button--primary:hover {
  background: var(--anm-gold-dark);
  transform: translateY(-2px);
}

.anm-market-directory .market-directory-button--light {
  border-color: rgba(255,255,255,.34);
  background: rgba(2,6,23,.65);
  color: #fff;
  box-shadow: 0 7px 18px rgba(0,0,0,.23);
  backdrop-filter: blur(10px);
}

.anm-market-directory .market-directory-button--light:hover {
  border-color: #6ee7b7;
  background: rgba(5,150,105,.90);
  transform: translateY(-2px);
}

.anm-market-directory .market-directory-button:focus-visible,
.anm-market-directory .market-directory-board__row:focus-visible,
.anm-market-directory .market-directory-card__image:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px rgba(16,185,129,.95), 0 0 0 5px rgba(16,185,129,.20);
}

.anm-market-directory .market-directory-button:active { transform: scale(.97); }
.anm-market-directory .market-directory-button:disabled { opacity: .62; cursor: wait; }

/* CATEGORY/LINES PAGE BANNER */
.anm-market-directory .market-directory-banner {
  position: relative;
  min-height: 230px;
  margin: 12px 10px 20px;
  overflow: hidden;
  border: 1px solid var(--anm-border);
  border-radius: var(--anm-radius-lg);
  background:
    linear-gradient(135deg, rgba(6,95,70,.82), rgba(2,6,23,.95)),
    var(--market-cover);
  background-position: center;
  background-size: cover;
  box-shadow: var(--anm-shadow);
  text-align: center;
  padding-top: 10px;
}

.anm-market-directory .market-directory-banner__overlay {
  min-height: inherit;
  padding: clamp(26px, 5vw, 56px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.anm-market-directory .market-directory-banner h1 {
  font-size: clamp(1.8rem, 5vw, 3.25rem);
  text-align: center;
}

/* BREADCRUMB */
.anm-market-directory .market-directory-breadcrumb {
  display: flex;
  align-items: center;
  gap: 7px;
  margin: 0 0 18px;
  padding: 10px 13px;
  overflow-x: auto;
  border: 1px solid var(--anm-border);
  border-radius: 10px;
  background: var(--anm-surface-deep);
  color: var(--anm-muted);
  font-size: .84rem;
  white-space: nowrap;
  scrollbar-width: thin;
}

.anm-market-directory .market-directory-breadcrumb a {
  color: #a7f3d0;
  font-weight: 750;
  text-decoration: none;
}

.anm-market-directory .market-directory-breadcrumb a:hover { color: #fde68a; }

/* SHOP CARDS */
.anm-market-directory .market-directory-shop-card {
  position: relative;
}

.anm-market-directory .market-directory-shop-card--premium {
  border: 2px solid #fbbf24;
  background: linear-gradient(180deg, rgba(255,215,0,.08), #0b1220 42%);
  box-shadow: 0 12px 32px rgba(255,215,0,.16);
}

.anm-market-directory .market-directory-shop-card--verified {
  box-shadow: 0 12px 30px rgba(59,130,246,.14);
}

.anm-market-directory .market-directory-shop-card__badge {
  position: absolute;
  z-index: 3;
  top: 9px;
  padding: 5px 8px;
  border-radius: 8px;
  font-size: .7rem;
  font-weight: 900;
  line-height: 1.1;
  box-shadow: 0 5px 14px rgba(0,0,0,.28);
}

.anm-market-directory .market-directory-shop-card__badge--premium {
  left: 9px;
  background: linear-gradient(135deg, #f59e0b, #fbbf24);
  color: #111827;
}

.anm-market-directory .market-directory-shop-card__badge--verified {
  right: 9px;
  background: linear-gradient(135deg, #60a5fa, #3b82f6);
  color: #020617;
}

.anm-market-directory .market-directory-shop-card__category,
.anm-market-directory .market-directory-shop-card__location,
.anm-market-directory .market-directory-shop-card__rating {
  margin: 5px 0;
  color: var(--anm-text-soft);
  font-size: .88rem;
  overflow-wrap: anywhere;
}

.anm-market-directory .market-directory-shop-card__rating { color: #fbbf24; }
.anm-market-directory .market-directory-shop-card__rating span { color: var(--anm-muted); }

/* EMPTY STATE */
.anm-market-directory .market-directory-empty {
  padding: clamp(28px, 6vw, 56px) 18px;
  border: 1px dashed #475569;
  border-radius: var(--anm-radius-md);
  background: rgba(2,6,23,.55);
  text-align: center;
}

.anm-market-directory .market-directory-empty > span {
  display: block;
  margin-bottom: 8px;
  font-size: 2.6rem;
}

.anm-market-directory .market-directory-empty h3 {
  margin: 0 0 7px;
  color: var(--anm-text);
  font-size: 1.25rem;
}

.anm-market-directory .market-directory-empty p {
  max-width: 650px;
  margin: 0 auto 18px;
  color: var(--anm-text-soft);
}

/* MAP CALLOUT */
.anm-market-directory .market-directory-map-callout {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin: 0 auto 30px;
  padding: clamp(20px, 4vw, 34px);
  border: 1px solid rgba(16,185,129,.38);
  border-radius: var(--anm-radius-lg);
  background: linear-gradient(135deg, rgba(6,95,70,.42), rgba(2,6,23,.98));
  box-shadow: 0 12px 30px rgba(0,0,0,.20);
}

.anm-market-directory .market-directory-map-callout .market-directory-button {
  width: auto;
  min-width: 150px;
}

/* TOAST */
.market-directory-toast {
  position: fixed;
  z-index: 100000;
  top: 20px;
  left: 50%;
  width: min(calc(100% - 28px), 430px);
  padding: 13px 16px;
  transform: translateX(-50%);
  border: 1px solid rgba(16,185,129,.50);
  border-radius: 10px;
  background: #020617;
  color: #f8fafc;
  box-shadow: 0 12px 30px rgba(0,0,0,.38);
  font-weight: 750;
  text-align: center;
  animation: marketToastIn .24s ease;
}

@keyframes marketToastIn {
  from { opacity: 0; transform: translate(-50%, -14px); }
  to { opacity: 1; transform: translate(-50%, 0); }
}

/* TABLET */
@media (min-width: 600px) {
  .anm-market-directory { padding-inline: 18px; }

  .anm-market-directory .market-directory-grid,
  .anm-market-directory .market-directory-shop-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* DESKTOP */
@media (min-width: 992px) {
  .anm-market-directory { padding-inline: 30px; }

  .anm-market-directory .market-directory-grid,
  .anm-market-directory .market-directory-shop-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
  }

  .anm-market-directory .market-directory-card__body,
  .anm-market-directory .market-directory-shop-card__body {
    padding: 18px;
  }
}

/* VERY WIDE */
@media (min-width: 1320px) {
  .anm-market-directory .market-directory-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

/* MOBILE READABILITY */
@media (max-width: 599px) {
  .anm-market-directory { padding-inline: 8px; }

  .anm-market-directory .market-directory-hero {
    min-height: 360px;
    margin-top: 8px;
    border-radius: 16px;
  }

  .anm-market-directory .market-directory-hero__overlay { padding: 26px 14px; }
  .anm-market-directory .market-directory-hero__actions { width: 100%; }
  .anm-market-directory .market-directory-hero__actions .market-directory-button { flex: 1 1 135px; }

  .anm-market-directory .market-directory-heading {
    align-items: flex-start;
    flex-direction: column;
  }

  .anm-market-directory .market-directory-section { padding: 15px; border-radius: 16px; }

  .anm-market-directory .market-directory-board__row {
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 4px 8px;
  }

  .anm-market-directory .market-directory-board__dots { display: none; }
  .anm-market-directory .market-directory-board__row strong { width: 100%; white-space: normal; color: #fde68a; }

  .anm-market-directory .market-directory-map-callout {
    align-items: stretch;
    flex-direction: column;
  }

  .anm-market-directory .market-directory-map-callout .market-directory-button { width: 100%; }
}

/* ACCESSIBILITY */
@media (prefers-reduced-motion: reduce) {
  .anm-market-directory *,
  .anm-market-directory *::before,
  .anm-market-directory *::after,
  .market-directory-toast {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}

@media (prefers-contrast: more) {
  .anm-market-directory {
    --anm-border: #64748b;
    --anm-text-soft: #e2e8f0;
    --anm-muted: #cbd5e1;
  }

  .anm-market-directory .market-directory-card,
  .anm-market-directory .market-directory-shop-card,
  .anm-market-directory .market-directory-section {
    border-width: 2px;
  }
}


/* =========================================================
   ANMIS — ALL NAIJA MARKET ICON SYSTEM
   Scoped to market directory pages; respects style.css–style4.css.
========================================================= */
.anm-market-directory .anmis-symbol{display:inline-grid;place-items:center;width:3rem;height:3rem;border-radius:22%;color:var(--anmis-accent,#10b981);background:color-mix(in srgb,var(--anmis-accent,#10b981) 14%,#0b1220);border:1px solid color-mix(in srgb,var(--anmis-accent,#10b981) 45%,transparent);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 30px color-mix(in srgb,var(--anmis-accent,#10b981) 18%,transparent)}
.anm-market-directory .anmis-symbol svg{width:58%;height:58%;display:block}
.anm-market-directory .anmis-symbol--tiny{width:2rem;height:2rem;border-radius:10px;flex:0 0 auto}
.anm-market-directory .anmis-symbol--small{width:2.4rem;height:2.4rem}
.anm-market-directory .anmis-symbol--large{width:7rem;height:7rem;border-radius:28px;color:#fff;background:linear-gradient(145deg,color-mix(in srgb,var(--anmis-accent) 88%,white),color-mix(in srgb,var(--anmis-accent) 72%,#020617));border-color:rgba(255,255,255,.22);box-shadow:0 18px 45px color-mix(in srgb,var(--anmis-accent) 32%,transparent)}
.anm-market-directory .anmis-symbol--hero{width:6.5rem;height:6.5rem;color:#fff;background:linear-gradient(145deg,color-mix(in srgb,var(--anmis-accent) 85%,white),color-mix(in srgb,var(--anmis-accent) 65%,#020617));border-color:rgba(255,255,255,.3);flex:0 0 auto}
.anm-market-directory .anmis-icon-card{position:relative;isolation:isolate;overflow:hidden;border-top:3px solid var(--anmis-accent)}
.anm-market-directory .anmis-icon-card::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 10%,color-mix(in srgb,var(--anmis-accent) 16%,transparent),transparent 48%);z-index:-1;pointer-events:none}
.anm-market-directory .anmis-icon-stage{min-height:205px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;text-decoration:none;padding:24px 18px 16px;background:linear-gradient(180deg,color-mix(in srgb,var(--anmis-accent) 10%,#0b1220),#0b1220);position:relative}
.anm-market-directory .anmis-icon-stage:hover .anmis-symbol--large{transform:translateY(-4px) scale(1.04)}
.anm-market-directory .anmis-symbol--large{transition:transform .25s ease}
.anm-market-directory .anmis-level-label{text-transform:uppercase;letter-spacing:.13em;font-size:.73rem;font-weight:900;color:color-mix(in srgb,var(--anmis-accent) 65%,white)}
.anm-market-directory .market-directory-card__status{position:static;transform:none;margin-top:2px;background:#172033;color:#f8fafc;border:1px solid #334155;border-radius:999px;padding:5px 10px;font-size:.72rem;font-weight:800}
.anm-market-directory .market-directory-board__row{border-left:3px solid transparent}
.anm-market-directory .market-directory-board__row:hover{border-left-color:var(--anmis-accent);background:color-mix(in srgb,var(--anmis-accent) 8%,#0b1220)}
.anm-market-directory .market-directory-board__row>.anmis-symbol{margin-right:10px}
.anm-market-directory .anmis-banner{background:linear-gradient(120deg,color-mix(in srgb,var(--anmis-accent) 17%,#020617),#0b1220 60%);border-top:3px solid var(--anmis-accent)}
.anm-market-directory .anmis-search-panel{max-width:760px;margin:0 auto 24px;padding:18px;border:1px solid #1e293b;border-radius:16px;background:#0b1220;box-shadow:0 12px 30px rgba(0,0,0,.18)}
.anm-market-directory .anmis-search-panel label{display:block;color:#f8fafc;font-size:.9rem;font-weight:800;margin-bottom:8px}
.anm-market-directory .anmis-search-control{display:flex;align-items:center;gap:10px;border:1px solid #334155;border-radius:12px;background:#020617;padding:0 14px;transition:border-color .2s,box-shadow .2s}
.anm-market-directory .anmis-search-control:focus-within{border-color:#10b981;box-shadow:0 0 0 3px rgba(16,185,129,.16)}
.anm-market-directory .anmis-search-control>span{font-size:1.4rem;color:#94a3b8}
.anm-market-directory .anmis-search-control input{width:100%;border:0;outline:0;background:transparent;color:#f8fafc;padding:14px 0;font-size:1rem;user-select:text;-webkit-user-select:text}
.anm-market-directory .anmis-search-control input::placeholder{color:#64748b}
.anm-market-directory .anmis-search-panel small{display:block;margin-top:7px;color:#94a3b8;font-weight:700}
.anm-market-directory .anmis-filter-empty{margin:0 auto 24px;max-width:760px;text-align:center;padding:18px;border:1px dashed #475569;border-radius:14px;color:#cbd5e1;background:#0b1220}
.anm-market-directory [hidden]{display:none!important}
@media(max-width:600px){.anm-market-directory .anmis-symbol--large{width:5.6rem;height:5.6rem}.anm-market-directory .anmis-symbol--hero{width:4.7rem;height:4.7rem}.anm-market-directory .anmis-icon-stage{min-height:176px}.anm-market-directory .anmis-search-panel{padding:13px}.anm-market-directory .market-directory-board__row>.anmis-symbol{display:none}}
@media(prefers-reduced-motion:reduce){.anm-market-directory .anmis-symbol--large{transition:none}}


/* ============================================================
   ALLNAIJAMARKET — SAFE AUTOMATIC LIGHT / DARK MODE OVERRIDES
   Append-only compatibility layer. Existing selectors and states preserved.
============================================================ */
:root {
  color-scheme: light dark;
  --anm-auto-bg: #f5f7f6;
  --anm-auto-surface: #ffffff;
  --anm-auto-surface-2: #f8faf9;
  --anm-auto-text: #17211d;
  --anm-auto-muted: #66756e;
  --anm-auto-border: rgba(15, 75, 52, .14);
  --anm-auto-green: #087a52;
  --anm-auto-green-soft: #e8f7ef;
  --anm-auto-gold: #d7a900;
  --anm-auto-shadow: 0 12px 32px rgba(15, 23, 42, .09);
}

@media (prefers-color-scheme: dark) {
  :root {
    --anm-auto-bg: #07110d;
    --anm-auto-surface: #0d1914;
    --anm-auto-surface-2: #122019;
    --anm-auto-text: #f1f7f4;
    --anm-auto-muted: #a8b8b0;
    --anm-auto-border: rgba(180, 225, 203, .13);
    --anm-auto-green: #39d98a;
    --anm-auto-green-soft: rgba(34, 197, 94, .12);
    --anm-auto-gold: #f6cf3d;
    --anm-auto-shadow: 0 16px 40px rgba(0, 0, 0, .28);
  }
}

/* Generic surfaces are intentionally limited to common page components. */
@media (prefers-color-scheme: light) {
  .search-container, .card, .product-card, .promote-card, .shop-picker,
  .activate-container, .form-card, .pay-card, .upload-card,
  .nearby-summary, .slot-card, .popup-box, .modal-box {
    background: var(--anm-auto-surface);
    color: var(--anm-auto-text);
    border-color: var(--anm-auto-border);
    box-shadow: var(--anm-auto-shadow);
  }

  .markets-page-hero, .premium-section-title,
  .homepage-location-discovery, .anm-showcase-section,
  .anm-page-shortcuts, .anm-market-live-updates {
    color: var(--anm-auto-text);
  }

  .markets-page-hero {
    background: linear-gradient(135deg,#edf8f2,#f8faf9);
    border: 1px solid var(--anm-auto-border);
  }
  .markets-page-hero h1,
  .promote-header h2, .upload-hero h1,
  .premium-section-title, .product-info h1,
  .related-section h3, .saved-header h2 {
    color: var(--anm-auto-text);
  }
  .markets-page-hero p, .promote-header p, .upload-hero p,
  .saved-header p, .desc, .nearby-summary__message {
    color: var(--anm-auto-muted);
  }

  .marketSearch,
  .promote-form select, .promote-form input,
  .qty-wrapper, .price-box, .total-box,
  .upload-card input, .upload-card select, .upload-card textarea,
  .form-card input[type="email"], .form-card input[type="password"],
  .form-card input[type="phone"], .form-card input[type="text"],
  .activate-container input, .activate-container select {
    background: #fff;
    color: #17211d;
    border-color: #cfdad4;
  }

  .related-item, .image-box, .image-view,
  .main-image-container, .gallery-wrapper {
    background: #f3f7f5;
    border-color: var(--anm-auto-border);
  }
  .related-item h4 { color: var(--anm-auto-text); }

  .chat-list li { border-color: var(--anm-auto-border); }
  .chat-list a { color: var(--anm-auto-text); }
  .chat-list a:hover { background: #eef7f2; }
  .chat-list span, .time { color: var(--anm-auto-muted); }

  .saved-shops-wrapper .shop-card,
  .saved-shops-wrapper .empty-state {
    background: rgba(255,255,255,.9);
    border-color: var(--anm-auto-border);
    color: var(--anm-auto-text);
  }
  .saved-shops-wrapper .shop-body h3,
  .saved-shops-wrapper .shop-market,
  .saved-shops-wrapper .shop-description {
    color: var(--anm-auto-text);
  }
  .saved-shops-wrapper .saved-date { color: var(--anm-auto-muted); }
  .saved-shops-wrapper .shop-market { background: #edf5f1; }

  .homepage-location-discovery {
    background: linear-gradient(145deg,#fff,#eef8f2);
    border-color: rgba(8,122,82,.18);
    box-shadow: var(--anm-auto-shadow);
  }
  .homepage-location-discovery__summary-copy strong,
  .homepage-location-discovery__action h2,
  .nearby-summary__heading h3 { color: var(--anm-auto-text); }
  .homepage-location-discovery__summary-copy small,
  .homepage-location-discovery__action p,
  .nearby-summary__updated,
  .nearby-summary__nearest-label { color: var(--anm-auto-muted); }
  .nearby-summary, .nearby-summary__card { background: #fff; color: var(--anm-auto-text); }
  .nearby-summary__card--primary { background: linear-gradient(135deg,#e9f8ef,#fff); }

  .anm-home-shortcuts, .anm-page-shortcuts {
    background: linear-gradient(145deg,#fff,#edf8f2);
    border-color: var(--anm-auto-border);
    box-shadow: var(--anm-auto-shadow);
  }
  .anm-home-shortcut, .anm-page-shortcut {
    background: rgba(255,255,255,.82);
    color: var(--anm-auto-text);
    border-color: var(--anm-auto-border);
  }
  .anm-showcase-section, .anm-market-live-updates {
    background: linear-gradient(155deg,#fff,#f4f8f6);
    border-color: var(--anm-auto-border);
    box-shadow: var(--anm-auto-shadow);
  }
  .anm-showcase-heading h2, .anm-discovery-card__body h3 { color: var(--anm-auto-text); }
  .anm-showcase-heading p, .anm-discovery-card__meta,
  .anm-discovery-card__service-area, .anm-card-rating { color: var(--anm-auto-muted); }
  .anm-discovery-card {
    background: #fff;
    border-color: var(--anm-auto-border);
    box-shadow: 0 9px 24px rgba(15,23,42,.08);
  }

  .pay-shell { background: radial-gradient(circle at 15% 5%,rgba(34,197,94,.12),transparent 34%),#f3f7f5; }
  .pay-card h1, .pay-row strong { color: var(--anm-auto-text); }
  .pay-card p, .pay-row, .pay-security { color: var(--anm-auto-muted); }

  .anm-launch-popup__panel {
    color: var(--anm-auto-text);
    background: linear-gradient(145deg,#f7fbf9,#fff);
    border-color: var(--anm-auto-border);
  }
  .anm-launch-popup__content h1 { color: var(--anm-auto-text); }
  .anm-launch-popup__lead, .anm-launch-popup__seller-message p { color: var(--anm-auto-muted); }
  .anm-launch-popup__seller-message { background: #eef8f2; border-color: var(--anm-auto-border); }
  .anm-launch-popup__seller-message strong { color: var(--anm-auto-text); }
  .anm-launch-popup__highlights span { color: #185d42; background: #edf8f2; border-color: var(--anm-auto-border); }
  .anm-launch-popup__button--secondary { color: #155b40; background: #edf8f2; border-color: var(--anm-auto-border); }
  .anm-launch-popup__continue { color: #66756e; }

  .amb-public-shell { background: linear-gradient(145deg,#eef8f2,#f8fafc); }
  .amb-public-card { background:#fff; color:#0f172a; }

  .anm-market-directory {
    --anm-bg:#f4f7f5; --anm-surface:#fff; --anm-surface-deep:#f4f8f6;
    --anm-surface-soft:#edf4f0; --anm-border:#d9e4de; --anm-border-strong:#c6d5cd;
    --anm-text:#14211b; --anm-text-soft:#52635a; --anm-muted:#718078;
    --anm-green:#087a52; --anm-green-dark:#066844; --anm-green-deep:#05583b;
    --anm-shadow:0 14px 38px rgba(15,23,42,.10);
  }
  .anm-market-directory .market-directory-section,
  .anm-market-directory .market-directory-board,
  .anm-market-directory .anmis-search-panel,
  .anm-market-directory .anmis-filter-empty {
    background:#fff;
  }
  .anm-market-directory .anmis-search-control { background:#f5f8f6; border-color:#d2ddd7; }
  .anm-market-directory .anmis-search-control input { color:#17211d; }
  .anm-market-directory .market-directory-breadcrumb { background:#f5f8f6; }

  .leaflet-bar a, .leaflet-control-layers,
  .leaflet-control-layers-expanded, .leaflet-popup-content-wrapper,
  .leaflet-popup-tip, .leaflet-tooltip {
    background:#fff;
    color:#222;
  }
}

@media (prefers-color-scheme: dark) {
  body { color-scheme: dark; }

  .search-container, .card, .product-card, .promote-card, .shop-picker,
  .activate-container, .form-card, .popup-box, .modal-box {
    background: var(--anm-auto-surface);
    color: var(--anm-auto-text);
    border-color: var(--anm-auto-border);
  }
  .shop-picker__label, .activate-container form label,
  .activate-container .comments { color: var(--anm-auto-text); }
  .shop-picker__select, .activate-container input, .activate-container select {
    background:#09140f; color:#f1f7f4; border-color:#2b4036;
  }
  .popup-box, .modal-box { color:#f1f7f4; }
  .profile-avatar input, .password-box input {
    background:#09140f; color:#f1f7f4; border-color:#2b4036;
  }
  .danger-zone, .help-options, .pause-box {
    background:#0d1914; color:#f1f7f4; border-color:#2b4036;
  }
  .danger-note, .help-options li { color:#a8b8b0; }

  .leaflet-bar a, .leaflet-control-layers,
  .leaflet-control-layers-expanded, .leaflet-popup-content-wrapper,
  .leaflet-popup-tip, .leaflet-tooltip {
    background:#101b16;
    color:#eef7f2;
    border-color:#2b4036;
  }
  .leaflet-bar a { border-bottom-color:#2b4036; color:#eef7f2; }
  .leaflet-bar a:hover, .leaflet-bar a:focus,
  .leaflet-bar a.leaflet-disabled { background:#17261f; }
  .leaflet-container .leaflet-control-attribution,
  .leaflet-control-scale-line { background:rgba(16,27,22,.88); color:#d6e2dc; text-shadow:none; }
  .leaflet-tooltip-top:before { border-top-color:#101b16; }
  .leaflet-tooltip-bottom:before { border-bottom-color:#101b16; }
  .leaflet-tooltip-left:before { border-left-color:#101b16; }
  .leaflet-tooltip-right:before { border-right-color:#101b16; }
}

@media (max-width: 680px) {
  .search-container, .card, .promote-card, .form-card, .activate-container {
    width: calc(100% - 16px);
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
  }
  .search-container { margin-top: 16px; padding: 15px; }
  .saved-shops-wrapper { padding-inline: 10px; }
  .saved-grid { grid-template-columns: minmax(0,1fr); }
  .shop-image { height: clamp(220px,72vw,300px); }
  .product-grid { margin-inline: 8px; gap: 18px; }
  .product-card { padding: 12px; border-radius: 15px; }
  .main-image-container { height: min(72vw,320px); }
  .action-buttons, .share-row { width:100%; }
  .action-buttons > *, .share-row > * { flex:1 1 130px; text-align:center; }
  .slot-grid { grid-template-columns: minmax(0,1fr); margin-inline:8px; }
  .total-bar { padding:10px 12px calc(12px + env(safe-area-inset-bottom)); gap:10px; }
  .login-container { padding:12px; }
  .form-card { padding:26px 18px; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    scroll-behavior: auto !important;
  }
}


/* =========================================================
   2026-08-29 MARKET + SERVICES DIRECTORY VISUAL UPGRADE
   Scoped to .anm-market-directory.
========================================================= */
.anm-market-directory .market-directory-description{
  width:min(760px,94%);
  margin:5px auto 0;
  display:flex;
  flex-direction:column;
  align-items:center;
}
.anm-market-directory .market-directory-description__text{
  width:100%;
  margin:0;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  line-clamp:3;
  overflow:hidden;
}
.anm-market-directory .market-directory-description.is-expanded .market-directory-description__text{
  display:block;
  overflow:visible;
  -webkit-line-clamp:unset;
  line-clamp:unset;
}
.anm-market-directory .market-directory-description__toggle{
  margin:6px auto 0;
  padding:4px 11px;
  border:1px solid rgba(255,255,255,.26);
  border-radius:999px;
  background:rgba(2,6,23,.58);
  color:#fde68a;
  font:inherit;
  font-size:.72rem;
  font-weight:850;
  cursor:pointer;
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
.anm-market-directory .market-directory-description__toggle:hover,
.anm-market-directory .market-directory-description__toggle:focus-visible{
  border-color:#facc15;
  background:rgba(6,95,70,.84);
  color:#fff;
  outline:none;
}
.anm-market-directory .market-directory-section--catalog,
.anm-market-directory .market-directory-section--services{
  position:relative;
  overflow:hidden;
}
.anm-market-directory .market-directory-section--catalog::before,
.anm-market-directory .market-directory-section--services::before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:3px;
  pointer-events:none;
}
.anm-market-directory .market-directory-section--catalog::before{
  background:linear-gradient(90deg,#10b981,#facc15);
}
.anm-market-directory .market-directory-section--services::before{
  background:linear-gradient(90deg,#38bdf8,#10b981,#facc15);
}
.anm-market-directory .anm-service-directory-card{
  border-top-color:#38bdf8;
}
.anm-market-directory .anm-service-directory-card:hover{
  border-color:#38bdf8;
  box-shadow:0 16px 36px rgba(56,189,248,.14);
}
.anm-market-directory .anm-heading-accent{color:#34d399}
.anm-market-directory .anm-market-order-note{
  max-width:720px;
  margin:7px 0 0;
  color:var(--anm-text-soft);
  font-size:.83rem;
  line-height:1.45;
}
.anm-market-directory .market-shop-card{
  display:flex;
  flex-direction:column;
  border-radius:18px;
  background:
    radial-gradient(circle at 92% 3%,rgba(16,185,129,.08),transparent 33%),
    var(--anm-surface);
}
.anm-market-directory .market-shop-card--promoted{
  border:1px solid rgba(250,204,21,.62);
  box-shadow:0 15px 38px rgba(234,179,8,.11);
}
.anm-market-directory .market-shop-card__body{
  flex:1;
  display:flex;
  flex-direction:column;
}
.anm-market-directory .market-shop-card__body .market-directory-button{margin-top:auto}
.anm-market-directory .market-shop-badge--promoted{
  left:9px;
  background:linear-gradient(135deg,#facc15,#eab308);
  color:#17210d;
}
.anm-market-directory .anm-market-shop-card__topline{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:7px;
  margin-bottom:5px;
}
.anm-market-directory .anm-market-shop-card__topline .market-shop-card__location{
  min-width:0;
  margin:0;
  color:#d5b78d;
  font-size:.76rem;
  line-height:1.35;
}
.anm-market-directory .anm-business-mode-badge{
  flex:0 0 auto;
  max-width:52%;
  padding:4px 7px;
  border:1px solid rgba(16,185,129,.28);
  border-radius:999px;
  background:rgba(16,185,129,.09);
  color:#a7f3d0;
  font-size:.64rem;
  font-weight:900;
  line-height:1.15;
  text-align:center;
}
.anm-market-directory .anm-business-mode-badge--services{
  border-color:rgba(56,189,248,.34);
  background:rgba(56,189,248,.10);
  color:#bae6fd;
}
.anm-market-directory .anm-business-mode-badge--both{
  border-color:rgba(250,204,21,.32);
  background:linear-gradient(135deg,rgba(16,185,129,.11),rgba(250,204,21,.08));
  color:#fde68a;
}
.anm-market-directory .anm-market-shop-distance{
  margin:4px 0 8px;
  color:#fbbf24;
  font-size:.77rem;
  font-weight:850;
}
.anm-market-directory .market-directory-banner{
  min-height:210px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:22px;
  padding:26px clamp(18px,4vw,42px);
}
.anm-market-directory .market-directory-banner > div{min-width:0}
.anm-market-directory .market-directory-banner .anmis-symbol--hero{margin:0}
.anm-market-directory .market-directory-breadcrumb{box-shadow:0 7px 22px rgba(2,6,23,.09)}

@media(max-width:680px){
  .anm-market-directory{padding-inline:7px;padding-bottom:72px}
  .anm-market-directory .market-directory-hero{
    min-height:300px;
    margin:7px auto 12px;
    border-radius:17px;
  }
  .anm-market-directory .market-directory-hero__overlay{padding:24px 12px 20px}
  .anm-market-directory .market-directory-hero h1{
    margin:5px auto;
    font-size:clamp(1.7rem,9vw,2.55rem);
  }
  .anm-market-directory .market-directory-description{width:min(96%,680px)}
  .anm-market-directory .market-directory-description__text{
    font-size:.88rem;
    line-height:1.43;
  }
  .anm-market-directory .market-directory-hero__actions{
    gap:6px;
    margin-top:14px;
  }
  .anm-market-directory .market-directory-hero__actions .market-directory-button{
    min-height:35px;
    flex:1 1 30%;
    padding:7px 8px;
    font-size:.72rem;
    border-radius:9px;
  }
  .anm-market-directory .anm-market-shortcuts{margin:5px auto 10px}
  .anm-market-directory .market-directory-section{
    margin-bottom:14px;
    padding:12px;
    border-radius:17px;
  }
  .anm-market-directory .market-directory-heading{
    gap:8px;
    margin-bottom:12px;
  }
  .anm-market-directory .market-directory-heading h2{
    margin:2px 0 4px;
    font-size:1.22rem;
  }
  .anm-market-directory .market-directory-heading p,
  .anm-market-directory .anm-market-order-note{font-size:.74rem}
  .anm-market-directory .market-directory-total{
    padding:6px 9px;
    font-size:.68rem;
  }
  .anm-market-directory .market-directory-grid,
  .anm-market-directory .market-directory-shop-grid,
  .anm-market-directory .market-shop-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
  .anm-market-directory .anmis-icon-stage{
    min-height:135px;
    padding:14px 8px 10px;
    gap:7px;
  }
  .anm-market-directory .anmis-symbol--large{
    width:4.4rem;
    height:4.4rem;
    border-radius:20px;
  }
  .anm-market-directory .anmis-level-label{font-size:.58rem}
  .anm-market-directory .market-directory-card__body,
  .anm-market-directory .market-directory-shop-card__body,
  .anm-market-directory .market-shop-card__body{padding:10px}
  .anm-market-directory .market-directory-card h3,
  .anm-market-directory .market-directory-shop-card h3,
  .anm-market-directory .market-shop-card h3{
    margin:0 0 7px;
    font-size:.86rem;
    line-height:1.24;
  }
  .anm-market-directory .market-directory-metrics{
    gap:5px;
    margin-bottom:8px;
  }
  .anm-market-directory .market-directory-metrics span{
    padding:6px 5px;
    font-size:.63rem;
  }
  .anm-market-directory .market-directory-metrics strong{font-size:.85rem}
  .anm-market-directory .market-directory-button{
    min-height:34px;
    padding:7px 8px;
    font-size:.69rem;
  }
  .anm-market-directory .market-directory-banner{
    min-height:166px;
    margin:7px 5px 10px;
    gap:11px;
    padding:18px 11px;
    border-radius:16px;
  }
  .anm-market-directory .market-directory-banner .anmis-symbol--hero{
    width:4.3rem;
    height:4.3rem;
    border-radius:18px;
  }
  .anm-market-directory .market-directory-banner h1{
    margin:4px auto;
    font-size:1.45rem;
  }
  .anm-market-directory .market-directory-banner p{
    font-size:.74rem;
    line-height:1.4;
  }
  .anm-market-directory .market-directory-breadcrumb{
    margin-bottom:10px;
    padding:7px 9px;
    font-size:.68rem;
  }
  .anm-market-directory .market-shop-card__image{aspect-ratio:4/3}
  .anm-market-directory .anm-market-shop-card__topline{display:block}
  .anm-market-directory .anm-business-mode-badge{
    display:inline-flex;
    max-width:100%;
    margin-top:4px;
    padding:3px 5px;
    font-size:.56rem;
  }
  .anm-market-directory .anm-market-shop-distance{
    margin:3px 0 6px;
    font-size:.65rem;
  }
  .anm-market-directory .market-shop-rating{font-size:.62rem}
  .anm-market-directory .market-shop-badge{
    padding:4px 5px;
    font-size:.55rem;
  }
  .anm-market-directory .market-directory-map-callout{
    margin-bottom:14px;
    padding:14px;
    border-radius:16px;
  }
}
@media(max-width:360px){
  .anm-market-directory .market-directory-grid,
  .anm-market-directory .market-directory-shop-grid,
  .anm-market-directory .market-shop-grid{grid-template-columns:1fr!important}
}

@media(prefers-color-scheme:light){
  .anm-market-directory{
    --anm-bg:#f5f7f6;
    --anm-surface:#ffffff;
    --anm-surface-deep:#f3f7f5;
    --anm-surface-soft:#f8faf9;
    --anm-border:#d9e4de;
    --anm-border-strong:#c7d7cf;
    --anm-text:#17211d;
    --anm-text-soft:#53655c;
    --anm-muted:#718178;
    --anm-shadow:0 14px 34px rgba(15,23,42,.09);
    color:#17211d;
  }
  .anm-market-directory .market-directory-section{
    background:
      radial-gradient(circle at 92% 0,rgba(16,185,129,.08),transparent 28%),
      linear-gradient(150deg,#fff,#f8fbf9);
    box-shadow:0 10px 28px rgba(15,23,42,.075);
  }
  .anm-market-directory .market-directory-card,
  .anm-market-directory .market-directory-shop-card,
  .anm-market-directory .market-shop-card{
    background:#fff;
    border-color:#d8e3dd;
    box-shadow:0 8px 23px rgba(15,23,42,.075);
  }
  .anm-market-directory .anmis-icon-stage{
    background:linear-gradient(180deg,color-mix(in srgb,var(--anmis-accent) 8%,#fff),#fff);
  }
  .anm-market-directory .market-directory-card__status{
    background:#eef6f2;
    color:#405249;
    border-color:#d5e3dc;
  }
  .anm-market-directory .market-directory-metrics span{
    background:#f4f8f6;
    border-color:#dde7e1;
    color:#53655c;
  }
  .anm-market-directory .market-directory-metrics strong{color:#087a52}
  .anm-market-directory .market-directory-breadcrumb{
    background:#fff;
    border-color:#d8e3dd;
    color:#718178;
  }
  .anm-market-directory .market-directory-breadcrumb a{color:#087a52}
  .anm-market-directory .market-directory-total{
    border-color:rgba(8,122,82,.22);
    background:#eaf7f0;
    color:#087a52;
  }
  .anm-market-directory .market-directory-empty{
    background:#fff;
    border-color:#cbd8d1;
  }
  .anm-market-directory .market-directory-map-callout{
    background:linear-gradient(135deg,#ecf8f2,#fff);
    border-color:#b9ddca;
  }
  .anm-market-directory .market-directory-description__toggle{
    background:rgba(255,255,255,.90);
    color:#075f42;
    border-color:rgba(8,122,82,.20);
  }
  .anm-market-directory .market-shop-card--promoted{
    border-color:#e5c64e;
    box-shadow:0 12px 30px rgba(190,142,0,.10);
  }
  .anm-market-directory .anm-business-mode-badge{
    background:#ebf8f1;
    color:#087a52;
    border-color:#c5e5d4;
  }
  .anm-market-directory .anm-business-mode-badge--services{
    background:#edf8fd;
    color:#036887;
    border-color:#c9e8f4;
  }
  .anm-market-directory .anm-business-mode-badge--both{
    background:linear-gradient(135deg,#edf8f2,#fff9df);
    color:#6f5700;
    border-color:#eadb9b;
  }
  .anm-market-directory .anm-market-shop-card__topline .market-shop-card__location{color:#805c31}
  .anm-market-directory .anm-market-shop-distance{color:#a66f00}
}
@media(prefers-color-scheme:dark){
  .anm-market-directory{
    --anm-bg:#07110d;
    --anm-surface:#0c1712;
    --anm-surface-deep:#07100c;
    --anm-surface-soft:#112019;
    --anm-border:rgba(180,225,203,.13);
    --anm-border-strong:rgba(180,225,203,.21);
    --anm-text:#f2f8f5;
    --anm-text-soft:#b4c4bc;
    --anm-muted:#91a69b;
  }
  .anm-market-directory .market-directory-section{
    background:
      radial-gradient(circle at 92% 0,rgba(34,197,94,.10),transparent 28%),
      linear-gradient(150deg,#0c1712,#07100c);
  }
  .anm-market-directory .market-directory-card,
  .anm-market-directory .market-directory-shop-card,
  .anm-market-directory .market-shop-card{
    background:linear-gradient(160deg,#0f1b15,#08110d);
  }
}


/* =========================================================
   MARKET DIRECTORY — PRODUCTS / SERVICES SEGMENTED TABS
   + MARKET-WIDE CATEGORY / SUBCATEGORY SEARCH
========================================================= */

.anm-market-directory .anm-market-directory-tabs{
  --anm-market-directory-tabs-top:0px;
  position:sticky;
  top:var(--anm-market-directory-tabs-top);
  z-index:940;
  width:min(560px,calc(100% - 12px));
  margin:7px auto 12px;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:4px;
  padding:4px;
  border:1px solid var(--anm-border);
  border-radius:13px;
  background:color-mix(in srgb,var(--anm-surface) 94%,transparent);
  box-shadow:0 8px 23px rgba(2,6,23,.14);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
}

.anm-market-directory .anm-market-directory-tabs.is-under-sticky-nav{
  margin-top:0;
  border-radius:0 0 13px 13px;
}

.anm-market-directory .anm-market-directory-tab{
  appearance:none;
  min-width:0;
  min-height:34px;
  border:1px solid transparent;
  border-radius:9px;
  background:transparent;
  color:var(--anm-text-soft);
  font:inherit;
  font-size:.76rem;
  font-weight:900;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease;
}

.anm-market-directory .anm-market-directory-tab:hover,
.anm-market-directory .anm-market-directory-tab:focus-visible{
  color:var(--anm-text);
  border-color:color-mix(in srgb,var(--anm-green) 28%,transparent);
  outline:none;
}

.anm-market-directory .anm-market-directory-tab.is-active{
  color:#fff;
  border-color:rgba(255,255,255,.12);
  background:linear-gradient(135deg,#087a52,#10b981);
  box-shadow:0 6px 17px rgba(5,150,105,.22);
}

.anm-market-directory .anm-market-directory-tab[data-market-directory-tab="services"].is-active{
  background:linear-gradient(135deg,#087a52,#0891b2);
}

.anm-market-directory .anm-market-directory-tab__count{
  min-width:20px;
  height:20px;
  padding:0 6px;
  border-radius:999px;
  display:inline-grid;
  place-items:center;
  background:rgba(255,255,255,.13);
  color:inherit;
  font-size:.62rem;
  line-height:1;
}

.anm-market-directory .anm-market-directory-panel[hidden]{
  display:none!important;
}

.anm-market-directory .anm-market-global-search{
  position:relative;
  z-index:20;
  margin:0 0 18px;
}

.anm-market-directory .anm-market-global-search>label{
  display:block;
  margin:0 0 6px;
  color:var(--anm-text);
  font-size:.78rem;
  font-weight:900;
}

.anm-market-directory .anm-market-global-search__control{
  min-height:44px;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:8px;
  padding:0 10px;
  border:1px solid var(--anm-border-strong);
  border-radius:12px;
  background:var(--anm-surface-deep);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;
}

.anm-market-directory .anm-market-global-search__control:focus-within{
  border-color:var(--anm-green);
  box-shadow:0 0 0 3px color-mix(in srgb,var(--anm-green) 15%,transparent);
}

.anm-market-directory .anm-market-global-search__control>span{
  color:var(--anm-green);
  font-size:1rem;
  font-weight:900;
}

.anm-market-directory .anm-market-global-search__control input{
  width:100%;
  min-width:0;
  height:42px;
  padding:0;
  border:0;
  outline:0;
  background:transparent;
  color:var(--anm-text);
  font:inherit;
  font-size:.84rem;
}

.anm-market-directory .anm-market-global-search__control input::placeholder{
  color:var(--anm-muted);
  opacity:.88;
}

.anm-market-directory .anm-market-global-search__clear{
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  padding:0;
  border:0;
  border-radius:50%;
  background:var(--anm-surface-soft);
  color:var(--anm-text-soft);
  font:inherit;
  font-size:1rem;
  cursor:pointer;
}

.anm-market-directory .anm-market-global-search__results{
  position:absolute;
  z-index:80;
  top:calc(100% + 6px);
  left:0;
  right:0;
  max-height:min(54vh,430px);
  overflow:auto;
  padding:6px;
  border:1px solid var(--anm-border-strong);
  border-radius:13px;
  background:color-mix(in srgb,var(--anm-surface) 98%,transparent);
  box-shadow:0 18px 42px rgba(2,6,23,.26);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  scrollbar-width:thin;
}

.anm-market-directory .anm-market-global-search__results[hidden]{
  display:none!important;
}

.anm-market-directory .anm-market-global-search__result{
  min-width:0;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto auto;
  align-items:center;
  gap:9px;
  padding:9px 10px;
  border-radius:10px;
  color:var(--anm-text);
  text-decoration:none;
}

.anm-market-directory .anm-market-global-search__result:hover,
.anm-market-directory .anm-market-global-search__result:focus-visible{
  background:color-mix(in srgb,var(--anm-green) 10%,var(--anm-surface));
  outline:none;
}

.anm-market-directory .anm-market-global-search__result[hidden]{
  display:none!important;
}

.anm-market-directory .anm-market-global-search__result-icon{
  width:31px;
  height:31px;
  display:grid;
  place-items:center;
  border-radius:9px;
  background:color-mix(in srgb,var(--anm-green) 12%,var(--anm-surface-soft));
}

.anm-market-directory .anm-market-global-search__result-copy{
  min-width:0;
  display:grid;
}

.anm-market-directory .anm-market-global-search__result-copy strong{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:.82rem;
  line-height:1.25;
}

.anm-market-directory .anm-market-global-search__result-copy small{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:var(--anm-muted);
  font-size:.67rem;
  line-height:1.3;
}

.anm-market-directory .anm-market-global-search__result-count{
  padding:4px 6px;
  border-radius:999px;
  background:color-mix(in srgb,var(--anm-green) 10%,transparent);
  color:var(--anm-green);
  font-size:.61rem;
  font-weight:900;
  white-space:nowrap;
}

.anm-market-directory .anm-market-global-search__result-arrow{
  color:var(--anm-green);
  font-size:.95rem;
  font-weight:900;
}

.anm-market-directory .anm-market-global-search__empty{
  padding:18px 12px;
  color:var(--anm-muted);
  font-size:.78rem;
  text-align:center;
}

@media(max-width:680px){
  .anm-market-directory .anm-market-directory-tabs{
    width:calc(100% - 6px);
    margin:4px auto 9px;
    padding:3px;
    border-radius:10px;
  }

  .anm-market-directory .anm-market-directory-tabs.is-under-sticky-nav{
    border-radius:0 0 10px 10px;
  }

  .anm-market-directory .anm-market-directory-tab{
    min-height:30px;
    gap:4px;
    border-radius:7px;
    font-size:.66rem;
  }

  .anm-market-directory .anm-market-directory-tab__count{
    min-width:17px;
    height:17px;
    padding:0 5px;
    font-size:.54rem;
  }

  .anm-market-directory .anm-market-global-search{
    margin-bottom:12px;
  }

  .anm-market-directory .anm-market-global-search>label{
    margin-bottom:5px;
    font-size:.68rem;
  }

  .anm-market-directory .anm-market-global-search__control{
    min-height:38px;
    padding:0 8px;
    gap:6px;
    border-radius:10px;
  }

  .anm-market-directory .anm-market-global-search__control input{
    height:36px;
    font-size:.72rem;
  }

  .anm-market-directory .anm-market-global-search__results{
    max-height:48vh;
    padding:4px;
    border-radius:11px;
  }

  .anm-market-directory .anm-market-global-search__result{
    grid-template-columns:auto minmax(0,1fr) auto;
    gap:7px;
    padding:8px;
  }

  .anm-market-directory .anm-market-global-search__result-icon{
    width:28px;
    height:28px;
    border-radius:8px;
    font-size:.78rem;
  }

  .anm-market-directory .anm-market-global-search__result-copy strong{
    font-size:.72rem;
  }

  .anm-market-directory .anm-market-global-search__result-copy small{
    font-size:.59rem;
  }

  .anm-market-directory .anm-market-global-search__result-count{
    display:none;
  }

  .anm-market-directory .anm-market-global-search__result-arrow{
    font-size:.82rem;
  }
}

@media(prefers-color-scheme:light){
  .anm-market-directory .anm-market-directory-tabs{
    background:rgba(255,255,255,.96);
    box-shadow:0 8px 22px rgba(15,23,42,.08);
  }

  .anm-market-directory .anm-market-global-search__control{
    background:#fff;
  }

  .anm-market-directory .anm-market-global-search__results{
    background:rgba(255,255,255,.98);
    box-shadow:0 18px 38px rgba(15,23,42,.14);
  }

  .anm-market-directory .anm-market-global-search__clear{
    background:#eef4f0;
    color:#53655c;
  }
}