/* Service Items Hover Effects */
.service-cta:hover { 
  transform: translateY(-2px); 
  box-shadow: var(--shadow-md); 
}

/* Package Cards */
.package-card:hover { 
  transform: scale(1.02) !important; 
}

.package-card .package-btn:hover { 
  background: var(--primary-dark) !important; 
}

/* Service Item Animation */
.service-item { 
  animation: fadeInUp 0.8s ease forwards; 
  opacity: 0; 
  transform: translateY(var(--spacing-md)); 
}

.service-item:nth-child(1) { animation-delay: var(--transition-fast); }
.service-item:nth-child(2) { animation-delay: var(--transition-normal); }
.service-item:nth-child(3) { animation-delay: 0.5s; }
.service-item:nth-child(4) { animation-delay: 0.7s; }

@keyframes fadeInUp { 
  to { 
    opacity: 1; 
    transform: translateY(0); 
  } 
}

/* Browse Services Buttons */
.browse-services-btn:hover { 
  background: var(--primary-dark) !important; 
  transform: translateY(-2px); 
}

.contact-btn:hover { 
  background: var(--primary-color) !important; 
  color: var(--text-light) !important; 
}

/* Responsive */
@media (max-width: 768px) {
  .service-item { 
    grid-template-columns: 1fr !important; 
    gap: var(--spacing-lg) !important; 
    text-align: center; 
  }
  
  .service-item .service-image { 
    order: 0 !important; 
    height: 250px !important; 
  }
  
  .page-hero { 
    padding: var(--spacing-xl) 0 !important; 
  }
  
  .page-title { 
    font-size: var(--text-3xl) !important; 
  }
  
  .service-content h3 { 
    font-size: var(--text-xl) !important; 
  }
}