/* app/static/css/components.css - Стили компонентов */

.hover-lift:hover { 
    transform: translateY(-2px); 
}

.hover-up { 
    transition: transform 0.3s, box-shadow 0.3s; 
}

.hover-up:hover { 
    transform: translateY(-5px); 
    box-shadow: 0 10px 25px rgba(0,0,0,0.08) !important; 
}

.hover-scale { 
    transition: transform 0.2s; 
}

.hover-scale:hover { 
    transform: scale(1.02); 
}

.hover-zoom { 
    transition: transform 0.3s; 
}

.product-card:hover .hover-zoom { 
    transform: scale(1.05); 
}

.object-fit-cover { 
    object-fit: cover; 
}

.hover-link:hover { 
    color: var(--eco-green) !important; 
}

.z-2 { z-index: 2; }
.z-3 { z-index: 3; position: relative; }

.product-card {
    transition: all 0.3s ease;
}

.cart-action-group {
    transition: all 0.2s ease;
}

.cart-action-group .btn {
    transition: all 0.2s ease;
}

.cart-action-group .btn:hover {
    transform: scale(1.05);
}

.dropdown-item.active.bg-success {
    background-color: var(--eco-green) !important;
    color: white !important;
    font-weight: bold;
}

.dropdown-item.active.bg-success:hover {
    background-color: var(--eco-dark-green) !important;
    color: white !important;
}