/* assets/css/szolgaltatasok.css */
:root{
  --card-radius: 1.25rem;
}

.services-hero{
  position: relative;
  overflow: hidden;
}
.services-hero__bg{
  position:absolute; inset:0;
  background: url('../images/background/services-hero.jpg') center/cover no-repeat, 
              linear-gradient(180deg, rgba(0,0,0,.45), rgba(0,0,0,.55));
  filter: brightness(.85);
  z-index:1;
}
.services-hero::after{
  content:''; position:absolute; inset:0; z-index:1;
  background: rgba(0,0,0,.35);
}

.service-card{
  border: 1px solid rgba(0,0,0,.08);
  border-radius: var(--card-radius);
  overflow: hidden;
  background: #fff;
  transition: transform .2s ease, box-shadow .2s ease;
}
.service-card:hover{
  transform: translateY(-3px);
  box-shadow: 0 12px 30px rgba(0,0,0,.08);
}
.service-card__image img{
  object-fit: cover;
  border-bottom: 1px solid rgba(0,0,0,.06);
}
.service-card__body{
  display:flex; flex-direction:column;
}


/* Közös stílus a szolgáltatás részletekhez */
.service-hero{
  position:relative; height: 340px; color:#fff; overflow:hidden;
}
.service-hero__bg{ position:absolute; inset:0; background-size:cover; background-position:center; filter:brightness(.8); }
.service-hero .container{ position:relative; z-index:2; }
.feature-icon{ font-size:1.25rem; line-height:1; margin-right:.5rem; }