/* 3D Card Animation Styles */
.card-3d {
    perspective: 1000px;
    transform-style: preserve-3d;
    transition: all 0.3s ease;
}

.card-inner {
    position: relative;
    transition: transform 0.6s;
    transform-style: preserve-3d;
}

.card-3d:hover .card-inner {
    transform: translateY(-10px) rotateX(5deg) rotateY(5deg);
    box-shadow: 0 30px 40px rgba(0, 0, 0, 0.2);
}

.product-image {
    transition: transform 0.5s ease;
}

.card-3d:hover .product-image {
    transform: scale(1.05) translateY(-5px);
}

/* Button 3D Effect */
.btn-3d {
    position: relative;
    transition: all 0.3s ease;
    transform: translateY(0);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.btn-3d:hover {
    transform: translateY(-3px);
    box-shadow: 0 7px 14px rgba(0, 0, 0, 0.15);
}

.btn-3d:active {
    transform: translateY(-1px);
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.12);
}