/* 1. Force white background on ALL product grid card containers (normal & hover) */
.theme-product-box-container,
.theme-product-item-container,
.zp-product-container,
[class*="product-box"],
[class*="product-item"] {
    background-color: #ffffff !important;
    background: #ffffff !important;
}

/* 2. Fix text inside unselected size boxes on the product page */
[style*="--default_vars-_-color-textvariant-border-style"] {
    color: #000000 !important;
}

/* 3. Keep selected size box background dark with white text */
[style*="--default_vars-_-color-textvariant-border-style"].selected,
[style*="--default_vars-_-color-textvariant-border-style"].active,
[style*="--default_vars-_-color-textvariant-border-style"][class*="selected"],
[style*="--default_vars-_-color-textvariant-border-style"][class*="active"] {
    background-color: #000000 !important;
    color: #ffffff !important;
}