html body.home-page .home-food-card > span:not(#typography-override),
html body.home-page .home-subcategory-card > span:not(#typography-override),
html body.home-page .home-top-category-row .category-home-card .top-city-content {
  position: absolute !important;
  inset: auto 0 0 !important;
  z-index: 2 !important;
  width: 100% !important;
  padding: 1.5rem 0.55rem 0.55rem !important;
  overflow: visible !important;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.72), rgba(0, 0, 0, 0)) !important;
  text-align: left !important;
}

html body.home-page .home-food-card,
html body.home-page .home-subcategory-card,
html body.home-page .home-top-category-row .category-home-card {
  overflow: hidden !important;
  border-radius: 16px !important;
}

html body.home-page .home-food-card:hover,
html body.home-page .home-food-card:focus-visible,
html body.home-page .home-subcategory-card:hover,
html body.home-page .home-subcategory-card:focus-visible {
  background: transparent !important;
  background-color: transparent !important;
  color: inherit !important;
}

html body.home-page .home-food-card:hover > span:not(#typography-override),
html body.home-page .home-food-card:focus-visible > span:not(#typography-override),
html body.home-page .home-subcategory-card:hover > span:not(#typography-override),
html body.home-page .home-subcategory-card:focus-visible > span:not(#typography-override) {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.72), rgba(0, 0, 0, 0)) !important;
  color: rgb(255, 255, 255) !important;
}

html body.home-page .home-food-card:focus-visible,
html body.home-page .home-subcategory-card:focus-visible,
html body.home-page .home-top-category-row .category-home-card:focus-visible {
  outline: 2px solid #087ea4 !important;
  outline-offset: 3px !important;
}

html body.home-page .home-food-card > span:not(#typography-override),
html body.home-page .home-subcategory-card > span:not(#typography-override),
html body.home-page .home-top-category-row .category-home-card .top-city-name:not(#typography-override),
html body.home-page .home-top-category-row .category-home-card:is(.active, .is-expanded) .top-city-name:not(#typography-override) {
  box-sizing: border-box !important;
  margin: 0 !important;
  margin-top: 0.7rem !important;
  color: rgb(255, 255, 255) !important;
  font-family: inherit !important;
  font-size: 0.94rem !important;
  font-weight: 500 !important;
  line-height: 1.25 !important;
}