:root {
    --product-grey: #d3d3d3;
    --product-text-grey-light: #fefefe;
    --product-grey-light: #f7f5f5;
    --product-text-grey: #acadaf;
    --product-red-wine: #652222;
    --product-red-wine-light: #7d6666;
}

body {
    max-width: 480px;
    margin: 0 auto;
}

.product-vintage {
    font-family: 'Bell Gothic Std Light', Roboto, sans-serif;
    color: var(--product-red-wine-light);
    font-size: 1.5em;
}
.product-name {
    font-family: 'Bell Gothic Std Light', Roboto, sans-serif;
    font-size: 2em;
}

.product-details {
    font-family: 'Bell Gothic Std Light', Roboto, sans-serif;
}
.product-item {
    padding: 0 15px;
    font-size: 1.2em;
}
.product-item + .product-item {
    border-left: 1px solid var(--product-grey);
}
.product-details .product-item:first-child {
    padding-left: 0;
}
.product-details .product-item:last-child {
    padding-right: 0;
}
.product-appellation {
    font-size: 1.5em;
    color: var(--product-red-wine);
}

.image-container {
    padding-top: 20px;
    padding-bottom: 20px;
}

.image-container .img-fluid {
    max-height: 100%;
}

.table-product-striped tbody tr:nth-of-type(odd) {
    background-color: var(--product-grey-light);
}
.table-product-striped tbody tr:nth-of-type(even) {
    background-color: white;
}
.table-product-striped td {
    padding-left: 10px !important;
    padding-right: 10px !important;
}
.table-undefined-row {
    background-color: var(--product-text-grey-light) !important;
    color: var(--product-text-grey) !important;
}

.missing-product-info {
    font-size: 1.5em;
    color: var(--product-text-grey);
}