.service{padding:0;overflow:hidden;isolation:isolate}
.servicephoto{display:block;aspect-ratio:4/3;overflow:hidden;background:#edf3f7}
.servicephoto img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.service:hover .servicephoto img{transform:scale(1.045)}
.servicecount{top:12px;right:12px;z-index:2;background:#fff;color:var(--blue);border:1px solid #ffffffb3;border-radius:7px;padding:4px 8px;line-height:1.5;font-size:10px;box-shadow:0 3px 12px #102d5012}
.servicebody{display:flex;flex-direction:column;flex:1;padding:22px 21px 23px}
.servicebody h3{min-height:44px;margin-bottom:12px}
.servicebody p{margin-bottom:23px}
.service.yeşil .servicecount{color:var(--green)}
.service.kırmızı .servicecount{color:var(--red)}
.service-photo-note{font-size:10px;color:var(--muted);margin:16px 0 0;text-align:right}
@media(max-width:650px){
 .service{padding:0}
 .servicebody{padding:17px 14px 19px}
 .servicebody h3{font-size:14px;min-height:40px;margin-bottom:10px}
 .servicebody p{font-size:11px;margin-bottom:19px;line-height:1.8}
 .servicecount{top:9px;right:9px;font-size:9px;padding:3px 7px}
}
@media(prefers-reduced-motion:reduce){.servicephoto img{transition:none}.service:hover .servicephoto img{transform:none}}