body {
    background: #fff;
    padding: 2rem;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen,
    Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
 }
.product-card {
    position: relative;
    background: #fff;
    padding: 2rem;
    overflow: hidden;
}
    .category-badge {
    font-size: 0.75rem;
    background-color: #cfe2ff;
    color: #084298;
    margin-right: 0.5rem;
    border-radius: 0.3rem;
    padding: 0.2rem 0.7rem;
    display: inline-block;
}
    .product-title {
    font-weight: 700;
    font-size: 1.8rem;
    color: #0d6efd; /* bootstrap primary color */
}
    .product-code {
    font-size: 1rem;
    color: #6c757d;
            margin-bottom: 1rem;
            border-bottom: 1px solid #dee2e6;
            padding-bottom: 0.5rem;
            user-select: none;
        }
        .product-desc {
            font-size: 0.9rem;
            color: #495057;
            line-height: 1.4;
            margin-bottom: 1.5rem;
        }
        .product-price {
            font-size: 1.25rem;
            font-weight: 700;
            color: #212529;
        }
        .product-price span {
            font-weight: 900;
            color: #0d3b94;
        }
        .product-image-large {
            max-width: 100%;
            height: auto;
            object-fit: contain;
        }
        .product-image-small {
            max-width: 100px;
            height: auto;
            object-fit: contain;
            cursor: default;
        }