/* GERCEK V142 — only the hover-sweep edge and movement repair.
   Keeps V138 compact cards, image transparency and all SVG/icon rendering. */
#services.v138-services .v116-service-grid > .v116-service {
  box-sizing: border-box;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  transform: none !important;
  -webkit-transform: none !important;
  background-clip: padding-box;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}
/* A 1px inset prevents the sweep from painting on the card's frame.
   Text, icon and arrow stay fully opaque above the moving background. */
#services.v138-services .v116-service-grid > .v116-service::before {
  content: "";
  position: absolute;
  inset: 1px !important;
  z-index: 0 !important;
  border-radius: 8px !important;
  box-sizing: border-box;
  pointer-events: none;
  transform: none !important;
  background: linear-gradient(90deg,
    rgba(27, 151, 238, .23) 0%,
    rgba(42, 163, 241, .22) 52%,
    rgba(38, 152, 231, .12) 82%,
    rgba(38, 152, 231, 0) 100%) !important;
  clip-path: inset(0 100% 0 0);
  -webkit-clip-path: inset(0 100% 0 0);
  transition: clip-path .38s cubic-bezier(.2,.7,.2,1),
              -webkit-clip-path .38s cubic-bezier(.2,.7,.2,1) !important;
}
#services.v138-services .v116-service-grid > .v116-service:hover::before,
#services.v138-services .v116-service-grid > .v116-service:focus-visible::before {
  clip-path: inset(0 0 0 0);
  -webkit-clip-path: inset(0 0 0 0);
}
#services.v138-services .v116-service-grid > .v116-service > .v116-service-icon,
#services.v138-services .v116-service-grid > .v116-service > .v116-service-title {
  position: relative;
  z-index: 1;
}
#services.v138-services .v116-service-grid > .v116-service::after {
  position: relative;
  z-index: 1;
}
#services.v138-services .v116-service-grid > .v116-service:hover,
#services.v138-services .v116-service-grid > .v116-service:focus-visible {
  transform: none !important;
  -webkit-transform: none !important;
}
@media (min-width: 861px) {
  /* Two background layers: the translucent surface ends *inside* the frame;
     the border-gradient itself tapers to transparent over the photo. */
  #services.v138-services .v116-service-grid > .v116-service:nth-child(even),
  #services.v138-services .v116-service-grid > .v116-service:nth-child(even):hover,
  #services.v138-services .v116-service-grid > .v116-service:nth-child(even):focus-visible {
    border: 1px solid transparent !important;
    background:
      linear-gradient(90deg,
        #fff 0%,
        rgba(255,255,255,.99) 61%,
        rgba(250,253,255,.95) 77%,
        rgba(234,248,255,.73) 89%,
        rgba(209,236,253,.22) 97%,
        rgba(209,236,253,0) 100%) padding-box,
      linear-gradient(90deg,
        #d1e6f5 0%,
        rgba(209,230,245,.9) 65%,
        rgba(209,230,245,.45) 84%,
        rgba(209,230,245,0) 100%) border-box !important;
    background-origin: padding-box, border-box !important;
    background-clip: padding-box, border-box !important;
    box-shadow: none !important;
  }
  #services.v138-services .v116-service-grid > .v116-service:nth-child(even):hover,
  #services.v138-services .v116-service-grid > .v116-service:nth-child(even):focus-visible {
    border-left-color: #75b7e5 !important;
    box-shadow: 0 4px 12px rgba(8,88,150,.055) !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  #services.v138-services .v116-service-grid > .v116-service::before {
    transition: none !important;
  }
}