/* Category tiles use service photos as backgrounds. */
.category-grid .category[data-category] {
  isolation: isolate;
  overflow: hidden;
  color: #fff;
  border-color: #454941;
  background: #343a33;
}

.category-grid .category[data-category]::before,
.category-grid .category[data-category]::after {
  position: absolute;
  content: "";
  inset: 0;
  z-index: -1;
}

.category-grid .category[data-category]::before {
  background-position: center;
  background-size: cover;
  transition: transform .5s ease;
}

.category-grid .category[data-category]::after {
  background: linear-gradient(180deg, #10141050 0%, #10141010 35%, #101410c9 100%);
}

.category-grid .category[data-category]:hover::before {
  transform: scale(1.06);
}

.category-grid .category[data-category] > * {
  position: relative;
  z-index: 1;
  color: #fff;
  text-shadow: 0 1px 8px #0009;
}

.category-grid .category[data-category] .cat-icon {
  font-size: 25px;
}

.category-grid .category[data-category].is-selected {
  box-shadow: inset 0 -3px #c2a777;
}

.category-grid .category[data-category="home"]::before {
  background-image: url("/__l5e/assets-v1/a43e8aa7-f22a-47d6-9716-70cf9e979eda/photo-1600210492486-724fe5c67fb0.jpg");
}
.category-grid .category[data-category="craft"]::before {
  background-image: url("/__l5e/assets-v1/3085e49c-30c7-408a-90c8-a05e7d44cbec/photo-1611523794717-4d1f87dabf3b.jpg");
}
.category-grid .category[data-category="wellbeing"]::before {
  background-image: url("/__l5e/assets-v1/582f3029-d2b5-4386-b3b9-999d5091bb43/photo-1540555700478-4be289fbecef.jpg");
}
.category-grid .category[data-category="cooking"]::before {
  background-image: url("/__l5e/assets-v1/7972d960-4f65-4ff7-9bb6-34dc99256d6a/photo-1745236549199-542fe7a368f4.jpg");
}
.category-grid .category[data-category="learning"]::before {
  background-image: url("/__l5e/assets-v1/7fa872fe-3ded-495f-9a43-9065b81a75bb/photo-1503676260728-1c00da094a0b.jpg");
}
.category-grid .category[data-category="moving"]::before {
  background-image: url("/__l5e/assets-v1/510442d7-97e3-45b1-86f8-a9723adfa612/photo-1714647211902-bb711d643a17.jpg");
}
.category-grid .category[data-category="digital"]::before {
  background-image: url("/__l5e/assets-v1/f3384741-7c6c-4f13-ae67-6e756e89cf05/photo-1516321318423-f06f85e504b3.jpg");
}
.category-grid .category[data-category="concierge"]::before {
  background-image: url("/__l5e/assets-v1/b47cba71-10af-4fb7-8f49-30b60b78aea7/photo-1600596542815-ffad4c1539a9.jpg"), url("/__l5e/assets-v1/58a37d78-eb76-4580-baa5-95de9a3b8b6e/photo-1614200187524-dc4b892acf16.jpg");
  background-size: 50% 100%, 50% 100%;
  background-position: left center, right center;
  background-repeat: no-repeat;
}

html[data-theme="light"] .category-grid .category[data-category] {
  color: #fff;
}

@media (prefers-reduced-motion: reduce) {
  .category-grid .category[data-category]::before { transition: none; }
}