.reset_variations {
display: none !important;
visibility: hidden !important;
} .tw-premium-single .mpo-wrap {
--mpo-accent: var(--season-text, #111827);
} .tw-premium-single .mpo-wrap .tw-mpo-box {
padding: 20px;
background: #ffffff;
border: 1px solid #E2E8F0;
border-radius: 12px;
box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03);
}
.tw-premium-single .mpo-wrap .tw-mpo-title {
margin: 0 0 16px;
padding-bottom: 12px;
font-size: 15px;
font-weight: 700;
color: #111827;
border-bottom: 1px solid #E2E8F0;
}
@media (max-width: 480px) {
.tw-premium-single .mpo-wrap .tw-mpo-box {
padding: 16px 14px;
}
} .tw-premium-single .mpo-summary .tw-action-row {
display: flex;
align-items: stretch;
gap: 12px;
margin-top: 16px;
}
.tw-premium-single .mpo-summary .tw-action-row .quantity {
flex: 0 0 auto;
}
.tw-premium-single .mpo-summary .tw-action-row .single_add_to_cart_button {
flex: 1 1 auto;
} .tw-premium-single .mpo-wrap .mpo-select {
width: 100%;
} .woovr-variations {
display: flex;
flex-wrap: wrap;
gap: 12px;
margin-bottom: 20px;
}
.woovr-variation-radio .woovr-variation-selector,
.woovr-variation-radio input[type="radio"] {
display: none !important;
}
.woovr-variation-radio {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
flex: 0 1 calc(33.33% - 8px);
min-width: 100px;
padding: 15px 10px;
border: 1px solid #E2E8F0 !important;
border-radius: 10px;
text-align: center;
cursor: pointer;
transition: all 0.2s ease;
background: #ffffff;
box-sizing: border-box;
}
.woovr-variation-radio .woovr-variation-image {
width: 120px !important;
height: 150px !important;
max-width: none !important;
min-width: 120px !important;
margin: 0 0 10px 0 !important;
}
.woovr-variation-radio .woovr-variation-image img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
display: block !important;
border-radius: 8px !important;
}
.woovr-variation-info {
text-align: center !important;
width: 100% !important;
margin: 0 !important;
}
.woovr-variation-radio.woovr-variation-active {
border-color: var(--season-text, #111827) !important;
background-color: color-mix(in srgb, var(--season-text, #111827) 8%, #ffffff) !important;
color: var(--season-text, #111827) !important;
box-shadow: 0 0 0 1px var(--season-text, #111827);
}
@media (max-width: 480px) {
.woovr-variation-radio {
flex: 0 1 calc(50% - 6px);
}
}