/* The artwork contains the icon and both text lines. Keep the original links and sorting DOM. */
@media (max-width: 760px) {
  #view-home.cd-home-rework .services > .service-card[data-hybrid-view="query"] { --cd-tile-image: url("service-card-images/query.png"); }
  #view-home.cd-home-rework .services > .service-card[data-hybrid-view="pickup-query"] { --cd-tile-image: url("service-card-images/pickup-query.png"); }
  #view-home.cd-home-rework .services > .service-card[data-hybrid-view="membership"] { --cd-tile-image: url("service-card-images/membership.png"); }
  #view-home.cd-home-rework .services > .service-card[data-hybrid-view="pricing"] { --cd-tile-image: url("service-card-images/pricing.png"); }
  #view-home.cd-home-rework .services > .service-card[data-hybrid-view="locker"] { --cd-tile-image: url("service-card-images/locker.png"); }
  #view-home.cd-home-rework .services > .service-card[data-hybrid-view="events"] { --cd-tile-image: url("service-card-images/events.png"); }
  #view-home.cd-home-rework .services > .service-card[data-hybrid-view="contact"] { --cd-tile-image: url("service-card-images/contact.png"); }
  #view-home.cd-home-rework .services > .service-card[data-hybrid-view="guide"] { --cd-tile-image: url("service-card-images/guide.png"); }

  #view-home.cd-home-rework .services > .service-card[data-cd-service-item],
  #view-home.cd-home-rework .services > .service-card[data-cd-ghost] {
    aspect-ratio: 720 / 448 !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: var(--cd-tile-image) center / 100% 100% no-repeat !important;
    overflow: hidden !important;
  }
  #view-home.cd-home-rework .services > .service-card[data-cd-service-item] > .icon-wrap,
  #view-home.cd-home-rework .services > .service-card[data-cd-service-item] > h3,
  #view-home.cd-home-rework .services > .service-card[data-cd-service-item] > p,
  #view-home.cd-home-rework .services > .service-card[data-cd-service-item] > .arrow,
  #view-home.cd-home-rework .services > .service-card[data-cd-ghost] > .icon-wrap,
  #view-home.cd-home-rework .services > .service-card[data-cd-ghost] > h3,
  #view-home.cd-home-rework .services > .service-card[data-cd-ghost] > p,
  #view-home.cd-home-rework .services > .service-card[data-cd-ghost] > .arrow {
    visibility: hidden !important;
  }
  #view-home.cd-home-rework .services > .service-card[data-cd-service-item]:focus-visible {
    outline: 3px solid #0872d8 !important;
    outline-offset: 2px;
  }
}