/* Services shortcode styles (matches jt-child services.css) */
.services {
  background-color: none;
  position: relative;
}
.services::before { content: ''; position: absolute; inset: 0; background: radial-gradient(circle at 70% 30%, rgba(197, 75, 116, 0.05) 0%, transparent 50%); pointer-events:none; }
.services .container { position: relative; z-index: 1; }

.services-grid { 
  display: grid; 
  grid-template-columns: repeat(2, 1fr);
  gap: var(--spacing-2xl); 
  margin-top: var(--spacing-4xl); 
}

.service-card { background: var(--color-white); border-radius: var(--radius-2xl); padding: var(--spacing-2xl); text-align: center; box-shadow: var(--shadow-md); transition: all var(--transition-normal); position: relative; overflow: hidden; border: 1px solid var(--color-border); }
.service-card::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(197, 75, 116, 0.1), transparent); transition: left 0.5s ease; }
.service-card:hover::before { left: 100%; }
.service-card:hover { transform: translateY(-8px); box-shadow: var(--shadow-2xl); border-color: var(--color-primary); }

.service-icon { width: 80px; height: 80px; margin: 0 auto var(--spacing-lg); display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-light) 100%); border-radius: var(--radius-2xl); box-shadow: var(--shadow-lg); transition: all var(--transition-normal); position: relative; overflow: hidden; }
.service-card:hover .service-icon { transform: scale(1.1) rotate(5deg); box-shadow: var(--shadow-xl); }
.service-icon img { width: 40px; height: 40px; filter: brightness(0) invert(1); transition: all var(--transition-normal); object-fit: contain; }
.service-card:hover .service-icon img { transform: scale(1.1); }

.service-card h3 { font-size: var(--font-size-xl); font-weight: var(--font-weight-bold); color: var(--color-text); margin-bottom: var(--spacing-md); transition: color var(--transition-fast); }
.service-card:hover h3 { color: var(--color-primary); }
.service-card p { color: var(--color-text-light); line-height: var(--line-height-relaxed); margin-bottom: 0; }

/* Responsive */
@media (max-width: 1024px) { .services-grid { grid-template-columns: repeat(2, 1fr); gap: var(--spacing-xl); } }
@media (max-width: 768px) {
  .services-grid { grid-template-columns: 1fr; gap: var(--spacing-lg); }
  .service-card { padding: var(--spacing-xl); }
  .service-icon { width: 70px; height: 70px; margin-bottom: var(--spacing-md); }
  .service-icon img { width: 35px; height: 35px; }
  .service-card h3 { font-size: var(--font-size-lg); }
}
@media (max-width: 480px) {
  .service-card { padding: var(--spacing-lg); }
  .service-icon { width: 60px; height: 60px; }
  .service-icon img { width: 30px; height: 30px; }
}