/* 
 * Product Searcher Styles
 */

/* Дополнительная анимация для карточек товаров */
.product-card {
    animation: fadeIn 0.5s ease-in;
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden !important;
}

.product-card .card-body {
    display: flex;
    flex-direction: column;
    padding: 1rem;
    overflow: hidden !important;
}

.product-card img {
    max-width: 100% !important;
    max-height: 180px !important;
    object-fit: contain !important;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Стилизация прокрутки */
::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    background: var(--bg-dark);
}

::-webkit-scrollbar-thumb {
    background: var(--border-color);
    border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--primary-color);
}

/* Стили для изображений товаров */
.product-image-container {
    width: 100% !important;
    height: 180px !important;
    max-height: 180px !important;
    min-height: 180px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border-radius: 8px;
    margin-bottom: 15px;
    overflow: hidden !important;
    position: relative;
}

.product-image {
    max-width: 100% !important;
    max-height: 100% !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    transition: transform 0.3s ease;
}

.product-image:hover {
    transform: scale(1.03);
}

.product-image-placeholder {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 3rem;
    color: rgba(255, 255, 255, 0.3);
}

.product-image-error {
    display: none;
}

/* Ограничения для текста в карточке */
.product-title {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.4;
    max-height: 2.8em;
    min-height: 2.8em;
    margin-bottom: 0.75rem !important;
}