/* Services Responsive CSS - Global Responsive Rules for Service Pages */

/* Tablet and below */
@media (max-width: 768px) {
	.service-detail-page {
		padding-left: var(--space-lg);
		padding-right: var(--space-lg);
	}
    
	.service-content {
		padding: var(--space-xl) var(--space-lg) !important;
	}
    
	.flip-card-container {
		gap: var(--space-lg);
		padding: var(--space-sm);
	}
    
	.pricing-cards {
		gap: var(--space-lg);
		padding: var(--space-sm);
	}
}

/* Mobile */
@media (max-width: 480px) {
	.service-detail-page {
		padding-left: var(--space-lg);
		padding-right: var(--space-lg);
	}
    
	.service-content {
		padding: var(--space-xl) var(--space-lg) !important;
	}
    
	.flip-card-container {
		gap: 1rem;
		padding: 0.5rem;
	}
    
	.pricing-cards {
		gap: 1rem;
		padding: 0.5rem;
	}
}