body#category #category-description .ts-category-hero-frame {
  width: 100%;
  max-width: 600px;
  margin: 0 0 18px;
  border-radius: 9px;
  overflow: hidden;
}

body#category #category-description .ts-category-hero {
  display: block;
  width: 100%;
  height: auto;
}

body#category .block-category:has(.ts-category-hero) .category-cover {
  display: none;
}

@media (min-width: 992px) {
  body#category #category-description .ts-category-hero-frame {
    display: flex;
    justify-content: center;
    max-width: none;
    height: 300px;
    background: linear-gradient(#e5f1fc, #deebf8);
  }

  body#category #category-description .ts-category-hero {
    width: min(100%, 450px);
    height: 100%;
    object-fit: contain;
    mask-image: linear-gradient(to right, transparent, #000 6%, #000 94%, transparent);
  }
}

@media (max-width: 575px) {
  body#category #category-description .ts-category-hero-frame { margin-bottom: 14px; }
}