.variations_form select.pn-pills-select {
position: absolute !important;
width: 1px !important;
min-width: 0 !important;
height: 1px !important;
padding: 0 !important;
overflow: hidden;
clip: rect(0 0 0 0);
border: 0 !important;
opacity: 0;
}
.pn-pills {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.variations_form .pn-pill {
min-width: 72px;
padding: 8px 18px;
border: 1px solid #DCCFB8;
border-radius: 4px;
background: #fff;
color: var(--global-palette4, #333);
font-size: 13px;
font-weight: 500;
line-height: 1.2;
cursor: pointer;
box-shadow: none;
transition: background-color 0.15s, border-color 0.15s, color 0.15s;
}
.variations_form .pn-pill:hover:not(:disabled):not(.is-selected) {
border-color: var(--global-palette1, #2f6b3a);
background: #fff;
color: var(--global-palette1, #2f6b3a);
}
.variations_form .pn-pill.is-selected {
border-color: var(--global-palette1, #2f6b3a);
background: var(--global-palette1, #2f6b3a);
color: #fff;
}
.variations_form .pn-pill:focus-visible {
outline: 2px solid var(--global-palette1, #2f6b3a);
outline-offset: 2px;
}
.variations_form .pn-pill:disabled {
opacity: 0.4;
text-decoration: line-through;
cursor: not-allowed;
}