.single-product .summary table.variations.seanlina-size-enhanced,
.single-product .summary table.variations.seanlina-size-enhanced > tbody {
display: block;
width: 100%;
}
.single-product .summary .seanlina-size-enhanced > tbody > tr {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 7px;
}
.single-product .summary .seanlina-size-enhanced > tbody > tr > :is(th, td) {
display: block;
width: auto;
padding: 0;
border: 0;
text-align: start;
}
.single-product .summary .seanlina-size-enhanced > tbody > tr > td.label:empty,
.single-product .summary .seanlina-size-enhanced .seanlina-size-native {
display: none !important;
}
.single-product .summary .seanlina-size-enhanced th.label label {
font-size: 15px;
line-height: 1.35;
font-weight: 700;
}
.seanlina-size-picker {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(44px, 1fr));
gap: 6px;
max-width: 350px;
margin-bottom: 4px;
}
.single-product .summary .seanlina-size-option {
appearance: none;
box-sizing: border-box;
min-height: 44px;
padding: 6px 4px;
border: 1px solid #b9b4ad;
border-radius: 4px;
background: #fff;
color: #262322;
font: inherit;
font-size: 14px;
font-weight: 600;
line-height: 1.2;
cursor: pointer;
overflow-wrap: anywhere;
}
.single-product .summary .seanlina-size-option[aria-pressed="true"] {
border-color: #171717;
background: #171717;
color: #fff;
}
.single-product .summary .seanlina-size-option:focus-visible {
outline: 2px solid #272321;
outline-offset: 2px;
}
.single-product .summary .seanlina-size-option:disabled {
border-color: #dfdcd7;
background: #f5f4f2;
color: #68645f;
text-decoration: line-through;
cursor: default;
}
@media (max-width: 365px) {
.seanlina-size-picker:has(> :nth-child(6)) {
grid-template-columns: repeat(3, minmax(44px, 1fr));
}
}