/* Generated service photography, shared with the existing brand system. */
.service-generated-image { display:block; width:100%; height:auto; aspect-ratio:3/2; object-fit:cover; border-radius:10px; margin-bottom:20px; }
.sp-cat-card { flex-wrap:wrap; }
.sp-cat-card > .service-generated-image { flex:0 0 100%; margin-bottom:4px; }
.sp-cat-card > div { flex:1; min-width:0; }
.service-card .service-generated-image { margin-bottom:24px; }
@media(max-width:600px) { .service-generated-image { border-radius:8px; } }

.svc-generated-image { display:block; width:100%; aspect-ratio:3/2; height:auto; object-fit:cover; }

/* Keep designed text and mockups visible at every breakpoint. */
.service-generated-image, .svc-generated-image { object-fit:contain; background:#f7f7f7; }