.modal.modal-size-guide {
    display: inline-block;
    min-width: fit-content;
    max-width: 900px;
}

.modal-size-guide {
    padding-top: min(100px, 5%);
    padding-left: min(100px, 10%);
    padding-right: min(100px, 10%);
    padding-bottom: min(100px, 5%);
    max-width: 700px;  
    background-color: #fff;
    font-family: Arial, sans-serif;
    line-height: 1.6; 
    color: #333;
    font-size: 18px;
}

.modal-size-guide h3.variant-title {
    margin-top: 30px;
    margin-bottom: 10px; 
    padding-bottom: 5px;
    font-size: 1.1em; 
    font-weight: bold;
    color: #333333;
}

.modal-size-guide h3.variant-title:first-child {
    margin-top: 0;
}

.modal-size-guide p { 
    max-width: 35vw;
    margin-top: 25px;
    margin-bottom: 5px;
    font-size: 0.85em;
}
    
.modal-size-guide p small {
    font-size: 1em; 
    color: #666; 
    line-height: 1.4; 
}

.size-guide-table {
    width: 100%;
    border-collapse: collapse; 
    margin-bottom: 30px;
    font-size: 1em; 
    border: none; 
}

.size-guide-table:last-of-type {
    margin-bottom: 15px;
}

.size-guide-table th {
    width: 15vw;
    border: none; 
    border-right: 1px solid #fff; 
    padding: 14px 10px;
    text-align: center; 
    vertical-align: middle; 
}

.size-guide-table td {
    border: none; 
    border-right: 1px solid #fff; 
    padding: 14px 10px;
    text-align: center; 
    vertical-align: middle;
}

.size-guide-table th:last-child,
.size-guide-table td:last-child {
    border-right: none;
}

.size-guide-table thead th {
    background-color: #141414; 
    color: #fff;         
    font-weight: bold;
    white-space: nowrap;
    padding: 14px 10px;
}

.size-guide-table td[data-suffix]::after {
    content: attr(data-suffix);
    font-size: 1.0em;
    color: #cecece;
    margin-left: 0.3em;
    position: absolute;
}

.size-guide-table tbody tr.row-odd { 
    background-color: #fff;
}
.size-guide-table tbody tr.row-even { 
    background-color: #f8f8f8;
}

.size-guide-table tbody tr.row-even td {
    border-right-color: #f0f0f0; 
}
.size-guide-table tbody tr.row-even td:last-child {
    border-right: none;
}
.size-guide-table tbody tr.row-odd td {
    border-right-color: #fff; 
}
.size-guide-table tbody tr.row-odd td:last-child {
    border-right: none;
}

@media (max-width:768px) {

.modal-size-guide {
    font-size: 16px;
}

.modal-size-guide p { 
    max-width: none;
}
    
}

@media (max-width:480px) {

.modal-size-guide {
    padding-left: 5px;
    padding-right: 5px;
    font-size: 14px;
}   

}