/* F&S R68: clearer glass, stronger edge highlights — SERVICE TILES ONLY.
 * Research-based: a near-clear tint lets the marble transmit, small backdrop
 * blur softens rather than erases veining; reflections concentrate at edges.
 * R66 dimensions/placement/icons/buttons and every other section are unchanged.
 */
html[data-theme] .fs38-services-section .fs38-service-grid .fs38-service-card {
  background:linear-gradient(156deg,
    rgba(255,255,255,.15) 0%,
    rgba(255,255,255,.075) 34%,
    rgba(239,242,238,.035) 72%,
    rgba(255,255,255,.07) 100%) !important;
  border:1px solid rgba(255,255,255,.90) !important;
  -webkit-backdrop-filter:blur(5px) saturate(106%) !important;
  backdrop-filter:blur(5px) saturate(106%) !important;
  box-shadow:
    0 21px 44px -24px rgba(19,32,28,.27),
    0 6px 13px -11px rgba(27,38,33,.19),
    inset 0 2px 0 rgba(255,255,255,.94),
    inset 1px 0 0 rgba(255,255,255,.54),
    inset -1px 0 0 rgba(255,255,255,.35),
    inset 0 -1px 0 rgba(255,255,255,.19) !important;
}
html[data-theme="dark"] .fs38-services-section .fs38-service-grid .fs38-service-card {
  background:linear-gradient(155deg,
    rgba(136,158,151,.15) 0%,
    rgba(62,80,76,.085) 36%,
    rgba(14,26,24,.035) 71%,
    rgba(111,129,120,.095) 100%) !important;
  border-color:rgba(219,231,225,.43) !important;
  -webkit-backdrop-filter:blur(6px) saturate(107%) brightness(112%) !important;
  backdrop-filter:blur(6px) saturate(107%) brightness(112%) !important;
  box-shadow:
    0 24px 47px -24px rgba(0,0,0,.59),
    0 7px 16px -12px rgba(0,0,0,.38),
    inset 0 2px 0 rgba(241,248,244,.49),
    inset 1px 0 0 rgba(219,235,227,.27),
    inset -1px 0 0 rgba(229,238,231,.11),
    inset 0 -1px 0 rgba(222,233,225,.065) !important;
}
/* Specular crest at the top and left corner. Avoid broad milky reflection. */
html[data-theme] .fs38-services-section .fs38-service-grid .fs38-service-card::before {
  content:"" !important;
  position:absolute;
  inset:0 !important;
  top:0 !important;
  left:0 !important;
  width:auto !important;
  height:auto !important;
  pointer-events:none;
  z-index:0;
  border-radius:inherit;
  transform:none !important;
  filter:none !important;
  background:
    linear-gradient(180deg,
      rgba(255,255,255,.42) 0%,
      rgba(255,255,255,.15) 2%,
      rgba(255,255,255,.05) 14%,
      transparent 31%) ,
    radial-gradient(ellipse 74% 20% at 18% 0%,
      rgba(255,255,255,.48),transparent 79%) !important;
  opacity:.92 !important;
}
html[data-theme="dark"] .fs38-services-section .fs38-service-grid .fs38-service-card::before {
  background:
    linear-gradient(180deg,
      rgba(235,249,242,.30) 0%,
      rgba(213,233,224,.095) 2%,
      rgba(215,233,224,.025) 14%,
      transparent 31%),
    radial-gradient(ellipse 74% 20% at 18% 0%,
      rgba(223,240,231,.27),transparent 79%) !important;
}
/* Narrow glass refraction along the left edge and bottom-right, not a glaze. */
html[data-theme] .fs38-services-section .fs38-service-grid .fs38-service-card::after {
  content:"" !important;
  position:absolute;
  inset:0 !important;
  width:auto !important;
  height:auto !important;
  pointer-events:none;
  z-index:0;
  border-radius:inherit;
  background:
    linear-gradient(90deg,rgba(255,255,255,.26) 0%,rgba(255,255,255,.045) 1.5%,transparent 5.5%),
    radial-gradient(ellipse 52% 25% at 98% 100%,rgba(255,255,255,.14),transparent 80%) !important;
  opacity:.9 !important;
}
html[data-theme="dark"] .fs38-services-section .fs38-service-grid .fs38-service-card::after {
  background:
    linear-gradient(90deg,rgba(221,241,230,.17) 0%,rgba(221,241,230,.025) 1.5%,transparent 5.5%),
    radial-gradient(ellipse 52% 25% at 98% 100%,rgba(222,239,232,.085),transparent 80%) !important;
}
html[data-theme] .fs38-services-section .fs38-service-grid .fs38-service-card > * {
  position:relative;
  z-index:1;
}
@media (hover:hover) {
  html[data-theme] .fs38-services-section .fs38-service-grid .fs38-service-card:hover {
    transform:translateY(-2px) !important;
    border-color:rgba(255,255,255,.98) !important;
  }
  html[data-theme="dark"] .fs38-services-section .fs38-service-grid .fs38-service-card:hover {
    border-color:rgba(233,246,240,.64) !important;
  }
}