.table-wrapper{
    background:#fff;
    padding:20px;
    max-width:1100px;
    margin:auto;
    border-radius:6px;
}

h2{
    text-align:center;
    margin-bottom:20px;
}



th, td{
    border:1px solid #ddd;
    padding:8px;
    text-align:center;
}

th{
    background:#f1f1f1;
    font-weight:600;
}

.product{
    text-align:left;
    font-weight:600;
}

/* Color boxes */
.shade{
    width:40px;
    height:30px;
    margin:auto;
    border-radius:4px;
    border:1px solid #ccc;
}

table{
    width:100%;
    border-collapse:collapse;
    font-family:Arial, sans-serif;
    font-size:13px;
}

.vertical{
    writing-mode:vertical-rl;
    transform:rotate(180deg);
    white-space:nowrap;
    font-weight:600;
}
.group{
    background:#f1f1f1;
    font-weight:700;
}