/* SALMAST portfolio v09 — persistent filters and legible project-zone links. */

#catalogProjectZones {
  grid-template-columns: 1fr !important;
  gap: 10px;
}

.catalog-project-zone-card {
  position: relative;
  grid-template-columns: 116px minmax(0, 1fr) 34px !important;
  align-items: center;
  min-height: 104px;
  padding: 8px 10px 8px 8px;
  border-radius: 12px !important;
  background: rgba(255, 255, 255, .68);
  transition: border-color .2s ease, background-color .2s ease, transform .24s ease;
}

.catalog-project-zone-card::after {
  content: "";
  width: 18px;
  height: 18px;
  justify-self: center;
  background: currentColor;
  opacity: .62;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center / contain no-repeat;
  transition: opacity .2s ease, transform .24s ease;
}

.catalog-project-zone-card:hover,
.catalog-project-zone-card:focus-visible {
  border-color: rgba(181, 147, 87, .58);
  background: #fff;
  transform: translateY(-1px);
}

.catalog-project-zone-card:hover::after,
.catalog-project-zone-card:focus-visible::after { opacity: 1; transform: translateX(3px); }

.catalog-project-zone-card img {
  width: 116px !important;
  height: 88px !important;
  border-radius: 8px !important;
}

.catalog-project-zone-card strong {
  overflow: visible !important;
  font-size: clamp(17px, 1.45vw, 20px);
  line-height: 1.13;
  text-overflow: clip !important;
  white-space: normal !important;
  overflow-wrap: anywhere;
}

.catalog-project-zone-card small { line-height: 1.25; }

@media (min-width: 900px) {
  .catalog-layout,
  .catalog-layout.is-sidebar-collapsed {
    grid-template-columns: 232px minmax(0, 1fr) !important;
    gap: clamp(18px, 2vw, 26px) !important;
  }

  .catalog-sidebar { display: block !important; }
  .catalog-filter-trigger { display: none !important; }
  .catalog-filter-card__head button { display: none !important; }
}

@media (min-width: 900px) and (max-width: 980px) {
  .catalog-layout,
  .catalog-layout.is-sidebar-collapsed { grid-template-columns: 216px minmax(0, 1fr) !important; gap: 18px !important; }
}

@media (max-width: 899px) {
  .catalog-layout { grid-template-columns: 1fr !important; }
  .catalog-sidebar { display: none !important; }
  .catalog-filter-trigger { display: inline-flex !important; }
}

@media (max-width: 767px) {
  .catalog-project-zone-card { grid-template-columns: 84px minmax(0, 1fr) 28px !important; min-height: 94px; }
  .catalog-project-zone-card img { width: 84px !important; height: 78px !important; }
  .catalog-project-zone-card strong { font-size: 17px; }
}

@media (prefers-reduced-motion: reduce) {
  .catalog-project-zone-card,
  .catalog-project-zone-card::after { transition: none; }
}