/* Integration and Additional Styles */

/* Smooth scrolling */
html {
    scroll-behavior: smooth;
}

/* Enhanced button styles */
.btn-primary:active {
    transform: translateY(0);
}

.btn-secondary:active {
    transform: translateY(0);
}

/* Loading states */
.btn-primary:disabled {
    background: #ccc;
    cursor: not-allowed;
    transform: none;
}

/* Enhanced form styles */
.contact-form input:invalid {
    border-color: #f44336;
}

.contact-form input:valid {
    border-color: #4CAF50;
}

/* Utility classes */
.text-center {
    text-align: center;
}

.mb-1 { margin-bottom: 1rem; }
.mb-2 { margin-bottom: 2rem; }
.mb-3 { margin-bottom: 3rem; }

.mt-1 { margin-top: 1rem; }
.mt-2 { margin-top: 2rem; }
.mt-3 { margin-top: 3rem; }

/* Animation delays */
.feature-card:nth-child(1) { animation-delay: 0.1s; }
.feature-card:nth-child(2) { animation-delay: 0.2s; }
.feature-card:nth-child(3) { animation-delay: 0.3s; }

.product-item:nth-child(1) { animation-delay: 0.1s; }
.product-item:nth-child(2) { animation-delay: 0.2s; }
.product-item:nth-child(3) { animation-delay: 0.3s; }

/* Enhanced hover effects */
.feature-card:hover .feature-icon {
    transform: scale(1.1);
    transition: transform 0.3s ease;
}

.product-item:hover img {
    transform: scale(1.05);
    transition: transform 0.3s ease;
}

/* Responsive enhancements */
@media (max-width: 480px) {
    .hero-title {
        font-size: 2rem;
    }
    
    .hero-buttons {
        flex-direction: column;
        align-items: center;
    }
    
    .btn-primary, .btn-secondary {
        width: 100%;
        max-width: 250px;
    }
}