/* Membership belongs to saved native suboption_class. Global states are native WP settings.
   No field visibility, value, label, description, image or price is rewritten. */
body.mdb-choice-badges .product #uni_cpo_options label.uni-cpo-option-label:is(.mdb-badge-thermal,.mdb-badge-clearance,.mdb-badge-popular)::before,
body.mdb-choice-badges .product #uni_cpo_options label.uni-cpo-option-label:is(.mdb-badge-thermal,.mdb-badge-clearance,.mdb-badge-popular)::after,
body.mdb-choice-badges .product #uni_cpo_options label.uni-cpo-option-label.mdb-badge-popular > .uni-cpo-option-label__image-wrap::before {
    content: none; position: static; box-sizing: border-box; width: auto; height: auto;
    min-width: 0; max-width: 100%; border: 0; border-radius: 2px;
    padding: 3px 5px; margin: 0; color: #275d5c; background: #e6f5f3;
    font-family: inherit; font-size: 10.5px; font-weight: 700; line-height: 1.4;
    letter-spacing: 0; text-transform: none; text-align: center; white-space: nowrap;
    pointer-events: none; box-shadow: none; transform: none; top: auto; right: auto; bottom: auto; left: auto;
}
body.mdb-choice-badges .product #uni_cpo_options .mdb-native-range > label.uni-cpo-option-label:is(.mdb-badge-thermal,.mdb-badge-clearance) {
    grid-template-columns: minmax(0,1fr) max-content max-content max-content;
    column-gap: 4px;
}
body.mdb-choice-badges .product #uni_cpo_options .mdb-native-range > label.uni-cpo-option-label:is(.mdb-badge-thermal,.mdb-badge-clearance) .uni-cpo-option-label__image-wrap::after {
    grid-column: 1; grid-row: 2; padding: 12px 8px !important;
}
body.mdb-choice-badges .product #uni_cpo_options .mdb-native-range > label.uni-cpo-option-label:is(.mdb-badge-thermal,.mdb-badge-clearance) .uni-cpo-option-label__description {
    grid-column: 4; grid-row: 2; padding: 12px 8px; font-size: 12px;
}
body.mdb-native-cpo.mdb-choice-badges.mdb-choice-badge-thermal-on .product #uni_cpo_options label.uni-cpo-option-label.mdb-badge-thermal::before {
    content: "Thermally Insulated"; display: inline-block; grid-column: 2; grid-row: 2; align-self: center; justify-self: start;
}
body.mdb-native-cpo.mdb-choice-badges.mdb-choice-badge-clearance-on .product #uni_cpo_options label.uni-cpo-option-label.mdb-badge-clearance::after {
    content: "Clearance"; display: inline-block; grid-column: 3; grid-row: 2; align-self: center; justify-self: start;
    background: #444e60; color: #fff;
}
/* A Popular rail badge shares the existing image row, so it adds no card height.
   The native image-wrap caption remains in its own second row. */
body.mdb-native-cpo.mdb-choice-badges.mdb-choice-badge-popular-on .product #uni_cpo_options label.uni-cpo-option-label.mdb-badge-popular > .uni-cpo-option-label__image-wrap {
    display: grid !important; grid-template-columns: minmax(0,1fr); grid-template-rows: auto auto;
}
body.mdb-native-cpo.mdb-choice-badges.mdb-choice-badge-popular-on .product #uni_cpo_options label.uni-cpo-option-label.mdb-badge-popular > .uni-cpo-option-label__image-wrap > img {
    grid-column: 1; grid-row: 1;
}
body.mdb-native-cpo.mdb-choice-badges.mdb-choice-badge-popular-on .product #uni_cpo_options label.uni-cpo-option-label.mdb-badge-popular > .uni-cpo-option-label__image-wrap::after {
    grid-column: 1; grid-row: 2;
}
body.mdb-native-cpo.mdb-choice-badges.mdb-choice-badge-popular-on .product #uni_cpo_options label.uni-cpo-option-label.mdb-badge-popular > .uni-cpo-option-label__image-wrap::before {
    content: "Popular"; display: block; grid-column: 1; grid-row: 1;
    align-self: end; justify-self: center; z-index: 1; margin: 0 6px 6px;
}
/* The saved Popular class identifies the native rail group. Its card border
   supplies hover/selection feedback without a second inset edge or movement. */
body.mdb-native-cpo.mdb-choice-badges .product #uni_cpo_options .uni-module-radio:has(> label.mdb-badge-popular) > label.uni-cpo-option-label {
    box-shadow: none; transform: none;
}
body.mdb-native-cpo.mdb-choice-badges .product #uni_cpo_options .uni-module-radio:has(> label.mdb-badge-popular) > input:not(:focus-visible) + label.uni-cpo-option-label:hover {
    outline: none;
}
/* At very narrow widths retain the native name/count row and wrap the two badges below. */
@media (max-width: 360px) {
    body.mdb-choice-badges .product #uni_cpo_options .mdb-native-range > label.uni-cpo-option-label:is(.mdb-badge-thermal,.mdb-badge-clearance) .uni-cpo-option-label__image-wrap::after { grid-column: 1 / 4; }
    body.mdb-native-cpo.mdb-choice-badges.mdb-choice-badge-thermal-on .product #uni_cpo_options .mdb-native-range > label.uni-cpo-option-label.mdb-badge-thermal::before { grid-column: 1 / 3; grid-row: 3; margin: 0 0 8px 8px; }
    body.mdb-native-cpo.mdb-choice-badges.mdb-choice-badge-clearance-on .product #uni_cpo_options .mdb-native-range > label.uni-cpo-option-label.mdb-badge-clearance::after { grid-column: 3 / 5; grid-row: 3; margin: 0 8px 8px 0; }
}