/* ── SERVICE CARD IMAGES ── */
.service-img-wrap {
  width: 100%;
  height: 180px;
  overflow: hidden;
  border-radius: var(--radius) var(--radius) 0 0;
  margin-bottom: 16px;
}
.service-img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
}
.service-card:hover .service-img-wrap img {
  transform: scale(1.05);
}

/* ── SERVICE DETAIL ROW IMAGES ── */
.service-detail-img-wrap {
  position: relative;
  width: 100%;
  height: 200px;
  overflow: hidden;
  border-radius: var(--radius);
  flex-shrink: 0;
}
.service-detail-img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.service-detail-img-wrap .service-detail-num {
  position: absolute;
  top: 12px;
  left: 12px;
}

/* ── COMPACT SERVICES/PRODUCTS SECTION ── */
.services-section { padding: 40px 5% !important; }
.services-section .services-header { margin-bottom: 24px !important; }
.services-section .section-title { font-size: clamp(22px,3vw,32px) !important; margin-bottom: 8px !important; }
.services-section .section-sub { margin-bottom: 0 !important; font-size: 13px !important; }
.services-grid { gap: 16px !important; }
.service-card { padding: 0 0 16px !important; }
.service-img-wrap { height: 140px !important; }
.service-title { font-size: 14px !important; margin: 8px 12px 4px !important; }
.service-desc { font-size: 12px !important; line-height: 1.5 !important; margin: 0 12px !important; }
.service-num { font-size: 28px !important; margin: 8px 12px 0 !important; display: block; }
.service-arrow { font-size: 12px !important; margin: 8px 12px 0 !important; }

/* ── SERVICES & PRODUCTS COMPACT CARDS ── */
.sp-section { padding: 48px 5% 24px; }
.sp-header { display:flex; align-items:center; justify-content:space-between; margin-bottom:24px; flex-wrap:wrap; gap:12px; }
.sp-header h2 { margin:0; }
.sp-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.sp-card { background:var(--bg-card); border:1px solid var(--border); border-radius:var(--radius); overflow:hidden; cursor:pointer; transition:transform 0.25s, box-shadow 0.25s; }
.sp-card:hover { transform:translateY(-4px); box-shadow:var(--shadow-gold); }
.sp-img { position:relative; height:160px; overflow:hidden; }
.sp-img img { width:100%; height:100%; object-fit:cover; transition:transform 0.4s; }
.sp-card:hover .sp-img img { transform:scale(1.05); }
.sp-num { position:absolute; top:10px; left:10px; background:var(--gold); color:#000; font-size:10px; font-weight:700; padding:3px 8px; border-radius:4px; letter-spacing:0.05em; }
.sp-body { padding:16px; }
.sp-title { font-size:14px; font-weight:700; color:var(--fg); margin-bottom:6px; line-height:1.3; }
.sp-desc { font-size:12.5px; color:var(--fg-muted); line-height:1.6; margin:0 0 12px; }
.sp-link { font-size:12px; font-weight:600; color:var(--gold); letter-spacing:0.04em; }
@media(max-width:768px) { .sp-grid { grid-template-columns:1fr; } .sp-header { flex-direction:column; align-items:flex-start; } }

/* ── SERVICE PREVIEW CARDS ── */
.svc-preview-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:20px; }
.svc-preview-card { cursor:pointer;border-radius:var(--radius);overflow:hidden;position:relative; }
.svc-preview-img { position:relative;height:340px;overflow:hidden; }
.svc-preview-img img { width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease; }
.svc-preview-card:hover .svc-preview-img img { transform:scale(1.06); }
.svc-preview-overlay { position:absolute;inset:0;background:linear-gradient(to top,rgba(5,12,28,0.85) 0%,rgba(5,12,28,0.2) 60%,transparent 100%);transition:opacity 0.3s; }
.svc-preview-text { position:absolute;bottom:0;left:0;right:0;padding:24px;color:#fff; }
.svc-preview-text h3 { font-family:var(--font-display);font-size:18px;font-weight:700;margin-bottom:8px;line-height:1.2; }
.svc-preview-text p { font-size:13px;color:rgba(255,255,255,0.75);line-height:1.6;margin-bottom:12px; }
.svc-preview-text span { font-size:12px;font-weight:600;color:var(--gold);letter-spacing:0.05em; }
@media (max-width:768px) {
  .svc-preview-grid { grid-template-columns:1fr; }
  .svc-preview-img { height:260px; }
}