/* =========================================================
   V45.1 — All homepage service cards use CCTV reference style
   Scope: #services only. Existing images are preserved.
   ========================================================= */

#services .service-card--master{
  position:relative!important;
  min-height:408px!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  border:1px solid #e2edf3!important;
  border-radius:22px!important;
  background:#fff!important;
  box-shadow:0 16px 42px rgba(15,23,42,.072)!important;
  transition:transform .26s ease,box-shadow .26s ease,border-color .26s ease!important;
}

#services .service-card--master::before{
  content:""!important;
  position:absolute!important;
  top:0!important;
  right:0!important;
  left:0!important;
  height:3px!important;
  background:linear-gradient(90deg,#009688,#2f7dd1)!important;
  opacity:.88!important;
}

#services .service-card--master .service-img{
  height:218px!important;
  min-height:218px!important;
  margin:0!important;
  padding:5px 8px 0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  border-radius:18px 18px 0 0!important;
  background:
    radial-gradient(circle at 50% 80%,rgba(0,150,136,.10),transparent 33%),
    linear-gradient(180deg,#fcfeff 0%,#f7fbfd 100%)!important;
}

#services .service-card--master .service-img img{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  transform:scale(1.01)!important;
  filter:drop-shadow(0 10px 14px rgba(15,23,42,.08))!important;
  transition:transform .28s ease,filter .28s ease!important;
}

#services .service-card--master h3{
  margin:12px 18px 7px!important;
  font-size:22px!important;
  font-weight:900!important;
  line-height:1.4!important;
  text-align:center!important;
}

#services .service-card--master p{
  min-height:52px!important;
  margin:0 18px!important;
  color:#66758a!important;
  font-size:14.5px!important;
  line-height:1.8!important;
  text-align:center!important;
}

#services .service-card--master span{
  margin:13px 18px 0!important;
  padding:13px 0 15px!important;
  border-top:1px solid #edf3f7!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  margin-top:auto!important;
}

#services .service-card--master:hover{
  transform:translateY(-6px)!important;
  border-color:rgba(0,150,136,.44)!important;
  box-shadow:0 25px 58px rgba(15,23,42,.11)!important;
}

#services .service-card--master:hover .service-img img{
  transform:scale(1.045)!important;
  filter:drop-shadow(0 13px 17px rgba(15,23,42,.11))!important;
}

/* Optical positioning for current service images */
#services .service-card--intercom .service-img img{transform:scale(1.02) translateY(-4px)!important}
#services .service-card--alarm .service-img img{transform:scale(.98) translateY(-3px)!important}
#services .service-card--networks .service-img img{transform:scale(1.00) translateY(-3px)!important}
#services .service-card--access-point .service-img img{transform:scale(.94) translateY(-5px)!important}
#services .service-card--audio .service-img img{transform:scale(.99) translateY(-4px)!important}
#services .service-card--biometric .service-img img{transform:scale(1.00) translateY(-4px)!important}
#services .service-card--dashcam .service-img img{transform:scale(1.00) translateY(-3px)!important}
#services .service-card--gps .service-img img{transform:scale(.98) translateY(-3px)!important}
#services .service-card--parking .service-img img{transform:scale(.97) translateY(-2px)!important}
#services .service-card--smart-access .service-img img{transform:scale(.99) translateY(-4px)!important}
#services .service-card--smart-locks .service-img img{transform:scale(.98) translateY(-2px)!important}
#services .service-card--ip-pbx .service-img img{transform:scale(.98) translateY(-3px)!important}
#services .service-card--antenna .service-img img{transform:scale(.88) translateY(-3px)!important}
#services .service-card--maintenance .service-img img{transform:scale(.98) translateY(-3px)!important}

@media(max-width:700px){
  #services .service-card--master{
    min-height:auto!important;
  }

  #services .service-card--master .service-img{
    height:202px!important;
    min-height:202px!important;
    padding:4px 7px 0!important;
  }

  #services .service-card--master h3{
    font-size:21px!important;
  }
}