.services-page .service-grid { display:flex; flex-direction:column; gap:3rem; }
.services-page .service { display:flex; align-items:center; gap:2rem; }
.services-page .service:nth-child(even) { flex-direction: row-reverse; }

.services-page .service-img { flex:0 0 600px; }
.services-page .service-img img { 
  width:100%; 
  height:auto; 
  border-radius: var(--radius); 
  object-fit:cover; 
  box-shadow: var(--shadow-2);
  /* Performance optimizations */
  loading: lazy;
  content-visibility: auto;
  will-change: transform;
  image-rendering: -webkit-optimize-contrast;
}

.services-page .service-text { flex:1; background: linear-gradient(180deg, #fff, #fbfcff); padding:1.5rem; border-radius:12px; border:1px solid rgba(11,18,32,0.05); box-shadow: var(--shadow-1); }

/* Responsive */
@media (max-width: 880px) {
  .services-page .service { 
    flex-direction:column; 
    text-align:center; 
    gap: 1rem;
  }
  .services-page .service:nth-child(even) { flex-direction:column; }
  .services-page .service-img { 
    flex: none;
    width:100%; 
    max-width:360px; 
    margin: 0;
  }
  .services-page .service-img img {
    max-height: 300px;
  }
}

@media (max-width: 768px) {
  .services-page .service { 
    flex-direction: column; 
    text-align: center; 
    gap: 0.8rem;
  }
  .services-page .service-img { 
    max-width: 300px; 
    margin: 0;
  }
  .services-page .service-img img {
    max-height: 250px;
  }
}

@media (max-width: 600px) {
  .services-page .service { gap: 0.5rem; }
  .services-page .service-text { font-size: 0.95rem; padding: 1rem; }
  .services-page .service-img { max-width: 260px; }
  .services-page .service-img img {
    max-height: 200px;
  }
}