.pdp-cat-pill {
            display: inline-flex;
            align-items: center;
            gap: 5px;
            margin-bottom: 10px;
            padding: 4px 11px;
            border-radius: 20px;
            border: 1px solid var(--clr-border);
            background: var(--clr-surface);
            font-size: 11.5px;
            font-weight: 600;
            color: var(--clr-text-3);
            text-decoration: none;
            letter-spacing: .2px;
            transition: border-color .18s, color .18s, background .18s;
        }
        .pdp-cat-pill i { font-size: 10px; opacity: .75; flex-shrink: 0; }
        .pdp-cat-pill:hover {
            color: var(--clr-primary);
            border-color: var(--clr-primary);
            background: var(--clr-surface-2, var(--clr-surface));
        }