/* layout.css – shared layout helpers (kept minimal; styles remain 1:1) */

/* --- Services tiles (Benefits section) icon + layout --- */
.service-card{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  min-height:120px; /* gives room for longer titles */
  position:relative;
  overflow:hidden;
}

.service-card__title{
  margin:0;
  flex:1 1 auto;
  max-width: calc(100% - 140px); /* keep clear space for the icon */
}

.service-card__icon{
  position:static;
  width:120px;
  height:90px;
  flex:0 0 auto;
  opacity:1; /* fully visible */
  filter:none;
  object-fit:contain;
  pointer-events:none;
  user-select:none;
}

@media (max-width: 640px){
  .service-card{
    min-height:112px;
    gap:12px;
  }
  .service-card__icon{
    width:104px;
    height:78px;
  }
  .service-card__title{
    max-width: calc(100% - 120px);
  }
}