/**
 * Responsive Utilities for Service Templates
 * Always loaded - provides responsive utilities
 */

/* Mobile First Breakpoints */
@media (max-width: 639px) {
    .service-mobile-full {
        @apply w-full;
    }
}

@media (min-width: 640px) {
    .service-sm-grid {
        @apply grid grid-cols-2 gap-4;
    }
}

@media (min-width: 768px) {
    .service-md-grid {
        @apply grid grid-cols-2 gap-6;
    }
}

@media (min-width: 1024px) {
    .service-lg-grid {
        @apply grid grid-cols-3 gap-8;
    }
}

@media (min-width: 1280px) {
    .service-xl-grid {
        @apply grid grid-cols-4 gap-8;
    }
}

/* Responsive Images */
.service-image-responsive {
    @apply w-full h-auto object-cover;
}

/* Responsive Text */
.service-text-responsive {
    @apply text-sm sm:text-base md:text-lg;
}

/* Responsive Spacing */
.service-spacing-responsive {
    @apply p-4 sm:p-6 lg:p-8;
}