Size Chart New
<style>
.custom-size-chart-wrapper {
overflow-x: auto;
margin: 20px 0;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}
.custom-size-table {
width: 100%;
border-collapse: collapse;
text-align: center;
font-size: 14px;
background-color: #ffffff;
border: 1px solid #e8e8e8;
}
.custom-size-table th {
background-color: #111111;
color: #ffffff;
font-weight: 600;
padding: 12px 10px;
text-transform: uppercase;
font-size: 12px;
letter-spacing: 0.5px;
}
.custom-size-table td {
padding: 12px 10px;
border-bottom: 1px solid #e8e8e8;
color: #333333;
}
.custom-size-table tr:nth-child(even) {
background-color: #f9f9f9;
}
.custom-size-table tr:hover {
background-color: #f1f1f1;
}
.custom-size-table td:first-child {
font-weight: bold;
color: #111111;
background-color: #f5f5f5;
}
</style>
<div class="custom-size-chart-wrapper">
<table class="custom-size-table">
<thead>
<tr>
<th>Size</th>
<th>Shoulder</th>
<th>Chest</th>
<th>Sleeve Length</th>
<th>Front Length</th>
</tr>
</thead>
<tbody>
<tr><td>XXS</td><td>19.5</td><td>40</td><td>8</td><td>26.5</td></tr>
<tr><td>XS</td><td>20</td><td>42</td><td>8.5</td><td>27</td></tr>
<tr><td>S</td><td>20.5</td><td>44</td><td>8.5</td><td>27.5</td></tr>
<tr><td>M</td><td>21.5</td><td>46</td><td>8.5</td><td>28</td></tr>
<tr><td>L</td><td>22</td><td>47</td><td>9</td><td>28.5</td></tr>
<tr><td>XL</td><td>23</td><td>49</td><td>9</td><td>28.5</td></tr>
<tr><td>XXL</td><td>24.5</td><td>51</td><td>9.5</td><td>29</td></tr>
<tr><td>XXXL</td><td>25</td><td>52</td><td>9.5</td><td>30</td></tr>
</tbody>
</table>
</div>
