.portfolio-theme-picture {
  display: block;
  width: 100%;
  height: 100%;
}

.portfolio-theme-cover {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top center;
}

/* Kart kutusu HER genişlikte 16:9.
   Kapak artık 1920x1080 masaüstü görüntüsü; sabit 330px'lik kutuda object-fit
   onu kırpıyordu (ölçüldü: telefonda genişliğin %41'i, iki sütunlu ızgarada
   %32'si görünmüyordu). !important şart: public-catalog-motion.css yüksekliği
   kendisi !important ile basıyor. */
.portfolio-catalog-grid .portfolio-preview {
  height: auto !important;
  aspect-ratio: 16 / 9;
}

.catalog-actions {
  display: grid;
  grid-template-columns: minmax(92px, .72fr) minmax(150px, 1.28fr);
  gap: 9px;
}

.catalog-preview-action {
  justify-content: center;
  gap: 8px;
  border: 1px solid #dedee4;
  color: #24242b;
  background: #fff;
}

.catalog-preview-action:hover {
  border-color: #ff6b1a;
  color: #d9480f;
  background: #fff7f1;
  box-shadow: none;
}

.catalog-preview-action:focus-visible {
  outline: 3px solid rgba(255, 107, 26, .32);
  outline-offset: 3px;
}

@media (max-width: 390px) {
  .catalog-actions {
    grid-template-columns: 1fr;
  }
}