.products .product .plsqa-quick-add {
position: relative;
z-index: 12;
display: flex;
flex-direction: column;
align-items: center;
margin: 3px 0 5px;
}
.products .product .plsqa-sizes {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: 4px;
width: 100%;
font-variant-numeric: tabular-nums;
}
.products .product .plsqa-sizes__label {
margin-right: 2px;
color: #999;
font-size: 9px;
font-weight: 700;
line-height: 24px;
letter-spacing: .08em;
text-transform: uppercase;
}
.products .product .plsqa-size {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 29px;
min-height: 24px;
margin: 0;
padding: 2px 6px;
border: 1px solid rgba(19, 22, 11, .18);
border-radius: 4px;
background: #fff;
box-shadow: none;
color: rgba(19, 22, 11, .78);
font-family: inherit;
font-size: 10.5px;
font-weight: 500;
line-height: 1;
cursor: pointer;
transition: border-color .15s ease, background-color .15s ease, color .15s ease, opacity .15s ease;
}
@media (hover: hover) {
.products .product .plsqa-size:hover {
border-color: var(--site-accent-color, #ff7300);
color: var(--site-accent-color, #d85f00);
}
}
.products .product .plsqa-size:focus-visible {
outline: 2px solid var(--site-accent-color, #ff7300);
outline-offset: 2px;
}
.products .product .plsqa-size.is-selected {
border-color: var(--site-heading-color, #13160b);
background: var(--site-heading-color, #13160b);
color: #fff;
}
.products .product .plsqa-size:disabled {
cursor: wait;
opacity: .58;
}
.products .product .plsqa-add {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 136px;
min-height: 34px;
margin: 7px auto 0;
padding: 7px 16px;
border: 0;
border-radius: 5px;
background: var(--site-accent-color, #ff7300);
box-shadow: none;
color: var(--site-heading-color, #13160b);
font-family: inherit;
font-size: 12px;
font-weight: 600;
line-height: 1.1;
cursor: pointer;
transition: background-color .15s ease, color .15s ease, opacity .15s ease;
}
.products .product .plsqa-add:disabled {
background: #eee;
color: #999;
cursor: not-allowed;
}
.products .product .plsqa-add:focus-visible {
outline: 2px solid var(--site-accent-color, #ff7300);
outline-offset: 2px;
}
.products .product .plsqa-add.is-loading {
cursor: progress;
opacity: .62;
}
.products .product .plsqa-add.is-added {
background: var(--site-heading-color, #13160b);
color: #fff;
}
.products .product .plsqa-quick-add .added_to_cart {
display: none !important;
}
.products .product .plsqa-feedback:not(.is-error) {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
clip-path: inset(50%);
white-space: nowrap;
border: 0;
}
.products .product .plsqa-feedback.is-error {
flex: 0 0 100%;
margin-top: 2px;
color: #a32920;
font-size: 10.5px;
line-height: 1.35;
text-align: center;
}
@media (max-width: 575px) {
.products .product .plsqa-sizes {
gap: 3px;
}
.products .product .plsqa-size {
min-width: 27px;
min-height: 23px;
padding-right: 5px;
padding-left: 5px;
font-size: 10px;
}
.products .product .plsqa-add {
min-height: 32px;
margin-top: 6px;
font-size: 11px;
}
}
@media (prefers-reduced-motion: reduce) {
.products .product .plsqa-size,
.products .product .plsqa-add {
transition: none;
}
}