.cats-hero {
  padding-block: var(--space-20);
}

.cats-hero__inner {
  display: grid;
  gap: var(--space-12);
  align-items: center;
}

@media (min-width: 768px) {
  .cats-hero__inner {
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
  }
}

.cats-breadcrumbs ol {
  list-style: none;
  padding: 0;
  margin: 0 0 var(--space-6);
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
  font-size: var(--font-size-sm);
  color: var(--color-text-muted);
}

.cats-breadcrumbs li::after {
  content: "/";
  margin-left: var(--space-3);
}

.cats-breadcrumbs li:last-child::after {
  content: "";
}

.cats-breadcrumbs a {
  color: var(--color-primary-strong);
}

.cats-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-6);
  margin-bottom: var(--space-6);
}

.cats-hero__highlights {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: var(--space-3);
  font-size: var(--font-size-sm);
  color: var(--color-text-muted);
}

.cats-hero__figure figcaption {
  padding: var(--space-6);
  font-size: var(--font-size-sm);
  color: var(--color-text-muted);
  background-color: rgba(255, 255, 255, 0.8);
}

.cats-section-header {
  max-width: 720px;
  margin-inline: auto;
  text-align: center;
  padding-block: var(--space-16) var(--space-10);
}

.cats-categories {
  padding-block: 0 var(--space-20);
}

.cats-categories__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: var(--space-9);
}

.cats-category-card .card-body ul {
  padding-left: var(--space-8);
  margin-bottom: 0;
}

.cats-new-arrivals {
  padding-block: var(--space-20);
  background-color: var(--color-primary-soft);
}

.cats-new-arrivals__inner {
  display: grid;
  gap: var(--space-12);
  align-items: center;
}

@media (min-width: 768px) {
  .cats-new-arrivals__inner {
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
  }
}

.cats-new-arrivals__list {
  list-style: disc;
  padding-left: var(--space-10);
  margin-bottom: var(--space-8);
}

.cats-new-arrivals__media figcaption {
  padding: var(--space-6);
  font-size: var(--font-size-sm);
  color: var(--color-text-muted);
  background-color: #ffffff;
}

.cats-bestsellers {
  padding-block: var(--space-20);
}

.cats-bestsellers__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: var(--space-9);
}

.cats-curated {
  padding-block: 0 var(--space-20);
}

.cats-curated__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: var(--space-9);
}

.cats-food-favorites {
  padding-block: var(--space-20);
  background-color: var(--color-gray-50);
}

.cats-food-favorites__inner {
  display: grid;
  gap: var(--space-12);
  align-items: center;
}

@media (min-width: 768px) {
  .cats-food-favorites__inner {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);
  }
}

.cats-food-favorites__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: var(--space-8);
  margin-bottom: var(--space-8);
}

.cats-food-card .card-body ul {
  padding-left: var(--space-8);
  margin-bottom: 0;
}

.cats-reviews {
  padding-block: var(--space-20);
}

.cats-reviews__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: var(--space-9);
}

.cats-review-card__meta {
  margin-bottom: 0;
  font-size: var(--font-size-sm);
  color: var(--color-text-muted);
}

.cats-trust {
  padding-block: 0 var(--space-20);
}

.cats-trust__inner {
  max-width: 840px;
  margin-inline: auto;
}

.cats-trust__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: var(--space-9);
  margin-bottom: var(--space-8);
}

.cats-guides {
  padding-block: var(--space-20);
  background-color: var(--color-gray-50);
}

.cats-guides__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: var(--space-9);
}

.cats-guide-card ul {
  padding-left: var(--space-8);
  margin-bottom: 0;
}

.cats-story {
  padding-block: var(--space-20);
}

.cats-story__inner {
  display: grid;
  gap: var(--space-12);
  align-items: center;
}

@media (min-width: 768px) {
  .cats-story__inner {
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 1.2fr);
  }
}

.cats-story__media figcaption {
  padding: var(--space-6);
  font-size: var(--font-size-sm);
  color: var(--color-text-muted);
  background-color: #ffffff;
}

.cats-support {
  padding-block: 0 var(--space-20);
}

.cats-support__inner {
  max-width: 760px;
  margin-inline: auto;
  text-align: center;
}

.cats-support__list {
  list-style: disc;
  padding-left: var(--space-10);
  text-align: left;
  margin-inline: auto;
  margin-bottom: var(--space-8);
}

@media (max-width: 767px) {
  .cats-hero,
  .cats-categories,
  .cats-new-arrivals,
  .cats-bestsellers,
  .cats-curated,
  .cats-food-favorites,
  .cats-reviews,
  .cats-trust,
  .cats-guides,
  .cats-story,
  .cats-support {
    padding-inline: 0;
  }
}