.public-product-colors{display:none!important}
.product-colors{margin:0 0 22px;padding:15px 16px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.product-colors-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.product-colors-head>b{font-size:12px;text-transform:uppercase;letter-spacing:.06em}
.product-colors-head>span{color:var(--muted);font-size:11px}
.product-color-list{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.product-color{height:36px;max-width:145px;padding:0 11px 0 6px;display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:99px;background:var(--surface-soft);color:var(--text-soft);font-size:12px;font-weight:600}
.product-color>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.product-color-swatch{width:24px;height:24px;flex:0 0 24px;border:2px solid var(--surface);border-radius:50%;box-shadow:0 0 0 1px var(--line-strong)}
.product-color.is-extra{display:none}.product-colors.expanded .product-color.is-extra{display:flex}.product-color-more{min-width:36px;height:36px;padding:0 10px;display:grid;place-items:center;border:0;border-radius:99px;background:var(--primary-soft);color:var(--primary);font-size:12px;font-weight:800;cursor:pointer;transition:.2s}.product-color-more:hover{background:var(--primary);color:#fff;transform:translateY(-1px)}
@media(max-width:560px){.product-color{max-width:125px}
.product-colors-head>span{display:none}
}