.heichal-app__grid.hx-shared-category-grid {
  align-items: stretch;
}

.hx-shared-category-card {
  border-width: 1.5px;
  background: linear-gradient(145deg, rgba(255, 252, 244, .98), rgba(248, 239, 215, .92));
}

.hx-shared-category-card em::after {
  content: "  ›";
}

.hx-shared-category-breadcrumb {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 8px;
  width: 100%;
  margin: 0 0 16px;
  color: #74551b;
  font-size: 14px;
}

.hx-shared-category-breadcrumb a {
  color: #74551b;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.hx-shared-category-breadcrumb strong {
  color: #071f30;
}

@media (max-width: 1023px) {
  .hx-shared-category-breadcrumb {
    margin: 4px 4px 12px;
    padding-inline: 4px;
    font-size: 13px;
  }

  .heichal-app__grid.hx-shared-category-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }
}
/* Hide the legacy server cards only while the canonical shared catalogue is
   replacing them. The grid keeps its footprint, so users never see two card
   designs flash one after the other. JavaScript always releases this guard. */
body.hx-shared-category-pending .heichal-app__category .heichal-app__grid > * {
  visibility: hidden !important;
}

body.hx-shared-category-pending .heichal-app__category .heichal-app__grid {
  min-height: 132px;
}