#categories .cat-card-img-container {
  padding: 10px;
  border-radius: 14px;
}

.cat-card .cat-card-img-semi-rounded {
  border-radius: 0px !important;
}

#categories
  > .w-full.justify-center.relative
  > .w-full.recommended-theme-mode-grid
  > div:nth-child(8n + 1)
  .cat-card-img-container {
  background: #e3f0ff;
}

#categories
  > .w-full.justify-center.relative
  > .w-full.recommended-theme-mode-grid
  > div:nth-child(8n + 2)
  .cat-card-img-container {
  background: #e8eeff;
}

#categories
  > .w-full.justify-center.relative
  > .w-full.recommended-theme-mode-grid
  > div:nth-child(8n + 3)
  .cat-card-img-container {
  background: #e3f7ff;
}

#categories
  > .w-full.justify-center.relative
  > .w-full.recommended-theme-mode-grid
  > div:nth-child(8n + 4)
  .cat-card-img-container {
  background: #eef2ff;
}

#categories
  > .w-full.justify-center.relative
  > .w-full.recommended-theme-mode-grid
  > div:nth-child(8n + 5)
  .cat-card-img-container {
  background: #e0f4ff;
}

#categories
  > .w-full.justify-center.relative
  > .w-full.recommended-theme-mode-grid
  > div:nth-child(8n + 6)
  .cat-card-img-container {
  background: #fff3e0;
}

#categories
  > .w-full.justify-center.relative
  > .w-full.recommended-theme-mode-grid
  > div:nth-child(8n + 7)
  .cat-card-img-container {
  background: #f5f5f5;
}

#categories
  > .w-full.justify-center.relative
  > .w-full.recommended-theme-mode-grid
  > div:nth-child(8n + 8)
  .cat-card-img-container {
  background: #f0f4ff;
}

#categories .category-header,
.collection-header .heading-title {
  font-size: 26px !important;
  font-weight: 800 !important;
  color: var(--secondary-main) !important;
  letter-spacing: -0.3px !important;
  text-align: left !important;
  margin-right: auto !important;
}

@media (max-width: 768px) {
  #categories .category-header,
  .collection-header .heading-title {
    font-size: 22px !important;
  }
}

.section.section-2 .page-container.px-4.md\:px-10.my-6 {
  padding-top: 18px !important;
  padding-bottom: 18px !important;
}

.desktop-header-menu {
  border-top: 3px solid #e53935 !important;
}
.desktop-header-menu .nav-link {
  color: var(--header-desktop-contrast-text);
}
.desktop-header-menu .nav-link {
  font-size: 12px;
  font-weight: 600;
}
.desktop-header-menu .nav-item:last-child .nav-link {
  color: #1565c0;
}

.heading-description {
  font-size: 14px;
  color: #6b7280;
  margin-top: 4px;
}