.product-labels { position: absolute; top: 10px; left: 10px; right: 10px; display: flex; flex-wrap: wrap; gap: 5px; z-index: 2; pointer-events: none; }
.product-label { display: inline-flex; align-items: center; padding: 5px 9px; border-radius: 5px; background: var(--label-color); color: var(--label-ink); font: 600 10px/1.2 Inter,sans-serif; letter-spacing: .04em; box-shadow: 0 2px 6px #0003; }
.label-picker { display: flex; flex-wrap: wrap; gap: 8px; }
.label-choice { display: inline-flex; align-items: center; gap: 6px; min-height: 32px; cursor: pointer; }
.label-choice input { accent-color: #e4b773; }
.label-manager { width: min(650px,calc(100% - 24px)); }
.label-manager-list { display: grid; gap: 10px; margin: 16px 0; }
.label-manager-row { display: grid; grid-template-columns: minmax(0,1fr) 44px auto; gap: 8px; align-items: center; }
.label-manager-row input[type=color] { padding: 3px; width: 44px; height: 44px; background: #252930; border: 1px solid #68758a; border-radius: 8px; cursor: pointer; }
.label-manager-preview { grid-column: 1/-1; }
.label-manager-error { color: #ffb9b8; }
@media(max-width:760px){.label-choice {min-height:44px;} }
.product-label { border-radius: 999px; border: 1px solid #ffffff33; background-color: var(--label-color); background-image: linear-gradient(180deg,#ffffff18,transparent); font-weight: 800; }
.card .product-label { text-transform: uppercase; }
.card .product-labels { right: 52px; }
.product-card .product-label { border-radius: 5px; font-weight: 600; }