/*
 * ====================================================================
 * PRODUCT LIST STYLES (product_list_bs5.twig)
 * ====================================================================
 * Styles für die Produktlisten-Seite
 */

/* Uses .fm-card--hover-medium and .fm-card__body--standard from custom-bootstrap.css */

/* Product Image Container */
.product-image-wrapper {
    position: relative;
    height: 180px;
    background-color: var(--fm-bg-light);
    border-bottom: 1px solid var(--fm-border-dark);
}
.product-image-container {
    position: relative;
    width: 100%;
    height: 100%;
}
.product-image-primary,
.product-image-hover {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: opacity 0.3s ease;
}
.product-image-hover {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}
/* Product Card Body - uses .fm-card__body--standard from custom-bootstrap.css */
.product-title {
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    color: var(--fm-text-primary);
}
.product-usp {
    font-size: 0.875rem;
    color: var(--fm-text-secondary);
}
.product-price {
    font-size: var(--fm-font-size-lg);
    font-weight: 700;
    color: var(--fm-dark);
}
.product-price .text-danger {
    color: var(--fm-red) !important;
}
/* Product Top Bar */
.product-top-bar {
    border-radius: var(--fm-border-radius-lg);
    margin-bottom: 1.5rem;
    padding: var(--fm-spacing-md) !important;
}
/* Responsive styles moved to consolidated media queries in custom-bootstrap.css */
/* Responsive styles moved to consolidated media queries in custom-bootstrap.css */
/* SEO Content Bereich */
.seo-content {
    max-width: 800px;
    margin: 0 auto;
    border: 1px solid var(--fm-bg-light-alt);
}
.seo-content h2,
.seo-content h3 {
    color: var(--fm-dark-gray);
    font-family: var(--fm-font-display);
}
/* Disclaimer */
.disclaimer {
    max-width: 600px;
    margin: 0 auto;
}