/* Forms & Standing R66 — compact glass service tiles, unified.
   Same 8 tiles, same icons and actions, same 3/2/3 placement.
   Shrinks height and width; removes the gap from deleted card descriptions.
   Does not alter header, stone hero, other sections, or theme surfaces.
 */
.fs38-services-section {
  --fs38-icon-size: 88px;
  --fs38-card-height: 300px;
  --fs38-card-pad: 22px;
}
html[data-theme] .fs38-services-section .fs38-service-card {
  width: 86%;
  justify-self: center;
  min-height: var(--fs38-card-height) !important;
  height: var(--fs38-card-height) !important;
  padding: var(--fs38-card-pad) !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
}
html[data-theme] .fs38-services-section .fs38-service-icon {
  margin: 0 auto !important;
  width: var(--fs38-icon-size) !important;
  height: var(--fs38-icon-size) !important;
}
html[data-theme] .fs38-services-section .fs38-service-card h3 {
  width: 100%;
  max-width: 310px !important;
  min-height: 60px !important;
  margin: 0 auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto;
}
html[data-theme] .fs38-services-section .fs38-service-card > p {
  display: none !important;
  min-height: 0 !important;
  margin: 0 !important;
}
html[data-theme] .fs38-services-section .fs38-service-card a.fs38-service-button {
  margin: 0 auto !important;
  flex: 0 0 auto;
}
html[data-theme] .fs38-services-section .fs38-service-card::before {
  width: 175px !important;
  height: 115px !important;
}
@media (min-width: 701px) {
  .fs38-services-section .fs38-service-card:nth-child(4) {
    grid-column: 2 / span 2;
  }
  .fs38-services-section .fs38-service-card:nth-child(5) {
    grid-column: 4 / span 2;
  }
}
@media (max-width: 980px) and (min-width: 701px) {
  .fs38-services-section {
    --fs38-icon-size: 82px;
    --fs38-card-height: 282px;
    --fs38-card-pad: 19px;
  }
  html[data-theme] .fs38-services-section .fs38-service-card {
    width: 94%;
  }
}
@media (max-width: 700px) {
  .fs38-services-section {
    --fs38-icon-size: 82px;
    --fs38-card-height: 256px;
    --fs38-card-pad: 18px;
  }
  html[data-theme] .fs38-services-section .fs38-service-card {
    width: 100%;
  }
  html[data-theme] .fs38-services-section .fs38-service-card h3 {
    min-height: 54px !important;
  }
}