/* Home service grid: retain all existing dimensions and responsive borders. */
#sharemax-site[data-page="home"] .services-grid {
  --shmx-services-line: #DDDDE1;
  border-color: var(--shmx-services-line) !important;
}

html[data-theme="dark"] #sharemax-site[data-page="home"] .services-grid {
  --shmx-services-line: #34363B;
}

#sharemax-site[data-page="home"] .services-grid > .service {
  position: relative;
  border-color: var(--shmx-services-line) !important;
}

/* An inset outline highlights all four sides without shifting the grid. */
#sharemax-site[data-page="home"] .services-grid > .service::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  box-shadow: inset 0 0 0 1px #E50919;
  opacity: 0;
  transition: opacity .28s ease;
}

#sharemax-site[data-page="home"] .services-grid > .service:hover::after,
#sharemax-site[data-page="home"] .services-grid > .service:focus-within::after {
  opacity: 1;
}

#sharemax-site[data-page="home"] .services-grid .service-icon {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none;
  color: #E50919 !important;
  justify-items: start;
}

@media (prefers-reduced-motion: reduce) {
  #sharemax-site[data-page="home"] .services-grid > .service::after {
    transition: none;
  }
}