/* Hashop home cleanup: one predictable layout layer */
:root {
  --hashop-bg: #050505;
  --hashop-panel: #0b0b0b;
  --hashop-card: #111;
  --hashop-card-2: #171614;
  --hashop-gold: #d6ac54;
  --hashop-gold-2: #f0d286;
  --hashop-ink: #f7f1df;
  --hashop-muted: rgba(247, 241, 223, 0.62);
  --hashop-soft: rgba(247, 241, 223, 0.42);
  --hashop-line: rgba(214, 172, 84, 0.25);
  --hashop-line-strong: rgba(214, 172, 84, 0.38);
  --hashop-red: #f0a486;
  --hashop-radius: 8px;
  --hashop-motion-frame: 320ms;
  --hashop-motion-frame-ease: cubic-bezier(0.2, 0.78, 0.2, 1);
}

/* Live hard layout correction 2026-05-13: prevent search/list overlap by
   reserving fixed internal slots instead of relying on inherited grid flow. */
.shop-list-panel.is-root-view,
.shop-list-panel[data-pane-mode="home"],
.shop-list-panel[data-pane-mode="search"],
.shop-list-panel[data-pane-mode="contact"],
.shop-list-panel[data-pane-mode="shop"],
.shop-list-panel[data-pane-mode="cart"],
.shop-list-panel[data-pane-mode="owner-orders"],
.shop-list-panel[data-pane-mode="owner-items"] {
  --hashop-sheet-x: 0.56rem;
  --hashop-sheet-top: 0.28rem;
  --hashop-search-h: 2.68rem;
  --hashop-row-gap: 0.46rem;
  --hashop-nav-h: 3.34rem;
  --hashop-sheet-bottom: calc(0.42rem + env(safe-area-inset-bottom));
  position: relative !important;
  display: block !important;
  padding: 0 !important;
  gap: 0 !important;
  overflow: hidden !important;
  border-radius: 14px 14px 0 0 !important;
}

.shop-list-panel.is-root-view .shop-panel-bar,
.shop-list-panel[data-pane-mode="home"] .shop-panel-bar,
.shop-list-panel[data-pane-mode="search"] .shop-panel-bar,
.shop-list-panel[data-pane-mode="contact"] .shop-panel-bar {
  display: none !important;
}

.shop-list-panel.is-root-view .shop-list-head,
.shop-list-panel[data-pane-mode="home"] .shop-list-head,
.shop-list-panel[data-pane-mode="search"] .shop-list-head,
.shop-list-panel[data-pane-mode="contact"] .shop-list-head,
.shop-list-panel[data-pane-mode="shop"] .shop-list-head,
.shop-list-panel[data-pane-mode="cart"] .shop-list-head,
.shop-list-panel[data-pane-mode="owner-orders"] .shop-list-head,
.shop-list-panel[data-pane-mode="owner-items"] .shop-list-head {
  position: absolute !important;
  left: var(--hashop-sheet-x) !important;
  right: var(--hashop-sheet-x) !important;
  top: var(--hashop-sheet-top) !important;
  z-index: 30 !important;
  height: var(--hashop-search-h) !important;
  min-height: var(--hashop-search-h) !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
  background: var(--hashop-structure-sheet) !important;
}

.shop-list-panel.is-root-view .shop-list-search,
.shop-list-panel[data-pane-mode="home"] .shop-list-search,
.shop-list-panel[data-pane-mode="search"] .shop-list-search,
.shop-list-panel[data-pane-mode="contact"] .shop-list-search,
.shop-list-panel[data-pane-mode="shop"] .shop-list-search,
.shop-list-panel[data-pane-mode="cart"] .shop-list-search,
.shop-list-panel[data-pane-mode="owner-orders"] .shop-list-search,
.shop-list-panel[data-pane-mode="owner-items"] .shop-list-search,
.shop-list-panel.is-root-view .shop-list-search-input,
.shop-list-panel[data-pane-mode="home"] .shop-list-search-input,
.shop-list-panel[data-pane-mode="search"] .shop-list-search-input,
.shop-list-panel[data-pane-mode="contact"] .shop-list-search-input,
.shop-list-panel[data-pane-mode="shop"] .shop-list-search-input,
.shop-list-panel[data-pane-mode="cart"] .shop-list-search-input,
.shop-list-panel[data-pane-mode="owner-orders"] .shop-list-search-input,
.shop-list-panel[data-pane-mode="owner-items"] .shop-list-search-input {
  height: var(--hashop-search-h) !important;
  min-height: var(--hashop-search-h) !important;
}

.shop-list-panel.is-root-view .shop-list-grid,
.shop-list-panel[data-pane-mode="home"] .shop-list-grid,
.shop-list-panel[data-pane-mode="search"] .shop-list-grid,
.shop-list-panel[data-pane-mode="contact"] .shop-list-grid,
.shop-list-panel[data-pane-mode="shop"] .shop-list-grid,
.shop-list-panel[data-pane-mode="cart"] .shop-list-grid,
.shop-list-panel[data-pane-mode="owner-orders"] .shop-list-grid,
.shop-list-panel[data-pane-mode="owner-items"] .shop-list-grid {
  position: absolute !important;
  left: var(--hashop-sheet-x) !important;
  right: var(--hashop-sheet-x) !important;
  top: calc(var(--hashop-sheet-top) + var(--hashop-search-h) + var(--hashop-row-gap)) !important;
  bottom: calc(var(--hashop-sheet-bottom) + var(--hashop-nav-h) + var(--hashop-row-gap)) !important;
  z-index: 1 !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior-y: contain !important;
  -webkit-overflow-scrolling: touch !important;
}

.shop-list-panel.is-root-view .home-bottom-nav,
.shop-list-panel[data-pane-mode="home"] .home-bottom-nav,
.shop-list-panel[data-pane-mode="search"] .home-bottom-nav,
.shop-list-panel[data-pane-mode="contact"] .home-bottom-nav,
.shop-list-panel[data-pane-mode="shop"] .home-bottom-nav,
.shop-list-panel[data-pane-mode="cart"] .home-bottom-nav,
.shop-list-panel[data-pane-mode="owner-orders"] .home-bottom-nav,
.shop-list-panel[data-pane-mode="owner-items"] .home-bottom-nav {
  position: absolute !important;
  left: var(--hashop-sheet-x) !important;
  right: var(--hashop-sheet-x) !important;
  bottom: var(--hashop-sheet-bottom) !important;
  z-index: 20 !important;
  height: var(--hashop-nav-h) !important;
  min-height: var(--hashop-nav-h) !important;
  margin: 0 !important;
}

.shop-list-panel.is-root-view .shop-list-grid > :first-child,
.shop-list-panel[data-pane-mode="home"] .shop-list-grid > :first-child,
.shop-list-panel[data-pane-mode="search"] .shop-list-grid > :first-child,
.shop-list-panel[data-pane-mode="contact"] .shop-list-grid > :first-child,
.shop-list-panel[data-pane-mode="shop"] .shop-list-grid > :first-child,
.shop-list-panel[data-pane-mode="cart"] .shop-list-grid > :first-child,
.shop-list-panel[data-pane-mode="owner-orders"] .shop-list-grid > :first-child,
.shop-list-panel[data-pane-mode="owner-items"] .shop-list-grid > :first-child {
  margin-top: 0 !important;
}

@media (max-width: 380px) {
  .shop-list-panel.is-root-view,
  .shop-list-panel[data-pane-mode="home"],
  .shop-list-panel[data-pane-mode="search"],
  .shop-list-panel[data-pane-mode="contact"],
  .shop-list-panel[data-pane-mode="shop"],
  .shop-list-panel[data-pane-mode="cart"],
  .shop-list-panel[data-pane-mode="owner-orders"],
  .shop-list-panel[data-pane-mode="owner-items"] {
    --hashop-sheet-x: 0.5rem;
    --hashop-search-h: 2.58rem;
  }
}

/* Absolute final override 2026-05-15: state screens get one bounded scroll
   surface and no stretched hidden setup frame. */
.shell-home[data-hashop-screen="setup"] .shop-list-grid,
.shell-home[data-hashop-screen="account"] .shop-list-grid,
.shell-home[data-hashop-screen="login"] .shop-list-grid,
.shell-home[data-hashop-screen="cart"] .shop-list-grid,
.shell-home[data-hashop-screen="confirmation"] .shop-list-grid,
.shell-home[data-hashop-screen^="owner-"] .shop-list-grid,
.shell-home[data-hashop-screen="shop"] .shop-list-grid {
  box-sizing: border-box !important;
  min-height: 0 !important;
  max-height: 100% !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior-y: contain !important;
  touch-action: pan-y !important;
  -webkit-overflow-scrolling: touch !important;
  scroll-padding-bottom: calc(1rem + env(safe-area-inset-bottom)) !important;
}

.shell-home[data-hashop-screen="setup"] .shop-list-grid::after,
.shell-home[data-hashop-screen="account"] .shop-list-grid::after,
.shell-home[data-hashop-screen="login"] .shop-list-grid::after,
.shell-home[data-hashop-screen="cart"] .shop-list-grid::after,
.shell-home[data-hashop-screen="confirmation"] .shop-list-grid::after,
.shell-home[data-hashop-screen^="owner-"] .shop-list-grid::after,
.shell-home[data-hashop-screen="shop"] .shop-list-grid::after {
  content: "" !important;
  display: block !important;
  min-height: calc(0.85rem + env(safe-area-inset-bottom)) !important;
}

.shop-list-panel[data-pane-mode="setup"] .shop-list-grid {
  height: 100% !important;
  padding-bottom: 0 !important;
}

.shell-home[data-hashop-screen="setup"] .shop-list-panel,
.shop-list-panel[data-pane-mode="setup"] {
  background: transparent !important;
  box-shadow: none !important;
}

/* Account profile pass 2026-05-16: saved profile first, shop as extension. */
.shell-home[data-hashop-screen="account"] .shop-account-stack {
  width: 100% !important;
  max-width: 26rem !important;
  margin: 0 auto !important;
  gap: 0.5rem !important;
  padding-bottom: calc(0.9rem + env(safe-area-inset-bottom)) !important;
  align-content: start !important;
  grid-auto-rows: max-content !important;
  height: max-content !important;
  min-height: max-content !important;
  max-height: none !important;
  overflow: visible !important;
  box-sizing: border-box !important;
}

.shell-home[data-hashop-screen="account"] .shop-pane-detail {
  height: max-content !important;
  min-height: max-content !important;
  max-height: none !important;
  overflow: visible !important;
}

.shell-home[data-hashop-screen="account"] .shop-account-profile-card,
.shell-home[data-hashop-screen="account"] .shop-account-location-card,
.shell-home[data-hashop-screen="account"] .shop-account-menu-card,
.shell-home[data-hashop-screen="account"] .shop-account-form-card {
  width: 100% !important;
  min-width: 0 !important;
  border: 0 !important;
  outline: 0 !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

.shell-home[data-hashop-screen="account"] .shop-account-menu-card {
  display: grid !important;
  grid-auto-flow: row !important;
  grid-auto-rows: max-content !important;
  align-self: start !important;
  height: max-content !important;
  min-height: max-content !important;
  max-height: none !important;
  overflow: visible !important;
}

.shell-home[data-hashop-screen="account"] .shop-account-profile-card {
  min-height: 5.65rem !important;
  padding: 0.72rem !important;
  display: grid !important;
  grid-template-columns: 3.2rem minmax(0, 1fr) auto !important;
  align-items: center !important;
  background:
    linear-gradient(135deg, rgba(214, 172, 84, 0.18), rgba(248, 242, 223, 0.06)),
    var(--hashop-structure-row) !important;
}

.shell-home[data-hashop-screen="account"] .shop-account-avatar {
  width: 3.2rem !important;
  height: 3.2rem !important;
  border-radius: 8px !important;
  display: grid !important;
  place-items: center !important;
  background: #d6ac54 !important;
  color: #080706 !important;
  font-size: 1.74rem !important;
  font-weight: 950 !important;
  line-height: 1 !important;
}

.shell-home[data-hashop-screen="account"] .shop-account-profile-copy,
.shell-home[data-hashop-screen="account"] .shop-account-menu-copy {
  min-width: 0 !important;
}

.shell-home[data-hashop-screen="account"] .shop-account-profile-copy strong {
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.shell-home[data-hashop-screen="account"] .shop-account-profile-copy span,
.shell-home[data-hashop-screen="account"] .shop-account-profile-copy em {
  font-style: normal !important;
  letter-spacing: 0 !important;
}

.shell-home[data-hashop-screen="account"] .shop-account-profile-copy em {
  width: fit-content !important;
  min-height: 1.28rem !important;
  padding: 0.12rem 0.42rem !important;
  border-radius: 999px !important;
  background: rgba(248, 242, 223, 0.08) !important;
  color: var(--hashop-structure-gold-2) !important;
  font-size: 0.68rem !important;
  font-weight: 900 !important;
}

.shell-home[data-hashop-screen="account"] .shop-account-location-card {
  min-height: 4.2rem !important;
  padding: 0.58rem 0.64rem !important;
  display: grid !important;
  grid-template-columns: 2.32rem minmax(0, 1fr) auto auto !important;
  align-items: center !important;
}

.shell-home[data-hashop-screen="account"] .shop-account-location-card .shop-account-menu-copy > strong,
.shell-home[data-hashop-screen="account"] .shop-account-menu-row .shop-account-menu-copy > span {
  overflow-wrap: anywhere !important;
}

.shell-home[data-hashop-screen="account"] .shop-account-location-card .shop-account-menu-copy > strong {
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

.shell-home[data-hashop-screen="account"] .shop-account-menu-label {
  margin: 0.18rem 0 0.02rem !important;
  padding: 0 0.1rem !important;
  color: rgba(248, 242, 223, 0.56) !important;
  font-size: 0.68rem !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}

.shell-home[data-hashop-screen="account"] .shop-account-menu-row {
  min-height: 3.8rem !important;
  padding: 0.52rem 0.58rem !important;
  display: grid !important;
  grid-template-columns: 2.2rem minmax(0, 1fr) auto auto !important;
  align-items: center !important;
  gap: 0.48rem !important;
  border-radius: 8px !important;
}

.shell-home[data-hashop-screen="account"] .shop-account-menu-icon {
  width: 2.2rem !important;
  height: 2.2rem !important;
  border-radius: 8px !important;
  font-size: 0.72rem !important;
  font-weight: 950 !important;
}

.shell-home[data-hashop-screen="account"] .shop-account-textarea {
  min-height: 7.2rem !important;
  height: 7.2rem !important;
  padding: 0.78rem 0.86rem !important;
  line-height: 1.35 !important;
  resize: vertical !important;
}

.shell-home[data-hashop-screen="account"] .shop-account-help-log {
  margin-top: 0.52rem !important;
}

@media (max-width: 380px) {
  .shell-home[data-hashop-screen="account"] .shop-account-stack {
    gap: 0.42rem !important;
  }

  .shell-home[data-hashop-screen="account"] .shop-account-profile-card {
    grid-template-columns: 2.86rem minmax(0, 1fr) auto !important;
    min-height: 5.2rem !important;
  }

  .shell-home[data-hashop-screen="account"] .shop-account-avatar {
    width: 2.86rem !important;
    height: 2.86rem !important;
    font-size: 1.54rem !important;
  }
}

/* Absolute final override 2026-05-16: public viewport clamp. */
html,
body {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow-x: hidden !important;
}

.shell-home,
.home-chrome,
.home-stage,
.map-screen,
.discovery-map,
.shop-list-panel,
.shop-list-grid,
.home-bottom-nav {
  box-sizing: border-box !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

.shell-home {
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  overflow-x: hidden !important;
}

.home-chrome,
.home-stage,
.map-screen,
.shop-list-panel {
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.discovery-map {
  min-width: 0 !important;
}

.shell-home[data-hashop-screen="account"],
.shell-home[data-hashop-screen="login"],
.shell-home[data-hashop-screen="account"] .home-chrome,
.shell-home[data-hashop-screen="account"] .home-stage,
.shell-home[data-hashop-screen="login"] .home-chrome,
.shell-home[data-hashop-screen="login"] .home-stage {
  width: 100% !important;
  max-width: 100% !important;
}

.shell-home[data-hashop-screen="account"] .shop-list-grid,
.shell-home[data-hashop-screen="login"] .shop-list-grid,
.shell-home[data-hashop-screen="account"] .home-bottom-nav,
.shell-home[data-hashop-screen="login"] .home-bottom-nav {
  left: var(--hashop-sheet-x) !important;
  right: var(--hashop-sheet-x) !important;
  width: auto !important;
  max-width: none !important;
}

@media (max-width: 899px) {
  .shell-home,
  .home-chrome,
  .home-stage {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .shell-home[data-hashop-screen="account"] .shop-list-grid,
  .shell-home[data-hashop-screen="login"] .shop-list-grid,
  .shell-home[data-hashop-screen="account"] .home-bottom-nav,
  .shell-home[data-hashop-screen="login"] .home-bottom-nav {
    width: auto !important;
    max-width: none !important;
  }
}

/* Absolute final override 2026-05-16: public viewport clamp. */
html,
body {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow-x: hidden !important;
}

.shell-home,
.home-chrome,
.home-stage,
.map-screen,
.discovery-map,
.shop-list-panel,
.shop-list-grid,
.home-bottom-nav {
  box-sizing: border-box !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

.shell-home {
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  overflow-x: hidden !important;
}

.home-chrome,
.home-stage,
.map-screen,
.shop-list-panel {
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.discovery-map {
  min-width: 0 !important;
}

.shell-home[data-hashop-screen="account"],
.shell-home[data-hashop-screen="login"],
.shell-home[data-hashop-screen="account"] .home-chrome,
.shell-home[data-hashop-screen="account"] .home-stage,
.shell-home[data-hashop-screen="login"] .home-chrome,
.shell-home[data-hashop-screen="login"] .home-stage {
  width: 100% !important;
  max-width: 100% !important;
}

.shell-home[data-hashop-screen="account"] .shop-list-grid,
.shell-home[data-hashop-screen="login"] .shop-list-grid,
.shell-home[data-hashop-screen="account"] .home-bottom-nav,
.shell-home[data-hashop-screen="login"] .home-bottom-nav {
  left: var(--hashop-sheet-x) !important;
  right: var(--hashop-sheet-x) !important;
  width: auto !important;
  max-width: none !important;
}

@media (max-width: 899px) {
  .shell-home,
  .home-chrome,
  .home-stage {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .shell-home[data-hashop-screen="account"] .shop-list-grid,
  .shell-home[data-hashop-screen="login"] .shop-list-grid,
  .shell-home[data-hashop-screen="account"] .home-bottom-nav,
  .shell-home[data-hashop-screen="login"] .home-bottom-nav {
    width: auto !important;
    max-width: none !important;
  }
}

/* Public viewport correction 2026-05-16: never clamp the app to a narrow
   left column or let viewport-unit children extend past the visible display. */
html,
body {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow-x: hidden !important;
}

.shell-home,
.home-chrome,
.home-stage,
.map-screen,
.discovery-map,
.shop-list-panel,
.shop-list-grid,
.home-bottom-nav {
  box-sizing: border-box !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

.shell-home {
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  overflow-x: hidden !important;
}

.home-chrome,
.home-stage {
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.map-screen {
  width: 100% !important;
}

.discovery-map {
  min-width: 0 !important;
}

.shop-list-panel {
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.shell-home[data-hashop-screen="account"],
.shell-home[data-hashop-screen="login"] {
  width: 100% !important;
  max-width: 100% !important;
}

.shell-home[data-hashop-screen="account"] .home-chrome,
.shell-home[data-hashop-screen="account"] .home-stage,
.shell-home[data-hashop-screen="login"] .home-chrome,
.shell-home[data-hashop-screen="login"] .home-stage {
  width: 100% !important;
  max-width: 100% !important;
}

.shell-home[data-hashop-screen="account"] .shop-list-grid,
.shell-home[data-hashop-screen="login"] .shop-list-grid,
.shell-home[data-hashop-screen="account"] .home-bottom-nav,
.shell-home[data-hashop-screen="login"] .home-bottom-nav {
  left: var(--hashop-sheet-x) !important;
  right: var(--hashop-sheet-x) !important;
  width: auto !important;
  max-width: none !important;
}

@media (max-width: 899px) {
  .shell-home,
  .home-chrome,
  .home-stage {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .shell-home[data-hashop-screen="account"] .shop-list-grid,
  .shell-home[data-hashop-screen="login"] .shop-list-grid,
  .shell-home[data-hashop-screen="account"] .home-bottom-nav,
  .shell-home[data-hashop-screen="login"] .home-bottom-nav {
    width: auto !important;
    max-width: none !important;
  }
}

.shop-list-panel[data-pane-mode="setup"] .shop-setup-pane {
  min-height: 0 !important;
  height: max-content !important;
  overflow: visible !important;
}

.shop-list-panel[data-pane-mode="setup"] .shop-login-form {
  border: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

.shop-list-panel[data-pane-mode="setup"]::before,
.shop-list-panel[data-pane-mode="setup"]::after,
.shell-home[data-hashop-screen="account"] .shop-list-panel::before,
.shell-home[data-hashop-screen="account"] .shop-list-panel::after,
.shell-home[data-hashop-screen="login"] .shop-list-panel::before,
.shell-home[data-hashop-screen="login"] .shop-list-panel::after {
  display: none !important;
}

.shell-home[data-hashop-screen="setup"] .shop-list-panel,
.shop-list-panel[data-pane-mode="setup"] {
  background: transparent !important;
  box-shadow: none !important;
}

html,
body {
  overflow: hidden !important;
  background: var(--hashop-bg) !important;
  color: var(--hashop-ink) !important;
}

.shell-home,
.shell-home * {
  box-sizing: border-box !important;
}

.shell-home {
  width: 100% !important;
  max-width: none !important;
  height: 100dvh !important;
  min-height: 100dvh !important;
  padding: clamp(0.62rem, 2.5vw, 1rem) !important;
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
  gap: 0.72rem !important;
  overflow: hidden !important;
  isolation: isolate !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(214, 172, 84, 0.13), transparent 24rem),
    linear-gradient(180deg, #050505 0%, #080807 62%, #050505 100%) !important;
  color: var(--hashop-ink) !important;
  font-family: "Manrope", "Sora", sans-serif !important;
}

.shell-home::before,
.shell-home::after,
.home-hero,
.home-brand-logo,
.home-brand-label,
.home-chrome-side,
.home-status-pill,
.home-panel-kicker,
.home-primary-actions {
  display: none !important;
}

.home-chrome,
.home-stage {
  width: min(100%, 32rem) !important;
  max-width: 32rem !important;
  margin-inline: auto !important;
}

.home-chrome {
  min-height: 3.35rem !important;
  padding: 0.6rem 0.7rem !important;
  border: 1px solid var(--hashop-line) !important;
  border-radius: var(--hashop-radius) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  background: rgba(10, 10, 10, 0.92) !important;
  box-shadow: inset 0 1px 0 rgba(255, 239, 185, 0.05), 0 1rem 2rem rgba(0, 0, 0, 0.38) !important;
  backdrop-filter: blur(14px) !important;
}

.home-chrome::before,
.home-chrome::after {
  content: none !important;
}

.brand {
  min-width: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.62rem !important;
  color: inherit !important;
  text-decoration: none !important;
}

.home-hash-logo {
  width: 2rem !important;
  height: 2rem !important;
  border: 1px solid rgba(242, 212, 130, 0.54) !important;
  border-radius: var(--hashop-radius) !important;
  display: inline-grid !important;
  place-items: center !important;
  flex: 0 0 auto !important;
  background: linear-gradient(145deg, rgba(255, 240, 180, 0.15), rgba(214, 172, 84, 0.06)), #0d0d0d !important;
  color: var(--hashop-gold-2) !important;
  font-family: "Sora", sans-serif !important;
  font-size: 1.16rem !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  box-shadow: 0 0 1.15rem rgba(214, 172, 84, 0.18) !important;
}

.home-brand-copy {
  display: block !important;
}

.home-brand-name {
  display: block !important;
  color: var(--hashop-ink) !important;
  font-family: "Sora", "Manrope", sans-serif !important;
  font-size: 1.1rem !important;
  font-weight: 850 !important;
  letter-spacing: -0.045em !important;
  line-height: 1 !important;
  text-shadow: none !important;
}

.home-stage {
  min-height: 0 !important;
  display: grid !important;
  grid-template-rows: minmax(13rem, 34dvh) minmax(0, 1fr) !important;
  gap: 0 !important;
  overflow: hidden !important;
}

.map-screen {
  position: relative !important;
  inset: auto !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  overflow: hidden !important;
  border: 1px solid var(--hashop-line-strong) !important;
  border-radius: var(--hashop-radius) var(--hashop-radius) 0 0 !important;
  background:
    radial-gradient(circle at 54% 45%, rgba(214, 172, 84, 0.2), transparent 0.3rem),
    radial-gradient(circle at 54% 45%, rgba(214, 172, 84, 0.18), transparent 4.4rem),
    linear-gradient(90deg, rgba(214, 172, 84, 0.08) 1px, transparent 1px),
    linear-gradient(0deg, rgba(214, 172, 84, 0.055) 1px, transparent 1px),
    linear-gradient(135deg, #080808, #15120c 58%, #060606) !important;
  background-size: auto, auto, 3rem 3rem, 3rem 3rem, auto !important;
  box-shadow: 0 1.2rem 2.8rem rgba(0, 0, 0, 0.52), inset 0 1px 0 rgba(255, 239, 185, 0.05) !important;
}

.map-screen::before {
  content: "" !important;
  position: absolute !important;
  left: 54% !important;
  top: 45% !important;
  z-index: 6 !important;
  width: 1.1rem !important;
  height: 1.1rem !important;
  border: 2px solid #050505 !important;
  border-radius: 999px 999px 999px 0 !important;
  background: linear-gradient(135deg, #fff0b3, var(--hashop-gold) 60%, #9b6c24) !important;
  box-shadow: 0 0 0 0.55rem rgba(214, 172, 84, 0.11), 0 0 2rem rgba(214, 172, 84, 0.7) !important;
  transform: translate(-50%, -82%) rotate(-45deg) !important;
  pointer-events: none !important;
}

.map-screen::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 5 !important;
  border-radius: inherit !important;
  pointer-events: none !important;
  background: linear-gradient(180deg, rgba(5, 5, 5, 0.08), rgba(5, 5, 5, 0.55)) !important;
}

.discovery-map,
.leaflet-container {
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  border-radius: inherit !important;
  background: transparent !important;
  filter: saturate(0.45) contrast(1.08) brightness(0.7) !important;
}

.leaflet-control-container {
  filter: saturate(0.5) brightness(0.82) !important;
}

.shop-list-panel {
  position: relative !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: -1px 0 0 !important;
  padding: 0.82rem 0.82rem calc(0.7rem + env(safe-area-inset-bottom)) !important;
  display: grid !important;
  grid-template-rows: auto auto minmax(0, 1fr) auto !important;
  gap: 0.78rem !important;
  overflow: hidden !important;
  border: 1px solid var(--hashop-line-strong) !important;
  border-top-color: var(--hashop-line) !important;
  border-radius: 0 0 var(--hashop-radius) var(--hashop-radius) !important;
  background: linear-gradient(180deg, rgba(15, 15, 15, 0.98), rgba(7, 7, 7, 0.99)) !important;
  box-shadow: 0 -1rem 2.4rem rgba(0, 0, 0, 0.44), inset 0 1px 0 rgba(255, 239, 185, 0.05) !important;
  backdrop-filter: blur(18px) !important;
}

.shop-list-panel::before,
.shop-list-panel::after,
.shop-list-head::after {
  content: none !important;
  display: none !important;
}

.shop-list-panel.is-root-view .shop-panel-bar {
  display: none !important;
}

.shop-list-panel.is-shop-view,
.shop-list-panel.is-login-view,
.shop-list-panel.is-content-view,
.shop-list-panel.is-expanded,
.shop-list-panel.is-expanded.is-full {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  border-radius: var(--hashop-radius) !important;
}

.shop-list-panel.is-content-view {
  grid-template-rows: auto minmax(0, 1fr) auto !important;
}

.shop-list-panel.is-content-view .home-panel-heading,
.shop-list-panel.is-content-view .shop-list-head {
  display: none !important;
}

.shop-list-panel.is-content-view .shop-panel-bar {
  display: grid !important;
}

.shop-panel-bar {
  display: grid !important;
  grid-template-columns: minmax(3.2rem, auto) 1fr minmax(5.5rem, auto) !important;
  align-items: center !important;
  gap: 0.5rem !important;
  min-height: 2.5rem !important;
  padding: 0 !important;
}

.shop-pane-toggle {
  justify-self: center !important;
  width: 4rem !important;
}

.shop-pane-handle {
  width: 2.45rem !important;
  height: 0.24rem !important;
  border-radius: 999px !important;
  background: rgba(214, 172, 84, 0.5) !important;
  box-shadow: none !important;
}

.shop-panel-actions {
  display: flex !important;
  justify-content: flex-end !important;
  gap: 0.42rem !important;
}

.shop-back-action,
.shop-list-action,
.shop-pane-nav-action {
  height: 2.42rem !important;
  min-height: 2.42rem !important;
  border: 1px solid var(--hashop-line) !important;
  border-radius: var(--hashop-radius) !important;
  background: #101010 !important;
  color: var(--hashop-ink) !important;
  box-shadow: none !important;
}

.shop-pane-nav-action {
  width: 2.42rem !important;
  padding: 0 !important;
}

.home-panel-heading {
  margin: 0 !important;
  padding: 0.1rem 0.02rem 0 !important;
}

.home-panel-heading h1 {
  max-width: 15.75rem !important;
  margin: 0 !important;
  color: var(--hashop-ink) !important;
  font-family: "Sora", "Manrope", sans-serif !important;
  font-size: clamp(1.58rem, 7vw, 2.28rem) !important;
  font-weight: 820 !important;
  letter-spacing: -0.06em !important;
  line-height: 0.99 !important;
}

.shop-list-head {
  display: block !important;
  min-height: 3.12rem !important;
  padding: 0 !important;
}

.shop-list-search {
  position: relative !important;
  display: block !important;
  width: 100% !important;
}

.shop-list-search::before {
  content: "" !important;
  position: absolute !important;
  left: 1rem !important;
  top: 50% !important;
  z-index: 1 !important;
  width: 0.78rem !important;
  height: 0.78rem !important;
  border: 2px solid var(--hashop-muted) !important;
  border-radius: 999px !important;
  transform: translateY(-54%) !important;
}

.shop-list-search::after {
  content: "" !important;
  position: absolute !important;
  left: 1.64rem !important;
  top: 1.92rem !important;
  z-index: 1 !important;
  width: 0.42rem !important;
  height: 0.12rem !important;
  border-radius: 999px !important;
  background: var(--hashop-muted) !important;
  transform: rotate(45deg) !important;
}

.shop-list-search-input {
  display: block !important;
  width: 100% !important;
  height: 3.12rem !important;
  min-height: 3.12rem !important;
  padding: 0 0.95rem 0 2.65rem !important;
  border: 1px solid var(--hashop-line) !important;
  border-radius: var(--hashop-radius) !important;
  background: #080808 !important;
  color: var(--hashop-ink) !important;
  font: inherit !important;
  font-size: 0.95rem !important;
  outline: none !important;
  box-shadow: inset 0 1px 0 rgba(255, 239, 185, 0.05) !important;
}

.shop-list-search-input::placeholder {
  color: rgba(247, 241, 223, 0.48) !important;
}

.shop-list-search-input:focus {
  border-color: rgba(242, 212, 130, 0.66) !important;
  box-shadow: 0 0 0 3px rgba(214, 172, 84, 0.12), inset 0 1px 0 rgba(255, 239, 185, 0.05) !important;
}

.shop-list-grid {
  min-height: 0 !important;
  padding: 0 0.08rem 0.1rem 0 !important;
  display: grid !important;
  align-content: start !important;
  gap: 0.68rem !important;
  overflow: auto !important;
  overscroll-behavior: contain !important;
  scrollbar-width: thin !important;
}

.shop-list-empty {
  padding: 1rem !important;
  border: 1px solid var(--hashop-line) !important;
  border-radius: var(--hashop-radius) !important;
  background: #101010 !important;
  color: var(--hashop-muted) !important;
}

.shop-card {
  position: relative !important;
  width: 100% !important;
  border: 1px solid rgba(214, 172, 84, 0.2) !important;
  border-radius: var(--hashop-radius) !important;
  background: linear-gradient(180deg, var(--hashop-card-2), #0b0b0b) !important;
  color: var(--hashop-ink) !important;
  box-shadow: inset 0 1px 0 rgba(255, 239, 185, 0.05), 0 0.8rem 1.8rem rgba(0, 0, 0, 0.28) !important;
}

.shop-card::before,
.shop-card::after {
  content: none !important;
}

.shop-discovery-card {
  min-height: 6.05rem !important;
  padding: 0.66rem !important;
  display: grid !important;
  grid-template-columns: 4.65rem minmax(0, 1fr) 2.65rem !important;
  align-items: center !important;
  gap: 0.7rem !important;
  cursor: pointer !important;
}

.shop-discovery-card .shop-card-media,
.shop-discovery-card .shop-card-mark,
.shop-discovery-card .shop-card-actions,
.shop-discovery-card .shop-card-meta,
.shop-discovery-card .shop-card-tags,
.shop-discovery-card .shop-card-note {
  display: none !important;
}

.shop-card-thumb {
  width: 4.65rem !important;
  height: 4.65rem !important;
  overflow: hidden !important;
  border: 1px solid rgba(214, 172, 84, 0.26) !important;
  border-radius: var(--hashop-radius) !important;
  display: grid !important;
  place-items: center !important;
  background: linear-gradient(145deg, rgba(242, 212, 130, 0.14), rgba(214, 172, 84, 0.04)), #111 !important;
  color: var(--hashop-gold-2) !important;
  font-family: "Sora", sans-serif !important;
  font-size: 1.42rem !important;
  font-weight: 900 !important;
}

.shop-card-thumb img {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: contain !important;
}

.shop-card-main {
  min-width: 0 !important;
  display: grid !important;
  gap: 0.48rem !important;
}

.shop-card-topline {
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: start !important;
  gap: 0.5rem !important;
}

.shop-card-title-block {
  min-width: 0 !important;
  display: grid !important;
  gap: 0.16rem !important;
}

.shop-card-title-block strong {
  overflow: hidden !important;
  color: var(--hashop-ink) !important;
  font-size: 0.98rem !important;
  font-weight: 850 !important;
  line-height: 1.14 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.shop-card-subtitle {
  overflow: hidden !important;
  color: var(--hashop-muted) !important;
  font-size: 0.76rem !important;
  line-height: 1.15 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.shop-card-open {
  min-height: 1.42rem !important;
  padding: 0 0.46rem !important;
  border: 1px solid rgba(214, 172, 84, 0.28) !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  color: var(--hashop-gold-2) !important;
  background: rgba(214, 172, 84, 0.09) !important;
  font-size: 0.62rem !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

.shop-card-open.is-closed {
  border-color: rgba(240, 164, 134, 0.32) !important;
  background: rgba(240, 164, 134, 0.1) !important;
  color: var(--hashop-red) !important;
}

.shop-card-add {
  min-height: 2.34rem !important;
  padding: 0 0.82rem !important;
  border: 1px solid rgba(255, 230, 163, 0.68) !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: linear-gradient(135deg, #ffe7a4 0%, #d6ac54 56%, #9b6c24 100%) !important;
  color: #141006 !important;
  font: inherit !important;
  font-size: 0.76rem !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.34), 0 0.65rem 1.15rem rgba(142, 94, 24, 0.2) !important;
  cursor: pointer !important;
}

.shop-card-items {
  min-width: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 0.34rem !important;
  overflow: hidden !important;
}

.shop-card-item {
  flex: 0 0 auto !important;
  max-width: 7rem !important;
  min-height: 1.46rem !important;
  padding: 0 0.48rem !important;
  overflow: hidden !important;
  border: 1px solid rgba(214, 172, 84, 0.18) !important;
  border-radius: 999px !important;
  background: rgba(214, 172, 84, 0.07) !important;
  color: rgba(247, 241, 223, 0.78) !important;
  font-size: 0.68rem !important;
  font-weight: 780 !important;
  line-height: 1 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.shop-card-call {
  position: relative !important;
  width: 2.65rem !important;
  height: 2.65rem !important;
  min-width: 2.65rem !important;
  min-height: 2.65rem !important;
  padding: 0 !important;
  border: 1px solid rgba(242, 212, 130, 0.64) !important;
  border-radius: 999px !important;
  display: inline-grid !important;
  place-items: center !important;
  justify-self: end !important;
  background: linear-gradient(135deg, #fff0b3, var(--hashop-gold) 58%, #9b6c24) !important;
  color: #050505 !important;
  text-decoration: none !important;
  box-shadow: 0 0.65rem 1.35rem rgba(214, 172, 84, 0.18) !important;
}

.shop-card-call span::before {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  width: 0.76rem !important;
  height: 0.76rem !important;
  border: 2px solid currentColor !important;
  border-top-color: transparent !important;
  border-right-color: transparent !important;
  border-radius: 0.7rem !important;
  transform: translate(-50%, -50%) rotate(-45deg) !important;
}

.shop-card-call.is-disabled {
  opacity: 0.42 !important;
  filter: grayscale(0.4) !important;
}

.home-bottom-nav {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 0.24rem !important;
  align-items: center !important;
  padding: 0.22rem 0 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.home-bottom-link {
  min-width: 0 !important;
  min-height: 2.55rem !important;
  padding: 0.35rem 0.2rem !important;
  border: 0 !important;
  border-radius: var(--hashop-radius) !important;
  display: grid !important;
  place-items: center !important;
  gap: 0.16rem !important;
  background: transparent !important;
  color: rgba(247, 241, 223, 0.48) !important;
  font: inherit !important;
  font-size: 0.68rem !important;
  font-weight: 820 !important;
}

.home-bottom-link.is-active {
  background: rgba(214, 172, 84, 0.1) !important;
  color: var(--hashop-gold-2) !important;
}

.home-bottom-link-icon {
  width: 1rem !important;
  height: 1rem !important;
  color: currentColor !important;
}

.shop-pane-detail,
.shop-pane-hero,
.shop-pane-cart,
.shop-pane-item,
.shop-login-form,
.shop-account-section,
.shop-owner-bar,
.shop-owner-section,
.shop-pane-notice {
  border: 1px solid rgba(214, 172, 84, 0.22) !important;
  border-radius: var(--hashop-radius) !important;
  background: linear-gradient(180deg, #151515, #090909) !important;
  color: var(--hashop-ink) !important;
  box-shadow: inset 0 1px 0 rgba(255, 239, 185, 0.05), 0 0.8rem 1.8rem rgba(0, 0, 0, 0.28) !important;
}

.shop-pane-hero h2,
.shop-pane-cart-title h2,
.shop-pane-item-head strong,
.shop-pane-cart-head strong,
.shop-pane-cart-foot strong,
.shop-cart-copy strong,
.shop-account-section-head strong,
.shop-account-shop strong,
.shop-account-summary-row strong {
  color: var(--hashop-ink) !important;
}

.shop-pane-hero p,
.shop-pane-cart-title p,
.shop-pane-cart-label,
.shop-pane-confirm-copy,
.shop-pay-note,
.shop-account-note,
.shop-login-status,
.shop-pane-notice,
.shop-pane-item p,
.shop-pane-item-meta span,
.shop-pane-cart-head span,
.shop-pane-cart-foot span,
.shop-cart-copy span,
.shop-cart-qty,
.shop-account-section-head span,
.shop-account-shop span,
.shop-account-summary-row span,
.shop-login-field span,
.shop-owner-field span,
.shop-owner-time-field span,
.shop-owner-field-note {
  color: var(--hashop-muted) !important;
}

.shop-pane-chip,
.shop-pane-distance,
.shop-pane-pill,
.shop-pane-ready,
.shop-pane-stats span {
  border: 1px solid rgba(214, 172, 84, 0.22) !important;
  border-radius: 999px !important;
  background: rgba(214, 172, 84, 0.08) !important;
  color: var(--hashop-gold-2) !important;
}

.shop-login-input,
.shop-owner-input,
.shop-owner-textarea {
  border: 1px solid var(--hashop-line) !important;
  border-radius: var(--hashop-radius) !important;
  background: #080808 !important;
  color: var(--hashop-ink) !important;
}

.shop-cart-pay,
.shop-login-submit,
.shop-card-action-btn.is-primary,
.shop-pane-quick-link.is-primary {
  border: 1px solid rgba(242, 212, 130, 0.62) !important;
  border-radius: var(--hashop-radius) !important;
  background: linear-gradient(135deg, #fff0b3, var(--hashop-gold) 58%, #9b6c24) !important;
  color: #050505 !important;
  font-weight: 900 !important;
}

.shop-owner-chip-button.is-danger,
.shop-cart-pay.is-danger {
  border: 1px solid rgba(240, 164, 134, 0.42) !important;
  border-radius: var(--hashop-radius) !important;
  background: rgba(240, 164, 134, 0.1) !important;
  color: var(--hashop-red) !important;
  font-weight: 900 !important;
}

.map-popup strong {
  color: #101010 !important;
}

.map-popup span {
  color: #475467 !important;
}

@media (max-width: 360px) {
  .shell-home {
    padding: 0.5rem !important;
  }

  .shop-list-panel {
    padding-inline: 0.58rem !important;
  }

  .shop-discovery-card {
    grid-template-columns: 4.15rem minmax(0, 1fr) 2.45rem !important;
    gap: 0.55rem !important;
  }

  .shop-card-thumb {
    width: 4.15rem !important;
    height: 4.15rem !important;
  }

  .shop-card-call {
    width: 2.45rem !important;
    height: 2.45rem !important;
    min-width: 2.45rem !important;
    min-height: 2.45rem !important;
  }

  .home-panel-heading h1 {
    max-width: 14rem !important;
    font-size: 1.46rem !important;
  }
}

@media (min-width: 900px) {
  .shell-home {
    padding: 1rem !important;
    gap: 1rem !important;
  }

  .home-chrome,
  .home-stage {
    width: min(100%, 72rem) !important;
    max-width: 72rem !important;
  }

  .home-chrome {
    min-height: 3.7rem !important;
    padding: 0.68rem 0.8rem !important;
  }

  .home-stage {
    grid-template-columns: minmax(24rem, 0.92fr) minmax(25rem, 1fr) !important;
    grid-template-rows: minmax(0, 1fr) !important;
    gap: 1rem !important;
  }

  .map-screen {
    border-radius: var(--hashop-radius) !important;
  }

  .shop-list-panel {
    margin: 0 !important;
    padding: 1rem !important;
    border-radius: var(--hashop-radius) !important;
  }

  .home-panel-heading h1 {
    max-width: 28rem !important;
    font-size: clamp(2.25rem, 3.2vw, 3.45rem) !important;
  }

  .shop-discovery-card {
    grid-template-columns: 5rem minmax(0, 1fr) 2.84rem !important;
    min-height: 6.5rem !important;
    padding: 0.78rem !important;
  }

  .shop-card-thumb {
    width: 5rem !important;
    height: 5rem !important;
  }

  .shop-card-call {
    width: 2.84rem !important;
    height: 2.84rem !important;
    min-width: 2.84rem !important;
    min-height: 2.84rem !important;
  }
}

@media (min-width: 1180px) {
  .home-chrome,
  .home-stage {
    width: min(100%, 82rem) !important;
    max-width: 82rem !important;
  }

  .home-stage {
    grid-template-columns: minmax(30rem, 1.08fr) minmax(27rem, 0.92fr) !important;
  }
}

/* Layout stability pass: keep every major container independent and aligned. */
html,
body {
  min-height: 100% !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
}

.shell-home {
  width: 100% !important;
  height: auto !important;
  min-height: 100dvh !important;
  padding: 0.75rem !important;
  display: block !important;
  overflow: visible !important;
}

.home-chrome,
.home-stage {
  width: min(100%, 31rem) !important;
  max-width: 31rem !important;
  margin-inline: auto !important;
}

.home-chrome {
  margin-bottom: 0.75rem !important;
}

.home-stage {
  display: grid !important;
  grid-template-columns: 1fr !important;
  grid-template-rows: auto auto !important;
  gap: 0.75rem !important;
  min-height: 0 !important;
  overflow: visible !important;
}

.map-screen,
.shop-list-panel,
.shop-card,
.shop-pane-detail,
.shop-pane-hero,
.shop-pane-cart,
.shop-pane-item,
.shop-login-form,
.shop-account-section,
.shop-owner-bar,
.shop-owner-section,
.shop-pane-notice,
.shop-list-empty,
.shop-list-search-input,
.home-chrome {
  border-radius: var(--hashop-radius) !important;
}

.map-screen {
  width: 100% !important;
  height: clamp(12rem, 34dvh, 16rem) !important;
  min-height: 12rem !important;
  max-height: 16rem !important;
  margin: 0 !important;
  border: 1px solid var(--hashop-line-strong) !important;
  box-shadow: inset 0 1px 0 rgba(255, 239, 185, 0.05), 0 0.8rem 1.6rem rgba(0, 0, 0, 0.24) !important;
}

.shop-list-panel {
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0.82rem !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  grid-template-rows: auto auto minmax(0, auto) auto !important;
  gap: 0.78rem !important;
  overflow: visible !important;
  border: 1px solid var(--hashop-line-strong) !important;
  background: linear-gradient(180deg, rgba(15, 15, 15, 0.98), rgba(7, 7, 7, 0.99)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 239, 185, 0.05), 0 0.8rem 1.6rem rgba(0, 0, 0, 0.24) !important;
}

.shop-list-panel.is-content-view {
  grid-template-rows: auto minmax(0, auto) !important;
}

.shop-list-grid {
  overflow: visible !important;
  max-height: none !important;
  padding: 0 !important;
}

.shop-discovery-card {
  grid-template-columns: 4.25rem minmax(0, 1fr) 2.5rem !important;
  min-height: 5.55rem !important;
  padding: 0.62rem !important;
  gap: 0.62rem !important;
}

.shop-card-thumb {
  width: 4.25rem !important;
  height: 4.25rem !important;
}

.shop-card-call {
  width: 2.5rem !important;
  height: 2.5rem !important;
  min-width: 2.5rem !important;
  min-height: 2.5rem !important;
}

.home-bottom-nav {
  padding-top: 0.18rem !important;
}

.shell-home.is-pane-focused .map-screen {
  display: none !important;
}

.shell-home.is-pane-focused .home-stage {
  grid-template-rows: auto !important;
}

.shell-home.is-pane-focused .shop-list-panel {
  min-height: calc(100dvh - 5.6rem) !important;
}

@media (max-width: 360px) {
  .shell-home {
    padding: 0.58rem !important;
  }

  .home-chrome {
    margin-bottom: 0.58rem !important;
  }

  .home-stage {
    gap: 0.58rem !important;
  }

  .shop-list-panel {
    padding: 0.64rem !important;
  }
}

@media (min-width: 900px) {
  .shell-home {
    padding: 1rem !important;
  }

  .home-chrome,
  .home-stage {
    width: min(100%, 78rem) !important;
    max-width: 78rem !important;
  }

  .home-chrome {
    margin-bottom: 1rem !important;
  }

  .home-stage {
    grid-template-columns: minmax(24rem, 1.05fr) minmax(26rem, 0.95fr) !important;
    grid-template-rows: auto !important;
    gap: 1rem !important;
    align-items: start !important;
  }

  .map-screen {
    height: calc(100dvh - 6.75rem) !important;
    min-height: 34rem !important;
    max-height: none !important;
    position: sticky !important;
    top: 1rem !important;
  }

  .shop-list-panel {
    min-height: calc(100dvh - 6.75rem) !important;
    align-content: start !important;
  }

  .shell-home.is-pane-focused .map-screen {
    display: block !important;
  }

  .shell-home.is-pane-focused .shop-list-panel {
    min-height: calc(100dvh - 6.75rem) !important;
  }

  .shop-discovery-card {
    grid-template-columns: 4.75rem minmax(0, 1fr) 2.75rem !important;
    min-height: 6.1rem !important;
    padding: 0.72rem !important;
  }

  .shop-card-thumb {
    width: 4.75rem !important;
    height: 4.75rem !important;
  }

  .shop-card-call {
    width: 2.75rem !important;
    height: 2.75rem !important;
    min-width: 2.75rem !important;
    min-height: 2.75rem !important;
  }
}

/* Template refinement: map-first, aligned, no dashboard clutter. */
.home-chrome,
.map-screen,
.shop-list-panel {
  border-color: rgba(214, 172, 84, 0.34) !important;
  background-clip: padding-box !important;
}

.home-stage {
  gap: 0.82rem !important;
}

.map-screen {
  isolation: isolate !important;
  border-radius: var(--hashop-radius) !important;
  background:
    radial-gradient(circle at 53% 45%, rgba(240, 210, 134, 0.24), transparent 0.28rem),
    radial-gradient(circle at 53% 45%, rgba(214, 172, 84, 0.18), transparent 4.6rem),
    linear-gradient(30deg, transparent 0 41%, rgba(240, 210, 134, 0.1) 41.2% 41.7%, transparent 41.9%),
    linear-gradient(140deg, transparent 0 30%, rgba(240, 210, 134, 0.08) 30.2% 30.65%, transparent 30.9%),
    linear-gradient(90deg, rgba(214, 172, 84, 0.07) 1px, transparent 1px),
    linear-gradient(0deg, rgba(214, 172, 84, 0.05) 1px, transparent 1px),
    linear-gradient(135deg, #070707, #15120c 58%, #050505) !important;
  background-size: auto, auto, auto, auto, 3rem 3rem, 3rem 3rem, auto !important;
}

.map-screen::before {
  z-index: 20 !important;
}

.map-screen::after {
  z-index: 10 !important;
  background:
    linear-gradient(180deg, rgba(5, 5, 5, 0.02), rgba(5, 5, 5, 0.36)),
    radial-gradient(circle at 53% 45%, transparent 0 3.7rem, rgba(5, 5, 5, 0.28) 8.5rem) !important;
}

.map-locate-button {
  position: absolute !important;
  right: 0.72rem !important;
  top: 0.72rem !important;
  z-index: 900 !important;
  min-width: 7.15rem !important;
  min-height: 2.58rem !important;
  padding: 0 0.84rem !important;
  border: 1px solid rgba(240, 210, 134, 0.54) !important;
  border-radius: var(--hashop-radius) !important;
  display: inline-grid !important;
  grid-template-columns: auto auto !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.48rem !important;
  background: rgba(7, 7, 7, 0.88) !important;
  color: var(--hashop-ink) !important;
  font-family: "Manrope", "Sora", sans-serif !important;
  font-size: 0.78rem !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  box-shadow: 0 0.72rem 1.5rem rgba(0, 0, 0, 0.38), inset 0 1px 0 rgba(255, 239, 185, 0.08) !important;
  cursor: pointer !important;
  touch-action: manipulation !important;
  -webkit-tap-highlight-color: transparent !important;
}

.map-locate-button-icon {
  position: relative !important;
  width: 0.88rem !important;
  height: 0.88rem !important;
  border: 2px solid currentColor !important;
  border-radius: 999px !important;
  color: var(--hashop-gold-2) !important;
  box-shadow: 0 0 0 0.22rem rgba(214, 172, 84, 0.12) !important;
}

.map-locate-button-icon::before,
.map-locate-button-icon::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  background: currentColor !important;
  border-radius: 999px !important;
  transform: translate(-50%, -50%) !important;
}

.map-locate-button-icon::before {
  width: 1.28rem !important;
  height: 2px !important;
}

.map-locate-button-icon::after {
  width: 2px !important;
  height: 1.28rem !important;
}

.map-locate-button.is-active {
  border-color: rgba(240, 210, 134, 0.8) !important;
  background: linear-gradient(135deg, rgba(36, 28, 12, 0.96), rgba(8, 8, 8, 0.92)) !important;
  color: var(--hashop-gold-2) !important;
}

.map-locate-button.is-loading .map-locate-button-icon {
  animation: hashop-locate-spin 0.9s linear infinite !important;
}

.map-compass-button {
  --map-heading: 0deg;
  position: absolute !important;
  right: 0.72rem !important;
  top: 3.72rem !important;
  z-index: 900 !important;
  width: 2.58rem !important;
  height: 2.58rem !important;
  min-width: 2.58rem !important;
  min-height: 2.58rem !important;
  padding: 0 !important;
  border: 1px solid rgba(240, 210, 134, 0.44) !important;
  border-radius: 999px !important;
  display: inline-grid !important;
  place-items: center !important;
  background: rgba(7, 7, 7, 0.86) !important;
  color: var(--hashop-ink) !important;
  box-shadow: 0 0.72rem 1.5rem rgba(0, 0, 0, 0.34), inset 0 1px 0 rgba(255, 239, 185, 0.08) !important;
  cursor: pointer !important;
  touch-action: manipulation !important;
  -webkit-tap-highlight-color: transparent !important;
}

.map-compass-button::before {
  content: "" !important;
  position: absolute !important;
  inset: 0.42rem !important;
  border: 1px solid rgba(240, 210, 134, 0.28) !important;
  border-radius: inherit !important;
}

.map-compass-needle {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  width: 0.55rem !important;
  height: 1.35rem !important;
  background: linear-gradient(180deg, var(--hashop-gold-2) 0 47%, rgba(247, 241, 223, 0.42) 47% 100%) !important;
  clip-path: polygon(50% 0, 100% 48%, 62% 48%, 62% 100%, 38% 100%, 38% 48%, 0 48%) !important;
  transform: translate(-50%, -50%) rotate(calc(var(--map-heading) * -1)) !important;
  transform-origin: center !important;
  filter: drop-shadow(0 0 0.52rem rgba(214, 172, 84, 0.34)) !important;
}

.map-compass-label {
  position: absolute !important;
  left: 50% !important;
  top: 0.24rem !important;
  transform: translateX(-50%) !important;
  color: var(--hashop-gold-2) !important;
  font-family: "Sora", "Manrope", sans-serif !important;
  font-size: 0.52rem !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

.map-compass-button.has-heading {
  border-color: rgba(240, 210, 134, 0.72) !important;
  background: linear-gradient(135deg, rgba(29, 23, 11, 0.94), rgba(7, 7, 7, 0.88)) !important;
}

@keyframes hashop-locate-spin {
  to {
    transform: rotate(360deg);
  }
}

.home-panel-heading h1,
.home-brand-name,
.shop-card-title-block strong {
  letter-spacing: 0 !important;
}

.home-panel-heading h1 {
  max-width: 22rem !important;
  font-size: 1.82rem !important;
  line-height: 1.08 !important;
}

.shop-list-panel {
  border-radius: var(--hashop-radius) !important;
  box-shadow: inset 0 1px 0 rgba(255, 239, 185, 0.05), 0 1rem 2rem rgba(0, 0, 0, 0.3) !important;
}

.shop-discovery-card {
  border-color: rgba(214, 172, 84, 0.26) !important;
}

@media (max-width: 360px) {
  .map-locate-button {
    right: 0.58rem !important;
    top: 0.58rem !important;
    min-width: 6.72rem !important;
    min-height: 2.44rem !important;
    padding: 0 0.68rem !important;
    font-size: 0.74rem !important;
  }

  .map-compass-button {
    right: 0.58rem !important;
    top: 3.48rem !important;
    width: 2.44rem !important;
    height: 2.44rem !important;
    min-width: 2.44rem !important;
    min-height: 2.44rem !important;
  }

  .home-panel-heading h1 {
    font-size: 1.66rem !important;
  }
}

@media (min-width: 900px) {
  .home-stage {
    gap: 1rem !important;
  }

  .map-locate-button {
    right: 0.92rem !important;
    top: 0.92rem !important;
  }

  .map-compass-button {
    right: 0.92rem !important;
    top: 3.92rem !important;
  }

  .home-panel-heading h1 {
    font-size: 2rem !important;
  }
}

/* Screen-fit correction: map stays visible, list scrolls, nav stays reachable. */
html,
body {
  height: 100% !important;
  overflow: hidden !important;
}

.shell-home {
  height: 100svh !important;
  height: 100dvh !important;
  min-height: 100svh !important;
  min-height: 100dvh !important;
  padding: 0.5rem 0.5rem calc(0.5rem + env(safe-area-inset-bottom)) !important;
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
  gap: 0.5rem !important;
  overflow: hidden !important;
}

.home-chrome,
.home-stage {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

.home-chrome {
  min-height: 3.05rem !important;
  padding: 0.5rem 0.6rem !important;
}

.home-stage {
  height: 100% !important;
  min-height: 0 !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  grid-template-rows: clamp(11.25rem, 31dvh, 15.25rem) minmax(0, 1fr) !important;
  gap: 0.5rem !important;
  overflow: hidden !important;
}

.map-screen {
  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  position: relative !important;
  top: auto !important;
  box-shadow: inset 0 1px 0 rgba(255, 239, 185, 0.05), 0 0.7rem 1.4rem rgba(0, 0, 0, 0.28) !important;
}

.discovery-map,
.leaflet-container {
  filter: none !important;
}

.leaflet-tile {
  filter: none !important;
}

.hashop-map-labels {
  filter: brightness(1.72) saturate(0.68) sepia(0.18) hue-rotate(-8deg) drop-shadow(0 1px 1px rgba(0, 0, 0, 0.74)) !important;
  opacity: 0.9 !important;
}

.hashop-map-dark-tile {
  filter: brightness(1.16) saturate(0.72) contrast(1.04) sepia(0.12) hue-rotate(-8deg) !important;
}

.map-screen::after {
  background:
    linear-gradient(180deg, rgba(5, 5, 5, 0.02), rgba(5, 5, 5, 0.24)),
    radial-gradient(circle at 53% 45%, transparent 0 3.9rem, rgba(5, 5, 5, 0.13) 9rem),
    linear-gradient(90deg, rgba(214, 172, 84, 0.075) 1px, transparent 1px),
    linear-gradient(0deg, rgba(214, 172, 84, 0.052) 1px, transparent 1px) !important;
  background-size: auto, auto, 3rem 3rem, 3rem 3rem !important;
}

.shop-owner-item-picker {
  gap: 0.52rem !important;
}

.shop-owner-item-select {
  border-color: rgba(214, 172, 84, 0.2) !important;
  border-radius: var(--hashop-radius) !important;
  background: linear-gradient(180deg, rgba(18, 18, 18, 0.96), rgba(10, 10, 10, 0.98)) !important;
}

.shop-owner-item-select.is-selected {
  border-color: rgba(240, 210, 134, 0.68) !important;
  background: linear-gradient(180deg, rgba(31, 25, 12, 0.96), rgba(11, 11, 11, 0.98)) !important;
  box-shadow: 0 0 0 2px rgba(214, 172, 84, 0.12), inset 0 1px 0 rgba(255, 239, 185, 0.08) !important;
}

.shop-owner-item-select-action,
.shop-owner-edit-pill {
  flex: 0 0 auto !important;
  min-height: 1.55rem !important;
  padding: 0 0.5rem !important;
  border: 1px solid rgba(214, 172, 84, 0.28) !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(214, 172, 84, 0.09) !important;
  color: var(--hashop-gold-2) !important;
  font-size: 0.64rem !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

.shop-owner-item-editor {
  padding: 0.62rem !important;
  border: 1px solid rgba(240, 210, 134, 0.24) !important;
  border-radius: var(--hashop-radius) !important;
  background: rgba(214, 172, 84, 0.045) !important;
}

.shop-owner-inline-label {
  color: var(--hashop-gold-2) !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

.shop-owner-item-card {
  border-color: rgba(240, 210, 134, 0.26) !important;
  border-radius: var(--hashop-radius) !important;
  background: linear-gradient(180deg, rgba(17, 17, 17, 0.98), rgba(8, 8, 8, 0.99)) !important;
}

.shop-owner-item-card-head {
  align-items: center !important;
}

.shop-owner-add-toggle {
  gap: 0.42rem !important;
}

.shop-owner-add-toggle span {
  width: 1.18rem !important;
  height: 1.18rem !important;
  border-radius: 999px !important;
  display: inline-grid !important;
  place-items: center !important;
  background: rgba(5, 5, 5, 0.22) !important;
  font-size: 1rem !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

.shop-owner-add-sheet {
  margin-top: 0.62rem !important;
  padding: 0.52rem !important;
  border: 1px solid rgba(240, 210, 134, 0.24) !important;
  border-radius: var(--hashop-radius) !important;
  display: grid !important;
  gap: 0.44rem !important;
  background: linear-gradient(180deg, rgba(18, 16, 10, 0.98), rgba(7, 7, 7, 0.99)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 239, 185, 0.06), 0 0.72rem 1.4rem rgba(0, 0, 0, 0.28) !important;
}

.shop-owner-add-option {
  appearance: none !important;
  width: 100% !important;
  min-height: 3.25rem !important;
  padding: 0.66rem 0.72rem !important;
  border: 1px solid rgba(214, 172, 84, 0.2) !important;
  border-radius: var(--hashop-radius) !important;
  display: grid !important;
  gap: 0.12rem !important;
  background: rgba(9, 9, 9, 0.88) !important;
  color: var(--hashop-ink) !important;
  font: inherit !important;
  text-align: left !important;
  cursor: pointer !important;
}

.shop-owner-add-option strong {
  color: var(--hashop-ink) !important;
  font-size: 0.88rem !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
}

.shop-owner-add-option span {
  color: var(--hashop-muted) !important;
  font-size: 0.74rem !important;
  font-weight: 760 !important;
  line-height: 1.2 !important;
}

.shop-owner-add-option:focus-visible {
  outline: 2px solid rgba(240, 210, 134, 0.7) !important;
  outline-offset: 2px !important;
}

@media (max-width: 380px) {
  .shop-owner-item-select-row,
  .shop-owner-item-card-head {
    align-items: flex-start !important;
  }

  .shop-owner-item-select-action,
  .shop-owner-edit-pill {
    margin-left: 0 !important;
  }
}

.shop-list-panel {
  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0.68rem !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  grid-template-rows: auto auto minmax(0, 1fr) auto !important;
  gap: 0.62rem !important;
  overflow: hidden !important;
  border-radius: var(--hashop-radius) !important;
}

.shop-list-panel.is-content-view {
  grid-template-rows: auto minmax(0, 1fr) auto !important;
}

.shop-list-grid {
  min-height: 0 !important;
  max-height: none !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
  -webkit-overflow-scrolling: touch !important;
}

.home-bottom-nav {
  position: relative !important;
  z-index: 30 !important;
  padding: 0.18rem 0 0 !important;
  background: linear-gradient(180deg, rgba(10, 10, 10, 0), rgba(10, 10, 10, 0.92) 38%, rgba(10, 10, 10, 0.98)) !important;
}

.shell-home.is-pane-focused .map-screen {
  display: none !important;
}

.shell-home.is-pane-focused .home-stage {
  grid-template-rows: minmax(0, 1fr) !important;
}

.shell-home.is-pane-focused .shop-list-panel {
  height: 100% !important;
  min-height: 0 !important;
}

@media (max-height: 620px) {
  .home-stage {
    grid-template-rows: clamp(9.5rem, 28dvh, 11.5rem) minmax(0, 1fr) !important;
  }

  .home-panel-heading h1 {
    font-size: 1.48rem !important;
    line-height: 1.04 !important;
  }

  .shop-list-search-input {
    height: 2.72rem !important;
    min-height: 2.72rem !important;
  }

  .home-bottom-link {
    min-height: 2.28rem !important;
  }
}

@media (min-width: 900px) {
  .shell-home {
    padding: 0.75rem !important;
    gap: 0.75rem !important;
  }

  .home-stage {
    grid-template-columns: minmax(0, 1.18fr) minmax(23rem, 0.82fr) !important;
    grid-template-rows: minmax(0, 1fr) !important;
    gap: 0.75rem !important;
    align-items: stretch !important;
  }

  .map-screen {
    height: 100% !important;
    min-height: 0 !important;
    position: relative !important;
    top: auto !important;
  }

  .shop-list-panel {
    height: 100% !important;
    min-height: 0 !important;
    align-content: stretch !important;
  }

  .shell-home.is-pane-focused .map-screen {
    display: block !important;
  }

  .shell-home.is-pane-focused .home-stage {
    grid-template-columns: minmax(0, 1.18fr) minmax(23rem, 0.82fr) !important;
    grid-template-rows: minmax(0, 1fr) !important;
  }
}

/* Organization pass: one named screen controls layout and prevents state overlap. */
.shell-home[data-hashop-screen] .home-stage {
  min-height: 0 !important;
  overflow: hidden !important;
}

.shop-list-panel[data-pane-mode] {
  min-height: 0 !important;
  height: 100% !important;
  overflow: hidden !important;
  align-content: stretch !important;
}

.shop-list-panel[data-pane-mode="home"],
.shop-list-panel[data-pane-mode="search"],
.shop-list-panel[data-pane-mode="contact"],
.shop-list-panel[data-pane-mode="shop"],
.shop-list-panel[data-pane-mode="cart"],
.shop-list-panel[data-pane-mode="history"],
.shop-list-panel[data-pane-mode="owner-shop"],
.shop-list-panel[data-pane-mode="owner-add"],
.shop-list-panel[data-pane-mode="owner-orders"],
.shop-list-panel[data-pane-mode="owner-items"] {
  grid-template-rows: auto auto minmax(0, 1fr) auto !important;
}

.shop-list-panel[data-pane-mode="confirmation"],
.shop-list-panel[data-pane-mode="account"],
.shop-list-panel[data-pane-mode="login"],
.shop-list-panel[data-pane-mode="owner-manage"],
.shop-list-panel[data-pane-mode="owner-stats"] {
  grid-template-rows: auto minmax(0, 1fr) auto !important;
}

.shop-list-panel[data-pane-mode="home"] .shop-panel-bar,
.shop-list-panel[data-pane-mode="search"] .shop-panel-bar,
.shop-list-panel[data-pane-mode="contact"] .shop-panel-bar {
  display: none !important;
}

.shop-list-panel[data-pane-mode="shop"] .shop-panel-bar,
.shop-list-panel[data-pane-mode="cart"] .shop-panel-bar,
.shop-list-panel[data-pane-mode="confirmation"] .shop-panel-bar,
.shop-list-panel[data-pane-mode="history"] .shop-panel-bar,
.shop-list-panel[data-pane-mode="account"] .shop-panel-bar,
.shop-list-panel[data-pane-mode="login"] .shop-panel-bar,
.shop-list-panel[data-pane-mode^="owner-"] .shop-panel-bar {
  display: grid !important;
}

.shop-list-panel[data-pane-mode="home"] .home-panel-heading,
.shop-list-panel[data-pane-mode="search"] .home-panel-heading,
.shop-list-panel[data-pane-mode="contact"] .home-panel-heading {
  display: block !important;
}

.shop-list-panel[data-pane-mode="shop"] .home-panel-heading,
.shop-list-panel[data-pane-mode="cart"] .home-panel-heading,
.shop-list-panel[data-pane-mode="confirmation"] .home-panel-heading,
.shop-list-panel[data-pane-mode="history"] .home-panel-heading,
.shop-list-panel[data-pane-mode="account"] .home-panel-heading,
.shop-list-panel[data-pane-mode="login"] .home-panel-heading,
.shop-list-panel[data-pane-mode^="owner-"] .home-panel-heading {
  display: none !important;
}

.shop-list-panel[data-pane-mode="home"] .shop-list-head,
.shop-list-panel[data-pane-mode="search"] .shop-list-head,
.shop-list-panel[data-pane-mode="contact"] .shop-list-head,
.shop-list-panel[data-pane-mode="shop"] .shop-list-head,
.shop-list-panel[data-pane-mode="cart"] .shop-list-head,
.shop-list-panel[data-pane-mode="history"] .shop-list-head,
.shop-list-panel[data-pane-mode="owner-shop"] .shop-list-head,
.shop-list-panel[data-pane-mode="owner-add"] .shop-list-head,
.shop-list-panel[data-pane-mode="owner-orders"] .shop-list-head,
.shop-list-panel[data-pane-mode="owner-items"] .shop-list-head {
  display: block !important;
}

.shop-list-panel[data-pane-mode] .shop-list-head[hidden],
.shop-list-panel[data-pane-mode="confirmation"] .shop-list-head,
.shop-list-panel[data-pane-mode="account"] .shop-list-head,
.shop-list-panel[data-pane-mode="login"] .shop-list-head,
.shop-list-panel[data-pane-mode="owner-manage"] .shop-list-head,
.shop-list-panel[data-pane-mode="owner-stats"] .shop-list-head {
  display: none !important;
}

.shop-list-panel[data-pane-mode] .shop-list-grid {
  position: relative !important;
  z-index: 1 !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
  -webkit-overflow-scrolling: touch !important;
}

.shop-list-panel[data-pane-mode] .shop-pane-detail,
.shop-list-panel[data-pane-mode] .shop-login-form,
.shop-list-panel[data-pane-mode] .shop-account-section,
.shop-list-panel[data-pane-mode] .shop-owner-section,
.shop-list-panel[data-pane-mode] .shop-owner-form,
.shop-list-panel[data-pane-mode] .shop-owner-bar {
  max-width: 100% !important;
}

.shop-list-panel[data-pane-mode] .home-bottom-nav {
  position: relative !important;
  z-index: 3 !important;
  align-self: end !important;
  min-height: 2.55rem !important;
  flex: 0 0 auto !important;
}

@media (max-width: 899px) {
  .shell-home[data-hashop-screen="home"] .map-screen,
  .shell-home[data-hashop-screen="search"] .map-screen,
  .shell-home[data-hashop-screen="contact"] .map-screen,
  .shell-home[data-hashop-screen="history"] .map-screen,
  .shell-home[data-hashop-screen="account"] .map-screen,
  .shell-home[data-hashop-screen="login"] .map-screen {
    display: block !important;
  }

  .shell-home[data-hashop-screen="shop"] .map-screen,
  .shell-home[data-hashop-screen="cart"] .map-screen,
  .shell-home[data-hashop-screen="confirmation"] .map-screen,
  .shell-home[data-hashop-screen^="owner-"] .map-screen {
    display: none !important;
  }

  .shell-home[data-hashop-screen="shop"] .home-stage,
  .shell-home[data-hashop-screen="cart"] .home-stage,
  .shell-home[data-hashop-screen="confirmation"] .home-stage,
  .shell-home[data-hashop-screen^="owner-"] .home-stage {
    grid-template-rows: minmax(0, 1fr) !important;
  }

  .shell-home[data-hashop-screen="home"] .home-stage,
  .shell-home[data-hashop-screen="search"] .home-stage,
  .shell-home[data-hashop-screen="contact"] .home-stage,
  .shell-home[data-hashop-screen="history"] .home-stage,
  .shell-home[data-hashop-screen="account"] .home-stage,
  .shell-home[data-hashop-screen="login"] .home-stage {
    grid-template-rows: clamp(11.25rem, 31dvh, 15.25rem) minmax(0, 1fr) !important;
  }
}

/* State scroll correction 2026-05-15: state content must own a bounded scroll
   surface instead of extending behind the sheet frame or bottom controls. */
.shell-home[data-hashop-screen="setup"] .shop-list-grid,
.shell-home[data-hashop-screen="account"] .shop-list-grid,
.shell-home[data-hashop-screen="login"] .shop-list-grid,
.shell-home[data-hashop-screen="cart"] .shop-list-grid,
.shell-home[data-hashop-screen="confirmation"] .shop-list-grid,
.shell-home[data-hashop-screen^="owner-"] .shop-list-grid,
.shell-home[data-hashop-screen="shop"] .shop-list-grid {
  box-sizing: border-box !important;
  min-height: 0 !important;
  max-height: 100% !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior-y: contain !important;
  touch-action: pan-y !important;
  -webkit-overflow-scrolling: touch !important;
  scroll-padding-bottom: calc(1rem + env(safe-area-inset-bottom)) !important;
}

.shell-home[data-hashop-screen="setup"] .shop-list-grid::after,
.shell-home[data-hashop-screen="account"] .shop-list-grid::after,
.shell-home[data-hashop-screen="login"] .shop-list-grid::after,
.shell-home[data-hashop-screen="cart"] .shop-list-grid::after,
.shell-home[data-hashop-screen="confirmation"] .shop-list-grid::after,
.shell-home[data-hashop-screen^="owner-"] .shop-list-grid::after,
.shell-home[data-hashop-screen="shop"] .shop-list-grid::after {
  content: "" !important;
  display: block !important;
  min-height: calc(0.85rem + env(safe-area-inset-bottom)) !important;
}

.shop-list-panel[data-pane-mode="setup"] .shop-list-grid {
  height: 100% !important;
  padding-bottom: 0 !important;
}

.shop-list-panel[data-pane-mode="setup"] .shop-setup-pane {
  min-height: 0 !important;
  height: max-content !important;
  overflow: visible !important;
}

.shop-list-panel[data-pane-mode="setup"] .shop-login-form {
  border: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

.shop-list-panel[data-pane-mode="setup"]::before,
.shop-list-panel[data-pane-mode="setup"]::after,
.shell-home[data-hashop-screen="account"] .shop-list-panel::before,
.shell-home[data-hashop-screen="account"] .shop-list-panel::after,
.shell-home[data-hashop-screen="login"] .shop-list-panel::before,
.shell-home[data-hashop-screen="login"] .shop-list-panel::after {
  display: none !important;
}

@media (min-width: 900px) {
  .shell-home[data-hashop-screen] .map-screen {
    display: block !important;
  }

  .shell-home[data-hashop-screen] .home-stage {
    grid-template-columns: minmax(0, 1.18fr) minmax(23rem, 0.82fr) !important;
    grid-template-rows: minmax(0, 1fr) !important;
  }
}

/* Control rinse: clear action hierarchy, tactile targets, and obvious fields. */
:root {
  --hashop-control-radius: 10px;
  --hashop-control-h: 2.9rem;
  --hashop-control-line: rgba(240, 210, 134, 0.34);
  --hashop-control-line-soft: rgba(240, 210, 134, 0.18);
  --hashop-control-fill: rgba(14, 14, 14, 0.94);
  --hashop-control-fill-raised: linear-gradient(180deg, rgba(24, 22, 16, 0.98), rgba(9, 9, 9, 0.98));
  --hashop-control-primary: linear-gradient(135deg, #ffe7a4 0%, #d6ac54 54%, #9b6c24 100%);
  --hashop-control-focus: 0 0 0 3px rgba(240, 210, 134, 0.28), 0 0 0 1px rgba(240, 210, 134, 0.86);
}

.shop-list-action,
.shop-back-action,
.shop-pane-nav-action,
.shop-pane-quick-link,
.shop-card-add,
.shop-owner-save,
.shop-owner-tab,
.shop-owner-chip-button,
.shop-cart-pay,
.shop-login-submit,
.home-bottom-link,
.map-locate-button,
.map-compass-button {
  border-radius: var(--hashop-control-radius) !important;
  font-family: "Manrope", "Sora", sans-serif !important;
  font-weight: 880 !important;
  letter-spacing: 0 !important;
  text-decoration: none !important;
  transition: transform 120ms ease, border-color 120ms ease, background 120ms ease, color 120ms ease, box-shadow 120ms ease, opacity 120ms ease !important;
  -webkit-tap-highlight-color: transparent !important;
}

.shop-pane-quick-link,
.shop-card-add,
.shop-owner-save,
.shop-owner-tab,
.shop-owner-chip-button,
.shop-cart-pay,
.shop-login-submit {
  min-height: var(--hashop-control-h) !important;
  padding: 0 0.96rem !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.44rem !important;
  border: 1px solid var(--hashop-control-line) !important;
  background: var(--hashop-control-fill-raised) !important;
  color: var(--hashop-ink) !important;
  box-shadow: inset 0 1px 0 rgba(255, 239, 185, 0.07), 0 0.66rem 1.2rem rgba(0, 0, 0, 0.22) !important;
}

.shop-owner-save,
.shop-login-submit,
.shop-cart-pay:not(.shop-cart-pay-secondary),
.shop-pane-quick-link.is-primary,
.shop-owner-add-toggle {
  border-color: rgba(255, 230, 163, 0.68) !important;
  background: var(--hashop-control-primary) !important;
  color: #141006 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.34), 0 0.75rem 1.35rem rgba(142, 94, 24, 0.2) !important;
}

.shop-owner-tab,
.shop-owner-chip-button,
.shop-cart-pay-secondary,
.shop-pane-quick-link:not(.is-primary) {
  border-color: var(--hashop-control-line-soft) !important;
  background: linear-gradient(180deg, rgba(15, 15, 15, 0.96), rgba(8, 8, 8, 0.98)) !important;
  color: var(--hashop-ink) !important;
}

.shop-owner-tab.is-active,
.home-bottom-link.is-active {
  border-color: rgba(240, 210, 134, 0.62) !important;
  background: linear-gradient(180deg, rgba(38, 31, 14, 0.96), rgba(12, 12, 10, 0.98)) !important;
  color: var(--hashop-gold-2) !important;
  box-shadow: inset 0 1px 0 rgba(255, 239, 185, 0.11), 0 0.58rem 1rem rgba(0, 0, 0, 0.24) !important;
}

.shop-owner-chip-button.is-danger,
.shop-cart-pay.is-danger {
  border-color: rgba(240, 164, 134, 0.56) !important;
  background: linear-gradient(180deg, rgba(52, 18, 12, 0.96), rgba(13, 8, 7, 0.98)) !important;
  color: #ffd2c3 !important;
}

.shop-list-action,
.shop-back-action {
  min-height: 2.55rem !important;
  padding: 0 0.84rem !important;
  border: 1px solid var(--hashop-control-line-soft) !important;
  background: rgba(12, 12, 12, 0.9) !important;
  color: var(--hashop-ink) !important;
  box-shadow: inset 0 1px 0 rgba(255, 239, 185, 0.06) !important;
}

.shop-pane-nav-action {
  min-width: 2.55rem !important;
  min-height: 2.55rem !important;
  border: 1px solid var(--hashop-control-line-soft) !important;
  background: rgba(12, 12, 12, 0.9) !important;
  box-shadow: inset 0 1px 0 rgba(255, 239, 185, 0.06) !important;
}

.home-bottom-link {
  min-height: 2.74rem !important;
  padding: 0.3rem 0.2rem !important;
  border: 1px solid transparent !important;
  background: rgba(7, 7, 7, 0.01) !important;
  color: rgba(247, 241, 223, 0.66) !important;
}

.shop-pane-quick-link:active,
.shop-owner-save:active,
.shop-owner-tab:active,
.shop-owner-chip-button:active,
.shop-cart-pay:active,
.shop-login-submit:active,
.home-bottom-link:active,
.shop-list-action:active,
.shop-back-action:active,
.shop-pane-nav-action:active,
.map-locate-button:active,
.map-compass-button:active {
  transform: translateY(1px) scale(0.99) !important;
}

.shop-pane-quick-link:focus-visible,
.shop-owner-save:focus-visible,
.shop-owner-tab:focus-visible,
.shop-owner-chip-button:focus-visible,
.shop-cart-pay:focus-visible,
.shop-login-submit:focus-visible,
.home-bottom-link:focus-visible,
.shop-list-action:focus-visible,
.shop-back-action:focus-visible,
.shop-pane-nav-action:focus-visible,
.map-locate-button:focus-visible,
.map-compass-button:focus-visible,
.shop-list-search-input:focus-visible,
.shop-login-input:focus-visible,
.shop-owner-input:focus-visible,
.shop-owner-textarea:focus-visible {
  outline: 0 !important;
  box-shadow: var(--hashop-control-focus), inset 0 1px 0 rgba(255, 239, 185, 0.08) !important;
}

.shop-cart-pay:disabled,
.shop-login-submit:disabled,
.shop-owner-save:disabled,
.shop-owner-tab:disabled,
.shop-owner-chip-button:disabled {
  opacity: 0.48 !important;
  cursor: not-allowed !important;
  filter: saturate(0.42) !important;
}

.shop-owner-action-row,
.shop-owner-item-actions,
.shop-owner-order-actions,
.shop-pane-quick-actions,
.shop-cart-confirm-actions {
  gap: 0.52rem !important;
}

.shop-owner-tab-row,
.shop-owner-mode-row {
  padding: 0.26rem !important;
  border: 1px solid rgba(240, 210, 134, 0.15) !important;
  border-radius: calc(var(--hashop-control-radius) + 2px) !important;
  gap: 0.28rem !important;
  background: rgba(4, 4, 4, 0.42) !important;
}

.shop-owner-tab-row .shop-owner-tab,
.shop-owner-mode-row .shop-owner-tab {
  min-height: 2.5rem !important;
  box-shadow: none !important;
}

.shop-owner-field {
  gap: 0.36rem !important;
}

.shop-owner-field > span {
  color: rgba(240, 210, 134, 0.86) !important;
  font-size: 0.72rem !important;
  font-weight: 900 !important;
  letter-spacing: 0.01em !important;
  text-transform: none !important;
}

.shop-list-search {
  position: relative !important;
}

.shop-list-search::before {
  content: "" !important;
  position: absolute !important;
  left: 0.88rem !important;
  top: 50% !important;
  z-index: 2 !important;
  width: 0.86rem !important;
  height: 0.86rem !important;
  border: 2px solid rgba(240, 210, 134, 0.76) !important;
  border-radius: 999px !important;
  transform: translateY(-52%) !important;
  pointer-events: none !important;
}

.shop-list-search::after {
  content: "" !important;
  position: absolute !important;
  left: 1.56rem !important;
  top: 56% !important;
  z-index: 2 !important;
  width: 0.42rem !important;
  height: 2px !important;
  border-radius: 999px !important;
  background: rgba(240, 210, 134, 0.76) !important;
  transform: rotate(44deg) !important;
  pointer-events: none !important;
}

.shop-list-search-input,
.shop-login-input,
.shop-owner-input,
.shop-owner-textarea {
  min-height: var(--hashop-control-h) !important;
  border: 1px solid rgba(240, 210, 134, 0.24) !important;
  border-radius: var(--hashop-control-radius) !important;
  background: linear-gradient(180deg, rgba(13, 13, 13, 0.96), rgba(6, 6, 6, 0.98)) !important;
  color: var(--hashop-ink) !important;
  box-shadow: inset 0 1px 0 rgba(255, 239, 185, 0.07), inset 0 -1px 0 rgba(0, 0, 0, 0.5) !important;
}

.shop-list-search-input {
  padding-left: 2.42rem !important;
}

.shop-owner-textarea {
  min-height: 5.5rem !important;
  padding-block: 0.72rem !important;
}

.shop-list-search-input::placeholder,
.shop-login-input::placeholder,
.shop-owner-input::placeholder,
.shop-owner-textarea::placeholder {
  color: rgba(247, 241, 223, 0.44) !important;
}

.shop-login-input:focus,
.shop-owner-input:focus,
.shop-owner-textarea:focus,
.shop-list-search-input:focus {
  border-color: rgba(240, 210, 134, 0.66) !important;
  background: linear-gradient(180deg, rgba(18, 17, 13, 0.98), rgba(7, 7, 7, 0.99)) !important;
}

/* Owner manage cleanup: sticky shop context above editable work. */
.shop-owner-summary-card {
  position: sticky !important;
  top: 0 !important;
  z-index: 18 !important;
  padding: 0.72rem !important;
  border: 1px solid rgba(240, 210, 134, 0.28) !important;
  border-radius: var(--hashop-control-radius) !important;
  display: grid !important;
  gap: 0.62rem !important;
  background:
    linear-gradient(180deg, rgba(17, 16, 12, 0.98), rgba(7, 7, 7, 0.98)),
    radial-gradient(circle at 12% 0%, rgba(240, 210, 134, 0.16), transparent 9rem) !important;
  box-shadow: 0 0.76rem 1.25rem rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(255, 239, 185, 0.08) !important;
  backdrop-filter: blur(14px) !important;
}

.shop-owner-summary-main {
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 0.64rem !important;
}

.shop-owner-summary-mark {
  width: 2.8rem !important;
  height: 2.8rem !important;
  border: 1px solid rgba(240, 210, 134, 0.4) !important;
  border-radius: var(--hashop-control-radius) !important;
  display: grid !important;
  place-items: center !important;
  overflow: hidden !important;
  background: linear-gradient(135deg, rgba(214, 172, 84, 0.2), rgba(7, 7, 7, 0.96)) !important;
  color: var(--hashop-gold-2) !important;
  font-family: "Sora", "Manrope", sans-serif !important;
  font-size: 1.05rem !important;
  font-weight: 900 !important;
  box-shadow: 0 0 1rem rgba(214, 172, 84, 0.16) !important;
}

.shop-owner-summary-mark img {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: contain !important;
}

.shop-owner-summary-copy {
  min-width: 0 !important;
  display: grid !important;
  gap: 0.12rem !important;
}

.shop-owner-summary-kicker {
  color: var(--hashop-gold-2) !important;
  font-size: 0.68rem !important;
  font-weight: 920 !important;
  line-height: 1 !important;
}

.shop-owner-summary-copy strong {
  color: var(--hashop-ink) !important;
  font-family: "Sora", "Manrope", sans-serif !important;
  font-size: 0.98rem !important;
  font-weight: 900 !important;
  line-height: 1.08 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.shop-owner-summary-copy span:last-child {
  color: var(--hashop-muted) !important;
  font-size: 0.72rem !important;
  font-weight: 760 !important;
  line-height: 1.22 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.shop-owner-summary-chips {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.36rem !important;
}

.shop-owner-summary-chips span {
  min-height: 1.62rem !important;
  padding: 0 0.54rem !important;
  border: 1px solid rgba(240, 210, 134, 0.2) !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  background: rgba(4, 4, 4, 0.34) !important;
  color: rgba(247, 241, 223, 0.76) !important;
  font-size: 0.68rem !important;
  font-weight: 850 !important;
  line-height: 1 !important;
}

@media (max-width: 360px) {
  .shop-owner-summary-card {
    padding: 0.62rem !important;
  }

  .shop-owner-summary-mark {
    width: 2.5rem !important;
    height: 2.5rem !important;
  }

  .shop-owner-summary-copy strong {
    font-size: 0.9rem !important;
  }
}

/* Top bar state and connected frame: brand/current view belongs in the chrome. */
.home-chrome {
  justify-content: space-between !important;
  gap: 0.62rem !important;
}

.home-state-strip {
  min-width: 0 !important;
  margin-left: auto !important;
  padding: 0.34rem 0.5rem !important;
  border: 1px solid rgba(240, 210, 134, 0.22) !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.34rem !important;
  background: linear-gradient(180deg, rgba(23, 20, 13, 0.94), rgba(8, 8, 8, 0.96)) !important;
  color: var(--hashop-gold-2) !important;
  box-shadow: inset 0 1px 0 rgba(255, 239, 185, 0.06), 0 0 1rem rgba(214, 172, 84, 0.08) !important;
}

.home-state-divider {
  color: rgba(240, 210, 134, 0.42) !important;
  font-family: "Sora", "Manrope", sans-serif !important;
  font-size: 0.72rem !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

.home-state-label {
  max-width: 8.5rem !important;
  overflow: hidden !important;
  color: var(--hashop-gold-2) !important;
  font-family: "Sora", "Manrope", sans-serif !important;
  font-size: 0.72rem !important;
  font-weight: 900 !important;
  letter-spacing: 0.01em !important;
  line-height: 1 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.shell-home {
  padding: 0.42rem 0.42rem calc(0.42rem + env(safe-area-inset-bottom)) !important;
  gap: 0 !important;
}

.home-chrome,
.home-stage {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

.home-chrome {
  min-height: 3rem !important;
  margin-bottom: -1px !important;
  border-color: rgba(214, 172, 84, 0.36) !important;
  border-radius: var(--hashop-radius) var(--hashop-radius) 0 0 !important;
}

.home-stage {
  gap: 0 !important;
  margin-top: 0 !important;
}

.map-screen {
  border-radius: 0 !important;
  box-shadow: inset 0 1px 0 rgba(255, 239, 185, 0.04) !important;
}

.shop-list-panel {
  margin: 0 !important;
  border-radius: 0 0 var(--hashop-radius) var(--hashop-radius) !important;
  box-shadow: inset 0 1px 0 rgba(255, 239, 185, 0.04) !important;
}

.shell-home[data-hashop-screen="home"] .map-screen,
.shell-home[data-hashop-screen="search"] .map-screen,
.shell-home[data-hashop-screen="contact"] .map-screen,
.shell-home[data-hashop-screen="history"] .map-screen,
.shell-home[data-hashop-screen="account"] .map-screen,
.shell-home[data-hashop-screen="login"] .map-screen {
  border-bottom-color: rgba(214, 172, 84, 0.18) !important;
}

.shell-home[data-hashop-screen="shop"] .shop-list-panel,
.shell-home[data-hashop-screen="cart"] .shop-list-panel,
.shell-home[data-hashop-screen="confirmation"] .shop-list-panel,
.shell-home[data-hashop-screen^="owner-"] .shop-list-panel {
  border-radius: 0 0 var(--hashop-radius) var(--hashop-radius) !important;
}

@media (max-width: 380px) {
  .home-state-strip {
    padding-inline: 0.42rem !important;
  }

  .home-state-label {
    max-width: 6.4rem !important;
    font-size: 0.68rem !important;
  }
}

@media (min-width: 900px) {
  .shell-home {
    padding: 0.55rem !important;
    gap: 0 !important;
  }

  .home-chrome,
  .home-stage {
    width: min(100%, 82rem) !important;
    max-width: 82rem !important;
    margin-inline: auto !important;
  }

  .home-chrome {
    margin-bottom: -1px !important;
  }

  .home-stage {
    grid-template-columns: minmax(0, 1.16fr) minmax(23rem, 0.84fr) !important;
    gap: 0 !important;
  }

  .map-screen {
    border-radius: 0 0 0 var(--hashop-radius) !important;
  }

  .shop-list-panel {
    border-left: 0 !important;
    border-radius: 0 0 var(--hashop-radius) 0 !important;
  }

  .shell-home.is-pane-focused .home-stage {
    grid-template-columns: minmax(0, 1.16fr) minmax(23rem, 0.84fr) !important;
  }
}

/* Border outline removal: keep the frame connected without visible box lines. */
.home-chrome,
.map-screen,
.shop-list-panel {
  border-color: transparent !important;
  outline: 0 !important;
  box-shadow: none !important;
}

.home-state-strip {
  border-color: transparent !important;
  box-shadow: none !important;
}

.shell-home[data-hashop-screen="home"] .map-screen,
.shell-home[data-hashop-screen="search"] .map-screen,
.shell-home[data-hashop-screen="contact"] .map-screen,
.shell-home[data-hashop-screen="history"] .map-screen,
.shell-home[data-hashop-screen="account"] .map-screen,
.shell-home[data-hashop-screen="login"] .map-screen {
  border-bottom-color: transparent !important;
}

/* App-quality state layer: clear human feedback for empty/loading/offline screens. */
.home-live-status {
  flex: 0 0 auto !important;
  min-height: 1.75rem !important;
  padding: 0 0.55rem !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(240, 164, 134, 0.13) !important;
  color: #f0a486 !important;
  font-family: "Sora", "Manrope", sans-serif !important;
  font-size: 0.68rem !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

.home-live-status[hidden] {
  display: none !important;
}

.shop-state-card {
  min-height: 8rem !important;
  padding: 1rem !important;
  border: 0 !important;
  border-radius: var(--hashop-radius) !important;
  display: grid !important;
  align-content: center !important;
  justify-items: start !important;
  gap: 0.42rem !important;
  background:
    radial-gradient(circle at 0% 0%, rgba(240, 210, 134, 0.12), transparent 8rem),
    linear-gradient(180deg, rgba(17, 17, 17, 0.96), rgba(8, 8, 8, 0.98)) !important;
  color: var(--hashop-ink) !important;
}

.shop-state-card.is-offline {
  background:
    radial-gradient(circle at 0% 0%, rgba(240, 164, 134, 0.12), transparent 8rem),
    linear-gradient(180deg, rgba(18, 14, 12, 0.96), rgba(8, 8, 8, 0.98)) !important;
}

.shop-state-mark {
  width: 2rem !important;
  height: 2rem !important;
  border-radius: var(--hashop-radius) !important;
  display: inline-grid !important;
  place-items: center !important;
  background: rgba(240, 210, 134, 0.1) !important;
}

.shop-state-mark::before {
  content: "#" !important;
  color: var(--hashop-gold-2) !important;
  font-family: "Sora", "Manrope", sans-serif !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

.shop-state-card strong {
  color: var(--hashop-ink) !important;
  font-family: "Sora", "Manrope", sans-serif !important;
  font-size: 1rem !important;
  font-weight: 900 !important;
  letter-spacing: -0.03em !important;
  line-height: 1.1 !important;
}

.shop-state-card p {
  max-width: 22rem !important;
  margin: 0 !important;
  color: var(--hashop-muted) !important;
  font-size: 0.82rem !important;
  font-weight: 720 !important;
  line-height: 1.35 !important;
}

.shop-state-actions {
  margin-top: 0.28rem !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.45rem !important;
}

.shop-state-action {
  appearance: none !important;
  min-height: 2.4rem !important;
  padding: 0 0.78rem !important;
  border: 0 !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(240, 210, 134, 0.12) !important;
  color: var(--hashop-gold-2) !important;
  font: inherit !important;
  font-size: 0.76rem !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  cursor: pointer !important;
}

.shop-state-action.is-primary {
  background: linear-gradient(180deg, rgba(240, 210, 134, 0.98), rgba(214, 172, 84, 0.94)) !important;
  color: #080704 !important;
}

.shop-state-action:focus-visible {
  outline: 2px solid rgba(240, 210, 134, 0.75) !important;
  outline-offset: 2px !important;
}

.shop-state-skeleton {
  position: relative !important;
  width: min(100%, 16rem) !important;
  height: 0.62rem !important;
  margin-top: 0.25rem !important;
  border-radius: 999px !important;
  overflow: hidden !important;
  background: rgba(247, 241, 223, 0.08) !important;
}

.shop-state-skeleton::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  width: 45% !important;
  border-radius: inherit !important;
  background: linear-gradient(90deg, transparent, rgba(240, 210, 134, 0.24), transparent) !important;
  animation: hashopStateLoading 1.1s ease-in-out infinite !important;
}

@keyframes hashopStateLoading {
  0% {
    transform: translateX(-120%);
  }

  100% {
    transform: translateX(260%);
  }
}

.shop-list-empty {
  border: 0 !important;
  background: linear-gradient(180deg, rgba(17, 17, 17, 0.96), rgba(8, 8, 8, 0.98)) !important;
}

@media (max-width: 380px) {
  .home-live-status {
    padding-inline: 0.42rem !important;
    font-size: 0.64rem !important;
  }

  .shop-state-card {
    min-height: 7.2rem !important;
    padding: 0.82rem !important;
  }
}

/* Product-grade layout standard: one stack, one action zone, consistent fields. */
:root {
  --hashop-space-1: 0.38rem;
  --hashop-space-2: 0.58rem;
  --hashop-space-3: 0.82rem;
  --hashop-space-4: 1rem;
  --hashop-touch-h: 2.9rem;
  --hashop-section-bg: linear-gradient(180deg, rgba(17, 17, 17, 0.97), rgba(8, 8, 8, 0.99));
}

.shop-list-grid {
  gap: var(--hashop-space-3) !important;
  padding: 0 0.08rem 0.22rem 0 !important;
}

.shop-pane-detail,
.shop-account-stack,
.shop-owner-stack,
.shop-pane-cart-screen,
.shop-pane-confirm-screen,
.shop-pane-items,
.shop-owner-item-list,
.shop-owner-order-list,
.shop-owner-library-grid,
.shop-owner-draft-list {
  width: 100% !important;
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  align-content: start !important;
  gap: var(--hashop-space-3) !important;
}

.shop-pane-detail {
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.shop-pane-hero,
.shop-pane-cart,
.shop-login-form,
.shop-account-section,
.shop-owner-form,
.shop-owner-bar,
.shop-owner-section,
.shop-owner-summary-card,
.shop-owner-item-editor,
.shop-state-card,
.shop-pane-notice {
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: var(--hashop-control-radius) !important;
  background: var(--hashop-section-bg) !important;
  box-shadow: none !important;
}

.shop-pane-hero,
.shop-pane-cart,
.shop-login-form,
.shop-account-section,
.shop-owner-form,
.shop-owner-bar,
.shop-owner-section,
.shop-owner-summary-card,
.shop-owner-item-editor {
  padding: var(--hashop-space-3) !important;
}

.shop-pane-hero,
.shop-pane-cart-screen,
.shop-login-form,
.shop-account-section,
.shop-owner-form,
.shop-owner-section,
.shop-owner-summary-card,
.shop-owner-item-editor {
  gap: var(--hashop-space-3) !important;
}

.shop-pane-copy-row,
.shop-owner-summary-main,
.shop-owner-form-head,
.shop-account-section-head,
.shop-pane-cart-head,
.shop-owner-order-head,
.shop-owner-draft-head,
.shop-owner-library-head,
.shop-owner-item-card-head {
  min-width: 0 !important;
}

.shop-owner-form-head,
.shop-account-section-head,
.shop-pane-cart-head {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: start !important;
  gap: var(--hashop-space-2) !important;
}

.shop-owner-form-head strong,
.shop-account-section-head strong,
.shop-pane-cart-head strong,
.shop-pane-cart-title h2,
.shop-pane-hero h2 {
  margin: 0 !important;
  color: var(--hashop-ink) !important;
  font-family: "Sora", "Manrope", sans-serif !important;
  line-height: 1.12 !important;
}

.shop-owner-form-head span,
.shop-account-section-head span,
.shop-pane-cart-head span,
.shop-pane-cart-title p,
.shop-pane-hero p,
.shop-account-note {
  margin: 0 !important;
  color: var(--hashop-muted) !important;
  line-height: 1.32 !important;
}

.shop-owner-grid,
.shop-login-form,
.shop-buyer-form,
.shop-buyer-account-form,
.shop-account-summary,
.shop-pane-mode-grid,
.shop-pane-pay-grid,
.shop-owner-stats-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: var(--hashop-space-2) !important;
}

.shop-owner-field,
.shop-login-field,
.shop-owner-time-field {
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 0.32rem !important;
}

.shop-owner-field > span,
.shop-login-field > span,
.shop-owner-time-field > span,
.shop-pane-cart-label,
.shop-owner-inline-label {
  color: rgba(240, 210, 134, 0.88) !important;
  font-size: 0.74rem !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}

.shop-list-search-input,
.shop-login-input,
.shop-owner-input,
.shop-owner-textarea,
.shop-owner-item-select,
.shop-pay-card,
.shop-pane-mode-card {
  width: 100% !important;
  min-width: 0 !important;
  border: 0 !important;
  border-radius: var(--hashop-control-radius) !important;
  background: linear-gradient(180deg, rgba(13, 13, 13, 0.98), rgba(6, 6, 6, 0.99)) !important;
  color: var(--hashop-ink) !important;
  box-shadow: inset 0 0 0 1px rgba(240, 210, 134, 0.18) !important;
}

.shop-list-search-input,
.shop-login-input,
.shop-owner-input {
  min-height: var(--hashop-touch-h) !important;
}

.shop-owner-textarea {
  min-height: 5.75rem !important;
  padding: 0.78rem 0.88rem !important;
  resize: vertical !important;
}

.shop-login-input,
.shop-owner-input {
  padding-inline: 0.88rem !important;
}

.shop-list-search-input:focus,
.shop-login-input:focus,
.shop-owner-input:focus,
.shop-owner-textarea:focus {
  box-shadow: var(--hashop-control-focus), inset 0 0 0 1px rgba(240, 210, 134, 0.52) !important;
}

.shop-owner-action-row,
.shop-owner-item-actions,
.shop-owner-order-actions,
.shop-pane-quick-actions,
.shop-pane-confirm-actions,
.shop-cart-confirm-actions,
.shop-account-actions,
.shop-pane-cart-payments,
.shop-owner-pickup-bar,
.shop-owner-summary-chips {
  width: 100% !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: var(--hashop-space-2) !important;
  align-items: stretch !important;
}

.shop-owner-action-row .shop-owner-save,
.shop-account-actions .shop-owner-save,
.shop-pane-confirm-actions .shop-cart-pay:first-child,
.shop-cart-confirm-actions .shop-cart-pay:first-child,
.shop-cart-pay,
.shop-login-submit {
  width: 100% !important;
}

.shop-pane-quick-link,
.shop-card-add,
.shop-owner-save,
.shop-owner-tab,
.shop-owner-chip-button,
.shop-cart-pay,
.shop-login-submit,
.shop-state-action,
.shop-pane-mode-card,
.shop-pay-copy,
.shop-owner-add-option,
.shop-account-shop {
  min-height: var(--hashop-touch-h) !important;
  touch-action: manipulation !important;
}

.shop-pane-quick-link,
.shop-owner-save,
.shop-owner-tab,
.shop-owner-chip-button,
.shop-cart-pay,
.shop-login-submit,
.shop-state-action,
.shop-pay-copy {
  white-space: nowrap !important;
}

.shop-owner-chip-button.is-danger,
.shop-cart-pay.is-danger {
  order: 10 !important;
}

.shop-owner-tab-row,
.shop-owner-mode-row {
  width: 100% !important;
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(0, 1fr)) !important;
  gap: 0.28rem !important;
}

.shop-owner-tab-row .shop-owner-tab,
.shop-owner-mode-row .shop-owner-tab {
  min-width: 0 !important;
}

.shop-account-shop-list,
.shop-owner-item-picker {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: var(--hashop-space-2) !important;
}

.shop-account-shop,
.shop-owner-item-select,
.shop-owner-order-card,
.shop-owner-library-card,
.shop-owner-draft-card,
.shop-owner-item-card,
.shop-cart-row,
.shop-pane-item,
.shop-discovery-card {
  border: 0 !important;
  border-radius: var(--hashop-control-radius) !important;
  background: linear-gradient(180deg, rgba(18, 18, 18, 0.98), rgba(8, 8, 8, 0.99)) !important;
  box-shadow: inset 0 0 0 1px rgba(240, 210, 134, 0.13) !important;
}

.shop-account-shop,
.shop-owner-item-select,
.shop-owner-order-card,
.shop-owner-library-card,
.shop-owner-draft-card,
.shop-owner-item-card,
.shop-cart-row,
.shop-pane-item {
  padding: var(--hashop-space-3) !important;
}

.shop-owner-order-meta,
.shop-owner-library-meta,
.shop-pane-item-meta,
.shop-cart-actions,
.shop-owner-draft-title,
.shop-owner-item-select-row {
  min-width: 0 !important;
}

.home-bottom-nav {
  min-height: 3rem !important;
  padding: 0.3rem 0 0 !important;
  gap: 0.18rem !important;
}

.home-bottom-link {
  min-height: 2.78rem !important;
  border-radius: var(--hashop-control-radius) !important;
}

@media (min-width: 720px) {
  .shop-owner-grid,
  .shop-pane-mode-grid,
  .shop-pane-pay-grid,
  .shop-owner-stats-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .shop-owner-field-wide,
  .shop-owner-field.shop-owner-field-wide,
  .shop-owner-grid > .shop-owner-field-wide,
  .shop-owner-pickup,
  .shop-owner-action-row,
  .shop-owner-item-actions,
  .shop-owner-order-actions,
  .shop-account-actions,
  .shop-pane-confirm-actions,
  .shop-cart-confirm-actions {
    grid-column: 1 / -1 !important;
  }

  .shop-owner-action-row,
  .shop-owner-item-actions,
  .shop-owner-order-actions,
  .shop-pane-quick-actions,
  .shop-pane-confirm-actions,
  .shop-cart-confirm-actions,
  .shop-account-actions,
  .shop-owner-pickup-bar {
    grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr)) !important;
  }
}

@media (max-width: 420px) {
  .shop-pane-hero,
  .shop-pane-cart,
  .shop-login-form,
  .shop-account-section,
  .shop-owner-form,
  .shop-owner-bar,
  .shop-owner-section,
  .shop-owner-summary-card,
  .shop-owner-item-editor {
    padding: 0.72rem !important;
  }

  .shop-pane-quick-link,
  .shop-owner-save,
  .shop-owner-tab,
  .shop-owner-chip-button,
  .shop-cart-pay,
  .shop-login-submit,
  .shop-state-action {
    min-height: 2.78rem !important;
  }
}

/* Readability correction: raise contrast for all secondary text. */
:root {
  --hashop-ink: #fff8e6;
  --hashop-muted: rgba(255, 248, 230, 0.82);
  --hashop-soft: rgba(255, 248, 230, 0.7);
  --hashop-readable: rgba(255, 248, 230, 0.9);
}

.shop-pane-hero p,
.shop-pane-cart-title p,
.shop-pane-cart-label,
.shop-pane-confirm-copy,
.shop-pay-note,
.shop-account-note,
.shop-login-status,
.shop-pane-notice,
.shop-pane-item p,
.shop-pane-item-meta span,
.shop-pane-cart-head span,
.shop-pane-cart-foot span,
.shop-cart-copy span,
.shop-cart-qty,
.shop-account-section-head span,
.shop-account-shop span,
.shop-account-summary-row span,
.shop-login-field span,
.shop-owner-field span,
.shop-owner-time-field span,
.shop-owner-field-note,
.shop-owner-form-head span,
.shop-owner-order-meta span,
.shop-owner-library-meta span,
.shop-owner-draft-copy span,
.shop-owner-item-select-copy span,
.shop-owner-summary-copy span,
.shop-owner-add-option span,
.shop-card-subtitle,
.shop-card-item,
.shop-state-card p {
  color: var(--hashop-readable) !important;
  opacity: 1 !important;
}

.shop-owner-field > span,
.shop-login-field > span,
.shop-owner-time-field > span,
.shop-pane-cart-label,
.shop-owner-inline-label {
  color: #f7dc9a !important;
  opacity: 1 !important;
}

.home-bottom-link {
  color: rgba(255, 248, 230, 0.82) !important;
}

.home-bottom-link.is-active,
.home-state-label,
.home-state-divider,
.shop-pane-chip,
.shop-pane-distance,
.shop-pane-pill,
.shop-pane-ready,
.shop-card-open {
  color: #ffe4a3 !important;
  opacity: 1 !important;
}

.shop-list-search-input,
.shop-login-input,
.shop-owner-input,
.shop-owner-textarea,
.shop-pay-value {
  color: #fff8e6 !important;
  opacity: 1 !important;
}

.shop-list-search-input::placeholder,
.shop-login-input::placeholder,
.shop-owner-input::placeholder,
.shop-owner-textarea::placeholder {
  color: rgba(255, 248, 230, 0.68) !important;
  opacity: 1 !important;
}

.shop-login-status.is-error,
.shop-pane-notice.is-error,
.shop-owner-chip-button.is-danger,
.shop-cart-pay.is-danger {
  color: #ffd5c7 !important;
}

/* Text color reset: keep reading text neutral and reserve gold for action/state. */
:root {
  --hashop-ink: #f8fafc;
  --hashop-muted: #d9e1ea;
  --hashop-soft: #aeb9c7;
  --hashop-readable: #eef2f6;
  --hashop-gold-2: #f6d37a;
}

.shell-home,
.shop-list-panel,
.shop-pane-detail,
.shop-pane-hero,
.shop-pane-cart,
.shop-login-form,
.shop-account-section,
.shop-owner-form,
.shop-owner-section,
.shop-owner-bar,
.shop-owner-summary-card,
.shop-card,
.shop-pane-item,
.shop-owner-order-card,
.shop-owner-item-card,
.shop-owner-library-card,
.shop-owner-draft-card,
.shop-state-card {
  color: #f8fafc !important;
}

.home-brand-name,
.home-panel-heading h1,
.shop-card-title-block strong,
.shop-pane-hero h2,
.shop-pane-cart-title h2,
.shop-pane-item-head strong,
.shop-pane-cart-head strong,
.shop-pane-cart-foot strong,
.shop-cart-copy strong,
.shop-account-section-head strong,
.shop-account-shop strong,
.shop-account-summary-row strong,
.shop-owner-form-head strong,
.shop-owner-order-head strong,
.shop-owner-library-copy strong,
.shop-owner-draft-copy strong,
.shop-owner-item-select-copy strong,
.shop-owner-summary-copy strong,
.shop-state-card strong {
  color: #f8fafc !important;
  opacity: 1 !important;
}

.shop-card-subtitle,
.shop-card-item,
.shop-pane-hero p,
.shop-pane-cart-title p,
.shop-pane-item p,
.shop-pane-item-meta span,
.shop-pane-cart-head span,
.shop-pane-cart-foot span,
.shop-cart-copy span,
.shop-cart-qty,
.shop-pay-note,
.shop-account-note,
.shop-account-section-head span,
.shop-account-shop span,
.shop-account-summary-row span,
.shop-login-status,
.shop-pane-notice,
.shop-owner-form-head span,
.shop-owner-order-meta span,
.shop-owner-library-meta span,
.shop-owner-draft-copy span,
.shop-owner-item-select-copy span,
.shop-owner-summary-copy span,
.shop-owner-summary-chips span,
.shop-owner-add-option span,
.shop-state-card p,
.map-popup span {
  color: #d9e1ea !important;
  opacity: 1 !important;
}

.shop-login-field > span,
.shop-owner-field > span,
.shop-owner-time-field > span,
.shop-pane-cart-label,
.shop-owner-inline-label,
.home-state-label,
.shop-pane-chip,
.shop-pane-distance,
.shop-pane-pill,
.shop-pane-ready,
.shop-card-open,
.shop-state-mark::before {
  color: #f6d37a !important;
  opacity: 1 !important;
}

.home-bottom-link {
  color: #b9c2cc !important;
  opacity: 1 !important;
}

.home-bottom-link.is-active {
  color: #f6d37a !important;
}

.shop-list-search-input,
.shop-login-input,
.shop-owner-input,
.shop-owner-textarea,
.shop-pay-value {
  color: #f8fafc !important;
  caret-color: #f6d37a !important;
}

.shop-list-search-input::placeholder,
.shop-login-input::placeholder,
.shop-owner-input::placeholder,
.shop-owner-textarea::placeholder {
  color: #8f98a8 !important;
  opacity: 1 !important;
}

/* History cleanup: keep order records readable, not like multiple open shop panes. */
.shop-buyer-order-card {
  gap: 0.48rem !important;
}

.shop-buyer-order-card .shop-owner-order-head {
  align-items: center !important;
}

.shop-owner-order-status {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 1.55rem !important;
  padding: 0.24rem 0.58rem !important;
  border-radius: 999px !important;
  background: rgba(240, 210, 134, 0.12) !important;
  color: #f8fafc !important;
  font-size: 0.72rem !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}

.shop-buyer-order-card.is-status-cancelled .shop-owner-order-status {
  background: rgba(255, 148, 122, 0.13) !important;
  color: #ffd5c7 !important;
}

.shop-buyer-order-card.is-status-completed .shop-owner-order-status {
  background: rgba(123, 222, 175, 0.12) !important;
  color: #d8ffe8 !important;
}

.shop-buyer-order-line {
  display: block !important;
}

.shop-buyer-order-line span {
  display: block !important;
  color: #d9e1ea !important;
  font-size: 0.78rem !important;
  line-height: 1.35 !important;
}

.shop-buyer-order-actions {
  margin-top: 0.08rem !important;
}

/* Map and item-list fix: readable territory map, aligned controls, no call button on item cards. */
.shop-item-discovery-card {
  grid-template-columns: 4.65rem minmax(0, 1fr) !important;
}

.shop-item-discovery-card .shop-card-call {
  display: none !important;
}

.map-screen {
  background: #12100b !important;
}

.map-screen::before {
  opacity: 0.08 !important;
}

.map-screen::after {
  background:
    linear-gradient(180deg, rgba(5, 5, 5, 0.03), rgba(5, 5, 5, 0.16)),
    radial-gradient(circle at 53% 45%, transparent 0 4rem, rgba(5, 5, 5, 0.08) 10rem) !important;
}

.hashop-map-readable-tile {
  filter: brightness(0.78) saturate(0.72) contrast(1.04) sepia(0.14) hue-rotate(-8deg) !important;
}

.hashop-map-light-tile {
  filter: brightness(0.74) saturate(0.68) contrast(1.06) sepia(0.16) hue-rotate(-8deg) !important;
}

.hashop-map-standard-tile {
  filter: brightness(0.7) saturate(0.62) contrast(1.08) sepia(0.16) hue-rotate(-8deg) !important;
}

.map-locate-button {
  top: 0.68rem !important;
  right: 3.78rem !important;
  min-width: 6.75rem !important;
  min-height: 2.5rem !important;
  height: 2.5rem !important;
  padding-inline: 0.78rem !important;
  border-radius: 999px !important;
}

.map-compass-button {
  top: 0.68rem !important;
  right: 0.72rem !important;
  width: 2.5rem !important;
  height: 2.5rem !important;
  min-width: 2.5rem !important;
  min-height: 2.5rem !important;
}

@media (max-width: 380px) {
  .map-locate-button {
    right: 3.42rem !important;
    min-width: 6.15rem !important;
    padding-inline: 0.62rem !important;
    font-size: 0.72rem !important;
  }

  .map-compass-button {
    right: 0.62rem !important;
  }
}

/* Plain map reset: make the map obviously usable, not stylized. */
.shop-discovery-card {
  grid-template-columns: 4.65rem minmax(0, 1fr) !important;
}

.shop-discovery-card .shop-card-call {
  display: none !important;
}

.map-screen,
.discovery-map,
.leaflet-container {
  background: #e8e0cf !important;
}

.map-screen::before,
.map-screen::after {
  content: none !important;
  display: none !important;
}

.hashop-map-readable-tile,
.hashop-map-light-tile,
.hashop-map-standard-tile,
.hashop-map-dark-tile,
.hashop-map-labels,
.leaflet-tile {
  filter: none !important;
  opacity: 1 !important;
}

.leaflet-control-attribution {
  background: rgba(10, 10, 10, 0.72) !important;
  color: #f8fafc !important;
  opacity: 0.78 !important;
}

/* Product image fit cleanup: item art should sit inside the thumbnail, not crop out. */
.shop-item-discovery-card .shop-card-thumb,
.shop-pane-item-mark.is-image,
.shop-owner-item-preview.is-card,
.shop-owner-item-preview.is-library {
  box-sizing: border-box !important;
  padding: 0.22rem !important;
  background: #0e1114 !important;
}

.shop-item-discovery-card .shop-card-thumb img,
.shop-pane-item-image,
.shop-owner-item-preview-image {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  display: block !important;
  object-fit: contain !important;
  border-radius: calc(var(--hashop-radius) - 0.45rem) !important;
  background: #0e1114 !important;
}

.shop-item-discovery-card .shop-card-thumb {
  width: 4.65rem !important;
  min-width: 4.65rem !important;
  max-width: 4.65rem !important;
  height: 4.65rem !important;
  min-height: 4.65rem !important;
  max-height: 4.65rem !important;
}

/* Duplicate state cleanup and map visibility hardening. */
.home-state-strip,
.shop-panel-actions {
  display: none !important;
}

.shop-panel-bar {
  grid-template-columns: 1fr auto 1fr !important;
}

.map-screen,
.discovery-map,
.discovery-map > div,
.leaflet-container,
.gm-style {
  min-height: 100% !important;
}

.discovery-map {
  isolation: isolate !important;
}

.discovery-map.is-map-loading::after {
  content: "Loading map";
  position: absolute;
  inset: 0;
  z-index: 1;
  display: grid;
  place-items: center;
  background: #e8e0cf;
  color: #1f2933;
  font: 800 0.82rem "Sora", "Manrope", sans-serif;
}

.discovery-map.is-google-map,
.discovery-map.is-leaflet-map {
  background: #e8e0cf !important;
}

/* Account flow containment: account content must not spill into cart/shop states. */
.shop-list-panel[data-pane-mode="account"] .shop-list-grid,
.shop-list-panel[data-pane-mode="account"] .shop-pane-detail,
.shop-list-panel[data-pane-mode="account"] .shop-account-stack,
.shop-list-panel[data-pane-mode="account"] .shop-account-section {
  overflow-x: hidden !important;
}

.shop-list-panel[data-pane-mode="account"] .shop-pane-hero,
.shop-list-panel[data-pane-mode="account"] .shop-account-section {
  contain: layout paint !important;
}

.shop-list-panel[data-pane-mode="account"] .shop-account-summary,
.shop-list-panel[data-pane-mode="account"] .shop-account-shop-list,
.shop-list-panel[data-pane-mode="account"] .shop-owner-order-list {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

.shop-list-panel[data-pane-mode="account"] img,
.shop-owner-logo-image,
.shop-owner-item-preview-image,
.shop-pane-logo-image,
.shop-pane-item-image {
  display: block !important;
  max-width: 100% !important;
  max-height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  object-fit: contain !important;
}

.shop-owner-logo-preview,
.shop-owner-item-preview,
.shop-pane-copy-mark.is-logo,
.shop-pane-item-mark.is-image {
  overflow: hidden !important;
  box-sizing: border-box !important;
}

/* Account should be click-first: two large obvious actions, history only when real. */
.shop-list-panel[data-pane-mode="account"] .shop-account-stack {
  gap: 0.58rem !important;
}

.shop-list-panel[data-pane-mode="account"] .shop-account-section {
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.shop-list-panel[data-pane-mode="account"] .shop-account-actions {
  gap: 0.48rem !important;
}

.shop-account-big-action {
  width: 100% !important;
  min-height: 4.25rem !important;
  border: 0 !important;
  border-radius: var(--hashop-control-radius) !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 0.8rem !important;
  padding: 0.88rem 1rem !important;
  text-align: left !important;
  background: linear-gradient(180deg, rgba(242, 210, 134, 0.16), rgba(10, 10, 10, 0.98)) !important;
  color: var(--hashop-ink) !important;
  box-shadow: inset 0 0 0 1px rgba(242, 210, 134, 0.2) !important;
}

.shop-account-big-action strong {
  min-width: 0 !important;
  color: var(--hashop-ink) !important;
  font: 900 1.02rem/1.1 "Sora", "Manrope", sans-serif !important;
}

.shop-account-big-action span {
  color: var(--hashop-gold-2) !important;
  font: 900 0.78rem/1 "Sora", "Manrope", sans-serif !important;
}

.shop-account-big-action:active {
  transform: translateY(1px) scale(0.995) !important;
}

/* Image de-zoom: show full product/shop art instead of cropped close-ups. */
.shop-card-thumb,
.shop-discovery-card .shop-card-thumb,
.shop-pane-copy-mark.is-logo,
.shop-pane-item-mark.is-image,
.shop-owner-logo-preview,
.shop-owner-item-preview {
  box-sizing: border-box !important;
  overflow: hidden !important;
  padding: 0.32rem !important;
  background: linear-gradient(180deg, #111417, #080a0c) !important;
}

.shop-card-thumb img,
.shop-discovery-card .shop-card-thumb img,
.shop-pane-logo-image,
.shop-pane-item-image,
.shop-owner-logo-image,
.shop-owner-item-preview-image {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  display: block !important;
  object-fit: contain !important;
  object-position: center !important;
  border-radius: calc(var(--hashop-radius) - 0.58rem) !important;
}

.shop-pane-bottom-contact {
  margin-top: 0.2rem !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.shop-card-add {
  min-height: 2.42rem !important;
  padding: 0 0.88rem !important;
  border-color: rgba(255, 230, 163, 0.7) !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #ffe7a4 0%, #d6ac54 56%, #9b6c24 100%) !important;
  color: #141006 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.34), 0 0.65rem 1.15rem rgba(142, 94, 24, 0.2) !important;
}

/* Clean button system: one language across buyer, owner, cart, and account. */
:root {
  --hashop-button-radius: 14px;
  --hashop-button-height: 2.88rem;
  --hashop-button-line: rgba(232, 210, 153, 0.2);
  --hashop-button-line-strong: rgba(232, 210, 153, 0.42);
  --hashop-button-surface: linear-gradient(180deg, rgba(24, 24, 22, 0.98), rgba(11, 11, 11, 0.98));
  --hashop-button-surface-soft: linear-gradient(180deg, rgba(19, 19, 18, 0.92), rgba(8, 8, 8, 0.96));
  --hashop-button-primary: linear-gradient(180deg, #f4d98c 0%, #d6ac54 62%, #a87424 100%);
  --hashop-button-primary-ink: #120f08;
  --hashop-button-danger-line: rgba(245, 113, 113, 0.36);
  --hashop-button-danger-bg: linear-gradient(180deg, rgba(55, 18, 18, 0.96), rgba(20, 7, 8, 0.98));
  --hashop-button-danger-ink: #ffb4b4;
}

.shop-list-action,
.shop-back-action,
.shop-pane-nav-action,
.shop-pane-quick-link,
.shop-card-add,
.shop-card-action-btn,
.shop-owner-save,
.shop-owner-tab,
.shop-owner-chip-button,
.shop-owner-upload-button,
.shop-cart-pay,
.shop-login-submit,
.shop-state-action,
.shop-pay-copy,
.shop-owner-add-option,
.shop-account-shop,
.shop-account-big-action,
.home-bottom-link,
.map-locate-button,
.map-compass-button {
  appearance: none !important;
  border-radius: var(--hashop-button-radius) !important;
  font-family: "Manrope", "Sora", sans-serif !important;
  font-weight: 850 !important;
  letter-spacing: -0.01em !important;
  text-decoration: none !important;
  -webkit-tap-highlight-color: transparent !important;
  touch-action: manipulation !important;
  transition:
    transform 120ms ease,
    border-color 120ms ease,
    background 120ms ease,
    color 120ms ease,
    box-shadow 120ms ease,
    opacity 120ms ease !important;
}

.shop-pane-quick-link,
.shop-card-action-btn,
.shop-owner-save,
.shop-owner-tab,
.shop-owner-chip-button,
.shop-owner-upload-button,
.shop-cart-pay,
.shop-login-submit,
.shop-state-action,
.shop-pay-copy,
.shop-owner-add-option,
.shop-account-shop,
.shop-account-big-action {
  min-height: var(--hashop-button-height) !important;
  border: 1px solid var(--hashop-button-line) !important;
  background: var(--hashop-button-surface) !important;
  color: var(--hashop-ink) !important;
  box-shadow: inset 0 1px 0 rgba(255, 239, 185, 0.06), 0 0.56rem 1.05rem rgba(0, 0, 0, 0.22) !important;
}

.shop-owner-save,
.shop-login-submit,
.shop-cart-pay:not(.shop-cart-pay-secondary),
.shop-pane-quick-link.is-primary,
.shop-card-action-btn.is-primary,
.shop-state-action.is-primary,
.shop-card-add,
.shop-owner-add-toggle {
  border-color: var(--hashop-button-line-strong) !important;
  background: var(--hashop-button-primary) !important;
  color: var(--hashop-button-primary-ink) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.28), 0 0.62rem 1.15rem rgba(132, 86, 23, 0.22) !important;
}

.shop-owner-tab,
.shop-owner-chip-button,
.shop-cart-pay-secondary,
.shop-pane-quick-link:not(.is-primary),
.shop-card-action-btn:not(.is-primary),
.shop-state-action:not(.is-primary),
.shop-pay-copy,
.shop-owner-add-option {
  background: var(--hashop-button-surface-soft) !important;
  color: rgba(247, 241, 223, 0.9) !important;
}

.shop-owner-chip-button.is-danger,
.shop-cart-pay.is-danger,
.shop-state-action.is-danger {
  border-color: var(--hashop-button-danger-line) !important;
  background: var(--hashop-button-danger-bg) !important;
  color: var(--hashop-button-danger-ink) !important;
}

.shop-card-add {
  min-width: 4.7rem !important;
  min-height: 2.44rem !important;
  padding: 0 0.92rem !important;
  border-radius: 999px !important;
  justify-self: end !important;
  font-size: 0.78rem !important;
  font-weight: 950 !important;
}

.shop-account-big-action {
  min-height: 4.08rem !important;
  padding: 0.86rem 0.96rem !important;
  border: 1px solid var(--hashop-button-line) !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(214, 172, 84, 0.14), transparent 42%),
    var(--hashop-button-surface) !important;
}

.shop-account-big-action strong {
  font-size: 1rem !important;
  letter-spacing: -0.02em !important;
}

.shop-account-big-action span {
  color: var(--hashop-gold-2) !important;
  font-size: 0.74rem !important;
  letter-spacing: 0 !important;
}

.shop-owner-tab.is-active,
.home-bottom-link.is-active {
  border-color: var(--hashop-button-line-strong) !important;
  background: linear-gradient(180deg, rgba(44, 34, 13, 0.98), rgba(13, 12, 10, 0.98)) !important;
  color: var(--hashop-gold-2) !important;
  box-shadow: inset 0 1px 0 rgba(255, 239, 185, 0.1), 0 0.46rem 0.9rem rgba(0, 0, 0, 0.18) !important;
}

.home-bottom-link {
  min-height: 3.1rem !important;
  border: 1px solid transparent !important;
  border-radius: 16px !important;
  background: transparent !important;
  box-shadow: none !important;
  color: rgba(247, 241, 223, 0.66) !important;
}

.map-locate-button,
.map-compass-button,
.shop-list-action,
.shop-back-action,
.shop-pane-nav-action {
  border: 1px solid var(--hashop-button-line) !important;
  background: rgba(11, 11, 11, 0.82) !important;
  color: rgba(247, 241, 223, 0.92) !important;
  box-shadow: inset 0 1px 0 rgba(255, 239, 185, 0.06), 0 0.45rem 0.9rem rgba(0, 0, 0, 0.2) !important;
}

.shop-pane-quick-link:active,
.shop-card-add:active,
.shop-card-action-btn:active,
.shop-owner-save:active,
.shop-owner-tab:active,
.shop-owner-chip-button:active,
.shop-owner-upload-button:active,
.shop-cart-pay:active,
.shop-login-submit:active,
.shop-state-action:active,
.shop-pay-copy:active,
.shop-owner-add-option:active,
.shop-account-shop:active,
.shop-account-big-action:active,
.home-bottom-link:active,
.map-locate-button:active,
.map-compass-button:active {
  transform: translateY(1px) scale(0.992) !important;
}

.shop-pane-quick-link:focus-visible,
.shop-card-add:focus-visible,
.shop-card-action-btn:focus-visible,
.shop-owner-save:focus-visible,
.shop-owner-tab:focus-visible,
.shop-owner-chip-button:focus-visible,
.shop-owner-upload-button:focus-visible,
.shop-cart-pay:focus-visible,
.shop-login-submit:focus-visible,
.shop-state-action:focus-visible,
.shop-pay-copy:focus-visible,
.shop-owner-add-option:focus-visible,
.shop-account-shop:focus-visible,
.shop-account-big-action:focus-visible,
.home-bottom-link:focus-visible,
.map-locate-button:focus-visible,
.map-compass-button:focus-visible {
  outline: none !important;
  box-shadow:
    0 0 0 3px rgba(214, 172, 84, 0.2),
    0 0 0 1px rgba(246, 221, 151, 0.76),
    inset 0 1px 0 rgba(255, 239, 185, 0.08) !important;
}

.shop-cart-pay:disabled,
.shop-login-submit:disabled,
.shop-owner-save:disabled,
.shop-owner-tab:disabled,
.shop-owner-chip-button:disabled,
.shop-card-add:disabled {
  opacity: 0.46 !important;
  filter: grayscale(0.18) !important;
  cursor: not-allowed !important;
  transform: none !important;
}

/* Sleek button finish: flatter, quieter, easier to scan. */
:root {
  --hashop-sleek-radius: 12px;
  --hashop-sleek-line: rgba(231, 204, 136, 0.22);
  --hashop-sleek-line-hot: rgba(231, 204, 136, 0.52);
  --hashop-sleek-bg: rgba(16, 16, 15, 0.96);
  --hashop-sleek-bg-soft: rgba(10, 10, 10, 0.78);
  --hashop-sleek-gold: #d8b35d;
  --hashop-sleek-ink: #f7f1df;
}

.shop-pane-quick-link,
.shop-card-action-btn,
.shop-owner-save,
.shop-owner-tab,
.shop-owner-chip-button,
.shop-owner-upload-button,
.shop-cart-pay,
.shop-login-submit,
.shop-state-action,
.shop-pay-copy,
.shop-owner-add-option,
.shop-account-shop,
.shop-account-big-action {
  border-color: var(--hashop-sleek-line) !important;
  border-radius: var(--hashop-sleek-radius) !important;
  background: var(--hashop-sleek-bg) !important;
  color: var(--hashop-sleek-ink) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035) !important;
}

.shop-owner-save,
.shop-login-submit,
.shop-cart-pay:not(.shop-cart-pay-secondary),
.shop-pane-quick-link.is-primary,
.shop-card-action-btn.is-primary,
.shop-state-action.is-primary,
.shop-card-add,
.shop-owner-add-toggle {
  border-color: var(--hashop-sleek-line-hot) !important;
  background: var(--hashop-sleek-gold) !important;
  color: #100d06 !important;
  box-shadow: none !important;
}

.shop-owner-tab,
.shop-owner-chip-button,
.shop-cart-pay-secondary,
.shop-pane-quick-link:not(.is-primary),
.shop-card-action-btn:not(.is-primary),
.shop-state-action:not(.is-primary),
.shop-pay-copy,
.shop-owner-add-option {
  background: var(--hashop-sleek-bg-soft) !important;
}

.shop-account-big-action {
  min-height: 3.82rem !important;
  padding: 0.78rem 0.9rem !important;
  background: rgba(15, 15, 14, 0.94) !important;
}

.shop-account-big-action.is-current {
  border-color: var(--hashop-sleek-line-hot) !important;
  background: rgba(31, 26, 13, 0.96) !important;
}

.shop-account-big-action strong {
  font-size: 0.98rem !important;
  font-weight: 900 !important;
}

.shop-account-big-action span {
  color: var(--hashop-sleek-gold) !important;
  font-size: 0.72rem !important;
  font-weight: 900 !important;
}

.shop-account-shop:not(button) {
  cursor: default !important;
}

.home-bottom-link {
  min-height: 2.96rem !important;
  border-radius: var(--hashop-sleek-radius) !important;
}

.home-bottom-link.is-active {
  border-color: var(--hashop-sleek-line-hot) !important;
  background: rgba(31, 26, 13, 0.88) !important;
  color: var(--hashop-sleek-gold) !important;
  box-shadow: none !important;
}

.map-locate-button,
.map-compass-button,
.shop-list-action,
.shop-back-action,
.shop-pane-nav-action {
  border-color: var(--hashop-sleek-line) !important;
  background: rgba(10, 10, 10, 0.72) !important;
  box-shadow: none !important;
}

.shop-account-profile-card {
  width: 100% !important;
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 0.9rem !important;
  padding: 1rem !important;
  border: 0 !important;
  border-radius: 18px !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(232, 196, 105, 0.16), transparent 42%),
    linear-gradient(180deg, rgba(18, 18, 16, 0.98), rgba(8, 8, 8, 0.98)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 239, 185, 0.08), 0 0.8rem 1.4rem rgba(0, 0, 0, 0.24) !important;
}

.shop-account-avatar {
  width: 4rem !important;
  height: 4rem !important;
  border-radius: 999px !important;
  display: grid !important;
  place-items: center !important;
  background:
    radial-gradient(circle at 35% 22%, rgba(255, 246, 199, 0.42), transparent 32%),
    linear-gradient(145deg, #f1d37d, #b57924 72%, #513711) !important;
  color: #100d06 !important;
  font: 950 1.56rem/1 "Sora", "Manrope", sans-serif !important;
  letter-spacing: -0.06em !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.28), 0 0.54rem 1rem rgba(139, 92, 24, 0.24) !important;
}

.shop-account-profile-copy {
  min-width: 0 !important;
  display: grid !important;
  gap: 0.22rem !important;
}

.shop-account-profile-copy strong {
  min-width: 0 !important;
  color: var(--hashop-ink) !important;
  font: 950 1.16rem/1.05 "Sora", "Manrope", sans-serif !important;
  letter-spacing: -0.045em !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.shop-account-profile-copy span {
  min-width: 0 !important;
  color: rgba(247, 241, 223, 0.68) !important;
  font: 850 0.78rem/1.2 "Manrope", sans-serif !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.shop-account-auth-card {
  margin-bottom: 0.15rem !important;
}

/* Permanent image contract: Hashop product/shop images must never crop or zoom. */
.shop-card-thumb,
.shop-discovery-card .shop-card-thumb,
.shop-item-discovery-card .shop-card-thumb,
.shop-pane-copy-mark.is-logo,
.shop-pane-item-mark.is-image,
.shop-owner-summary-mark.is-logo,
.shop-owner-logo-preview,
.shop-owner-logo-preview.is-logo,
.shop-owner-item-preview,
.shop-owner-item-preview.is-image,
.shop-owner-item-gallery-thumb {
  box-sizing: border-box !important;
  overflow: hidden !important;
  display: grid !important;
  place-items: center !important;
  align-items: center !important;
  justify-items: center !important;
  padding: 0.34rem !important;
  background:
    radial-gradient(circle at 50% 28%, rgba(255, 255, 255, 0.055), transparent 48%),
    linear-gradient(180deg, rgba(18, 20, 20, 0.96), rgba(6, 7, 8, 0.96)) !important;
  contain: paint !important;
}

.shop-card-thumb img,
.shop-discovery-card .shop-card-thumb img,
.shop-item-discovery-card .shop-card-thumb img,
.shop-pane-copy-mark.is-logo img,
.shop-pane-logo-image,
.shop-pane-item-mark.is-image img,
.shop-pane-item-image,
.shop-owner-summary-mark.is-logo img,
.shop-owner-logo-preview img,
.shop-owner-logo-image,
.shop-owner-item-preview img,
.shop-owner-item-preview-image,
.shop-owner-item-gallery-thumb img {
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: 100% !important;
  max-height: 100% !important;
  display: block !important;
  object-fit: contain !important;
  object-position: center center !important;
  transform: none !important;
  scale: 1 !important;
  border-radius: calc(var(--hashop-radius) - 0.7rem) !important;
}

.shop-owner-item-gallery-thumb img {
  border-radius: 10px !important;
}

/* Hashop organized surface: final state/layout/theme layer. */
:root {
  --hashop-final-bg: #050505;
  --hashop-final-panel: rgba(12, 12, 11, 0.98);
  --hashop-final-card: rgba(17, 17, 15, 0.96);
  --hashop-final-raised: rgba(23, 21, 16, 0.96);
  --hashop-final-gold: #d8b35d;
  --hashop-final-gold-soft: rgba(216, 179, 93, 0.18);
  --hashop-final-ink: #f7f1df;
  --hashop-final-muted: rgba(247, 241, 223, 0.62);
  --hashop-final-line: rgba(216, 179, 93, 0.16);
  --hashop-final-radius: 18px;
  --hashop-final-control: 12px;
}

html,
body {
  background:
    radial-gradient(circle at 8% 0%, rgba(216, 179, 93, 0.12), transparent 18rem),
    linear-gradient(180deg, #060606, #030303) !important;
}

.shell-home {
  background: transparent !important;
  color: var(--hashop-final-ink) !important;
}

.home-chrome {
  min-height: 3rem !important;
  padding: 0.54rem 0.68rem !important;
  border: 0 !important;
  border-radius: var(--hashop-final-radius) var(--hashop-final-radius) 0 0 !important;
  background:
    linear-gradient(180deg, rgba(16, 15, 12, 0.98), rgba(7, 7, 7, 0.98)) !important;
  box-shadow: inset 0 -1px 0 rgba(216, 179, 93, 0.12) !important;
}

.home-stage {
  grid-template-rows: clamp(12rem, 34dvh, 16rem) minmax(0, 1fr) !important;
  gap: 0 !important;
  background: rgba(5, 5, 5, 0.72) !important;
}

.map-screen {
  position: relative !important;
  border: 0 !important;
  border-radius: 0 !important;
  background:
    radial-gradient(circle at 52% 42%, rgba(216, 179, 93, 0.16), transparent 7rem),
    linear-gradient(180deg, #14120d, #090908) !important;
  overflow: hidden !important;
  box-shadow: inset 0 -1px 0 rgba(216, 179, 93, 0.1) !important;
  isolation: isolate !important;
}

.map-screen::before {
  content: attr(data-map-label) !important;
  position: absolute !important;
  left: 0.68rem !important;
  top: 0.68rem !important;
  z-index: 910 !important;
  max-width: min(11rem, calc(100% - 8.5rem)) !important;
  min-height: 2rem !important;
  padding: 0 0.7rem !important;
  border: 1px solid rgba(216, 179, 93, 0.28) !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  background: rgba(7, 7, 6, 0.78) !important;
  color: var(--hashop-final-gold) !important;
  font: 900 0.72rem/1 "Sora", "Manrope", sans-serif !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  box-shadow: inset 0 1px 0 rgba(255, 239, 185, 0.07), 0 0.55rem 1rem rgba(0, 0, 0, 0.24) !important;
  pointer-events: none !important;
}

.map-screen::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 5 !important;
  display: block !important;
  background:
    linear-gradient(180deg, rgba(5, 5, 5, 0.02), rgba(5, 5, 5, 0.22)),
    linear-gradient(90deg, rgba(216, 179, 93, 0.038) 1px, transparent 1px),
    linear-gradient(0deg, rgba(216, 179, 93, 0.03) 1px, transparent 1px) !important;
  background-size: auto, 3.4rem 3.4rem, 3.4rem 3.4rem !important;
  pointer-events: none !important;
}

.discovery-map,
.discovery-map.is-google-map,
.discovery-map.is-leaflet-map,
.leaflet-container {
  background: #11100b !important;
}

.hashop-map-dark-tile,
.hashop-map-readable-tile,
.hashop-map-light-tile,
.hashop-map-standard-tile,
.leaflet-tile {
  filter: brightness(0.86) contrast(1.14) saturate(0.76) sepia(0.12) hue-rotate(-8deg) !important;
}

.hashop-map-dark-tile {
  filter: brightness(1.08) contrast(1.08) saturate(0.72) sepia(0.08) !important;
}

.leaflet-control-attribution {
  border-radius: 999px 0 0 0 !important;
  background: rgba(5, 5, 5, 0.62) !important;
  color: rgba(247, 241, 223, 0.72) !important;
  font-size: 0.62rem !important;
}

.map-locate-button,
.map-compass-button {
  z-index: 920 !important;
  border: 1px solid rgba(216, 179, 93, 0.28) !important;
  background: rgba(7, 7, 6, 0.82) !important;
  color: var(--hashop-final-ink) !important;
  box-shadow: inset 0 1px 0 rgba(255, 239, 185, 0.06), 0 0.55rem 1rem rgba(0, 0, 0, 0.26) !important;
  backdrop-filter: blur(12px) !important;
}

.map-locate-button {
  right: 0.68rem !important;
  top: 0.68rem !important;
  min-width: 6.65rem !important;
  min-height: 2.38rem !important;
  border-radius: 999px !important;
  font-size: 0.74rem !important;
}

.map-compass-button {
  right: 0.68rem !important;
  top: 3.42rem !important;
  width: 2.38rem !important;
  height: 2.38rem !important;
  min-width: 2.38rem !important;
  min-height: 2.38rem !important;
}

.map-shop-marker {
  width: 1.14rem !important;
  height: 1.14rem !important;
  border: 2px solid #070604 !important;
  border-radius: 999px 999px 999px 0 !important;
  background:
    radial-gradient(circle at 38% 32%, rgba(255, 247, 203, 0.48), transparent 28%),
    linear-gradient(135deg, color-mix(in srgb, var(--shop-color, var(--hashop-final-gold)) 82%, #fff2bc), var(--shop-color, var(--hashop-final-gold))) !important;
  box-shadow: 0 0 0 0.38rem color-mix(in srgb, var(--shop-color, var(--hashop-final-gold)) 18%, transparent), 0 0 1.1rem color-mix(in srgb, var(--shop-color, var(--hashop-final-gold)) 44%, transparent) !important;
  transform: rotate(-45deg) !important;
}

.map-shop-marker::before {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  width: 0.36rem !important;
  height: 0.36rem !important;
  border-radius: 999px !important;
  background: #070604 !important;
  transform: translate(-50%, -50%) rotate(45deg) !important;
  mask-image: none !important;
  -webkit-mask-image: none !important;
  filter: none !important;
}

.map-shop-marker::after {
  content: none !important;
}

.map-user-marker {
  width: 1rem !important;
  height: 1rem !important;
  border: 2px solid #f7f1df !important;
  border-radius: 999px !important;
  background: #29c6ea !important;
  box-shadow: 0 0 0 0.42rem rgba(41, 198, 234, 0.18), 0 0 1.15rem rgba(41, 198, 234, 0.48) !important;
}

.map-user-marker::before,
.map-user-marker::after {
  content: none !important;
}

.shop-list-panel {
  border: 0 !important;
  border-radius: 0 0 var(--hashop-final-radius) var(--hashop-final-radius) !important;
  background: var(--hashop-final-panel) !important;
  box-shadow: inset 0 1px 0 rgba(216, 179, 93, 0.1) !important;
}

.shop-list-grid {
  gap: 0.62rem !important;
  padding: 0 0.04rem 0.12rem !important;
}

.shop-list-search-input,
.shop-login-input,
.shop-owner-input,
.shop-owner-textarea {
  border: 0 !important;
  border-radius: var(--hashop-final-control) !important;
  background: rgba(7, 7, 7, 0.98) !important;
  color: var(--hashop-final-ink) !important;
  box-shadow: inset 0 0 0 1px rgba(216, 179, 93, 0.18), inset 0 1px 0 rgba(255, 239, 185, 0.04) !important;
}

.shop-list-search-input:focus,
.shop-login-input:focus,
.shop-owner-input:focus,
.shop-owner-textarea:focus {
  box-shadow: 0 0 0 3px rgba(216, 179, 93, 0.16), inset 0 0 0 1px rgba(216, 179, 93, 0.56) !important;
}

.shop-card,
.shop-pane-hero,
.shop-pane-cart,
.shop-login-form,
.shop-account-section,
.shop-owner-form,
.shop-owner-section,
.shop-owner-summary-card,
.shop-owner-item-editor,
.shop-state-card {
  border: 0 !important;
  border-radius: var(--hashop-final-control) !important;
  background:
    radial-gradient(circle at 0% 0%, rgba(216, 179, 93, 0.08), transparent 8rem),
    var(--hashop-final-card) !important;
  color: var(--hashop-final-ink) !important;
  box-shadow: inset 0 1px 0 rgba(255, 239, 185, 0.045) !important;
}

.shop-discovery-card,
.shop-item-discovery-card {
  min-height: 5.65rem !important;
  grid-template-columns: 4.3rem minmax(0, 1fr) !important;
  gap: 0.68rem !important;
  padding: 0.62rem !important;
}

.shop-card-thumb {
  width: 4.3rem !important;
  height: 4.3rem !important;
  min-width: 4.3rem !important;
  border-radius: 14px !important;
}

.shop-card-title-block strong,
.shop-pane-hero h2,
.shop-account-section-head strong,
.shop-owner-form-head strong,
.shop-pane-cart-head strong {
  color: var(--hashop-final-ink) !important;
}

.shop-card-subtitle,
.shop-card-item,
.shop-pane-hero p,
.shop-account-section-head span,
.shop-owner-form-head span,
.shop-account-note {
  color: var(--hashop-final-muted) !important;
}

.shop-card-open,
.shop-card-item,
.shop-owner-summary-chips span {
  border: 0 !important;
  background: rgba(216, 179, 93, 0.1) !important;
  color: var(--hashop-final-gold) !important;
  box-shadow: none !important;
}

.shop-login-submit,
.shop-owner-save,
.shop-card-add,
.shop-cart-pay:not(.shop-cart-pay-secondary),
.shop-state-action.is-primary {
  border: 0 !important;
  border-radius: var(--hashop-final-control) !important;
  background: linear-gradient(180deg, #e8c76d, #bd8830) !important;
  color: #100d06 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.24) !important;
}

.shop-owner-chip-button,
.shop-owner-tab,
.shop-cart-pay-secondary,
.shop-pane-quick-link,
.shop-account-big-action,
.shop-account-shop,
.home-bottom-link {
  border: 0 !important;
  border-radius: var(--hashop-final-control) !important;
  background: rgba(7, 7, 7, 0.62) !important;
  color: var(--hashop-final-ink) !important;
  box-shadow: inset 0 0 0 1px rgba(216, 179, 93, 0.12) !important;
}

.home-bottom-nav {
  gap: 0.28rem !important;
  padding: 0.32rem 0 0 !important;
  border: 0 !important;
  background: linear-gradient(180deg, rgba(12, 12, 11, 0), rgba(12, 12, 11, 0.98) 42%) !important;
}

.home-bottom-link {
  min-height: 2.72rem !important;
  background: transparent !important;
  color: rgba(247, 241, 223, 0.58) !important;
  box-shadow: none !important;
}

.home-bottom-link.is-active {
  background: rgba(216, 179, 93, 0.12) !important;
  color: var(--hashop-final-gold) !important;
  box-shadow: inset 0 0 0 1px rgba(216, 179, 93, 0.18) !important;
}

.shop-account-profile-card {
  border-radius: var(--hashop-final-control) !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(216, 179, 93, 0.18), transparent 8rem),
    var(--hashop-final-raised) !important;
  box-shadow: inset 0 1px 0 rgba(255, 239, 185, 0.06) !important;
}

@media (max-width: 380px) {
  .home-stage {
    grid-template-rows: clamp(10.5rem, 31dvh, 13rem) minmax(0, 1fr) !important;
  }

  .map-screen::before {
    max-width: 7.2rem !important;
  }

  .shop-discovery-card,
  .shop-item-discovery-card {
    grid-template-columns: 3.8rem minmax(0, 1fr) !important;
  }

  .shop-card-thumb {
    width: 3.8rem !important;
    height: 3.8rem !important;
    min-width: 3.8rem !important;
  }
}

@media (min-width: 900px) {
  .home-stage {
    grid-template-columns: minmax(0, 1.18fr) minmax(24rem, 0.82fr) !important;
    grid-template-rows: minmax(0, 1fr) !important;
  }

  .map-screen {
    border-radius: 0 0 0 var(--hashop-final-radius) !important;
  }

  .shop-list-panel {
    border-radius: 0 0 var(--hashop-final-radius) 0 !important;
  }
}

/* Flat screen contract: stable panes, no glow, contained shop images. */
:root {
  --hashop-flat-bg: #050505;
  --hashop-flat-chrome: #0b0b0a;
  --hashop-flat-panel: #0d0d0c;
  --hashop-flat-card: #12110f;
  --hashop-flat-card-2: #15130f;
  --hashop-flat-field: #070707;
  --hashop-flat-line: rgba(226, 193, 111, 0.14);
  --hashop-flat-line-strong: rgba(226, 193, 111, 0.24);
  --hashop-flat-ink: #f5efd9;
  --hashop-flat-muted: rgba(245, 239, 217, 0.62);
  --hashop-flat-gold: #d8b35d;
  --hashop-flat-radius: 14px;
}

html,
body,
.shell-home {
  background: var(--hashop-flat-bg) !important;
  color: var(--hashop-flat-ink) !important;
}

.shell-home {
  height: 100dvh !important;
  min-height: 100dvh !important;
  padding: 0.36rem !important;
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
  gap: 0 !important;
  overflow: hidden !important;
}

.home-chrome,
.map-screen,
.shop-list-panel,
.shop-card,
.shop-pane-hero,
.shop-pane-cart,
.shop-pane-item,
.shop-login-form,
.shop-account-profile-card,
.shop-account-section,
.shop-account-big-action,
.shop-account-shop,
.shop-owner-summary-card,
.shop-owner-form,
.shop-owner-section,
.shop-owner-item-editor,
.shop-state-card {
  border: 0 !important;
  background-image: none !important;
  filter: none !important;
  backdrop-filter: none !important;
  box-shadow: none !important;
  outline: 0 !important;
}

.home-chrome {
  min-height: 2.92rem !important;
  padding: 0.52rem 0.64rem !important;
  border-radius: var(--hashop-flat-radius) var(--hashop-flat-radius) 0 0 !important;
  background: var(--hashop-flat-chrome) !important;
  box-shadow: inset 0 -1px 0 var(--hashop-flat-line) !important;
}

.home-stage {
  height: 100% !important;
  min-height: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: clamp(10.8rem, 31dvh, 14rem) minmax(0, 1fr) !important;
  gap: 0 !important;
  overflow: hidden !important;
  background: var(--hashop-flat-bg) !important;
}

.map-screen {
  height: 100% !important;
  min-height: 0 !important;
  border-radius: 0 !important;
  background: #12100c !important;
  box-shadow: inset 0 -1px 0 var(--hashop-flat-line) !important;
  contain: layout paint !important;
}

.map-screen::before {
  content: attr(data-map-label) !important;
  left: 0.56rem !important;
  top: 0.56rem !important;
  z-index: 920 !important;
  max-width: min(9rem, calc(100% - 7.7rem)) !important;
  min-height: 1.9rem !important;
  padding: 0 0.6rem !important;
  border: 0 !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  background: rgba(7, 7, 7, 0.82) !important;
  color: var(--hashop-flat-gold) !important;
  box-shadow: inset 0 0 0 1px var(--hashop-flat-line) !important;
  font: 900 0.68rem/1 "Sora", "Manrope", sans-serif !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  pointer-events: none !important;
}

.map-screen::after {
  content: none !important;
  display: none !important;
}

.discovery-map,
.discovery-map > div,
.discovery-map.is-google-map,
.discovery-map.is-leaflet-map,
.leaflet-container,
.gm-style {
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  background: #12100c !important;
  filter: none !important;
}

.hashop-map-dark-tile,
.hashop-map-readable-tile,
.hashop-map-light-tile,
.hashop-map-standard-tile,
.leaflet-tile {
  filter: brightness(0.92) contrast(1.08) saturate(0.74) sepia(0.1) hue-rotate(-8deg) !important;
  opacity: 1 !important;
}

.map-locate-button,
.map-compass-button {
  border: 0 !important;
  background: rgba(7, 7, 7, 0.84) !important;
  color: var(--hashop-flat-ink) !important;
  box-shadow: inset 0 0 0 1px var(--hashop-flat-line) !important;
  backdrop-filter: none !important;
}

.map-locate-button {
  right: 0.56rem !important;
  top: 0.56rem !important;
  min-width: 6.05rem !important;
  min-height: 2.22rem !important;
  padding: 0 0.64rem !important;
  border-radius: 999px !important;
}

.map-compass-button {
  right: 0.56rem !important;
  top: 3.12rem !important;
  width: 2.22rem !important;
  height: 2.22rem !important;
  min-width: 2.22rem !important;
  min-height: 2.22rem !important;
}

.map-shop-marker,
.map-user-marker {
  box-shadow: none !important;
  filter: none !important;
}

.map-shop-marker {
  width: 1rem !important;
  height: 1rem !important;
  border: 2px solid #080704 !important;
  border-radius: 999px 999px 999px 0 !important;
  background: var(--shop-color, var(--hashop-flat-gold)) !important;
  transform: rotate(-45deg) !important;
}

.map-user-marker {
  width: 0.92rem !important;
  height: 0.92rem !important;
  border: 2px solid #f5efd9 !important;
  border-radius: 999px !important;
  background: #29c6ea !important;
}

.shop-list-panel {
  height: 100% !important;
  min-height: 0 !important;
  padding: 0.6rem !important;
  border-radius: 0 0 var(--hashop-flat-radius) var(--hashop-flat-radius) !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: auto auto minmax(0, 1fr) auto !important;
  gap: 0.54rem !important;
  overflow: hidden !important;
  background: var(--hashop-flat-panel) !important;
  box-shadow: inset 0 1px 0 var(--hashop-flat-line) !important;
}

.shop-list-panel[data-pane-mode="account"],
.shop-list-panel[data-pane-mode="login"],
.shop-list-panel[data-pane-mode="confirmation"],
.shop-list-panel[data-pane-mode="owner-manage"],
.shop-list-panel[data-pane-mode="owner-stats"] {
  grid-template-rows: auto minmax(0, 1fr) auto !important;
}

.shop-list-grid {
  min-height: 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  gap: 0.54rem !important;
  padding: 0 0.02rem 0.08rem !important;
}

.shop-list-search-input,
.shop-login-input,
.shop-owner-input,
.shop-owner-textarea {
  border: 0 !important;
  border-radius: 10px !important;
  background: var(--hashop-flat-field) !important;
  color: var(--hashop-flat-ink) !important;
  box-shadow: inset 0 0 0 1px var(--hashop-flat-line) !important;
}

.shop-list-search-input:focus,
.shop-login-input:focus,
.shop-owner-input:focus,
.shop-owner-textarea:focus {
  box-shadow: inset 0 0 0 1px var(--hashop-flat-line-strong) !important;
}

.shop-card,
.shop-pane-hero,
.shop-pane-cart,
.shop-pane-item,
.shop-login-form,
.shop-account-profile-card,
.shop-account-section,
.shop-owner-summary-card,
.shop-owner-form,
.shop-owner-section,
.shop-owner-item-editor,
.shop-state-card {
  border-radius: 10px !important;
  background: var(--hashop-flat-card) !important;
  box-shadow: inset 0 0 0 1px rgba(226, 193, 111, 0.08) !important;
}

.shop-account-profile-card,
.shop-account-section,
.shop-account-big-action,
.shop-account-shop {
  background: var(--hashop-flat-card) !important;
  box-shadow: inset 0 0 0 1px rgba(226, 193, 111, 0.08) !important;
}

.shop-account-avatar {
  background: #17140f !important;
  color: var(--hashop-flat-gold) !important;
  box-shadow: inset 0 0 0 1px var(--hashop-flat-line) !important;
}

.shop-account-profile-copy strong,
.shop-account-big-action strong,
.shop-account-section-head strong,
.shop-card-title-block strong,
.shop-pane-item-head strong,
.shop-pane-hero h2 {
  color: var(--hashop-flat-ink) !important;
}

.shop-account-profile-copy span,
.shop-account-big-action span,
.shop-account-section-head span,
.shop-card-subtitle,
.shop-card-item,
.shop-pane-item p,
.shop-pane-item-meta span,
.shop-pane-hero p,
.shop-account-note {
  color: var(--hashop-flat-muted) !important;
}

.shop-card-open,
.shop-card-item,
.shop-owner-summary-chips span,
.shop-account-big-action.is-current {
  background: #17140f !important;
  color: var(--hashop-flat-gold) !important;
  box-shadow: inset 0 0 0 1px rgba(226, 193, 111, 0.1) !important;
}

.shop-login-submit,
.shop-owner-save,
.shop-card-add,
.shop-cart-pay:not(.shop-cart-pay-secondary),
.shop-state-action.is-primary {
  border: 0 !important;
  border-radius: 10px !important;
  background: #d8b35d !important;
  color: #0b0905 !important;
  box-shadow: none !important;
}

.shop-owner-chip-button,
.shop-owner-tab,
.shop-cart-pay-secondary,
.shop-pane-quick-link,
.shop-account-big-action,
.shop-account-shop,
.home-bottom-link {
  border: 0 !important;
  border-radius: 10px !important;
  background: #0a0a09 !important;
  color: var(--hashop-flat-ink) !important;
  box-shadow: inset 0 0 0 1px rgba(226, 193, 111, 0.1) !important;
}

.shop-pane-items {
  gap: 0.52rem !important;
}

.shop-pane-item {
  padding: 0.62rem !important;
}

.shop-pane-item-row {
  display: grid !important;
  grid-template-columns: 3.15rem minmax(0, 1fr) !important;
  align-items: start !important;
  gap: 0.62rem !important;
}

.shop-pane-item-mark,
.shop-pane-item-mark.is-image {
  width: 3.15rem !important;
  min-width: 3.15rem !important;
  max-width: 3.15rem !important;
  height: 3.15rem !important;
  min-height: 3.15rem !important;
  max-height: 3.15rem !important;
  aspect-ratio: 4 / 3 !important;
  align-self: start !important;
  padding: 0.22rem !important;
  border-radius: 10px !important;
  background: #0a0a09 !important;
  box-shadow: inset 0 0 0 1px rgba(226, 193, 111, 0.1) !important;
}

.shop-pane-item-mark::before,
.shop-pane-item-mark::after {
  content: none !important;
}

.shop-pane-item-image,
.shop-pane-item-mark.is-image img {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
  transform: none !important;
  scale: 1 !important;
  border-radius: 8px !important;
}

.shop-pane-item-copy {
  gap: 0.42rem !important;
}

.shop-pane-item-head {
  gap: 0.5rem !important;
}

.shop-pane-item-head strong {
  font-size: 0.92rem !important;
}

.shop-pane-item-head span {
  color: var(--hashop-flat-gold) !important;
  font-size: 0.78rem !important;
}

.shop-pane-item p {
  font-size: 0.78rem !important;
  line-height: 1.3 !important;
}

.shop-pane-item-meta {
  align-items: center !important;
  gap: 0.44rem !important;
}

.shop-item-step {
  min-height: 1.86rem !important;
  padding: 0 0.62rem !important;
  border: 0 !important;
  background: #0a0a09 !important;
  color: var(--hashop-flat-gold) !important;
  box-shadow: inset 0 0 0 1px rgba(226, 193, 111, 0.12) !important;
}

.home-bottom-nav {
  gap: 0.24rem !important;
  padding-top: 0.2rem !important;
  background: var(--hashop-flat-panel) !important;
}

.home-bottom-link {
  min-height: 2.58rem !important;
  background: transparent !important;
  box-shadow: none !important;
}

.home-bottom-link.is-active {
  background: #17140f !important;
  color: var(--hashop-flat-gold) !important;
  box-shadow: none !important;
}

@media (max-width: 380px) {
  .home-stage {
    grid-template-rows: clamp(9.8rem, 29dvh, 12.4rem) minmax(0, 1fr) !important;
  }

  .shop-pane-item-row {
    grid-template-columns: 2.8rem minmax(0, 1fr) !important;
  }

  .shop-pane-item-mark,
  .shop-pane-item-mark.is-image {
    width: 2.8rem !important;
    min-width: 2.8rem !important;
    max-width: 2.8rem !important;
    height: 2.8rem !important;
    min-height: 2.8rem !important;
    max-height: 2.8rem !important;
  }
}

@media (min-width: 900px) {
  .shell-home {
    padding: 0.48rem !important;
  }

  .home-stage {
    grid-template-columns: minmax(0, 1.15fr) minmax(24rem, 0.85fr) !important;
    grid-template-rows: minmax(0, 1fr) !important;
  }

  .map-screen {
    border-radius: 0 0 0 var(--hashop-flat-radius) !important;
  }

  .shop-list-panel {
    border-radius: 0 0 var(--hashop-flat-radius) 0 !important;
  }
}

/* Account list refinement: one primary action, clear stacked rows. */
.shop-list-panel[data-pane-mode="account"] .shop-list-grid {
  padding: 0 !important;
}

.shop-list-panel[data-pane-mode="account"] .shop-pane-detail {
  display: grid !important;
  gap: 0.58rem !important;
}

.shop-list-panel[data-pane-mode="account"] .shop-account-stack {
  display: grid !important;
  gap: 0.58rem !important;
}

.shop-list-panel[data-pane-mode="account"] .shop-login-form,
.shop-list-panel[data-pane-mode="account"] .shop-account-profile-card,
.shop-list-panel[data-pane-mode="account"] .shop-account-section {
  border-radius: 12px !important;
  background: #10100f !important;
  box-shadow: inset 0 0 0 1px rgba(226, 193, 111, 0.12) !important;
}

.shop-list-panel[data-pane-mode="account"] .shop-login-form {
  padding: 0.72rem !important;
  gap: 0.62rem !important;
}

.shop-list-panel[data-pane-mode="account"] .shop-account-profile-card {
  min-height: 4.15rem !important;
  padding: 0.78rem !important;
  grid-template-columns: 3.1rem minmax(0, 1fr) !important;
}

.shop-list-panel[data-pane-mode="account"] .shop-account-avatar {
  width: 3.1rem !important;
  height: 3.1rem !important;
  font-size: 1.2rem !important;
}

.shop-list-panel[data-pane-mode="account"] .shop-login-field {
  gap: 0.32rem !important;
}

.shop-list-panel[data-pane-mode="account"] .shop-login-field > span {
  color: var(--hashop-flat-muted) !important;
  font-size: 0.72rem !important;
}

.shop-list-panel[data-pane-mode="account"] .shop-login-input {
  min-height: 2.86rem !important;
  font-size: 0.95rem !important;
}

.shop-list-panel[data-pane-mode="account"] .shop-account-auth-actions {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 0 !important;
}

.shop-list-panel[data-pane-mode="account"] .shop-login-submit {
  width: 100% !important;
  min-height: 2.92rem !important;
  border-radius: 10px !important;
  font-size: 0.95rem !important;
}

.shop-account-auth-links {
  width: 100% !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.18rem 0.36rem !important;
}

.shop-account-auth-links button {
  appearance: none !important;
  min-height: 2rem !important;
  padding: 0 0.28rem !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--hashop-flat-gold) !important;
  box-shadow: none !important;
  font: 850 0.74rem/1 "Manrope", "Sora", sans-serif !important;
  text-decoration: none !important;
}

.shop-account-auth-links button + button::before {
  content: "" !important;
}

.shop-account-auth-links button:disabled {
  opacity: 0.45 !important;
}

.shop-list-panel[data-pane-mode="account"] .shop-account-section {
  padding: 0.62rem !important;
}

.shop-list-panel[data-pane-mode="account"] .shop-account-section-head {
  min-height: 1.55rem !important;
  padding: 0 0.08rem 0.46rem !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 0.5rem !important;
}

.shop-list-panel[data-pane-mode="account"] .shop-account-section-head strong {
  font-size: 0.8rem !important;
  letter-spacing: 0.01em !important;
  text-transform: uppercase !important;
}

.shop-list-panel[data-pane-mode="account"] .shop-account-section-head span {
  color: var(--hashop-flat-muted) !important;
  font-size: 0.72rem !important;
}

.shop-list-panel[data-pane-mode="account"] .shop-account-actions,
.shop-list-panel[data-pane-mode="account"] .shop-account-shop-list {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 0.42rem !important;
}

.shop-list-panel[data-pane-mode="account"] .shop-account-big-action,
.shop-list-panel[data-pane-mode="account"] .shop-account-shop {
  position: relative !important;
  width: 100% !important;
  min-height: 3.2rem !important;
  padding: 0.66rem 2.1rem 0.66rem 0.76rem !important;
  border: 0 !important;
  border-radius: 10px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 0.16rem !important;
  text-align: left !important;
  background: #0a0a09 !important;
  color: var(--hashop-flat-ink) !important;
  box-shadow: inset 0 0 0 1px rgba(226, 193, 111, 0.14) !important;
}

.shop-list-panel[data-pane-mode="account"] button.shop-account-big-action::after,
.shop-list-panel[data-pane-mode="account"] button.shop-account-shop::after {
  content: "›" !important;
  position: absolute !important;
  right: 0.78rem !important;
  top: 50% !important;
  color: rgba(216, 179, 93, 0.7) !important;
  font: 900 1.15rem/1 "Sora", "Manrope", sans-serif !important;
  transform: translateY(-50%) !important;
}

.shop-list-panel[data-pane-mode="account"] .shop-account-big-action.is-static::after {
  content: none !important;
}

.shop-list-panel[data-pane-mode="account"] .shop-account-big-action strong,
.shop-list-panel[data-pane-mode="account"] .shop-account-shop strong {
  min-width: 0 !important;
  color: var(--hashop-flat-ink) !important;
  font: 900 0.9rem/1.08 "Sora", "Manrope", sans-serif !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.shop-list-panel[data-pane-mode="account"] .shop-account-big-action span,
.shop-list-panel[data-pane-mode="account"] .shop-account-shop span {
  min-width: 0 !important;
  color: var(--hashop-flat-muted) !important;
  font: 760 0.72rem/1.15 "Manrope", "Sora", sans-serif !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.shop-list-panel[data-pane-mode="account"] .shop-account-big-action.is-current,
.shop-list-panel[data-pane-mode="account"] .shop-account-shop.is-selected {
  background: #17140f !important;
  box-shadow: inset 0 0 0 1px rgba(216, 179, 93, 0.28) !important;
}

.shop-list-panel[data-pane-mode="account"] .shop-owner-chip-button.is-danger {
  min-height: 2.72rem !important;
  background: #170d0b !important;
  color: #f0a486 !important;
  box-shadow: inset 0 0 0 1px rgba(240, 164, 134, 0.18) !important;
}

.shell-home[data-hashop-screen="account"][data-hashop-account-state="signed-out"] .home-hash-logo {
  display: none !important;
}

.shell-home[data-hashop-screen="account"][data-hashop-account-state="signed-out"] .brand {
  gap: 0 !important;
}

.shop-list-panel[data-pane-mode="account"][data-account-state="signed-out"] {
  grid-template-rows: auto minmax(0, 1fr) !important;
}

.shop-list-panel[data-pane-mode="account"][data-account-state="signed-out"] .home-bottom-nav {
  display: none !important;
}

/* Product consistency contract: one normal app frame, one button language. */
:root {
  --hashop-product-bg: #050505;
  --hashop-product-chrome: #0b0b0a;
  --hashop-product-panel: #0d0d0c;
  --hashop-product-card: #12110f;
  --hashop-product-field: #070707;
  --hashop-product-raised: #17140f;
  --hashop-product-line: rgba(226, 193, 111, 0.13);
  --hashop-product-line-strong: rgba(226, 193, 111, 0.24);
  --hashop-product-ink: #f7f1df;
  --hashop-product-muted: rgba(247, 241, 223, 0.68);
  --hashop-product-soft: rgba(247, 241, 223, 0.48);
  --hashop-product-gold: #d8b35d;
  --hashop-product-danger: #f0a486;
  --hashop-product-radius: 14px;
  --hashop-product-control: 10px;
  --hashop-product-gap: 0.56rem;
  --hashop-product-touch: 2.86rem;
}

html,
body {
  height: 100% !important;
  overflow: hidden !important;
  background: var(--hashop-product-bg) !important;
  color: var(--hashop-product-ink) !important;
}

.shell-home {
  height: 100dvh !important;
  min-height: 100dvh !important;
  padding: 0.36rem !important;
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
  gap: 0 !important;
  overflow: hidden !important;
  background: var(--hashop-product-bg) !important;
  color: var(--hashop-product-ink) !important;
}

.home-chrome,
.home-stage,
.map-screen,
.shop-list-panel {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

.home-chrome {
  min-height: 2.92rem !important;
  padding: 0.52rem 0.64rem !important;
  border: 0 !important;
  border-radius: var(--hashop-product-radius) var(--hashop-product-radius) 0 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  background: var(--hashop-product-chrome) !important;
  box-shadow: inset 0 -1px 0 var(--hashop-product-line) !important;
}

.home-chrome::before,
.home-chrome::after,
.home-panel-heading,
.home-state-strip,
.shop-pane-toggle,
.shop-panel-actions {
  display: none !important;
  content: none !important;
}

.home-hash-logo {
  width: 2rem !important;
  height: 2rem !important;
  border: 0 !important;
  border-radius: 10px !important;
  display: grid !important;
  place-items: center !important;
  background: var(--hashop-product-raised) !important;
  color: var(--hashop-product-gold) !important;
  box-shadow: inset 0 0 0 1px var(--hashop-product-line-strong) !important;
}

.home-brand-name {
  color: var(--hashop-product-ink) !important;
  font-size: 1.04rem !important;
  letter-spacing: -0.03em !important;
}

.home-stage {
  height: 100% !important;
  min-height: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: clamp(10.8rem, 31dvh, 14rem) minmax(0, 1fr) !important;
  gap: 0 !important;
  overflow: hidden !important;
}

.map-screen {
  height: 100% !important;
  min-height: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #12100c !important;
  box-shadow: inset 0 -1px 0 var(--hashop-product-line) !important;
  overflow: hidden !important;
  contain: layout paint !important;
}

.map-screen::before {
  content: attr(data-map-label) !important;
  position: absolute !important;
  left: 0.56rem !important;
  top: 0.56rem !important;
  z-index: 920 !important;
  max-width: min(8.2rem, calc(100% - 7.2rem)) !important;
  min-height: 1.86rem !important;
  padding: 0 0.58rem !important;
  border: 0 !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  background: rgba(7, 7, 7, 0.84) !important;
  color: var(--hashop-product-gold) !important;
  box-shadow: inset 0 0 0 1px var(--hashop-product-line) !important;
  font: 900 0.68rem/1 "Sora", "Manrope", sans-serif !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  pointer-events: none !important;
}

.map-screen::after {
  content: none !important;
  display: none !important;
}

.discovery-map,
.discovery-map > div,
.discovery-map.is-google-map,
.discovery-map.is-leaflet-map,
.leaflet-container,
.gm-style {
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  background: #12100c !important;
  filter: none !important;
}

.hashop-map-dark-tile,
.hashop-map-readable-tile,
.hashop-map-light-tile,
.hashop-map-standard-tile,
.leaflet-tile {
  filter: brightness(0.94) contrast(1.06) saturate(0.82) sepia(0.08) hue-rotate(-8deg) !important;
  opacity: 1 !important;
}

.map-locate-button,
.map-compass-button {
  z-index: 930 !important;
  border: 0 !important;
  background: rgba(7, 7, 7, 0.84) !important;
  color: var(--hashop-product-ink) !important;
  box-shadow: inset 0 0 0 1px var(--hashop-product-line) !important;
  backdrop-filter: none !important;
}

.map-locate-button {
  right: 0.56rem !important;
  top: 0.56rem !important;
  min-width: 5.95rem !important;
  min-height: 2.22rem !important;
  height: 2.22rem !important;
  padding: 0 0.62rem !important;
  border-radius: 999px !important;
  font-size: 0.72rem !important;
}

.map-compass-button {
  right: 0.56rem !important;
  top: 3.08rem !important;
  width: 2.22rem !important;
  height: 2.22rem !important;
  min-width: 2.22rem !important;
  min-height: 2.22rem !important;
}

.shop-list-panel {
  height: 100% !important;
  min-height: 0 !important;
  padding: 0.6rem !important;
  border: 0 !important;
  border-radius: 0 0 var(--hashop-product-radius) var(--hashop-product-radius) !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: auto auto minmax(0, 1fr) auto !important;
  gap: var(--hashop-product-gap) !important;
  overflow: hidden !important;
  background: var(--hashop-product-panel) !important;
  box-shadow: inset 0 1px 0 var(--hashop-product-line) !important;
}

.shop-list-panel[data-pane-mode="account"],
.shop-list-panel[data-pane-mode="login"],
.shop-list-panel[data-pane-mode="confirmation"],
.shop-list-panel[data-pane-mode="owner-manage"],
.shop-list-panel[data-pane-mode="owner-stats"] {
  grid-template-rows: auto minmax(0, 1fr) auto !important;
}

.shop-list-panel[data-pane-mode="home"] .shop-panel-bar,
.shop-list-panel[data-pane-mode="search"] .shop-panel-bar,
.shop-list-panel[data-pane-mode="contact"] .shop-panel-bar {
  display: none !important;
}

.shop-list-panel[data-pane-mode="home"] .shop-list-head,
.shop-list-panel[data-pane-mode="search"] .shop-list-head,
.shop-list-panel[data-pane-mode="contact"] .shop-list-head,
.shop-list-panel[data-pane-mode="shop"] .shop-list-head,
.shop-list-panel[data-pane-mode="cart"] .shop-list-head,
.shop-list-panel[data-pane-mode="owner-orders"] .shop-list-head,
.shop-list-panel[data-pane-mode="owner-items"] .shop-list-head {
  display: block !important;
}

.shop-list-panel[data-pane-mode="account"] .shop-list-head,
.shop-list-panel[data-pane-mode="login"] .shop-list-head,
.shop-list-panel[data-pane-mode="confirmation"] .shop-list-head,
.shop-list-panel[data-pane-mode="owner-manage"] .shop-list-head,
.shop-list-panel[data-pane-mode="owner-stats"] .shop-list-head,
.shop-list-head[hidden] {
  display: none !important;
}

.shop-panel-bar {
  min-height: 2.4rem !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 0.5rem !important;
}

.shop-back-action {
  justify-self: start !important;
}

.shop-list-grid {
  min-height: 0 !important;
  max-height: none !important;
  display: grid !important;
  align-content: start !important;
  gap: var(--hashop-product-gap) !important;
  padding: 0 0.02rem 0.08rem !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
  -webkit-overflow-scrolling: touch !important;
}

.shop-list-search-input,
.shop-login-input,
.shop-owner-input,
.shop-owner-textarea {
  border: 0 !important;
  border-radius: var(--hashop-product-control) !important;
  background: var(--hashop-product-field) !important;
  color: var(--hashop-product-ink) !important;
  box-shadow: inset 0 0 0 1px var(--hashop-product-line) !important;
}

.shop-list-search-input:focus,
.shop-login-input:focus,
.shop-owner-input:focus,
.shop-owner-textarea:focus {
  outline: 0 !important;
  box-shadow: inset 0 0 0 1px var(--hashop-product-line-strong), 0 0 0 3px rgba(216, 179, 93, 0.12) !important;
}

.shop-card,
.shop-pane-hero,
.shop-pane-cart,
.shop-pane-item,
.shop-login-form,
.shop-account-profile-card,
.shop-account-section,
.shop-account-big-action,
.shop-account-shop,
.shop-owner-summary-card,
.shop-owner-form,
.shop-owner-section,
.shop-owner-item-editor,
.shop-owner-order-card,
.shop-owner-item-card,
.shop-owner-library-card,
.shop-owner-draft-card,
.shop-state-card,
.shop-pane-notice {
  border: 0 !important;
  border-radius: var(--hashop-product-control) !important;
  background: var(--hashop-product-card) !important;
  color: var(--hashop-product-ink) !important;
  box-shadow: inset 0 0 0 1px rgba(226, 193, 111, 0.08) !important;
}

.shop-discovery-card,
.shop-item-discovery-card {
  min-height: 5.55rem !important;
  grid-template-columns: 4.12rem minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 0.62rem !important;
  padding: 0.58rem !important;
}

.shop-card-thumb {
  width: 4.12rem !important;
  min-width: 4.12rem !important;
  max-width: 4.12rem !important;
  height: 4.12rem !important;
  min-height: 4.12rem !important;
  max-height: 4.12rem !important;
  padding: 0.28rem !important;
  border: 0 !important;
  border-radius: var(--hashop-product-control) !important;
  display: grid !important;
  place-items: center !important;
  overflow: hidden !important;
  background: #0a0a09 !important;
  box-shadow: inset 0 0 0 1px rgba(226, 193, 111, 0.1) !important;
}

.shop-card-thumb img,
.shop-pane-logo-image,
.shop-pane-item-image,
.shop-owner-logo-image,
.shop-owner-item-preview-image,
.shop-owner-item-gallery-thumb img {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  object-fit: contain !important;
  object-position: center !important;
  transform: none !important;
  scale: 1 !important;
}

.shop-card-title-block strong,
.shop-pane-hero h2,
.shop-pane-cart-title h2,
.shop-pane-item-head strong,
.shop-account-profile-copy strong,
.shop-account-big-action strong,
.shop-account-section-head strong,
.shop-account-shop strong,
.shop-owner-form-head strong,
.shop-owner-order-head strong {
  color: var(--hashop-product-ink) !important;
}

.shop-card-subtitle,
.shop-card-item,
.shop-pane-hero p,
.shop-pane-cart-title p,
.shop-pane-item p,
.shop-pane-item-meta span,
.shop-account-profile-copy span,
.shop-account-big-action span,
.shop-account-section-head span,
.shop-account-shop span,
.shop-owner-form-head span,
.shop-owner-order-meta span,
.shop-login-status,
.shop-account-note,
.shop-pane-notice {
  color: var(--hashop-product-muted) !important;
}

.shop-card-open,
.shop-card-item,
.shop-owner-summary-chips span,
.shop-account-big-action.is-current,
.shop-account-shop.is-selected {
  background: var(--hashop-product-raised) !important;
  color: var(--hashop-product-gold) !important;
  box-shadow: inset 0 0 0 1px rgba(226, 193, 111, 0.1) !important;
}

.shop-list-action,
.shop-back-action,
.shop-pane-nav-action,
.shop-pane-quick-link,
.shop-card-add,
.shop-owner-save,
.shop-owner-tab,
.shop-owner-chip-button,
.shop-owner-upload-button,
.shop-cart-pay,
.shop-login-submit,
.shop-state-action,
.shop-pay-copy,
.shop-owner-add-option,
.shop-account-big-action,
.shop-account-shop,
.home-bottom-link {
  min-height: var(--hashop-product-touch) !important;
  border: 0 !important;
  border-radius: var(--hashop-product-control) !important;
  font-family: "Manrope", "Sora", sans-serif !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
  text-decoration: none !important;
  touch-action: manipulation !important;
  -webkit-tap-highlight-color: transparent !important;
}

.shop-login-submit,
.shop-owner-save,
.shop-card-add,
.shop-cart-pay:not(.shop-cart-pay-secondary),
.shop-state-action.is-primary {
  background: var(--hashop-product-gold) !important;
  color: #0b0905 !important;
  box-shadow: none !important;
}

.shop-owner-chip-button,
.shop-owner-tab,
.shop-cart-pay-secondary,
.shop-pane-quick-link,
.shop-account-big-action,
.shop-account-shop,
.shop-state-action:not(.is-primary) {
  background: #0a0a09 !important;
  color: var(--hashop-product-ink) !important;
  box-shadow: inset 0 0 0 1px rgba(226, 193, 111, 0.1) !important;
}

.shop-owner-chip-button.is-danger,
.shop-cart-pay.is-danger,
.shop-state-action.is-danger {
  background: #170d0b !important;
  color: var(--hashop-product-danger) !important;
  box-shadow: inset 0 0 0 1px rgba(240, 164, 134, 0.18) !important;
}

.shop-account-actions,
.shop-account-shop-list,
.shop-owner-action-row,
.shop-owner-item-actions,
.shop-owner-order-actions,
.shop-pane-quick-actions,
.shop-pane-confirm-actions,
.shop-cart-confirm-actions {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 0.44rem !important;
}

.shop-account-profile-card {
  min-height: 4.08rem !important;
  padding: 0.78rem !important;
  display: grid !important;
  grid-template-columns: 3.12rem minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 0.76rem !important;
}

.shop-account-avatar {
  width: 3.12rem !important;
  height: 3.12rem !important;
  border-radius: 999px !important;
  display: grid !important;
  place-items: center !important;
  background: var(--hashop-product-raised) !important;
  color: var(--hashop-product-gold) !important;
  box-shadow: inset 0 0 0 1px var(--hashop-product-line) !important;
  font-size: 1.16rem !important;
}

.shop-account-big-action,
.shop-account-shop {
  min-height: 3.24rem !important;
  padding: 0.66rem 2.08rem 0.66rem 0.76rem !important;
  position: relative !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 0.16rem !important;
  text-align: left !important;
}

button.shop-account-big-action::after,
button.shop-account-shop::after {
  content: ">" !important;
  position: absolute !important;
  right: 0.78rem !important;
  top: 50% !important;
  color: var(--hashop-product-gold) !important;
  font: 900 1rem/1 "Sora", "Manrope", sans-serif !important;
  transform: translateY(-50%) !important;
}

.shop-account-big-action.is-static::after {
  content: none !important;
}

.shop-pane-item-row {
  display: grid !important;
  grid-template-columns: 3.1rem minmax(0, 1fr) !important;
  align-items: start !important;
  gap: 0.6rem !important;
}

.shop-pane-item-mark,
.shop-pane-item-mark.is-image {
  width: 3.1rem !important;
  min-width: 3.1rem !important;
  max-width: 3.1rem !important;
  height: 3.1rem !important;
  min-height: 3.1rem !important;
  max-height: 3.1rem !important;
  padding: 0.22rem !important;
  border-radius: var(--hashop-product-control) !important;
  background: #0a0a09 !important;
  box-shadow: inset 0 0 0 1px rgba(226, 193, 111, 0.1) !important;
}

.shop-pane-item-mark::before,
.shop-pane-item-mark::after {
  content: none !important;
}

.home-bottom-nav {
  min-height: 2.8rem !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 0.24rem !important;
  padding: 0.2rem 0 0 !important;
  background: var(--hashop-product-panel) !important;
}

.home-bottom-link {
  min-height: 2.58rem !important;
  padding: 0.28rem 0.2rem !important;
  background: transparent !important;
  color: var(--hashop-product-soft) !important;
  box-shadow: none !important;
}

.home-bottom-link.is-active {
  background: var(--hashop-product-raised) !important;
  color: var(--hashop-product-gold) !important;
  box-shadow: none !important;
}

.shop-pane-quick-link:active,
.shop-card-add:active,
.shop-owner-save:active,
.shop-owner-tab:active,
.shop-owner-chip-button:active,
.shop-cart-pay:active,
.shop-login-submit:active,
.shop-account-big-action:active,
.shop-account-shop:active,
.home-bottom-link:active,
.map-locate-button:active,
.map-compass-button:active {
  transform: translateY(1px) scale(0.992) !important;
}

@media (max-width: 899px) {
  .shell-home[data-hashop-screen="shop"] .map-screen,
  .shell-home[data-hashop-screen="cart"] .map-screen,
  .shell-home[data-hashop-screen="confirmation"] .map-screen,
  .shell-home[data-hashop-screen="account"] .map-screen,
  .shell-home[data-hashop-screen="login"] .map-screen,
  .shell-home[data-hashop-screen^="owner-"] .map-screen {
    display: none !important;
  }

  .shell-home[data-hashop-screen="shop"] .home-stage,
  .shell-home[data-hashop-screen="cart"] .home-stage,
  .shell-home[data-hashop-screen="confirmation"] .home-stage,
  .shell-home[data-hashop-screen="account"] .home-stage,
  .shell-home[data-hashop-screen="login"] .home-stage,
  .shell-home[data-hashop-screen^="owner-"] .home-stage {
    grid-template-rows: minmax(0, 1fr) !important;
  }
}

@media (max-width: 380px) {
  .shell-home {
    padding: 0.28rem !important;
  }

  .home-stage {
    grid-template-rows: clamp(9.6rem, 29dvh, 12.2rem) minmax(0, 1fr) !important;
  }

  .shop-list-panel {
    padding: 0.5rem !important;
  }

  .shop-discovery-card,
  .shop-item-discovery-card {
    grid-template-columns: 3.68rem minmax(0, 1fr) !important;
  }

  .shop-card-thumb {
    width: 3.68rem !important;
    min-width: 3.68rem !important;
    max-width: 3.68rem !important;
    height: 3.68rem !important;
    min-height: 3.68rem !important;
    max-height: 3.68rem !important;
  }
}

@media (min-width: 720px) {
  .shop-account-actions,
  .shop-owner-action-row,
  .shop-owner-item-actions,
  .shop-owner-order-actions,
  .shop-pane-quick-actions,
  .shop-pane-confirm-actions,
  .shop-cart-confirm-actions {
    grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr)) !important;
  }
}

@media (min-width: 900px) {
  .shell-home {
    padding: 0.48rem !important;
  }

  .home-chrome,
  .home-stage {
    width: min(100%, 82rem) !important;
    max-width: 82rem !important;
    margin-inline: auto !important;
  }

  .home-stage {
    grid-template-columns: minmax(0, 1.15fr) minmax(24rem, 0.85fr) !important;
    grid-template-rows: minmax(0, 1fr) !important;
  }

  .map-screen {
    display: block !important;
    border-radius: 0 0 0 var(--hashop-product-radius) !important;
  }

  .shop-list-panel {
    border-radius: 0 0 var(--hashop-product-radius) 0 !important;
  }
}

.map-screen {
  background: #d7d0bf !important;
  box-shadow: inset 0 -1px 0 rgba(5, 5, 5, 0.18) !important;
}

.discovery-map,
.discovery-map > div,
.discovery-map.is-google-map,
.discovery-map.is-leaflet-map,
.leaflet-container,
.gm-style {
  background: #d7d0bf !important;
}

.hashop-map-readable-tile,
.hashop-map-light-tile,
.hashop-map-standard-tile,
.hashop-map-dark-tile,
.hashop-map-labels,
.leaflet-tile {
  filter: none !important;
  opacity: 1 !important;
}

.map-screen::before {
  background: rgba(10, 10, 9, 0.82) !important;
  color: #f7d77f !important;
}

.map-locate-button,
.map-compass-button {
  background: rgba(10, 10, 9, 0.86) !important;
  color: #f7f1df !important;
  box-shadow: inset 0 0 0 1px rgba(216, 179, 93, 0.24) !important;
}

.leaflet-control-attribution {
  background: rgba(10, 10, 9, 0.72) !important;
  color: #f7f1df !important;
}

.shop-list-panel[data-pane-mode="account"] .shop-login-submit[data-buyer-account-submit="login"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 2.92rem !important;
  font-size: 0.95rem !important;
  line-height: 1.1 !important;
  color: #0b0905 !important;
  text-indent: 0 !important;
  white-space: nowrap !important;
  overflow: visible !important;
}

.shop-list-panel[data-pane-mode="account"] .shop-login-submit[data-buyer-account-submit="login"]::before,
.shop-list-panel[data-pane-mode="account"] .shop-login-submit[data-buyer-account-submit="login"]::after {
  display: none !important;
  content: none !important;
}

@media (max-width: 899px) {
  .shell-home[data-hashop-screen="account"] .home-stage {
    grid-template-rows: minmax(0, 1fr) minmax(0, 1fr) !important;
  }

  .shell-home[data-hashop-screen="account"] .map-screen {
    display: block !important;
    min-height: 0 !important;
    height: 100% !important;
    border-radius: 0 !important;
  }

  .shell-home[data-hashop-screen="account"] .discovery-map,
  .shell-home[data-hashop-screen="account"] .discovery-map > div,
  .shell-home[data-hashop-screen="account"] .discovery-map.is-google-map,
  .shell-home[data-hashop-screen="account"] .discovery-map.is-leaflet-map {
    display: block !important;
    min-height: 100% !important;
  }

  .shell-home[data-hashop-screen="account"] .shop-list-panel {
    min-height: 0 !important;
  }
}

@media (min-width: 900px) {
  .shell-home[data-hashop-screen="account"] .home-stage {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    grid-template-rows: minmax(0, 1fr) !important;
  }

  .shell-home[data-hashop-screen="account"] .map-screen,
  .shell-home[data-hashop-screen="account"] .shop-list-panel {
    min-width: 0 !important;
    min-height: 0 !important;
  }
}

.home-chrome .map-locate-button.home-locate-button {
  position: static !important;
  inset: auto !important;
  transform: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.36rem !important;
  width: auto !important;
  min-width: 0 !important;
  height: 2.08rem !important;
  min-height: 2.08rem !important;
  padding: 0 0.62rem !important;
  border: 0 !important;
  border-radius: 10px !important;
  flex: 0 0 auto !important;
  background: #d8b35d !important;
  color: #0b0905 !important;
  box-shadow: none !important;
}

.home-chrome .map-locate-button.home-locate-button .map-locate-button-text {
  display: inline !important;
  font-size: 0.74rem !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

.home-chrome .map-locate-button.home-locate-button .map-locate-button-icon {
  width: 0.86rem !important;
  height: 0.86rem !important;
  color: currentColor !important;
}

.home-chrome .brand {
  min-width: 0 !important;
  flex: 0 1 auto !important;
}

.home-chrome .home-live-status {
  margin-left: auto !important;
}

.home-bottom-link-icon,
.map-locate-button-icon {
  position: relative !important;
  display: inline-block !important;
  color: currentColor !important;
}

.home-bottom-link-icon::before,
.home-bottom-link-icon::after,
.map-locate-button-icon::before,
.map-locate-button-icon::after {
  content: none !important;
  display: none !important;
}

.home-bottom-link-icon {
  width: 1.18rem !important;
  height: 1.18rem !important;
  background: currentColor !important;
  -webkit-mask-repeat: no-repeat !important;
  mask-repeat: no-repeat !important;
  -webkit-mask-position: center !important;
  mask-position: center !important;
  -webkit-mask-size: contain !important;
  mask-size: contain !important;
}

.home-bottom-link-icon.is-shops {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%2024%2024%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20fill%3D%27%23000%27%20d%3D%27M4%2010h16l-1.2-5.2A1%201%200%200%200%2017.82%204H6.18a1%201%200%200%200-.98.8L4%2010Zm1%202v7a1%201%200%200%200%201%201h4v-5h4v5h4a1%201%200%200%200%201-1v-7h-3v3h-3v-3h-2v3H8v-3H5Z%27/%3E%3C/svg%3E") !important;
  mask-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%2024%2024%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20fill%3D%27%23000%27%20d%3D%27M4%2010h16l-1.2-5.2A1%201%200%200%200%2017.82%204H6.18a1%201%200%200%200-.98.8L4%2010Zm1%202v7a1%201%200%200%200%201%201h4v-5h4v5h4a1%201%200%200%200%201-1v-7h-3v3h-3v-3h-2v3H8v-3H5Z%27/%3E%3C/svg%3E") !important;
}

.home-bottom-link-icon.is-items {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%2024%2024%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20fill%3D%27%23000%27%20d%3D%27M5%205a2%202%200%200%201%202-2h10a2%202%200%200%201%202%202v14a2%202%200%200%201-2%202H7a2%202%200%200%201-2-2V5Zm3%203h8V6H8v2Zm0%205h8v-2H8v2Zm0%205h6v-2H8v2Z%27/%3E%3C/svg%3E") !important;
  mask-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%2024%2024%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20fill%3D%27%23000%27%20d%3D%27M5%205a2%202%200%200%201%202-2h10a2%202%200%200%201%202%202v14a2%202%200%200%201-2%202H7a2%202%200%200%201-2-2V5Zm3%203h8V6H8v2Zm0%205h8v-2H8v2Zm0%205h6v-2H8v2Z%27/%3E%3C/svg%3E") !important;
}

.home-bottom-link-icon.is-cart {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%2024%2024%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20fill%3D%27%23000%27%20d%3D%27M4%204h2.4l1.1%2011.1A2%202%200%200%200%209.5%2017h7.8a2%202%200%200%200%201.9-1.38L21%208H8.2L8%206H4V4Zm6%2016a1.7%201.7%200%201%200%200-3.4A1.7%201.7%200%200%200%2010%2020Zm7%200a1.7%201.7%200%201%200%200-3.4A1.7%201.7%200%200%200%2017%2020Z%27/%3E%3C/svg%3E") !important;
  mask-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%2024%2024%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20fill%3D%27%23000%27%20d%3D%27M4%204h2.4l1.1%2011.1A2%202%200%200%200%209.5%2017h7.8a2%202%200%200%200%201.9-1.38L21%208H8.2L8%206H4V4Zm6%2016a1.7%201.7%200%201%200%200-3.4A1.7%201.7%200%200%200%2010%2020Zm7%200a1.7%201.7%200%201%200%200-3.4A1.7%201.7%200%200%200%2017%2020Z%27/%3E%3C/svg%3E") !important;
}

.home-bottom-link-icon.is-account {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%2024%2024%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20fill%3D%27%23000%27%20d%3D%27M12%2012a4%204%200%201%200%200-8%204%204%200%200%200%200%208Zm0%202c-4.2%200-7%202.1-7%205v1h14v-1c0-2.9-2.8-5-7-5Z%27/%3E%3C/svg%3E") !important;
  mask-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%2024%2024%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20fill%3D%27%23000%27%20d%3D%27M12%2012a4%204%200%201%200%200-8%204%204%200%200%200%200%208Zm0%202c-4.2%200-7%202.1-7%205v1h14v-1c0-2.9-2.8-5-7-5Z%27/%3E%3C/svg%3E") !important;
}

.home-chrome .map-locate-button.home-locate-button .map-locate-button-icon {
  background: currentColor !important;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%2024%2024%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20fill%3D%27%23000%27%20d%3D%27M11%202h2v3.07A7.01%207.01%200%200%201%2018.93%2011H22v2h-3.07A7.01%207.01%200%200%201%2013%2018.93V22h-2v-3.07A7.01%207.01%200%200%201%205.07%2013H2v-2h3.07A7.01%207.01%200%200%201%2011%205.07V2Zm1%205a5%205%200%201%200%200%2010%205%205%200%200%200%200-10Zm0%203a2%202%200%201%201%200%204%202%202%200%200%201%200-4Z%27/%3E%3C/svg%3E") !important;
  mask-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%2024%2024%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20fill%3D%27%23000%27%20d%3D%27M11%202h2v3.07A7.01%207.01%200%200%201%2018.93%2011H22v2h-3.07A7.01%207.01%200%200%201%2013%2018.93V22h-2v-3.07A7.01%207.01%200%200%201%205.07%2013H2v-2h3.07A7.01%207.01%200%200%201%2011%205.07V2Zm1%205a5%205%200%201%200%200%2010%205%205%200%200%200%200-10Zm0%203a2%202%200%201%201%200%204%202%202%200%200%201%200-4Z%27/%3E%3C/svg%3E") !important;
  -webkit-mask-repeat: no-repeat !important;
  mask-repeat: no-repeat !important;
  -webkit-mask-position: center !important;
  mask-position: center !important;
  -webkit-mask-size: contain !important;
  mask-size: contain !important;
}

.shell-home[data-hashop-screen="account"] .shop-list-panel {
  padding: 0.42rem !important;
  gap: 0.34rem !important;
  transform: none !important;
  scale: 1 !important;
}

.shell-home[data-hashop-screen="account"] .shop-panel-bar {
  min-height: 2.02rem !important;
}

.shell-home[data-hashop-screen="account"] .shop-list-grid {
  gap: 0.34rem !important;
  padding: 0 !important;
  overflow-y: auto !important;
}

.shell-home[data-hashop-screen="account"] .shop-pane-detail,
.shell-home[data-hashop-screen="account"] .shop-account-stack {
  gap: 0.34rem !important;
}

.shell-home[data-hashop-screen="account"] .shop-login-form {
  padding: 0.5rem !important;
  gap: 0.38rem !important;
}

.shell-home[data-hashop-screen="account"] .shop-login-field {
  gap: 0.18rem !important;
}

.shell-home[data-hashop-screen="account"] .shop-login-field > span,
.shell-home[data-hashop-screen="account"] .shop-account-section-head span,
.shell-home[data-hashop-screen="account"] .shop-account-big-action span,
.shell-home[data-hashop-screen="account"] .shop-account-shop span {
  font-size: 0.66rem !important;
}

.shell-home[data-hashop-screen="account"] .shop-login-input {
  min-height: 2.32rem !important;
  padding: 0 0.62rem !important;
  font-size: 0.84rem !important;
}

.shell-home[data-hashop-screen="account"] .shop-login-submit {
  min-height: 2.38rem !important;
  font-size: 0.84rem !important;
}

.shell-home[data-hashop-screen="account"] .shop-account-profile-card {
  min-height: 3.1rem !important;
  padding: 0.48rem !important;
  grid-template-columns: 2.25rem minmax(0, 1fr) !important;
  gap: 0.48rem !important;
}

.shell-home[data-hashop-screen="account"] .shop-account-avatar {
  width: 2.25rem !important;
  height: 2.25rem !important;
  font-size: 0.9rem !important;
}

.shell-home[data-hashop-screen="account"] .shop-account-section {
  padding: 0.46rem !important;
}

.shell-home[data-hashop-screen="account"] .shop-account-section-head {
  min-height: 1.1rem !important;
  padding: 0 0 0.3rem !important;
}

.shell-home[data-hashop-screen="account"] .shop-account-section-head strong,
.shell-home[data-hashop-screen="account"] .shop-account-big-action strong,
.shell-home[data-hashop-screen="account"] .shop-account-shop strong {
  font-size: 0.78rem !important;
  line-height: 1.05 !important;
}

.shell-home[data-hashop-screen="account"] .shop-account-actions,
.shell-home[data-hashop-screen="account"] .shop-account-shop-list {
  gap: 0.3rem !important;
}

.shell-home[data-hashop-screen="account"] .shop-account-big-action,
.shell-home[data-hashop-screen="account"] .shop-account-shop {
  min-height: 2.44rem !important;
  padding: 0.44rem 1.55rem 0.44rem 0.54rem !important;
  gap: 0.08rem !important;
}

.shell-home[data-hashop-screen="account"] button.shop-account-big-action::after,
.shell-home[data-hashop-screen="account"] button.shop-account-shop::after {
  right: 0.58rem !important;
  font-size: 0.9rem !important;
}

.shell-home[data-hashop-screen="account"] .shop-owner-chip-button.is-danger {
  min-height: 2.25rem !important;
  font-size: 0.74rem !important;
}

.shell-home[data-hashop-screen="account"] .home-bottom-nav {
  min-height: 2.46rem !important;
}

.shell-home[data-hashop-screen="account"] .home-bottom-link {
  min-height: 2.2rem !important;
  font-size: 0.66rem !important;
}

/* Sleek organization pass: fewer visual weights, cleaner action rhythm. */
.shell-home {
  --hashop-ui-bg: #070707;
  --hashop-ui-surface: #101010;
  --hashop-ui-surface-2: #151515;
  --hashop-ui-line: rgba(255, 255, 255, 0.1);
  --hashop-ui-line-strong: rgba(216, 179, 93, 0.28);
  --hashop-ui-text: #f7f7f2;
  --hashop-ui-muted: #b7b7ad;
  --hashop-ui-gold: #d8b35d;
  --hashop-ui-danger: #ef6b63;
}

.home-chrome {
  min-height: 2.82rem !important;
  padding: 0.42rem 0.56rem !important;
  background: #080808 !important;
  box-shadow: inset 0 -1px 0 var(--hashop-ui-line) !important;
}

.home-brand-name {
  font-size: 0.98rem !important;
  letter-spacing: 0 !important;
}

.home-chrome .map-locate-button.home-locate-button {
  height: 1.94rem !important;
  min-height: 1.94rem !important;
  padding: 0 0.56rem !important;
  border-radius: 8px !important;
  background: var(--hashop-ui-gold) !important;
}

.home-stage,
.shop-list-panel,
.shop-pane-detail,
.shop-account-stack,
.shop-owner-stack {
  gap: 0.5rem !important;
}

.shop-list-panel {
  padding: 0.56rem !important;
  background: #090909 !important;
  color: var(--hashop-ui-text) !important;
}

.shop-list-grid {
  gap: 0.5rem !important;
}

.shop-list-search {
  min-height: 2.42rem !important;
  border-radius: 8px !important;
  background: var(--hashop-ui-surface) !important;
  box-shadow: inset 0 0 0 1px var(--hashop-ui-line) !important;
}

.shop-list-search-input {
  min-height: 2.42rem !important;
  color: var(--hashop-ui-text) !important;
  font-size: 0.88rem !important;
}

.shop-discovery-card,
.shop-item-discovery-card,
.shop-state-card,
.shop-account-section,
.shop-account-big-action,
.shop-account-shop,
.shop-account-profile-card,
.shop-owner-summary-card,
.shop-owner-form,
.shop-owner-section,
.shop-owner-item-card,
.shop-owner-order-card,
.shop-owner-draft-card,
.shop-pane-hero,
.shop-pane-item,
.shop-cart-item,
.shop-cart-total,
.shop-cart-confirm-card,
.shop-pane-confirm-card {
  border: 1px solid var(--hashop-ui-line) !important;
  border-radius: 8px !important;
  background: var(--hashop-ui-surface) !important;
  box-shadow: none !important;
}

.shop-discovery-card,
.shop-item-discovery-card {
  min-height: 5.55rem !important;
  padding: 0.56rem !important;
  gap: 0.56rem !important;
  grid-template-columns: 4.2rem minmax(0, 1fr) !important;
}

.shop-card-thumb {
  width: 4.2rem !important;
  min-width: 4.2rem !important;
  height: 4.2rem !important;
  min-height: 4.2rem !important;
  border-radius: 7px !important;
  background: #0a0a0a !important;
}

.shop-card-thumb img,
.shop-card-logo-image,
.shop-card-item-preview-image,
.shop-item-card-image,
.shop-pane-item-image,
.shop-owner-item-preview-image,
.shop-owner-item-gallery-thumb img,
.shop-account-avatar img {
  object-fit: contain !important;
}

.shop-card-title-block,
.shop-item-card-copy,
.shop-pane-copy,
.shop-account-section-head,
.shop-owner-form-head,
.shop-owner-order-head,
.shop-owner-summary-copy {
  gap: 0.18rem !important;
}

.shop-card-title-block strong,
.shop-item-card-copy strong,
.shop-pane-copy strong,
.shop-account-section-head strong,
.shop-account-big-action strong,
.shop-account-shop strong,
.shop-owner-form-head strong,
.shop-owner-order-head strong,
.shop-owner-summary-copy strong,
.shop-state-card strong {
  color: var(--hashop-ui-text) !important;
  font-size: 0.88rem !important;
  line-height: 1.12 !important;
  letter-spacing: 0 !important;
}

.shop-card-title-block span,
.shop-item-card-copy span,
.shop-pane-copy span,
.shop-account-section-head span,
.shop-account-big-action span,
.shop-account-shop span,
.shop-owner-form-head span,
.shop-owner-order-meta span,
.shop-owner-summary-copy span,
.shop-state-card span,
.shop-owner-field-note {
  color: var(--hashop-ui-muted) !important;
  font-size: 0.74rem !important;
  line-height: 1.25 !important;
}

.shop-pane-quick-actions,
.shop-pane-confirm-actions,
.shop-cart-confirm-actions,
.shop-account-actions,
.shop-account-shop-list,
.shop-account-auth-links,
.shop-owner-action-row,
.shop-owner-item-actions,
.shop-owner-order-actions {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 0.4rem !important;
}

.shop-account-auth-links button {
  appearance: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 2.32rem !important;
  padding: 0 0.62rem !important;
  border: 1px solid var(--hashop-ui-line) !important;
  border-radius: 8px !important;
  background: var(--hashop-ui-surface-2) !important;
  color: var(--hashop-ui-text) !important;
  box-shadow: none !important;
  font-size: 0.76rem !important;
  font-weight: 760 !important;
  line-height: 1.1 !important;
}

.shop-account-auth-links button + button::before {
  display: none !important;
  content: none !important;
}

.shop-owner-save,
.shop-login-submit,
.shop-cart-pay:not(.shop-cart-pay-secondary),
.shop-state-action.is-primary,
.shop-account-big-action.is-current {
  min-height: 2.72rem !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: var(--hashop-ui-gold) !important;
  color: #0b0905 !important;
  box-shadow: none !important;
  font-weight: 850 !important;
}

.shop-owner-chip-button,
.shop-owner-tab,
.shop-cart-pay-secondary,
.shop-state-action,
.shop-account-big-action,
.shop-account-shop {
  min-height: 2.54rem !important;
  border: 1px solid var(--hashop-ui-line) !important;
  border-radius: 8px !important;
  background: var(--hashop-ui-surface-2) !important;
  color: var(--hashop-ui-text) !important;
  box-shadow: none !important;
  font-weight: 760 !important;
}

.shop-owner-chip-button.is-danger,
.shop-cart-pay.is-danger {
  border-color: rgba(239, 107, 99, 0.36) !important;
  background: rgba(239, 107, 99, 0.1) !important;
  color: #ffaaa5 !important;
}

.shop-owner-tab-row,
.shop-owner-mode-row {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(7.2rem, 1fr)) !important;
  gap: 0.38rem !important;
  padding: 0 !important;
}

.shop-owner-tab.is-active,
.home-bottom-link.is-active,
.shop-account-big-action.is-current {
  border-color: var(--hashop-ui-line-strong) !important;
}

.shop-owner-grid {
  gap: 0.48rem !important;
}

.shop-owner-field,
.shop-login-field {
  gap: 0.22rem !important;
}

.shop-owner-field > span,
.shop-login-field > span {
  color: var(--hashop-ui-muted) !important;
  font-size: 0.68rem !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

.shop-owner-input,
.shop-owner-textarea,
.shop-login-input {
  min-height: 2.58rem !important;
  border: 1px solid var(--hashop-ui-line) !important;
  border-radius: 8px !important;
  background: #0b0b0b !important;
  color: var(--hashop-ui-text) !important;
  box-shadow: none !important;
  font-size: 0.88rem !important;
}

.shop-owner-textarea {
  min-height: 5.4rem !important;
}

.shop-panel-bar {
  min-height: 2.12rem !important;
}

.shop-back-action,
.shop-pane-toggle {
  border-radius: 8px !important;
  background: var(--hashop-ui-surface-2) !important;
  color: var(--hashop-ui-text) !important;
  box-shadow: inset 0 0 0 1px var(--hashop-ui-line) !important;
}

.home-bottom-nav {
  min-height: 2.82rem !important;
  padding: 0.2rem !important;
  border: 1px solid var(--hashop-ui-line) !important;
  border-radius: 10px !important;
  background: #070707 !important;
  box-shadow: none !important;
}

.home-bottom-link {
  min-height: 2.36rem !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: transparent !important;
  color: var(--hashop-ui-muted) !important;
  box-shadow: none !important;
  font-size: 0.68rem !important;
  font-weight: 760 !important;
}

.home-bottom-link.is-active {
  background: var(--hashop-ui-surface-2) !important;
  color: var(--hashop-ui-gold) !important;
}

.home-bottom-link-icon {
  width: 1rem !important;
  height: 1rem !important;
}

@media (min-width: 720px) {
  .shop-pane-quick-actions,
  .shop-pane-confirm-actions,
  .shop-cart-confirm-actions,
  .shop-account-actions,
  .shop-owner-action-row,
  .shop-owner-item-actions,
  .shop-owner-order-actions {
    grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr)) !important;
  }

  .shop-discovery-card,
  .shop-item-discovery-card {
    grid-template-columns: 4.8rem minmax(0, 1fr) !important;
  }

  .shop-card-thumb {
    width: 4.8rem !important;
    min-width: 4.8rem !important;
    height: 4.8rem !important;
    min-height: 4.8rem !important;
  }
}

/* Hashop usability polish: final rhythm layer, 8 May 2026. */
.shop-list-panel,
.shop-list-panel *,
.home-bottom-nav,
.home-bottom-nav * {
  box-sizing: border-box !important;
}

.shop-list-panel {
  --hashop-cell-radius: 10px;
  --hashop-cell-pad: 0.68rem;
  --hashop-cell-gap: 0.56rem;
  --hashop-control-height: 2.62rem;
  --hashop-touch-height: 2.78rem;
  --hashop-thumb-size: 4.35rem;
}

.shop-list-panel[data-pane-mode] .shop-list-grid {
  align-content: start !important;
  align-items: stretch !important;
  grid-auto-rows: auto !important;
  gap: var(--hashop-cell-gap) !important;
  width: 100% !important;
}

.shop-list-panel[data-pane-mode] .shop-pane-detail,
.shop-list-panel[data-pane-mode] .shop-account-stack,
.shop-list-panel[data-pane-mode] .shop-owner-stack {
  width: 100% !important;
  max-width: 100% !important;
  gap: var(--hashop-cell-gap) !important;
}

.shop-list-search,
.shop-login-form,
.shop-account-profile-card,
.shop-account-section,
.shop-owner-form,
.shop-owner-section,
.shop-owner-summary-card,
.shop-owner-item-card,
.shop-owner-order-card,
.shop-discovery-card,
.shop-item-discovery-card,
.shop-state-card {
  width: 100% !important;
  max-width: 100% !important;
  border-radius: var(--hashop-cell-radius) !important;
}

.shop-discovery-card,
.shop-item-discovery-card {
  display: grid !important;
  grid-template-columns: var(--hashop-thumb-size) minmax(0, 1fr) !important;
  align-items: center !important;
  min-height: calc(var(--hashop-thumb-size) + 1.18rem) !important;
  padding: var(--hashop-cell-pad) !important;
  gap: var(--hashop-cell-gap) !important;
  overflow: hidden !important;
}

.shop-card-thumb {
  width: var(--hashop-thumb-size) !important;
  min-width: var(--hashop-thumb-size) !important;
  height: var(--hashop-thumb-size) !important;
  min-height: var(--hashop-thumb-size) !important;
  aspect-ratio: 4 / 3 !important;
  display: grid !important;
  place-items: center !important;
  overflow: hidden !important;
  border-radius: calc(var(--hashop-cell-radius) - 2px) !important;
}

.shop-card-thumb img,
.shop-card-logo-image,
.shop-card-item-preview-image,
.shop-item-card-image,
.shop-pane-item-image,
.shop-owner-logo-image,
.shop-owner-item-preview-image,
.shop-owner-item-gallery-thumb img,
.shop-account-avatar img {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
}

.shop-card-main,
.shop-card-title-block,
.shop-item-card-copy,
.shop-pane-copy,
.shop-owner-summary-copy,
.shop-account-profile-copy {
  min-width: 0 !important;
}

.shop-card-main {
  display: grid !important;
  gap: 0.42rem !important;
  align-content: center !important;
}

.shop-card-topline,
.shop-owner-order-head,
.shop-owner-item-card-head,
.shop-account-section-head,
.shop-owner-form-head {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: start !important;
  gap: 0.5rem !important;
  width: 100% !important;
}

.shop-card-title-block strong,
.shop-card-title-block span,
.shop-account-profile-copy strong,
.shop-account-profile-copy span,
.shop-account-big-action strong,
.shop-account-big-action span,
.shop-account-shop strong,
.shop-account-shop span,
.shop-owner-order-head strong,
.shop-owner-order-meta span {
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
}

.shop-card-subtitle,
.shop-account-big-action span,
.shop-account-shop span {
  display: block !important;
}

.shop-card-items,
.shop-owner-summary-chips,
.shop-pane-item-tags {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 0.28rem !important;
  min-height: 1.32rem !important;
}

.shop-card-item,
.shop-owner-summary-chips span,
.shop-pane-tag {
  min-height: 1.32rem !important;
  display: inline-flex !important;
  align-items: center !important;
  max-width: 100% !important;
}

.shop-card-open,
.shop-card-add,
.shop-card-call {
  flex: 0 0 auto !important;
  min-width: 2.74rem !important;
  min-height: 2.28rem !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  white-space: nowrap !important;
}

.shop-account-profile-card {
  display: grid !important;
  grid-template-columns: 3.25rem minmax(0, 1fr) !important;
  align-items: center !important;
  min-height: 4.55rem !important;
  padding: var(--hashop-cell-pad) !important;
  gap: 0.62rem !important;
}

.shop-account-avatar {
  width: 3.25rem !important;
  height: 3.25rem !important;
  min-width: 3.25rem !important;
  min-height: 3.25rem !important;
  display: grid !important;
  place-items: center !important;
  overflow: hidden !important;
}

.shop-account-section,
.shop-login-form,
.shop-owner-form,
.shop-owner-section,
.shop-owner-summary-card,
.shop-owner-item-card,
.shop-owner-order-card,
.shop-owner-draft-card,
.shop-state-card {
  padding: var(--hashop-cell-pad) !important;
  display: grid !important;
  gap: var(--hashop-cell-gap) !important;
}

.shop-account-actions,
.shop-account-shop-list,
.shop-account-auth-links,
.shop-pane-quick-actions,
.shop-pane-confirm-actions,
.shop-cart-confirm-actions,
.shop-owner-action-row,
.shop-owner-item-actions,
.shop-owner-order-actions {
  display: grid !important;
  grid-template-columns: 1fr !important;
  align-items: stretch !important;
  gap: 0.44rem !important;
  width: 100% !important;
}

.shop-account-big-action,
.shop-account-shop {
  width: 100% !important;
  min-height: var(--hashop-touch-height) !important;
  padding: 0.58rem 0.72rem !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 0.5rem !important;
  text-align: left !important;
}

.shop-account-big-action span,
.shop-account-shop span {
  justify-self: end !important;
  max-width: 45% !important;
  text-align: right !important;
}

.shop-account-big-action.is-static span {
  max-width: 58% !important;
}

.shop-login-field,
.shop-owner-field {
  width: 100% !important;
  display: grid !important;
  gap: 0.28rem !important;
}

.shop-login-input,
.shop-owner-input,
.shop-owner-textarea,
.shop-login-submit,
.shop-owner-save,
.shop-owner-chip-button,
.shop-owner-tab,
.shop-cart-pay,
.shop-state-action,
.shop-account-auth-links button {
  width: 100% !important;
  min-height: var(--hashop-control-height) !important;
  border-radius: calc(var(--hashop-cell-radius) - 2px) !important;
}

.shop-login-submit,
.shop-owner-save,
.shop-cart-pay,
.shop-state-action,
.shop-account-auth-links button,
.shop-owner-chip-button,
.shop-owner-tab {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
}

.shop-owner-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 0.52rem !important;
}

.shop-panel-bar {
  display: grid !important;
  grid-template-columns: minmax(4.5rem, auto) 1fr !important;
  align-items: center !important;
  gap: 0.44rem !important;
  width: 100% !important;
}

.shop-back-action,
.shop-pane-toggle {
  min-height: 2.22rem !important;
}

.home-bottom-nav {
  width: 100% !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 0.18rem !important;
}

.home-bottom-link {
  min-width: 0 !important;
  display: grid !important;
  justify-items: center !important;
  align-content: center !important;
  gap: 0.12rem !important;
}

@media (min-width: 720px) {
  .shop-list-panel {
    --hashop-cell-pad: 0.78rem;
    --hashop-cell-gap: 0.64rem;
    --hashop-thumb-size: 4.75rem;
  }

  .shop-list-panel[data-pane-mode] .shop-list-grid,
  .shop-list-panel[data-pane-mode] .shop-pane-detail {
    max-width: 34rem !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .shop-account-actions,
  .shop-account-shop-list,
  .shop-account-auth-links,
  .shop-pane-quick-actions,
  .shop-pane-confirm-actions,
  .shop-cart-confirm-actions,
  .shop-owner-action-row,
  .shop-owner-item-actions,
  .shop-owner-order-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .shop-login-form {
    max-width: 30rem !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .shop-owner-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 380px) {
  .shop-list-panel {
    --hashop-thumb-size: 4rem;
    --hashop-cell-pad: 0.58rem;
  }

  .shop-card-open,
  .shop-card-add,
  .shop-card-call {
    min-width: 2.4rem !important;
    min-height: 2.14rem !important;
    font-size: 0.68rem !important;
  }
}

/* Account menu model from the May 8 reference screen. */
.shop-list-panel[data-pane-mode="account"] .shop-account-stack {
  gap: 0.72rem !important;
}

.shop-account-location-card,
.shop-account-hero-card,
.shop-account-menu-card,
.shop-account-signout-card {
  width: 100% !important;
  border: 1px solid rgba(214, 172, 84, 0.2) !important;
  border-radius: 14px !important;
  background:
    linear-gradient(135deg, rgba(214, 172, 84, 0.08), rgba(255, 255, 255, 0.015)),
    rgba(10, 10, 9, 0.96) !important;
  color: var(--hashop-ui-text) !important;
  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.34) !important;
}

.shop-account-location-card,
.shop-account-hero-card,
.shop-account-signout-card {
  appearance: none !important;
  border-style: solid !important;
  display: grid !important;
  align-items: center !important;
  text-align: left !important;
}

.shop-account-location-card {
  grid-template-columns: 2.35rem minmax(0, 1fr) auto auto !important;
  min-height: 4.1rem !important;
  padding: 0.58rem 0.72rem !important;
  gap: 0.62rem !important;
}

.shop-account-location-card .shop-account-menu-copy {
  display: grid !important;
  gap: 0.1rem !important;
}

.shop-account-location-card .shop-account-menu-copy > span {
  color: var(--hashop-ui-muted) !important;
  font-size: 0.8rem !important;
}

.shop-account-location-card .shop-account-menu-copy > strong {
  color: var(--hashop-ui-gold) !important;
  font-size: 0.88rem !important;
}

.shop-account-hero-card {
  grid-template-columns: 4.45rem minmax(0, 1fr) auto !important;
  min-height: 6.65rem !important;
  padding: 0.86rem !important;
  gap: 0.8rem !important;
  border-color: rgba(214, 172, 84, 0.34) !important;
}

.shop-account-hero-card .shop-account-avatar {
  width: 4.45rem !important;
  height: 4.45rem !important;
  min-width: 4.45rem !important;
  min-height: 4.45rem !important;
  border: 1px solid rgba(214, 172, 84, 0.42) !important;
  border-radius: 999px !important;
  background:
    radial-gradient(circle at 42% 32%, rgba(214, 172, 84, 0.26), rgba(214, 172, 84, 0.06) 48%, rgba(12, 10, 7, 0.95) 100%) !important;
  color: var(--hashop-ui-gold) !important;
  font-size: 1.8rem !important;
  font-weight: 900 !important;
  box-shadow: 0 0 28px rgba(214, 172, 84, 0.15) !important;
}

.shop-account-profile-copy {
  display: grid !important;
  gap: 0.24rem !important;
}

.shop-account-profile-copy strong {
  color: var(--hashop-ui-text) !important;
  font-size: 1.2rem !important;
  line-height: 1.05 !important;
}

.shop-account-profile-copy span {
  color: var(--hashop-ui-muted) !important;
  font-size: 0.88rem !important;
}

.shop-account-profile-copy em {
  justify-self: start !important;
  min-height: 1.45rem !important;
  display: inline-flex !important;
  align-items: center !important;
  padding: 0 0.56rem !important;
  border: 1px solid rgba(109, 211, 128, 0.24) !important;
  border-radius: 999px !important;
  background: rgba(64, 180, 88, 0.12) !important;
  color: #74d985 !important;
  font-size: 0.74rem !important;
  font-style: normal !important;
  font-weight: 780 !important;
}

.shop-account-profile-copy em.is-guest {
  border-color: rgba(214, 172, 84, 0.24) !important;
  background: rgba(214, 172, 84, 0.08) !important;
  color: var(--hashop-ui-gold) !important;
}

.shop-account-guest-actions {
  width: 100% !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto auto !important;
  gap: 0.5rem !important;
  align-items: center !important;
  padding: 0.62rem !important;
  border: 1px solid rgba(214, 172, 84, 0.16) !important;
  border-radius: 14px !important;
  background:
    linear-gradient(135deg, rgba(214, 172, 84, 0.065), rgba(255, 255, 255, 0.012)),
    rgba(8, 8, 7, 0.92) !important;
}

.shop-account-guest-actions .shop-owner-save,
.shop-account-guest-actions .shop-owner-chip-button {
  min-height: 2.48rem !important;
  padding-left: 0.8rem !important;
  padding-right: 0.8rem !important;
  white-space: nowrap !important;
}

.shop-account-menu-label {
  padding: 0.12rem 0.46rem 0 !important;
  color: rgba(245, 238, 220, 0.58) !important;
  font-size: 0.76rem !important;
  font-weight: 850 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
}

.shop-account-menu-card {
  display: grid !important;
  overflow: hidden !important;
}

.shop-account-menu-row,
.shop-account-signout-card {
  appearance: none !important;
  min-height: 4.15rem !important;
  padding: 0.72rem 0.78rem !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(245, 238, 220, 0.09) !important;
  background: transparent !important;
  color: var(--hashop-ui-text) !important;
  display: grid !important;
  grid-template-columns: 2.28rem minmax(0, 1fr) auto auto !important;
  align-items: center !important;
  gap: 0.72rem !important;
  text-align: left !important;
}

.shop-account-menu-row:last-child {
  border-bottom: 0 !important;
}

.shop-account-menu-row:disabled {
  opacity: 1 !important;
}

.shop-account-menu-icon {
  width: 2.28rem !important;
  height: 2.28rem !important;
  display: grid !important;
  place-items: center !important;
  border: 1px solid rgba(214, 172, 84, 0.28) !important;
  border-radius: 999px !important;
  color: var(--hashop-ui-gold) !important;
  background: rgba(214, 172, 84, 0.055) !important;
  font-size: 0.78rem !important;
  font-weight: 900 !important;
}

.shop-account-menu-copy {
  min-width: 0 !important;
  display: grid !important;
  gap: 0.16rem !important;
}

.shop-account-menu-copy strong {
  color: var(--hashop-ui-text) !important;
  font-size: 0.98rem !important;
  line-height: 1.08 !important;
  font-weight: 850 !important;
  overflow-wrap: anywhere !important;
}

.shop-account-menu-copy span {
  color: var(--hashop-ui-muted) !important;
  font-size: 0.78rem !important;
  line-height: 1.22 !important;
  overflow-wrap: anywhere !important;
}

.shop-account-menu-meta {
  color: var(--hashop-ui-gold) !important;
  font-size: 0.82rem !important;
  font-weight: 820 !important;
  white-space: nowrap !important;
}

.shop-account-menu-arrow {
  color: rgba(245, 238, 220, 0.62) !important;
  font-size: 1.6rem !important;
  line-height: 1 !important;
}

.shop-account-signout-card {
  grid-template-columns: 2.28rem minmax(0, 1fr) !important;
  border-bottom: 0 !important;
  border-color: rgba(239, 107, 99, 0.18) !important;
}

.shop-account-signout-card .shop-account-menu-icon,
.shop-account-menu-row.is-danger .shop-account-menu-icon {
  border-color: rgba(239, 107, 99, 0.38) !important;
  background: rgba(239, 107, 99, 0.08) !important;
  color: #ff796f !important;
}

.shop-account-signout-card strong,
.shop-account-menu-row.is-danger strong {
  color: #ff8a80 !important;
}

.shop-account-menu-card + .shop-account-signout-card {
  margin-top: 0.08rem !important;
}

.shop-account-menu-section .shop-account-menu-card {
  border: 1px solid rgba(245, 238, 220, 0.09) !important;
  border-radius: 12px !important;
  background: rgba(0, 0, 0, 0.16) !important;
}

.shop-account-menu-section .shop-account-actions {
  margin-top: 0.1rem !important;
}

.shop-account-form-card {
  width: 100% !important;
  display: grid !important;
  gap: 0.68rem !important;
  padding: 0.78rem !important;
  border: 1px solid rgba(214, 172, 84, 0.14) !important;
  border-radius: 12px !important;
  background:
    linear-gradient(135deg, rgba(214, 172, 84, 0.055), rgba(255, 255, 255, 0.012)),
    rgba(7, 7, 6, 0.88) !important;
}

.shop-account-field {
  margin: 0 !important;
}

.shop-account-field span {
  color: rgba(245, 238, 220, 0.72) !important;
}

.shop-account-form-actions {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 0.58rem !important;
  align-items: center !important;
}

.shop-account-status {
  min-height: 1.2rem !important;
  margin: -0.1rem 0 0 !important;
  color: rgba(245, 238, 220, 0.68) !important;
  font-size: 0.78rem !important;
  line-height: 1.25 !important;
}

.shop-account-status.is-success {
  color: #78dc8b !important;
}

.shop-account-status.is-error {
  color: #ff8a80 !important;
}

.shop-account-record-row {
  cursor: default !important;
}

.shop-account-inline-actions {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 0.38rem !important;
  min-width: max-content !important;
}

.shop-account-mini-button {
  appearance: none !important;
  min-height: 2rem !important;
  padding: 0 0.62rem !important;
  border: 1px solid rgba(214, 172, 84, 0.24) !important;
  border-radius: 999px !important;
  background: rgba(214, 172, 84, 0.08) !important;
  color: var(--hashop-ui-gold) !important;
  font-size: 0.72rem !important;
  font-weight: 850 !important;
  white-space: nowrap !important;
}

.shop-account-mini-button.is-danger {
  border-color: rgba(239, 107, 99, 0.28) !important;
  background: rgba(239, 107, 99, 0.075) !important;
  color: #ff8a80 !important;
}

@media (max-width: 380px) {
  .shop-account-location-card,
  .shop-account-menu-row,
  .shop-account-signout-card {
    gap: 0.56rem !important;
    padding-left: 0.62rem !important;
    padding-right: 0.62rem !important;
  }

  .shop-account-hero-card {
    grid-template-columns: 4rem minmax(0, 1fr) auto !important;
  }

  .shop-account-hero-card .shop-account-avatar {
    width: 4rem !important;
    height: 4rem !important;
    min-width: 4rem !important;
    min-height: 4rem !important;
  }

  .shop-account-form-actions {
    grid-template-columns: 1fr !important;
  }

  .shop-account-guest-actions {
    grid-template-columns: 1fr !important;
  }

  .shop-account-inline-actions {
    flex-wrap: wrap !important;
    justify-content: flex-end !important;
  }
}

/* Account state rebuild: single full-screen account surface, not a split map pane. */
.shell-home[data-hashop-screen="account"] {
  background:
    radial-gradient(circle at 50% -8%, rgba(214, 172, 84, 0.14), transparent 34%),
    linear-gradient(180deg, #050505 0%, #0b0b0a 100%) !important;
}

.shell-home[data-hashop-screen="account"] .home-hash-logo {
  display: inline-flex !important;
}

.shell-home[data-hashop-screen="account"] .home-stage {
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: minmax(0, 1fr) !important;
  gap: 0 !important;
  min-height: 0 !important;
}

.shell-home[data-hashop-screen="account"] .map-screen {
  display: none !important;
}

.shell-home[data-hashop-screen="account"] .shop-list-panel {
  position: relative !important;
  inset: auto !important;
  width: min(100%, 46rem) !important;
  height: 100% !important;
  min-height: 0 !important;
  margin: 0 auto !important;
  padding: 0.72rem 0.72rem calc(0.72rem + env(safe-area-inset-bottom)) !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) auto !important;
  gap: 0.62rem !important;
  overflow: hidden !important;
}

.shell-home[data-hashop-screen="account"] .shop-panel-bar,
.shell-home[data-hashop-screen="account"] .shop-list-head {
  display: none !important;
}

.shell-home[data-hashop-screen="account"] .shop-list-grid {
  min-height: 0 !important;
  height: 100% !important;
  padding: 0 !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
  scrollbar-width: none !important;
}

.shell-home[data-hashop-screen="account"] .shop-list-grid::-webkit-scrollbar {
  display: none !important;
}

.shell-home[data-hashop-screen="account"] .shop-pane-detail {
  min-height: 100% !important;
  padding: 0 !important;
}

.shell-home[data-hashop-screen="account"] .shop-account-stack {
  gap: 0.76rem !important;
  padding: 0 !important;
}

.shell-home[data-hashop-screen="account"] .shop-account-location-card,
.shell-home[data-hashop-screen="account"] .shop-account-hero-card,
.shell-home[data-hashop-screen="account"] .shop-account-menu-card,
.shell-home[data-hashop-screen="account"] .shop-account-signout-card,
.shell-home[data-hashop-screen="account"] .shop-account-form-card {
  border-radius: 16px !important;
  background:
    linear-gradient(135deg, rgba(214, 172, 84, 0.07), rgba(255, 255, 255, 0.018)),
    rgba(11, 11, 10, 0.96) !important;
  border: 1px solid rgba(214, 172, 84, 0.18) !important;
  box-shadow: none !important;
}

.shell-home[data-hashop-screen="account"] .shop-account-location-card {
  min-height: 4.05rem !important;
  grid-template-columns: 2.6rem minmax(0, 1fr) auto auto !important;
  padding: 0.7rem 0.78rem !important;
}

.shell-home[data-hashop-screen="account"] .shop-account-hero-card {
  min-height: 7rem !important;
  grid-template-columns: 4.75rem minmax(0, 1fr) auto !important;
  padding: 1rem !important;
  border-color: rgba(214, 172, 84, 0.3) !important;
}

.shell-home[data-hashop-screen="account"] .shop-account-hero-card .shop-account-avatar {
  width: 4.75rem !important;
  height: 4.75rem !important;
  min-width: 4.75rem !important;
  min-height: 4.75rem !important;
  font-size: 1.8rem !important;
}

.shell-home[data-hashop-screen="account"] .shop-account-profile-copy strong {
  font-size: 1.24rem !important;
  line-height: 1.05 !important;
}

.shell-home[data-hashop-screen="account"] .shop-account-profile-copy span {
  font-size: 0.92rem !important;
}

.shell-home[data-hashop-screen="account"] .shop-account-menu-row,
.shell-home[data-hashop-screen="account"] .shop-account-signout-card {
  min-height: 4.55rem !important;
  grid-template-columns: 2.55rem minmax(0, 1fr) auto auto !important;
  gap: 0.78rem !important;
  padding: 0.78rem 0.86rem !important;
}

.shell-home[data-hashop-screen="account"] .shop-account-menu-icon {
  width: 2.55rem !important;
  height: 2.55rem !important;
  font-size: 0.84rem !important;
}

.shell-home[data-hashop-screen="account"] .shop-account-menu-copy strong {
  font-size: 1rem !important;
  line-height: 1.12 !important;
}

.shell-home[data-hashop-screen="account"] .shop-account-menu-copy span {
  font-size: 0.83rem !important;
  line-height: 1.25 !important;
}

.shell-home[data-hashop-screen="account"] .shop-account-menu-label {
  margin-top: 0.1rem !important;
  padding-left: 0.4rem !important;
}

.shell-home[data-hashop-screen="account"] .home-bottom-nav {
  position: sticky !important;
  bottom: 0 !important;
  min-height: 4.1rem !important;
  padding: 0.38rem 0.46rem calc(0.38rem + env(safe-area-inset-bottom)) !important;
  border-radius: 1.4rem 1.4rem 0 0 !important;
  border: 1px solid rgba(214, 172, 84, 0.14) !important;
  background:
    linear-gradient(180deg, rgba(19, 18, 15, 0.96), rgba(8, 8, 7, 0.98)) !important;
  box-shadow: 0 -18px 42px rgba(0, 0, 0, 0.34) !important;
}

.shell-home[data-hashop-screen="account"] .home-bottom-link {
  min-height: 3.2rem !important;
  font-size: 0.72rem !important;
}

.shop-list-panel[data-pane-mode="account"][data-account-state="signed-out"] .home-bottom-nav {
  display: grid !important;
}

@media (max-width: 380px) {
  .shell-home[data-hashop-screen="account"] .shop-list-panel {
    padding-left: 0.56rem !important;
    padding-right: 0.56rem !important;
  }

  .shell-home[data-hashop-screen="account"] .shop-account-hero-card {
    grid-template-columns: 4.1rem minmax(0, 1fr) auto !important;
  }

  .shell-home[data-hashop-screen="account"] .shop-account-hero-card .shop-account-avatar {
    width: 4.1rem !important;
    height: 4.1rem !important;
    min-width: 4.1rem !important;
    min-height: 4.1rem !important;
  }
}

/* Account touch hotfix: keep Account tappable and remove Locate Me from its header. */
.shell-home[data-hashop-screen="account"] .home-locate-button,
.shell-home[data-hashop-screen="account"] .map-locate-button.home-locate-button {
  display: none !important;
  pointer-events: none !important;
}

.shell-home[data-hashop-screen="account"] .home-chrome {
  grid-template-columns: minmax(0, 1fr) !important;
  justify-items: center !important;
  pointer-events: auto !important;
}

.shell-home[data-hashop-screen="account"] .brand {
  justify-self: center !important;
  margin: 0 auto !important;
  pointer-events: auto !important;
}

.shell-home[data-hashop-screen="account"],
.shell-home[data-hashop-screen="account"] .home-stage,
.shell-home[data-hashop-screen="account"] .shop-list-panel,
.shell-home[data-hashop-screen="account"] .shop-list-grid,
.shell-home[data-hashop-screen="account"] .shop-pane-detail,
.shell-home[data-hashop-screen="account"] .shop-account-stack {
  pointer-events: auto !important;
}

.shell-home[data-hashop-screen="account"] .map-screen,
.shell-home[data-hashop-screen="account"] .discovery-map,
.shell-home[data-hashop-screen="account"] .leaflet-container,
.shell-home[data-hashop-screen="account"] .gm-style {
  pointer-events: none !important;
}

.shell-home[data-hashop-screen="account"] .shop-list-panel::before,
.shell-home[data-hashop-screen="account"] .shop-list-panel::after,
.shell-home[data-hashop-screen="account"] .map-screen::before,
.shell-home[data-hashop-screen="account"] .map-screen::after {
  pointer-events: none !important;
}

.shell-home[data-hashop-screen="account"] button,
.shell-home[data-hashop-screen="account"] a,
.shell-home[data-hashop-screen="account"] input,
.shell-home[data-hashop-screen="account"] label {
  pointer-events: auto !important;
  touch-action: manipulation !important;
}

.shell-home[data-hashop-screen="account"] .shop-list-grid {
  touch-action: pan-y !important;
  -webkit-overflow-scrolling: touch !important;
}

/* Premium compass control: clear tap target, restrained gold, no bulky widget look. */
.map-compass-button {
  --map-heading: 0deg;
  right: 0.66rem !important;
  top: 3.32rem !important;
  width: 2.52rem !important;
  height: 2.52rem !important;
  min-width: 2.52rem !important;
  min-height: 2.52rem !important;
  border: 1px solid rgba(216, 179, 93, 0.34) !important;
  border-radius: 999px !important;
  background:
    radial-gradient(circle at 50% 42%, rgba(216, 179, 93, 0.15), rgba(216, 179, 93, 0.035) 46%, rgba(8, 8, 7, 0.94) 100%) !important;
  color: #f4cf74 !important;
  box-shadow:
    0 12px 28px rgba(0, 0, 0, 0.34),
    inset 0 1px 0 rgba(255, 239, 185, 0.1) !important;
  backdrop-filter: blur(10px) saturate(118%) !important;
  display: grid !important;
  place-items: center !important;
  touch-action: manipulation !important;
}

.map-compass-button::before {
  content: "" !important;
  position: absolute !important;
  inset: 0.42rem !important;
  border: 1px solid rgba(244, 207, 116, 0.22) !important;
  border-radius: inherit !important;
  background:
    linear-gradient(90deg, transparent calc(50% - 0.5px), rgba(244, 207, 116, 0.18) 50%, transparent calc(50% + 0.5px)),
    linear-gradient(0deg, transparent calc(50% - 0.5px), rgba(244, 207, 116, 0.12) 50%, transparent calc(50% + 0.5px)) !important;
  pointer-events: none !important;
}

.map-compass-button::after {
  content: "" !important;
  position: absolute !important;
  inset: 0.18rem !important;
  border-radius: inherit !important;
  border-top: 1px solid rgba(255, 239, 185, 0.22) !important;
  pointer-events: none !important;
}

.map-compass-needle {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  width: 0.72rem !important;
  height: 1.5rem !important;
  background:
    linear-gradient(180deg, #f5cf72 0 46%, rgba(245, 238, 220, 0.82) 46% 52%, rgba(245, 238, 220, 0.3) 52% 100%) !important;
  clip-path: polygon(50% 0, 86% 44%, 61% 44%, 61% 100%, 39% 100%, 39% 44%, 14% 44%) !important;
  transform: translate(-50%, -50%) rotate(calc(var(--map-heading) * -1)) !important;
  transform-origin: center !important;
  filter: drop-shadow(0 0 0.36rem rgba(244, 207, 116, 0.34)) !important;
  pointer-events: none !important;
}

.map-compass-label {
  top: 0.28rem !important;
  color: #f8d77c !important;
  font-size: 0.5rem !important;
  font-weight: 900 !important;
  letter-spacing: 0.02em !important;
  text-shadow: 0 1px 6px rgba(0, 0, 0, 0.6) !important;
  pointer-events: none !important;
}

.map-compass-button.has-heading {
  border-color: rgba(244, 207, 116, 0.58) !important;
  background:
    radial-gradient(circle at 50% 42%, rgba(244, 207, 116, 0.2), rgba(216, 179, 93, 0.055) 48%, rgba(8, 8, 7, 0.96) 100%) !important;
}

/* Account baremetal brand: no logo cell, no border, no overflow. */
.shell-home[data-hashop-screen="account"] .home-chrome {
  justify-items: start !important;
}

.shell-home[data-hashop-screen="account"] .brand {
  justify-self: start !important;
  margin: 0 !important;
  max-width: 100% !important;
  min-width: 0 !important;
  gap: 0.52rem !important;
  overflow: visible !important;
}

.shell-home[data-hashop-screen="account"] .home-hash-logo {
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  display: inline !important;
  place-items: unset !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #f2c65d !important;
  font-size: 1.8rem !important;
  line-height: 1 !important;
  letter-spacing: -0.08em !important;
  text-shadow: 0 0.18rem 0.9rem rgba(242, 198, 93, 0.22) !important;
  transform: none !important;
}

.shell-home[data-hashop-screen="account"] .home-brand-copy {
  min-width: 0 !important;
}

.shell-home[data-hashop-screen="account"] .home-brand-name {
  font-size: 1.18rem !important;
  line-height: 1 !important;
}

/* Account bottom safety: keep Sign out clear of the bottom state bar. */
.shell-home[data-hashop-screen="account"] .shop-list-grid {
  padding-bottom: calc(5.9rem + env(safe-area-inset-bottom)) !important;
  scroll-padding-bottom: calc(6.4rem + env(safe-area-inset-bottom)) !important;
}

.shell-home[data-hashop-screen="account"] .shop-account-stack {
  padding-bottom: 0.7rem !important;
}

.shell-home[data-hashop-screen="account"] .shop-account-signout-card {
  margin-bottom: 0.55rem !important;
  scroll-margin-bottom: calc(6.4rem + env(safe-area-inset-bottom)) !important;
}

/* Owner state nav: cart position becomes shop orders, visually and accessibly. */
.home-bottom-link-icon.is-orders {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%2024%2024%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20fill%3D%27%23000%27%20d%3D%27M6%203h12a1%201%200%200%201%201%201v16l-3-1.5-2%201-2-1-2%201-2-1L5%2020V4a1%201%200%200%201%201-1Zm3%205h6V6H9v2Zm0%204h8v-2H9v2Zm0%204h8v-2H9v2Z%27/%3E%3C/svg%3E") !important;
  mask-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%2024%2024%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20fill%3D%27%23000%27%20d%3D%27M6%203h12a1%201%200%200%201%201%201v16l-3-1.5-2%201-2-1-2%201-2-1L5%2020V4a1%201%200%200%201%201-1Zm3%205h6V6H9v2Zm0%204h8v-2H9v2Zm0%204h8v-2H9v2Z%27/%3E%3C/svg%3E") !important;
}

/* Account touch scroll: cards tap normally, but vertical dragging scrolls. */
.shell-home[data-hashop-screen="account"] .shop-list-panel,
.shell-home[data-hashop-screen="account"] .shop-list-grid,
.shell-home[data-hashop-screen="account"] .shop-pane-detail,
.shell-home[data-hashop-screen="account"] .shop-account-stack {
  touch-action: pan-y !important;
  overscroll-behavior-y: contain !important;
  -webkit-overflow-scrolling: touch !important;
}

.shell-home[data-hashop-screen="account"] .shop-account-location-card,
.shell-home[data-hashop-screen="account"] .shop-account-hero-card,
.shell-home[data-hashop-screen="account"] .shop-account-menu-row,
.shell-home[data-hashop-screen="account"] .shop-account-signout-card,
.shell-home[data-hashop-screen="account"] .shop-account-form-card,
.shell-home[data-hashop-screen="account"] .shop-account-actions,
.shell-home[data-hashop-screen="account"] .shop-account-mini-button,
.shell-home[data-hashop-screen="account"] .shop-owner-chip-button,
.shell-home[data-hashop-screen="account"] .shop-owner-save {
  touch-action: pan-y !important;
}

.shell-home[data-hashop-screen="account"] .home-bottom-nav,
.shell-home[data-hashop-screen="account"] .home-bottom-nav * {
  touch-action: manipulation !important;
}

/* Desktop account scroll: wheel/trackpad stays inside the account pane. */
@media (min-width: 900px) {
  .shell-home[data-hashop-screen="account"] {
    overflow: hidden !important;
  }

  .shell-home[data-hashop-screen="account"] .home-stage {
    height: min(100%, calc(100dvh - 3.7rem)) !important;
    min-height: 0 !important;
    align-items: stretch !important;
  }

  .shell-home[data-hashop-screen="account"] .shop-list-panel {
    width: min(100%, 38rem) !important;
    max-height: 100% !important;
    min-height: 0 !important;
    margin-inline: auto !important;
    overflow: hidden !important;
  }

  .shell-home[data-hashop-screen="account"] .shop-list-grid {
    height: 100% !important;
    max-height: 100% !important;
    overflow-y: auto !important;
    padding-bottom: 6.25rem !important;
    scroll-padding-bottom: 6.7rem !important;
    scrollbar-gutter: stable both-edges !important;
  }

  .shell-home[data-hashop-screen="account"] .shop-pane-detail {
    min-height: auto !important;
  }

  .shell-home[data-hashop-screen="account"] .shop-account-stack {
    padding-bottom: 1rem !important;
  }

  .shell-home[data-hashop-screen="account"] .shop-account-signout-card {
    margin-bottom: 0.9rem !important;
  }

  .shell-home[data-hashop-screen="account"] .home-bottom-nav {
    position: sticky !important;
    bottom: 0 !important;
    z-index: 5 !important;
  }
}

/* Manual map direction: compass controls bearing; no phone gyro required. */
.discovery-map.has-visual-bearing {
  overflow: hidden !important;
}

.discovery-map.has-visual-bearing .leaflet-map-pane {
  transform: rotate(var(--map-visual-bearing, 0deg)) !important;
  transform-origin: 50% 50% !important;
  transition: transform 180ms ease !important;
}

.discovery-map.is-google-map.has-visual-bearing > div:first-child {
  transform: rotate(var(--map-visual-bearing, 0deg)) !important;
  transform-origin: 50% 50% !important;
  transition: transform 180ms ease !important;
}

.map-compass-button {
  cursor: pointer !important;
  user-select: none !important;
}

.map-compass-button.has-heading .map-compass-label::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  bottom: -1.78rem !important;
  width: 0.24rem !important;
  height: 0.24rem !important;
  border-radius: 999px !important;
  background: currentColor !important;
  transform: translateX(-50%) !important;
  opacity: 0.72 !important;
}

/* Final state-flow consistency pass: buyer, owner, and guest use the same cells. */
:root {
  --hashop-gold: #e8edf2 !important;
  --hashop-gold-2: #e8edf2 !important;
  --hashop-ui-gold: #e8edf2 !important;
  --hashop-final-gold: #e8edf2 !important;
}

.shell-home {
  --hashop-final-gold: #e8edf2 !important;
  --hashop-action: #f4f7f8 !important;
  --hashop-action-text: #070909 !important;
  --hashop-state-radius: 14px !important;
  --hashop-state-gap: 0.68rem !important;
  --hashop-state-pad: 0.78rem !important;
  --hashop-state-line: rgba(232, 237, 242, 0.14) !important;
  --hashop-state-line-strong: rgba(232, 237, 242, 0.24) !important;
}

.home-hash-logo,
.home-bottom-link.is-active,
.shop-account-menu-icon,
.shop-account-menu-meta,
.map-compass-button,
.map-compass-label {
  color: var(--hashop-final-gold) !important;
}

.shop-list-panel[data-pane-mode] .shop-list-grid,
.shop-list-panel[data-pane-mode] .shop-pane-detail,
.shop-list-panel[data-pane-mode] .shop-account-stack,
.shop-list-panel[data-pane-mode] .shop-owner-stack {
  gap: var(--hashop-state-gap) !important;
}

.shop-list-panel[data-pane-mode] .shop-account-location-card,
.shop-list-panel[data-pane-mode] .shop-account-hero-card,
.shop-list-panel[data-pane-mode] .shop-account-menu-card,
.shop-list-panel[data-pane-mode] .shop-account-form-card,
.shop-list-panel[data-pane-mode] .shop-login-form,
.shop-list-panel[data-pane-mode] .shop-state-card,
.shop-list-panel[data-pane-mode] .shop-owner-section,
.shop-list-panel[data-pane-mode] .shop-owner-form,
.shop-list-panel[data-pane-mode] .shop-owner-summary-card,
.shop-list-panel[data-pane-mode] .shop-owner-item-card,
.shop-list-panel[data-pane-mode] .shop-owner-order-card,
.shop-list-panel[data-pane-mode] .shop-pane-cart,
.shop-list-panel[data-pane-mode] .shop-discovery-card,
.shop-list-panel[data-pane-mode] .shop-item-discovery-card {
  border-radius: var(--hashop-state-radius) !important;
  border: 1px solid var(--hashop-state-line) !important;
  background:
    linear-gradient(135deg, rgba(232, 237, 242, 0.04), rgba(255, 255, 255, 0.01)),
    rgba(9, 9, 8, 0.96) !important;
  box-shadow: none !important;
}

.shop-list-panel[data-pane-mode] .shop-account-menu-row,
.shop-list-panel[data-pane-mode] .shop-account-signout-card,
.shop-list-panel[data-pane-mode] .shop-account-record-row {
  min-height: 4.18rem !important;
  border-bottom: 1px solid rgba(232, 237, 242, 0.09) !important;
  background: transparent !important;
}

.shop-list-panel[data-pane-mode] .shop-account-menu-row:last-child,
.shop-list-panel[data-pane-mode] .shop-account-record-row:last-child {
  border-bottom: 0 !important;
}

.shop-list-panel[data-pane-mode="account"] .shop-account-menu-card {
  overflow: hidden !important;
}

.shop-list-panel[data-pane-mode="account"][data-account-role="guest"] .shop-account-menu-row {
  min-height: 4.32rem !important;
}

.shop-list-panel[data-pane-mode="account"][data-account-role="owner"] .shop-account-location-card .shop-account-menu-copy > span {
  color: rgba(245, 238, 220, 0.7) !important;
}

.shop-list-panel[data-pane-mode="account"][data-account-role="owner"] .shop-account-location-card .shop-account-menu-copy > strong {
  color: var(--hashop-final-gold) !important;
}

.shop-login-input,
.shop-owner-input,
.shop-owner-textarea {
  border: 1px solid var(--hashop-state-line) !important;
  background: rgba(0, 0, 0, 0.32) !important;
  color: rgba(255, 252, 245, 0.96) !important;
}

.shop-login-input::placeholder,
.shop-owner-input::placeholder,
.shop-owner-textarea::placeholder {
  color: rgba(245, 238, 220, 0.44) !important;
}

.shop-login-submit,
.shop-owner-save,
.shop-cart-pay,
.shop-state-action.is-primary,
.home-chrome .map-locate-button.home-locate-button {
  border: 1px solid rgba(244, 247, 248, 0.42) !important;
  background: var(--hashop-action) !important;
  color: var(--hashop-action-text) !important;
  box-shadow: none !important;
}

.shop-owner-chip-button,
.shop-state-action,
.shop-account-mini-button {
  border: 1px solid var(--hashop-state-line) !important;
  background: rgba(232, 237, 242, 0.045) !important;
  color: rgba(255, 252, 245, 0.92) !important;
  box-shadow: none !important;
}

.shop-account-auth-links {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 0.38rem 0.72rem !important;
}

.shop-account-auth-links button {
  width: auto !important;
  min-height: 2rem !important;
  padding: 0 0.15rem !important;
  border: 0 !important;
  background: transparent !important;
  color: var(--hashop-final-gold) !important;
  font-size: 0.82rem !important;
  font-weight: 760 !important;
  box-shadow: none !important;
}

.home-bottom-nav {
  border-color: var(--hashop-state-line) !important;
  box-shadow: none !important;
}

.home-bottom-link.is-active::after {
  background: var(--hashop-final-gold) !important;
}

.shop-card-thumb,
.shop-pane-item-mark.is-image,
.shop-owner-item-preview.is-image,
.shop-owner-summary-mark.is-logo,
.shop-account-avatar {
  overflow: hidden !important;
}

.shop-card-thumb img,
.shop-pane-logo-image,
.shop-pane-item-mark.is-image img,
.shop-pane-item-image,
.shop-owner-logo-image,
.shop-owner-item-preview-image,
.shop-owner-item-gallery-thumb img,
.shop-owner-summary-mark.is-logo img,
.shop-card-item-preview-image,
.shop-item-card-image,
.shop-account-avatar img {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
}

.shop-list-panel[data-pane-mode] button,
.shop-list-panel[data-pane-mode] a,
.shop-list-panel[data-pane-mode] input,
.shop-list-panel[data-pane-mode] textarea {
  touch-action: manipulation !important;
}

.shop-list-panel[data-pane-mode] .shop-list-grid,
.shop-list-panel[data-pane-mode] .shop-pane-detail,
.shop-list-panel[data-pane-mode] .shop-account-stack,
.shop-list-panel[data-pane-mode] .shop-owner-stack {
  touch-action: pan-y !important;
  -webkit-overflow-scrolling: touch !important;
}

/* Standard commerce account reset: neutral, fast, and predictable. */
.shell-home[data-hashop-screen="account"] {
  background: #070808 !important;
}

.shell-home[data-hashop-screen="account"] .home-chrome {
  background: #070808 !important;
  border-bottom: 1px solid rgba(232, 237, 242, 0.08) !important;
}

.shell-home[data-hashop-screen="account"] .home-hash-logo,
.shell-home[data-hashop-screen="account"] .home-brand-name {
  color: #f4f7f8 !important;
  text-shadow: none !important;
}

.shell-home[data-hashop-screen="account"] .shop-account-location-card,
.shell-home[data-hashop-screen="account"] .shop-account-hero-card,
.shell-home[data-hashop-screen="account"] .shop-account-menu-card,
.shell-home[data-hashop-screen="account"] .shop-account-form-card,
.shell-home[data-hashop-screen="account"] .shop-login-form,
.shell-home[data-hashop-screen="account"] .shop-account-section {
  border: 1px solid rgba(232, 237, 242, 0.12) !important;
  border-radius: 12px !important;
  background: #101111 !important;
  box-shadow: none !important;
}

.shell-home[data-hashop-screen="account"] .shop-account-hero-card {
  min-height: 5.4rem !important;
  grid-template-columns: 3.5rem minmax(0, 1fr) auto !important;
  padding: 0.78rem !important;
}

.shell-home[data-hashop-screen="account"] .shop-account-hero-card .shop-account-avatar {
  width: 3.5rem !important;
  height: 3.5rem !important;
  min-width: 3.5rem !important;
  min-height: 3.5rem !important;
  border-color: rgba(232, 237, 242, 0.16) !important;
  background: #181a1a !important;
  color: #f4f7f8 !important;
  box-shadow: none !important;
}

.shell-home[data-hashop-screen="account"] .shop-account-location-card {
  min-height: 3.7rem !important;
  border-radius: 12px !important;
}

.shell-home[data-hashop-screen="account"] .shop-account-location-card .shop-account-menu-copy > strong,
.shell-home[data-hashop-screen="account"] .shop-account-menu-meta {
  color: #f4f7f8 !important;
}

.shell-home[data-hashop-screen="account"] .shop-account-menu-row,
.shell-home[data-hashop-screen="account"] .shop-account-record-row {
  min-height: 3.85rem !important;
  grid-template-columns: 2.15rem minmax(0, 1fr) auto auto !important;
  padding: 0.68rem 0.76rem !important;
  border-bottom: 1px solid rgba(232, 237, 242, 0.08) !important;
}

.shell-home[data-hashop-screen="account"] .shop-account-menu-icon {
  width: 2.15rem !important;
  height: 2.15rem !important;
  border: 1px solid rgba(232, 237, 242, 0.13) !important;
  background: #181a1a !important;
  color: #f4f7f8 !important;
}

.shell-home[data-hashop-screen="account"] .shop-account-profile-copy strong,
.shell-home[data-hashop-screen="account"] .shop-account-menu-copy strong,
.shell-home[data-hashop-screen="account"] .shop-account-section-head strong {
  color: #f4f7f8 !important;
}

.shell-home[data-hashop-screen="account"] .shop-account-profile-copy span,
.shell-home[data-hashop-screen="account"] .shop-account-menu-copy span,
.shell-home[data-hashop-screen="account"] .shop-account-section-head span,
.shell-home[data-hashop-screen="account"] .shop-account-note {
  color: rgba(232, 237, 242, 0.66) !important;
}

.shell-home[data-hashop-screen="account"] .shop-account-profile-copy em,
.shell-home[data-hashop-screen="account"] .shop-account-profile-copy em.is-guest {
  border-color: rgba(232, 237, 242, 0.14) !important;
  background: #181a1a !important;
  color: rgba(232, 237, 242, 0.8) !important;
}

.shell-home[data-hashop-screen="account"] .shop-login-submit,
.shell-home[data-hashop-screen="account"] .shop-owner-save {
  min-height: 2.8rem !important;
  border: 1px solid rgba(244, 247, 248, 0.36) !important;
  background: #f4f7f8 !important;
  color: #070909 !important;
  box-shadow: none !important;
}

.shell-home[data-hashop-screen="account"] .shop-owner-chip-button,
.shell-home[data-hashop-screen="account"] .shop-account-mini-button {
  min-height: 2.48rem !important;
  border: 1px solid rgba(232, 237, 242, 0.14) !important;
  background: #151717 !important;
  color: #f4f7f8 !important;
}

.shell-home[data-hashop-screen="account"] .shop-account-auth-links button {
  color: #cbd3d8 !important;
}

.shell-home[data-hashop-screen="account"] .home-bottom-nav {
  border-color: rgba(232, 237, 242, 0.1) !important;
  background: #0b0c0c !important;
  box-shadow: none !important;
}

.shell-home[data-hashop-screen="account"] .home-bottom-link.is-active {
  color: #f4f7f8 !important;
}

.shell-home[data-hashop-screen="account"] .home-bottom-link.is-active::after {
  background: #f4f7f8 !important;
}

.map-compass-button,
.map-compass-button.has-heading {
  border-color: rgba(232, 237, 242, 0.18) !important;
  background: #101111 !important;
  color: #f4f7f8 !important;
  box-shadow: none !important;
}

.map-compass-needle {
  background:
    linear-gradient(180deg, #f4f7f8 0 46%, rgba(120, 130, 136, 0.8) 46% 52%, rgba(120, 130, 136, 0.35) 52% 100%) !important;
  filter: none !important;
}

.map-compass-label {
  color: #f4f7f8 !important;
  text-shadow: none !important;
}

/* Neutral accent override: remove decorative warm accents from fast-commerce UI. */
.shell-home {
  --hashop-gold: #e8edf2 !important;
  --hashop-gold-2: #e8edf2 !important;
  --hashop-ui-gold: #e8edf2 !important;
  --hashop-sleek-gold: #e8edf2 !important;
  --hashop-product-gold: #e8edf2 !important;
  --hashop-flat-gold: #e8edf2 !important;
}

.shell-home .home-hash-logo {
  background: transparent !important;
  color: #f4f7f8 !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

.shell-home .home-bottom-link.is-active,
.shell-home .shop-card-open,
.shell-home .shop-card-item,
.shell-home .shop-pane-chip,
.shell-home .shop-account-menu-meta,
.shell-home .shop-account-menu-icon {
  color: #f4f7f8 !important;
}

.shell-home .home-bottom-link.is-active::after,
.shell-home .shop-card-add,
.shell-home .shop-owner-save,
.shell-home .shop-login-submit,
.shell-home .shop-cart-pay {
  background: #f4f7f8 !important;
  color: #070909 !important;
  box-shadow: none !important;
}

.shell-home .shop-card-item,
.shell-home .shop-pane-tag,
.shell-home .shop-pane-chip {
  border-color: rgba(232, 237, 242, 0.14) !important;
  background: rgba(232, 237, 242, 0.06) !important;
}

/* Account sub-states: one readable pattern for profile, addresses, payments, shops, and orders. */
.shell-home[data-hashop-screen="account"] .shop-account-back-row {
  display: grid !important;
  grid-template-columns: 2.15rem minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 0.72rem !important;
  width: 100% !important;
  min-height: 3.85rem !important;
  padding: 0.68rem 0.76rem !important;
  border: 1px solid rgba(232, 237, 242, 0.12) !important;
  border-radius: 12px !important;
  background: #101111 !important;
  color: #f4f7f8 !important;
  text-align: left !important;
  box-shadow: none !important;
}

.shell-home[data-hashop-screen="account"] .shop-account-back-row .shop-account-menu-icon {
  font-size: 1.5rem !important;
  line-height: 1 !important;
}

.shell-home[data-hashop-screen="account"] .shop-account-state-body {
  display: grid !important;
  gap: 0.72rem !important;
  width: 100% !important;
}

.shell-home[data-hashop-screen="account"] .shop-account-state-body > .shop-account-menu-card,
.shell-home[data-hashop-screen="account"] .shop-account-state-body > .shop-account-form-card,
.shell-home[data-hashop-screen="account"] .shop-account-state-card {
  width: 100% !important;
}

.shell-home[data-hashop-screen="account"] .shop-account-state-actions {
  justify-content: flex-start !important;
  padding-bottom: 0.35rem !important;
}

.shell-home[data-hashop-screen="account"] .shop-buyer-auth-form .shop-login-status {
  min-height: 1.15rem !important;
  color: rgba(232, 237, 242, 0.72) !important;
}

.shell-home[data-hashop-screen="account"] .shop-buyer-auth-form .shop-login-status.is-error,
.shell-home[data-hashop-screen="account"] .shop-account-status.is-error {
  color: #ff8585 !important;
}

.shell-home[data-hashop-screen="account"] .shop-buyer-auth-form .shop-login-status.is-success,
.shell-home[data-hashop-screen="account"] .shop-account-status.is-success {
  color: #9de7b0 !important;
}

/* Live repair 2026-05-12: final stable theme and viewport layer.
   This sits last so older stacked experiments cannot neutralize the theme
   or push the app frame outside the phone viewport. */
:root {
  --hashop-repair-bg: #050505;
  --hashop-repair-panel: #0c0b09;
  --hashop-repair-card: #14120d;
  --hashop-repair-card-2: #1a1710;
  --hashop-repair-gold: #d6ac54;
  --hashop-repair-gold-2: #f3d27a;
  --hashop-repair-text: #f8f2df;
  --hashop-repair-muted: rgba(248, 242, 223, 0.66);
  --hashop-repair-line: rgba(214, 172, 84, 0.24);
  --hashop-repair-line-strong: rgba(243, 210, 122, 0.4);
}

html,
body {
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  margin: 0 !important;
  overflow: hidden !important;
  background: var(--hashop-repair-bg) !important;
  color: var(--hashop-repair-text) !important;
}

.shell-home {
  --hashop-gold: var(--hashop-repair-gold) !important;
  --hashop-gold-2: var(--hashop-repair-gold-2) !important;
  --hashop-ui-gold: var(--hashop-repair-gold-2) !important;
  --hashop-final-gold: var(--hashop-repair-gold-2) !important;
  --hashop-action: linear-gradient(135deg, #fff1b8 0%, var(--hashop-repair-gold) 58%, #8f641f 100%) !important;
  --hashop-action-text: #090805 !important;
  width: 100% !important;
  max-width: none !important;
  height: 100vh !important;
  min-height: 100vh !important;
  height: 100svh !important;
  min-height: 100svh !important;
  padding: max(0.5rem, env(safe-area-inset-top)) max(0.5rem, env(safe-area-inset-right)) max(0.5rem, env(safe-area-inset-bottom)) max(0.5rem, env(safe-area-inset-left)) !important;
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
  gap: 0.55rem !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(214, 172, 84, 0.18), transparent 18rem),
    linear-gradient(180deg, #050505 0%, #0c0b08 58%, #050505 100%) !important;
  color: var(--hashop-repair-text) !important;
  letter-spacing: 0 !important;
}

@supports (height: 100dvh) {
  .shell-home {
    height: 100dvh !important;
    min-height: 100dvh !important;
  }
}

.home-chrome,
.home-stage {
  width: min(100%, 32rem) !important;
  max-width: 32rem !important;
  margin-inline: auto !important;
}

.home-chrome {
  min-height: 3.05rem !important;
  padding: 0.48rem 0.56rem !important;
  border: 1px solid var(--hashop-repair-line) !important;
  border-radius: 10px !important;
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 0.55rem !important;
  background: rgba(12, 11, 9, 0.96) !important;
  box-shadow: inset 0 1px 0 rgba(255, 239, 185, 0.06), 0 0.9rem 1.8rem rgba(0, 0, 0, 0.32) !important;
}

.home-chrome .brand {
  min-width: 0 !important;
  justify-self: center !important;
  color: var(--hashop-repair-text) !important;
  letter-spacing: 0 !important;
}

.shell-home .home-hash-logo {
  width: 2rem !important;
  height: 2rem !important;
  min-width: 2rem !important;
  min-height: 2rem !important;
  border: 1px solid var(--hashop-repair-line-strong) !important;
  border-radius: 10px !important;
  display: inline-grid !important;
  place-items: center !important;
  background: linear-gradient(145deg, rgba(255, 241, 184, 0.18), rgba(214, 172, 84, 0.07)), #11100b !important;
  color: var(--hashop-repair-gold-2) !important;
  font-size: 1.12rem !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  box-shadow: 0 0 1rem rgba(214, 172, 84, 0.2) !important;
}

.home-brand-name {
  color: var(--hashop-repair-text) !important;
  font-size: 1.02rem !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
}

.home-chrome .map-locate-button.home-locate-button {
  position: relative !important;
  inset: auto !important;
  width: auto !important;
  min-width: 2.6rem !important;
  height: 2.18rem !important;
  min-height: 2.18rem !important;
  padding: 0 0.7rem !important;
  border: 1px solid var(--hashop-repair-line-strong) !important;
  border-radius: 10px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: var(--hashop-action) !important;
  color: var(--hashop-action-text) !important;
  box-shadow: none !important;
  transform: none !important;
}

.home-stage {
  min-height: 0 !important;
  height: 100% !important;
  display: grid !important;
  grid-template-rows: minmax(11.5rem, 34svh) minmax(0, 1fr) !important;
  gap: 0 !important;
  overflow: hidden !important;
}

@supports (height: 100dvh) {
  .home-stage {
    grid-template-rows: minmax(11.5rem, 34dvh) minmax(0, 1fr) !important;
  }
}

.map-screen {
  position: relative !important;
  inset: auto !important;
  min-height: 0 !important;
  height: auto !important;
  overflow: hidden !important;
  border: 1px solid var(--hashop-repair-line-strong) !important;
  border-radius: 10px 10px 0 0 !important;
  background:
    radial-gradient(circle at 54% 45%, rgba(243, 210, 122, 0.2), transparent 4.2rem),
    linear-gradient(135deg, #080807, #17130b 62%, #060606) !important;
}

.shop-list-panel {
  position: relative !important;
  inset: auto !important;
  width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: -1px 0 0 !important;
  padding: 0.64rem 0.64rem calc(0.58rem + env(safe-area-inset-bottom)) !important;
  border: 1px solid var(--hashop-repair-line-strong) !important;
  border-top-color: var(--hashop-repair-line) !important;
  border-radius: 0 0 10px 10px !important;
  display: grid !important;
  grid-template-rows: auto auto minmax(0, 1fr) auto !important;
  gap: 0.58rem !important;
  overflow: hidden !important;
  background: linear-gradient(180deg, rgba(20, 18, 13, 0.98), rgba(8, 8, 7, 0.99)) !important;
  color: var(--hashop-repair-text) !important;
  box-shadow: none !important;
  transform: none !important;
}

.shop-list-panel.is-content-view,
.shop-list-panel.is-shop-view,
.shop-list-panel.is-login-view,
.shop-list-panel.is-expanded,
.shop-list-panel.is-expanded.is-full {
  border-radius: 10px !important;
  grid-template-rows: auto minmax(0, 1fr) auto !important;
}

.shop-list-panel.is-root-view .shop-panel-bar {
  display: none !important;
}

.shop-list-grid,
.shop-pane-detail,
.shop-account-stack,
.shop-owner-stack {
  min-height: 0 !important;
  max-height: 100% !important;
  overflow-y: auto !important;
  overscroll-behavior-y: contain !important;
  touch-action: pan-y !important;
  -webkit-overflow-scrolling: touch !important;
}

.shop-list-grid {
  padding: 0 0.04rem 0.12rem 0 !important;
  display: grid !important;
  align-content: start !important;
  gap: 0.56rem !important;
}

.shop-list-search-input,
.shop-login-input,
.shop-owner-input,
.shop-owner-textarea {
  border-color: var(--hashop-repair-line) !important;
  background: #080806 !important;
  color: var(--hashop-repair-text) !important;
  letter-spacing: 0 !important;
}

.shop-card,
.shop-discovery-card,
.shop-item-discovery-card,
.shop-state-card,
.shop-pane-detail,
.shop-pane-hero,
.shop-pane-cart,
.shop-pane-item,
.shop-account-location-card,
.shop-account-hero-card,
.shop-account-menu-card,
.shop-account-form-card,
.shop-account-signout-card,
.shop-owner-section,
.shop-owner-form,
.shop-owner-summary-card,
.shop-owner-item-card,
.shop-owner-order-card {
  border-color: var(--hashop-repair-line) !important;
  background: linear-gradient(180deg, var(--hashop-repair-card-2), var(--hashop-repair-card)) !important;
  color: var(--hashop-repair-text) !important;
  box-shadow: none !important;
}

.shop-card strong,
.shop-pane-hero h2,
.shop-pane-cart-title h2,
.shop-account-profile-copy strong,
.shop-account-menu-copy strong,
.shop-account-section-head strong,
.shop-owner-section-title,
.shop-owner-section-head strong {
  color: var(--hashop-repair-text) !important;
  letter-spacing: 0 !important;
}

.shop-card span,
.shop-card p,
.shop-pane-hero p,
.shop-pane-cart-title p,
.shop-account-profile-copy span,
.shop-account-menu-copy span,
.shop-account-note,
.shop-owner-field-note,
.shop-login-status {
  color: var(--hashop-repair-muted) !important;
}

.shop-card-add,
.shop-cart-pay,
.shop-login-submit,
.shop-owner-save,
.shop-pane-quick-link.is-primary,
.shop-card-action-btn.is-primary,
.home-bottom-link.is-active::after {
  background: var(--hashop-action) !important;
  color: var(--hashop-action-text) !important;
  border-color: rgba(255, 239, 185, 0.6) !important;
  box-shadow: none !important;
}

.shop-card-open,
.shop-card-item,
.shop-pane-chip,
.shop-pane-tag,
.shop-pane-pill,
.shop-pane-ready,
.shop-account-menu-icon,
.shop-account-menu-meta {
  border-color: var(--hashop-repair-line) !important;
  background: rgba(214, 172, 84, 0.09) !important;
  color: var(--hashop-repair-gold-2) !important;
}

.home-bottom-nav {
  min-height: 3.35rem !important;
  padding: 0.2rem !important;
  border: 1px solid var(--hashop-repair-line) !important;
  border-radius: 12px !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 0.18rem !important;
  background: rgba(8, 8, 7, 0.96) !important;
  box-shadow: none !important;
}

.home-bottom-link {
  min-width: 0 !important;
  min-height: 2.65rem !important;
  padding: 0.3rem 0.14rem !important;
  border-radius: 10px !important;
  color: rgba(248, 242, 223, 0.56) !important;
  font-size: 0.68rem !important;
  letter-spacing: 0 !important;
}

.home-bottom-link.is-active {
  background: rgba(214, 172, 84, 0.14) !important;
  color: var(--hashop-repair-gold-2) !important;
}

.map-compass-button,
.map-compass-button.has-heading {
  border-color: var(--hashop-repair-line-strong) !important;
  background: rgba(12, 11, 9, 0.96) !important;
  color: var(--hashop-repair-gold-2) !important;
}

.map-compass-needle {
  background:
    linear-gradient(180deg, var(--hashop-repair-gold-2) 0 46%, rgba(248, 242, 223, 0.84) 46% 52%, rgba(248, 242, 223, 0.32) 52% 100%) !important;
}

.shell-home[data-hashop-screen="account"] .home-stage,
.shell-home[data-hashop-screen="login"] .home-stage,
.shell-home[data-hashop-screen="cart"] .home-stage,
.shell-home[data-hashop-screen="confirmation"] .home-stage,
.shell-home[data-hashop-screen^="owner-"] .home-stage,
.shell-home[data-hashop-screen="shop"] .home-stage {
  grid-template-rows: minmax(0, 1fr) !important;
}

.shell-home[data-hashop-screen="account"] .map-screen,
.shell-home[data-hashop-screen="login"] .map-screen,
.shell-home[data-hashop-screen="cart"] .map-screen,
.shell-home[data-hashop-screen="confirmation"] .map-screen,
.shell-home[data-hashop-screen^="owner-"] .map-screen,
.shell-home[data-hashop-screen="shop"] .map-screen {
  display: none !important;
}

.shell-home[data-hashop-screen="account"] .shop-list-panel,
.shell-home[data-hashop-screen="login"] .shop-list-panel,
.shell-home[data-hashop-screen="cart"] .shop-list-panel,
.shell-home[data-hashop-screen="confirmation"] .shop-list-panel,
.shell-home[data-hashop-screen^="owner-"] .shop-list-panel,
.shell-home[data-hashop-screen="shop"] .shop-list-panel {
  height: 100% !important;
  margin: 0 !important;
  border-radius: 10px !important;
}

.shell-home[data-hashop-screen="account"] .shop-list-grid {
  padding-bottom: calc(4.8rem + env(safe-area-inset-bottom)) !important;
  scroll-padding-bottom: calc(5.2rem + env(safe-area-inset-bottom)) !important;
}

@media (min-width: 720px) {
  .home-chrome,
  .home-stage {
    width: min(100%, 38rem) !important;
    max-width: 38rem !important;
  }
}

@media (max-width: 380px) {
  .shell-home {
    padding: max(0.42rem, env(safe-area-inset-top)) max(0.42rem, env(safe-area-inset-right)) max(0.42rem, env(safe-area-inset-bottom)) max(0.42rem, env(safe-area-inset-left)) !important;
    gap: 0.42rem !important;
  }

  .home-stage {
    grid-template-rows: minmax(10rem, 30svh) minmax(0, 1fr) !important;
  }

  @supports (height: 100dvh) {
    .home-stage {
      grid-template-rows: minmax(10rem, 30dvh) minmax(0, 1fr) !important;
    }
  }

  .shop-list-panel {
    padding-inline: 0.5rem !important;
  }
}

/* Live structure 2026-05-12: brand-first, no outline-built UI.
   Keep the black/gold direction, but build the screen from surfaces,
   spacing, and weight instead of bordered boxes. */
:root {
  --hashop-structure-bg: #050505;
  --hashop-structure-top: #090807;
  --hashop-structure-sheet: #0d0c0a;
  --hashop-structure-row: #15130f;
  --hashop-structure-row-soft: #100f0d;
  --hashop-structure-ink: #f8f2df;
  --hashop-structure-muted: rgba(248, 242, 223, 0.64);
  --hashop-structure-soft: rgba(248, 242, 223, 0.42);
  --hashop-structure-gold: #d6ac54;
  --hashop-structure-gold-2: #f2d27c;
  --hashop-structure-danger: #f0a486;
}

html,
body {
  background: var(--hashop-structure-bg) !important;
  color: var(--hashop-structure-ink) !important;
}

.shell-home {
  --hashop-gold: var(--hashop-structure-gold) !important;
  --hashop-gold-2: var(--hashop-structure-gold-2) !important;
  --hashop-ui-gold: var(--hashop-structure-gold-2) !important;
  --hashop-final-gold: var(--hashop-structure-gold-2) !important;
  --hashop-action: linear-gradient(135deg, #ffeaa4 0%, var(--hashop-structure-gold) 58%, #9b6c24 100%) !important;
  --hashop-action-text: #090704 !important;
  padding: 0 !important;
  gap: 0 !important;
  background:
    linear-gradient(180deg, #090807 0, #050505 4.2rem, #050505 100%) !important;
  color: var(--hashop-structure-ink) !important;
}

.home-chrome,
.home-stage {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

.home-chrome {
  min-height: calc(3.35rem + env(safe-area-inset-top)) !important;
  padding: calc(0.48rem + env(safe-area-inset-top)) 0.82rem 0.48rem !important;
  border: 0 !important;
  border-radius: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 0.72rem !important;
  background: var(--hashop-structure-top) !important;
  box-shadow: none !important;
}

.home-chrome::before,
.home-chrome::after {
  content: none !important;
  display: none !important;
}

.home-chrome .brand {
  order: 1 !important;
  justify-self: start !important;
  min-width: 0 !important;
  margin: 0 !important;
  display: inline-flex !important;
  align-items: baseline !important;
  gap: 0.34rem !important;
  overflow: visible !important;
  color: var(--hashop-structure-ink) !important;
  text-decoration: none !important;
}

.home-chrome .map-locate-button.home-locate-button {
  order: 2 !important;
}

.home-chrome .home-live-status {
  display: none !important;
}

.shell-home .home-hash-logo,
.shell-home[data-hashop-screen="account"] .home-hash-logo {
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  display: inline !important;
  place-items: unset !important;
  background: transparent !important;
  color: var(--hashop-structure-gold-2) !important;
  box-shadow: none !important;
  text-shadow: none !important;
  font-family: "Sora", "Manrope", sans-serif !important;
  font-size: 1.72rem !important;
  font-weight: 900 !important;
  line-height: 0.9 !important;
  letter-spacing: 0 !important;
}

.home-brand-name,
.shell-home[data-hashop-screen="account"] .home-brand-name {
  color: var(--hashop-structure-ink) !important;
  font-family: "Sora", "Manrope", sans-serif !important;
  font-size: 1.16rem !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
}

.home-chrome .map-locate-button.home-locate-button,
.map-locate-button,
.map-compass-button {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: rgba(248, 242, 223, 0.09) !important;
  color: var(--hashop-structure-ink) !important;
}

.home-chrome .map-locate-button.home-locate-button {
  min-width: 0 !important;
  height: 2.24rem !important;
  min-height: 2.24rem !important;
  padding: 0 0.72rem !important;
  border-radius: 999px !important;
  background: var(--hashop-action) !important;
  color: var(--hashop-action-text) !important;
}

.home-stage {
  min-height: 0 !important;
  height: 100% !important;
  display: grid !important;
  grid-template-rows: minmax(11rem, 33svh) minmax(0, 1fr) !important;
  gap: 0 !important;
  overflow: hidden !important;
  background: var(--hashop-structure-bg) !important;
}

@supports (height: 100dvh) {
  .home-stage {
    grid-template-rows: minmax(11rem, 33dvh) minmax(0, 1fr) !important;
  }
}

.map-screen {
  border: 0 !important;
  border-radius: 0 !important;
  background:
    radial-gradient(circle at 54% 48%, rgba(214, 172, 84, 0.16), transparent 5rem),
    linear-gradient(135deg, #11100d, #17130c 58%, #080807) !important;
  box-shadow: none !important;
}

.map-screen::before {
  border: 0 !important;
  border-radius: 999px !important;
  background: rgba(8, 8, 7, 0.74) !important;
  color: var(--hashop-structure-gold-2) !important;
  box-shadow: none !important;
}

.map-screen::after {
  content: none !important;
  display: none !important;
}

.shop-list-panel {
  position: relative !important;
  z-index: 2 !important;
  min-height: 0 !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0.78rem 0.72rem calc(0.72rem + env(safe-area-inset-bottom)) !important;
  border: 0 !important;
  border-radius: 22px 22px 0 0 !important;
  display: grid !important;
  grid-template-rows: auto auto minmax(0, 1fr) auto !important;
  gap: 0.64rem !important;
  overflow: hidden !important;
  background:
    linear-gradient(180deg, rgba(16, 15, 12, 0.98), var(--hashop-structure-sheet)) !important;
  color: var(--hashop-structure-ink) !important;
  box-shadow: 0 -1.2rem 2.4rem rgba(0, 0, 0, 0.34) !important;
  transform: none !important;
}

.shop-list-panel.is-content-view,
.shop-list-panel.is-shop-view,
.shop-list-panel.is-login-view,
.shop-list-panel.is-expanded,
.shop-list-panel.is-expanded.is-full,
.shell-home[data-hashop-screen="account"] .shop-list-panel,
.shell-home[data-hashop-screen="login"] .shop-list-panel,
.shell-home[data-hashop-screen="cart"] .shop-list-panel,
.shell-home[data-hashop-screen="confirmation"] .shop-list-panel,
.shell-home[data-hashop-screen^="owner-"] .shop-list-panel,
.shell-home[data-hashop-screen="shop"] .shop-list-panel {
  border: 0 !important;
  border-radius: 22px 22px 0 0 !important;
  box-shadow: 0 -1.2rem 2.4rem rgba(0, 0, 0, 0.28) !important;
}

.shop-list-panel::before,
.shop-list-panel::after,
.shop-list-head::before,
.shop-list-head::after,
.shop-list-search::before,
.shop-list-search::after {
  content: none !important;
  display: none !important;
}

.shop-list-search-input,
.shop-login-input,
.shop-owner-input,
.shop-owner-textarea,
.shop-account-input {
  min-height: 2.8rem !important;
  border: 0 !important;
  outline: 0 !important;
  border-radius: 14px !important;
  background: rgba(248, 242, 223, 0.07) !important;
  color: var(--hashop-structure-ink) !important;
  box-shadow: none !important;
}

.shop-list-search-input {
  padding-left: 0.92rem !important;
}

.shop-list-search-input:focus,
.shop-login-input:focus,
.shop-owner-input:focus,
.shop-owner-textarea:focus,
.shop-account-input:focus {
  border: 0 !important;
  outline: 0 !important;
  background: rgba(248, 242, 223, 0.1) !important;
  box-shadow: none !important;
}

.shop-list-grid,
.shop-pane-detail,
.shop-account-stack,
.shop-owner-stack {
  gap: 0.56rem !important;
  min-height: 0 !important;
  overflow-y: auto !important;
  overscroll-behavior-y: contain !important;
  touch-action: pan-y !important;
  -webkit-overflow-scrolling: touch !important;
}

.shop-card,
.shop-discovery-card,
.shop-item-discovery-card,
.shop-state-card,
.shop-pane-detail,
.shop-pane-hero,
.shop-pane-cart,
.shop-pane-item,
.shop-login-form,
.shop-account-location-card,
.shop-account-hero-card,
.shop-account-menu-card,
.shop-account-form-card,
.shop-account-signout-card,
.shop-account-state-card,
.shop-owner-section,
.shop-owner-form,
.shop-owner-summary-card,
.shop-owner-item-card,
.shop-owner-order-card {
  border: 0 !important;
  outline: 0 !important;
  border-radius: 18px !important;
  background: var(--hashop-structure-row) !important;
  color: var(--hashop-structure-ink) !important;
  box-shadow: none !important;
}

.shop-account-menu-row,
.shop-account-record-row,
.shop-account-signout-card,
.shop-pane-cart-row,
.shop-pane-item,
.shop-owner-order-card,
.shop-owner-item-card {
  border: 0 !important;
  outline: 0 !important;
  background: var(--hashop-structure-row-soft) !important;
  box-shadow: none !important;
}

.shop-card + .shop-card,
.shop-discovery-card + .shop-discovery-card,
.shop-item-discovery-card + .shop-item-discovery-card,
.shop-account-menu-row + .shop-account-menu-row,
.shop-account-record-row + .shop-account-record-row {
  margin-top: 0.04rem !important;
}

.shop-card-thumb,
.shop-discovery-card .shop-card-thumb,
.shop-item-discovery-card .shop-card-thumb,
.shop-account-avatar,
.shop-account-menu-icon {
  border: 0 !important;
  outline: 0 !important;
  background: rgba(248, 242, 223, 0.08) !important;
  color: var(--hashop-structure-gold-2) !important;
  box-shadow: none !important;
}

.shop-card-open,
.shop-card-item,
.shop-pane-chip,
.shop-pane-tag,
.shop-pane-pill,
.shop-pane-ready,
.shop-account-menu-meta,
.shop-owner-chip,
.shop-owner-status-chip {
  border: 0 !important;
  outline: 0 !important;
  background: rgba(214, 172, 84, 0.12) !important;
  color: var(--hashop-structure-gold-2) !important;
  box-shadow: none !important;
}

.shop-card-add,
.shop-card-call,
.shop-cart-pay,
.shop-login-submit,
.shop-owner-save,
.shop-account-mini-button,
.shop-owner-chip-button,
.shop-card-action-btn,
.shop-pane-quick-link,
.shop-state-action,
.shop-back-action {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

.shop-card-add,
.shop-card-call,
.shop-cart-pay,
.shop-login-submit,
.shop-owner-save,
.shop-card-action-btn.is-primary,
.shop-pane-quick-link.is-primary,
.shop-state-action.is-primary {
  background: var(--hashop-action) !important;
  color: var(--hashop-action-text) !important;
}

.shop-card-action-btn:not(.is-primary),
.shop-pane-quick-link:not(.is-primary),
.shop-account-mini-button,
.shop-owner-chip-button,
.shop-back-action,
.shop-state-action {
  background: rgba(248, 242, 223, 0.08) !important;
  color: var(--hashop-structure-ink) !important;
}

.home-bottom-nav,
.shell-home[data-hashop-screen="account"] .home-bottom-nav {
  min-height: 3.35rem !important;
  padding: 0.22rem !important;
  border: 0 !important;
  border-radius: 16px !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 0.16rem !important;
  background: #080706 !important;
  box-shadow: none !important;
}

.home-bottom-link {
  min-height: 2.72rem !important;
  border: 0 !important;
  outline: 0 !important;
  border-radius: 13px !important;
  background: transparent !important;
  color: var(--hashop-structure-soft) !important;
  box-shadow: none !important;
}

.home-bottom-link.is-active,
.shell-home[data-hashop-screen="account"] .home-bottom-link.is-active {
  background: rgba(214, 172, 84, 0.16) !important;
  color: var(--hashop-structure-gold-2) !important;
}

.home-bottom-link.is-active::after,
.shell-home[data-hashop-screen="account"] .home-bottom-link.is-active::after {
  content: none !important;
  display: none !important;
}

.shop-card strong,
.shop-card-title-block strong,
.shop-pane-hero h2,
.shop-pane-cart-title h2,
.shop-account-profile-copy strong,
.shop-account-menu-copy strong,
.shop-account-section-head strong,
.shop-owner-section-title,
.shop-owner-section-head strong {
  color: var(--hashop-structure-ink) !important;
  letter-spacing: 0 !important;
}

.shop-card span,
.shop-card p,
.shop-card-subtitle,
.shop-pane-hero p,
.shop-pane-cart-title p,
.shop-account-profile-copy span,
.shop-account-menu-copy span,
.shop-account-note,
.shop-login-status,
.shop-owner-field-note {
  color: var(--hashop-structure-muted) !important;
}

.shop-owner-chip-button.is-danger,
.shop-cart-pay.is-danger,
.shop-login-status.is-error,
.shop-account-status.is-error {
  color: var(--hashop-structure-danger) !important;
}

.shop-list-panel[data-pane-mode="account"][data-account-state="signed-out"] .home-bottom-nav {
  display: grid !important;
}

button:focus,
button:focus-visible,
a:focus,
a:focus-visible,
input:focus,
input:focus-visible,
textarea:focus,
textarea:focus-visible {
  outline: 0 !important;
  box-shadow: none !important;
}

@media (min-width: 720px) {
  .home-chrome,
  .home-stage {
    width: min(100%, 40rem) !important;
    max-width: 40rem !important;
    margin-inline: auto !important;
  }

  .shell-home {
    padding-inline: max(0px, calc((100vw - 40rem) / 2)) !important;
    background:
      radial-gradient(circle at 50% 0%, rgba(214, 172, 84, 0.12), transparent 28rem),
      var(--hashop-structure-bg) !important;
  }
}

@media (max-width: 380px) {
  .home-chrome {
    min-height: calc(3.12rem + env(safe-area-inset-top)) !important;
    padding-left: 0.62rem !important;
    padding-right: 0.62rem !important;
  }

  .home-stage {
    grid-template-rows: minmax(10rem, 30svh) minmax(0, 1fr) !important;
  }

  @supports (height: 100dvh) {
    .home-stage {
      grid-template-rows: minmax(10rem, 30dvh) minmax(0, 1fr) !important;
    }
  }

  .shop-list-panel {
    padding-inline: 0.58rem !important;
  }
}

/* Live layout correction 2026-05-13: search owns its row, list starts below it,
   and the sheet loses the extra status-frame-looking padding. */
.home-chrome {
  min-height: 3.08rem !important;
  padding: 0.44rem 0.72rem !important;
}

.home-stage {
  grid-template-rows: minmax(10.6rem, 31svh) minmax(0, 1fr) !important;
}

@supports (height: 100dvh) {
  .home-stage {
    grid-template-rows: minmax(10.6rem, 31dvh) minmax(0, 1fr) !important;
  }
}

.shop-list-panel,
.shop-list-panel.is-content-view,
.shop-list-panel.is-shop-view,
.shop-list-panel.is-login-view,
.shop-list-panel.is-expanded,
.shop-list-panel.is-expanded.is-full,
.shell-home[data-hashop-screen="account"] .shop-list-panel,
.shell-home[data-hashop-screen="login"] .shop-list-panel,
.shell-home[data-hashop-screen="cart"] .shop-list-panel,
.shell-home[data-hashop-screen="confirmation"] .shop-list-panel,
.shell-home[data-hashop-screen^="owner-"] .shop-list-panel,
.shell-home[data-hashop-screen="shop"] .shop-list-panel {
  padding: 0.46rem 0.58rem calc(0.54rem + env(safe-area-inset-bottom)) !important;
  gap: 0.44rem !important;
  border-radius: 18px 18px 0 0 !important;
  box-shadow: none !important;
}

.shop-list-panel {
  grid-template-rows: auto auto minmax(0, 1fr) auto !important;
}

.shop-list-panel.is-root-view .shop-panel-bar {
  display: none !important;
}

.shop-list-head {
  position: relative !important;
  z-index: 4 !important;
  grid-row: 2 !important;
  min-height: 2.66rem !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
  background: var(--hashop-structure-sheet) !important;
}

.shop-list-panel[data-pane-mode="account"] .shop-list-head,
.shop-list-panel[data-pane-mode="login"] .shop-list-head,
.shop-list-panel[data-pane-mode="confirmation"] .shop-list-head,
.shop-list-panel[data-pane-mode="owner-manage"] .shop-list-head,
.shop-list-panel[data-pane-mode="owner-stats"] .shop-list-head,
.shop-list-head[hidden] {
  display: none !important;
}

.shop-list-search {
  position: relative !important;
  z-index: 1 !important;
  height: 2.66rem !important;
  min-height: 2.66rem !important;
  display: block !important;
  background: transparent !important;
}

.shop-list-search-input {
  height: 2.66rem !important;
  min-height: 2.66rem !important;
  padding: 0 0.86rem !important;
  display: block !important;
}

.shop-list-grid {
  position: relative !important;
  z-index: 1 !important;
  grid-row: 3 !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  scroll-padding-top: 0 !important;
}

.shop-list-grid > :first-child {
  margin-top: 0 !important;
}

.home-bottom-nav,
.shell-home[data-hashop-screen="account"] .home-bottom-nav {
  margin-top: 0 !important;
}

@media (max-width: 380px) {
  .home-chrome {
    min-height: 3rem !important;
    padding: 0.4rem 0.58rem !important;
  }

  .shop-list-panel,
  .shop-list-panel.is-content-view,
  .shop-list-panel.is-shop-view,
  .shop-list-panel.is-login-view,
  .shop-list-panel.is-expanded,
  .shop-list-panel.is-expanded.is-full,
  .shell-home[data-hashop-screen="account"] .shop-list-panel,
  .shell-home[data-hashop-screen="login"] .shop-list-panel,
  .shell-home[data-hashop-screen="cart"] .shop-list-panel,
  .shell-home[data-hashop-screen="confirmation"] .shop-list-panel,
  .shell-home[data-hashop-screen^="owner-"] .shop-list-panel,
  .shell-home[data-hashop-screen="shop"] .shop-list-panel {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
}

/* Absolute final override 2026-05-13: bounded search/list slots. */
.shop-list-panel.is-root-view,
.shop-list-panel[data-pane-mode="home"],
.shop-list-panel[data-pane-mode="search"],
.shop-list-panel[data-pane-mode="contact"],
.shop-list-panel[data-pane-mode="shop"],
.shop-list-panel[data-pane-mode="cart"],
.shop-list-panel[data-pane-mode="owner-orders"],
.shop-list-panel[data-pane-mode="owner-items"] {
  --hashop-sheet-x: 0.56rem;
  --hashop-sheet-top: 0.28rem;
  --hashop-search-h: 2.68rem;
  --hashop-row-gap: 0.46rem;
  --hashop-nav-h: 3.34rem;
  --hashop-sheet-bottom: calc(0.42rem + env(safe-area-inset-bottom));
  position: relative !important;
  display: block !important;
  padding: 0 !important;
  gap: 0 !important;
  overflow: hidden !important;
  border-radius: 14px 14px 0 0 !important;
  box-shadow: none !important;
}

.shop-list-panel.is-root-view .shop-panel-bar,
.shop-list-panel[data-pane-mode="home"] .shop-panel-bar,
.shop-list-panel[data-pane-mode="search"] .shop-panel-bar,
.shop-list-panel[data-pane-mode="contact"] .shop-panel-bar {
  display: none !important;
}

.shop-list-panel.is-root-view .shop-list-head,
.shop-list-panel[data-pane-mode="home"] .shop-list-head,
.shop-list-panel[data-pane-mode="search"] .shop-list-head,
.shop-list-panel[data-pane-mode="contact"] .shop-list-head,
.shop-list-panel[data-pane-mode="shop"] .shop-list-head,
.shop-list-panel[data-pane-mode="cart"] .shop-list-head,
.shop-list-panel[data-pane-mode="owner-orders"] .shop-list-head,
.shop-list-panel[data-pane-mode="owner-items"] .shop-list-head {
  position: absolute !important;
  left: var(--hashop-sheet-x) !important;
  right: var(--hashop-sheet-x) !important;
  top: var(--hashop-sheet-top) !important;
  z-index: 30 !important;
  height: var(--hashop-search-h) !important;
  min-height: var(--hashop-search-h) !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
  background: var(--hashop-structure-sheet) !important;
}

.shop-list-panel.is-root-view .shop-list-search,
.shop-list-panel[data-pane-mode="home"] .shop-list-search,
.shop-list-panel[data-pane-mode="search"] .shop-list-search,
.shop-list-panel[data-pane-mode="contact"] .shop-list-search,
.shop-list-panel[data-pane-mode="shop"] .shop-list-search,
.shop-list-panel[data-pane-mode="cart"] .shop-list-search,
.shop-list-panel[data-pane-mode="owner-orders"] .shop-list-search,
.shop-list-panel[data-pane-mode="owner-items"] .shop-list-search,
.shop-list-panel.is-root-view .shop-list-search-input,
.shop-list-panel[data-pane-mode="home"] .shop-list-search-input,
.shop-list-panel[data-pane-mode="search"] .shop-list-search-input,
.shop-list-panel[data-pane-mode="contact"] .shop-list-search-input,
.shop-list-panel[data-pane-mode="shop"] .shop-list-search-input,
.shop-list-panel[data-pane-mode="cart"] .shop-list-search-input,
.shop-list-panel[data-pane-mode="owner-orders"] .shop-list-search-input,
.shop-list-panel[data-pane-mode="owner-items"] .shop-list-search-input {
  height: var(--hashop-search-h) !important;
  min-height: var(--hashop-search-h) !important;
}

.shop-list-panel.is-root-view .shop-list-grid,
.shop-list-panel[data-pane-mode="home"] .shop-list-grid,
.shop-list-panel[data-pane-mode="search"] .shop-list-grid,
.shop-list-panel[data-pane-mode="contact"] .shop-list-grid,
.shop-list-panel[data-pane-mode="shop"] .shop-list-grid,
.shop-list-panel[data-pane-mode="cart"] .shop-list-grid,
.shop-list-panel[data-pane-mode="owner-orders"] .shop-list-grid,
.shop-list-panel[data-pane-mode="owner-items"] .shop-list-grid {
  position: absolute !important;
  left: var(--hashop-sheet-x) !important;
  right: var(--hashop-sheet-x) !important;
  top: calc(var(--hashop-sheet-top) + var(--hashop-search-h) + var(--hashop-row-gap)) !important;
  bottom: calc(var(--hashop-sheet-bottom) + var(--hashop-nav-h) + var(--hashop-row-gap)) !important;
  z-index: 1 !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior-y: contain !important;
  -webkit-overflow-scrolling: touch !important;
}

.shop-list-panel.is-root-view .home-bottom-nav,
.shop-list-panel[data-pane-mode="home"] .home-bottom-nav,
.shop-list-panel[data-pane-mode="search"] .home-bottom-nav,
.shop-list-panel[data-pane-mode="contact"] .home-bottom-nav,
.shop-list-panel[data-pane-mode="shop"] .home-bottom-nav,
.shop-list-panel[data-pane-mode="cart"] .home-bottom-nav,
.shop-list-panel[data-pane-mode="owner-orders"] .home-bottom-nav,
.shop-list-panel[data-pane-mode="owner-items"] .home-bottom-nav {
  position: absolute !important;
  left: var(--hashop-sheet-x) !important;
  right: var(--hashop-sheet-x) !important;
  bottom: var(--hashop-sheet-bottom) !important;
  z-index: 20 !important;
  height: var(--hashop-nav-h) !important;
  min-height: var(--hashop-nav-h) !important;
  margin: 0 !important;
}

@media (max-width: 380px) {
  .shop-list-panel.is-root-view,
  .shop-list-panel[data-pane-mode="home"],
  .shop-list-panel[data-pane-mode="search"],
  .shop-list-panel[data-pane-mode="contact"],
  .shop-list-panel[data-pane-mode="shop"],
  .shop-list-panel[data-pane-mode="cart"],
  .shop-list-panel[data-pane-mode="owner-orders"],
  .shop-list-panel[data-pane-mode="owner-items"] {
    --hashop-sheet-x: 0.5rem;
    --hashop-search-h: 2.58rem;
  }
}

/* Absolute final override 2026-05-14: /setup starts with account details. */
.shell-home[data-hashop-screen="setup"] .home-stage {
  grid-template-rows: clamp(8.9rem, 30vh, 13rem) minmax(0, 1fr) !important;
  gap: 0.58rem !important;
}

.shell-home[data-hashop-screen="setup"] .map-screen {
  display: block !important;
  grid-row: 1 !important;
  min-height: 0 !important;
  height: 100% !important;
  margin: 0 !important;
  border-radius: 8px !important;
  overflow: hidden !important;
}

.shell-home[data-hashop-screen="setup"] .home-locate-button {
  display: none !important;
}

.shell-home[data-hashop-screen="setup"] .shop-list-panel,
.shop-list-panel[data-pane-mode="setup"] {
  position: relative !important;
  display: grid !important;
  grid-row: 2 !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0.58rem 0.64rem calc(0.64rem + env(safe-area-inset-bottom)) !important;
  gap: 0.58rem !important;
  overflow: hidden !important;
  border-radius: 8px 8px 0 0 !important;
  box-shadow: none !important;
}

.shop-list-panel[data-pane-mode="setup"] .shop-panel-bar {
  display: grid !important;
  grid-row: 1 !important;
  min-height: 2.42rem !important;
  margin: 0 !important;
}

.shop-list-panel[data-pane-mode="setup"] .shop-pane-toggle {
  visibility: hidden !important;
}

.shop-list-panel[data-pane-mode="setup"] .home-panel-heading,
.shop-list-panel[data-pane-mode="setup"] .shop-list-head {
  display: none !important;
}

.shop-list-panel[data-pane-mode="setup"] .shop-list-grid {
  position: relative !important;
  grid-row: 2 !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior-y: contain !important;
  -webkit-overflow-scrolling: touch !important;
}

.shop-list-panel[data-pane-mode="setup"] .home-bottom-nav {
  display: none !important;
}

.shop-list-panel[data-pane-mode="setup"] .shop-setup-pane {
  width: min(100%, 25rem) !important;
  min-height: 100% !important;
  margin: 0 auto !important;
  padding: clamp(0.7rem, 2.8vw, 1rem) !important;
  display: grid !important;
  grid-template-rows: auto auto !important;
  align-content: start !important;
  gap: 0.72rem !important;
  border-radius: 8px !important;
  background: rgba(18, 17, 14, 0.98) !important;
}

.shop-list-panel[data-pane-mode="setup"] .shop-pane-hero {
  padding: 0 !important;
  gap: 0.32rem !important;
  border-radius: 0 !important;
  background: transparent !important;
}

.shop-list-panel[data-pane-mode="setup"] .shop-pane-chip {
  width: fit-content !important;
  min-height: 1.54rem !important;
  padding: 0 0.54rem !important;
  border-radius: 999px !important;
  font-size: 0.68rem !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
}

.shop-list-panel[data-pane-mode="setup"] .shop-pane-hero h2 {
  margin: 0 !important;
  font-size: clamp(1.36rem, 4.8vw, 1.72rem) !important;
  line-height: 1.08 !important;
  letter-spacing: 0 !important;
}

.shop-list-panel[data-pane-mode="setup"] .shop-login-form {
  padding: 0 !important;
  gap: 0.62rem !important;
  border-radius: 0 !important;
  background: transparent !important;
}

.shop-list-panel[data-pane-mode="setup"] .shop-login-field {
  gap: 0.3rem !important;
}

.shop-list-panel[data-pane-mode="setup"] .shop-login-field > span {
  font-size: 0.74rem !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  color: rgba(248, 242, 223, 0.74) !important;
}

.shop-list-panel[data-pane-mode="setup"] .shop-login-input {
  width: 100% !important;
  min-height: 3.08rem !important;
  padding: 0 0.86rem !important;
  border: 0 !important;
  outline: 0 !important;
  border-radius: 8px !important;
  background: rgba(248, 242, 223, 0.09) !important;
  color: var(--hashop-structure-ink) !important;
  font-size: 1rem !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  box-shadow: inset 0 0 0 1px rgba(248, 242, 223, 0.04) !important;
}

.shop-list-panel[data-pane-mode="setup"] .shop-login-input:focus {
  background: rgba(248, 242, 223, 0.13) !important;
  box-shadow: inset 0 0 0 1px rgba(214, 172, 84, 0.26) !important;
}

.shop-list-panel[data-pane-mode="setup"] .shop-setup-address-control {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 3.08rem !important;
  gap: 0.42rem !important;
  align-items: stretch !important;
}

.shop-list-panel[data-pane-mode="setup"] .shop-setup-address-control .shop-login-input {
  min-width: 0 !important;
}

.shop-list-panel[data-pane-mode="setup"] .shop-setup-map-button {
  min-width: 0 !important;
  min-height: 3.08rem !important;
  padding: 0 !important;
  border: 0 !important;
  outline: 0 !important;
  border-radius: 8px !important;
  background: rgba(214, 172, 84, 0.16) !important;
  color: var(--hashop-structure-gold-2) !important;
  font: inherit !important;
  font-size: 0.84rem !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  box-shadow: none !important;
  touch-action: manipulation !important;
}

.shop-list-panel[data-pane-mode="setup"] .shop-setup-map-icon {
  width: 1.18rem !important;
  height: 1.18rem !important;
  margin: auto !important;
  display: block !important;
  border-radius: 999px !important;
  border: 2px solid currentColor !important;
  background: linear-gradient(currentColor, currentColor) center / 2px calc(100% + 0.56rem) no-repeat !important;
  position: relative !important;
}

.shop-list-panel[data-pane-mode="setup"] .shop-setup-map-icon::before {
  content: "" !important;
  position: absolute !important;
  inset: 0.28rem !important;
  border-radius: 999px !important;
  background: currentColor !important;
}

.shop-list-panel[data-pane-mode="setup"] .shop-setup-map-icon::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  width: calc(100% + 0.56rem) !important;
  height: 2px !important;
  background: currentColor !important;
  transform: translate(-50%, -50%) !important;
  opacity: 0.72 !important;
}

.shop-list-panel[data-pane-mode="setup"] .shop-setup-map-button:active {
  transform: translateY(1px) !important;
}

.shop-list-panel[data-pane-mode="setup"] .shop-login-submit {
  min-height: 3.12rem !important;
  margin-top: 0.16rem !important;
  border-radius: 8px !important;
  font-size: 0.98rem !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
}

.shop-list-panel[data-pane-mode="setup"] .shop-login-status {
  min-height: 1.2rem !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 0.78rem !important;
  line-height: 1.35 !important;
  text-align: left !important;
  color: rgba(248, 242, 223, 0.66) !important;
}

@media (max-width: 380px) {
  .shell-home[data-hashop-screen="setup"] .shop-list-panel,
  .shop-list-panel[data-pane-mode="setup"] {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
}

/* Absolute final override 2026-05-14: cart state bars stay scoped. */
.shop-list-panel[data-pane-mode="cart"]:not(.is-shop-view) .shop-panel-bar {
  display: none !important;
}

.shop-list-panel.is-shop-view[data-pane-mode="cart"] {
  position: relative !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
  height: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0.5rem 0.58rem calc(0.56rem + env(safe-area-inset-bottom)) !important;
  gap: 0.54rem !important;
  overflow: hidden !important;
  border-radius: 8px 8px 0 0 !important;
  box-shadow: none !important;
}

.shop-list-panel.is-shop-view[data-pane-mode="cart"] .shop-panel-bar {
  position: relative !important;
  z-index: 2 !important;
  display: grid !important;
  grid-row: 1 !important;
  min-height: 2.42rem !important;
  margin: 0 !important;
}

.shop-list-panel.is-shop-view[data-pane-mode="cart"] .home-panel-heading,
.shop-list-panel.is-shop-view[data-pane-mode="cart"] .shop-list-head,
.shop-list-panel.is-shop-view[data-pane-mode="cart"] .home-bottom-nav {
  display: none !important;
}

.shop-list-panel.is-shop-view[data-pane-mode="cart"] .shop-list-grid {
  position: relative !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;
  z-index: 1 !important;
  grid-row: 2 !important;
  width: 100% !important;
  min-height: 0 !important;
  height: 100% !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior-y: contain !important;
  -webkit-overflow-scrolling: touch !important;
}

.shop-list-panel.is-shop-view[data-pane-mode="cart"] .shop-pane-detail,
.shop-list-panel.is-shop-view[data-pane-mode="cart"] .shop-pane-cart-screen {
  min-height: 100% !important;
}

.shop-list-panel.is-shop-view[data-pane-mode="cart"] .shop-pane-cart-screen {
  display: grid !important;
  align-content: start !important;
  gap: 0.62rem !important;
  padding: 0 !important;
}

/* Absolute final override 2026-05-14: every state keeps one scroll surface. */
.shell-home[data-hashop-screen="cart"] .home-stage {
  grid-template-rows: minmax(0, 1fr) !important;
  gap: 0 !important;
}

.shell-home[data-hashop-screen="cart"] .map-screen {
  display: none !important;
}

.shell-home .shop-list-panel[data-pane-mode] {
  min-height: 0 !important;
  overflow: hidden !important;
}

.shell-home .shop-list-panel[data-pane-mode] .shop-list-grid {
  min-height: 0 !important;
  max-height: none !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior-y: contain !important;
  touch-action: pan-y !important;
  -webkit-overflow-scrolling: touch !important;
}

.shell-home .shop-list-panel[data-pane-mode] .shop-pane-detail,
.shell-home .shop-list-panel[data-pane-mode] .shop-account-stack,
.shell-home .shop-list-panel[data-pane-mode] .shop-owner-stack,
.shell-home .shop-list-panel[data-pane-mode] .shop-setup-pane,
.shell-home .shop-list-panel[data-pane-mode] .shop-pane-cart-screen {
  max-height: none !important;
  overflow: visible !important;
  touch-action: pan-y !important;
}

.shell-home[data-hashop-screen="cart"] .shop-list-panel:not(.is-shop-view) {
  --hashop-sheet-x: 0.56rem;
  --hashop-sheet-top: 0.28rem;
  --hashop-search-h: 2.68rem;
  --hashop-row-gap: 0.46rem;
  --hashop-nav-h: 3.34rem;
  --hashop-sheet-bottom: calc(0.42rem + env(safe-area-inset-bottom));
  position: relative !important;
  display: block !important;
  grid-row: 1 !important;
  grid-column: 1 !important;
  align-self: stretch !important;
  height: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  gap: 0 !important;
  overflow: hidden !important;
  border-radius: 14px 14px 0 0 !important;
  box-shadow: none !important;
}

.shell-home[data-hashop-screen="cart"] .shop-list-panel:not(.is-shop-view) .shop-panel-bar,
.shell-home[data-hashop-screen="cart"] .shop-list-panel:not(.is-shop-view) .home-panel-heading {
  display: none !important;
}

.shell-home[data-hashop-screen="cart"] .shop-list-panel:not(.is-shop-view) .shop-list-head {
  position: absolute !important;
  left: var(--hashop-sheet-x) !important;
  right: var(--hashop-sheet-x) !important;
  top: var(--hashop-sheet-top) !important;
  z-index: 30 !important;
  height: var(--hashop-search-h) !important;
  min-height: var(--hashop-search-h) !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
  background: var(--hashop-structure-sheet) !important;
}

.shell-home[data-hashop-screen="cart"] .shop-list-panel:not(.is-shop-view) .shop-list-search,
.shell-home[data-hashop-screen="cart"] .shop-list-panel:not(.is-shop-view) .shop-list-search-input {
  height: var(--hashop-search-h) !important;
  min-height: var(--hashop-search-h) !important;
}

.shell-home[data-hashop-screen="cart"] .shop-list-panel:not(.is-shop-view) .shop-list-grid {
  position: absolute !important;
  left: var(--hashop-sheet-x) !important;
  right: var(--hashop-sheet-x) !important;
  top: calc(var(--hashop-sheet-top) + var(--hashop-search-h) + var(--hashop-row-gap)) !important;
  bottom: calc(var(--hashop-sheet-bottom) + var(--hashop-nav-h) + var(--hashop-row-gap)) !important;
  z-index: 1 !important;
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.shell-home[data-hashop-screen="cart"] .shop-list-panel:not(.is-shop-view) .home-bottom-nav {
  position: absolute !important;
  left: var(--hashop-sheet-x) !important;
  right: var(--hashop-sheet-x) !important;
  bottom: var(--hashop-sheet-bottom) !important;
  z-index: 20 !important;
  height: var(--hashop-nav-h) !important;
  min-height: var(--hashop-nav-h) !important;
  margin: 0 !important;
  display: grid !important;
}

.shell-home[data-hashop-screen="account"] .home-stage,
.shell-home[data-hashop-screen="login"] .home-stage {
  grid-template-rows: minmax(0, 1fr) !important;
  gap: 0 !important;
  min-height: 0 !important;
}

.shell-home[data-hashop-screen="account"],
.shell-home[data-hashop-screen="login"] {
  width: 100vw !important;
  width: 100dvw !important;
  max-width: 100vw !important;
  max-width: 100dvw !important;
  min-width: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  overflow-x: hidden !important;
}

.shell-home[data-hashop-screen="account"] .home-chrome,
.shell-home[data-hashop-screen="account"] .home-stage,
.shell-home[data-hashop-screen="login"] .home-chrome,
.shell-home[data-hashop-screen="login"] .home-stage {
  width: min(100vw, 32rem) !important;
  width: min(100dvw, 32rem) !important;
  max-width: 100vw !important;
  max-width: 100dvw !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.shell-home[data-hashop-screen="account"] .map-screen,
.shell-home[data-hashop-screen="login"] .map-screen {
  display: none !important;
}

.shell-home[data-hashop-screen="account"] .shop-list-panel,
.shell-home[data-hashop-screen="login"] .shop-list-panel {
  --hashop-sheet-x: 0.56rem;
  --hashop-sheet-top: 0.54rem;
  --hashop-row-gap: 0.58rem;
  --hashop-nav-h: 3.34rem;
  --hashop-sheet-bottom: calc(0.42rem + env(safe-area-inset-bottom));
  position: relative !important;
  display: block !important;
  grid-row: 1 !important;
  grid-column: 1 !important;
  align-self: stretch !important;
  width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  gap: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 14px 14px 0 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
}

.shell-home[data-hashop-screen="account"] .shop-panel-bar,
.shell-home[data-hashop-screen="account"] .home-panel-heading,
.shell-home[data-hashop-screen="account"] .shop-list-head,
.shell-home[data-hashop-screen="login"] .shop-panel-bar,
.shell-home[data-hashop-screen="login"] .home-panel-heading,
.shell-home[data-hashop-screen="login"] .shop-list-head {
  display: none !important;
}

.shell-home[data-hashop-screen="account"] .shop-list-grid,
.shell-home[data-hashop-screen="login"] .shop-list-grid {
  position: absolute !important;
  left: var(--hashop-sheet-x) !important;
  right: var(--hashop-sheet-x) !important;
  top: var(--hashop-sheet-top) !important;
  bottom: calc(var(--hashop-sheet-bottom) + var(--hashop-nav-h) + var(--hashop-row-gap)) !important;
  z-index: 1 !important;
  grid-row: auto !important;
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
}

.shell-home[data-hashop-screen="account"] .shop-pane-detail,
.shell-home[data-hashop-screen="account"] .shop-account-stack,
.shell-home[data-hashop-screen="login"] .shop-pane-detail,
.shell-home[data-hashop-screen="login"] .shop-account-stack {
  min-height: 0 !important;
  align-content: start !important;
  justify-content: start !important;
}

.shell-home[data-hashop-screen="account"] .home-bottom-nav,
.shell-home[data-hashop-screen="login"] .home-bottom-nav {
  position: absolute !important;
  left: var(--hashop-sheet-x) !important;
  right: var(--hashop-sheet-x) !important;
  bottom: var(--hashop-sheet-bottom) !important;
  z-index: 20 !important;
  height: var(--hashop-nav-h) !important;
  min-height: var(--hashop-nav-h) !important;
  margin: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  grid-auto-flow: column !important;
  grid-auto-columns: minmax(0, 1fr) !important;
  gap: 0.14rem !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

.shell-home[data-hashop-screen="account"] .home-bottom-link,
.shell-home[data-hashop-screen="login"] .home-bottom-link {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  padding-left: 0.08rem !important;
  padding-right: 0.08rem !important;
  overflow: hidden !important;
  white-space: nowrap !important;
}

.shell-home[data-hashop-screen="account"] .home-bottom-link > span,
.shell-home[data-hashop-screen="login"] .home-bottom-link > span {
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
}

.shell-home[data-hashop-screen="account"] .shop-list-grid,
.shell-home[data-hashop-screen="login"] .shop-list-grid,
.shell-home[data-hashop-screen="setup"] .shop-list-grid,
.shell-home[data-hashop-screen="confirmation"] .shop-list-grid,
.shell-home[data-hashop-screen^="owner-"] .shop-list-grid,
.shell-home[data-hashop-screen="shop"] .shop-list-grid {
  touch-action: pan-y !important;
  -webkit-overflow-scrolling: touch !important;
}

@media (max-width: 380px) {
  .shell-home[data-hashop-screen="cart"] .shop-list-panel:not(.is-shop-view) {
    --hashop-sheet-x: 0.5rem;
    --hashop-search-h: 2.58rem;
  }

  .shell-home[data-hashop-screen="account"] .shop-list-panel,
  .shell-home[data-hashop-screen="login"] .shop-list-panel {
    --hashop-sheet-x: 0.5rem;
  }
}

/* Absolute final override 2026-05-14: Termux/X11 Firefox can expose a wider
   layout viewport than the visible mobile window. Keep the app inside the
   visible phone-width surface so bars and controls cannot clip offscreen. */
@media (max-width: 899px) {
  .shell-home {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    overflow-x: hidden !important;
  }

  .home-chrome,
  .home-stage {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .map-screen,
  .shop-list-panel,
  .shop-list-grid,
  .home-bottom-nav,
  .shop-list-head,
  .shop-list-search,
  .shop-list-search-input {
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .shell-home[data-hashop-screen="account"] .shop-list-grid,
  .shell-home[data-hashop-screen="login"] .shop-list-grid,
  .shell-home[data-hashop-screen="account"] .home-bottom-nav,
  .shell-home[data-hashop-screen="login"] .home-bottom-nav {
    width: auto !important;
    max-width: none !important;
  }
}

/* Absolute final override 2026-05-15: state screens get one bounded scroll
   surface and no stretched hidden setup frame. */
.shell-home[data-hashop-screen="setup"] .shop-list-grid,
.shell-home[data-hashop-screen="account"] .shop-list-grid,
.shell-home[data-hashop-screen="login"] .shop-list-grid,
.shell-home[data-hashop-screen="cart"] .shop-list-grid,
.shell-home[data-hashop-screen="confirmation"] .shop-list-grid,
.shell-home[data-hashop-screen^="owner-"] .shop-list-grid,
.shell-home[data-hashop-screen="shop"] .shop-list-grid {
  box-sizing: border-box !important;
  min-height: 0 !important;
  max-height: 100% !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior-y: contain !important;
  touch-action: pan-y !important;
  -webkit-overflow-scrolling: touch !important;
  scroll-padding-bottom: calc(1rem + env(safe-area-inset-bottom)) !important;
}

.shell-home[data-hashop-screen="setup"] .shop-list-grid::after,
.shell-home[data-hashop-screen="account"] .shop-list-grid::after,
.shell-home[data-hashop-screen="login"] .shop-list-grid::after,
.shell-home[data-hashop-screen="cart"] .shop-list-grid::after,
.shell-home[data-hashop-screen="confirmation"] .shop-list-grid::after,
.shell-home[data-hashop-screen^="owner-"] .shop-list-grid::after,
.shell-home[data-hashop-screen="shop"] .shop-list-grid::after {
  content: "" !important;
  display: block !important;
  min-height: calc(0.85rem + env(safe-area-inset-bottom)) !important;
}

.shop-list-panel[data-pane-mode="setup"] .shop-list-grid {
  height: 100% !important;
  padding-bottom: 0 !important;
}

.shop-list-panel[data-pane-mode="setup"] .shop-setup-pane {
  min-height: 0 !important;
  height: max-content !important;
  overflow: visible !important;
}

.shop-list-panel[data-pane-mode="setup"] .shop-login-form {
  border: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

.shop-list-panel[data-pane-mode="setup"]::before,
.shop-list-panel[data-pane-mode="setup"]::after,
.shell-home[data-hashop-screen="account"] .shop-list-panel::before,
.shell-home[data-hashop-screen="account"] .shop-list-panel::after,
.shell-home[data-hashop-screen="login"] .shop-list-panel::before,
.shell-home[data-hashop-screen="login"] .shop-list-panel::after {
  display: none !important;
}
.shell-home[data-hashop-screen="setup"] .shop-list-panel,
.shop-list-panel[data-pane-mode="setup"] {
  background: transparent !important;
  box-shadow: none !important;
}

/* Absolute final override 2026-05-16: state screens keep their bar visible. */
.shell-home[data-hashop-screen="account"] .shop-list-panel,
.shell-home[data-hashop-screen="login"] .shop-list-panel,
.shell-home[data-hashop-screen="cart"] .shop-list-panel:not(.is-shop-view) {
  --hashop-state-bar-h: 2.42rem;
}

.shell-home[data-hashop-screen="account"] .shop-panel-bar,
.shell-home[data-hashop-screen="login"] .shop-panel-bar,
.shell-home[data-hashop-screen="cart"] .shop-list-panel:not(.is-shop-view) .shop-panel-bar {
  position: absolute !important;
  left: var(--hashop-sheet-x) !important;
  right: var(--hashop-sheet-x) !important;
  top: var(--hashop-sheet-top) !important;
  z-index: 40 !important;
  display: grid !important;
  grid-template-columns: minmax(3.2rem, auto) minmax(0, 1fr) minmax(3.2rem, auto) !important;
  align-items: center !important;
  gap: 0.42rem !important;
  height: var(--hashop-state-bar-h) !important;
  min-height: var(--hashop-state-bar-h) !important;
  margin: 0 !important;
  padding: 0 !important;
  pointer-events: auto !important;
}

.shell-home[data-hashop-screen="account"] .shop-pane-toggle,
.shell-home[data-hashop-screen="login"] .shop-pane-toggle,
.shell-home[data-hashop-screen="cart"] .shop-list-panel:not(.is-shop-view) .shop-pane-toggle {
  justify-self: center !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

.shell-home[data-hashop-screen="account"] .home-panel-heading,
.shell-home[data-hashop-screen="account"] .shop-list-head,
.shell-home[data-hashop-screen="login"] .home-panel-heading,
.shell-home[data-hashop-screen="login"] .shop-list-head,
.shell-home[data-hashop-screen="cart"] .shop-list-panel:not(.is-shop-view) .home-panel-heading {
  display: none !important;
}

.shell-home[data-hashop-screen="account"] .shop-list-grid,
.shell-home[data-hashop-screen="login"] .shop-list-grid {
  top: calc(var(--hashop-sheet-top) + var(--hashop-state-bar-h) + var(--hashop-row-gap)) !important;
}

.shell-home[data-hashop-screen="cart"] .shop-list-panel:not(.is-shop-view) .shop-list-head {
  top: calc(var(--hashop-sheet-top) + var(--hashop-state-bar-h) + var(--hashop-row-gap)) !important;
}

.shell-home[data-hashop-screen="cart"] .shop-list-panel:not(.is-shop-view) .shop-list-grid {
  top: calc(
    var(--hashop-sheet-top)
    + var(--hashop-state-bar-h)
    + var(--hashop-row-gap)
    + var(--hashop-search-h)
    + var(--hashop-row-gap)
  ) !important;
}

/* Iteration 002: empty cart gets a tiny endpoint-style failure state. */
.shop-empty-cart-card {
  position: relative !important;
  display: grid !important;
  align-content: center !important;
  justify-items: center !important;
  gap: 0.88rem !important;
  min-height: min(23rem, 100%) !important;
  width: 100% !important;
  max-width: 25rem !important;
  margin: 0 auto !important;
  padding: 1.35rem 1rem !important;
  overflow: hidden !important;
  border: 1px solid rgba(245, 218, 150, 0.16) !important;
  border-radius: 8px !important;
  background:
    linear-gradient(180deg, rgba(255, 177, 74, 0.08), rgba(41, 198, 234, 0.035)),
    rgba(9, 9, 8, 0.84) !important;
  box-shadow: inset 0 1px 0 rgba(255, 245, 210, 0.06) !important;
  text-align: center !important;
}

.shop-empty-cart-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 0.7rem !important;
  z-index: 0 !important;
  border: 1px dashed rgba(245, 218, 150, 0.14) !important;
  border-radius: 8px !important;
  pointer-events: none !important;
}

.shop-empty-cart-visual,
.shop-empty-cart-copy,
.shop-empty-cart-actions {
  position: relative !important;
  z-index: 1 !important;
}

.shop-empty-cart-visual {
  display: grid !important;
  justify-items: center !important;
  gap: 0.68rem !important;
  width: 9rem !important;
}

.shop-empty-cart-code {
  display: inline-grid !important;
  place-items: center !important;
  min-height: 1.72rem !important;
  padding: 0 0.66rem !important;
  border: 1px solid rgba(41, 198, 234, 0.28) !important;
  border-radius: 999px !important;
  background: rgba(4, 20, 24, 0.72) !important;
  color: rgba(192, 240, 246, 0.92) !important;
  font-family: "Sora", "Manrope", system-ui, sans-serif !important;
  font-size: 0.68rem !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
}

.shop-empty-cart-basket {
  position: relative !important;
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  align-items: end !important;
  gap: 0.32rem !important;
  width: 5.95rem !important;
  height: 3.35rem !important;
  padding: 1.05rem 0.82rem 0.58rem !important;
  border: 2px solid rgba(255, 177, 74, 0.6) !important;
  border-top: 0 !important;
  border-radius: 0 0 8px 8px !important;
  background: linear-gradient(180deg, rgba(255, 177, 74, 0.08), rgba(255, 177, 74, 0.02)) !important;
  transform: rotate(-2deg) !important;
}

.shop-empty-cart-basket::before {
  content: "" !important;
  position: absolute !important;
  left: 0.62rem !important;
  right: 0.62rem !important;
  top: -0.86rem !important;
  height: 1.25rem !important;
  border: 2px solid rgba(255, 177, 74, 0.54) !important;
  border-bottom: 0 !important;
  border-radius: 999px 999px 0 0 !important;
}

.shop-empty-cart-basket::after {
  content: "" !important;
  position: absolute !important;
  left: 1.05rem !important;
  right: 1.05rem !important;
  bottom: -0.48rem !important;
  height: 0.28rem !important;
  border-radius: 999px !important;
  background: rgba(0, 0, 0, 0.34) !important;
}

.shop-empty-cart-basket span {
  display: block !important;
  height: 0.34rem !important;
  border-radius: 999px !important;
  background: rgba(245, 218, 150, 0.5) !important;
}

.shop-empty-cart-basket span:nth-child(2) {
  height: 0.62rem !important;
  background: rgba(41, 198, 234, 0.52) !important;
}

.shop-empty-cart-copy {
  display: grid !important;
  gap: 0.38rem !important;
  max-width: 19rem !important;
}

.shop-empty-cart-copy strong {
  color: var(--hashop-ui-text, #f8f2df) !important;
  font-size: 1.05rem !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  line-height: 1.18 !important;
}

.shop-empty-cart-copy p {
  margin: 0 !important;
  color: rgba(248, 242, 223, 0.7) !important;
  font-size: 0.82rem !important;
  font-weight: 700 !important;
  line-height: 1.45 !important;
}

.shop-empty-cart-actions {
  display: flex !important;
  justify-content: center !important;
  width: 100% !important;
}

.shop-empty-cart-action {
  display: inline-grid !important;
  place-items: center !important;
  min-width: 8.8rem !important;
  min-height: 2.42rem !important;
  padding: 0 0.95rem !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: #ffb14a !important;
  color: #11100b !important;
  font-size: 0.86rem !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  box-shadow: none !important;
}

/* Iteration 004: public cleanup, listing balance, and setup-consistent forms. */
html,
body,
.shell-home {
  max-width: 100% !important;
  overflow-x: hidden !important;
}

.shell-home,
.home-stage,
.shop-list-panel,
.shop-list-grid,
.home-bottom-nav,
.shop-list-head,
.shop-discovery-card,
.shop-card-main,
.shop-card-topline,
.shop-account-form-card,
.shop-account-menu-row {
  box-sizing: border-box !important;
}

.shop-list-panel.is-root-view .shop-list-grid,
.shop-list-panel[data-pane-mode="home"] .shop-list-grid,
.shop-list-panel[data-pane-mode="search"] .shop-list-grid,
.shop-list-panel[data-pane-mode="contact"] .shop-list-grid,
.shop-list-panel[data-pane-mode="owner-items"] .shop-list-grid,
.shop-list-panel[data-pane-mode="owner-orders"] .shop-list-grid {
  width: auto !important;
  padding: 0 !important;
  justify-items: center !important;
  gap: 0.52rem !important;
  overflow-x: hidden !important;
  scrollbar-width: none !important;
}

.shop-list-panel.is-root-view .shop-list-grid::-webkit-scrollbar,
.shop-list-panel[data-pane-mode="home"] .shop-list-grid::-webkit-scrollbar,
.shop-list-panel[data-pane-mode="search"] .shop-list-grid::-webkit-scrollbar,
.shop-list-panel[data-pane-mode="contact"] .shop-list-grid::-webkit-scrollbar,
.shop-list-panel[data-pane-mode="owner-items"] .shop-list-grid::-webkit-scrollbar,
.shop-list-panel[data-pane-mode="owner-orders"] .shop-list-grid::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
}

.shop-list-panel.is-root-view .shop-discovery-card,
.shop-list-panel[data-pane-mode="home"] .shop-discovery-card,
.shop-list-panel[data-pane-mode="search"] .shop-discovery-card,
.shop-list-panel[data-pane-mode="contact"] .shop-discovery-card,
.shop-list-panel[data-pane-mode="owner-items"] .shop-discovery-card,
.shop-list-panel[data-pane-mode="owner-orders"] .shop-discovery-card {
  width: 100% !important;
  max-width: min(100%, 28rem) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  display: grid !important;
  grid-template-columns: 3.76rem minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 0.64rem !important;
  min-height: 5rem !important;
  padding: 0.62rem !important;
  border: 0 !important;
  border-radius: 8px !important;
  outline: 0 !important;
  box-shadow: none !important;
}

.shop-list-panel.is-root-view .shop-card-thumb,
.shop-list-panel[data-pane-mode="home"] .shop-card-thumb,
.shop-list-panel[data-pane-mode="search"] .shop-card-thumb,
.shop-list-panel[data-pane-mode="contact"] .shop-card-thumb,
.shop-list-panel[data-pane-mode="owner-items"] .shop-card-thumb,
.shop-list-panel[data-pane-mode="owner-orders"] .shop-card-thumb {
  width: 3.76rem !important;
  height: 3.76rem !important;
  min-width: 3.76rem !important;
  min-height: 3.76rem !important;
  align-self: center !important;
  border: 0 !important;
  border-radius: 8px !important;
  outline: 0 !important;
  overflow: hidden !important;
  box-shadow: none !important;
}

.shop-list-panel.is-root-view .shop-card-thumb img,
.shop-list-panel[data-pane-mode="home"] .shop-card-thumb img,
.shop-list-panel[data-pane-mode="search"] .shop-card-thumb img,
.shop-list-panel[data-pane-mode="contact"] .shop-card-thumb img,
.shop-list-panel[data-pane-mode="owner-items"] .shop-card-thumb img,
.shop-list-panel[data-pane-mode="owner-orders"] .shop-card-thumb img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

.shop-list-panel.is-root-view .shop-card-main,
.shop-list-panel[data-pane-mode="home"] .shop-card-main,
.shop-list-panel[data-pane-mode="search"] .shop-card-main,
.shop-list-panel[data-pane-mode="contact"] .shop-card-main,
.shop-list-panel[data-pane-mode="owner-items"] .shop-card-main,
.shop-list-panel[data-pane-mode="owner-orders"] .shop-card-main {
  min-width: 0 !important;
  min-height: 3.76rem !important;
  display: grid !important;
  align-content: center !important;
  gap: 0.38rem !important;
}

.shop-list-panel.is-root-view .shop-card-topline,
.shop-list-panel[data-pane-mode="home"] .shop-card-topline,
.shop-list-panel[data-pane-mode="search"] .shop-card-topline,
.shop-list-panel[data-pane-mode="contact"] .shop-card-topline,
.shop-list-panel[data-pane-mode="owner-items"] .shop-card-topline,
.shop-list-panel[data-pane-mode="owner-orders"] .shop-card-topline {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: start !important;
  gap: 0.42rem !important;
  min-width: 0 !important;
}

.shop-list-panel.is-root-view .shop-card-title-block,
.shop-list-panel[data-pane-mode="home"] .shop-card-title-block,
.shop-list-panel[data-pane-mode="search"] .shop-card-title-block,
.shop-list-panel[data-pane-mode="contact"] .shop-card-title-block,
.shop-list-panel[data-pane-mode="owner-items"] .shop-card-title-block,
.shop-list-panel[data-pane-mode="owner-orders"] .shop-card-title-block {
  min-width: 0 !important;
  text-align: left !important;
  justify-items: start !important;
}

.shop-list-panel.is-root-view .shop-card-title-block strong,
.shop-list-panel[data-pane-mode="home"] .shop-card-title-block strong,
.shop-list-panel[data-pane-mode="search"] .shop-card-title-block strong,
.shop-list-panel[data-pane-mode="contact"] .shop-card-title-block strong,
.shop-list-panel[data-pane-mode="owner-items"] .shop-card-title-block strong,
.shop-list-panel[data-pane-mode="owner-orders"] .shop-card-title-block strong,
.shop-list-panel.is-root-view .shop-card-subtitle,
.shop-list-panel[data-pane-mode="home"] .shop-card-subtitle,
.shop-list-panel[data-pane-mode="search"] .shop-card-subtitle,
.shop-list-panel[data-pane-mode="contact"] .shop-card-subtitle,
.shop-list-panel[data-pane-mode="owner-items"] .shop-card-subtitle,
.shop-list-panel[data-pane-mode="owner-orders"] .shop-card-subtitle {
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.shop-list-panel.is-root-view .shop-card-items,
.shop-list-panel[data-pane-mode="home"] .shop-card-items,
.shop-list-panel[data-pane-mode="search"] .shop-card-items,
.shop-list-panel[data-pane-mode="contact"] .shop-card-items,
.shop-list-panel[data-pane-mode="owner-items"] .shop-card-items,
.shop-list-panel[data-pane-mode="owner-orders"] .shop-card-items {
  min-width: 0 !important;
  max-width: 100% !important;
  display: flex !important;
  flex-wrap: nowrap !important;
  justify-content: flex-start !important;
  overflow: hidden !important;
}

.shop-list-panel.is-root-view .shop-card-item,
.shop-list-panel[data-pane-mode="home"] .shop-card-item,
.shop-list-panel[data-pane-mode="search"] .shop-card-item,
.shop-list-panel[data-pane-mode="contact"] .shop-card-item,
.shop-list-panel[data-pane-mode="owner-items"] .shop-card-item,
.shop-list-panel[data-pane-mode="owner-orders"] .shop-card-item {
  max-width: 9.5rem !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.shop-list-panel.is-root-view .shop-card-open,
.shop-list-panel[data-pane-mode="home"] .shop-card-open,
.shop-list-panel[data-pane-mode="search"] .shop-card-open,
.shop-list-panel[data-pane-mode="contact"] .shop-card-open,
.shop-list-panel[data-pane-mode="owner-items"] .shop-card-open,
.shop-list-panel[data-pane-mode="owner-orders"] .shop-card-open,
.shop-list-panel.is-root-view .shop-card-add,
.shop-list-panel[data-pane-mode="home"] .shop-card-add,
.shop-list-panel[data-pane-mode="search"] .shop-card-add,
.shop-list-panel[data-pane-mode="contact"] .shop-card-add {
  min-width: 3.28rem !important;
  max-width: 4.8rem !important;
  min-height: 2rem !important;
  padding: 0 0.56rem !important;
  border-radius: 8px !important;
  font-size: 0.76rem !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
}

.shell-home[data-hashop-screen="account"] .shop-account-form-card,
.shell-home[data-hashop-screen="account"] .shop-buyer-auth-form,
.shell-home[data-hashop-screen="login"] .shop-account-form-card {
  width: min(100%, 25rem) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: clamp(0.76rem, 2.5vw, 1rem) !important;
  display: grid !important;
  gap: 0.62rem !important;
  border: 0 !important;
  border-radius: 8px !important;
  outline: 0 !important;
  background: rgba(18, 17, 14, 0.98) !important;
  box-shadow: none !important;
}

.shell-home[data-hashop-screen="account"] .shop-account-field,
.shell-home[data-hashop-screen="account"] .shop-buyer-auth-form .shop-login-field,
.shell-home[data-hashop-screen="login"] .shop-account-field {
  display: grid !important;
  gap: 0.3rem !important;
}

.shell-home[data-hashop-screen="account"] .shop-account-field > span,
.shell-home[data-hashop-screen="account"] .shop-buyer-auth-form .shop-login-field > span,
.shell-home[data-hashop-screen="login"] .shop-account-field > span {
  color: rgba(248, 242, 223, 0.74) !important;
  font-size: 0.74rem !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  line-height: 1.2 !important;
}

.shell-home[data-hashop-screen="account"] .shop-account-field .shop-login-input,
.shell-home[data-hashop-screen="account"] .shop-buyer-auth-form .shop-login-input,
.shell-home[data-hashop-screen="login"] .shop-account-field .shop-login-input,
.shell-home[data-hashop-screen="account"] .shop-account-textarea,
.shell-home[data-hashop-screen="login"] .shop-account-textarea {
  width: 100% !important;
  min-height: 3.08rem !important;
  padding: 0 0.86rem !important;
  border: 0 !important;
  border-radius: 8px !important;
  outline: 0 !important;
  background: rgba(248, 242, 223, 0.09) !important;
  color: var(--hashop-structure-ink) !important;
  font-size: 1rem !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  box-shadow: inset 0 0 0 1px rgba(248, 242, 223, 0.04) !important;
}

.shell-home[data-hashop-screen="account"] .shop-account-textarea,
.shell-home[data-hashop-screen="login"] .shop-account-textarea {
  min-height: 6rem !important;
  padding-top: 0.78rem !important;
  resize: vertical !important;
}

.shell-home[data-hashop-screen="account"] .shop-account-form-actions,
.shell-home[data-hashop-screen="account"] .shop-account-auth-actions,
.shell-home[data-hashop-screen="login"] .shop-account-form-actions {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 0.42rem !important;
}

.shell-home[data-hashop-screen="account"] .shop-account-form-actions .shop-owner-save,
.shell-home[data-hashop-screen="account"] .shop-account-form-actions .shop-owner-chip-button,
.shell-home[data-hashop-screen="account"] .shop-account-auth-actions .shop-login-submit,
.shell-home[data-hashop-screen="login"] .shop-account-form-actions .shop-owner-save,
.shell-home[data-hashop-screen="login"] .shop-account-form-actions .shop-owner-chip-button {
  width: 100% !important;
  min-height: 3.12rem !important;
  border: 0 !important;
  border-radius: 8px !important;
  outline: 0 !important;
  box-shadow: none !important;
  font-size: 0.98rem !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
}

.shop-account-auth-public-links {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 0.42rem !important;
}

.shop-account-auth-public-links a {
  display: grid !important;
  place-items: center !important;
  min-height: 2.48rem !important;
  padding: 0 0.72rem !important;
  border: 0 !important;
  border-radius: 8px !important;
  outline: 0 !important;
  background: rgba(248, 242, 223, 0.07) !important;
  color: rgba(248, 242, 223, 0.86) !important;
  box-shadow: none !important;
  text-decoration: none !important;
  font-size: 0.84rem !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
}

.shop-account-link-row {
  color: inherit !important;
  text-decoration: none !important;
}

.shop-account-menu-row,
.shop-account-record-row,
.shop-account-location-card,
.shop-account-hero-card,
.shop-account-menu-card {
  border-radius: 8px !important;
  outline: 0 !important;
  box-shadow: none !important;
}

.shell-home[data-hashop-screen="setup"][data-setup-address-picker="active"] .map-screen,
.shell-home[data-hashop-screen="setup"][data-setup-address-picker="active"] .discovery-map {
  cursor: crosshair !important;
  touch-action: none !important;
}

.shell-home[data-setup-address-picker="active"] .map-user-marker,
.map-user-marker.is-adjustable {
  width: 1.08rem !important;
  height: 1.08rem !important;
  border: 2px solid #080704 !important;
  background: #ffb14a !important;
  box-shadow:
    0 0 0 0.28rem rgba(255, 177, 74, 0.22),
    0 0 0 0.62rem rgba(41, 198, 234, 0.12) !important;
}

@media (max-width: 380px) {
  .shop-list-panel.is-root-view .shop-discovery-card,
  .shop-list-panel[data-pane-mode="home"] .shop-discovery-card,
  .shop-list-panel[data-pane-mode="search"] .shop-discovery-card,
  .shop-list-panel[data-pane-mode="contact"] .shop-discovery-card,
  .shop-list-panel[data-pane-mode="owner-items"] .shop-discovery-card,
  .shop-list-panel[data-pane-mode="owner-orders"] .shop-discovery-card {
    grid-template-columns: 3.36rem minmax(0, 1fr) !important;
    min-height: 4.62rem !important;
    gap: 0.52rem !important;
    padding: 0.54rem !important;
  }

  .shop-list-panel.is-root-view .shop-card-thumb,
  .shop-list-panel[data-pane-mode="home"] .shop-card-thumb,
  .shop-list-panel[data-pane-mode="search"] .shop-card-thumb,
  .shop-list-panel[data-pane-mode="contact"] .shop-card-thumb,
  .shop-list-panel[data-pane-mode="owner-items"] .shop-card-thumb,
  .shop-list-panel[data-pane-mode="owner-orders"] .shop-card-thumb {
    width: 3.36rem !important;
    height: 3.36rem !important;
    min-width: 3.36rem !important;
    min-height: 3.36rem !important;
  }

  .shop-list-panel.is-root-view .shop-card-main,
  .shop-list-panel[data-pane-mode="home"] .shop-card-main,
  .shop-list-panel[data-pane-mode="search"] .shop-card-main,
  .shop-list-panel[data-pane-mode="contact"] .shop-card-main,
  .shop-list-panel[data-pane-mode="owner-items"] .shop-card-main,
  .shop-list-panel[data-pane-mode="owner-orders"] .shop-card-main {
    min-height: 3.36rem !important;
  }
}

/* Iteration 005: full-pane states must occupy the active row so search cannot
   collapse into the bottom nav tap zone. */
.shell-home[data-hashop-screen="shop"] .home-stage,
.shell-home[data-hashop-screen="confirmation"] .home-stage,
.shell-home[data-hashop-screen="cart"] .home-stage,
.shell-home[data-hashop-screen^="owner-"] .home-stage {
  grid-template-rows: minmax(0, 1fr) !important;
  gap: 0 !important;
}

.shell-home[data-hashop-screen="shop"] .map-screen,
.shell-home[data-hashop-screen="confirmation"] .map-screen,
.shell-home[data-hashop-screen="cart"] .map-screen,
.shell-home[data-hashop-screen^="owner-"] .map-screen {
  display: none !important;
}

.shell-home[data-hashop-screen="shop"] .shop-list-panel,
.shell-home[data-hashop-screen="confirmation"] .shop-list-panel,
.shell-home[data-hashop-screen="cart"] .shop-list-panel,
.shell-home[data-hashop-screen^="owner-"] .shop-list-panel {
  grid-row: 1 !important;
  align-self: stretch !important;
  height: 100% !important;
  min-height: 0 !important;
}

.shell-home[data-hashop-screen="shop"] .home-bottom-nav,
.shell-home[data-hashop-screen="cart"] .home-bottom-nav,
.shell-home[data-hashop-screen^="owner-"] .home-bottom-nav {
  z-index: 60 !important;
  pointer-events: auto !important;
}

/* Iteration 006 concept: keep the map frame alive while a shop is selected. */
.shell-home[data-hashop-concept="map-focus"][data-hashop-screen="shop"] .home-stage,
.shell-home[data-hashop-concept="map-focus"].is-pane-focused[data-hashop-screen="cart"] .home-stage,
.shell-home[data-hashop-concept="map-focus"][data-hashop-screen="confirmation"] .home-stage,
.shell-home[data-hashop-concept="map-focus"][data-hashop-screen^="owner-"] .home-stage {
  grid-template-rows: minmax(10.4rem, 32svh) minmax(0, 1fr) !important;
  gap: 0 !important;
}

@supports (height: 100dvh) {
  .shell-home[data-hashop-concept="map-focus"][data-hashop-screen="shop"] .home-stage,
  .shell-home[data-hashop-concept="map-focus"].is-pane-focused[data-hashop-screen="cart"] .home-stage,
  .shell-home[data-hashop-concept="map-focus"][data-hashop-screen="confirmation"] .home-stage,
  .shell-home[data-hashop-concept="map-focus"][data-hashop-screen^="owner-"] .home-stage {
    grid-template-rows: minmax(10.4rem, 32dvh) minmax(0, 1fr) !important;
  }
}

.shell-home[data-hashop-concept="map-focus"][data-hashop-screen="shop"] .map-screen,
.shell-home[data-hashop-concept="map-focus"].is-pane-focused[data-hashop-screen="cart"] .map-screen,
.shell-home[data-hashop-concept="map-focus"][data-hashop-screen="confirmation"] .map-screen,
.shell-home[data-hashop-concept="map-focus"][data-hashop-screen^="owner-"] .map-screen {
  display: block !important;
  grid-row: 1 !important;
  height: 100% !important;
  min-height: 0 !important;
  border-radius: 10px 10px 0 0 !important;
}

.shell-home[data-hashop-concept="map-focus"][data-hashop-screen="shop"] .shop-list-panel,
.shell-home[data-hashop-concept="map-focus"].is-pane-focused[data-hashop-screen="cart"] .shop-list-panel,
.shell-home[data-hashop-concept="map-focus"][data-hashop-screen="confirmation"] .shop-list-panel,
.shell-home[data-hashop-concept="map-focus"][data-hashop-screen^="owner-"] .shop-list-panel {
  grid-row: 2 !important;
  align-self: stretch !important;
  height: 100% !important;
  min-height: 0 !important;
  margin: -1px 0 0 !important;
  border-radius: 0 0 10px 10px !important;
}

.shell-home[data-hashop-concept="map-focus"] .shop-list-panel:not(.is-root-view) {
  --hashop-sheet-x: 0.56rem;
  --hashop-sheet-top: 0.28rem;
  --hashop-search-h: 2.68rem;
  --hashop-row-gap: 0.46rem;
  --hashop-nav-h: 3.34rem;
  --hashop-sheet-bottom: calc(0.42rem + env(safe-area-inset-bottom));
  --hashop-state-bar-h: 2.42rem;
  --hashop-search-top: calc(var(--hashop-sheet-top) + var(--hashop-state-bar-h) + var(--hashop-row-gap));
  --hashop-content-top: calc(var(--hashop-search-top) + var(--hashop-search-h) + var(--hashop-row-gap));
}

.shell-home[data-hashop-concept="map-focus"] .shop-list-panel:not(.is-root-view) .shop-panel-bar {
  position: absolute !important;
  left: var(--hashop-sheet-x) !important;
  right: var(--hashop-sheet-x) !important;
  top: var(--hashop-sheet-top) !important;
  z-index: 70 !important;
  display: grid !important;
  grid-template-columns: minmax(4.4rem, auto) minmax(0, 1fr) minmax(4.4rem, auto) !important;
  align-items: center !important;
  gap: 0.42rem !important;
  height: var(--hashop-state-bar-h) !important;
  min-height: var(--hashop-state-bar-h) !important;
  margin: 0 !important;
  padding: 0 !important;
  pointer-events: auto !important;
}

.shell-home[data-hashop-concept="map-focus"] .shop-list-panel:not(.is-root-view) .shop-back-action {
  display: inline-grid !important;
  place-items: center !important;
  min-width: 4.4rem !important;
  height: var(--hashop-state-bar-h) !important;
  min-height: var(--hashop-state-bar-h) !important;
  padding: 0 0.72rem !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: rgba(248, 242, 223, 0.09) !important;
  color: var(--hashop-structure-ink) !important;
  box-shadow: none !important;
}

.shell-home[data-hashop-concept="map-focus"] .shop-list-panel:not(.is-root-view) .shop-pane-toggle {
  visibility: hidden !important;
  pointer-events: none !important;
}

.shell-home[data-hashop-concept="map-focus"] .shop-list-panel:not(.is-root-view) .shop-list-head {
  top: var(--hashop-search-top) !important;
}

.shell-home[data-hashop-concept="map-focus"] .shop-list-panel:not(.is-root-view) .shop-list-grid {
  top: var(--hashop-search-top) !important;
}

.shell-home[data-hashop-concept="map-focus"] .shop-list-panel[data-pane-mode="shop"] .shop-list-grid,
.shell-home[data-hashop-concept="map-focus"] .shop-list-panel:not(.is-shop-view)[data-pane-mode="cart"] .shop-list-grid,
.shell-home[data-hashop-concept="map-focus"] .shop-list-panel[data-pane-mode="owner-orders"] .shop-list-grid,
.shell-home[data-hashop-concept="map-focus"] .shop-list-panel[data-pane-mode="owner-items"] .shop-list-grid {
  top: var(--hashop-content-top) !important;
}

.shell-home[data-hashop-concept="map-focus"] .shop-list-panel.is-shop-view[data-pane-mode="cart"] .shop-list-grid,
.shell-home[data-hashop-concept="map-focus"] .shop-list-panel[data-pane-mode="confirmation"] .shop-list-grid,
.shell-home[data-hashop-concept="map-focus"] .shop-list-panel[data-pane-mode="setup"] .shop-list-grid {
  bottom: var(--hashop-sheet-bottom) !important;
}

/* Iteration 007: shared selected-shop recovery for main and concept. Keep the
   map useful, but give listings the larger, centered working area. */
.shell-home.is-pane-focused[data-hashop-screen="shop"] .home-stage,
.shell-home.is-pane-focused[data-hashop-screen="cart"] .home-stage,
.shell-home.is-pane-focused[data-hashop-screen="confirmation"] .home-stage,
.shell-home.is-pane-focused[data-hashop-screen^="owner-"] .home-stage {
  grid-template-rows: clamp(7.45rem, 20dvh, 9.8rem) minmax(0, 1fr) !important;
  gap: 0 !important;
}

.shell-home.is-pane-focused[data-hashop-screen="shop"] .map-screen,
.shell-home.is-pane-focused[data-hashop-screen="cart"] .map-screen,
.shell-home.is-pane-focused[data-hashop-screen="confirmation"] .map-screen,
.shell-home.is-pane-focused[data-hashop-screen^="owner-"] .map-screen {
  display: block !important;
  grid-row: 1 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  border-radius: 10px 10px 0 0 !important;
}

.shell-home.is-pane-focused .shop-list-panel.is-shop-view {
  --hashop-sheet-x: clamp(0.5rem, 2vw, 0.68rem);
  --hashop-sheet-top: 0.36rem;
  --hashop-search-h: 2.42rem;
  --hashop-row-gap: 0.36rem;
  --hashop-nav-h: 3.12rem;
  --hashop-state-bar-h: 2.34rem;
  --hashop-sheet-bottom: calc(0.34rem + env(safe-area-inset-bottom));
  --hashop-search-top: calc(var(--hashop-sheet-top) + var(--hashop-state-bar-h) + var(--hashop-row-gap));
  --hashop-content-top: calc(var(--hashop-search-top) + var(--hashop-search-h) + var(--hashop-row-gap));
  grid-row: 2 !important;
  align-self: stretch !important;
  position: relative !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  margin: -1px 0 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border-radius: 0 0 10px 10px !important;
}

.shell-home.is-pane-focused .shop-list-panel.is-shop-view .shop-panel-bar {
  position: absolute !important;
  left: var(--hashop-sheet-x) !important;
  right: var(--hashop-sheet-x) !important;
  top: var(--hashop-sheet-top) !important;
  z-index: 80 !important;
  display: grid !important;
  grid-template-columns: minmax(4.15rem, auto) minmax(0, 1fr) minmax(4.15rem, auto) !important;
  align-items: center !important;
  height: var(--hashop-state-bar-h) !important;
  min-height: var(--hashop-state-bar-h) !important;
  margin: 0 !important;
  padding: 0 !important;
  pointer-events: auto !important;
}

.shell-home.is-pane-focused .shop-list-panel.is-shop-view .shop-back-action {
  display: inline-grid !important;
  place-items: center !important;
  min-width: 4.15rem !important;
  height: var(--hashop-state-bar-h) !important;
  min-height: var(--hashop-state-bar-h) !important;
  padding: 0 0.66rem !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: rgba(248, 242, 223, 0.09) !important;
  color: var(--hashop-structure-ink) !important;
  box-shadow: none !important;
}

.shell-home.is-pane-focused .shop-list-panel.is-shop-view .shop-pane-toggle {
  visibility: hidden !important;
  pointer-events: none !important;
}

.shell-home.is-pane-focused .shop-list-panel.is-shop-view .shop-list-head {
  position: absolute !important;
  left: var(--hashop-sheet-x) !important;
  right: var(--hashop-sheet-x) !important;
  top: var(--hashop-search-top) !important;
  z-index: 30 !important;
  height: var(--hashop-search-h) !important;
  min-height: var(--hashop-search-h) !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
}

.shell-home.is-pane-focused .shop-list-panel.is-shop-view .shop-list-search,
.shell-home.is-pane-focused .shop-list-panel.is-shop-view .shop-list-search-input {
  height: var(--hashop-search-h) !important;
  min-height: var(--hashop-search-h) !important;
}

.shell-home.is-pane-focused .shop-list-panel.is-shop-view .shop-list-grid {
  position: absolute !important;
  left: var(--hashop-sheet-x) !important;
  right: var(--hashop-sheet-x) !important;
  top: var(--hashop-content-top) !important;
  bottom: calc(var(--hashop-sheet-bottom) + var(--hashop-nav-h) + var(--hashop-row-gap)) !important;
  z-index: 1 !important;
  display: grid !important;
  justify-items: center !important;
  align-content: start !important;
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  scrollbar-width: none !important;
}

.shell-home.is-pane-focused .shop-list-panel.is-shop-view .shop-list-grid::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
}

.shell-home.is-pane-focused .shop-list-panel.is-shop-view .home-bottom-nav {
  position: absolute !important;
  left: var(--hashop-sheet-x) !important;
  right: var(--hashop-sheet-x) !important;
  bottom: var(--hashop-sheet-bottom) !important;
  z-index: 70 !important;
  display: grid !important;
  height: var(--hashop-nav-h) !important;
  min-height: var(--hashop-nav-h) !important;
  margin: 0 !important;
}

.shell-home.is-pane-focused .shop-list-panel.is-shop-view[data-pane-mode="cart"] .shop-list-head,
.shell-home.is-pane-focused .shop-list-panel.is-shop-view[data-pane-mode="confirmation"] .shop-list-head {
  display: none !important;
}

.shell-home.is-pane-focused .shop-list-panel.is-shop-view[data-pane-mode="cart"] .home-bottom-nav,
.shell-home.is-pane-focused .shop-list-panel.is-shop-view[data-pane-mode="confirmation"] .home-bottom-nav {
  display: none !important;
}

.shell-home.is-pane-focused .shop-list-panel.is-shop-view[data-pane-mode="cart"] .shop-list-grid,
.shell-home.is-pane-focused .shop-list-panel.is-shop-view[data-pane-mode="confirmation"] .shop-list-grid {
  top: calc(var(--hashop-sheet-top) + var(--hashop-state-bar-h) + var(--hashop-row-gap)) !important;
  bottom: var(--hashop-sheet-bottom) !important;
}

.shell-home.is-pane-focused .shop-list-panel.is-shop-view .shop-pane-detail {
  width: 100% !important;
  max-width: min(100%, 27.5rem) !important;
  margin: 0 auto !important;
  display: grid !important;
  gap: 0.48rem !important;
  align-content: start !important;
  overflow: visible !important;
}

.shell-home.is-pane-focused .shop-list-panel.is-shop-view .shop-pane-hero {
  width: 100% !important;
  padding: 0.56rem !important;
  border-radius: 8px !important;
  display: grid !important;
  gap: 0.34rem !important;
}

.shell-home.is-pane-focused .shop-list-panel.is-shop-view .shop-pane-overline,
.shell-home.is-pane-focused .shop-list-panel.is-shop-view .shop-pane-stats,
.shell-home.is-pane-focused .shop-list-panel.is-shop-view .shop-pane-copy-row {
  min-width: 0 !important;
}

.shell-home.is-pane-focused .shop-list-panel.is-shop-view .shop-pane-copy-row {
  display: grid !important;
  grid-template-columns: 2.34rem minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 0.5rem !important;
}

.shell-home.is-pane-focused .shop-list-panel.is-shop-view .shop-pane-copy-mark {
  width: 2.34rem !important;
  height: 2.34rem !important;
  min-width: 2.34rem !important;
  min-height: 2.34rem !important;
  border-radius: 8px !important;
}

.shell-home.is-pane-focused .shop-list-panel.is-shop-view .shop-pane-hero h2 {
  margin: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  font-size: 1rem !important;
  line-height: 1.12 !important;
}

.shell-home.is-pane-focused .shop-list-panel.is-shop-view .shop-pane-hero p,
.shell-home.is-pane-focused .shop-list-panel.is-shop-view .shop-pane-stats span {
  display: -webkit-box !important;
  -webkit-line-clamp: 1 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  line-height: 1.25 !important;
}

.shell-home.is-pane-focused .shop-list-panel.is-shop-view .shop-pane-items {
  width: 100% !important;
  display: grid !important;
  gap: 0.42rem !important;
}

.shell-home.is-pane-focused .shop-list-panel.is-shop-view .shop-pane-item {
  width: 100% !important;
  padding: 0.52rem !important;
  border-radius: 8px !important;
}

.shell-home.is-pane-focused .shop-list-panel.is-shop-view .shop-pane-item-row {
  grid-template-columns: 2.82rem minmax(0, 1fr) !important;
  align-items: start !important;
  gap: 0.54rem !important;
}

.shell-home.is-pane-focused .shop-list-panel.is-shop-view .shop-pane-item-mark,
.shell-home.is-pane-focused .shop-list-panel.is-shop-view .shop-pane-item-mark.is-image {
  width: 2.82rem !important;
  height: 2.82rem !important;
  min-width: 2.82rem !important;
  min-height: 2.82rem !important;
  border-radius: 8px !important;
}

.shell-home.is-pane-focused .shop-list-panel.is-shop-view .shop-pane-item-head {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 0.42rem !important;
  align-items: start !important;
}

.shell-home.is-pane-focused .shop-list-panel.is-shop-view .shop-pane-item-head strong,
.shell-home.is-pane-focused .shop-list-panel.is-shop-view .shop-pane-item-head span {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.shell-home.is-pane-focused .shop-list-panel.is-shop-view .shop-pane-item p {
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  margin: 0 !important;
  font-size: 0.76rem !important;
  line-height: 1.28 !important;
}

.shell-home.is-pane-focused .shop-list-panel.is-shop-view .shop-pane-item-meta {
  gap: 0.36rem !important;
  flex-wrap: wrap !important;
}

@media (max-width: 380px) {
  .shell-home.is-pane-focused[data-hashop-screen="shop"] .home-stage,
  .shell-home.is-pane-focused[data-hashop-screen="cart"] .home-stage,
  .shell-home.is-pane-focused[data-hashop-screen="confirmation"] .home-stage,
  .shell-home.is-pane-focused[data-hashop-screen^="owner-"] .home-stage {
    grid-template-rows: clamp(7.05rem, 18dvh, 8.8rem) minmax(0, 1fr) !important;
  }

  .shell-home.is-pane-focused .shop-list-panel.is-shop-view {
    --hashop-search-h: 2.34rem;
    --hashop-nav-h: 3rem;
    --hashop-state-bar-h: 2.26rem;
    --hashop-row-gap: 0.32rem;
  }
}

/* Iteration 008: keep the selected-shop page identifiable without stealing the
   listing surface. The previous compact hero collapsed under older height rules. */
.shell-home.is-pane-focused .shop-list-panel.is-shop-view .shop-pane-hero {
  height: auto !important;
  min-height: 4.08rem !important;
  max-height: none !important;
  padding: 0.58rem !important;
  display: grid !important;
  grid-template-rows: auto !important;
  align-content: center !important;
  gap: 0 !important;
  overflow: hidden !important;
}

.shell-home.is-pane-focused .shop-list-panel.is-shop-view .shop-pane-overline,
.shell-home.is-pane-focused .shop-list-panel.is-shop-view .shop-pane-stats {
  display: none !important;
}

.shell-home.is-pane-focused .shop-list-panel.is-shop-view .shop-pane-copy-row {
  min-height: 2.92rem !important;
  grid-template-columns: 2.7rem minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 0.58rem !important;
}

.shell-home.is-pane-focused .shop-list-panel.is-shop-view .shop-pane-copy {
  min-width: 0 !important;
  display: grid !important;
  gap: 0.08rem !important;
}

.shell-home.is-pane-focused .shop-list-panel.is-shop-view .shop-pane-copy-mark {
  width: 2.7rem !important;
  height: 2.7rem !important;
  min-width: 2.7rem !important;
  min-height: 2.7rem !important;
}

.shell-home.is-pane-focused .shop-list-panel.is-shop-view .shop-pane-hero h2 {
  font-size: 1.04rem !important;
  line-height: 1.14 !important;
}

@media (max-width: 380px) {
  .shell-home.is-pane-focused .shop-list-panel.is-shop-view .shop-pane-hero {
    min-height: 3.86rem !important;
    padding: 0.52rem !important;
  }

  .shell-home.is-pane-focused .shop-list-panel.is-shop-view .shop-pane-copy-row {
    min-height: 2.68rem !important;
    grid-template-columns: 2.48rem minmax(0, 1fr) !important;
    gap: 0.52rem !important;
  }

  .shell-home.is-pane-focused .shop-list-panel.is-shop-view .shop-pane-copy-mark {
    width: 2.48rem !important;
    height: 2.48rem !important;
    min-width: 2.48rem !important;
    min-height: 2.48rem !important;
  }
}

/* Iteration 009: root cart must keep the same bounded list shape in main and
   concept. Older concept rules were pushing the cart listing below the fold. */
.shell-home[data-hashop-screen="cart"]:not(.is-pane-focused) .home-stage {
  grid-template-rows: minmax(0, 1fr) !important;
  gap: 0 !important;
}

.shell-home[data-hashop-screen="cart"]:not(.is-pane-focused) .map-screen {
  display: none !important;
}

.shell-home[data-hashop-screen="cart"]:not(.is-pane-focused) .shop-list-panel:not(.is-shop-view)[data-pane-mode="cart"] {
  --hashop-sheet-x: 0.56rem;
  --hashop-sheet-top: 0.28rem;
  --hashop-search-h: 2.68rem;
  --hashop-row-gap: 0.46rem;
  --hashop-nav-h: 3.34rem;
  --hashop-state-bar-h: 2.42rem;
  --hashop-sheet-bottom: calc(0.42rem + env(safe-area-inset-bottom));
  grid-row: 1 !important;
  align-self: stretch !important;
  position: relative !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

.shell-home[data-hashop-screen="cart"]:not(.is-pane-focused) .shop-list-panel:not(.is-shop-view)[data-pane-mode="cart"] .shop-panel-bar {
  position: absolute !important;
  left: var(--hashop-sheet-x) !important;
  right: var(--hashop-sheet-x) !important;
  top: var(--hashop-sheet-top) !important;
  z-index: 70 !important;
  display: grid !important;
  height: var(--hashop-state-bar-h) !important;
  min-height: var(--hashop-state-bar-h) !important;
  margin: 0 !important;
  padding: 0 !important;
}

.shell-home[data-hashop-screen="cart"]:not(.is-pane-focused) .shop-list-panel:not(.is-shop-view)[data-pane-mode="cart"] .shop-list-head {
  position: absolute !important;
  left: var(--hashop-sheet-x) !important;
  right: var(--hashop-sheet-x) !important;
  top: calc(var(--hashop-sheet-top) + var(--hashop-state-bar-h) + var(--hashop-row-gap)) !important;
  z-index: 30 !important;
  height: var(--hashop-search-h) !important;
  min-height: var(--hashop-search-h) !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
}

.shell-home[data-hashop-screen="cart"]:not(.is-pane-focused) .shop-list-panel:not(.is-shop-view)[data-pane-mode="cart"] .shop-list-grid {
  position: absolute !important;
  left: var(--hashop-sheet-x) !important;
  right: var(--hashop-sheet-x) !important;
  top: calc(var(--hashop-sheet-top) + var(--hashop-state-bar-h) + var(--hashop-row-gap) + var(--hashop-search-h) + var(--hashop-row-gap)) !important;
  bottom: calc(var(--hashop-sheet-bottom) + var(--hashop-nav-h) + var(--hashop-row-gap)) !important;
  display: grid !important;
  align-content: start !important;
  justify-items: stretch !important;
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
}

.shell-home[data-hashop-screen="cart"]:not(.is-pane-focused) .shop-list-panel:not(.is-shop-view)[data-pane-mode="cart"] .home-bottom-nav {
  position: absolute !important;
  left: var(--hashop-sheet-x) !important;
  right: var(--hashop-sheet-x) !important;
  bottom: var(--hashop-sheet-bottom) !important;
  z-index: 70 !important;
  display: grid !important;
  height: var(--hashop-nav-h) !important;
  min-height: var(--hashop-nav-h) !important;
  margin: 0 !important;
}

.shell-home[data-hashop-screen="cart"] .shop-history-cart-section,
.shell-home[data-hashop-screen="cart"] .shop-account-shop-list {
  width: 100% !important;
  min-width: 0 !important;
}

.shell-home[data-hashop-screen="cart"] .shop-account-shop-list {
  display: grid !important;
  gap: 0.42rem !important;
}

.shell-home[data-hashop-screen="cart"] button.shop-account-shop {
  width: 100% !important;
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  grid-template-areas:
    "name total"
    "shop summary" !important;
  align-items: start !important;
  gap: 0.28rem 0.84rem !important;
  padding: 0.72rem !important;
  text-align: left !important;
}

.shell-home[data-hashop-screen="cart"] button.shop-account-shop::after {
  display: none !important;
}

.shell-home[data-hashop-screen="cart"] button.shop-account-shop strong {
  grid-area: name !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.shell-home[data-hashop-screen="cart"] button.shop-account-shop span {
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.shell-home[data-hashop-screen="cart"] button.shop-account-shop span:nth-of-type(1) {
  grid-area: shop !important;
  justify-self: start !important;
}

.shell-home[data-hashop-screen="cart"] button.shop-account-shop span:nth-of-type(2) {
  grid-area: total !important;
  justify-self: end !important;
  text-align: right !important;
}

.shell-home[data-hashop-screen="cart"] button.shop-account-shop span:nth-of-type(3) {
  grid-area: summary !important;
  justify-self: end !important;
  text-align: right !important;
}

/* Iteration 010: smooth motion layer. This keeps Hashop feeling alive without
   changing layout math or hiding information behind animation. */
:root {
  --hashop-motion-fast: 120ms;
  --hashop-motion-ui: 180ms;
  --hashop-motion-page: 240ms;
  --hashop-motion-ease: cubic-bezier(0.2, 0.8, 0.2, 1);
  --hashop-motion-enter: cubic-bezier(0.16, 1, 0.3, 1);
}

.shell-home,
.home-stage,
.map-screen,
.shop-list-panel,
.shop-list-grid,
.shop-list-head,
.home-bottom-nav,
.shop-panel-bar {
  transition:
    background-color var(--hashop-motion-page) var(--hashop-motion-ease),
    border-color var(--hashop-motion-page) var(--hashop-motion-ease),
    box-shadow var(--hashop-motion-page) var(--hashop-motion-ease),
    opacity var(--hashop-motion-ui) var(--hashop-motion-ease),
    transform var(--hashop-motion-page) var(--hashop-motion-ease) !important;
}

.shop-card,
.shop-pane-detail,
.shop-pane-hero,
.shop-pane-item,
.shop-account-section,
.shop-account-shop,
.shop-account-profile-card,
.shop-account-location-card,
.shop-account-menu-card,
.shop-account-form-card,
.shop-state-card,
.shop-pane-cart,
.shop-pane-cart-screen,
.shop-owner-section,
.shop-owner-form,
.shop-owner-order-card,
.shop-owner-item-card {
  transform-origin: center top !important;
  transition:
    transform var(--hashop-motion-ui) var(--hashop-motion-ease),
    opacity var(--hashop-motion-ui) var(--hashop-motion-ease),
    background-color var(--hashop-motion-ui) var(--hashop-motion-ease),
    border-color var(--hashop-motion-ui) var(--hashop-motion-ease),
    box-shadow var(--hashop-motion-ui) var(--hashop-motion-ease),
    filter var(--hashop-motion-ui) var(--hashop-motion-ease) !important;
}

.shop-card,
.shop-pane-item,
.shop-account-shop,
.shop-state-card {
  animation: hashop-motion-enter var(--hashop-motion-page) var(--hashop-motion-enter) both !important;
}

.shop-list-grid > :nth-child(2) {
  animation-delay: 24ms !important;
}

.shop-list-grid > :nth-child(3) {
  animation-delay: 48ms !important;
}

.shop-list-grid > :nth-child(4) {
  animation-delay: 72ms !important;
}

.shop-list-grid > :nth-child(n+5) {
  animation-delay: 92ms !important;
}

.shop-card-thumb,
.shop-pane-item-mark,
.shop-pane-copy-mark,
.home-bottom-link-icon,
.map-compass-button,
.map-locate-button,
.shop-back-action,
.shop-pane-toggle,
.shop-card-open,
.shop-card-add,
.shop-cart-step,
.shop-cart-pay,
.shop-item-step,
.shop-login-submit,
.shop-account-action,
.shop-account-menu-row,
.shop-account-big-action,
.shop-owner-action,
.shop-owner-add-action,
.shop-owner-save {
  transition:
    transform var(--hashop-motion-fast) var(--hashop-motion-ease),
    opacity var(--hashop-motion-fast) var(--hashop-motion-ease),
    background-color var(--hashop-motion-ui) var(--hashop-motion-ease),
    color var(--hashop-motion-ui) var(--hashop-motion-ease),
    border-color var(--hashop-motion-ui) var(--hashop-motion-ease),
    box-shadow var(--hashop-motion-ui) var(--hashop-motion-ease),
    filter var(--hashop-motion-ui) var(--hashop-motion-ease) !important;
}

.shop-list-search,
.shop-list-search-input,
.shop-login-input,
.shop-account-input,
.shop-owner-input,
.shop-owner-textarea {
  transition:
    background-color var(--hashop-motion-ui) var(--hashop-motion-ease),
    color var(--hashop-motion-ui) var(--hashop-motion-ease),
    border-color var(--hashop-motion-ui) var(--hashop-motion-ease),
    box-shadow var(--hashop-motion-ui) var(--hashop-motion-ease),
    opacity var(--hashop-motion-ui) var(--hashop-motion-ease) !important;
}

@media (hover: hover) and (pointer: fine) {
  .shop-card:hover,
  .shop-pane-item:hover,
  button.shop-account-shop:hover,
  .shop-account-menu-row:hover,
  .shop-account-big-action:hover {
    transform: translateY(-1px) !important;
    filter: brightness(1.04) !important;
  }

  .shop-card:hover .shop-card-thumb,
  .shop-pane-item:hover .shop-pane-item-mark,
  .shop-pane-hero:hover .shop-pane-copy-mark {
    transform: scale(1.035) !important;
  }
}

.shop-card:active,
.shop-pane-item:active,
button.shop-account-shop:active,
.shop-back-action:active,
.shop-card-add:active,
.shop-cart-step:active,
.shop-cart-pay:active,
.shop-item-step:active,
.shop-login-submit:active,
.shop-account-action:active,
.shop-account-menu-row:active,
.shop-account-big-action:active,
.home-bottom-link:active,
.map-compass-button:active,
.map-locate-button:active {
  transform: scale(0.985) !important;
}

.home-bottom-link {
  transition:
    background-color var(--hashop-motion-ui) var(--hashop-motion-ease),
    color var(--hashop-motion-ui) var(--hashop-motion-ease),
    transform var(--hashop-motion-fast) var(--hashop-motion-ease),
    opacity var(--hashop-motion-ui) var(--hashop-motion-ease) !important;
}

.home-bottom-link.is-active {
  animation: hashop-nav-settle 220ms var(--hashop-motion-enter) both !important;
}

.home-bottom-link.is-active .home-bottom-link-icon {
  transform: translateY(-1px) scale(1.06) !important;
}

.map-shop-marker,
.map-user-marker {
  transition:
    transform var(--hashop-motion-page) var(--hashop-motion-ease),
    box-shadow var(--hashop-motion-page) var(--hashop-motion-ease),
    filter var(--hashop-motion-page) var(--hashop-motion-ease) !important;
}

.map-shop-marker {
  animation: hashop-marker-settle 320ms var(--hashop-motion-enter) both !important;
}

.map-user-marker {
  animation: hashop-user-marker-breathe 1.8s ease-in-out infinite !important;
}

.leaflet-pane,
.leaflet-marker-icon {
  transition: opacity var(--hashop-motion-page) var(--hashop-motion-ease) !important;
}

.leaflet-popup-pane,
.leaflet-tooltip-pane {
  pointer-events: none !important;
}

.leaflet-popup {
  pointer-events: auto !important;
}

/* Iteration 018: soften frame changes without turning navigation into a show. */
.shell-home .home-stage {
  transition:
    grid-template-rows var(--hashop-motion-frame) var(--hashop-motion-frame-ease),
    gap var(--hashop-motion-page) var(--hashop-motion-ease),
    opacity var(--hashop-motion-ui) var(--hashop-motion-ease) !important;
}

.shell-home .map-screen,
.shell-home .shop-list-panel {
  backface-visibility: hidden !important;
  transform-origin: center top !important;
  transition:
    transform var(--hashop-motion-frame) var(--hashop-motion-frame-ease),
    opacity var(--hashop-motion-page) var(--hashop-motion-ease),
    border-radius var(--hashop-motion-page) var(--hashop-motion-ease),
    box-shadow var(--hashop-motion-page) var(--hashop-motion-ease),
    filter var(--hashop-motion-page) var(--hashop-motion-ease) !important;
  will-change: transform, opacity, border-radius !important;
}

.shell-home.is-pane-focused[data-hashop-screen="shop"] .map-screen,
.shell-home.is-pane-focused[data-hashop-screen="cart"] .map-screen,
.shell-home.is-pane-focused[data-hashop-screen="confirmation"] .map-screen,
.shell-home.is-pane-focused[data-hashop-screen^="owner-"] .map-screen {
  animation: hashop-map-frame-settle var(--hashop-motion-frame) var(--hashop-motion-frame-ease) both !important;
}

.shell-home.is-pane-focused .shop-list-panel.is-shop-view {
  animation: hashop-sheet-frame-settle var(--hashop-motion-frame) var(--hashop-motion-frame-ease) both !important;
}

.shell-home .shop-list-panel.is-root-view {
  animation: hashop-root-frame-settle var(--hashop-motion-page) var(--hashop-motion-enter) both !important;
}

@keyframes hashop-motion-enter {
  from {
    opacity: 0;
    transform: translate3d(0, 5px, 0) scale(0.992);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }
}

@keyframes hashop-nav-settle {
  0% {
    transform: scale(0.96);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes hashop-marker-settle {
  from {
    opacity: 0;
    transform: rotate(-45deg) scale(0.76);
  }

  to {
    opacity: 1;
    transform: rotate(-45deg) scale(1);
  }
}

@keyframes hashop-map-frame-settle {
  from {
    opacity: 0.86;
    transform: translate3d(0, -5px, 0) scale(0.992);
    filter: saturate(0.94) brightness(0.94);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
    filter: saturate(1) brightness(1);
  }
}

@keyframes hashop-sheet-frame-settle {
  from {
    opacity: 0.92;
    transform: translate3d(0, 8px, 0) scale(0.996);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }
}

@keyframes hashop-root-frame-settle {
  from {
    opacity: 0.96;
    transform: translate3d(0, 4px, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes hashop-user-marker-breathe {
  0%,
  100% {
    box-shadow: 0 0 0 0.42rem rgba(41, 198, 234, 0.16), 0 0 1.15rem rgba(41, 198, 234, 0.44);
  }

  50% {
    box-shadow: 0 0 0 0.56rem rgba(41, 198, 234, 0.1), 0 0 1.45rem rgba(41, 198, 234, 0.56);
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    transition-duration: 1ms !important;
    animation-duration: 1ms !important;
    animation-iteration-count: 1 !important;
    animation-delay: 0ms !important;
  }
}

/* Iteration 012: one brand lockup across every Hashop state. Older account and
   utility overrides were changing the logo/name position independently. */
.home-chrome,
.shell-home[data-hashop-screen="account"] .home-chrome,
.shell-home[data-hashop-screen="login"] .home-chrome,
.shell-home[data-hashop-screen="setup"] .home-chrome,
.shell-home[data-hashop-screen="cart"] .home-chrome,
.shell-home[data-hashop-screen="shop"] .home-chrome,
.shell-home[data-hashop-screen="confirmation"] .home-chrome,
.shell-home[data-hashop-screen^="owner-"] .home-chrome {
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  justify-items: stretch !important;
  gap: 0.66rem !important;
  min-height: calc(3.28rem + env(safe-area-inset-top)) !important;
  padding: calc(0.52rem + env(safe-area-inset-top)) 0.78rem 0.52rem !important;
}

.home-chrome .brand,
.shell-home[data-hashop-screen="account"] .brand,
.shell-home[data-hashop-screen="login"] .brand,
.shell-home[data-hashop-screen="setup"] .brand,
.shell-home[data-hashop-screen="cart"] .brand,
.shell-home[data-hashop-screen="shop"] .brand,
.shell-home[data-hashop-screen="confirmation"] .brand,
.shell-home[data-hashop-screen^="owner-"] .brand {
  order: 1 !important;
  justify-self: start !important;
  align-self: center !important;
  display: inline-grid !important;
  grid-template-columns: 2.06rem minmax(0, auto) !important;
  align-items: center !important;
  gap: 0.52rem !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: min(13rem, 100%) !important;
  min-height: 2.06rem !important;
  margin: 0 !important;
  overflow: visible !important;
  text-decoration: none !important;
}

.home-chrome .home-hash-logo,
.shell-home .home-hash-logo,
.shell-home[data-hashop-screen="account"][data-hashop-account-state="signed-out"] .home-hash-logo,
.shell-home[data-hashop-screen="account"][data-hashop-account-state="signed-in"] .home-hash-logo,
.shell-home[data-hashop-screen="account"] .home-hash-logo,
.shell-home[data-hashop-screen="login"] .home-hash-logo,
.shell-home[data-hashop-screen="setup"] .home-hash-logo,
.shell-home[data-hashop-screen="cart"] .home-hash-logo,
.shell-home[data-hashop-screen="shop"] .home-hash-logo,
.shell-home[data-hashop-screen="confirmation"] .home-hash-logo,
.shell-home[data-hashop-screen^="owner-"] .home-hash-logo {
  display: inline-grid !important;
  place-items: center !important;
  width: 2.06rem !important;
  height: 2.06rem !important;
  min-width: 2.06rem !important;
  min-height: 2.06rem !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: var(--hashop-action, linear-gradient(135deg, #ffeaa4 0%, #d6ac54 58%, #9b6c24 100%)) !important;
  color: var(--hashop-action-text, #090704) !important;
  box-shadow: none !important;
  text-shadow: none !important;
  font-family: "Sora", "Manrope", sans-serif !important;
  font-size: 1.22rem !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  transform: none !important;
}

.shell-home[data-hashop-screen="account"][data-hashop-account-state="signed-out"] .brand,
.shell-home[data-hashop-screen="account"][data-hashop-account-state="signed-in"] .brand {
  gap: 0.52rem !important;
  grid-template-columns: 2.06rem minmax(0, auto) !important;
}

.home-brand-copy,
.shell-home[data-hashop-screen="account"] .home-brand-copy {
  display: grid !important;
  align-content: center !important;
  min-width: 0 !important;
  height: 2.06rem !important;
}

.home-brand-name,
.shell-home .home-brand-name,
.shell-home[data-hashop-screen="account"] .home-brand-name,
.shell-home[data-hashop-screen="login"] .home-brand-name,
.shell-home[data-hashop-screen="setup"] .home-brand-name,
.shell-home[data-hashop-screen="cart"] .home-brand-name,
.shell-home[data-hashop-screen="shop"] .home-brand-name,
.shell-home[data-hashop-screen="confirmation"] .home-brand-name,
.shell-home[data-hashop-screen^="owner-"] .home-brand-name {
  color: var(--hashop-structure-ink, #f8f2df) !important;
  font-family: "Sora", "Manrope", sans-serif !important;
  font-size: 1.12rem !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
  text-shadow: none !important;
}

.home-chrome .map-locate-button.home-locate-button,
.home-chrome .home-live-status {
  order: 2 !important;
  justify-self: end !important;
}

@media (max-width: 380px) {
  .home-chrome .brand,
  .shell-home .brand {
    grid-template-columns: 1.96rem minmax(0, auto) !important;
    gap: 0.46rem !important;
  }

  .home-chrome .home-hash-logo,
  .shell-home .home-hash-logo {
    width: 1.96rem !important;
    height: 1.96rem !important;
    min-width: 1.96rem !important;
    min-height: 1.96rem !important;
    font-size: 1.16rem !important;
  }

  .home-brand-copy,
  .shell-home[data-hashop-screen="account"] .home-brand-copy {
    height: 1.96rem !important;
  }
}

/* Iteration 019: cart CTA text must stay readable in every order state. */
.shell-home .shop-cart-pay {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 2.92rem !important;
  padding: 0.72rem 1rem !important;
  line-height: 1.15 !important;
  font-size: 0.94rem !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  white-space: normal !important;
  overflow: visible !important;
  text-indent: 0 !important;
  text-shadow: none !important;
  position: relative !important;
  z-index: 12 !important;
}

.shell-home .shop-cart-pay:not(.shop-cart-pay-secondary):not(.is-danger) {
  background: #f4f7f8 !important;
  color: #070909 !important;
  -webkit-text-fill-color: #070909 !important;
}

.shell-home .shop-cart-pay-secondary,
.shell-home .shop-cart-pay.is-danger {
  -webkit-text-fill-color: currentColor !important;
}

.shell-home .shop-cart-pay-inline {
  position: sticky !important;
  bottom: calc(0.52rem + env(safe-area-inset-bottom)) !important;
  width: 100% !important;
  margin: 0.72rem 0 0 !important;
  flex-shrink: 0 !important;
  z-index: 45 !important;
}

.shell-home[data-hashop-screen="cart"] .shop-pane-cart-screen {
  padding-bottom: calc(0.72rem + env(safe-area-inset-bottom)) !important;
}

.shell-home[data-hashop-screen="cart"] .shop-cart-pay {
  width: 100% !important;
  margin: 0.34rem 0 calc(0.48rem + env(safe-area-inset-bottom)) !important;
  flex-shrink: 0 !important;
}

/* Iteration 020: shared mascot empty states and cart rough-edge cleanup. */
.shell-home .shop-state-card {
  position: relative !important;
  display: grid !important;
  justify-items: center !important;
  align-content: center !important;
  gap: 0.78rem !important;
  min-height: min(18.5rem, 100%) !important;
  padding: 1.22rem 1rem !important;
  border: 0 !important;
  border-radius: 10px !important;
  background:
    linear-gradient(180deg, rgba(248, 242, 223, 0.07), rgba(248, 242, 223, 0.025)),
    rgba(9, 9, 8, 0.86) !important;
  color: var(--hashop-structure-ink, #f8f2df) !important;
  text-align: center !important;
  overflow: hidden !important;
}

.shell-home .shop-state-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 0.68rem !important;
  border: 1px dashed rgba(248, 242, 223, 0.12) !important;
  border-radius: 8px !important;
  pointer-events: none !important;
}

.shop-state-mascot,
.shop-state-card > strong,
.shop-state-card > p,
.shop-state-card .shop-state-actions,
.shop-state-card .shop-state-skeleton {
  position: relative !important;
  z-index: 1 !important;
}

.shop-state-mascot {
  display: grid !important;
  justify-items: center !important;
  gap: 0.58rem !important;
}

.shop-state-code,
.shop-list-empty::before {
  display: inline-grid !important;
  place-items: center !important;
  min-height: 1.58rem !important;
  padding: 0 0.62rem !important;
  border: 1px solid rgba(142, 214, 225, 0.25) !important;
  border-radius: 999px !important;
  background: rgba(4, 20, 24, 0.68) !important;
  color: rgba(202, 242, 248, 0.92) !important;
  font-family: "Sora", "Manrope", system-ui, sans-serif !important;
  font-size: 0.66rem !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
}

.shop-state-face {
  position: relative !important;
  display: grid !important;
  grid-template-columns: repeat(2, 0.34rem) !important;
  gap: 0.72rem !important;
  justify-content: center !important;
  align-content: center !important;
  width: 4.9rem !important;
  height: 3.35rem !important;
  border: 2px solid rgba(248, 242, 223, 0.32) !important;
  border-radius: 10px !important;
  background:
    radial-gradient(circle at 50% 102%, rgba(214, 172, 84, 0.22), transparent 46%),
    rgba(248, 242, 223, 0.07) !important;
  transform: rotate(-1.5deg) !important;
}

.shop-state-face span {
  width: 0.34rem !important;
  height: 0.34rem !important;
  border-radius: 999px !important;
  background: var(--hashop-structure-ink, #f8f2df) !important;
}

.shop-state-face::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  bottom: 0.72rem !important;
  width: 1.16rem !important;
  height: 0.46rem !important;
  border-bottom: 2px solid rgba(248, 242, 223, 0.72) !important;
  border-radius: 0 0 999px 999px !important;
  transform: translateX(-50%) !important;
}

.shop-list-empty {
  display: grid !important;
  justify-items: center !important;
  gap: 0.58rem !important;
  min-height: 7.5rem !important;
  padding: 1rem !important;
  border: 1px dashed rgba(248, 242, 223, 0.12) !important;
  border-radius: 10px !important;
  background: rgba(248, 242, 223, 0.045) !important;
  color: rgba(248, 242, 223, 0.78) !important;
  font-weight: 780 !important;
  line-height: 1.25 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
}

.shop-list-empty::before {
  content: "state: []" !important;
}

.shell-home .shop-pane-cart-screen {
  gap: 0.72rem !important;
}

.shell-home .shop-pane-cart {
  border-radius: 10px !important;
  background:
    linear-gradient(180deg, rgba(248, 242, 223, 0.075), rgba(248, 242, 223, 0.025)),
    rgba(9, 9, 8, 0.88) !important;
  overflow: hidden !important;
}

.shell-home .shop-pane-cart-items {
  display: grid !important;
  gap: 0.52rem !important;
}

.shell-home .shop-cart-row {
  min-height: 3.45rem !important;
  padding: 0.72rem !important;
  border: 0 !important;
  border-radius: 9px !important;
  background: rgba(248, 242, 223, 0.06) !important;
}

.shell-home .shop-cart-copy strong {
  font-size: 0.92rem !important;
  line-height: 1.12 !important;
  letter-spacing: 0 !important;
}

.shell-home .shop-cart-copy span {
  color: rgba(248, 242, 223, 0.62) !important;
  line-height: 1.15 !important;
}

.shell-home .shop-cart-actions {
  align-items: center !important;
  gap: 0.42rem !important;
}

.shell-home .shop-cart-step {
  width: 2rem !important;
  height: 2rem !important;
  min-width: 2rem !important;
  min-height: 2rem !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: rgba(248, 242, 223, 0.1) !important;
  color: var(--hashop-structure-ink, #f8f2df) !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  box-shadow: none !important;
}

.shell-home .shop-cart-qty {
  display: inline-grid !important;
  place-items: center !important;
  min-width: 1.65rem !important;
  height: 2rem !important;
  color: var(--hashop-structure-ink, #f8f2df) !important;
  font-weight: 900 !important;
}

.shell-home .shop-pane-cart-foot {
  margin-top: 0.12rem !important;
  padding: 0.76rem !important;
  border: 0 !important;
  border-radius: 9px !important;
  background: rgba(248, 242, 223, 0.085) !important;
}

@media (prefers-reduced-motion: reduce) {
  .shop-state-card,
  .shop-list-empty,
  .shop-pane-cart,
  .shop-cart-row,
  .shop-cart-pay {
    animation: none !important;
    transition-duration: 1ms !important;
  }
}

/* Iteration 021: keep active UI color states on the same Hashop palette. */
.shell-home {
  --hashop-gold: #e8edf2 !important;
  --hashop-gold-2: #f4f7f8 !important;
  --hashop-ui-gold: #f4f7f8 !important;
  --hashop-sleek-gold: #f4f7f8 !important;
  --hashop-product-gold: #f4f7f8 !important;
  --hashop-flat-gold: #f4f7f8 !important;
  --hashop-final-gold: #f4f7f8 !important;
  --hashop-structure-gold: #e8edf2 !important;
  --hashop-structure-gold-2: #f4f7f8 !important;
  --hashop-action: #f4f7f8 !important;
  --hashop-action-text: #070909 !important;
  --hashop-consistent-ink: #f8f2df;
  --hashop-consistent-action: #f4f7f8;
  --hashop-consistent-action-ink: #070909;
  --hashop-consistent-muted: rgba(248, 242, 223, 0.64);
  --hashop-consistent-soft: rgba(248, 242, 223, 0.42);
  --hashop-consistent-line: rgba(248, 242, 223, 0.14);
  --hashop-consistent-fill: rgba(248, 242, 223, 0.07);
}

.shell-home .home-hash-logo,
.shell-home .home-bottom-link.is-active::after,
.shell-home .shop-card-add,
.shell-home .shop-owner-save,
.shell-home .shop-login-submit,
.shell-home .shop-cart-pay:not(.shop-cart-pay-secondary):not(.is-danger),
.shell-home .shop-empty-cart-action,
.shell-home .shop-state-action.is-primary {
  background: var(--hashop-consistent-action) !important;
  color: var(--hashop-consistent-action-ink) !important;
  -webkit-text-fill-color: var(--hashop-consistent-action-ink) !important;
  box-shadow: none !important;
}

.shell-home .home-brand-name,
.shell-home .shop-state-card,
.shell-home .shop-state-card > strong,
.shell-home .shop-empty-cart-copy strong,
.shell-home .shop-cart-copy strong,
.shell-home .shop-cart-qty,
.shell-home .shop-cart-step {
  color: var(--hashop-consistent-ink) !important;
}

.shell-home .shop-state-code,
.shell-home .shop-list-empty::before,
.shell-home .shop-empty-cart-code {
  border-color: rgba(248, 242, 223, 0.18) !important;
  background: rgba(248, 242, 223, 0.075) !important;
  color: var(--hashop-consistent-ink) !important;
}

.shell-home .shop-state-card,
.shell-home .shop-empty-cart-card,
.shell-home .shop-pane-cart {
  border-color: var(--hashop-consistent-line) !important;
  background:
    linear-gradient(180deg, rgba(248, 242, 223, 0.075), rgba(248, 242, 223, 0.026)),
    rgba(9, 9, 8, 0.88) !important;
}

.shell-home .shop-state-card::before,
.shell-home .shop-empty-cart-card::before,
.shell-home .shop-list-empty {
  border-color: var(--hashop-consistent-line) !important;
}

.shell-home .shop-state-face {
  border-color: rgba(248, 242, 223, 0.34) !important;
  background:
    radial-gradient(circle at 50% 102%, rgba(248, 242, 223, 0.12), transparent 46%),
    rgba(248, 242, 223, 0.07) !important;
}

.shell-home .shop-state-face span {
  background: var(--hashop-consistent-ink) !important;
}

.shell-home .shop-state-face::after {
  border-bottom-color: rgba(248, 242, 223, 0.72) !important;
}

.shell-home .shop-empty-cart-basket {
  border-color: rgba(248, 242, 223, 0.52) !important;
  background: linear-gradient(180deg, rgba(248, 242, 223, 0.09), rgba(248, 242, 223, 0.025)) !important;
}

.shell-home .shop-empty-cart-basket::before {
  border-color: rgba(248, 242, 223, 0.48) !important;
}

.shell-home .shop-empty-cart-basket::after {
  background: rgba(0, 0, 0, 0.32) !important;
}

.shell-home .shop-empty-cart-basket span {
  background: rgba(248, 242, 223, 0.46) !important;
}

.shell-home .shop-empty-cart-basket span:nth-child(2) {
  background: rgba(244, 247, 248, 0.72) !important;
}

.shell-home .shop-empty-cart-copy p,
.shell-home .shop-cart-copy span,
.shell-home .shop-list-empty {
  color: var(--hashop-consistent-muted) !important;
}

.shell-home .shop-list-panel[data-pane-mode="setup"] .shop-setup-map-button,
.shell-home[data-hashop-screen="setup"] .shop-setup-map-button {
  background: rgba(248, 242, 223, 0.09) !important;
  color: var(--hashop-consistent-action) !important;
}

.shell-home .shop-list-panel[data-pane-mode="setup"] .shop-login-input:focus,
.shell-home[data-hashop-screen="setup"] .shop-login-input:focus {
  box-shadow: inset 0 0 0 1px rgba(248, 242, 223, 0.22) !important;
}

.shell-home .map-user-marker,
.shell-home[data-setup-address-picker="active"] .map-user-marker,
.shell-home .map-user-marker.is-adjustable {
  border-color: #070909 !important;
  background: var(--hashop-consistent-action) !important;
  box-shadow:
    0 0 0 0.42rem rgba(248, 242, 223, 0.16),
    0 0 1.15rem rgba(248, 242, 223, 0.34) !important;
}

@keyframes hashop-user-marker-breathe {
  0%,
  100% {
    box-shadow:
      0 0 0 0.42rem rgba(248, 242, 223, 0.16),
      0 0 1.15rem rgba(248, 242, 223, 0.34);
  }

  50% {
    box-shadow:
      0 0 0 0.56rem rgba(248, 242, 223, 0.1),
      0 0 1.45rem rgba(248, 242, 223, 0.42);
  }
}

/* Iteration 022: isolated shop-extension concept routes. */
.shell-home[data-hashop-concept="account-shop"] .shop-list-grid,
.shell-home[data-hashop-concept="shop-workspace"] .shop-list-grid {
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
}

.shop-concept-detail {
  min-height: 100% !important;
  color: var(--hashop-consistent-ink, #f8f2df) !important;
}

.shop-concept-stack {
  display: grid !important;
  gap: 0.72rem !important;
  width: 100% !important;
  max-width: 32rem !important;
  margin: 0 auto !important;
  padding: 0.08rem 0 1rem !important;
}

.shop-concept-topline {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 0.62rem !important;
  min-height: 2.24rem !important;
  color: rgba(248, 242, 223, 0.62) !important;
  font-size: 0.74rem !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
}

.shop-concept-lang {
  display: inline-grid !important;
  place-items: center !important;
  min-width: 2.34rem !important;
  height: 2.16rem !important;
  padding: 0 0.58rem !important;
  border: 1px solid rgba(248, 242, 223, 0.14) !important;
  border-radius: 999px !important;
  background: rgba(248, 242, 223, 0.075) !important;
  color: #f4f7f8 !important;
  font-size: 0.76rem !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  box-shadow: none !important;
}

.shop-concept-hero,
.shop-concept-panel,
.shop-concept-breadcrumb,
.shop-concept-tabs {
  border: 1px solid rgba(248, 242, 223, 0.12) !important;
  border-radius: 10px !important;
  background: rgba(248, 242, 223, 0.055) !important;
}

.shop-concept-hero {
  display: grid !important;
  gap: 0.78rem !important;
  padding: 0.92rem !important;
}

.shop-concept-hero h2 {
  margin: 0 !important;
  color: #f8f2df !important;
  font-size: clamp(1.24rem, 4.8vw, 1.82rem) !important;
  line-height: 1.05 !important;
  letter-spacing: 0 !important;
}

.shop-concept-hero p {
  max-width: 26rem !important;
  margin: 0.34rem 0 0 !important;
  color: rgba(248, 242, 223, 0.66) !important;
  font-size: 0.86rem !important;
  font-weight: 720 !important;
  line-height: 1.35 !important;
  letter-spacing: 0 !important;
}

.shop-concept-switcher,
.shop-concept-tabs {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 0.42rem !important;
}

.shop-concept-tabs {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  padding: 0.34rem !important;
}

.shop-concept-switch,
.shop-concept-tab,
.shop-concept-primary {
  min-width: 0 !important;
  min-height: 2.44rem !important;
  padding: 0 0.72rem !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: rgba(248, 242, 223, 0.08) !important;
  color: rgba(248, 242, 223, 0.78) !important;
  font-size: 0.78rem !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  line-height: 1.1 !important;
  text-align: center !important;
  box-shadow: none !important;
  white-space: normal !important;
}

.shop-concept-switch.is-active,
.shop-concept-tab.is-active,
.shop-concept-primary {
  background: #f4f7f8 !important;
  color: #070909 !important;
  -webkit-text-fill-color: #070909 !important;
}

.shop-concept-breadcrumb {
  display: flex !important;
  align-items: center !important;
  gap: 0.38rem !important;
  padding: 0.68rem 0.76rem !important;
  overflow-x: auto !important;
  color: rgba(248, 242, 223, 0.62) !important;
  font-size: 0.74rem !important;
  font-weight: 840 !important;
  white-space: nowrap !important;
}

.shop-concept-breadcrumb span::after {
  content: "/" !important;
  margin-left: 0.38rem !important;
  color: rgba(248, 242, 223, 0.32) !important;
}

.shop-concept-breadcrumb strong {
  color: #f8f2df !important;
  font-weight: 900 !important;
}

.shop-concept-panel {
  display: grid !important;
  gap: 0.52rem !important;
  padding: 0.76rem !important;
}

.shop-concept-panel-head {
  display: grid !important;
  gap: 0.18rem !important;
  padding: 0.12rem 0.08rem 0.3rem !important;
}

.shop-concept-panel-head strong {
  color: #f8f2df !important;
  font-size: 1.02rem !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
  letter-spacing: 0 !important;
}

.shop-concept-panel-head span {
  color: rgba(248, 242, 223, 0.62) !important;
  font-size: 0.78rem !important;
  font-weight: 720 !important;
  line-height: 1.3 !important;
}

.shop-concept-row {
  display: grid !important;
  grid-template-columns: 2.18rem minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 0.62rem !important;
  min-height: 3.42rem !important;
  padding: 0.58rem 0.64rem !important;
  border-radius: 9px !important;
  background: rgba(248, 242, 223, 0.06) !important;
}

.shop-concept-row-icon {
  display: inline-grid !important;
  place-items: center !important;
  width: 2.18rem !important;
  height: 2.18rem !important;
  border-radius: 8px !important;
  background: rgba(248, 242, 223, 0.09) !important;
  color: #f4f7f8 !important;
  font-size: 0.78rem !important;
  font-weight: 900 !important;
}

.shop-concept-row-copy {
  display: grid !important;
  gap: 0.12rem !important;
  min-width: 0 !important;
}

.shop-concept-row-copy strong {
  overflow: hidden !important;
  color: #f8f2df !important;
  font-size: 0.92rem !important;
  font-weight: 900 !important;
  line-height: 1.12 !important;
  letter-spacing: 0 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.shop-concept-row-copy span,
.shop-concept-row-meta {
  color: rgba(248, 242, 223, 0.62) !important;
  font-size: 0.75rem !important;
  font-weight: 760 !important;
  line-height: 1.2 !important;
}

.shop-concept-row-meta {
  justify-self: end !important;
  max-width: 5.8rem !important;
  overflow: hidden !important;
  text-align: right !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.shop-concept-metrics {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 0.44rem !important;
}

.shop-concept-metric {
  display: grid !important;
  gap: 0.16rem !important;
  min-height: 4rem !important;
  align-content: center !important;
  justify-items: center !important;
  border-radius: 9px !important;
  background: rgba(248, 242, 223, 0.065) !important;
  text-align: center !important;
}

.shop-concept-metric strong {
  color: #f8f2df !important;
  font-size: 1.16rem !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

.shop-concept-metric span {
  color: rgba(248, 242, 223, 0.58) !important;
  font-size: 0.68rem !important;
  font-weight: 820 !important;
  line-height: 1 !important;
}

@media (max-width: 380px) {
  .shop-concept-stack {
    gap: 0.58rem !important;
  }

  .shop-concept-hero,
  .shop-concept-panel {
    padding: 0.72rem !important;
  }

  .shop-concept-row {
    grid-template-columns: 2rem minmax(0, 1fr) auto !important;
    gap: 0.48rem !important;
  }
}

/* Iteration 024: form-like async setup inside the account-shop concept. */
.shop-concept-form {
  display: grid !important;
  gap: 0.58rem !important;
}

.shop-concept-saved-form {
  gap: 0.5rem !important;
}

.shop-concept-item-form {
  margin-bottom: 0.08rem !important;
}

.shop-concept-form-pair {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  gap: 0.5rem !important;
}

.shop-concept-field {
  display: grid !important;
  gap: 0.28rem !important;
  min-width: 0 !important;
}

.shop-concept-field > span:first-child {
  color: rgba(248, 242, 223, 0.68) !important;
  font-size: 0.72rem !important;
  font-weight: 860 !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
}

.shop-concept-input {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 3rem !important;
  padding: 0 0.78rem !important;
  border: 0 !important;
  outline: 0 !important;
  border-radius: 8px !important;
  background: rgba(248, 242, 223, 0.085) !important;
  color: #f8f2df !important;
  font: inherit !important;
  font-size: 0.94rem !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  box-shadow: inset 0 0 0 1px rgba(248, 242, 223, 0.045) !important;
}

.shop-concept-input::placeholder {
  color: rgba(248, 242, 223, 0.38) !important;
}

.shop-concept-input:focus {
  background: rgba(248, 242, 223, 0.12) !important;
  box-shadow: inset 0 0 0 1px rgba(248, 242, 223, 0.22) !important;
}

.shop-concept-read-field {
  min-height: 3.1rem !important;
  padding: 0.62rem 0.72rem !important;
  border-radius: 8px !important;
  background: rgba(248, 242, 223, 0.075) !important;
  box-shadow: inset 0 0 0 1px rgba(248, 242, 223, 0.045) !important;
}

.shop-concept-read-field strong {
  display: block !important;
  min-width: 0 !important;
  overflow: hidden !important;
  color: #f8f2df !important;
  font-size: 0.94rem !important;
  font-weight: 900 !important;
  line-height: 1.12 !important;
  letter-spacing: 0 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.shop-concept-read-field small {
  display: block !important;
  overflow: hidden !important;
  color: rgba(248, 242, 223, 0.5) !important;
  font-size: 0.68rem !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
  letter-spacing: 0 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.shop-concept-location-line {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 3.08rem !important;
  gap: 0.42rem !important;
  align-items: stretch !important;
}

.shop-concept-map-button {
  display: inline-grid !important;
  place-items: center !important;
  min-width: 0 !important;
  min-height: 3rem !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: rgba(248, 242, 223, 0.09) !important;
  color: #f4f7f8 !important;
  font-size: 0.78rem !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  box-shadow: none !important;
}

.shop-concept-form-status {
  min-height: 2.28rem !important;
  padding: 0.62rem 0.68rem !important;
  border-radius: 8px !important;
  background: rgba(248, 242, 223, 0.07) !important;
  color: rgba(248, 242, 223, 0.74) !important;
  font-size: 0.76rem !important;
  font-weight: 820 !important;
  line-height: 1.25 !important;
}

.shop-concept-form-status.is-error {
  background: rgba(240, 164, 134, 0.12) !important;
  color: #f0c2ae !important;
}

.shop-concept-form-status.is-success {
  background: rgba(248, 242, 223, 0.1) !important;
  color: #f8f2df !important;
}

.shop-concept-primary.is-loading {
  opacity: 0.72 !important;
  cursor: wait !important;
}

/* Iteration 025: form-first shop extension continuation. */
.shop-concept-empty-panel {
  min-height: 8rem !important;
  align-content: center !important;
}

.shop-concept-action-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 0.44rem !important;
}

.shop-concept-listing-list {
  display: grid !important;
  gap: 0.42rem !important;
}

.shop-concept-inventory-line {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 0.62rem !important;
  min-height: 2.42rem !important;
  padding: 0.56rem 0.66rem !important;
  border-radius: 8px !important;
  background: rgba(248, 242, 223, 0.068) !important;
}

.shop-concept-inventory-line span,
.shop-concept-inventory-line strong {
  overflow: hidden !important;
  font-size: 0.74rem !important;
  font-weight: 860 !important;
  line-height: 1.15 !important;
  letter-spacing: 0 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.shop-concept-inventory-line span {
  color: rgba(248, 242, 223, 0.58) !important;
}

.shop-concept-inventory-line strong {
  justify-self: end !important;
  color: #f8f2df !important;
  text-align: right !important;
}

/* Iteration 029: cart and order confirmation keep the item context visible. */
.shop-cart-rich-row {
  grid-template-columns: 2.75rem minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 0.66rem !important;
}

.shop-cart-media {
  display: inline-grid !important;
  place-items: center !important;
  width: 2.75rem !important;
  height: 2.75rem !important;
  border-radius: 8px !important;
  background:
    radial-gradient(circle at 42% 35%, rgba(248, 242, 223, 0.24), transparent 0.42rem),
    rgba(248, 242, 223, 0.075) !important;
  overflow: hidden !important;
}

.shop-cart-media::before {
  content: "" !important;
  width: 1.1rem !important;
  height: 1.1rem !important;
  border-radius: 6px !important;
  background: rgba(248, 242, 223, 0.28) !important;
}

.shop-cart-media.is-image::before {
  content: none !important;
}

.shop-cart-image {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}

.shop-cart-rich-row .shop-cart-copy {
  display: grid !important;
  gap: 0.14rem !important;
  min-width: 0 !important;
}

.shop-cart-rich-row .shop-cart-copy strong,
.shop-cart-description,
.shop-cart-meta {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.shop-cart-description {
  color: rgba(248, 242, 223, 0.6) !important;
  font-size: 0.76rem !important;
  font-weight: 760 !important;
  line-height: 1.18 !important;
}

.shop-cart-meta {
  color: rgba(248, 242, 223, 0.5) !important;
  font-size: 0.7rem !important;
  font-weight: 820 !important;
  line-height: 1.12 !important;
}

.shop-cart-line-total {
  justify-self: end !important;
  max-width: 5.8rem !important;
  overflow: hidden !important;
  color: #f8f2df !important;
  font-size: 0.8rem !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
  text-align: right !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.shop-pane-confirm-items {
  display: grid !important;
  gap: 0.44rem !important;
  margin-top: 0.5rem !important;
}

.shop-order-compact-items {
  display: grid !important;
  gap: 0.38rem !important;
  margin: 0.52rem 0 0.38rem !important;
}

.shop-order-compact-items .shop-cart-rich-row {
  grid-template-columns: 2.32rem minmax(0, 1fr) auto !important;
  min-height: 3rem !important;
  padding: 0.44rem !important;
  border-radius: 8px !important;
  background: rgba(248, 242, 223, 0.052) !important;
}

.shop-order-compact-items .shop-cart-media {
  width: 2.32rem !important;
  height: 2.32rem !important;
}

.shop-order-compact-items .shop-cart-description {
  font-size: 0.7rem !important;
}

.shop-order-compact-items .shop-cart-meta,
.shop-order-compact-items .shop-cart-line-total {
  font-size: 0.68rem !important;
}

@media (max-width: 380px) {
  .shop-cart-rich-row {
    grid-template-columns: 2.44rem minmax(0, 1fr) auto !important;
    gap: 0.5rem !important;
  }

  .shop-cart-media {
    width: 2.44rem !important;
    height: 2.44rem !important;
  }
}

/* Iteration 029: account route has no duplicate chrome back button and centers its entry form. */
.shell-home[data-hashop-screen="account"] .shop-back-action {
  display: none !important;
}

.shell-home[data-hashop-screen="account"] .shop-pane-detail {
  justify-items: center !important;
}

.shell-home[data-hashop-screen="account"] .shop-account-stack,
.shell-home[data-hashop-screen="account"] .shop-login-form {
  width: min(100%, 28rem) !important;
  margin-inline: auto !important;
}

.shell-home[data-hashop-screen="account"] .shop-login-hero {
  width: min(100%, 28rem) !important;
  margin-inline: auto !important;
  text-align: center !important;
}

.shop-concept-secondary {
  min-width: 0 !important;
  min-height: 2.64rem !important;
  padding: 0 0.52rem !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: rgba(248, 242, 223, 0.085) !important;
  color: #f4f7f8 !important;
  font-size: 0.76rem !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
  letter-spacing: 0 !important;
  box-shadow: none !important;
}

.shop-concept-secondary:active,
.shop-concept-map-button:active {
  transform: translateY(1px) !important;
}

@media (max-width: 380px) {
  .shop-concept-action-grid {
    gap: 0.34rem !important;
  }

  .shop-concept-form-pair {
    gap: 0.36rem !important;
  }

  .shop-concept-secondary {
    min-height: 2.5rem !important;
    padding: 0 0.38rem !important;
    font-size: 0.72rem !important;
  }
}

/* Iteration 031: solid black and gold theme pass. */
body:has(.shell-home) {
  background: #050505 !important;
}

.shell-home {
  --bg: #050505 !important;
  --panel: #0b0b0b !important;
  --panel-soft: #101010 !important;
  --panel-strong: #000000 !important;
  --line: #6f5500 !important;
  --line-strong: #b98f00 !important;
  --ink: #facc15 !important;
  --muted: #b9972d !important;
  --accent: #facc15 !important;
  --accent-soft: #d6a900 !important;
  --shop-color: #facc15 !important;
  background: #050505 !important;
  color: #facc15 !important;
}

.shell-home,
.shell-home * {
  text-shadow: none !important;
}

.shell-home,
.shell-home .home-stage,
.shell-home .home-chrome,
.shell-home .map-screen,
.shell-home .shop-list-panel,
.shell-home .shop-list-grid,
.shell-home .shop-panel-bar,
.shell-home .shop-list-head,
.shell-home .shop-pane-detail,
.shell-home .shop-owner-stack,
.shell-home .shop-account-stack,
.shell-home .shop-login-form,
.shell-home .shop-pane-cart-screen,
.shell-home .shop-pane-confirm-screen {
  background: #050505 !important;
  background-image: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.shell-home .home-chrome,
.shell-home .shop-list-panel,
.shell-home .home-bottom-nav,
.shell-home .shop-panel-bar,
.shell-home .shop-list-head,
.shell-home .shop-pane-detail,
.shell-home .shop-pane-cart,
.shell-home .shop-pane-confirm-card,
.shell-home .shop-owner-form,
.shell-home .shop-owner-section,
.shell-home .shop-owner-item-card,
.shell-home .shop-owner-summary-card,
.shell-home .shop-owner-order-card,
.shell-home .shop-owner-draft-card,
.shell-home .shop-account-location-card,
.shell-home .shop-account-hero-card,
.shell-home .shop-account-menu-card,
.shell-home .shop-account-form-card,
.shell-home .shop-account-signout-card,
.shell-home .shop-account-state-card,
.shell-home .shop-login-form,
.shell-home .shop-buyer-auth-form,
.shell-home .shop-state-card,
.shell-home .shop-empty-cart-card,
.shell-home .shop-pay-card,
.shell-home .shop-pane-mode-card,
.shell-home .shop-concept-card,
.shell-home .shop-concept-form,
.shell-home .shop-concept-row,
.shell-home .shop-concept-field,
.shell-home .shop-concept-step,
.shell-home .shop-concept-panel,
.shell-home .shop-concept-inventory-line {
  background: #0b0b0b !important;
  background-image: none !important;
  border-color: #6f5500 !important;
  box-shadow: none !important;
}

.shell-home .shop-card,
.shell-home .shop-discovery-card,
.shell-home .shop-pane-item,
.shell-home .shop-cart-row,
.shell-home .shop-cart-rich-row,
.shell-home .shop-order-compact-items .shop-cart-rich-row,
.shell-home .shop-owner-item-select,
.shell-home .shop-owner-tab,
.shell-home .shop-account-menu-row,
.shell-home .shop-account-record-row,
.shell-home .shop-account-big-action,
.shell-home .shop-account-shop,
.shell-home .shop-account-mini-button,
.shell-home .shop-state-action,
.shell-home .shop-pane-quick-link,
.shell-home .shop-concept-tab,
.shell-home .shop-concept-switch,
.shell-home .shop-concept-secondary {
  background: #101010 !important;
  background-image: none !important;
  border-color: #6f5500 !important;
  color: #facc15 !important;
  box-shadow: none !important;
}

.shell-home h1,
.shell-home h2,
.shell-home h3,
.shell-home strong,
.shell-home .brand-name,
.shell-home .home-brand-name,
.shell-home .shop-card-title-block strong,
.shell-home .shop-pane-copy h2,
.shell-home .shop-pane-cart-title h2,
.shell-home .shop-owner-form-head strong,
.shell-home .shop-account-profile-copy strong,
.shell-home .shop-account-menu-copy strong,
.shell-home .shop-account-section-head strong,
.shell-home .shop-login-hero strong,
.shell-home .shop-empty-cart-copy strong,
.shell-home .shop-state-card strong,
.shell-home .shop-concept-row-copy strong {
  color: #facc15 !important;
}

.shell-home p,
.shell-home small,
.shell-home code,
.shell-home .shop-card-subtitle,
.shell-home .shop-card-item,
.shell-home .shop-card-open,
.shell-home .shop-pane-distance,
.shell-home .shop-pane-stats,
.shell-home .shop-pane-copy p,
.shell-home .shop-pane-item-copy p,
.shell-home .shop-pane-item-meta,
.shell-home .shop-cart-description,
.shell-home .shop-cart-meta,
.shell-home .shop-pane-confirm-copy,
.shell-home .shop-owner-order-meta,
.shell-home .shop-owner-field > span,
.shell-home .shop-owner-form-head span,
.shell-home .shop-owner-inline-label,
.shell-home .shop-owner-pickup-text,
.shell-home .shop-account-menu-copy span,
.shell-home .shop-account-note,
.shell-home .shop-login-field > span,
.shell-home .shop-login-status,
.shell-home .shop-empty-cart-copy span,
.shell-home .shop-state-card > span,
.shell-home .shop-concept-row-copy span,
.shell-home .shop-concept-row-meta,
.shell-home .shop-concept-inventory-line span {
  color: #b9972d !important;
}

.shell-home .home-hash-logo,
.shell-home .shop-card-thumb,
.shell-home .shop-pane-copy-mark,
.shell-home .shop-pane-item-mark,
.shell-home .shop-cart-media,
.shell-home .shop-account-avatar,
.shell-home .shop-account-menu-icon,
.shell-home .shop-state-mascot,
.shell-home .shop-empty-cart-visual,
.shell-home .shop-owner-summary-mark,
.shell-home .shop-owner-logo-preview,
.shell-home .shop-owner-item-preview,
.shell-home .map-shop-marker,
.shell-home .map-user-marker,
.shell-home .home-bottom-link-icon {
  background: #facc15 !important;
  background-image: none !important;
  border-color: #facc15 !important;
  color: #050505 !important;
  box-shadow: none !important;
}

.shell-home .home-hash-logo::before,
.shell-home .home-hash-logo::after,
.shell-home .shop-card-thumb::before,
.shell-home .shop-card-thumb::after,
.shell-home .shop-pane-copy-mark::before,
.shell-home .shop-pane-copy-mark::after,
.shell-home .shop-pane-item-mark::before,
.shell-home .shop-pane-item-mark::after,
.shell-home .shop-cart-media::before,
.shell-home .shop-cart-media::after,
.shell-home .shop-account-menu-icon::before,
.shell-home .shop-account-menu-icon::after,
.shell-home .shop-state-face,
.shell-home .shop-state-face span,
.shell-home .shop-empty-cart-basket,
.shell-home .shop-empty-cart-basket span,
.shell-home .home-bottom-link-icon::before,
.shell-home .home-bottom-link-icon::after,
.shell-home .map-shop-marker::before,
.shell-home .map-shop-marker::after,
.shell-home .map-user-marker::before,
.shell-home .map-user-marker::after {
  background: #050505 !important;
  background-image: none !important;
  border-color: #050505 !important;
  box-shadow: none !important;
}

.shell-home .shop-card-thumb img,
.shell-home .shop-pane-copy-mark.is-logo img,
.shell-home .shop-pane-item-mark.is-image img,
.shell-home .shop-cart-image,
.shell-home .shop-owner-item-preview img,
.shell-home .shop-owner-logo-image,
.shell-home .shop-owner-summary-mark img {
  background: #050505 !important;
  border-color: #facc15 !important;
}

.shell-home .shop-list-search,
.shell-home .shop-list-search-input,
.shell-home .shop-login-input,
.shell-home .shop-account-textarea,
.shell-home .shop-owner-input,
.shell-home .shop-owner-textarea,
.shell-home .shop-concept-input,
.shell-home .shop-concept-textarea,
.shell-home input,
.shell-home textarea,
.shell-home select {
  background: #000000 !important;
  background-image: none !important;
  border-color: #8f6d00 !important;
  color: #facc15 !important;
  box-shadow: none !important;
}

.shell-home input::placeholder,
.shell-home textarea::placeholder,
.shell-home .shop-list-search-input::placeholder {
  color: #8f772a !important;
}

.shell-home input:focus,
.shell-home textarea:focus,
.shell-home select:focus,
.shell-home .shop-list-search:focus-within,
.shell-home .shop-login-input:focus,
.shell-home .shop-owner-input:focus,
.shell-home .shop-owner-textarea:focus,
.shell-home .shop-concept-input:focus,
.shell-home .shop-concept-textarea:focus {
  outline: 0 !important;
  border-color: #facc15 !important;
  box-shadow: inset 0 0 0 1px #facc15 !important;
}

.shell-home button,
.shell-home .shop-cart-pay,
.shell-home .shop-owner-save,
.shell-home .shop-login-submit,
.shell-home .shop-empty-cart-action,
.shell-home .shop-state-action,
.shell-home .shop-concept-primary,
.shell-home .shop-concept-map-button,
.shell-home .shop-pane-quick-link.is-primary {
  background: #facc15 !important;
  background-image: none !important;
  border-color: #facc15 !important;
  color: #050505 !important;
  box-shadow: none !important;
}

.shell-home .brand {
  background: transparent !important;
  background-image: none !important;
  border-color: transparent !important;
  color: #facc15 !important;
  box-shadow: none !important;
}

.shell-home .shop-owner-chip-button,
.shell-home .shop-cart-pay-secondary,
.shell-home .shop-pane-quick-link,
.shell-home .shop-account-auth-links button,
.shell-home .shop-account-mini-button,
.shell-home .shop-concept-secondary,
.shell-home .shop-back-action,
.shell-home .shop-pane-toggle,
.shell-home .map-locate-button,
.shell-home .map-compass-button,
.shell-home .shop-pay-copy {
  background: #050505 !important;
  background-image: none !important;
  border-color: #facc15 !important;
  color: #facc15 !important;
  box-shadow: none !important;
}

.shell-home button:disabled,
.shell-home .shop-cart-pay:disabled,
.shell-home .shop-owner-save:disabled,
.shell-home .shop-login-submit:disabled {
  background: #151515 !important;
  border-color: #4f3d00 !important;
  color: #7b661f !important;
}

.shell-home .home-bottom-nav {
  background: #000000 !important;
  border-color: #6f5500 !important;
}

.shell-home .home-bottom-link {
  background: #000000 !important;
  border-color: transparent !important;
  color: #b9972d !important;
}

.shell-home .home-bottom-link.is-active,
.shell-home .shop-owner-tab.is-active,
.shell-home .shop-pane-mode-card.is-selected,
.shell-home .shop-pay-card.is-selected,
.shell-home .shop-owner-item-select.is-selected,
.shell-home .shop-concept-tab.is-active,
.shell-home .shop-concept-switch.is-active {
  background: #facc15 !important;
  border-color: #facc15 !important;
  color: #050505 !important;
}

.shell-home .home-bottom-link.is-active .home-bottom-link-icon,
.shell-home .shop-owner-tab.is-active *,
.shell-home .shop-pane-mode-card.is-selected *,
.shell-home .shop-pay-card.is-selected *,
.shell-home .shop-owner-item-select.is-selected *,
.shell-home .shop-concept-tab.is-active *,
.shell-home .shop-concept-switch.is-active * {
  color: #050505 !important;
}

.shell-home .shop-pane-chip,
.shell-home .shop-account-menu-label,
.shell-home .shop-owner-order-status,
.shell-home .shop-account-shop-count,
.shell-home .shop-owner-summary-kicker,
.shell-home .shop-owner-edit-pill,
.shell-home .shop-concept-lang,
.shell-home .shop-concept-metric {
  background: #facc15 !important;
  background-image: none !important;
  border-color: #facc15 !important;
  color: #050505 !important;
  box-shadow: none !important;
}

.shell-home .shop-pane-notice,
.shell-home .shop-login-status.is-success,
.shell-home .shop-account-status.is-success,
.shell-home .shop-owner-status.is-success {
  background: #171200 !important;
  border-color: #facc15 !important;
  color: #facc15 !important;
}

.shell-home .shop-pane-notice.is-error,
.shell-home .shop-login-status.is-error,
.shell-home .shop-account-status.is-error,
.shell-home .shop-owner-status.is-error,
.shell-home .shop-owner-chip-button.is-danger,
.shell-home .shop-cart-pay-secondary.is-danger {
  background: #0b0b0b !important;
  border-color: #facc15 !important;
  color: #facc15 !important;
}

.shell-home .discovery-map,
.shell-home .leaflet-container,
.shell-home .gm-style,
.shell-home .shop-owner-pickup-map {
  background: #050505 !important;
}

/* Iteration 031: keep the map a real navigable map under the black/gold UI. */
.shell-home .map-screen {
  pointer-events: auto !important;
  touch-action: none !important;
}

.shell-home .map-screen::before,
.shell-home .map-screen::after {
  content: none !important;
  display: none !important;
  background: transparent !important;
  background-image: none !important;
}

.shell-home .discovery-map,
.shell-home .discovery-map > div,
.shell-home .discovery-map.is-leaflet-map,
.shell-home .discovery-map.is-google-map,
.shell-home .leaflet-container,
.shell-home .leaflet-pane,
.shell-home .leaflet-map-pane,
.shell-home .leaflet-tile-pane,
.shell-home .leaflet-overlay-pane,
.shell-home .gm-style,
.shell-home .shop-owner-pickup-map {
  background: #d8d0bc !important;
  pointer-events: auto !important;
  touch-action: none !important;
}

.shell-home .leaflet-tile,
.shell-home .hashop-map-standard-tile,
.shell-home .hashop-map-readable-tile,
.shell-home .hashop-map-hot-tile,
.shell-home .hashop-map-dark-tile,
.shell-home .gm-style img {
  filter: none !important;
  opacity: 1 !important;
  mix-blend-mode: normal !important;
}

.shell-home .leaflet-marker-pane,
.shell-home .leaflet-marker-icon,
.shell-home .leaflet-interactive,
.shell-home .leaflet-control-container,
.shell-home .leaflet-control,
.shell-home .leaflet-control a {
  pointer-events: auto !important;
}

.shell-home .leaflet-control-attribution {
  background: #050505 !important;
  border-color: #6f5500 !important;
  color: #facc15 !important;
}

.shell-home .leaflet-control-attribution a {
  background: transparent !important;
  color: #facc15 !important;
}

/* Iteration 032: return to neutral grey, with solid white day and solid black night. */
body:has(.shell-home) {
  background: #ffffff !important;
}

.shell-home {
  --bg: #ffffff !important;
  --panel: #f2f2f2 !important;
  --panel-soft: #e9e9e9 !important;
  --panel-strong: #ffffff !important;
  --line: #d0d0d0 !important;
  --line-strong: #8f8f8f !important;
  --ink: #111111 !important;
  --muted: #5f5f5f !important;
  --accent: #111111 !important;
  --accent-soft: #444444 !important;
  --shop-color: #111111 !important;
  background: #ffffff !important;
  color: #111111 !important;
}

.shell-home,
.shell-home .home-stage,
.shell-home .home-chrome,
.shell-home .shop-list-panel,
.shell-home .shop-list-grid,
.shell-home .shop-panel-bar,
.shell-home .shop-list-head,
.shell-home .shop-pane-detail,
.shell-home .shop-owner-stack,
.shell-home .shop-account-stack,
.shell-home .shop-login-form,
.shell-home .shop-pane-cart-screen,
.shell-home .shop-pane-confirm-screen {
  background: var(--bg) !important;
  background-image: none !important;
  color: var(--ink) !important;
}

.shell-home .home-chrome,
.shell-home .shop-list-panel,
.shell-home .home-bottom-nav,
.shell-home .shop-panel-bar,
.shell-home .shop-list-head,
.shell-home .shop-pane-detail,
.shell-home .shop-pane-cart,
.shell-home .shop-pane-confirm-card,
.shell-home .shop-owner-form,
.shell-home .shop-owner-section,
.shell-home .shop-owner-item-card,
.shell-home .shop-owner-summary-card,
.shell-home .shop-owner-order-card,
.shell-home .shop-owner-draft-card,
.shell-home .shop-account-location-card,
.shell-home .shop-account-hero-card,
.shell-home .shop-account-menu-card,
.shell-home .shop-account-form-card,
.shell-home .shop-account-signout-card,
.shell-home .shop-account-state-card,
.shell-home .shop-login-form,
.shell-home .shop-buyer-auth-form,
.shell-home .shop-state-card,
.shell-home .shop-empty-cart-card,
.shell-home .shop-pay-card,
.shell-home .shop-pane-mode-card,
.shell-home .shop-concept-card,
.shell-home .shop-concept-form,
.shell-home .shop-concept-row,
.shell-home .shop-concept-field,
.shell-home .shop-concept-step,
.shell-home .shop-concept-panel,
.shell-home .shop-concept-inventory-line,
.shell-home .shop-card,
.shell-home .shop-discovery-card,
.shell-home .shop-pane-item,
.shell-home .shop-cart-row,
.shell-home .shop-cart-rich-row,
.shell-home .shop-order-compact-items .shop-cart-rich-row,
.shell-home .shop-owner-item-select,
.shell-home .shop-owner-tab,
.shell-home .shop-account-menu-row,
.shell-home .shop-account-record-row,
.shell-home .shop-account-big-action,
.shell-home .shop-account-shop,
.shell-home .shop-account-mini-button,
.shell-home .shop-state-action,
.shell-home .shop-pane-quick-link,
.shell-home .shop-concept-tab,
.shell-home .shop-concept-switch,
.shell-home .shop-concept-secondary {
  background: var(--panel) !important;
  background-image: none !important;
  border-color: var(--line) !important;
  color: var(--ink) !important;
  box-shadow: none !important;
}

.shell-home .shop-list-search,
.shell-home .shop-list-search-input,
.shell-home .shop-login-input,
.shell-home .shop-account-textarea,
.shell-home .shop-owner-input,
.shell-home .shop-owner-textarea,
.shell-home .shop-concept-input,
.shell-home .shop-concept-textarea,
.shell-home input,
.shell-home textarea,
.shell-home select {
  background: var(--panel-strong) !important;
  background-image: none !important;
  border-color: var(--line) !important;
  color: var(--ink) !important;
  box-shadow: none !important;
}

.shell-home input::placeholder,
.shell-home textarea::placeholder,
.shell-home .shop-list-search-input::placeholder {
  color: var(--muted) !important;
}

.shell-home h1,
.shell-home h2,
.shell-home h3,
.shell-home strong,
.shell-home .brand,
.shell-home .brand-name,
.shell-home .home-brand-name,
.shell-home .shop-card-title-block strong,
.shell-home .shop-pane-copy h2,
.shell-home .shop-pane-cart-title h2,
.shell-home .shop-owner-form-head strong,
.shell-home .shop-account-profile-copy strong,
.shell-home .shop-account-menu-copy strong,
.shell-home .shop-account-section-head strong,
.shell-home .shop-login-hero strong,
.shell-home .shop-empty-cart-copy strong,
.shell-home .shop-state-card strong,
.shell-home .shop-concept-row-copy strong {
  color: var(--ink) !important;
}

.shell-home p,
.shell-home small,
.shell-home code,
.shell-home .shop-card-subtitle,
.shell-home .shop-card-item,
.shell-home .shop-card-open,
.shell-home .shop-pane-distance,
.shell-home .shop-pane-stats,
.shell-home .shop-pane-copy p,
.shell-home .shop-pane-item-copy p,
.shell-home .shop-pane-item-meta,
.shell-home .shop-cart-description,
.shell-home .shop-cart-meta,
.shell-home .shop-pane-confirm-copy,
.shell-home .shop-owner-order-meta,
.shell-home .shop-owner-field > span,
.shell-home .shop-owner-form-head span,
.shell-home .shop-owner-inline-label,
.shell-home .shop-owner-pickup-text,
.shell-home .shop-account-menu-copy span,
.shell-home .shop-account-note,
.shell-home .shop-login-field > span,
.shell-home .shop-login-status,
.shell-home .shop-empty-cart-copy span,
.shell-home .shop-state-card > span,
.shell-home .shop-concept-row-copy span,
.shell-home .shop-concept-row-meta,
.shell-home .shop-concept-inventory-line span {
  color: var(--muted) !important;
}

.shell-home .home-hash-logo,
.shell-home .shop-card-thumb,
.shell-home .shop-pane-copy-mark,
.shell-home .shop-pane-item-mark,
.shell-home .shop-cart-media,
.shell-home .shop-account-avatar,
.shell-home .shop-account-menu-icon,
.shell-home .shop-state-mascot,
.shell-home .shop-empty-cart-visual,
.shell-home .shop-owner-summary-mark,
.shell-home .shop-owner-logo-preview,
.shell-home .shop-owner-item-preview,
.shell-home .map-shop-marker,
.shell-home .map-user-marker,
.shell-home .home-bottom-link-icon,
.shell-home .shop-pane-chip,
.shell-home .shop-account-menu-label,
.shell-home .shop-owner-order-status,
.shell-home .shop-account-shop-count,
.shell-home .shop-owner-summary-kicker,
.shell-home .shop-owner-edit-pill,
.shell-home .shop-concept-lang,
.shell-home .shop-concept-metric {
  background: var(--accent) !important;
  background-image: none !important;
  border-color: var(--accent) !important;
  color: var(--bg) !important;
  box-shadow: none !important;
}

.shell-home .home-hash-logo::before,
.shell-home .home-hash-logo::after,
.shell-home .shop-card-thumb::before,
.shell-home .shop-card-thumb::after,
.shell-home .shop-pane-copy-mark::before,
.shell-home .shop-pane-copy-mark::after,
.shell-home .shop-pane-item-mark::before,
.shell-home .shop-pane-item-mark::after,
.shell-home .shop-cart-media::before,
.shell-home .shop-cart-media::after,
.shell-home .shop-account-menu-icon::before,
.shell-home .shop-account-menu-icon::after,
.shell-home .shop-state-face,
.shell-home .shop-state-face span,
.shell-home .shop-empty-cart-basket,
.shell-home .shop-empty-cart-basket span,
.shell-home .home-bottom-link-icon::before,
.shell-home .home-bottom-link-icon::after,
.shell-home .map-shop-marker::before,
.shell-home .map-shop-marker::after,
.shell-home .map-user-marker::before,
.shell-home .map-user-marker::after {
  background: var(--bg) !important;
  background-image: none !important;
  border-color: var(--bg) !important;
  box-shadow: none !important;
}

.shell-home button,
.shell-home .shop-cart-pay,
.shell-home .shop-owner-save,
.shell-home .shop-login-submit,
.shell-home .shop-empty-cart-action,
.shell-home .shop-state-action,
.shell-home .shop-concept-primary,
.shell-home .shop-concept-map-button,
.shell-home .shop-pane-quick-link.is-primary {
  background: var(--accent) !important;
  background-image: none !important;
  border-color: var(--accent) !important;
  color: var(--bg) !important;
  box-shadow: none !important;
}

.shell-home .brand,
.shell-home .shop-owner-chip-button,
.shell-home .shop-cart-pay-secondary,
.shell-home .shop-pane-quick-link,
.shell-home .shop-account-auth-links button,
.shell-home .shop-account-mini-button,
.shell-home .shop-concept-secondary,
.shell-home .shop-back-action,
.shell-home .shop-pane-toggle,
.shell-home .map-locate-button,
.shell-home .map-compass-button,
.shell-home .shop-pay-copy {
  background: var(--bg) !important;
  background-image: none !important;
  border-color: var(--line-strong) !important;
  color: var(--ink) !important;
  box-shadow: none !important;
}

.shell-home .home-bottom-nav {
  background: var(--panel-strong) !important;
  border-color: var(--line) !important;
}

.shell-home .home-bottom-link {
  background: transparent !important;
  border-color: transparent !important;
  color: var(--muted) !important;
}

.shell-home .home-bottom-link.is-active,
.shell-home .shop-owner-tab.is-active,
.shell-home .shop-pane-mode-card.is-selected,
.shell-home .shop-pay-card.is-selected,
.shell-home .shop-owner-item-select.is-selected,
.shell-home .shop-concept-tab.is-active,
.shell-home .shop-concept-switch.is-active {
  background: var(--accent) !important;
  border-color: var(--accent) !important;
  color: var(--bg) !important;
}

.shell-home .home-bottom-link.is-active *,
.shell-home .shop-owner-tab.is-active *,
.shell-home .shop-pane-mode-card.is-selected *,
.shell-home .shop-pay-card.is-selected *,
.shell-home .shop-owner-item-select.is-selected *,
.shell-home .shop-concept-tab.is-active *,
.shell-home .shop-concept-switch.is-active * {
  color: var(--bg) !important;
}

.shell-home input:focus,
.shell-home textarea:focus,
.shell-home select:focus,
.shell-home .shop-list-search:focus-within,
.shell-home .shop-login-input:focus,
.shell-home .shop-owner-input:focus,
.shell-home .shop-owner-textarea:focus,
.shell-home .shop-concept-input:focus,
.shell-home .shop-concept-textarea:focus {
  outline: 0 !important;
  border-color: var(--ink) !important;
  box-shadow: inset 0 0 0 1px var(--ink) !important;
}

.shell-home .shop-pane-notice,
.shell-home .shop-login-status.is-success,
.shell-home .shop-account-status.is-success,
.shell-home .shop-owner-status.is-success,
.shell-home .shop-pane-notice.is-error,
.shell-home .shop-login-status.is-error,
.shell-home .shop-account-status.is-error,
.shell-home .shop-owner-status.is-error,
.shell-home .shop-owner-chip-button.is-danger,
.shell-home .shop-cart-pay-secondary.is-danger {
  background: var(--panel) !important;
  border-color: var(--line-strong) !important;
  color: var(--ink) !important;
}

.shell-home .map-screen {
  background: var(--bg) !important;
}

.shell-home .discovery-map,
.shell-home .discovery-map > div,
.shell-home .discovery-map.is-leaflet-map,
.shell-home .discovery-map.is-google-map,
.shell-home .leaflet-container,
.shell-home .leaflet-pane,
.shell-home .leaflet-map-pane,
.shell-home .leaflet-tile-pane,
.shell-home .leaflet-overlay-pane,
.shell-home .gm-style,
.shell-home .shop-owner-pickup-map {
  background: #d8d0bc !important;
  pointer-events: auto !important;
  touch-action: none !important;
}

.shell-home .leaflet-tile,
.shell-home .hashop-map-standard-tile,
.shell-home .hashop-map-readable-tile,
.shell-home .hashop-map-hot-tile,
.shell-home .hashop-map-dark-tile,
.shell-home .gm-style img {
  filter: none !important;
  opacity: 1 !important;
  mix-blend-mode: normal !important;
}

.shell-home .leaflet-control-attribution,
.shell-home .leaflet-control-attribution a {
  background: var(--bg) !important;
  border-color: var(--line) !important;
  color: var(--ink) !important;
}

/* Iteration 033: controls are lines, not boxed containers. */
.shell-home button,
.shell-home .shop-cart-pay,
.shell-home .shop-owner-save,
.shell-home .shop-login-submit,
.shell-home .shop-empty-cart-action,
.shell-home .shop-state-action,
.shell-home .shop-concept-primary,
.shell-home .shop-concept-map-button,
.shell-home .shop-pane-quick-link,
.shell-home .shop-owner-chip-button,
.shell-home .shop-cart-pay-secondary,
.shell-home .shop-account-auth-links button,
.shell-home .shop-account-mini-button,
.shell-home .shop-concept-secondary,
.shell-home .shop-back-action,
.shell-home .shop-pane-toggle,
.shell-home .shop-pay-copy,
.shell-home .shop-owner-tab,
.shell-home .shop-concept-tab,
.shell-home .shop-concept-switch,
.shell-home .shop-pane-mode-card,
.shell-home .shop-pay-card,
.shell-home .shop-account-big-action,
.shell-home .shop-account-shop,
.shell-home .shop-owner-item-select,
.shell-home .shop-cart-step,
.shell-home .shop-item-step,
.shell-home .shop-owner-step,
.shell-home .map-locate-button,
.shell-home .map-compass-button {
  background: transparent !important;
  background-image: none !important;
  border-color: var(--line-strong) !important;
  border-style: solid !important;
  border-width: 1px 0 !important;
  border-radius: 0 !important;
  color: var(--ink) !important;
  box-shadow: none !important;
}

.shell-home button::before,
.shell-home button::after,
.shell-home .shop-cart-pay::before,
.shell-home .shop-cart-pay::after,
.shell-home .shop-owner-save::before,
.shell-home .shop-owner-save::after,
.shell-home .shop-login-submit::before,
.shell-home .shop-login-submit::after,
.shell-home .shop-empty-cart-action::before,
.shell-home .shop-empty-cart-action::after,
.shell-home .shop-state-action::before,
.shell-home .shop-state-action::after,
.shell-home .shop-concept-primary::before,
.shell-home .shop-concept-primary::after,
.shell-home .shop-concept-map-button::before,
.shell-home .shop-concept-map-button::after {
  background: transparent !important;
  background-image: none !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

.shell-home .home-bottom-link,
.shell-home .home-bottom-link.is-active {
  background: transparent !important;
  background-image: none !important;
  border-color: var(--line) !important;
  border-style: solid !important;
  border-width: 1px 0 0 !important;
  border-radius: 0 !important;
  color: var(--muted) !important;
  box-shadow: none !important;
}

.shell-home .home-bottom-link.is-active,
.shell-home .shop-owner-tab.is-active,
.shell-home .shop-pane-mode-card.is-selected,
.shell-home .shop-pay-card.is-selected,
.shell-home .shop-owner-item-select.is-selected,
.shell-home .shop-concept-tab.is-active,
.shell-home .shop-concept-switch.is-active {
  background: transparent !important;
  border-color: var(--ink) !important;
  border-width: 2px 0 !important;
  color: var(--ink) !important;
}

.shell-home .home-bottom-link.is-active *,
.shell-home .shop-owner-tab.is-active *,
.shell-home .shop-pane-mode-card.is-selected *,
.shell-home .shop-pay-card.is-selected *,
.shell-home .shop-owner-item-select.is-selected *,
.shell-home .shop-concept-tab.is-active *,
.shell-home .shop-concept-switch.is-active * {
  color: var(--ink) !important;
}

.shell-home .shop-cart-step,
.shell-home .shop-item-step,
.shell-home .shop-owner-step {
  min-width: 1.9rem !important;
  min-height: 1.9rem !important;
  padding-inline: 0 !important;
}

.shell-home .map-locate-button,
.shell-home .map-compass-button {
  background: var(--bg) !important;
}

/* Iteration 034: stronger specificity for map tiles and old pill controls. */
.shell-home[data-hashop-map-theme] .leaflet-tile,
.shell-home[data-hashop-map-theme] .hashop-map-standard-tile,
.shell-home[data-hashop-map-theme] .hashop-map-readable-tile,
.shell-home[data-hashop-map-theme] .hashop-map-hot-tile,
.shell-home[data-hashop-map-theme] .hashop-map-dark-tile,
.shell-home[data-hashop-map-theme] .gm-style img {
  filter: none !important;
  opacity: 1 !important;
  mix-blend-mode: normal !important;
}

/* Iteration 037 final: unboxed listing rows must win after theme color rules. */
.shell-home .shop-list-panel .shop-card,
.shell-home .shop-list-panel.is-root-view .shop-card,
.shell-home .shop-list-panel[data-pane-mode] .shop-card,
.shell-home .shop-list-panel .shop-discovery-card,
.shell-home .shop-list-panel .shop-item-discovery-card,
.shell-home .shop-list-panel .shop-pane-item,
.shell-home .shop-list-panel .shop-owner-order-card,
.shell-home .shop-list-panel .shop-buyer-order-card,
.shell-home .shop-list-panel .shop-owner-item-select,
.shell-home .shop-list-panel .shop-owner-draft-card,
.shell-home .shop-list-panel .shop-cart-row,
.shell-home .shop-list-panel .shop-cart-rich-row,
.shell-home[data-hashop-screen="account"] .shop-account-menu-row,
.shell-home[data-hashop-screen="account"] .shop-account-record-row,
.shell-home[data-hashop-screen="account"] .shop-account-big-action,
.shell-home[data-hashop-screen="account"] .shop-account-shop,
.shell-home[data-hashop-screen="account"] .shop-buyer-order-card {
  background: transparent !important;
  background-image: none !important;
  border-color: #3b300e !important;
  border-style: solid !important;
  border-width: 0 0 1px !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.shell-home .shop-list-panel .shop-card::before,
.shell-home .shop-list-panel .shop-card::after,
.shell-home .shop-list-panel .shop-discovery-card::before,
.shell-home .shop-list-panel .shop-discovery-card::after,
.shell-home .shop-list-panel .shop-item-discovery-card::before,
.shell-home .shop-list-panel .shop-item-discovery-card::after,
.shell-home .shop-list-panel .shop-pane-item::before,
.shell-home .shop-list-panel .shop-pane-item::after,
.shell-home .shop-list-panel .shop-owner-order-card::before,
.shell-home .shop-list-panel .shop-owner-order-card::after,
.shell-home .shop-list-panel .shop-buyer-order-card::before,
.shell-home .shop-list-panel .shop-buyer-order-card::after,
.shell-home[data-hashop-screen="account"] .shop-account-menu-row::before,
.shell-home[data-hashop-screen="account"] .shop-account-menu-row::after,
.shell-home[data-hashop-screen="account"] .shop-account-record-row::before,
.shell-home[data-hashop-screen="account"] .shop-account-record-row::after,
.shell-home[data-hashop-screen="account"] .shop-account-big-action::before,
.shell-home[data-hashop-screen="account"] .shop-account-big-action::after,
.shell-home[data-hashop-screen="account"] .shop-account-shop::before,
.shell-home[data-hashop-screen="account"] .shop-account-shop::after {
  content: none !important;
  display: none !important;
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

.shell-home[data-hashop-screen="account"] .shop-account-menu-card,
.shell-home[data-hashop-screen="account"] .shop-account-location-card,
.shell-home[data-hashop-screen="account"] .shop-account-form-card,
.shell-home[data-hashop-screen="account"] .shop-account-signout-card,
.shell-home[data-hashop-screen="account"] .shop-account-state-card,
.shell-home[data-hashop-screen="account"] .shop-account-section,
.shell-home[data-hashop-screen="account"] .shop-owner-order-list,
.shell-home .shop-list-panel .shop-owner-order-list,
.shell-home .shop-list-panel .shop-owner-item-list,
.shell-home .shop-list-panel .shop-pane-items,
.shell-home .shop-list-panel .shop-pane-cart-items {
  background: transparent !important;
  background-image: none !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

/* Iteration 040: true final rinse. Utility colors stay black/white; gold is outline/icon only. */
body:has(.shell-home) {
  background: #000000 !important;
}

body:has(.shell-home[data-hashop-map-theme="light"]) {
  background: #ffffff !important;
}

.shell-home[data-hashop-map-theme="light"] {
  --bg: #ffffff !important;
  --panel: #ffffff !important;
  --panel-soft: #f5f5f5 !important;
  --panel-raised: #eeeeee !important;
  --line: #d9d9d9 !important;
  --line-strong: #8a8a8a !important;
  --outline-gold: #8c742f !important;
  --ink: #050505 !important;
  --muted: #606060 !important;
  --shop-color: #8c742f !important;
  background: var(--bg) !important;
  color: var(--ink) !important;
}

.shell-home,
.shell-home .home-stage,
.shell-home .home-chrome,
.shell-home .map-screen,
.shell-home .shop-list-panel,
.shell-home .shop-list-grid,
.shell-home .shop-panel-bar,
.shell-home .shop-list-head,
.shell-home .shop-pane-detail,
.shell-home .shop-pane-cart-screen,
.shell-home .shop-pane-confirm-screen,
.shell-home .shop-owner-stack,
.shell-home .shop-account-stack,
.shell-home .shop-login-form {
  background: var(--bg) !important;
  background-image: none !important;
  color: var(--ink) !important;
}

.shell-home .home-chrome,
.shell-home .home-bottom-nav,
.shell-home .shop-list-panel,
.shell-home .shop-pane-cart,
.shell-home .shop-pane-confirm-card,
.shell-home .shop-owner-form,
.shell-home .shop-owner-section,
.shell-home .shop-owner-summary-card,
.shell-home .shop-owner-item-card,
.shell-home .shop-account-hero-card,
.shell-home .shop-account-location-card,
.shell-home .shop-account-menu-card,
.shell-home .shop-account-form-card,
.shell-home .shop-account-state-card,
.shell-home .shop-account-signout-card,
.shell-home .shop-login-form,
.shell-home .shop-buyer-auth-form,
.shell-home .shop-state-card,
.shell-home .shop-empty-cart-card,
.shell-home .shop-pay-card,
.shell-home .shop-pane-mode-card,
.shell-home .shop-concept-card,
.shell-home .shop-concept-form,
.shell-home .shop-concept-panel,
.shell-home .shop-concept-step,
.shell-home .shop-concept-field {
  background: var(--panel) !important;
  background-image: none !important;
  border-color: var(--line) !important;
  color: var(--ink) !important;
  box-shadow: none !important;
}

.shell-home .shop-list-panel .shop-card,
.shell-home .shop-list-panel.is-root-view .shop-card,
.shell-home .shop-list-panel[data-pane-mode] .shop-card,
.shell-home .shop-list-panel .shop-discovery-card,
.shell-home .shop-list-panel .shop-item-discovery-card,
.shell-home .shop-list-panel .shop-pane-item,
.shell-home .shop-list-panel .shop-owner-order-card,
.shell-home .shop-list-panel .shop-buyer-order-card,
.shell-home .shop-list-panel .shop-owner-item-select,
.shell-home .shop-list-panel .shop-owner-draft-card,
.shell-home .shop-list-panel .shop-cart-row,
.shell-home .shop-list-panel .shop-cart-rich-row,
.shell-home .shop-list-panel .shop-concept-row,
.shell-home .shop-list-panel .shop-concept-inventory-line,
.shell-home[data-hashop-screen="account"] .shop-account-menu-row,
.shell-home[data-hashop-screen="account"] .shop-account-record-row,
.shell-home[data-hashop-screen="account"] .shop-account-big-action,
.shell-home[data-hashop-screen="account"] .shop-account-shop,
.shell-home[data-hashop-screen="account"] .shop-buyer-order-card {
  background: transparent !important;
  background-image: none !important;
  border-color: var(--line) !important;
  border-style: solid !important;
  border-width: 0 0 1px !important;
  border-radius: 0 !important;
  color: var(--ink) !important;
  box-shadow: none !important;
}

.shell-home .shop-pane-cart,
.shell-home .shop-pane-confirm-card {
  background: var(--panel) !important;
  background-image: none !important;
  border: 1px solid var(--line) !important;
  border-radius: 0 !important;
  color: var(--ink) !important;
  box-shadow: none !important;
}

.shell-home .shop-pane-cart .shop-cart-row,
.shell-home .shop-pane-cart .shop-cart-rich-row,
.shell-home .shop-pane-confirm-card .shop-cart-row,
.shell-home .shop-pane-confirm-card .shop-cart-rich-row,
.shell-home .shop-pane-confirm-items .shop-cart-rich-row,
.shell-home .shop-order-compact-items .shop-cart-rich-row {
  background: var(--panel-soft) !important;
  background-image: none !important;
  border-color: var(--line) !important;
  border-style: solid !important;
  border-width: 0 0 1px !important;
  border-radius: 0 !important;
  color: var(--ink) !important;
  box-shadow: none !important;
}

.shell-home h1,
.shell-home h2,
.shell-home h3,
.shell-home strong,
.shell-home b,
.shell-home .brand,
.shell-home .brand-name,
.shell-home .home-brand-name,
.shell-home .shop-card-title-block strong,
.shell-home .shop-pane-copy h2,
.shell-home .shop-pane-cart-title h2,
.shell-home .shop-cart-rich-row .shop-cart-copy strong,
.shell-home .shop-cart-line-total,
.shell-home .shop-owner-form-head strong,
.shell-home .shop-account-profile-copy strong,
.shell-home .shop-account-menu-copy strong,
.shell-home .shop-account-section-head strong,
.shell-home .shop-login-hero strong,
.shell-home .shop-empty-cart-copy strong,
.shell-home .shop-state-card strong,
.shell-home .shop-concept-row-copy strong {
  color: var(--ink) !important;
  -webkit-text-fill-color: var(--ink) !important;
}

.shell-home p,
.shell-home small,
.shell-home code,
.shell-home .shop-card-subtitle,
.shell-home .shop-card-item,
.shell-home .shop-card-open,
.shell-home .shop-pane-distance,
.shell-home .shop-pane-stats,
.shell-home .shop-pane-copy p,
.shell-home .shop-pane-item-copy p,
.shell-home .shop-pane-item-meta,
.shell-home .shop-cart-description,
.shell-home .shop-cart-meta,
.shell-home .shop-pane-confirm-copy,
.shell-home .shop-owner-order-meta,
.shell-home .shop-owner-field > span,
.shell-home .shop-owner-form-head span,
.shell-home .shop-owner-inline-label,
.shell-home .shop-owner-pickup-text,
.shell-home .shop-account-menu-copy span,
.shell-home .shop-account-note,
.shell-home .shop-login-field > span,
.shell-home .shop-login-status,
.shell-home .shop-empty-cart-copy span,
.shell-home .shop-state-card > span,
.shell-home .shop-concept-row-copy span,
.shell-home .shop-concept-row-meta,
.shell-home .shop-concept-inventory-line span,
.shell-home .shop-owner-order-status {
  color: var(--muted) !important;
  -webkit-text-fill-color: var(--muted) !important;
}

.shell-home button,
.shell-home .home-chrome .map-locate-button.home-locate-button,
.shell-home .map-locate-button.home-locate-button,
.shell-home #homeMapLocateAction,
.shell-home #homeMapCompassAction,
.shell-home .map-compass-button,
.shell-home .shop-list-panel .shop-pane-toggle,
.shell-home #shopPaneToggle,
.shell-home .shop-list-panel .shop-cart-pay,
.shell-home .shop-list-panel .shop-owner-save,
.shell-home .shop-list-panel .shop-login-submit,
.shell-home .shop-list-panel .shop-empty-cart-action,
.shell-home .shop-list-panel .shop-state-action,
.shell-home .shop-list-panel .shop-owner-chip-button,
.shell-home .shop-list-panel .shop-account-mini-button,
.shell-home .shop-list-panel .shop-account-auth-links button,
.shell-home .shop-list-panel .shop-pane-quick-link,
.shell-home .shop-list-panel .shop-concept-primary,
.shell-home .shop-list-panel .shop-concept-secondary,
.shell-home .shop-list-panel .shop-concept-map-button,
.shell-home .shop-list-panel .shop-owner-tab,
.shell-home .shop-list-panel .shop-concept-tab,
.shell-home .shop-list-panel .shop-concept-switch,
.shell-home .shop-list-panel .shop-pane-mode-card,
.shell-home .shop-list-panel .shop-pay-card,
.shell-home .shop-list-panel .shop-account-big-action,
.shell-home .shop-list-panel .shop-account-shop,
.shell-home .shop-list-panel .shop-owner-item-select {
  background: transparent !important;
  background-image: none !important;
  border-color: var(--outline-gold) !important;
  border-style: solid !important;
  border-width: 1px 0 !important;
  border-radius: 0 !important;
  color: var(--ink) !important;
  -webkit-text-fill-color: var(--ink) !important;
  box-shadow: none !important;
}

.shell-home .home-bottom-link,
.shell-home .home-bottom-link.is-active,
.shell-home .shop-list-panel .home-bottom-link.is-active,
.shell-home .shop-list-panel .shop-owner-tab.is-active,
.shell-home .shop-list-panel .shop-pane-mode-card.is-selected,
.shell-home .shop-list-panel .shop-pay-card.is-selected,
.shell-home .shop-list-panel .shop-owner-item-select.is-selected,
.shell-home .shop-list-panel .shop-concept-tab.is-active,
.shell-home .shop-list-panel .shop-concept-switch.is-active {
  background: transparent !important;
  background-image: none !important;
  border-color: var(--outline-gold) !important;
  color: var(--ink) !important;
  -webkit-text-fill-color: var(--ink) !important;
  box-shadow: none !important;
}

.shell-home .home-bottom-link.is-active,
.shell-home .shop-list-panel .home-bottom-link.is-active {
  border-width: 1px 0 2px !important;
}

.shell-home .home-hash-logo,
.shell-home .shop-account-avatar,
.shell-home .shop-pane-chip,
.shell-home .shop-account-menu-label,
.shell-home .shop-account-shop-count,
.shell-home .shop-owner-summary-kicker,
.shell-home .shop-owner-edit-pill,
.shell-home .shop-concept-lang,
.shell-home .shop-concept-metric {
  background: transparent !important;
  background-image: none !important;
  border-color: var(--outline-gold) !important;
  color: var(--outline-gold) !important;
  -webkit-text-fill-color: var(--outline-gold) !important;
  box-shadow: none !important;
}

.shell-home .shop-card-thumb,
.shell-home .shop-pane-copy-mark,
.shell-home .shop-pane-item-mark,
.shell-home .shop-cart-media,
.shell-home .shop-state-mascot,
.shell-home .shop-empty-cart-visual,
.shell-home .shop-owner-summary-mark,
.shell-home .shop-owner-logo-preview,
.shell-home .shop-owner-item-preview,
.shell-home .map-shop-marker,
.shell-home .map-user-marker,
.shell-home .shop-account-menu-icon,
.shell-home .home-bottom-link-icon,
.shell-home .map-locate-button-icon {
  background: var(--outline-gold) !important;
  background-image: none !important;
  border-color: var(--outline-gold) !important;
  color: var(--outline-gold) !important;
  -webkit-text-fill-color: var(--outline-gold) !important;
  box-shadow: none !important;
}

.shell-home .shop-account-menu-icon,
.shell-home .home-bottom-link-icon,
.shell-home .map-locate-button-icon {
  background: currentColor !important;
}

.shell-home .shop-list-search,
.shell-home .shop-list-search-input,
.shell-home .shop-login-input,
.shell-home .shop-account-textarea,
.shell-home .shop-owner-input,
.shell-home .shop-owner-textarea,
.shell-home .shop-concept-input,
.shell-home .shop-concept-textarea,
.shell-home input,
.shell-home textarea,
.shell-home select {
  background: var(--bg) !important;
  background-image: none !important;
  border-color: var(--line) !important;
  color: var(--ink) !important;
  -webkit-text-fill-color: var(--ink) !important;
  box-shadow: none !important;
}

.shell-home input::placeholder,
.shell-home textarea::placeholder,
.shell-home .shop-list-search-input::placeholder {
  color: var(--muted) !important;
  -webkit-text-fill-color: var(--muted) !important;
  opacity: 0.72 !important;
}

.shell-home .shop-list-panel .shop-card::before,
.shell-home .shop-list-panel .shop-card::after,
.shell-home .shop-list-panel .shop-discovery-card::before,
.shell-home .shop-list-panel .shop-discovery-card::after,
.shell-home .shop-list-panel .shop-item-discovery-card::before,
.shell-home .shop-list-panel .shop-item-discovery-card::after,
.shell-home .shop-list-panel .shop-pane-item::before,
.shell-home .shop-list-panel .shop-pane-item::after,
.shell-home .shop-list-panel .shop-owner-order-card::before,
.shell-home .shop-list-panel .shop-owner-order-card::after,
.shell-home .shop-list-panel .shop-buyer-order-card::before,
.shell-home .shop-list-panel .shop-buyer-order-card::after,
.shell-home[data-hashop-screen="account"] .shop-account-menu-row::before,
.shell-home[data-hashop-screen="account"] .shop-account-menu-row::after,
.shell-home[data-hashop-screen="account"] .shop-account-record-row::before,
.shell-home[data-hashop-screen="account"] .shop-account-record-row::after,
.shell-home[data-hashop-screen="account"] .shop-account-big-action::before,
.shell-home[data-hashop-screen="account"] .shop-account-big-action::after,
.shell-home[data-hashop-screen="account"] .shop-account-shop::before,
.shell-home[data-hashop-screen="account"] .shop-account-shop::after {
  content: none !important;
  display: none !important;
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

.shell-home[data-hashop-map-theme] .leaflet-tile,
.shell-home[data-hashop-map-theme] .hashop-map-standard-tile,
.shell-home[data-hashop-map-theme] .hashop-map-readable-tile,
.shell-home[data-hashop-map-theme] .hashop-map-hot-tile,
.shell-home[data-hashop-map-theme] .hashop-map-dark-tile,
.shell-home[data-hashop-map-theme] .gm-style img {
  filter: none !important;
  opacity: 1 !important;
  mix-blend-mode: normal !important;
}

/* Iteration 039: final state rinse. Day is white/black, night is black/white. */
body:has(.shell-home) {
  background: #000000 !important;
}

body:has(.shell-home[data-hashop-map-theme="light"]) {
  background: #ffffff !important;
}

.shell-home[data-hashop-map-theme="light"] {
  --bg: #ffffff !important;
  --panel: #ffffff !important;
  --panel-soft: #f6f6f6 !important;
  --panel-raised: #eeeeee !important;
  --line: #d8d8d8 !important;
  --line-strong: #8a8a8a !important;
  --ink: #050505 !important;
  --muted: #5f5f5f !important;
  --accent: #000000 !important;
  --accent-ink: #ffffff !important;
  --shop-color: #000000 !important;
  background: var(--bg) !important;
  color: var(--ink) !important;
}

.shell-home,
.shell-home .home-stage,
.shell-home .home-chrome,
.shell-home .map-screen,
.shell-home .shop-list-panel,
.shell-home .shop-list-grid,
.shell-home .shop-panel-bar,
.shell-home .shop-list-head,
.shell-home .shop-pane-detail,
.shell-home .shop-pane-cart-screen,
.shell-home .shop-pane-confirm-screen,
.shell-home .shop-owner-stack,
.shell-home .shop-account-stack,
.shell-home .shop-login-form {
  background: var(--bg) !important;
  background-image: none !important;
  color: var(--ink) !important;
}

.shell-home .home-chrome,
.shell-home .home-bottom-nav,
.shell-home .shop-list-panel,
.shell-home .shop-pane-cart,
.shell-home .shop-pane-confirm-card,
.shell-home .shop-owner-form,
.shell-home .shop-owner-section,
.shell-home .shop-owner-summary-card,
.shell-home .shop-owner-item-card,
.shell-home .shop-account-hero-card,
.shell-home .shop-account-location-card,
.shell-home .shop-account-menu-card,
.shell-home .shop-account-form-card,
.shell-home .shop-account-state-card,
.shell-home .shop-account-signout-card,
.shell-home .shop-login-form,
.shell-home .shop-buyer-auth-form,
.shell-home .shop-state-card,
.shell-home .shop-empty-cart-card,
.shell-home .shop-pay-card,
.shell-home .shop-pane-mode-card,
.shell-home .shop-concept-card,
.shell-home .shop-concept-form,
.shell-home .shop-concept-panel,
.shell-home .shop-concept-step,
.shell-home .shop-concept-field {
  background: var(--panel) !important;
  background-image: none !important;
  border-color: var(--line) !important;
  color: var(--ink) !important;
  box-shadow: none !important;
}

.shell-home .shop-list-panel .shop-card,
.shell-home .shop-list-panel.is-root-view .shop-card,
.shell-home .shop-list-panel[data-pane-mode] .shop-card,
.shell-home .shop-list-panel .shop-discovery-card,
.shell-home .shop-list-panel .shop-item-discovery-card,
.shell-home .shop-list-panel .shop-pane-item,
.shell-home .shop-list-panel .shop-owner-order-card,
.shell-home .shop-list-panel .shop-buyer-order-card,
.shell-home .shop-list-panel .shop-owner-item-select,
.shell-home .shop-list-panel .shop-owner-draft-card,
.shell-home .shop-list-panel .shop-cart-row,
.shell-home .shop-list-panel .shop-cart-rich-row,
.shell-home .shop-list-panel .shop-concept-row,
.shell-home .shop-list-panel .shop-concept-inventory-line,
.shell-home[data-hashop-screen="account"] .shop-account-menu-row,
.shell-home[data-hashop-screen="account"] .shop-account-record-row,
.shell-home[data-hashop-screen="account"] .shop-account-big-action,
.shell-home[data-hashop-screen="account"] .shop-account-shop,
.shell-home[data-hashop-screen="account"] .shop-buyer-order-card {
  background: transparent !important;
  background-image: none !important;
  border-color: var(--line) !important;
  border-style: solid !important;
  border-width: 0 0 1px !important;
  border-radius: 0 !important;
  color: var(--ink) !important;
  box-shadow: none !important;
}

.shell-home .shop-pane-cart,
.shell-home .shop-pane-confirm-card {
  background: var(--panel) !important;
  background-image: none !important;
  border: 1px solid var(--line) !important;
  border-radius: 0 !important;
  color: var(--ink) !important;
  box-shadow: none !important;
}

.shell-home .shop-pane-cart .shop-cart-row,
.shell-home .shop-pane-cart .shop-cart-rich-row,
.shell-home .shop-pane-confirm-card .shop-cart-row,
.shell-home .shop-pane-confirm-card .shop-cart-rich-row,
.shell-home .shop-pane-confirm-items .shop-cart-rich-row,
.shell-home .shop-order-compact-items .shop-cart-rich-row {
  background: var(--panel-soft) !important;
  background-image: none !important;
  border-color: var(--line) !important;
  border-style: solid !important;
  border-width: 0 0 1px !important;
  border-radius: 0 !important;
  color: var(--ink) !important;
  box-shadow: none !important;
}

.shell-home h1,
.shell-home h2,
.shell-home h3,
.shell-home strong,
.shell-home b,
.shell-home .brand,
.shell-home .brand-name,
.shell-home .home-brand-name,
.shell-home .shop-card-title-block strong,
.shell-home .shop-pane-copy h2,
.shell-home .shop-pane-cart-title h2,
.shell-home .shop-cart-rich-row .shop-cart-copy strong,
.shell-home .shop-cart-line-total,
.shell-home .shop-owner-form-head strong,
.shell-home .shop-account-profile-copy strong,
.shell-home .shop-account-menu-copy strong,
.shell-home .shop-account-section-head strong,
.shell-home .shop-login-hero strong,
.shell-home .shop-empty-cart-copy strong,
.shell-home .shop-state-card strong,
.shell-home .shop-concept-row-copy strong {
  color: var(--ink) !important;
  -webkit-text-fill-color: var(--ink) !important;
}

.shell-home p,
.shell-home small,
.shell-home code,
.shell-home .shop-card-subtitle,
.shell-home .shop-card-item,
.shell-home .shop-card-open,
.shell-home .shop-pane-distance,
.shell-home .shop-pane-stats,
.shell-home .shop-pane-copy p,
.shell-home .shop-pane-item-copy p,
.shell-home .shop-pane-item-meta,
.shell-home .shop-cart-description,
.shell-home .shop-cart-meta,
.shell-home .shop-pane-confirm-copy,
.shell-home .shop-owner-order-meta,
.shell-home .shop-owner-field > span,
.shell-home .shop-owner-form-head span,
.shell-home .shop-owner-inline-label,
.shell-home .shop-owner-pickup-text,
.shell-home .shop-account-menu-copy span,
.shell-home .shop-account-note,
.shell-home .shop-login-field > span,
.shell-home .shop-login-status,
.shell-home .shop-empty-cart-copy span,
.shell-home .shop-state-card > span,
.shell-home .shop-concept-row-copy span,
.shell-home .shop-concept-row-meta,
.shell-home .shop-concept-inventory-line span,
.shell-home .shop-owner-order-status {
  color: var(--muted) !important;
  -webkit-text-fill-color: var(--muted) !important;
}

.shell-home button,
.shell-home .home-chrome .map-locate-button.home-locate-button,
.shell-home .map-locate-button.home-locate-button,
.shell-home #homeMapLocateAction,
.shell-home #homeMapCompassAction,
.shell-home .map-compass-button,
.shell-home .shop-list-panel .shop-pane-toggle,
.shell-home #shopPaneToggle,
.shell-home .shop-list-panel .shop-cart-pay,
.shell-home .shop-list-panel .shop-owner-save,
.shell-home .shop-list-panel .shop-login-submit,
.shell-home .shop-list-panel .shop-empty-cart-action,
.shell-home .shop-list-panel .shop-state-action,
.shell-home .shop-list-panel .shop-owner-chip-button,
.shell-home .shop-list-panel .shop-account-mini-button,
.shell-home .shop-list-panel .shop-account-auth-links button,
.shell-home .shop-list-panel .shop-pane-quick-link,
.shell-home .shop-list-panel .shop-concept-primary,
.shell-home .shop-list-panel .shop-concept-secondary,
.shell-home .shop-list-panel .shop-concept-map-button,
.shell-home .shop-list-panel .shop-owner-tab,
.shell-home .shop-list-panel .shop-concept-tab,
.shell-home .shop-list-panel .shop-concept-switch,
.shell-home .shop-list-panel .shop-pane-mode-card,
.shell-home .shop-list-panel .shop-pay-card,
.shell-home .shop-list-panel .shop-account-big-action,
.shell-home .shop-list-panel .shop-account-shop,
.shell-home .shop-list-panel .shop-owner-item-select {
  background: transparent !important;
  background-image: none !important;
  border-color: var(--line-strong) !important;
  border-style: solid !important;
  border-width: 1px 0 !important;
  border-radius: 0 !important;
  color: var(--ink) !important;
  -webkit-text-fill-color: var(--ink) !important;
  box-shadow: none !important;
}

.shell-home .home-bottom-link.is-active,
.shell-home .shop-list-panel .home-bottom-link.is-active,
.shell-home .shop-list-panel .shop-owner-tab.is-active,
.shell-home .shop-list-panel .shop-pane-mode-card.is-selected,
.shell-home .shop-list-panel .shop-pay-card.is-selected,
.shell-home .shop-list-panel .shop-owner-item-select.is-selected,
.shell-home .shop-list-panel .shop-concept-tab.is-active,
.shell-home .shop-list-panel .shop-concept-switch.is-active {
  background: var(--accent) !important;
  background-image: none !important;
  border-color: var(--accent) !important;
  color: var(--accent-ink) !important;
  -webkit-text-fill-color: var(--accent-ink) !important;
}

.shell-home .home-hash-logo,
.shell-home .shop-card-thumb,
.shell-home .shop-pane-copy-mark,
.shell-home .shop-pane-item-mark,
.shell-home .shop-cart-media,
.shell-home .shop-account-avatar,
.shell-home .shop-state-mascot,
.shell-home .shop-empty-cart-visual,
.shell-home .shop-owner-summary-mark,
.shell-home .shop-owner-logo-preview,
.shell-home .shop-owner-item-preview,
.shell-home .map-shop-marker,
.shell-home .map-user-marker,
.shell-home .shop-pane-chip,
.shell-home .shop-account-menu-label,
.shell-home .shop-account-shop-count,
.shell-home .shop-owner-summary-kicker,
.shell-home .shop-owner-edit-pill,
.shell-home .shop-concept-lang,
.shell-home .shop-concept-metric {
  background: var(--accent) !important;
  background-image: none !important;
  border-color: var(--accent) !important;
  color: var(--accent-ink) !important;
  -webkit-text-fill-color: var(--accent-ink) !important;
  box-shadow: none !important;
}

.shell-home .shop-account-menu-icon,
.shell-home .home-bottom-link-icon,
.shell-home .map-locate-button-icon {
  background: currentColor !important;
  border-color: currentColor !important;
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
  box-shadow: none !important;
}

.shell-home .home-bottom-link.is-active .home-bottom-link-icon {
  color: var(--accent-ink) !important;
  background: currentColor !important;
}

.shell-home .shop-list-search,
.shell-home .shop-list-search-input,
.shell-home .shop-login-input,
.shell-home .shop-account-textarea,
.shell-home .shop-owner-input,
.shell-home .shop-owner-textarea,
.shell-home .shop-concept-input,
.shell-home .shop-concept-textarea,
.shell-home input,
.shell-home textarea,
.shell-home select {
  background: var(--bg) !important;
  background-image: none !important;
  border-color: var(--line) !important;
  color: var(--ink) !important;
  -webkit-text-fill-color: var(--ink) !important;
  box-shadow: none !important;
}

.shell-home input::placeholder,
.shell-home textarea::placeholder,
.shell-home .shop-list-search-input::placeholder {
  color: var(--muted) !important;
  -webkit-text-fill-color: var(--muted) !important;
  opacity: 0.72 !important;
}

.shell-home .shop-list-panel .shop-card::before,
.shell-home .shop-list-panel .shop-card::after,
.shell-home .shop-list-panel .shop-discovery-card::before,
.shell-home .shop-list-panel .shop-discovery-card::after,
.shell-home .shop-list-panel .shop-item-discovery-card::before,
.shell-home .shop-list-panel .shop-item-discovery-card::after,
.shell-home .shop-list-panel .shop-pane-item::before,
.shell-home .shop-list-panel .shop-pane-item::after,
.shell-home .shop-list-panel .shop-owner-order-card::before,
.shell-home .shop-list-panel .shop-owner-order-card::after,
.shell-home .shop-list-panel .shop-buyer-order-card::before,
.shell-home .shop-list-panel .shop-buyer-order-card::after,
.shell-home[data-hashop-screen="account"] .shop-account-menu-row::before,
.shell-home[data-hashop-screen="account"] .shop-account-menu-row::after,
.shell-home[data-hashop-screen="account"] .shop-account-record-row::before,
.shell-home[data-hashop-screen="account"] .shop-account-record-row::after,
.shell-home[data-hashop-screen="account"] .shop-account-big-action::before,
.shell-home[data-hashop-screen="account"] .shop-account-big-action::after,
.shell-home[data-hashop-screen="account"] .shop-account-shop::before,
.shell-home[data-hashop-screen="account"] .shop-account-shop::after {
  content: none !important;
  display: none !important;
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

.shell-home[data-hashop-map-theme] .leaflet-tile,
.shell-home[data-hashop-map-theme] .hashop-map-standard-tile,
.shell-home[data-hashop-map-theme] .hashop-map-readable-tile,
.shell-home[data-hashop-map-theme] .hashop-map-hot-tile,
.shell-home[data-hashop-map-theme] .hashop-map-dark-tile,
.shell-home[data-hashop-map-theme] .gm-style img {
  filter: none !important;
  opacity: 1 !important;
  mix-blend-mode: normal !important;
}

.shell-home h1,
.shell-home h2,
.shell-home h3,
.shell-home strong,
.shell-home .brand,
.shell-home .brand-name,
.shell-home .home-brand-name,
.shell-home .shop-card-title-block strong,
.shell-home .shop-pane-copy h2,
.shell-home .shop-pane-cart-title h2,
.shell-home .shop-owner-form-head strong,
.shell-home .shop-account-profile-copy strong,
.shell-home .shop-account-menu-copy strong,
.shell-home .shop-account-section-head strong,
.shell-home .shop-login-hero strong,
.shell-home .shop-empty-cart-copy strong,
.shell-home .shop-state-card strong,
.shell-home .shop-concept-row-copy strong {
  color: #e8e1d2 !important;
  -webkit-text-fill-color: #e8e1d2 !important;
}

.shell-home p,
.shell-home small,
.shell-home code,
.shell-home .shop-card-subtitle,
.shell-home .shop-card-item,
.shell-home .shop-card-open,
.shell-home .shop-pane-distance,
.shell-home .shop-pane-stats,
.shell-home .shop-pane-copy p,
.shell-home .shop-pane-item-copy p,
.shell-home .shop-pane-item-meta,
.shell-home .shop-cart-description,
.shell-home .shop-cart-meta,
.shell-home .shop-pane-confirm-copy,
.shell-home .shop-owner-order-meta,
.shell-home .shop-owner-field > span,
.shell-home .shop-owner-form-head span,
.shell-home .shop-owner-inline-label,
.shell-home .shop-owner-pickup-text,
.shell-home .shop-account-menu-copy span,
.shell-home .shop-account-note,
.shell-home .shop-login-field > span,
.shell-home .shop-login-status,
.shell-home .shop-empty-cart-copy span,
.shell-home .shop-state-card > span,
.shell-home .shop-concept-row-copy span,
.shell-home .shop-concept-row-meta,
.shell-home .shop-concept-inventory-line span {
  color: #8c8474 !important;
  -webkit-text-fill-color: #8c8474 !important;
}

.shell-home .home-hash-logo,
.shell-home .shop-card-thumb,
.shell-home .shop-pane-copy-mark,
.shell-home .shop-pane-item-mark,
.shell-home .shop-cart-media,
.shell-home .shop-account-avatar,
.shell-home .shop-account-menu-icon,
.shell-home .shop-state-mascot,
.shell-home .shop-empty-cart-visual,
.shell-home .shop-owner-summary-mark,
.shell-home .shop-owner-logo-preview,
.shell-home .shop-owner-item-preview,
.shell-home .map-shop-marker,
.shell-home .map-user-marker,
.shell-home .home-bottom-link-icon,
.shell-home .shop-pane-chip,
.shell-home .shop-account-menu-label,
.shell-home .shop-owner-order-status,
.shell-home .shop-account-shop-count,
.shell-home .shop-owner-summary-kicker,
.shell-home .shop-owner-edit-pill,
.shell-home .shop-concept-lang,
.shell-home .shop-concept-metric {
  background: #9f7f35 !important;
  background-image: none !important;
  border-color: #9f7f35 !important;
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
  box-shadow: none !important;
}

.shell-home .shop-list-panel .shop-card,
.shell-home .shop-list-panel.is-root-view .shop-card,
.shell-home .shop-list-panel[data-pane-mode] .shop-card,
.shell-home .shop-list-panel .shop-discovery-card,
.shell-home .shop-list-panel .shop-item-discovery-card,
.shell-home .shop-list-panel .shop-pane-item,
.shell-home .shop-list-panel .shop-owner-order-card,
.shell-home .shop-list-panel .shop-buyer-order-card,
.shell-home .shop-list-panel .shop-owner-item-select,
.shell-home .shop-list-panel .shop-owner-draft-card,
.shell-home[data-hashop-screen="account"] .shop-account-menu-row,
.shell-home[data-hashop-screen="account"] .shop-account-record-row,
.shell-home[data-hashop-screen="account"] .shop-account-big-action,
.shell-home[data-hashop-screen="account"] .shop-account-shop,
.shell-home[data-hashop-screen="account"] .shop-buyer-order-card {
  background: transparent !important;
  background-image: none !important;
  border-color: #242016 !important;
  border-style: solid !important;
  border-width: 0 0 1px !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.shell-home .shop-pane-cart,
.shell-home .shop-pane-confirm-card {
  background: #030303 !important;
  background-image: none !important;
  border: 1px solid #242016 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.shell-home .shop-pane-cart-items {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

.shell-home .shop-pane-cart .shop-cart-row,
.shell-home .shop-pane-cart .shop-cart-rich-row,
.shell-home .shop-pane-confirm-card .shop-cart-row,
.shell-home .shop-pane-confirm-card .shop-cart-rich-row,
.shell-home .shop-pane-confirm-items .shop-cart-rich-row,
.shell-home .shop-order-compact-items .shop-cart-rich-row {
  background: #050505 !important;
  background-image: none !important;
  border-color: #242016 !important;
  border-style: solid !important;
  border-width: 0 0 1px !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.shell-home .shop-cart-rich-row .shop-cart-copy strong,
.shell-home .shop-cart-line-total {
  color: #e8e1d2 !important;
  -webkit-text-fill-color: #e8e1d2 !important;
}

.shell-home .shop-cart-description,
.shell-home .shop-cart-meta {
  color: #8c8474 !important;
  -webkit-text-fill-color: #8c8474 !important;
}

.shell-home button,
.shell-home .home-chrome .map-locate-button.home-locate-button,
.shell-home .map-locate-button.home-locate-button,
.shell-home #homeMapLocateAction,
.shell-home #homeMapCompassAction,
.shell-home .map-compass-button,
.shell-home .shop-list-panel .shop-pane-toggle,
.shell-home #shopPaneToggle,
.shell-home .shop-list-panel .shop-cart-pay,
.shell-home .shop-list-panel .shop-owner-save,
.shell-home .shop-list-panel .shop-login-submit,
.shell-home .shop-list-panel .shop-empty-cart-action,
.shell-home .shop-list-panel .shop-state-action,
.shell-home .shop-list-panel .shop-owner-chip-button,
.shell-home .shop-list-panel .shop-account-mini-button,
.shell-home .shop-list-panel .shop-account-auth-links button,
.shell-home .shop-list-panel .shop-pane-quick-link,
.shell-home .shop-list-panel .shop-concept-primary,
.shell-home .shop-list-panel .shop-concept-secondary,
.shell-home .shop-list-panel .shop-concept-map-button,
.shell-home .shop-list-panel .shop-owner-tab,
.shell-home .shop-list-panel .shop-concept-tab,
.shell-home .shop-list-panel .shop-concept-switch,
.shell-home .shop-list-panel .shop-pane-mode-card,
.shell-home .shop-list-panel .shop-pay-card,
.shell-home .shop-list-panel .shop-account-big-action,
.shell-home .shop-list-panel .shop-account-shop,
.shell-home .shop-list-panel .shop-owner-item-select {
  background: transparent !important;
  background-image: none !important;
  border-color: #58451f !important;
  border-style: solid !important;
  border-width: 1px 0 !important;
  border-radius: 0 !important;
  color: #e8e1d2 !important;
  -webkit-text-fill-color: #e8e1d2 !important;
  box-shadow: none !important;
}

.shell-home .shop-list-search,
.shell-home .shop-list-search-input,
.shell-home .shop-login-input,
.shell-home .shop-account-textarea,
.shell-home .shop-owner-input,
.shell-home .shop-owner-textarea,
.shell-home .shop-concept-input,
.shell-home .shop-concept-textarea,
.shell-home input,
.shell-home textarea,
.shell-home select {
  background: #000 !important;
  background-image: none !important;
  border-color: #242016 !important;
  color: #e8e1d2 !important;
  -webkit-text-fill-color: #e8e1d2 !important;
  box-shadow: none !important;
}

.shell-home input::placeholder,
.shell-home textarea::placeholder,
.shell-home .shop-list-search-input::placeholder {
  color: #6f6658 !important;
  -webkit-text-fill-color: #6f6658 !important;
}

.shell-home[data-hashop-map-theme] .leaflet-tile,
.shell-home[data-hashop-map-theme] .hashop-map-standard-tile,
.shell-home[data-hashop-map-theme] .hashop-map-readable-tile,
.shell-home[data-hashop-map-theme] .hashop-map-hot-tile,
.shell-home[data-hashop-map-theme] .hashop-map-dark-tile,
.shell-home[data-hashop-map-theme] .gm-style img {
  filter: none !important;
  opacity: 1 !important;
  mix-blend-mode: normal !important;
}

/* Iteration 037 final: unboxed listing rows must win after theme color rules. */
.shell-home .shop-list-panel .shop-card,
.shell-home .shop-list-panel.is-root-view .shop-card,
.shell-home .shop-list-panel[data-pane-mode] .shop-card,
.shell-home .shop-list-panel .shop-discovery-card,
.shell-home .shop-list-panel .shop-item-discovery-card,
.shell-home .shop-list-panel .shop-pane-item,
.shell-home .shop-list-panel .shop-owner-order-card,
.shell-home .shop-list-panel .shop-buyer-order-card,
.shell-home .shop-list-panel .shop-owner-item-select,
.shell-home .shop-list-panel .shop-owner-draft-card,
.shell-home .shop-list-panel .shop-cart-row,
.shell-home .shop-list-panel .shop-cart-rich-row,
.shell-home[data-hashop-screen="account"] .shop-account-menu-row,
.shell-home[data-hashop-screen="account"] .shop-account-record-row,
.shell-home[data-hashop-screen="account"] .shop-account-big-action,
.shell-home[data-hashop-screen="account"] .shop-account-shop,
.shell-home[data-hashop-screen="account"] .shop-buyer-order-card {
  background: transparent !important;
  background-image: none !important;
  border-color: #3b300e !important;
  border-style: solid !important;
  border-width: 0 0 1px !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.shell-home .shop-list-panel .shop-card::before,
.shell-home .shop-list-panel .shop-card::after,
.shell-home .shop-list-panel .shop-discovery-card::before,
.shell-home .shop-list-panel .shop-discovery-card::after,
.shell-home .shop-list-panel .shop-item-discovery-card::before,
.shell-home .shop-list-panel .shop-item-discovery-card::after,
.shell-home .shop-list-panel .shop-pane-item::before,
.shell-home .shop-list-panel .shop-pane-item::after,
.shell-home .shop-list-panel .shop-owner-order-card::before,
.shell-home .shop-list-panel .shop-owner-order-card::after,
.shell-home .shop-list-panel .shop-buyer-order-card::before,
.shell-home .shop-list-panel .shop-buyer-order-card::after,
.shell-home[data-hashop-screen="account"] .shop-account-menu-row::before,
.shell-home[data-hashop-screen="account"] .shop-account-menu-row::after,
.shell-home[data-hashop-screen="account"] .shop-account-record-row::before,
.shell-home[data-hashop-screen="account"] .shop-account-record-row::after,
.shell-home[data-hashop-screen="account"] .shop-account-big-action::before,
.shell-home[data-hashop-screen="account"] .shop-account-big-action::after,
.shell-home[data-hashop-screen="account"] .shop-account-shop::before,
.shell-home[data-hashop-screen="account"] .shop-account-shop::after {
  content: none !important;
  display: none !important;
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

.shell-home[data-hashop-screen="account"] .shop-account-menu-card,
.shell-home[data-hashop-screen="account"] .shop-account-location-card,
.shell-home[data-hashop-screen="account"] .shop-account-form-card,
.shell-home[data-hashop-screen="account"] .shop-account-signout-card,
.shell-home[data-hashop-screen="account"] .shop-account-state-card,
.shell-home[data-hashop-screen="account"] .shop-account-section,
.shell-home[data-hashop-screen="account"] .shop-owner-order-list,
.shell-home .shop-list-panel .shop-owner-order-list,
.shell-home .shop-list-panel .shop-owner-item-list,
.shell-home .shop-list-panel .shop-pane-items,
.shell-home .shop-list-panel .shop-pane-cart-items {
  background: transparent !important;
  background-image: none !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

/* Iteration 037: listings are rows, not rectangular containers. */
.shell-home .shop-list-grid {
  background: #000000 !important;
  background-image: none !important;
}

.shell-home .shop-list-panel .shop-card,
.shell-home .shop-list-panel.is-root-view .shop-card,
.shell-home .shop-list-panel[data-pane-mode] .shop-card,
.shell-home .shop-list-panel .shop-discovery-card,
.shell-home .shop-list-panel .shop-item-discovery-card,
.shell-home .shop-list-panel .shop-pane-item,
.shell-home .shop-list-panel .shop-owner-order-card,
.shell-home .shop-list-panel .shop-buyer-order-card,
.shell-home .shop-list-panel .shop-owner-item-select,
.shell-home .shop-list-panel .shop-owner-draft-card,
.shell-home .shop-list-panel .shop-cart-row,
.shell-home .shop-list-panel .shop-cart-rich-row,
.shell-home[data-hashop-screen="account"] .shop-account-menu-row,
.shell-home[data-hashop-screen="account"] .shop-account-record-row,
.shell-home[data-hashop-screen="account"] .shop-account-big-action,
.shell-home[data-hashop-screen="account"] .shop-account-shop,
.shell-home[data-hashop-screen="account"] .shop-buyer-order-card {
  background: transparent !important;
  background-image: none !important;
  border-color: #3b300e !important;
  border-style: solid !important;
  border-width: 0 0 1px !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.shell-home .shop-list-panel .shop-card::before,
.shell-home .shop-list-panel .shop-card::after,
.shell-home .shop-list-panel .shop-discovery-card::before,
.shell-home .shop-list-panel .shop-discovery-card::after,
.shell-home .shop-list-panel .shop-item-discovery-card::before,
.shell-home .shop-list-panel .shop-item-discovery-card::after,
.shell-home .shop-list-panel .shop-pane-item::before,
.shell-home .shop-list-panel .shop-pane-item::after,
.shell-home .shop-list-panel .shop-owner-order-card::before,
.shell-home .shop-list-panel .shop-owner-order-card::after,
.shell-home .shop-list-panel .shop-buyer-order-card::before,
.shell-home .shop-list-panel .shop-buyer-order-card::after,
.shell-home[data-hashop-screen="account"] .shop-account-menu-row::before,
.shell-home[data-hashop-screen="account"] .shop-account-menu-row::after,
.shell-home[data-hashop-screen="account"] .shop-account-record-row::before,
.shell-home[data-hashop-screen="account"] .shop-account-record-row::after,
.shell-home[data-hashop-screen="account"] .shop-account-big-action::before,
.shell-home[data-hashop-screen="account"] .shop-account-big-action::after,
.shell-home[data-hashop-screen="account"] .shop-account-shop::before,
.shell-home[data-hashop-screen="account"] .shop-account-shop::after {
  content: none !important;
  display: none !important;
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

.shell-home .shop-list-panel .shop-card:hover,
.shell-home .shop-list-panel .shop-card:focus-visible,
.shell-home .shop-list-panel .shop-discovery-card:hover,
.shell-home .shop-list-panel .shop-discovery-card:focus-visible,
.shell-home .shop-list-panel .shop-item-discovery-card:hover,
.shell-home .shop-list-panel .shop-item-discovery-card:focus-visible,
.shell-home .shop-list-panel .shop-pane-item:hover,
.shell-home .shop-list-panel .shop-pane-item:focus-visible,
.shell-home[data-hashop-screen="account"] .shop-account-menu-row:hover,
.shell-home[data-hashop-screen="account"] .shop-account-menu-row:focus-visible,
.shell-home[data-hashop-screen="account"] .shop-account-big-action:hover,
.shell-home[data-hashop-screen="account"] .shop-account-big-action:focus-visible,
.shell-home[data-hashop-screen="account"] .shop-account-shop:hover,
.shell-home[data-hashop-screen="account"] .shop-account-shop:focus-visible {
  background: #070603 !important;
  background-image: none !important;
  border-color: #7f6727 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.shell-home[data-hashop-screen="account"] .shop-account-menu-card,
.shell-home[data-hashop-screen="account"] .shop-account-location-card,
.shell-home[data-hashop-screen="account"] .shop-account-form-card,
.shell-home[data-hashop-screen="account"] .shop-account-signout-card,
.shell-home[data-hashop-screen="account"] .shop-account-state-card,
.shell-home[data-hashop-screen="account"] .shop-account-section,
.shell-home[data-hashop-screen="account"] .shop-owner-order-list,
.shell-home .shop-list-panel .shop-owner-order-list,
.shell-home .shop-list-panel .shop-owner-item-list,
.shell-home .shop-list-panel .shop-pane-items,
.shell-home .shop-list-panel .shop-pane-cart-items {
  background: transparent !important;
  background-image: none !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

.shell-home .shop-list-panel .shop-card-thumb,
.shell-home .shop-list-panel .shop-pane-item-mark,
.shell-home .shop-list-panel .shop-cart-media,
.shell-home[data-hashop-screen="account"] .shop-account-menu-icon,
.shell-home[data-hashop-screen="account"] .shop-account-avatar {
  background: #c2a04a !important;
  background-image: none !important;
  border-color: #c2a04a !important;
  color: #000000 !important;
  box-shadow: none !important;
}

.shell-home .home-chrome .map-locate-button.home-locate-button,
.shell-home .map-locate-button.home-locate-button,
.shell-home #homeMapLocateAction,
.shell-home #homeMapCompassAction,
.shell-home .map-compass-button,
.shell-home .shop-list-panel .shop-pane-toggle,
.shell-home #shopPaneToggle,
.shell-home .shop-list-panel .shop-cart-pay,
.shell-home .shop-list-panel .shop-owner-save,
.shell-home .shop-list-panel .shop-login-submit,
.shell-home .shop-list-panel .shop-empty-cart-action,
.shell-home .shop-list-panel .shop-state-action,
.shell-home .shop-list-panel .shop-owner-chip-button,
.shell-home .shop-list-panel .shop-account-mini-button,
.shell-home .shop-list-panel .shop-account-auth-links button,
.shell-home .shop-list-panel .shop-pane-quick-link,
.shell-home .shop-list-panel .shop-concept-primary,
.shell-home .shop-list-panel .shop-concept-secondary,
.shell-home .shop-list-panel .shop-concept-map-button,
.shell-home .shop-list-panel .shop-owner-tab,
.shell-home .shop-list-panel .shop-concept-tab,
.shell-home .shop-list-panel .shop-concept-switch,
.shell-home .shop-list-panel .shop-pane-mode-card,
.shell-home .shop-list-panel .shop-pay-card,
.shell-home .shop-list-panel .shop-account-big-action,
.shell-home .shop-list-panel .shop-account-shop,
.shell-home .shop-list-panel .shop-owner-item-select {
  background: transparent !important;
  background-image: none !important;
  border-color: var(--line-strong) !important;
  border-style: solid !important;
  border-width: 1px 0 !important;
  border-radius: 0 !important;
  color: var(--ink) !important;
  box-shadow: none !important;
  -webkit-text-fill-color: var(--ink) !important;
}

.shell-home .shop-list-panel .home-bottom-link.is-active,
.shell-home .shop-list-panel .shop-owner-tab.is-active,
.shell-home .shop-list-panel .shop-pane-mode-card.is-selected,
.shell-home .shop-list-panel .shop-pay-card.is-selected,
.shell-home .shop-list-panel .shop-owner-item-select.is-selected,
.shell-home .shop-list-panel .shop-concept-tab.is-active,
.shell-home .shop-list-panel .shop-concept-switch.is-active {
  background: transparent !important;
  border-color: var(--ink) !important;
  border-width: 2px 0 !important;
  color: var(--ink) !important;
  -webkit-text-fill-color: var(--ink) !important;
}

.shell-home[data-hashop-map-theme="light"] .map-screen {
  background: #ffffff !important;
  background-image: none !important;
}

.shell-home .shop-list-panel .shop-card,
.shell-home .shop-list-panel.is-root-view .shop-card,
.shell-home .shop-list-panel[data-pane-mode] .shop-card,
.shell-home .shop-list-panel .shop-discovery-card,
.shell-home .shop-list-panel .shop-item-discovery-card,
.shell-home .shop-list-panel .shop-pane-item,
.shell-home .shop-list-panel .shop-owner-order-card,
.shell-home .shop-list-panel .shop-buyer-order-card,
.shell-home[data-hashop-screen="account"] .shop-account-menu-row,
.shell-home[data-hashop-screen="account"] .shop-account-record-row,
.shell-home[data-hashop-screen="account"] .shop-account-big-action,
.shell-home[data-hashop-screen="account"] .shop-account-shop,
.shell-home[data-hashop-screen="account"] .shop-account-location-card,
.shell-home[data-hashop-screen="account"] .shop-account-menu-card,
.shell-home[data-hashop-screen="account"] .shop-account-form-card,
.shell-home[data-hashop-screen="account"] .shop-account-signout-card,
.shell-home[data-hashop-screen="account"] .shop-account-state-card {
  background: var(--panel) !important;
  background-image: none !important;
  border-color: var(--line) !important;
  box-shadow: none !important;
}

.shell-home[data-hashop-screen="account"] .shop-account-menu-row,
.shell-home[data-hashop-screen="account"] .shop-account-record-row,
.shell-home[data-hashop-screen="account"] .shop-account-big-action,
.shell-home[data-hashop-screen="account"] .shop-account-shop,
.shell-home[data-hashop-screen="account"] .shop-account-signout-card,
.shell-home[data-hashop-screen="account"] .shop-buyer-order-card {
  border-style: solid !important;
  border-width: 1px 0 !important;
  border-radius: 0 !important;
}

.shell-home[data-hashop-screen="account"] .shop-account-menu-row::before,
.shell-home[data-hashop-screen="account"] .shop-account-menu-row::after,
.shell-home[data-hashop-screen="account"] .shop-account-record-row::before,
.shell-home[data-hashop-screen="account"] .shop-account-record-row::after,
.shell-home[data-hashop-screen="account"] .shop-account-big-action::before,
.shell-home[data-hashop-screen="account"] .shop-account-big-action::after,
.shell-home[data-hashop-screen="account"] .shop-account-shop::before,
.shell-home[data-hashop-screen="account"] .shop-account-shop::after {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

.shell-home,
.shell-home .home-stage,
.shell-home .home-chrome,
.shell-home .map-screen,
.shell-home .shop-list-panel,
.shell-home .shop-list-grid,
.shell-home .shop-panel-bar,
.shell-home .shop-list-head,
.shell-home .shop-pane-detail,
.shell-home .shop-owner-stack,
.shell-home .shop-account-stack,
.shell-home .shop-login-form,
.shell-home .shop-pane-cart-screen,
.shell-home .shop-pane-confirm-screen {
  background: #000000 !important;
  background-image: none !important;
  color: var(--ink) !important;
}

.shell-home .home-chrome,
.shell-home .home-bottom-nav,
.shell-home .shop-list-panel,
.shell-home .shop-pane-detail,
.shell-home .shop-pane-cart,
.shell-home .shop-pane-confirm-card,
.shell-home .shop-owner-form,
.shell-home .shop-owner-section,
.shell-home .shop-owner-item-card,
.shell-home .shop-owner-summary-card,
.shell-home .shop-owner-order-card,
.shell-home .shop-owner-draft-card,
.shell-home .shop-account-location-card,
.shell-home .shop-account-hero-card,
.shell-home .shop-account-menu-card,
.shell-home .shop-account-form-card,
.shell-home .shop-account-signout-card,
.shell-home .shop-account-state-card,
.shell-home .shop-login-form,
.shell-home .shop-buyer-auth-form,
.shell-home .shop-state-card,
.shell-home .shop-empty-cart-card,
.shell-home .shop-pay-card,
.shell-home .shop-pane-mode-card,
.shell-home .shop-concept-card,
.shell-home .shop-concept-form,
.shell-home .shop-concept-row,
.shell-home .shop-concept-field,
.shell-home .shop-concept-step,
.shell-home .shop-concept-panel,
.shell-home .shop-concept-inventory-line,
.shell-home .shop-list-panel .shop-card,
.shell-home .shop-list-panel.is-root-view .shop-card,
.shell-home .shop-list-panel[data-pane-mode] .shop-card,
.shell-home .shop-list-panel .shop-discovery-card,
.shell-home .shop-list-panel .shop-item-discovery-card,
.shell-home .shop-list-panel .shop-pane-item,
.shell-home .shop-list-panel .shop-owner-order-card,
.shell-home .shop-list-panel .shop-buyer-order-card,
.shell-home[data-hashop-screen="account"] .shop-account-menu-row,
.shell-home[data-hashop-screen="account"] .shop-account-record-row,
.shell-home[data-hashop-screen="account"] .shop-account-big-action,
.shell-home[data-hashop-screen="account"] .shop-account-shop,
.shell-home[data-hashop-screen="account"] .shop-account-location-card,
.shell-home[data-hashop-screen="account"] .shop-account-menu-card,
.shell-home[data-hashop-screen="account"] .shop-account-form-card,
.shell-home[data-hashop-screen="account"] .shop-account-signout-card,
.shell-home[data-hashop-screen="account"] .shop-account-state-card {
  background: #070603 !important;
  background-image: none !important;
  border-color: #3b300e !important;
  color: var(--ink) !important;
  box-shadow: none !important;
}

.shell-home .shop-list-panel .shop-card,
.shell-home .shop-list-panel.is-root-view .shop-card,
.shell-home .shop-list-panel[data-pane-mode] .shop-card,
.shell-home .shop-list-panel .shop-discovery-card,
.shell-home .shop-list-panel .shop-item-discovery-card,
.shell-home[data-hashop-screen="account"] .shop-account-menu-row,
.shell-home[data-hashop-screen="account"] .shop-account-record-row,
.shell-home[data-hashop-screen="account"] .shop-account-big-action,
.shell-home[data-hashop-screen="account"] .shop-account-shop,
.shell-home[data-hashop-screen="account"] .shop-buyer-order-card {
  border-style: solid !important;
  border-width: 1px 0 !important;
  border-radius: 0 !important;
}

.shell-home h1,
.shell-home h2,
.shell-home h3,
.shell-home strong,
.shell-home .brand,
.shell-home .brand-name,
.shell-home .home-brand-name,
.shell-home .shop-card-title-block strong,
.shell-home .shop-pane-copy h2,
.shell-home .shop-pane-cart-title h2,
.shell-home .shop-owner-form-head strong,
.shell-home .shop-account-profile-copy strong,
.shell-home .shop-account-menu-copy strong,
.shell-home .shop-account-section-head strong,
.shell-home .shop-login-hero strong,
.shell-home .shop-empty-cart-copy strong,
.shell-home .shop-state-card strong,
.shell-home .shop-concept-row-copy strong {
  color: #f0ddb0 !important;
  -webkit-text-fill-color: #f0ddb0 !important;
}

.shell-home p,
.shell-home small,
.shell-home code,
.shell-home .shop-card-subtitle,
.shell-home .shop-card-item,
.shell-home .shop-card-open,
.shell-home .shop-pane-distance,
.shell-home .shop-pane-stats,
.shell-home .shop-pane-copy p,
.shell-home .shop-pane-item-copy p,
.shell-home .shop-pane-item-meta,
.shell-home .shop-cart-description,
.shell-home .shop-cart-meta,
.shell-home .shop-pane-confirm-copy,
.shell-home .shop-owner-order-meta,
.shell-home .shop-owner-field > span,
.shell-home .shop-owner-form-head span,
.shell-home .shop-owner-inline-label,
.shell-home .shop-owner-pickup-text,
.shell-home .shop-account-menu-copy span,
.shell-home .shop-account-note,
.shell-home .shop-login-field > span,
.shell-home .shop-login-status,
.shell-home .shop-empty-cart-copy span,
.shell-home .shop-state-card > span,
.shell-home .shop-concept-row-copy span,
.shell-home .shop-concept-row-meta,
.shell-home .shop-concept-inventory-line span {
  color: #9f8130 !important;
  -webkit-text-fill-color: #9f8130 !important;
}

.shell-home button,
.shell-home .home-chrome .map-locate-button.home-locate-button,
.shell-home .map-locate-button.home-locate-button,
.shell-home #homeMapLocateAction,
.shell-home #homeMapCompassAction,
.shell-home .map-compass-button,
.shell-home .shop-list-panel .shop-pane-toggle,
.shell-home #shopPaneToggle,
.shell-home .shop-list-panel .shop-cart-pay,
.shell-home .shop-list-panel .shop-owner-save,
.shell-home .shop-list-panel .shop-login-submit,
.shell-home .shop-list-panel .shop-empty-cart-action,
.shell-home .shop-list-panel .shop-state-action,
.shell-home .shop-list-panel .shop-owner-chip-button,
.shell-home .shop-list-panel .shop-account-mini-button,
.shell-home .shop-list-panel .shop-account-auth-links button,
.shell-home .shop-list-panel .shop-pane-quick-link,
.shell-home .shop-list-panel .shop-concept-primary,
.shell-home .shop-list-panel .shop-concept-secondary,
.shell-home .shop-list-panel .shop-concept-map-button,
.shell-home .shop-list-panel .shop-owner-tab,
.shell-home .shop-list-panel .shop-concept-tab,
.shell-home .shop-list-panel .shop-concept-switch,
.shell-home .shop-list-panel .shop-pane-mode-card,
.shell-home .shop-list-panel .shop-pay-card,
.shell-home .shop-list-panel .shop-account-big-action,
.shell-home .shop-list-panel .shop-account-shop,
.shell-home .shop-list-panel .shop-owner-item-select {
  background: transparent !important;
  background-image: none !important;
  border-color: #7f6727 !important;
  border-style: solid !important;
  border-width: 1px 0 !important;
  border-radius: 0 !important;
  color: #f0ddb0 !important;
  -webkit-text-fill-color: #f0ddb0 !important;
  box-shadow: none !important;
}

.shell-home .home-bottom-link,
.shell-home .home-bottom-link.is-active,
.shell-home .shop-list-panel .home-bottom-link.is-active,
.shell-home .shop-list-panel .shop-owner-tab.is-active,
.shell-home .shop-list-panel .shop-pane-mode-card.is-selected,
.shell-home .shop-list-panel .shop-pay-card.is-selected,
.shell-home .shop-list-panel .shop-owner-item-select.is-selected,
.shell-home .shop-list-panel .shop-concept-tab.is-active,
.shell-home .shop-list-panel .shop-concept-switch.is-active {
  background: transparent !important;
  background-image: none !important;
  border-color: #c2a04a !important;
  color: #f0ddb0 !important;
  -webkit-text-fill-color: #f0ddb0 !important;
  box-shadow: none !important;
}

.shell-home .home-hash-logo,
.shell-home .shop-card-thumb,
.shell-home .shop-pane-copy-mark,
.shell-home .shop-pane-item-mark,
.shell-home .shop-cart-media,
.shell-home .shop-account-avatar,
.shell-home .shop-account-menu-icon,
.shell-home .shop-state-mascot,
.shell-home .shop-empty-cart-visual,
.shell-home .shop-owner-summary-mark,
.shell-home .shop-owner-logo-preview,
.shell-home .shop-owner-item-preview,
.shell-home .map-shop-marker,
.shell-home .map-user-marker,
.shell-home .home-bottom-link-icon,
.shell-home .shop-pane-chip,
.shell-home .shop-account-menu-label,
.shell-home .shop-owner-order-status,
.shell-home .shop-account-shop-count,
.shell-home .shop-owner-summary-kicker,
.shell-home .shop-owner-edit-pill,
.shell-home .shop-concept-lang,
.shell-home .shop-concept-metric {
  background: #c2a04a !important;
  background-image: none !important;
  border-color: #c2a04a !important;
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
  box-shadow: none !important;
}

.shell-home .shop-list-search,
.shell-home .shop-list-search-input,
.shell-home .shop-login-input,
.shell-home .shop-account-textarea,
.shell-home .shop-owner-input,
.shell-home .shop-owner-textarea,
.shell-home .shop-concept-input,
.shell-home .shop-concept-textarea,
.shell-home input,
.shell-home textarea,
.shell-home select {
  background: #000000 !important;
  background-image: none !important;
  border-color: #3b300e !important;
  color: #f0ddb0 !important;
  -webkit-text-fill-color: #f0ddb0 !important;
  box-shadow: none !important;
}

.shell-home input::placeholder,
.shell-home textarea::placeholder,
.shell-home .shop-list-search-input::placeholder {
  color: #7f6727 !important;
  -webkit-text-fill-color: #7f6727 !important;
}

.shell-home[data-hashop-map-theme] .leaflet-tile,
.shell-home[data-hashop-map-theme] .hashop-map-standard-tile,
.shell-home[data-hashop-map-theme] .hashop-map-readable-tile,
.shell-home[data-hashop-map-theme] .hashop-map-hot-tile,
.shell-home[data-hashop-map-theme] .hashop-map-dark-tile,
.shell-home[data-hashop-map-theme] .gm-style img {
  filter: none !important;
  opacity: 1 !important;
  mix-blend-mode: normal !important;
}

/* Iteration 037 final: unboxed listing rows must win after theme color rules. */
.shell-home .shop-list-panel .shop-card,
.shell-home .shop-list-panel.is-root-view .shop-card,
.shell-home .shop-list-panel[data-pane-mode] .shop-card,
.shell-home .shop-list-panel .shop-discovery-card,
.shell-home .shop-list-panel .shop-item-discovery-card,
.shell-home .shop-list-panel .shop-pane-item,
.shell-home .shop-list-panel .shop-owner-order-card,
.shell-home .shop-list-panel .shop-buyer-order-card,
.shell-home .shop-list-panel .shop-owner-item-select,
.shell-home .shop-list-panel .shop-owner-draft-card,
.shell-home .shop-list-panel .shop-cart-row,
.shell-home .shop-list-panel .shop-cart-rich-row,
.shell-home[data-hashop-screen="account"] .shop-account-menu-row,
.shell-home[data-hashop-screen="account"] .shop-account-record-row,
.shell-home[data-hashop-screen="account"] .shop-account-big-action,
.shell-home[data-hashop-screen="account"] .shop-account-shop,
.shell-home[data-hashop-screen="account"] .shop-buyer-order-card {
  background: transparent !important;
  background-image: none !important;
  border-color: #3b300e !important;
  border-style: solid !important;
  border-width: 0 0 1px !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.shell-home .shop-list-panel .shop-card::before,
.shell-home .shop-list-panel .shop-card::after,
.shell-home .shop-list-panel .shop-discovery-card::before,
.shell-home .shop-list-panel .shop-discovery-card::after,
.shell-home .shop-list-panel .shop-item-discovery-card::before,
.shell-home .shop-list-panel .shop-item-discovery-card::after,
.shell-home .shop-list-panel .shop-pane-item::before,
.shell-home .shop-list-panel .shop-pane-item::after,
.shell-home .shop-list-panel .shop-owner-order-card::before,
.shell-home .shop-list-panel .shop-owner-order-card::after,
.shell-home .shop-list-panel .shop-buyer-order-card::before,
.shell-home .shop-list-panel .shop-buyer-order-card::after,
.shell-home[data-hashop-screen="account"] .shop-account-menu-row::before,
.shell-home[data-hashop-screen="account"] .shop-account-menu-row::after,
.shell-home[data-hashop-screen="account"] .shop-account-record-row::before,
.shell-home[data-hashop-screen="account"] .shop-account-record-row::after,
.shell-home[data-hashop-screen="account"] .shop-account-big-action::before,
.shell-home[data-hashop-screen="account"] .shop-account-big-action::after,
.shell-home[data-hashop-screen="account"] .shop-account-shop::before,
.shell-home[data-hashop-screen="account"] .shop-account-shop::after {
  content: none !important;
  display: none !important;
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

.shell-home[data-hashop-screen="account"] .shop-account-menu-card,
.shell-home[data-hashop-screen="account"] .shop-account-location-card,
.shell-home[data-hashop-screen="account"] .shop-account-form-card,
.shell-home[data-hashop-screen="account"] .shop-account-signout-card,
.shell-home[data-hashop-screen="account"] .shop-account-state-card,
.shell-home[data-hashop-screen="account"] .shop-account-section,
.shell-home[data-hashop-screen="account"] .shop-owner-order-list,
.shell-home .shop-list-panel .shop-owner-order-list,
.shell-home .shop-list-panel .shop-owner-item-list,
.shell-home .shop-list-panel .shop-pane-items,
.shell-home .shop-list-panel .shop-pane-cart-items {
  background: transparent !important;
  background-image: none !important;
  border-color: transparent !important;
  box-shadow: none !important;
}
/* Iteration 040 terminal layer: utility colors stay black/white; gold is outline/icon only. */
body:has(.shell-home) {
  background: #000000 !important;
}

body:has(.shell-home[data-hashop-map-theme="light"]) {
  background: #ffffff !important;
}

.shell-home[data-hashop-map-theme="light"] {
  --bg: #ffffff !important;
  --panel: #ffffff !important;
  --panel-soft: #f5f5f5 !important;
  --line: #d9d9d9 !important;
  --line-strong: #8a8a8a !important;
  --outline-gold: #8c742f !important;
  --ink: #050505 !important;
  --muted: #606060 !important;
  --shop-color: #8c742f !important;
  background: var(--bg) !important;
  color: var(--ink) !important;
}

.shell-home,
.shell-home .home-stage,
.shell-home .home-chrome,
.shell-home .map-screen,
.shell-home .shop-list-panel,
.shell-home .shop-list-grid,
.shell-home .shop-panel-bar,
.shell-home .shop-list-head,
.shell-home .shop-pane-detail,
.shell-home .shop-pane-cart-screen,
.shell-home .shop-pane-confirm-screen,
.shell-home .shop-owner-stack,
.shell-home .shop-account-stack,
.shell-home .shop-login-form {
  background: var(--bg) !important;
  background-image: none !important;
  color: var(--ink) !important;
}

.shell-home .home-chrome,
.shell-home .home-bottom-nav,
.shell-home .shop-list-panel,
.shell-home .shop-pane-cart,
.shell-home .shop-pane-confirm-card,
.shell-home .shop-owner-form,
.shell-home .shop-owner-section,
.shell-home .shop-owner-summary-card,
.shell-home .shop-owner-item-card,
.shell-home .shop-account-hero-card,
.shell-home .shop-account-location-card,
.shell-home .shop-account-menu-card,
.shell-home .shop-account-form-card,
.shell-home .shop-account-state-card,
.shell-home .shop-account-signout-card,
.shell-home .shop-login-form,
.shell-home .shop-buyer-auth-form,
.shell-home .shop-state-card,
.shell-home .shop-empty-cart-card,
.shell-home .shop-pay-card,
.shell-home .shop-pane-mode-card,
.shell-home .shop-concept-card,
.shell-home .shop-concept-form,
.shell-home .shop-concept-panel,
.shell-home .shop-concept-step,
.shell-home .shop-concept-field {
  background: var(--panel) !important;
  background-image: none !important;
  border-color: var(--line) !important;
  color: var(--ink) !important;
  box-shadow: none !important;
}

.shell-home .shop-list-panel .shop-card,
.shell-home .shop-list-panel.is-root-view .shop-card,
.shell-home .shop-list-panel[data-pane-mode] .shop-card,
.shell-home .shop-list-panel .shop-discovery-card,
.shell-home .shop-list-panel .shop-item-discovery-card,
.shell-home .shop-list-panel .shop-pane-item,
.shell-home .shop-list-panel .shop-owner-order-card,
.shell-home .shop-list-panel .shop-buyer-order-card,
.shell-home .shop-list-panel .shop-owner-item-select,
.shell-home .shop-list-panel .shop-owner-draft-card,
.shell-home .shop-list-panel .shop-cart-row,
.shell-home .shop-list-panel .shop-cart-rich-row,
.shell-home .shop-list-panel .shop-concept-row,
.shell-home .shop-list-panel .shop-concept-inventory-line,
.shell-home[data-hashop-screen="account"] .shop-account-menu-row,
.shell-home[data-hashop-screen="account"] .shop-account-record-row,
.shell-home[data-hashop-screen="account"] .shop-account-big-action,
.shell-home[data-hashop-screen="account"] .shop-account-shop,
.shell-home[data-hashop-screen="account"] .shop-buyer-order-card {
  background: transparent !important;
  background-image: none !important;
  border-color: var(--line) !important;
  border-style: solid !important;
  border-width: 0 0 1px !important;
  border-radius: 0 !important;
  color: var(--ink) !important;
  box-shadow: none !important;
}

.shell-home .shop-pane-cart,
.shell-home .shop-pane-confirm-card {
  background: var(--panel) !important;
  background-image: none !important;
  border: 1px solid var(--line) !important;
  border-radius: 0 !important;
  color: var(--ink) !important;
  box-shadow: none !important;
}

.shell-home .shop-pane-cart .shop-cart-row,
.shell-home .shop-pane-cart .shop-cart-rich-row,
.shell-home .shop-pane-confirm-card .shop-cart-row,
.shell-home .shop-pane-confirm-card .shop-cart-rich-row,
.shell-home .shop-pane-confirm-items .shop-cart-rich-row,
.shell-home .shop-order-compact-items .shop-cart-rich-row {
  background: var(--panel-soft) !important;
  background-image: none !important;
  border-color: var(--line) !important;
  border-style: solid !important;
  border-width: 0 0 1px !important;
  border-radius: 0 !important;
  color: var(--ink) !important;
  box-shadow: none !important;
}

.shell-home h1,
.shell-home h2,
.shell-home h3,
.shell-home strong,
.shell-home b,
.shell-home .brand,
.shell-home .brand-name,
.shell-home .home-brand-name,
.shell-home .shop-card-title-block strong,
.shell-home .shop-pane-copy h2,
.shell-home .shop-pane-cart-title h2,
.shell-home .shop-cart-rich-row .shop-cart-copy strong,
.shell-home .shop-cart-line-total,
.shell-home .shop-owner-form-head strong,
.shell-home .shop-account-profile-copy strong,
.shell-home .shop-account-menu-copy strong,
.shell-home .shop-account-section-head strong,
.shell-home .shop-login-hero strong,
.shell-home .shop-empty-cart-copy strong,
.shell-home .shop-state-card strong,
.shell-home .shop-concept-row-copy strong {
  color: var(--ink) !important;
  -webkit-text-fill-color: var(--ink) !important;
}

.shell-home p,
.shell-home small,
.shell-home code,
.shell-home .shop-card-subtitle,
.shell-home .shop-card-item,
.shell-home .shop-card-open,
.shell-home .shop-pane-distance,
.shell-home .shop-pane-stats,
.shell-home .shop-pane-copy p,
.shell-home .shop-pane-item-copy p,
.shell-home .shop-pane-item-meta,
.shell-home .shop-cart-description,
.shell-home .shop-cart-meta,
.shell-home .shop-pane-confirm-copy,
.shell-home .shop-owner-order-meta,
.shell-home .shop-owner-field > span,
.shell-home .shop-owner-form-head span,
.shell-home .shop-owner-inline-label,
.shell-home .shop-owner-pickup-text,
.shell-home .shop-account-menu-copy span,
.shell-home .shop-account-note,
.shell-home .shop-login-field > span,
.shell-home .shop-login-status,
.shell-home .shop-empty-cart-copy span,
.shell-home .shop-state-card > span,
.shell-home .shop-concept-row-copy span,
.shell-home .shop-concept-row-meta,
.shell-home .shop-concept-inventory-line span,
.shell-home .shop-owner-order-status {
  color: var(--muted) !important;
  -webkit-text-fill-color: var(--muted) !important;
}

.shell-home button,
.shell-home .home-chrome .map-locate-button.home-locate-button,
.shell-home .map-locate-button.home-locate-button,
.shell-home #homeMapLocateAction,
.shell-home #homeMapCompassAction,
.shell-home .map-compass-button,
.shell-home .shop-list-panel .shop-pane-toggle,
.shell-home #shopPaneToggle,
.shell-home .shop-list-panel .shop-cart-pay,
.shell-home .shop-list-panel .shop-owner-save,
.shell-home .shop-list-panel .shop-login-submit,
.shell-home .shop-list-panel .shop-empty-cart-action,
.shell-home .shop-list-panel .shop-state-action,
.shell-home .shop-list-panel .shop-owner-chip-button,
.shell-home .shop-list-panel .shop-account-mini-button,
.shell-home .shop-list-panel .shop-account-auth-links button,
.shell-home .shop-list-panel .shop-pane-quick-link,
.shell-home .shop-list-panel .shop-concept-primary,
.shell-home .shop-list-panel .shop-concept-secondary,
.shell-home .shop-list-panel .shop-concept-map-button,
.shell-home .shop-list-panel .shop-owner-tab,
.shell-home .shop-list-panel .shop-concept-tab,
.shell-home .shop-list-panel .shop-concept-switch,
.shell-home .shop-list-panel .shop-pane-mode-card,
.shell-home .shop-list-panel .shop-pay-card,
.shell-home .shop-list-panel .shop-account-big-action,
.shell-home .shop-list-panel .shop-account-shop,
.shell-home .shop-list-panel .shop-owner-item-select {
  background: transparent !important;
  background-image: none !important;
  border-color: var(--outline-gold) !important;
  border-style: solid !important;
  border-width: 1px 0 !important;
  border-radius: 0 !important;
  color: var(--ink) !important;
  -webkit-text-fill-color: var(--ink) !important;
  box-shadow: none !important;
}

.shell-home .home-bottom-link,
.shell-home .home-bottom-link.is-active,
.shell-home .shop-list-panel .home-bottom-link.is-active,
.shell-home .shop-list-panel .shop-owner-tab.is-active,
.shell-home .shop-list-panel .shop-pane-mode-card.is-selected,
.shell-home .shop-list-panel .shop-pay-card.is-selected,
.shell-home .shop-list-panel .shop-owner-item-select.is-selected,
.shell-home .shop-list-panel .shop-concept-tab.is-active,
.shell-home .shop-list-panel .shop-concept-switch.is-active {
  background: transparent !important;
  background-image: none !important;
  border-color: var(--outline-gold) !important;
  color: var(--ink) !important;
  -webkit-text-fill-color: var(--ink) !important;
  box-shadow: none !important;
}

.shell-home .home-bottom-link.is-active,
.shell-home .shop-list-panel .home-bottom-link.is-active {
  border-width: 1px 0 2px !important;
}

.shell-home .home-hash-logo,
.shell-home .shop-account-avatar,
.shell-home .shop-pane-chip,
.shell-home .shop-account-menu-label,
.shell-home .shop-account-shop-count,
.shell-home .shop-owner-summary-kicker,
.shell-home .shop-owner-edit-pill,
.shell-home .shop-concept-lang,
.shell-home .shop-concept-metric {
  background: transparent !important;
  background-image: none !important;
  border-color: var(--outline-gold) !important;
  color: var(--outline-gold) !important;
  -webkit-text-fill-color: var(--outline-gold) !important;
  box-shadow: none !important;
}

.shell-home .shop-card-thumb,
.shell-home .shop-pane-copy-mark,
.shell-home .shop-pane-item-mark,
.shell-home .shop-cart-media,
.shell-home .shop-state-mascot,
.shell-home .shop-empty-cart-visual,
.shell-home .shop-owner-summary-mark,
.shell-home .shop-owner-logo-preview,
.shell-home .shop-owner-item-preview,
.shell-home .map-shop-marker,
.shell-home .map-user-marker,
.shell-home .shop-account-menu-icon,
.shell-home .home-bottom-link-icon,
.shell-home .map-locate-button-icon {
  background: var(--outline-gold) !important;
  background-image: none !important;
  border-color: var(--outline-gold) !important;
  color: var(--outline-gold) !important;
  -webkit-text-fill-color: var(--outline-gold) !important;
  box-shadow: none !important;
}

.shell-home .shop-account-menu-icon,
.shell-home .home-bottom-link-icon,
.shell-home .map-locate-button-icon {
  background: currentColor !important;
}

.shell-home .shop-list-search,
.shell-home .shop-list-search-input,
.shell-home .shop-login-input,
.shell-home .shop-account-textarea,
.shell-home .shop-owner-input,
.shell-home .shop-owner-textarea,
.shell-home .shop-concept-input,
.shell-home .shop-concept-textarea,
.shell-home input,
.shell-home textarea,
.shell-home select {
  background: var(--bg) !important;
  background-image: none !important;
  border-color: var(--line) !important;
  color: var(--ink) !important;
  -webkit-text-fill-color: var(--ink) !important;
  box-shadow: none !important;
}

.shell-home input::placeholder,
.shell-home textarea::placeholder,
.shell-home .shop-list-search-input::placeholder {
  color: var(--muted) !important;
  -webkit-text-fill-color: var(--muted) !important;
  opacity: 0.72 !important;
}

.shell-home[data-hashop-map-theme] .leaflet-tile,
.shell-home[data-hashop-map-theme] .hashop-map-standard-tile,
.shell-home[data-hashop-map-theme] .hashop-map-readable-tile,
.shell-home[data-hashop-map-theme] .hashop-map-hot-tile,
.shell-home[data-hashop-map-theme] .hashop-map-dark-tile,
.shell-home[data-hashop-map-theme] .gm-style img {
  filter: none !important;
  opacity: 1 !important;
  mix-blend-mode: normal !important;
}
.shell-home svg.home-bottom-link-icon,
.shell-home svg.shop-account-menu-icon,
.shell-home svg.map-locate-button-icon {
  width: 20px !important;
  height: 20px !important;
  background: transparent !important;
  color: var(--outline-gold) !important;
  stroke: var(--outline-gold) !important;
  fill: none !important;
  border-color: transparent !important;
  -webkit-text-fill-color: var(--outline-gold) !important;
  box-shadow: none !important;
}

.shell-home .home-bottom-link.is-active svg.home-bottom-link-icon,
.shell-home .shop-account-menu-row:hover svg.shop-account-menu-icon,
.shell-home .shop-account-menu-row:focus-visible svg.shop-account-menu-icon {
  color: var(--outline-gold) !important;
  stroke: var(--outline-gold) !important;
}
.shell-home[data-hashop-screen] .shop-login-form,
.shell-home[data-hashop-screen] .shop-buyer-auth-form,
.shell-home[data-hashop-screen] .shop-account-menu-card,
.shell-home[data-hashop-screen] .shop-account-location-card,
.shell-home[data-hashop-screen] .shop-account-form-card,
.shell-home[data-hashop-screen] .shop-account-state-card,
.shell-home[data-hashop-screen] .shop-account-signout-card,
.shell-home[data-hashop-screen] .shop-state-card,
.shell-home[data-hashop-screen] .shop-empty-cart-card,
.shell-home[data-hashop-screen] .shop-pane-cart,
.shell-home[data-hashop-screen] .shop-pane-confirm-card,
.shell-home[data-hashop-screen] .shop-owner-form,
.shell-home[data-hashop-screen] .shop-owner-section,
.shell-home[data-hashop-screen] .shop-concept-card,
.shell-home[data-hashop-screen] .shop-concept-form,
.shell-home[data-hashop-screen] .shop-concept-panel {
  background: var(--panel) !important;
  background-image: none !important;
  border-color: var(--line) !important;
  color: var(--ink) !important;
  box-shadow: none !important;
}

.shell-home[data-hashop-screen] .shop-account-menu-row,
.shell-home[data-hashop-screen] .shop-account-record-row,
.shell-home[data-hashop-screen] .shop-pane-item,
.shell-home[data-hashop-screen] .shop-cart-row,
.shell-home[data-hashop-screen] .shop-cart-rich-row,
.shell-home[data-hashop-screen] .shop-owner-order-card,
.shell-home[data-hashop-screen] .shop-buyer-order-card,
.shell-home[data-hashop-screen] .shop-owner-item-select,
.shell-home[data-hashop-screen] .shop-concept-row,
.shell-home[data-hashop-screen] .shop-concept-inventory-line {
  background: transparent !important;
  background-image: none !important;
  border-color: var(--line) !important;
  border-style: solid !important;
  border-width: 0 0 1px !important;
  border-radius: 0 !important;
  color: var(--ink) !important;
  box-shadow: none !important;
}

.shell-home[data-hashop-screen] .shop-owner-save,
.shell-home[data-hashop-screen] .shop-login-submit,
.shell-home[data-hashop-screen] .shop-cart-pay,
.shell-home[data-hashop-screen] .shop-owner-chip-button,
.shell-home[data-hashop-screen] .shop-account-mini-button,
.shell-home[data-hashop-screen] .shop-empty-cart-action,
.shell-home[data-hashop-screen] .shop-state-action,
.shell-home[data-hashop-screen] .shop-concept-primary,
.shell-home[data-hashop-screen] .shop-concept-secondary {
  background: transparent !important;
  background-image: none !important;
  border-color: var(--outline-gold) !important;
  color: var(--ink) !important;
  -webkit-text-fill-color: var(--ink) !important;
  box-shadow: none !important;
}

.shell-home[data-hashop-screen] .shop-login-input,
.shell-home[data-hashop-screen] .shop-account-textarea,
.shell-home[data-hashop-screen] .shop-owner-input,
.shell-home[data-hashop-screen] .shop-owner-textarea,
.shell-home[data-hashop-screen] .shop-concept-input,
.shell-home[data-hashop-screen] .shop-concept-textarea {
  background: var(--bg) !important;
  background-image: none !important;
  border-color: var(--line) !important;
  color: var(--ink) !important;
  -webkit-text-fill-color: var(--ink) !important;
}

.shell-home[data-hashop-screen] .shop-login-form *,
.shell-home[data-hashop-screen] .shop-buyer-auth-form *,
.shell-home[data-hashop-screen] .shop-account-menu-card *,
.shell-home[data-hashop-screen] .shop-pane-cart *,
.shell-home[data-hashop-screen] .shop-pane-confirm-card * {
  border-color: inherit;
}
.shell-home svg.home-bottom-link-icon,
.shell-home .home-bottom-link svg.home-bottom-link-icon,
.shell-home svg.shop-account-menu-icon,
.shell-home .shop-account-menu-row svg.shop-account-menu-icon,
.shell-home svg.map-locate-button-icon,
.shell-home .map-locate-button svg.map-locate-button-icon {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  color: var(--outline-gold) !important;
  stroke: var(--outline-gold) !important;
  fill: none !important;
  border: 0 !important;
  box-shadow: none !important;
}
.shell-home .home-bottom-link.is-active svg.home-bottom-link-icon,
.shell-home .home-bottom-link.is-active svg.home-bottom-link-icon.is-cart,
.shell-home .home-bottom-link.is-active svg.home-bottom-link-icon.is-orders,
.shell-home .home-bottom-link.is-active svg.home-bottom-link-icon.is-shops,
.shell-home .home-bottom-link.is-active svg.home-bottom-link-icon.is-items,
.shell-home .home-bottom-link.is-active svg.home-bottom-link-icon.is-account {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-color: transparent !important;
  color: var(--outline-gold) !important;
  stroke: var(--outline-gold) !important;
  fill: none !important;
  box-shadow: none !important;
}

.shell-home,
.shell-home .home-stage,
.shell-home .home-chrome,
.shell-home .shop-list-panel,
.shell-home .shop-list-grid,
.shell-home .shop-panel-bar,
.shell-home .shop-list-head,
.shell-home .shop-pane-detail,
.shell-home .shop-account-stack,
.shell-home .shop-owner-stack,
.shell-home .shop-pane-cart-screen,
.shell-home .shop-pane-confirm-screen {
  background: var(--bg) !important;
  background-image: none !important;
  color: var(--ink) !important;
}

.shell-home .home-chrome {
  min-height: calc(3.66rem + env(safe-area-inset-top)) !important;
  padding: calc(0.56rem + env(safe-area-inset-top)) 0.86rem 0.58rem !important;
  border-bottom: 1px solid rgba(250, 204, 21, 0.1) !important;
}

.shell-home .brand,
.shell-home[data-hashop-screen] .brand {
  grid-template-columns: 2.6rem minmax(0, auto) !important;
  gap: 0.55rem !important;
  min-height: 2.6rem !important;
  background: transparent !important;
  border: 0 !important;
  color: var(--ink) !important;
  box-shadow: none !important;
}

.shell-home .home-hash-logo,
.shell-home[data-hashop-screen] .home-hash-logo {
  width: 2.6rem !important;
  height: 2.6rem !important;
  min-width: 2.6rem !important;
  min-height: 2.6rem !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  color: var(--accent) !important;
  -webkit-text-fill-color: var(--accent) !important;
  box-shadow: none !important;
  text-shadow: 0 0 18px rgba(250, 204, 21, 0.34) !important;
  font-size: 1.72rem !important;
  font-weight: 900 !important;
}

.shell-home .home-hash-logo::before,
.shell-home .home-hash-logo::after {
  content: none !important;
  display: none !important;
}

.shell-home .home-brand-copy {
  height: 2.6rem !important;
}

.shell-home .brand-name,
.shell-home .home-brand-name,
.shell-home[data-hashop-screen] .home-brand-name {
  color: var(--ink) !important;
  -webkit-text-fill-color: var(--ink) !important;
  font-size: 1.18rem !important;
  font-weight: 850 !important;
}

.shell-home .home-chrome .map-locate-button.home-locate-button,
.shell-home .map-locate-button.home-locate-button,
.shell-home #homeMapLocateAction {
  min-height: 2.28rem !important;
  height: 2.28rem !important;
  padding: 0 0.78rem !important;
  border: 1px solid rgba(250, 204, 21, 0.42) !important;
  border-radius: 8px !important;
  background: rgba(18, 15, 8, 0.92) !important;
  color: var(--ink) !important;
  -webkit-text-fill-color: var(--ink) !important;
  box-shadow: none !important;
}

.shell-home #homeMapLocateAction.is-active {
  border-color: rgba(250, 204, 21, 0.72) !important;
  background: rgba(45, 35, 10, 0.96) !important;
}

.shell-home #homeMapCompassAction,
.shell-home .map-compass-button {
  right: 0.86rem !important;
  top: 4.08rem !important;
  width: 2.52rem !important;
  height: 2.52rem !important;
  min-width: 2.52rem !important;
  min-height: 2.52rem !important;
  border: 1px solid rgba(250, 204, 21, 0.42) !important;
  border-radius: 50% !important;
  background: rgba(18, 15, 8, 0.92) !important;
  color: var(--accent) !important;
  -webkit-text-fill-color: var(--accent) !important;
  box-shadow: none !important;
}

.shell-home svg.map-locate-button-icon,
.shell-home .map-locate-button svg.map-locate-button-icon,
.shell-home svg.home-bottom-link-icon,
.shell-home svg.shop-account-menu-icon {
  color: currentColor !important;
  stroke: currentColor !important;
  fill: none !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.shell-home .shop-list-grid {
  width: min(calc(100% - 1rem), 760px) !important;
  max-width: min(760px, calc(100vw - 1rem)) !important;
  margin-inline: auto !important;
  gap: 0.66rem !important;
  overflow-x: hidden !important;
  align-content: start !important;
}

.shell-home .shop-list-sortbar {
  position: sticky !important;
  top: 0 !important;
  z-index: 6 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 0.58rem !important;
  width: 100% !important;
  padding: 0.44rem 0 0.5rem !important;
  background: var(--bg) !important;
  border-bottom: 1px solid rgba(250, 204, 21, 0.1) !important;
}

.shell-home .shop-list-sort-count {
  flex: 0 0 auto !important;
  color: var(--muted) !important;
  font-size: 0.76rem !important;
  font-weight: 800 !important;
  line-height: 1 !important;
}

.shell-home .shop-list-sort-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 0.34rem !important;
  min-width: 0 !important;
  overflow-x: auto !important;
  scrollbar-width: none !important;
}

.shell-home .shop-list-sort-actions::-webkit-scrollbar {
  display: none !important;
}

.shell-home .shop-list-sort-button {
  flex: 0 0 auto !important;
  min-height: 2rem !important;
  padding: 0 0.64rem !important;
  border: 1px solid rgba(250, 204, 21, 0.22) !important;
  border-radius: 8px !important;
  background: rgba(14, 12, 7, 0.9) !important;
  color: var(--muted) !important;
  -webkit-text-fill-color: var(--muted) !important;
  font-size: 0.76rem !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  box-shadow: none !important;
}

.shell-home .shop-list-sort-button.is-active {
  border-color: rgba(250, 204, 21, 0.62) !important;
  background: var(--accent) !important;
  color: #120d03 !important;
  -webkit-text-fill-color: #120d03 !important;
}

.shell-home .shop-list-panel .shop-card,
.shell-home .shop-list-panel.is-root-view .shop-card,
.shell-home .shop-list-panel[data-pane-mode] .shop-card,
.shell-home .shop-list-panel .shop-discovery-card,
.shell-home .shop-list-panel .shop-item-discovery-card {
  display: grid !important;
  grid-template-columns: 4.45rem minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 0.82rem !important;
  width: 100% !important;
  min-width: 0 !important;
  padding: 0.72rem 0 !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(250, 204, 21, 0.13) !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  color: var(--ink) !important;
  box-shadow: none !important;
  overflow: visible !important;
}

.shell-home .shop-list-panel .shop-card::before,
.shell-home .shop-list-panel .shop-card::after,
.shell-home .shop-list-panel .shop-discovery-card::before,
.shell-home .shop-list-panel .shop-discovery-card::after,
.shell-home .shop-list-panel .shop-item-discovery-card::before,
.shell-home .shop-list-panel .shop-item-discovery-card::after {
  content: none !important;
  display: none !important;
}

.shell-home .shop-card-thumb,
.shell-home .shop-list-panel .shop-card-thumb {
  display: grid !important;
  place-items: center !important;
  width: 4.45rem !important;
  height: 4.45rem !important;
  min-width: 4.45rem !important;
  min-height: 4.45rem !important;
  border: 1px solid rgba(250, 204, 21, 0.16) !important;
  border-radius: 8px !important;
  background: var(--panel-soft) !important;
  color: var(--accent) !important;
  -webkit-text-fill-color: var(--accent) !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

.shell-home .shop-card-thumb img,
.shell-home .shop-list-panel .shop-card-thumb img,
.shell-home .shop-pane-item-image,
.shell-home .shop-cart-image {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
  background: transparent !important;
}

.shell-home .shop-card-main,
.shell-home .shop-card-title-block,
.shell-home .shop-pane-item-copy,
.shell-home .shop-cart-copy {
  min-width: 0 !important;
}

.shell-home .shop-card-topline {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 0.62rem !important;
}

.shell-home .shop-card-title-block strong {
  color: var(--ink) !important;
  -webkit-text-fill-color: var(--ink) !important;
  font-size: 0.98rem !important;
  line-height: 1.16 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.shell-home .shop-card-subtitle {
  color: var(--muted) !important;
  -webkit-text-fill-color: var(--muted) !important;
  font-size: 0.78rem !important;
  line-height: 1.25 !important;
  overflow: hidden !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}

.shell-home .shop-card-items {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.34rem !important;
  margin-top: 0.48rem !important;
}

.shell-home .shop-card-item {
  min-height: 1.58rem !important;
  padding: 0 0.48rem !important;
  border: 1px solid rgba(250, 204, 21, 0.14) !important;
  border-radius: 999px !important;
  background: rgba(250, 204, 21, 0.055) !important;
  color: var(--muted) !important;
  -webkit-text-fill-color: var(--muted) !important;
  font-size: 0.72rem !important;
  font-weight: 800 !important;
  line-height: 1 !important;
}

.shell-home .shop-card-open,
.shell-home .shop-card-add {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 3.35rem !important;
  min-height: 2rem !important;
  padding: 0 0.7rem !important;
  border: 1px solid rgba(250, 204, 21, 0.26) !important;
  border-radius: 8px !important;
  background: rgba(18, 15, 8, 0.92) !important;
  color: var(--ink) !important;
  -webkit-text-fill-color: var(--ink) !important;
  font-size: 0.76rem !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  box-shadow: none !important;
}

.shell-home .shop-card-add {
  border-color: rgba(250, 204, 21, 0.62) !important;
  background: var(--accent) !important;
  color: #120d03 !important;
  -webkit-text-fill-color: #120d03 !important;
}

.shell-home .shop-pane-items,
.shell-home .shop-pane-cart-items,
.shell-home .shop-account-menu-card,
.shell-home .shop-account-state-card,
.shell-home .shop-owner-order-list,
.shell-home .shop-owner-item-list {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

.shell-home .shop-list-panel .shop-pane-item,
.shell-home[data-hashop-screen] .shop-pane-item,
.shell-home[data-hashop-screen] .shop-account-menu-row,
.shell-home[data-hashop-screen] .shop-account-record-row,
.shell-home[data-hashop-screen] .shop-cart-row,
.shell-home[data-hashop-screen] .shop-cart-rich-row,
.shell-home[data-hashop-screen] .shop-owner-item-select,
.shell-home[data-hashop-screen] .shop-owner-order-card,
.shell-home[data-hashop-screen] .shop-buyer-order-card {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(250, 204, 21, 0.12) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.shell-home .shop-pane-item-row {
  display: grid !important;
  grid-template-columns: 4.1rem minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 0.78rem !important;
}

.shell-home .shop-pane-item-mark,
.shell-home .shop-cart-media,
.shell-home .shop-empty-cart-visual,
.shell-home .shop-state-mascot,
.shell-home .shop-account-avatar,
.shell-home .shop-account-menu-icon,
.shell-home .home-bottom-link-icon {
  background: var(--panel-soft) !important;
  background-image: none !important;
  border-color: rgba(250, 204, 21, 0.18) !important;
  color: var(--accent) !important;
  -webkit-text-fill-color: var(--accent) !important;
  box-shadow: none !important;
}

.shell-home .shop-pane-item-mark,
.shell-home .shop-cart-media {
  width: 4.1rem !important;
  height: 4.1rem !important;
  min-width: 4.1rem !important;
  min-height: 4.1rem !important;
  border-radius: 8px !important;
  overflow: hidden !important;
}

.shell-home .shop-empty-cart-card,
.shell-home .shop-state-card {
  display: grid !important;
  grid-template-columns: 4.25rem minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 0.86rem !important;
  padding: 0.86rem !important;
  border: 1px solid rgba(250, 204, 21, 0.16) !important;
  border-radius: 8px !important;
  background: rgba(13, 11, 6, 0.92) !important;
  box-shadow: none !important;
}

.shell-home .shop-empty-cart-actions,
.shell-home .shop-state-actions {
  grid-column: 1 / -1 !important;
}

.shell-home button,
.shell-home .shop-cart-pay,
.shell-home .shop-owner-save,
.shell-home .shop-login-submit,
.shell-home .shop-empty-cart-action,
.shell-home .shop-state-action,
.shell-home .shop-concept-primary,
.shell-home .shop-concept-secondary,
.shell-home .shop-concept-map-button,
.shell-home .shop-pane-quick-link,
.shell-home .shop-owner-chip-button,
.shell-home .shop-cart-pay-secondary,
.shell-home .shop-account-auth-links button,
.shell-home .shop-account-mini-button,
.shell-home .shop-owner-tab,
.shell-home .shop-concept-tab,
.shell-home .shop-concept-switch,
.shell-home .shop-pane-mode-card,
.shell-home .shop-pay-card,
.shell-home .shop-owner-item-select,
.shell-home .shop-back-action,
.shell-home .shop-pane-toggle {
  border: 1px solid rgba(250, 204, 21, 0.26) !important;
  border-radius: 8px !important;
  background: rgba(18, 15, 8, 0.92) !important;
  background-image: none !important;
  color: var(--ink) !important;
  -webkit-text-fill-color: var(--ink) !important;
  box-shadow: none !important;
}

.shell-home .shop-owner-save,
.shell-home .shop-login-submit,
.shell-home .shop-cart-pay,
.shell-home .shop-empty-cart-action,
.shell-home .shop-state-action.is-primary,
.shell-home .shop-concept-primary {
  border-color: rgba(250, 204, 21, 0.68) !important;
  background: var(--accent) !important;
  color: #120d03 !important;
  -webkit-text-fill-color: #120d03 !important;
}

.shell-home .shop-owner-chip-button.is-danger,
.shell-home .shop-account-mini-button.is-danger,
.shell-home .shop-cart-pay-secondary.is-danger {
  border-color: rgba(255, 123, 123, 0.52) !important;
  background: rgba(52, 17, 17, 0.74) !important;
  color: var(--danger) !important;
  -webkit-text-fill-color: var(--danger) !important;
}

.shell-home .home-bottom-nav {
  width: min(100%, 760px) !important;
  max-width: 760px !important;
  margin-inline: auto !important;
  border: 1px solid rgba(250, 204, 21, 0.16) !important;
  border-radius: 8px !important;
  background: rgba(13, 11, 6, 0.96) !important;
  box-shadow: none !important;
}

.shell-home .home-bottom-link {
  border: 0 !important;
  border-radius: 6px !important;
  background: transparent !important;
  color: var(--muted) !important;
  -webkit-text-fill-color: var(--muted) !important;
}

.shell-home .home-bottom-link.is-active {
  border: 1px solid rgba(250, 204, 21, 0.3) !important;
  background: rgba(250, 204, 21, 0.12) !important;
  color: var(--accent) !important;
  -webkit-text-fill-color: var(--accent) !important;
}

.shell-home .home-bottom-link.is-active svg.home-bottom-link-icon,
.shell-home .home-bottom-link.is-active span {
  color: var(--accent) !important;
  stroke: var(--accent) !important;
  -webkit-text-fill-color: var(--accent) !important;
}

.shell-home .shop-list-search,
.shell-home .shop-list-search-input,
.shell-home .shop-login-input,
.shell-home .shop-account-textarea,
.shell-home .shop-owner-input,
.shell-home .shop-owner-textarea,
.shell-home .shop-concept-input,
.shell-home .shop-concept-textarea,
.shell-home input,
.shell-home textarea,
.shell-home select {
  border-color: rgba(250, 204, 21, 0.18) !important;
  border-radius: 8px !important;
  background: #0a0804 !important;
  background-image: none !important;
  color: var(--ink) !important;
  -webkit-text-fill-color: var(--ink) !important;
  box-shadow: none !important;
}

.shell-home input:focus,
.shell-home textarea:focus,
.shell-home select:focus,
.shell-home .shop-list-search:focus-within,
.shell-home .shop-login-input:focus,
.shell-home .shop-owner-input:focus,
.shell-home .shop-owner-textarea:focus,
.shell-home .shop-concept-input:focus,
.shell-home .shop-concept-textarea:focus {
  outline: 0 !important;
  border-color: rgba(250, 204, 21, 0.72) !important;
  box-shadow: 0 0 0 2px rgba(250, 204, 21, 0.1) !important;
}

.shell-home input::placeholder,
.shell-home textarea::placeholder,
.shell-home .shop-list-search-input::placeholder {
  color: rgba(200, 184, 137, 0.72) !important;
  -webkit-text-fill-color: rgba(200, 184, 137, 0.72) !important;
}

@media (max-width: 520px) {
  .shell-home .shop-list-sortbar {
    align-items: flex-start !important;
    flex-direction: column !important;
  }

  .shell-home .shop-list-sort-actions {
    width: 100% !important;
    justify-content: flex-start !important;
  }

  .shell-home .shop-list-panel .shop-card,
  .shell-home .shop-list-panel.is-root-view .shop-card,
  .shell-home .shop-list-panel .shop-discovery-card,
  .shell-home .shop-list-panel .shop-item-discovery-card {
    grid-template-columns: 4rem minmax(0, 1fr) !important;
    gap: 0.7rem !important;
  }

  .shell-home .shop-card-thumb,
  .shell-home .shop-list-panel .shop-card-thumb {
    width: 4rem !important;
    height: 4rem !important;
    min-width: 4rem !important;
    min-height: 4rem !important;
  }

  .shell-home .shop-card-open,
  .shell-home .shop-card-add {
    min-width: 2.9rem !important;
    padding: 0 0.56rem !important;
  }
}

/* Iteration 046 account guard: older account-state specificity was restoring
   the white logo chip and low-contrast menu text. */
.shell-home[data-hashop-screen="account"] .brand,
.shell-home[data-hashop-screen="account"][data-hashop-account-state="signed-in"] .brand,
.shell-home[data-hashop-screen="account"][data-hashop-account-state="signed-out"] .brand {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.shell-home[data-hashop-screen="account"] .home-hash-logo,
.shell-home[data-hashop-screen="account"][data-hashop-account-state="signed-in"] .home-hash-logo,
.shell-home[data-hashop-screen="account"][data-hashop-account-state="signed-out"] .home-hash-logo {
  width: 2.6rem !important;
  height: 2.6rem !important;
  min-width: 2.6rem !important;
  min-height: 2.6rem !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  color: var(--accent) !important;
  -webkit-text-fill-color: var(--accent) !important;
  box-shadow: none !important;
  text-shadow: 0 0 18px rgba(250, 204, 21, 0.34) !important;
}

.shell-home[data-hashop-screen="account"] .shop-account-menu-label,
.shell-home[data-hashop-screen="account"] .shop-account-menu-copy strong,
.shell-home[data-hashop-screen="account"] .shop-account-menu-row strong,
.shell-home[data-hashop-screen="account"] .shop-account-record-row strong {
  color: var(--ink) !important;
  -webkit-text-fill-color: var(--ink) !important;
}

.shell-home[data-hashop-screen="account"] .shop-account-menu-copy span,
.shell-home[data-hashop-screen="account"] .shop-account-menu-row span,
.shell-home[data-hashop-screen="account"] .shop-account-record-row span {
  color: var(--muted) !important;
  -webkit-text-fill-color: var(--muted) !important;
}

.shell-home[data-hashop-screen="account"] .shop-account-menu-icon,
.shell-home[data-hashop-screen="account"] svg.shop-account-menu-icon {
  color: var(--accent) !important;
  stroke: var(--accent) !important;
  -webkit-text-fill-color: var(--accent) !important;
}

.shell-home[data-hashop-screen="account"] .shop-account-menu-card,
.shell-home[data-hashop-screen="account"] .shop-account-state-card,
.shell-home[data-hashop-screen="account"] .shop-account-form-card {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

.shell-home[data-hashop-screen="account"] .shop-account-menu-row,
.shell-home[data-hashop-screen="account"] .shop-account-record-row {
  min-height: 4rem !important;
  padding: 0.72rem 0 !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(250, 204, 21, 0.14) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.shell-home .shop-empty-cart-card::before,
.shell-home .shop-empty-cart-card::after,
.shell-home[data-hashop-screen] .shop-empty-cart-card::before,
.shell-home[data-hashop-screen] .shop-empty-cart-card::after {
  content: none !important;
  display: none !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Iteration 047: buttons are contained controls, not line separators. */
.shell-home button,
.shell-home .shop-cart-pay,
.shell-home .shop-owner-save,
.shell-home .shop-login-submit,
.shell-home .shop-empty-cart-action,
.shell-home .shop-state-action,
.shell-home .shop-concept-primary,
.shell-home .shop-concept-secondary,
.shell-home .shop-concept-map-button,
.shell-home .shop-pane-quick-link,
.shell-home .shop-owner-chip-button,
.shell-home .shop-cart-pay-secondary,
.shell-home .shop-account-auth-links button,
.shell-home .shop-account-mini-button,
.shell-home .shop-owner-tab,
.shell-home .shop-concept-tab,
.shell-home .shop-concept-switch,
.shell-home .shop-pane-mode-card,
.shell-home .shop-pay-card,
.shell-home .shop-owner-item-select,
.shell-home .shop-back-action,
.shell-home .shop-pane-toggle,
.shell-home .shop-card-open,
.shell-home .shop-card-add,
.shell-home .shop-list-sort-button,
.shell-home .home-bottom-link,
.shell-home .home-bottom-link.is-active,
.shell-home .home-chrome .map-locate-button.home-locate-button,
.shell-home #homeMapLocateAction {
  border-width: 1px !important;
  border-style: solid !important;
  border-color: rgba(250, 204, 21, 0.24) !important;
  border-radius: 8px !important;
  background-image: none !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

.shell-home .home-bottom-link,
.shell-home .home-bottom-link.is-active {
  border-width: 0 !important;
  box-shadow: none !important;
}

.shell-home .home-bottom-link.is-active,
.shell-home .shop-list-sort-button.is-active,
.shell-home .shop-owner-tab.is-active,
.shell-home .shop-concept-tab.is-active {
  background: rgba(250, 204, 21, 0.13) !important;
}

.shell-home button::before,
.shell-home button::after,
.shell-home .shop-cart-pay::before,
.shell-home .shop-cart-pay::after,
.shell-home .shop-owner-save::before,
.shell-home .shop-owner-save::after,
.shell-home .shop-empty-cart-action::before,
.shell-home .shop-empty-cart-action::after,
.shell-home .shop-state-action::before,
.shell-home .shop-state-action::after,
.shell-home .shop-card-open::before,
.shell-home .shop-card-open::after,
.shell-home .shop-card-add::before,
.shell-home .shop-card-add::after,
.shell-home .shop-list-sort-button::before,
.shell-home .shop-list-sort-button::after,
.shell-home .home-bottom-link::before,
.shell-home .home-bottom-link::after {
  content: none !important;
  display: none !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.shell-home .shop-owner-save,
.shell-home .shop-login-submit,
.shell-home .shop-cart-pay,
.shell-home .shop-empty-cart-action,
.shell-home .shop-state-action.is-primary,
.shell-home .shop-concept-primary,
.shell-home .shop-card-add,
.shell-home .shop-list-sort-button.is-active {
  border-color: rgba(250, 204, 21, 0.64) !important;
  background: var(--accent) !important;
  color: #120d03 !important;
  -webkit-text-fill-color: #120d03 !important;
}

.shell-home svg,
.shell-home button svg,
.shell-home [data-lucide] svg,
.shell-home svg.home-bottom-link-icon,
.shell-home .home-bottom-link svg.home-bottom-link-icon,
.shell-home .shop-account-menu-icon,
.shell-home svg.shop-account-menu-icon {
  stroke-width: 2.8 !important;
  opacity: 1 !important;
}

.shell-home .home-bottom-link-icon,
.shell-home .shop-account-menu-icon,
.shell-home .shop-pane-icon,
.shell-home .shop-concept-icon {
  font-weight: 800 !important;
  opacity: 1 !important;
  filter: none !important;
}

/* Iteration 048: opened shop rows add by touch; nav/back reads as one target. */
.shell-home .shop-panel-bar,
.shell-home .shop-list-panel .shop-panel-bar {
  border: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

.shell-home .shop-back-action,
.shell-home .shop-list-panel .shop-back-action,
.shell-home .shop-back-action.is-visible,
.shell-home .shop-list-panel .shop-back-action.is-visible {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.42rem !important;
  min-height: 2.5rem !important;
  padding: 0 0.88rem 0 0.68rem !important;
  border-width: 1px !important;
  border-style: solid !important;
  border-color: rgba(250, 204, 21, 0.26) !important;
  border-radius: 8px !important;
  background: rgba(18, 15, 8, 0.92) !important;
  color: var(--accent) !important;
  -webkit-text-fill-color: var(--accent) !important;
  box-shadow: none !important;
}

.shell-home .shop-back-arrow {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 1rem !important;
  min-width: 1rem !important;
  color: currentColor !important;
  font-size: 1.22rem !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

.shell-home .shop-back-label {
  color: currentColor !important;
  -webkit-text-fill-color: currentColor !important;
}

.shell-home .home-bottom-nav .home-bottom-link,
.shell-home .shop-list-panel .home-bottom-nav .home-bottom-link,
.shell-home .home-bottom-nav .home-bottom-link.is-active,
.shell-home .shop-list-panel .home-bottom-nav .home-bottom-link.is-active {
  border: 0 !important;
  border-width: 0 !important;
  border-color: transparent !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}

.shell-home .home-bottom-nav .home-bottom-link {
  background: transparent !important;
}

.shell-home .home-bottom-nav .home-bottom-link.is-active,
.shell-home .shop-list-panel .home-bottom-nav .home-bottom-link.is-active {
  background: rgba(250, 204, 21, 0.13) !important;
  color: var(--accent) !important;
  -webkit-text-fill-color: var(--accent) !important;
}

.shell-home .shop-item-step,
.shell-home .shop-cart-step,
.shell-home .shop-owner-step,
.shell-home .shop-list-panel .shop-item-step,
.shell-home .shop-list-panel .shop-cart-step,
.shell-home .shop-list-panel .shop-owner-step {
  border-width: 1px !important;
  border-style: solid !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}

.shell-home .shop-pane-item.is-touch-add,
.shell-home .shop-list-panel .shop-pane-item.is-touch-add {
  cursor: pointer !important;
  touch-action: manipulation !important;
}

.shell-home .shop-pane-item.is-touch-add:active,
.shell-home .shop-list-panel .shop-pane-item.is-touch-add:active {
  background: rgba(250, 204, 21, 0.08) !important;
}

.shell-home .shop-pane-item.is-touch-add:focus-visible,
.shell-home .shop-list-panel .shop-pane-item.is-touch-add:focus-visible {
  outline: 0 !important;
  border-color: rgba(250, 204, 21, 0.68) !important;
  box-shadow: 0 0 0 2px rgba(250, 204, 21, 0.12) !important;
}

.shell-home .shop-item-qty-chip,
.shell-home .shop-list-panel .shop-item-qty-chip {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 2rem !important;
  min-width: 3.1rem !important;
  padding: 0 0.72rem !important;
  border: 1px solid rgba(250, 204, 21, 0.24) !important;
  border-radius: 8px !important;
  background: rgba(18, 15, 8, 0.92) !important;
  color: var(--accent) !important;
  -webkit-text-fill-color: var(--accent) !important;
  font-size: 0.78rem !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

.shell-home .shop-item-qty-chip.is-selected,
.shell-home .shop-list-panel .shop-item-qty-chip.is-selected {
  border-color: rgba(250, 204, 21, 0.64) !important;
  background: var(--accent) !important;
  color: #120d03 !important;
  -webkit-text-fill-color: #120d03 !important;
}

/* Iteration 049: shop and item listings use the Account row language. */
.shell-home .shop-list-panel .shop-card,
.shell-home .shop-list-panel.is-root-view .shop-card,
.shell-home .shop-list-panel[data-pane-mode] .shop-card,
.shell-home .shop-list-panel .shop-discovery-card,
.shell-home .shop-list-panel .shop-item-discovery-card {
  display: grid !important;
  grid-template-columns: 2.65rem minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 0.78rem !important;
  min-height: 4rem !important;
  width: 100% !important;
  min-width: 0 !important;
  padding: 0.72rem 0 !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(250, 204, 21, 0.14) !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  color: var(--ink) !important;
  box-shadow: none !important;
  overflow: visible !important;
}

.shell-home .shop-list-panel .shop-card:hover,
.shell-home .shop-list-panel .shop-card:focus-visible,
.shell-home .shop-list-panel .shop-discovery-card:hover,
.shell-home .shop-list-panel .shop-discovery-card:focus-visible,
.shell-home .shop-list-panel .shop-item-discovery-card:hover,
.shell-home .shop-list-panel .shop-item-discovery-card:focus-visible,
.shell-home .shop-list-panel .shop-pane-item:hover,
.shell-home .shop-list-panel .shop-pane-item:focus-visible {
  background: rgba(250, 204, 21, 0.045) !important;
  border-color: rgba(250, 204, 21, 0.2) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.shell-home .shop-card-thumb,
.shell-home .shop-list-panel .shop-card-thumb,
.shell-home .shop-pane-item-mark,
.shell-home .shop-list-panel .shop-pane-item-mark {
  display: grid !important;
  place-items: center !important;
  width: 2.5rem !important;
  height: 2.5rem !important;
  min-width: 2.5rem !important;
  min-height: 2.5rem !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: transparent !important;
  background-image: none !important;
  color: var(--accent) !important;
  -webkit-text-fill-color: var(--accent) !important;
  font-size: 1.12rem !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

.shell-home .shop-card-thumb span,
.shell-home .shop-list-panel .shop-card-thumb span,
.shell-home .shop-pane-item-mark:not(.is-image) {
  display: grid !important;
  place-items: center !important;
  width: 100% !important;
  height: 100% !important;
  border: 1px solid rgba(250, 204, 21, 0.18) !important;
  border-radius: 8px !important;
  background: transparent !important;
  background-image: none !important;
  color: var(--accent) !important;
  -webkit-text-fill-color: var(--accent) !important;
}

.shell-home .shop-card-thumb img,
.shell-home .shop-list-panel .shop-card-thumb img,
.shell-home .shop-pane-item-mark.is-image img,
.shell-home .shop-pane-item-image {
  width: 100% !important;
  height: 100% !important;
  border: 1px solid rgba(250, 204, 21, 0.16) !important;
  border-radius: 8px !important;
  background: rgba(250, 204, 21, 0.035) !important;
  object-fit: cover !important;
  object-position: center !important;
}

.shell-home .shop-card-main,
.shell-home .shop-card-title-block,
.shell-home .shop-pane-item-copy {
  display: grid !important;
  gap: 0.16rem !important;
  min-width: 0 !important;
}

.shell-home .shop-card-topline,
.shell-home .shop-pane-item-head {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 0.62rem !important;
}

.shell-home .shop-card-title-block strong,
.shell-home .shop-pane-item-head strong {
  color: var(--ink) !important;
  -webkit-text-fill-color: var(--ink) !important;
  font-size: 0.96rem !important;
  font-weight: 850 !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.shell-home .shop-card-subtitle,
.shell-home .shop-pane-item p,
.shell-home .shop-pane-item-meta {
  color: var(--muted) !important;
  -webkit-text-fill-color: var(--muted) !important;
  font-size: 0.8rem !important;
  line-height: 1.28 !important;
}

.shell-home .shop-card-subtitle,
.shell-home .shop-pane-item p {
  display: block !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.shell-home .shop-card-items {
  display: block !important;
  margin-top: 0.08rem !important;
  min-width: 0 !important;
  color: var(--muted) !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.shell-home .shop-card-item {
  display: inline !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--muted) !important;
  -webkit-text-fill-color: var(--muted) !important;
  font-size: 0.78rem !important;
  font-weight: 650 !important;
  line-height: 1.28 !important;
}

.shell-home .shop-card-item + .shop-card-item::before {
  content: " · ";
  color: rgba(185, 151, 45, 0.72) !important;
  -webkit-text-fill-color: rgba(185, 151, 45, 0.72) !important;
}

.shell-home .shop-card-open,
.shell-home .shop-card-add,
.shell-home .shop-item-qty-chip,
.shell-home .shop-list-panel .shop-item-qty-chip {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  min-width: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  color: var(--muted) !important;
  -webkit-text-fill-color: var(--muted) !important;
  font-size: 0.78rem !important;
  font-weight: 850 !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
  box-shadow: none !important;
}

.shell-home .shop-card-add,
.shell-home .shop-item-qty-chip.is-selected,
.shell-home .shop-list-panel .shop-item-qty-chip.is-selected {
  color: var(--accent) !important;
  -webkit-text-fill-color: var(--accent) !important;
}

.shell-home .shop-list-panel .shop-pane-items,
.shell-home .shop-list-panel .shop-pane-cart-items,
.shell-home .shop-list-panel .shop-owner-item-list {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

.shell-home .shop-list-panel .shop-pane-item,
.shell-home[data-hashop-screen] .shop-pane-item {
  min-height: 4rem !important;
  padding: 0.72rem 0 !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(250, 204, 21, 0.14) !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  color: var(--ink) !important;
  box-shadow: none !important;
  overflow: visible !important;
}

.shell-home .shop-pane-item-row {
  display: grid !important;
  grid-template-columns: 2.65rem minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 0.78rem !important;
}

.shell-home .shop-pane-item-head > span {
  color: var(--muted) !important;
  -webkit-text-fill-color: var(--muted) !important;
  font-size: 0.78rem !important;
  font-weight: 850 !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
}

.shell-home .shop-pane-item-meta {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 0.62rem !important;
  min-width: 0 !important;
}

.shell-home .shop-list-panel .shop-card-open,
.shell-home .shop-list-panel .shop-card-add,
.shell-home .shop-list-panel .shop-item-qty-chip,
.shell-home[data-hashop-screen] .shop-card-open,
.shell-home[data-hashop-screen] .shop-card-add,
.shell-home[data-hashop-screen] .shop-item-qty-chip {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  width: auto !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

.shell-home .shop-list-panel .shop-card-add,
.shell-home .shop-list-panel .shop-item-qty-chip.is-selected,
.shell-home[data-hashop-screen] .shop-card-add,
.shell-home[data-hashop-screen] .shop-item-qty-chip.is-selected {
  color: var(--accent) !important;
  -webkit-text-fill-color: var(--accent) !important;
}

/* Iteration 050: cart buddy gets a drawn empty-state instead of the compact state row. */
.shell-home .shop-empty-cart-card,
.shell-home[data-hashop-screen] .shop-empty-cart-card,
.shell-home .shop-list-panel .shop-empty-cart-card {
  position: relative !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  align-items: center !important;
  justify-items: center !important;
  gap: 1rem !important;
  width: min(100%, 25rem) !important;
  max-width: 25rem !important;
  min-height: 18rem !important;
  margin: 0.35rem auto !important;
  padding: 1.5rem 1.15rem 1.25rem !important;
  border: 1px solid rgba(250, 204, 21, 0.18) !important;
  border-radius: 8px !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(250, 204, 21, 0.13), rgba(250, 204, 21, 0) 44%),
    linear-gradient(180deg, rgba(22, 18, 8, 0.98), rgba(8, 7, 4, 0.98)) !important;
  color: var(--ink) !important;
  text-align: center !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
  overflow: hidden !important;
}

.shell-home .shop-empty-cart-visual,
.shell-home[data-hashop-screen] .shop-empty-cart-visual,
.shell-home .shop-list-panel .shop-empty-cart-visual {
  position: relative !important;
  display: block !important;
  width: 9.25rem !important;
  height: 8.25rem !important;
  min-width: 9.25rem !important;
  min-height: 8.25rem !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  color: var(--accent) !important;
  -webkit-text-fill-color: var(--accent) !important;
  box-shadow: none !important;
  overflow: visible !important;
}

.shell-home .shop-empty-cart-code,
.shell-home[data-hashop-screen] .shop-empty-cart-code {
  position: absolute !important;
  top: 0 !important;
  left: 50% !important;
  z-index: 3 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 1.38rem !important;
  padding: 0 0.48rem !important;
  transform: translateX(-50%) !important;
  border: 1px solid rgba(250, 204, 21, 0.24) !important;
  border-radius: 999px !important;
  background: rgba(12, 10, 5, 0.9) !important;
  color: rgba(253, 224, 71, 0.96) !important;
  -webkit-text-fill-color: rgba(253, 224, 71, 0.96) !important;
  font-size: 0.62rem !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

.shell-home .shop-empty-cart-buddy,
.shell-home[data-hashop-screen] .shop-empty-cart-buddy {
  position: absolute !important;
  top: 1.72rem !important;
  left: 50% !important;
  z-index: 2 !important;
  display: block !important;
  width: 3.55rem !important;
  height: 2.9rem !important;
  transform: translateX(-50%) !important;
  border: 1px solid rgba(255, 241, 118, 0.8) !important;
  border-radius: 8px 8px 10px 10px !important;
  background:
    linear-gradient(180deg, #ffe071, #e0ad18) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.42),
    0 0.5rem 1.1rem rgba(0, 0, 0, 0.28) !important;
}

.shell-home .shop-empty-cart-buddy::before,
.shell-home[data-hashop-screen] .shop-empty-cart-buddy::before {
  content: "" !important;
  position: absolute !important;
  top: -0.52rem !important;
  left: 50% !important;
  width: 1.18rem !important;
  height: 0.62rem !important;
  transform: translateX(-50%) !important;
  border: 1px solid rgba(255, 241, 118, 0.78) !important;
  border-bottom: 0 !important;
  border-radius: 999px 999px 0 0 !important;
  background: transparent !important;
}

.shell-home .shop-empty-cart-buddy::after,
.shell-home[data-hashop-screen] .shop-empty-cart-buddy::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  bottom: -0.22rem !important;
  width: 0.72rem !important;
  height: 0.3rem !important;
  transform: translateX(-50%) !important;
  border: 1px solid rgba(255, 241, 118, 0.58) !important;
  border-top: 0 !important;
  border-radius: 0 0 5px 5px !important;
  background: #d39f12 !important;
}

.shell-home .shop-empty-cart-buddy-eye,
.shell-home[data-hashop-screen] .shop-empty-cart-buddy-eye {
  position: absolute !important;
  top: 0.92rem !important;
  display: block !important;
  width: 0.34rem !important;
  height: 0.34rem !important;
  border-radius: 999px !important;
  background: #130d03 !important;
  box-shadow: 0 0 0 0.06rem rgba(19, 13, 3, 0.18) !important;
}

.shell-home .shop-empty-cart-buddy-eye:first-child,
.shell-home[data-hashop-screen] .shop-empty-cart-buddy-eye:first-child {
  left: 0.9rem !important;
}

.shell-home .shop-empty-cart-buddy-eye:nth-child(2),
.shell-home[data-hashop-screen] .shop-empty-cart-buddy-eye:nth-child(2) {
  right: 0.9rem !important;
}

.shell-home .shop-empty-cart-buddy-smile,
.shell-home[data-hashop-screen] .shop-empty-cart-buddy-smile {
  position: absolute !important;
  top: 1.48rem !important;
  left: 50% !important;
  display: block !important;
  width: 1.1rem !important;
  height: 0.54rem !important;
  transform: translateX(-50%) !important;
  border-bottom: 2px solid #130d03 !important;
  border-radius: 0 0 999px 999px !important;
}

.shell-home .shop-empty-cart-basket,
.shell-home[data-hashop-screen] .shop-empty-cart-basket {
  position: absolute !important;
  left: 50% !important;
  bottom: 0.72rem !important;
  z-index: 1 !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  align-items: stretch !important;
  gap: 0.34rem !important;
  width: 6.55rem !important;
  height: 3.28rem !important;
  padding: 0.82rem 0.64rem 0.44rem !important;
  transform: translateX(-50%) !important;
  border: 1px solid rgba(250, 204, 21, 0.42) !important;
  border-top: 0 !important;
  border-radius: 0 0 8px 8px !important;
  background:
    linear-gradient(180deg, rgba(250, 204, 21, 0.28), rgba(250, 204, 21, 0.08)) !important;
  box-shadow:
    inset 0 -1px 0 rgba(255, 255, 255, 0.12),
    0 0.68rem 1.2rem rgba(0, 0, 0, 0.3) !important;
}

.shell-home .shop-empty-cart-basket::before,
.shell-home[data-hashop-screen] .shop-empty-cart-basket::before {
  content: "" !important;
  position: absolute !important;
  top: -0.86rem !important;
  left: 0.78rem !important;
  right: 0.78rem !important;
  height: 1.45rem !important;
  border: 1px solid rgba(250, 204, 21, 0.46) !important;
  border-bottom: 0 !important;
  border-radius: 999px 999px 0 0 !important;
  background: transparent !important;
}

.shell-home .shop-empty-cart-basket::after,
.shell-home[data-hashop-screen] .shop-empty-cart-basket::after {
  content: "" !important;
  position: absolute !important;
  left: -0.46rem !important;
  right: -0.46rem !important;
  bottom: -0.58rem !important;
  height: 0.28rem !important;
  border-radius: 999px !important;
  background: rgba(0, 0, 0, 0.34) !important;
}

.shell-home .shop-empty-cart-basket-rib,
.shell-home[data-hashop-screen] .shop-empty-cart-basket-rib,
.shell-home .shop-empty-cart-basket > span,
.shell-home[data-hashop-screen] .shop-empty-cart-basket > span {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  border-radius: 999px !important;
  background:
    linear-gradient(180deg, rgba(255, 244, 165, 0.48), rgba(250, 204, 21, 0.2)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.16) !important;
}

.shell-home .shop-empty-cart-copy,
.shell-home[data-hashop-screen] .shop-empty-cart-copy {
  display: grid !important;
  justify-items: center !important;
  gap: 0.36rem !important;
  max-width: 18rem !important;
  text-align: center !important;
}

.shell-home .shop-empty-cart-copy strong,
.shell-home[data-hashop-screen] .shop-empty-cart-copy strong {
  color: var(--ink) !important;
  -webkit-text-fill-color: var(--ink) !important;
  font-size: 1rem !important;
  font-weight: 900 !important;
  line-height: 1.22 !important;
}

.shell-home .shop-empty-cart-copy p,
.shell-home[data-hashop-screen] .shop-empty-cart-copy p {
  max-width: 16.5rem !important;
  margin: 0 !important;
  color: var(--muted) !important;
  -webkit-text-fill-color: var(--muted) !important;
  font-size: 0.82rem !important;
  font-weight: 650 !important;
  line-height: 1.45 !important;
}

.shell-home .shop-empty-cart-actions,
.shell-home[data-hashop-screen] .shop-empty-cart-actions {
  display: flex !important;
  grid-column: auto !important;
  justify-content: center !important;
  width: auto !important;
  margin: 0 !important;
}

.shell-home .shop-empty-cart-action,
.shell-home[data-hashop-screen] .shop-empty-cart-action {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 7.5rem !important;
  min-height: 2.42rem !important;
  padding: 0 1rem !important;
  border: 1px solid rgba(250, 204, 21, 0.72) !important;
  border-radius: 8px !important;
  background: #facc15 !important;
  background-image: none !important;
  color: #120d03 !important;
  -webkit-text-fill-color: #120d03 !important;
  font-size: 0.84rem !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
  box-shadow: none !important;
}

@media (max-width: 420px) {
  .shell-home .shop-empty-cart-card,
  .shell-home[data-hashop-screen] .shop-empty-cart-card,
  .shell-home .shop-list-panel .shop-empty-cart-card {
    min-height: 16.75rem !important;
    padding: 1.28rem 0.9rem 1.08rem !important;
  }

  .shell-home .shop-empty-cart-visual,
  .shell-home[data-hashop-screen] .shop-empty-cart-visual,
  .shell-home .shop-list-panel .shop-empty-cart-visual {
    width: 8.65rem !important;
    height: 7.85rem !important;
    min-width: 8.65rem !important;
    min-height: 7.85rem !important;
  }
}

/* Iteration 051: item-list empties use a drawn shelf instead of the generic state card. */
.shell-home .shop-empty-items-card,
.shell-home[data-hashop-screen] .shop-empty-items-card,
.shell-home .shop-list-panel .shop-empty-items-card {
  position: relative !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  align-items: center !important;
  justify-items: center !important;
  gap: 1rem !important;
  width: min(100%, 25rem) !important;
  max-width: 25rem !important;
  min-height: 18rem !important;
  margin: 0.35rem auto !important;
  padding: 1.5rem 1.15rem 1.25rem !important;
  border: 1px solid rgba(250, 204, 21, 0.18) !important;
  border-radius: 8px !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(244, 247, 248, 0.1), rgba(244, 247, 248, 0) 45%),
    linear-gradient(180deg, rgba(17, 18, 14, 0.98), rgba(7, 7, 4, 0.98)) !important;
  color: var(--ink) !important;
  text-align: center !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
  overflow: hidden !important;
}

.shell-home .shop-empty-items-visual,
.shell-home[data-hashop-screen] .shop-empty-items-visual,
.shell-home .shop-list-panel .shop-empty-items-visual {
  position: relative !important;
  display: block !important;
  width: 9.25rem !important;
  height: 8.25rem !important;
  min-width: 9.25rem !important;
  min-height: 8.25rem !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  color: var(--accent) !important;
  -webkit-text-fill-color: var(--accent) !important;
  box-shadow: none !important;
  overflow: visible !important;
}

.shell-home .shop-empty-items-code,
.shell-home[data-hashop-screen] .shop-empty-items-code {
  position: absolute !important;
  top: 0 !important;
  left: 50% !important;
  z-index: 4 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 1.38rem !important;
  padding: 0 0.5rem !important;
  transform: translateX(-50%) !important;
  border: 1px solid rgba(244, 247, 248, 0.22) !important;
  border-radius: 999px !important;
  background: rgba(12, 12, 8, 0.9) !important;
  color: rgba(244, 247, 248, 0.94) !important;
  -webkit-text-fill-color: rgba(244, 247, 248, 0.94) !important;
  font-size: 0.62rem !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

.shell-home .shop-empty-items-rail,
.shell-home[data-hashop-screen] .shop-empty-items-rail {
  position: absolute !important;
  left: 50% !important;
  top: 4.92rem !important;
  z-index: 1 !important;
  display: block !important;
  width: 7.35rem !important;
  height: 0.52rem !important;
  transform: translateX(-50%) !important;
  border: 1px solid rgba(250, 204, 21, 0.34) !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, rgba(250, 204, 21, 0.32), rgba(250, 204, 21, 0.1)) !important;
  box-shadow: 0 0.42rem 0.9rem rgba(0, 0, 0, 0.28) !important;
}

.shell-home .shop-empty-items-tile,
.shell-home[data-hashop-screen] .shop-empty-items-tile {
  position: absolute !important;
  top: 2.42rem !important;
  z-index: 2 !important;
  display: block !important;
  width: 2.24rem !important;
  height: 2.82rem !important;
  border: 1px solid rgba(250, 204, 21, 0.3) !important;
  border-radius: 8px !important;
  background: linear-gradient(180deg, rgba(244, 247, 248, 0.15), rgba(250, 204, 21, 0.12)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    0 0.56rem 0.95rem rgba(0, 0, 0, 0.28) !important;
}

.shell-home .shop-empty-items-tile.is-left,
.shell-home[data-hashop-screen] .shop-empty-items-tile.is-left {
  left: 2.08rem !important;
  transform: rotate(-5deg) !important;
}

.shell-home .shop-empty-items-tile.is-center,
.shell-home[data-hashop-screen] .shop-empty-items-tile.is-center {
  left: 50% !important;
  top: 2.1rem !important;
  width: 2.55rem !important;
  height: 3.2rem !important;
  transform: translateX(-50%) !important;
  border-color: rgba(255, 241, 118, 0.74) !important;
  background: linear-gradient(180deg, #ffe071, #d9aa1a) !important;
}

.shell-home .shop-empty-items-tile.is-right,
.shell-home[data-hashop-screen] .shop-empty-items-tile.is-right {
  right: 2.08rem !important;
  transform: rotate(5deg) !important;
}

.shell-home .shop-empty-items-tile::before,
.shell-home[data-hashop-screen] .shop-empty-items-tile::before {
  content: "" !important;
  position: absolute !important;
  left: 0.42rem !important;
  right: 0.42rem !important;
  top: 0.54rem !important;
  height: 0.26rem !important;
  border-radius: 999px !important;
  background: rgba(255, 244, 165, 0.48) !important;
}

.shell-home .shop-empty-items-tile::after,
.shell-home[data-hashop-screen] .shop-empty-items-tile::after {
  content: "" !important;
  position: absolute !important;
  left: 0.52rem !important;
  right: 0.52rem !important;
  bottom: 0.56rem !important;
  height: 0.24rem !important;
  border-radius: 999px !important;
  background: rgba(250, 204, 21, 0.28) !important;
}

.shell-home .shop-empty-items-tile > span,
.shell-home[data-hashop-screen] .shop-empty-items-tile > span {
  position: absolute !important;
  display: block !important;
  border-radius: 999px !important;
  background: #130d03 !important;
}

.shell-home .shop-empty-items-tile.is-center > span:first-child,
.shell-home[data-hashop-screen] .shop-empty-items-tile.is-center > span:first-child {
  left: 0.66rem !important;
  top: 1.18rem !important;
  width: 0.26rem !important;
  height: 0.26rem !important;
}

.shell-home .shop-empty-items-tile.is-center > span:nth-child(2),
.shell-home[data-hashop-screen] .shop-empty-items-tile.is-center > span:nth-child(2) {
  right: 0.66rem !important;
  top: 1.18rem !important;
  width: 0.26rem !important;
  height: 0.26rem !important;
}

.shell-home .shop-empty-items-tile.is-center > span:nth-child(3),
.shell-home[data-hashop-screen] .shop-empty-items-tile.is-center > span:nth-child(3) {
  left: 50% !important;
  top: 1.72rem !important;
  width: 0.95rem !important;
  height: 0.45rem !important;
  transform: translateX(-50%) !important;
  border-bottom: 2px solid #130d03 !important;
  border-radius: 0 0 999px 999px !important;
  background: transparent !important;
}

.shell-home .shop-empty-items-base,
.shell-home[data-hashop-screen] .shop-empty-items-base {
  position: absolute !important;
  left: 50% !important;
  bottom: 1.1rem !important;
  z-index: 0 !important;
  display: block !important;
  width: 6.9rem !important;
  height: 0.32rem !important;
  transform: translateX(-50%) !important;
  border-radius: 999px !important;
  background: rgba(0, 0, 0, 0.34) !important;
}

.shell-home .shop-empty-items-copy,
.shell-home[data-hashop-screen] .shop-empty-items-copy {
  display: grid !important;
  justify-items: center !important;
  gap: 0.36rem !important;
  max-width: 18rem !important;
  text-align: center !important;
}

.shell-home .shop-empty-items-copy strong,
.shell-home[data-hashop-screen] .shop-empty-items-copy strong {
  color: var(--ink) !important;
  -webkit-text-fill-color: var(--ink) !important;
  font-size: 1rem !important;
  font-weight: 900 !important;
  line-height: 1.22 !important;
}

.shell-home .shop-empty-items-copy p,
.shell-home[data-hashop-screen] .shop-empty-items-copy p {
  max-width: 16.5rem !important;
  margin: 0 !important;
  color: var(--muted) !important;
  -webkit-text-fill-color: var(--muted) !important;
  font-size: 0.82rem !important;
  font-weight: 650 !important;
  line-height: 1.45 !important;
}

.shell-home .shop-empty-items-actions,
.shell-home[data-hashop-screen] .shop-empty-items-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 0.5rem !important;
  width: 100% !important;
  margin: 0 !important;
}

.shell-home .shop-empty-items-action,
.shell-home[data-hashop-screen] .shop-empty-items-action {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 7rem !important;
  min-height: 2.42rem !important;
  padding: 0 0.9rem !important;
  border: 1px solid rgba(250, 204, 21, 0.3) !important;
  border-radius: 8px !important;
  background: rgba(18, 15, 8, 0.92) !important;
  background-image: none !important;
  color: var(--ink) !important;
  -webkit-text-fill-color: var(--ink) !important;
  font-size: 0.84rem !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
  box-shadow: none !important;
}

.shell-home .shop-empty-items-action.is-primary,
.shell-home[data-hashop-screen] .shop-empty-items-action.is-primary {
  border-color: rgba(250, 204, 21, 0.72) !important;
  background: #facc15 !important;
  color: #120d03 !important;
  -webkit-text-fill-color: #120d03 !important;
}

@media (max-width: 420px) {
  .shell-home .shop-empty-items-card,
  .shell-home[data-hashop-screen] .shop-empty-items-card,
  .shell-home .shop-list-panel .shop-empty-items-card {
    min-height: 16.75rem !important;
    padding: 1.28rem 0.9rem 1.08rem !important;
  }

  .shell-home .shop-empty-items-visual,
  .shell-home[data-hashop-screen] .shop-empty-items-visual,
  .shell-home .shop-list-panel .shop-empty-items-visual {
    width: 8.65rem !important;
    height: 7.85rem !important;
    min-width: 8.65rem !important;
    min-height: 7.85rem !important;
  }
}

/* Iteration 052: Account has no empty top state bar. */
.shell-home[data-hashop-screen="account"] .shop-list-panel,
.shell-home .shop-list-panel[data-pane-mode="account"] {
  --hashop-state-bar-h: 0rem !important;
}

.shell-home[data-hashop-screen="account"] .shop-panel-bar,
.shell-home .shop-list-panel[data-pane-mode="account"] .shop-panel-bar {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

.shell-home[data-hashop-screen="account"] .shop-list-grid,
.shell-home .shop-list-panel[data-pane-mode="account"] .shop-list-grid {
  top: var(--hashop-sheet-top) !important;
}

/* Iteration 053: Account rows use the same solid symbol language as shop rows. */
.shell-home[data-hashop-screen="account"] .shop-account-menu-icon,
.shell-home .shop-list-panel[data-pane-mode="account"] .shop-account-menu-icon {
  --account-symbol-mask: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%2024%2024%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%276%27%20fill%3D%27%23000%27/%3E%3C/svg%3E");
  position: relative !important;
  display: grid !important;
  place-items: center !important;
  width: 2.5rem !important;
  height: 2.5rem !important;
  min-width: 2.5rem !important;
  min-height: 2.5rem !important;
  border: 1px solid rgba(250, 204, 21, 0.18) !important;
  border-radius: 8px !important;
  background: transparent !important;
  background-image: none !important;
  color: var(--accent) !important;
  -webkit-text-fill-color: var(--accent) !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

.shell-home[data-hashop-screen="account"] .shop-account-menu-icon::before,
.shell-home .shop-list-panel[data-pane-mode="account"] .shop-account-menu-icon::before {
  content: "" !important;
  display: block !important;
  width: 1.2rem !important;
  height: 1.2rem !important;
  background: currentColor !important;
  -webkit-mask-image: var(--account-symbol-mask) !important;
  mask-image: var(--account-symbol-mask) !important;
  -webkit-mask-repeat: no-repeat !important;
  mask-repeat: no-repeat !important;
  -webkit-mask-position: center !important;
  mask-position: center !important;
  -webkit-mask-size: contain !important;
  mask-size: contain !important;
}

.shell-home[data-hashop-screen="account"] .shop-account-menu-icon[data-account-symbol="profile"],
.shell-home .shop-list-panel[data-pane-mode="account"] .shop-account-menu-icon[data-account-symbol="profile"] {
  --account-symbol-mask: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%2024%2024%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20fill%3D%27%23000%27%20d%3D%27M12%2012a4%204%200%201%200%200-8%204%204%200%200%200%200%208Zm0%202c-4.2%200-7%202.1-7%205v1h14v-1c0-2.9-2.8-5-7-5Z%27/%3E%3C/svg%3E");
}

.shell-home[data-hashop-screen="account"] .shop-account-menu-icon[data-account-symbol="orders"],
.shell-home .shop-list-panel[data-pane-mode="account"] .shop-account-menu-icon[data-account-symbol="orders"] {
  --account-symbol-mask: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%2024%2024%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20fill%3D%27%23000%27%20d%3D%27M6%203h12a1%201%200%200%201%201%201v16l-3-1.5-2%201-2-1-2%201-2-1L5%2020V4a1%201%200%200%201%201-1Zm3%205h6V6H9v2Zm0%204h8v-2H9v2Zm0%204h8v-2H9v2Z%27/%3E%3C/svg%3E");
}

.shell-home[data-hashop-screen="account"] .shop-account-menu-icon[data-account-symbol="address"],
.shell-home .shop-list-panel[data-pane-mode="account"] .shop-account-menu-icon[data-account-symbol="address"] {
  --account-symbol-mask: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%2024%2024%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20fill%3D%27%23000%27%20d%3D%27M12%202a7%207%200%200%200-7%207c0%205.2%207%2013%207%2013s7-7.8%207-13a7%207%200%200%200-7-7Zm0%209.5A2.5%202.5%200%201%201%2012%206a2.5%202.5%200%200%201%200%205.5Z%27/%3E%3C/svg%3E");
}

.shell-home[data-hashop-screen="account"] .shop-account-menu-icon[data-account-symbol="location"],
.shell-home .shop-list-panel[data-pane-mode="account"] .shop-account-menu-icon[data-account-symbol="location"] {
  --account-symbol-mask: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%2024%2024%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20fill%3D%27%23000%27%20d%3D%27M11%202h2v3.1a7%207%200%200%201%205.9%205.9H22v2h-3.1a7%207%200%200%201-5.9%205.9V22h-2v-3.1A7%207%200%200%201%205.1%2013H2v-2h3.1A7%207%200%200%201%2011%205.1V2Zm1%205a5%205%200%201%200%200%2010%205%205%200%200%200%200-10Zm0%203a2%202%200%201%201%200%204%202%202%200%200%201%200-4Z%27/%3E%3C/svg%3E");
}

.shell-home[data-hashop-screen="account"] .shop-account-menu-icon[data-account-symbol="payment"],
.shell-home .shop-list-panel[data-pane-mode="account"] .shop-account-menu-icon[data-account-symbol="payment"] {
  --account-symbol-mask: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%2024%2024%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20fill%3D%27%23000%27%20d%3D%27M7%204h11v2H7V4Zm0%204h11v2h-4.2c-.3%201.7-1.4%202.9-3%203.5l4.4%206.5h-3.1L8%2013.9V12h1.8c1%200%201.8-.4%202.1-1.1H7V8Z%27/%3E%3C/svg%3E");
}

.shell-home[data-hashop-screen="account"] .shop-account-menu-icon[data-account-symbol="shop"],
.shell-home .shop-list-panel[data-pane-mode="account"] .shop-account-menu-icon[data-account-symbol="shop"] {
  --account-symbol-mask: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%2024%2024%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20fill%3D%27%23000%27%20d%3D%27M4%2010h16l-1.2-5.2A1%201%200%200%200%2017.8%204H6.2a1%201%200%200%200-1%20.8L4%2010Zm1%202v7a1%201%200%200%200%201%201h4v-5h4v5h4a1%201%200%200%200%201-1v-7h-3v3h-3v-3h-2v3H8v-3H5Z%27/%3E%3C/svg%3E");
}

.shell-home[data-hashop-screen="account"] .shop-account-menu-icon[data-account-symbol="help"],
.shell-home .shop-list-panel[data-pane-mode="account"] .shop-account-menu-icon[data-account-symbol="help"] {
  --account-symbol-mask: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%2024%2024%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20fill%3D%27%23000%27%20d%3D%27M12%202a10%2010%200%201%200%200%2020%2010%2010%200%200%200%200-20Zm-1%2015h2v2h-2v-2Zm1-12c2.2%200%203.8%201.3%203.8%203.2%200%201.3-.7%202.1-1.8%202.8-.9%20.6-1.2%201-1.2%202.2V14h-2v-.9c0-1.7.8-2.6%202-3.3.8-.5%201-.9%201-1.5%200-.8-.7-1.3-1.8-1.3-1%200-1.8.5-2.3%201.4L8%207.4C8.8%205.9%2010.1%205%2012%205Z%27/%3E%3C/svg%3E");
}

.shell-home[data-hashop-screen="account"] .shop-account-menu-icon[data-account-symbol="privacy"],
.shell-home .shop-list-panel[data-pane-mode="account"] .shop-account-menu-icon[data-account-symbol="privacy"] {
  --account-symbol-mask: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%2024%2024%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20fill%3D%27%23000%27%20d%3D%27M12%202%204%205v6c0%205%203.4%209.4%208%2011%204.6-1.6%208-6%208-11V5l-8-3Zm4.8%207.2-5.5%205.7-2.8-2.8%201.4-1.4%201.4%201.4%204.1-4.2%201.4%201.3Z%27/%3E%3C/svg%3E");
}

.shell-home[data-hashop-screen="account"] .shop-account-menu-icon[data-account-symbol="signin"],
.shell-home .shop-list-panel[data-pane-mode="account"] .shop-account-menu-icon[data-account-symbol="signin"] {
  --account-symbol-mask: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%2024%2024%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20fill%3D%27%23000%27%20d%3D%27M4%203h9v3h-2V5H6v14h5v-1h2v3H4V3Zm10.5%204%204.5%205-4.5%205v-3H9v-4h5.5V7Z%27/%3E%3C/svg%3E");
}

.shell-home[data-hashop-screen="account"] .shop-account-menu-icon[data-account-symbol="plus"],
.shell-home .shop-list-panel[data-pane-mode="account"] .shop-account-menu-icon[data-account-symbol="plus"] {
  --account-symbol-mask: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%2024%2024%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20fill%3D%27%23000%27%20d%3D%27M11%204h2v7h7v2h-7v7h-2v-7H4v-2h7V4Z%27/%3E%3C/svg%3E");
}

.shell-home[data-hashop-screen="account"] .shop-account-menu-icon[data-account-symbol="logout"],
.shell-home .shop-list-panel[data-pane-mode="account"] .shop-account-menu-icon[data-account-symbol="logout"] {
  --account-symbol-mask: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%2024%2024%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20fill%3D%27%23000%27%20d%3D%27M4%203h9v3h-2V5H6v14h5v-1h2v3H4V3Zm11.5%204%204.5%205-4.5%205v-3H10v-4h5.5V7Z%27/%3E%3C/svg%3E");
}

.shell-home[data-hashop-screen="account"] .shop-account-menu-icon[data-account-symbol="hash"],
.shell-home .shop-list-panel[data-pane-mode="account"] .shop-account-menu-icon[data-account-symbol="hash"] {
  --account-symbol-mask: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%2024%2024%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20fill%3D%27%23000%27%20d%3D%27M9%203h2l-.7%204h4.4l.7-4h2l-.7%204H20v2h-3.7l-.7%204H19v2h-3.7l-1%206h-2l1-6H8.9l-1%206h-2l1-6H4v-2h3.2l.7-4H5V7h3.2L9%203Zm.9%206-.7%204h4.4l.7-4H9.9Z%27/%3E%3C/svg%3E");
}

.shell-home[data-hashop-screen="account"] .shop-account-menu-icon[data-account-symbol="back"],
.shell-home .shop-list-panel[data-pane-mode="account"] .shop-account-menu-icon[data-account-symbol="back"] {
  --account-symbol-mask: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%2024%2024%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20fill%3D%27%23000%27%20d%3D%27M14.5%205%207.5%2012l7%207%201.5-1.5L10.5%2012%2016%206.5%2014.5%205Z%27/%3E%3C/svg%3E");
}

.shell-home[data-hashop-screen="account"] .shop-account-menu-row.is-danger .shop-account-menu-icon,
.shell-home[data-hashop-screen="account"] .shop-account-signout-card .shop-account-menu-icon,
.shell-home .shop-list-panel[data-pane-mode="account"] .shop-account-menu-row.is-danger .shop-account-menu-icon {
  border-color: rgba(255, 123, 123, 0.36) !important;
  color: var(--danger) !important;
  -webkit-text-fill-color: var(--danger) !important;
}

/* Iteration 054: Account state bar uses the same solid symbols as shop bars. */
.shell-home[data-hashop-screen="account"] .home-bottom-nav,
.shell-home .shop-list-panel[data-pane-mode="account"] .home-bottom-nav {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 0.14rem !important;
  height: var(--hashop-nav-h, 3.34rem) !important;
  min-height: var(--hashop-nav-h, 3.34rem) !important;
  padding: 0.24rem !important;
  border: 1px solid rgba(250, 204, 21, 0.16) !important;
  border-radius: 8px !important;
  background: rgba(13, 11, 6, 0.96) !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

.shell-home[data-hashop-screen="account"] .home-bottom-link,
.shell-home .shop-list-panel[data-pane-mode="account"] .home-bottom-link {
  display: inline-grid !important;
  grid-template-rows: 1.12rem auto !important;
  align-content: center !important;
  justify-items: center !important;
  gap: 0.2rem !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 2.72rem !important;
  padding: 0.24rem 0.08rem !important;
  border: 1px solid transparent !important;
  border-radius: 6px !important;
  background: transparent !important;
  background-image: none !important;
  color: var(--muted) !important;
  -webkit-text-fill-color: var(--muted) !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

.shell-home[data-hashop-screen="account"] .home-bottom-link.is-active,
.shell-home .shop-list-panel[data-pane-mode="account"] .home-bottom-link.is-active {
  border-color: rgba(250, 204, 21, 0.3) !important;
  background: rgba(250, 204, 21, 0.12) !important;
  background-image: none !important;
  color: var(--accent) !important;
  -webkit-text-fill-color: var(--accent) !important;
}

.shell-home[data-hashop-screen="account"] .home-bottom-link > span:last-child,
.shell-home .shop-list-panel[data-pane-mode="account"] .home-bottom-link > span:last-child {
  display: block !important;
  max-width: 100% !important;
  overflow: hidden !important;
  color: currentColor !important;
  -webkit-text-fill-color: currentColor !important;
  font-size: 0.68rem !important;
  font-weight: 850 !important;
  line-height: 1.05 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.shell-home[data-hashop-screen="account"] .home-bottom-link-icon,
.shell-home .shop-list-panel[data-pane-mode="account"] .home-bottom-link-icon {
  --state-bar-symbol-mask: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%2024%2024%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%276%27%20fill%3D%27%23000%27/%3E%3C/svg%3E");
  display: block !important;
  width: 1.08rem !important;
  height: 1.08rem !important;
  min-width: 1.08rem !important;
  min-height: 1.08rem !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: currentColor !important;
  background-image: none !important;
  color: currentColor !important;
  -webkit-text-fill-color: currentColor !important;
  box-shadow: none !important;
  -webkit-mask-image: var(--state-bar-symbol-mask) !important;
  mask-image: var(--state-bar-symbol-mask) !important;
  -webkit-mask-repeat: no-repeat !important;
  mask-repeat: no-repeat !important;
  -webkit-mask-position: center !important;
  mask-position: center !important;
  -webkit-mask-size: contain !important;
  mask-size: contain !important;
}

.shell-home[data-hashop-screen="account"] .home-bottom-link-icon.is-shops,
.shell-home .shop-list-panel[data-pane-mode="account"] .home-bottom-link-icon.is-shops {
  --state-bar-symbol-mask: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%2024%2024%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20fill%3D%27%23000%27%20d%3D%27M4%2010h16l-1.2-5.2A1%201%200%200%200%2017.8%204H6.2a1%201%200%200%200-1%20.8L4%2010Zm1%202v7a1%201%200%200%200%201%201h4v-5h4v5h4a1%201%200%200%200%201-1v-7h-3v3h-3v-3h-2v3H8v-3H5Z%27/%3E%3C/svg%3E");
}

.shell-home[data-hashop-screen="account"] .home-bottom-link-icon.is-items,
.shell-home .shop-list-panel[data-pane-mode="account"] .home-bottom-link-icon.is-items {
  --state-bar-symbol-mask: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%2024%2024%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20fill%3D%27%23000%27%20d%3D%27M5%205a2%202%200%200%201%202-2h10a2%202%200%200%201%202%202v14a2%202%200%200%201-2%202H7a2%202%200%200%201-2-2V5Zm3%203h8V6H8v2Zm0%205h8v-2H8v2Zm0%205h6v-2H8v2Z%27/%3E%3C/svg%3E");
}

.shell-home[data-hashop-screen="account"] .home-bottom-link-icon.is-cart,
.shell-home .shop-list-panel[data-pane-mode="account"] .home-bottom-link-icon.is-cart {
  --state-bar-symbol-mask: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%2024%2024%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20fill%3D%27%23000%27%20d%3D%27M4%204h2.4l1.1%2011.1A2%202%200%200%200%209.5%2017h7.8a2%202%200%200%200%201.9-1.38L21%208H8.2L8%206H4V4Zm6%2016a1.7%201.7%200%201%200%200-3.4A1.7%201.7%200%200%200%2010%2020Zm7%200a1.7%201.7%200%201%200%200-3.4A1.7%201.7%200%200%200%2017%2020Z%27/%3E%3C/svg%3E");
}

.shell-home[data-hashop-screen="account"] .home-bottom-link-icon.is-orders,
.shell-home .shop-list-panel[data-pane-mode="account"] .home-bottom-link-icon.is-orders {
  --state-bar-symbol-mask: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%2024%2024%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20fill%3D%27%23000%27%20d%3D%27M6%203h12a1%201%200%200%201%201%201v16l-3-1.5-2%201-2-1-2%201-2-1L5%2020V4a1%201%200%200%201%201-1Zm3%205h6V6H9v2Zm0%204h8v-2H9v2Zm0%204h8v-2H9v2Z%27/%3E%3C/svg%3E");
}

.shell-home[data-hashop-screen="account"] .home-bottom-link-icon.is-account,
.shell-home .shop-list-panel[data-pane-mode="account"] .home-bottom-link-icon.is-account {
  --state-bar-symbol-mask: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%2024%2024%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20fill%3D%27%23000%27%20d%3D%27M12%2012a4%204%200%201%200%200-8%204%204%200%200%200%200%208Zm0%202c-4.2%200-7%202.1-7%205v1h14v-1c0-2.9-2.8-5-7-5Z%27/%3E%3C/svg%3E");
}

.shell-home[data-hashop-screen="account"] .shop-list-panel[data-pane-mode="account"] .home-bottom-nav .home-bottom-link,
.shell-home[data-hashop-screen="account"] .shop-list-panel[data-pane-mode="account"] .home-bottom-nav .home-bottom-link:not(.is-active),
.shell-home[data-hashop-screen="account"] .shop-list-panel[data-pane-mode="account"] .home-bottom-nav .home-bottom-link:first-child:not(.is-active) {
  border: 1px solid transparent !important;
  background: transparent !important;
  background-image: none !important;
  color: var(--muted) !important;
  -webkit-text-fill-color: var(--muted) !important;
}

.shell-home[data-hashop-screen="account"] .shop-list-panel[data-pane-mode="account"] .home-bottom-nav .home-bottom-link.is-active {
  border: 1px solid rgba(250, 204, 21, 0.3) !important;
  background: rgba(250, 204, 21, 0.12) !important;
  background-image: none !important;
  color: var(--accent) !important;
  -webkit-text-fill-color: var(--accent) !important;
}

.shell-home[data-hashop-screen="account"] .shop-list-panel[data-pane-mode="account"] .home-bottom-nav .home-bottom-link:not(.is-active) .home-bottom-link-icon {
  background: var(--muted) !important;
  color: var(--muted) !important;
  -webkit-text-fill-color: var(--muted) !important;
}

.shell-home[data-hashop-screen="account"] .shop-list-panel[data-pane-mode="account"] .home-bottom-nav .home-bottom-link.is-active .home-bottom-link-icon {
  background: var(--accent) !important;
  color: var(--accent) !important;
  -webkit-text-fill-color: var(--accent) !important;
}

/* Iteration 054B: pin Account state bar colors after older active/focus bar rules. */
.shell-home[data-hashop-screen="account"] .shop-list-panel[data-pane-mode="account"] .home-bottom-nav button.home-bottom-link[data-home-nav],
.shell-home[data-hashop-screen="account"] .shop-list-panel[data-pane-mode="account"] .home-bottom-nav button.home-bottom-link[data-home-nav]:not(.is-active),
.shell-home[data-hashop-screen="account"] .shop-list-panel[data-pane-mode="account"] .home-bottom-nav button.home-bottom-link[data-home-nav]:focus,
.shell-home[data-hashop-screen="account"] .shop-list-panel[data-pane-mode="account"] .home-bottom-nav button.home-bottom-link[data-home-nav]:focus-visible,
.shell-home[data-hashop-screen="account"] .shop-list-panel[data-pane-mode="account"] .home-bottom-nav button.home-bottom-link[data-home-nav="shops"]:not(.is-active) {
  border: 1px solid transparent !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  color: var(--muted) !important;
  -webkit-text-fill-color: var(--muted) !important;
  outline: 0 !important;
}

.shell-home[data-hashop-screen="account"] .shop-list-panel[data-pane-mode="account"] .home-bottom-nav button.home-bottom-link[data-home-nav].is-active,
.shell-home[data-hashop-screen="account"] .shop-list-panel[data-pane-mode="account"] .home-bottom-nav button.home-bottom-link[data-home-nav].is-active:focus,
.shell-home[data-hashop-screen="account"] .shop-list-panel[data-pane-mode="account"] .home-bottom-nav button.home-bottom-link[data-home-nav].is-active:focus-visible,
.shell-home[data-hashop-screen="account"] .shop-list-panel[data-pane-mode="account"] .home-bottom-nav button.home-bottom-link[data-home-nav="account"].is-active {
  border: 1px solid rgba(250, 204, 21, 0.3) !important;
  background: rgba(250, 204, 21, 0.12) !important;
  background-color: rgba(250, 204, 21, 0.12) !important;
  background-image: none !important;
  box-shadow: none !important;
  color: var(--accent) !important;
  -webkit-text-fill-color: var(--accent) !important;
}

.shell-home[data-hashop-screen="account"] .shop-list-panel[data-pane-mode="account"] .home-bottom-nav button.home-bottom-link[data-home-nav] > .home-bottom-link-icon,
.shell-home[data-hashop-screen="account"] .shop-list-panel[data-pane-mode="account"] .home-bottom-nav button.home-bottom-link[data-home-nav]:not(.is-active) > .home-bottom-link-icon {
  background: var(--muted) !important;
  background-color: var(--muted) !important;
  color: var(--muted) !important;
  -webkit-text-fill-color: var(--muted) !important;
}

.shell-home[data-hashop-screen="account"] .shop-list-panel[data-pane-mode="account"] .home-bottom-nav button.home-bottom-link[data-home-nav].is-active > .home-bottom-link-icon {
  background: var(--accent) !important;
  background-color: var(--accent) !important;
  color: var(--accent) !important;
  -webkit-text-fill-color: var(--accent) !important;
}

/* Iteration 056: keep gold as an outline/icon accent, and square up touch rows. */
.shell-home .shop-empty-cart-action,
.shell-home[data-hashop-screen] .shop-empty-cart-action,
.shell-home .shop-state-action.is-primary,
.shell-home[data-hashop-screen] .shop-state-action.is-primary {
  border-color: rgba(250, 204, 21, 0.68) !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  color: #facc15 !important;
  -webkit-text-fill-color: #facc15 !important;
  box-shadow: none !important;
}

.shell-home .shop-empty-cart-action:hover,
.shell-home[data-hashop-screen] .shop-empty-cart-action:hover,
.shell-home .shop-state-action.is-primary:hover,
.shell-home[data-hashop-screen] .shop-state-action.is-primary:hover {
  background: rgba(250, 204, 21, 0.08) !important;
  background-color: rgba(250, 204, 21, 0.08) !important;
}

.shell-home .shop-card,
.shell-home .shop-discovery-card,
.shell-home .shop-item-discovery-card,
.shell-home .shop-pane-item,
.shell-home .shop-cart-rich-row,
.shell-home .shop-account-profile-card,
.shell-home .shop-account-location-card,
.shell-home .shop-account-menu-row,
.shell-home .shop-owner-order-card {
  border-radius: 8px !important;
}

/* Iteration 057: component-level surfaces and text fitting without changing the global theme. */
.shell-home .shop-list-panel,
.shell-home .shop-pane-detail,
.shell-home .shop-pane-cart,
.shell-home .shop-login-form,
.shell-home .shop-owner-form,
.shell-home .shop-account-form-card,
.shell-home .shop-account-menu-card,
.shell-home .shop-owner-bar,
.shell-home .shop-state-card,
.shell-home .shop-empty-cart-card {
  background: #050505 !important;
  background-image: none !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  box-shadow: none !important;
}

.shell-home .shop-card,
.shell-home .shop-discovery-card,
.shell-home .shop-item-discovery-card,
.shell-home .shop-pane-item,
.shell-home .shop-list-panel .shop-card,
.shell-home .shop-list-panel .shop-discovery-card,
.shell-home .shop-list-panel .shop-item-discovery-card,
.shell-home .shop-list-panel .shop-pane-item,
.shell-home[data-hashop-screen] .shop-pane-item,
.shell-home .shop-cart-rich-row,
.shell-home .shop-account-profile-card,
.shell-home .shop-account-location-card,
.shell-home .shop-account-menu-row,
.shell-home[data-hashop-screen="account"] .shop-account-menu-row,
.shell-home .shop-list-panel[data-pane-mode="account"] .shop-account-menu-row,
.shell-home .shop-account-record-row,
.shell-home .shop-owner-order-card,
.shell-home .shop-owner-item-card {
  min-width: 0 !important;
  max-width: 100% !important;
  background: rgba(255, 255, 255, 0.035) !important;
  background-image: none !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

.shell-home .shop-card-main,
.shell-home .shop-card-title-block,
.shell-home .shop-pane-copy,
.shell-home .shop-pane-item-copy,
.shell-home .shop-cart-copy,
.shell-home .shop-account-profile-copy,
.shell-home .shop-account-menu-copy,
.shell-home .shop-owner-form-head,
.shell-home .shop-owner-order-head,
.shell-home .shop-owner-order-meta,
.shell-home .shop-pane-cart-title,
.shell-home .shop-empty-cart-copy {
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
}

.shell-home .shop-owner-form-head {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 0.5rem !important;
  flex-wrap: wrap !important;
}

.shell-home .shop-owner-form-head strong {
  flex: 1 1 10rem !important;
}

.shell-home .shop-owner-form-head span {
  flex: 1 1 12rem !important;
}

.shell-home .shop-card-title-block strong,
.shell-home .shop-pane-copy h2,
.shell-home .shop-pane-item-head strong,
.shell-home .shop-cart-copy strong,
.shell-home .shop-account-profile-copy strong,
.shell-home .shop-account-menu-copy strong,
.shell-home .shop-owner-form-head strong,
.shell-home .shop-owner-order-head strong,
.shell-home .shop-empty-cart-copy strong,
.shell-home .shop-state-card strong {
  display: -webkit-box !important;
  max-width: 100% !important;
  overflow: hidden !important;
  overflow-wrap: anywhere !important;
  text-overflow: clip !important;
  white-space: normal !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}

.shell-home .shop-card-subtitle,
.shell-home .shop-card-items,
.shell-home .shop-card-item,
.shell-home .shop-pane-copy p,
.shell-home .shop-pane-item p,
.shell-home .shop-pane-item-meta,
.shell-home .shop-cart-description,
.shell-home .shop-cart-meta,
.shell-home .shop-account-profile-copy span,
.shell-home .shop-account-profile-copy em,
.shell-home .shop-account-menu-copy span,
.shell-home .shop-account-menu-meta,
.shell-home .shop-owner-form-head span,
.shell-home .shop-owner-order-meta span,
.shell-home .shop-empty-cart-copy span,
.shell-home .shop-state-card span {
  max-width: 100% !important;
  overflow: hidden !important;
  overflow-wrap: anywhere !important;
  text-overflow: clip !important;
  white-space: normal !important;
}

.shell-home .shop-card-items,
.shell-home .shop-pane-item-meta,
.shell-home .shop-owner-order-meta,
.shell-home .shop-pane-stats,
.shell-home .shop-account-actions,
.shell-home .shop-owner-actions,
.shell-home .shop-owner-action-row,
.shell-home .shop-owner-order-actions {
  min-width: 0 !important;
  max-width: 100% !important;
  flex-wrap: wrap !important;
}

.shell-home .shop-cart-line-total,
.shell-home .shop-pane-item-head > span,
.shell-home .shop-card-open,
.shell-home .shop-card-add,
.shell-home .shop-account-menu-meta {
  flex: 0 0 auto !important;
  min-width: max-content !important;
  max-width: min(9rem, 46vw) !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
}

.shell-home .shop-pane-item-head,
.shell-home .shop-card-topline {
  grid-template-columns: minmax(0, 1fr) max-content !important;
}

.shell-home .shop-pane-item-head > span,
.shell-home .shop-card-open,
.shell-home .shop-card-add,
.shell-home .shop-account-menu-meta {
  justify-self: end !important;
}

.shell-home .shop-cart-pay,
.shell-home .shop-owner-save,
.shell-home .shop-owner-chip-button,
.shell-home .shop-cart-pay-secondary,
.shell-home .shop-account-auth-links button,
.shell-home .shop-account-mini-button,
.shell-home .shop-owner-tab,
.shell-home .shop-owner-item-select,
.shell-home .shop-empty-cart-action,
.shell-home .shop-state-action {
  max-width: 100% !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  text-align: center !important;
  line-height: 1.15 !important;
}

.shell-home .shop-login-input,
.shell-home .shop-owner-input,
.shell-home .shop-owner-textarea {
  min-width: 0 !important;
  max-width: 100% !important;
  background: #000 !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
  overflow-wrap: anywhere !important;
  text-overflow: ellipsis !important;
}

/* Iteration 059: launch-grade list/tile listings with hard overflow containment. */
.shell-home .shop-list-grid {
  width: min(100%, 760px) !important;
  max-width: 760px !important;
  margin-inline: auto !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-auto-flow: row !important;
  align-items: start !important;
  overflow-x: hidden !important;
  contain: inline-size !important;
}

.shell-home .shop-list-grid[data-list-view="tile"] {
  width: min(calc(100% - 1rem), 760px) !important;
  max-width: min(760px, calc(100vw - 1rem)) !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 0.68rem !important;
}

.shell-home .shop-list-sortbar,
.shell-home .shop-list-viewbar {
  grid-column: 1 / -1 !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

.shell-home .shop-list-sortbar {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: wrap !important;
  gap: 0.42rem !important;
  overflow: hidden !important;
}

.shell-home .shop-list-sort-count {
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.shell-home .shop-list-sort-actions,
.shell-home .shop-list-view-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 0.3rem !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow-x: auto !important;
  scrollbar-width: none !important;
}

.shell-home .shop-list-sort-actions::-webkit-scrollbar,
.shell-home .shop-list-view-actions::-webkit-scrollbar {
  display: none !important;
}

.shell-home .shop-list-view-button {
  flex: 0 0 auto !important;
  min-height: 2rem !important;
  padding: 0 0.62rem !important;
  border: 1px solid rgba(250, 204, 21, 0.22) !important;
  border-radius: 8px !important;
  background: transparent !important;
  background-image: none !important;
  color: var(--muted) !important;
  -webkit-text-fill-color: var(--muted) !important;
  font-size: 0.75rem !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  box-shadow: none !important;
}

.shell-home .shop-list-view-button.is-active {
  border-color: rgba(250, 204, 21, 0.66) !important;
  color: #facc15 !important;
  -webkit-text-fill-color: #facc15 !important;
}

.shell-home .shop-list-grid .shop-card,
.shell-home .shop-list-grid .shop-discovery-card,
.shell-home .shop-list-grid .shop-item-discovery-card {
  display: grid !important;
  grid-template-columns: 2.75rem minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 0.72rem !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  padding: 0.68rem 0 !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  overflow: hidden !important;
  contain: inline-size !important;
}

.shell-home .shop-list-grid[data-list-view="tile"] .shop-card,
.shell-home .shop-list-grid[data-list-view="tile"] .shop-discovery-card,
.shell-home .shop-list-grid[data-list-view="tile"] .shop-item-discovery-card {
  grid-template-columns: minmax(0, 1fr) !important;
  align-content: start !important;
  gap: 0.58rem !important;
  min-height: 11.6rem !important;
  padding: 0.72rem !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, 0.035) !important;
}

.shell-home .shop-list-grid .shop-card-thumb {
  width: 2.75rem !important;
  height: 2.75rem !important;
  min-width: 2.75rem !important;
  min-height: 2.75rem !important;
  max-width: 2.75rem !important;
  border: 1px solid rgba(250, 204, 21, 0.18) !important;
  background: rgba(250, 204, 21, 0.035) !important;
  overflow: hidden !important;
}

.shell-home .shop-list-grid[data-list-view="tile"] .shop-card-thumb {
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
  min-width: 0 !important;
  min-height: 5.2rem !important;
  aspect-ratio: 1.55 / 1 !important;
}

.shell-home .shop-list-grid .shop-card-thumb img,
.shell-home .shop-list-grid .shop-card-thumb span {
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  object-fit: cover !important;
}

.shell-home .shop-list-grid .shop-card-main,
.shell-home .shop-list-grid .shop-card-title-block,
.shell-home .shop-list-grid .shop-card-topline,
.shell-home .shop-list-grid .shop-card-items {
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
}

.shell-home .shop-list-grid .shop-card-main {
  display: grid !important;
  gap: 0.24rem !important;
}

.shell-home .shop-list-grid .shop-card-topline {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: start !important;
  gap: 0.46rem !important;
}

.shell-home .shop-list-grid[data-list-view="tile"] .shop-card-topline {
  grid-template-columns: minmax(0, 1fr) !important;
}

.shell-home .shop-list-grid .shop-card-title-block strong {
  display: -webkit-box !important;
  max-width: 100% !important;
  overflow: hidden !important;
  overflow-wrap: anywhere !important;
  text-overflow: clip !important;
  white-space: normal !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}

.shell-home .shop-list-grid .shop-card-subtitle {
  display: -webkit-box !important;
  max-width: 100% !important;
  overflow: hidden !important;
  overflow-wrap: anywhere !important;
  text-overflow: clip !important;
  white-space: normal !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}

.shell-home .shop-list-grid .shop-card-items {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.22rem 0.42rem !important;
  margin-top: 0.12rem !important;
  white-space: normal !important;
}

.shell-home .shop-list-grid .shop-card-item {
  display: inline-block !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  overflow-wrap: anywhere !important;
  text-overflow: clip !important;
  white-space: normal !important;
  line-height: 1.2 !important;
}

.shell-home .shop-list-grid .shop-card-open,
.shell-home .shop-list-grid .shop-card-add,
.shell-home .shop-list-grid .shop-item-qty-chip {
  justify-self: end !important;
  min-width: 0 !important;
  max-width: min(7.5rem, 34vw) !important;
  overflow: hidden !important;
  overflow-wrap: anywhere !important;
  text-align: right !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.shell-home .shop-list-grid[data-list-view="tile"] .shop-card-open,
.shell-home .shop-list-grid[data-list-view="tile"] .shop-card-add,
.shell-home .shop-list-grid[data-list-view="tile"] .shop-item-qty-chip {
  justify-self: stretch !important;
  max-width: 100% !important;
  text-align: left !important;
  white-space: normal !important;
}

@media (max-width: 720px) {
  .shell-home .shop-list-grid[data-list-view="tile"] {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

.shell-home .shop-list-panel,
.shell-home .shop-list-grid,
.shell-home .shop-pane-detail,
.shell-home .shop-pane-cart,
.shell-home .shop-login-form,
.shell-home .shop-owner-form,
.shell-home .shop-account-form-card,
.shell-home .shop-account-menu-card,
.shell-home .shop-state-card,
.shell-home .shop-empty-cart-card {
  background: #050505 !important;
  background-image: none !important;
  box-shadow: none !important;
}

.shell-home .shop-list-sortbar,
.shell-home .shop-list-viewbar {
  padding-inline: 0 !important;
  background: #050505 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.shell-home .shop-list-sort-button,
.shell-home .shop-list-view-button {
  border-color: transparent !important;
  background: transparent !important;
  color: #a8a8a8 !important;
  -webkit-text-fill-color: #a8a8a8 !important;
}

.shell-home .shop-list-sort-button.is-active,
.shell-home .shop-list-view-button.is-active {
  border-color: rgba(184, 154, 74, 0.4) !important;
  background: transparent !important;
  color: #d4ba72 !important;
  -webkit-text-fill-color: #d4ba72 !important;
}

.shell-home .shop-list-grid,
.shell-home .shop-list-grid[data-list-view],
.shell-home .shop-list-grid[data-list-view="tile"] {
  width: min(calc(100% - 1rem), 760px) !important;
  max-width: min(760px, calc(100vw - 1rem)) !important;
  margin-inline: auto !important;
  overflow-x: hidden !important;
}

.shell-home .shop-list-grid .shop-card,
.shell-home .shop-list-grid .shop-discovery-card,
.shell-home .shop-list-grid .shop-item-discovery-card,
.shell-home .shop-list-grid[data-list-view="tile"] .shop-card,
.shell-home .shop-list-grid[data-list-view="tile"] .shop-discovery-card,
.shell-home .shop-list-grid[data-list-view="tile"] .shop-item-discovery-card {
  display: grid !important;
  grid-template-columns: 2.65rem minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 0.72rem !important;
  min-height: 4rem !important;
  padding: 0.72rem 0 !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

.shell-home .shop-list-grid[data-list-view="tile"] {
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 0 !important;
}

.shell-home .shop-list-grid[data-list-view="tile"] .shop-card,
.shell-home .shop-list-grid[data-list-view="tile"] .shop-discovery-card,
.shell-home .shop-list-grid[data-list-view="tile"] .shop-item-discovery-card {
  min-height: 4.85rem !important;
}

@media (min-width: 820px) {
  .shell-home .shop-list-grid[data-list-view="tile"] {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0 0.9rem !important;
  }
}

.shell-home .shop-list-grid .shop-card-thumb,
.shell-home .shop-list-grid[data-list-view="tile"] .shop-card-thumb {
  width: 2.55rem !important;
  height: 2.55rem !important;
  min-width: 2.55rem !important;
  min-height: 2.55rem !important;
  max-width: 2.55rem !important;
  aspect-ratio: auto !important;
  border: 0 !important;
  background: transparent !important;
}

.shell-home .shop-list-grid .shop-card-thumb span,
.shell-home .shop-list-grid .shop-card-thumb img {
  border-color: rgba(184, 154, 74, 0.22) !important;
  background: transparent !important;
}

.shell-home .shop-list-grid .shop-card-main,
.shell-home .shop-list-grid .shop-card-title-block,
.shell-home .shop-list-grid .shop-card-topline,
.shell-home .shop-list-grid .shop-card-items {
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
}

.shell-home .shop-list-grid .shop-card-title-block strong,
.shell-home .shop-list-grid .shop-card-subtitle,
.shell-home .shop-list-grid .shop-card-item {
  overflow-wrap: anywhere !important;
}

.shell-home .shop-list-grid .shop-card-items {
  display: block !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.shell-home .shop-list-grid .shop-card-item {
  display: inline !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #a8a8a8 !important;
  -webkit-text-fill-color: #a8a8a8 !important;
}

.shell-home .shop-list-grid .shop-card-item + .shop-card-item::before {
  content: " · ";
  color: rgba(184, 154, 74, 0.7) !important;
  -webkit-text-fill-color: rgba(184, 154, 74, 0.7) !important;
}

.shell-home .shop-list-grid .shop-card-open,
.shell-home .shop-list-grid .shop-card-add,
.shell-home .shop-list-grid .shop-item-qty-chip {
  min-width: max-content !important;
  max-width: min(7.2rem, 34vw) !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #a8a8a8 !important;
  -webkit-text-fill-color: #a8a8a8 !important;
  text-align: right !important;
  white-space: nowrap !important;
}

.shell-home .shop-list-grid .shop-card-add,
.shell-home .shop-list-grid .shop-item-qty-chip.is-selected {
  color: #d4ba72 !important;
  -webkit-text-fill-color: #d4ba72 !important;
}

.shell-home .home-bottom-nav,
.shell-home .shop-list-panel .home-bottom-nav {
  border-color: rgba(255, 255, 255, 0.09) !important;
  background: #050505 !important;
  background-image: none !important;
}

.shell-home .home-bottom-link,
.shell-home .shop-list-panel .home-bottom-link,
.shell-home .home-bottom-link:not(.is-active),
.shell-home .shop-list-panel .home-bottom-link:not(.is-active) {
  border-color: transparent !important;
  background: transparent !important;
  background-image: none !important;
  color: #9e9e9e !important;
  -webkit-text-fill-color: #9e9e9e !important;
  box-shadow: none !important;
}

.shell-home .home-bottom-link.is-active,
.shell-home .shop-list-panel .home-bottom-link.is-active,
.shell-home[data-hashop-screen] .home-bottom-link.is-active {
  border-color: rgba(168, 139, 66, 0.34) !important;
  background: rgba(255, 255, 255, 0.045) !important;
  background-image: none !important;
  color: #c2aa65 !important;
  -webkit-text-fill-color: #c2aa65 !important;
  box-shadow: none !important;
}

.shell-home .home-bottom-link-icon,
.shell-home .shop-list-panel .home-bottom-link-icon {
  background-color: currentColor !important;
  color: currentColor !important;
  -webkit-text-fill-color: currentColor !important;
}

.shell-home .home-hash-logo,
.shell-home .map-compass-button,
.shell-home #homeMapCompassAction,
.shell-home .map-locate-button.home-locate-button,
.shell-home #homeMapLocateAction {
  border-color: rgba(168, 139, 66, 0.34) !important;
  color: #c2aa65 !important;
  -webkit-text-fill-color: #c2aa65 !important;
  text-shadow: none !important;
  box-shadow: none !important;
}

.shell-home .shop-list-view-button.is-active,
.shell-home .shop-list-sort-button.is-active,
.shell-home .shop-list-grid .shop-card-add,
.shell-home .shop-list-grid .shop-item-qty-chip.is-selected {
  border-color: rgba(168, 139, 66, 0.34) !important;
  color: #c2aa65 !important;
  -webkit-text-fill-color: #c2aa65 !important;
  background: transparent !important;
}

.shell-home .home-bottom-nav button.home-bottom-link.is-active,
.shell-home .shop-list-panel .home-bottom-nav button.home-bottom-link.is-active,
.shell-home[data-hashop-screen] .home-bottom-nav button.home-bottom-link.is-active,
.shell-home[data-hashop-screen] .shop-list-panel .home-bottom-nav button.home-bottom-link.is-active {
  border-color: rgba(168, 139, 66, 0.28) !important;
  background: rgba(255, 255, 255, 0.045) !important;
  background-color: rgba(255, 255, 255, 0.045) !important;
  background-image: none !important;
  color: #c2aa65 !important;
  -webkit-text-fill-color: #c2aa65 !important;
}

.shell-home .shop-list-grid .shop-card,
.shell-home .shop-list-grid .shop-discovery-card,
.shell-home .shop-list-grid .shop-item-discovery-card {
  border-top-color: transparent !important;
  border-right-color: transparent !important;
  border-left-color: transparent !important;
}

.shell-home .leaflet-tile,
.shell-home .leaflet-container img.leaflet-tile,
.shell-home .leaflet-pane img.leaflet-tile,
.shell-home .hashop-map-standard-tile,
.shell-home .hashop-map-readable-tile,
.shell-home .hashop-map-hot-tile {
  filter: grayscale(0.9) saturate(0.35) contrast(1.02) brightness(0.98) !important;
}

.shell-home .shop-list-panel .shop-list-grid .shop-card,
.shell-home .shop-list-panel .shop-list-grid .shop-discovery-card,
.shell-home .shop-list-panel .shop-list-grid .shop-item-discovery-card {
  border-top-color: transparent !important;
  border-right-color: transparent !important;
  border-bottom-color: rgba(255, 255, 255, 0.08) !important;
  border-left-color: transparent !important;
}

/* Iteration 065: tile mode needs a visible outline, while list mode stays flat. */
.shell-home .shop-list-panel .shop-list-grid[data-list-view="tile"] .shop-card,
.shell-home .shop-list-panel .shop-list-grid[data-list-view="tile"] .shop-discovery-card,
.shell-home .shop-list-panel .shop-list-grid[data-list-view="tile"] .shop-item-discovery-card {
  padding: 0.72rem !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  border-radius: 8px !important;
  background: transparent !important;
  background-image: none !important;
}

.shell-home .shop-list-panel .shop-list-grid[data-list-view="tile"] .shop-card:focus-visible,
.shell-home .shop-list-panel .shop-list-grid[data-list-view="tile"] .shop-card:hover,
.shell-home .shop-list-panel .shop-list-grid[data-list-view="tile"] .shop-discovery-card:focus-visible,
.shell-home .shop-list-panel .shop-list-grid[data-list-view="tile"] .shop-discovery-card:hover,
.shell-home .shop-list-panel .shop-list-grid[data-list-view="tile"] .shop-item-discovery-card:focus-visible,
.shell-home .shop-list-panel .shop-list-grid[data-list-view="tile"] .shop-item-discovery-card:hover {
  border-color: rgba(194, 170, 101, 0.38) !important;
  background: rgba(255, 255, 255, 0.025) !important;
}

/* Iteration 066: listing and state-frame layout contract. */
.shell-home {
  --hashop-list-frame-x: clamp(0.5rem, 2.25vw, 0.78rem) !important;
  --hashop-list-frame-top: 0.28rem !important;
  --hashop-list-search-h: 2.68rem !important;
  --hashop-list-gap: 0.48rem !important;
  --hashop-list-nav-h: 3.34rem !important;
  --hashop-list-bottom: calc(0.42rem + env(safe-area-inset-bottom)) !important;
}

.shell-home .shop-list-panel.is-root-view,
.shell-home .shop-list-panel[data-pane-mode="home"],
.shell-home .shop-list-panel[data-pane-mode="search"],
.shell-home .shop-list-panel[data-pane-mode="contact"] {
  position: relative !important;
  display: block !important;
  padding: 0 !important;
  overflow: hidden !important;
}

.shell-home .shop-list-panel.is-root-view .shop-list-head,
.shell-home .shop-list-panel[data-pane-mode="home"] .shop-list-head,
.shell-home .shop-list-panel[data-pane-mode="search"] .shop-list-head,
.shell-home .shop-list-panel[data-pane-mode="contact"] .shop-list-head {
  box-sizing: border-box !important;
  position: absolute !important;
  left: var(--hashop-list-frame-x) !important;
  right: var(--hashop-list-frame-x) !important;
  top: var(--hashop-list-frame-top) !important;
  z-index: 30 !important;
  width: auto !important;
  max-width: none !important;
  height: var(--hashop-list-search-h) !important;
  min-height: var(--hashop-list-search-h) !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  background: #050505 !important;
}

.shell-home .shop-list-panel.is-root-view .shop-list-search,
.shell-home .shop-list-panel[data-pane-mode="home"] .shop-list-search,
.shell-home .shop-list-panel[data-pane-mode="search"] .shop-list-search,
.shell-home .shop-list-panel[data-pane-mode="contact"] .shop-list-search,
.shell-home .shop-list-panel.is-root-view .shop-list-search-input,
.shell-home .shop-list-panel[data-pane-mode="home"] .shop-list-search-input,
.shell-home .shop-list-panel[data-pane-mode="search"] .shop-list-search-input,
.shell-home .shop-list-panel[data-pane-mode="contact"] .shop-list-search-input {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  height: var(--hashop-list-search-h) !important;
  min-height: var(--hashop-list-search-h) !important;
}

.shell-home .shop-list-panel.is-root-view .shop-list-grid,
.shell-home .shop-list-panel[data-pane-mode="home"] .shop-list-grid,
.shell-home .shop-list-panel[data-pane-mode="search"] .shop-list-grid,
.shell-home .shop-list-panel[data-pane-mode="contact"] .shop-list-grid {
  box-sizing: border-box !important;
  position: absolute !important;
  left: var(--hashop-list-frame-x) !important;
  right: var(--hashop-list-frame-x) !important;
  top: calc(var(--hashop-list-frame-top) + var(--hashop-list-search-h) + var(--hashop-list-gap)) !important;
  bottom: calc(var(--hashop-list-bottom) + var(--hashop-list-nav-h) + var(--hashop-list-gap)) !important;
  z-index: 1 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-auto-rows: max-content !important;
  align-content: start !important;
  justify-items: stretch !important;
  gap: 0 !important;
  width: auto !important;
  max-width: none !important;
  height: auto !important;
  max-height: none !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior-y: contain !important;
  -webkit-overflow-scrolling: touch !important;
  contain: none !important;
}

.shell-home .shop-list-panel.is-root-view .home-bottom-nav,
.shell-home .shop-list-panel[data-pane-mode="home"] .home-bottom-nav,
.shell-home .shop-list-panel[data-pane-mode="search"] .home-bottom-nav,
.shell-home .shop-list-panel[data-pane-mode="contact"] .home-bottom-nav {
  box-sizing: border-box !important;
  position: absolute !important;
  left: var(--hashop-list-frame-x) !important;
  right: var(--hashop-list-frame-x) !important;
  bottom: var(--hashop-list-bottom) !important;
  z-index: 40 !important;
  width: auto !important;
  max-width: none !important;
  min-height: var(--hashop-list-nav-h) !important;
  margin: 0 !important;
}

.shell-home .shop-list-grid > .shop-list-sortbar,
.shell-home .shop-list-grid > .shop-list-viewbar {
  box-sizing: border-box !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 7 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: wrap !important;
  gap: 0.42rem 0.55rem !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  min-height: 2.62rem !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0.44rem 0 0.5rem !important;
  overflow: visible !important;
  background: #050505 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.shell-home .shop-list-sort-count {
  flex: 0 0 auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  min-height: 1rem !important;
  overflow: hidden !important;
  color: #a8a8a8 !important;
  -webkit-text-fill-color: #a8a8a8 !important;
  font-size: 0.76rem !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.shell-home .shop-list-sort-actions,
.shell-home .shop-list-view-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex: 1 1 auto !important;
  gap: 0.28rem !important;
  min-width: 0 !important;
  max-width: 100% !important;
  min-height: 1.9rem !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scrollbar-width: none !important;
}

.shell-home .shop-list-sort-button,
.shell-home .shop-list-view-button {
  box-sizing: border-box !important;
  flex: 0 0 auto !important;
  min-height: 1.86rem !important;
  height: auto !important;
  padding: 0 0.55rem !important;
  border-radius: 8px !important;
  line-height: 1 !important;
}

.shell-home .shop-list-grid > .shop-card,
.shell-home .shop-list-grid > .shop-discovery-card,
.shell-home .shop-list-grid > .shop-item-discovery-card {
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-columns: 2.55rem minmax(0, 1fr) !important;
  align-items: start !important;
  gap: 0.68rem !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0.78rem 0 !important;
  overflow: visible !important;
  contain: none !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

.shell-home .shop-list-grid[data-list-view="tile"] {
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 0.48rem !important;
}

.shell-home .shop-list-grid[data-list-view="tile"] > .shop-card,
.shell-home .shop-list-grid[data-list-view="tile"] > .shop-discovery-card,
.shell-home .shop-list-grid[data-list-view="tile"] > .shop-item-discovery-card {
  padding: 0.78rem !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  border-radius: 8px !important;
}

@media (min-width: 820px) {
  .shell-home .shop-list-grid[data-list-view="tile"] {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

.shell-home .shop-list-grid .shop-card-thumb {
  align-self: start !important;
  box-sizing: border-box !important;
  width: 2.55rem !important;
  height: 2.55rem !important;
  min-width: 2.55rem !important;
  min-height: 2.55rem !important;
  max-width: 2.55rem !important;
  margin-top: 0.08rem !important;
  overflow: hidden !important;
}

.shell-home .shop-list-grid .shop-card-main,
.shell-home .shop-list-grid .shop-card-title-block,
.shell-home .shop-list-grid .shop-card-topline {
  box-sizing: border-box !important;
  min-width: 0 !important;
  max-width: 100% !important;
  min-height: 0 !important;
  height: auto !important;
  overflow: visible !important;
}

.shell-home .shop-list-grid .shop-card-main {
  align-self: start !important;
  display: grid !important;
  gap: 0.24rem !important;
}

.shell-home .shop-list-grid .shop-card-topline,
.shell-home .shop-list-grid[data-list-view="tile"] .shop-card-topline {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: start !important;
  gap: 0.46rem !important;
}

.shell-home .shop-list-grid .shop-card-title-block {
  display: grid !important;
  gap: 0.12rem !important;
}

.shell-home .shop-list-grid .shop-card-title-block strong,
.shell-home .shop-list-grid .shop-card-subtitle {
  display: block !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.shell-home .shop-list-grid .shop-card-title-block strong {
  line-height: 1.18 !important;
}

.shell-home .shop-list-grid .shop-card-subtitle {
  line-height: 1.22 !important;
}

.shell-home .shop-list-grid .shop-card-items {
  box-sizing: border-box !important;
  display: block !important;
  min-width: 0 !important;
  max-width: 100% !important;
  min-height: 1.18rem !important;
  height: auto !important;
  margin-top: 0.08rem !important;
  padding: 0 !important;
  overflow: hidden !important;
  line-height: 1.22 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.shell-home .shop-list-grid .shop-card-item {
  display: inline !important;
  min-width: 0 !important;
  max-width: 100% !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #a8a8a8 !important;
  -webkit-text-fill-color: #a8a8a8 !important;
  line-height: 1.22 !important;
  white-space: nowrap !important;
}

.shell-home .shop-list-grid .shop-card-item + .shop-card-item::before {
  content: " · " !important;
  color: rgba(194, 170, 101, 0.72) !important;
  -webkit-text-fill-color: rgba(194, 170, 101, 0.72) !important;
}

.shell-home .shop-list-grid .shop-card-open,
.shell-home .shop-list-grid .shop-card-add,
.shell-home .shop-list-grid .shop-item-qty-chip {
  align-self: start !important;
  justify-self: end !important;
  min-width: max-content !important;
  max-width: min(7.2rem, 32vw) !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  background: transparent !important;
  color: #a8a8a8 !important;
  -webkit-text-fill-color: #a8a8a8 !important;
  line-height: 1.2 !important;
  text-align: right !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.shell-home .shop-list-grid .shop-card-add,
.shell-home .shop-list-grid .shop-item-qty-chip.is-selected {
  color: #c2aa65 !important;
  -webkit-text-fill-color: #c2aa65 !important;
}

/* Iteration 070 terminal lock: this must stay after older feed/card overrides. */
.shell-home {
  --accent: #a39264 !important;
  --accent-strong: #b7a777 !important;
  --outline-gold: #a39264 !important;
  --hashop-feed-accent: #a39264 !important;
  --hashop-feed-line: rgba(255, 255, 255, 0.085) !important;
  --hashop-feed-muted: #a2a2a2 !important;
  --hashop-feed-ink: #f5f5f5 !important;
  --line: rgba(255, 255, 255, 0.085) !important;
  --line-strong: rgba(255, 255, 255, 0.16) !important;
  --ink: #f5f5f5 !important;
}

.shell-home .shop-empty-cart-card,
.shell-home[data-hashop-screen] .shop-empty-cart-card,
.shell-home .shop-empty-items-card,
.shell-home[data-hashop-screen] .shop-empty-items-card,
.shell-home .shop-state-card,
.shell-home[data-hashop-screen] .shop-state-card,
.shell-home[data-hashop-screen="account"] .shop-account-profile-card,
.shell-home[data-hashop-screen="account"] .shop-account-menu-card,
.shell-home .shop-account-profile-card,
.shell-home .shop-account-menu-card,
.shell-home .shop-account-section,
.shell-home .shop-pane-notice {
  border: 0 !important;
  border-top: 1px solid var(--hashop-feed-line) !important;
  border-bottom: 1px solid var(--hashop-feed-line) !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

.shell-home .shop-empty-cart-card::before,
.shell-home .shop-empty-cart-card::after,
.shell-home .shop-empty-items-card::before,
.shell-home .shop-empty-items-card::after,
.shell-home .shop-state-card::before,
.shell-home .shop-state-card::after {
  content: none !important;
  display: none !important;
}

.shell-home .shop-empty-cart-buddy,
.shell-home .shop-empty-cart-buddy::before,
.shell-home .shop-empty-cart-buddy::after,
.shell-home .shop-empty-cart-buddy-eye,
.shell-home .shop-empty-cart-buddy-smile,
.shell-home .shop-empty-cart-basket,
.shell-home .shop-empty-cart-basket::before,
.shell-home .shop-empty-cart-basket::after,
.shell-home .shop-empty-cart-basket-rib,
.shell-home .shop-empty-cart-basket > span,
.shell-home .shop-empty-items-rail,
.shell-home .shop-empty-items-tile,
.shell-home .shop-empty-items-tile::before,
.shell-home .shop-empty-items-tile::after,
.shell-home .shop-empty-items-tile > span,
.shell-home .shop-empty-items-base,
.shell-home .shop-state-face,
.shell-home .shop-state-face span,
.shell-home .shop-state-face::after {
  content: none !important;
  display: none !important;
}

.shell-home .shop-empty-cart-visual,
.shell-home[data-hashop-screen] .shop-empty-cart-visual,
.shell-home .shop-empty-items-visual,
.shell-home[data-hashop-screen] .shop-empty-items-visual,
.shell-home .shop-state-mascot,
.shell-home .shop-state-mark,
.shell-home[data-hashop-screen] .shop-state-mascot {
  display: inline-grid !important;
  grid-auto-flow: column !important;
  align-items: center !important;
  justify-content: start !important;
  gap: 0.66rem !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  transform: none !important;
}

.shell-home .shop-empty-cart-code,
.shell-home[data-hashop-screen] .shop-empty-cart-code,
.shell-home .shop-empty-items-code,
.shell-home[data-hashop-screen] .shop-empty-items-code,
.shell-home .shop-state-code,
.shell-home[data-hashop-screen] .shop-state-code {
  padding: 0 0 0.18rem !important;
  border: 0 !important;
  border-bottom: 1px solid var(--hashop-feed-accent) !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  color: var(--hashop-feed-accent) !important;
  -webkit-text-fill-color: var(--hashop-feed-accent) !important;
  box-shadow: none !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  text-shadow: none !important;
}

.shell-home .shop-empty-cart-line,
.shell-home .shop-empty-items-line {
  display: block !important;
  width: min(9rem, 48vw) !important;
  height: 1px !important;
  background: var(--hashop-feed-line) !important;
}

.shell-home .shop-empty-cart-copy strong,
.shell-home[data-hashop-screen] .shop-empty-cart-copy strong,
.shell-home .shop-empty-items-copy strong,
.shell-home[data-hashop-screen] .shop-empty-items-copy strong,
.shell-home .shop-state-card > strong,
.shell-home .shop-account-menu-copy strong,
.shell-home .shop-account-profile-copy strong,
.shell-home .shop-account-section-head strong {
  color: var(--hashop-feed-ink) !important;
  -webkit-text-fill-color: var(--hashop-feed-ink) !important;
  letter-spacing: 0 !important;
}

.shell-home .shop-empty-cart-copy p,
.shell-home .shop-empty-cart-copy span,
.shell-home .shop-empty-items-copy p,
.shell-home .shop-empty-items-copy span,
.shell-home .shop-state-card > p,
.shell-home .shop-state-card > span:not(.shop-state-mascot):not(.shop-state-mark):not(.shop-state-code):not(.shop-state-skeleton),
.shell-home .shop-account-menu-copy span,
.shell-home .shop-account-menu-meta,
.shell-home .shop-account-profile-copy span,
.shell-home .shop-account-section-head span {
  color: var(--hashop-feed-muted) !important;
  -webkit-text-fill-color: var(--hashop-feed-muted) !important;
  letter-spacing: 0 !important;
}

.shell-home .shop-empty-cart-action,
.shell-home[data-hashop-screen] .shop-empty-cart-action,
.shell-home .shop-empty-items-action,
.shell-home[data-hashop-screen] .shop-empty-items-action,
.shell-home .shop-state-action,
.shell-home .shop-owner-save,
.shell-home .shop-owner-chip-button,
.shell-home .shop-account-actions .shop-owner-save,
.shell-home .shop-account-actions .shop-owner-chip-button {
  border: 0 !important;
  border-bottom: 1px solid var(--hashop-feed-accent) !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  color: var(--hashop-feed-ink) !important;
  -webkit-text-fill-color: var(--hashop-feed-ink) !important;
  letter-spacing: 0 !important;
  text-shadow: none !important;
}

.shell-home .shop-owner-chip-button,
.shell-home .shop-account-actions .shop-owner-chip-button,
.shell-home .shop-empty-items-action {
  border-bottom-color: rgba(255, 255, 255, 0.22) !important;
  color: var(--hashop-feed-muted) !important;
  -webkit-text-fill-color: var(--hashop-feed-muted) !important;
}

.shell-home .shop-owner-tab,
.shell-home .shop-owner-tab.is-active,
.shell-home .shop-account-menu-row,
.shell-home[data-hashop-screen="account"] .shop-account-menu-row,
.shell-home .shop-account-record-row {
  border: 0 !important;
  border-bottom: 1px solid var(--hashop-feed-line) !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

.shell-home .shop-owner-tab.is-active,
.shell-home .shop-list-sort-button.is-active,
.shell-home .shop-list-view-button.is-active,
.shell-home .shop-list-grid .shop-card-add,
.shell-home .shop-list-grid .shop-item-qty-chip.is-selected,
.shell-home .shop-card-thumb span,
.shell-home .shop-card-thumb img,
.shell-home .shop-account-menu-icon,
.shell-home[data-hashop-screen="account"] .shop-account-menu-icon {
  color: var(--hashop-feed-accent) !important;
  -webkit-text-fill-color: var(--hashop-feed-accent) !important;
  border-color: var(--hashop-feed-accent) !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

.shell-home .shop-list-sort-button.is-active::after,
.shell-home .shop-list-view-button.is-active::after {
  background: var(--hashop-feed-accent) !important;
}

.shell-home .shop-list-grid .shop-card-thumb span,
.shell-home .shop-list-grid .shop-card-thumb img {
  border-color: rgba(163, 146, 100, 0.32) !important;
}

.shell-home .shop-list-grid > .shop-card::before,
.shell-home .shop-list-grid > .shop-discovery-card::before,
.shell-home .shop-list-grid > .shop-item-discovery-card::before,
.shell-home .shop-list-grid[data-list-view="tile"] > .shop-card::before,
.shell-home .shop-list-grid[data-list-view="tile"] > .shop-discovery-card::before,
.shell-home .shop-list-grid[data-list-view="tile"] > .shop-item-discovery-card::before {
  background: var(--hashop-feed-accent) !important;
  opacity: 0.42 !important;
}

/* Iteration 070: remove mascot/cartoon drift and pull gold back to a small signal. */
.shell-home {
  --accent: #a39264 !important;
  --accent-strong: #b7a777 !important;
  --outline-gold: #a39264 !important;
  --hashop-feed-accent: #a39264 !important;
  --hashop-feed-line: rgba(255, 255, 255, 0.085) !important;
  --hashop-feed-muted: #a2a2a2 !important;
  --hashop-feed-ink: #f5f5f5 !important;
  --line: rgba(255, 255, 255, 0.085) !important;
  --line-strong: rgba(255, 255, 255, 0.16) !important;
}

.shell-home .map-screen,
.shell-home .discovery-map,
.shell-home .discovery-map > div,
.shell-home .discovery-map.is-google-map,
.shell-home .discovery-map.is-leaflet-map,
.shell-home .leaflet-container {
  background: #0b0b0b !important;
  background-color: #0b0b0b !important;
  background-image: none !important;
}

.shell-home[data-hashop-map-theme="light"] .map-screen,
.shell-home[data-hashop-map-theme="light"] .discovery-map,
.shell-home[data-hashop-map-theme="light"] .leaflet-container {
  background: #f4f4f4 !important;
  background-color: #f4f4f4 !important;
}

.shell-home .leaflet-tile,
.shell-home .leaflet-container img.leaflet-tile,
.shell-home .leaflet-pane img.leaflet-tile {
  filter: grayscale(0.96) saturate(0.28) contrast(1.05) brightness(0.98) !important;
}

.shell-home .shop-empty-cart-card,
.shell-home[data-hashop-screen] .shop-empty-cart-card,
.shell-home .shop-list-panel .shop-empty-cart-card,
.shell-home .shop-empty-items-card,
.shell-home[data-hashop-screen] .shop-empty-items-card,
.shell-home .shop-list-panel .shop-empty-items-card,
.shell-home .shop-state-card,
.shell-home[data-hashop-screen] .shop-state-card,
.shell-home .shop-list-panel .shop-state-card {
  display: grid !important;
  justify-items: start !important;
  gap: 0.72rem !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 1rem 0 !important;
  border: 0 !important;
  border-top: 1px solid var(--hashop-feed-line) !important;
  border-bottom: 1px solid var(--hashop-feed-line) !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  color: var(--hashop-feed-ink) !important;
  text-align: left !important;
  overflow: visible !important;
}

.shell-home .shop-empty-cart-card::before,
.shell-home .shop-empty-cart-card::after,
.shell-home[data-hashop-screen] .shop-empty-cart-card::before,
.shell-home[data-hashop-screen] .shop-empty-cart-card::after,
.shell-home .shop-empty-items-card::before,
.shell-home .shop-empty-items-card::after,
.shell-home[data-hashop-screen] .shop-empty-items-card::before,
.shell-home[data-hashop-screen] .shop-empty-items-card::after,
.shell-home .shop-state-card::before,
.shell-home .shop-state-card::after {
  content: none !important;
  display: none !important;
}

.shell-home .shop-empty-cart-visual,
.shell-home[data-hashop-screen] .shop-empty-cart-visual,
.shell-home .shop-empty-items-visual,
.shell-home[data-hashop-screen] .shop-empty-items-visual,
.shell-home .shop-state-mascot,
.shell-home .shop-state-mark,
.shell-home[data-hashop-screen] .shop-state-mascot {
  position: static !important;
  display: inline-grid !important;
  grid-auto-flow: column !important;
  align-items: center !important;
  justify-content: start !important;
  gap: 0.66rem !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  transform: none !important;
}

.shell-home .shop-empty-cart-buddy,
.shell-home .shop-empty-cart-buddy::before,
.shell-home .shop-empty-cart-buddy::after,
.shell-home .shop-empty-cart-buddy-eye,
.shell-home .shop-empty-cart-buddy-smile,
.shell-home .shop-empty-cart-basket,
.shell-home .shop-empty-cart-basket::before,
.shell-home .shop-empty-cart-basket::after,
.shell-home .shop-empty-cart-basket-rib,
.shell-home .shop-empty-cart-basket > span,
.shell-home .shop-empty-items-rail,
.shell-home .shop-empty-items-tile,
.shell-home .shop-empty-items-tile::before,
.shell-home .shop-empty-items-tile::after,
.shell-home .shop-empty-items-tile > span,
.shell-home .shop-empty-items-base,
.shell-home .shop-state-face,
.shell-home .shop-state-face span,
.shell-home .shop-state-face::after {
  content: none !important;
  display: none !important;
}

.shell-home .shop-empty-cart-code,
.shell-home[data-hashop-screen] .shop-empty-cart-code,
.shell-home .shop-empty-items-code,
.shell-home[data-hashop-screen] .shop-empty-items-code,
.shell-home .shop-state-code,
.shell-home[data-hashop-screen] .shop-state-code {
  display: inline-block !important;
  width: auto !important;
  max-width: 100% !important;
  min-height: 0 !important;
  padding: 0 0 0.18rem !important;
  border: 0 !important;
  border-bottom: 1px solid var(--hashop-feed-accent) !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  color: var(--hashop-feed-accent) !important;
  -webkit-text-fill-color: var(--hashop-feed-accent) !important;
  box-shadow: none !important;
  font: 700 0.68rem/1.2 Manrope, system-ui, sans-serif !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  text-shadow: none !important;
  white-space: nowrap !important;
}

.shell-home .shop-empty-cart-line,
.shell-home .shop-empty-items-line {
  display: block !important;
  width: min(9rem, 48vw) !important;
  height: 1px !important;
  border: 0 !important;
  background: var(--hashop-feed-line) !important;
  box-shadow: none !important;
}

.shell-home .shop-empty-cart-copy,
.shell-home[data-hashop-screen] .shop-empty-cart-copy,
.shell-home .shop-empty-items-copy,
.shell-home[data-hashop-screen] .shop-empty-items-copy {
  display: grid !important;
  gap: 0.28rem !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  text-align: left !important;
}

.shell-home .shop-empty-cart-copy strong,
.shell-home[data-hashop-screen] .shop-empty-cart-copy strong,
.shell-home .shop-empty-items-copy strong,
.shell-home[data-hashop-screen] .shop-empty-items-copy strong,
.shell-home .shop-state-card > strong {
  max-width: 100% !important;
  color: var(--hashop-feed-ink) !important;
  -webkit-text-fill-color: var(--hashop-feed-ink) !important;
  font-size: 1rem !important;
  line-height: 1.18 !important;
  letter-spacing: 0 !important;
  text-align: left !important;
  text-wrap: balance !important;
}

.shell-home .shop-empty-cart-copy p,
.shell-home .shop-empty-cart-copy span,
.shell-home[data-hashop-screen] .shop-empty-cart-copy p,
.shell-home[data-hashop-screen] .shop-empty-cart-copy span,
.shell-home .shop-empty-items-copy p,
.shell-home .shop-empty-items-copy span,
.shell-home[data-hashop-screen] .shop-empty-items-copy p,
.shell-home[data-hashop-screen] .shop-empty-items-copy span,
.shell-home .shop-state-card > p,
.shell-home .shop-state-card > span:not(.shop-state-mascot):not(.shop-state-mark):not(.shop-state-code):not(.shop-state-skeleton) {
  max-width: 34rem !important;
  margin: 0 !important;
  color: var(--hashop-feed-muted) !important;
  -webkit-text-fill-color: var(--hashop-feed-muted) !important;
  font-size: 0.84rem !important;
  line-height: 1.45 !important;
  letter-spacing: 0 !important;
  text-align: left !important;
}

.shell-home .shop-empty-cart-actions,
.shell-home[data-hashop-screen] .shop-empty-cart-actions,
.shell-home .shop-empty-items-actions,
.shell-home[data-hashop-screen] .shop-empty-items-actions,
.shell-home .shop-state-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: flex-start !important;
  gap: 0.82rem !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.shell-home .shop-empty-cart-action,
.shell-home[data-hashop-screen] .shop-empty-cart-action,
.shell-home .shop-empty-items-action,
.shell-home[data-hashop-screen] .shop-empty-items-action,
.shell-home .shop-state-action,
.shell-home .shop-owner-save,
.shell-home .shop-owner-chip-button,
.shell-home .shop-account-actions .shop-owner-save,
.shell-home .shop-account-actions .shop-owner-chip-button {
  min-height: 2.2rem !important;
  min-width: 0 !important;
  max-width: 100% !important;
  padding: 0.12rem 0 !important;
  border: 0 !important;
  border-bottom: 1px solid var(--hashop-feed-accent) !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  color: var(--hashop-feed-ink) !important;
  -webkit-text-fill-color: var(--hashop-feed-ink) !important;
  font-size: 0.86rem !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
  text-align: left !important;
  text-shadow: none !important;
  white-space: normal !important;
}

.shell-home .shop-owner-chip-button,
.shell-home .shop-account-actions .shop-owner-chip-button,
.shell-home .shop-empty-items-action {
  border-bottom-color: rgba(255, 255, 255, 0.2) !important;
  color: var(--hashop-feed-muted) !important;
  -webkit-text-fill-color: var(--hashop-feed-muted) !important;
}

.shell-home .shop-empty-cart-action:hover,
.shell-home .shop-empty-cart-action:focus-visible,
.shell-home .shop-empty-items-action:hover,
.shell-home .shop-empty-items-action:focus-visible,
.shell-home .shop-state-action:hover,
.shell-home .shop-state-action:focus-visible,
.shell-home .shop-owner-save:hover,
.shell-home .shop-owner-save:focus-visible,
.shell-home .shop-owner-chip-button:hover,
.shell-home .shop-owner-chip-button:focus-visible {
  outline: none !important;
  background: transparent !important;
  background-image: none !important;
  color: var(--hashop-feed-accent) !important;
  -webkit-text-fill-color: var(--hashop-feed-accent) !important;
  box-shadow: none !important;
}

.shell-home .shop-owner-chip-button.is-danger,
.shell-home .shop-account-menu-row.is-danger,
.shell-home .shop-pane-notice.is-error {
  color: #ff8f8f !important;
  -webkit-text-fill-color: #ff8f8f !important;
  border-color: rgba(255, 143, 143, 0.42) !important;
  background: transparent !important;
  background-image: none !important;
}

.shell-home[data-hashop-screen="account"] .shop-account-profile-card,
.shell-home[data-hashop-screen="account"] .shop-account-menu-card,
.shell-home .shop-account-profile-card,
.shell-home .shop-account-menu-card,
.shell-home .shop-account-section,
.shell-home .shop-pane-notice {
  border: 0 !important;
  border-top: 1px solid var(--hashop-feed-line) !important;
  border-bottom: 1px solid var(--hashop-feed-line) !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

.shell-home[data-hashop-screen="account"] .shop-account-profile-card,
.shell-home .shop-account-profile-card {
  padding-inline: 0 !important;
}

.shell-home .shop-account-menu-row,
.shell-home[data-hashop-screen="account"] .shop-account-menu-row,
.shell-home .shop-account-record-row {
  border: 0 !important;
  border-bottom: 1px solid var(--hashop-feed-line) !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

.shell-home .shop-account-menu-row:last-child,
.shell-home[data-hashop-screen="account"] .shop-account-menu-row:last-child {
  border-bottom: 0 !important;
}

.shell-home .shop-account-menu-icon,
.shell-home[data-hashop-screen="account"] .shop-account-menu-icon {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  color: var(--hashop-feed-accent) !important;
  -webkit-text-fill-color: var(--hashop-feed-accent) !important;
  box-shadow: none !important;
}

.shell-home .shop-list-sort-button.is-active,
.shell-home .shop-list-view-button.is-active,
.shell-home .shop-list-grid .shop-card-add,
.shell-home .shop-list-grid .shop-item-qty-chip.is-selected,
.shell-home .shop-card-thumb span,
.shell-home .shop-card-thumb img {
  color: var(--hashop-feed-accent) !important;
  -webkit-text-fill-color: var(--hashop-feed-accent) !important;
}

.shell-home .shop-list-sort-button.is-active::after,
.shell-home .shop-list-view-button.is-active::after {
  background: var(--hashop-feed-accent) !important;
}

.shell-home .shop-list-grid > .shop-card::before,
.shell-home .shop-list-grid > .shop-discovery-card::before,
.shell-home .shop-list-grid > .shop-item-discovery-card::before,
.shell-home .shop-list-grid[data-list-view="tile"] > .shop-card::before,
.shell-home .shop-list-grid[data-list-view="tile"] > .shop-discovery-card::before,
.shell-home .shop-list-grid[data-list-view="tile"] > .shop-item-discovery-card::before {
  background: var(--hashop-feed-accent) !important;
  opacity: 0.42 !important;
}

.shell-home .shop-list-panel .shop-list-grid[data-list-view="tile"] > .shop-card,
.shell-home .shop-list-panel .shop-list-grid[data-list-view="tile"] > .shop-discovery-card,
.shell-home .shop-list-panel .shop-list-grid[data-list-view="tile"] > .shop-item-discovery-card,
.shell-home .shop-list-panel .shop-list-grid[data-list-view="tile"] > .shop-card:hover,
.shell-home .shop-list-panel .shop-list-grid[data-list-view="tile"] > .shop-discovery-card:hover,
.shell-home .shop-list-panel .shop-list-grid[data-list-view="tile"] > .shop-item-discovery-card:hover,
.shell-home .shop-list-panel .shop-list-grid[data-list-view="tile"] > .shop-card:focus-visible,
.shell-home .shop-list-panel .shop-list-grid[data-list-view="tile"] > .shop-discovery-card:focus-visible,
.shell-home .shop-list-panel .shop-list-grid[data-list-view="tile"] > .shop-item-discovery-card:focus-visible {
  border: 0 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.075) !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* Iteration 069: feed view is expanded Reddit-style rows, not cards. */
.shell-home {
  --hashop-feed-line: rgba(255, 255, 255, 0.075) !important;
  --hashop-feed-muted: #9f9f9f !important;
  --hashop-feed-ink: #f4f4f4 !important;
  --hashop-feed-accent: #c2aa65 !important;
}

.shell-home .shop-list-grid,
.shell-home .shop-list-grid[data-list-view],
.shell-home .shop-list-grid[data-list-view="tile"] {
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 0 !important;
  background: #050505 !important;
}

.shell-home .shop-list-grid > .shop-list-sortbar,
.shell-home .shop-list-grid > .shop-list-viewbar {
  padding: 0.42rem 0 0.46rem !important;
  border-bottom: 1px solid var(--hashop-feed-line) !important;
  background: #050505 !important;
}

.shell-home .shop-list-view-actions,
.shell-home .shop-list-sort-actions {
  gap: 0.72rem !important;
}

.shell-home .shop-list-sort-button,
.shell-home .shop-list-view-button,
.shell-home .shop-list-sort-button.is-active,
.shell-home .shop-list-view-button.is-active {
  min-height: 1.58rem !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

.shell-home .shop-list-sort-button,
.shell-home .shop-list-view-button {
  color: var(--hashop-feed-muted) !important;
  -webkit-text-fill-color: var(--hashop-feed-muted) !important;
}

.shell-home .shop-list-sort-button.is-active,
.shell-home .shop-list-view-button.is-active {
  color: var(--hashop-feed-accent) !important;
  -webkit-text-fill-color: var(--hashop-feed-accent) !important;
}

.shell-home .shop-list-sort-button::after,
.shell-home .shop-list-view-button::after {
  content: "" !important;
  display: block !important;
  width: 100% !important;
  height: 2px !important;
  margin-top: 0.3rem !important;
  border-radius: 999px !important;
  background: transparent !important;
}

.shell-home .shop-list-sort-button.is-active::after,
.shell-home .shop-list-view-button.is-active::after {
  background: var(--hashop-feed-accent) !important;
}

.shell-home .shop-list-grid > .shop-card,
.shell-home .shop-list-grid > .shop-discovery-card,
.shell-home .shop-list-grid > .shop-item-discovery-card,
.shell-home .shop-list-panel .shop-list-grid > .shop-card,
.shell-home .shop-list-panel .shop-list-grid > .shop-discovery-card,
.shell-home .shop-list-panel .shop-list-grid > .shop-item-discovery-card,
.shell-home .shop-list-grid[data-list-view="tile"] > .shop-card,
.shell-home .shop-list-grid[data-list-view="tile"] > .shop-discovery-card,
.shell-home .shop-list-grid[data-list-view="tile"] > .shop-item-discovery-card,
.shell-home .shop-list-panel .shop-list-grid[data-list-view="tile"] > .shop-card,
.shell-home .shop-list-panel .shop-list-grid[data-list-view="tile"] > .shop-discovery-card,
.shell-home .shop-list-panel .shop-list-grid[data-list-view="tile"] > .shop-item-discovery-card {
  position: relative !important;
  display: grid !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 0 !important;
  border: 0 !important;
  border-bottom: 1px solid var(--hashop-feed-line) !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  overflow: visible !important;
  contain: none !important;
}

.shell-home .shop-list-grid > .shop-card,
.shell-home .shop-list-grid > .shop-discovery-card,
.shell-home .shop-list-grid > .shop-item-discovery-card {
  grid-template-columns: 1.72rem minmax(0, 1fr) !important;
  gap: 0.74rem !important;
  padding: 0.68rem 0 0.68rem 0.22rem !important;
}

.shell-home .shop-list-grid[data-list-view="tile"] > .shop-card,
.shell-home .shop-list-grid[data-list-view="tile"] > .shop-discovery-card,
.shell-home .shop-list-grid[data-list-view="tile"] > .shop-item-discovery-card,
.shell-home .shop-list-panel .shop-list-grid[data-list-view="tile"] > .shop-card,
.shell-home .shop-list-panel .shop-list-grid[data-list-view="tile"] > .shop-discovery-card,
.shell-home .shop-list-panel .shop-list-grid[data-list-view="tile"] > .shop-item-discovery-card {
  grid-template-columns: 2.18rem minmax(0, 1fr) !important;
  gap: 0.86rem !important;
  padding: 0.98rem 0 1.02rem 0.3rem !important;
}

@media (min-width: 820px) {
  .shell-home .shop-list-grid[data-list-view="tile"] {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

.shell-home .shop-list-grid > .shop-card::before,
.shell-home .shop-list-grid > .shop-discovery-card::before,
.shell-home .shop-list-grid > .shop-item-discovery-card::before,
.shell-home .shop-list-panel .shop-list-grid[data-list-view="tile"] > .shop-card::before,
.shell-home .shop-list-panel .shop-list-grid[data-list-view="tile"] > .shop-discovery-card::before,
.shell-home .shop-list-panel .shop-list-grid[data-list-view="tile"] > .shop-item-discovery-card::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 0.76rem !important;
  bottom: 0.76rem !important;
  width: 2px !important;
  border-radius: 999px !important;
  background: color-mix(in srgb, var(--shop-color, var(--hashop-feed-accent)) 52%, transparent) !important;
  opacity: 0.55 !important;
  pointer-events: none !important;
}

.shell-home .shop-list-grid[data-list-view="tile"] > .shop-card::before,
.shell-home .shop-list-grid[data-list-view="tile"] > .shop-discovery-card::before,
.shell-home .shop-list-grid[data-list-view="tile"] > .shop-item-discovery-card::before {
  top: 0.98rem !important;
  bottom: 1.02rem !important;
  opacity: 0.7 !important;
}

.shell-home .shop-list-grid > .shop-card::after,
.shell-home .shop-list-grid > .shop-discovery-card::after,
.shell-home .shop-list-grid > .shop-item-discovery-card::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: transparent !important;
  pointer-events: none !important;
}

.shell-home .shop-list-grid > .shop-card:hover::after,
.shell-home .shop-list-grid > .shop-card:focus-visible::after,
.shell-home .shop-list-grid > .shop-discovery-card:hover::after,
.shell-home .shop-list-grid > .shop-discovery-card:focus-visible::after,
.shell-home .shop-list-grid > .shop-item-discovery-card:hover::after,
.shell-home .shop-list-grid > .shop-item-discovery-card:focus-visible::after {
  background: rgba(255, 255, 255, 0.022) !important;
}

.shell-home .shop-list-grid .shop-card-thumb,
.shell-home .shop-list-grid[data-list-view="tile"] .shop-card-thumb,
.shell-home .shop-list-panel .shop-list-grid .shop-card-thumb {
  align-self: start !important;
  width: 1.72rem !important;
  height: 1.72rem !important;
  min-width: 1.72rem !important;
  min-height: 1.72rem !important;
  max-width: 1.72rem !important;
  margin-top: 0.08rem !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

.shell-home .shop-list-grid[data-list-view="tile"] .shop-card-thumb,
.shell-home .shop-list-panel .shop-list-grid[data-list-view="tile"] .shop-card-thumb {
  width: 2.18rem !important;
  height: 2.18rem !important;
  min-width: 2.18rem !important;
  min-height: 2.18rem !important;
  max-width: 2.18rem !important;
}

.shell-home .shop-list-grid .shop-card-thumb span,
.shell-home .shop-list-grid .shop-card-thumb img,
.shell-home .shop-list-panel .shop-list-grid .shop-card-thumb span,
.shell-home .shop-list-panel .shop-list-grid .shop-card-thumb img {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  color: var(--hashop-feed-accent) !important;
  -webkit-text-fill-color: var(--hashop-feed-accent) !important;
  box-shadow: none !important;
}

.shell-home .shop-list-grid .shop-card-main {
  gap: 0.14rem !important;
}

.shell-home .shop-list-grid[data-list-view="tile"] .shop-card-main {
  gap: 0.26rem !important;
}

.shell-home .shop-list-grid .shop-card-title-block strong {
  color: var(--hashop-feed-ink) !important;
  -webkit-text-fill-color: var(--hashop-feed-ink) !important;
  line-height: 1.16 !important;
}

.shell-home .shop-list-grid[data-list-view="tile"] .shop-card-title-block strong {
  font-size: 1.07rem !important;
  line-height: 1.18 !important;
}

.shell-home .shop-list-grid .shop-card-subtitle,
.shell-home .shop-list-grid .shop-card-item {
  color: var(--hashop-feed-muted) !important;
  -webkit-text-fill-color: var(--hashop-feed-muted) !important;
}

.shell-home .shop-list-grid[data-list-view="tile"] .shop-card-items {
  margin-top: 0.18rem !important;
  white-space: nowrap !important;
}

.shell-home .shop-list-grid .shop-card-open,
.shell-home .shop-list-grid .shop-card-add,
.shell-home .shop-list-grid .shop-item-qty-chip {
  color: var(--hashop-feed-muted) !important;
  -webkit-text-fill-color: var(--hashop-feed-muted) !important;
}

.shell-home .shop-list-grid .shop-card-add,
.shell-home .shop-list-grid .shop-item-qty-chip.is-selected {
  color: var(--hashop-feed-accent) !important;
  -webkit-text-fill-color: var(--hashop-feed-accent) !important;
}

.shell-home .shop-list-panel[data-pane-mode] .shop-pane-detail,
.shell-home .shop-list-panel[data-pane-mode] .shop-pane-cart-screen,
.shell-home .shop-list-panel[data-pane-mode] .shop-account-stack,
.shell-home .shop-list-panel[data-pane-mode] .shop-owner-stack,
.shell-home .shop-list-panel[data-pane-mode] .shop-login-form,
.shell-home .shop-list-panel[data-pane-mode] .shop-owner-form {
  box-sizing: border-box !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
}

/* Iteration 067: compact count/sort/view controls without reintroducing overlap. */
.shell-home .shop-list-grid > .shop-list-sortbar,
.shell-home .shop-list-grid > .shop-list-viewbar {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  justify-content: stretch !important;
  column-gap: 0.55rem !important;
  row-gap: 0.32rem !important;
  min-height: 2.62rem !important;
  padding: 0.42rem 0 0.48rem !important;
}

.shell-home .shop-list-grid > .shop-list-viewbar {
  min-height: 2.62rem !important;
}

.shell-home .shop-list-grid > .shop-list-sortbar:not(.shop-list-viewbar) {
  min-height: 4.62rem !important;
}

.shell-home .shop-list-grid > .shop-list-sortbar .shop-list-sort-count,
.shell-home .shop-list-grid > .shop-list-viewbar .shop-list-sort-count {
  grid-column: 1 !important;
  grid-row: 1 !important;
  justify-self: start !important;
}

.shell-home .shop-list-grid > .shop-list-sortbar .shop-list-view-actions,
.shell-home .shop-list-grid > .shop-list-viewbar .shop-list-view-actions {
  grid-column: 2 !important;
  grid-row: 1 !important;
  justify-self: end !important;
  flex: 0 0 auto !important;
  min-height: 1.9rem !important;
}

.shell-home .shop-list-grid > .shop-list-sortbar .shop-list-sort-actions {
  grid-column: 1 / -1 !important;
  grid-row: 2 !important;
  justify-self: stretch !important;
  justify-content: flex-start !important;
  flex: 0 1 auto !important;
  min-height: 1.9rem !important;
}

.shell-home .shop-list-grid > .shop-list-sortbar .shop-list-sort-actions:empty {
  display: none !important;
}

/* Iteration 068: Reddit-style feed listings, not generic boxed tiles. */
.shell-home .shop-list-grid,
.shell-home .shop-list-grid[data-list-view="tile"] {
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 0 !important;
  background: #050505 !important;
}

.shell-home .shop-list-grid > .shop-list-sortbar,
.shell-home .shop-list-grid > .shop-list-viewbar {
  border-bottom: 1px solid rgba(255, 255, 255, 0.075) !important;
  background: #050505 !important;
}

.shell-home .shop-list-sort-button,
.shell-home .shop-list-view-button {
  min-height: 1.82rem !important;
  padding: 0 0.18rem !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  color: #9b9b9b !important;
  -webkit-text-fill-color: #9b9b9b !important;
  box-shadow: none !important;
}

.shell-home .shop-list-sort-button::after,
.shell-home .shop-list-view-button::after {
  content: "" !important;
  display: block !important;
  width: 100% !important;
  height: 2px !important;
  margin-top: 0.32rem !important;
  border-radius: 999px !important;
  background: transparent !important;
}

.shell-home .shop-list-sort-button.is-active,
.shell-home .shop-list-view-button.is-active {
  color: #c2aa65 !important;
  -webkit-text-fill-color: #c2aa65 !important;
}

.shell-home .shop-list-sort-button.is-active::after,
.shell-home .shop-list-view-button.is-active::after {
  background: #c2aa65 !important;
}

.shell-home .shop-list-grid > .shop-card,
.shell-home .shop-list-grid > .shop-discovery-card,
.shell-home .shop-list-grid > .shop-item-discovery-card,
.shell-home .shop-list-grid[data-list-view="tile"] > .shop-card,
.shell-home .shop-list-grid[data-list-view="tile"] > .shop-discovery-card,
.shell-home .shop-list-grid[data-list-view="tile"] > .shop-item-discovery-card {
  position: relative !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin: 0 !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.075) !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  overflow: visible !important;
}

.shell-home .shop-list-grid > .shop-card::before,
.shell-home .shop-list-grid > .shop-discovery-card::before,
.shell-home .shop-list-grid > .shop-item-discovery-card::before,
.shell-home .shop-list-grid[data-list-view="tile"] > .shop-card::before,
.shell-home .shop-list-grid[data-list-view="tile"] > .shop-discovery-card::before,
.shell-home .shop-list-grid[data-list-view="tile"] > .shop-item-discovery-card::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 0.78rem !important;
  bottom: 0.78rem !important;
  width: 2px !important;
  border-radius: 999px !important;
  background: color-mix(in srgb, var(--shop-color, #c2aa65) 58%, transparent) !important;
  opacity: 0.52 !important;
  pointer-events: none !important;
}

.shell-home .shop-list-grid > .shop-card::after,
.shell-home .shop-list-grid > .shop-discovery-card::after,
.shell-home .shop-list-grid > .shop-item-discovery-card::after,
.shell-home .shop-list-grid[data-list-view="tile"] > .shop-card::after,
.shell-home .shop-list-grid[data-list-view="tile"] > .shop-discovery-card::after,
.shell-home .shop-list-grid[data-list-view="tile"] > .shop-item-discovery-card::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: rgba(255, 255, 255, 0) !important;
  pointer-events: none !important;
  transition: background 160ms ease !important;
}

.shell-home .shop-list-grid > .shop-card:hover::after,
.shell-home .shop-list-grid > .shop-card:focus-visible::after,
.shell-home .shop-list-grid > .shop-discovery-card:hover::after,
.shell-home .shop-list-grid > .shop-discovery-card:focus-visible::after,
.shell-home .shop-list-grid > .shop-item-discovery-card:hover::after,
.shell-home .shop-list-grid > .shop-item-discovery-card:focus-visible::after {
  background: rgba(255, 255, 255, 0.025) !important;
}

.shell-home .shop-list-grid > .shop-card,
.shell-home .shop-list-grid > .shop-discovery-card,
.shell-home .shop-list-grid > .shop-item-discovery-card {
  display: grid !important;
  grid-template-columns: 2.35rem minmax(0, 1fr) !important;
  gap: 0.62rem !important;
  padding: 0.68rem 0 0.68rem 0.28rem !important;
}

.shell-home .shop-list-grid[data-list-view="tile"] > .shop-card,
.shell-home .shop-list-grid[data-list-view="tile"] > .shop-discovery-card,
.shell-home .shop-list-grid[data-list-view="tile"] > .shop-item-discovery-card {
  display: grid !important;
  grid-template-columns: 3rem minmax(0, 1fr) !important;
  gap: 0.74rem !important;
  min-height: 5.45rem !important;
  padding: 0.88rem 0 0.92rem 0.34rem !important;
}

@media (min-width: 820px) {
  .shell-home .shop-list-grid[data-list-view="tile"] {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

.shell-home .shop-list-grid .shop-card-thumb,
.shell-home .shop-list-grid[data-list-view="tile"] .shop-card-thumb {
  width: 2.25rem !important;
  height: 2.25rem !important;
  min-width: 2.25rem !important;
  min-height: 2.25rem !important;
  max-width: 2.25rem !important;
  margin-top: 0.04rem !important;
  border: 0 !important;
  border-radius: 7px !important;
  background: transparent !important;
  box-shadow: none !important;
}

.shell-home .shop-list-grid[data-list-view="tile"] .shop-card-thumb {
  width: 2.72rem !important;
  height: 2.72rem !important;
  min-width: 2.72rem !important;
  min-height: 2.72rem !important;
  max-width: 2.72rem !important;
}

.shell-home .shop-list-grid .shop-card-thumb span,
.shell-home .shop-list-grid .shop-card-thumb img {
  border: 1px solid rgba(194, 170, 101, 0.24) !important;
  border-radius: 7px !important;
  background: rgba(194, 170, 101, 0.055) !important;
}

.shell-home .shop-list-grid .shop-card-main {
  gap: 0.16rem !important;
}

.shell-home .shop-list-grid[data-list-view="tile"] .shop-card-main {
  gap: 0.28rem !important;
}

.shell-home .shop-list-grid[data-list-view="tile"] .shop-card-title-block strong {
  font-size: 1.02rem !important;
  line-height: 1.18 !important;
}

.shell-home .shop-list-grid[data-list-view="tile"] .shop-card-subtitle {
  margin-top: 0.06rem !important;
}

.shell-home .shop-list-grid[data-list-view="tile"] .shop-card-items {
  margin-top: 0.18rem !important;
}

.shell-home .shop-list-grid .shop-card-open,
.shell-home .shop-list-grid .shop-card-add,
.shell-home .shop-list-grid .shop-item-qty-chip {
  color: #9f9f9f !important;
  -webkit-text-fill-color: #9f9f9f !important;
}

.shell-home .shop-list-grid .shop-card-add,
.shell-home .shop-list-grid .shop-item-qty-chip.is-selected {
  color: #c2aa65 !important;
  -webkit-text-fill-color: #c2aa65 !important;
}

/* Iteration 070 terminal override B: keep this block at physical EOF. */
.shell-home {
  --accent: #a39264 !important;
  --accent-strong: #b7a777 !important;
  --outline-gold: #a39264 !important;
  --hashop-feed-accent: #a39264 !important;
  --hashop-feed-line: rgba(255, 255, 255, 0.085) !important;
  --hashop-feed-muted: #a2a2a2 !important;
  --hashop-feed-ink: #f5f5f5 !important;
  --line: rgba(255, 255, 255, 0.085) !important;
  --line-strong: rgba(255, 255, 255, 0.16) !important;
  --ink: #f5f5f5 !important;
}

.shell-home .shop-empty-cart-buddy,
.shell-home .shop-empty-cart-buddy::before,
.shell-home .shop-empty-cart-buddy::after,
.shell-home .shop-empty-cart-buddy-eye,
.shell-home .shop-empty-cart-buddy-smile,
.shell-home .shop-empty-cart-basket,
.shell-home .shop-empty-cart-basket::before,
.shell-home .shop-empty-cart-basket::after,
.shell-home .shop-empty-cart-basket-rib,
.shell-home .shop-empty-cart-basket > span,
.shell-home .shop-empty-items-rail,
.shell-home .shop-empty-items-tile,
.shell-home .shop-empty-items-tile::before,
.shell-home .shop-empty-items-tile::after,
.shell-home .shop-empty-items-tile > span,
.shell-home .shop-empty-items-base,
.shell-home .shop-state-face,
.shell-home .shop-state-face span,
.shell-home .shop-state-face::after {
  content: none !important;
  display: none !important;
}

.shell-home .shop-empty-cart-card,
.shell-home[data-hashop-screen] .shop-empty-cart-card,
.shell-home .shop-empty-items-card,
.shell-home[data-hashop-screen] .shop-empty-items-card,
.shell-home .shop-state-card,
.shell-home[data-hashop-screen] .shop-state-card,
.shell-home[data-hashop-screen="account"] .shop-account-profile-card,
.shell-home[data-hashop-screen="account"] .shop-account-menu-card,
.shell-home .shop-account-profile-card,
.shell-home .shop-account-menu-card,
.shell-home .shop-account-section,
.shell-home .shop-pane-notice {
  border: 0 !important;
  border-top: 1px solid var(--hashop-feed-line) !important;
  border-bottom: 1px solid var(--hashop-feed-line) !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

.shell-home .shop-empty-cart-card::before,
.shell-home .shop-empty-cart-card::after,
.shell-home .shop-empty-items-card::before,
.shell-home .shop-empty-items-card::after,
.shell-home .shop-state-card::before,
.shell-home .shop-state-card::after {
  content: none !important;
  display: none !important;
}

.shell-home .shop-empty-cart-code,
.shell-home[data-hashop-screen] .shop-empty-cart-code,
.shell-home .shop-empty-items-code,
.shell-home[data-hashop-screen] .shop-empty-items-code,
.shell-home .shop-state-code,
.shell-home[data-hashop-screen] .shop-state-code,
.shell-home .shop-list-sort-button.is-active,
.shell-home .shop-list-view-button.is-active,
.shell-home .shop-list-grid .shop-card-add,
.shell-home .shop-list-grid .shop-item-qty-chip.is-selected,
.shell-home .shop-card-thumb span,
.shell-home .shop-card-thumb img,
.shell-home .shop-account-menu-icon,
.shell-home[data-hashop-screen="account"] .shop-account-menu-icon {
  color: var(--hashop-feed-accent) !important;
  -webkit-text-fill-color: var(--hashop-feed-accent) !important;
  border-color: var(--hashop-feed-accent) !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

.shell-home .shop-empty-cart-code,
.shell-home[data-hashop-screen] .shop-empty-cart-code,
.shell-home .shop-empty-items-code,
.shell-home[data-hashop-screen] .shop-empty-items-code,
.shell-home .shop-state-code,
.shell-home[data-hashop-screen] .shop-state-code {
  padding: 0 0 0.18rem !important;
  border: 0 !important;
  border-bottom: 1px solid var(--hashop-feed-accent) !important;
  border-radius: 0 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  text-shadow: none !important;
}

.shell-home .shop-empty-cart-action,
.shell-home[data-hashop-screen] .shop-empty-cart-action,
.shell-home .shop-empty-items-action,
.shell-home[data-hashop-screen] .shop-empty-items-action,
.shell-home .shop-state-action,
.shell-home .shop-owner-save,
.shell-home .shop-owner-chip-button,
.shell-home .shop-account-actions .shop-owner-save,
.shell-home .shop-account-actions .shop-owner-chip-button {
  border: 0 !important;
  border-bottom: 1px solid var(--hashop-feed-accent) !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  color: var(--hashop-feed-ink) !important;
  -webkit-text-fill-color: var(--hashop-feed-ink) !important;
  letter-spacing: 0 !important;
  text-shadow: none !important;
}

.shell-home .shop-owner-tab,
.shell-home .shop-owner-tab.is-active,
.shell-home .shop-account-menu-row,
.shell-home[data-hashop-screen="account"] .shop-account-menu-row,
.shell-home .shop-account-record-row {
  border: 0 !important;
  border-bottom: 1px solid var(--hashop-feed-line) !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

.shell-home .shop-owner-tab.is-active,
.shell-home .shop-list-sort-button.is-active::after,
.shell-home .shop-list-view-button.is-active::after,
.shell-home .shop-list-grid > .shop-card::before,
.shell-home .shop-list-grid > .shop-discovery-card::before,
.shell-home .shop-list-grid > .shop-item-discovery-card::before,
.shell-home .shop-list-grid[data-list-view="tile"] > .shop-card::before,
.shell-home .shop-list-grid[data-list-view="tile"] > .shop-discovery-card::before,
.shell-home .shop-list-grid[data-list-view="tile"] > .shop-item-discovery-card::before {
  background: var(--hashop-feed-accent) !important;
}

.shell-home .shop-owner-tab.is-active {
  border-bottom-color: var(--hashop-feed-accent) !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  color: var(--hashop-feed-accent) !important;
  -webkit-text-fill-color: var(--hashop-feed-accent) !important;
}

html body .shell-home .shop-account-stack .shop-account-menu-card .shop-account-menu-row,
html body .shell-home .shop-account-stack .shop-account-location-card,
html body .shell-home[data-hashop-screen="account"] .shop-account-stack .shop-account-menu-card .shop-account-menu-row,
html body .shell-home .shop-list-panel[data-pane-mode="account"] .shop-account-stack .shop-account-menu-card .shop-account-menu-row {
  border: 0 !important;
  border-bottom: 1px solid var(--hashop-feed-line) !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  color: var(--hashop-feed-ink) !important;
  -webkit-text-fill-color: var(--hashop-feed-ink) !important;
}

html body .shell-home .shop-account-stack .shop-account-menu-card .shop-account-menu-row .shop-account-menu-copy span,
html body .shell-home .shop-account-stack .shop-account-menu-card .shop-account-menu-row .shop-account-menu-meta,
html body .shell-home .shop-account-stack .shop-account-location-card .shop-account-menu-copy span,
html body .shell-home .shop-account-stack .shop-account-location-card .shop-account-menu-meta {
  color: var(--hashop-feed-muted) !important;
  -webkit-text-fill-color: var(--hashop-feed-muted) !important;
}

html body .shell-home .shop-account-stack .shop-account-menu-card .shop-account-menu-row .shop-account-menu-copy strong,
html body .shell-home .shop-account-stack .shop-account-location-card .shop-account-menu-copy strong {
  color: var(--hashop-feed-ink) !important;
  -webkit-text-fill-color: var(--hashop-feed-ink) !important;
}

html body .shell-home .home-bottom-nav .home-bottom-link,
html body .shell-home .home-bottom-nav .home-bottom-link.is-active {
  border: 0 !important;
  border-top: 1px solid transparent !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

html body .shell-home .home-bottom-nav .home-bottom-link.is-active {
  border-top-color: var(--hashop-feed-accent) !important;
  color: var(--hashop-feed-accent) !important;
  -webkit-text-fill-color: var(--hashop-feed-accent) !important;
}

html body .shell-home .home-bottom-nav .home-bottom-link.is-active .home-bottom-link-icon,
html body .shell-home .home-bottom-nav .home-bottom-link.is-active svg {
  color: var(--hashop-feed-accent) !important;
  stroke: var(--hashop-feed-accent) !important;
  fill: none !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

html body .shell-home[data-hashop-screen] .shop-list-panel[data-pane-mode] .home-bottom-nav button.home-bottom-link[data-home-nav].is-active,
html body .shell-home[data-hashop-screen="account"] .shop-list-panel[data-pane-mode="account"] .home-bottom-nav button.home-bottom-link[data-home-nav].is-active,
html body .shell-home[data-hashop-screen="cart"] .shop-list-panel[data-pane-mode="cart"] .home-bottom-nav button.home-bottom-link[data-home-nav].is-active {
  border: 0 !important;
  border-top: 1px solid var(--hashop-feed-accent) !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  color: var(--hashop-feed-accent) !important;
  -webkit-text-fill-color: var(--hashop-feed-accent) !important;
}

html body .shell-home[data-hashop-screen] .shop-list-panel[data-pane-mode] .home-bottom-nav button.home-bottom-link[data-home-nav].is-active > .home-bottom-link-icon,
html body .shell-home[data-hashop-screen="account"] .shop-list-panel[data-pane-mode="account"] .home-bottom-nav button.home-bottom-link[data-home-nav].is-active > .home-bottom-link-icon {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  color: var(--hashop-feed-accent) !important;
  -webkit-text-fill-color: var(--hashop-feed-accent) !important;
  box-shadow: none !important;
}

html body .shell-home[data-hashop-screen="account"] .shop-list-panel[data-pane-mode="account"] .home-bottom-nav button.home-bottom-link[data-home-nav].is-active,
html body .shell-home[data-hashop-screen="account"] .shop-list-panel[data-pane-mode="account"] .home-bottom-nav button.home-bottom-link[data-home-nav].is-active:focus,
html body .shell-home[data-hashop-screen="account"] .shop-list-panel[data-pane-mode="account"] .home-bottom-nav button.home-bottom-link[data-home-nav].is-active:focus-visible,
html body .shell-home[data-hashop-screen="account"] .shop-list-panel[data-pane-mode="account"] .home-bottom-nav button.home-bottom-link[data-home-nav].is-active:hover,
html body .shell-home[data-hashop-screen="cart"] .shop-list-panel[data-pane-mode="cart"] .home-bottom-nav button.home-bottom-link[data-home-nav].is-active,
html body .shell-home[data-hashop-screen="cart"] .shop-list-panel[data-pane-mode="cart"] .home-bottom-nav button.home-bottom-link[data-home-nav].is-active:focus,
html body .shell-home[data-hashop-screen="cart"] .shop-list-panel[data-pane-mode="cart"] .home-bottom-nav button.home-bottom-link[data-home-nav].is-active:focus-visible,
html body .shell-home[data-hashop-screen="cart"] .shop-list-panel[data-pane-mode="cart"] .home-bottom-nav button.home-bottom-link[data-home-nav].is-active:hover {
  border: 0 !important;
  border-top: 1px solid var(--hashop-feed-accent) !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  color: var(--hashop-feed-accent) !important;
  -webkit-text-fill-color: var(--hashop-feed-accent) !important;
}

/* Iteration 071: temporary white theme. Keep this at EOF. */
html,
body {
  background: #fff !important;
  color: #111 !important;
}

.shell-home {
  --accent: #8d7b4a !important;
  --accent-strong: #6f6038 !important;
  --outline-gold: #8d7b4a !important;
  --hashop-feed-accent: #8d7b4a !important;
  --hashop-feed-line: rgba(0, 0, 0, 0.12) !important;
  --hashop-feed-muted: #5d5d5d !important;
  --hashop-feed-ink: #111 !important;
  --line: rgba(0, 0, 0, 0.12) !important;
  --line-strong: rgba(0, 0, 0, 0.2) !important;
  --ink: #111 !important;
  --muted: #5d5d5d !important;
  --surface: #fff !important;
  --surface-soft: #f7f7f7 !important;
  --panel-bg: #fff !important;
  background: #fff !important;
  background-color: #fff !important;
  background-image: none !important;
  color: #111 !important;
}

.shell-home *,
.shell-home *::before,
.shell-home *::after {
  text-shadow: none !important;
}

.shell-home .home-stage,
.shell-home .home-chrome,
.shell-home .map-screen,
.shell-home .discovery-map,
.shell-home .discovery-map > div,
.shell-home .discovery-map.is-google-map,
.shell-home .discovery-map.is-leaflet-map,
.shell-home .leaflet-container,
.shell-home .shop-list-panel,
.shell-home .shop-list-grid,
.shell-home .shop-list-head,
.shell-home .shop-panel-bar,
.shell-home .home-bottom-nav,
.shell-home .shop-pane-detail,
.shell-home .shop-pane-cart-screen,
.shell-home .shop-account-stack,
.shell-home .shop-owner-stack,
.shell-home .shop-login-form,
.shell-home .shop-owner-form {
  background: #fff !important;
  background-color: #fff !important;
  background-image: none !important;
  color: #111 !important;
  box-shadow: none !important;
}

.shell-home .map-screen::before,
.shell-home .map-screen::after,
.shell-home .shop-list-panel::before,
.shell-home .shop-list-panel::after,
.shell-home .home-bottom-nav::before,
.shell-home .home-bottom-nav::after {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

.shell-home .leaflet-tile,
.shell-home .leaflet-container img.leaflet-tile,
.shell-home .leaflet-pane img.leaflet-tile,
.shell-home[data-hashop-map-theme] .leaflet-tile {
  filter: grayscale(0.92) saturate(0.25) contrast(1.04) brightness(1.02) !important;
}

.shell-home .leaflet-control,
.shell-home .leaflet-control a,
.shell-home .leaflet-control-attribution,
.shell-home .leaflet-popup-content-wrapper,
.shell-home .leaflet-popup-tip {
  background: #fff !important;
  background-color: #fff !important;
  background-image: none !important;
  color: #111 !important;
  border-color: rgba(0, 0, 0, 0.12) !important;
  box-shadow: none !important;
}

.shell-home .brand,
.shell-home .brand-name,
.shell-home .home-brand-name,
.shell-home .shop-card-title-block strong,
.shell-home .shop-card-title,
.shell-home .shop-pane-title,
.shell-home .shop-empty-cart-copy strong,
.shell-home .shop-empty-items-copy strong,
.shell-home .shop-state-card > strong,
.shell-home .shop-account-menu-copy strong,
.shell-home .shop-account-profile-copy strong,
.shell-home .shop-account-section-head strong,
.shell-home .shop-owner-section-head strong,
.shell-home label,
.shell-home input,
.shell-home textarea,
.shell-home select {
  color: #111 !important;
  -webkit-text-fill-color: #111 !important;
}

.shell-home .shop-card-subtitle,
.shell-home .shop-card-item,
.shell-home .shop-card-open,
.shell-home .shop-empty-cart-copy p,
.shell-home .shop-empty-items-copy p,
.shell-home .shop-state-card > p,
.shell-home .shop-account-menu-copy span,
.shell-home .shop-account-menu-meta,
.shell-home .shop-account-profile-copy span,
.shell-home .shop-account-section-head span,
.shell-home .shop-owner-section-head span,
.shell-home .shop-pane-note,
.shell-home .shop-list-sort-count {
  color: #5d5d5d !important;
  -webkit-text-fill-color: #5d5d5d !important;
}

.shell-home .shop-list-search,
.shell-home .shop-list-search-input,
.shell-home input,
.shell-home textarea,
.shell-home select,
.shell-home .shop-owner-field,
.shell-home .shop-account-field {
  border-color: rgba(0, 0, 0, 0.14) !important;
  border-radius: 0 !important;
  background: #fff !important;
  background-color: #fff !important;
  background-image: none !important;
  color: #111 !important;
  -webkit-text-fill-color: #111 !important;
  box-shadow: none !important;
}

.shell-home .shop-list-grid > .shop-card,
.shell-home .shop-list-grid > .shop-discovery-card,
.shell-home .shop-list-grid > .shop-item-discovery-card,
.shell-home .shop-empty-cart-card,
.shell-home .shop-empty-items-card,
.shell-home .shop-state-card,
.shell-home .shop-account-profile-card,
.shell-home .shop-account-menu-card,
.shell-home .shop-account-menu-row,
.shell-home .shop-account-section,
.shell-home .shop-pane-notice,
.shell-home .shop-owner-card,
.shell-home .shop-owner-panel,
.shell-home .shop-owner-section,
.shell-home .shop-owner-item-row,
.shell-home .shop-owner-order-row,
.shell-home .shop-cart-row,
.shell-home .shop-cart-card {
  border: 0 !important;
  border-bottom: 1px solid var(--hashop-feed-line) !important;
  border-radius: 0 !important;
  background: #fff !important;
  background-color: #fff !important;
  background-image: none !important;
  color: #111 !important;
  box-shadow: none !important;
}

.shell-home .shop-empty-cart-card,
.shell-home .shop-empty-items-card,
.shell-home .shop-state-card,
.shell-home .shop-account-profile-card,
.shell-home .shop-account-menu-card,
.shell-home .shop-account-section,
.shell-home .shop-pane-notice {
  border-top: 1px solid var(--hashop-feed-line) !important;
}

.shell-home .shop-list-grid > .shop-card::after,
.shell-home .shop-list-grid > .shop-discovery-card::after,
.shell-home .shop-list-grid > .shop-item-discovery-card::after {
  background: transparent !important;
  background-image: none !important;
}

.shell-home .shop-list-grid > .shop-card::before,
.shell-home .shop-list-grid > .shop-discovery-card::before,
.shell-home .shop-list-grid > .shop-item-discovery-card::before,
.shell-home .shop-list-grid[data-list-view="tile"] > .shop-card::before,
.shell-home .shop-list-grid[data-list-view="tile"] > .shop-discovery-card::before,
.shell-home .shop-list-grid[data-list-view="tile"] > .shop-item-discovery-card::before {
  background: var(--hashop-feed-accent) !important;
  opacity: 0.42 !important;
}

.shell-home .shop-list-sort-button,
.shell-home .shop-list-view-button,
.shell-home .shop-empty-cart-action,
.shell-home .shop-empty-items-action,
.shell-home .shop-state-action,
.shell-home .shop-owner-save,
.shell-home .shop-owner-chip-button,
.shell-home .shop-card-add,
.shell-home .shop-item-qty-chip,
.shell-home .shop-back-action,
.shell-home .shop-pane-toggle,
.shell-home .map-locate-button,
.shell-home .map-compass-button {
  border: 0 !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.16) !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  color: #111 !important;
  -webkit-text-fill-color: #111 !important;
  box-shadow: none !important;
}

.shell-home .shop-list-sort-button.is-active,
.shell-home .shop-list-view-button.is-active,
.shell-home .shop-card-add,
.shell-home .shop-item-qty-chip.is-selected,
.shell-home .shop-empty-cart-code,
.shell-home .shop-empty-items-code,
.shell-home .shop-state-code,
.shell-home .shop-account-menu-icon,
.shell-home .home-hash-logo,
.shell-home svg.lucide {
  color: var(--hashop-feed-accent) !important;
  -webkit-text-fill-color: var(--hashop-feed-accent) !important;
  stroke: var(--hashop-feed-accent) !important;
  border-color: var(--hashop-feed-accent) !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

.shell-home .shop-empty-cart-action,
.shell-home .shop-state-action,
.shell-home .shop-owner-save,
.shell-home .shop-list-sort-button.is-active,
.shell-home .shop-list-view-button.is-active {
  border-bottom-color: var(--hashop-feed-accent) !important;
}

.shell-home .home-bottom-nav {
  border-top: 1px solid var(--hashop-feed-line) !important;
  background: #fff !important;
}

html body .shell-home .home-bottom-nav .home-bottom-link,
html body .shell-home .home-bottom-nav .home-bottom-link.is-active,
html body .shell-home[data-hashop-screen] .shop-list-panel[data-pane-mode] .home-bottom-nav button.home-bottom-link[data-home-nav].is-active,
html body .shell-home[data-hashop-screen="account"] .shop-list-panel[data-pane-mode="account"] .home-bottom-nav button.home-bottom-link[data-home-nav].is-active,
html body .shell-home[data-hashop-screen="cart"] .shop-list-panel[data-pane-mode="cart"] .home-bottom-nav button.home-bottom-link[data-home-nav].is-active {
  border: 0 !important;
  border-top: 1px solid transparent !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  color: #111 !important;
  -webkit-text-fill-color: #111 !important;
}

html body .shell-home .home-bottom-nav .home-bottom-link.is-active,
html body .shell-home[data-hashop-screen] .shop-list-panel[data-pane-mode] .home-bottom-nav button.home-bottom-link[data-home-nav].is-active {
  border-top-color: var(--hashop-feed-accent) !important;
  color: var(--hashop-feed-accent) !important;
  -webkit-text-fill-color: var(--hashop-feed-accent) !important;
}

html body .shell-home .home-bottom-nav .home-bottom-link-icon,
html body .shell-home .home-bottom-nav .home-bottom-link.is-active .home-bottom-link-icon,
html body .shell-home .home-bottom-nav .home-bottom-link.is-active svg {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  color: currentColor !important;
  -webkit-text-fill-color: currentColor !important;
  stroke: currentColor !important;
  fill: none !important;
  box-shadow: none !important;
}

.shell-home .shop-empty-cart-buddy,
.shell-home .shop-empty-cart-basket,
.shell-home .shop-empty-items-tile,
.shell-home .shop-empty-items-rail,
.shell-home .shop-empty-items-base,
.shell-home .shop-state-face {
  display: none !important;
}

html body .shell.shell-home .home-stage,
html body .shell.shell-home .home-chrome,
html body .shell.shell-home .map-screen,
html body .shell.shell-home .discovery-map,
html body .shell.shell-home .discovery-map > div,
html body .shell.shell-home .discovery-map.is-google-map,
html body .shell.shell-home .discovery-map.is-leaflet-map,
html body .shell.shell-home .leaflet-container,
html body .shell.shell-home .shop-list-panel,
html body .shell.shell-home .shop-list-panel.is-root-view,
html body .shell.shell-home .shop-list-panel[data-pane-mode],
html body .shell.shell-home .shop-list-panel .shop-list-grid,
html body .shell.shell-home .shop-list-panel .shop-list-grid[data-list-view],
html body .shell.shell-home .shop-list-panel .shop-list-grid[data-list-view="tile"],
html body .shell.shell-home .shop-list-panel .shop-list-head,
html body .shell.shell-home .shop-list-panel .shop-list-sortbar,
html body .shell.shell-home .shop-list-panel .shop-list-viewbar,
html body .shell.shell-home .shop-list-panel .home-bottom-nav,
html body .shell.shell-home .home-bottom-nav,
html body .shell.shell-home .shop-panel-bar,
html body .shell.shell-home .shop-pane-detail,
html body .shell.shell-home .shop-pane-cart-screen,
html body .shell.shell-home .shop-pane-confirm-screen,
html body .shell.shell-home .shop-account-stack,
html body .shell.shell-home .shop-owner-stack,
html body .shell.shell-home .shop-login-form,
html body .shell.shell-home .shop-owner-form,
html body .shell.shell-home[data-hashop-screen="account"] .shop-login-form,
html body .shell.shell-home .shop-list-panel[data-pane-mode="account"] .shop-login-form {
  background: #fff !important;
  background-color: #fff !important;
  background-image: none !important;
  color: #111 !important;
  -webkit-text-fill-color: #111 !important;
  box-shadow: none !important;
}

html body .shell.shell-home .shop-list-panel .shop-list-grid > .shop-card,
html body .shell.shell-home .shop-list-panel .shop-list-grid > .shop-discovery-card,
html body .shell.shell-home .shop-list-panel .shop-list-grid > .shop-item-discovery-card,
html body .shell.shell-home .shop-list-panel .shop-list-grid[data-list-view] > .shop-card,
html body .shell.shell-home .shop-list-panel .shop-list-grid[data-list-view] > .shop-discovery-card,
html body .shell.shell-home .shop-list-panel .shop-list-grid[data-list-view] > .shop-item-discovery-card,
html body .shell.shell-home .shop-empty-cart-card,
html body .shell.shell-home .shop-empty-items-card,
html body .shell.shell-home .shop-state-card,
html body .shell.shell-home .shop-account-profile-card,
html body .shell.shell-home .shop-account-menu-card,
html body .shell.shell-home .shop-account-menu-row,
html body .shell.shell-home .shop-account-section,
html body .shell.shell-home .shop-pane-notice,
html body .shell.shell-home .shop-owner-card,
html body .shell.shell-home .shop-owner-panel,
html body .shell.shell-home .shop-owner-section,
html body .shell.shell-home .shop-cart-row,
html body .shell.shell-home .shop-cart-card {
  border-color: rgba(0, 0, 0, 0.12) !important;
  background: #fff !important;
  background-color: #fff !important;
  background-image: none !important;
  color: #111 !important;
  -webkit-text-fill-color: #111 !important;
  box-shadow: none !important;
}

html body .shell.shell-home .shop-list-panel .shop-list-grid > .shop-card *,
html body .shell.shell-home .shop-list-panel .shop-list-grid > .shop-discovery-card *,
html body .shell.shell-home .shop-list-panel .shop-list-grid > .shop-item-discovery-card *,
html body .shell.shell-home .shop-pane-detail *,
html body .shell.shell-home .shop-account-stack *,
html body .shell.shell-home .shop-owner-stack *,
html body .shell.shell-home .shop-login-form * {
  text-shadow: none !important;
}

html body .shell.shell-home .shop-card-title-block strong,
html body .shell.shell-home .shop-card-title,
html body .shell.shell-home .shop-empty-cart-copy strong,
html body .shell.shell-home .shop-empty-items-copy strong,
html body .shell.shell-home .shop-state-card > strong,
html body .shell.shell-home .shop-account-menu-copy strong,
html body .shell.shell-home .shop-account-profile-copy strong,
html body .shell.shell-home .shop-account-section-head strong,
html body .shell.shell-home .shop-owner-section-head strong,
html body .shell.shell-home .shop-login-form strong {
  color: #111 !important;
  -webkit-text-fill-color: #111 !important;
}

html body .shell.shell-home .shop-card-subtitle,
html body .shell.shell-home .shop-card-item,
html body .shell.shell-home .shop-card-open,
html body .shell.shell-home .shop-empty-cart-copy p,
html body .shell.shell-home .shop-empty-items-copy p,
html body .shell.shell-home .shop-state-card > p,
html body .shell.shell-home .shop-account-menu-copy span,
html body .shell.shell-home .shop-account-menu-meta,
html body .shell.shell-home .shop-account-profile-copy span,
html body .shell.shell-home .shop-account-section-head span,
html body .shell.shell-home .shop-owner-section-head span,
html body .shell.shell-home .shop-login-form span,
html body .shell.shell-home .shop-list-sort-count {
  color: #5d5d5d !important;
  -webkit-text-fill-color: #5d5d5d !important;
}

/* Iteration 072: production launch pass. White premium feed, no double cards. */
html,
body,
body:has(.shell.shell-home) {
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
  background: #fff !important;
  color: #111 !important;
}

html body .shell.shell-home {
  --hashop-feed-accent: #8d7b4a !important;
  --hashop-feed-ink: #111 !important;
  --hashop-feed-muted: #666 !important;
  --hashop-feed-soft: #f6f6f6 !important;
  --hashop-feed-line: rgba(0, 0, 0, 0.105) !important;
  --hashop-touch-min: 3.35rem !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
  background: #fff !important;
  background-image: none !important;
}

html body .shell.shell-home .home-stage,
html body .shell.shell-home .map-screen,
html body .shell.shell-home .shop-list-panel,
html body .shell.shell-home .shop-list-panel[data-pane-mode],
html body .shell.shell-home .shop-list-grid,
html body .shell.shell-home .shop-list-grid[data-list-view],
html body .shell.shell-home .shop-list-grid[data-list-view="feed"],
html body .shell.shell-home .shop-list-grid[data-list-view="tile"] {
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
  background: #fff !important;
  background-color: #fff !important;
  background-image: none !important;
  color: #111 !important;
  box-shadow: none !important;
}

html body .shell.shell-home .shop-list-grid,
html body .shell.shell-home .shop-list-grid[data-list-view],
html body .shell.shell-home .shop-list-grid[data-list-view="list"],
html body .shell.shell-home .shop-list-grid[data-list-view="feed"],
html body .shell.shell-home .shop-list-grid[data-list-view="tile"] {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  align-content: start !important;
  gap: 0 !important;
  padding-inline: 0 !important;
  touch-action: pan-y !important;
  overscroll-behavior-y: contain !important;
  -webkit-overflow-scrolling: touch !important;
}

html body .shell.shell-home .shop-list-grid::after {
  content: "" !important;
  display: block !important;
  min-height: calc(4.4rem + env(safe-area-inset-bottom)) !important;
}

html body .shell.shell-home .shop-list-sortbar,
html body .shell.shell-home .shop-list-viewbar {
  position: sticky !important;
  top: 0 !important;
  z-index: 5 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 0.8rem !important;
  min-width: 0 !important;
  min-height: 2.45rem !important;
  padding: 0.34rem 0 !important;
  border: 0 !important;
  border-bottom: 1px solid var(--hashop-feed-line) !important;
  border-radius: 0 !important;
  background: #fff !important;
  background-image: none !important;
  box-shadow: none !important;
}

html body .shell.shell-home .shop-list-sort-actions,
html body .shell.shell-home .shop-list-view-actions {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 0.74rem !important;
  min-width: 0 !important;
  overflow-x: auto !important;
  scrollbar-width: none !important;
}

html body .shell.shell-home .shop-list-sort-actions::-webkit-scrollbar,
html body .shell.shell-home .shop-list-view-actions::-webkit-scrollbar {
  display: none !important;
}

html body .shell.shell-home .shop-list-sort-count {
  flex: 0 1 auto !important;
  min-width: 0 !important;
  color: var(--hashop-feed-muted) !important;
  -webkit-text-fill-color: var(--hashop-feed-muted) !important;
  font-size: 0.72rem !important;
  font-weight: 800 !important;
  white-space: nowrap !important;
}

html body .shell.shell-home .shop-list-sort-button,
html body .shell.shell-home .shop-list-view-button {
  min-width: 0 !important;
  min-height: 2rem !important;
  padding: 0 0 0.16rem !important;
  border: 0 !important;
  border-bottom: 1px solid transparent !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  color: var(--hashop-feed-muted) !important;
  -webkit-text-fill-color: var(--hashop-feed-muted) !important;
  box-shadow: none !important;
}

html body .shell.shell-home .shop-list-sort-button.is-active,
html body .shell.shell-home .shop-list-view-button.is-active {
  border-bottom-color: var(--hashop-feed-accent) !important;
  color: var(--hashop-feed-accent) !important;
  -webkit-text-fill-color: var(--hashop-feed-accent) !important;
}

html body .shell.shell-home .shop-list-sort-button::after,
html body .shell.shell-home .shop-list-view-button::after {
  content: none !important;
  display: none !important;
}

html body .shell.shell-home .shop-list-panel .shop-list-grid > .shop-card,
html body .shell.shell-home .shop-list-panel .shop-list-grid > .shop-discovery-card,
html body .shell.shell-home .shop-list-panel .shop-list-grid > .shop-item-discovery-card,
html body .shell.shell-home .shop-list-panel .shop-list-grid[data-list-view="list"] > .shop-card,
html body .shell.shell-home .shop-list-panel .shop-list-grid[data-list-view="list"] > .shop-discovery-card,
html body .shell.shell-home .shop-list-panel .shop-list-grid[data-list-view="list"] > .shop-item-discovery-card,
html body .shell.shell-home .shop-list-panel .shop-list-grid[data-list-view="feed"] > .shop-card,
html body .shell.shell-home .shop-list-panel .shop-list-grid[data-list-view="feed"] > .shop-discovery-card,
html body .shell.shell-home .shop-list-panel .shop-list-grid[data-list-view="feed"] > .shop-item-discovery-card,
html body .shell.shell-home .shop-list-panel .shop-list-grid[data-list-view="tile"] > .shop-card,
html body .shell.shell-home .shop-list-panel .shop-list-grid[data-list-view="tile"] > .shop-discovery-card,
html body .shell.shell-home .shop-list-panel .shop-list-grid[data-list-view="tile"] > .shop-item-discovery-card {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 2.55rem minmax(0, 1fr) !important;
  align-items: start !important;
  gap: 0.82rem !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  min-height: var(--hashop-touch-min) !important;
  margin: 0 !important;
  padding: 0.76rem 0 0.8rem !important;
  border: 0 !important;
  border-bottom: 1px solid var(--hashop-feed-line) !important;
  border-radius: 0 !important;
  background: #fff !important;
  background-color: #fff !important;
  background-image: none !important;
  box-shadow: none !important;
  overflow: hidden !important;
  color: #111 !important;
  -webkit-text-fill-color: #111 !important;
}

html body .shell.shell-home .shop-list-panel .shop-list-grid > .shop-card::before,
html body .shell.shell-home .shop-list-panel .shop-list-grid > .shop-discovery-card::before,
html body .shell.shell-home .shop-list-panel .shop-list-grid > .shop-item-discovery-card::before,
html body .shell.shell-home .shop-list-panel .shop-list-grid > .shop-card::after,
html body .shell.shell-home .shop-list-panel .shop-list-grid > .shop-discovery-card::after,
html body .shell.shell-home .shop-list-panel .shop-list-grid > .shop-item-discovery-card::after {
  content: none !important;
  display: none !important;
}

html body .shell.shell-home .shop-list-grid .shop-card-thumb,
html body .shell.shell-home .shop-list-grid[data-list-view] .shop-card-thumb {
  align-self: start !important;
  width: 2.35rem !important;
  height: 2.35rem !important;
  min-width: 2.35rem !important;
  min-height: 2.35rem !important;
  max-width: 2.35rem !important;
  margin: 0.04rem 0 0 !important;
  border: 1px solid rgba(141, 123, 74, 0.24) !important;
  border-radius: 6px !important;
  background: #fbfbfb !important;
  background-image: none !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

html body .shell.shell-home .shop-list-grid .shop-card-thumb img,
html body .shell.shell-home .shop-list-grid .shop-card-thumb span {
  display: grid !important;
  place-items: center !important;
  width: 100% !important;
  height: 100% !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  color: var(--hashop-feed-accent) !important;
  -webkit-text-fill-color: var(--hashop-feed-accent) !important;
  object-fit: cover !important;
  font-weight: 900 !important;
}

html body .shell.shell-home .shop-list-grid .shop-card-main,
html body .shell.shell-home .shop-list-grid .shop-card-topline,
html body .shell.shell-home .shop-list-grid .shop-card-title-block,
html body .shell.shell-home .shop-list-grid .shop-card-items {
  min-width: 0 !important;
  max-width: 100% !important;
}

html body .shell.shell-home .shop-list-grid .shop-card-main {
  display: grid !important;
  gap: 0.24rem !important;
}

html body .shell.shell-home .shop-list-grid .shop-card-topline {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: start !important;
  gap: 0.7rem !important;
}

html body .shell.shell-home .shop-list-grid .shop-card-title-block strong {
  display: block !important;
  max-width: 100% !important;
  overflow: hidden !important;
  color: #111 !important;
  -webkit-text-fill-color: #111 !important;
  font-size: 0.94rem !important;
  font-weight: 850 !important;
  line-height: 1.24 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body .shell.shell-home .shop-list-grid .shop-card-subtitle {
  display: block !important;
  max-width: 100% !important;
  margin-top: 0.06rem !important;
  overflow: hidden !important;
  color: var(--hashop-feed-muted) !important;
  -webkit-text-fill-color: var(--hashop-feed-muted) !important;
  font-size: 0.76rem !important;
  line-height: 1.28 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body .shell.shell-home .shop-list-grid .shop-card-open,
html body .shell.shell-home .shop-list-grid .shop-card-add,
html body .shell.shell-home .shop-list-grid .shop-item-qty-chip {
  min-width: 2.45rem !important;
  max-width: 5.7rem !important;
  min-height: 1.86rem !important;
  padding: 0 !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(141, 123, 74, 0.34) !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  color: var(--hashop-feed-accent) !important;
  -webkit-text-fill-color: var(--hashop-feed-accent) !important;
  box-shadow: none !important;
  font-size: 0.74rem !important;
  font-weight: 850 !important;
  line-height: 1.1 !important;
  text-align: right !important;
  white-space: nowrap !important;
}

html body .shell.shell-home .shop-list-grid .shop-card-items {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 0.38rem !important;
  overflow: hidden !important;
}

html body .shell.shell-home .shop-list-grid .shop-card-item {
  min-width: 0 !important;
  max-width: 9rem !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  color: var(--hashop-feed-muted) !important;
  -webkit-text-fill-color: var(--hashop-feed-muted) !important;
  font-size: 0.72rem !important;
  line-height: 1.25 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body .shell.shell-home .shop-list-grid .shop-card-item + .shop-card-item::before {
  content: "/" !important;
  margin-right: 0.38rem !important;
  color: rgba(0, 0, 0, 0.3) !important;
  -webkit-text-fill-color: rgba(0, 0, 0, 0.3) !important;
}

html body .shell.shell-home[data-hashop-screen="account"] .shop-panel-bar {
  pointer-events: none !important;
}

html body .shell.shell-home[data-hashop-screen="account"] .shop-account-back-row {
  position: sticky !important;
  top: 0 !important;
  z-index: 8 !important;
  display: grid !important;
  grid-template-columns: 2rem minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 0.68rem !important;
  min-height: 3rem !important;
  margin: 0 !important;
  padding: 0.5rem 0 !important;
  border: 0 !important;
  border-bottom: 1px solid var(--hashop-feed-line) !important;
  border-radius: 0 !important;
  background: #fff !important;
  background-image: none !important;
  color: #111 !important;
  -webkit-text-fill-color: #111 !important;
  box-shadow: none !important;
}

html body .shell.shell-home .shop-account-profile-card,
html body .shell.shell-home .shop-account-location-card,
html body .shell.shell-home .shop-account-menu-card,
html body .shell.shell-home .shop-account-menu-row,
html body .shell.shell-home .shop-account-record-row,
html body .shell.shell-home .shop-account-form-card,
html body .shell.shell-home .shop-account-state-body,
html body .shell.shell-home .shop-account-section,
html body .shell.shell-home .shop-login-form {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #fff !important;
  background-color: #fff !important;
  background-image: none !important;
  color: #111 !important;
  -webkit-text-fill-color: #111 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

html body .shell.shell-home .shop-account-menu-card,
html body .shell.shell-home .shop-account-form-card,
html body .shell.shell-home .shop-account-section {
  border-top: 1px solid var(--hashop-feed-line) !important;
}

html body .shell.shell-home .shop-account-profile-card,
html body .shell.shell-home .shop-account-location-card,
html body .shell.shell-home .shop-account-menu-row,
html body .shell.shell-home .shop-account-record-row {
  display: grid !important;
  grid-template-columns: 2rem minmax(0, 1fr) auto auto !important;
  align-items: center !important;
  gap: 0.72rem !important;
  min-height: 3.28rem !important;
  padding: 0.72rem 0 !important;
  border-bottom: 1px solid var(--hashop-feed-line) !important;
}

html body .shell.shell-home .shop-account-menu-icon,
html body .shell.shell-home .shop-account-avatar {
  width: 1.82rem !important;
  height: 1.82rem !important;
  border: 1px solid rgba(141, 123, 74, 0.28) !important;
  border-radius: 6px !important;
  background: #fff !important;
  background-image: none !important;
  color: var(--hashop-feed-accent) !important;
  -webkit-text-fill-color: var(--hashop-feed-accent) !important;
  box-shadow: none !important;
}

html body .shell.shell-home .shop-account-menu-copy,
html body .shell.shell-home .shop-account-profile-copy {
  min-width: 0 !important;
  max-width: 100% !important;
}

html body .shell.shell-home .shop-account-menu-copy strong,
html body .shell.shell-home .shop-account-profile-copy strong {
  display: block !important;
  overflow: hidden !important;
  color: #111 !important;
  -webkit-text-fill-color: #111 !important;
  font-size: 0.92rem !important;
  line-height: 1.22 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body .shell.shell-home .shop-account-menu-copy span,
html body .shell.shell-home .shop-account-profile-copy span,
html body .shell.shell-home .shop-account-menu-meta,
html body .shell.shell-home .shop-account-note {
  overflow: hidden !important;
  color: var(--hashop-feed-muted) !important;
  -webkit-text-fill-color: var(--hashop-feed-muted) !important;
  font-size: 0.74rem !important;
  line-height: 1.28 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body .shell.shell-home .shop-account-menu-label {
  margin: 0.9rem 0 0.32rem !important;
  color: var(--hashop-feed-muted) !important;
  -webkit-text-fill-color: var(--hashop-feed-muted) !important;
  font-size: 0.68rem !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}

html body .shell.shell-home .shop-account-actions,
html body .shell.shell-home .shop-account-form-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.72rem !important;
  padding-top: 0.82rem !important;
}

html body .shell.shell-home .shop-owner-save,
html body .shell.shell-home .shop-owner-chip-button,
html body .shell.shell-home .shop-account-mini-button,
html body .shell.shell-home .shop-login-submit,
html body .shell.shell-home .shop-empty-cart-action,
html body .shell.shell-home .shop-empty-items-action,
html body .shell.shell-home .shop-state-action {
  min-height: 2.35rem !important;
  padding: 0.22rem 0 !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(141, 123, 74, 0.38) !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  color: #111 !important;
  -webkit-text-fill-color: #111 !important;
  box-shadow: none !important;
  font-weight: 850 !important;
}

html body .shell.shell-home .shop-owner-chip-button.is-danger,
html body .shell.shell-home .shop-account-mini-button.is-danger,
html body .shell.shell-home .shop-account-menu-row.is-danger {
  color: #9c3434 !important;
  -webkit-text-fill-color: #9c3434 !important;
  border-bottom-color: rgba(156, 52, 52, 0.36) !important;
}

html body .shell.shell-home .shop-login-field,
html body .shell.shell-home .shop-account-field {
  display: grid !important;
  gap: 0.36rem !important;
  margin: 0 !important;
  padding: 0.62rem 0 !important;
  border: 0 !important;
  border-bottom: 1px solid var(--hashop-feed-line) !important;
}

html body .shell.shell-home .shop-login-input,
html body .shell.shell-home .shop-account-textarea {
  min-height: 2.35rem !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #fff !important;
  background-image: none !important;
  color: #111 !important;
  -webkit-text-fill-color: #111 !important;
  box-shadow: none !important;
}

html body .shell.shell-home .home-bottom-nav {
  min-height: 3.38rem !important;
  border-top: 1px solid var(--hashop-feed-line) !important;
  background: #fff !important;
  background-image: none !important;
}

html body .shell.shell-home .home-bottom-nav .home-bottom-link {
  min-width: 0 !important;
  border: 0 !important;
  border-top: 1px solid transparent !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #111 !important;
  -webkit-text-fill-color: #111 !important;
}

html body .shell.shell-home .home-bottom-nav .home-bottom-link.is-active {
  border-top-color: var(--hashop-feed-accent) !important;
  color: var(--hashop-feed-accent) !important;
  -webkit-text-fill-color: var(--hashop-feed-accent) !important;
}

html body .shell.shell-home .shop-list-grid {
  padding-bottom: calc(5.6rem + env(safe-area-inset-bottom, 0px)) !important;
  scroll-padding-bottom: calc(5.6rem + env(safe-area-inset-bottom, 0px)) !important;
}

html body .shell.shell-home[data-hashop-screen="account"] .shop-list-grid {
  padding-bottom: calc(6.2rem + env(safe-area-inset-bottom, 0px)) !important;
}

html body .shell.shell-home .shop-account-menu-row,
html body .shell.shell-home .shop-account-link-row,
html body .shell.shell-home .shop-account-mini-button,
html body .shell.shell-home .shop-owner-save,
html body .shell.shell-home .shop-owner-chip-button {
  touch-action: manipulation !important;
}

html body .shell.shell-home button.shop-account-menu-row[data-account-menu] > *,
html body .shell.shell-home button.shop-account-menu-row[data-account-open-shop] > *,
html body .shell.shell-home a.shop-account-link-row > * {
  pointer-events: none !important;
}

/* Iteration 073: detail surfaces and map fallback visibility. */
html body .shell.shell-home .map-screen,
html body .shell.shell-home .discovery-map,
html body .shell.shell-home .leaflet-container {
  background-color: #f4f3ee !important;
  background-image:
    linear-gradient(23deg, transparent 0 42%, rgba(0, 0, 0, 0.10) 42.4% 43.1%, transparent 43.5% 100%),
    linear-gradient(148deg, transparent 0 49%, rgba(141, 123, 74, 0.18) 49.3% 50.1%, transparent 50.5% 100%),
    linear-gradient(90deg, rgba(0, 0, 0, 0.045) 1px, transparent 1px),
    linear-gradient(0deg, rgba(0, 0, 0, 0.04) 1px, transparent 1px) !important;
  background-size: 18rem 13rem, 22rem 16rem, 4rem 4rem, 4rem 4rem !important;
}

html body .shell.shell-home .leaflet-map-pane,
html body .shell.shell-home .leaflet-pane {
  background: transparent !important;
  background-image: none !important;
}

html body .shell.shell-home .shop-list-search-input::placeholder,
html body .shell.shell-home input::placeholder,
html body .shell.shell-home textarea::placeholder {
  color: rgba(0, 0, 0, 0.44) !important;
  -webkit-text-fill-color: rgba(0, 0, 0, 0.44) !important;
  opacity: 1 !important;
}

html body .shell.shell-home .shop-pane-detail,
html body .shell.shell-home .shop-pane-hero,
html body .shell.shell-home .shop-pane-copy-row,
html body .shell.shell-home .shop-pane-items {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  border-radius: 0 !important;
  background: #fff !important;
  background-color: #fff !important;
  background-image: none !important;
  color: #111 !important;
  -webkit-text-fill-color: #111 !important;
  box-shadow: none !important;
}

html body .shell.shell-home .shop-pane-detail {
  gap: 0 !important;
  padding: 0 !important;
  overflow-x: hidden !important;
}

html body .shell.shell-home .shop-pane-hero {
  display: grid !important;
  gap: 0.58rem !important;
  min-height: 0 !important;
  padding: 0.86rem 0 !important;
  border: 0 !important;
  border-bottom: 1px solid var(--hashop-feed-line) !important;
}

html body .shell.shell-home .shop-pane-copy-row {
  grid-template-columns: 2.55rem minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 0.72rem !important;
  padding: 0 !important;
}

html body .shell.shell-home .shop-pane-copy-mark {
  width: 2.35rem !important;
  height: 2.35rem !important;
  border: 1px solid rgba(141, 123, 74, 0.28) !important;
  border-radius: 6px !important;
  background: #fff !important;
  background-color: #fff !important;
  background-image: none !important;
  box-shadow: none !important;
}

html body .shell.shell-home .shop-pane-copy-mark::before {
  background: var(--hashop-feed-accent) !important;
  opacity: 0.96 !important;
}

html body .shell.shell-home .shop-pane-copy-mark::after {
  background: transparent !important;
  background-image: none !important;
}

html body .shell.shell-home .shop-pane-copy,
html body .shell.shell-home .shop-pane-copy h2,
html body .shell.shell-home .shop-pane-copy p {
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  color: #111 !important;
  -webkit-text-fill-color: #111 !important;
  text-overflow: ellipsis !important;
}

html body .shell.shell-home .shop-pane-copy h2 {
  margin: 0 !important;
  font-size: 1.02rem !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
}

html body .shell.shell-home .shop-pane-copy p {
  margin: 0.16rem 0 0 !important;
  color: var(--hashop-feed-muted) !important;
  -webkit-text-fill-color: var(--hashop-feed-muted) !important;
  font-size: 0.76rem !important;
  line-height: 1.25 !important;
  white-space: nowrap !important;
}

html body .shell.shell-home .shop-pane-kicker,
html body .shell.shell-home .shop-pane-chip,
html body .shell.shell-home .shop-pane-distance {
  min-width: 0 !important;
  color: var(--hashop-feed-accent) !important;
  -webkit-text-fill-color: var(--hashop-feed-accent) !important;
}

html body .shell.shell-home .shop-card-open {
  max-width: 3.8rem !important;
  overflow: hidden !important;
  text-align: right !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body .shell.shell-home .shop-list-grid > .shop-card,
html body .shell.shell-home .shop-list-grid > .shop-discovery-card,
html body .shell.shell-home .shop-list-grid > .shop-item-discovery-card {
  box-sizing: border-box !important;
}

html body .shell.shell-home .shop-list-panel.is-shop-view .shop-pane-detail,
html body .shell.shell-home .shop-list-panel.is-shop-view .shop-pane-hero,
html body .shell.shell-home .shop-list-panel.is-shop-view .shop-pane-copy-row {
  border-radius: 0 !important;
}

html body .shell.shell-home .shop-list-grid,
html body .shell.shell-home .shop-list-grid[data-list-view],
html body .shell.shell-home .shop-list-grid[data-list-view="feed"],
html body .shell.shell-home .shop-list-grid[data-list-view="list"],
html body .shell.shell-home .shop-list-grid[data-list-view="tile"] {
  width: auto !important;
}

html body .shell.shell-home .shop-list-panel.is-shop-view .shop-back-action {
  color: var(--hashop-feed-accent) !important;
  -webkit-text-fill-color: var(--hashop-feed-accent) !important;
  opacity: 1 !important;
}

html body .shell.shell-home.is-pane-focused .home-chrome {
  opacity: 1 !important;
  pointer-events: auto !important;
  transform: none !important;
}

html body .shell.shell-home .home-brand-name,
html body .shell.shell-home.is-pane-focused .home-brand-name {
  color: #111 !important;
  -webkit-text-fill-color: #111 !important;
}

/* Iteration 074: production correction for feed/list controls, active nav line, and stable marks. */
html body .shell.shell-home .shop-list-panel,
html body .shell.shell-home .shop-list-grid,
html body .shell.shell-home .shop-list-grid[data-list-view],
html body .shell.shell-home .shop-list-grid[data-list-view="feed"],
html body .shell.shell-home .shop-list-grid[data-list-view="list"],
html body .shell.shell-home .shop-list-grid[data-list-view="tile"] {
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin-inline: 0 !important;
  padding-inline: 0 !important;
  overflow-x: hidden !important;
}

html body .shell.shell-home .shop-list-grid > .shop-list-sortbar,
html body .shell.shell-home .shop-list-grid > .shop-list-viewbar,
html body .shell.shell-home .shop-list-grid > .shop-list-sortbar.shop-list-viewbar {
  position: sticky !important;
  top: 0 !important;
  z-index: 6 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  justify-content: stretch !important;
  column-gap: 0.72rem !important;
  row-gap: 0.32rem !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  min-height: 2.58rem !important;
  padding: 0.4rem 0 !important;
  border: 0 !important;
  border-bottom: 1px solid var(--hashop-feed-line) !important;
  border-radius: 0 !important;
  background: #fff !important;
  background-image: none !important;
  box-shadow: none !important;
}

html body .shell.shell-home .shop-list-grid > .shop-list-sortbar:not(.shop-list-viewbar) {
  grid-template-rows: auto auto !important;
  min-height: 4.56rem !important;
}

html body .shell.shell-home .shop-list-grid > .shop-list-sortbar .shop-list-sort-count,
html body .shell.shell-home .shop-list-grid > .shop-list-viewbar .shop-list-sort-count {
  grid-column: 1 !important;
  grid-row: 1 !important;
  justify-self: start !important;
  min-width: 0 !important;
  overflow: hidden !important;
  color: var(--hashop-feed-muted) !important;
  -webkit-text-fill-color: var(--hashop-feed-muted) !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body .shell.shell-home .shop-list-grid > .shop-list-sortbar .shop-list-view-actions,
html body .shell.shell-home .shop-list-grid > .shop-list-viewbar .shop-list-view-actions {
  grid-column: 2 !important;
  grid-row: 1 !important;
  justify-self: end !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 0.82rem !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: visible !important;
}

html body .shell.shell-home .shop-list-grid > .shop-list-sortbar .shop-list-sort-actions {
  grid-column: 1 / -1 !important;
  grid-row: 2 !important;
  justify-self: stretch !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 0.82rem !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow-x: auto !important;
  scrollbar-width: none !important;
}

html body .shell.shell-home .shop-list-grid > .shop-list-sortbar .shop-list-sort-actions::-webkit-scrollbar {
  display: none !important;
}

html body .shell.shell-home .shop-list-sort-button,
html body .shell.shell-home .shop-list-view-button,
html body .shell.shell-home .shop-list-sort-button.is-active,
html body .shell.shell-home .shop-list-view-button.is-active {
  min-width: 0 !important;
  min-height: 2rem !important;
  padding: 0 !important;
  border: 0 !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
  border-radius: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  white-space: nowrap !important;
}

html body .shell.shell-home .shop-list-sort-button,
html body .shell.shell-home .shop-list-view-button {
  color: var(--hashop-feed-muted) !important;
  -webkit-text-fill-color: var(--hashop-feed-muted) !important;
  font-weight: 780 !important;
}

html body .shell.shell-home .shop-list-sort-button.is-active,
html body .shell.shell-home .shop-list-view-button.is-active {
  color: var(--hashop-feed-accent) !important;
  -webkit-text-fill-color: var(--hashop-feed-accent) !important;
  font-weight: 900 !important;
}

html body .shell.shell-home .shop-list-sort-button::before,
html body .shell.shell-home .shop-list-sort-button::after,
html body .shell.shell-home .shop-list-view-button::before,
html body .shell.shell-home .shop-list-view-button::after {
  content: none !important;
  display: none !important;
}

html body .shell.shell-home .home-bottom-nav .home-bottom-link,
html body .shell.shell-home .home-bottom-nav .home-bottom-link.is-active,
html body .shell.shell-home[data-hashop-screen] .home-bottom-nav .home-bottom-link.is-active,
html body .shell.shell-home .shop-list-panel .home-bottom-nav .home-bottom-link.is-active {
  border: 0 !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

html body .shell.shell-home .home-bottom-nav .home-bottom-link::before,
html body .shell.shell-home .home-bottom-nav .home-bottom-link::after,
html body .shell.shell-home .home-bottom-nav .home-bottom-link.is-active::before,
html body .shell.shell-home .home-bottom-nav .home-bottom-link.is-active::after {
  content: none !important;
  display: none !important;
}

html body .shell.shell-home .home-bottom-nav .home-bottom-link.is-active {
  color: var(--hashop-feed-accent) !important;
  -webkit-text-fill-color: var(--hashop-feed-accent) !important;
  font-weight: 900 !important;
}

html body .shell.shell-home .home-bottom-nav .home-bottom-link .home-bottom-link-icon,
html body .shell.shell-home .home-bottom-nav .home-bottom-link svg.home-bottom-link-icon,
html body .shell.shell-home .home-bottom-nav .home-bottom-link.is-active .home-bottom-link-icon,
html body .shell.shell-home .home-bottom-nav .home-bottom-link.is-active svg.home-bottom-link-icon {
  display: inline-grid !important;
  place-items: center !important;
  flex: 0 0 auto !important;
  width: 1.16rem !important;
  height: 1.16rem !important;
  min-width: 1.16rem !important;
  min-height: 1.16rem !important;
  opacity: 1 !important;
  visibility: visible !important;
  color: currentColor !important;
  -webkit-text-fill-color: currentColor !important;
  stroke: currentColor !important;
  fill: none !important;
  background: transparent !important;
  background-image: none !important;
}

html body .shell.shell-home .shop-account-menu-icon,
html body .shell.shell-home .shop-account-avatar,
html body .shell.shell-home .shop-card-thumb,
html body .shell.shell-home .shop-pane-copy-mark,
html body .shell.shell-home .shop-pane-item-mark {
  flex: 0 0 auto !important;
  display: grid !important;
  place-items: center !important;
  border: 1px solid rgba(141, 123, 74, 0.26) !important;
  background: #fff !important;
  background-image: none !important;
  color: var(--hashop-feed-accent) !important;
  -webkit-text-fill-color: var(--hashop-feed-accent) !important;
  box-shadow: none !important;
  opacity: 1 !important;
  visibility: visible !important;
}

html body .shell.shell-home .shop-list-grid .shop-card-topline,
html body .shell.shell-home .shop-list-grid[data-list-view] .shop-card-topline {
  grid-template-columns: minmax(0, 1fr) minmax(2.3rem, auto) !important;
}

html body .shell.shell-home .shop-list-grid .shop-card-open,
html body .shell.shell-home .shop-list-grid .shop-card-add,
html body .shell.shell-home .shop-list-grid .shop-item-qty-chip {
  justify-self: end !important;
  overflow: hidden !important;
  max-width: 4.6rem !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body .shell.shell-home .shop-list-panel > .shop-list-grid,
html body .shell.shell-home[data-hashop-screen] .shop-list-panel[data-pane-mode] > .shop-list-grid {
  left: 0.7rem !important;
  right: 0.7rem !important;
  width: auto !important;
  max-width: none !important;
}

html body .shell.shell-home[data-hashop-screen] .shop-list-panel[data-pane-mode] .home-bottom-nav button.home-bottom-link[data-home-nav],
html body .shell.shell-home[data-hashop-screen] .shop-list-panel[data-pane-mode] .home-bottom-nav button.home-bottom-link[data-home-nav].is-active,
html body .shell.shell-home[data-hashop-screen="account"] .shop-list-panel[data-pane-mode="account"] .home-bottom-nav button.home-bottom-link[data-home-nav].is-active,
html body .shell.shell-home[data-hashop-screen="cart"] .shop-list-panel[data-pane-mode="cart"] .home-bottom-nav button.home-bottom-link[data-home-nav].is-active,
html body .shell.shell-home .shop-list-panel .home-bottom-nav button.home-bottom-link[data-home-nav],
html body .shell.shell-home .shop-list-panel .home-bottom-nav button.home-bottom-link[data-home-nav].is-active {
  border: 0 !important;
  border-top: 0 !important;
  border-top-width: 0 !important;
  border-bottom: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  background-image: none !important;
}

/* Iteration 075: restore state-bar symbols after the transparent icon regression. */
html body .shell.shell-home .home-bottom-nav button.home-bottom-link > span.home-bottom-link-icon,
html body .shell.shell-home .home-bottom-nav button.home-bottom-link.is-active > span.home-bottom-link-icon,
html body .shell.shell-home[data-hashop-screen] .shop-list-panel[data-pane-mode] .home-bottom-nav button.home-bottom-link[data-home-nav] > span.home-bottom-link-icon,
html body .shell.shell-home[data-hashop-screen] .shop-list-panel[data-pane-mode] .home-bottom-nav button.home-bottom-link[data-home-nav].is-active > span.home-bottom-link-icon {
  display: block !important;
  width: 1.16rem !important;
  height: 1.16rem !important;
  min-width: 1.16rem !important;
  min-height: 1.16rem !important;
  border: 0 !important;
  border-radius: 0 !important;
  opacity: 1 !important;
  visibility: visible !important;
  background: currentColor !important;
  background-color: currentColor !important;
  background-image: none !important;
  box-shadow: none !important;
  color: currentColor !important;
  -webkit-text-fill-color: currentColor !important;
  -webkit-mask-repeat: no-repeat !important;
  mask-repeat: no-repeat !important;
  -webkit-mask-position: center !important;
  mask-position: center !important;
  -webkit-mask-size: contain !important;
  mask-size: contain !important;
}

html body .shell.shell-home .home-bottom-nav button.home-bottom-link > span.home-bottom-link-icon.is-shops {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%2024%2024%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20fill%3D%27%23000%27%20d%3D%27M4%2010h16l-1.2-5.2A1%201%200%200%200%2017.82%204H6.18a1%201%200%200%200-.98.8L4%2010Zm1%202v7a1%201%200%200%200%201%201h4v-5h4v5h4a1%201%200%200%200%201-1v-7h-3v3h-3v-3h-2v3H8v-3H5Z%27/%3E%3C/svg%3E") !important;
  mask-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%2024%2024%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20fill%3D%27%23000%27%20d%3D%27M4%2010h16l-1.2-5.2A1%201%200%200%200%2017.82%204H6.18a1%201%200%200%200-.98.8L4%2010Zm1%202v7a1%201%200%200%200%201%201h4v-5h4v5h4a1%201%200%200%200%201-1v-7h-3v3h-3v-3h-2v3H8v-3H5Z%27/%3E%3C/svg%3E") !important;
}

html body .shell.shell-home .home-bottom-nav button.home-bottom-link > span.home-bottom-link-icon.is-items {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%2024%2024%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20fill%3D%27%23000%27%20d%3D%27M5%205a2%202%200%200%201%202-2h10a2%202%200%200%201%202%202v14a2%202%200%200%201-2%202H7a2%202%200%200%201-2-2V5Zm3%203h8V6H8v2Zm0%205h8v-2H8v2Zm0%205h6v-2H8v2Z%27/%3E%3C/svg%3E") !important;
  mask-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%2024%2024%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20fill%3D%27%23000%27%20d%3D%27M5%205a2%202%200%200%201%202-2h10a2%202%200%200%201%202%202v14a2%202%200%200%201-2%202H7a2%202%200%200%201-2-2V5Zm3%203h8V6H8v2Zm0%205h8v-2H8v2Zm0%205h6v-2H8v2Z%27/%3E%3C/svg%3E") !important;
}

html body .shell.shell-home .home-bottom-nav button.home-bottom-link > span.home-bottom-link-icon.is-cart {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%2024%2024%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20fill%3D%27%23000%27%20d%3D%27M4%204h2.4l1.1%2011.1A2%202%200%200%200%209.5%2017h7.8a2%202%200%200%200%201.9-1.38L21%208H8.2L8%206H4V4Zm6%2016a1.7%201.7%200%201%200%200-3.4A1.7%201.7%200%200%200%2010%2020Zm7%200a1.7%201.7%200%201%200%200-3.4A1.7%201.7%200%200%200%2017%2020Z%27/%3E%3C/svg%3E") !important;
  mask-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%2024%2024%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20fill%3D%27%23000%27%20d%3D%27M4%204h2.4l1.1%2011.1A2%202%200%200%200%209.5%2017h7.8a2%202%200%200%200%201.9-1.38L21%208H8.2L8%206H4V4Zm6%2016a1.7%201.7%200%201%200%200-3.4A1.7%201.7%200%200%200%2010%2020Zm7%200a1.7%201.7%200%201%200%200-3.4A1.7%201.7%200%200%200%2017%2020Z%27/%3E%3C/svg%3E") !important;
}

html body .shell.shell-home .home-bottom-nav button.home-bottom-link > span.home-bottom-link-icon.is-orders {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%2024%2024%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20fill%3D%27%23000%27%20d%3D%27M6%203h12a1%201%200%200%201%201%201v16l-3-1.5-2%201-2-1-2%201-2-1L5%2020V4a1%201%200%200%201%201-1Zm3%205h6V6H9v2Zm0%204h8v-2H9v2Zm0%204h8v-2H9v2Z%27/%3E%3C/svg%3E") !important;
  mask-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%2024%2024%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20fill%3D%27%23000%27%20d%3D%27M6%203h12a1%201%200%200%201%201%201v16l-3-1.5-2%201-2-1-2%201-2-1L5%2020V4a1%201%200%200%201%201-1Zm3%205h6V6H9v2Zm0%204h8v-2H9v2Zm0%204h8v-2H9v2Z%27/%3E%3C/svg%3E") !important;
}

html body .shell.shell-home .home-bottom-nav button.home-bottom-link > span.home-bottom-link-icon.is-account {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%2024%2024%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20fill%3D%27%23000%27%20d%3D%27M12%2012a4%204%200%201%200%200-8%204%204%200%200%200%200%208Zm0%202c-4.2%200-7%202.1-7%205v1h14v-1c0-2.9-2.8-5-7-5Z%27/%3E%3C/svg%3E") !important;
  mask-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%2024%2024%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20fill%3D%27%23000%27%20d%3D%27M12%2012a4%204%200%201%200%200-8%204%204%200%200%200%200%208Zm0%202c-4.2%200-7%202.1-7%205v1h14v-1c0-2.9-2.8-5-7-5Z%27/%3E%3C/svg%3E") !important;
}

/* Iteration 076: Etsy-style feed cards where the item/shop profile leads. */
html body .shell.shell-home .shop-list-grid[data-list-view="feed"] {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(min(10.75rem, 100%), 1fr)) !important;
  align-content: start !important;
  align-items: start !important;
  gap: 1.08rem 0.9rem !important;
  padding-top: 0.72rem !important;
  padding-bottom: calc(6rem + env(safe-area-inset-bottom, 0px)) !important;
  background: #fff !important;
  background-image: none !important;
}

html body .shell.shell-home .shop-list-grid[data-list-view="feed"] > .shop-list-sortbar,
html body .shell.shell-home .shop-list-grid[data-list-view="feed"] > .shop-list-viewbar {
  grid-column: 1 / -1 !important;
  margin-bottom: 0.12rem !important;
}

html body .shell.shell-home .shop-list-panel .shop-list-grid[data-list-view="feed"] > .shop-card,
html body .shell.shell-home .shop-list-panel .shop-list-grid[data-list-view="feed"] > .shop-discovery-card,
html body .shell.shell-home .shop-list-panel .shop-list-grid[data-list-view="feed"] > .shop-item-discovery-card {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: auto auto !important;
  align-items: start !important;
  gap: 0.5rem !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 0 0.72rem !important;
  border: 0 !important;
  border-bottom: 0 !important;
  border-radius: 0 !important;
  background: #fff !important;
  background-color: #fff !important;
  background-image: none !important;
  box-shadow: none !important;
  overflow: visible !important;
  color: #111 !important;
  -webkit-text-fill-color: #111 !important;
}

html body .shell.shell-home .shop-list-panel .shop-list-grid[data-list-view="feed"] > .shop-card::before,
html body .shell.shell-home .shop-list-panel .shop-list-grid[data-list-view="feed"] > .shop-discovery-card::before,
html body .shell.shell-home .shop-list-panel .shop-list-grid[data-list-view="feed"] > .shop-item-discovery-card::before,
html body .shell.shell-home .shop-list-panel .shop-list-grid[data-list-view="feed"] > .shop-card::after,
html body .shell.shell-home .shop-list-panel .shop-list-grid[data-list-view="feed"] > .shop-discovery-card::after,
html body .shell.shell-home .shop-list-panel .shop-list-grid[data-list-view="feed"] > .shop-item-discovery-card::after {
  content: none !important;
  display: none !important;
}

html body .shell.shell-home .shop-list-grid[data-list-view="feed"] .shop-card-thumb {
  grid-column: 1 !important;
  grid-row: 1 !important;
  align-self: stretch !important;
  justify-self: stretch !important;
  display: grid !important;
  place-items: center !important;
  width: 100% !important;
  height: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: 100% !important;
  max-height: none !important;
  aspect-ratio: 4 / 3 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 7px !important;
  background: #f4f4f1 !important;
  background-color: #f4f4f1 !important;
  background-image: none !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

html body .shell.shell-home .shop-list-grid[data-list-view="feed"] .shop-card-thumb img,
html body .shell.shell-home .shop-list-grid[data-list-view="feed"] .shop-card-thumb span {
  display: grid !important;
  place-items: center !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  object-fit: cover !important;
  color: var(--hashop-feed-accent) !important;
  -webkit-text-fill-color: var(--hashop-feed-accent) !important;
  font-size: clamp(1.45rem, 8vw, 2.4rem) !important;
  font-weight: 900 !important;
}

html body .shell.shell-home .shop-list-grid[data-list-view="feed"] .shop-card-main {
  grid-column: 1 !important;
  grid-row: 2 !important;
  display: grid !important;
  gap: 0.22rem !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: visible !important;
}

html body .shell.shell-home .shop-list-grid[data-list-view="feed"] .shop-card-topline {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: start !important;
  gap: 0.42rem !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

html body .shell.shell-home .shop-list-grid[data-list-view="feed"] .shop-card-title-block {
  display: grid !important;
  gap: 0.1rem !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

html body .shell.shell-home .shop-list-grid[data-list-view="feed"] .shop-card-title-block strong {
  display: -webkit-box !important;
  max-width: 100% !important;
  overflow: hidden !important;
  color: #171717 !important;
  -webkit-text-fill-color: #171717 !important;
  font-size: 0.92rem !important;
  font-weight: 850 !important;
  line-height: 1.18 !important;
  text-overflow: ellipsis !important;
  white-space: normal !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
}

html body .shell.shell-home .shop-list-grid[data-list-view="feed"] .shop-card-subtitle {
  display: block !important;
  max-width: 100% !important;
  overflow: hidden !important;
  color: #666 !important;
  -webkit-text-fill-color: #666 !important;
  font-size: 0.74rem !important;
  line-height: 1.2 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body .shell.shell-home .shop-list-grid[data-list-view="feed"] .shop-card-open,
html body .shell.shell-home .shop-list-grid[data-list-view="feed"] .shop-card-add,
html body .shell.shell-home .shop-list-grid[data-list-view="feed"] .shop-item-qty-chip {
  justify-self: end !important;
  align-self: start !important;
  min-width: 0 !important;
  max-width: 4.4rem !important;
  min-height: 1.25rem !important;
  padding: 0 !important;
  border: 0 !important;
  border-bottom: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  color: var(--hashop-feed-accent) !important;
  -webkit-text-fill-color: var(--hashop-feed-accent) !important;
  font-size: 0.72rem !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
  overflow: hidden !important;
  text-align: right !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body .shell.shell-home .shop-list-grid[data-list-view="feed"] .shop-card-items {
  display: grid !important;
  gap: 0.1rem !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
}

html body .shell.shell-home .shop-list-grid[data-list-view="feed"] .shop-card-item {
  display: block !important;
  min-width: 0 !important;
  max-width: 100% !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  color: #5f5f5f !important;
  -webkit-text-fill-color: #5f5f5f !important;
  font-size: 0.74rem !important;
  line-height: 1.2 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body .shell.shell-home .shop-list-grid[data-list-view="feed"] .shop-card-item:first-child {
  color: #171717 !important;
  -webkit-text-fill-color: #171717 !important;
  font-size: 0.88rem !important;
  font-weight: 850 !important;
}

html body .shell.shell-home .shop-list-grid[data-list-view="feed"] .shop-card-item + .shop-card-item::before {
  content: none !important;
  display: none !important;
}

html body .shell.shell-home .shop-list-grid[data-list-view="feed"] .shop-item-discovery-card .shop-card-item:first-child {
  font-size: 0.92rem !important;
}

html body .shell.shell-home .shop-list-grid[data-list-view="list"] > .shop-card,
html body .shell.shell-home .shop-list-grid[data-list-view="list"] > .shop-discovery-card,
html body .shell.shell-home .shop-list-grid[data-list-view="list"] > .shop-item-discovery-card {
  grid-template-columns: 2.55rem minmax(0, 1fr) !important;
  gap: 0.82rem !important;
}

/* Iteration 078: mask the sheet head so listings cannot peek above search. */
html body .shell.shell-home .shop-list-panel.is-root-view::before,
html body .shell.shell-home .shop-list-panel[data-pane-mode="home"]::before,
html body .shell.shell-home .shop-list-panel[data-pane-mode="search"]::before,
html body .shell.shell-home .shop-list-panel[data-pane-mode="contact"]::before,
html body .shell.shell-home .shop-list-panel[data-pane-mode="shop"]::before,
html body .shell.shell-home .shop-list-panel[data-pane-mode="cart"]::before,
html body .shell.shell-home .shop-list-panel[data-pane-mode="owner-orders"]::before,
html body .shell.shell-home .shop-list-panel[data-pane-mode="owner-items"]::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  inset-inline: 0 !important;
  top: 0 !important;
  height: calc(var(--hashop-sheet-top, 0.28rem) + var(--hashop-search-h, 2.68rem) + var(--hashop-row-gap, 0.46rem) + 1px) !important;
  z-index: 24 !important;
  pointer-events: none !important;
  background: #fff !important;
  background-color: #fff !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

html body .shell.shell-home .shop-list-panel .shop-list-head,
html body .shell.shell-home .shop-list-panel[data-pane-mode] .shop-list-head {
  z-index: 32 !important;
  background: #fff !important;
  background-color: #fff !important;
  background-image: none !important;
  isolation: isolate !important;
}

html body .shell.shell-home .shop-list-panel .shop-list-grid,
html body .shell.shell-home .shop-list-panel[data-pane-mode] .shop-list-grid {
  z-index: 1 !important;
}

/* Iteration 079: keep every app page centered inside the shell. */
html,
body {
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
}

html body .shell.shell-home,
html body .shell.shell-home * {
  box-sizing: border-box !important;
}

html body .shell.shell-home {
  width: 100% !important;
  max-width: 100vw !important;
  min-width: 0 !important;
  margin-right: auto !important;
  margin-left: auto !important;
  overflow-x: hidden !important;
}

html body .shell.shell-home .home-stage {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  justify-self: center !important;
  margin-right: auto !important;
  margin-left: auto !important;
  overflow-x: hidden !important;
}

html body .shell.shell-home .shop-list-panel {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  justify-self: center !important;
  margin-right: auto !important;
  margin-left: auto !important;
  transform: translate3d(0, var(--pane-drag-offset, 0px), 0) !important;
}

html body .shell.shell-home .shop-list-head,
html body .shell.shell-home .shop-list-search,
html body .shell.shell-home .shop-list-search-input,
html body .shell.shell-home .shop-list-grid,
html body .shell.shell-home .home-bottom-nav,
html body .shell.shell-home .shop-pane-detail,
html body .shell.shell-home .shop-account-stack,
html body .shell.shell-home .shop-owner-order-list,
html body .shell.shell-home .shop-account-menu-card,
html body .shell.shell-home .shop-owner-bar,
html body .shell.shell-home .shop-owner-actions {
  max-width: 100% !important;
  min-width: 0 !important;
}

html body .shell.shell-home .home-bottom-nav {
  left: var(--hashop-sheet-x, 0.56rem) !important;
  right: var(--hashop-sheet-x, 0.56rem) !important;
  width: auto !important;
}

html body .shell.shell-home .shop-list-grid > *,
html body .shell.shell-home .shop-account-stack > *,
html body .shell.shell-home .shop-owner-order-list > * {
  max-width: 100% !important;
  min-width: 0 !important;
}

@supports (overflow: clip) {
  html,
  body,
  html body .shell.shell-home,
  html body .shell.shell-home .home-stage {
    overflow-x: clip !important;
  }
}

@media (min-width: 900px) {
  html body .shell.shell-home .home-stage {
    max-width: min(100%, 86rem) !important;
  }
}

/* Iteration 080: strict frame contract for centered panes and covered filters. */
html body .shell.shell-home {
  contain: layout paint !important;
}

html body .shell.shell-home .shop-list-panel,
html body .shell.shell-home .shop-list-panel[data-pane-mode],
html body .shell.shell-home .shop-list-panel.is-root-view,
html body .shell.shell-home .shop-list-panel.is-shop-view {
  --hashop-sheet-x: clamp(0.52rem, 2.8vw, 0.78rem);
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  left: auto !important;
  right: auto !important;
  margin-inline: auto !important;
  overflow: hidden !important;
  transform: translate3d(0, var(--pane-drag-offset, 0px), 0) !important;
}

html body .shell.shell-home .shop-list-panel > .shop-list-head,
html body .shell.shell-home .shop-list-panel > .shop-list-grid,
html body .shell.shell-home .shop-list-panel > .home-bottom-nav {
  left: var(--hashop-sheet-x) !important;
  right: var(--hashop-sheet-x) !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  margin-inline: 0 !important;
  transform: translateX(0) !important;
}

html body .shell.shell-home .shop-list-panel > .shop-list-grid {
  background: #fff !important;
  background-color: #fff !important;
  background-image: none !important;
  isolation: isolate !important;
  overflow-x: hidden !important;
}

html body .shell.shell-home .shop-list-panel > .shop-list-grid > .shop-list-sortbar,
html body .shell.shell-home .shop-list-panel > .shop-list-grid > .shop-list-viewbar {
  position: sticky !important;
  top: 0 !important;
  z-index: 18 !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 0 0.48rem !important;
  background: #fff !important;
  background-color: #fff !important;
  background-image: none !important;
  box-shadow: 0 -0.65rem 0 #fff, 0 0.5rem 0 #fff !important;
  overflow: hidden !important;
}

html body .shell.shell-home .shop-list-panel > .shop-list-grid > .shop-list-sortbar::before,
html body .shell.shell-home .shop-list-panel > .shop-list-grid > .shop-list-viewbar::before {
  content: "" !important;
  position: absolute !important;
  inset: -0.7rem -0.06rem -0.5rem !important;
  z-index: -1 !important;
  background: #fff !important;
  pointer-events: none !important;
}

html body .shell.shell-home .shop-list-panel .shop-list-sort-actions,
html body .shell.shell-home .shop-list-panel .shop-list-view-actions {
  max-width: 100% !important;
  min-width: 0 !important;
}

html body .shell.shell-home .shop-list-panel .shop-list-grid > .shop-card,
html body .shell.shell-home .shop-list-panel .shop-list-grid > .shop-discovery-card,
html body .shell.shell-home .shop-list-panel .shop-list-grid > .shop-item-discovery-card,
html body .shell.shell-home .shop-list-panel .shop-pane-detail,
html body .shell.shell-home .shop-list-panel .shop-account-stack,
html body .shell.shell-home .shop-list-panel .shop-owner-stack,
html body .shell.shell-home .shop-list-panel .shop-login-form {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin-inline: 0 !important;
  transform: translateX(0) !important;
  overflow-x: hidden !important;
}

html body .shell.shell-home .home-bottom-nav {
  overflow: hidden !important;
}

/* Iteration 081: Account width, owner toggle, and Hashop-native media controls. */
html body .shell.shell-home[data-hashop-screen="account"] .shop-list-panel,
html body .shell.shell-home .shop-list-panel[data-pane-mode="account"] {
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
}

html body .shell.shell-home[data-hashop-screen="account"] .shop-list-panel > .shop-list-grid,
html body .shell.shell-home .shop-list-panel[data-pane-mode="account"] > .shop-list-grid {
  left: var(--hashop-sheet-x) !important;
  right: var(--hashop-sheet-x) !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  overflow-x: hidden !important;
}

html body .shell.shell-home[data-hashop-screen="account"] .shop-pane-detail,
html body .shell.shell-home[data-hashop-screen="account"] .shop-account-stack,
html body .shell.shell-home[data-hashop-screen="account"] .shop-account-stack > *,
html body .shell.shell-home .shop-list-panel[data-pane-mode="account"] .shop-pane-detail,
html body .shell.shell-home .shop-list-panel[data-pane-mode="account"] .shop-account-stack,
html body .shell.shell-home .shop-list-panel[data-pane-mode="account"] .shop-account-stack > * {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin-inline: 0 !important;
  overflow-x: hidden !important;
}

html body .shell.shell-home .shop-list-panel .shop-list-grid > .shop-pane-detail,
html body .shell.shell-home .shop-list-panel .shop-list-grid > .shop-account-stack,
html body .shell.shell-home .shop-list-panel .shop-list-grid > .shop-owner-stack,
html body .shell.shell-home .shop-list-panel .shop-list-grid > .shop-login-form {
  grid-column: 1 / -1 !important;
  justify-self: stretch !important;
  align-self: stretch !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

html body .shell.shell-home[data-hashop-screen="account"] .shop-account-profile-card,
html body .shell.shell-home[data-hashop-screen="account"] .shop-account-location-card,
html body .shell.shell-home[data-hashop-screen="account"] .shop-account-menu-row,
html body .shell.shell-home[data-hashop-screen="account"] .shop-account-record-row,
html body .shell.shell-home .shop-list-panel[data-pane-mode="account"] .shop-account-profile-card,
html body .shell.shell-home .shop-list-panel[data-pane-mode="account"] .shop-account-location-card,
html body .shell.shell-home .shop-list-panel[data-pane-mode="account"] .shop-account-menu-row,
html body .shell.shell-home .shop-list-panel[data-pane-mode="account"] .shop-account-record-row {
  grid-template-columns: 1.92rem minmax(0, 1fr) minmax(0, auto) !important;
  gap: 0.62rem !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
}

html body .shell.shell-home[data-hashop-screen="account"] .shop-account-profile-card .shop-account-menu-arrow,
html body .shell.shell-home[data-hashop-screen="account"] .shop-account-location-card .shop-account-menu-arrow,
html body .shell.shell-home[data-hashop-screen="account"] .shop-account-menu-row .shop-account-menu-arrow,
html body .shell.shell-home .shop-list-panel[data-pane-mode="account"] .shop-account-menu-arrow {
  display: none !important;
}

html body .shell.shell-home[data-hashop-screen="account"] .shop-account-menu-copy,
html body .shell.shell-home[data-hashop-screen="account"] .shop-account-profile-copy,
html body .shell.shell-home .shop-list-panel[data-pane-mode="account"] .shop-account-menu-copy,
html body .shell.shell-home .shop-list-panel[data-pane-mode="account"] .shop-account-profile-copy {
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
}

html body .shell.shell-home[data-hashop-screen="account"] .shop-account-menu-meta,
html body .shell.shell-home .shop-list-panel[data-pane-mode="account"] .shop-account-menu-meta {
  max-width: 4.8rem !important;
  justify-self: end !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body .shell.shell-home[data-hashop-screen="account"] .shop-account-inline-actions,
html body .shell.shell-home .shop-list-panel[data-pane-mode="account"] .shop-account-inline-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: flex-end !important;
  gap: 0.42rem !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

html body .shell.shell-home[data-hashop-screen="account"] .shop-account-record-row:has(.shop-account-inline-actions),
html body .shell.shell-home .shop-list-panel[data-pane-mode="account"] .shop-account-record-row:has(.shop-account-inline-actions) {
  grid-template-columns: 1.92rem minmax(0, 1fr) !important;
}

html body .shell.shell-home[data-hashop-screen="account"] .shop-account-record-row .shop-account-inline-actions,
html body .shell.shell-home .shop-list-panel[data-pane-mode="account"] .shop-account-record-row .shop-account-inline-actions {
  grid-column: 2 / -1 !important;
  justify-self: stretch !important;
  justify-content: flex-start !important;
}

html body .shell.shell-home .shop-account-manage-toggle,
html body .shell.shell-home .shop-owner-manage-toggle {
  position: relative !important;
  padding-right: 2.76rem !important;
}

html body .shell.shell-home .shop-account-manage-toggle::after,
html body .shell.shell-home .shop-owner-manage-toggle::after {
  content: "" !important;
  position: absolute !important;
  right: 0 !important;
  top: 50% !important;
  width: 2.12rem !important;
  height: 1.12rem !important;
  border: 1px solid rgba(141, 123, 74, 0.5) !important;
  background: #fff !important;
  transform: translateY(-50%) !important;
}

html body .shell.shell-home .shop-account-manage-toggle::before,
html body .shell.shell-home .shop-owner-manage-toggle::before {
  content: "" !important;
  position: absolute !important;
  right: 1.22rem !important;
  top: 50% !important;
  z-index: 1 !important;
  width: 0.72rem !important;
  height: 0.72rem !important;
  background: var(--hashop-feed-accent) !important;
  transform: translateY(-50%) !important;
}

html body .shell.shell-home .shop-account-manage-toggle.is-on::before,
html body .shell.shell-home .shop-owner-manage-toggle[aria-pressed="true"]::before {
  right: 0.22rem !important;
}

html body .shell.shell-home .shop-account-toggle-mark {
  position: relative !important;
  display: inline-block !important;
  justify-self: end !important;
  width: 2.12rem !important;
  height: 1.12rem !important;
  border: 1px solid rgba(141, 123, 74, 0.5) !important;
  background: #fff !important;
  overflow: hidden !important;
}

html body .shell.shell-home .shop-account-toggle-mark > span {
  position: absolute !important;
  left: 0.2rem !important;
  top: 50% !important;
  width: 0.72rem !important;
  height: 0.72rem !important;
  background: var(--hashop-feed-accent) !important;
  transform: translateY(-50%) !important;
}

html body .shell.shell-home .shop-account-toggle-mark.is-on > span {
  left: 1.18rem !important;
}

html body .shell.shell-home .shop-account-media-field,
html body .shell.shell-home .shop-owner-media-field {
  display: grid !important;
  grid-template-columns: 2.7rem minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 0.72rem !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  padding: 0.62rem 0 !important;
  border-bottom: 1px solid var(--hashop-feed-line) !important;
  overflow: hidden !important;
}

html body .shell.shell-home .shop-account-media-copy {
  min-width: 0 !important;
  overflow: hidden !important;
}

html body .shell.shell-home .shop-account-media-copy strong,
html body .shell.shell-home .shop-account-media-copy span {
  display: block !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body .shell.shell-home .shop-account-avatar img,
html body .shell.shell-home .shop-owner-logo-image,
html body .shell.shell-home .shop-owner-item-preview-image,
html body .shell.shell-home .shop-pane-logo-image,
html body .shell.shell-home .shop-pane-item-image,
html body .shell.shell-home .shop-cart-image {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}

html body .shell.shell-home .shop-owner-upload-button,
html body .shell.shell-home .shop-account-upload-button {
  min-width: 0 !important;
  white-space: nowrap !important;
}

@media (max-width: 420px) {
  html body .shell.shell-home .shop-account-media-field,
  html body .shell.shell-home .shop-owner-media-field {
    grid-template-columns: 2.55rem minmax(0, 1fr) !important;
  }

  html body .shell.shell-home .shop-account-media-field .shop-owner-upload-button,
  html body .shell.shell-home .shop-owner-media-field .shop-owner-upload-button {
    grid-column: 2 / -1 !important;
    justify-self: start !important;
  }
}

/* Iteration 082: vendor state scroll contract, toggle motion, and cart polish. */
html body .shell.shell-home .shop-account-manage-toggle::after,
html body .shell.shell-home .shop-owner-manage-toggle::after,
html body .shell.shell-home .shop-account-toggle-mark {
  transition:
    background-color 180ms ease,
    border-color 180ms ease,
    box-shadow 180ms ease !important;
}

html body .shell.shell-home .shop-account-manage-toggle::before,
html body .shell.shell-home .shop-owner-manage-toggle::before {
  transition:
    right 190ms cubic-bezier(0.2, 0.8, 0.2, 1),
    transform 190ms cubic-bezier(0.2, 0.8, 0.2, 1),
    background-color 180ms ease !important;
}

html body .shell.shell-home .shop-account-toggle-mark > span {
  transition:
    left 190ms cubic-bezier(0.2, 0.8, 0.2, 1),
    transform 190ms cubic-bezier(0.2, 0.8, 0.2, 1),
    background-color 180ms ease !important;
}

html body .shell.shell-home .shop-account-manage-toggle.is-on::after,
html body .shell.shell-home .shop-owner-manage-toggle[aria-pressed="true"]::after,
html body .shell.shell-home .shop-account-toggle-mark.is-on {
  border-color: rgba(141, 123, 74, 0.72) !important;
  background: rgba(141, 123, 74, 0.08) !important;
}

html body .shell.shell-home.is-pane-focused[data-hashop-screen^="owner-"] .home-stage {
  grid-template-rows: clamp(5.6rem, 14dvh, 7rem) minmax(0, 1fr) !important;
}

html body .shell.shell-home.is-pane-focused[data-hashop-screen^="owner-"] .map-screen {
  min-height: 0 !important;
}

html body .shell.shell-home[data-hashop-screen^="owner-"] .shop-list-grid,
html body .shell.shell-home[data-hashop-screen="cart"] .shop-list-grid,
html body .shell.shell-home[data-hashop-screen="confirmation"] .shop-list-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-auto-rows: max-content !important;
  align-content: start !important;
  justify-items: stretch !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  padding-bottom: calc(5.75rem + env(safe-area-inset-bottom, 0px)) !important;
  scroll-padding-bottom: calc(6.05rem + env(safe-area-inset-bottom, 0px)) !important;
}

html body .shell.shell-home[data-hashop-screen^="owner-"] .shop-pane-detail,
html body .shell.shell-home[data-hashop-screen^="owner-"] .shop-owner-stack,
html body .shell.shell-home[data-hashop-screen="cart"] .shop-pane-detail,
html body .shell.shell-home[data-hashop-screen="cart"] .shop-pane-cart-screen,
html body .shell.shell-home[data-hashop-screen="confirmation"] .shop-pane-detail,
html body .shell.shell-home[data-hashop-screen="confirmation"] .shop-pane-confirm-screen {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: max-content !important;
  min-height: max-content !important;
  max-height: none !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-auto-rows: max-content !important;
  align-content: start !important;
  gap: 0.72rem !important;
  overflow: visible !important;
}

html body .shell.shell-home[data-hashop-screen^="owner-"] .shop-owner-form,
html body .shell.shell-home[data-hashop-screen^="owner-"] .shop-owner-summary-card,
html body .shell.shell-home[data-hashop-screen^="owner-"] .shop-owner-item-editor,
html body .shell.shell-home[data-hashop-screen^="owner-"] .shop-owner-item-list,
html body .shell.shell-home[data-hashop-screen^="owner-"] .shop-owner-order-list,
html body .shell.shell-home[data-hashop-screen^="owner-"] .shop-owner-item-picker,
html body .shell.shell-home[data-hashop-screen^="owner-"] .shop-owner-draft-list,
html body .shell.shell-home[data-hashop-screen^="owner-"] .shop-owner-library-grid,
html body .shell.shell-home[data-hashop-screen="cart"] .shop-pane-cart,
html body .shell.shell-home[data-hashop-screen="cart"] .shop-pane-cart-items,
html body .shell.shell-home[data-hashop-screen="cart"] .shop-pane-cart-mode,
html body .shell.shell-home[data-hashop-screen="confirmation"] .shop-pane-cart,
html body .shell.shell-home[data-hashop-screen="confirmation"] .shop-pane-cart-items {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  box-sizing: border-box !important;
}

html body .shell.shell-home[data-hashop-screen^="owner-"] .shop-owner-form {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-auto-rows: max-content !important;
  align-content: start !important;
  gap: 0.74rem !important;
  margin: 0 !important;
  padding: 0.82rem 0 !important;
  border: 0 !important;
  border-bottom: 1px solid var(--hashop-feed-line) !important;
  border-radius: 0 !important;
  background: #fff !important;
  background-image: none !important;
  box-shadow: none !important;
}

html body .shell.shell-home[data-hashop-screen^="owner-"] .shop-owner-form-head {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 0.68rem !important;
  min-height: 2.25rem !important;
  max-height: none !important;
  margin: 0 !important;
  overflow: visible !important;
}

html body .shell.shell-home[data-hashop-screen^="owner-"] .shop-owner-form-head strong,
html body .shell.shell-home[data-hashop-screen^="owner-"] .shop-owner-form-head span {
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body .shell.shell-home[data-hashop-screen^="owner-"] .shop-owner-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 0.68rem !important;
  width: 100% !important;
  min-width: 0 !important;
}

html body .shell.shell-home[data-hashop-screen^="owner-"] .shop-owner-field,
html body .shell.shell-home[data-hashop-screen^="owner-"] .shop-owner-field-wide {
  min-width: 0 !important;
  max-width: 100% !important;
  display: grid !important;
  gap: 0.34rem !important;
  padding: 0.12rem 0 0.48rem !important;
  border: 0 !important;
  border-bottom: 1px solid var(--hashop-feed-line) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body .shell.shell-home[data-hashop-screen^="owner-"] .shop-owner-field-wide {
  grid-column: 1 / -1 !important;
}

html body .shell.shell-home[data-hashop-screen^="owner-"] .shop-owner-input,
html body .shell.shell-home[data-hashop-screen^="owner-"] .shop-owner-textarea {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  min-height: 2.28rem !important;
  padding: 0.18rem 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #fff !important;
  background-image: none !important;
  color: #111 !important;
  -webkit-text-fill-color: #111 !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

html body .shell.shell-home[data-hashop-screen^="owner-"] .shop-owner-textarea {
  min-height: 4.35rem !important;
  resize: vertical !important;
}

html body .shell.shell-home[data-hashop-screen^="owner-"] .shop-owner-item-select,
html body .shell.shell-home[data-hashop-screen^="owner-"] .shop-owner-order-card,
html body .shell.shell-home[data-hashop-screen^="owner-"] .shop-owner-item-card,
html body .shell.shell-home[data-hashop-screen^="owner-"] .shop-owner-draft-card,
html body .shell.shell-home[data-hashop-screen^="owner-"] .shop-owner-library-card,
html body .shell.shell-home[data-hashop-screen="cart"] .shop-cart-row,
html body .shell.shell-home[data-hashop-screen="confirmation"] .shop-cart-row {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0.76rem 0 !important;
  border: 0 !important;
  border-bottom: 1px solid var(--hashop-feed-line) !important;
  border-radius: 0 !important;
  background: #fff !important;
  background-image: none !important;
  color: #111 !important;
  -webkit-text-fill-color: #111 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

html body .shell.shell-home[data-hashop-screen^="owner-"] .shop-owner-item-select-row,
html body .shell.shell-home[data-hashop-screen^="owner-"] .shop-owner-order-head,
html body .shell.shell-home[data-hashop-screen^="owner-"] .shop-owner-draft-head {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 0.72rem !important;
  width: 100% !important;
  min-width: 0 !important;
}

html body .shell.shell-home[data-hashop-screen^="owner-"] .shop-owner-item-select-row {
  grid-template-columns: 2.45rem minmax(0, 1fr) auto !important;
}

html body .shell.shell-home[data-hashop-screen^="owner-"] .shop-owner-item-select-copy,
html body .shell.shell-home[data-hashop-screen^="owner-"] .shop-owner-order-head strong,
html body .shell.shell-home[data-hashop-screen^="owner-"] .shop-owner-order-meta,
html body .shell.shell-home[data-hashop-screen^="owner-"] .shop-owner-draft-copy,
html body .shell.shell-home[data-hashop-screen^="owner-"] .shop-owner-library-copy,
html body .shell.shell-home[data-hashop-screen="cart"] .shop-cart-copy,
html body .shell.shell-home[data-hashop-screen="confirmation"] .shop-cart-copy {
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
}

html body .shell.shell-home[data-hashop-screen^="owner-"] .shop-owner-order-meta,
html body .shell.shell-home[data-hashop-screen^="owner-"] .shop-owner-order-card p {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 0.56rem !important;
  margin: 0.28rem 0 0 !important;
}

html body .shell.shell-home[data-hashop-screen^="owner-"] .shop-owner-order-meta span,
html body .shell.shell-home[data-hashop-screen^="owner-"] .shop-owner-order-card p,
html body .shell.shell-home[data-hashop-screen="cart"] .shop-cart-copy span,
html body .shell.shell-home[data-hashop-screen="confirmation"] .shop-cart-copy span {
  overflow-wrap: anywhere !important;
  white-space: normal !important;
}

html body .shell.shell-home[data-hashop-screen^="owner-"] .shop-owner-action-row,
html body .shell.shell-home[data-hashop-screen^="owner-"] .shop-owner-item-actions,
html body .shell.shell-home[data-hashop-screen^="owner-"] .shop-owner-order-actions,
html body .shell.shell-home[data-hashop-screen="cart"] .shop-cart-actions,
html body .shell.shell-home[data-hashop-screen="confirmation"] .shop-pane-confirm-actions,
html body .shell.shell-home[data-hashop-screen="confirmation"] .shop-cart-confirm-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 0.56rem !important;
  width: 100% !important;
  min-width: 0 !important;
}

html body .shell.shell-home[data-hashop-screen^="owner-"] .shop-owner-action-row > button,
html body .shell.shell-home[data-hashop-screen^="owner-"] .shop-owner-item-actions > button,
html body .shell.shell-home[data-hashop-screen^="owner-"] .shop-owner-order-actions > button,
html body .shell.shell-home[data-hashop-screen="cart"] .shop-cart-actions > button,
html body .shell.shell-home[data-hashop-screen="confirmation"] .shop-pane-confirm-actions > button,
html body .shell.shell-home[data-hashop-screen="confirmation"] .shop-cart-confirm-actions > button {
  flex: 1 1 8.5rem !important;
  min-width: 0 !important;
}

html body .shell.shell-home .shop-empty-cart-card,
html body .shell.shell-home[data-hashop-screen] .shop-empty-cart-card,
html body .shell.shell-home .shop-list-panel .shop-empty-cart-card {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  justify-items: center !important;
  gap: 0.8rem !important;
  width: min(100%, 24rem) !important;
  max-width: 24rem !important;
  min-height: 15.25rem !important;
  margin: 0.24rem auto 0 !important;
  padding: 1.05rem 0.72rem 1.25rem !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #fff !important;
  background-image: none !important;
  color: #111 !important;
  -webkit-text-fill-color: #111 !important;
  box-shadow: none !important;
  text-align: center !important;
  overflow: visible !important;
}

html body .shell.shell-home .shop-empty-cart-code,
html body .shell.shell-home .shop-empty-cart-line {
  display: none !important;
}

html body .shell.shell-home .shop-empty-cart-visual,
html body .shell.shell-home[data-hashop-screen] .shop-empty-cart-visual {
  position: relative !important;
  display: block !important;
  width: 7.4rem !important;
  height: 6.8rem !important;
  min-width: 7.4rem !important;
  min-height: 6.8rem !important;
  margin: 0 !important;
  overflow: visible !important;
}

html body .shell.shell-home .shop-empty-cart-buddy,
html body .shell.shell-home .shop-empty-cart-buddy::before,
html body .shell.shell-home .shop-empty-cart-buddy::after,
html body .shell.shell-home .shop-empty-cart-buddy-eye,
html body .shell.shell-home .shop-empty-cart-buddy-smile,
html body .shell.shell-home .shop-empty-cart-basket,
html body .shell.shell-home .shop-empty-cart-basket::before,
html body .shell.shell-home .shop-empty-cart-basket::after,
html body .shell.shell-home .shop-empty-cart-basket-rib,
html body .shell.shell-home .shop-empty-cart-basket > span {
  display: block !important;
}

html body .shell.shell-home .shop-empty-cart-buddy {
  position: absolute !important;
  left: 50% !important;
  top: 0.52rem !important;
  z-index: 2 !important;
  width: 2.9rem !important;
  height: 2.5rem !important;
  transform: translateX(-50%) !important;
  border: 1px solid rgba(141, 123, 74, 0.55) !important;
  border-radius: 7px 7px 9px 9px !important;
  background: #fff !important;
  box-shadow: 0 0.42rem 1rem rgba(0, 0, 0, 0.05) !important;
}

html body .shell.shell-home .shop-empty-cart-buddy::before {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: -0.46rem !important;
  width: 1rem !important;
  height: 0.56rem !important;
  transform: translateX(-50%) !important;
  border: 1px solid rgba(141, 123, 74, 0.55) !important;
  border-bottom: 0 !important;
  border-radius: 999px 999px 0 0 !important;
  background: transparent !important;
}

html body .shell.shell-home .shop-empty-cart-buddy::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  bottom: -0.16rem !important;
  width: 0.64rem !important;
  height: 0.24rem !important;
  transform: translateX(-50%) !important;
  border: 1px solid rgba(141, 123, 74, 0.42) !important;
  border-top: 0 !important;
  border-radius: 0 0 5px 5px !important;
  background: #fff !important;
}

html body .shell.shell-home .shop-empty-cart-buddy-eye {
  position: absolute !important;
  top: 0.78rem !important;
  width: 0.28rem !important;
  height: 0.28rem !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #111 !important;
}

html body .shell.shell-home .shop-empty-cart-buddy-eye:first-child {
  left: 0.72rem !important;
}

html body .shell.shell-home .shop-empty-cart-buddy-eye:nth-child(2) {
  right: 0.72rem !important;
}

html body .shell.shell-home .shop-empty-cart-buddy-smile {
  position: absolute !important;
  left: 50% !important;
  top: 1.28rem !important;
  width: 0.95rem !important;
  height: 0.46rem !important;
  transform: translateX(-50%) !important;
  border: 0 !important;
  border-bottom: 2px solid #111 !important;
  border-radius: 0 0 999px 999px !important;
  background: transparent !important;
}

html body .shell.shell-home .shop-empty-cart-basket {
  position: absolute !important;
  left: 50% !important;
  bottom: 0.54rem !important;
  z-index: 1 !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 0.28rem !important;
  width: 5.6rem !important;
  height: 2.55rem !important;
  padding: 0.68rem 0.54rem 0.36rem !important;
  transform: translateX(-50%) !important;
  border: 1px solid rgba(141, 123, 74, 0.38) !important;
  border-top: 0 !important;
  border-radius: 0 0 7px 7px !important;
  background: rgba(141, 123, 74, 0.045) !important;
  box-shadow: none !important;
}

html body .shell.shell-home .shop-empty-cart-basket::before {
  content: "" !important;
  position: absolute !important;
  top: -0.74rem !important;
  left: 0.66rem !important;
  right: 0.66rem !important;
  height: 1.24rem !important;
  border: 1px solid rgba(141, 123, 74, 0.38) !important;
  border-bottom: 0 !important;
  border-radius: 999px 999px 0 0 !important;
  background: transparent !important;
}

html body .shell.shell-home .shop-empty-cart-basket::after {
  content: "" !important;
  position: absolute !important;
  left: -0.36rem !important;
  right: -0.36rem !important;
  bottom: -0.46rem !important;
  height: 0.2rem !important;
  border-radius: 999px !important;
  background: rgba(0, 0, 0, 0.08) !important;
}

html body .shell.shell-home .shop-empty-cart-basket-rib,
html body .shell.shell-home .shop-empty-cart-basket > span {
  height: 100% !important;
  border-radius: 999px !important;
  background: rgba(141, 123, 74, 0.2) !important;
}

html body .shell.shell-home .shop-empty-cart-copy {
  display: grid !important;
  gap: 0.32rem !important;
  max-width: 18rem !important;
  justify-items: center !important;
}

html body .shell.shell-home .shop-empty-cart-copy strong {
  color: #111 !important;
  -webkit-text-fill-color: #111 !important;
  font-size: 1.02rem !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
}

html body .shell.shell-home .shop-empty-cart-copy p {
  max-width: 16.6rem !important;
  margin: 0 !important;
  color: #666 !important;
  -webkit-text-fill-color: #666 !important;
  font-size: 0.82rem !important;
  font-weight: 650 !important;
  line-height: 1.42 !important;
}

html body .shell.shell-home .shop-empty-cart-actions {
  display: flex !important;
  justify-content: center !important;
  width: 100% !important;
  margin: 0 !important;
}

html body .shell.shell-home .shop-empty-cart-action,
html body .shell.shell-home[data-hashop-screen] .shop-empty-cart-action,
html body .shell.shell-home .shop-empty-cart-action::before,
html body .shell.shell-home .shop-empty-cart-action::after {
  border: 0 !important;
  border-radius: 0 !important;
  background-image: none !important;
  box-shadow: none !important;
}

html body .shell.shell-home .shop-empty-cart-action,
html body .shell.shell-home[data-hashop-screen] .shop-empty-cart-action {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 8.2rem !important;
  min-height: 2.42rem !important;
  padding: 0 1rem !important;
  background: #111 !important;
  background-color: #111 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font-size: 0.84rem !important;
  font-weight: 880 !important;
  letter-spacing: 0 !important;
  line-height: 1.1 !important;
  transition:
    transform 160ms ease,
    background-color 160ms ease,
    color 160ms ease !important;
}

html body .shell.shell-home .shop-empty-cart-action:active {
  transform: translateY(1px) !important;
}

html body .shell.shell-home[data-hashop-screen="cart"] .shop-pane-cart-screen {
  padding-top: 0.1rem !important;
}

html body .shell.shell-home[data-hashop-screen="cart"] .shop-pane-cart {
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #fff !important;
}

@media (max-width: 560px) {
  html body .shell.shell-home[data-hashop-screen^="owner-"] .shop-owner-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html body .shell.shell-home[data-hashop-screen^="owner-"] .shop-owner-form-head,
  html body .shell.shell-home[data-hashop-screen^="owner-"] .shop-owner-item-select-row,
  html body .shell.shell-home[data-hashop-screen^="owner-"] .shop-owner-order-head,
  html body .shell.shell-home[data-hashop-screen^="owner-"] .shop-owner-draft-head {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html body .shell.shell-home[data-hashop-screen^="owner-"] .shop-owner-item-select-action {
    justify-self: start !important;
  }
}

/* Iteration 083: back action is one inline label, not stacked arrow + text. */
html body .shell.shell-home .shop-back-action,
html body .shell.shell-home .shop-list-panel .shop-back-action,
html body .shell.shell-home .shop-back-action.is-visible,
html body .shell.shell-home .shop-list-panel .shop-back-action.is-visible,
html body .shell.shell-home.is-pane-focused .shop-list-panel.is-shop-view .shop-back-action,
html body .shell.shell-home[data-hashop-concept="map-focus"] .shop-list-panel:not(.is-root-view) .shop-back-action {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.34rem !important;
  min-width: max-content !important;
  width: auto !important;
  white-space: nowrap !important;
  line-height: 1 !important;
  text-align: left !important;
}

/* Iteration 084: image insertion controls should feel native to Hashop forms. */
html body .shell.shell-home .shop-owner-file-input {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 0 !important;
  cursor: pointer !important;
}

html body .shell.shell-home .shop-owner-upload-button,
html body .shell.shell-home .shop-account-upload-button {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.48rem !important;
  width: auto !important;
  min-width: 7.35rem !important;
  max-width: 100% !important;
  min-height: 2.42rem !important;
  padding: 0 0.86rem !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #111 !important;
  background-color: #111 !important;
  background-image: none !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  box-shadow: none !important;
  font-size: 0.8rem !important;
  font-weight: 880 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  cursor: pointer !important;
  transition:
    transform 150ms ease,
    background-color 150ms ease,
    color 150ms ease !important;
}

html body .shell.shell-home .shop-owner-upload-button::before,
html body .shell.shell-home .shop-account-upload-button::before {
  content: "" !important;
  display: inline-block !important;
  width: 1rem !important;
  height: 1rem !important;
  flex: 0 0 auto !important;
  background: currentColor !important;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%2024%2024%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20fill%3D%27%23000%27%20d%3D%27M5%203h14a2%202%200%200%201%202%202v14a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2V5a2%202%200%200%201%202-2Zm0%202v10.6l3.5-3.5%202.9%202.9%204.4-5.4L21%2015.1V5H5Zm14%2014v-1.1l-3.1-3.5-4.3%205.3-3.1-3.1L5.1%2019H19ZM8%208.5A1.5%201.5%200%201%200%208%205.5a1.5%201.5%200%200%200%200%203Z%27/%3E%3C/svg%3E") !important;
  mask-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%2024%2024%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20fill%3D%27%23000%27%20d%3D%27M5%203h14a2%202%200%200%201%202%202v14a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2V5a2%202%200%200%201%202-2Zm0%202v10.6l3.5-3.5%202.9%202.9%204.4-5.4L21%2015.1V5H5Zm14%2014v-1.1l-3.1-3.5-4.3%205.3-3.1-3.1L5.1%2019H19ZM8%208.5A1.5%201.5%200%201%200%208%205.5a1.5%201.5%200%200%200%200%203Z%27/%3E%3C/svg%3E") !important;
  -webkit-mask-size: contain !important;
  mask-size: contain !important;
  -webkit-mask-repeat: no-repeat !important;
  mask-repeat: no-repeat !important;
  -webkit-mask-position: center !important;
  mask-position: center !important;
}

html body .shell.shell-home .shop-owner-upload-button > span,
html body .shell.shell-home .shop-account-upload-button > span {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body .shell.shell-home .shop-owner-upload-button:active,
html body .shell.shell-home .shop-account-upload-button:active {
  transform: translateY(1px) !important;
}

html body .shell.shell-home .shop-account-media-field,
html body .shell.shell-home .shop-owner-media-field,
html body .shell.shell-home .shop-owner-logo-row {
  display: grid !important;
  grid-template-columns: 3.2rem minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 0.72rem !important;
  width: 100% !important;
  min-width: 0 !important;
  padding: 0.72rem 0 !important;
  border: 0 !important;
  border-bottom: 1px solid var(--hashop-feed-line) !important;
  border-radius: 0 !important;
  background: #fff !important;
  background-image: none !important;
  box-shadow: none !important;
  overflow: visible !important;
}

html body .shell.shell-home .shop-account-media-copy,
html body .shell.shell-home .shop-owner-logo-copy {
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
}

html body .shell.shell-home .shop-account-media-copy strong,
html body .shell.shell-home .shop-account-media-copy span,
html body .shell.shell-home .shop-owner-logo-copy strong,
html body .shell.shell-home .shop-owner-logo-copy span {
  display: block !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body .shell.shell-home .shop-owner-logo-preview,
html body .shell.shell-home .shop-owner-logo-preview.is-logo,
html body .shell.shell-home .shop-account-avatar,
html body .shell.shell-home .shop-owner-item-preview,
html body .shell.shell-home .shop-owner-item-preview.is-image,
html body .shell.shell-home .shop-owner-item-gallery-thumb {
  position: relative !important;
  display: grid !important;
  place-items: center !important;
  width: 3rem !important;
  height: 3rem !important;
  min-width: 3rem !important;
  min-height: 3rem !important;
  padding: 0.22rem !important;
  border: 1px solid rgba(141, 123, 74, 0.28) !important;
  border-radius: 8px !important;
  background: #fbfbfb !important;
  background-image: none !important;
  color: var(--hashop-feed-accent) !important;
  -webkit-text-fill-color: var(--hashop-feed-accent) !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

html body .shell.shell-home .shop-owner-logo-preview::before,
html body .shell.shell-home .shop-owner-item-preview::before {
  content: "" !important;
  display: block !important;
  width: 1.12rem !important;
  height: 1.12rem !important;
  background: currentColor !important;
  opacity: 0.82 !important;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%2024%2024%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20fill%3D%27%23000%27%20d%3D%27M5%203h14a2%202%200%200%201%202%202v14a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2V5a2%202%200%200%201%202-2Zm0%202v11l3.5-3.5%202.6%202.6%204.2-5.1L19%2014.2V5H5Zm3%204a1.5%201.5%200%201%200%200-3%201.5%201.5%200%200%200%200%203Z%27/%3E%3C/svg%3E") !important;
  mask-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%2024%2024%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20fill%3D%27%23000%27%20d%3D%27M5%203h14a2%202%200%200%201%202%202v14a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2V5a2%202%200%200%201%202-2Zm0%202v11l3.5-3.5%202.6%202.6%204.2-5.1L19%2014.2V5H5Zm3%204a1.5%201.5%200%201%200%200-3%201.5%201.5%200%200%200%200%203Z%27/%3E%3C/svg%3E") !important;
  -webkit-mask-size: contain !important;
  mask-size: contain !important;
  -webkit-mask-repeat: no-repeat !important;
  mask-repeat: no-repeat !important;
  -webkit-mask-position: center !important;
  mask-position: center !important;
}

html body .shell.shell-home .shop-owner-logo-preview.is-logo::before,
html body .shell.shell-home .shop-owner-item-preview.is-image::before,
html body .shell.shell-home .shop-account-avatar:has(img)::before {
  content: none !important;
  display: none !important;
}

html body .shell.shell-home .shop-owner-logo-preview img,
html body .shell.shell-home .shop-owner-logo-image,
html body .shell.shell-home .shop-account-avatar img,
html body .shell.shell-home .shop-owner-item-preview img,
html body .shell.shell-home .shop-owner-item-preview-image,
html body .shell.shell-home .shop-owner-item-gallery-thumb img {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  display: block !important;
  object-fit: cover !important;
  object-position: center !important;
  border-radius: 6px !important;
}

html body .shell.shell-home .shop-owner-item-gallery {
  display: grid !important;
  grid-auto-flow: column !important;
  grid-auto-columns: 4.6rem !important;
  gap: 0.5rem !important;
  width: 100% !important;
  max-width: 100% !important;
  padding: 0.1rem 0 0.24rem !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scrollbar-width: none !important;
}

html body .shell.shell-home .shop-owner-item-gallery::-webkit-scrollbar {
  display: none !important;
}

html body .shell.shell-home .shop-owner-item-gallery-thumb {
  width: 4.6rem !important;
  height: 4.6rem !important;
  min-width: 4.6rem !important;
  min-height: 4.6rem !important;
}

html body .shell.shell-home .shop-owner-item-gallery-thumb.is-primary::after {
  content: "Main" !important;
  position: absolute !important;
  left: 0.25rem !important;
  bottom: 0.25rem !important;
  padding: 0.16rem 0.32rem !important;
  background: rgba(17, 17, 17, 0.84) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font-size: 0.56rem !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

html body .shell.shell-home .shop-owner-media-note {
  margin: 0 !important;
  padding: 0.62rem 0 !important;
  border: 0 !important;
  border-bottom: 1px solid var(--hashop-feed-line) !important;
  color: #666 !important;
  -webkit-text-fill-color: #666 !important;
  font-size: 0.78rem !important;
  font-weight: 720 !important;
  line-height: 1.35 !important;
}

@media (max-width: 520px) {
  html body .shell.shell-home .shop-account-media-field,
  html body .shell.shell-home .shop-owner-media-field,
  html body .shell.shell-home .shop-owner-logo-row {
    grid-template-columns: 3rem minmax(0, 1fr) !important;
  }

  html body .shell.shell-home .shop-account-media-field .shop-owner-upload-button,
  html body .shell.shell-home .shop-owner-media-field .shop-owner-upload-button,
  html body .shell.shell-home .shop-owner-logo-row .shop-owner-upload-button {
    grid-column: 2 / -1 !important;
    justify-self: start !important;
  }
}

/* Iteration 084B: owner shop actions stay readable on the white shop sheet. */
html body .shell.shell-home[data-hashop-screen="owner-shop"] .shop-owner-bar,
html body .shell.shell-home[data-hashop-screen="owner-add"] .shop-owner-bar,
html body .shell.shell-home .shop-list-panel[data-pane-mode="owner-shop"] .shop-owner-bar,
html body .shell.shell-home .shop-list-panel[data-pane-mode="owner-add"] .shop-owner-bar {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0.1rem 0 0.68rem !important;
  border: 0 !important;
  border-bottom: 1px solid var(--hashop-feed-line) !important;
  border-radius: 0 !important;
  background: #fff !important;
  background-color: #fff !important;
  background-image: none !important;
  color: #111 !important;
  -webkit-text-fill-color: #111 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

html body .shell.shell-home[data-hashop-screen="owner-shop"] .shop-owner-actions,
html body .shell.shell-home[data-hashop-screen="owner-add"] .shop-owner-actions,
html body .shell.shell-home .shop-list-panel[data-pane-mode="owner-shop"] .shop-owner-actions,
html body .shell.shell-home .shop-list-panel[data-pane-mode="owner-add"] .shop-owner-actions {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  align-items: stretch !important;
  gap: 0.5rem !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  background-image: none !important;
  color: #111 !important;
  -webkit-text-fill-color: #111 !important;
  box-shadow: none !important;
}

html body .shell.shell-home[data-hashop-screen="owner-shop"] .shop-owner-actions > button,
html body .shell.shell-home[data-hashop-screen="owner-add"] .shop-owner-actions > button,
html body .shell.shell-home .shop-list-panel[data-pane-mode="owner-shop"] .shop-owner-actions > button,
html body .shell.shell-home .shop-list-panel[data-pane-mode="owner-add"] .shop-owner-actions > button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 2.38rem !important;
  height: auto !important;
  padding: 0 0.72rem !important;
  border: 0 !important;
  border-bottom: 1px solid var(--hashop-feed-line) !important;
  border-radius: 0 !important;
  background: #fff !important;
  background-color: #fff !important;
  background-image: none !important;
  color: #111 !important;
  -webkit-text-fill-color: #111 !important;
  box-shadow: none !important;
  font-size: 0.8rem !important;
  font-weight: 880 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

html body .shell.shell-home[data-hashop-screen="owner-shop"] .shop-owner-actions > button:first-child,
html body .shell.shell-home[data-hashop-screen="owner-add"] .shop-owner-actions > button:first-child,
html body .shell.shell-home .shop-list-panel[data-pane-mode="owner-shop"] .shop-owner-actions > button:first-child,
html body .shell.shell-home .shop-list-panel[data-pane-mode="owner-add"] .shop-owner-actions > button:first-child {
  color: var(--hashop-feed-accent) !important;
  -webkit-text-fill-color: var(--hashop-feed-accent) !important;
  border-bottom-color: rgba(141, 123, 74, 0.45) !important;
}

html body .shell.shell-home[data-hashop-screen="owner-shop"] .shop-owner-add-toggle span,
html body .shell.shell-home[data-hashop-screen="owner-add"] .shop-owner-add-toggle span {
  display: none !important;
}

html body .shell.shell-home[data-hashop-screen="owner-add"] .shop-owner-add-sheet,
html body .shell.shell-home .shop-list-panel[data-pane-mode="owner-add"] .shop-owner-add-sheet {
  display: grid !important;
  gap: 0 !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0.58rem 0 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-top: 1px solid var(--hashop-feed-line) !important;
  border-radius: 0 !important;
  background: #fff !important;
  background-color: #fff !important;
  background-image: none !important;
  color: #111 !important;
  -webkit-text-fill-color: #111 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

html body .shell.shell-home[data-hashop-screen="owner-add"] .shop-owner-add-option,
html body .shell.shell-home .shop-list-panel[data-pane-mode="owner-add"] .shop-owner-add-option {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 3.52rem !important;
  margin: 0 !important;
  padding: 0.72rem 0 !important;
  border: 0 !important;
  border-bottom: 1px solid var(--hashop-feed-line) !important;
  border-radius: 0 !important;
  display: grid !important;
  gap: 0.16rem !important;
  background: #fff !important;
  background-color: #fff !important;
  background-image: none !important;
  color: #111 !important;
  -webkit-text-fill-color: #111 !important;
  box-shadow: none !important;
  text-align: left !important;
}

html body .shell.shell-home[data-hashop-screen="owner-add"] .shop-owner-add-option strong,
html body .shell.shell-home[data-hashop-screen="owner-add"] .shop-owner-add-option span,
html body .shell.shell-home .shop-list-panel[data-pane-mode="owner-add"] .shop-owner-add-option strong,
html body .shell.shell-home .shop-list-panel[data-pane-mode="owner-add"] .shop-owner-add-option span {
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body .shell.shell-home[data-hashop-screen="owner-add"] .shop-owner-add-option strong,
html body .shell.shell-home .shop-list-panel[data-pane-mode="owner-add"] .shop-owner-add-option strong {
  color: #111 !important;
  -webkit-text-fill-color: #111 !important;
  font-size: 0.9rem !important;
  font-weight: 900 !important;
}

html body .shell.shell-home[data-hashop-screen="owner-add"] .shop-owner-add-option span,
html body .shell.shell-home .shop-list-panel[data-pane-mode="owner-add"] .shop-owner-add-option span {
  color: #666 !important;
  -webkit-text-fill-color: #666 !important;
  font-size: 0.74rem !important;
  font-weight: 720 !important;
}

/* Iteration 084C: owner edit summary and tabs stay on the same white surface. */
html body .shell.shell-home[data-hashop-screen^="owner-"] .shop-owner-summary-card,
html body .shell.shell-home .shop-list-panel[data-pane-mode^="owner-"] .shop-owner-summary-card {
  display: grid !important;
  gap: 0.62rem !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0.82rem 0 !important;
  border: 0 !important;
  border-bottom: 1px solid var(--hashop-feed-line) !important;
  border-radius: 0 !important;
  background: #fff !important;
  background-color: #fff !important;
  background-image: none !important;
  color: #111 !important;
  -webkit-text-fill-color: #111 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

html body .shell.shell-home[data-hashop-screen^="owner-"] .shop-owner-summary-main,
html body .shell.shell-home .shop-list-panel[data-pane-mode^="owner-"] .shop-owner-summary-main {
  display: grid !important;
  grid-template-columns: 3rem minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 0.72rem !important;
  min-width: 0 !important;
}

html body .shell.shell-home[data-hashop-screen^="owner-"] .shop-owner-summary-mark,
html body .shell.shell-home[data-hashop-screen^="owner-"] .shop-owner-summary-mark.is-logo,
html body .shell.shell-home .shop-list-panel[data-pane-mode^="owner-"] .shop-owner-summary-mark,
html body .shell.shell-home .shop-list-panel[data-pane-mode^="owner-"] .shop-owner-summary-mark.is-logo {
  display: grid !important;
  place-items: center !important;
  width: 3rem !important;
  height: 3rem !important;
  min-width: 3rem !important;
  min-height: 3rem !important;
  border: 1px solid rgba(141, 123, 74, 0.28) !important;
  border-radius: 8px !important;
  background: #fbfbfb !important;
  background-image: none !important;
  color: var(--hashop-feed-accent) !important;
  -webkit-text-fill-color: var(--hashop-feed-accent) !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

html body .shell.shell-home[data-hashop-screen^="owner-"] .shop-owner-summary-copy,
html body .shell.shell-home .shop-list-panel[data-pane-mode^="owner-"] .shop-owner-summary-copy {
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
}

html body .shell.shell-home[data-hashop-screen^="owner-"] .shop-owner-summary-copy strong,
html body .shell.shell-home[data-hashop-screen^="owner-"] .shop-owner-summary-copy span,
html body .shell.shell-home .shop-list-panel[data-pane-mode^="owner-"] .shop-owner-summary-copy strong,
html body .shell.shell-home .shop-list-panel[data-pane-mode^="owner-"] .shop-owner-summary-copy span {
  display: block !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body .shell.shell-home[data-hashop-screen^="owner-"] .shop-owner-summary-copy strong,
html body .shell.shell-home .shop-list-panel[data-pane-mode^="owner-"] .shop-owner-summary-copy strong {
  color: #111 !important;
  -webkit-text-fill-color: #111 !important;
  font-size: 0.96rem !important;
  font-weight: 900 !important;
}

html body .shell.shell-home[data-hashop-screen^="owner-"] .shop-owner-summary-copy span,
html body .shell.shell-home .shop-list-panel[data-pane-mode^="owner-"] .shop-owner-summary-copy span {
  color: #666 !important;
  -webkit-text-fill-color: #666 !important;
  font-size: 0.74rem !important;
  font-weight: 720 !important;
}

html body .shell.shell-home[data-hashop-screen^="owner-"] .shop-owner-summary-kicker,
html body .shell.shell-home .shop-list-panel[data-pane-mode^="owner-"] .shop-owner-summary-kicker {
  color: var(--hashop-feed-accent) !important;
  -webkit-text-fill-color: var(--hashop-feed-accent) !important;
  font-weight: 900 !important;
}

html body .shell.shell-home[data-hashop-screen^="owner-"] .shop-owner-summary-chips,
html body .shell.shell-home .shop-list-panel[data-pane-mode^="owner-"] .shop-owner-summary-chips {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.38rem !important;
  min-width: 0 !important;
}

html body .shell.shell-home[data-hashop-screen^="owner-"] .shop-owner-summary-chips span,
html body .shell.shell-home .shop-list-panel[data-pane-mode^="owner-"] .shop-owner-summary-chips span {
  max-width: 100% !important;
  padding: 0 0 0.14rem !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(141, 123, 74, 0.28) !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #666 !important;
  -webkit-text-fill-color: #666 !important;
  font-size: 0.68rem !important;
  font-weight: 820 !important;
  white-space: nowrap !important;
}

html body .shell.shell-home[data-hashop-screen^="owner-"] .shop-owner-tab-row,
html body .shell.shell-home .shop-list-panel[data-pane-mode^="owner-"] .shop-owner-tab-row {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 0.5rem !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #fff !important;
  background-image: none !important;
}

html body .shell.shell-home[data-hashop-screen^="owner-"] .shop-owner-tab-row .shop-owner-tab,
html body .shell.shell-home .shop-list-panel[data-pane-mode^="owner-"] .shop-owner-tab-row .shop-owner-tab {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 2.36rem !important;
  border: 0 !important;
  border-bottom: 1px solid var(--hashop-feed-line) !important;
  border-radius: 0 !important;
  background: #fff !important;
  background-image: none !important;
  color: #111 !important;
  -webkit-text-fill-color: #111 !important;
  box-shadow: none !important;
}

html body .shell.shell-home[data-hashop-screen^="owner-"] .shop-owner-tab-row .shop-owner-tab.is-active,
html body .shell.shell-home .shop-list-panel[data-pane-mode^="owner-"] .shop-owner-tab-row .shop-owner-tab.is-active {
  border-bottom-color: var(--hashop-feed-accent) !important;
  color: var(--hashop-feed-accent) !important;
  -webkit-text-fill-color: var(--hashop-feed-accent) !important;
}

/* Iteration 085: owner orders read as an order queue, and payment QR stays visible. */
html body .shell.shell-home[data-hashop-screen^="owner-"] .shop-owner-order-card,
html body .shell.shell-home .shop-list-panel[data-pane-mode^="owner-"] .shop-owner-order-card {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 0.72rem !important;
  width: 100% !important;
  min-width: 0 !important;
  padding: 0.82rem 0 !important;
  border: 0 !important;
  border-bottom: 1px solid var(--hashop-feed-line) !important;
  border-radius: 0 !important;
  background: #fff !important;
  background-color: #fff !important;
  background-image: none !important;
  color: #111 !important;
  -webkit-text-fill-color: #111 !important;
  box-shadow: none !important;
}

html body .shell.shell-home[data-hashop-screen^="owner-"] .shop-owner-order-headline,
html body .shell.shell-home .shop-list-panel[data-pane-mode^="owner-"] .shop-owner-order-headline {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: start !important;
  gap: 0.68rem !important;
  min-width: 0 !important;
}

html body .shell.shell-home[data-hashop-screen^="owner-"] .shop-owner-order-title,
html body .shell.shell-home .shop-list-panel[data-pane-mode^="owner-"] .shop-owner-order-title {
  display: grid !important;
  gap: 0.12rem !important;
  min-width: 0 !important;
}

html body .shell.shell-home[data-hashop-screen^="owner-"] .shop-owner-order-title strong,
html body .shell.shell-home[data-hashop-screen^="owner-"] .shop-owner-order-title span,
html body .shell.shell-home .shop-list-panel[data-pane-mode^="owner-"] .shop-owner-order-title strong,
html body .shell.shell-home .shop-list-panel[data-pane-mode^="owner-"] .shop-owner-order-title span {
  display: block !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body .shell.shell-home[data-hashop-screen^="owner-"] .shop-owner-order-title strong,
html body .shell.shell-home .shop-list-panel[data-pane-mode^="owner-"] .shop-owner-order-title strong {
  color: #111 !important;
  -webkit-text-fill-color: #111 !important;
  font-size: 0.96rem !important;
  font-weight: 920 !important;
}

html body .shell.shell-home[data-hashop-screen^="owner-"] .shop-owner-order-title span,
html body .shell.shell-home .shop-list-panel[data-pane-mode^="owner-"] .shop-owner-order-title span {
  color: #777 !important;
  -webkit-text-fill-color: #777 !important;
  font-size: 0.72rem !important;
  font-weight: 760 !important;
}

html body .shell.shell-home[data-hashop-screen^="owner-"] .shop-owner-order-status,
html body .shell.shell-home .shop-list-panel[data-pane-mode^="owner-"] .shop-owner-order-status {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 1.8rem !important;
  padding: 0 0.62rem !important;
  border: 1px solid rgba(141, 123, 74, 0.32) !important;
  border-radius: 999px !important;
  background: #fbfbfb !important;
  color: var(--hashop-feed-accent) !important;
  -webkit-text-fill-color: var(--hashop-feed-accent) !important;
  font-size: 0.7rem !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}

html body .shell.shell-home[data-hashop-screen^="owner-"] .shop-owner-order-facts,
html body .shell.shell-home .shop-list-panel[data-pane-mode^="owner-"] .shop-owner-order-facts {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 0.54rem !important;
  width: 100% !important;
  min-width: 0 !important;
}

html body .shell.shell-home[data-hashop-screen^="owner-"] .shop-owner-order-fact,
html body .shell.shell-home .shop-list-panel[data-pane-mode^="owner-"] .shop-owner-order-fact {
  display: grid !important;
  gap: 0.16rem !important;
  min-width: 0 !important;
  padding: 0.52rem 0 !important;
  border: 0 !important;
  border-top: 1px solid rgba(17, 17, 17, 0.08) !important;
  background: transparent !important;
}

html body .shell.shell-home[data-hashop-screen^="owner-"] .shop-owner-order-fact.is-wide,
html body .shell.shell-home .shop-list-panel[data-pane-mode^="owner-"] .shop-owner-order-fact.is-wide {
  grid-column: 1 / -1 !important;
}

html body .shell.shell-home[data-hashop-screen^="owner-"] .shop-owner-order-fact span,
html body .shell.shell-home .shop-list-panel[data-pane-mode^="owner-"] .shop-owner-order-fact span {
  color: #777 !important;
  -webkit-text-fill-color: #777 !important;
  font-size: 0.68rem !important;
  font-weight: 820 !important;
}

html body .shell.shell-home[data-hashop-screen^="owner-"] .shop-owner-order-fact strong,
html body .shell.shell-home .shop-list-panel[data-pane-mode^="owner-"] .shop-owner-order-fact strong {
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
  color: #111 !important;
  -webkit-text-fill-color: #111 !important;
  font-size: 0.8rem !important;
  font-weight: 880 !important;
  line-height: 1.25 !important;
}

html body .shell.shell-home[data-hashop-screen^="owner-"] .shop-owner-order-card .shop-order-compact-items,
html body .shell.shell-home .shop-list-panel[data-pane-mode^="owner-"] .shop-owner-order-card .shop-order-compact-items {
  display: grid !important;
  gap: 0.5rem !important;
}

html body .shell.shell-home[data-hashop-screen^="owner-"] .shop-owner-order-card .shop-cart-row,
html body .shell.shell-home .shop-list-panel[data-pane-mode^="owner-"] .shop-owner-order-card .shop-cart-row {
  padding: 0.58rem 0 !important;
  border: 0 !important;
  border-top: 1px solid rgba(17, 17, 17, 0.08) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.shop-owner-payment-qr-row {
  display: grid !important;
  grid-template-columns: 5rem minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 0.72rem !important;
  min-width: 0 !important;
}

.shop-owner-payment-qr-row .shop-owner-upload-button {
  grid-column: 1 / -1 !important;
}

.shop-payment-qr-image {
  display: grid !important;
  place-items: center !important;
  width: 5rem !important;
  height: 5rem !important;
  min-width: 5rem !important;
  min-height: 5rem !important;
  border: 1px solid rgba(141, 123, 74, 0.26) !important;
  border-radius: 10px !important;
  background: #fff !important;
  overflow: hidden !important;
}

.shop-payment-qr-image img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
}

.shop-payment-qr-image.is-empty::before {
  content: "QR" !important;
  color: var(--hashop-feed-accent) !important;
  -webkit-text-fill-color: var(--hashop-feed-accent) !important;
  font-size: 0.9rem !important;
  font-weight: 920 !important;
}

.shop-pay-card .shop-payment-qr-image,
.shop-confirm-payment-qr .shop-payment-qr-image {
  width: 8.2rem !important;
  height: 8.2rem !important;
  min-width: 8.2rem !important;
  min-height: 8.2rem !important;
  margin: 0.3rem 0 !important;
}

.shop-confirm-payment-qr {
  display: grid !important;
  gap: 0.36rem !important;
  justify-items: start !important;
  padding: 0.72rem 0 !important;
  border-top: 1px solid rgba(17, 17, 17, 0.08) !important;
}

.shop-confirm-payment-qr > span:not(.shop-payment-qr-image) {
  color: #777 !important;
  -webkit-text-fill-color: #777 !important;
  font-size: 0.72rem !important;
  font-weight: 820 !important;
}

/* Iteration 086: auth links use one clean divider, not boxed top/bottom outlines. */
html body .shell.shell-home[data-hashop-screen="account"] .shop-account-auth-links,
html body .shell.shell-home[data-hashop-screen="login"] .shop-account-auth-links {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 0 !important;
  width: 100% !important;
}

html body .shell.shell-home[data-hashop-screen="account"] .shop-account-auth-links button,
html body .shell.shell-home[data-hashop-screen="login"] .shop-account-auth-links button {
  width: 100% !important;
  min-height: 2.46rem !important;
  padding: 0.42rem 0 !important;
  border: 0 !important;
  border-bottom: 1px solid var(--hashop-feed-line) !important;
  border-radius: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  background-image: none !important;
  color: #111 !important;
  -webkit-text-fill-color: #111 !important;
  box-shadow: none !important;
  font-size: 0.84rem !important;
  font-weight: 850 !important;
  text-align: left !important;
}

html body .shell.shell-home[data-hashop-screen="account"] .shop-account-auth-links button::before,
html body .shell.shell-home[data-hashop-screen="account"] .shop-account-auth-links button::after,
html body .shell.shell-home[data-hashop-screen="login"] .shop-account-auth-links button::before,
html body .shell.shell-home[data-hashop-screen="login"] .shop-account-auth-links button::after {
  content: none !important;
  display: none !important;
}

/* Iteration 087: one Hashop account/auth language across Account, Sign in, Setup, and Shop login. */
html body .shell.shell-home {
  --hashop-auth-bg: #ffffff;
  --hashop-auth-panel: #ffffff;
  --hashop-auth-ink: #111111;
  --hashop-auth-muted: #6f6a5b;
  --hashop-auth-soft: #f6f4ee;
  --hashop-auth-line: rgba(17, 17, 17, 0.1);
  --hashop-auth-line-strong: rgba(141, 123, 74, 0.42);
  --hashop-auth-accent: #8d7b4a;
}

html body .shell.shell-home[data-hashop-screen="account"] .shop-list-panel,
html body .shell.shell-home[data-hashop-screen="login"] .shop-list-panel,
html body .shell.shell-home[data-hashop-screen="setup"] .shop-list-panel,
html body .shell.shell-home .shop-list-panel[data-pane-mode="account"],
html body .shell.shell-home .shop-list-panel[data-pane-mode="login"],
html body .shell.shell-home .shop-list-panel[data-pane-mode="setup"] {
  background: var(--hashop-auth-bg) !important;
  color: var(--hashop-auth-ink) !important;
}

html body .shell.shell-home[data-hashop-screen="account"] .shop-list-grid,
html body .shell.shell-home[data-hashop-screen="login"] .shop-list-grid,
html body .shell.shell-home[data-hashop-screen="setup"] .shop-list-grid,
html body .shell.shell-home .shop-list-panel[data-pane-mode="account"] .shop-list-grid,
html body .shell.shell-home .shop-list-panel[data-pane-mode="login"] .shop-list-grid,
html body .shell.shell-home .shop-list-panel[data-pane-mode="setup"] .shop-list-grid {
  display: block !important;
  width: auto !important;
  max-width: none !important;
  left: 0.84rem !important;
  right: 0.84rem !important;
  padding: 0.16rem 0 6.4rem !important;
  background: var(--hashop-auth-bg) !important;
}

html body .shell.shell-home[data-hashop-screen="account"] .shop-pane-detail,
html body .shell.shell-home[data-hashop-screen="login"] .shop-pane-detail,
html body .shell.shell-home[data-hashop-screen="setup"] .shop-pane-detail,
html body .shell.shell-home .shop-list-panel[data-pane-mode="account"] .shop-pane-detail,
html body .shell.shell-home .shop-list-panel[data-pane-mode="login"] .shop-pane-detail,
html body .shell.shell-home .shop-list-panel[data-pane-mode="setup"] .shop-pane-detail {
  width: min(100%, 34rem) !important;
  max-width: 34rem !important;
  margin: 0 auto !important;
  padding: 0.28rem 0 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  color: var(--hashop-auth-ink) !important;
}

html body .shell.shell-home[data-hashop-screen="account"] .shop-account-stack,
html body .shell.shell-home .shop-list-panel[data-pane-mode="account"] .shop-account-stack {
  display: grid !important;
  gap: 1.08rem !important;
  width: min(100%, 34rem) !important;
  max-width: 34rem !important;
  margin: 0 auto !important;
  padding: 0.14rem 0 0 !important;
  background: transparent !important;
  color: var(--hashop-auth-ink) !important;
}

html body .shell.shell-home .shop-login-pane,
html body .shell.shell-home .shop-setup-pane,
html body .shell.shell-home .shop-buyer-account-pane {
  display: grid !important;
  gap: 1rem !important;
  align-content: start !important;
}

html body .shell.shell-home .shop-login-hero {
  display: grid !important;
  gap: 0.32rem !important;
  padding: 0.18rem 0 0.82rem !important;
  border: 0 !important;
  border-bottom: 1px solid var(--hashop-auth-line) !important;
  background: transparent !important;
}

html body .shell.shell-home .shop-login-hero .shop-pane-overline {
  margin: 0 !important;
}

html body .shell.shell-home .shop-login-hero h2 {
  margin: 0 !important;
  color: var(--hashop-auth-ink) !important;
  -webkit-text-fill-color: var(--hashop-auth-ink) !important;
  font-size: clamp(1.42rem, 5vw, 2rem) !important;
  line-height: 1.04 !important;
  letter-spacing: 0 !important;
  font-weight: 920 !important;
}

html body .shell.shell-home .shop-login-hero .shop-pane-chip,
html body .shell.shell-home[data-hashop-screen="account"] .shop-account-menu-label,
html body .shell.shell-home .shop-list-panel[data-pane-mode="account"] .shop-account-menu-label {
  display: inline-flex !important;
  align-items: center !important;
  width: fit-content !important;
  min-height: 1.3rem !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-bottom: 1px solid var(--hashop-auth-line-strong) !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  color: var(--hashop-auth-accent) !important;
  -webkit-text-fill-color: var(--hashop-auth-accent) !important;
  box-shadow: none !important;
  font-size: 0.68rem !important;
  font-weight: 920 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}

html body .shell.shell-home[data-hashop-screen="account"] .shop-account-menu-label,
html body .shell.shell-home .shop-list-panel[data-pane-mode="account"] .shop-account-menu-label {
  margin-top: 0.18rem !important;
  margin-bottom: -0.48rem !important;
}

html body .shell.shell-home .shop-login-form,
html body .shell.shell-home .shop-buyer-auth-form,
html body .shell.shell-home .shop-add-form,
html body .shell.shell-home .shop-account-form-card,
html body .shell.shell-home .shop-account-state-body {
  display: grid !important;
  gap: 0.78rem !important;
  width: 100% !important;
  min-width: 0 !important;
  padding: 0.2rem 0 0 !important;
  border: 0 !important;
  border-top: 2px solid var(--hashop-auth-accent) !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  color: var(--hashop-auth-ink) !important;
  box-shadow: none !important;
}

html body .shell.shell-home .shop-login-field,
html body .shell.shell-home .shop-account-field {
  display: grid !important;
  gap: 0.34rem !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0.56rem 0 0.68rem !important;
  border: 0 !important;
  border-bottom: 1px solid var(--hashop-auth-line) !important;
  border-radius: 0 !important;
  background: transparent !important;
}

html body .shell.shell-home .shop-login-field > span,
html body .shell.shell-home .shop-account-field > span {
  color: var(--hashop-auth-muted) !important;
  -webkit-text-fill-color: var(--hashop-auth-muted) !important;
  font-size: 0.72rem !important;
  font-weight: 840 !important;
  letter-spacing: 0 !important;
  line-height: 1.15 !important;
}

html body .shell.shell-home .shop-login-input,
html body .shell.shell-home .shop-account-textarea {
  width: 100% !important;
  min-height: 2.34rem !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  background-image: none !important;
  color: var(--hashop-auth-ink) !important;
  -webkit-text-fill-color: var(--hashop-auth-ink) !important;
  box-shadow: none !important;
  font-size: 1rem !important;
  font-weight: 760 !important;
  letter-spacing: 0 !important;
}

html body .shell.shell-home .shop-account-textarea {
  min-height: 6.4rem !important;
  padding-top: 0.36rem !important;
  resize: vertical !important;
}

html body .shell.shell-home .shop-login-input:focus,
html body .shell.shell-home .shop-account-textarea:focus {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: inset 0 -2px 0 var(--hashop-auth-accent) !important;
}

html body .shell.shell-home .shop-login-input::placeholder,
html body .shell.shell-home .shop-account-textarea::placeholder {
  color: var(--hashop-auth-muted) !important;
  -webkit-text-fill-color: var(--hashop-auth-muted) !important;
  opacity: 0.72 !important;
}

html body .shell.shell-home .shop-account-auth-actions,
html body .shell.shell-home .shop-account-form-actions,
html body .shell.shell-home .shop-account-state-actions,
html body .shell.shell-home .shop-account-actions {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 0.56rem !important;
  width: 100% !important;
  padding-top: 0.18rem !important;
}

html body .shell.shell-home .shop-login-submit,
html body .shell.shell-home .shop-account-auth-actions .shop-login-submit,
html body .shell.shell-home .shop-account-form-actions .shop-owner-save,
html body .shell.shell-home .shop-account-state-actions .shop-owner-save {
  display: grid !important;
  place-items: center !important;
  width: 100% !important;
  min-height: 3.06rem !important;
  padding: 0 0.86rem !important;
  border: 1px solid var(--hashop-auth-line-strong) !important;
  border-radius: 7px !important;
  outline: 0 !important;
  background: var(--hashop-auth-ink) !important;
  background-image: none !important;
  color: var(--hashop-auth-bg) !important;
  -webkit-text-fill-color: var(--hashop-auth-bg) !important;
  box-shadow: none !important;
  font-size: 0.96rem !important;
  font-weight: 920 !important;
  letter-spacing: 0 !important;
  line-height: 1.1 !important;
  text-align: center !important;
  white-space: nowrap !important;
}

html body .shell.shell-home .shop-login-submit:disabled,
html body .shell.shell-home .shop-account-auth-actions .shop-login-submit:disabled,
html body .shell.shell-home .shop-account-form-actions .shop-owner-save:disabled,
html body .shell.shell-home .shop-account-state-actions .shop-owner-save:disabled {
  opacity: 0.46 !important;
}

html body .shell.shell-home .shop-account-auth-links,
html body .shell.shell-home .shop-account-auth-public-links {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 0 !important;
  width: 100% !important;
  padding-top: 0.12rem !important;
}

html body .shell.shell-home .shop-account-auth-links button,
html body .shell.shell-home .shop-account-auth-public-links a,
html body .shell.shell-home .shop-account-form-actions .shop-owner-chip-button,
html body .shell.shell-home .shop-account-state-actions .shop-owner-chip-button,
html body .shell.shell-home .shop-account-mini-button {
  display: grid !important;
  place-items: center start !important;
  width: 100% !important;
  min-height: 2.52rem !important;
  padding: 0.4rem 0 !important;
  border: 0 !important;
  border-bottom: 1px solid var(--hashop-auth-line) !important;
  border-radius: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  background-image: none !important;
  color: var(--hashop-auth-ink) !important;
  -webkit-text-fill-color: var(--hashop-auth-ink) !important;
  box-shadow: none !important;
  font-size: 0.84rem !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
  text-align: left !important;
  text-decoration: none !important;
}

html body .shell.shell-home[data-hashop-screen="account"] .shop-account-inline-actions .shop-account-mini-button,
html body .shell.shell-home .shop-list-panel[data-pane-mode="account"] .shop-account-inline-actions .shop-account-mini-button {
  display: inline-grid !important;
  place-items: center !important;
  width: auto !important;
  min-height: 2rem !important;
  padding: 0.22rem 0.62rem !important;
  border: 1px solid var(--hashop-auth-line) !important;
  border-radius: 6px !important;
  font-size: 0.76rem !important;
  text-align: center !important;
}

html body .shell.shell-home .shop-account-auth-links button::before,
html body .shell.shell-home .shop-account-auth-links button::after,
html body .shell.shell-home .shop-account-auth-public-links a::before,
html body .shell.shell-home .shop-account-auth-public-links a::after {
  content: none !important;
  display: none !important;
}

html body .shell.shell-home .shop-account-auth-links button,
html body .shell.shell-home .shop-account-auth-public-links a,
html body .shell.shell-home .shop-account-form-actions .shop-owner-chip-button,
html body .shell.shell-home .shop-account-state-actions .shop-owner-chip-button {
  place-items: center !important;
  text-align: center !important;
}

html body .shell.shell-home .shop-login-status,
html body .shell.shell-home .shop-account-status {
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0.62rem 0 !important;
  border: 0 !important;
  border-top: 1px solid var(--hashop-auth-line) !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  color: var(--hashop-auth-muted) !important;
  -webkit-text-fill-color: var(--hashop-auth-muted) !important;
  box-shadow: none !important;
  font-size: 0.8rem !important;
  font-weight: 780 !important;
  line-height: 1.28 !important;
}

html body .shell.shell-home .shop-login-status:empty,
html body .shell.shell-home .shop-account-status:empty {
  display: none !important;
}

html body .shell.shell-home .shop-login-status.is-error,
html body .shell.shell-home .shop-account-status.is-error {
  color: #9c3434 !important;
  -webkit-text-fill-color: #9c3434 !important;
  border-top-color: rgba(156, 52, 52, 0.28) !important;
}

html body .shell.shell-home .shop-login-status.is-success,
html body .shell.shell-home .shop-account-status.is-success {
  color: var(--hashop-auth-accent) !important;
  -webkit-text-fill-color: var(--hashop-auth-accent) !important;
  border-top-color: var(--hashop-auth-line-strong) !important;
}

html body .shell.shell-home[data-hashop-screen="account"] .shop-account-menu-card,
html body .shell.shell-home[data-hashop-screen="account"] .shop-account-form-card,
html body .shell.shell-home[data-hashop-screen="account"] .shop-account-section,
html body .shell.shell-home .shop-list-panel[data-pane-mode="account"] .shop-account-menu-card,
html body .shell.shell-home .shop-list-panel[data-pane-mode="account"] .shop-account-form-card,
html body .shell.shell-home .shop-list-panel[data-pane-mode="account"] .shop-account-section {
  display: grid !important;
  gap: 0 !important;
  width: 100% !important;
  min-width: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-top: 1px solid var(--hashop-auth-line-strong) !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  color: var(--hashop-auth-ink) !important;
}

html body .shell.shell-home[data-hashop-screen="account"] .shop-account-menu-row,
html body .shell.shell-home[data-hashop-screen="account"] .shop-account-link-row,
html body .shell.shell-home[data-hashop-screen="account"] .shop-account-record-row,
html body .shell.shell-home[data-hashop-screen="account"] .shop-account-back-row,
html body .shell.shell-home[data-hashop-screen="account"] .shop-account-profile-card,
html body .shell.shell-home[data-hashop-screen="account"] .shop-account-location-card,
html body .shell.shell-home .shop-list-panel[data-pane-mode="account"] .shop-account-menu-row,
html body .shell.shell-home .shop-list-panel[data-pane-mode="account"] .shop-account-link-row,
html body .shell.shell-home .shop-list-panel[data-pane-mode="account"] .shop-account-record-row,
html body .shell.shell-home .shop-list-panel[data-pane-mode="account"] .shop-account-back-row,
html body .shell.shell-home .shop-list-panel[data-pane-mode="account"] .shop-account-profile-card,
html body .shell.shell-home .shop-list-panel[data-pane-mode="account"] .shop-account-location-card {
  display: grid !important;
  grid-template-columns: 2.34rem minmax(0, 1fr) auto auto !important;
  align-items: center !important;
  gap: 0.72rem !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 3.48rem !important;
  padding: 0.58rem 0 !important;
  border: 0 !important;
  border-bottom: 1px solid var(--hashop-auth-line) !important;
  border-radius: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  background-image: none !important;
  color: var(--hashop-auth-ink) !important;
  -webkit-text-fill-color: var(--hashop-auth-ink) !important;
  box-shadow: none !important;
  text-align: left !important;
}

html body .shell.shell-home[data-hashop-screen="account"] .shop-account-menu-row:active,
html body .shell.shell-home[data-hashop-screen="account"] .shop-account-link-row:active,
html body .shell.shell-home .shop-list-panel[data-pane-mode="account"] .shop-account-menu-row:active,
html body .shell.shell-home .shop-list-panel[data-pane-mode="account"] .shop-account-link-row:active {
  background: var(--hashop-auth-soft) !important;
}

html body .shell.shell-home[data-hashop-screen="account"] .shop-account-menu-icon,
html body .shell.shell-home[data-hashop-screen="account"] .shop-account-avatar,
html body .shell.shell-home .shop-list-panel[data-pane-mode="account"] .shop-account-menu-icon,
html body .shell.shell-home .shop-list-panel[data-pane-mode="account"] .shop-account-avatar {
  display: grid !important;
  place-items: center !important;
  width: 2.16rem !important;
  height: 2.16rem !important;
  min-width: 2.16rem !important;
  min-height: 2.16rem !important;
  border: 1px solid var(--hashop-auth-line-strong) !important;
  border-radius: 9px !important;
  background: var(--hashop-auth-ink) !important;
  background-color: var(--hashop-auth-ink) !important;
  background-image: none !important;
  color: var(--hashop-auth-accent) !important;
  -webkit-text-fill-color: var(--hashop-auth-accent) !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

html body .shell.shell-home[data-hashop-screen="account"] .shop-account-avatar img,
html body .shell.shell-home .shop-list-panel[data-pane-mode="account"] .shop-account-avatar img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

html body .shell.shell-home[data-hashop-screen="account"] .shop-account-menu-copy,
html body .shell.shell-home[data-hashop-screen="account"] .shop-account-profile-copy,
html body .shell.shell-home .shop-list-panel[data-pane-mode="account"] .shop-account-menu-copy,
html body .shell.shell-home .shop-list-panel[data-pane-mode="account"] .shop-account-profile-copy {
  display: grid !important;
  gap: 0.12rem !important;
  min-width: 0 !important;
}

html body .shell.shell-home[data-hashop-screen="account"] .shop-account-menu-copy strong,
html body .shell.shell-home[data-hashop-screen="account"] .shop-account-profile-copy strong,
html body .shell.shell-home .shop-list-panel[data-pane-mode="account"] .shop-account-menu-copy strong,
html body .shell.shell-home .shop-list-panel[data-pane-mode="account"] .shop-account-profile-copy strong {
  min-width: 0 !important;
  overflow: hidden !important;
  color: var(--hashop-auth-ink) !important;
  -webkit-text-fill-color: var(--hashop-auth-ink) !important;
  font-size: 0.96rem !important;
  font-weight: 900 !important;
  line-height: 1.18 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body .shell.shell-home[data-hashop-screen="account"] .shop-account-menu-copy span,
html body .shell.shell-home[data-hashop-screen="account"] .shop-account-profile-copy span,
html body .shell.shell-home[data-hashop-screen="account"] .shop-account-menu-meta,
html body .shell.shell-home .shop-list-panel[data-pane-mode="account"] .shop-account-menu-copy span,
html body .shell.shell-home .shop-list-panel[data-pane-mode="account"] .shop-account-profile-copy span,
html body .shell.shell-home .shop-list-panel[data-pane-mode="account"] .shop-account-menu-meta {
  min-width: 0 !important;
  overflow: hidden !important;
  color: var(--hashop-auth-muted) !important;
  -webkit-text-fill-color: var(--hashop-auth-muted) !important;
  font-size: 0.74rem !important;
  font-weight: 760 !important;
  line-height: 1.24 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body .shell.shell-home[data-hashop-screen="account"] .shop-account-menu-arrow,
html body .shell.shell-home .shop-list-panel[data-pane-mode="account"] .shop-account-menu-arrow {
  color: var(--hashop-auth-accent) !important;
  -webkit-text-fill-color: var(--hashop-auth-accent) !important;
  font-size: 1.2rem !important;
  font-weight: 700 !important;
}

html body .shell.shell-home .shop-account-manage-toggle::after,
html body .shell.shell-home .shop-account-toggle-mark {
  border-color: var(--hashop-auth-line-strong) !important;
  border-radius: 999px !important;
  background: var(--hashop-auth-panel) !important;
}

html body .shell.shell-home .shop-account-manage-toggle::before,
html body .shell.shell-home .shop-account-toggle-mark > span {
  border-radius: 999px !important;
  background: var(--hashop-auth-accent) !important;
  transition: left 160ms ease, right 160ms ease, transform 160ms ease !important;
}

html body .shell.shell-home .shop-state-card {
  display: grid !important;
  gap: 0.18rem !important;
  padding: 0.72rem 0 !important;
  border: 0 !important;
  border-top: 1px solid var(--hashop-auth-line-strong) !important;
  border-bottom: 1px solid var(--hashop-auth-line) !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--hashop-auth-ink) !important;
  box-shadow: none !important;
}

html body .shell.shell-home .shop-state-card strong {
  color: var(--hashop-auth-ink) !important;
  -webkit-text-fill-color: var(--hashop-auth-ink) !important;
}

@media (max-width: 520px) {
  html body .shell.shell-home[data-hashop-screen="account"] .shop-list-grid,
  html body .shell.shell-home[data-hashop-screen="login"] .shop-list-grid,
  html body .shell.shell-home[data-hashop-screen="setup"] .shop-list-grid,
  html body .shell.shell-home .shop-list-panel[data-pane-mode="account"] .shop-list-grid,
  html body .shell.shell-home .shop-list-panel[data-pane-mode="login"] .shop-list-grid,
  html body .shell.shell-home .shop-list-panel[data-pane-mode="setup"] .shop-list-grid {
    left: 0.72rem !important;
    right: 0.72rem !important;
  }

  html body .shell.shell-home[data-hashop-screen="account"] .shop-account-menu-row,
  html body .shell.shell-home[data-hashop-screen="account"] .shop-account-link-row,
  html body .shell.shell-home[data-hashop-screen="account"] .shop-account-record-row,
  html body .shell.shell-home .shop-list-panel[data-pane-mode="account"] .shop-account-menu-row,
  html body .shell.shell-home .shop-list-panel[data-pane-mode="account"] .shop-account-link-row,
  html body .shell.shell-home .shop-list-panel[data-pane-mode="account"] .shop-account-record-row {
    grid-template-columns: 2.24rem minmax(0, 1fr) auto !important;
    gap: 0.62rem !important;
  }
}

/* Iteration 088: replace divider/outline styling with filled, quiet Hashop surfaces. */
html body .shell.shell-home {
  --hashop-soft-cell: #f7f5ee;
  --hashop-soft-cell-strong: #f1eee4;
  --hashop-soft-shadow: 0 10px 28px rgba(17, 17, 17, 0.045);
}

html body .shell.shell-home .shop-login-form,
html body .shell.shell-home .shop-buyer-auth-form,
html body .shell.shell-home .shop-add-form,
html body .shell.shell-home .shop-account-form-card,
html body .shell.shell-home .shop-account-state-body {
  gap: 0.72rem !important;
  padding: 0 !important;
  border: 0 !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body .shell.shell-home .shop-login-hero,
html body .shell.shell-home .shop-login-field,
html body .shell.shell-home .shop-account-field,
html body .shell.shell-home .shop-login-status,
html body .shell.shell-home .shop-account-status,
html body .shell.shell-home .shop-state-card {
  border: 0 !important;
  border-top: 0 !important;
  border-right: 0 !important;
  border-bottom: 0 !important;
  border-left: 0 !important;
  box-shadow: none !important;
}

html body .shell.shell-home .shop-login-field,
html body .shell.shell-home .shop-account-field {
  gap: 0.4rem !important;
  padding: 0.78rem 0.86rem !important;
  border-radius: 8px !important;
  background: var(--hashop-soft-cell) !important;
}

html body .shell.shell-home .shop-login-field:focus-within,
html body .shell.shell-home .shop-account-field:focus-within {
  background: var(--hashop-soft-cell-strong) !important;
  box-shadow: inset 0 0 0 1px rgba(141, 123, 74, 0.18) !important;
}

html body .shell.shell-home .shop-login-input,
html body .shell.shell-home .shop-account-textarea,
html body .shell.shell-home .shop-login-input:focus,
html body .shell.shell-home .shop-account-textarea:focus {
  min-height: 1.86rem !important;
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body .shell.shell-home .shop-account-auth-links,
html body .shell.shell-home .shop-account-auth-public-links {
  gap: 0.48rem !important;
  padding-top: 0.14rem !important;
}

html body .shell.shell-home .shop-account-auth-links button,
html body .shell.shell-home .shop-account-auth-public-links a,
html body .shell.shell-home .shop-account-form-actions .shop-owner-chip-button,
html body .shell.shell-home .shop-account-state-actions .shop-owner-chip-button,
html body .shell.shell-home .shop-account-mini-button {
  min-height: 2.44rem !important;
  padding: 0.5rem 0.72rem !important;
  border: 0 !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
  border-radius: 8px !important;
  background: var(--hashop-soft-cell) !important;
  color: var(--hashop-auth-ink) !important;
  -webkit-text-fill-color: var(--hashop-auth-ink) !important;
  box-shadow: none !important;
}

html body .shell.shell-home .shop-account-auth-links button:active,
html body .shell.shell-home .shop-account-auth-public-links a:active,
html body .shell.shell-home .shop-account-form-actions .shop-owner-chip-button:active,
html body .shell.shell-home .shop-account-state-actions .shop-owner-chip-button:active,
html body .shell.shell-home .shop-account-mini-button:active {
  background: var(--hashop-soft-cell-strong) !important;
}

html body .shell.shell-home .shop-login-submit,
html body .shell.shell-home .shop-account-auth-actions .shop-login-submit,
html body .shell.shell-home .shop-account-form-actions .shop-owner-save,
html body .shell.shell-home .shop-account-state-actions .shop-owner-save {
  border: 0 !important;
  border-radius: 8px !important;
  background: var(--hashop-auth-ink) !important;
  box-shadow: var(--hashop-soft-shadow) !important;
}

html body .shell.shell-home .shop-login-status,
html body .shell.shell-home .shop-account-status {
  padding: 0.62rem 0.76rem !important;
  border-radius: 8px !important;
  background: var(--hashop-soft-cell) !important;
}

html body .shell.shell-home .shop-login-status.is-error,
html body .shell.shell-home .shop-account-status.is-error {
  background: rgba(156, 52, 52, 0.08) !important;
}

html body .shell.shell-home .shop-login-status.is-success,
html body .shell.shell-home .shop-account-status.is-success {
  background: rgba(141, 123, 74, 0.12) !important;
}

html body .shell.shell-home[data-hashop-screen="account"] .shop-account-menu-card,
html body .shell.shell-home[data-hashop-screen="account"] .shop-account-form-card,
html body .shell.shell-home[data-hashop-screen="account"] .shop-account-section,
html body .shell.shell-home .shop-list-panel[data-pane-mode="account"] .shop-account-menu-card,
html body .shell.shell-home .shop-list-panel[data-pane-mode="account"] .shop-account-form-card,
html body .shell.shell-home .shop-list-panel[data-pane-mode="account"] .shop-account-section {
  gap: 0.5rem !important;
  border: 0 !important;
  border-top: 0 !important;
  background: transparent !important;
}

html body .shell.shell-home[data-hashop-screen="account"] .shop-account-menu-row,
html body .shell.shell-home[data-hashop-screen="account"] .shop-account-link-row,
html body .shell.shell-home[data-hashop-screen="account"] .shop-account-record-row,
html body .shell.shell-home[data-hashop-screen="account"] .shop-account-back-row,
html body .shell.shell-home[data-hashop-screen="account"] .shop-account-profile-card,
html body .shell.shell-home[data-hashop-screen="account"] .shop-account-location-card,
html body .shell.shell-home .shop-list-panel[data-pane-mode="account"] .shop-account-menu-row,
html body .shell.shell-home .shop-list-panel[data-pane-mode="account"] .shop-account-link-row,
html body .shell.shell-home .shop-list-panel[data-pane-mode="account"] .shop-account-record-row,
html body .shell.shell-home .shop-list-panel[data-pane-mode="account"] .shop-account-back-row,
html body .shell.shell-home .shop-list-panel[data-pane-mode="account"] .shop-account-profile-card,
html body .shell.shell-home .shop-list-panel[data-pane-mode="account"] .shop-account-location-card {
  min-height: 3.64rem !important;
  padding: 0.72rem !important;
  border: 0 !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
  border-radius: 8px !important;
  background: var(--hashop-soft-cell) !important;
  box-shadow: none !important;
}

html body .shell.shell-home[data-hashop-screen="account"] .shop-account-menu-row:active,
html body .shell.shell-home[data-hashop-screen="account"] .shop-account-link-row:active,
html body .shell.shell-home .shop-list-panel[data-pane-mode="account"] .shop-account-menu-row:active,
html body .shell.shell-home .shop-list-panel[data-pane-mode="account"] .shop-account-link-row:active {
  background: var(--hashop-soft-cell-strong) !important;
}

html body .shell.shell-home[data-hashop-screen^="owner-"] .shop-owner-stack,
html body .shell.shell-home .shop-list-panel[data-pane-mode^="owner-"] .shop-owner-stack {
  gap: 0.72rem !important;
}

html body .shell.shell-home[data-hashop-screen^="owner-"] .shop-owner-form,
html body .shell.shell-home[data-hashop-screen^="owner-"] .shop-owner-summary-card,
html body .shell.shell-home[data-hashop-screen^="owner-"] .shop-owner-item-editor,
html body .shell.shell-home[data-hashop-screen^="owner-"] .shop-owner-item-list,
html body .shell.shell-home[data-hashop-screen^="owner-"] .shop-owner-order-list,
html body .shell.shell-home[data-hashop-screen^="owner-"] .shop-owner-item-picker,
html body .shell.shell-home[data-hashop-screen^="owner-"] .shop-owner-draft-list,
html body .shell.shell-home[data-hashop-screen^="owner-"] .shop-owner-library-grid,
html body .shell.shell-home .shop-list-panel[data-pane-mode^="owner-"] .shop-owner-form,
html body .shell.shell-home .shop-list-panel[data-pane-mode^="owner-"] .shop-owner-summary-card,
html body .shell.shell-home .shop-list-panel[data-pane-mode^="owner-"] .shop-owner-item-editor,
html body .shell.shell-home .shop-list-panel[data-pane-mode^="owner-"] .shop-owner-item-list,
html body .shell.shell-home .shop-list-panel[data-pane-mode^="owner-"] .shop-owner-order-list,
html body .shell.shell-home .shop-list-panel[data-pane-mode^="owner-"] .shop-owner-item-picker,
html body .shell.shell-home .shop-list-panel[data-pane-mode^="owner-"] .shop-owner-draft-list,
html body .shell.shell-home .shop-list-panel[data-pane-mode^="owner-"] .shop-owner-library-grid {
  gap: 0.62rem !important;
  padding: 0 !important;
  border: 0 !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body .shell.shell-home[data-hashop-screen^="owner-"] .shop-owner-field,
html body .shell.shell-home[data-hashop-screen^="owner-"] .shop-owner-field-wide,
html body .shell.shell-home .shop-list-panel[data-pane-mode^="owner-"] .shop-owner-field,
html body .shell.shell-home .shop-list-panel[data-pane-mode^="owner-"] .shop-owner-field-wide {
  padding: 0.78rem 0.86rem !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: var(--hashop-soft-cell) !important;
}

html body .shell.shell-home[data-hashop-screen^="owner-"] .shop-owner-input,
html body .shell.shell-home[data-hashop-screen^="owner-"] .shop-owner-textarea,
html body .shell.shell-home .shop-list-panel[data-pane-mode^="owner-"] .shop-owner-input,
html body .shell.shell-home .shop-list-panel[data-pane-mode^="owner-"] .shop-owner-textarea {
  border: 0 !important;
  outline: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body .shell.shell-home[data-hashop-screen^="owner-"] .shop-owner-item-select,
html body .shell.shell-home[data-hashop-screen^="owner-"] .shop-owner-order-card,
html body .shell.shell-home[data-hashop-screen^="owner-"] .shop-owner-item-card,
html body .shell.shell-home[data-hashop-screen^="owner-"] .shop-owner-draft-card,
html body .shell.shell-home[data-hashop-screen^="owner-"] .shop-owner-library-card,
html body .shell.shell-home[data-hashop-screen^="owner-"] .shop-owner-add-option,
html body .shell.shell-home .shop-list-panel[data-pane-mode^="owner-"] .shop-owner-item-select,
html body .shell.shell-home .shop-list-panel[data-pane-mode^="owner-"] .shop-owner-order-card,
html body .shell.shell-home .shop-list-panel[data-pane-mode^="owner-"] .shop-owner-item-card,
html body .shell.shell-home .shop-list-panel[data-pane-mode^="owner-"] .shop-owner-draft-card,
html body .shell.shell-home .shop-list-panel[data-pane-mode^="owner-"] .shop-owner-library-card,
html body .shell.shell-home .shop-list-panel[data-pane-mode^="owner-"] .shop-owner-add-option {
  padding: 0.72rem !important;
  border: 0 !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
  border-radius: 8px !important;
  background: var(--hashop-soft-cell) !important;
  box-shadow: none !important;
}

html body .shell.shell-home[data-hashop-screen^="owner-"] .shop-owner-order-fact,
html body .shell.shell-home[data-hashop-screen^="owner-"] .shop-owner-order-card .shop-cart-row,
html body .shell.shell-home .shop-list-panel[data-pane-mode^="owner-"] .shop-owner-order-fact,
html body .shell.shell-home .shop-list-panel[data-pane-mode^="owner-"] .shop-owner-order-card .shop-cart-row {
  border: 0 !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
  border-radius: 7px !important;
  background: rgba(255, 255, 255, 0.58) !important;
}

html body .shell.shell-home[data-hashop-screen^="owner-"] .shop-owner-action-row > button,
html body .shell.shell-home[data-hashop-screen^="owner-"] .shop-owner-item-actions > button,
html body .shell.shell-home[data-hashop-screen^="owner-"] .shop-owner-order-actions > button,
html body .shell.shell-home[data-hashop-screen^="owner-"] .shop-owner-actions > button,
html body .shell.shell-home .shop-list-panel[data-pane-mode^="owner-"] .shop-owner-action-row > button,
html body .shell.shell-home .shop-list-panel[data-pane-mode^="owner-"] .shop-owner-item-actions > button,
html body .shell.shell-home .shop-list-panel[data-pane-mode^="owner-"] .shop-owner-order-actions > button,
html body .shell.shell-home .shop-list-panel[data-pane-mode^="owner-"] .shop-owner-actions > button {
  border: 0 !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
  border-radius: 8px !important;
  background: var(--hashop-soft-cell) !important;
  box-shadow: none !important;
}

html body .shell.shell-home[data-hashop-screen^="owner-"] .shop-owner-save,
html body .shell.shell-home .shop-list-panel[data-pane-mode^="owner-"] .shop-owner-save {
  background: var(--hashop-auth-ink) !important;
  color: var(--hashop-auth-bg) !important;
  -webkit-text-fill-color: var(--hashop-auth-bg) !important;
}

html body .shell.shell-home[data-hashop-screen^="owner-"] .shop-owner-chip-button,
html body .shell.shell-home .shop-list-panel[data-pane-mode^="owner-"] .shop-owner-chip-button {
  background: var(--hashop-soft-cell) !important;
  color: var(--hashop-auth-ink) !important;
  -webkit-text-fill-color: var(--hashop-auth-ink) !important;
}

html body .shell.shell-home[data-hashop-screen^="owner-"] .shop-owner-tab-row .shop-owner-tab,
html body .shell.shell-home .shop-list-panel[data-pane-mode^="owner-"] .shop-owner-tab-row .shop-owner-tab {
  border: 0 !important;
  border-radius: 8px !important;
  background: var(--hashop-soft-cell) !important;
}

html body .shell.shell-home[data-hashop-screen^="owner-"] .shop-owner-tab-row .shop-owner-tab.is-active,
html body .shell.shell-home .shop-list-panel[data-pane-mode^="owner-"] .shop-owner-tab-row .shop-owner-tab.is-active {
  background: var(--hashop-auth-ink) !important;
  color: var(--hashop-auth-bg) !important;
  -webkit-text-fill-color: var(--hashop-auth-bg) !important;
}

html body .shell.shell-home[data-hashop-screen="account"] .shop-account-auth-links button,
html body .shell.shell-home[data-hashop-screen="login"] .shop-account-auth-links button,
html body .shell.shell-home[data-hashop-screen="setup"] .shop-account-auth-links button,
html body .shell.shell-home .shop-list-panel[data-pane-mode="account"] .shop-account-auth-links button,
html body .shell.shell-home .shop-list-panel[data-pane-mode="login"] .shop-account-auth-links button,
html body .shell.shell-home .shop-list-panel[data-pane-mode="setup"] .shop-account-auth-links button,
html body .shell.shell-home[data-hashop-screen="account"] .shop-account-auth-public-links a,
html body .shell.shell-home .shop-list-panel[data-pane-mode="account"] .shop-account-auth-public-links a {
  display: grid !important;
  place-items: center !important;
  width: 100% !important;
  min-height: 2.44rem !important;
  padding: 0.5rem 0.72rem !important;
  border: 0 !important;
  border-top: 0 !important;
  border-right: 0 !important;
  border-bottom: 0 !important;
  border-left: 0 !important;
  border-radius: 8px !important;
  outline: 0 !important;
  background: var(--hashop-soft-cell) !important;
  background-image: none !important;
  color: var(--hashop-auth-ink) !important;
  -webkit-text-fill-color: var(--hashop-auth-ink) !important;
  box-shadow: none !important;
  text-align: center !important;
}

/* Iteration 090: plain larger outline icons, no filled icon boxes. */
html body .shell.shell-home {
  --hashop-plain-icon-size: 1.42rem;
  --hashop-account-icon-size: 1.58rem;
}

html body .shell.shell-home .home-bottom-nav .home-bottom-link,
html body .shell.shell-home .home-bottom-nav .home-bottom-link.is-active,
html body .shell.shell-home[data-hashop-screen] .shop-list-panel[data-pane-mode] .home-bottom-nav button.home-bottom-link[data-home-nav],
html body .shell.shell-home[data-hashop-screen] .shop-list-panel[data-pane-mode] .home-bottom-nav button.home-bottom-link[data-home-nav].is-active {
  gap: 0.18rem !important;
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

html body .shell.shell-home .home-bottom-nav .home-bottom-link > span.home-bottom-link-icon,
html body .shell.shell-home .home-bottom-nav .home-bottom-link.is-active > span.home-bottom-link-icon,
html body .shell.shell-home[data-hashop-screen] .shop-list-panel[data-pane-mode] .home-bottom-nav button.home-bottom-link[data-home-nav] > span.home-bottom-link-icon,
html body .shell.shell-home[data-hashop-screen] .shop-list-panel[data-pane-mode] .home-bottom-nav button.home-bottom-link[data-home-nav].is-active > span.home-bottom-link-icon {
  position: relative !important;
  display: block !important;
  width: var(--hashop-plain-icon-size) !important;
  height: var(--hashop-plain-icon-size) !important;
  min-width: var(--hashop-plain-icon-size) !important;
  min-height: var(--hashop-plain-icon-size) !important;
  border: 0 !important;
  border-radius: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  color: currentColor !important;
  -webkit-text-fill-color: currentColor !important;
  -webkit-mask: none !important;
  mask: none !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
  opacity: 1 !important;
  visibility: visible !important;
}

html body .shell.shell-home .home-bottom-nav .home-bottom-link > span.home-bottom-link-icon::before,
html body .shell.shell-home .home-bottom-nav .home-bottom-link > span.home-bottom-link-icon::after,
html body .shell.shell-home[data-hashop-screen] .shop-list-panel[data-pane-mode] .home-bottom-nav button.home-bottom-link[data-home-nav] > span.home-bottom-link-icon::before,
html body .shell.shell-home[data-hashop-screen] .shop-list-panel[data-pane-mode] .home-bottom-nav button.home-bottom-link[data-home-nav] > span.home-bottom-link-icon::after {
  content: "" !important;
  position: absolute !important;
  display: block !important;
  box-sizing: border-box !important;
  border-color: currentColor !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body .shell.shell-home .home-bottom-nav .home-bottom-link > span.home-bottom-link-icon.is-shops::before {
  left: 0.2rem !important;
  right: 0.2rem !important;
  top: 0.48rem !important;
  bottom: 0.14rem !important;
  border: 2px solid currentColor !important;
  border-radius: 0.16rem !important;
}

html body .shell.shell-home .home-bottom-nav .home-bottom-link > span.home-bottom-link-icon.is-shops::after {
  left: 0.12rem !important;
  right: 0.12rem !important;
  top: 0.2rem !important;
  height: 0.42rem !important;
  border: 2px solid currentColor !important;
  border-bottom: 0 !important;
  border-radius: 0.22rem 0.22rem 0 0 !important;
}

html body .shell.shell-home .home-bottom-nav .home-bottom-link > span.home-bottom-link-icon.is-items::before,
html body .shell.shell-home .home-bottom-nav .home-bottom-link > span.home-bottom-link-icon.is-orders::before {
  inset: 0.14rem 0.22rem !important;
  border: 2px solid currentColor !important;
  border-radius: 0.16rem !important;
}

html body .shell.shell-home .home-bottom-nav .home-bottom-link > span.home-bottom-link-icon.is-items::after,
html body .shell.shell-home .home-bottom-nav .home-bottom-link > span.home-bottom-link-icon.is-orders::after {
  left: 0.42rem !important;
  right: 0.42rem !important;
  top: 0.44rem !important;
  height: 0.46rem !important;
  border-top: 2px solid currentColor !important;
  border-bottom: 2px solid currentColor !important;
}

html body .shell.shell-home .home-bottom-nav .home-bottom-link > span.home-bottom-link-icon.is-cart::before {
  left: 0.2rem !important;
  right: 0.2rem !important;
  top: 0.32rem !important;
  bottom: 0.42rem !important;
  border: 2px solid currentColor !important;
  border-top-width: 2px !important;
  border-radius: 0.12rem 0.12rem 0.22rem 0.22rem !important;
  transform: skewX(-8deg) !important;
}

html body .shell.shell-home .home-bottom-nav .home-bottom-link > span.home-bottom-link-icon.is-cart::after {
  left: 0.36rem !important;
  bottom: 0.16rem !important;
  width: 0.2rem !important;
  height: 0.2rem !important;
  border: 2px solid currentColor !important;
  border-radius: 50% !important;
  box-shadow: 0.52rem 0 0 -1px transparent, 0.52rem 0 0 0 currentColor !important;
}

html body .shell.shell-home .home-bottom-nav .home-bottom-link > span.home-bottom-link-icon.is-account::before {
  left: 0.45rem !important;
  top: 0.14rem !important;
  width: 0.52rem !important;
  height: 0.52rem !important;
  border: 2px solid currentColor !important;
  border-radius: 50% !important;
}

html body .shell.shell-home .home-bottom-nav .home-bottom-link > span.home-bottom-link-icon.is-account::after {
  left: 0.24rem !important;
  right: 0.24rem !important;
  bottom: 0.16rem !important;
  height: 0.5rem !important;
  border: 2px solid currentColor !important;
  border-bottom: 0 !important;
  border-radius: 0.48rem 0.48rem 0 0 !important;
}

html body .shell.shell-home[data-hashop-screen="account"] .shop-account-menu-row,
html body .shell.shell-home[data-hashop-screen="account"] .shop-account-link-row,
html body .shell.shell-home[data-hashop-screen="account"] .shop-account-record-row,
html body .shell.shell-home[data-hashop-screen="account"] .shop-account-back-row,
html body .shell.shell-home .shop-list-panel[data-pane-mode="account"] .shop-account-menu-row,
html body .shell.shell-home .shop-list-panel[data-pane-mode="account"] .shop-account-link-row,
html body .shell.shell-home .shop-list-panel[data-pane-mode="account"] .shop-account-record-row,
html body .shell.shell-home .shop-list-panel[data-pane-mode="account"] .shop-account-back-row {
  grid-template-columns: 1.9rem minmax(0, 1fr) auto auto !important;
  gap: 0.66rem !important;
}

html body .shell.shell-home .shop-account-menu-icon,
html body .shell.shell-home svg.shop-account-menu-icon,
html body .shell.shell-home[data-hashop-screen="account"] .shop-account-menu-icon,
html body .shell.shell-home[data-hashop-screen="account"] svg.shop-account-menu-icon,
html body .shell.shell-home .shop-list-panel[data-pane-mode="account"] .shop-account-menu-icon,
html body .shell.shell-home .shop-list-panel[data-pane-mode="account"] svg.shop-account-menu-icon {
  width: var(--hashop-account-icon-size) !important;
  height: var(--hashop-account-icon-size) !important;
  min-width: var(--hashop-account-icon-size) !important;
  min-height: var(--hashop-account-icon-size) !important;
  border: 0 !important;
  border-radius: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  color: var(--hashop-auth-accent) !important;
  -webkit-text-fill-color: var(--hashop-auth-accent) !important;
  stroke: currentColor !important;
  stroke-width: 2.25 !important;
  fill: none !important;
  overflow: visible !important;
}

html body .shell.shell-home .shop-account-menu-icon::before,
html body .shell.shell-home .shop-account-menu-icon::after,
html body .shell.shell-home[data-hashop-screen="account"] .shop-account-menu-icon::before,
html body .shell.shell-home[data-hashop-screen="account"] .shop-account-menu-icon::after,
html body .shell.shell-home .shop-list-panel[data-pane-mode="account"] .shop-account-menu-icon::before,
html body .shell.shell-home .shop-list-panel[data-pane-mode="account"] .shop-account-menu-icon::after {
  content: none !important;
  display: none !important;
}

/* Iteration 091: shop pages use the same feed cards, with real quantity controls. */
html body .shell.shell-home .shop-pane-shop-feed {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  display: grid !important;
  align-content: start !important;
  align-items: start !important;
  gap: 0.92rem 0.82rem !important;
  overflow: visible !important;
}

html body .shell.shell-home .shop-pane-shop-feed[data-list-view="feed"] {
  grid-template-columns: repeat(auto-fit, minmax(min(10.75rem, 100%), 1fr)) !important;
}

html body .shell.shell-home .shop-pane-shop-feed[data-list-view="list"] {
  grid-template-columns: minmax(0, 1fr) !important;
}

html body .shell.shell-home .shop-pane-shop-feed > .shop-card,
html body .shell.shell-home .shop-pane-shop-feed[data-list-view] > .shop-card,
html body .shell.shell-home .shop-pane-shop-feed > .shop-item-discovery-card {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: auto auto !important;
  align-items: start !important;
  gap: 0.5rem !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 0 0.72rem !important;
  border: 0 !important;
  border-bottom: 0 !important;
  border-radius: 0 !important;
  background: #fff !important;
  background-color: #fff !important;
  background-image: none !important;
  box-shadow: none !important;
  color: #111 !important;
  -webkit-text-fill-color: #111 !important;
  overflow: hidden !important;
}

html body .shell.shell-home .shop-pane-shop-feed[data-list-view="list"] > .shop-card,
html body .shell.shell-home .shop-pane-shop-feed[data-list-view="list"] > .shop-item-discovery-card {
  grid-template-columns: 2.7rem minmax(0, 1fr) !important;
  gap: 0.78rem !important;
  padding-bottom: 0.78rem !important;
}

html body .shell.shell-home .shop-pane-shop-feed .shop-card-thumb {
  width: 100% !important;
  aspect-ratio: 1 / 1 !important;
  min-width: 0 !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: var(--hashop-soft-cell, #f7f5ee) !important;
  color: var(--hashop-auth-accent, #8d7b4a) !important;
  overflow: hidden !important;
}

html body .shell.shell-home .shop-pane-shop-feed[data-list-view="list"] .shop-card-thumb {
  width: 2.7rem !important;
  height: 2.7rem !important;
  aspect-ratio: auto !important;
}

html body .shell.shell-home .shop-pane-shop-feed .shop-card-thumb img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}

html body .shell.shell-home .shop-pane-shop-feed .shop-card-main,
html body .shell.shell-home .shop-pane-shop-feed .shop-card-title-block,
html body .shell.shell-home .shop-pane-shop-feed .shop-card-items {
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
}

html body .shell.shell-home .shop-pane-shop-feed .shop-card-topline {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: start !important;
  gap: 0.56rem !important;
}

html body .shell.shell-home .shop-pane-shop-feed .shop-card-title-block strong,
html body .shell.shell-home .shop-pane-shop-feed .shop-card-subtitle,
html body .shell.shell-home .shop-pane-shop-feed .shop-card-item {
  display: block !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body .shell.shell-home .shop-pane-shop-feed .shop-card-title-block strong {
  font-size: 0.98rem !important;
  font-weight: 900 !important;
  line-height: 1.16 !important;
}

html body .shell.shell-home .shop-pane-shop-feed .shop-card-subtitle,
html body .shell.shell-home .shop-pane-shop-feed .shop-card-item {
  color: #5f5f5f !important;
  -webkit-text-fill-color: #5f5f5f !important;
  font-size: 0.74rem !important;
  line-height: 1.22 !important;
}

html body .shell.shell-home .shop-pane-shop-feed .shop-card-item:first-child {
  color: #171717 !important;
  -webkit-text-fill-color: #171717 !important;
  font-size: 0.88rem !important;
  font-weight: 850 !important;
}

html body .shell.shell-home .shop-item-selection {
  justify-self: end !important;
  display: inline-grid !important;
  grid-template-columns: 1.58rem minmax(1.18rem, auto) 1.58rem !important;
  align-items: center !important;
  gap: 0.14rem !important;
  min-width: 4.58rem !important;
  max-width: 5.2rem !important;
  min-height: 1.58rem !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

html body .shell.shell-home .shop-item-step,
html body .shell.shell-home .shop-card-add.shop-item-add {
  display: inline-grid !important;
  place-items: center !important;
  min-width: 1.58rem !important;
  height: 1.58rem !important;
  min-height: 1.58rem !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 999px !important;
  outline: 0 !important;
  background: #111 !important;
  background-image: none !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  box-shadow: none !important;
  font: inherit !important;
  font-size: 1rem !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

html body .shell.shell-home .shop-card-add.shop-item-add {
  min-width: 3.2rem !important;
  padding: 0 0.72rem !important;
  border-radius: 999px !important;
  font-size: 0.78rem !important;
}

html body .shell.shell-home .shop-item-step:active,
html body .shell.shell-home .shop-card-add.shop-item-add:active {
  transform: translateY(1px) !important;
  background: var(--hashop-auth-accent, #8d7b4a) !important;
}

html body .shell.shell-home .shop-item-qty {
  display: inline-grid !important;
  place-items: center !important;
  min-width: 1.18rem !important;
  height: 1.58rem !important;
  color: #111 !important;
  -webkit-text-fill-color: #111 !important;
  font-size: 0.86rem !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;
}

/* Iteration 092: text grid pass, restored state symbols, owner sales accounting. */
html,
body {
  height: 100% !important;
  min-height: 100% !important;
  overscroll-behavior: none !important;
  overscroll-behavior-y: none !important;
  background: #fff !important;
}

html body .shell.shell-home,
html body .shell.shell-home .home-stage,
html body .shell.shell-home .shop-list-panel,
html body .shell.shell-home .shop-list-grid {
  overscroll-behavior: contain !important;
  overscroll-behavior-y: contain !important;
}

html body .shell.shell-home .shop-list-grid::after,
html body .shell.shell-home[data-hashop-screen] .shop-list-grid::after,
html body .shell.shell-home .shop-list-panel[data-pane-mode] .shop-list-grid::after {
  min-height: max(0.18rem, env(safe-area-inset-bottom, 0px)) !important;
  height: max(0.18rem, env(safe-area-inset-bottom, 0px)) !important;
}

html body .shell.shell-home .shop-card,
html body .shell.shell-home .shop-discovery-card,
html body .shell.shell-home .shop-item-discovery-card,
html body .shell.shell-home .shop-account-menu-row,
html body .shell.shell-home .shop-account-link-row,
html body .shell.shell-home .shop-account-record-row,
html body .shell.shell-home .shop-owner-order-card,
html body .shell.shell-home .shop-cart-row,
html body .shell.shell-home .shop-owner-accounting-card,
html body .shell.shell-home .shop-owner-accounting-row {
  text-align: left !important;
  letter-spacing: 0 !important;
  text-wrap: pretty !important;
}

html body .shell.shell-home .shop-card-topline,
html body .shell.shell-home .shop-pane-shop-feed .shop-card-topline,
html body .shell.shell-home .shop-owner-order-headline,
html body .shell.shell-home .shop-owner-order-head,
html body .shell.shell-home .shop-owner-accounting-row {
  grid-template-columns: minmax(0, 1fr) max-content !important;
  align-items: start !important;
  column-gap: 0.64rem !important;
}

html body .shell.shell-home .shop-card-title-block,
html body .shell.shell-home .shop-card-main,
html body .shell.shell-home .shop-cart-copy,
html body .shell.shell-home .shop-account-menu-copy,
html body .shell.shell-home .shop-owner-order-title,
html body .shell.shell-home .shop-owner-summary-copy,
html body .shell.shell-home .shop-owner-accounting-row span {
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
}

html body .shell.shell-home .shop-card-title-block strong,
html body .shell.shell-home .shop-card-subtitle,
html body .shell.shell-home .shop-card-item,
html body .shell.shell-home .shop-cart-copy strong,
html body .shell.shell-home .shop-cart-copy span,
html body .shell.shell-home .shop-account-menu-copy strong,
html body .shell.shell-home .shop-account-menu-copy span,
html body .shell.shell-home .shop-owner-summary-copy strong,
html body .shell.shell-home .shop-owner-summary-copy span,
html body .shell.shell-home .shop-owner-order-title strong,
html body .shell.shell-home .shop-owner-order-title span,
html body .shell.shell-home .shop-owner-accounting-row span {
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body .shell.shell-home .shop-card-open,
html body .shell.shell-home .shop-card-add,
html body .shell.shell-home .shop-item-selection,
html body .shell.shell-home .shop-owner-order-status,
html body .shell.shell-home .shop-owner-accounting-row strong,
html body .shell.shell-home .shop-owner-accounting-row em,
html body .shell.shell-home .shop-owner-accounting-card strong {
  justify-self: end !important;
  text-align: right !important;
  white-space: nowrap !important;
  font-variant-numeric: tabular-nums !important;
}

html body .shell.shell-home .shop-login-field,
html body .shell.shell-home .shop-account-field,
html body .shell.shell-home .shop-owner-field,
html body .shell.shell-home .shop-owner-field-wide {
  align-items: stretch !important;
  gap: 0.34rem !important;
}

html body .shell.shell-home .shop-login-field > span,
html body .shell.shell-home .shop-account-field > span,
html body .shell.shell-home .shop-owner-field > span,
html body .shell.shell-home .shop-owner-field-wide > span {
  display: block !important;
  margin: 0 !important;
  color: #6f6f6f !important;
  -webkit-text-fill-color: #6f6f6f !important;
  font-size: 0.68rem !important;
  font-weight: 850 !important;
  line-height: 1.1 !important;
  text-align: left !important;
  text-transform: none !important;
}

html body .shell.shell-home .shop-login-input,
html body .shell.shell-home .shop-account-textarea,
html body .shell.shell-home .shop-owner-input,
html body .shell.shell-home .shop-owner-textarea {
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  font-size: 0.95rem !important;
  line-height: 1.28 !important;
  text-align: left !important;
}

html body .shell.shell-home .shop-owner-accounting-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 0.58rem !important;
  width: 100% !important;
}

html body .shell.shell-home .shop-owner-accounting-card {
  display: grid !important;
  gap: 0.22rem !important;
  min-width: 0 !important;
  min-height: 4.4rem !important;
  padding: 0.72rem !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: var(--hashop-soft-cell, #f7f5ee) !important;
  box-shadow: none !important;
}

html body .shell.shell-home .shop-owner-accounting-card.is-wide {
  grid-column: 1 / -1 !important;
}

html body .shell.shell-home .shop-owner-accounting-card span {
  color: #6f6f6f !important;
  -webkit-text-fill-color: #6f6f6f !important;
  font-size: 0.72rem !important;
  font-weight: 850 !important;
  line-height: 1.1 !important;
}

html body .shell.shell-home .shop-owner-accounting-card strong {
  color: #111 !important;
  -webkit-text-fill-color: #111 !important;
  font-size: 1.1rem !important;
  font-weight: 950 !important;
  line-height: 1.05 !important;
}

html body .shell.shell-home .shop-owner-accounting-list {
  display: grid !important;
  gap: 0.18rem !important;
  width: 100% !important;
  min-width: 0 !important;
}

html body .shell.shell-home .shop-owner-accounting-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) max-content max-content !important;
  align-items: center !important;
  gap: 0.58rem !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 2.62rem !important;
  padding: 0.5rem 0 !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(17, 17, 17, 0.08) !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #111 !important;
  -webkit-text-fill-color: #111 !important;
  box-shadow: none !important;
  font: inherit !important;
}

html body .shell.shell-home .shop-owner-accounting-row strong {
  font-size: 0.9rem !important;
  font-weight: 920 !important;
}

html body .shell.shell-home .shop-owner-accounting-row em {
  color: #6f6f6f !important;
  -webkit-text-fill-color: #6f6f6f !important;
  font-size: 0.72rem !important;
  font-style: normal !important;
  font-weight: 820 !important;
}

html body .shell.shell-home .home-bottom-nav button.home-bottom-link > span.home-bottom-link-icon,
html body .shell.shell-home .home-bottom-nav button.home-bottom-link.is-active > span.home-bottom-link-icon,
html body .shell.shell-home[data-hashop-screen] .shop-list-panel[data-pane-mode] .home-bottom-nav button.home-bottom-link[data-home-nav] > span.home-bottom-link-icon,
html body .shell.shell-home[data-hashop-screen] .shop-list-panel[data-pane-mode] .home-bottom-nav button.home-bottom-link[data-home-nav].is-active > span.home-bottom-link-icon {
  display: block !important;
  width: 1.24rem !important;
  height: 1.24rem !important;
  min-width: 1.24rem !important;
  min-height: 1.24rem !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: currentColor !important;
  background-color: currentColor !important;
  background-image: none !important;
  box-shadow: none !important;
  color: currentColor !important;
  -webkit-text-fill-color: currentColor !important;
  -webkit-mask-repeat: no-repeat !important;
  mask-repeat: no-repeat !important;
  -webkit-mask-position: center !important;
  mask-position: center !important;
  -webkit-mask-size: contain !important;
  mask-size: contain !important;
}

html body .shell.shell-home .home-bottom-nav button.home-bottom-link > span.home-bottom-link-icon::before,
html body .shell.shell-home .home-bottom-nav button.home-bottom-link > span.home-bottom-link-icon::after {
  content: none !important;
  display: none !important;
}

html body .shell.shell-home .home-bottom-nav button.home-bottom-link > span.home-bottom-link-icon.is-shops {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%2024%2024%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20fill%3D%27%23000%27%20d%3D%27M4%2010h16l-1.2-5.2A1%201%200%200%200%2017.82%204H6.18a1%201%200%200%200-.98.8L4%2010Zm1%202v7a1%201%200%200%200%201%201h4v-5h4v5h4a1%201%200%200%200%201-1v-7h-3v3h-3v-3h-2v3H8v-3H5Z%27/%3E%3C/svg%3E") !important;
  mask-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%2024%2024%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20fill%3D%27%23000%27%20d%3D%27M4%2010h16l-1.2-5.2A1%201%200%200%200%2017.82%204H6.18a1%201%200%200%200-.98.8L4%2010Zm1%202v7a1%201%200%200%200%201%201h4v-5h4v5h4a1%201%200%200%200%201-1v-7h-3v3h-3v-3h-2v3H8v-3H5Z%27/%3E%3C/svg%3E") !important;
}

html body .shell.shell-home .home-bottom-nav button.home-bottom-link > span.home-bottom-link-icon.is-items {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%2024%2024%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20fill%3D%27%23000%27%20d%3D%27M5%205a2%202%200%200%201%202-2h10a2%202%200%200%201%202%202v14a2%202%200%200%201-2%202H7a2%202%200%200%201-2-2V5Zm3%203h8V6H8v2Zm0%205h8v-2H8v2Zm0%205h6v-2H8v2Z%27/%3E%3C/svg%3E") !important;
  mask-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%2024%2024%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20fill%3D%27%23000%27%20d%3D%27M5%205a2%202%200%200%201%202-2h10a2%202%200%200%201%202%202v14a2%202%200%200%201-2%202H7a2%202%200%200%201-2-2V5Zm3%203h8V6H8v2Zm0%205h8v-2H8v2Zm0%205h6v-2H8v2Z%27/%3E%3C/svg%3E") !important;
}

html body .shell.shell-home .home-bottom-nav button.home-bottom-link > span.home-bottom-link-icon.is-cart {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%2024%2024%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20fill%3D%27%23000%27%20d%3D%27M4%204h2.4l1.1%2011.1A2%202%200%200%200%209.5%2017h7.8a2%202%200%200%200%201.9-1.38L21%208H8.2L8%206H4V4Zm6%2016a1.7%201.7%200%201%200%200-3.4A1.7%201.7%200%200%200%2010%2020Zm7%200a1.7%201.7%200%201%200%200-3.4A1.7%201.7%200%200%200%2017%2020Z%27/%3E%3C/svg%3E") !important;
  mask-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%2024%2024%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20fill%3D%27%23000%27%20d%3D%27M4%204h2.4l1.1%2011.1A2%202%200%200%200%209.5%2017h7.8a2%202%200%200%200%201.9-1.38L21%208H8.2L8%206H4V4Zm6%2016a1.7%201.7%200%201%200%200-3.4A1.7%201.7%200%200%200%2010%2020Zm7%200a1.7%201.7%200%201%200%200-3.4A1.7%201.7%200%200%200%2017%2020Z%27/%3E%3C/svg%3E") !important;
}

html body .shell.shell-home .home-bottom-nav button.home-bottom-link > span.home-bottom-link-icon.is-orders {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%2024%2024%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20fill%3D%27%23000%27%20d%3D%27M6%203h12a1%201%200%200%201%201%201v16l-3-1.5-2%201-2-1-2%201-2-1L5%2020V4a1%201%200%200%201%201-1Zm3%205h6V6H9v2Zm0%204h8v-2H9v2Zm0%204h8v-2H9v2Z%27/%3E%3C/svg%3E") !important;
  mask-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%2024%2024%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20fill%3D%27%23000%27%20d%3D%27M6%203h12a1%201%200%200%201%201%201v16l-3-1.5-2%201-2-1-2%201-2-1L5%2020V4a1%201%200%200%201%201-1Zm3%205h6V6H9v2Zm0%204h8v-2H9v2Zm0%204h8v-2H9v2Z%27/%3E%3C/svg%3E") !important;
}

html body .shell.shell-home .home-bottom-nav button.home-bottom-link > span.home-bottom-link-icon.is-account {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%2024%2024%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20fill%3D%27%23000%27%20d%3D%27M12%2012a4%204%200%201%200%200-8%204%204%200%200%200%200%208Zm0%202c-4.2%200-7%202.1-7%205v1h14v-1c0-2.9-2.8-5-7-5Z%27/%3E%3C/svg%3E") !important;
  mask-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%2024%2024%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20fill%3D%27%23000%27%20d%3D%27M12%2012a4%204%200%201%200%200-8%204%204%200%200%200%200%208Zm0%202c-4.2%200-7%202.1-7%205v1h14v-1c0-2.9-2.8-5-7-5Z%27/%3E%3C/svg%3E") !important;
}

@media (max-width: 420px) {
  html body .shell.shell-home .shop-owner-accounting-row {
    grid-template-columns: minmax(0, 1fr) max-content !important;
  }

  html body .shell.shell-home .shop-owner-accounting-row em {
    grid-column: 1 / -1 !important;
    justify-self: start !important;
    text-align: left !important;
  }
}

/* Iteration 093: browser-stable outline state symbols. */
html body .shell.shell-home .home-bottom-nav button.home-bottom-link > span.home-bottom-link-icon,
html body .shell.shell-home[data-hashop-screen] .shop-list-panel[data-pane-mode] .home-bottom-nav button.home-bottom-link[data-home-nav] > span.home-bottom-link-icon {
  width: 1.32rem !important;
  height: 1.32rem !important;
  min-width: 1.32rem !important;
  min-height: 1.32rem !important;
  background-color: transparent !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
}

html body .shell.shell-home .home-bottom-nav button.home-bottom-link > span.home-bottom-link-icon.is-shops {
  background-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23111111%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20d%3D%27M4%204h16l1%205H3l1-5Z%27/%3E%3Cpath%20d%3D%27M5%209v10h14V9%27/%3E%3Cpath%20d%3D%27M9%2019v-6h6v6%27/%3E%3Cpath%20d%3D%27M3%209h18%27/%3E%3C/svg%3E") !important;
}

html body .shell.shell-home .home-bottom-nav button.home-bottom-link.is-active > span.home-bottom-link-icon.is-shops {
  background-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%238d7b4a%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20d%3D%27M4%204h16l1%205H3l1-5Z%27/%3E%3Cpath%20d%3D%27M5%209v10h14V9%27/%3E%3Cpath%20d%3D%27M9%2019v-6h6v6%27/%3E%3Cpath%20d%3D%27M3%209h18%27/%3E%3C/svg%3E") !important;
}

html body .shell.shell-home .home-bottom-nav button.home-bottom-link > span.home-bottom-link-icon.is-items {
  background-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23111111%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Crect%20x%3D%275%27%20y%3D%273%27%20width%3D%2714%27%20height%3D%2718%27%20rx%3D%272%27/%3E%3Cpath%20d%3D%27M8%208h8M8%2012h8M8%2016h5%27/%3E%3C/svg%3E") !important;
}

html body .shell.shell-home .home-bottom-nav button.home-bottom-link.is-active > span.home-bottom-link-icon.is-items {
  background-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%238d7b4a%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Crect%20x%3D%275%27%20y%3D%273%27%20width%3D%2714%27%20height%3D%2718%27%20rx%3D%272%27/%3E%3Cpath%20d%3D%27M8%208h8M8%2012h8M8%2016h5%27/%3E%3C/svg%3E") !important;
}

html body .shell.shell-home .home-bottom-nav button.home-bottom-link > span.home-bottom-link-icon.is-cart {
  background-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23111111%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20d%3D%27M4%205h2l2%2010h9l2-7H7%27/%3E%3Ccircle%20cx%3D%2710%27%20cy%3D%2719%27%20r%3D%271.5%27/%3E%3Ccircle%20cx%3D%2717%27%20cy%3D%2719%27%20r%3D%271.5%27/%3E%3C/svg%3E") !important;
}

html body .shell.shell-home .home-bottom-nav button.home-bottom-link.is-active > span.home-bottom-link-icon.is-cart {
  background-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%238d7b4a%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20d%3D%27M4%205h2l2%2010h9l2-7H7%27/%3E%3Ccircle%20cx%3D%2710%27%20cy%3D%2719%27%20r%3D%271.5%27/%3E%3Ccircle%20cx%3D%2717%27%20cy%3D%2719%27%20r%3D%271.5%27/%3E%3C/svg%3E") !important;
}

html body .shell.shell-home .home-bottom-nav button.home-bottom-link > span.home-bottom-link-icon.is-orders {
  background-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23111111%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20d%3D%27M7%203h10v18l-3-2-2%201-2-1-3%202V3Z%27/%3E%3Cpath%20d%3D%27M10%208h4M10%2012h4M10%2016h3%27/%3E%3C/svg%3E") !important;
}

html body .shell.shell-home .home-bottom-nav button.home-bottom-link.is-active > span.home-bottom-link-icon.is-orders {
  background-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%238d7b4a%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20d%3D%27M7%203h10v18l-3-2-2%201-2-1-3%202V3Z%27/%3E%3Cpath%20d%3D%27M10%208h4M10%2012h4M10%2016h3%27/%3E%3C/svg%3E") !important;
}

html body .shell.shell-home .home-bottom-nav button.home-bottom-link > span.home-bottom-link-icon.is-account {
  background-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23111111%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%278%27%20r%3D%274%27/%3E%3Cpath%20d%3D%27M5%2021c1.3-4%204-6%207-6s5.7%202%207%206%27/%3E%3C/svg%3E") !important;
}

html body .shell.shell-home .home-bottom-nav button.home-bottom-link.is-active > span.home-bottom-link-icon.is-account {
  background-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%238d7b4a%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%278%27%20r%3D%274%27/%3E%3Cpath%20d%3D%27M5%2021c1.3-4%204-6%207-6s5.7%202%207%206%27/%3E%3C/svg%3E") !important;
}

html body .shell.shell-home[data-hashop-screen] .shop-list-panel[data-pane-mode] .home-bottom-nav button.home-bottom-link[data-home-nav] > span.home-bottom-link-icon {
  background-color: transparent !important;
  background-image: var(--hashop-bottom-icon, none) !important;
}

html body .shell.shell-home[data-hashop-screen] .shop-list-panel[data-pane-mode] .home-bottom-nav button.home-bottom-link[data-home-nav].is-active > span.home-bottom-link-icon {
  background-color: transparent !important;
  background-image: var(--hashop-bottom-icon, none) !important;
}

html body .shell.shell-home .home-bottom-nav button.home-bottom-link > span.home-bottom-link-icon.is-shops {
  --hashop-bottom-icon: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23111111%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20d%3D%27M4%204h16l1%205H3l1-5Z%27/%3E%3Cpath%20d%3D%27M5%209v10h14V9%27/%3E%3Cpath%20d%3D%27M9%2019v-6h6v6%27/%3E%3Cpath%20d%3D%27M3%209h18%27/%3E%3C/svg%3E") !important;
}

html body .shell.shell-home .home-bottom-nav button.home-bottom-link.is-active > span.home-bottom-link-icon.is-shops {
  --hashop-bottom-icon: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%238d7b4a%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20d%3D%27M4%204h16l1%205H3l1-5Z%27/%3E%3Cpath%20d%3D%27M5%209v10h14V9%27/%3E%3Cpath%20d%3D%27M9%2019v-6h6v6%27/%3E%3Cpath%20d%3D%27M3%209h18%27/%3E%3C/svg%3E") !important;
}

html body .shell.shell-home .home-bottom-nav button.home-bottom-link > span.home-bottom-link-icon.is-items {
  --hashop-bottom-icon: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23111111%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Crect%20x%3D%275%27%20y%3D%273%27%20width%3D%2714%27%20height%3D%2718%27%20rx%3D%272%27/%3E%3Cpath%20d%3D%27M8%208h8M8%2012h8M8%2016h5%27/%3E%3C/svg%3E") !important;
}

html body .shell.shell-home .home-bottom-nav button.home-bottom-link.is-active > span.home-bottom-link-icon.is-items {
  --hashop-bottom-icon: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%238d7b4a%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Crect%20x%3D%275%27%20y%3D%273%27%20width%3D%2714%27%20height%3D%2718%27%20rx%3D%272%27/%3E%3Cpath%20d%3D%27M8%208h8M8%2012h8M8%2016h5%27/%3E%3C/svg%3E") !important;
}

html body .shell.shell-home .home-bottom-nav button.home-bottom-link > span.home-bottom-link-icon.is-cart {
  --hashop-bottom-icon: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23111111%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20d%3D%27M4%205h2l2%2010h9l2-7H7%27/%3E%3Ccircle%20cx%3D%2710%27%20cy%3D%2719%27%20r%3D%271.5%27/%3E%3Ccircle%20cx%3D%2717%27%20cy%3D%2719%27%20r%3D%271.5%27/%3E%3C/svg%3E") !important;
}

html body .shell.shell-home .home-bottom-nav button.home-bottom-link.is-active > span.home-bottom-link-icon.is-cart {
  --hashop-bottom-icon: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%238d7b4a%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20d%3D%27M4%205h2l2%2010h9l2-7H7%27/%3E%3Ccircle%20cx%3D%2710%27%20cy%3D%2719%27%20r%3D%271.5%27/%3E%3Ccircle%20cx%3D%2717%27%20cy%3D%2719%27%20r%3D%271.5%27/%3E%3C/svg%3E") !important;
}

html body .shell.shell-home .home-bottom-nav button.home-bottom-link > span.home-bottom-link-icon.is-orders {
  --hashop-bottom-icon: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23111111%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20d%3D%27M7%203h10v18l-3-2-2%201-2-1-3%202V3Z%27/%3E%3Cpath%20d%3D%27M10%208h4M10%2012h4M10%2016h3%27/%3E%3C/svg%3E") !important;
}

html body .shell.shell-home .home-bottom-nav button.home-bottom-link.is-active > span.home-bottom-link-icon.is-orders {
  --hashop-bottom-icon: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%238d7b4a%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20d%3D%27M7%203h10v18l-3-2-2%201-2-1-3%202V3Z%27/%3E%3Cpath%20d%3D%27M10%208h4M10%2012h4M10%2016h3%27/%3E%3C/svg%3E") !important;
}

html body .shell.shell-home .home-bottom-nav button.home-bottom-link > span.home-bottom-link-icon.is-account {
  --hashop-bottom-icon: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23111111%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%278%27%20r%3D%274%27/%3E%3Cpath%20d%3D%27M5%2021c1.3-4%204-6%207-6s5.7%202%207%206%27/%3E%3C/svg%3E") !important;
}

html body .shell.shell-home .home-bottom-nav button.home-bottom-link.is-active > span.home-bottom-link-icon.is-account {
  --hashop-bottom-icon: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%238d7b4a%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%278%27%20r%3D%274%27/%3E%3Cpath%20d%3D%27M5%2021c1.3-4%204-6%207-6s5.7%202%207%206%27/%3E%3C/svg%3E") !important;
}

/* Iteration 096: solid state surfaces, no placeholder rule lines, items without map frame. */
html body .shell.shell-home[data-hashop-screen="search"] .map-screen {
  display: none !important;
}

html body .shell.shell-home[data-hashop-screen="search"] .home-stage {
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: minmax(0, 1fr) !important;
}

html body .shell.shell-home[data-hashop-screen="search"] .shop-list-panel {
  grid-column: 1 / -1 !important;
  grid-row: 1 / -1 !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  border-radius: 0 !important;
}

html body .shell.shell-home[data-hashop-screen="search"] .shop-list-panel[data-pane-mode="search"] {
  --hashop-list-frame-top: 0.52rem !important;
}

html body .shell.shell-home .shop-account-auth-links button::before,
html body .shell.shell-home .shop-account-auth-links button::after,
html body .shell.shell-home .shop-account-auth-public-links a::before,
html body .shell.shell-home .shop-account-auth-public-links a::after,
html body .shell.shell-home .shop-empty-cart-action::before,
html body .shell.shell-home .shop-empty-cart-action::after,
html body .shell.shell-home .shop-list-sortbar::before,
html body .shell.shell-home .shop-list-sortbar::after,
html body .shell.shell-home .shop-list-viewbar::before,
html body .shell.shell-home .shop-list-viewbar::after,
html body .shell.shell-home .shop-owner-accounting-row::before,
html body .shell.shell-home .shop-owner-accounting-row::after {
  content: none !important;
  display: none !important;
}

html body .shell.shell-home .shop-list-sortbar,
html body .shell.shell-home .shop-list-viewbar,
html body .shell.shell-home .shop-account-auth-links,
html body .shell.shell-home .shop-account-auth-links button,
html body .shell.shell-home .shop-account-auth-public-links a,
html body .shell.shell-home .shop-account-menu-row,
html body .shell.shell-home .shop-account-link-row,
html body .shell.shell-home .shop-owner-tab-row,
html body .shell.shell-home .shop-owner-form-head,
html body .shell.shell-home .shop-owner-summary-card,
html body .shell.shell-home .shop-owner-order-card,
html body .shell.shell-home .shop-owner-order-facts,
html body .shell.shell-home .shop-owner-accounting-row,
html body .shell.shell-home .shop-cart-row,
html body .shell.shell-home .shop-pane-quick-actions,
html body .shell.shell-home .shop-pane-cart-actions,
html body .shell.shell-home .shop-payment-qr-card,
html body .shell.shell-home .shop-list-empty {
  border-top: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}

html body .shell.shell-home .shop-owner-accounting-row,
html body .shell.shell-home .shop-account-menu-row,
html body .shell.shell-home .shop-account-link-row,
html body .shell.shell-home .shop-cart-row {
  background-image: none !important;
}

html body .shell.shell-home .shop-list-sortbar,
html body .shell.shell-home .shop-list-viewbar,
html body .shell.shell-home .shop-owner-tab-row {
  gap: 0.44rem !important;
  padding-block: 0.24rem !important;
}

/* Iteration 096b: theme toggle, aligned account rows, highlighted search, shared feed/list controls. */
html body .shell.shell-home {
  --hashop-ui-bg: #ffffff;
  --hashop-ui-panel: #ffffff;
  --hashop-ui-cell: #f6f5f1;
  --hashop-ui-ink: #111111;
  --hashop-ui-muted: #69665c;
  --hashop-ui-line: rgba(17, 17, 17, 0.1);
  --hashop-ui-line-strong: rgba(141, 123, 74, 0.34);
  --hashop-ui-accent: #8d7b4a;
  --hashop-feed-bg: #ffffff;
  --hashop-feed-ink: #111111;
  --hashop-feed-muted: #686868;
  --hashop-feed-line: rgba(17, 17, 17, 0.09);
  --hashop-feed-accent: #8d7b4a;
  color-scheme: light;
}

html body .shell.shell-home,
html body .shell.shell-home button,
html body .shell.shell-home input,
html body .shell.shell-home textarea,
html body .shell.shell-home select {
  font-family: Manrope, Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  letter-spacing: 0 !important;
}

html body .shell.shell-home button,
html body .shell.shell-home .shop-state-action,
html body .shell.shell-home .shop-owner-save,
html body .shell.shell-home .shop-owner-chip-button,
html body .shell.shell-home .shop-login-submit,
html body .shell.shell-home .shop-empty-cart-action,
html body .shell.shell-home .shop-card-add,
html body .shell.shell-home .shop-card-open {
  max-width: 100% !important;
  min-width: 0 !important;
  font-size: 0.86rem !important;
  line-height: 1.15 !important;
  overflow-wrap: anywhere !important;
}

html body .shell.shell-home .home-chrome .brand,
html body .shell.shell-home .brand {
  gap: 0.48rem !important;
  min-width: 0 !important;
}

html body .shell.shell-home .home-hash-logo {
  width: 2.12rem !important;
  height: 2.12rem !important;
  min-width: 2.12rem !important;
  min-height: 2.12rem !important;
  font-size: 1.18rem !important;
  line-height: 1 !important;
}

html body .shell.shell-home .home-brand-name,
html body .shell.shell-home .brand-name {
  font-size: 1.04rem !important;
  line-height: 1 !important;
  font-weight: 920 !important;
  letter-spacing: 0 !important;
}

html body .shell.shell-home .shop-list-panel,
html body .shell.shell-home .shop-list-grid,
html body .shell.shell-home .shop-pane-detail {
  background: var(--hashop-ui-bg) !important;
  color: var(--hashop-ui-ink) !important;
}

html body .shell.shell-home .shop-list-head {
  padding-inline: 0.02rem !important;
}

html body .shell.shell-home .shop-list-search {
  border: 1px solid var(--hashop-ui-line-strong) !important;
  border-radius: 10px !important;
  background: var(--hashop-ui-panel) !important;
  background-image: none !important;
  box-shadow: 0 0 0 3px rgba(141, 123, 74, 0.06) !important;
  transition: border-color 160ms ease, box-shadow 160ms ease, background-color 160ms ease !important;
}

html body .shell.shell-home .shop-list-search:focus-within {
  border-color: var(--hashop-ui-accent) !important;
  box-shadow: 0 0 0 3px rgba(141, 123, 74, 0.16) !important;
}

html body .shell.shell-home .shop-list-search-input {
  min-width: 0 !important;
  color: var(--hashop-ui-ink) !important;
  -webkit-text-fill-color: var(--hashop-ui-ink) !important;
  font-size: 0.94rem !important;
  font-weight: 760 !important;
  line-height: 1.2 !important;
}

html body .shell.shell-home .shop-list-search-input::placeholder {
  color: var(--hashop-ui-muted) !important;
  -webkit-text-fill-color: var(--hashop-ui-muted) !important;
  opacity: 0.78 !important;
}

html body .shell.shell-home .shop-list-sortbar,
html body .shell.shell-home .shop-list-viewbar,
html body .shell.shell-home .shop-pane-detail .shop-list-sortbar,
html body .shell.shell-home .shop-pane-detail .shop-list-viewbar,
html body .shell.shell-home .shop-owner-stack .shop-list-sortbar,
html body .shell.shell-home .shop-owner-stack .shop-list-viewbar {
  position: sticky !important;
  top: 0 !important;
  z-index: 6 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  justify-content: stretch !important;
  gap: 0.38rem 0.62rem !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 2.36rem !important;
  margin: 0 !important;
  padding: 0.34rem 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: var(--hashop-ui-bg) !important;
  background-image: none !important;
  color: var(--hashop-ui-ink) !important;
  box-shadow: none !important;
}

html body .shell.shell-home .shop-list-sortbar:not(.shop-list-viewbar) .shop-list-sort-actions {
  grid-column: 1 / -1 !important;
  justify-self: stretch !important;
  justify-content: flex-start !important;
  width: 100% !important;
}

html body .shell.shell-home .shop-list-sort-count {
  min-width: 0 !important;
  overflow: hidden !important;
  color: var(--hashop-ui-muted) !important;
  -webkit-text-fill-color: var(--hashop-ui-muted) !important;
  font-size: 0.72rem !important;
  font-weight: 820 !important;
  line-height: 1.1 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body .shell.shell-home .shop-list-sort-actions,
html body .shell.shell-home .shop-list-view-actions {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 0.6rem !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow-x: auto !important;
  scrollbar-width: none !important;
}

html body .shell.shell-home .shop-list-sort-button,
html body .shell.shell-home .shop-list-view-button {
  display: inline-grid !important;
  place-items: center !important;
  min-width: 0 !important;
  min-height: 1.92rem !important;
  padding: 0 0 0.12rem !important;
  border: 0 !important;
  border-bottom: 2px solid transparent !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  color: var(--hashop-ui-muted) !important;
  -webkit-text-fill-color: var(--hashop-ui-muted) !important;
  box-shadow: none !important;
  font-size: 0.78rem !important;
  font-weight: 860 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

html body .shell.shell-home .shop-list-sort-button.is-active,
html body .shell.shell-home .shop-list-view-button.is-active {
  border-bottom-color: var(--hashop-ui-accent) !important;
  color: var(--hashop-ui-ink) !important;
  -webkit-text-fill-color: var(--hashop-ui-ink) !important;
}

html body .shell.shell-home .shop-account-stack {
  gap: 0.82rem !important;
  width: min(100%, 34rem) !important;
  max-width: 34rem !important;
  margin-inline: auto !important;
  padding-inline: 0 !important;
}

html body .shell.shell-home[data-hashop-screen="account"] .shop-account-menu-label,
html body .shell.shell-home .shop-list-panel[data-pane-mode="account"] .shop-account-menu-label {
  display: flex !important;
  align-items: center !important;
  min-height: 1.18rem !important;
  margin: 0.16rem 0 0.04rem !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: var(--hashop-ui-muted) !important;
  -webkit-text-fill-color: var(--hashop-ui-muted) !important;
  font-size: 0.72rem !important;
  font-weight: 880 !important;
  line-height: 1.1 !important;
  text-transform: uppercase !important;
}

html body .shell.shell-home[data-hashop-screen="account"] .shop-account-menu-card,
html body .shell.shell-home .shop-list-panel[data-pane-mode="account"] .shop-account-menu-card {
  gap: 0.06rem !important;
  border: 0 !important;
  background: transparent !important;
}

html body .shell.shell-home[data-hashop-screen="account"] .shop-account-menu-row,
html body .shell.shell-home[data-hashop-screen="account"] .shop-account-link-row,
html body .shell.shell-home[data-hashop-screen="account"] .shop-account-record-row,
html body .shell.shell-home .shop-list-panel[data-pane-mode="account"] .shop-account-menu-row,
html body .shell.shell-home .shop-list-panel[data-pane-mode="account"] .shop-account-link-row,
html body .shell.shell-home .shop-list-panel[data-pane-mode="account"] .shop-account-record-row {
  grid-template-columns: 1.9rem minmax(0, 1fr) auto auto !important;
  gap: 0.64rem !important;
  min-height: 3.28rem !important;
  padding: 0.52rem 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--hashop-ui-ink) !important;
  -webkit-text-fill-color: var(--hashop-ui-ink) !important;
}

html body .shell.shell-home[data-hashop-screen="account"] .shop-account-menu-row:active,
html body .shell.shell-home[data-hashop-screen="account"] .shop-account-link-row:active,
html body .shell.shell-home .shop-list-panel[data-pane-mode="account"] .shop-account-menu-row:active,
html body .shell.shell-home .shop-list-panel[data-pane-mode="account"] .shop-account-link-row:active {
  background: var(--hashop-ui-cell) !important;
}

html body .shell.shell-home .shop-account-menu-row[aria-pressed] .shop-account-menu-arrow {
  display: none !important;
}

html body .shell.shell-home .shop-account-menu-copy strong,
html body .shell.shell-home .shop-account-profile-copy strong,
html body .shell.shell-home .shop-card-title-block strong,
html body .shell.shell-home .shop-owner-order-head strong,
html body .shell.shell-home .shop-cart-copy strong {
  color: var(--hashop-ui-ink) !important;
  -webkit-text-fill-color: var(--hashop-ui-ink) !important;
  font-size: 0.94rem !important;
  line-height: 1.16 !important;
}

html body .shell.shell-home .shop-account-menu-copy span,
html body .shell.shell-home .shop-account-menu-meta,
html body .shell.shell-home .shop-account-profile-copy span,
html body .shell.shell-home .shop-card-subtitle,
html body .shell.shell-home .shop-card-item,
html body .shell.shell-home .shop-cart-copy span {
  color: var(--hashop-ui-muted) !important;
  -webkit-text-fill-color: var(--hashop-ui-muted) !important;
  font-size: 0.74rem !important;
  line-height: 1.2 !important;
}

html body .shell.shell-home .shop-account-toggle-mark {
  width: 2.26rem !important;
  height: 1.24rem !important;
  border: 1px solid var(--hashop-ui-line-strong) !important;
  background: var(--hashop-ui-cell) !important;
}

html body .shell.shell-home .shop-account-toggle-mark > span {
  width: 0.9rem !important;
  height: 0.9rem !important;
  background: var(--hashop-ui-accent) !important;
  transition: transform 170ms ease !important;
}

html body .shell.shell-home .shop-account-toggle-mark.is-on > span {
  transform: translateX(1rem) !important;
}

html body .shell.shell-home .shop-login-field,
html body .shell.shell-home .shop-account-field,
html body .shell.shell-home .shop-owner-field,
html body .shell.shell-home .shop-owner-field-wide {
  display: grid !important;
  grid-template-columns: minmax(7.4rem, 34%) minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 0.42rem 0.62rem !important;
  text-align: left !important;
}

html body .shell.shell-home .shop-login-field > span,
html body .shell.shell-home .shop-account-field > span,
html body .shell.shell-home .shop-owner-field > span,
html body .shell.shell-home .shop-owner-field-wide > span {
  display: block !important;
  min-width: 0 !important;
  margin: 0 !important;
  text-align: left !important;
  line-height: 1.25 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

html body .shell.shell-home .shop-login-input,
html body .shell.shell-home .shop-account-textarea,
html body .shell.shell-home .shop-owner-input,
html body .shell.shell-home .shop-owner-textarea,
html body .shell.shell-home .shop-setup-address-control {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin: 0 !important;
  text-align: left !important;
  line-height: 1.35 !important;
}

html body .shell.shell-home input[autocomplete="one-time-code"],
html body .shell.shell-home input[inputmode="numeric"] {
  font-variant-numeric: tabular-nums !important;
  letter-spacing: 0.08em !important;
}

html body .shell.shell-home input[readonly],
html body .shell.shell-home input[aria-readonly="true"] {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

html body .shell.shell-home .shop-login-form .shop-state-card,
html body .shell.shell-home .shop-add-form .shop-state-card,
html body .shell.shell-home .shop-account-state-body .shop-state-card {
  display: grid !important;
  grid-template-columns: 2.4rem minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 0.2rem 0.66rem !important;
  text-align: left !important;
}

html body .shell.shell-home .shop-login-form .shop-state-card .shop-state-mark,
html body .shell.shell-home .shop-add-form .shop-state-card .shop-state-mark,
html body .shell.shell-home .shop-account-state-body .shop-state-card .shop-state-mark {
  grid-row: 1 / span 2 !important;
  grid-column: 1 !important;
  align-self: center !important;
}

html body .shell.shell-home .shop-login-form .shop-state-card strong,
html body .shell.shell-home .shop-login-form .shop-state-card > span:not(.shop-state-mark),
html body .shell.shell-home .shop-add-form .shop-state-card strong,
html body .shell.shell-home .shop-add-form .shop-state-card > span:not(.shop-state-mark),
html body .shell.shell-home .shop-account-state-body .shop-state-card strong,
html body .shell.shell-home .shop-account-state-body .shop-state-card > span:not(.shop-state-mark) {
  grid-column: 2 !important;
  min-width: 0 !important;
  max-width: 100% !important;
  text-align: left !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

@media (max-width: 420px) {
  html body .shell.shell-home .shop-login-field,
  html body .shell.shell-home .shop-account-field,
  html body .shell.shell-home .shop-owner-field,
  html body .shell.shell-home .shop-owner-field-wide {
    grid-template-columns: minmax(6.8rem, 32%) minmax(0, 1fr) !important;
  }
}

html body .shell.shell-home .shop-owner-field-wide:has(.shop-owner-logo-row) {
  align-items: center !important;
}

html body .shell.shell-home .shop-owner-field-wide:has(.shop-owner-logo-row) > span {
  align-self: center !important;
}

html body .shell.shell-home .shop-owner-field-wide:has(.shop-owner-logo-row) .shop-owner-logo-row {
  align-items: center !important;
  min-height: 0 !important;
}

html body .shell.shell-home .shop-owner-field-wide:has(.shop-owner-item-gallery),
html body .shell.shell-home .shop-owner-field-wide:has(.shop-owner-media-note) {
  align-items: center !important;
}

html body .shell.shell-home .shop-owner-field-wide:has(.shop-owner-item-gallery) > span,
html body .shell.shell-home .shop-owner-field-wide:has(.shop-owner-media-note) > span {
  align-self: center !important;
  padding-top: 0 !important;
}

html body .shell.shell-home .shop-owner-field-wide:has(.shop-owner-item-gallery) .shop-owner-item-gallery,
html body .shell.shell-home .shop-owner-field-wide:has(.shop-owner-media-note) .shop-owner-media-note,
html body .shell.shell-home .shop-owner-field-wide:has(.shop-owner-item-gallery) .shop-owner-upload-button,
html body .shell.shell-home .shop-owner-field-wide:has(.shop-owner-media-note) .shop-owner-upload-button {
  grid-column: 2 !important;
  min-width: 0 !important;
  text-align: left !important;
}

/* Iteration 101: cart list cards, opaque inventory descriptions, nested action bands. */
html body .shell.shell-home {
  --hashop-action-bg: #f6f5f0;
  --hashop-action-line: rgba(17, 17, 17, 0.1);
  --hashop-action-ink: #111111;
  --hashop-action-accent: #8d7b4a;
}

html body .shell.shell-home .shop-pane-cart-feed,
html body .shell.shell-home .shop-pane-confirm-items,
html body .shell.shell-home .shop-order-compact-items {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  align-content: start !important;
  gap: 0.72rem !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  padding: 0 !important;
  overflow: visible !important;
}

html body .shell.shell-home .shop-pane-cart-feed > .shop-cart-list-card,
html body .shell.shell-home .shop-pane-confirm-items > .shop-cart-list-card,
html body .shell.shell-home .shop-order-compact-items > .shop-cart-list-card,
html body .shell.shell-home .shop-pane-shop-feed[data-list-view="list"] > .shop-cart-list-card {
  display: grid !important;
  grid-template-columns: 2.9rem minmax(0, 1fr) !important;
  align-items: start !important;
  column-gap: 0.74rem !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  min-height: 3rem !important;
  margin: 0 !important;
  padding: 0 0 0.72rem !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(17, 17, 17, 0.08) !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  color: #111111 !important;
  -webkit-text-fill-color: #111111 !important;
  overflow: hidden !important;
}

html body .shell.shell-home .shop-pane-cart-feed > .shop-cart-list-card:last-child,
html body .shell.shell-home .shop-pane-confirm-items > .shop-cart-list-card:last-child,
html body .shell.shell-home .shop-order-compact-items > .shop-cart-list-card:last-child {
  border-bottom-color: transparent !important;
}

html body .shell.shell-home .shop-cart-list-card .shop-cart-thumb,
html body .shell.shell-home .shop-pane-shop-feed[data-list-view="list"] .shop-cart-list-card .shop-cart-thumb {
  width: 2.9rem !important;
  height: 2.9rem !important;
  min-width: 2.9rem !important;
  aspect-ratio: auto !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: #f4f2ea !important;
  background-color: #f4f2ea !important;
  background-image: none !important;
  color: #8d7b4a !important;
  -webkit-text-fill-color: #8d7b4a !important;
  overflow: hidden !important;
}

html body .shell.shell-home .shop-cart-list-card .shop-cart-thumb img {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: cover !important;
  background: #f4f2ea !important;
}

html body .shell.shell-home .shop-cart-list-card .shop-card-main,
html body .shell.shell-home .shop-cart-list-card .shop-card-title-block,
html body .shell.shell-home .shop-cart-list-card .shop-card-items {
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
}

html body .shell.shell-home .shop-cart-list-card .shop-card-topline {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) max-content !important;
  align-items: start !important;
  gap: 0.56rem !important;
}

html body .shell.shell-home .shop-cart-list-card .shop-card-title-block strong,
html body .shell.shell-home .shop-cart-list-card .shop-card-subtitle,
html body .shell.shell-home .shop-cart-list-card .shop-card-item {
  display: block !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  text-align: left !important;
}

html body .shell.shell-home .shop-cart-list-card .shop-card-title-block strong {
  color: #111111 !important;
  -webkit-text-fill-color: #111111 !important;
  font-size: 0.96rem !important;
  font-weight: 900 !important;
  line-height: 1.16 !important;
}

html body .shell.shell-home .shop-cart-list-card .shop-card-subtitle,
html body .shell.shell-home .shop-cart-list-card .shop-card-item {
  color: #666666 !important;
  -webkit-text-fill-color: #666666 !important;
  font-size: 0.73rem !important;
  line-height: 1.2 !important;
}

html body .shell.shell-home .shop-cart-list-card .shop-card-item:first-child {
  color: #171717 !important;
  -webkit-text-fill-color: #171717 !important;
  font-weight: 850 !important;
}

html body .shell.shell-home .shop-cart-list-card .shop-card-open,
html body .shell.shell-home .shop-cart-list-card .shop-item-selection {
  justify-self: end !important;
  align-self: start !important;
  max-width: 5.6rem !important;
}

html body .shell.shell-home .shop-state-action-frame,
html body .shell.shell-home .shop-owner-action-row,
html body .shell.shell-home .shop-owner-mode-row,
html body .shell.shell-home .shop-pane-confirm-actions,
html body .shell.shell-home .shop-pane-cart-actions,
html body .shell.shell-home .shop-pane-quick-actions,
html body .shell.shell-home .shop-owner-item-actions {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 0.56rem !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0.28rem 0 0 !important;
  padding: 0.58rem !important;
  border: 1px solid var(--hashop-action-line) !important;
  border-radius: 8px !important;
  background: var(--hashop-action-bg) !important;
  background-color: var(--hashop-action-bg) !important;
  background-image: none !important;
  box-shadow: none !important;
  color: var(--hashop-action-ink) !important;
  -webkit-text-fill-color: var(--hashop-action-ink) !important;
}

html body .shell.shell-home .shop-state-action-frame .shop-state-actions,
html body .shell.shell-home .shop-owner-action-row,
html body .shell.shell-home .shop-owner-mode-row,
html body .shell.shell-home .shop-pane-confirm-actions,
html body .shell.shell-home .shop-pane-cart-actions,
html body .shell.shell-home .shop-pane-quick-actions,
html body .shell.shell-home .shop-owner-item-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
}

html body .shell.shell-home .shop-state-action-frame .shop-state-actions {
  gap: 0.5rem !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body .shell.shell-home .shop-state-action-frame button,
html body .shell.shell-home .shop-state-action-frame a,
html body .shell.shell-home .shop-owner-action-row > *,
html body .shell.shell-home .shop-owner-mode-row > *,
html body .shell.shell-home .shop-pane-confirm-actions > *,
html body .shell.shell-home .shop-pane-cart-actions > *,
html body .shell.shell-home .shop-pane-quick-actions > *,
html body .shell.shell-home .shop-owner-item-actions > * {
  min-width: min(9.5rem, 100%) !important;
  flex: 1 1 auto !important;
}

html body .shell.shell-home .shop-owner-description-field {
  align-items: stretch !important;
  border-color: rgba(17, 17, 17, 0.11) !important;
  background: #f7f6f1 !important;
  background-color: #f7f6f1 !important;
  background-image: none !important;
  color: #111111 !important;
  -webkit-text-fill-color: #111111 !important;
}

html body .shell.shell-home .shop-owner-description-field .shop-owner-textarea {
  min-height: 5.25rem !important;
  padding: 0.72rem !important;
  border: 1px solid rgba(17, 17, 17, 0.1) !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  color: #111111 !important;
  -webkit-text-fill-color: #111111 !important;
  box-shadow: none !important;
}

@media (max-width: 430px) {
  html body .shell.shell-home .shop-pane-cart-feed > .shop-cart-list-card,
  html body .shell.shell-home .shop-pane-confirm-items > .shop-cart-list-card,
  html body .shell.shell-home .shop-order-compact-items > .shop-cart-list-card,
  html body .shell.shell-home .shop-pane-shop-feed[data-list-view="list"] > .shop-cart-list-card {
    grid-template-columns: 2.62rem minmax(0, 1fr) !important;
    column-gap: 0.62rem !important;
  }

  html body .shell.shell-home .shop-cart-list-card .shop-cart-thumb,
  html body .shell.shell-home .shop-pane-shop-feed[data-list-view="list"] .shop-cart-list-card .shop-cart-thumb {
    width: 2.62rem !important;
    height: 2.62rem !important;
    min-width: 2.62rem !important;
  }

  html body .shell.shell-home .shop-state-action-frame button,
  html body .shell.shell-home .shop-state-action-frame a,
  html body .shell.shell-home .shop-owner-action-row > *,
  html body .shell.shell-home .shop-owner-mode-row > *,
  html body .shell.shell-home .shop-pane-confirm-actions > *,
  html body .shell.shell-home .shop-pane-cart-actions > *,
  html body .shell.shell-home .shop-pane-quick-actions > *,
  html body .shell.shell-home .shop-owner-item-actions > * {
    min-width: 0 !important;
  }
}

/* Iteration 101b: cart cards must stay true two-column list rows. */
html body .shell.shell-home .shop-cart-list-card > .shop-cart-thumb,
html body .shell.shell-home .shop-pane-shop-feed[data-list-view="list"] > .shop-cart-list-card > .shop-cart-thumb,
html body .shell.shell-home .shop-pane-confirm-items > .shop-cart-list-card > .shop-cart-thumb,
html body .shell.shell-home .shop-order-compact-items > .shop-cart-list-card > .shop-cart-thumb {
  grid-column: 1 !important;
  grid-row: 1 !important;
  align-self: start !important;
}

html body .shell.shell-home .shop-cart-list-card > .shop-card-main,
html body .shell.shell-home .shop-pane-shop-feed[data-list-view="list"] > .shop-cart-list-card > .shop-card-main,
html body .shell.shell-home .shop-pane-confirm-items > .shop-cart-list-card > .shop-card-main,
html body .shell.shell-home .shop-order-compact-items > .shop-cart-list-card > .shop-card-main {
  grid-column: 2 !important;
  grid-row: 1 !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  align-self: start !important;
}

html body .shell.shell-home .shop-cart-list-card .shop-card-title-block {
  width: auto !important;
  min-width: 0 !important;
}

/* Iteration 101c: panel bar must not leak past the state frame edge. */
html body .shell.shell-home .shop-list-panel .shop-panel-bar,
html body .shell.shell-home .shop-list-panel.is-shop-view .shop-panel-bar,
html body .shell.shell-home .shop-list-panel[data-pane-mode] .shop-panel-bar {
  box-sizing: border-box !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  margin-inline: 0 !important;
  transform: none !important;
}

/* Iteration 102: state substates and cart rows share the base item/list system. */
html body .shell.shell-home .shop-state-substate {
  display: grid !important;
  gap: 0.52rem !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0.66rem 0 0 !important;
  padding: 0.62rem 0 0 !important;
  border: 0 !important;
  border-top: 1px solid rgba(17, 17, 17, 0.1) !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

html body .shell.shell-home .shop-state-substate-label {
  display: block !important;
  min-width: 0 !important;
  color: #6b6b6b !important;
  -webkit-text-fill-color: #6b6b6b !important;
  font-size: 0.72rem !important;
  font-weight: 850 !important;
  line-height: 1.1 !important;
  text-align: left !important;
}

html body .shell.shell-home .shop-state-substate-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 0.5rem !important;
  width: 100% !important;
  min-width: 0 !important;
}

html body .shell.shell-home .shop-state-substate-actions > .shop-state-action {
  flex: 1 1 auto !important;
  min-width: min(9rem, 100%) !important;
}

html body .shell.shell-home .shop-pane-cart-feed > .shop-cart-list-card,
html body .shell.shell-home .shop-pane-confirm-items > .shop-cart-list-card,
html body .shell.shell-home .shop-order-compact-items > .shop-cart-list-card,
html body .shell.shell-home .shop-pane-shop-feed[data-list-view="list"] > .shop-cart-list-card {
  grid-template-columns: 2.9rem minmax(0, 1fr) !important;
}

html body .shell.shell-home .shop-cart-list-card > .shop-card-thumb {
  grid-column: 1 !important;
  grid-row: 1 !important;
}

html body .shell.shell-home .shop-cart-list-card > .shop-card-main {
  grid-column: 2 !important;
  grid-row: 1 !important;
  width: auto !important;
  min-width: 0 !important;
}

@media (max-width: 430px) {
  html body .shell.shell-home .shop-state-substate-actions > .shop-state-action {
    min-width: 0 !important;
  }
}

html body .shell.shell-home .map-user-marker.is-map-point {
  width: 1rem !important;
  height: 1rem !important;
  background: #ffffff !important;
  border-color: #d0a64b !important;
  box-shadow: 0 0 0 4px rgba(208, 166, 75, 0.18), 0 8px 18px rgba(0, 0, 0, 0.28) !important;
}

html body .shell.shell-home .map-user-marker.is-map-point::before,
html body .shell.shell-home .map-user-marker.is-map-point::after {
  border-color: rgba(208, 166, 75, 0.5) !important;
}

/* Iteration 104: buyer-first surface hygiene and motion. */
html,
body,
html body:has(.shell.shell-home) {
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
}

html body .shell.shell-home {
  --hashop-polish-bg: var(--hashop-ui-bg, #ffffff);
  --hashop-polish-ink: var(--hashop-ui-ink, #111111);
  --hashop-polish-muted: var(--hashop-ui-muted, #666666);
  --hashop-polish-line: var(--hashop-ui-line, rgba(17, 17, 17, 0.1));
  --hashop-polish-accent: var(--hashop-ui-accent, #8d7b4a);
  --hashop-list-gap: 0.18rem !important;
  --hashop-list-frame-top: 0.34rem !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
}

html body .shell.shell-home .home-stage,
html body .shell.shell-home .shop-list-panel,
html body .shell.shell-home .shop-list-panel[data-pane-mode],
html body .shell.shell-home .shop-list-grid,
html body .shell.shell-home .shop-pane-detail,
html body .shell.shell-home .shop-account-stack,
html body .shell.shell-home .shop-owner-stack {
  min-width: 0 !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
}

html body .shell.shell-home .shop-list-panel.is-root-view,
html body .shell.shell-home .shop-list-panel[data-pane-mode="home"],
html body .shell.shell-home .shop-list-panel[data-pane-mode="search"],
html body .shell.shell-home .shop-list-panel[data-pane-mode="contact"],
html body .shell.shell-home .shop-list-panel[data-pane-mode="shop"],
html body .shell.shell-home .shop-list-panel[data-pane-mode="cart"],
html body .shell.shell-home .shop-list-panel[data-pane-mode="owner-shop"],
html body .shell.shell-home .shop-list-panel[data-pane-mode="owner-manage"],
html body .shell.shell-home .shop-list-panel[data-pane-mode="owner-orders"],
html body .shell.shell-home .shop-list-panel[data-pane-mode="owner-items"] {
  --hashop-row-gap: 0.18rem !important;
  --hashop-sheet-top: 0.34rem !important;
  background: var(--hashop-polish-bg) !important;
  background-color: var(--hashop-polish-bg) !important;
  background-image: none !important;
}

html body .shell.shell-home .shop-list-panel .shop-list-head,
html body .shell.shell-home .shop-list-panel.is-root-view .shop-list-head,
html body .shell.shell-home .shop-list-panel[data-pane-mode] .shop-list-head {
  isolation: isolate !important;
  overflow: visible !important;
  background: var(--hashop-polish-bg) !important;
  background-color: var(--hashop-polish-bg) !important;
  background-image: none !important;
  transition: none !important;
  box-shadow:
    0 -0.42rem 0 0.42rem var(--hashop-polish-bg),
    0 0.42rem 0 0 var(--hashop-polish-bg) !important;
}

html body .shell.shell-home .shop-list-panel .shop-list-head::before,
html body .shell.shell-home .shop-list-panel .shop-list-head::after,
html body .shell.shell-home .shop-list-panel.is-root-view .shop-list-head::before,
html body .shell.shell-home .shop-list-panel.is-root-view .shop-list-head::after,
html body .shell.shell-home .shop-list-panel[data-pane-mode] .shop-list-head::before,
html body .shell.shell-home .shop-list-panel[data-pane-mode] .shop-list-head::after {
  content: none !important;
  display: none !important;
}

html body .shell.shell-home .shop-list-search {
  overflow: hidden !important;
  background: var(--hashop-polish-bg) !important;
  background-color: var(--hashop-polish-bg) !important;
  background-image: none !important;
}

html body .shell.shell-home .shop-list-grid {
  clip-path: inset(0) !important;
  background: var(--hashop-polish-bg) !important;
  background-color: var(--hashop-polish-bg) !important;
  background-image: none !important;
  scrollbar-gutter: stable both-edges;
}

html body .shell.shell-home .shop-list-grid > .shop-list-sortbar,
html body .shell.shell-home .shop-list-grid > .shop-list-viewbar,
html body .shell.shell-home .shop-pane-detail .shop-list-sortbar,
html body .shell.shell-home .shop-pane-detail .shop-list-viewbar,
html body .shell.shell-home .shop-owner-stack .shop-list-sortbar,
html body .shell.shell-home .shop-owner-stack .shop-list-viewbar {
  top: 0 !important;
  z-index: 12 !important;
  background: var(--hashop-polish-bg) !important;
  background-color: var(--hashop-polish-bg) !important;
  background-image: none !important;
  box-shadow:
    0 -0.5rem 0 0.5rem var(--hashop-polish-bg),
    0 0.4rem 0 0 var(--hashop-polish-bg) !important;
}

html body .shell.shell-home .shop-list-sort-count,
html body .shell.shell-home .shop-list-sort-button,
html body .shell.shell-home .shop-list-view-button,
html body .shell.shell-home .home-bottom-link span:last-child,
html body .shell.shell-home .shop-card-open,
html body .shell.shell-home .shop-card-add {
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body .shell.shell-home .shop-card,
html body .shell.shell-home .shop-card-main,
html body .shell.shell-home .shop-card-topline,
html body .shell.shell-home .shop-card-title-block,
html body .shell.shell-home .shop-card-items,
html body .shell.shell-home .shop-account-menu-row,
html body .shell.shell-home .shop-account-menu-copy,
html body .shell.shell-home .shop-owner-order-card,
html body .shell.shell-home .shop-owner-order-head,
html body .shell.shell-home .shop-owner-order-title {
  min-width: 0 !important;
  max-width: 100% !important;
}

html body .shell.shell-home .shop-card-title-block strong,
html body .shell.shell-home .shop-card-subtitle,
html body .shell.shell-home .shop-account-menu-copy strong,
html body .shell.shell-home .shop-account-menu-copy span,
html body .shell.shell-home .shop-owner-order-title strong,
html body .shell.shell-home .shop-owner-order-title span {
  overflow: hidden !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
  text-align: left !important;
}

html body .shell.shell-home .shop-card-title-block strong,
html body .shell.shell-home .shop-account-menu-copy strong,
html body .shell.shell-home .shop-owner-order-title strong {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}

html body .shell.shell-home .shop-card-subtitle,
html body .shell.shell-home .shop-account-menu-copy span,
html body .shell.shell-home .shop-owner-order-title span {
  display: block !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body .shell.shell-home .shop-card-item {
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body .shell.shell-home .home-bottom-link,
html body .shell.shell-home .shop-list-sort-button,
html body .shell.shell-home .shop-list-view-button,
html body .shell.shell-home .shop-account-menu-row,
html body .shell.shell-home .shop-card,
html body .shell.shell-home .shop-state-action,
html body .shell.shell-home .shop-login-submit,
html body .shell.shell-home .shop-owner-save {
  transition:
    color 180ms ease,
    border-color 180ms ease,
    background-color 180ms ease,
    opacity 180ms ease,
    transform 220ms cubic-bezier(0.2, 0.78, 0.2, 1) !important;
}

html body .shell.shell-home.is-state-transitioning .shop-list-grid > *,
html body .shell.shell-home.is-state-transitioning .shop-pane-detail > *,
html body .shell.shell-home.is-state-transitioning .shop-account-stack > *,
html body .shell.shell-home.is-state-transitioning .shop-owner-stack > * {
  animation: hashop-state-settle 220ms cubic-bezier(0.2, 0.78, 0.2, 1) both !important;
}

@keyframes hashop-state-settle {
  from {
    opacity: 0.84;
    transform: translateY(0.28rem);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (prefers-reduced-motion: reduce) {
  html body .shell.shell-home *,
  html body .shell.shell-home.is-state-transitioning * {
    animation: none !important;
    transition-duration: 1ms !important;
  }
}

html body .shell.shell-home .shop-account-menu-row.shop-account-manage-toggle::before,
html body .shell.shell-home .shop-account-menu-row.shop-account-manage-toggle::after {
  content: none !important;
  display: none !important;
}

html body .shell.shell-home .shop-account-menu-row[aria-pressed] {
  grid-template-columns: 1.9rem minmax(0, 1fr) auto !important;
}

html body .shell.shell-home .shop-account-toggle-mark {
  position: relative !important;
  display: inline-block !important;
  justify-self: end !important;
  flex: 0 0 auto !important;
  width: 2.34rem !important;
  height: 1.28rem !important;
  border: 1px solid var(--hashop-ui-line-strong, rgba(17, 17, 17, 0.2)) !important;
  border-radius: 999px !important;
  background: var(--hashop-ui-cell, #f4f2ed) !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.32) !important;
  overflow: hidden !important;
  transition:
    background-color 170ms ease,
    border-color 170ms ease,
    box-shadow 170ms ease !important;
}

html body .shell.shell-home .shop-account-toggle-mark > span {
  position: absolute !important;
  top: 50% !important;
  left: 0.16rem !important;
  width: 0.92rem !important;
  height: 0.92rem !important;
  border-radius: 999px !important;
  background: var(--hashop-ui-ink, #111111) !important;
  transform: translate(0, -50%) !important;
  transition:
    transform 180ms cubic-bezier(0.2, 0.78, 0.2, 1),
    background-color 170ms ease !important;
}

html body .shell.shell-home .shop-account-toggle-mark.is-on {
  border-color: var(--hashop-ui-accent, #8d7b4a) !important;
  background: rgba(141, 123, 74, 0.14) !important;
}

html body .shell.shell-home .shop-account-toggle-mark.is-on > span {
  left: 0.16rem !important;
  background: var(--hashop-ui-accent, #8d7b4a) !important;
  transform: translate(1.02rem, -50%) !important;
}

html body .shell.shell-home .shop-account-profile-view {
  display: grid !important;
  gap: 0.82rem !important;
  width: 100% !important;
  min-width: 0 !important;
}

html body .shell.shell-home .shop-account-profile-hero {
  display: grid !important;
  grid-template-columns: 3.7rem minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 0.86rem !important;
  min-width: 0 !important;
  padding: 0.18rem 0 0.42rem !important;
  border-bottom: 1px solid var(--hashop-ui-line, rgba(17, 17, 17, 0.1)) !important;
}

html body .shell.shell-home .shop-account-avatar.is-large {
  width: 3.45rem !important;
  height: 3.45rem !important;
  font-size: 1.12rem !important;
}

html body .shell.shell-home .shop-account-profile-details {
  display: grid !important;
  gap: 0 !important;
  border-top: 1px solid var(--hashop-ui-line, rgba(17, 17, 17, 0.1)) !important;
}

html body .shell.shell-home .shop-account-map-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 0.74rem !important;
  width: 100% !important;
  min-width: 0 !important;
  padding: 0.3rem 0 0 !important;
}

html body .shell.shell-home .shop-account-map-row > span {
  min-width: 0 !important;
  overflow: hidden !important;
  color: var(--hashop-ui-muted, #666666) !important;
  -webkit-text-fill-color: var(--hashop-ui-muted, #666666) !important;
  font-size: 0.76rem !important;
  font-weight: 760 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body .shell.shell-home .shop-list-panel .shop-list-head,
html body .shell.shell-home .shop-list-panel .shop-list-grid > .shop-list-sortbar,
html body .shell.shell-home .shop-list-panel .shop-list-grid > .shop-list-viewbar {
  isolation: isolate !important;
  z-index: 30 !important;
  background: var(--hashop-polish-bg, var(--hashop-ui-bg, #ffffff)) !important;
  background-color: var(--hashop-polish-bg, var(--hashop-ui-bg, #ffffff)) !important;
  background-image: none !important;
  box-shadow:
    0 -0.8rem 0 0.8rem var(--hashop-polish-bg, var(--hashop-ui-bg, #ffffff)),
    0 0.48rem 0 0 var(--hashop-polish-bg, var(--hashop-ui-bg, #ffffff)) !important;
}

html body .shell.shell-home .shop-list-panel .shop-list-grid > .shop-list-sortbar,
html body .shell.shell-home .shop-list-panel .shop-list-grid > .shop-list-viewbar {
  margin-top: 0 !important;
  border-top: 0 !important;
}

/* Iteration 112: mobile feed cards should read as rows, not squeezed columns. */
html body .shell.shell-home .shop-list-sort-button,
html body .shell.shell-home .shop-list-view-button {
  width: 2.55rem !important;
  min-width: 2.28rem !important;
  min-height: 2rem !important;
  padding-inline: 0.2rem !important;
}

@media (max-width: 700px) {
  html body .shell.shell-home .shop-list-grid[data-list-view="feed"] {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 0 !important;
  }

  html body .shell.shell-home .shop-list-panel .shop-list-grid[data-list-view="feed"] > .shop-card,
  html body .shell.shell-home .shop-list-panel .shop-list-grid[data-list-view="feed"] > .shop-discovery-card,
  html body .shell.shell-home .shop-list-panel .shop-list-grid[data-list-view="feed"] > .shop-item-discovery-card {
    grid-template-columns: 5.5rem minmax(0, 1fr) !important;
    grid-template-rows: auto !important;
    gap: 0.72rem !important;
    min-height: 6.95rem !important;
    padding: 0.76rem 0.08rem 0.78rem 0 !important;
    border-bottom: 1px solid rgba(17, 17, 17, 0.08) !important;
  }

  html body .shell.shell-home .shop-list-grid[data-list-view="feed"] .shop-card-thumb {
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: 5.5rem !important;
    height: 5.5rem !important;
    min-width: 5.5rem !important;
    min-height: 5.5rem !important;
    max-width: 5.5rem !important;
    aspect-ratio: 1 / 1 !important;
  }

  html body .shell.shell-home .shop-list-grid[data-list-view="feed"] .shop-card-main {
    grid-column: 2 !important;
    grid-row: 1 !important;
    align-self: center !important;
    gap: 0.24rem !important;
  }

  html body .shell.shell-home .shop-list-grid[data-list-view="feed"] .shop-card-topline {
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: start !important;
    gap: 0.58rem !important;
  }

  html body .shell.shell-home .shop-list-grid[data-list-view="feed"] .shop-card-title-block strong {
    font-size: 1rem !important;
    line-height: 1.18 !important;
    -webkit-line-clamp: 2 !important;
  }

  html body .shell.shell-home .shop-list-grid[data-list-view="feed"] .shop-card-open,
  html body .shell.shell-home .shop-list-grid[data-list-view="feed"] .shop-card-add,
  html body .shell.shell-home .shop-list-grid[data-list-view="feed"] .shop-item-qty-chip {
    min-width: 2.65rem !important;
    min-height: 2rem !important;
    max-width: 5rem !important;
    display: inline-grid !important;
    place-items: center end !important;
    padding: 0 !important;
    font-size: 0.74rem !important;
  }

  html body .shell.shell-home .shop-list-grid[data-list-view="feed"] .shop-card-items {
    gap: 0.06rem !important;
  }

  html body .shell.shell-home .shop-list-grid[data-list-view="feed"] .shop-card-item {
    font-size: 0.76rem !important;
    line-height: 1.22 !important;
  }

  html body .shell.shell-home .shop-list-sort-button,
  html body .shell.shell-home .shop-list-view-button {
    width: 2.55rem !important;
    min-width: 2.28rem !important;
    min-height: 2rem !important;
    padding-inline: 0.2rem !important;
  }
}

html body .shell.shell-home[data-hashop-screen="account"] {
  overscroll-behavior-y: none !important;
}

html body .shell.shell-home[data-hashop-screen="account"] .shop-list-panel[data-pane-mode="account"],
html body .shell.shell-home[data-hashop-screen="account"] .shop-list-panel[data-pane-mode="account"] .shop-list-grid,
html body .shell.shell-home[data-hashop-screen="account"] .shop-list-panel[data-pane-mode="account"] .shop-account-stack {
  overscroll-behavior-y: none !important;
}

html body .shell.shell-home[data-hashop-screen="account"] .shop-list-panel[data-pane-mode="account"] .shop-list-grid {
  padding-bottom: calc(3.35rem + env(safe-area-inset-bottom, 0px)) !important;
  scroll-padding-bottom: calc(3.35rem + env(safe-area-inset-bottom, 0px)) !important;
}

html body .shell.shell-home[data-hashop-screen="account"] .shop-list-panel[data-pane-mode="account"] .shop-account-stack {
  padding-bottom: 0.12rem !important;
}

html body .shell.shell-home[data-hashop-screen="account"] .shop-list-panel[data-pane-mode="account"] .shop-account-menu-card:last-child,
html body .shell.shell-home[data-hashop-screen="account"] .shop-list-panel[data-pane-mode="account"] .shop-account-signout-card:last-child,
html body .shell.shell-home[data-hashop-screen="account"] .shop-list-panel[data-pane-mode="account"] .shop-account-section:last-child {
  margin-bottom: 0 !important;
}

html body .shell.shell-home .shop-empty-cart-card {
  position: relative !important;
  display: grid !important;
  justify-items: center !important;
  gap: 0.82rem !important;
  width: min(100%, 25rem) !important;
  margin: 0.35rem auto 0 !important;
  padding: 1.08rem 0.94rem 1rem !important;
  border: 1px solid rgba(17, 17, 17, 0.1) !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  background-image: none !important;
  color: #111111 !important;
  box-shadow: none !important;
}

html body .shell.shell-home .shop-empty-cart-card::before,
html body .shell.shell-home .shop-empty-cart-card::after {
  content: none !important;
  display: none !important;
}

html body .shell.shell-home .shop-empty-cart-visual {
  position: relative !important;
  width: 7.3rem !important;
  height: 5.75rem !important;
  min-width: 7.3rem !important;
  min-height: 5.75rem !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

html body .shell.shell-home .shop-empty-cart-buddy {
  position: absolute !important;
  top: 0.18rem !important;
  left: 50% !important;
  z-index: 2 !important;
  display: block !important;
  width: 3.75rem !important;
  height: 3.35rem !important;
  border: 1.5px solid #8d7b4a !important;
  border-radius: 42% 42% 38% 38% / 50% 50% 34% 34% !important;
  background: #ffffff !important;
  background-image: none !important;
  box-shadow: 0 0.24rem 0 rgba(141, 123, 74, 0.09) !important;
  transform: translateX(-50%) !important;
}

html body .shell.shell-home .shop-empty-cart-buddy::before,
html body .shell.shell-home .shop-empty-cart-buddy::after {
  content: "" !important;
  position: absolute !important;
  top: 0.42rem !important;
  width: 0.36rem !important;
  height: 0.48rem !important;
  border: 1px solid rgba(141, 123, 74, 0.7) !important;
  background: #ffffff !important;
}

html body .shell.shell-home .shop-empty-cart-buddy::before {
  left: -0.28rem !important;
  border-right: 0 !important;
  border-radius: 0.42rem 0 0 0.42rem !important;
}

html body .shell.shell-home .shop-empty-cart-buddy::after {
  right: -0.28rem !important;
  border-left: 0 !important;
  border-radius: 0 0.42rem 0.42rem 0 !important;
}

html body .shell.shell-home .shop-empty-cart-buddy-eye {
  position: absolute !important;
  top: 1.22rem !important;
  display: block !important;
  width: 0.34rem !important;
  height: 0.34rem !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #111111 !important;
  box-shadow: none !important;
}

html body .shell.shell-home .shop-empty-cart-buddy-eye:first-child {
  left: 1.06rem !important;
}

html body .shell.shell-home .shop-empty-cart-buddy-eye:nth-child(2) {
  right: 1.06rem !important;
}

html body .shell.shell-home .shop-empty-cart-buddy-smile {
  position: absolute !important;
  left: 50% !important;
  top: 1.82rem !important;
  display: block !important;
  width: 0.88rem !important;
  height: 0.44rem !important;
  border: 1.5px solid #8d7b4a !important;
  border-top: 0 !important;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
  border-radius: 0 0 999px 999px !important;
  background: transparent !important;
  transform: translateX(-50%) !important;
}

html body .shell.shell-home .shop-empty-cart-basket {
  position: absolute !important;
  left: 50% !important;
  bottom: 0.34rem !important;
  display: block !important;
  width: 5.55rem !important;
  height: 2.15rem !important;
  border: 1.5px solid #8d7b4a !important;
  border-top: 0 !important;
  border-radius: 0 0 0.76rem 0.76rem !important;
  background: #fbfaf7 !important;
  background-image: none !important;
  box-shadow: 0 0.18rem 0 rgba(17, 17, 17, 0.05) !important;
  transform: translateX(-50%) !important;
}

html body .shell.shell-home .shop-empty-cart-basket::before {
  content: "" !important;
  position: absolute !important;
  left: 0.62rem !important;
  right: 0.62rem !important;
  top: -0.46rem !important;
  height: 0.64rem !important;
  border: 1.5px solid #8d7b4a !important;
  border-bottom: 0 !important;
  border-radius: 999px 999px 0 0 !important;
  background: transparent !important;
}

html body .shell.shell-home .shop-empty-cart-basket::after {
  content: "" !important;
  position: absolute !important;
  left: 1rem !important;
  right: 1rem !important;
  bottom: -0.36rem !important;
  height: 0.36rem !important;
  border-radius: 999px !important;
  background:
    radial-gradient(circle at 0.18rem 0.18rem, #8d7b4a 0 0.15rem, transparent 0.16rem),
    radial-gradient(circle at calc(100% - 0.18rem) 0.18rem, #8d7b4a 0 0.15rem, transparent 0.16rem) !important;
}

html body .shell.shell-home .shop-empty-cart-basket-rib,
html body .shell.shell-home .shop-empty-cart-basket > span {
  position: absolute !important;
  top: 0.38rem !important;
  display: block !important;
  width: 1px !important;
  height: 1.18rem !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: rgba(141, 123, 74, 0.72) !important;
}

html body .shell.shell-home .shop-empty-cart-basket-rib:first-child {
  left: 1.54rem !important;
}

html body .shell.shell-home .shop-empty-cart-basket-rib:nth-child(2) {
  left: 50% !important;
  transform: translateX(-50%) !important;
}

html body .shell.shell-home .shop-empty-cart-basket-rib:nth-child(3) {
  right: 1.54rem !important;
}

html body .shell.shell-home .shop-empty-cart-copy {
  display: grid !important;
  justify-items: center !important;
  gap: 0.22rem !important;
  width: 100% !important;
  text-align: center !important;
}

html body .shell.shell-home .shop-empty-cart-copy strong {
  max-width: 100% !important;
  color: #111111 !important;
  -webkit-text-fill-color: #111111 !important;
  font-size: 1.08rem !important;
  line-height: 1.18 !important;
  overflow-wrap: anywhere !important;
}

html body .shell.shell-home .shop-empty-cart-copy p {
  max-width: 18.6rem !important;
  margin: 0 !important;
  color: #69665c !important;
  -webkit-text-fill-color: #69665c !important;
  font-size: 0.84rem !important;
  line-height: 1.34 !important;
}

html body .shell.shell-home .shop-empty-cart-card .shop-state-substate {
  width: 100% !important;
  margin: 0.1rem 0 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

html body .shell.shell-home .shop-empty-cart-card .shop-state-substate-actions {
  display: flex !important;
  justify-content: center !important;
  width: 100% !important;
}

html body .shell.shell-home .shop-empty-cart-card .shop-state-action {
  min-width: 8.4rem !important;
  min-height: 2.42rem !important;
  border: 1px solid #111111 !important;
  border-radius: 8px !important;
  background: #111111 !important;
  background-image: none !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: none !important;
}

html body .shell.shell-home .shop-list-panel[data-pane-mode="setup"] .shop-login-input,
html body .shell.shell-home .shop-list-panel[data-pane-mode="setup"] .shop-account-textarea {
  min-height: 2.42rem !important;
  line-height: 1.25 !important;
}

/* Iteration 119: dark mode is token conversion, not a second component system. */
html {
  --hashop-theme-bg: #ffffff;
  --hashop-theme-panel: #ffffff;
  --hashop-theme-surface: #ffffff;
  --hashop-theme-soft: #f6f5f1;
  --hashop-theme-thumb: #f4f1e8;
  --hashop-theme-text: #111111;
  --hashop-theme-muted: #69665c;
  --hashop-theme-soft-text: #8d8779;
  --hashop-theme-line: rgba(17, 17, 17, 0.1);
  --hashop-theme-line-strong: rgba(141, 123, 74, 0.34);
  --hashop-theme-accent: #8d7b4a;
  --hashop-theme-action-bg: #111111;
  --hashop-theme-action-text: #ffffff;
  --hashop-theme-action-soft: #ffffff;
  --hashop-theme-map-shell: #d7d0bf;
}

html[data-hashop-theme="dark"] {
  --hashop-theme-bg: #050505;
  --hashop-theme-panel: #050505;
  --hashop-theme-surface: #10100e;
  --hashop-theme-soft: #111111;
  --hashop-theme-thumb: #151410;
  --hashop-theme-text: #f7f4ea;
  --hashop-theme-muted: #aaa391;
  --hashop-theme-soft-text: #8d8779;
  --hashop-theme-line: rgba(247, 244, 234, 0.12);
  --hashop-theme-line-strong: rgba(188, 165, 94, 0.42);
  --hashop-theme-accent: #bca55e;
  --hashop-theme-action-bg: #10100e;
  --hashop-theme-action-text: #d8c47a;
  --hashop-theme-action-soft: #10100e;
  --hashop-theme-map-shell: #11100b;
}

html:has(.shell-home),
html:has(.shell-home) body {
  background: var(--hashop-theme-bg) !important;
  background-color: var(--hashop-theme-bg) !important;
}

html body .shell.shell-home.shell-home.shell-home,
html body .shell.shell-home.shell-home.shell-home[data-hashop-map-theme="dark"] {
  --hashop-ui-bg: var(--hashop-theme-bg) !important;
  --hashop-ui-panel: var(--hashop-theme-panel) !important;
  --hashop-ui-cell: var(--hashop-theme-soft) !important;
  --hashop-ui-cell-strong: var(--hashop-theme-surface) !important;
  --hashop-ui-ink: var(--hashop-theme-text) !important;
  --hashop-ui-muted: var(--hashop-theme-muted) !important;
  --hashop-ui-line: var(--hashop-theme-line) !important;
  --hashop-ui-line-strong: var(--hashop-theme-line-strong) !important;
  --hashop-ui-accent: var(--hashop-theme-accent) !important;
  --hashop-feed-bg: var(--hashop-theme-bg) !important;
  --hashop-feed-ink: var(--hashop-theme-text) !important;
  --hashop-feed-muted: var(--hashop-theme-muted) !important;
  --hashop-feed-line: var(--hashop-theme-line) !important;
  --hashop-feed-accent: var(--hashop-theme-accent) !important;
  --hashop-polish-bg: var(--hashop-theme-bg) !important;
  --hashop-polish-ink: var(--hashop-theme-text) !important;
  --hashop-polish-muted: var(--hashop-theme-muted) !important;
  --hashop-polish-line: var(--hashop-theme-line) !important;
  --hashop-polish-accent: var(--hashop-theme-accent) !important;
  --hashop-auth-bg: var(--hashop-theme-bg) !important;
  --hashop-auth-panel: var(--hashop-theme-panel) !important;
  --hashop-auth-ink: var(--hashop-theme-text) !important;
  --hashop-auth-muted: var(--hashop-theme-muted) !important;
  --hashop-auth-soft: var(--hashop-theme-soft) !important;
  --hashop-auth-line: var(--hashop-theme-line) !important;
  --hashop-auth-line-strong: var(--hashop-theme-line-strong) !important;
  --hashop-auth-accent: var(--hashop-theme-accent) !important;
  background: var(--hashop-theme-bg) !important;
  background-color: var(--hashop-theme-bg) !important;
  background-image: none !important;
  color: var(--hashop-theme-text) !important;
  color-scheme: light !important;
}

html body .shell.shell-home.shell-home.shell-home[data-hashop-map-theme="dark"] {
  color-scheme: dark !important;
}

html body .shell.shell-home.shell-home.shell-home .home-stage,
html body .shell.shell-home.shell-home.shell-home .home-chrome,
html body .shell.shell-home.shell-home.shell-home .shop-list-panel,
html body .shell.shell-home.shell-home.shell-home .shop-list-grid,
html body .shell.shell-home.shell-home.shell-home .shop-pane-detail,
html body .shell.shell-home.shell-home.shell-home .shop-pane-body,
html body .shell.shell-home.shell-home.shell-home .shop-pane-items,
html body .shell.shell-home.shell-home.shell-home .shop-pane-shop-feed,
html body .shell.shell-home.shell-home.shell-home .shop-account-stack,
html body .shell.shell-home.shell-home.shell-home .shop-owner-stack,
html body .shell.shell-home.shell-home.shell-home .shop-login-pane,
html body .shell.shell-home.shell-home.shell-home .shop-setup-pane,
html body .shell.shell-home.shell-home.shell-home .shop-buyer-account-pane,
html body .shell.shell-home.shell-home.shell-home .shop-owner-shell {
  background: var(--hashop-theme-bg) !important;
  background-color: var(--hashop-theme-bg) !important;
  background-image: none !important;
  color: var(--hashop-theme-text) !important;
  -webkit-text-fill-color: currentColor !important;
  box-shadow: none !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-list-head,
html body .shell.shell-home.shell-home.shell-home .shop-panel-bar,
html body .shell.shell-home.shell-home.shell-home .shop-owner-bar,
html body .shell.shell-home.shell-home.shell-home .shop-list-grid > .shop-list-sortbar,
html body .shell.shell-home.shell-home.shell-home .shop-list-grid > .shop-list-viewbar {
  background: var(--hashop-theme-bg) !important;
  background-color: var(--hashop-theme-bg) !important;
  background-image: none !important;
  color: var(--hashop-theme-text) !important;
  -webkit-text-fill-color: currentColor !important;
  border-color: var(--hashop-theme-line) !important;
  box-shadow:
    0 -1rem 0 1rem var(--hashop-theme-bg),
    0 0.46rem 0 0 var(--hashop-theme-bg) !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-list-search {
  border-color: var(--hashop-theme-line-strong) !important;
  background: var(--hashop-theme-panel) !important;
  background-color: var(--hashop-theme-panel) !important;
  background-image: none !important;
  color: var(--hashop-theme-text) !important;
  -webkit-text-fill-color: currentColor !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--hashop-theme-accent) 14%, transparent) !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-list-search-input,
html body .shell.shell-home.shell-home.shell-home .shop-login-input,
html body .shell.shell-home.shell-home.shell-home .shop-account-textarea,
html body .shell.shell-home.shell-home.shell-home .shop-owner-input,
html body .shell.shell-home.shell-home.shell-home .shop-owner-textarea,
html body .shell.shell-home.shell-home.shell-home input,
html body .shell.shell-home.shell-home.shell-home textarea,
html body .shell.shell-home.shell-home.shell-home select {
  border-color: var(--hashop-theme-line) !important;
  background: var(--hashop-theme-panel) !important;
  background-color: var(--hashop-theme-panel) !important;
  background-image: none !important;
  color: var(--hashop-theme-text) !important;
  -webkit-text-fill-color: var(--hashop-theme-text) !important;
  caret-color: var(--hashop-theme-accent) !important;
  box-shadow: none !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-list-search-input::placeholder,
html body .shell.shell-home.shell-home.shell-home .shop-login-input::placeholder,
html body .shell.shell-home.shell-home.shell-home .shop-account-textarea::placeholder,
html body .shell.shell-home.shell-home.shell-home .shop-owner-input::placeholder,
html body .shell.shell-home.shell-home.shell-home .shop-owner-textarea::placeholder {
  color: var(--hashop-theme-muted) !important;
  -webkit-text-fill-color: var(--hashop-theme-muted) !important;
  opacity: 0.78 !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-card,
html body .shell.shell-home.shell-home.shell-home .shop-discovery-card,
html body .shell.shell-home.shell-home.shell-home .shop-item-discovery-card,
html body .shell.shell-home.shell-home.shell-home .shop-pane-shop-feed > .shop-card {
  opacity: 1 !important;
  filter: none !important;
  border-color: var(--hashop-theme-line) !important;
  background: var(--hashop-theme-bg) !important;
  background-color: var(--hashop-theme-bg) !important;
  background-image: none !important;
  color: var(--hashop-theme-text) !important;
  -webkit-text-fill-color: currentColor !important;
  box-shadow: none !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-list-grid > .shop-card::before,
html body .shell.shell-home.shell-home.shell-home .shop-list-grid > .shop-card::after,
html body .shell.shell-home.shell-home.shell-home .shop-list-grid > .shop-discovery-card::before,
html body .shell.shell-home.shell-home.shell-home .shop-list-grid > .shop-discovery-card::after,
html body .shell.shell-home.shell-home.shell-home .shop-list-grid > .shop-item-discovery-card::before,
html body .shell.shell-home.shell-home.shell-home .shop-list-grid > .shop-item-discovery-card::after {
  content: none !important;
  display: none !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-card-thumb,
html body .shell.shell-home.shell-home.shell-home .shop-cart-thumb,
html body .shell.shell-home.shell-home.shell-home .shop-payment-qr-image,
html body .shell.shell-home.shell-home.shell-home .shop-account-avatar,
html body .shell.shell-home.shell-home.shell-home .shop-state-mark,
html body .shell.shell-home.shell-home.shell-home .shop-empty-items-visual,
html body .shell.shell-home.shell-home.shell-home .shop-owner-logo-preview,
html body .shell.shell-home.shell-home.shell-home .shop-owner-item-preview {
  border-color: var(--hashop-theme-line) !important;
  background: var(--hashop-theme-thumb) !important;
  background-color: var(--hashop-theme-thumb) !important;
  background-image: none !important;
  color: var(--hashop-theme-accent) !important;
  -webkit-text-fill-color: currentColor !important;
  box-shadow: none !important;
  filter: none !important;
  opacity: 1 !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-card-title-block strong,
html body .shell.shell-home.shell-home.shell-home .shop-card-main strong,
html body .shell.shell-home.shell-home.shell-home .shop-pane-detail strong,
html body .shell.shell-home.shell-home.shell-home .shop-cart-copy strong,
html body .shell.shell-home.shell-home.shell-home .shop-account-menu-copy strong,
html body .shell.shell-home.shell-home.shell-home .shop-account-profile-copy strong,
html body .shell.shell-home.shell-home.shell-home .shop-owner-summary-copy strong,
html body .shell.shell-home.shell-home.shell-home .shop-owner-order-head strong,
html body .shell.shell-home.shell-home.shell-home .shop-owner-order-title strong,
html body .shell.shell-home.shell-home.shell-home h1,
html body .shell.shell-home.shell-home.shell-home h2,
html body .shell.shell-home.shell-home.shell-home h3 {
  color: var(--hashop-theme-text) !important;
  -webkit-text-fill-color: var(--hashop-theme-text) !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-card-subtitle,
html body .shell.shell-home.shell-home.shell-home .shop-card-items,
html body .shell.shell-home.shell-home.shell-home .shop-card-item,
html body .shell.shell-home.shell-home.shell-home .shop-pane-detail p,
html body .shell.shell-home.shell-home.shell-home .shop-cart-copy span,
html body .shell.shell-home.shell-home.shell-home .shop-account-menu-copy span,
html body .shell.shell-home.shell-home.shell-home .shop-account-profile-copy span,
html body .shell.shell-home.shell-home.shell-home .shop-account-menu-meta,
html body .shell.shell-home.shell-home.shell-home .shop-account-menu-label,
html body .shell.shell-home.shell-home.shell-home .shop-owner-summary-copy span,
html body .shell.shell-home.shell-home.shell-home .shop-owner-order-title span,
html body .shell.shell-home.shell-home.shell-home .shop-owner-order-meta,
html body .shell.shell-home.shell-home.shell-home .shop-owner-field > span,
html body .shell.shell-home.shell-home.shell-home .shop-owner-field-wide > span,
html body .shell.shell-home.shell-home.shell-home .shop-login-field > span,
html body .shell.shell-home.shell-home.shell-home .shop-account-field > span,
html body .shell.shell-home.shell-home.shell-home .shop-list-sort-count {
  color: var(--hashop-theme-muted) !important;
  -webkit-text-fill-color: var(--hashop-theme-muted) !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-cart-row,
html body .shell.shell-home.shell-home.shell-home .shop-cart-list-card,
html body .shell.shell-home.shell-home.shell-home .shop-empty-cart-card,
html body .shell.shell-home.shell-home.shell-home .shop-empty-items-card,
html body .shell.shell-home.shell-home.shell-home .shop-state-card,
html body .shell.shell-home.shell-home.shell-home .shop-list-empty,
html body .shell.shell-home.shell-home.shell-home .shop-login-form,
html body .shell.shell-home.shell-home.shell-home .shop-buyer-auth-form,
html body .shell.shell-home.shell-home.shell-home .shop-add-form,
html body .shell.shell-home.shell-home.shell-home .shop-account-form-card,
html body .shell.shell-home.shell-home.shell-home .shop-account-profile-card,
html body .shell.shell-home.shell-home.shell-home .shop-account-location-card,
html body .shell.shell-home.shell-home.shell-home .shop-owner-summary-card,
html body .shell.shell-home.shell-home.shell-home .shop-owner-order-card,
html body .shell.shell-home.shell-home.shell-home .shop-owner-form-card,
html body .shell.shell-home.shell-home.shell-home .shop-payment-qr-card,
html body .shell.shell-home.shell-home.shell-home .shop-pay-card {
  border-color: var(--hashop-theme-line) !important;
  background: var(--hashop-theme-surface) !important;
  background-color: var(--hashop-theme-surface) !important;
  background-image: none !important;
  color: var(--hashop-theme-text) !important;
  -webkit-text-fill-color: currentColor !important;
  box-shadow: none !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-account-menu-card,
html body .shell.shell-home.shell-home.shell-home .shop-account-menu-row,
html body .shell.shell-home.shell-home.shell-home .shop-account-link-row,
html body .shell.shell-home.shell-home.shell-home .shop-account-record-row {
  border-color: var(--hashop-theme-line) !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  color: var(--hashop-theme-text) !important;
  -webkit-text-fill-color: currentColor !important;
  box-shadow: none !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-login-field,
html body .shell.shell-home.shell-home.shell-home .shop-account-field,
html body .shell.shell-home.shell-home.shell-home .shop-owner-field,
html body .shell.shell-home.shell-home.shell-home .shop-owner-field-wide,
html body .shell.shell-home.shell-home.shell-home .shop-owner-description-field,
html body .shell.shell-home.shell-home.shell-home .shop-setup-address-control {
  border-color: var(--hashop-theme-line) !important;
  background: var(--hashop-theme-surface) !important;
  background-color: var(--hashop-theme-surface) !important;
  background-image: none !important;
  color: var(--hashop-theme-text) !important;
  -webkit-text-fill-color: currentColor !important;
  box-shadow: none !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-login-submit,
html body .shell.shell-home.shell-home.shell-home .shop-owner-save,
html body .shell.shell-home.shell-home.shell-home .shop-state-action,
html body .shell.shell-home.shell-home.shell-home .shop-empty-cart-card .shop-state-action,
html body .shell.shell-home.shell-home.shell-home .shop-empty-items-action,
html body .shell.shell-home.shell-home.shell-home .shop-cart-pay,
html body .shell.shell-home.shell-home.shell-home .shop-card-open,
html body .shell.shell-home.shell-home.shell-home .shop-card-add,
html body .shell.shell-home.shell-home.shell-home .shop-account-mini-button,
html body .shell.shell-home.shell-home.shell-home .shop-owner-chip-button,
html body .shell.shell-home.shell-home.shell-home .shop-setup-map-button,
html body .shell.shell-home.shell-home.shell-home .shop-owner-tab {
  border-color: var(--hashop-theme-line-strong) !important;
  background: var(--hashop-theme-action-soft) !important;
  background-color: var(--hashop-theme-action-soft) !important;
  background-image: none !important;
  color: var(--hashop-theme-action-text) !important;
  -webkit-text-fill-color: var(--hashop-theme-action-text) !important;
  box-shadow: none !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-empty-cart-card .shop-state-action {
  background: var(--hashop-theme-action-bg) !important;
  background-color: var(--hashop-theme-action-bg) !important;
  color: var(--hashop-theme-action-text) !important;
  -webkit-text-fill-color: var(--hashop-theme-action-text) !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-list-sort-button,
html body .shell.shell-home.shell-home.shell-home .shop-list-view-button {
  border-color: transparent !important;
  border-bottom-color: transparent !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  color: var(--hashop-theme-muted) !important;
  -webkit-text-fill-color: var(--hashop-theme-muted) !important;
  box-shadow: none !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-list-sort-button.is-active,
html body .shell.shell-home.shell-home.shell-home .shop-list-view-button.is-active {
  border-bottom-color: var(--hashop-theme-accent) !important;
  color: var(--hashop-theme-text) !important;
  -webkit-text-fill-color: var(--hashop-theme-text) !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-login-submit,
html body .shell.shell-home.shell-home.shell-home .shop-owner-save,
html body .shell.shell-home.shell-home.shell-home .shop-state-action.is-primary,
html body .shell.shell-home.shell-home.shell-home .shop-card-add,
html body .shell.shell-home.shell-home.shell-home .shop-cart-pay.is-active,
html body .shell.shell-home.shell-home.shell-home .shop-owner-tab.is-active {
  border-color: var(--hashop-theme-line-strong) !important;
  background: var(--hashop-theme-action-bg) !important;
  background-color: var(--hashop-theme-action-bg) !important;
  color: var(--hashop-theme-action-text) !important;
  -webkit-text-fill-color: var(--hashop-theme-action-text) !important;
}

html body .shell.shell-home.shell-home.shell-home .home-bottom-nav {
  border-color: var(--hashop-theme-line) !important;
  background: color-mix(in srgb, var(--hashop-theme-bg) 96%, transparent) !important;
  background-color: color-mix(in srgb, var(--hashop-theme-bg) 96%, transparent) !important;
  background-image: none !important;
  color: var(--hashop-theme-muted) !important;
  -webkit-text-fill-color: currentColor !important;
  box-shadow: 0 -1px 0 var(--hashop-theme-line) !important;
}

html body .shell.shell-home.shell-home.shell-home .home-bottom-link {
  background: transparent !important;
  background-color: transparent !important;
  color: var(--hashop-theme-muted) !important;
  -webkit-text-fill-color: currentColor !important;
}

html body .shell.shell-home.shell-home.shell-home .home-bottom-link.is-active {
  color: var(--hashop-theme-accent) !important;
  -webkit-text-fill-color: currentColor !important;
}

html body .shell.shell-home.shell-home.shell-home .home-bottom-link-icon {
  filter: none !important;
}

html body .shell.shell-home.shell-home.shell-home .map-screen,
html body .shell.shell-home.shell-home.shell-home .discovery-map,
html body .shell.shell-home.shell-home.shell-home .shop-owner-pickup-map,
html body .shell.shell-home.shell-home.shell-home .leaflet-container,
html body .shell.shell-home.shell-home.shell-home .gm-style {
  background: var(--hashop-theme-map-shell) !important;
  background-color: var(--hashop-theme-map-shell) !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-empty-cart-card {
  border-color: var(--hashop-theme-line) !important;
  background: var(--hashop-theme-surface) !important;
  color: var(--hashop-theme-text) !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-empty-cart-buddy,
html body .shell.shell-home.shell-home.shell-home .shop-empty-cart-buddy::before,
html body .shell.shell-home.shell-home.shell-home .shop-empty-cart-buddy::after {
  border-color: var(--hashop-theme-accent) !important;
  background: var(--hashop-theme-surface) !important;
  box-shadow: none !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-empty-cart-buddy-eye {
  background: var(--hashop-theme-text) !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-empty-cart-buddy-smile {
  border-color: var(--hashop-theme-accent) !important;
  border-top: 0 !important;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
  background: transparent !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-empty-cart-basket {
  border-color: var(--hashop-theme-accent) !important;
  background: var(--hashop-theme-soft) !important;
  box-shadow: none !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-empty-cart-basket::before {
  border-color: var(--hashop-theme-accent) !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-empty-cart-basket::after {
  background:
    radial-gradient(circle at 0.18rem 0.18rem, var(--hashop-theme-accent) 0 0.15rem, transparent 0.16rem),
    radial-gradient(circle at calc(100% - 0.18rem) 0.18rem, var(--hashop-theme-accent) 0 0.15rem, transparent 0.16rem) !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-empty-cart-basket-rib,
html body .shell.shell-home.shell-home.shell-home .shop-empty-cart-basket > span {
  background: var(--hashop-theme-accent) !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-empty-cart-copy strong {
  color: var(--hashop-theme-text) !important;
  -webkit-text-fill-color: var(--hashop-theme-text) !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-empty-cart-copy p {
  color: var(--hashop-theme-muted) !important;
  -webkit-text-fill-color: var(--hashop-theme-muted) !important;
}

html[data-hashop-theme="light"] body,
body[data-hashop-theme="light"],
html[data-hashop-theme="dark"] body,
body[data-hashop-theme="dark"] {
  background: var(--hashop-theme-bg) !important;
  background-color: var(--hashop-theme-bg) !important;
}

html[data-hashop-theme] body:has(.shell.shell-home),
html[data-hashop-theme="light"] body:has(.shell.shell-home),
html[data-hashop-theme="dark"] body:has(.shell.shell-home),
body[data-hashop-theme]:has(.shell.shell-home),
body:has(.shell.shell-home[data-hashop-map-theme]) {
  background: var(--hashop-theme-bg) !important;
  background-color: var(--hashop-theme-bg) !important;
  background-image: none !important;
  color: var(--hashop-theme-text) !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-list-panel .shop-list-grid[data-list-view] > .shop-card,
html body .shell.shell-home.shell-home.shell-home .shop-list-panel .shop-list-grid[data-list-view] > .shop-discovery-card,
html body .shell.shell-home.shell-home.shell-home .shop-list-panel .shop-list-grid[data-list-view] > .shop-item-discovery-card,
html body .shell.shell-home.shell-home.shell-home .shop-list-panel .shop-list-grid[data-list-view="list"] > .shop-card,
html body .shell.shell-home.shell-home.shell-home .shop-list-panel .shop-list-grid[data-list-view="list"] > .shop-discovery-card,
html body .shell.shell-home.shell-home.shell-home .shop-list-panel .shop-list-grid[data-list-view="list"] > .shop-item-discovery-card,
html body .shell.shell-home.shell-home.shell-home .shop-list-panel .shop-list-grid[data-list-view="feed"] > .shop-card,
html body .shell.shell-home.shell-home.shell-home .shop-list-panel .shop-list-grid[data-list-view="feed"] > .shop-discovery-card,
html body .shell.shell-home.shell-home.shell-home .shop-list-panel .shop-list-grid[data-list-view="feed"] > .shop-item-discovery-card,
html body .shell.shell-home.shell-home.shell-home .shop-list-panel .shop-list-grid[data-list-view="tile"] > .shop-card,
html body .shell.shell-home.shell-home.shell-home .shop-list-panel .shop-list-grid[data-list-view="tile"] > .shop-discovery-card,
html body .shell.shell-home.shell-home.shell-home .shop-list-panel .shop-list-grid[data-list-view="tile"] > .shop-item-discovery-card {
  opacity: 1 !important;
  filter: none !important;
  border-color: var(--hashop-theme-line) !important;
  background: var(--hashop-theme-bg) !important;
  background-color: var(--hashop-theme-bg) !important;
  background-image: none !important;
  color: var(--hashop-theme-text) !important;
  -webkit-text-fill-color: currentColor !important;
  box-shadow: none !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-list-panel .shop-list-grid[data-list-view] > .shop-card .shop-card-thumb,
html body .shell.shell-home.shell-home.shell-home .shop-list-panel .shop-list-grid[data-list-view] > .shop-discovery-card .shop-card-thumb,
html body .shell.shell-home.shell-home.shell-home .shop-list-panel .shop-list-grid[data-list-view] > .shop-item-discovery-card .shop-card-thumb {
  border-color: var(--hashop-theme-line) !important;
  background: var(--hashop-theme-thumb) !important;
  background-color: var(--hashop-theme-thumb) !important;
  background-image: none !important;
  color: var(--hashop-theme-accent) !important;
  -webkit-text-fill-color: currentColor !important;
  filter: none !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-list-panel .shop-list-grid[data-list-view] > .shop-card strong,
html body .shell.shell-home.shell-home.shell-home .shop-list-panel .shop-list-grid[data-list-view] > .shop-discovery-card strong,
html body .shell.shell-home.shell-home.shell-home .shop-list-panel .shop-list-grid[data-list-view] > .shop-item-discovery-card strong,
html body .shell.shell-home.shell-home.shell-home .shop-list-panel .shop-list-grid[data-list-view] > .shop-card .shop-card-title-block strong,
html body .shell.shell-home.shell-home.shell-home .shop-list-panel .shop-list-grid[data-list-view] > .shop-discovery-card .shop-card-title-block strong,
html body .shell.shell-home.shell-home.shell-home .shop-list-panel .shop-list-grid[data-list-view] > .shop-item-discovery-card .shop-card-title-block strong {
  color: var(--hashop-theme-text) !important;
  -webkit-text-fill-color: var(--hashop-theme-text) !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-list-panel .shop-list-grid[data-list-view] > .shop-card .shop-card-subtitle,
html body .shell.shell-home.shell-home.shell-home .shop-list-panel .shop-list-grid[data-list-view] > .shop-discovery-card .shop-card-subtitle,
html body .shell.shell-home.shell-home.shell-home .shop-list-panel .shop-list-grid[data-list-view] > .shop-item-discovery-card .shop-card-subtitle,
html body .shell.shell-home.shell-home.shell-home .shop-list-panel .shop-list-grid[data-list-view] > .shop-card .shop-card-item,
html body .shell.shell-home.shell-home.shell-home .shop-list-panel .shop-list-grid[data-list-view] > .shop-discovery-card .shop-card-item,
html body .shell.shell-home.shell-home.shell-home .shop-list-panel .shop-list-grid[data-list-view] > .shop-item-discovery-card .shop-card-item {
  border-color: var(--hashop-theme-line) !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  color: var(--hashop-theme-muted) !important;
  -webkit-text-fill-color: var(--hashop-theme-muted) !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-login-form .shop-account-auth-links,
html body .shell.shell-home.shell-home.shell-home .shop-login-form .shop-account-auth-public-links,
html body .shell.shell-home.shell-home.shell-home .shop-buyer-auth-form .shop-account-auth-links,
html body .shell.shell-home.shell-home.shell-home .shop-buyer-auth-form .shop-account-auth-public-links {
  border-color: var(--hashop-theme-line) !important;
  background: var(--hashop-theme-bg) !important;
  background-color: var(--hashop-theme-bg) !important;
  background-image: none !important;
  color: var(--hashop-theme-text) !important;
  -webkit-text-fill-color: currentColor !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-login-form .shop-account-auth-links button,
html body .shell.shell-home.shell-home.shell-home .shop-login-form .shop-account-auth-public-links a,
html body .shell.shell-home.shell-home.shell-home .shop-buyer-auth-form .shop-account-auth-links button,
html body .shell.shell-home.shell-home.shell-home .shop-buyer-auth-form .shop-account-auth-public-links a {
  border-color: var(--hashop-theme-line) !important;
  background: var(--hashop-theme-soft) !important;
  background-color: var(--hashop-theme-soft) !important;
  background-image: none !important;
  color: var(--hashop-theme-text) !important;
  -webkit-text-fill-color: var(--hashop-theme-text) !important;
}

/* Iteration 120: restore branding, state icons, and listing view controls on the token layer. */
html body .shell.shell-home.shell-home.shell-home .home-chrome,
html body .shell.shell-home.shell-home.shell-home .home-chrome .brand,
html body .shell.shell-home.shell-home.shell-home .brand,
html body .shell.shell-home.shell-home.shell-home .home-brand-copy,
html body .shell.shell-home.shell-home.shell-home .brand-name,
html body .shell.shell-home.shell-home.shell-home .home-brand-name {
  opacity: 1 !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  color: var(--hashop-theme-text) !important;
  -webkit-text-fill-color: var(--hashop-theme-text) !important;
}

html body .shell.shell-home.shell-home.shell-home .home-hash-logo {
  display: inline-grid !important;
  place-items: center !important;
  opacity: 1 !important;
  border: 1px solid var(--hashop-theme-line-strong) !important;
  background: transparent !important;
  background-color: transparent !important;
  color: var(--hashop-theme-accent) !important;
  -webkit-text-fill-color: var(--hashop-theme-accent) !important;
  box-shadow: none !important;
  filter: none !important;
  mix-blend-mode: normal !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-list-grid > .shop-list-sortbar,
html body .shell.shell-home.shell-home.shell-home .shop-list-grid > .shop-list-viewbar,
html body .shell.shell-home.shell-home.shell-home .shop-pane-detail .shop-list-sortbar,
html body .shell.shell-home.shell-home.shell-home .shop-pane-detail .shop-list-viewbar,
html body .shell.shell-home.shell-home.shell-home .shop-owner-stack .shop-list-sortbar,
html body .shell.shell-home.shell-home.shell-home .shop-owner-stack .shop-list-viewbar {
  visibility: visible !important;
  opacity: 1 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 0.4rem 0.72rem !important;
  color: var(--hashop-theme-text) !important;
  -webkit-text-fill-color: currentColor !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-list-view-actions,
html body .shell.shell-home.shell-home.shell-home .shop-list-sort-actions {
  visibility: visible !important;
  opacity: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 0.72rem !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-list-sort-button,
html body .shell.shell-home.shell-home.shell-home .shop-list-view-button {
  visibility: visible !important;
  opacity: 1 !important;
  min-width: 2.5rem !important;
  min-height: 2rem !important;
  padding: 0 0.12rem 0.16rem !important;
  border: 0 !important;
  border-bottom: 2px solid transparent !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  color: var(--hashop-theme-muted) !important;
  -webkit-text-fill-color: var(--hashop-theme-muted) !important;
  font-size: 0.82rem !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  box-shadow: none !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-list-sort-button.is-active,
html body .shell.shell-home.shell-home.shell-home .shop-list-view-button.is-active {
  border-bottom-color: var(--hashop-theme-accent) !important;
  color: var(--hashop-theme-text) !important;
  -webkit-text-fill-color: var(--hashop-theme-text) !important;
}

html body .shell.shell-home.shell-home.shell-home .home-bottom-nav button.home-bottom-link > span.home-bottom-link-icon,
html body .shell.shell-home.shell-home.shell-home[data-hashop-screen] .shop-list-panel[data-pane-mode] .home-bottom-nav button.home-bottom-link[data-home-nav] > span.home-bottom-link-icon {
  width: 1.48rem !important;
  height: 1.48rem !important;
  min-width: 1.48rem !important;
  min-height: 1.48rem !important;
  opacity: 1 !important;
  color: currentColor !important;
  background: currentColor !important;
  background-color: currentColor !important;
  background-image: none !important;
  -webkit-mask: var(--hashop-nav-icon) center / 1.34rem 1.34rem no-repeat !important;
  mask: var(--hashop-nav-icon) center / 1.34rem 1.34rem no-repeat !important;
  filter: none !important;
}

html body .shell.shell-home.shell-home.shell-home .home-bottom-nav button.home-bottom-link > span.home-bottom-link-icon::before,
html body .shell.shell-home.shell-home.shell-home .home-bottom-nav button.home-bottom-link > span.home-bottom-link-icon::after {
  content: none !important;
  display: none !important;
}

html body .shell.shell-home.shell-home.shell-home .home-bottom-nav button.home-bottom-link {
  opacity: 1 !important;
  color: var(--hashop-theme-muted) !important;
  -webkit-text-fill-color: currentColor !important;
}

html body .shell.shell-home.shell-home.shell-home .home-bottom-nav button.home-bottom-link.is-active {
  color: var(--hashop-theme-accent) !important;
  -webkit-text-fill-color: currentColor !important;
}

html body .shell.shell-home.shell-home.shell-home .home-bottom-nav button.home-bottom-link > span.home-bottom-link-icon.is-shops {
  --hashop-nav-icon: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272.2%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20d%3D%27M4%204h16l1%205H3l1-5Z%27/%3E%3Cpath%20d%3D%27M5%209v10h14V9%27/%3E%3Cpath%20d%3D%27M9%2019v-6h6v6%27/%3E%3Cpath%20d%3D%27M3%209h18%27/%3E%3C/svg%3E") !important;
}

html body .shell.shell-home.shell-home.shell-home .home-bottom-nav button.home-bottom-link > span.home-bottom-link-icon.is-items {
  --hashop-nav-icon: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272.2%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Crect%20x%3D%275%27%20y%3D%273%27%20width%3D%2714%27%20height%3D%2718%27%20rx%3D%272%27/%3E%3Cpath%20d%3D%27M8%208h8M8%2012h8M8%2016h5%27/%3E%3C/svg%3E") !important;
}

html body .shell.shell-home.shell-home.shell-home .home-bottom-nav button.home-bottom-link > span.home-bottom-link-icon.is-cart {
  --hashop-nav-icon: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272.2%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20d%3D%27M4%205h2l2%2010h9l2-7H7%27/%3E%3Ccircle%20cx%3D%2710%27%20cy%3D%2719%27%20r%3D%271.5%27/%3E%3Ccircle%20cx%3D%2717%27%20cy%3D%2719%27%20r%3D%271.5%27/%3E%3C/svg%3E") !important;
}

html body .shell.shell-home.shell-home.shell-home .home-bottom-nav button.home-bottom-link > span.home-bottom-link-icon.is-orders {
  --hashop-nav-icon: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272.2%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20d%3D%27M7%203h10v18l-3-2-2%201-2-1-3%202V3Z%27/%3E%3Cpath%20d%3D%27M10%208h4M10%2012h4M10%2016h3%27/%3E%3C/svg%3E") !important;
}

html body .shell.shell-home.shell-home.shell-home .home-bottom-nav button.home-bottom-link > span.home-bottom-link-icon.is-account {
  --hashop-nav-icon: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23000%27%20stroke-width%3D%272.2%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%278%27%20r%3D%274%27/%3E%3Cpath%20d%3D%27M5%2021c1.3-4%204-6%207-6s5.7%202%207%206%27/%3E%3C/svg%3E") !important;
}

/* Iteration 121: selected shop header inherits the same token surface. */
html body .shell.shell-home.shell-home.shell-home .shop-pane-hero,
html body .shell.shell-home.shell-home.shell-home .shop-pane-copy-row {
  opacity: 1 !important;
  filter: none !important;
  border-color: var(--hashop-theme-line) !important;
  background: var(--hashop-theme-bg) !important;
  background-color: var(--hashop-theme-bg) !important;
  background-image: none !important;
  color: var(--hashop-theme-text) !important;
  -webkit-text-fill-color: currentColor !important;
  box-shadow: none !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-pane-copy,
html body .shell.shell-home.shell-home.shell-home .shop-pane-copy h2,
html body .shell.shell-home.shell-home.shell-home .shop-pane-copy strong {
  color: var(--hashop-theme-text) !important;
  -webkit-text-fill-color: var(--hashop-theme-text) !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-pane-copy span,
html body .shell.shell-home.shell-home.shell-home .shop-pane-copy p {
  color: var(--hashop-theme-muted) !important;
  -webkit-text-fill-color: var(--hashop-theme-muted) !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-pane-copy-mark {
  border-color: var(--hashop-theme-line) !important;
  background: var(--hashop-theme-thumb) !important;
  background-color: var(--hashop-theme-thumb) !important;
  background-image: none !important;
  color: var(--hashop-theme-accent) !important;
  -webkit-text-fill-color: var(--hashop-theme-accent) !important;
  box-shadow: none !important;
}

/* Iteration 122: List is the compact listing; Feed is the image-led browse view. */
html body .shell.shell-home.shell-home.shell-home .shop-list-grid[data-list-view="list"],
html body .shell.shell-home.shell-home.shell-home .shop-pane-shop-feed[data-list-view="list"] {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  align-content: start !important;
  gap: 0 !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-list-panel .shop-list-grid[data-list-view="list"] > .shop-card,
html body .shell.shell-home.shell-home.shell-home .shop-list-panel .shop-list-grid[data-list-view="list"] > .shop-discovery-card,
html body .shell.shell-home.shell-home.shell-home .shop-list-panel .shop-list-grid[data-list-view="list"] > .shop-item-discovery-card,
html body .shell.shell-home.shell-home.shell-home .shop-pane-shop-feed[data-list-view="list"] > .shop-card,
html body .shell.shell-home.shell-home.shell-home .shop-pane-shop-feed[data-list-view="list"] > .shop-item-discovery-card {
  display: grid !important;
  grid-template-columns: 5.5rem minmax(0, 1fr) !important;
  grid-template-rows: auto !important;
  align-items: center !important;
  gap: 0.72rem !important;
  min-width: 0 !important;
  max-width: 100% !important;
  min-height: 6.65rem !important;
  margin: 0 !important;
  padding: 0.72rem 0.08rem 0.74rem 0 !important;
  border: 0 !important;
  border-bottom: 1px solid var(--hashop-theme-line) !important;
  border-radius: 0 !important;
  background: var(--hashop-theme-bg) !important;
  background-color: var(--hashop-theme-bg) !important;
  background-image: none !important;
  color: var(--hashop-theme-text) !important;
  -webkit-text-fill-color: currentColor !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-list-grid[data-list-view="list"] .shop-card-thumb,
html body .shell.shell-home.shell-home.shell-home .shop-pane-shop-feed[data-list-view="list"] .shop-card-thumb {
  grid-column: 1 !important;
  grid-row: 1 !important;
  width: 5.5rem !important;
  height: 5.5rem !important;
  min-width: 5.5rem !important;
  min-height: 5.5rem !important;
  max-width: 5.5rem !important;
  max-height: 5.5rem !important;
  aspect-ratio: 1 / 1 !important;
  border: 1px solid var(--hashop-theme-line) !important;
  border-radius: 7px !important;
  background: var(--hashop-theme-thumb) !important;
  background-color: var(--hashop-theme-thumb) !important;
  overflow: hidden !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-list-grid[data-list-view="list"] .shop-card-main,
html body .shell.shell-home.shell-home.shell-home .shop-pane-shop-feed[data-list-view="list"] .shop-card-main {
  grid-column: 2 !important;
  grid-row: 1 !important;
  align-self: center !important;
  display: grid !important;
  gap: 0.22rem !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-list-grid[data-list-view="list"] .shop-card-topline,
html body .shell.shell-home.shell-home.shell-home .shop-pane-shop-feed[data-list-view="list"] .shop-card-topline {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: start !important;
  gap: 0.58rem !important;
  min-width: 0 !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-list-grid[data-list-view="list"] .shop-card-title-block strong,
html body .shell.shell-home.shell-home.shell-home .shop-pane-shop-feed[data-list-view="list"] .shop-card-title-block strong {
  display: -webkit-box !important;
  max-width: 100% !important;
  overflow: hidden !important;
  font-size: 1rem !important;
  font-weight: 900 !important;
  line-height: 1.18 !important;
  text-overflow: ellipsis !important;
  white-space: normal !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-list-grid[data-list-view="list"] .shop-card-subtitle,
html body .shell.shell-home.shell-home.shell-home .shop-pane-shop-feed[data-list-view="list"] .shop-card-subtitle,
html body .shell.shell-home.shell-home.shell-home .shop-list-grid[data-list-view="list"] .shop-card-item,
html body .shell.shell-home.shell-home.shell-home .shop-pane-shop-feed[data-list-view="list"] .shop-card-item {
  display: block !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  font-size: 0.76rem !important;
  line-height: 1.22 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-list-grid[data-list-view="list"] .shop-card-open,
html body .shell.shell-home.shell-home.shell-home .shop-list-grid[data-list-view="list"] .shop-card-add,
html body .shell.shell-home.shell-home.shell-home .shop-list-grid[data-list-view="list"] .shop-item-qty-chip,
html body .shell.shell-home.shell-home.shell-home .shop-pane-shop-feed[data-list-view="list"] .shop-card-open,
html body .shell.shell-home.shell-home.shell-home .shop-pane-shop-feed[data-list-view="list"] .shop-card-add,
html body .shell.shell-home.shell-home.shell-home .shop-pane-shop-feed[data-list-view="list"] .shop-item-qty-chip {
  justify-self: end !important;
  align-self: start !important;
  min-width: 2.65rem !important;
  min-height: 2rem !important;
  max-width: 5rem !important;
  display: inline-grid !important;
  place-items: center !important;
  padding: 0.18rem 0.36rem !important;
  border: 1px solid var(--hashop-theme-line-strong) !important;
  border-radius: 999px !important;
  background: var(--hashop-theme-action-bg) !important;
  background-color: var(--hashop-theme-action-bg) !important;
  color: var(--hashop-theme-action-text) !important;
  -webkit-text-fill-color: var(--hashop-theme-action-text) !important;
  font-size: 0.74rem !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  box-shadow: none !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-list-grid[data-list-view="feed"],
html body .shell.shell-home.shell-home.shell-home .shop-pane-shop-feed[data-list-view="feed"] {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(min(10.75rem, 100%), 1fr)) !important;
  align-content: start !important;
  align-items: start !important;
  gap: 1.08rem 0.92rem !important;
  padding-top: 0.72rem !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-list-grid[data-list-view="feed"] > .shop-list-sortbar,
html body .shell.shell-home.shell-home.shell-home .shop-list-grid[data-list-view="feed"] > .shop-list-viewbar {
  grid-column: 1 / -1 !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-list-panel .shop-list-grid[data-list-view="feed"] > .shop-card,
html body .shell.shell-home.shell-home.shell-home .shop-list-panel .shop-list-grid[data-list-view="feed"] > .shop-discovery-card,
html body .shell.shell-home.shell-home.shell-home .shop-list-panel .shop-list-grid[data-list-view="feed"] > .shop-item-discovery-card,
html body .shell.shell-home.shell-home.shell-home .shop-pane-shop-feed[data-list-view="feed"] > .shop-card,
html body .shell.shell-home.shell-home.shell-home .shop-pane-shop-feed[data-list-view="feed"] > .shop-item-discovery-card {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: auto auto !important;
  align-items: start !important;
  gap: 0.52rem !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 0 0.78rem !important;
  border: 0 !important;
  border-bottom: 0 !important;
  border-radius: 0 !important;
  background: var(--hashop-theme-bg) !important;
  background-color: var(--hashop-theme-bg) !important;
  background-image: none !important;
  color: var(--hashop-theme-text) !important;
  -webkit-text-fill-color: currentColor !important;
  box-shadow: none !important;
  overflow: visible !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-list-grid[data-list-view="feed"] .shop-card-thumb,
html body .shell.shell-home.shell-home.shell-home .shop-pane-shop-feed[data-list-view="feed"] .shop-card-thumb {
  grid-column: 1 !important;
  grid-row: 1 !important;
  justify-self: stretch !important;
  width: 100% !important;
  height: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: 100% !important;
  max-height: none !important;
  aspect-ratio: 4 / 3 !important;
  border: 1px solid var(--hashop-theme-line) !important;
  border-radius: 8px !important;
  background: var(--hashop-theme-thumb) !important;
  background-color: var(--hashop-theme-thumb) !important;
  overflow: hidden !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-list-grid[data-list-view="feed"] .shop-card-thumb img,
html body .shell.shell-home.shell-home.shell-home .shop-list-grid[data-list-view="feed"] .shop-card-thumb span,
html body .shell.shell-home.shell-home.shell-home .shop-pane-shop-feed[data-list-view="feed"] .shop-card-thumb img,
html body .shell.shell-home.shell-home.shell-home .shop-pane-shop-feed[data-list-view="feed"] .shop-card-thumb span,
html body .shell.shell-home.shell-home.shell-home .shop-list-grid[data-list-view="list"] .shop-card-thumb img,
html body .shell.shell-home.shell-home.shell-home .shop-list-grid[data-list-view="list"] .shop-card-thumb span,
html body .shell.shell-home.shell-home.shell-home .shop-pane-shop-feed[data-list-view="list"] .shop-card-thumb img,
html body .shell.shell-home.shell-home.shell-home .shop-pane-shop-feed[data-list-view="list"] .shop-card-thumb span {
  display: grid !important;
  place-items: center !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  object-fit: cover !important;
  color: var(--hashop-theme-accent) !important;
  -webkit-text-fill-color: var(--hashop-theme-accent) !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-list-grid[data-list-view="feed"] .shop-card-thumb span,
html body .shell.shell-home.shell-home.shell-home .shop-pane-shop-feed[data-list-view="feed"] .shop-card-thumb span {
  font-size: clamp(2rem, 10vw, 3rem) !important;
  font-weight: 950 !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-list-grid[data-list-view="feed"] .shop-card-main,
html body .shell.shell-home.shell-home.shell-home .shop-pane-shop-feed[data-list-view="feed"] .shop-card-main {
  grid-column: 1 !important;
  grid-row: 2 !important;
  display: grid !important;
  gap: 0.2rem !important;
  min-width: 0 !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-list-grid[data-list-view="feed"] .shop-card-topline,
html body .shell.shell-home.shell-home.shell-home .shop-pane-shop-feed[data-list-view="feed"] .shop-card-topline {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: start !important;
  gap: 0.44rem !important;
  min-width: 0 !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-list-grid[data-list-view="feed"] .shop-card-title-block strong,
html body .shell.shell-home.shell-home.shell-home .shop-pane-shop-feed[data-list-view="feed"] .shop-card-title-block strong {
  display: -webkit-box !important;
  overflow: hidden !important;
  font-size: 0.94rem !important;
  font-weight: 900 !important;
  line-height: 1.18 !important;
  white-space: normal !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-list-grid[data-list-view="feed"] .shop-card-subtitle,
html body .shell.shell-home.shell-home.shell-home .shop-list-grid[data-list-view="feed"] .shop-card-item,
html body .shell.shell-home.shell-home.shell-home .shop-pane-shop-feed[data-list-view="feed"] .shop-card-subtitle,
html body .shell.shell-home.shell-home.shell-home .shop-pane-shop-feed[data-list-view="feed"] .shop-card-item {
  display: block !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  font-size: 0.74rem !important;
  line-height: 1.2 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-list-grid[data-list-view="feed"] .shop-card-open,
html body .shell.shell-home.shell-home.shell-home .shop-list-grid[data-list-view="feed"] .shop-card-add,
html body .shell.shell-home.shell-home.shell-home .shop-list-grid[data-list-view="feed"] .shop-item-qty-chip,
html body .shell.shell-home.shell-home.shell-home .shop-pane-shop-feed[data-list-view="feed"] .shop-card-open,
html body .shell.shell-home.shell-home.shell-home .shop-pane-shop-feed[data-list-view="feed"] .shop-card-add,
html body .shell.shell-home.shell-home.shell-home .shop-pane-shop-feed[data-list-view="feed"] .shop-item-qty-chip {
  justify-self: end !important;
  align-self: start !important;
  min-width: 0 !important;
  min-height: 1.4rem !important;
  max-width: 4.4rem !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  color: var(--hashop-theme-accent) !important;
  -webkit-text-fill-color: var(--hashop-theme-accent) !important;
  font-size: 0.72rem !important;
  font-weight: 950 !important;
  text-align: right !important;
}

/* Iteration 124: branding mark stays transparent, not boxed. */
html body .shell.shell-home.shell-home.shell-home .home-chrome .brand,
html body .shell.shell-home.shell-home.shell-home .brand {
  gap: 0.42rem !important;
  color: var(--hashop-theme-text) !important;
  -webkit-text-fill-color: var(--hashop-theme-text) !important;
}

html body .shell.shell-home.shell-home.shell-home .home-hash-logo,
html body .shell.shell-home.shell-home.shell-home[data-hashop-screen] .home-hash-logo,
html body .shell.shell-home.shell-home.shell-home[data-hashop-screen="account"] .home-hash-logo {
  width: 1.9rem !important;
  height: 1.9rem !important;
  min-width: 1.9rem !important;
  min-height: 1.9rem !important;
  border: 0 !important;
  outline: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  color: var(--hashop-theme-accent) !important;
  -webkit-text-fill-color: var(--hashop-theme-accent) !important;
  box-shadow: none !important;
  filter: none !important;
  font-size: 1.36rem !important;
  font-weight: 950 !important;
  line-height: 1 !important;
}

html body .shell.shell-home.shell-home.shell-home .home-hash-logo::before,
html body .shell.shell-home.shell-home.shell-home .home-hash-logo::after {
  content: none !important;
  display: none !important;
}

html body .shell.shell-home.shell-home.shell-home .home-brand-name,
html body .shell.shell-home.shell-home.shell-home .brand-name {
  font-size: 1.08rem !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
}

/* Iteration 124: search and navigation chrome use one stable text contract. */
html body .shell.shell-home.shell-home.shell-home .shop-list-search,
html body .shell.shell-home.shell-home.shell-home .shop-list-panel[data-pane-mode] .shop-list-search {
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: var(--hashop-search-h, 2.68rem) !important;
  min-height: var(--hashop-search-h, 2.68rem) !important;
  padding: 0 0.78rem !important;
  border: 1px solid var(--hashop-theme-line-strong) !important;
  border-radius: 10px !important;
  outline: 0 !important;
  background: var(--hashop-theme-panel) !important;
  background-color: var(--hashop-theme-panel) !important;
  background-image: none !important;
  background-clip: padding-box !important;
  color: var(--hashop-theme-text) !important;
  -webkit-text-fill-color: var(--hashop-theme-text) !important;
  box-shadow: none !important;
  filter: none !important;
  overflow: hidden !important;
  isolation: isolate !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-list-search::before,
html body .shell.shell-home.shell-home.shell-home .shop-list-search::after {
  content: none !important;
  display: none !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-list-search:focus-within {
  border-color: var(--hashop-theme-accent) !important;
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--hashop-theme-accent) 18%, transparent) !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-list-search-input,
html body .shell.shell-home.shell-home.shell-home .shop-list-panel[data-pane-mode] .shop-list-search-input {
  flex: 1 1 auto !important;
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  outline: 0 !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  color: var(--hashop-theme-text) !important;
  -webkit-text-fill-color: var(--hashop-theme-text) !important;
  box-shadow: none !important;
  font-size: 0.94rem !important;
  font-weight: 820 !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-list-search-input::-webkit-search-decoration,
html body .shell.shell-home.shell-home.shell-home .shop-list-search-input::-webkit-search-cancel-button,
html body .shell.shell-home.shell-home.shell-home .shop-list-search-input::-webkit-search-results-button,
html body .shell.shell-home.shell-home.shell-home .shop-list-search-input::-webkit-search-results-decoration {
  display: none !important;
  -webkit-appearance: none !important;
}

html body .shell.shell-home.shell-home.shell-home .home-bottom-nav,
html body .shell.shell-home.shell-home.shell-home .shop-list-panel[data-pane-mode] .home-bottom-nav,
html body .shell.shell-home.shell-home.shell-home[data-hashop-screen] .shop-list-panel[data-pane-mode] .home-bottom-nav {
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  align-items: stretch !important;
  justify-items: stretch !important;
  gap: 0.08rem !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  min-height: 3.52rem !important;
  margin: 0 !important;
  padding: 0.22rem !important;
  border: 1px solid var(--hashop-theme-line) !important;
  border-radius: 10px !important;
  outline: 0 !important;
  background: var(--hashop-theme-bg) !important;
  background-color: var(--hashop-theme-bg) !important;
  background-image: none !important;
  color: var(--hashop-theme-muted) !important;
  -webkit-text-fill-color: currentColor !important;
  box-shadow: none !important;
  overflow: hidden !important;
  isolation: isolate !important;
}

html body .shell.shell-home.shell-home.shell-home .home-bottom-nav::before,
html body .shell.shell-home.shell-home.shell-home .home-bottom-nav::after {
  content: none !important;
  display: none !important;
}

html body .shell.shell-home.shell-home.shell-home[data-hashop-screen="cart"] .shop-list-panel:not(.is-shop-view) .home-bottom-nav,
html body .shell.shell-home.shell-home.shell-home[data-hashop-screen="account"] .shop-list-panel[data-pane-mode="account"] .home-bottom-nav,
html body .shell.shell-home.shell-home.shell-home[data-hashop-screen="login"] .shop-list-panel[data-pane-mode="login"] .home-bottom-nav {
  left: var(--hashop-sheet-x, 0.56rem) !important;
  right: var(--hashop-sheet-x, 0.56rem) !important;
  bottom: var(--hashop-sheet-bottom, calc(0.42rem + env(safe-area-inset-bottom, 0px))) !important;
  width: auto !important;
  max-width: none !important;
  height: 3.52rem !important;
  min-height: 3.52rem !important;
}

html body .shell.shell-home.shell-home.shell-home .home-bottom-nav button.home-bottom-link,
html body .shell.shell-home.shell-home.shell-home .home-bottom-nav button.home-bottom-link.is-active,
html body .shell.shell-home.shell-home.shell-home[data-hashop-screen] .shop-list-panel[data-pane-mode] .home-bottom-nav button.home-bottom-link[data-home-nav],
html body .shell.shell-home.shell-home.shell-home[data-hashop-screen] .shop-list-panel[data-pane-mode] .home-bottom-nav button.home-bottom-link[data-home-nav].is-active {
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-rows: 1.46rem 0.92rem !important;
  align-items: center !important;
  justify-items: center !important;
  gap: 0.04rem !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: 100% !important;
  min-height: 2.88rem !important;
  margin: 0 !important;
  padding: 0.18rem 0.06rem !important;
  border: 0 !important;
  border-radius: 8px !important;
  outline: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  color: var(--hashop-theme-muted) !important;
  -webkit-text-fill-color: currentColor !important;
  box-shadow: none !important;
  font: inherit !important;
  font-size: 0.66rem !important;
  font-weight: 880 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  text-transform: none !important;
  white-space: nowrap !important;
  overflow: hidden !important;
}

html body .shell.shell-home.shell-home.shell-home .home-bottom-nav button.home-bottom-link.is-active,
html body .shell.shell-home.shell-home.shell-home[data-hashop-screen] .shop-list-panel[data-pane-mode] .home-bottom-nav button.home-bottom-link[data-home-nav].is-active {
  color: var(--hashop-theme-accent) !important;
  -webkit-text-fill-color: currentColor !important;
}

html body .shell.shell-home.shell-home.shell-home .home-bottom-nav button.home-bottom-link > span:not(.home-bottom-link-icon),
html body .shell.shell-home.shell-home.shell-home[data-hashop-screen] .shop-list-panel[data-pane-mode] .home-bottom-nav button.home-bottom-link[data-home-nav] > span:not(.home-bottom-link-icon) {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  color: currentColor !important;
  -webkit-text-fill-color: currentColor !important;
  font-size: 0.66rem !important;
  font-weight: 880 !important;
  line-height: 0.86rem !important;
  letter-spacing: 0 !important;
  text-align: center !important;
}

html body .shell.shell-home.shell-home.shell-home .home-bottom-nav button.home-bottom-link > span.home-bottom-link-icon,
html body .shell.shell-home.shell-home.shell-home[data-hashop-screen] .shop-list-panel[data-pane-mode] .home-bottom-nav button.home-bottom-link[data-home-nav] > span.home-bottom-link-icon {
  align-self: center !important;
  justify-self: center !important;
  width: 1.42rem !important;
  height: 1.42rem !important;
  min-width: 1.42rem !important;
  min-height: 1.42rem !important;
  max-width: 1.42rem !important;
  max-height: 1.42rem !important;
  margin: 0 !important;
  opacity: 1 !important;
  visibility: visible !important;
  color: currentColor !important;
  -webkit-text-fill-color: currentColor !important;
  background: currentColor !important;
  background-color: currentColor !important;
  background-image: none !important;
  -webkit-mask: var(--hashop-nav-icon) center / 1.28rem 1.28rem no-repeat !important;
  mask: var(--hashop-nav-icon) center / 1.28rem 1.28rem no-repeat !important;
  box-shadow: none !important;
  filter: none !important;
}

html body .shell.shell-home.shell-home.shell-home .home-bottom-nav button.home-bottom-link > span.home-bottom-link-icon::before,
html body .shell.shell-home.shell-home.shell-home .home-bottom-nav button.home-bottom-link > span.home-bottom-link-icon::after {
  content: none !important;
  display: none !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-back-action,
html body .shell.shell-home.shell-home.shell-home .shop-pane-toggle,
html body .shell.shell-home.shell-home.shell-home .shop-list-sort-button,
html body .shell.shell-home.shell-home.shell-home .shop-list-view-button,
html body .shell.shell-home.shell-home.shell-home .shop-owner-tab {
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  text-align: center !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-list-sortbar,
html body .shell.shell-home.shell-home.shell-home .shop-list-viewbar,
html body .shell.shell-home.shell-home.shell-home .shop-owner-tab-row {
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
}

/* Iteration 125: sticky covers and map chrome use theme tokens, not white paint. */
html body .shell.shell-home.shell-home.shell-home .shop-list-panel > .shop-list-grid > .shop-list-sortbar,
html body .shell.shell-home.shell-home.shell-home .shop-list-panel > .shop-list-grid > .shop-list-viewbar,
html body .shell.shell-home.shell-home.shell-home .shop-list-grid > .shop-list-sortbar,
html body .shell.shell-home.shell-home.shell-home .shop-list-grid > .shop-list-viewbar,
html body .shell.shell-home.shell-home.shell-home .shop-pane-detail .shop-list-sortbar,
html body .shell.shell-home.shell-home.shell-home .shop-pane-detail .shop-list-viewbar,
html body .shell.shell-home.shell-home.shell-home .shop-owner-stack .shop-list-sortbar,
html body .shell.shell-home.shell-home.shell-home .shop-owner-stack .shop-list-viewbar {
  background: var(--hashop-theme-bg) !important;
  background-color: var(--hashop-theme-bg) !important;
  background-image: none !important;
  box-shadow:
    0 -0.65rem 0 var(--hashop-theme-bg),
    0 0.5rem 0 var(--hashop-theme-bg) !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-list-panel > .shop-list-grid > .shop-list-sortbar::before,
html body .shell.shell-home.shell-home.shell-home .shop-list-panel > .shop-list-grid > .shop-list-viewbar::before,
html body .shell.shell-home.shell-home.shell-home .shop-list-panel > .shop-list-grid > .shop-list-sortbar::after,
html body .shell.shell-home.shell-home.shell-home .shop-list-panel > .shop-list-grid > .shop-list-viewbar::after,
html body .shell.shell-home.shell-home.shell-home .shop-list-grid > .shop-list-sortbar::before,
html body .shell.shell-home.shell-home.shell-home .shop-list-grid > .shop-list-viewbar::before,
html body .shell.shell-home.shell-home.shell-home .shop-list-grid > .shop-list-sortbar::after,
html body .shell.shell-home.shell-home.shell-home .shop-list-grid > .shop-list-viewbar::after {
  background: var(--hashop-theme-bg) !important;
  background-color: var(--hashop-theme-bg) !important;
  background-image: none !important;
  box-shadow: none !important;
}

html body .shell.shell-home.shell-home.shell-home .leaflet-pane,
html body .shell.shell-home.shell-home.shell-home .leaflet-map-pane,
html body .shell.shell-home.shell-home.shell-home .leaflet-control-container,
html body .shell.shell-home.shell-home.shell-home .leaflet-control,
html body .shell.shell-home.shell-home.shell-home .leaflet-control-attribution {
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

html body .shell.shell-home.shell-home.shell-home .leaflet-control-attribution,
html body .shell.shell-home.shell-home.shell-home .leaflet-control-attribution a {
  border-color: var(--hashop-theme-line) !important;
  background: color-mix(in srgb, var(--hashop-theme-bg) 86%, transparent) !important;
  background-color: color-mix(in srgb, var(--hashop-theme-bg) 86%, transparent) !important;
  color: var(--hashop-theme-muted) !important;
  -webkit-text-fill-color: var(--hashop-theme-muted) !important;
}

/* Iteration 126: vendor workspace propagates the shared day/night tokens. */
html body .shell.shell-home.shell-home.shell-home {
  --hashop-owner-bg: var(--hashop-theme-bg);
  --hashop-owner-panel: var(--hashop-theme-panel);
  --hashop-owner-surface: var(--hashop-theme-surface);
  --hashop-owner-soft: var(--hashop-theme-soft);
  --hashop-owner-thumb: var(--hashop-theme-thumb);
  --hashop-owner-text: var(--hashop-theme-text);
  --hashop-owner-muted: var(--hashop-theme-muted);
  --hashop-owner-line: var(--hashop-theme-line);
  --hashop-owner-line-strong: var(--hashop-theme-line-strong);
  --hashop-owner-accent: var(--hashop-theme-accent);
  --hashop-owner-action-bg: var(--hashop-theme-action-bg);
  --hashop-owner-action-text: var(--hashop-theme-action-text);
  --hashop-owner-action-soft: var(--hashop-theme-action-soft);
}

html body .shell.shell-home.shell-home.shell-home[data-hashop-screen^="owner-"] .shop-list-panel,
html body .shell.shell-home.shell-home.shell-home[data-hashop-screen^="owner-"] .shop-list-grid,
html body .shell.shell-home.shell-home.shell-home[data-hashop-screen^="owner-"] .shop-pane-detail,
html body .shell.shell-home.shell-home.shell-home[data-hashop-screen^="owner-"] .shop-pane-body,
html body .shell.shell-home.shell-home.shell-home[data-hashop-screen^="owner-"] .shop-pane-items,
html body .shell.shell-home.shell-home.shell-home .shop-list-panel[data-pane-mode^="owner-"],
html body .shell.shell-home.shell-home.shell-home .shop-list-panel[data-pane-mode^="owner-"] .shop-list-grid,
html body .shell.shell-home.shell-home.shell-home .shop-list-panel[data-pane-mode^="owner-"] .shop-pane-detail,
html body .shell.shell-home.shell-home.shell-home .shop-list-panel[data-pane-mode^="owner-"] .shop-pane-body,
html body .shell.shell-home.shell-home.shell-home .shop-list-panel[data-pane-mode^="owner-"] .shop-pane-items,
html body .shell.shell-home.shell-home.shell-home .shop-owner-stack {
  background: var(--hashop-owner-bg) !important;
  background-color: var(--hashop-owner-bg) !important;
  background-image: none !important;
  color: var(--hashop-owner-text) !important;
  -webkit-text-fill-color: currentColor !important;
  box-shadow: none !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-owner-stack {
  display: grid !important;
  gap: 0.74rem !important;
  width: 100% !important;
  min-width: 0 !important;
  padding: 0 !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-owner-bar {
  display: grid !important;
  gap: 0.54rem !important;
  width: 100% !important;
  min-width: 0 !important;
  padding: 0.16rem 0 0.66rem !important;
  border: 0 !important;
  border-bottom: 1px solid var(--hashop-owner-line) !important;
  border-radius: 0 !important;
  background: var(--hashop-owner-bg) !important;
  background-color: var(--hashop-owner-bg) !important;
  background-image: none !important;
  color: var(--hashop-owner-text) !important;
  -webkit-text-fill-color: currentColor !important;
  box-shadow: 0 0.5rem 0 var(--hashop-owner-bg) !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-owner-actions {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 0.46rem !important;
  width: 100% !important;
  min-width: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-owner-add-toggle {
  grid-column: 1 / -1 !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-owner-workspace-nav {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  align-items: stretch !important;
  gap: 0.22rem !important;
  width: 100% !important;
  min-width: 0 !important;
  padding: 0.22rem !important;
  border: 1px solid var(--hashop-owner-line) !important;
  border-radius: 10px !important;
  background: var(--hashop-owner-soft) !important;
  background-color: var(--hashop-owner-soft) !important;
  background-image: none !important;
  color: var(--hashop-owner-text) !important;
  -webkit-text-fill-color: currentColor !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-owner-workspace-button,
html body .shell.shell-home.shell-home.shell-home .shop-owner-actions > button,
html body .shell.shell-home.shell-home.shell-home .shop-owner-tab-row .shop-owner-tab,
html body .shell.shell-home.shell-home.shell-home .shop-owner-mode-row .shop-owner-tab {
  box-sizing: border-box !important;
  display: grid !important;
  align-items: center !important;
  justify-items: center !important;
  gap: 0.16rem !important;
  min-width: 0 !important;
  min-height: 2.54rem !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0.44rem 0.36rem !important;
  border: 1px solid var(--hashop-owner-line) !important;
  border-radius: 8px !important;
  outline: 0 !important;
  background: var(--hashop-owner-panel) !important;
  background-color: var(--hashop-owner-panel) !important;
  background-image: none !important;
  color: var(--hashop-owner-text) !important;
  -webkit-text-fill-color: currentColor !important;
  box-shadow: none !important;
  font: inherit !important;
  font-size: 0.74rem !important;
  font-weight: 900 !important;
  line-height: 1.05 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  text-transform: none !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease, transform 160ms ease !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-owner-workspace-button.is-active,
html body .shell.shell-home.shell-home.shell-home .shop-owner-actions > button[aria-pressed="true"],
html body .shell.shell-home.shell-home.shell-home .shop-owner-tab-row .shop-owner-tab.is-active,
html body .shell.shell-home.shell-home.shell-home .shop-owner-mode-row .shop-owner-tab.is-active {
  border-color: var(--hashop-owner-line-strong) !important;
  background: var(--hashop-owner-action-bg) !important;
  background-color: var(--hashop-owner-action-bg) !important;
  color: var(--hashop-owner-action-text) !important;
  -webkit-text-fill-color: var(--hashop-owner-action-text) !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-owner-workspace-button:active,
html body .shell.shell-home.shell-home.shell-home .shop-owner-actions > button:active,
html body .shell.shell-home.shell-home.shell-home .shop-owner-tab-row .shop-owner-tab:active,
html body .shell.shell-home.shell-home.shell-home .shop-owner-mode-row .shop-owner-tab:active {
  transform: translateY(1px) !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-owner-workspace-icon {
  display: block !important;
  width: 0.68rem !important;
  height: 0.68rem !important;
  min-width: 0.68rem !important;
  min-height: 0.68rem !important;
  border: 1.5px solid currentColor !important;
  border-radius: 999px !important;
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  opacity: 0.92 !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-owner-workspace-icon.is-manage {
  border-radius: 3px !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-owner-workspace-icon.is-items {
  border-radius: 2px !important;
  box-shadow: inset 0 -0.22rem 0 currentColor !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-owner-workspace-icon.is-sales {
  box-shadow: inset 0 0 0 0.18rem transparent, 0 0 0 1px currentColor !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-owner-workspace-copy {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  color: currentColor !important;
  -webkit-text-fill-color: currentColor !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-owner-tab-row,
html body .shell.shell-home.shell-home.shell-home .shop-owner-mode-row {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(0, 1fr)) !important;
  gap: 0.22rem !important;
  width: 100% !important;
  min-width: 0 !important;
  padding: 0.22rem !important;
  border: 1px solid var(--hashop-owner-line) !important;
  border-radius: 10px !important;
  background: var(--hashop-owner-soft) !important;
  background-color: var(--hashop-owner-soft) !important;
  background-image: none !important;
  color: var(--hashop-owner-text) !important;
  -webkit-text-fill-color: currentColor !important;
  box-shadow: none !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-owner-form,
html body .shell.shell-home.shell-home.shell-home .shop-owner-summary-card,
html body .shell.shell-home.shell-home.shell-home .shop-owner-item-editor,
html body .shell.shell-home.shell-home.shell-home .shop-owner-order-card,
html body .shell.shell-home.shell-home.shell-home .shop-owner-item-card,
html body .shell.shell-home.shell-home.shell-home .shop-owner-draft-card,
html body .shell.shell-home.shell-home.shell-home .shop-owner-library-card,
html body .shell.shell-home.shell-home.shell-home .shop-owner-accounting-card,
html body .shell.shell-home.shell-home.shell-home .shop-owner-add-sheet,
html body .shell.shell-home.shell-home.shell-home .shop-pane-notice,
html body .shell.shell-home.shell-home.shell-home .shop-list-empty {
  box-sizing: border-box !important;
  min-width: 0 !important;
  max-width: 100% !important;
  padding: 0.82rem !important;
  border: 1px solid var(--hashop-owner-line) !important;
  border-radius: 10px !important;
  background: var(--hashop-owner-surface) !important;
  background-color: var(--hashop-owner-surface) !important;
  background-image: none !important;
  color: var(--hashop-owner-text) !important;
  -webkit-text-fill-color: currentColor !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-owner-form {
  display: grid !important;
  gap: 0.74rem !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-owner-form-head,
html body .shell.shell-home.shell-home.shell-home .shop-owner-summary-main,
html body .shell.shell-home.shell-home.shell-home .shop-owner-order-head,
html body .shell.shell-home.shell-home.shell-home .shop-owner-draft-head,
html body .shell.shell-home.shell-home.shell-home .shop-owner-library-head,
html body .shell.shell-home.shell-home.shell-home .shop-owner-item-card-head {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: start !important;
  gap: 0.62rem !important;
  min-width: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-owner-form-head strong,
html body .shell.shell-home.shell-home.shell-home .shop-owner-summary-copy strong,
html body .shell.shell-home.shell-home.shell-home .shop-owner-order-title strong,
html body .shell.shell-home.shell-home.shell-home .shop-owner-draft-copy strong,
html body .shell.shell-home.shell-home.shell-home .shop-owner-library-copy strong,
html body .shell.shell-home.shell-home.shell-home .shop-owner-item-select-copy strong,
html body .shell.shell-home.shell-home.shell-home .shop-owner-accounting-card strong,
html body .shell.shell-home.shell-home.shell-home .shop-owner-accounting-row strong {
  min-width: 0 !important;
  max-width: 100% !important;
  color: var(--hashop-owner-text) !important;
  -webkit-text-fill-color: var(--hashop-owner-text) !important;
  font-weight: 920 !important;
  letter-spacing: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-owner-form-head span,
html body .shell.shell-home.shell-home.shell-home .shop-owner-summary-copy span,
html body .shell.shell-home.shell-home.shell-home .shop-owner-summary-kicker,
html body .shell.shell-home.shell-home.shell-home .shop-owner-field > span,
html body .shell.shell-home.shell-home.shell-home .shop-owner-field-wide > span,
html body .shell.shell-home.shell-home.shell-home .shop-owner-order-title span,
html body .shell.shell-home.shell-home.shell-home .shop-owner-order-meta,
html body .shell.shell-home.shell-home.shell-home .shop-owner-order-fact span,
html body .shell.shell-home.shell-home.shell-home .shop-owner-draft-copy span,
html body .shell.shell-home.shell-home.shell-home .shop-owner-library-copy span,
html body .shell.shell-home.shell-home.shell-home .shop-owner-library-meta span,
html body .shell.shell-home.shell-home.shell-home .shop-owner-item-select-copy span,
html body .shell.shell-home.shell-home.shell-home .shop-owner-item-select-action,
html body .shell.shell-home.shell-home.shell-home .shop-owner-accounting-card span,
html body .shell.shell-home.shell-home.shell-home .shop-owner-accounting-row em,
html body .shell.shell-home.shell-home.shell-home .shop-owner-pickup-text,
html body .shell.shell-home.shell-home.shell-home .shop-owner-field-note {
  color: var(--hashop-owner-muted) !important;
  -webkit-text-fill-color: var(--hashop-owner-muted) !important;
  letter-spacing: 0 !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-owner-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 0.58rem !important;
  width: 100% !important;
  min-width: 0 !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-owner-field,
html body .shell.shell-home.shell-home.shell-home .shop-owner-field-wide {
  box-sizing: border-box !important;
  display: grid !important;
  gap: 0.36rem !important;
  min-width: 0 !important;
  max-width: 100% !important;
  padding: 0.68rem 0.72rem !important;
  border: 1px solid var(--hashop-owner-line) !important;
  border-radius: 9px !important;
  background: var(--hashop-owner-soft) !important;
  background-color: var(--hashop-owner-soft) !important;
  background-image: none !important;
  color: var(--hashop-owner-text) !important;
  -webkit-text-fill-color: currentColor !important;
  box-shadow: none !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-owner-field-wide {
  grid-column: 1 / -1 !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-owner-input,
html body .shell.shell-home.shell-home.shell-home .shop-owner-textarea {
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  min-height: 2.24rem !important;
  margin: 0 !important;
  padding: 0.34rem 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  color: var(--hashop-owner-text) !important;
  -webkit-text-fill-color: var(--hashop-owner-text) !important;
  caret-color: var(--hashop-owner-accent) !important;
  box-shadow: none !important;
  font: inherit !important;
  font-size: 0.95rem !important;
  font-weight: 780 !important;
  line-height: 1.24 !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-owner-textarea {
  resize: vertical !important;
  white-space: pre-wrap !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-owner-input::placeholder,
html body .shell.shell-home.shell-home.shell-home .shop-owner-textarea::placeholder {
  color: var(--hashop-owner-muted) !important;
  -webkit-text-fill-color: var(--hashop-owner-muted) !important;
  opacity: 0.7 !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-owner-field:focus-within {
  border-color: var(--hashop-owner-line-strong) !important;
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--hashop-owner-accent) 16%, transparent) !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-owner-save,
html body .shell.shell-home.shell-home.shell-home .shop-owner-chip-button,
html body .shell.shell-home.shell-home.shell-home .shop-owner-upload-button,
html body .shell.shell-home.shell-home.shell-home .shop-owner-step {
  box-sizing: border-box !important;
  display: inline-grid !important;
  place-items: center !important;
  min-width: 0 !important;
  min-height: 2.42rem !important;
  max-width: 100% !important;
  padding: 0.54rem 0.72rem !important;
  border: 1px solid var(--hashop-owner-line-strong) !important;
  border-radius: 8px !important;
  background: var(--hashop-owner-action-bg) !important;
  background-color: var(--hashop-owner-action-bg) !important;
  background-image: none !important;
  color: var(--hashop-owner-action-text) !important;
  -webkit-text-fill-color: var(--hashop-owner-action-text) !important;
  box-shadow: none !important;
  font: inherit !important;
  font-size: 0.84rem !important;
  font-weight: 900 !important;
  line-height: 1.05 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease, transform 160ms ease !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-owner-chip-button,
html body .shell.shell-home.shell-home.shell-home .shop-owner-upload-button,
html body .shell.shell-home.shell-home.shell-home .shop-owner-step {
  border-color: var(--hashop-owner-line) !important;
  background: var(--hashop-owner-soft) !important;
  background-color: var(--hashop-owner-soft) !important;
  color: var(--hashop-owner-text) !important;
  -webkit-text-fill-color: var(--hashop-owner-text) !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-owner-chip-button.is-danger {
  border-color: color-mix(in srgb, #ef4444 45%, var(--hashop-owner-line)) !important;
  background: color-mix(in srgb, #ef4444 10%, var(--hashop-owner-soft)) !important;
  color: color-mix(in srgb, #ef4444 74%, var(--hashop-owner-text)) !important;
  -webkit-text-fill-color: color-mix(in srgb, #ef4444 74%, var(--hashop-owner-text)) !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-owner-action-row,
html body .shell.shell-home.shell-home.shell-home .shop-owner-item-actions,
html body .shell.shell-home.shell-home.shell-home .shop-owner-order-actions,
html body .shell.shell-home.shell-home.shell-home .shop-owner-pickup-bar {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(min(8.5rem, 100%), 1fr)) !important;
  gap: 0.44rem !important;
  width: 100% !important;
  min-width: 0 !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-owner-summary-card {
  display: grid !important;
  gap: 0.7rem !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-owner-summary-chips {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 0.34rem !important;
  width: 100% !important;
  min-width: 0 !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-owner-summary-chips span {
  display: block !important;
  min-width: 0 !important;
  padding: 0.38rem 0.42rem !important;
  border: 1px solid var(--hashop-owner-line) !important;
  border-radius: 999px !important;
  background: var(--hashop-owner-soft) !important;
  background-color: var(--hashop-owner-soft) !important;
  color: var(--hashop-owner-muted) !important;
  -webkit-text-fill-color: var(--hashop-owner-muted) !important;
  font-size: 0.7rem !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-owner-summary-mark,
html body .shell.shell-home.shell-home.shell-home .shop-owner-logo-preview,
html body .shell.shell-home.shell-home.shell-home .shop-owner-item-preview,
html body .shell.shell-home.shell-home.shell-home .shop-owner-item-gallery-thumb,
html body .shell.shell-home.shell-home.shell-home .shop-payment-qr-image {
  display: grid !important;
  place-items: center !important;
  border: 1px solid var(--hashop-owner-line) !important;
  background: var(--hashop-owner-thumb) !important;
  background-color: var(--hashop-owner-thumb) !important;
  background-image: none !important;
  color: var(--hashop-owner-accent) !important;
  -webkit-text-fill-color: var(--hashop-owner-accent) !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-owner-logo-preview img,
html body .shell.shell-home.shell-home.shell-home .shop-owner-logo-image,
html body .shell.shell-home.shell-home.shell-home .shop-owner-item-preview img,
html body .shell.shell-home.shell-home.shell-home .shop-owner-item-preview-image,
html body .shell.shell-home.shell-home.shell-home .shop-owner-item-gallery-thumb img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  background: transparent !important;
  background-color: transparent !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-payment-qr-image:not(.is-empty) {
  background: #ffffff !important;
  background-color: #ffffff !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-owner-order-list,
html body .shell.shell-home.shell-home.shell-home .shop-owner-item-list,
html body .shell.shell-home.shell-home.shell-home .shop-owner-item-picker,
html body .shell.shell-home.shell-home.shell-home .shop-owner-draft-list,
html body .shell.shell-home.shell-home.shell-home .shop-owner-library-grid,
html body .shell.shell-home.shell-home.shell-home .shop-owner-accounting-list {
  display: grid !important;
  gap: 0.58rem !important;
  width: 100% !important;
  min-width: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-owner-item-select,
html body .shell.shell-home.shell-home.shell-home .shop-owner-add-option {
  box-sizing: border-box !important;
  display: grid !important;
  width: 100% !important;
  min-width: 0 !important;
  padding: 0.68rem !important;
  border: 1px solid var(--hashop-owner-line) !important;
  border-radius: 9px !important;
  background: var(--hashop-owner-soft) !important;
  background-color: var(--hashop-owner-soft) !important;
  background-image: none !important;
  color: var(--hashop-owner-text) !important;
  -webkit-text-fill-color: currentColor !important;
  box-shadow: none !important;
  text-align: left !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-owner-item-select.is-selected {
  border-color: var(--hashop-owner-line-strong) !important;
  background: var(--hashop-owner-surface) !important;
  background-color: var(--hashop-owner-surface) !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-owner-order-card {
  display: grid !important;
  gap: 0.68rem !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-owner-order-headline {
  grid-template-columns: minmax(0, 1fr) max-content !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-owner-order-title {
  min-width: 0 !important;
  overflow: hidden !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-owner-order-title strong {
  display: -webkit-box !important;
  white-space: normal !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-owner-order-status {
  display: inline-grid !important;
  place-items: center !important;
  min-width: 0 !important;
  max-width: 7rem !important;
  min-height: 1.55rem !important;
  padding: 0.22rem 0.46rem !important;
  border: 1px solid var(--hashop-owner-line-strong) !important;
  border-radius: 999px !important;
  background: var(--hashop-owner-soft) !important;
  background-color: var(--hashop-owner-soft) !important;
  color: var(--hashop-owner-accent) !important;
  -webkit-text-fill-color: var(--hashop-owner-accent) !important;
  font-size: 0.68rem !important;
  font-weight: 920 !important;
  line-height: 1 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-owner-order-facts {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 0.44rem !important;
  width: 100% !important;
  min-width: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-owner-order-fact,
html body .shell.shell-home.shell-home.shell-home .shop-owner-order-card .shop-cart-row {
  box-sizing: border-box !important;
  min-width: 0 !important;
  padding: 0.56rem !important;
  border: 1px solid var(--hashop-owner-line) !important;
  border-radius: 8px !important;
  background: var(--hashop-owner-soft) !important;
  background-color: var(--hashop-owner-soft) !important;
  background-image: none !important;
  color: var(--hashop-owner-text) !important;
  -webkit-text-fill-color: currentColor !important;
  box-shadow: none !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-owner-order-fact strong {
  display: block !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-owner-order-fact.is-wide {
  grid-column: 1 / -1 !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-owner-order-card .shop-order-compact-items {
  display: grid !important;
  gap: 0.44rem !important;
  width: 100% !important;
  min-width: 0 !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-owner-order-card .shop-cart-row {
  display: grid !important;
  grid-template-columns: 3.2rem minmax(0, 1fr) max-content !important;
  align-items: center !important;
  gap: 0.54rem !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-owner-order-card .shop-cart-copy,
html body .shell.shell-home.shell-home.shell-home .shop-owner-order-card .shop-cart-meta {
  min-width: 0 !important;
  color: var(--hashop-owner-text) !important;
  -webkit-text-fill-color: currentColor !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-owner-accounting-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 0.56rem !important;
  width: 100% !important;
  min-width: 0 !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-owner-accounting-card {
  display: grid !important;
  align-content: space-between !important;
  gap: 0.32rem !important;
  min-height: 4.4rem !important;
  padding: 0.74rem !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-owner-accounting-card.is-wide {
  grid-column: 1 / -1 !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-owner-accounting-card strong {
  font-size: 1.08rem !important;
  line-height: 1.08 !important;
  white-space: nowrap !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-owner-accounting-row {
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) max-content max-content !important;
  align-items: center !important;
  gap: 0.52rem !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 2.72rem !important;
  padding: 0.54rem 0 !important;
  border: 0 !important;
  border-bottom: 1px solid var(--hashop-owner-line) !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  color: var(--hashop-owner-text) !important;
  -webkit-text-fill-color: currentColor !important;
  box-shadow: none !important;
  font: inherit !important;
  text-align: left !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-owner-accounting-row:last-child {
  border-bottom: 0 !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-owner-accounting-row span {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  color: var(--hashop-owner-text) !important;
  -webkit-text-fill-color: var(--hashop-owner-text) !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-owner-pickup-map {
  border: 1px solid var(--hashop-owner-line) !important;
  border-radius: 9px !important;
  background: var(--hashop-theme-map-shell) !important;
  background-color: var(--hashop-theme-map-shell) !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-owner-logo-row,
html body .shell.shell-home.shell-home.shell-home .shop-owner-payment-qr-row {
  display: grid !important;
  grid-template-columns: 4.7rem minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 0.7rem !important;
  min-width: 0 !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-owner-logo-row .shop-owner-upload-button,
html body .shell.shell-home.shell-home.shell-home .shop-owner-payment-qr-row .shop-owner-upload-button {
  grid-column: 1 / -1 !important;
  width: 100% !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-owner-logo-copy,
html body .shell.shell-home.shell-home.shell-home .shop-owner-library-copy,
html body .shell.shell-home.shell-home.shell-home .shop-owner-draft-copy,
html body .shell.shell-home.shell-home.shell-home .shop-owner-item-select-copy {
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-owner-logo-copy strong,
html body .shell.shell-home.shell-home.shell-home .shop-owner-logo-copy span {
  display: block !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  color: var(--hashop-owner-text) !important;
  -webkit-text-fill-color: var(--hashop-owner-text) !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-owner-logo-copy span {
  color: var(--hashop-owner-muted) !important;
  -webkit-text-fill-color: var(--hashop-owner-muted) !important;
}

@media (max-width: 430px) {
  html body .shell.shell-home.shell-home.shell-home .shop-owner-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html body .shell.shell-home.shell-home.shell-home .shop-owner-workspace-nav {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  html body .shell.shell-home.shell-home.shell-home .shop-owner-workspace-button {
    min-height: 2.48rem !important;
    padding-inline: 0.16rem !important;
    font-size: 0.67rem !important;
  }

  html body .shell.shell-home.shell-home.shell-home .shop-owner-summary-chips {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html body .shell.shell-home.shell-home.shell-home .shop-owner-order-card .shop-cart-row {
    grid-template-columns: 2.9rem minmax(0, 1fr) !important;
  }

  html body .shell.shell-home.shell-home.shell-home .shop-owner-accounting-row {
    grid-template-columns: minmax(0, 1fr) max-content !important;
  }

  html body .shell.shell-home.shell-home.shell-home .shop-owner-accounting-row em {
    grid-column: 1 / -1 !important;
    justify-self: start !important;
  }
}

html body .shell.shell-home.shell-home.shell-home .shop-owner-workspace-button.is-active *,
html body .shell.shell-home.shell-home.shell-home .shop-owner-tab-row .shop-owner-tab.is-active *,
html body .shell.shell-home.shell-home.shell-home .shop-owner-mode-row .shop-owner-tab.is-active * {
  color: var(--hashop-owner-action-text) !important;
  -webkit-text-fill-color: var(--hashop-owner-action-text) !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-owner-workspace-button.is-active .shop-owner-workspace-icon {
  border-color: currentColor !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-pane-toggle,
html body .shell.shell-home.shell-home.shell-home .shop-pane-handle {
  color: var(--hashop-theme-accent) !important;
  -webkit-text-fill-color: var(--hashop-theme-accent) !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-pane-handle {
  background: var(--hashop-theme-accent) !important;
  background-color: var(--hashop-theme-accent) !important;
}

html body .shell.shell-home.shell-home.shell-home[data-hashop-screen^="owner-"] .map-screen,
html body .shell.shell-home.shell-home.shell-home[data-hashop-screen^="owner-"] .map-screen::before,
html body .shell.shell-home.shell-home.shell-home[data-hashop-screen^="owner-"] .map-screen::after,
html body .shell.shell-home.shell-home.shell-home[data-hashop-screen^="owner-"] .discovery-map,
html body .shell.shell-home.shell-home.shell-home[data-hashop-screen^="owner-"] .discovery-map > div,
html body .shell.shell-home.shell-home.shell-home[data-hashop-screen^="owner-"] .discovery-map.is-leaflet-map,
html body .shell.shell-home.shell-home.shell-home[data-hashop-screen^="owner-"] .discovery-map.is-google-map,
html body .shell.shell-home.shell-home.shell-home[data-hashop-screen^="owner-"] .leaflet-container,
html body .shell.shell-home.shell-home.shell-home[data-hashop-screen^="owner-"] .leaflet-pane,
html body .shell.shell-home.shell-home.shell-home[data-hashop-screen^="owner-"] .leaflet-tile-pane {
  background: var(--hashop-theme-map-shell) !important;
  background-color: var(--hashop-theme-map-shell) !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-hashop-theme="dark"] body .shell.shell-home.shell-home.shell-home[data-hashop-screen^="owner-"] .leaflet-tile,
html[data-hashop-theme="dark"] body .shell.shell-home.shell-home.shell-home[data-hashop-screen^="owner-"] .leaflet-container img.leaflet-tile,
html[data-hashop-theme="dark"] body .shell.shell-home.shell-home.shell-home[data-hashop-screen^="owner-"] .leaflet-pane img.leaflet-tile {
  filter: grayscale(0.92) invert(0.86) hue-rotate(180deg) saturate(0.42) brightness(0.72) contrast(1.08) !important;
}

/* Iteration 126b: selected cart items stay on the item-list row system. */
html body .shell.shell-home.shell-home.shell-home .shop-pane-cart-feed > .shop-cart-list-card,
html body .shell.shell-home.shell-home.shell-home .shop-pane-confirm-items > .shop-cart-list-card,
html body .shell.shell-home.shell-home.shell-home[data-hashop-screen="cart"] .shop-cart-list-card,
html body .shell.shell-home.shell-home.shell-home[data-hashop-screen="confirmation"] .shop-cart-list-card,
html body .shell.shell-home.shell-home.shell-home .shop-list-panel[data-pane-mode="cart"] .shop-cart-list-card,
html body .shell.shell-home.shell-home.shell-home .shop-list-panel[data-pane-mode="confirmation"] .shop-cart-list-card {
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-columns: 5.25rem minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 0.72rem !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  min-height: 6.1rem !important;
  margin: 0 !important;
  padding: 0.68rem 0 !important;
  border: 0 !important;
  border-bottom: 1px solid var(--hashop-theme-line) !important;
  border-radius: 0 !important;
  background: var(--hashop-theme-bg) !important;
  background-color: var(--hashop-theme-bg) !important;
  background-image: none !important;
  color: var(--hashop-theme-text) !important;
  -webkit-text-fill-color: currentColor !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-pane-cart-feed > .shop-cart-list-card > .shop-cart-thumb,
html body .shell.shell-home.shell-home.shell-home .shop-pane-confirm-items > .shop-cart-list-card > .shop-cart-thumb,
html body .shell.shell-home.shell-home.shell-home[data-hashop-screen="cart"] .shop-cart-list-card > .shop-cart-thumb,
html body .shell.shell-home.shell-home.shell-home[data-hashop-screen="confirmation"] .shop-cart-list-card > .shop-cart-thumb,
html body .shell.shell-home.shell-home.shell-home .shop-list-panel[data-pane-mode="cart"] .shop-cart-list-card > .shop-cart-thumb,
html body .shell.shell-home.shell-home.shell-home .shop-list-panel[data-pane-mode="confirmation"] .shop-cart-list-card > .shop-cart-thumb {
  grid-column: 1 !important;
  grid-row: 1 !important;
  align-self: center !important;
  justify-self: stretch !important;
  width: 5.25rem !important;
  height: 5.25rem !important;
  min-width: 5.25rem !important;
  min-height: 5.25rem !important;
  max-width: 5.25rem !important;
  max-height: 5.25rem !important;
  border: 1px solid var(--hashop-theme-line) !important;
  border-radius: 8px !important;
  background: var(--hashop-theme-thumb) !important;
  background-color: var(--hashop-theme-thumb) !important;
  color: var(--hashop-theme-accent) !important;
  -webkit-text-fill-color: var(--hashop-theme-accent) !important;
  overflow: hidden !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-pane-cart-feed > .shop-cart-list-card > .shop-card-main,
html body .shell.shell-home.shell-home.shell-home .shop-pane-confirm-items > .shop-cart-list-card > .shop-card-main,
html body .shell.shell-home.shell-home.shell-home[data-hashop-screen="cart"] .shop-cart-list-card > .shop-card-main,
html body .shell.shell-home.shell-home.shell-home[data-hashop-screen="confirmation"] .shop-cart-list-card > .shop-card-main,
html body .shell.shell-home.shell-home.shell-home .shop-list-panel[data-pane-mode="cart"] .shop-cart-list-card > .shop-card-main,
html body .shell.shell-home.shell-home.shell-home .shop-list-panel[data-pane-mode="confirmation"] .shop-cart-list-card > .shop-card-main {
  grid-column: 2 !important;
  grid-row: 1 !important;
  align-self: center !important;
  display: grid !important;
  gap: 0.24rem !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-cart-list-card .shop-card-topline {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: start !important;
  gap: 0.5rem !important;
  width: 100% !important;
  min-width: 0 !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-cart-list-card .shop-card-title-block,
html body .shell.shell-home.shell-home.shell-home .shop-cart-list-card .shop-card-items {
  grid-column: auto !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-cart-list-card .shop-card-title-block strong {
  display: -webkit-box !important;
  max-width: 100% !important;
  overflow: hidden !important;
  color: var(--hashop-theme-text) !important;
  -webkit-text-fill-color: var(--hashop-theme-text) !important;
  font-size: 0.98rem !important;
  font-weight: 920 !important;
  line-height: 1.16 !important;
  white-space: normal !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-cart-list-card .shop-card-subtitle,
html body .shell.shell-home.shell-home.shell-home .shop-cart-list-card .shop-card-item {
  color: var(--hashop-theme-muted) !important;
  -webkit-text-fill-color: var(--hashop-theme-muted) !important;
  font-size: 0.74rem !important;
  line-height: 1.2 !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-cart-list-card .shop-item-selection {
  grid-column: 2 !important;
  justify-self: end !important;
  align-self: start !important;
  min-width: 4.6rem !important;
  max-width: 5rem !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-cart-list-card .shop-card-items {
  display: grid !important;
  gap: 0.14rem !important;
}

@media (max-width: 430px) {
  html body .shell.shell-home.shell-home.shell-home .shop-pane-cart-feed > .shop-cart-list-card,
  html body .shell.shell-home.shell-home.shell-home .shop-pane-confirm-items > .shop-cart-list-card,
  html body .shell.shell-home.shell-home.shell-home[data-hashop-screen="cart"] .shop-cart-list-card,
  html body .shell.shell-home.shell-home.shell-home[data-hashop-screen="confirmation"] .shop-cart-list-card,
  html body .shell.shell-home.shell-home.shell-home .shop-list-panel[data-pane-mode="cart"] .shop-cart-list-card,
  html body .shell.shell-home.shell-home.shell-home .shop-list-panel[data-pane-mode="confirmation"] .shop-cart-list-card {
    grid-template-columns: 4.85rem minmax(0, 1fr) !important;
    gap: 0.62rem !important;
  }

  html body .shell.shell-home.shell-home.shell-home .shop-pane-cart-feed > .shop-cart-list-card > .shop-cart-thumb,
  html body .shell.shell-home.shell-home.shell-home .shop-pane-confirm-items > .shop-cart-list-card > .shop-cart-thumb,
  html body .shell.shell-home.shell-home.shell-home[data-hashop-screen="cart"] .shop-cart-list-card > .shop-cart-thumb,
  html body .shell.shell-home.shell-home.shell-home[data-hashop-screen="confirmation"] .shop-cart-list-card > .shop-cart-thumb,
  html body .shell.shell-home.shell-home.shell-home .shop-list-panel[data-pane-mode="cart"] .shop-cart-list-card > .shop-cart-thumb,
  html body .shell.shell-home.shell-home.shell-home .shop-list-panel[data-pane-mode="confirmation"] .shop-cart-list-card > .shop-cart-thumb {
    width: 4.85rem !important;
    height: 4.85rem !important;
    min-width: 4.85rem !important;
    min-height: 4.85rem !important;
    max-width: 4.85rem !important;
    max-height: 4.85rem !important;
  }
}

html body .shell.shell-home.shell-home.shell-home .shop-order-compact-items > .shop-cart-list-card,
html body .shell.shell-home.shell-home.shell-home .shop-owner-order-card .shop-order-compact-items > .shop-cart-list-card {
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-columns: 3.35rem minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 0.58rem !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  min-height: 3.7rem !important;
  margin: 0 !important;
  padding: 0.5rem !important;
  border: 1px solid var(--hashop-theme-line) !important;
  border-radius: 8px !important;
  background: var(--hashop-theme-soft) !important;
  background-color: var(--hashop-theme-soft) !important;
  background-image: none !important;
  color: var(--hashop-theme-text) !important;
  -webkit-text-fill-color: currentColor !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-order-compact-items > .shop-cart-list-card > .shop-cart-thumb,
html body .shell.shell-home.shell-home.shell-home .shop-owner-order-card .shop-order-compact-items > .shop-cart-list-card > .shop-cart-thumb {
  grid-column: 1 !important;
  grid-row: 1 !important;
  align-self: center !important;
  justify-self: stretch !important;
  width: 3.35rem !important;
  height: 3.35rem !important;
  min-width: 3.35rem !important;
  min-height: 3.35rem !important;
  max-width: 3.35rem !important;
  max-height: 3.35rem !important;
  border: 1px solid var(--hashop-theme-line) !important;
  border-radius: 7px !important;
  background: var(--hashop-theme-thumb) !important;
  background-color: var(--hashop-theme-thumb) !important;
  color: var(--hashop-theme-accent) !important;
  -webkit-text-fill-color: var(--hashop-theme-accent) !important;
  overflow: hidden !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-order-compact-items > .shop-cart-list-card > .shop-card-main,
html body .shell.shell-home.shell-home.shell-home .shop-owner-order-card .shop-order-compact-items > .shop-cart-list-card > .shop-card-main {
  grid-column: 2 !important;
  grid-row: 1 !important;
  align-self: center !important;
  display: grid !important;
  gap: 0.18rem !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-order-compact-items .shop-cart-list-card .shop-card-topline {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) max-content !important;
  align-items: start !important;
  gap: 0.42rem !important;
  min-width: 0 !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-order-compact-items .shop-cart-list-card .shop-card-title-block,
html body .shell.shell-home.shell-home.shell-home .shop-order-compact-items .shop-cart-list-card .shop-card-items {
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-order-compact-items .shop-cart-list-card .shop-card-title-block strong {
  display: -webkit-box !important;
  color: var(--hashop-theme-text) !important;
  -webkit-text-fill-color: var(--hashop-theme-text) !important;
  font-size: 0.85rem !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
  white-space: normal !important;
  overflow: hidden !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
}

html body .shell.shell-home.shell-home.shell-home .shop-order-compact-items .shop-cart-list-card .shop-card-subtitle,
html body .shell.shell-home.shell-home.shell-home .shop-order-compact-items .shop-cart-list-card .shop-card-item {
  color: var(--hashop-theme-muted) !important;
  -webkit-text-fill-color: var(--hashop-theme-muted) !important;
  font-size: 0.68rem !important;
  line-height: 1.18 !important;
}