/* Final glass lock: Services and Facilities share the approved excellent-pill optics. */
body.business-page {
  --business-excellent-glass-border: 1px solid rgba(255, 255, 255, 0.86);
  --business-excellent-glass-background: linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.78),
    rgba(244, 250, 252, 0.58)
  );
  --business-excellent-glass-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.96),
    0 18px 38px rgba(3, 30, 54, 0.14);
  --business-excellent-glass-filter: blur(2px) saturate(1.08);
}

body.business-page
  :is(.business-service-grid--twin-flagships, .business-facility-card-grid)
  .business-disclosure-card {
  border: var(--business-excellent-glass-border) !important;
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.28), rgba(238, 248, 251, 0.14)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.96),
    inset 0 -2px 0 rgba(5, 40, 67, 0.035),
    0 18px 38px rgba(3, 30, 54, 0.12) !important;
  -webkit-backdrop-filter: var(--business-excellent-glass-filter) !important;
  backdrop-filter: var(--business-excellent-glass-filter) !important;
}

body.business-page #services
  .business-service-grid--twin-flagships
  .business-disclosure-card
  > .business-service-copy,
body.business-page #facilities
  .business-facility-card-grid
  .business-disclosure-card
  > .business-facility-card-copy,
body.business-page #services
  .business-service-grid--twin-flagships
  > .business-disclosure-panel
  .business-disclosure-panel-copy,
body.business-page #facilities
  .business-facility-card-grid
  > .business-disclosure-panel
  .business-disclosure-panel-copy {
  border: var(--business-excellent-glass-border) !important;
  background: var(--business-excellent-glass-background) !important;
  box-shadow: var(--business-excellent-glass-shadow) !important;
  -webkit-backdrop-filter: var(--business-excellent-glass-filter) !important;
  backdrop-filter: var(--business-excellent-glass-filter) !important;
}

body.business-page #services
  .business-service-grid--twin-flagships
  .business-disclosure-card:not(.is-service-active)
  .business-service-expand,
body.business-page #facilities
  .business-facility-card-grid
  .business-disclosure-card:not(.is-facility-active)
  .business-facility-card-expand {
  border: var(--business-excellent-glass-border) !important;
  background: var(--business-excellent-glass-background) !important;
  box-shadow: var(--business-excellent-glass-shadow) !important;
  -webkit-backdrop-filter: var(--business-excellent-glass-filter) !important;
  backdrop-filter: var(--business-excellent-glass-filter) !important;
}

body.business-page #services
  .business-service-grid--twin-flagships
  .business-disclosure-card:is(.is-disclosure-selected, .is-service-active)
  .business-service-expand,
body.business-page #facilities
  .business-facility-card-grid
  .business-disclosure-card:is(.is-disclosure-selected, .is-facility-active)
  .business-facility-card-expand {
  color: var(--business-ink) !important;
  border: var(--business-excellent-glass-border) !important;
  background: var(--business-excellent-glass-background) !important;
  box-shadow: var(--business-excellent-glass-shadow) !important;
  -webkit-backdrop-filter: var(--business-excellent-glass-filter) !important;
  backdrop-filter: var(--business-excellent-glass-filter) !important;
}

body.business-page #services
  .business-service-grid--twin-flagships
  .business-disclosure-card:is(.is-disclosure-selected, .is-service-active)
  .business-service-expand-label,
body.business-page #facilities
  .business-facility-card-grid
  .business-disclosure-card:is(.is-disclosure-selected, .is-facility-active)
  .business-facility-card-expand-label {
  color: var(--business-ink) !important;
  -webkit-text-fill-color: var(--business-ink) !important;
}

body.business-page #services
  .business-service-grid--twin-flagships
  .business-disclosure-card:is(.is-disclosure-selected, .is-service-active)
  .business-service-expand
  svg,
body.business-page #facilities
  .business-facility-card-grid
  .business-disclosure-card:is(.is-disclosure-selected, .is-facility-active)
  .business-facility-card-expand
  svg {
  color: #127e93 !important;
}

@media (hover: hover) and (pointer: fine) {
  body.business-page #services
    .business-service-grid--twin-flagships
    .business-disclosure-card:not(.is-disclosure-selected):not(.is-service-active):hover
    > .business-service-copy,
  body.business-page #facilities
    .business-facility-card-grid
    .business-disclosure-card:not(.is-disclosure-selected):not(.is-facility-active):hover
    > .business-facility-card-copy {
    border: var(--business-excellent-glass-border) !important;
    background: var(--business-excellent-glass-background) !important;
    box-shadow: var(--business-excellent-glass-shadow) !important;
  }
}
