.catalog-cat-media {
  display: block;
  overflow: hidden;
  border-radius: var(--radius-card, var(--store-product-card-control-radius, var(--showcase-card-radius)));
  background: var(--cat-media-placeholder);
  border: var(--store-border-hairline);
  box-sizing: border-box;
}

.catalog-cat-media__img {
  display: block;
  width: 100%;
  height: 100%;

  object-fit: contain;
}

.catalog-cat-media:has(.catalog-cat-media__img) {
  background: var(--theme-surface, #fff);
}

.catalog-cat-media__fallback {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-size: 1.35rem;
  font-weight: 700;
  color: var(--color-accent-muted);
  text-transform: uppercase;
  user-select: none;
}

.catalog-cat-media--card {
  width: 100%;
  border-radius: 0;
}

.catalog-cat-media--card:not(:has(.catalog-cat-media__img)) {
  aspect-ratio: 16 / 9;
}

.catalog-cat-media--card .catalog-cat-media__img {
  height: auto;
  object-fit: fill;
}

.catalog-categories-index-root-card {
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: 0;
  margin: 0;
  text-decoration: none;
  color: inherit;
  background: var(--cat-surface);
  border: var(--store-border-width, 1px) var(--store-border-style, solid) var(--cat-border);
  border-radius: var(--store-radius-lg, 12px);
  box-shadow: none !important;
  overflow: hidden;
  transition: border-color var(--store-transition-snappy, var(--motion-duration) ease);
}

.catalog-categories-index-root-card:hover,
.catalog-categories-index-root-card:focus-visible {
  border-color: var(--cat-border-hover);
  box-shadow: none !important;
  outline: none;
}

.ph-category-card:not(.ph-category-card--shelf) .ph-category-card-media img {
  position: static;
  width: 100%;
  height: auto;
  max-width: none;
  max-height: none;
  display: block;
  padding: 0;
  box-sizing: border-box;
  filter: none;
}

.ph-category-card:not(.ph-category-card--shelf) .ph-category-card-link:hover .ph-category-card-media img,
.ph-category-card:not(.ph-category-card--shelf) .ph-category-card-link:focus-visible .ph-category-card-media img {
  filter: none;
}

.catalog-categories-index-root-title {
  margin: 0;
  padding: var(--space-3, 0.75rem);
  font-size: var(--fs-5, 1.0625rem);
  font-weight: var(--weight-700, 700);
  line-height: 1.35;
  color: var(--cat-text);
}

.catalog-categories-index-root-card .catalog-cat-media--card {
  display: block;
  position: relative;
  flex-shrink: 0;
  width: 100%;
  max-height: none;
  margin: 0;
  padding: 0;
  border: 0 !important;
  border-radius: 0 !important;
  background: var(--cat-media-placeholder);
  overflow: hidden;
}

.catalog-categories-index-root-card .catalog-cat-media--card:not(:has(.catalog-cat-media__img)) {
  aspect-ratio: 16 / 9;
}

.catalog-categories-index-root-card .catalog-cat-media__fallback {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
}

.catalog-categories-index-root-card .catalog-cat-media__img {
  position: static;
  width: 100%;
  height: auto;
  max-width: none;
  max-height: none;
  object-fit: fill;
}

.catalog-categories-index-root-card .catalog-cat-media__fallback {
  font-size: clamp(1.25rem, 4vw, 1.75rem);
}

.catalog-cat-media--filter {
  width: 1.35rem;
  height: 1.35rem;
  flex-shrink: 0;
  border-radius: var(--store-radius-xs, 4px);
  margin-right: 0.35rem;
}

.catalog-cat-media--filter .catalog-cat-media__fallback {
  font-size: 0.65rem;
}

.catalog-cat-media--tile {
  width: 3.25rem;
  height: 3.25rem;
  flex-shrink: 0;
  border-radius: var(--store-radius-sm, 6px);
}

.catalog-categories-index-sub-link--with-media,
.catalog-category-subs-sub-link--with-media {
  display: flex;
  align-items: center;
  gap: var(--space-3, 0.75rem);
}

.catalog-categories-index-sub-row .catalog-cat-media--tile {
  width: var(--cat-index-media, 2.5rem);
  height: var(--cat-index-media, 2.5rem);
  align-self: center;
  margin: 0;
}

.catalog-categories-index-sub[data-depth="3"] .catalog-cat-media--tile,
.catalog-categories-index-sub[data-depth="4"] .catalog-cat-media--tile {
  --cat-index-media: 2.15rem;
}

.catalog-categories-index-sub[data-depth="5"] .catalog-cat-media--tile,
.catalog-categories-index-sub[data-depth="6"] .catalog-cat-media--tile {
  --cat-index-media: 1.9rem;
}

@media (max-width: 768px) {
  .catalog-cat-media--filter {
    width: 1.2rem;
    height: 1.2rem;
  }
}

#page-catalog-categories .catalog-cat-media--tile {
  display: flex;
  align-items: center;
  justify-content: center;
}

#page-catalog-categories .catalog-cat-media--tile .catalog-cat-media__img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

#page-catalog-categories .catalog-categories-index-root-card--cover .catalog-cat-media--card {
  display: block;
  min-height: 0;
}

#page-catalog-categories .catalog-categories-index-root-card--cover .catalog-cat-media--card .catalog-cat-media__img {
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  object-fit: cover;
}