/* Produktkarte */
.product-card {
    border-radius: 6px;
}

/* OBERER BEREICH: Bild + Text */
.product-top {
    display: flex;
    align-items: flex-start;
}

/* Fester Container für alle Produktbilder */
.product-thumb {
    width: 120px;
    height: 120px;
    overflow: hidden;
    border-radius: 6px;
    background: #f8f9fa;
    flex-shrink: 0;
}

    .product-thumb img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        display: block;
    }

/* Tablet */
@media (max-width: 768px) {
    .product-thumb {
        width: 100px;
        height: 100px;
    }
}

/* Phone */
@media (max-width: 576px) {
    .product-thumb {
        width: 80px;
        height: 80px;
    }
}

/* Varianten */
.variant-row {
    gap: .5rem;
}

.variant-packaging {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

.variant-weight,
.variant-price {
    white-space: nowrap;
}

.variant-price {
    min-width: 80px;
}

/* Beschreibung */
.line-clamp-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.product-thumb {
    width: 120px;
    height: 120px;
    background: #f8f9fa; /* oder #fff */
    display: flex;
    align-items: center;
    justify-content: center;
}

    .product-thumb img {
        width: 100%;
        height: 100%;
        object-fit: contain !important;
    }

/* Produktkarten kompakter auf kleinen Screens */
@media (max-width: 576px) {
    .product-card {
        padding: .5rem;
    }

    .product-thumb {
        width: 70px !important;
        height: 70px !important;
    }

    .product-title {
        font-size: .9rem;
    }

    .product-desc-compact {
        font-size: .8rem;
    }
}

@media (max-width: 576px) {
    .product-card {
        padding: .5rem;
    }

    .product-thumb {
        width: 70px !important;
        height: 70px !important;
    }

    .product-title {
        font-size: .9rem;
    }

    .product-desc-compact {
        font-size: .8rem;
    }
}
.product-card {
    width: 100%;
}
.product-top {
    gap: 1rem;
}

.product-desc-compact {
    max-width: 100%;
}
.product-card {
    padding: 1rem 1.25rem;
}