.product-kit-tags {display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 8px;}
.product-kit-tag {background: var(--primary); font-size: 11px; color: #fff; padding: 2px 8px; border-radius: 4px; font-weight: 500;}

.product-kit-title {font-weight: 600;}
.product-kit-mixed-summary {font-size: 12px; color: var(--text-secondary, #505050);}

.product-kit-products {display: flex; flex-direction: column; margin-top: 16px;}
.product-kit-product {border-bottom: 1px solid #eee; padding-bottom: 16px; margin-bottom: 16px;}
.product-kit-product-name {font-size: 13px; font-weight: 600; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;}
.product-kit-product-price {color: #505050; font-weight: 600; font-size: 14px; line-height: normal;}
.product-kit-quantity {font-size: 11px; background: var(--primary); padding: 2px 6px; border-radius: 4px; color: #fff; line-height: normal;}

.product-kit-variations {margin-top: 8px;}
.product-kit-variations-fixed {display: flex; align-items: center; flex-wrap: wrap; gap: 4px;}
.product-kit-variation-fixed {background: #eee; width: fit-content; padding: 2px 8px; border-radius: 4px; font-size: 12px; font-weight: 500; margin-top: 8px;}

.product-kit-variations-wrapper {display: flex; gap: 4px; flex-wrap: wrap;}
.product-kit-variation-label {font-size: 13px; font-weight: 500; margin-bottom: 4px; margin-top: 8px;}
.product-kit-variations .btn-product-kit-variation {padding: 6px 12px; line-height: normal; margin: 0; background: var(--variant-button-background-color); border: 1px solid var(--variant-button-border-color); color: var(--variant-button-color); cursor: pointer; border-radius: var(--variant-button-border-radius); font-weight: 500; font-size: 13px; position: relative; overflow: hidden;}
.product-kit-variations .btn-product-kit-variation:hover {filter: brightness(.92);}
.product-kit-variations .btn-product-kit-variation.active {background: var(--variant-button-selected-background-color); border-color: var(--variant-button-selected-border-color); color: var(--variant-button-selected-color);}
.product-kit-variations .btn-product-kit-variation.product-kit-variation-color {width: 28px; height: 28px; border-radius: 50%; overflow: visible; padding: 0; border: 3px solid var(--background); outline: 1px solid #ddd; position: relative; background-size: cover; background-repeat: no-repeat; background-position: center center;}
.product-kit-variations .btn-product-kit-variation.product-kit-variation-color:hover {outline-color: #ccc;}
.product-kit-variations .btn-product-kit-variation.product-kit-variation-color.active {outline-color: #000;}

.product-kit-variations .btn-product-kit-variation:disabled {opacity: .5;}
.product-kit-variations .btn-product-kit-variation:disabled::before {content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: linear-gradient(to top right, transparent calc(50% - 1px), red, transparent calc(50% + 1px));}
@media (max-width: 991px) {
	.product-kit-variations .btn-product-kit-variation {font-size: 12px;}
}