.copu-cart-thumbnail {
    --copu-thumb-inner: 144px;
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 160px;
    height: 160px;
    padding: 8px;
    background: #eee;
    vertical-align: top;
}
.copu-cart-thumbnail .copu-thumb-output {
    box-sizing: border-box;
    display: block;
    max-width: 100%;
    max-height: 100%;
    background: #fff;
    outline: 1px solid #000;
    border: 0;
    border-radius: 0;
    line-height: 0;
}
.copu-cart-thumbnail .copu-cart-thumbnail-image {
    display: block;
    width: auto;
    height: auto;
    max-width: 144px;
    max-height: 144px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}
.copu-cart-thumbnail .copu-thumb-geometry .copu-cart-thumbnail-image {
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}
td.copu-cart-thumbnail-cell { width: 180px; min-width: 180px; max-width: 180px; }
.copu-cart-thumbnail-mini { --copu-thumb-inner: 44px; width: 56px; height: 56px; padding: 6px; }
.copu-cart-thumbnail-mini .copu-cart-thumbnail-image { max-width: 44px; max-height: 44px; }
@media (max-width: 767px) {
    .copu-cart-thumbnail:not(.copu-cart-thumbnail-mini) { --copu-thumb-inner: 84px; width: 100px; height: 100px; }
    .copu-cart-thumbnail:not(.copu-cart-thumbnail-mini) .copu-cart-thumbnail-image { max-width: 84px; max-height: 84px; }
    .copu-cart-thumbnail:not(.copu-cart-thumbnail-mini) .copu-thumb-geometry .copu-cart-thumbnail-image { max-width: 100%; max-height: 100%; }
    td.copu-cart-thumbnail-cell { width: 120px; min-width: 120px; max-width: 120px; }
}